@natoora-libs/core 0.0.36 → 0.0.41

package/dist/providers/index.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const useError: () => {
+    setError: (error: any) => void;
+};
+interface ErrorProviderProps {
+    children: ReactNode;
+}
+declare const ErrorProvider: ({ children }: ErrorProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare const useFeeback: () => {
+    /**
+     * @param {object} arguments
+     * @param {string} arguments.message - Content of the feedback
+     * @param {string} arguments.type - Type of the feedback. Can be either: success | error
+     */
+    setFeedback: ({ message, type }: {
+        message: any;
+        type: any;
+    }) => void;
+};
+interface FeedbackProviderProps {
+    children: ReactNode;
+}
+declare const FeedbackProvider: ({ children }: FeedbackProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare const useLoading: () => {
+    isLoading: boolean;
+    setLoading: (isLoading: any) => void;
+};
+interface LoadingProviderProps {
+    children: ReactNode;
+}
+declare const LoadingProvider: ({ children }: LoadingProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { ErrorProvider, FeedbackProvider, LoadingProvider, useError, useFeeback, useLoading };

package/dist/providers/index.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const useError: () => {
+    setError: (error: any) => void;
+};
+interface ErrorProviderProps {
+    children: ReactNode;
+}
+declare const ErrorProvider: ({ children }: ErrorProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare const useFeeback: () => {
+    /**
+     * @param {object} arguments
+     * @param {string} arguments.message - Content of the feedback
+     * @param {string} arguments.type - Type of the feedback. Can be either: success | error
+     */
+    setFeedback: ({ message, type }: {
+        message: any;
+        type: any;
+    }) => void;
+};
+interface FeedbackProviderProps {
+    children: ReactNode;
+}
+declare const FeedbackProvider: ({ children }: FeedbackProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare const useLoading: () => {
+    isLoading: boolean;
+    setLoading: (isLoading: any) => void;
+};
+interface LoadingProviderProps {
+    children: ReactNode;
+}
+declare const LoadingProvider: ({ children }: LoadingProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { ErrorProvider, FeedbackProvider, LoadingProvider, useError, useFeeback, useLoading };

package/dist/providers/index.js

@@ -1,15 +1,14 @@
 import {
   Loading_default
-} from "../chunk-TZJCFK33.js";
+} from "../chunk-ZYZWAAFL.js";
+import "../chunk-5WRI5ZAA.js";
 
 // src/providers/ErrorProvider/ErrorProvider.tsx
 import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
-import { node as node2 } from "prop-types";
 
 // src/providers/FeedbackProvider/FeedbackProvider.tsx
 import { createContext, useContext, useMemo, useState } from "react";
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
-import { node } from "prop-types";
 import { makeStyles } from "tss-react/mui";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DefaultValue = {
@@ -77,9 +76,6 @@ var FeedbackProvider = ({ children }) => {
     )
   ] });
 };
-FeedbackProvider.propTypes = {
-  children: node.isRequired
-};
 
 // src/providers/ErrorProvider/ErrorProvider.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -122,13 +118,9 @@ var ErrorProvider = ({ children }) => {
   );
   return /* @__PURE__ */ jsx2(ErrorContent.Provider, { value: providerValue, children });
 };
-ErrorProvider.propTypes = {
-  children: node2.isRequired
-};
 
 // src/providers/LoadingProvider/LoadingProvider.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3, useState as useState2 } from "react";
-import { node as node3 } from "prop-types";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DefaultValue3 = {
   isLoading: false,
@@ -151,9 +143,6 @@ var LoadingProvider = ({ children }) => {
     /* @__PURE__ */ jsx3(Loading_default, { isLoading })
   ] });
 };
-LoadingProvider.propTypes = {
-  children: node3.isRequired
-};
 export {
   ErrorProvider,
   FeedbackProvider,

package/dist/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/ErrorProvider/ErrorProvider.tsx","../../src/providers/FeedbackProvider/FeedbackProvider.tsx","../../src/providers/LoadingProvider/LoadingProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { node } from 'prop-types';\n\nimport { useFeeback } from '../FeedbackProvider/FeedbackProvider';\n\nconst DefaultValue = {\n  // eslint-disable-next-line no-unused-vars\n  setError: (error) => {},\n};\n\nconst ErrorContent = createContext(DefaultValue);\n\nconst useError = () => useContext(ErrorContent);\n\nconst ErrorProvider = ({ children }) => {\n  const { setFeedback } = useFeeback();\n\n  /**\n   * Usually, errors will come as an AxiosResponse\n   * Sometimes error will have a message property\n   * @see https://axios-http.com/docs/res_schema\n   */\n  const handleErrorChange = (error) => {\n    if (error?.message) {\n      setFeedback({\n        message: error.message,\n        type: 'error',\n      });\n      return;\n    }\n\n    if (error?.response) {\n      setFeedback({\n        message: `${error.response.status}: ${error.response.data.detail}`,\n        type: 'error',\n      });\n      return;\n    }\n\n    if (typeof error === 'string') {\n      setFeedback({\n        message: error,\n        type: 'error',\n      });\n    }\n  };\n\n  const providerValue = useMemo(\n    () => ({\n      setError: handleErrorChange,\n    }),\n    [],\n  );\n\n  return (\n    <ErrorContent.Provider value={providerValue}>\n      {children}\n    </ErrorContent.Provider>\n  );\n};\n\nErrorProvider.propTypes = {\n  children: node.isRequired,\n};\n\nexport { ErrorProvider, useError };\n","import React, { createContext, useContext, useMemo, useState } from 'react';\n\nimport { Alert as MuiAlert, Snackbar } from '@mui/material';\nimport { node } from 'prop-types';\nimport { makeStyles } from 'tss-react/mui';\n\nconst DefaultValue = {\n  /**\n   * @param {object} arguments\n   * @param {string} arguments.message - Content of the feedback\n   * @param {string} arguments.type - Type of the feedback. Can be either: success | error\n   */\n  // eslint-disable-next-line no-unused-vars\n  setFeedback: ({ message, type }) => {},\n};\n\nconst FeedbackContent = createContext(DefaultValue);\n\nconst useFeeback = () => useContext(FeedbackContent);\n\nconst useStyles = makeStyles()(() => ({\n  alert: {\n    /**\n     * To avoid changing the success color directly from palette\n     * I decided to override the color only here, just to not create design issues\n     */\n    '&.MuiAlert-filled.MuiAlert-colorSuccess': {\n      backgroundColor: '#2E7D32;',\n    },\n  },\n}));\n\nconst FeedbackProvider = ({ children }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [message, setMessage] = useState('');\n  const [type, setType] = useState('');\n\n  const handleFeedbackChange = (feedback) => {\n    setMessage(feedback.message);\n    setType(feedback.type);\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n  };\n\n  const { classes } = useStyles();\n\n  const providerValue = useMemo(\n    () => ({\n      setFeedback: handleFeedbackChange,\n    }),\n    [],\n  );\n\n  return (\n    <FeedbackContent.Provider value={providerValue}>\n      {children}\n      <Snackbar\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n        autoHideDuration={5000}\n        onClose={handleClose}\n        open={isOpen}\n      >\n        <MuiAlert\n          className={classes.alert}\n          onClose={handleClose}\n          severity={type as any}\n          variant=\"filled\"\n        >\n          {message}\n        </MuiAlert>\n      </Snackbar>\n    </FeedbackContent.Provider>\n  );\n};\n\nFeedbackProvider.propTypes = {\n  children: node.isRequired,\n};\n\nexport { FeedbackProvider, useFeeback };\n","/* eslint-disable no-unused-vars */\nimport React, { createContext, useContext, useMemo, useState } from 'react';\n\nimport { node } from 'prop-types';\n\nimport Loading from '@/components/Loading/Loading';\n\nconst DefaultValue = {\n  isLoading: false,\n  setLoading: (isLoading) => {},\n};\n\nconst LoadingContext = createContext(DefaultValue);\n\nconst useLoading = () => useContext(LoadingContext);\n\nconst LoadingProvider = ({ children }) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      setLoading: setIsLoading,\n    }),\n    [],\n  );\n\n  return (\n    <LoadingContext.Provider value={providerValue}>\n      {children}\n      <Loading isLoading={isLoading} />\n    </LoadingContext.Provider>\n  );\n};\n\nLoadingProvider.propTypes = {\n  children: node.isRequired,\n};\n\nexport { LoadingProvider, useLoading };\n"],"mappings":"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","names":["createContext","useContext","useMemo","node","jsx","DefaultValue","createContext","useContext","useMemo","node","createContext","useContext","useMemo","useState","node","jsx","jsxs","DefaultValue","createContext","useContext","useState","useMemo","node"]}
+{"version":3,"sources":["../../src/providers/ErrorProvider/ErrorProvider.tsx","../../src/providers/FeedbackProvider/FeedbackProvider.tsx","../../src/providers/LoadingProvider/LoadingProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react';\n\nimport { useFeeback } from '../FeedbackProvider/FeedbackProvider';\n\nconst DefaultValue = {\n  // eslint-disable-next-line no-unused-vars\n  setError: (error) => {},\n};\n\nconst ErrorContent = createContext(DefaultValue);\n\nconst useError = () => useContext(ErrorContent);\n\ninterface ErrorProviderProps {\n  children: ReactNode;\n}\n\nconst ErrorProvider = ({ children }: ErrorProviderProps) => {\n  const { setFeedback } = useFeeback();\n\n  /**\n   * Usually, errors will come as an AxiosResponse\n   * Sometimes error will have a message property\n   * @see https://axios-http.com/docs/res_schema\n   */\n  const handleErrorChange = (error) => {\n    if (error?.message) {\n      setFeedback({\n        message: error.message,\n        type: 'error',\n      });\n      return;\n    }\n\n    if (error?.response) {\n      setFeedback({\n        message: `${error.response.status}: ${error.response.data.detail}`,\n        type: 'error',\n      });\n      return;\n    }\n\n    if (typeof error === 'string') {\n      setFeedback({\n        message: error,\n        type: 'error',\n      });\n    }\n  };\n\n  const providerValue = useMemo(\n    () => ({\n      setError: handleErrorChange,\n    }),\n    [],\n  );\n\n  return (\n    <ErrorContent.Provider value={providerValue}>\n      {children}\n    </ErrorContent.Provider>\n  );\n};\n\nexport { ErrorProvider, useError };\n","import { createContext, ReactNode, useContext, useMemo, useState } from 'react';\n\nimport { Alert as MuiAlert, Snackbar } from '@mui/material';\nimport { makeStyles } from 'tss-react/mui';\n\nconst DefaultValue = {\n  /**\n   * @param {object} arguments\n   * @param {string} arguments.message - Content of the feedback\n   * @param {string} arguments.type - Type of the feedback. Can be either: success | error\n   */\n  // eslint-disable-next-line no-unused-vars\n  setFeedback: ({ message, type }) => {},\n};\n\nconst FeedbackContent = createContext(DefaultValue);\n\nconst useFeeback = () => useContext(FeedbackContent);\n\nconst useStyles = makeStyles()(() => ({\n  alert: {\n    /**\n     * To avoid changing the success color directly from palette\n     * I decided to override the color only here, just to not create design issues\n     */\n    '&.MuiAlert-filled.MuiAlert-colorSuccess': {\n      backgroundColor: '#2E7D32;',\n    },\n  },\n}));\n\ninterface FeedbackProviderProps {\n  children: ReactNode;\n}\n\nconst FeedbackProvider = ({ children }: FeedbackProviderProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [message, setMessage] = useState('');\n  const [type, setType] = useState('');\n\n  const handleFeedbackChange = (feedback) => {\n    setMessage(feedback.message);\n    setType(feedback.type);\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n  };\n\n  const { classes } = useStyles();\n\n  const providerValue = useMemo(\n    () => ({\n      setFeedback: handleFeedbackChange,\n    }),\n    [],\n  );\n\n  return (\n    <FeedbackContent.Provider value={providerValue}>\n      {children}\n      <Snackbar\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n        autoHideDuration={5000}\n        onClose={handleClose}\n        open={isOpen}\n      >\n        <MuiAlert\n          className={classes.alert}\n          onClose={handleClose}\n          severity={type as any}\n          variant=\"filled\"\n        >\n          {message}\n        </MuiAlert>\n      </Snackbar>\n    </FeedbackContent.Provider>\n  );\n};\n\nexport { FeedbackProvider, useFeeback };\n","/* eslint-disable no-unused-vars */\nimport { createContext, ReactNode, useContext, useMemo, useState } from 'react';\n\nimport Loading from '@/components/Loading/Loading';\n\nconst DefaultValue = {\n  isLoading: false,\n  setLoading: (isLoading) => {},\n};\n\nconst LoadingContext = createContext(DefaultValue);\n\nconst useLoading = () => useContext(LoadingContext);\n\ninterface LoadingProviderProps {\n  children: ReactNode;\n}\n\nconst LoadingProvider = ({ children }: LoadingProviderProps) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      setLoading: setIsLoading,\n    }),\n    [],\n  );\n\n  return (\n    <LoadingContext.Provider value={providerValue}>\n      {children}\n      <Loading isLoading={isLoading} />\n    </LoadingContext.Provider>\n  );\n};\n\nexport { LoadingProvider, useLoading };\n"],"mappings":"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","names":["createContext","useContext","useMemo","jsx","DefaultValue","createContext","useContext","useMemo","createContext","useContext","useMemo","useState","jsx","jsxs","DefaultValue","createContext","useContext","useState","useMemo"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natoora-libs/core",
-  "version": "0.0.36",
+  "version": "0.0.41",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -9,33 +9,29 @@
   "files": [
     "dist"
   ],
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "types": "dist/index.d.ts",
+  "module": "dist/index.js",
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
     "./components": {
+      "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js",
-      "types": "./dist/components/index.d.ts"
+      "require": "./dist/components/index.cjs"
     },
     "./providers": {
+      "types": "./dist/providers/index.d.ts",
       "import": "./dist/providers/index.js",
-      "types": "./dist/providers/index.d.ts"
+      "require": "./dist/providers/index.cjs"
     },
     "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
       "import": "./dist/hooks/index.js",
-      "types": "./dist/hooks/index.d.ts"
+      "require": "./dist/hooks/index.cjs"
     }
   },
-  "lint-staged": {
-    "*.{js,ts,tsx}": [
-      "yarn fix:all"
-    ]
-  },
   "scripts": {
-    "prepare": "cd ../../../ && husky install libraries/frontend-libs/react/.husky",
+    "prepare": "cd ../../../ && husky libraries/frontend-libs/react/.husky",
+    "dev": "yalc publish && tsup --watch --onSuccess 'yalc push --changed'",
     "build": "tsup",
     "build-storybook": "storybook build",
     "storybook": "storybook dev -p 6006",
@@ -48,50 +44,50 @@
     "test:coverage": "jest --coverage"
   },
   "dependencies": {
-    "@date-io/moment": "^1.3.9",
+    "classnames": "^2.3.2",
+    "mdi-material-ui": "^7.9.3",
+    "moment": "^2.29.4",
+    "react-dates": "^21.8.0",
+    "react-phone-input-material-ui": "^2.18.1",
+    "react-window": "^1.8.6",
+    "tss-react": "^4.9.15",
+    "uuid": "^9.0.0",
+    "yup": "^0.32.9"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^6.4.7",
     "@mui/lab": "^6.0.0-beta.30",
     "@mui/material": "^6.4.7",
+    "@mui/types": "^7.4.4",
     "@mui/x-data-grid": "^7.27.2",
     "@mui/x-date-pickers": "5.x.x",
-    "classnames": "^2.3.2",
-    "moment": "^2.29.4",
-    "prop-types": "^15.7.2",
-    "react-query": "^3.19.6",
-    "react-router-dom": "^6.14.0",
-    "tss-react": "^4.9.15"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.26.9",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@mui/types": "^7.2.21",
-    "@storybook/addon-essentials": "^7.3.1",
-    "@storybook/addon-interactions": "^7.3.1",
-    "@storybook/addon-links": "^7.3.1",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.3.1",
-    "@storybook/react": "^7.3.1",
+    "@storybook/addon-docs": "^9.0.16",
+    "@storybook/addon-links": "^9.0.16",
+    "@storybook/addon-onboarding": "^9.0.16",
+    "@storybook/react": "^9.0.16",
     "@storybook/testing-library": "^0.2.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/classnames": "^2.3.1",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
+    "@types/lodash": "^4.17.0",
     "@types/moment": "^2.13.0",
-    "@types/node": "^20.12.5",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.1",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-test-renderer": "^18.3.1",
+    "@types/node": "^24.0.12",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-test-renderer": "^19.1.0",
     "@types/redux": "^3.6.0",
-    "@types/uuid": "^9.0.8",
+    "@types/uuid": "^10.0.0",
     "@typescript-eslint/parser": "^7.6.0",
-    "babel-jest": "^29.7.0",
+    "babel-jest": "^30.0.4",
     "babel-plugin-named-exports-order": "^0.0.2",
     "eslint": "^7.32.0 || ^8.2.0",
     "eslint-config-airbnb": "^19.0.4",
@@ -103,22 +99,40 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-storybook": "^0.6.13",
-    "husky": "^8.0.3",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^11.1.2",
-    "prettier": "^2.8.8",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-test-renderer": "18.3.1",
-    "storybook": "^7.3.1",
-    "ts-jest": "^29.2.6",
-    "tsup": "^8.5.0",
-    "typescript": "^5.8.3"
+    "eslint-plugin-storybook": "^9.0.16",
+    "husky": "^9.1.7",
+    "jest": "^30.0.4",
+    "jest-environment-jsdom": "^30.0.4",
+    "lint-staged": "^16.1.2",
+    "mdi-material-ui": "^7.9.3",
+    "prettier": "^3.6.2",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-hook-form": "^7.12.2",
+    "react-query": "^3.19.6",
+    "react-router": "^7.6.3",
+    "react-test-renderer": "^19.1.0",
+    "storybook": "^9.0.16",
+    "ts-jest": "^29.4.0",
+    "tsup": "8.3.0",
+    "typescript": "^5.8.3",
+    "yalc": "^1.0.0-pre.53",
+    "yup": "^0.32.9"
   },
   "peerDependencies": {
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/lab": "^6.0.0-beta.30",
+    "@mui/material": "^6.4.7",
+    "@mui/x-data-grid": "^7.27.2",
+    "@mui/x-date-pickers": "5.x.x",
+    "mdi-material-ui": "^7.9.3",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-hook-form": "^7.12.2",
+    "react-query": "^3.19.6",
+    "react-router": "^7.6.3",
+    "yup": "^0.32.9"
   }
-}
+}

package/dist/chunk-BRRN6KSW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/LeftDrawer/helpers/featuresAreEnabled.js"],"sourcesContent":["function featuresAreEnabled(featureSettings, features, requireAll = true) {\n  const storedPermissions = localStorage.getItem('permissions') || [];\n  let enabled = false;\n\n  if (requireAll) {\n    enabled = features.every(\n      (feature) =>\n        featureSettings.enabled_features.includes(feature) &&\n        storedPermissions.includes(`${feature}_read`),\n    );\n  } else {\n    enabled = features.some(\n      (feature) =>\n        featureSettings.enabled_features.includes(feature) &&\n        storedPermissions.includes(`${feature}_read`),\n    );\n  }\n\n  return enabled;\n}\n\nexport default featuresAreEnabled;\n"],"mappings":";AAAA,SAAS,mBAAmB,iBAAiB,UAAU,aAAa,MAAM;AACxE,QAAM,oBAAoB,aAAa,QAAQ,aAAa,KAAK,CAAC;AAClE,MAAI,UAAU;AAEd,MAAI,YAAY;AACd,cAAU,SAAS;AAAA,MACjB,CAAC,YACC,gBAAgB,iBAAiB,SAAS,OAAO,KACjD,kBAAkB,SAAS,GAAG,OAAO,OAAO;AAAA,IAChD;AAAA,EACF,OAAO;AACL,cAAU,SAAS;AAAA,MACjB,CAAC,YACC,gBAAgB,iBAAiB,SAAS,OAAO,KACjD,kBAAkB,SAAS,GAAG,OAAO,OAAO;AAAA,IAChD;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,6BAAQ;","names":[]}

package/dist/chunk-TZJCFK33.js

@@ -1,181 +0,0 @@
-// src/components/Loading/Loading.tsx
-import { Backdrop, CircularProgress } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-
-// src/resources/styles/colors/buttons.js
-var stylesheet = localStorage.getItem("@stylesheet");
-var isDarkModeEnabled = stylesheet === "styles/style-dark.css";
-var buttonColors = {
-  roundButton: {
-    default: {
-      border: isDarkModeEnabled ? "#CECECE" : "#999999",
-      color: isDarkModeEnabled ? "#CECECE" : "rgba(0, 0, 0, 0.87)",
-      disabled: {
-        color: isDarkModeEnabled ? "#CECECE" : "rgba(0, 0, 0, 0.26)"
-      },
-      hover: {
-        background: isDarkModeEnabled ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.04)"
-      }
-    },
-    filled: {
-      background: isDarkModeEnabled ? "#222222" : "#FFFFFF",
-      color: isDarkModeEnabled ? "#CECECE" : "rgba(0, 0, 0, 0.87)",
-      hover: {
-        background: isDarkModeEnabled ? "#2F2F2F" : "#E0E0E0"
-      }
-    },
-    active: {
-      color: isDarkModeEnabled ? "#E9FB62" : "#0781CE",
-      hover: {
-        background: "rgba(7, 129, 206, .24)"
-      }
-    },
-    contrast: {
-      border: "#CECECE",
-      color: "#CECECE",
-      hover: {
-        background: "rgba(255, 255, 255, 0.08)"
-      }
-    },
-    tableButton: {
-      color: isDarkModeEnabled ? "#FFFFFF8F" : "#0000008A"
-    },
-    focused: {
-      background: isDarkModeEnabled ? "rgba(233, 251, 98, 0.08)" : "rgba(7, 129, 206, .24)",
-      color: isDarkModeEnabled ? "#E9FB62" : "#0781CE",
-      hover: {
-        background: "rgba(7, 129, 206, .30)"
-      }
-    },
-    error: "#D32F2F"
-  }
-};
-var buttons_default = buttonColors;
-
-// src/resources/styles/colors/cards.js
-var stylesheet2 = localStorage.getItem("@stylesheet");
-var isDarkModeEnabled2 = stylesheet2 === "styles/style-dark.css";
-var cardColors = {
-  movementCard: {
-    default: {
-      background: isDarkModeEnabled2 ? "#555" : "#FFF"
-    },
-    disabled: {
-      background: isDarkModeEnabled2 ? "#2F2F2F" : "#ECECEC"
-    },
-    pill: {
-      color: isDarkModeEnabled2 ? "#555555" : "#FFFFFF",
-      background: isDarkModeEnabled2 ? "#FFFFFF" : "#999999"
-    }
-  },
-  rowProductCard: {
-    locationSubtitle: isDarkModeEnabled2 ? "rgba(255, 255, 255, 0.54)" : "rgba(0, 0, 0, 0.54)"
-  }
-};
-var cards_default = cardColors;
-
-// src/resources/styles/colors.js
-var stylesheet3 = localStorage.getItem("@stylesheet");
-var isDarkModeEnabled3 = stylesheet3 === "styles/style-dark.css";
-var colors = {
-  ...buttons_default,
-  ...cards_default,
-  background: isDarkModeEnabled3 ? "#424242" : "#FEFEFE",
-  backgroundGrey100: isDarkModeEnabled3 ? "#424242" : "#F1F1F1",
-  backgroundGrey200: isDarkModeEnabled3 ? "#1f252a" : "#F0EBE6",
-  backgroundHeader: isDarkModeEnabled3 ? "#595959" : "#f4f4f4",
-  backgroundHeaderModal: isDarkModeEnabled3 ? "#595959" : "#fAfAfA",
-  backgroundBorder: isDarkModeEnabled3 ? "#272727" : "#f0f0f0",
-  backgroundPaper: isDarkModeEnabled3 ? "#262626" : "#f4f4f4",
-  backgroundPaper100: isDarkModeEnabled3 ? "#424242" : "#ECECEC",
-  backgroundContentLayer: isDarkModeEnabled3 ? "#212121" : "#F5F4F4",
-  backgroundTabsContent: isDarkModeEnabled3 ? "#2A2A2A" : "#FAFAFA",
-  black: "#000",
-  black900: isDarkModeEnabled3 ? "#F1F1F1" : "#1f252a",
-  brightGray: isDarkModeEnabled3 ? "#555555" : "#ECECEC",
-  borderColor: isDarkModeEnabled3 ? "#FFFFFF1F" : "#CECECE",
-  disabledColor: isDarkModeEnabled3 ? "#424242" : "#f7f5f5",
-  gradientBackground: isDarkModeEnabled3 ? "linear-gradient(to right, #e3dbda40, #D2D8DC8a)" : "linear-gradient(to right, #E3DBDA, #D2D8DC)",
-  grey050: "#FEFEFE",
-  grey100: isDarkModeEnabled3 ? "#272c34" : "#F1F1F1",
-  grey150: isDarkModeEnabled3 ? "#424242" : "rgba(240, 235, 230, 0.5)",
-  grey200: isDarkModeEnabled3 ? "#2F2F2F" : "#E0E0E0",
-  grey300: isDarkModeEnabled3 ? "#878787" : "#C8C8C8",
-  grey400: isDarkModeEnabled3 ? "#9E9E9E" : "#BDBDBD",
-  grey500: isDarkModeEnabled3 ? "#A8A8A8" : "#878787",
-  grey600: isDarkModeEnabled3 ? "#606060" : "#DFDFDF",
-  grey650: isDarkModeEnabled3 ? "#CECECE" : "#555555",
-  grey700: "#4D4D4D",
-  grey750: "#424242",
-  grey800: "#2F2F2F",
-  grey900: isDarkModeEnabled3 ? "#222222" : "#F0F0F0",
-  iconSearch: isDarkModeEnabled3 ? "#E0E0E0" : "#606060",
-  muiDefault: isDarkModeEnabled3 ? "#606060" : "#E0E0E0",
-  muiPrimary: isDarkModeEnabled3 ? "#E9FB62" : "#0781CE",
-  muiPrimaryBlack: isDarkModeEnabled3 ? "#E9FB62" : "#000",
-  lightMuiPrimaryColorBackground: isDarkModeEnabled3 ? "#e9fb6214" : "#eff4fb",
-  lightBlueBackground: isDarkModeEnabled3 ? "#3c4248" : "#eff4fb",
-  muiPrimaryAlternate: "#07BAF1",
-  muiPrimaryHover: isDarkModeEnabled3 ? "#cddc39" : "#1565c0",
-  muiSecondary: "#A42966",
-  muiSecondaryAlternate: "#EC613C",
-  muiSuccess: "#4caf50",
-  muiSuccessAlternate: "#357a38",
-  paper: isDarkModeEnabled3 ? "#424242" : "#FFFFFF",
-  shadow: isDarkModeEnabled3 ? "#1f252a" : "#878787",
-  tableRow1: isDarkModeEnabled3 ? "#333333" : "#FFFFFF",
-  tableRow2: isDarkModeEnabled3 ? "#212121" : "#FAFAFA",
-  topBar: "#111111",
-  transparent: {
-    black10: isDarkModeEnabled3 ? "inherit" : "rgba(0,0,0,0.1)",
-    black20: isDarkModeEnabled3 ? "inherit" : "rgba(0,0,0,0.2)",
-    black30: isDarkModeEnabled3 ? "inherit" : "rgba(0,0,0,0.3)",
-    black50: isDarkModeEnabled3 ? "inherit" : "rgba(0,0,0,0.5)",
-    black80: isDarkModeEnabled3 ? "inherit" : "rgba(0,0,0,0.8)",
-    coralRed80: "rgba(244,67,54,0.08)",
-    muiPrimary10: isDarkModeEnabled3 ? "rgba(233, 251, 98, 0.10)" : "rgba(7, 129, 206, .10)",
-    muiPrimary20: isDarkModeEnabled3 ? "rgba(233, 251, 98, 0.20)" : "rgba(7, 129, 206, .20)",
-    muiPrimary30: isDarkModeEnabled3 ? "rgba(233, 251, 98, 0.30)" : "rgba(7, 129, 206, .30)",
-    muiSecondaryAlternate30: "rgba(236, 97, 60, .3)",
-    navyBlue: "rgba(25, 118, 210, 0.08)",
-    white10: "rgba(255,255,255,0.1)",
-    white20: "rgba(255,255,255,0.2)",
-    white40: "rgba(255,255,255,0.4)"
-  },
-  white: isDarkModeEnabled3 ? "#222222" : "#FFFFFF",
-  contrast: isDarkModeEnabled3 ? "#FFF" : "#000",
-  inputLabel: isDarkModeEnabled3 ? "#FFF" : "#6c6c6c"
-};
-
-// src/components/Loading/Loading.tsx
-import { jsx } from "react/jsx-runtime";
-var useStyles = makeStyles()(() => ({
-  wrapper: {
-    /**
-     * MUI Dialogs have z-index = 1300
-     */
-    zIndex: 1301,
-    backgroundColor: isDarkModeEnabled3 ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
-  }
-}));
-var Loading = ({ isLoading = false }) => {
-  const { classes } = useStyles();
-  return /* @__PURE__ */ jsx(
-    Backdrop,
-    {
-      "aria-hidden": !isLoading,
-      className: classes.wrapper,
-      open: isLoading,
-      "data-testid": "backdrop-loading",
-      children: /* @__PURE__ */ jsx(CircularProgress, { color: "primary" })
-    }
-  );
-};
-var Loading_default = Loading;
-
-export {
-  isDarkModeEnabled3 as isDarkModeEnabled,
-  colors,
-  Loading_default
-};
-//# sourceMappingURL=chunk-TZJCFK33.js.map

package/dist/chunk-TZJCFK33.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Loading/Loading.tsx","../src/resources/styles/colors/buttons.js","../src/resources/styles/colors/cards.js","../src/resources/styles/colors.js"],"sourcesContent":["import React from 'react';\n\nimport { Backdrop, CircularProgress } from '@mui/material';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { isDarkModeEnabled } from '@/resources/styles/colors';\n\nconst useStyles = makeStyles()(() => ({\n  wrapper: {\n    /**\n     * MUI Dialogs have z-index = 1300\n     */\n    zIndex: 1301,\n    backgroundColor: isDarkModeEnabled\n      ? 'rgba(0, 0, 0, 0.5)'\n      : 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\ninterface ILoading {\n  isLoading?: boolean;\n}\n\nconst Loading = ({ isLoading = false }: ILoading) => {\n  const { classes } = useStyles();\n\n  return (\n    <Backdrop\n      aria-hidden={!isLoading}\n      className={classes.wrapper}\n      open={isLoading}\n      data-testid=\"backdrop-loading\"\n    >\n      <CircularProgress color=\"primary\" />\n    </Backdrop>\n  );\n};\n\nexport default Loading;\n","const stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\nconst buttonColors = {\n  roundButton: {\n    default: {\n      border: isDarkModeEnabled ? '#CECECE' : '#999999',\n      color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.87)',\n      disabled: {\n        color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.26)',\n      },\n      hover: {\n        background: isDarkModeEnabled\n          ? 'rgba(255, 255, 255, 0.08)'\n          : 'rgba(0, 0, 0, 0.04)',\n      },\n    },\n    filled: {\n      background: isDarkModeEnabled ? '#222222' : '#FFFFFF',\n      color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.87)',\n      hover: {\n        background: isDarkModeEnabled ? '#2F2F2F' : '#E0E0E0',\n      },\n    },\n    active: {\n      color: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n      hover: {\n        background: 'rgba(7, 129, 206, .24)',\n      },\n    },\n    contrast: {\n      border: '#CECECE',\n      color: '#CECECE',\n      hover: {\n        background: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n    tableButton: {\n      color: isDarkModeEnabled ? '#FFFFFF8F' : '#0000008A',\n    },\n    focused: {\n      background: isDarkModeEnabled\n        ? 'rgba(233, 251, 98, 0.08)'\n        : 'rgba(7, 129, 206, .24)',\n      color: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n      hover: {\n        background: 'rgba(7, 129, 206, .30)',\n      },\n    },\n    error: '#D32F2F',\n  },\n};\n\nexport default buttonColors;\n","const stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\nconst cardColors = {\n  movementCard: {\n    default: {\n      background: isDarkModeEnabled ? '#555' : '#FFF',\n    },\n    disabled: {\n      background: isDarkModeEnabled ? '#2F2F2F' : '#ECECEC',\n    },\n    pill: {\n      color: isDarkModeEnabled ? '#555555' : '#FFFFFF',\n      background: isDarkModeEnabled ? '#FFFFFF' : '#999999',\n    },\n  },\n  rowProductCard: {\n    locationSubtitle: isDarkModeEnabled\n      ? 'rgba(255, 255, 255, 0.54)'\n      : 'rgba(0, 0, 0, 0.54)',\n  },\n};\n\nexport default cardColors;\n","import buttonColors from './colors/buttons';\nimport cardColors from './colors/cards';\n\nconst stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\n/**\n * Even thought spliting colors per component is not the best approach, it will help developers when refactoring the color system\n */\nexport const colors = {\n  ...buttonColors,\n  ...cardColors,\n  background: isDarkModeEnabled ? '#424242' : '#FEFEFE',\n  backgroundGrey100: isDarkModeEnabled ? '#424242' : '#F1F1F1',\n  backgroundGrey200: isDarkModeEnabled ? '#1f252a' : '#F0EBE6',\n  backgroundHeader: isDarkModeEnabled ? '#595959' : '#f4f4f4',\n  backgroundHeaderModal: isDarkModeEnabled ? '#595959' : '#fAfAfA',\n  backgroundBorder: isDarkModeEnabled ? '#272727' : '#f0f0f0',\n  backgroundPaper: isDarkModeEnabled ? '#262626' : '#f4f4f4',\n  backgroundPaper100: isDarkModeEnabled ? '#424242' : '#ECECEC',\n  backgroundContentLayer: isDarkModeEnabled ? '#212121' : '#F5F4F4',\n  backgroundTabsContent: isDarkModeEnabled ? '#2A2A2A' : '#FAFAFA',\n  black: '#000',\n  black900: isDarkModeEnabled ? '#F1F1F1' : '#1f252a',\n  brightGray: isDarkModeEnabled ? '#555555' : '#ECECEC',\n  borderColor: isDarkModeEnabled ? '#FFFFFF1F' : '#CECECE',\n  disabledColor: isDarkModeEnabled ? '#424242' : '#f7f5f5',\n  gradientBackground: isDarkModeEnabled\n    ? 'linear-gradient(to right, #e3dbda40, #D2D8DC8a)'\n    : 'linear-gradient(to right, #E3DBDA, #D2D8DC)',\n  grey050: '#FEFEFE',\n  grey100: isDarkModeEnabled ? '#272c34' : '#F1F1F1',\n  grey150: isDarkModeEnabled ? '#424242' : 'rgba(240, 235, 230, 0.5)',\n  grey200: isDarkModeEnabled ? '#2F2F2F' : '#E0E0E0',\n  grey300: isDarkModeEnabled ? '#878787' : '#C8C8C8',\n  grey400: isDarkModeEnabled ? '#9E9E9E' : '#BDBDBD',\n  grey500: isDarkModeEnabled ? '#A8A8A8' : '#878787',\n  grey600: isDarkModeEnabled ? '#606060' : '#DFDFDF',\n  grey650: isDarkModeEnabled ? '#CECECE' : '#555555',\n  grey700: '#4D4D4D',\n  grey750: '#424242',\n  grey800: '#2F2F2F',\n  grey900: isDarkModeEnabled ? '#222222' : '#F0F0F0',\n  iconSearch: isDarkModeEnabled ? '#E0E0E0' : '#606060',\n  muiDefault: isDarkModeEnabled ? '#606060' : '#E0E0E0',\n  muiPrimary: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n  muiPrimaryBlack: isDarkModeEnabled ? '#E9FB62' : '#000',\n  lightMuiPrimaryColorBackground: isDarkModeEnabled ? '#e9fb6214' : '#eff4fb',\n  lightBlueBackground: isDarkModeEnabled ? '#3c4248' : '#eff4fb',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: isDarkModeEnabled ? '#cddc39' : '#1565c0',\n  muiSecondary: '#A42966',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#4caf50',\n  muiSuccessAlternate: '#357a38',\n  paper: isDarkModeEnabled ? '#424242' : '#FFFFFF',\n  shadow: isDarkModeEnabled ? '#1f252a' : '#878787',\n  tableRow1: isDarkModeEnabled ? '#333333' : '#FFFFFF',\n  tableRow2: isDarkModeEnabled ? '#212121' : '#FAFAFA',\n  topBar: '#111111',\n  transparent: {\n    black10: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.1)',\n    black20: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.2)',\n    black30: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.3)',\n    black50: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.5)',\n    black80: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.8)',\n    coralRed80: 'rgba(244,67,54,0.08)',\n    muiPrimary10: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.10)'\n      : 'rgba(7, 129, 206, .10)',\n    muiPrimary20: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.20)'\n      : 'rgba(7, 129, 206, .20)',\n    muiPrimary30: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.30)'\n      : 'rgba(7, 129, 206, .30)',\n    muiSecondaryAlternate30: 'rgba(236, 97, 60, .3)',\n    navyBlue: 'rgba(25, 118, 210, 0.08)',\n    white10: 'rgba(255,255,255,0.1)',\n    white20: 'rgba(255,255,255,0.2)',\n    white40: 'rgba(255,255,255,0.4)',\n  },\n  white: isDarkModeEnabled ? '#222222' : '#FFFFFF',\n  contrast: isDarkModeEnabled ? '#FFF' : '#000',\n  inputLabel: isDarkModeEnabled ? '#FFF' : '#6c6c6c',\n};\n"],"mappings":"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","names":["stylesheet","isDarkModeEnabled","stylesheet","isDarkModeEnabled","isDarkModeEnabled"]}