@natoora-libs/core 0.0.36 → 0.0.40

package/dist/hooks/index.cjs

@@ -23,17 +23,19 @@ __export(hooks_exports, {
 });
 module.exports = __toCommonJS(hooks_exports);
 
-// src/components/LeftDrawer/helpers/featuresAreEnabled.js
+// src/components/LeftDrawer/helpers/featuresAreEnabled.tsx
 function featuresAreEnabled(featureSettings, features, requireAll = true) {
   const storedPermissions = localStorage.getItem("permissions") || [];
   let enabled = false;
   if (requireAll) {
     enabled = features.every(
-      (feature) => featureSettings.enabled_features.includes(feature) && storedPermissions.includes(`${feature}_read`)
+      (feature) => featureSettings.enabled_features.includes(feature) && // @ts-ignore
+      storedPermissions.includes(`${feature}_read`)
     );
   } else {
     enabled = features.some(
-      (feature) => featureSettings.enabled_features.includes(feature) && storedPermissions.includes(`${feature}_read`)
+      (feature) => featureSettings.enabled_features.includes(feature) && // @ts-ignore
+      storedPermissions.includes(`${feature}_read`)
     );
   }
   return enabled;

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts","../../src/components/LeftDrawer/helpers/featuresAreEnabled.js","../../src/hooks/useCheckPermissionToAccess/useCheckPermissionToAccess.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport { default as useCheckPermissionToAccess } from './useCheckPermissionToAccess/useCheckPermissionToAccess';\n","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","import featuresAreEnabled from '@/components/LeftDrawer/helpers/featuresAreEnabled';\n\nconst useCheckPermissionToAccess = ({\n  featureSettings,\n  pageName,\n  requireAll = false,\n}) => {\n  let hasPermission = false;\n  if (\n    featuresAreEnabled(\n      { enabled_features: featureSettings },\n      [pageName],\n      requireAll,\n    )\n  ) {\n    hasPermission = true;\n  }\n\n  return hasPermission;\n};\n\nexport default useCheckPermissionToAccess;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,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;;;ACnBf,IAAM,6BAA6B,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAM;AACJ,MAAI,gBAAgB;AACpB,MACE;AAAA,IACE,EAAE,kBAAkB,gBAAgB;AAAA,IACpC,CAAC,QAAQ;AAAA,IACT;AAAA,EACF,GACA;AACA,oBAAgB;AAAA,EAClB;AAEA,SAAO;AACT;AAEA,IAAO,qCAAQ;","names":[]}
+{"version":3,"sources":["../../src/hooks/index.ts","../../src/components/LeftDrawer/helpers/featuresAreEnabled.tsx","../../src/hooks/useCheckPermissionToAccess/useCheckPermissionToAccess.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport { default as useCheckPermissionToAccess } from './useCheckPermissionToAccess/useCheckPermissionToAccess';\n","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        // @ts-ignore\n        storedPermissions.includes(`${feature}_read`),\n    );\n  } else {\n    enabled = features.some(\n      (feature) =>\n        featureSettings.enabled_features.includes(feature) &&\n        // @ts-ignore\n        storedPermissions.includes(`${feature}_read`),\n    );\n  }\n\n  return enabled;\n}\n\nexport default featuresAreEnabled;\n","import featuresAreEnabled from '@/components/LeftDrawer/helpers/featuresAreEnabled';\n\nconst useCheckPermissionToAccess = ({\n  featureSettings,\n  pageName,\n  requireAll = false,\n}) => {\n  let hasPermission = false;\n  if (\n    featuresAreEnabled(\n      { enabled_features: featureSettings },\n      [pageName],\n      requireAll,\n    )\n  ) {\n    hasPermission = true;\n  }\n\n  return hasPermission;\n};\n\nexport default useCheckPermissionToAccess;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,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;AAAA,MAEjD,kBAAkB,SAAS,GAAG,OAAO,OAAO;AAAA,IAChD;AAAA,EACF,OAAO;AACL,cAAU,SAAS;AAAA,MACjB,CAAC,YACC,gBAAgB,iBAAiB,SAAS,OAAO;AAAA,MAEjD,kBAAkB,SAAS,GAAG,OAAO,OAAO;AAAA,IAChD;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,6BAAQ;;;ACrBf,IAAM,6BAA6B,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAM;AACJ,MAAI,gBAAgB;AACpB,MACE;AAAA,IACE,EAAE,kBAAkB,gBAAgB;AAAA,IACpC,CAAC,QAAQ;AAAA,IACT;AAAA,EACF,GACA;AACA,oBAAgB;AAAA,EAClB;AAEA,SAAO;AACT;AAEA,IAAO,qCAAQ;","names":[]}

package/dist/hooks/index.d.cts

@@ -0,0 +1,7 @@
+declare const useCheckPermissionToAccess: ({ featureSettings, pageName, requireAll, }: {
+    featureSettings: any;
+    pageName: any;
+    requireAll?: boolean | undefined;
+}) => boolean;
+
+export { useCheckPermissionToAccess };

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+declare const useCheckPermissionToAccess: ({ featureSettings, pageName, requireAll, }: {
+    featureSettings: any;
+    pageName: any;
+    requireAll?: boolean | undefined;
+}) => boolean;
+
+export { useCheckPermissionToAccess };

package/dist/hooks/index.js

@@ -1,6 +1,7 @@
 import {
   featuresAreEnabled_default
-} from "../chunk-BRRN6KSW.js";
+} from "../chunk-6VEWNVPA.js";
+import "../chunk-5WRI5ZAA.js";
 
 // src/hooks/useCheckPermissionToAccess/useCheckPermissionToAccess.ts
 var useCheckPermissionToAccess = ({

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useCheckPermissionToAccess/useCheckPermissionToAccess.ts"],"sourcesContent":["import featuresAreEnabled from '@/components/LeftDrawer/helpers/featuresAreEnabled';\n\nconst useCheckPermissionToAccess = ({\n  featureSettings,\n  pageName,\n  requireAll = false,\n}) => {\n  let hasPermission = false;\n  if (\n    featuresAreEnabled(\n      { enabled_features: featureSettings },\n      [pageName],\n      requireAll,\n    )\n  ) {\n    hasPermission = true;\n  }\n\n  return hasPermission;\n};\n\nexport default useCheckPermissionToAccess;\n"],"mappings":";;;;;AAEA,IAAM,6BAA6B,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAM;AACJ,MAAI,gBAAgB;AACpB,MACE;AAAA,IACE,EAAE,kBAAkB,gBAAgB;AAAA,IACpC,CAAC,QAAQ;AAAA,IACT;AAAA,EACF,GACA;AACA,oBAAgB;AAAA,EAClB;AAEA,SAAO;AACT;AAEA,IAAO,qCAAQ;","names":[]}
+{"version":3,"sources":["../../src/hooks/useCheckPermissionToAccess/useCheckPermissionToAccess.ts"],"sourcesContent":["import featuresAreEnabled from '@/components/LeftDrawer/helpers/featuresAreEnabled';\n\nconst useCheckPermissionToAccess = ({\n  featureSettings,\n  pageName,\n  requireAll = false,\n}) => {\n  let hasPermission = false;\n  if (\n    featuresAreEnabled(\n      { enabled_features: featureSettings },\n      [pageName],\n      requireAll,\n    )\n  ) {\n    hasPermission = true;\n  }\n\n  return hasPermission;\n};\n\nexport default useCheckPermissionToAccess;\n"],"mappings":";;;;;;AAEA,IAAM,6BAA6B,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAM;AACJ,MAAI,gBAAgB;AACpB,MACE;AAAA,IACE,EAAE,kBAAkB,gBAAgB;AAAA,IACpC,CAAC,QAAQ;AAAA,IACT;AAAA,EACF,GACA;AACA,oBAAgB;AAAA,EAClB;AAEA,SAAO;AACT;AAEA,IAAO,qCAAQ;","names":[]}

package/dist/index.cjs

@@ -17,10 +17,10 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  default: () => index_default
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
 });
-module.exports = __toCommonJS(index_exports);
-var index_default = "@natoora-libs/core";
+module.exports = __toCommonJS(src_exports);
+var src_default = "@natoora-libs/core";
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export default '@natoora-libs/core';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export default '@natoora-libs/core';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,cAAQ;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,3 @@
+declare const _default: "@natoora-libs/core";
+
+export { _default as default };

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: "@natoora-libs/core";
+
+export { _default as default };

package/dist/index.js

@@ -1,6 +1,8 @@
+import "./chunk-5WRI5ZAA.js";
+
 // src/index.ts
-var index_default = "@natoora-libs/core";
+var src_default = "@natoora-libs/core";
 export {
-  index_default as default
+  src_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export default '@natoora-libs/core';\n"],"mappings":";AAAA,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export default '@natoora-libs/core';\n"],"mappings":";;;AAAA,IAAO,cAAQ;","names":[]}

package/dist/providers/index.cjs

@@ -30,12 +30,10 @@ module.exports = __toCommonJS(providers_exports);
 
 // src/providers/ErrorProvider/ErrorProvider.tsx
 var import_react2 = require("react");
-var import_prop_types2 = require("prop-types");
 
 // src/providers/FeedbackProvider/FeedbackProvider.tsx
 var import_react = require("react");
 var import_material = require("@mui/material");
-var import_prop_types = require("prop-types");
 var import_mui = require("tss-react/mui");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultValue = {
@@ -103,9 +101,6 @@ var FeedbackProvider = ({ children }) => {
     )
   ] });
 };
-FeedbackProvider.propTypes = {
-  children: import_prop_types.node.isRequired
-};
 
 // src/providers/ErrorProvider/ErrorProvider.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -148,162 +143,252 @@ var ErrorProvider = ({ children }) => {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorContent.Provider, { value: providerValue, children });
 };
-ErrorProvider.propTypes = {
-  children: import_prop_types2.node.isRequired
-};
 
 // src/providers/LoadingProvider/LoadingProvider.tsx
 var import_react3 = require("react");
-var import_prop_types3 = require("prop-types");
 
 // src/components/Loading/Loading.tsx
 var import_material2 = require("@mui/material");
 var import_mui2 = require("tss-react/mui");
 
-// src/resources/styles/colors/buttons.js
+// src/resources/styles/colors/darkPalette.ts
+var darkPalette = {
+  // General colors
+  white: "#FFFFFF",
+  black: "#000000",
+  // Neutral
+  neutral50: "#1C1B1A",
+  neutral100: "#1F1F1F",
+  neutral150: "#262626",
+  neutral200: "#2E2E2E",
+  neutral250: "#383838",
+  neutral300: "#424242",
+  neutral400: "#4C4C4C",
+  neutral500: "#666666",
+  neutral600: "#808080",
+  neutral700: "#A3A3A3",
+  neutral750: "#B3B3B3",
+  neutral800: "#CCCCCC",
+  neutral900: "#F5F5F5",
+  // Input and contrast
+  contrast: "#FFFFFF",
+  constrastOpacity50: "rgba(255,255,255,0.5)",
+  // Icon and Material UI colors
+  iconSearch: "#B0B0B0",
+  default: "#444444",
+  muiPrimary: "#E9FB62",
+  muiPrimaryBlack: "#FFFFFF",
+  lightMuiPrimaryColorBackground: "#e9fb6214",
+  lightBlueBackground: "#e9fb6214",
+  muiPrimaryAlternate: "#07BAF1",
+  muiPrimaryHover: "#1890d5",
+  muiSecondary: "#DE5B99",
+  muiSecondaryAlternate: "#EC613C",
+  muiSuccess: "#66BB6A",
+  muiSuccessAlternate: "#81C784",
+  // Transparency variants
+  blackOpacity10: "inherit",
+  blackOpacity20: "inherit",
+  blackOpacity30: "inherit",
+  blackOpacity50: "inherit",
+  blackOpacity80: "inherit",
+  primaryOpacity10: "rgba(233, 251, 98, 0.10)",
+  primaryOpacity20: "rgba(233, 251, 98, 0.20)",
+  primaryOpacity30: "rgba(233, 251, 98, 0.30)",
+  secondaryAlternateOpacity30: "rgba(236, 97, 60, .3)",
+  blueOpacity08: "rgba(25, 118, 210, 0.08)",
+  whiteOpacity10: "rgba(255,255,255,0.1)",
+  whiteOpacity20: "rgba(255,255,255,0.2)",
+  whiteOpacity40: "rgba(255,255,255,0.4)",
+  // Table rows and top bar
+  topBar: "#2e3133",
+  // Button colors
+  // Round Button (default)
+  buttonHoverBackground: "rgba(255, 255, 255, 0.08)",
+  // Active Button
+  buttonActiveText: "#E9FB62",
+  // Contrast Button
+  buttonContrastBorder: "#CECECE",
+  buttonContrastText: "#CECECE",
+  // Error Button
+  error: "#EF5350"
+};
+var darkPalette_default = darkPalette;
+
+// src/resources/styles/colors/lightPalette.ts
+var lightPalette = {
+  // General colors
+  white: "#FFFFFF",
+  black: "#000000",
+  // Neutral
+  neutral50: "#F0EBE6",
+  neutral100: "#FAFAFA",
+  neutral150: "#F4F4F4",
+  neutral200: "#F1F1F1",
+  neutral250: "#ECECEC",
+  neutral300: "#E0E0E0",
+  neutral400: "#C8C8C8",
+  neutral500: "#BDBDBD",
+  neutral600: "#999999",
+  neutral700: "#878787",
+  neutral750: "#6c6c6c",
+  neutral800: "#555555",
+  neutral900: "#4D4D4D",
+  // Input and contrast
+  contrast: "#000000",
+  constrastOpacity50: "rgba(0,0,0,0.5)",
+  // Icon and Material UI colors
+  iconSearch: "#606060",
+  default: "#E0E0E0",
+  muiPrimary: "#0781CE",
+  muiPrimaryBlack: "#000000",
+  lightMuiPrimaryColorBackground: "#eff4fb",
+  lightBlueBackground: "#eff4fb",
+  muiPrimaryAlternate: "#07BAF1",
+  muiPrimaryHover: "#1565c0",
+  muiSecondary: "#A42966",
+  muiSecondaryAlternate: "#EC613C",
+  muiSuccess: "#4caf50",
+  muiSuccessAlternate: "#357a38",
+  // Transparency variants
+  blackOpacity10: "rgba(0,0,0,0.1)",
+  blackOpacity20: "rgba(0,0,0,0.2)",
+  blackOpacity30: "rgba(0,0,0,0.3)",
+  blackOpacity50: "rgba(0,0,0,0.5)",
+  blackOpacity80: "rgba(0,0,0,0.8)",
+  primaryOpacity10: "rgba(7, 129, 206, 0.10)",
+  primaryOpacity20: "rgba(7, 129, 206, 0.20)",
+  primaryOpacity30: "rgba(7, 129, 206, 0.30)",
+  secondaryAlternateOpacity30: "rgba(236, 97, 60, 0.3)",
+  blueOpacity08: "rgba(25, 118, 210, 0.08)",
+  whiteOpacity10: "rgba(255,255,255,0.1)",
+  whiteOpacity20: "rgba(255,255,255,0.2)",
+  whiteOpacity40: "rgba(255,255,255,0.4)",
+  // Table rows and top bar
+  topBar: "#2e3133",
+  // Button colors
+  // Round Button (default)
+  buttonHoverBackground: "rgba(0, 0, 0, 0.04)",
+  // Active Button
+  buttonActiveText: "#0781CE",
+  // Contrast Button
+  buttonContrastBorder: "#CECECE",
+  buttonContrastText: "#CECECE",
+  // Error Button
+  error: "#D32F2F"
+};
+var lightPalette_default = lightPalette;
+
+// src/resources/styles/colors.ts
 var stylesheet = localStorage.getItem("@stylesheet");
 var isDarkModeEnabled = stylesheet === "styles/style-dark.css";
-var buttonColors = {
+var palette = isDarkModeEnabled ? darkPalette_default : lightPalette_default;
+var colors = {
+  white: palette.white,
+  black: palette.black,
+  neutral50: palette.neutral50,
+  neutral100: palette.neutral100,
+  neutral150: palette.neutral150,
+  neutral200: palette.neutral200,
+  neutral250: palette.neutral250,
+  neutral300: palette.neutral300,
+  neutral400: palette.neutral400,
+  neutral500: palette.neutral500,
+  neutral600: palette.neutral600,
+  neutral700: palette.neutral700,
+  neutral750: palette.neutral750,
+  neutral800: palette.neutral800,
+  neutral900: palette.neutral900,
+  // Input and contrast
+  contrast: palette.contrast,
+  constrastOpacity50: palette.constrastOpacity50,
+  iconSearch: palette.iconSearch,
+  default: palette.default,
+  muiPrimary: palette.muiPrimary,
+  muiPrimaryBlack: palette.muiPrimaryBlack,
+  lightMuiPrimaryColorBackground: palette.lightMuiPrimaryColorBackground,
+  lightBlueBackground: palette.lightBlueBackground,
+  muiPrimaryAlternate: palette.muiPrimaryAlternate,
+  muiPrimaryHover: palette.muiPrimaryHover,
+  muiSecondary: palette.muiSecondary,
+  muiSecondaryAlternate: palette.muiSecondaryAlternate,
+  muiSuccess: palette.muiSuccess,
+  muiSuccessAlternate: palette.muiSuccessAlternate,
+  // Transparency
+  blackOpacity10: palette.blackOpacity10,
+  blackOpacity20: palette.blackOpacity20,
+  blackOpacity30: palette.blackOpacity30,
+  blackOpacity50: palette.blackOpacity50,
+  blackOpacity80: palette.blackOpacity80,
+  primaryOpacity10: palette.primaryOpacity10,
+  primaryOpacity20: palette.primaryOpacity20,
+  primaryOpacity30: palette.primaryOpacity30,
+  secondaryAlternateOpacity30: palette.secondaryAlternateOpacity30,
+  blueOpacity08: palette.blueOpacity08,
+  whiteOpacity10: palette.whiteOpacity10,
+  whiteOpacity20: palette.whiteOpacity20,
+  whiteOpacity40: palette.whiteOpacity40,
+  topBar: palette.topBar,
+  error: palette.error,
   roundButton: {
     default: {
-      border: isDarkModeEnabled ? "#CECECE" : "#999999",
-      color: isDarkModeEnabled ? "#CECECE" : "rgba(0, 0, 0, 0.87)",
+      border: palette.neutral600,
+      color: palette.contrast,
       disabled: {
-        color: isDarkModeEnabled ? "#CECECE" : "rgba(0, 0, 0, 0.26)"
+        color: palette.blackOpacity20
       },
       hover: {
-        background: isDarkModeEnabled ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.04)"
+        background: palette.buttonHoverBackground
       }
     },
     filled: {
-      background: isDarkModeEnabled ? "#222222" : "#FFFFFF",
-      color: isDarkModeEnabled ? "#CECECE" : "rgba(0, 0, 0, 0.87)",
+      background: palette.neutral100,
+      color: palette.blackOpacity80,
       hover: {
-        background: isDarkModeEnabled ? "#2F2F2F" : "#E0E0E0"
+        background: palette.neutral250
       }
     },
     active: {
-      color: isDarkModeEnabled ? "#E9FB62" : "#0781CE",
+      color: palette.buttonActiveText,
       hover: {
-        background: "rgba(7, 129, 206, .24)"
+        background: palette.primaryOpacity20
       }
     },
     contrast: {
-      border: "#CECECE",
-      color: "#CECECE",
+      border: palette.buttonContrastBorder,
+      color: palette.buttonContrastText,
       hover: {
-        background: "rgba(255, 255, 255, 0.08)"
+        background: palette.whiteOpacity10
       }
     },
     tableButton: {
-      color: isDarkModeEnabled ? "#FFFFFF8F" : "#0000008A"
+      color: palette.neutral800
     },
     focused: {
-      background: isDarkModeEnabled ? "rgba(233, 251, 98, 0.08)" : "rgba(7, 129, 206, .24)",
-      color: isDarkModeEnabled ? "#E9FB62" : "#0781CE",
+      background: palette.primaryOpacity20,
+      color: palette.buttonActiveText,
       hover: {
-        background: "rgba(7, 129, 206, .30)"
+        background: palette.primaryOpacity30
       }
     },
-    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 = {
+    error: palette.error
+  },
   movementCard: {
     default: {
-      background: isDarkModeEnabled2 ? "#555" : "#FFF"
+      background: palette.neutral100
     },
     disabled: {
-      background: isDarkModeEnabled2 ? "#2F2F2F" : "#ECECEC"
+      background: palette.neutral250
     },
     pill: {
-      color: isDarkModeEnabled2 ? "#555555" : "#FFFFFF",
-      background: isDarkModeEnabled2 ? "#FFFFFF" : "#999999"
+      color: palette.neutral200,
+      background: palette.neutral600
     }
   },
   rowProductCard: {
-    locationSubtitle: isDarkModeEnabled2 ? "rgba(255, 255, 255, 0.54)" : "rgba(0, 0, 0, 0.54)"
+    locationSubtitle: palette.neutral800
   }
 };
-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
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -313,10 +398,10 @@ var useStyles2 = (0, import_mui2.makeStyles)()(() => ({
      * MUI Dialogs have z-index = 1300
      */
     zIndex: 1301,
-    backgroundColor: isDarkModeEnabled3 ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
+    backgroundColor: isDarkModeEnabled ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
   }
 }));
-var Loading = ({ isLoading = false }) => {
+var Loading = ({ isLoading }) => {
   const { classes } = useStyles2();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_material2.Backdrop,
@@ -354,9 +439,6 @@ var LoadingProvider = ({ children }) => {
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Loading_default, { isLoading })
   ] });
 };
-LoadingProvider.propTypes = {
-  children: import_prop_types3.node.isRequired
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ErrorProvider,

package/dist/providers/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/index.ts","../../src/providers/ErrorProvider/ErrorProvider.tsx","../../src/providers/FeedbackProvider/FeedbackProvider.tsx","../../src/providers/LoadingProvider/LoadingProvider.tsx","../../src/components/Loading/Loading.tsx","../../src/resources/styles/colors/buttons.js","../../src/resources/styles/colors/cards.js","../../src/resources/styles/colors.js"],"sourcesContent":["export { ErrorProvider, useError } from './ErrorProvider/ErrorProvider';\nexport {\n  FeedbackProvider,\n  useFeeback,\n} from './FeedbackProvider/FeedbackProvider';\nexport { LoadingProvider, useLoading } from './LoadingProvider/LoadingProvider';\n","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","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":["import_react","import_prop_types","MuiAlert","import_jsx_runtime","DefaultValue","import_react","import_prop_types","import_material","import_mui","stylesheet","isDarkModeEnabled","stylesheet","isDarkModeEnabled","import_jsx_runtime","useStyles","isDarkModeEnabled","import_jsx_runtime","DefaultValue"]}
+{"version":3,"sources":["../../src/providers/index.ts","../../src/providers/ErrorProvider/ErrorProvider.tsx","../../src/providers/FeedbackProvider/FeedbackProvider.tsx","../../src/providers/LoadingProvider/LoadingProvider.tsx","../../src/components/Loading/Loading.tsx","../../src/resources/styles/colors/darkPalette.ts","../../src/resources/styles/colors/lightPalette.ts","../../src/resources/styles/colors.ts"],"sourcesContent":["export { ErrorProvider, useError } from './ErrorProvider/ErrorProvider';\nexport {\n  FeedbackProvider,\n  useFeeback,\n} from './FeedbackProvider/FeedbackProvider';\nexport { LoadingProvider, useLoading } from './LoadingProvider/LoadingProvider';\n","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","import { 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 }: 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","import { ThemePalette } from './interface';\n\n/**\n * Define the dark palette using the same ThemePalette interface.\n * Any missing or extra keys compared to lightPalette will trigger a TypeScript error.\n */\nconst darkPalette: ThemePalette = {\n  // General colors\n  white: '#FFFFFF',\n  black: '#000000',\n\n  // Neutral\n  neutral50: '#1C1B1A',\n  neutral100: '#1F1F1F',\n  neutral150: '#262626',\n  neutral200: '#2E2E2E',\n  neutral250: '#383838',\n  neutral300: '#424242',\n  neutral400: '#4C4C4C',\n  neutral500: '#666666',\n  neutral600: '#808080',\n  neutral700: '#A3A3A3',\n  neutral750: '#B3B3B3',\n  neutral800: '#CCCCCC',\n  neutral900: '#F5F5F5',\n\n  // Input and contrast\n  contrast: '#FFFFFF',\n  constrastOpacity50: 'rgba(255,255,255,0.5)',\n\n  // Icon and Material UI colors\n  iconSearch: '#B0B0B0',\n  default: '#444444',\n  muiPrimary: '#E9FB62',\n  muiPrimaryBlack: '#FFFFFF',\n  lightMuiPrimaryColorBackground: '#e9fb6214',\n  lightBlueBackground: '#e9fb6214',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: '#1890d5',\n  muiSecondary: '#DE5B99',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#66BB6A',\n  muiSuccessAlternate: '#81C784',\n\n  // Transparency variants\n  blackOpacity10: 'inherit',\n  blackOpacity20: 'inherit',\n  blackOpacity30: 'inherit',\n  blackOpacity50: 'inherit',\n  blackOpacity80: 'inherit',\n  primaryOpacity10: 'rgba(233, 251, 98, 0.10)',\n  primaryOpacity20: 'rgba(233, 251, 98, 0.20)',\n  primaryOpacity30: 'rgba(233, 251, 98, 0.30)',\n  secondaryAlternateOpacity30: 'rgba(236, 97, 60, .3)',\n  blueOpacity08: 'rgba(25, 118, 210, 0.08)',\n  whiteOpacity10: 'rgba(255,255,255,0.1)',\n  whiteOpacity20: 'rgba(255,255,255,0.2)',\n  whiteOpacity40: 'rgba(255,255,255,0.4)',\n\n  // Table rows and top bar\n  topBar: '#2e3133',\n\n  // Button colors\n  // Round Button (default)\n  buttonHoverBackground: 'rgba(255, 255, 255, 0.08)',\n  // Active Button\n  buttonActiveText: '#E9FB62',\n  // Contrast Button\n  buttonContrastBorder: '#CECECE',\n  buttonContrastText: '#CECECE',\n\n  // Error Button\n  error: '#EF5350',\n};\n\nexport default darkPalette;\n","import { ThemePalette } from './interface';\n\n/**\n * Define the light palette using the ThemePalette interface.\n */\nconst lightPalette: ThemePalette = {\n  // General colors\n  white: '#FFFFFF',\n  black: '#000000',\n\n  // Neutral\n  neutral50: '#F0EBE6',\n  neutral100: '#FAFAFA',\n  neutral150: '#F4F4F4',\n  neutral200: '#F1F1F1',\n  neutral250: '#ECECEC',\n  neutral300: '#E0E0E0',\n  neutral400: '#C8C8C8',\n  neutral500: '#BDBDBD',\n  neutral600: '#999999',\n  neutral700: '#878787',\n  neutral750: '#6c6c6c',\n  neutral800: '#555555',\n  neutral900: '#4D4D4D',\n\n  // Input and contrast\n  contrast: '#000000',\n  constrastOpacity50: 'rgba(0,0,0,0.5)',\n\n  // Icon and Material UI colors\n  iconSearch: '#606060',\n  default: '#E0E0E0',\n  muiPrimary: '#0781CE',\n  muiPrimaryBlack: '#000000',\n  lightMuiPrimaryColorBackground: '#eff4fb',\n  lightBlueBackground: '#eff4fb',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: '#1565c0',\n  muiSecondary: '#A42966',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#4caf50',\n  muiSuccessAlternate: '#357a38',\n\n  // Transparency variants\n  blackOpacity10: 'rgba(0,0,0,0.1)',\n  blackOpacity20: 'rgba(0,0,0,0.2)',\n  blackOpacity30: 'rgba(0,0,0,0.3)',\n  blackOpacity50: 'rgba(0,0,0,0.5)',\n  blackOpacity80: 'rgba(0,0,0,0.8)',\n  primaryOpacity10: 'rgba(7, 129, 206, 0.10)',\n  primaryOpacity20: 'rgba(7, 129, 206, 0.20)',\n  primaryOpacity30: 'rgba(7, 129, 206, 0.30)',\n  secondaryAlternateOpacity30: 'rgba(236, 97, 60, 0.3)',\n  blueOpacity08: 'rgba(25, 118, 210, 0.08)',\n  whiteOpacity10: 'rgba(255,255,255,0.1)',\n  whiteOpacity20: 'rgba(255,255,255,0.2)',\n  whiteOpacity40: 'rgba(255,255,255,0.4)',\n\n  // Table rows and top bar\n  topBar: '#2e3133',\n\n  // Button colors\n  // Round Button (default)\n  buttonHoverBackground: 'rgba(0, 0, 0, 0.04)',\n  // Active Button\n  buttonActiveText: '#0781CE',\n  // Contrast Button\n  buttonContrastBorder: '#CECECE',\n  buttonContrastText: '#CECECE',\n\n  // Error Button\n  error: '#D32F2F',\n};\n\nexport default lightPalette;\n","import darkPalette from './colors/darkPalette';\nimport lightPalette from './colors/lightPalette';\n\nconst stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\nconst palette = isDarkModeEnabled ? darkPalette : lightPalette;\n\ninterface Colors {\n  // General colors\n  white: string;\n  black: string;\n\n  // Neutral\n  neutral50: string;\n  neutral100: string;\n  neutral150: string;\n  neutral200: string;\n  neutral250: string;\n  neutral300: string;\n  neutral400: string;\n  neutral500: string;\n  neutral600: string;\n  neutral700: string;\n  neutral750: string;\n  neutral800: string;\n  neutral900: string;\n\n  // Input and contrast\n  contrast: string;\n  constrastOpacity50: string;\n\n  // Icon and Material UI colors\n  iconSearch: string;\n  default: string;\n  muiPrimary: string;\n  muiPrimaryBlack: string;\n  lightMuiPrimaryColorBackground: string;\n  lightBlueBackground: string;\n  muiPrimaryAlternate: string;\n  muiPrimaryHover: string;\n  muiSecondary: string;\n  muiSecondaryAlternate: string;\n  muiSuccess: string;\n  muiSuccessAlternate: string;\n\n  // Transparency\n  blackOpacity10: string;\n  blackOpacity20: string;\n  blackOpacity30: string;\n  blackOpacity50: string;\n  blackOpacity80: string;\n  primaryOpacity10: string;\n  primaryOpacity20: string;\n  primaryOpacity30: string;\n  secondaryAlternateOpacity30: string;\n  blueOpacity08: string;\n  whiteOpacity10: string;\n  whiteOpacity20: string;\n  whiteOpacity40: string;\n\n  // Table rows and top bar\n  topBar: string;\n  // Error Button\n  error: string;\n\n  roundButton: {\n    default: {\n      border: string;\n      color: string;\n      disabled: {\n        color: string;\n      };\n      hover: {\n        background: string;\n      };\n    };\n    filled: {\n      background: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    active: {\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    contrast: {\n      border: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    tableButton: {\n      color: string;\n    };\n    focused: {\n      background: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    error: string;\n  };\n\n  movementCard: {\n    default: {\n      background: string;\n    };\n    disabled: {\n      background: string;\n    };\n    pill: {\n      color: string;\n      background: string;\n    };\n  };\n\n  rowProductCard: {\n    locationSubtitle: string;\n  };\n}\n\nexport const colors: Colors = {\n  white: palette.white,\n  black: palette.black,\n\n  neutral50: palette.neutral50,\n  neutral100: palette.neutral100,\n  neutral150: palette.neutral150,\n  neutral200: palette.neutral200,\n  neutral250: palette.neutral250,\n  neutral300: palette.neutral300,\n  neutral400: palette.neutral400,\n  neutral500: palette.neutral500,\n  neutral600: palette.neutral600,\n  neutral700: palette.neutral700,\n  neutral750: palette.neutral750,\n  neutral800: palette.neutral800,\n  neutral900: palette.neutral900,\n\n  // Input and contrast\n  contrast: palette.contrast,\n  constrastOpacity50: palette.constrastOpacity50,\n\n  iconSearch: palette.iconSearch,\n  default: palette.default,\n  muiPrimary: palette.muiPrimary,\n  muiPrimaryBlack: palette.muiPrimaryBlack,\n  lightMuiPrimaryColorBackground: palette.lightMuiPrimaryColorBackground,\n  lightBlueBackground: palette.lightBlueBackground,\n  muiPrimaryAlternate: palette.muiPrimaryAlternate,\n  muiPrimaryHover: palette.muiPrimaryHover,\n  muiSecondary: palette.muiSecondary,\n  muiSecondaryAlternate: palette.muiSecondaryAlternate,\n  muiSuccess: palette.muiSuccess,\n  muiSuccessAlternate: palette.muiSuccessAlternate,\n\n  // Transparency\n  blackOpacity10: palette.blackOpacity10,\n  blackOpacity20: palette.blackOpacity20,\n  blackOpacity30: palette.blackOpacity30,\n  blackOpacity50: palette.blackOpacity50,\n  blackOpacity80: palette.blackOpacity80,\n  primaryOpacity10: palette.primaryOpacity10,\n  primaryOpacity20: palette.primaryOpacity20,\n  primaryOpacity30: palette.primaryOpacity30,\n  secondaryAlternateOpacity30: palette.secondaryAlternateOpacity30,\n  blueOpacity08: palette.blueOpacity08,\n  whiteOpacity10: palette.whiteOpacity10,\n  whiteOpacity20: palette.whiteOpacity20,\n  whiteOpacity40: palette.whiteOpacity40,\n\n  topBar: palette.topBar,\n  error: palette.error,\n\n  roundButton: {\n    default: {\n      border: palette.neutral600,\n      color: palette.contrast,\n      disabled: {\n        color: palette.blackOpacity20,\n      },\n      hover: {\n        background: palette.buttonHoverBackground,\n      },\n    },\n    filled: {\n      background: palette.neutral100,\n      color: palette.blackOpacity80,\n      hover: {\n        background: palette.neutral250,\n      },\n    },\n    active: {\n      color: palette.buttonActiveText,\n      hover: {\n        background: palette.primaryOpacity20,\n      },\n    },\n    contrast: {\n      border: palette.buttonContrastBorder,\n      color: palette.buttonContrastText,\n      hover: {\n        background: palette.whiteOpacity10,\n      },\n    },\n    tableButton: {\n      color: palette.neutral800,\n    },\n    focused: {\n      background: palette.primaryOpacity20,\n      color: palette.buttonActiveText,\n      hover: {\n        background: palette.primaryOpacity30,\n      },\n    },\n    error: palette.error,\n  },\n\n  movementCard: {\n    default: {\n      background: palette.neutral100,\n    },\n    disabled: {\n      background: palette.neutral250,\n    },\n    pill: {\n      color: palette.neutral200,\n      background: palette.neutral600,\n    },\n  },\n\n  rowProductCard: {\n    locationSubtitle: palette.neutral800,\n  },\n};\n"],"mappings":"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","names":["import_react","MuiAlert","import_jsx_runtime","DefaultValue","import_react","import_material","import_mui","import_jsx_runtime","useStyles","import_jsx_runtime","DefaultValue"]}