0.2.0 - Mid migration

web/node_modules/@material-ui/core/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import { PropTypes } from '..';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+
+export interface ButtonGroupTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * The content of the button group.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     */
+    color?: PropTypes.Color;
+    /**
+     * If `true`, the buttons will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, no elevation is used.
+     */
+    disableElevation?: boolean;
+    /**
+     * If `true`, the button keyboard focus ripple will be disabled.
+     */
+    disableFocusRipple?: boolean;
+    /**
+     * If `true`, the button ripple effect will be disabled.
+     */
+    disableRipple?: boolean;
+    /**
+     * If `true`, the buttons will take up the full width of its container.
+     */
+    fullWidth?: boolean;
+    /**
+     * The group orientation (layout flow direction).
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * The size of the button.
+     * `small` is equivalent to the dense button styling.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The variant to use.
+     */
+    variant?: 'text' | 'outlined' | 'contained';
+  };
+  defaultComponent: D;
+  classKey: ButtonGroupClassKey;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Button Group](https://material-ui.com/components/button-group/)
+ *
+ * API:
+ *
+ * - [ButtonGroup API](https://material-ui.com/api/button-group/)
+ */
+declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
+
+export type ButtonGroupClassKey =
+  | 'root'
+  | 'contained'
+  | 'disabled'
+  | 'disableElevation'
+  | 'fullWidth'
+  | 'vertical'
+  | 'grouped'
+  | 'groupedHorizontal'
+  | 'groupedVertical'
+  | 'groupedText'
+  | 'groupedTextHorizontal'
+  | 'groupedTextVertical'
+  | 'groupedTextPrimary'
+  | 'groupedTextSecondary'
+  | 'groupedOutlined'
+  | 'groupedOutlinedHorizontal'
+  | 'groupedOutlinedVertical'
+  | 'groupedOutlinedPrimary'
+  | 'groupedOutlinedSecondary'
+  | 'groupedContained'
+  | 'groupedContainedHorizontal'
+  | 'groupedContainedVertical'
+  | 'groupedContainedPrimary'
+  | 'groupedContainedSecondary';
+
+export type ButtonGroupProps<
+  D extends React.ElementType = ButtonGroupTypeMap['defaultComponent'],
+  P = {}
+> = OverrideProps<ButtonGroupTypeMap<P, D>, D>;
+
+export default ButtonGroup;

web/node_modules/@material-ui/core/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,341 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactIs = require("react-is");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+
+var _colorManipulator = require("../styles/colorManipulator");
+
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+// Force a side effect so we don't have any override priority issue.
+// eslint-disable-next-line no-unused-expressions
+_Button.default.styles;
+
+var styles = function styles(theme) {
+  return {
+    /* Styles applied to the root element. */
+    root: {
+      display: 'inline-flex',
+      borderRadius: theme.shape.borderRadius
+    },
+
+    /* Styles applied to the root element if `variant="contained"`. */
+    contained: {
+      boxShadow: theme.shadows[2]
+    },
+
+    /* Styles applied to the root element if `disableElevation={true}`. */
+    disableElevation: {
+      boxShadow: 'none'
+    },
+
+    /* Pseudo-class applied to child elements if `disabled={true}`. */
+    disabled: {},
+
+    /* Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: {
+      width: '100%'
+    },
+
+    /* Styles applied to the root element if `orientation="vertical"`. */
+    vertical: {
+      flexDirection: 'column'
+    },
+
+    /* Styles applied to the children. */
+    grouped: {
+      minWidth: 40
+    },
+
+    /* Styles applied to the children if `orientation="horizontal"`. */
+    groupedHorizontal: {
+      '&:not(:first-child)': {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0
+      },
+      '&:not(:last-child)': {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0
+      }
+    },
+
+    /* Styles applied to the children if `orientation="vertical"`. */
+    groupedVertical: {
+      '&:not(:first-child)': {
+        borderTopRightRadius: 0,
+        borderTopLeftRadius: 0
+      },
+      '&:not(:last-child)': {
+        borderBottomRightRadius: 0,
+        borderBottomLeftRadius: 0
+      }
+    },
+
+    /* Styles applied to the children if `variant="text"`. */
+    groupedText: {},
+
+    /* Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
+    groupedTextHorizontal: {
+      '&:not(:last-child)': {
+        borderRight: "1px solid ".concat(theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)')
+      }
+    },
+
+    /* Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
+    groupedTextVertical: {
+      '&:not(:last-child)': {
+        borderBottom: "1px solid ".concat(theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)')
+      }
+    },
+
+    /* Styles applied to the children if `variant="text"` and `color="primary"`. */
+    groupedTextPrimary: {
+      '&:not(:last-child)': {
+        borderColor: (0, _colorManipulator.alpha)(theme.palette.primary.main, 0.5)
+      }
+    },
+
+    /* Styles applied to the children if `variant="text"` and `color="secondary"`. */
+    groupedTextSecondary: {
+      '&:not(:last-child)': {
+        borderColor: (0, _colorManipulator.alpha)(theme.palette.secondary.main, 0.5)
+      }
+    },
+
+    /* Styles applied to the children if `variant="outlined"`. */
+    groupedOutlined: {},
+
+    /* Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
+    groupedOutlinedHorizontal: {
+      '&:not(:first-child)': {
+        marginLeft: -1
+      },
+      '&:not(:last-child)': {
+        borderRightColor: 'transparent'
+      }
+    },
+
+    /* Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
+    groupedOutlinedVertical: {
+      '&:not(:first-child)': {
+        marginTop: -1
+      },
+      '&:not(:last-child)': {
+        borderBottomColor: 'transparent'
+      }
+    },
+
+    /* Styles applied to the children if `variant="outlined"` and `color="primary"`. */
+    groupedOutlinedPrimary: {
+      '&:hover': {
+        borderColor: theme.palette.primary.main
+      }
+    },
+
+    /* Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
+    groupedOutlinedSecondary: {
+      '&:hover': {
+        borderColor: theme.palette.secondary.main
+      }
+    },
+
+    /* Styles applied to the children if `variant="contained"`. */
+    groupedContained: {
+      boxShadow: 'none'
+    },
+
+    /* Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
+    groupedContainedHorizontal: {
+      '&:not(:last-child)': {
+        borderRight: "1px solid ".concat(theme.palette.grey[400]),
+        '&$disabled': {
+          borderRight: "1px solid ".concat(theme.palette.action.disabled)
+        }
+      }
+    },
+
+    /* Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
+    groupedContainedVertical: {
+      '&:not(:last-child)': {
+        borderBottom: "1px solid ".concat(theme.palette.grey[400]),
+        '&$disabled': {
+          borderBottom: "1px solid ".concat(theme.palette.action.disabled)
+        }
+      }
+    },
+
+    /* Styles applied to the children if `variant="contained"` and `color="primary"`. */
+    groupedContainedPrimary: {
+      '&:not(:last-child)': {
+        borderColor: theme.palette.primary.dark
+      }
+    },
+
+    /* Styles applied to the children if `variant="contained"` and `color="secondary"`. */
+    groupedContainedSecondary: {
+      '&:not(:last-child)': {
+        borderColor: theme.palette.secondary.dark
+      }
+    }
+  };
+};
+
+exports.styles = styles;
+var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(props, ref) {
+  var children = props.children,
+      classes = props.classes,
+      className = props.className,
+      _props$color = props.color,
+      color = _props$color === void 0 ? 'default' : _props$color,
+      _props$component = props.component,
+      Component = _props$component === void 0 ? 'div' : _props$component,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$disableElevati = props.disableElevation,
+      disableElevation = _props$disableElevati === void 0 ? false : _props$disableElevati,
+      _props$disableFocusRi = props.disableFocusRipple,
+      disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
+      _props$disableRipple = props.disableRipple,
+      disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple,
+      _props$fullWidth = props.fullWidth,
+      fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? 'outlined' : _props$variant,
+      other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"]);
+  var buttonClassName = (0, _clsx.default)(classes.grouped, classes["grouped".concat((0, _capitalize.default)(orientation))], classes["grouped".concat((0, _capitalize.default)(variant))], classes["grouped".concat((0, _capitalize.default)(variant)).concat((0, _capitalize.default)(orientation))], classes["grouped".concat((0, _capitalize.default)(variant)).concat(color !== 'default' ? (0, _capitalize.default)(color) : '')], disabled && classes.disabled);
+  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
+    role: "group",
+    className: (0, _clsx.default)(classes.root, className, fullWidth && classes.fullWidth, disableElevation && classes.disableElevation, variant === 'contained' && classes.contained, orientation === 'vertical' && classes.vertical),
+    ref: ref
+  }, other), React.Children.map(children, function (child) {
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return null;
+    }
+
+    if (process.env.NODE_ENV !== 'production') {
+      if ((0, _reactIs.isFragment)(child)) {
+        console.error(["Material-UI: The ButtonGroup component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
+      }
+    }
+
+    return /*#__PURE__*/React.cloneElement(child, {
+      className: (0, _clsx.default)(buttonClassName, child.props.className),
+      color: child.props.color || color,
+      disabled: child.props.disabled || disabled,
+      disableElevation: child.props.disableElevation || disableElevation,
+      disableFocusRipple: disableFocusRipple,
+      disableRipple: disableRipple,
+      fullWidth: fullWidth,
+      size: child.props.size || size,
+      variant: child.props.variant || variant
+    });
+  }));
+});
+process.env.NODE_ENV !== "production" ? ButtonGroup.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+
+  /**
+   * The content of the button group.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: _propTypes.default.object,
+
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   */
+  color: _propTypes.default.oneOf(['default', 'inherit', 'primary', 'secondary']),
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .elementType,
+
+  /**
+   * If `true`, the buttons will be disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * If `true`, no elevation is used.
+   */
+  disableElevation: _propTypes.default.bool,
+
+  /**
+   * If `true`, the button keyboard focus ripple will be disabled.
+   */
+  disableFocusRipple: _propTypes.default.bool,
+
+  /**
+   * If `true`, the button ripple effect will be disabled.
+   */
+  disableRipple: _propTypes.default.bool,
+
+  /**
+   * If `true`, the buttons will take up the full width of its container.
+   */
+  fullWidth: _propTypes.default.bool,
+
+  /**
+   * The group orientation (layout flow direction).
+   */
+  orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
+
+  /**
+   * The size of the button.
+   * `small` is equivalent to the dense button styling.
+   */
+  size: _propTypes.default.oneOf(['large', 'medium', 'small']),
+
+  /**
+   * The variant to use.
+   */
+  variant: _propTypes.default.oneOf(['contained', 'outlined', 'text'])
+} : void 0;
+
+var _default = (0, _withStyles.default)(styles, {
+  name: 'MuiButtonGroup'
+})(ButtonGroup);
+
+exports.default = _default;

web/node_modules/@material-ui/core/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ButtonGroup';
+export * from './ButtonGroup';

web/node_modules/@material-ui/core/ButtonGroup/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonGroup.default;
+  }
+});
+
+var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));

web/node_modules/@material-ui/core/ButtonGroup/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../esm/ButtonGroup/index.js",
+  "typings": "./index.d.ts"
+}