0.2.0 - Mid migration

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

@@ -0,0 +1,70 @@
+import nested from '../ThemeProvider/nested';
+/**
+ * This is the list of the style rule name we use as drop in replacement for the built-in
+ * pseudo classes (:checked, :disabled, :focused, etc.).
+ *
+ * Why do they exist in the first place?
+ * These classes are used at a specificity of 2.
+ * It allows them to override previously definied styles as well as
+ * being untouched by simple user overrides.
+ */
+
+const pseudoClasses = ['checked', 'disabled', 'error', 'focused', 'focusVisible', 'required', 'expanded', 'selected']; // Returns a function which generates unique class names based on counters.
+// When new generator function is created, rule counter is reset.
+// We need to reset the rule counter for SSR for each request.
+//
+// It's inspired by
+// https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js
+
+export default function createGenerateClassName(options = {}) {
+  const {
+    disableGlobal = false,
+    productionPrefix = 'jss',
+    seed = ''
+  } = options;
+  const seedPrefix = seed === '' ? '' : `${seed}-`;
+  let ruleCounter = 0;
+
+  const getNextCounterId = () => {
+    ruleCounter += 1;
+
+    if (process.env.NODE_ENV !== 'production') {
+      if (ruleCounter >= 1e10) {
+        console.warn(['Material-UI: You might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join(''));
+      }
+    }
+
+    return ruleCounter;
+  };
+
+  return (rule, styleSheet) => {
+    const name = styleSheet.options.name; // Is a global static MUI style?
+
+    if (name && name.indexOf('Mui') === 0 && !styleSheet.options.link && !disableGlobal) {
+      // We can use a shorthand class name, we never use the keys to style the components.
+      if (pseudoClasses.indexOf(rule.key) !== -1) {
+        return `Mui-${rule.key}`;
+      }
+
+      const prefix = `${seedPrefix}${name}-${rule.key}`;
+
+      if (!styleSheet.options.theme[nested] || seed !== '') {
+        return prefix;
+      }
+
+      return `${prefix}-${getNextCounterId()}`;
+    }
+
+    if (process.env.NODE_ENV === 'production') {
+      return `${seedPrefix}${productionPrefix}${getNextCounterId()}`;
+    }
+
+    const suffix = `${rule.key}-${getNextCounterId()}`; // Help with debuggability.
+
+    if (styleSheet.options.classNamePrefix) {
+      return `${seedPrefix}${styleSheet.options.classNamePrefix}-${suffix}`;
+    }
+
+    return `${seedPrefix}${suffix}`;
+  };
+}

web/node_modules/@material-ui/styles/es/createGenerateClassName/createGenerateClassNameHash.js

@@ -0,0 +1,75 @@
+import hash from '@emotion/hash';
+
+function safePrefix(classNamePrefix) {
+  const prefix = String(classNamePrefix);
+
+  if (process.env.NODE_ENV !== 'production') {
+    if (prefix.length >= 256) {
+      console.error(`Material-UI: The class name prefix is too long: ${prefix}.`);
+    }
+  }
+
+  return prefix;
+}
+
+const themeHashCache = {};
+/**
+ * Beta feature.
+ *
+ * This is an alternative to createGenerateClassName.js.
+ * Instead of using a index counter, it hash the style sheets to generate the class name.
+ * The class name call order invariant. With this property, we can cache the style sheets on the server.
+ */
+
+export default function createGenerateClassNameHash(options = {}) {
+  const {
+    dangerouslyUseGlobalCSS = false,
+    productionPrefix = 'jss',
+    seed = ''
+  } = options;
+  let ruleCounter = 0;
+  return (rule, styleSheet) => {
+    const isStatic = !styleSheet.options.link;
+
+    if (dangerouslyUseGlobalCSS && styleSheet && styleSheet.options.name && isStatic) {
+      return `${safePrefix(styleSheet.options.name)}-${rule.key}`;
+    }
+
+    let suffix; // It's a static rule.
+
+    if (isStatic) {
+      let themeHash = themeHashCache[styleSheet.options.theme];
+
+      if (!themeHash) {
+        themeHash = hash(JSON.stringify(styleSheet.options.theme));
+        themeHashCache[styleSheet.theme] = themeHash;
+      }
+
+      const raw = styleSheet.rules.raw[rule.key];
+      suffix = hash(`${themeHash}${rule.key}${JSON.stringify(raw)}`);
+    }
+
+    if (!suffix) {
+      ruleCounter += 1;
+
+      if (process.env.NODE_ENV !== 'production') {
+        if (ruleCounter >= 1e10) {
+          console.warn(['Material-UI: You might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join(''));
+        }
+      }
+
+      suffix = ruleCounter;
+    }
+
+    if (process.env.NODE_ENV === 'production') {
+      return `${productionPrefix}${seed}${suffix}`;
+    } // Help with debuggability.
+
+
+    if (styleSheet.options.classNamePrefix) {
+      return `${safePrefix(styleSheet.options.classNamePrefix)}-${rule.key}-${seed}${suffix}`;
+    }
+
+    return `${rule.key}-${seed}${suffix}`;
+  };
+}

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

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