@shopito/design-system 1.0.101

package/dist/esm/theme/variants.js

@@ -0,0 +1,276 @@
+import merge from 'deepmerge';
+import { green, grey, red } from '@mui/material/colors';
+import { THEMES } from './constants';
+var customBlue = {
+    50: '#e9f0fb',
+    100: '#c8daf4',
+    200: '#a3c1ed',
+    300: '#7ea8e5',
+    400: '#6395e0',
+    500: '#4782da',
+    600: '#407ad6',
+    700: '#376fd0',
+    800: '#2f65cb',
+    900: '#2052c2 '
+};
+var defaultVariant = {
+    name: THEMES.DEFAULT,
+    palette: {
+        mode: 'light',
+        primary: {
+            main: customBlue[700],
+            contrastText: '#FFF'
+        },
+        secondary: {
+            main: customBlue[500],
+            contrastText: '#FFF'
+        },
+        background: {
+            "default": '#F0F0F0',
+            paper: '#FFF'
+        }
+    },
+    header: {
+        color: grey[500],
+        background: '#FFF',
+        search: {
+            color: grey[800]
+        },
+        indicator: {
+            background: customBlue[600]
+        }
+    },
+    footer: {
+        color: grey[500],
+        background: '#FFF'
+    },
+    sidebar: {
+        color: '#FFF',
+        background: '#233044',
+        header: {
+            color: grey[200],
+            background: '#1E2A38',
+            brand: {
+                color: red[500]
+            }
+        },
+        footer: {
+            color: grey[200],
+            background: '#1E2A38',
+            online: {
+                background: green[500]
+            }
+        },
+        badge: {
+            color: '#FFF',
+            background: customBlue[500]
+        }
+    }
+};
+var darkVariant = merge(defaultVariant, {
+    name: THEMES.DARK,
+    palette: {
+        mode: 'dark',
+        primary: {
+            main: customBlue[500],
+            contrastText: '#EEE'
+        },
+        secondary: {
+            main: customBlue[500],
+            contrastText: '#EEE'
+        },
+        background: {
+            "default": '#111',
+            paper: '#232323'
+        },
+        text: {
+            primary: 'rgba(255, 255, 255, 0.95)',
+            secondary: 'rgba(255, 255, 255, 0.8)'
+        }
+    },
+    header: {
+        color: grey[300],
+        background: '#232323',
+        search: {
+            color: grey[200]
+        }
+    },
+    footer: {
+        color: grey[300],
+        background: '#232323'
+    },
+    sidebar: {
+        color: '#FFF',
+        background: '#232323',
+        header: {
+            color: grey[200],
+            background: '#323232',
+            brand: {
+                color: red[500]
+            }
+        },
+        footer: {
+            color: grey[200],
+            background: '#232323',
+            online: {
+                background: green[500]
+            }
+        },
+        badge: {
+            color: '#FFF',
+            background: customBlue[500]
+        }
+    }
+});
+// const lightVariant: Variant = merge(defaultVariant, {
+//   name: THEMES.LIGHT,
+//   palette: {
+//     mode: 'light',
+//   },
+//   header: {
+//     color: grey[200],
+//     background: customBlue[800],
+//     search: {
+//       color: grey[100],
+//     },
+//     indicator: {
+//       background: red[700],
+//     },
+//   },
+//   sidebar: {
+//     color: grey[900],
+//     background: '#FFF',
+//     header: {
+//       color: '#FFF',
+//       background: customBlue[800],
+//       brand: {
+//         color: '#FFFFFF',
+//       },
+//     },
+//     footer: {
+//       color: grey[800],
+//       background: '#F7F7F7',
+//       online: {
+//         background: green[500],
+//       },
+//     },
+//   },
+// });
+// const blueVariant: Variant = merge(defaultVariant, {
+//   name: THEMES.BLUE,
+//   palette: {
+//     mode: 'light',
+//   },
+//   sidebar: {
+//     color: '#FFF',
+//     background: customBlue[700],
+//     header: {
+//       color: '#FFF',
+//       background: customBlue[800],
+//       brand: {
+//         color: '#FFFFFF',
+//       },
+//     },
+//     footer: {
+//       color: '#FFF',
+//       background: customBlue[800],
+//       online: {
+//         background: '#FFF',
+//       },
+//     },
+//     badge: {
+//       color: '#000',
+//       background: '#FFF',
+//     },
+//   },
+// });
+// const greenVariant: Variant = merge(defaultVariant, {
+//   name: THEMES.GREEN,
+//   palette: {
+//     primary: {
+//       main: green[800],
+//       contrastText: '#FFF',
+//     },
+//     secondary: {
+//       main: green[500],
+//       contrastText: '#FFF',
+//     },
+//   },
+//   header: {
+//     indicator: {
+//       background: green[600],
+//     },
+//   },
+//   sidebar: {
+//     color: '#FFF',
+//     background: green[700],
+//     header: {
+//       color: '#FFF',
+//       background: green[800],
+//       brand: {
+//         color: '#FFFFFF',
+//       },
+//     },
+//     footer: {
+//       color: '#FFF',
+//       background: green[800],
+//       online: {
+//         background: '#FFF',
+//       },
+//     },
+//     badge: {
+//       color: '#000',
+//       background: '#FFF',
+//     },
+//   },
+// });
+// const indigoVariant: Variant = merge(defaultVariant, {
+//   name: THEMES.INDIGO,
+//   palette: {
+//     primary: {
+//       main: indigo[600],
+//       contrastText: '#FFF',
+//     },
+//     secondary: {
+//       main: indigo[400],
+//       contrastText: '#FFF',
+//     },
+//   },
+//   header: {
+//     indicator: {
+//       background: indigo[600],
+//     },
+//   },
+//   sidebar: {
+//     color: '#FFF',
+//     background: indigo[700],
+//     header: {
+//       color: '#FFF',
+//       background: indigo[800],
+//       brand: {
+//         color: '#FFFFFF',
+//       },
+//     },
+//     footer: {
+//       color: '#FFF',
+//       background: indigo[800],
+//       online: {
+//         background: '#FFF',
+//       },
+//     },
+//     badge: {
+//       color: '#000',
+//       background: '#FFF',
+//     },
+//   },
+// });
+var Variants = [
+    defaultVariant,
+    darkVariant,
+    // lightVariant,
+    // blueVariant,
+    // greenVariant,
+    // indigoVariant,
+];
+export default Variants;
+//# sourceMappingURL=variants.js.map

package/dist/esm/theme/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"https://my-website.com/debug/source/","sources":["theme/variants.ts"],"names":[],"mappings":"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"}

package/dist/esm/utils/alerts/alerts.d.ts

@@ -0,0 +1,4 @@
+export declare const displaySuccess: (message: string) => void;
+export declare const displayAlert: (message: string) => void;
+export declare const displayWarning: (message: string) => void;
+export declare const displayInfo: (message: string) => void;

package/dist/esm/utils/alerts/alerts.js

@@ -0,0 +1,22 @@
+import { __assign } from "tslib";
+import { enqueueSnackbar } from 'notistack';
+var defaultOptions = {
+    autoHideDuration: 4000,
+    anchorOrigin: {
+        horizontal: 'right',
+        vertical: 'top'
+    }
+};
+export var displaySuccess = function (message) {
+    enqueueSnackbar(message, __assign(__assign({}, defaultOptions), { variant: 'success' }));
+};
+export var displayAlert = function (message) {
+    enqueueSnackbar(message, __assign(__assign({}, defaultOptions), { variant: 'error' }));
+};
+export var displayWarning = function (message) {
+    enqueueSnackbar(message, __assign(__assign({}, defaultOptions), { variant: 'warning' }));
+};
+export var displayInfo = function (message) {
+    enqueueSnackbar(message, __assign(__assign({}, defaultOptions), { variant: 'info' }));
+};
+//# sourceMappingURL=alerts.js.map

package/dist/esm/utils/alerts/alerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alerts.js","sourceRoot":"https://my-website.com/debug/source/","sources":["utils/alerts/alerts.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAkB,MAAM,WAAW,CAAC;AAE5D,IAAM,cAAc,GAAG;IACrB,gBAAgB,EAAE,IAAI;IACtB,YAAY,EAAE;QACZ,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,KAAK;KACE;CACpB,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,eAAe,CAAY,OAAO,wBAC7B,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,OAAe;IAC1C,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,OAAO,IAChB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAAe;IACzC,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,MAAM,IACf,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/utils/alerts/index.d.ts

@@ -0,0 +1 @@
+export * from './alerts';

package/dist/esm/utils/alerts/index.js

@@ -0,0 +1,2 @@
+export * from './alerts';
+//# sourceMappingURL=index.js.map

package/dist/esm/utils/alerts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["utils/alerts/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@shopito/design-system",
+  "version": "1.0.101",
+  "description": "",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/shopito/backoffice-ui.git"
+  },
+  "scripts": {
+    "lint": "eslint --config .eslintrc.js \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"",
+    "test": "jest --config jestconfig.json",
+    "build": "yarn build:esm && yarn build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --sourcemap --module commonjs --outDir dist/cjs",
+    "prepare": "npm run build",
+    "prepublishOnly_backup": "npm run test && npm run prettier && npm run lint",
+    "prepublishOnly": "",
+    "rebuild": "rm -rf node_modules && yarn && npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "author": "Ondrej Janacek (onja)",
+  "license": "MIT",
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@mui/icons-material": "^5.15.17",
+    "@mui/lab": "^5.0.0-alpha.170",
+    "@mui/material": "^5.15.17",
+    "@mui/system": "^5.15.15",
+    "chart.js": "^4.4.2",
+    "notistack": "^3.0.1",
+    "polished": "^4.3.1",
+    "react-color": "^2.19.3",
+    "react-dropzone": "^14.2.3",
+    "react-feather": "^2.0.10",
+    "react-intl": "^6.6.6",
+    "react-perfect-scrollbar": "^1.5.8",
+    "yup": "^1.4.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.5",
+    "@fontsource/material-icons": "^5.2.5",
+    "@fontsource/poppins": "^5.2.5",
+    "@fontsource/roboto": "^5.2.5",
+    "@mui/styled-engine": "^5.15.14",
+    "@mui/x-date-pickers": "^7.27.3",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-onboarding": "^8.6.4",
+    "@storybook/addon-themes": "^8.6.4",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
+    "@storybook/test": "^8.6.4",
+    "@testing-library/react": "^15.0.7",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.3.1",
+    "@types/react-color": "^3.0.12",
+    "@types/react-router-dom": "^5.3.3",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
+    "dayjs": "^1.11.13",
+    "eslint": "^9.2.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.11.4",
+    "jest": "^29.7.0",
+    "jest-canvas-mock": "^2.5.2",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.2.5",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.23.1",
+    "storybook": "^8.6.4",
+    "storybook-react-intl": "^3.2.3",
+    "ts-jest": "^29.1.2",
+    "typescript": "^4.9.5"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@mui/system": "^5.15.15",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^4.9.5"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "typescript"
+  ]
+}