@verdaccio/ui-components 4.0.0-next-8.12 → 5.0.0-next-9.0

package/README.md

@@ -40,38 +40,14 @@ The set of components requires libraries available in a project:
 - 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,
@@ -88,30 +64,28 @@ const App: React.FC = () => {
   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>
+    <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>
   );
 };
 ``

package/build/AppTest/AppRoute.d.ts

@@ -1,3 +1 @@
-import React from 'react';
-declare const AppRoute: React.FC;
-export default AppRoute;
+export { default } from '../components/AppRoute/AppRoute';

package/build/AppTest/AppRoute.js

@@ -1,41 +1,14 @@
-import React from 'react';
-import { Route as ReactRouterDomRoute, Switch } from 'react-router-dom';
-import { NotFound, Route, VersionProvider, loadable } from '../index';
-var VersionPage = loadable(() => import(/* webpackChunkName: "Version" */'./pages/Version'));
-var Front = loadable(() => import(/* webpackChunkName: "Home" */'./pages/Front'));
-var Login = loadable(() => import(/* webpackChunkName: "Login" */'./pages/Security/Login'));
-var Success = loadable(() => import(/* webpackChunkName: "Success" */'./pages/Security/Success'));
-var AddUser = loadable(() => import(/* webpackChunkName: "AddUser" */'./pages/Security/AddUser'));
-var ChangePassword = loadable(() => import(/* webpackChunkName: "ChangePassword" */'./pages/Security/ChangePassword'));
-var AppRoute = () => {
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.ROOT
-  }, /*#__PURE__*/React.createElement(Front, null)), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.PACKAGE
-  }, /*#__PURE__*/React.createElement(VersionProvider, null, /*#__PURE__*/React.createElement(VersionPage, null))), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.PACKAGE_VERSION
-  }, /*#__PURE__*/React.createElement(VersionProvider, null, /*#__PURE__*/React.createElement(VersionPage, null))), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.SCOPE_PACKAGE_VERSION
-  }, /*#__PURE__*/React.createElement(VersionProvider, null, /*#__PURE__*/React.createElement(VersionPage, null))), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.SCOPE_PACKAGE
-  }, /*#__PURE__*/React.createElement(VersionProvider, null, /*#__PURE__*/React.createElement(VersionPage, null))), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.LOGIN
-  }, /*#__PURE__*/React.createElement(Login, null)), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.SUCCESS
-  }, /*#__PURE__*/React.createElement(Success, null)), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.ADD_USER
-  }, /*#__PURE__*/React.createElement(AddUser, null)), /*#__PURE__*/React.createElement(ReactRouterDomRoute, {
-    exact: true,
-    path: Route.CHANGE_PASSWORD
-  }, /*#__PURE__*/React.createElement(ChangePassword, null)), /*#__PURE__*/React.createElement(ReactRouterDomRoute, null, /*#__PURE__*/React.createElement(NotFound, null)));
-};
-export default AppRoute;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AppRoute["default"];
+  }
+});
+var _AppRoute = _interopRequireDefault(require("../components/AppRoute/AppRoute"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 //# sourceMappingURL=AppRoute.js.map

package/build/AppTest/AppRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoute.js","names":["React","Route","ReactRouterDomRoute","Switch","NotFound","VersionProvider","loadable","VersionPage","Front","Login","Success","AddUser","ChangePassword","AppRoute","createElement","exact","path","ROOT","PACKAGE","PACKAGE_VERSION","SCOPE_PACKAGE_VERSION","SCOPE_PACKAGE","LOGIN","SUCCESS","ADD_USER","CHANGE_PASSWORD"],"sources":["../../src/AppTest/AppRoute.tsx"],"sourcesContent":["import React from 'react';\nimport { Route as ReactRouterDomRoute, Switch } from 'react-router-dom';\n\nimport { NotFound, Route, VersionProvider, loadable } from '../index';\n\nconst VersionPage = loadable(() => import(/* webpackChunkName: \"Version\" */ './pages/Version'));\nconst Front = loadable(() => import(/* webpackChunkName: \"Home\" */ './pages/Front'));\nconst Login = loadable(() => import(/* webpackChunkName: \"Login\" */ './pages/Security/Login'));\nconst Success = loadable(\n  () => import(/* webpackChunkName: \"Success\" */ './pages/Security/Success')\n);\nconst AddUser = loadable(\n  () => import(/* webpackChunkName: \"AddUser\" */ './pages/Security/AddUser')\n);\nconst ChangePassword = loadable(\n  () => import(/* webpackChunkName: \"ChangePassword\" */ './pages/Security/ChangePassword')\n);\n\nconst AppRoute: React.FC = () => {\n  return (\n    <Switch>\n      <ReactRouterDomRoute exact={true} path={Route.ROOT}>\n        <Front />\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.PACKAGE}>\n        <VersionProvider>\n          <VersionPage />\n        </VersionProvider>\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.PACKAGE_VERSION}>\n        <VersionProvider>\n          <VersionPage />\n        </VersionProvider>\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.SCOPE_PACKAGE_VERSION}>\n        <VersionProvider>\n          <VersionPage />\n        </VersionProvider>\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.SCOPE_PACKAGE}>\n        <VersionProvider>\n          <VersionPage />\n        </VersionProvider>\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.LOGIN}>\n        <Login />\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.SUCCESS}>\n        <Success />\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.ADD_USER}>\n        <AddUser />\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute exact={true} path={Route.CHANGE_PASSWORD}>\n        <ChangePassword />\n      </ReactRouterDomRoute>\n      <ReactRouterDomRoute>\n        <NotFound />\n      </ReactRouterDomRoute>\n    </Switch>\n  );\n};\n\nexport default AppRoute;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,IAAIC,mBAAmB,EAAEC,MAAM,QAAQ,kBAAkB;AAEvE,SAASC,QAAQ,EAAEH,KAAK,EAAEI,eAAe,EAAEC,QAAQ,QAAQ,UAAU;AAErE,IAAMC,WAAW,GAAGD,QAAQ,CAAC,MAAM,MAAM,CAAC,iCAAkC,iBAAiB,CAAC,CAAC;AAC/F,IAAME,KAAK,GAAGF,QAAQ,CAAC,MAAM,MAAM,CAAC,8BAA+B,eAAe,CAAC,CAAC;AACpF,IAAMG,KAAK,GAAGH,QAAQ,CAAC,MAAM,MAAM,CAAC,+BAAgC,wBAAwB,CAAC,CAAC;AAC9F,IAAMI,OAAO,GAAGJ,QAAQ,CACtB,MAAM,MAAM,CAAC,iCAAkC,0BAA0B,CAC3E,CAAC;AACD,IAAMK,OAAO,GAAGL,QAAQ,CACtB,MAAM,MAAM,CAAC,iCAAkC,0BAA0B,CAC3E,CAAC;AACD,IAAMM,cAAc,GAAGN,QAAQ,CAC7B,MAAM,MAAM,CAAC,wCAAyC,iCAAiC,CACzF,CAAC;AAED,IAAMO,QAAkB,GAAGA,CAAA,KAAM;EAC/B,oBACEb,KAAA,CAAAc,aAAA,CAACX,MAAM,qBACLH,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACgB;EAAK,gBACjDjB,KAAA,CAAAc,aAAA,CAACN,KAAK,MAAE,CACW,CAAC,eACtBR,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACiB;EAAQ,gBACpDlB,KAAA,CAAAc,aAAA,CAACT,eAAe,qBACdL,KAAA,CAAAc,aAAA,CAACP,WAAW,MAAE,CACC,CACE,CAAC,eACtBP,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACkB;EAAgB,gBAC5DnB,KAAA,CAAAc,aAAA,CAACT,eAAe,qBACdL,KAAA,CAAAc,aAAA,CAACP,WAAW,MAAE,CACC,CACE,CAAC,eACtBP,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACmB;EAAsB,gBAClEpB,KAAA,CAAAc,aAAA,CAACT,eAAe,qBACdL,KAAA,CAAAc,aAAA,CAACP,WAAW,MAAE,CACC,CACE,CAAC,eACtBP,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACoB;EAAc,gBAC1DrB,KAAA,CAAAc,aAAA,CAACT,eAAe,qBACdL,KAAA,CAAAc,aAAA,CAACP,WAAW,MAAE,CACC,CACE,CAAC,eACtBP,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACqB;EAAM,gBAClDtB,KAAA,CAAAc,aAAA,CAACL,KAAK,MAAE,CACW,CAAC,eACtBT,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACsB;EAAQ,gBACpDvB,KAAA,CAAAc,aAAA,CAACJ,OAAO,MAAE,CACS,CAAC,eACtBV,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACuB;EAAS,gBACrDxB,KAAA,CAAAc,aAAA,CAACH,OAAO,MAAE,CACS,CAAC,eACtBX,KAAA,CAAAc,aAAA,CAACZ,mBAAmB;IAACa,KAAK,EAAE,IAAK;IAACC,IAAI,EAAEf,KAAK,CAACwB;EAAgB,gBAC5DzB,KAAA,CAAAc,aAAA,CAACF,cAAc,MAAE,CACE,CAAC,eACtBZ,KAAA,CAAAc,aAAA,CAACZ,mBAAmB,qBAClBF,KAAA,CAAAc,aAAA,CAACV,QAAQ,MAAE,CACQ,CACf,CAAC;AAEb,CAAC;AAED,eAAeS,QAAQ","ignoreList":[]}
+{"version":3,"file":"AppRoute.js","names":["_AppRoute","_interopRequireDefault","require","e","__esModule"],"sources":["../../src/AppTest/AppRoute.tsx"],"sourcesContent":["export { default } from '../components/AppRoute/AppRoute';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0D,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA","ignoreList":[]}

package/build/Theme/ResetStyles.js

@@ -1,39 +1,49 @@
-import { GlobalStyles } from '@mui/material';
-import React from 'react';
-var ResetStyles = _ref => {
-  var {
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalStyles, {
-    styles: theme => ({
-      // 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.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: ".concat(theme.breakPoints.container, "px)")]: {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var ResetStyles = function ResetStyles(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.GlobalStyles, {
+    styles: function styles(theme) {
+      return {
+        '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.fontWeight.semiBold
+        },
+        'html, body, #root': {
+          height: '100%'
+        },
+        ul: {
+          margin: 0,
+          padding: 0,
+          listStyle: 'none'
+        },
+        '.container': _defineProperty({
+          paddingTop: 15,
+          paddingBottom: 15,
+          flex: 1,
+          height: '100%'
+        }, "@media screen and (min-width: ".concat(theme.breakPoints.container, "px)"), {
           maxWidth: theme.breakPoints.container,
           width: '100%',
           marginLeft: 'auto',
           marginRight: 'auto'
-        }
-      }
-    })
+        })
+      };
+    }
   }), children);
 };
-export default ResetStyles;
+var _default = exports["default"] = ResetStyles;
 //# sourceMappingURL=ResetStyles.js.map

package/build/Theme/ResetStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetStyles.js","names":["GlobalStyles","React","ResetStyles","_ref","children","createElement","Fragment","styles","theme","fontFamily","strong","fontWeight","semiBold","height","ul","margin","padding","listStyle","flex","concat","breakPoints","container","maxWidth","width","marginLeft","marginRight"],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  return (\n    <>\n      <GlobalStyles\n        styles={(theme: Theme) => ({\n          // eslint-disable-next-line max-len\n          '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':\n            {\n              fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n            },\n          strong: {\n            fontWeight: theme.fontWeight.semiBold,\n          },\n          'html, body, #root': {\n            height: '100%',\n          },\n          ul: {\n            margin: 0,\n            padding: 0,\n            listStyle: 'none',\n          },\n          '.container': {\n            padding: 15,\n            flex: 1,\n            height: '100%',\n            [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n              maxWidth: theme.breakPoints.container,\n              width: '100%',\n              marginLeft: 'auto',\n              marginRight: 'auto',\n            },\n          },\n        })}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default ResetStyles;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,eAAe;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAIzB,IAAMC,WAAqD,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACzE,oBACEF,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,qBACEL,KAAA,CAAAI,aAAA,CAACL,YAAY;IACXO,MAAM,EAAGC,KAAY,KAAM;MACzB;MACA,4eAA4e,EAC1e;QACEC,UAAU,EAAE;MACd,CAAC;MACHC,MAAM,EAAE;QACNC,UAAU,EAAEH,KAAK,CAACG,UAAU,CAACC;MAC/B,CAAC;MACD,mBAAmB,EAAE;QACnBC,MAAM,EAAE;MACV,CAAC;MACDC,EAAE,EAAE;QACFC,MAAM,EAAE,CAAC;QACTC,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE;MACb,CAAC;MACD,YAAY,EAAE;QACZD,OAAO,EAAE,EAAE;QACXE,IAAI,EAAE,CAAC;QACPL,MAAM,EAAE,MAAM;QACd,kCAAAM,MAAA,CAAkCX,KAAK,CAACY,WAAW,CAACC,SAAS,WAAQ;UACnEC,QAAQ,EAAEd,KAAK,CAACY,WAAW,CAACC,SAAS;UACrCE,KAAK,EAAE,MAAM;UACbC,UAAU,EAAE,MAAM;UAClBC,WAAW,EAAE;QACf;MACF;IACF,CAAC;EAAE,CACJ,CAAC,EACDrB,QACD,CAAC;AAEP,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}
+{"version":3,"file":"ResetStyles.js","names":["_material","require","_react","_interopRequireDefault","e","__esModule","_typeof","o","Symbol","iterator","constructor","prototype","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","toPrimitive","call","TypeError","String","Number","ResetStyles","_ref","children","createElement","Fragment","GlobalStyles","styles","theme","fontFamily","strong","fontWeight","semiBold","height","ul","margin","padding","listStyle","paddingTop","paddingBottom","flex","concat","breakPoints","container","maxWidth","width","marginLeft","marginRight","_default","exports"],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  return (\n    <>\n      <GlobalStyles\n        styles={(theme: Theme) => ({\n          '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':\n            {\n              fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n            },\n          strong: {\n            fontWeight: theme.fontWeight.semiBold,\n          },\n          'html, body, #root': {\n            height: '100%',\n          },\n          ul: {\n            margin: 0,\n            padding: 0,\n            listStyle: 'none',\n          },\n          '.container': {\n            paddingTop: 15,\n            paddingBottom: 15,\n            flex: 1,\n            height: '100%',\n            [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n              maxWidth: theme.breakPoints.container,\n              width: '100%',\n              marginLeft: 'auto',\n              marginRight: 'auto',\n            },\n          },\n        })}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAAA,SAAAE,QAAAC,CAAA,sCAAAD,OAAA,wBAAAE,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAF,CAAA,kBAAAA,CAAA,gBAAAA,CAAA,WAAAA,CAAA,yBAAAC,MAAA,IAAAD,CAAA,CAAAG,WAAA,KAAAF,MAAA,IAAAD,CAAA,KAAAC,MAAA,CAAAG,SAAA,qBAAAJ,CAAA,KAAAD,OAAA,CAAAC,CAAA;AAAA,SAAAK,gBAAAR,CAAA,EAAAS,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAT,CAAA,GAAAY,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAS,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAjB,CAAA,CAAAS,CAAA,IAAAC,CAAA,EAAAV,CAAA;AAAA,SAAAW,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,gCAAAR,OAAA,CAAAgB,CAAA,IAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,oBAAAP,OAAA,CAAAQ,CAAA,MAAAA,CAAA,SAAAA,CAAA,MAAAV,CAAA,GAAAU,CAAA,CAAAN,MAAA,CAAAgB,WAAA,kBAAApB,CAAA,QAAAkB,CAAA,GAAAlB,CAAA,CAAAqB,IAAA,CAAAX,CAAA,EAAAD,CAAA,gCAAAP,OAAA,CAAAgB,CAAA,UAAAA,CAAA,YAAAI,SAAA,yEAAAb,CAAA,GAAAc,MAAA,GAAAC,MAAA,EAAAd,CAAA;AAI1B,IAAMe,WAAqD,GAAG,SAAxDA,WAAqDA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACvE,oBACE7B,MAAA,YAAA8B,aAAA,CAAA9B,MAAA,YAAA+B,QAAA,qBACE/B,MAAA,YAAA8B,aAAA,CAAChC,SAAA,CAAAkC,YAAY;IACXC,MAAM,EAAE,SAARA,MAAMA,CAAGC,KAAY;MAAA,OAAM;QACzB,4eAA4e,EAC1e;UACEC,UAAU,EAAE;QACd,CAAC;QACHC,MAAM,EAAE;UACNC,UAAU,EAAEH,KAAK,CAACG,UAAU,CAACC;QAC/B,CAAC;QACD,mBAAmB,EAAE;UACnBC,MAAM,EAAE;QACV,CAAC;QACDC,EAAE,EAAE;UACFC,MAAM,EAAE,CAAC;UACTC,OAAO,EAAE,CAAC;UACVC,SAAS,EAAE;QACb,CAAC;QACD,YAAY,EAAAjC,eAAA;UACVkC,UAAU,EAAE,EAAE;UACdC,aAAa,EAAE,EAAE;UACjBC,IAAI,EAAE,CAAC;UACPP,MAAM,EAAE;QAAM,oCAAAQ,MAAA,CACoBb,KAAK,CAACc,WAAW,CAACC,SAAS,UAAQ;UACnEC,QAAQ,EAAEhB,KAAK,CAACc,WAAW,CAACC,SAAS;UACrCE,KAAK,EAAE,MAAM;UACbC,UAAU,EAAE,MAAM;UAClBC,WAAW,EAAE;QACf,CAAC;MAEL,CAAC;IAAA;EAAE,CACJ,CAAC,EACDxB,QACD,CAAC;AAEP,CAAC;AAAC,IAAAyB,QAAA,GAAAC,OAAA,cAEa5B,WAAW","ignoreList":[]}

package/build/Theme/StyleBaseline.js

@@ -1,7 +1,16 @@
-import CssBaseline from '@mui/material/CssBaseline';
-import 'normalize.css';
-import React from 'react';
-import ResetCSS from './ResetStyles';
-var StyleBaseline = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CssBaseline, null), /*#__PURE__*/React.createElement(ResetCSS, null));
-export default StyleBaseline;
+"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(e) { return e && e.__esModule ? e : { "default": e }; }
+var StyleBaseline = function StyleBaseline() {
+  return /*#__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/StyleBaseline.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyleBaseline.js","names":["CssBaseline","React","ResetCSS","StyleBaseline","createElement","Fragment"],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n  <>\n    <CssBaseline />\n    <ResetCSS />\n  </>\n);\n\nexport default StyleBaseline;\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,2BAA2B;AACnD,OAAO,eAAe;AACtB,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,MAAM,eAAe;AAEpC,IAAMC,aAAuB,GAAGA,CAAA,kBAC9BF,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAI,QAAA,qBACEJ,KAAA,CAAAG,aAAA,CAACJ,WAAW,MAAE,CAAC,eACfC,KAAA,CAAAG,aAAA,CAACF,QAAQ,MAAE,CACX,CACH;AAED,eAAeC,aAAa","ignoreList":[]}
+{"version":3,"file":"StyleBaseline.js","names":["_CssBaseline","_interopRequireDefault","require","_react","_ResetStyles","e","__esModule","StyleBaseline","createElement","Fragment","_default","exports"],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n  <>\n    <CssBaseline />\n    <ResetCSS />\n  </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAqC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAErC,IAAME,aAAuB,GAAG,SAA1BA,aAAuBA,CAAA;EAAA,oBAC3BJ,MAAA,YAAAK,aAAA,CAAAL,MAAA,YAAAM,QAAA,qBACEN,MAAA,YAAAK,aAAA,CAACR,YAAA,WAAW,MAAE,CAAC,eACfG,MAAA,YAAAK,aAAA,CAACJ,YAAA,WAAQ,MAAE,CACX,CAAC;AAAA,CACJ;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEaJ,aAAa","ignoreList":[]}

package/build/Theme/ThemeProvider.js

@@ -1,9 +1,24 @@
-import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';
-import React, { createContext, useContext } from 'react';
-import useLocalStorage from '../hooks/useLocalStorage';
-import { useConfig } from '../providers/AppConfigurationProvider';
-import { getTheme } from './theme';
-var ThemeContext = /*#__PURE__*/createContext(undefined);
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCustomTheme = exports.ThemeProvider = void 0;
+var _styles = require("@mui/material/styles");
+var _react = _interopRequireWildcard(require("react"));
+var _useLocalStorage3 = _interopRequireDefault(require("../hooks/useLocalStorage"));
+var _AppConfigurationProvider = require("../providers/AppConfigurationProvider");
+var _theme = require("./theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 function getDarkModeDefault(darkModeConfig) {
   var _window$matchMedia, _window;
   var prefersDarkMode = (_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(prefers-color-scheme:dark)').matches;
@@ -13,30 +28,31 @@ function getDarkModeDefault(darkModeConfig) {
     return prefersDarkMode;
   }
 }
-var ThemeProvider = _ref => {
-  var {
-    children
-  } = _ref;
-  var {
-    configOptions
-  } = useConfig();
+var ThemeProvider = exports.ThemeProvider = function ThemeProvider(_ref) {
+  var children = _ref.children;
+  var _useConfig = (0, _AppConfigurationProvider.useConfig)(),
+    configOptions = _useConfig.configOptions;
   var isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);
   var isSwitchThemeEnabled = configOptions.showThemeSwitch;
-  var [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);
+  var _useLocalStorage = (0, _useLocalStorage3["default"])('darkMode', isDarkModeDefault),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    isDarkModeStorage = _useLocalStorage2[0],
+    setIsDarkMode = _useLocalStorage2[1];
   var isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;
   var themeMode = isDarkMode ? 'dark' : 'light';
-  var currentTheme = getTheme(themeMode, configOptions.primaryColor);
-  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+  var currentTheme = (0, _theme.getTheme)(themeMode, configOptions.primaryColor);
+  return /*#__PURE__*/_react["default"].createElement(ThemeContext.Provider, {
     value: {
-      isDarkMode,
-      setIsDarkMode
+      isDarkMode: isDarkMode,
+      setIsDarkMode: setIsDarkMode
     }
-  }, /*#__PURE__*/React.createElement(StyledEngineProvider, {
+  }, /*#__PURE__*/_react["default"].createElement(_styles.StyledEngineProvider, {
     injectFirst: true
-  }, /*#__PURE__*/React.createElement(MUIThemeProvider, {
+  }, /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
     theme: currentTheme
   }, children)));
 };
-export var useCustomTheme = () => useContext(ThemeContext);
-export { ThemeProvider };
+var useCustomTheme = exports.useCustomTheme = function useCustomTheme() {
+  return (0, _react.useContext)(ThemeContext);
+};
 //# sourceMappingURL=ThemeProvider.js.map

package/build/Theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","MUIThemeProvider","StyledEngineProvider","React","createContext","useContext","useLocalStorage","useConfig","getTheme","ThemeContext","undefined","getDarkModeDefault","darkModeConfig","_window$matchMedia","_window","prefersDarkMode","window","matchMedia","call","matches","_ref","children","configOptions","isDarkModeDefault","darkMode","isSwitchThemeEnabled","showThemeSwitch","isDarkModeStorage","setIsDarkMode","isDarkMode","themeMode","currentTheme","primaryColor","createElement","Provider","value","injectFirst","theme","useCustomTheme"],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport { ThemeMode, getTheme } from './theme';\n\ninterface Props {\n  isDarkMode: boolean;\n  setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined | Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n  const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n  if (typeof darkModeConfig === 'boolean') {\n    return darkModeConfig;\n  } else {\n    return prefersDarkMode;\n  }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n  const { configOptions } = useConfig();\n  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n  const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n  const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n  const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n  const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n  return (\n    <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n      <StyledEngineProvider injectFirst={true}>\n        <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n      </StyledEngineProvider>\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":"AAAA,SAASA,aAAa,IAAIC,gBAAgB,EAAEC,oBAAoB,QAAQ,sBAAsB;AAC9F,OAAOC,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAExD,OAAOC,eAAe,MAAM,0BAA0B;AACtD,SAASC,SAAS,QAAQ,uCAAuC;AACjE,SAAoBC,QAAQ,QAAQ,SAAS;AAO7C,IAAMC,YAAY,gBAAGL,aAAa,CAAoBM,SAAS,CAAC;AAEhE,SAASC,kBAAkBA,CAACC,cAAwB,EAAE;EAAA,IAAAC,kBAAA,EAAAC,OAAA;EACpD,IAAMC,eAAe,IAAAF,kBAAA,GAAG,CAAAC,OAAA,GAAAE,MAAM,EAACC,UAAU,cAAAJ,kBAAA,uBAAjBA,kBAAA,CAAAK,IAAA,CAAAJ,OAAA,EAAoB,6BAA6B,CAAC,CAACK,OAAO;EAClF,IAAI,OAAOP,cAAc,KAAK,SAAS,EAAE;IACvC,OAAOA,cAAc;EACvB,CAAC,MAAM;IACL,OAAOG,eAAe;EACxB;AACF;AAEA,IAAMf,aAA0C,GAAGoB,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC9D,IAAM;IAAEE;EAAc,CAAC,GAAGf,SAAS,CAAC,CAAC;EACrC,IAAMgB,iBAAiB,GAAGZ,kBAAkB,CAACW,aAAa,CAACE,QAAQ,CAAC;EACpE,IAAMC,oBAAoB,GAAGH,aAAa,CAACI,eAAe;EAC1D,IAAM,CAACC,iBAAiB,EAAEC,aAAa,CAAC,GAAGtB,eAAe,CAAC,UAAU,EAAEiB,iBAAiB,CAAC;EACzF,IAAMM,UAAU,GAAGJ,oBAAoB,KAAK,IAAI,GAAGE,iBAAiB,GAAGJ,iBAAiB;EACxF,IAAMO,SAAoB,GAAGD,UAAU,GAAG,MAAM,GAAG,OAAO;EAE1D,IAAME,YAAY,GAAGvB,QAAQ,CAACsB,SAAS,EAAER,aAAa,CAACU,YAAY,CAAC;EACpE,oBACE7B,KAAA,CAAA8B,aAAA,CAACxB,YAAY,CAACyB,QAAQ;IAACC,KAAK,EAAE;MAAEN,UAAU;MAAED;IAAc;EAAE,gBAC1DzB,KAAA,CAAA8B,aAAA,CAAC/B,oBAAoB;IAACkC,WAAW,EAAE;EAAK,gBACtCjC,KAAA,CAAA8B,aAAA,CAAChC,gBAAgB;IAACoC,KAAK,EAAEN;EAAa,GAAEV,QAA2B,CAC/C,CACD,CAAC;AAE5B,CAAC;AAED,OAAO,IAAMiB,cAAc,GAAGA,CAAA,KAAMjC,UAAU,CAACI,YAAY,CAAC;AAE5D,SAAST,aAAa","ignoreList":[]}
+{"version":3,"file":"ThemeProvider.js","names":["_styles","require","_react","_interopRequireWildcard","_useLocalStorage3","_interopRequireDefault","_AppConfigurationProvider","_theme","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","ThemeContext","createContext","undefined","getDarkModeDefault","darkModeConfig","_window$matchMedia","_window","prefersDarkMode","window","matchMedia","matches","ThemeProvider","exports","_ref","children","_useConfig","useConfig","configOptions","isDarkModeDefault","darkMode","isSwitchThemeEnabled","showThemeSwitch","_useLocalStorage","useLocalStorage","_useLocalStorage2","isDarkModeStorage","setIsDarkMode","isDarkMode","themeMode","currentTheme","getTheme","primaryColor","createElement","Provider","StyledEngineProvider","injectFirst","theme","useCustomTheme","useContext"],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n  isDarkMode: boolean;\n  setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined | Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n  const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n  if (typeof darkModeConfig === 'boolean') {\n    return darkModeConfig;\n  } else {\n    return prefersDarkMode;\n  }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n  const { configOptions } = useConfig();\n  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n  const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n  const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n  const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n  const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n  return (\n    <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n      <StyledEngineProvider injectFirst={true}>\n        <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n      </StyledEngineProvider>\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":"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","ignoreList":[]}

package/build/Theme/colors.d.ts

@@ -1 +1,12 @@
 export declare const PRIMARY_COLOR = "#4b5e40";
+export declare const baseColors: {
+    readonly primary: {
+        readonly main: "#4b5e40";
+    };
+    readonly secondary: {
+        readonly main: "#20232a";
+    };
+};
+export declare const greyDark: "#212121";
+export declare const greyMedium: "#616161";
+export declare const greyLight: "#eeeeee";

package/build/Theme/colors.js

@@ -1,2 +1,20 @@
-export var PRIMARY_COLOR = '#4b5e40';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.greyMedium = exports.greyLight = exports.greyDark = exports.baseColors = exports.PRIMARY_COLOR = void 0;
+var _colors = require("@mui/material/colors");
+var PRIMARY_COLOR = exports.PRIMARY_COLOR = '#4b5e40';
+var baseColors = exports.baseColors = {
+  primary: {
+    main: PRIMARY_COLOR
+  },
+  secondary: {
+    main: '#20232a'
+  }
+};
+var greyDark = exports.greyDark = _colors.grey[900];
+var greyMedium = exports.greyMedium = _colors.grey[700];
+var greyLight = exports.greyLight = _colors.grey[200];
 //# sourceMappingURL=colors.js.map

package/build/Theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["PRIMARY_COLOR"],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["export const PRIMARY_COLOR = '#4b5e40';\n"],"mappings":"AAAA,OAAO,IAAMA,aAAa,GAAG,SAAS","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["_colors","require","PRIMARY_COLOR","exports","baseColors","primary","main","secondary","greyDark","grey","greyMedium","greyLight"],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n  primary: {\n    main: PRIMARY_COLOR,\n  },\n  secondary: {\n    main: '#20232a',\n  },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAS;AAE/B,IAAME,UAAU,GAAAD,OAAA,CAAAC,UAAA,GAAG;EACxBC,OAAO,EAAE;IACPC,IAAI,EAAEJ;EACR,CAAC;EACDK,SAAS,EAAE;IACTD,IAAI,EAAE;EACR;AACF,CAAU;AAEH,IAAME,QAAQ,GAAAL,OAAA,CAAAK,QAAA,GAAGC,YAAI,CAAC,GAAG,CAAC;AAC1B,IAAMC,UAAU,GAAAP,OAAA,CAAAO,UAAA,GAAGD,YAAI,CAAC,GAAG,CAAC;AAC5B,IAAME,SAAS,GAAAR,OAAA,CAAAQ,SAAA,GAAGF,YAAI,CAAC,GAAG,CAAC","ignoreList":[]}

package/build/Theme/index.d.ts

@@ -2,4 +2,5 @@ export * as colors from './colors';
 export { ThemeProvider, useCustomTheme } from './ThemeProvider';
 export { default as StyleBaseline } from './StyleBaseline';
 export { getTheme } from './theme';
-export type { Theme, FontWeight } from './theme';
+export type { Theme } from './theme';
+export * from './tokens';

package/build/Theme/index.js

@@ -1,6 +1,58 @@
-import * as _colors from './colors';
-export { _colors as colors };
-export { ThemeProvider, useCustomTheme } from './ThemeProvider';
-export { default as StyleBaseline } from './StyleBaseline';
-export { getTheme } from './theme';
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  colors: true,
+  ThemeProvider: true,
+  useCustomTheme: true,
+  StyleBaseline: true,
+  getTheme: true
+};
+Object.defineProperty(exports, "StyleBaseline", {
+  enumerable: true,
+  get: function get() {
+    return _StyleBaseline["default"];
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider.ThemeProvider;
+  }
+});
+exports.colors = void 0;
+Object.defineProperty(exports, "getTheme", {
+  enumerable: true,
+  get: function get() {
+    return _theme.getTheme;
+  }
+});
+Object.defineProperty(exports, "useCustomTheme", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider.useCustomTheme;
+  }
+});
+var _colors = _interopRequireWildcard(require("./colors"));
+exports.colors = _colors;
+var _ThemeProvider = require("./ThemeProvider");
+var _StyleBaseline = _interopRequireDefault(require("./StyleBaseline"));
+var _theme = require("./theme");
+var _tokens = require("./tokens");
+Object.keys(_tokens).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tokens[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tokens[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/build/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_colors","colors","ThemeProvider","useCustomTheme","default","StyleBaseline","getTheme"],"sources":["../../src/Theme/index.ts"],"sourcesContent":["export * as colors from './colors';\nexport { ThemeProvider, useCustomTheme } from './ThemeProvider';\nexport { default as StyleBaseline } from './StyleBaseline';\nexport { getTheme } from './theme';\nexport type { Theme, FontWeight } from './theme';\n"],"mappings":"yBAAwB,UAAU;AAAA,SAAAA,OAAA,IAAtBC,MAAM;AAClB,SAASC,aAAa,EAAEC,cAAc,QAAQ,iBAAiB;AAC/D,SAASC,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_ThemeProvider","require","_StyleBaseline","_interopRequireDefault","_theme","_tokens","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","e","__esModule","_interopRequireWildcard","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","set","_t","getOwnPropertyDescriptor"],"sources":["../../src/Theme/index.ts"],"sourcesContent":["export * as colors from './colors';\nexport { ThemeProvider, useCustomTheme } from './ThemeProvider';\nexport { default as StyleBaseline } from './StyleBaseline';\nexport { getTheme } from './theme';\nexport type { Theme } from './theme';\nexport * from './tokens';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAyB,SAAAN,uBAAAe,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAAA,SAAAE,wBAAAF,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,uBAAA,YAAAA,wBAAAF,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAV,CAAA,iBAAAA,CAAA,gBAAAW,OAAA,CAAAX,CAAA,0BAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAK,GAAA,CAAAZ,CAAA,UAAAO,CAAA,CAAAR,GAAA,CAAAC,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,cAAAK,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAArB,cAAA,CAAAC,IAAA,CAAAM,CAAA,EAAAc,EAAA,OAAAN,CAAA,IAAAD,CAAA,GAAAnB,MAAA,CAAAS,cAAA,KAAAT,MAAA,CAAA2B,wBAAA,CAAAf,CAAA,EAAAc,EAAA,OAAAN,CAAA,CAAAT,GAAA,IAAAS,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAK,EAAA,EAAAN,CAAA,IAAAC,CAAA,CAAAK,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAL,CAAA,KAAAT,CAAA,EAAAG,CAAA","ignoreList":[]}

package/build/Theme/modes.d.ts

@@ -0,0 +1,3 @@
+import type { PaletteOptions } from '@mui/material/styles';
+export type ThemeMode = 'light' | 'dark';
+export declare const getModePalette: (mode: ThemeMode, primaryColor?: string) => PaletteOptions;

package/build/Theme/modes.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getModePalette = void 0;
+var _colors = require("@mui/material/colors");
+var _colors2 = require("./colors");
+var DARK_MODE_PRIMARY = _colors.common.white;
+var getModePalette = exports.getModePalette = function getModePalette(mode, primaryColor) {
+  var basePrimary = primaryColor || _colors2.baseColors.primary.main;
+  var primary = mode === 'dark' ? {
+    main: DARK_MODE_PRIMARY
+  } : {
+    main: basePrimary
+  };
+  if (mode === 'dark') {
+    return {
+      mode: mode,
+      primary: primary,
+      secondary: {
+        main: '#424242'
+      },
+      background: {
+        "default": '#1a202c',
+        paper: '#2d3748'
+      }
+    };
+  }
+  return {
+    mode: mode,
+    primary: primary,
+    secondary: _colors2.baseColors.secondary,
+    background: {
+      "default": '#f4f4f4',
+      paper: '#ffffff'
+    }
+  };
+};
+//# sourceMappingURL=modes.js.map