0.2.0 - Mid migration

web/node_modules/@material-ui/styles/es/styled/index.js

@@ -0,0 +1 @@
+export { default } from './styled';

web/node_modules/@material-ui/styles/es/styled/styled.js

@@ -0,0 +1,153 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import { chainPropTypes, getDisplayName } from '@material-ui/utils';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import makeStyles from '../makeStyles';
+
+function omit(input, fields) {
+  const output = {};
+  Object.keys(input).forEach(prop => {
+    if (fields.indexOf(prop) === -1) {
+      output[prop] = input[prop];
+    }
+  });
+  return output;
+} // styled-components's API removes the mapping between components and styles.
+// Using components as a low-level styling construct can be simpler.
+
+
+export default function styled(Component) {
+  const componentCreator = (style, options = {}) => {
+    const {
+      name
+    } = options,
+          stylesOptions = _objectWithoutPropertiesLoose(options, ["name"]);
+
+    if (process.env.NODE_ENV !== 'production' && Component === undefined) {
+      throw new Error(['You are calling styled(Component)(style) with an undefined component.', 'You may have forgotten to import it.'].join('\n'));
+    }
+
+    let classNamePrefix = name;
+
+    if (process.env.NODE_ENV !== 'production') {
+      if (!name) {
+        // Provide a better DX outside production.
+        const displayName = getDisplayName(Component);
+
+        if (displayName !== undefined) {
+          classNamePrefix = displayName;
+        }
+      }
+    }
+
+    const stylesOrCreator = typeof style === 'function' ? theme => ({
+      root: props => style(_extends({
+        theme
+      }, props))
+    }) : {
+      root: style
+    };
+    const useStyles = makeStyles(stylesOrCreator, _extends({
+      Component,
+      name: name || Component.displayName,
+      classNamePrefix
+    }, stylesOptions));
+    let filterProps;
+    let propTypes = {};
+
+    if (style.filterProps) {
+      filterProps = style.filterProps;
+      delete style.filterProps;
+    }
+    /* eslint-disable react/forbid-foreign-prop-types */
+
+
+    if (style.propTypes) {
+      propTypes = style.propTypes;
+      delete style.propTypes;
+    }
+    /* eslint-enable react/forbid-foreign-prop-types */
+
+
+    const StyledComponent = /*#__PURE__*/React.forwardRef(function StyledComponent(props, ref) {
+      const {
+        children,
+        className: classNameProp,
+        clone,
+        component: ComponentProp
+      } = props,
+            other = _objectWithoutPropertiesLoose(props, ["children", "className", "clone", "component"]);
+
+      const classes = useStyles(props);
+      const className = clsx(classes.root, classNameProp);
+      let spread = other;
+
+      if (filterProps) {
+        spread = omit(spread, filterProps);
+      }
+
+      if (clone) {
+        return /*#__PURE__*/React.cloneElement(children, _extends({
+          className: clsx(children.props.className, className)
+        }, spread));
+      }
+
+      if (typeof children === 'function') {
+        return children(_extends({
+          className
+        }, spread));
+      }
+
+      const FinalComponent = ComponentProp || Component;
+      return /*#__PURE__*/React.createElement(FinalComponent, _extends({
+        ref: ref,
+        className: className
+      }, spread), children);
+    });
+    process.env.NODE_ENV !== "production" ? StyledComponent.propTypes = _extends({
+      /**
+       * A render function or node.
+       */
+      children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+
+      /**
+       * @ignore
+       */
+      className: PropTypes.string,
+
+      /**
+       * If `true`, the component will recycle it's children HTML element.
+       * It's using `React.cloneElement` internally.
+       *
+       * This prop will be deprecated and removed in v5
+       */
+      clone: chainPropTypes(PropTypes.bool, props => {
+        if (props.clone && props.component) {
+          return new Error('You can not use the clone and component prop at the same time.');
+        }
+
+        return null;
+      }),
+
+      /**
+       * The component used for the root node.
+       * Either a string to use a HTML element or a component.
+       */
+      component: PropTypes
+      /* @typescript-to-proptypes-ignore */
+      .elementType
+    }, propTypes) : void 0;
+
+    if (process.env.NODE_ENV !== 'production') {
+      StyledComponent.displayName = `Styled(${classNamePrefix})`;
+    }
+
+    hoistNonReactStatics(StyledComponent, Component);
+    return StyledComponent;
+  };
+
+  return componentCreator;
+}