@natoora-libs/core 0.0.34 → 0.0.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-RHG2EMI3.js → chunk-TZJCFK33.js} +2 -2
- package/dist/chunk-TZJCFK33.js.map +1 -0
- package/dist/components/index.cjs +59 -72
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +27 -40
- package/dist/components/index.js.map +1 -1
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/providers/index.cjs +1 -1
- package/dist/providers/index.cjs.map +1 -1
- package/dist/providers/index.js +1 -1
- package/dist/providers/index.js.map +1 -1
- package/package.json +18 -25
- package/dist/chunk-RHG2EMI3.js.map +0 -1
- package/dist/components/index.d.cts +0 -649
- package/dist/components/index.d.ts +0 -649
- package/dist/hooks/index.d.cts +0 -7
- package/dist/hooks/index.d.ts +0 -7
- package/dist/index.d.cts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/providers/index.d.cts +0 -49
- package/dist/providers/index.d.ts +0 -49
package/dist/hooks/index.cjs.map
CHANGED
|
@@ -1 +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":[]}
|
|
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":[]}
|
package/dist/hooks/index.js.map
CHANGED
|
@@ -1 +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":[]}
|
|
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":[]}
|
package/dist/providers/index.cjs
CHANGED
|
@@ -316,7 +316,7 @@ var useStyles2 = (0, import_mui2.makeStyles)()(() => ({
|
|
|
316
316
|
backgroundColor: isDarkModeEnabled3 ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
|
|
317
317
|
}
|
|
318
318
|
}));
|
|
319
|
-
var Loading = ({ isLoading }) => {
|
|
319
|
+
var Loading = ({ isLoading = false }) => {
|
|
320
320
|
const { classes } = useStyles2();
|
|
321
321
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
322
322
|
import_material2.Backdrop,
|
|
@@ -1 +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 }: 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"]}
|
|
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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAA0D;AAE1D,IAAAC,qBAAqB;;;ACFrB,mBAAoE;AAEpE,sBAA4C;AAC5C,wBAAqB;AACrB,iBAA2B;AAqDvB;AAnDJ,IAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnB,aAAa,CAAC,EAAE,SAAS,KAAK,MAAM;AAAA,EAAC;AACvC;AAEA,IAAM,sBAAkB,4BAAc,YAAY;AAElD,IAAM,aAAa,UAAM,yBAAW,eAAe;AAEnD,IAAM,gBAAY,uBAAW,EAAE,OAAO;AAAA,EACpC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,2CAA2C;AAAA,MACzC,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,EAAE;AAEF,IAAM,mBAAmB,CAAC,EAAE,SAAS,MAAM;AACzC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,EAAE;AAEnC,QAAM,uBAAuB,CAAC,aAAa;AACzC,eAAW,SAAS,OAAO;AAC3B,YAAQ,SAAS,IAAI;AACrB,cAAU,IAAI;AAAA,EAChB;AAEA,QAAM,cAAc,MAAM;AACxB,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,EAAE,QAAQ,IAAI,UAAU;AAE9B,QAAM,oBAAgB;AAAA,IACpB,OAAO;AAAA,MACL,aAAa;AAAA,IACf;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,6CAAC,gBAAgB,UAAhB,EAAyB,OAAO,eAC9B;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,cAAc,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACrD,kBAAkB;AAAA,QAClB,SAAS;AAAA,QACT,MAAM;AAAA,QAEN;AAAA,UAAC,gBAAAC;AAAA,UAAA;AAAA,YACC,WAAW,QAAQ;AAAA,YACnB,SAAS;AAAA,YACT,UAAU;AAAA,YACV,SAAQ;AAAA,YAEP;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,UAAU,uBAAK;AACjB;;;ADxBI,IAAAC,sBAAA;AAlDJ,IAAMC,gBAAe;AAAA;AAAA,EAEnB,UAAU,CAAC,UAAU;AAAA,EAAC;AACxB;AAEA,IAAM,mBAAe,6BAAcA,aAAY;AAE/C,IAAM,WAAW,UAAM,0BAAW,YAAY;AAE9C,IAAM,gBAAgB,CAAC,EAAE,SAAS,MAAM;AACtC,QAAM,EAAE,YAAY,IAAI,WAAW;AAOnC,QAAM,oBAAoB,CAAC,UAAU;AACnC,QAAI,OAAO,SAAS;AAClB,kBAAY;AAAA,QACV,SAAS,MAAM;AAAA,QACf,MAAM;AAAA,MACR,CAAC;AACD;AAAA,IACF;AAEA,QAAI,OAAO,UAAU;AACnB,kBAAY;AAAA,QACV,SAAS,GAAG,MAAM,SAAS,MAAM,KAAK,MAAM,SAAS,KAAK,MAAM;AAAA,QAChE,MAAM;AAAA,MACR,CAAC;AACD;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,kBAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,MACR,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,oBAAgB;AAAA,IACpB,OAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,6CAAC,aAAa,UAAb,EAAsB,OAAO,eAC3B,UACH;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,wBAAK;AACjB;;;AE/DA,IAAAC,gBAAoE;AAEpE,IAAAC,qBAAqB;;;ACDrB,IAAAC,mBAA2C;AAC3C,IAAAC,cAA2B;;;ACH3B,IAAM,aAAa,aAAa,QAAQ,aAAa;AAC9C,IAAM,oBAAoB,eAAe;AAEhD,IAAM,eAAe;AAAA,EACnB,aAAa;AAAA,IACX,SAAS;AAAA,MACP,QAAQ,oBAAoB,YAAY;AAAA,MACxC,OAAO,oBAAoB,YAAY;AAAA,MACvC,UAAU;AAAA,QACR,OAAO,oBAAoB,YAAY;AAAA,MACzC;AAAA,MACA,OAAO;AAAA,QACL,YAAY,oBACR,8BACA;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,YAAY,oBAAoB,YAAY;AAAA,MAC5C,OAAO,oBAAoB,YAAY;AAAA,MACvC,OAAO;AAAA,QACL,YAAY,oBAAoB,YAAY;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,OAAO,oBAAoB,YAAY;AAAA,MACvC,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,OAAO,oBAAoB,cAAc;AAAA,IAC3C;AAAA,IACA,SAAS;AAAA,MACP,YAAY,oBACR,6BACA;AAAA,MACJ,OAAO,oBAAoB,YAAY;AAAA,MACvC,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,OAAO;AAAA,EACT;AACF;AAEA,IAAO,kBAAQ;;;ACrDf,IAAMC,cAAa,aAAa,QAAQ,aAAa;AAC9C,IAAMC,qBAAoBD,gBAAe;AAEhD,IAAM,aAAa;AAAA,EACjB,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,YAAYC,qBAAoB,SAAS;AAAA,IAC3C;AAAA,IACA,UAAU;AAAA,MACR,YAAYA,qBAAoB,YAAY;AAAA,IAC9C;AAAA,IACA,MAAM;AAAA,MACJ,OAAOA,qBAAoB,YAAY;AAAA,MACvC,YAAYA,qBAAoB,YAAY;AAAA,IAC9C;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,IACd,kBAAkBA,qBACd,8BACA;AAAA,EACN;AACF;AAEA,IAAO,gBAAQ;;;ACpBf,IAAMC,cAAa,aAAa,QAAQ,aAAa;AAC9C,IAAMC,qBAAoBD,gBAAe;AAKzC,IAAM,SAAS;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAYC,qBAAoB,YAAY;AAAA,EAC5C,mBAAmBA,qBAAoB,YAAY;AAAA,EACnD,mBAAmBA,qBAAoB,YAAY;AAAA,EACnD,kBAAkBA,qBAAoB,YAAY;AAAA,EAClD,uBAAuBA,qBAAoB,YAAY;AAAA,EACvD,kBAAkBA,qBAAoB,YAAY;AAAA,EAClD,iBAAiBA,qBAAoB,YAAY;AAAA,EACjD,oBAAoBA,qBAAoB,YAAY;AAAA,EACpD,wBAAwBA,qBAAoB,YAAY;AAAA,EACxD,uBAAuBA,qBAAoB,YAAY;AAAA,EACvD,OAAO;AAAA,EACP,UAAUA,qBAAoB,YAAY;AAAA,EAC1C,YAAYA,qBAAoB,YAAY;AAAA,EAC5C,aAAaA,qBAAoB,cAAc;AAAA,EAC/C,eAAeA,qBAAoB,YAAY;AAAA,EAC/C,oBAAoBA,qBAChB,oDACA;AAAA,EACJ,SAAS;AAAA,EACT,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAASA,qBAAoB,YAAY;AAAA,EACzC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAASA,qBAAoB,YAAY;AAAA,EACzC,YAAYA,qBAAoB,YAAY;AAAA,EAC5C,YAAYA,qBAAoB,YAAY;AAAA,EAC5C,YAAYA,qBAAoB,YAAY;AAAA,EAC5C,iBAAiBA,qBAAoB,YAAY;AAAA,EACjD,gCAAgCA,qBAAoB,cAAc;AAAA,EAClE,qBAAqBA,qBAAoB,YAAY;AAAA,EACrD,qBAAqB;AAAA,EACrB,iBAAiBA,qBAAoB,YAAY;AAAA,EACjD,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,OAAOA,qBAAoB,YAAY;AAAA,EACvC,QAAQA,qBAAoB,YAAY;AAAA,EACxC,WAAWA,qBAAoB,YAAY;AAAA,EAC3C,WAAWA,qBAAoB,YAAY;AAAA,EAC3C,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,SAASA,qBAAoB,YAAY;AAAA,IACzC,SAASA,qBAAoB,YAAY;AAAA,IACzC,SAASA,qBAAoB,YAAY;AAAA,IACzC,SAASA,qBAAoB,YAAY;AAAA,IACzC,SAASA,qBAAoB,YAAY;AAAA,IACzC,YAAY;AAAA,IACZ,cAAcA,qBACV,6BACA;AAAA,IACJ,cAAcA,qBACV,6BACA;AAAA,IACJ,cAAcA,qBACV,6BACA;AAAA,IACJ,yBAAyB;AAAA,IACzB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,OAAOA,qBAAoB,YAAY;AAAA,EACvC,UAAUA,qBAAoB,SAAS;AAAA,EACvC,YAAYA,qBAAoB,SAAS;AAC3C;;;AHpDM,IAAAC,sBAAA;AA1BN,IAAMC,iBAAY,wBAAW,EAAE,OAAO;AAAA,EACpC,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,QAAQ;AAAA,IACR,iBAAiBC,qBACb,uBACA;AAAA,EACN;AACF,EAAE;AAMF,IAAM,UAAU,CAAC,EAAE,YAAY,MAAM,MAAgB;AACnD,QAAM,EAAE,QAAQ,IAAID,WAAU;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,CAAC;AAAA,MACd,WAAW,QAAQ;AAAA,MACnB,MAAM;AAAA,MACN,eAAY;AAAA,MAEZ,uDAAC,qCAAiB,OAAM,WAAU;AAAA;AAAA,EACpC;AAEJ;AAEA,IAAO,kBAAQ;;;ADVX,IAAAE,sBAAA;AArBJ,IAAMC,gBAAe;AAAA,EACnB,WAAW;AAAA,EACX,YAAY,CAAC,cAAc;AAAA,EAAC;AAC9B;AAEA,IAAM,qBAAiB,6BAAcA,aAAY;AAEjD,IAAM,aAAa,UAAM,0BAAW,cAAc;AAElD,IAAM,kBAAkB,CAAC,EAAE,SAAS,MAAM;AACxC,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAS,KAAK;AAEhD,QAAM,oBAAgB;AAAA,IACpB,OAAO;AAAA,MACL;AAAA,MACA,YAAY;AAAA,IACd;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,8CAAC,eAAe,UAAf,EAAwB,OAAO,eAC7B;AAAA;AAAA,IACD,6CAAC,mBAAQ,WAAsB;AAAA,KACjC;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,UAAU,wBAAK;AACjB;","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"]}
|
package/dist/providers/index.js
CHANGED
|
@@ -1 +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"]}
|
|
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"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@natoora-libs/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.35",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
]
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
38
|
-
"prepare": "cd
|
|
38
|
+
"prepare": "cd ../../../ && husky install libraries/frontend-libs/react/.husky",
|
|
39
39
|
"build": "tsup",
|
|
40
40
|
"build-storybook": "storybook build",
|
|
41
41
|
"storybook": "storybook dev -p 6006",
|
|
@@ -56,21 +56,11 @@
|
|
|
56
56
|
"@mui/material": "^6.4.7",
|
|
57
57
|
"@mui/x-data-grid": "^7.27.2",
|
|
58
58
|
"@mui/x-date-pickers": "5.x.x",
|
|
59
|
-
"@testing-library/jest-dom": "^6.6.3",
|
|
60
|
-
"@testing-library/react": "16.2.0",
|
|
61
|
-
"@testing-library/user-event": "^14.4.3",
|
|
62
|
-
"axios": "^1.8.2",
|
|
63
59
|
"classnames": "^2.3.2",
|
|
64
|
-
"lint-staged": "^11.1.2",
|
|
65
60
|
"moment": "^2.29.4",
|
|
66
61
|
"prop-types": "^15.7.2",
|
|
67
|
-
"react": "18.3.1",
|
|
68
|
-
"react-dom": "18.3.1",
|
|
69
62
|
"react-query": "^3.19.6",
|
|
70
|
-
"react-redux": "^7.2.4",
|
|
71
63
|
"react-router-dom": "^6.14.0",
|
|
72
|
-
"redux": "^4.1.0",
|
|
73
|
-
"redux-devtools-extension": "^2.13.9",
|
|
74
64
|
"tss-react": "^4.9.15"
|
|
75
65
|
},
|
|
76
66
|
"devDependencies": {
|
|
@@ -87,45 +77,48 @@
|
|
|
87
77
|
"@storybook/blocks": "^7.3.1",
|
|
88
78
|
"@storybook/react": "^7.3.1",
|
|
89
79
|
"@storybook/testing-library": "^0.2.0",
|
|
90
|
-
"@
|
|
80
|
+
"@testing-library/jest-dom": "^6.6.3",
|
|
81
|
+
"@testing-library/react": "16.2.0",
|
|
82
|
+
"@testing-library/user-event": "^14.4.3",
|
|
91
83
|
"@types/classnames": "^2.3.1",
|
|
92
84
|
"@types/jest": "^29.5.14",
|
|
93
85
|
"@types/moment": "^2.13.0",
|
|
94
86
|
"@types/node": "^20.12.5",
|
|
95
|
-
"@types/react": "18.3.1",
|
|
96
87
|
"@types/react-dom": "18.3.1",
|
|
97
88
|
"@types/react-router-dom": "^5.3.3",
|
|
98
89
|
"@types/react-test-renderer": "^18.3.1",
|
|
90
|
+
"@types/react": "18.3.1",
|
|
99
91
|
"@types/redux": "^3.6.0",
|
|
100
92
|
"@types/uuid": "^9.0.8",
|
|
101
93
|
"@typescript-eslint/parser": "^7.6.0",
|
|
102
94
|
"babel-jest": "^29.7.0",
|
|
103
95
|
"babel-plugin-named-exports-order": "^0.0.2",
|
|
104
|
-
"eslint": "^7.32.0 || ^8.2.0",
|
|
105
96
|
"eslint-config-airbnb": "^19.0.4",
|
|
106
97
|
"eslint-config-prettier": "^8.8.0",
|
|
107
|
-
"eslint-
|
|
98
|
+
"eslint-import-resolver-typescript": "^4.4.3",
|
|
108
99
|
"eslint-plugin-import-helpers": "^1.3.1",
|
|
100
|
+
"eslint-plugin-import": "^2.27.5",
|
|
109
101
|
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
110
102
|
"eslint-plugin-prettier": "^4.2.1",
|
|
111
|
-
"eslint-plugin-react": "^7.28.0",
|
|
112
103
|
"eslint-plugin-react-hooks": "^4.3.0",
|
|
104
|
+
"eslint-plugin-react": "^7.28.0",
|
|
113
105
|
"eslint-plugin-storybook": "^0.6.13",
|
|
106
|
+
"eslint": "^7.32.0 || ^8.2.0",
|
|
114
107
|
"husky": "^8.0.3",
|
|
115
|
-
"jest": "^29.7.0",
|
|
116
108
|
"jest-environment-jsdom": "^29.7.0",
|
|
109
|
+
"jest": "^29.7.0",
|
|
110
|
+
"lint-staged": "^11.1.2",
|
|
117
111
|
"prettier": "^2.8.8",
|
|
118
112
|
"react-test-renderer": "18.3.1",
|
|
119
113
|
"storybook": "^7.3.1",
|
|
120
114
|
"ts-jest": "^29.2.6",
|
|
121
115
|
"tsup": "^8.5.0",
|
|
122
|
-
"typescript": "^
|
|
116
|
+
"typescript": "^5.8.3",
|
|
117
|
+
"react": "18.3.1",
|
|
118
|
+
"react-dom": "18.3.1"
|
|
123
119
|
},
|
|
124
120
|
"peerDependencies": {
|
|
125
|
-
"react": "
|
|
126
|
-
"react-dom": "
|
|
127
|
-
},
|
|
128
|
-
"resolutions": {
|
|
129
|
-
"@types/react": "18.3.1"
|
|
121
|
+
"react": "18.3.1",
|
|
122
|
+
"react-dom": "18.3.1"
|
|
130
123
|
}
|
|
131
|
-
}
|
|
124
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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 }: 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"]}
|