0.2.0 - Mid migration

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

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
+import { OverrideProps } from '../OverridableComponent';
+
+export type BottomNavigationActionTypeMap<
+  P,
+  D extends React.ElementType
+> = ExtendButtonBaseTypeMap<{
+  props: P & {
+    /**
+     * This prop isn't supported.
+     * Use the `component` prop if you need to change the children structure.
+     */
+    children?: React.ReactNode;
+    /**
+     * The icon element.
+     */
+    icon?: React.ReactNode;
+    /**
+     * The label element.
+     */
+    label?: React.ReactNode;
+    onChange?: (event: React.ChangeEvent<{}>, value: any) => void;
+    onClick?: React.ReactEventHandler<any>;
+    selected?: boolean;
+    /**
+     * If `true`, the `BottomNavigationAction` will show its label.
+     * By default, only the selected `BottomNavigationAction`
+     * inside `BottomNavigation` will show its label.
+     */
+    showLabel?: boolean;
+    /**
+     * You can provide your own value. Otherwise, we fallback to the child position index.
+     */
+    value?: any;
+  };
+  defaultComponent: D;
+  classKey: BottomNavigationActionClassKey;
+}>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Bottom Navigation](https://material-ui.com/components/bottom-navigation/)
+ *
+ * API:
+ *
+ * - [BottomNavigationAction API](https://material-ui.com/api/bottom-navigation-action/)
+ * - inherits [ButtonBase API](https://material-ui.com/api/button-base/)
+ */
+declare const BottomNavigationAction: ExtendButtonBase<BottomNavigationActionTypeMap<
+  {},
+  ButtonBaseTypeMap['defaultComponent']
+>>;
+
+export type BottomNavigationActionClassKey = 'root' | 'selected' | 'iconOnly' | 'wrapper' | 'label';
+
+export type BottomNavigationActionProps<
+  D extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
+  P = {}
+> = OverrideProps<BottomNavigationActionTypeMap<P, D>, D>;
+
+export default BottomNavigationAction;

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

@@ -0,0 +1,181 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+
+var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+
+var _unsupportedProp = _interopRequireDefault(require("../utils/unsupportedProp"));
+
+var styles = function styles(theme) {
+  return {
+    /* Styles applied to the root element. */
+    root: {
+      transition: theme.transitions.create(['color', 'padding-top'], {
+        duration: theme.transitions.duration.short
+      }),
+      padding: '6px 12px 8px',
+      minWidth: 80,
+      maxWidth: 168,
+      color: theme.palette.text.secondary,
+      flex: '1',
+      '&$iconOnly': {
+        paddingTop: 16
+      },
+      '&$selected': {
+        paddingTop: 6,
+        color: theme.palette.primary.main
+      }
+    },
+
+    /* Pseudo-class applied to the root element if selected. */
+    selected: {},
+
+    /* Pseudo-class applied to the root element if `showLabel={false}` and not selected. */
+    iconOnly: {},
+
+    /* Styles applied to the span element that wraps the icon and label. */
+    wrapper: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100%',
+      flexDirection: 'column'
+    },
+
+    /* Styles applied to the label's span element. */
+    label: {
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.pxToRem(12),
+      opacity: 1,
+      transition: 'font-size 0.2s, opacity 0.2s',
+      transitionDelay: '0.1s',
+      '&$iconOnly': {
+        opacity: 0,
+        transitionDelay: '0s'
+      },
+      '&$selected': {
+        fontSize: theme.typography.pxToRem(14)
+      }
+    }
+  };
+};
+
+exports.styles = styles;
+var BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavigationAction(props, ref) {
+  var classes = props.classes,
+      className = props.className,
+      icon = props.icon,
+      label = props.label,
+      onChange = props.onChange,
+      onClick = props.onClick,
+      selected = props.selected,
+      showLabel = props.showLabel,
+      value = props.value,
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"]);
+
+  var handleChange = function handleChange(event) {
+    if (onChange) {
+      onChange(event, value);
+    }
+
+    if (onClick) {
+      onClick(event);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(_ButtonBase.default, (0, _extends2.default)({
+    ref: ref,
+    className: (0, _clsx.default)(classes.root, className, selected ? classes.selected : !showLabel && classes.iconOnly),
+    focusRipple: true,
+    onClick: handleChange
+  }, other), /*#__PURE__*/React.createElement("span", {
+    className: classes.wrapper
+  }, icon, /*#__PURE__*/React.createElement("span", {
+    className: (0, _clsx.default)(classes.label, selected ? classes.selected : !showLabel && classes.iconOnly)
+  }, label)));
+});
+process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children: _unsupportedProp.default,
+
+  /**
+   * 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 icon element.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   * The label element.
+   */
+  label: _propTypes.default.node,
+
+  /**
+   * @ignore
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * @ignore
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * @ignore
+   */
+  selected: _propTypes.default.bool,
+
+  /**
+   * If `true`, the `BottomNavigationAction` will show its label.
+   * By default, only the selected `BottomNavigationAction`
+   * inside `BottomNavigation` will show its label.
+   */
+  showLabel: _propTypes.default.bool,
+
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value: _propTypes.default.any
+} : void 0;
+
+var _default = (0, _withStyles.default)(styles, {
+  name: 'MuiBottomNavigationAction'
+})(BottomNavigationAction);
+
+exports.default = _default;

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

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

web/node_modules/@material-ui/core/BottomNavigationAction/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 _BottomNavigationAction.default;
+  }
+});
+
+var _BottomNavigationAction = _interopRequireDefault(require("./BottomNavigationAction"));

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

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