@verdaccio/ui-components 2.0.0-alpha.0 → 3.0.0-next-7.4

package/.babelrc

@@ -0,0 +1,8 @@
+{
+  "extends": "../../.babelrc",
+  "plugins": ["@emotion"],
+  "sourceMaps" : "inline",
+  "presets": [
+    "@babel/preset-react"
+  ]
+}

package/.eslintrc

@@ -0,0 +1,100 @@
+{
+  "settings": {
+    "react": {
+      "version":  "16"
+    }
+  },
+  "extends": [
+    "plugin:verdaccio/recommended"
+  ],
+  "plugins": [
+    "verdaccio"
+  ],
+  "rules": {
+    "react/display-name": 0,
+    "react/no-deprecated": 1,
+    "react/jsx-no-target-blank": 1,
+    "react/destructuring-assignment": ["error", "always"],
+    "react/forbid-component-props": ["warn", { "forbid": ["style"] }],
+    "react/no-this-in-sfc": ["warn"],
+    "react/no-unsafe": ["warn"],
+    "react/sort-comp": ["warn", {
+      "order": [
+        "static-methods",
+        "lifecycle",
+        "render",
+        "everything-else",
+        "/^on.+$/",
+        "/^render.+$/"
+      ]
+    }],
+    "react/void-dom-elements-no-children": ["warn"],
+    "react/no-did-mount-set-state": ["error", "disallow-in-func"],
+    "react/jsx-wrap-multilines": ["error",{
+      "declaration": "parens",
+      "assignment": "parens",
+      "return": "parens",
+      "arrow": "parens",
+      "condition": "parens",
+      "logical": "parens",
+      "prop": "ignore"
+    }],
+    "react/jsx-boolean-value": ["error", "always"],
+    "react/jsx-closing-tag-location": ["error"],
+    "react/jsx-curly-spacing": ["error", "never"],
+    "react/jsx-equals-spacing": ["error", "never"],
+    "react/jsx-first-prop-new-line": ["error", "multiline-multiprop"],
+    "react/jsx-handler-names": ["warn"],
+    "react/jsx-indent": ["error", 2],
+    "react/jsx-indent-props": ["error", 2],
+    "react/jsx-key": ["error"],
+    "react/jsx-max-depth":["error", { "max": 5}],
+    "react/jsx-max-props-per-line": ["error", {"maximum": 3, "when": "multiline" }],
+    "react/jsx-no-bind": ["error", {"allowArrowFunctions": true}],
+    "react/jsx-no-comment-textnodes": ["error"],
+    "react/jsx-no-duplicate-props": ["error"],
+    "react/jsx-no-literals": ["error"],
+    "react/jsx-no-undef": ["error"],
+    "react/prop-types": 0,
+    "react/jsx-one-expression-per-line": ["error", {"allow": "single-child"}],
+    "react/jsx-curly-brace-presence": ["warn", { "props": "ignore", "children": "ignore" }],
+    "react/jsx-pascal-case": ["error"],
+    "react/jsx-props-no-multi-spaces": ["error"],
+    "react/jsx-sort-default-props": ["error"],
+    "react/jsx-sort-props": ["error"],
+    "react/no-string-refs": ["error"],
+    "react/no-danger-with-children": ["error"],
+    "react/jsx-tag-spacing": ["error", {
+      "closingSlash": "never",
+      "beforeSelfClosing": "always",
+      "afterOpening": "allow-multiline",
+      "beforeClosing": "allow"
+    }],
+    "react/prefer-es6-class": [
+      2,
+      "always"
+    ],
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "verdaccio/jsx-no-style": ["warn"],
+    "verdaccio/jsx-spread": ["warn"],
+    "jest/expect-expect": 0,
+    "quote-props":["error", "as-needed"],
+    "prefer-spread": 1,
+    "linebreak-style": 0,
+    "max-len": ["error", 160]
+  },
+  "globals": {
+    "VERDACCIO_API_URL": true,
+    "RequestInit": true,
+    "TextFieldProps": true,
+    "HTMLElementTagNameMap": true,
+    "JSX": true,
+    "Reflect": true,
+    "__DEBUG__": true
+  },
+  "env": {
+    "browser": true,
+    "jest/globals": true
+  }
+}

package/CHANGELOG.md

@@ -0,0 +1,192 @@
+# @verdaccio/ui-components
+
+## 3.0.0-next-7.4
+
+### Patch Changes
+
+- 5210408: fix: ui dialog break pages on open due remark error
+
+## 3.0.0-next-7.3
+
+### Patch Changes
+
+- 3323599: fix: render READMEs with correct font and highlighting
+
+## 3.0.0-next.2
+
+### Major Changes
+
+- e7ebccb61: update major dependencies, remove old nodejs support
+
+### Minor Changes
+
+- 580319a53: feat: ui improvements
+
+  Some UI improvements
+
+  - download progress indicator: https://github.com/verdaccio/verdaccio/discussions/4068
+  - fix dark mode and readme css support https://github.com/verdaccio/verdaccio/discussions/3942 https://github.com/verdaccio/verdaccio/discussions/3467
+  - fix global for yarn packages and add version to the packages on copy
+  - feat: hide deprecated versions option
+  - fix: improve deprecated package style
+  - feat: display deprecated versions
+
+### Patch Changes
+
+- 02ba426ce: fix: display labels for engine versions
+
+## 3.0.0-next.1
+
+### Patch Changes
+
+- 92f1c34ae: - fixed login state when token is expired (@ku3mi41 in #3980)
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- feat!: bump to v7
+
+## 2.0.0
+
+### Major Changes
+
+- 999787974: feat(web): components for custom user interfaces
+
+  Provides a package that includes all components from the user interface, instead being embedded at the `@verdaccio/ui-theme` package.
+
+  ```
+  npm i -D @verdaccio/ui-components
+  ```
+
+  The package contains
+
+  - Components
+  - Providers
+  - Redux Storage
+  - Layouts (precomposed layouts ready to use)
+  - Custom Material Theme
+
+  The `@verdaccio/ui-theme` will consume this package and will use only those are need it.
+
+  > Prerequisites are using Redux, Material-UI and Translations with `i18next`.
+
+  Users could have their own Material UI theme and build custom layouts, adding new features without the need to modify the default project.
+
+- 781ac9ac2: fix package configuration issues
+
+### Minor Changes
+
+- 974cd8c19: fix: startup messages improved and logs support on types
+- 7344a7fcf: feat: ui bugfixes and improvements
+- ddb6a2239: feat: signature package
+
+### Patch Changes
+
+- 7ef599cc4: fix: missing version on footer
+- 0dafa9826: fix: undefined field on missing count
+
+## 2.0.0-6-next.10
+
+### Minor Changes
+
+- 7344a7fcf: feat: ui bugfixes and improvements
+
+## 2.0.0-6-next.9
+
+### Patch Changes
+
+- 0dafa982: fix: undefined field on missing count
+
+## 2.0.0-6-next.8
+
+### Patch Changes
+
+- Updated dependencies [16e38df8]
+  - @verdaccio/types@11.0.0-6-next.25
+
+## 2.0.0-6-next.7
+
+### Patch Changes
+
+- 7ef599cc: fix: missing version on footer
+- Updated dependencies [7ef599cc]
+  - @verdaccio/types@11.0.0-6-next.24
+
+## 2.0.0-6-next.6
+
+### Minor Changes
+
+- 974cd8c1: fix: startup messages improved and logs support on types
+
+### Patch Changes
+
+- Updated dependencies [974cd8c1]
+  - @verdaccio/types@11.0.0-6-next.23
+
+## 2.0.0-6-next.5
+
+### Minor Changes
+
+- ddb6a223: feat: signature package
+
+### Patch Changes
+
+- Updated dependencies [dc571aab]
+  - @verdaccio/types@11.0.0-6-next.22
+
+## 2.0.0-6-next.4
+
+### Major Changes
+
+- 781ac9ac: fix package configuration issues
+
+### Patch Changes
+
+- Updated dependencies [4fc21146]
+  - @verdaccio/types@11.0.0-6-next.21
+
+## 2.0.0-6-next.3
+
+### Patch Changes
+
+- Updated dependencies [45c03819]
+  - @verdaccio/types@11.0.0-6-next.20
+
+## 2.0.0-6-next.2
+
+### Patch Changes
+
+- Updated dependencies [ef88da3b]
+  - @verdaccio/types@11.0.0-6-next.19
+
+## 2.0.0-6-next.1
+
+### Major Changes
+
+- 99978797: feat(web): components for custom user interfaces
+
+  Provides a package that includes all components from the user interface, instead being embedded at the `@verdaccio/ui-theme` package.
+
+  ```
+  npm i -D @verdaccio/ui-components
+  ```
+
+  The package contains
+
+  - Components
+  - Providers
+  - Redux Storage
+  - Layouts (precomposed layouts ready to use)
+  - Custom Material Theme
+
+  The `@verdaccio/ui-theme` will consume this package and will use only those are need it.
+
+  > Prerequisites are using Redux, Material-UI and Translations with `i18next`.
+
+  Users could have their own Material UI theme and build custom layouts, adding new features without the need to modify the default project.
+
+### Patch Changes
+
+- Updated dependencies [99978797]
+  - @verdaccio/types@11.0.0-6-next.18

package/README.md

@@ -0,0 +1,103 @@
+# UI Components
+
+A collection of components ready to use for building complex user interfaces.
+
+- `components`: Independent components to use to build different layouts, all components are based on [MUI (Material UI)](https://mui.com/).
+- `providers`: Providers are useful components that uses the React [`Context`](https://reactjs.org/docs/context.html), for instance, the `VersionProvider` connects the Redux store with independent components. The `AppConfigurationProvider` is able to read the
+- `store`: The Redux store powered by [`Rematch`](https://rematchjs.org), could be used with the global object `__VERDACCIO_BASENAME_UI_OPTIONS` that verdaccio uses to provide the UI configuration.
+- `theme`: The `ThemeProvider` is an abstraction of the _material-ui_ theme provider.
+- `sections`: A group of components to setup quickly sections of the application, like the sidebar, header of footer.
+- `layouts`: Are the combination of one or more sections ready to use.
+- `hooks`: A collection of useful React hooks.
+
+```bash
+npm i -D @verdaccio/ui-components@7-next
+```
+
+## Requirements
+
+The set of components requires libraries available in a project:
+
+- React >17
+- Material UI >5.x
+- Redux >4.x
+- Emotion >11
+- i18next >20.x
+- TypeScript is optional but recommended.
+
+### The store
+
+All components assume there is a Redux storage, thus a `<Provider/>` wrap is the required that wrap the application.
+
+```jsx
+import { store } from '@verdaccio/ui-components';
+
+<Provider store={store}>....APP</Provider>;
+```
+
+The default storage is powered by Rematch and contains the required `dispatch` to fetch data from the registry.
+
+- Fetch all private packages
+
+```jsx
+import { useDispatch, useSelector } from 'react-redux';
+
+const packages = useSelector((state: RootState) => state.packages.response);
+useEffect(() => {
+  dispatch.packages.getPackages();
+}, [dispatch]);
+```
+
+## How to use it
+
+```jsx
+import React from 'react';
+import { Route, Router, Switch } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import {
+  Home,
+  store,
+  Loading,
+  NotFound,
+  Route as Routes,
+  TranslatorProvider,
+  VersionProvider,
+  loadable,
+} from '@verdaccio/ui-components';
+
+// to enable webpack code splitting
+const VersionPage = loadable(() => import('../pages/Version'));
+
+const App: React.FC = () => {
+  // configuration from config.yaml
+  const { configOptions } = useConfig();
+  const listLanguages = [{lng: 'en-US', icon: <someSVGIcon>, menuKey: 'lng.english'}];
+  return (
+      <Provider store={store}>
+        <AppConfigurationProvider>
+          <ThemeProvider>
+            <TranslatorProvider i18n={i18n} listLanguages={listLanguages} onMount={() => {}}>
+              <Suspense fallback={<Loading />}>
+                <Router history={history}>
+                  <Header HeaderInfoDialog={CustomInfoDialog} />
+                    <Switch>
+                      <Route exact={true} path={Routes.ROOT}>
+                        <Home />
+                      </Route>
+                      <Route exact={true} path={Routes.SCOPE_PACKAGE}>
+                        <VersionProvider>
+                          <VersionPage />
+                        </VersionProvider>
+                      </Route>
+                    </Switch>
+                </Router>
+                {configOptions.showFooter && <Footer />}
+              </Suspense>
+            </TranslatorProvider>
+          </ThemeProvider>
+        </AppConfigurationProvider>
+      </Provider>
+  );
+};
+``
+```

package/build/Theme/ResetStyles.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styles = require("@mui/styles");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const resetStyles = (0, _styles.makeStyles)(({
+  theme
+}) => ({
+  '@global': {
+    // eslint-disable-next-line max-len
+    'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video': {
+      fontFamily: '"Roboto", Helvetica Neue, Arial, sans-serif'
+    },
+    strong: {
+      fontWeight: theme === null || theme === void 0 ? void 0 : theme.fontWeight.semiBold
+    },
+    'html, body, #root': {
+      height: '100%'
+    },
+    ul: {
+      margin: 0,
+      padding: 0,
+      listStyle: 'none'
+    },
+    '.container': {
+      padding: 15,
+      flex: 1,
+      height: '100%',
+      [`@media screen and (min-width: ${theme === null || theme === void 0 ? void 0 : theme.breakPoints.container}px)`]: {
+        maxWidth: theme === null || theme === void 0 ? void 0 : theme.breakPoints.container,
+        width: '100%',
+        marginLeft: 'auto',
+        marginRight: 'auto'
+      }
+    }
+  }
+}));
+const ResetStyles = ({
+  children
+}) => {
+  resetStyles();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+var _default = exports.default = ResetStyles;
+//# sourceMappingURL=ResetStyles.js.map

package/build/Theme/StyleBaseline.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CssBaseline = _interopRequireDefault(require("@mui/material/CssBaseline"));
+require("normalize.css");
+var _react = _interopRequireDefault(require("react"));
+var _ResetStyles = _interopRequireDefault(require("./ResetStyles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyleBaseline = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CssBaseline.default, null), /*#__PURE__*/_react.default.createElement(_ResetStyles.default, null));
+var _default = exports.default = StyleBaseline;
+//# sourceMappingURL=StyleBaseline.js.map

package/build/Theme/ThemeProvider.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCustomTheme = exports.ThemeProvider = void 0;
+var _styles = require("@mui/material/styles");
+var _react = _interopRequireWildcard(require("react"));
+var _useLocalStorage = _interopRequireDefault(require("../hooks/useLocalStorage"));
+var _AppConfigurationProvider = require("../providers/AppConfigurationProvider");
+var _theme = require("./theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+function getDarkModeDefault(darkModeConfig) {
+  var _window$matchMedia, _window;
+  const prefersDarkMode = (_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(prefers-color-scheme:dark)').matches;
+  if (typeof darkModeConfig === 'boolean') {
+    return darkModeConfig;
+  } else {
+    return prefersDarkMode;
+  }
+}
+const ThemeProvider = ({
+  children
+}) => {
+  const {
+    configOptions
+  } = (0, _AppConfigurationProvider.useConfig)();
+  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);
+  const isSwitchThemeEnabled = configOptions.showThemeSwitch;
+  const [isDarkModeStorage, setIsDarkMode] = (0, _useLocalStorage.default)('darkMode', isDarkModeDefault);
+  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;
+  const themeMode = isDarkMode ? 'dark' : 'light';
+  const currentTheme = (0, _theme.getTheme)(themeMode, configOptions.primaryColor);
+  return /*#__PURE__*/_react.default.createElement(ThemeContext.Provider, {
+    value: {
+      isDarkMode,
+      setIsDarkMode
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles.StyledEngineProvider, {
+    injectFirst: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
+    theme: currentTheme
+  }, children)));
+};
+exports.ThemeProvider = ThemeProvider;
+const useCustomTheme = () => (0, _react.useContext)(ThemeContext);
+exports.useCustomTheme = useCustomTheme;
+//# sourceMappingURL=ThemeProvider.js.map

package/build/Theme/colors.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PRIMARY_COLOR = void 0;
+const PRIMARY_COLOR = exports.PRIMARY_COLOR = '#4b5e40';
+//# sourceMappingURL=colors.js.map

package/build/Theme/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FontWeight", {
+  enumerable: true,
+  get: function () {
+    return _theme.FontWeight;
+  }
+});
+Object.defineProperty(exports, "StyleBaseline", {
+  enumerable: true,
+  get: function () {
+    return _StyleBaseline.default;
+  }
+});
+Object.defineProperty(exports, "Theme", {
+  enumerable: true,
+  get: function () {
+    return _theme.Theme;
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.ThemeProvider;
+  }
+});
+exports.colors = void 0;
+Object.defineProperty(exports, "useCustomTheme", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useCustomTheme;
+  }
+});
+var _colors = _interopRequireWildcard(require("./colors"));
+exports.colors = _colors;
+var _ThemeProvider = require("./ThemeProvider");
+var _StyleBaseline = _interopRequireDefault(require("./StyleBaseline"));
+var _theme = require("./theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/build/Theme/theme.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTheme = exports.breakPoints = void 0;
+var _styles = require("@mui/material/styles");
+var _colors = require("./colors");
+const colors = {
+  black: '#000',
+  white: '#fff',
+  red: '#d32f2f',
+  orange: '#CD4000',
+  greySuperLight: '#f5f5f5',
+  greyLight: '#d3d3d3',
+  greyLight2: '#908ba1',
+  greyLight3: '#f3f4f240',
+  greyDark: '#a9a9a9',
+  greyDark2: '#586069',
+  greyChateau: '#95989a',
+  greyGainsboro: '#e3e3e3',
+  greyAthens: '#d3dddd',
+  eclipse: '#3c3c3c',
+  paleNavy: '#e4e8f1',
+  saltpan: '#f7f8f6',
+  snow: '#f9f9f9',
+  love: '#e25555',
+  nobel01: '#999999',
+  nobel02: '#9f9f9f',
+  primary: _colors.PRIMARY_COLOR,
+  secondary: '#20232a',
+  background: '#f4f4f4',
+  dodgerBlue: '#1ba1f2',
+  cyanBlue: '#253341'
+};
+const themeModes = {
+  light: {
+    ...colors
+  },
+  dark: {
+    ...colors,
+    primary: '#24394e',
+    secondary: '#424242',
+    background: '#1A202C'
+  }
+};
+function applyPrimaryColor(mode, primaryColor) {
+  if (mode === 'light') {
+    themeModes['light'].primary = primaryColor;
+  }
+  return themeModes[mode];
+}
+const fontSize = {
+  xxl: 26,
+  xl: 24,
+  lg: 21,
+  md: 18,
+  default: 16,
+  sm: 14,
+  ssm: 12
+};
+const fontWeight = {
+  light: 300,
+  regular: 400,
+  semiBold: 500,
+  bold: 700
+};
+const breakPoints = exports.breakPoints = {
+  xsmall: 400,
+  small: 576,
+  medium: 768,
+  large: 1024,
+  container: 1240,
+  xlarge: 1275
+};
+const customizedTheme = {
+  fontSize,
+  fontWeight,
+  breakPoints
+};
+const getTheme = (themeMode, primaryColor) => {
+  const palette = applyPrimaryColor(themeMode, primaryColor);
+  return (0, _styles.createTheme)({
+    typography: {
+      fontFamily: ['-apple-system', 'BlinkMacSystemFont', '"Helvetica Neue"', 'Arial', 'sans-serif'].join(',')
+    },
+    palette: {
+      mode: themeMode,
+      ...palette,
+      primary: {
+        main: palette.primary
+      },
+      secondary: {
+        main: palette.secondary
+      },
+      error: {
+        main: palette.red
+      },
+      background: {
+        default: palette.background
+      }
+    },
+    // Looks better in darkmode without background opacity
+    // https://mui.com/material-ui/migration/v5-component-changes/#change-dark-mode-background-opacity
+    components: {
+      MuiPaper: {
+        styleOverrides: {
+          root: {
+            backgroundImage: 'unset'
+          }
+        }
+      }
+    },
+    ...customizedTheme
+  });
+};
+exports.getTheme = getTheme;
+//# sourceMappingURL=theme.js.map