npm - @mx-cartographer/experiences - Versions diffs - 9.3.0-alpha.bb2 → 9.3.0 - Mend

@mx-cartographer/experiences 9.3.0-alpha.bb2 → 9.3.0

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.

Files changed (612) hide show

package/dist/common/components/ListItemAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemAction.es.js","names":[],"sources":["../../../src/common/components/ListItemAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../'\n\ninterface ListItemActionProps {\n children?: React.ReactNode\n isDisabled?: boolean\n isSaveDisabled?: boolean\n label: string\n onCancel?: () => void\n onSave: () => void\n primaryText: string\n secondaryText: string\n zeroStateText?: string\n}\n\nexport const ListItemAction = observer(\n ({\n children,\n isDisabled = false,\n isSaveDisabled = false,\n label,\n onCancel,\n onSave,\n primaryText,\n secondaryText,\n zeroStateText,\n }: ListItemActionProps) => {\n const { common: copy } = useGlobalCopyStore()\n\n const [isOpen, setIsOpen] = React.useState(false)\n\n const handleCancel = () => {\n setIsOpen(false)\n onCancel?.()\n }\n\n const handleSave = () => {\n setIsOpen(false)\n onSave()\n }\n\n return (\n <ListItem>\n <ListItemButton onClick={() => setIsOpen(!isDisabled)}>\n <ListItemText\n primary={\n <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n <Text variant=\"body1\">{primaryText}</Text>\n <Text\n bold={true}\n color={zeroStateText ? 'primary.main' : 'text.primary'}\n sx={{ mr: 4 }}\n variant=\"body1\"\n >\n {zeroStateText \|\| secondaryText}\n </Text>\n </Stack>\n }\n slotProps={{ primary: { variant: 'body1' } }}\n />\n {!isDisabled && !zeroStateText && <ChevronRight />}\n </ListItemButton>\n <Dialog\n copy={{ title: label, close_aria: copy.close_aria }}\n disablePrimaryButton={isSaveDisabled}\n isOpen={isOpen}\n onClose={handleCancel}\n onPrimaryAction={handleSave}\n primaryText={copy.save_button}\n >\n {children}\n </Dialog>\n </ListItem>\n )\n },\n)\n"],"mappings":";;;;;;;;;;;AA0BA,IAAa,IAAiB,EAAA,CAC3B,EACC,UAAA,GACA,YAAA,IAAa,IACb,gBAAA,IAAiB,IACjB,OAAA,GACA,UAAA,GACA,QAAA,GACA,aAAA,GACA,eAAA,GACA,eAAA,EAAA,MACyB;AACzB,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GAEtC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAA,MAAqB;AACzB,IAAA,EAAU,EAAK,GACf,IAAW;AAAA,EACb,GAEM,IAAA,MAAmB;AACvB,IAAA,EAAU,EAAK,GACf,EAAO;AAAA,EACT;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAU,CAAC,CAAU;AAAA,~~cAApD~~,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,~~kBAA1D~~,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,~~oBAAS~~;AAAA,QAAkB,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAO,IAAgB,iBAAiB;AAAA,UACxC,IAAI,EAAE,IAAI,EAAE;AAAA,UACZ,SAAQ;AAAA,~~oBAEP~~,KAAiB;AAAA,QACd,CAAA,CACD;AAAA;MAET,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,IAC5C,CAAA,GACA,CAAC,KAAc,CAAC,KAAiB,gBAAA,EAAC,GAAD,CAAe,CAAA,CACnC;AAAA,~~MAChB~~,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MAAE,OAAO;AAAA,MAAO,YAAY,EAAK;AAAA,IAAW;AAAA,IAClD,sBAAsB;AAAA,IACd,QAAA;AAAA,IACR,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,aAAa,EAAK;AAAA,IAEjB,UAAA;AAAA,EACK,CAAA,CACA,EAAA,CAAA;AAEd,CACF"}
1	+ {"version":3,"file":"ListItemAction.es.js","names":[],"sources":["../../../src/common/components/ListItemAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../'\n\ninterface ListItemActionProps {\n children?: React.ReactNode\n isDisabled?: boolean\n isSaveDisabled?: boolean\n label: string\n onCancel?: () => void\n onSave: () => void\n primaryText: string\n secondaryText: string\n zeroStateText?: string\n}\n\nexport const ListItemAction = observer(\n ({\n children,\n isDisabled = false,\n isSaveDisabled = false,\n label,\n onCancel,\n onSave,\n primaryText,\n secondaryText,\n zeroStateText,\n }: ListItemActionProps) => {\n const { common: copy } = useGlobalCopyStore()\n\n const [isOpen, setIsOpen] = React.useState(false)\n\n const handleCancel = () => {\n setIsOpen(false)\n onCancel?.()\n }\n\n const handleSave = () => {\n setIsOpen(false)\n onSave()\n }\n\n return (\n <ListItem>\n <ListItemButton onClick={() => setIsOpen(!isDisabled)}>\n <ListItemText\n primary={\n <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n <Text variant=\"body1\">{primaryText}</Text>\n <Text\n bold={true}\n color={zeroStateText ? 'primary.main' : 'text.primary'}\n sx={{ mr: 4 }}\n variant=\"body1\"\n >\n {zeroStateText \|\| secondaryText}\n </Text>\n </Stack>\n }\n slotProps={{ primary: { variant: 'body1' } }}\n />\n {!isDisabled && !zeroStateText && <ChevronRight />}\n </ListItemButton>\n <Dialog\n copy={{ title: label, close_aria: copy.close_aria }}\n disablePrimaryButton={isSaveDisabled}\n isOpen={isOpen}\n onClose={handleCancel}\n onPrimaryAction={handleSave}\n primaryText={copy.save_button}\n >\n {children}\n </Dialog>\n </ListItem>\n )\n },\n)\n"],"mappings":";;;;;;;;;;;AA0BA,IAAa,IAAiB,EAAA,CAC3B,EACC,UAAA,GACA,YAAA,IAAa,IACb,gBAAA,IAAiB,IACjB,OAAA,GACA,UAAA,GACA,QAAA,GACA,aAAA,GACA,eAAA,GACA,eAAA,EAAA,MACyB;AACzB,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GAEtC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAA,MAAqB;AACzB,IAAA,EAAU,EAAK,GACf,IAAW;AAAA,EACb,GAEM,IAAA,MAAmB;AACvB,IAAA,EAAU,EAAK,GACf,EAAO;AAAA,EACT;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAU,CAAC,CAAU;AAAA,IAApD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,QAA1D,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,UAAS,UAAA;AAAA,QAAkB,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAO,IAAgB,iBAAiB;AAAA,UACxC,IAAI,EAAE,IAAI,EAAE;AAAA,UACZ,SAAQ;AAAA,UAEP,UAAA,KAAiB;AAAA,QACd,CAAA,CACD;AAAA;MAET,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,IAC5C,CAAA,GACA,CAAC,KAAc,CAAC,KAAiB,gBAAA,EAAC,GAAD,CAAe,CAAA,CACnC;AAAA,EAChB,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MAAE,OAAO;AAAA,MAAO,YAAY,EAAK;AAAA,IAAW;AAAA,IAClD,sBAAsB;AAAA,IACd,QAAA;AAAA,IACR,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,aAAa,EAAK;AAAA,IAEjB,UAAA;AAAA,EACK,CAAA,CACA,EAAA,CAAA;AAEd,CACF"}

package/dist/common/components/ListItemRow.es.js CHANGED Viewed

@@ -4,8 +4,8 @@ import { Text as i } from "@mxenabled/mxui";
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import h from "@mui/material/ListItem";
 import I from "@mui/material/ListItemButton";
-import s from "@mui/material/ListItemIcon";
 import L from "@mui/material/ListItemText";
+import s from "@mui/material/ListItemIcon";
 var R = ({ onClick: n, leftIcon: o, rightIcon: m, title: a, subtitle: c, rightContent: l, titleBold: x = !0, rightContentBold: p = !0 }) => {
   const d = /* @__PURE__ */ t(f.Fragment, { children: [o && /* @__PURE__ */ r(s, {
     sx: { ml: 0 },

package/dist/common/components/ListItemRow.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemRow.es.js","names":[],"sources":["../../../src/common/components/ListItemRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface ListItemRowProps {\n onClick?: () => void\n leftIcon?: React.ReactNode\n rightIcon?: React.ReactNode\n title?: string\n subtitle?: string\n rightContent?: React.ReactNode\n titleBold?: boolean\n rightContentBold?: boolean\n}\n\nexport const ListItemRow: React.FC<ListItemRowProps> = ({\n onClick,\n leftIcon,\n rightIcon,\n title,\n subtitle,\n rightContent,\n titleBold = true,\n rightContentBold = true,\n}) => {\n const content = (\n <React.Fragment>\n {leftIcon && <ListItemIcon sx={{ ml: 0 }}>{leftIcon}</ListItemIcon>}\n <ListItemText>\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n marginLeft: 12,\n }}\n >\n <Stack sx={{ flex: 1, minWidth: 0 }}>\n <Text bold={titleBold} variant=\"body1\">\n {title}\n </Text>\n {subtitle && <Text variant=\"caption\">{subtitle}</Text>}\n </Stack>\n <Stack sx={{ flexDirection: 'row', alignItems: 'center', gap: 1 }}>\n {rightContent && (\n <Text bold={rightContentBold} display=\"flex\" variant=\"body1\">\n {rightContent}\n </Text>\n )}\n {rightIcon && <ListItemIcon>{rightIcon}</ListItemIcon>}\n </Stack>\n </Stack>\n </ListItemText>\n </React.Fragment>\n )\n\n return (\n <ListItem>\n {onClick ? (\n <ListItemButton\n onClick={onClick}\n sx={{\n py: 14,\n }}\n >\n {content}\n </ListItemButton>\n ) : (\n <Stack\n sx={{\n py: 14,\n px: 24,\n width: '100%',\n flexDirection: 'row',\n alignItems: 'center',\n }}\n >\n {content}\n </Stack>\n )}\n </ListItem>\n )\n}\n"],"mappings":";;;;;;;;AAqBA,IAAa,IAAA,CAA2C,EACtD,SAAA,GACA,UAAA,GACA,WAAA,GACA,OAAA,GACA,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,kBAAA,IAAmB,GAAA,MACf;AACJ,QAAM,IACJ,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACG,KAAY,gBAAA,EAAC,GAAD;AAAA,IAAc,IAAI,EAAE,IAAI,EAAE;AAAA,~~cAAI~~;AAAA,EAAuB,CAAA,GAClE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,~~cALF~~,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,MAAM;AAAA,QAAG,UAAU;AAAA,MAAE;AAAA,~~gBAAlC~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAW,SAAQ;AAAA,~~kBAC5B~~;AAAA,MACG,CAAA,GACL,KAAY,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,~~kBAAW~~;AAAA,MAAe,CAAA,CAChD;AAAA,~~QACP~~,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,eAAe;AAAA,QAAO,YAAY;AAAA,QAAU,KAAK;AAAA,MAAE;AAAA,~~gBAAhE~~,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAkB,SAAQ;AAAA,QAAO,SAAQ;AAAA,~~kBAClD~~;AAAA,MACG,CAAA,GAEP,KAAa,gBAAA,EAAC,GAAD,EAAA,UAAe,EAAwB,CAAA,CAChD;AAAA,~~MACF~~;AAAA,~~KACK~~,CAAA,CACA,EAAA,CAAA;AAGlB,SACE,gBAAA,EAAC,GAAD,EAAA,UACG,IACC,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACT,IAAI,EACF,IAAI,GACN;AAAA,~~cAEC~~;AAAA,EACa,CAAA,IAEhB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,~~cAEC~~;AAAA,EACI,CAAA,EAED,CAAA;AAEd"}
1	+ {"version":3,"file":"ListItemRow.es.js","names":[],"sources":["../../../src/common/components/ListItemRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface ListItemRowProps {\n onClick?: () => void\n leftIcon?: React.ReactNode\n rightIcon?: React.ReactNode\n title?: string\n subtitle?: string\n rightContent?: React.ReactNode\n titleBold?: boolean\n rightContentBold?: boolean\n}\n\nexport const ListItemRow: React.FC<ListItemRowProps> = ({\n onClick,\n leftIcon,\n rightIcon,\n title,\n subtitle,\n rightContent,\n titleBold = true,\n rightContentBold = true,\n}) => {\n const content = (\n <React.Fragment>\n {leftIcon && <ListItemIcon sx={{ ml: 0 }}>{leftIcon}</ListItemIcon>}\n <ListItemText>\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n marginLeft: 12,\n }}\n >\n <Stack sx={{ flex: 1, minWidth: 0 }}>\n <Text bold={titleBold} variant=\"body1\">\n {title}\n </Text>\n {subtitle && <Text variant=\"caption\">{subtitle}</Text>}\n </Stack>\n <Stack sx={{ flexDirection: 'row', alignItems: 'center', gap: 1 }}>\n {rightContent && (\n <Text bold={rightContentBold} display=\"flex\" variant=\"body1\">\n {rightContent}\n </Text>\n )}\n {rightIcon && <ListItemIcon>{rightIcon}</ListItemIcon>}\n </Stack>\n </Stack>\n </ListItemText>\n </React.Fragment>\n )\n\n return (\n <ListItem>\n {onClick ? (\n <ListItemButton\n onClick={onClick}\n sx={{\n py: 14,\n }}\n >\n {content}\n </ListItemButton>\n ) : (\n <Stack\n sx={{\n py: 14,\n px: 24,\n width: '100%',\n flexDirection: 'row',\n alignItems: 'center',\n }}\n >\n {content}\n </Stack>\n )}\n </ListItem>\n )\n}\n"],"mappings":";;;;;;;;AAqBA,IAAa,IAAA,CAA2C,EACtD,SAAA,GACA,UAAA,GACA,WAAA,GACA,OAAA,GACA,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,kBAAA,IAAmB,GAAA,MACf;AACJ,QAAM,IACJ,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACG,KAAY,gBAAA,EAAC,GAAD;AAAA,IAAc,IAAI,EAAE,IAAI,EAAE;AAAA,IAAI,UAAA;AAAA,EAAuB,CAAA,GAClE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,IALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,MAAM;AAAA,QAAG,UAAU;AAAA,MAAE;AAAA,MAAlC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAW,SAAQ;AAAA,QAC5B,UAAA;AAAA,MACG,CAAA,GACL,KAAY,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAW,UAAA;AAAA,MAAe,CAAA,CAChD;AAAA,IACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,eAAe;AAAA,QAAO,YAAY;AAAA,QAAU,KAAK;AAAA,MAAE;AAAA,MAAhE,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAkB,SAAQ;AAAA,QAAO,SAAQ;AAAA,QAClD,UAAA;AAAA,MACG,CAAA,GAEP,KAAa,gBAAA,EAAC,GAAD,EAAA,UAAe,EAAwB,CAAA,CAChD;AAAA,IACF,CAAA,CAAA;AAAA,EACK,CAAA,EAAA,CAAA,CACA,EAAA,CAAA;AAGlB,SACE,gBAAA,EAAC,GAAD,EAAA,UACG,IACC,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACT,IAAI,EACF,IAAI,GACN;AAAA,IAEC,UAAA;AAAA,EACa,CAAA,IAEhB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,IAEC,UAAA;AAAA,EACI,CAAA,EAED,CAAA;AAEd"}

package/dist/common/components/ListItemWrapper.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemWrapper.es.js","names":[],"sources":["../../../src/common/components/ListItemWrapper.tsx"],"sourcesContent":["import React, { ElementType } from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport { SxProps } from '@mui/material/styles'\n\nimport { useEvent } from '../context'\n\ninterface ListItemWrapperProps {\n clickEventName?: string\n component?: ElementType\n onClick?: () => void\n sx?: SxProps\n}\n\nexport const ListItemWrapper: React.FC<React.PropsWithChildren<ListItemWrapperProps>> = ({\n children,\n clickEventName,\n component,\n onClick,\n sx = {},\n}) => {\n const { onEvent } = useEvent()\n\n if (onClick) {\n return (\n <ListItem\n className=\"list-wrapper\"\n {...(component && { component })}\n sx={{ bgcolor: 'background.paper', ...sx }}\n >\n <ListItemButton\n onClick={() => {\n if (clickEventName) {\n onEvent(clickEventName)\n }\n onClick()\n }}\n >\n {children}\n </ListItemButton>\n </ListItem>\n )\n } else {\n return (\n <ListItem\n className=\"list-wrapper\"\n {...(component && { component })}\n disableGutters={false}\n disablePadding={false}\n sx={{ bgcolor: 'background.paper', ...sx }}\n >\n {children}\n </ListItem>\n )\n }\n}\n"],"mappings":";;;;;AAeA,IAAa,IAAA,CAA4E,EACvF,UAAA,GACA,gBAAA,GACA,WAAA,GACA,SAAA,GACA,IAAA,IAAK,CAAC,EAAA,MACF;AACJ,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SAAI,IAEA,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAK,KAAa,EAAE,WAAA,EAAU;AAAA,IAC9B,IAAI;AAAA,MAAE,SAAS;AAAA,MAAoB,GAAG;AAAA,IAAG;AAAA,~~cAEzC~~,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe;AACb,QAAI,KACF,EAAQ,CAAc,GAExB,EAAQ;AAAA,MACV;AAAA,MAEC,UAAA;AAAA,IACa,CAAA;AAAA,EACR,CAAA,IAIV,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAK,KAAa,EAAE,WAAA,EAAU;AAAA,IAC9B,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI;AAAA,MAAE,SAAS;AAAA,MAAoB,GAAG;AAAA,IAAG;AAAA,IAExC,UAAA;AAAA,EACO,CAAA;AAGhB"}
1	+ {"version":3,"file":"ListItemWrapper.es.js","names":[],"sources":["../../../src/common/components/ListItemWrapper.tsx"],"sourcesContent":["import React, { ElementType } from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport { SxProps } from '@mui/material/styles'\n\nimport { useEvent } from '../context'\n\ninterface ListItemWrapperProps {\n clickEventName?: string\n component?: ElementType\n onClick?: () => void\n sx?: SxProps\n}\n\nexport const ListItemWrapper: React.FC<React.PropsWithChildren<ListItemWrapperProps>> = ({\n children,\n clickEventName,\n component,\n onClick,\n sx = {},\n}) => {\n const { onEvent } = useEvent()\n\n if (onClick) {\n return (\n <ListItem\n className=\"list-wrapper\"\n {...(component && { component })}\n sx={{ bgcolor: 'background.paper', ...sx }}\n >\n <ListItemButton\n onClick={() => {\n if (clickEventName) {\n onEvent(clickEventName)\n }\n onClick()\n }}\n >\n {children}\n </ListItemButton>\n </ListItem>\n )\n } else {\n return (\n <ListItem\n className=\"list-wrapper\"\n {...(component && { component })}\n disableGutters={false}\n disablePadding={false}\n sx={{ bgcolor: 'background.paper', ...sx }}\n >\n {children}\n </ListItem>\n )\n }\n}\n"],"mappings":";;;;;AAeA,IAAa,IAAA,CAA4E,EACvF,UAAA,GACA,gBAAA,GACA,WAAA,GACA,SAAA,GACA,IAAA,IAAK,CAAC,EAAA,MACF;AACJ,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SAAI,IAEA,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAK,KAAa,EAAE,WAAA,EAAU;AAAA,IAC9B,IAAI;AAAA,MAAE,SAAS;AAAA,MAAoB,GAAG;AAAA,IAAG;AAAA,IAEzC,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe;AACb,QAAI,KACF,EAAQ,CAAc,GAExB,EAAQ;AAAA,MACV;AAAA,MAEC,UAAA;AAAA,IACa,CAAA;AAAA,EACR,CAAA,IAIV,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAK,KAAa,EAAE,WAAA,EAAU;AAAA,IAC9B,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI;AAAA,MAAE,SAAS;AAAA,MAAoB,GAAG;AAAA,IAAG;AAAA,IAExC,UAAA;AAAA,EACO,CAAA;AAGhB"}

package/dist/common/components/Loader.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader.es.js","names":[],"sources":["../../../src/common/components/Loader.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface LoaderProps {\n height?: number\n label?: string\n size?: number\n}\n\nconst Loader = ({ height = 250, label = '', size = 32 }: LoaderProps) => (\n <Stack\n alignItems=\"center\"\n gap={32}\n height={height}\n justifyContent=\"center\"\n sx={{ backgroundColor: 'background.default' }}\n >\n <CircularProgress size={size} />\n {label && <Text>{label}</Text>}\n </Stack>\n)\n\nexport default Loader\n"],"mappings":";;;;AAWA,IAAM,IAAA,CAAU,EAAE,QAAA,IAAS,KAAK,OAAA,IAAQ,IAAI,MAAA,IAAO,GAAA,MACjD,gBAAA,EAAC,GAAD;AAAA,EACE,YAAW;AAAA,EACX,KAAK;AAAA,EACG,QAAA;AAAA,EACR,gBAAe;AAAA,EACf,IAAI,EAAE,iBAAiB,qBAAqB;AAAA,~~YAL9C~~,CAOE,gBAAA,EAAC,GAAD,EAAwB,MAAA,EAAO,CAAA,GAC9B,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAY,CAAA,CACxB"}
1	+ {"version":3,"file":"Loader.es.js","names":[],"sources":["../../../src/common/components/Loader.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface LoaderProps {\n height?: number\n label?: string\n size?: number\n}\n\nconst Loader = ({ height = 250, label = '', size = 32 }: LoaderProps) => (\n <Stack\n alignItems=\"center\"\n gap={32}\n height={height}\n justifyContent=\"center\"\n sx={{ backgroundColor: 'background.default' }}\n >\n <CircularProgress size={size} />\n {label && <Text>{label}</Text>}\n </Stack>\n)\n\nexport default Loader\n"],"mappings":";;;;AAWA,IAAM,IAAA,CAAU,EAAE,QAAA,IAAS,KAAK,OAAA,IAAQ,IAAI,MAAA,IAAO,GAAA,MACjD,gBAAA,EAAC,GAAD;AAAA,EACE,YAAW;AAAA,EACX,KAAK;AAAA,EACG,QAAA;AAAA,EACR,gBAAe;AAAA,EACf,IAAI,EAAE,iBAAiB,qBAAqB;AAAA,EAL9C,UAAA,CAOE,gBAAA,EAAC,GAAD,EAAwB,MAAA,EAAO,CAAA,GAC9B,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAY,CAAA,CACxB"}

package/dist/common/components/MicroWidgetContainer.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MicroWidgetContainer.es.js","names":[],"sources":["../../../src/common/components/MicroWidgetContainer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { H3, P } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { WidgetContainerProvider } from '../context'\nimport { useDimensions } from '../hooks/useDimensions'\n\ninterface MicroWidgetContainerProps {\n className?: string\n ctaLabel: string\n onCTAClick: () => void\n subHeader?: string\n sx?: SxProps\n title: string\n variant?: 'borderless' \| 'card'\n}\n\nconst MicroWidgetContainer: React.FC<React.PropsWithChildren<MicroWidgetContainerProps>> = ({\n children,\n className,\n ctaLabel,\n onCTAClick,\n subHeader,\n sx,\n title,\n variant = 'borderless',\n}) => {\n const [containerRef, { height, width }] = useDimensions()\n\n const content = (\n <>\n <CardHeader\n action={\n <Button\n endIcon={<ChevronRight size={20} />}\n onClick={onCTAClick}\n size=\"small\"\n variant=\"text\"\n >\n {ctaLabel}\n </Button>\n }\n subheader={\n subHeader && (\n <P sx={{ color: 'text.secondary' }} variant=\"body2\">\n {subHeader}\n </P>\n )\n }\n sx={{ p: 0, pb: 8, width: 'calc(100% - 8px)', '& .MuiCardHeader-action': { mt: 0 } }}\n title={<H3 sx={{ width: 'calc(100% - 10px)' }}>{title}</H3>}\n />\n\n <CardContent ref={containerRef} sx={{ p: 0, ':last-child': { pb: 0 } }}>\n <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n {children}\n </WidgetContainerProvider>\n </CardContent>\n </>\n )\n\n if (variant === 'borderless') return content\n\n return (\n <Card className={className} sx={{ alignItems: 'center', p: 16, ...sx }}>\n {content}\n </Card>\n )\n}\n\nexport default MicroWidgetContainer\n"],"mappings":";;;;;;;;;AAsBA,IAAM,IAAA,CAAsF,EAC1F,UAAA,GACA,WAAA,GACA,UAAA,GACA,YAAA,GACA,WAAA,GACA,IAAA,GACA,OAAA,GACA,SAAA,IAAU,aAAA,MACN;AACJ,QAAM,CAAC,GAAc,EAAE,QAAA,GAAQ,OAAA,EAAA,CAAA,IAAW,EAAc,GAElD,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,gBAAA,EAAC,GAAD,EAAc,MAAM,GAAK,CAAA;AAAA,MAClC,SAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAQ;AAAA,~~gBAEP~~;AAAA,IACK,CAAA;AAAA,IAEV,WACE,KACE,gBAAA,EAAC,GAAD;AAAA,MAAG,IAAI,EAAE,OAAO,iBAAiB;AAAA,MAAG,SAAQ;AAAA,~~gBACzC~~;AAAA,IACA,CAAA;AAAA,IAGP,IAAI;AAAA,MAAE,GAAG;AAAA,MAAG,IAAI;AAAA,MAAG,OAAO;AAAA,MAAoB,2BAA2B,EAAE,IAAI,EAAE;AAAA,IAAE;AAAA,IACnF,OAAO,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,OAAO,oBAAoB;AAAA,~~gBAAI~~;AAAA,IAAU,CAAA;AAAA,EAC3D,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,IAAa,KAAK;AAAA,IAAc,IAAI;AAAA,MAAE,GAAG;AAAA,MAAG,eAAe,EAAE,IAAI,EAAE;AAAA,IAAE;AAAA,~~cACnE~~,gBAAA,EAAC,GAAD;AAAA,MAAyB,iBAAiB;AAAA,MAAQ,gBAAgB;AAAA,MAC/D,UAAA;AAAA,IACsB,CAAA;AAAA,EACd,CAAA,CACb,EAAA,CAAA;AAGJ,SAAI,MAAY,eAAqB,IAGnC,gBAAA,EAAC,GAAD;AAAA,IAAiB,WAAA;AAAA,IAAW,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,~~cAClE~~;AAAA,EACG,CAAA;AAEV"}
1	+ {"version":3,"file":"MicroWidgetContainer.es.js","names":[],"sources":["../../../src/common/components/MicroWidgetContainer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { H3, P } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { WidgetContainerProvider } from '../context'\nimport { useDimensions } from '../hooks/useDimensions'\n\ninterface MicroWidgetContainerProps {\n className?: string\n ctaLabel: string\n onCTAClick: () => void\n subHeader?: string\n sx?: SxProps\n title: string\n variant?: 'borderless' \| 'card'\n}\n\nconst MicroWidgetContainer: React.FC<React.PropsWithChildren<MicroWidgetContainerProps>> = ({\n children,\n className,\n ctaLabel,\n onCTAClick,\n subHeader,\n sx,\n title,\n variant = 'borderless',\n}) => {\n const [containerRef, { height, width }] = useDimensions()\n\n const content = (\n <>\n <CardHeader\n action={\n <Button\n endIcon={<ChevronRight size={20} />}\n onClick={onCTAClick}\n size=\"small\"\n variant=\"text\"\n >\n {ctaLabel}\n </Button>\n }\n subheader={\n subHeader && (\n <P sx={{ color: 'text.secondary' }} variant=\"body2\">\n {subHeader}\n </P>\n )\n }\n sx={{ p: 0, pb: 8, width: 'calc(100% - 8px)', '& .MuiCardHeader-action': { mt: 0 } }}\n title={<H3 sx={{ width: 'calc(100% - 10px)' }}>{title}</H3>}\n />\n\n <CardContent ref={containerRef} sx={{ p: 0, ':last-child': { pb: 0 } }}>\n <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n {children}\n </WidgetContainerProvider>\n </CardContent>\n </>\n )\n\n if (variant === 'borderless') return content\n\n return (\n <Card className={className} sx={{ alignItems: 'center', p: 16, ...sx }}>\n {content}\n </Card>\n )\n}\n\nexport default MicroWidgetContainer\n"],"mappings":";;;;;;;;;AAsBA,IAAM,IAAA,CAAsF,EAC1F,UAAA,GACA,WAAA,GACA,UAAA,GACA,YAAA,GACA,WAAA,GACA,IAAA,GACA,OAAA,GACA,SAAA,IAAU,aAAA,MACN;AACJ,QAAM,CAAC,GAAc,EAAE,QAAA,GAAQ,OAAA,EAAA,CAAA,IAAW,EAAc,GAElD,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,gBAAA,EAAC,GAAD,EAAc,MAAM,GAAK,CAAA;AAAA,MAClC,SAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAQ;AAAA,MAEP,UAAA;AAAA,IACK,CAAA;AAAA,IAEV,WACE,KACE,gBAAA,EAAC,GAAD;AAAA,MAAG,IAAI,EAAE,OAAO,iBAAiB;AAAA,MAAG,SAAQ;AAAA,MACzC,UAAA;AAAA,IACA,CAAA;AAAA,IAGP,IAAI;AAAA,MAAE,GAAG;AAAA,MAAG,IAAI;AAAA,MAAG,OAAO;AAAA,MAAoB,2BAA2B,EAAE,IAAI,EAAE;AAAA,IAAE;AAAA,IACnF,OAAO,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,OAAO,oBAAoB;AAAA,MAAI,UAAA;AAAA,IAAU,CAAA;AAAA,EAC3D,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,IAAa,KAAK;AAAA,IAAc,IAAI;AAAA,MAAE,GAAG;AAAA,MAAG,eAAe,EAAE,IAAI,EAAE;AAAA,IAAE;AAAA,IACnE,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAyB,iBAAiB;AAAA,MAAQ,gBAAgB;AAAA,MAC/D,UAAA;AAAA,IACsB,CAAA;AAAA,EACd,CAAA,CACb,EAAA,CAAA;AAGJ,SAAI,MAAY,eAAqB,IAGnC,gBAAA,EAAC,GAAD;AAAA,IAAiB,WAAA;AAAA,IAAW,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IAClE,UAAA;AAAA,EACG,CAAA;AAEV"}

package/dist/common/components/MiniWidgetContainer.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MiniWidgetContainer.es.js","names":[],"sources":["../../../src/common/components/MiniWidgetContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardHeader from '@mui/material/CardHeader'\nimport CardContent from '@mui/material/CardContent'\nimport IconButton from '@mui/material/IconButton'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport { WidgetContainerProvider } from '../context'\nimport { useDimensions } from '../hooks/useDimensions'\n\ninterface CardContainerProps {\n className?: string\n closeLabel?: string\n contentStyles?: SxProps\n onClose?: () => void\n onPrimaryCtaClick?: () => void\n primaryCtaLabel?: string\n primaryCtaLabelAria?: string\n subTitle?: string\n sx?: SxProps\n title?: string\n}\n\nconst MiniWidgetContainer: React.FC<React.PropsWithChildren<CardContainerProps>> = ({\n children,\n className = 'mx-cmn-mini-widget',\n closeLabel,\n contentStyles,\n onClose,\n onPrimaryCtaClick,\n primaryCtaLabel = '',\n primaryCtaLabelAria = '',\n subTitle = '',\n sx = {},\n title = '',\n}) => {\n const [containerRef, { height, width }] = useDimensions()\n\n return (\n <Card className={className} sx={{ touchAction: 'manipulation', ...sx }}>\n <CardHeader\n sx={{ pb: 8 }}\n title={\n <>\n <Box\n sx={{\n alignItems: 'center',\n display: 'grid',\n gap: 2,\n gridTemplateColumns: '1fr auto',\n pb: 4,\n }}\n >\n {title && <H3>{title}</H3>}\n\n {onClose ? (\n <IconButton aria-label={closeLabel} onClick={onClose} size=\"small\">\n <Icon name=\"close\" size={24} />\n </IconButton>\n ) : (\n onPrimaryCtaClick && (\n <Button\n aria-label={primaryCtaLabelAria}\n endIcon={<ChevronRight />}\n onClick={onPrimaryCtaClick}\n size=\"small\"\n >\n <Text bold={true} variant=\"body2\">\n {primaryCtaLabel}\n </Text>\n </Button>\n )\n )}\n </Box>\n\n {subTitle && (\n <P color=\"text.secondary\" sx={{ fontSize: 15, lineHeight: '20px' }} variant=\"body2\">\n {subTitle}\n </P>\n )}\n </>\n }\n />\n\n <CardContent ref={containerRef} sx={{ p: 0, ...contentStyles }}>\n <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n {children}\n </WidgetContainerProvider>\n </CardContent>\n </Card>\n )\n}\n\nexport default MiniWidgetContainer\n"],"mappings":";;;;;;;;;;;;AA+BA,IAAM,IAAA,CAA8E,EAClF,UAAA,GACA,WAAA,IAAY,sBACZ,YAAA,GACA,eAAA,GACA,SAAA,GACA,mBAAA,GACA,iBAAA,IAAkB,IAClB,qBAAA,IAAsB,IACtB,UAAA,IAAW,IACX,IAAA,IAAK,CAAC,GACN,OAAA,IAAQ,GAAA,MACJ;AACJ,QAAM,CAAC,GAAc,EAAE,QAAA,GAAQ,OAAA,EAAA,CAAA,IAAW,EAAc;AAExD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAiB,WAAA;AAAA,IAAW,IAAI;AAAA,MAAE,aAAa;AAAA,MAAgB,GAAG;AAAA,IAAG;AAAA,~~cAArE~~,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI,EAAE,IAAI,EAAE;AAAA,MACZ,OACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,IAAI;AAAA,QACN;AAAA,~~kBAPF~~,CASG,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAU,CAAA,GAExB,IACC,gBAAA,EAAC,GAAD;AAAA,UAAY,cAAY;AAAA,UAAY,SAAS;AAAA,UAAS,MAAK;AAAA,~~oBACzD~~,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAK;AAAA,YAAQ,MAAM;AAAA,UAAK,CAAA;AAAA,QACpB,CAAA,IAEZ,KACE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY;AAAA,UACZ,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACxB,SAAS;AAAA,UACT,MAAK;AAAA,~~oBAEL~~,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,~~sBACvB~~;AAAA,UACG,CAAA;AAAA,QACA,CAAA,CAGT;AAAA,~~UAEJ~~,KACC,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAM;AAAA,QAAiB,IAAI;AAAA,UAAE,UAAU;AAAA,UAAI,YAAY;AAAA,QAAO;AAAA,QAAG,SAAQ;AAAA,~~kBACzE~~;AAAA,MACA,CAAA,CAEL,EAAA,CAAA;AAAA,IAEL,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,MAAa,KAAK;AAAA,MAAc,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,GAAG;AAAA,MAAc;AAAA,~~gBAC3D~~,gBAAA,EAAC,GAAD;AAAA,QAAyB,iBAAiB;AAAA,QAAQ,gBAAgB;AAAA,QAC/D,UAAA;AAAA,MACsB,CAAA;AAAA,IACd,CAAA,CACT;AAAA;AAEV"}
1	+ {"version":3,"file":"MiniWidgetContainer.es.js","names":[],"sources":["../../../src/common/components/MiniWidgetContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardHeader from '@mui/material/CardHeader'\nimport CardContent from '@mui/material/CardContent'\nimport IconButton from '@mui/material/IconButton'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport { WidgetContainerProvider } from '../context'\nimport { useDimensions } from '../hooks/useDimensions'\n\ninterface CardContainerProps {\n className?: string\n closeLabel?: string\n contentStyles?: SxProps\n onClose?: () => void\n onPrimaryCtaClick?: () => void\n primaryCtaLabel?: string\n primaryCtaLabelAria?: string\n subTitle?: string\n sx?: SxProps\n title?: string\n}\n\nconst MiniWidgetContainer: React.FC<React.PropsWithChildren<CardContainerProps>> = ({\n children,\n className = 'mx-cmn-mini-widget',\n closeLabel,\n contentStyles,\n onClose,\n onPrimaryCtaClick,\n primaryCtaLabel = '',\n primaryCtaLabelAria = '',\n subTitle = '',\n sx = {},\n title = '',\n}) => {\n const [containerRef, { height, width }] = useDimensions()\n\n return (\n <Card className={className} sx={{ touchAction: 'manipulation', ...sx }}>\n <CardHeader\n sx={{ pb: 8 }}\n title={\n <>\n <Box\n sx={{\n alignItems: 'center',\n display: 'grid',\n gap: 2,\n gridTemplateColumns: '1fr auto',\n pb: 4,\n }}\n >\n {title && <H3>{title}</H3>}\n\n {onClose ? (\n <IconButton aria-label={closeLabel} onClick={onClose} size=\"small\">\n <Icon name=\"close\" size={24} />\n </IconButton>\n ) : (\n onPrimaryCtaClick && (\n <Button\n aria-label={primaryCtaLabelAria}\n endIcon={<ChevronRight />}\n onClick={onPrimaryCtaClick}\n size=\"small\"\n >\n <Text bold={true} variant=\"body2\">\n {primaryCtaLabel}\n </Text>\n </Button>\n )\n )}\n </Box>\n\n {subTitle && (\n <P color=\"text.secondary\" sx={{ fontSize: 15, lineHeight: '20px' }} variant=\"body2\">\n {subTitle}\n </P>\n )}\n </>\n }\n />\n\n <CardContent ref={containerRef} sx={{ p: 0, ...contentStyles }}>\n <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n {children}\n </WidgetContainerProvider>\n </CardContent>\n </Card>\n )\n}\n\nexport default MiniWidgetContainer\n"],"mappings":";;;;;;;;;;;;AA+BA,IAAM,IAAA,CAA8E,EAClF,UAAA,GACA,WAAA,IAAY,sBACZ,YAAA,GACA,eAAA,GACA,SAAA,GACA,mBAAA,GACA,iBAAA,IAAkB,IAClB,qBAAA,IAAsB,IACtB,UAAA,IAAW,IACX,IAAA,IAAK,CAAC,GACN,OAAA,IAAQ,GAAA,MACJ;AACJ,QAAM,CAAC,GAAc,EAAE,QAAA,GAAQ,OAAA,EAAA,CAAA,IAAW,EAAc;AAExD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAiB,WAAA;AAAA,IAAW,IAAI;AAAA,MAAE,aAAa;AAAA,MAAgB,GAAG;AAAA,IAAG;AAAA,IAArE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI,EAAE,IAAI,EAAE;AAAA,MACZ,OACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,IAAI;AAAA,QACN;AAAA,QAPF,UAAA,CASG,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAU,CAAA,GAExB,IACC,gBAAA,EAAC,GAAD;AAAA,UAAY,cAAY;AAAA,UAAY,SAAS;AAAA,UAAS,MAAK;AAAA,UACzD,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAK;AAAA,YAAQ,MAAM;AAAA,UAAK,CAAA;AAAA,QACpB,CAAA,IAEZ,KACE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY;AAAA,UACZ,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACxB,SAAS;AAAA,UACT,MAAK;AAAA,UAEL,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,YACvB,UAAA;AAAA,UACG,CAAA;AAAA,QACA,CAAA,CAGT;AAAA,MAEJ,CAAA,GAAA,KACC,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAM;AAAA,QAAiB,IAAI;AAAA,UAAE,UAAU;AAAA,UAAI,YAAY;AAAA,QAAO;AAAA,QAAG,SAAQ;AAAA,QACzE,UAAA;AAAA,MACA,CAAA,CAEL,EAAA,CAAA;AAAA,IAEL,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,MAAa,KAAK;AAAA,MAAc,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,GAAG;AAAA,MAAc;AAAA,MAC3D,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAyB,iBAAiB;AAAA,QAAQ,gBAAgB;AAAA,QAC/D,UAAA;AAAA,MACsB,CAAA;AAAA,IACd,CAAA,CACT;AAAA;AAEV"}

package/dist/common/components/ResponsiveButton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResponsiveButton.es.js","names":[],"sources":["../../../src/common/components/ResponsiveButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport { useTheme } from '@mui/material/styles'\n\ninterface ResponsiveButtonProps {\n icon: React.ReactElement\n label: string\n onClick?: () => void\n placement?:\n \| 'bottom-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'left-end'\n \| 'left-start'\n \| 'left'\n \| 'right-end'\n \| 'right-start'\n \| 'right'\n \| 'top-end'\n \| 'top-start'\n \| 'top'\n tooltipText: string\n variant?: 'contained' \| 'outlined' \| 'text'\n}\n\nconst ResponsiveButton: React.FC<ResponsiveButtonProps> = ({\n icon,\n label,\n onClick,\n placement = 'bottom',\n tooltipText,\n variant = 'text',\n}) => {\n const theme = useTheme()\n\n return (\n <React.Fragment>\n <Button\n onClick={onClick}\n startIcon={icon}\n sx={{\n [theme.breakpoints.down('lg')]: { display: 'none' },\n [theme.breakpoints.up('lg')]: { display: 'inline-flex' },\n }}\n title={tooltipText}\n variant={variant}\n >\n {label}\n </Button>\n <Tooltip\n describeChild={true}\n placement={placement}\n sx={{ display: { xs: 'inline-flex', lg: 'none' } }}\n title={tooltipText}\n >\n <IconButton onClick={onClick}>{icon}</IconButton>\n </Tooltip>\n </React.Fragment>\n )\n}\n\nexport default ResponsiveButton\n"],"mappings":";;;;;;AA4BA,IAAM,IAAA,CAAqD,EACzD,MAAA,GACA,OAAA,GACA,SAAA,GACA,WAAA,IAAY,UACZ,aAAA,GACA,SAAA,IAAU,OAAA,MACN;AACJ,QAAM,IAAQ,EAAS;AAEvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACT,WAAW;AAAA,IACX,IAAI;AAAA,~~OACD~~,EAAM,YAAY,KAAK,IAAI,CAAA,GAAI,EAAE,SAAS,OAAO;AAAA,~~OACjD~~,EAAM,YAAY,GAAG,IAAI,CAAA,GAAI,EAAE,SAAS,cAAc;AAAA,IACzD;AAAA,IACA,OAAO;AAAA,IACE,SAAA;AAAA,~~cAER~~;AAAA,EACK,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACJ,WAAA;AAAA,IACX,IAAI,EAAE,SAAS;AAAA,MAAE,IAAI;AAAA,MAAe,IAAI;AAAA,IAAO,EAAE;AAAA,IACjD,OAAO;AAAA,~~cAEP~~,gBAAA,EAAC,GAAD;AAAA,MAAqB,SAAA;AAAA,~~gBAAU~~;AAAA,IAAiB,CAAA;AAAA,EACzC,CAAA,CACK,EAAA,CAAA;AAEpB"}
1	+ {"version":3,"file":"ResponsiveButton.es.js","names":[],"sources":["../../../src/common/components/ResponsiveButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport { useTheme } from '@mui/material/styles'\n\ninterface ResponsiveButtonProps {\n icon: React.ReactElement\n label: string\n onClick?: () => void\n placement?:\n \| 'bottom-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'left-end'\n \| 'left-start'\n \| 'left'\n \| 'right-end'\n \| 'right-start'\n \| 'right'\n \| 'top-end'\n \| 'top-start'\n \| 'top'\n tooltipText: string\n variant?: 'contained' \| 'outlined' \| 'text'\n}\n\nconst ResponsiveButton: React.FC<ResponsiveButtonProps> = ({\n icon,\n label,\n onClick,\n placement = 'bottom',\n tooltipText,\n variant = 'text',\n}) => {\n const theme = useTheme()\n\n return (\n <React.Fragment>\n <Button\n onClick={onClick}\n startIcon={icon}\n sx={{\n [theme.breakpoints.down('lg')]: { display: 'none' },\n [theme.breakpoints.up('lg')]: { display: 'inline-flex' },\n }}\n title={tooltipText}\n variant={variant}\n >\n {label}\n </Button>\n <Tooltip\n describeChild={true}\n placement={placement}\n sx={{ display: { xs: 'inline-flex', lg: 'none' } }}\n title={tooltipText}\n >\n <IconButton onClick={onClick}>{icon}</IconButton>\n </Tooltip>\n </React.Fragment>\n )\n}\n\nexport default ResponsiveButton\n"],"mappings":";;;;;;AA4BA,IAAM,IAAA,CAAqD,EACzD,MAAA,GACA,OAAA,GACA,SAAA,GACA,WAAA,IAAY,UACZ,aAAA,GACA,SAAA,IAAU,OAAA,MACN;AACJ,QAAM,IAAQ,EAAS;AAEvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACT,WAAW;AAAA,IACX,IAAI;AAAA,MACD,CAAA,EAAM,YAAY,KAAK,IAAI,CAAA,GAAI,EAAE,SAAS,OAAO;AAAA,MACjD,CAAA,EAAM,YAAY,GAAG,IAAI,CAAA,GAAI,EAAE,SAAS,cAAc;AAAA,IACzD;AAAA,IACA,OAAO;AAAA,IACE,SAAA;AAAA,IAER,UAAA;AAAA,EACK,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACJ,WAAA;AAAA,IACX,IAAI,EAAE,SAAS;AAAA,MAAE,IAAI;AAAA,MAAe,IAAI;AAAA,IAAO,EAAE;AAAA,IACjD,OAAO;AAAA,IAEP,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAqB,SAAA;AAAA,MAAU,UAAA;AAAA,IAAiB,CAAA;AAAA,EACzC,CAAA,CACK,EAAA,CAAA;AAEpB"}

package/dist/common/components/SearchBox.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBox.es.js","names":[],"sources":["../../../src/common/components/SearchBox.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\n\nimport { Icon, TextField } from '@mxenabled/mxui'\n\nexport interface SearchBoxProps {\n ariaLabel?: string\n cancelAriaLabel?: string\n onChange: (value: string) => void\n placeholder?: string\n searchValue: string\n}\n\nconst SearchBox: React.FC<SearchBoxProps> = ({\n ariaLabel = 'Search',\n cancelAriaLabel = 'Cancel Search',\n onChange,\n placeholder = 'Search',\n searchValue,\n}) => {\n const cancelButton = (\n <IconButton\n aria-label={cancelAriaLabel}\n className=\"mx-cat-cancel-search-button\"\n color=\"primary\"\n onClick={() => onChange('')}\n >\n <Icon name=\"cancel\" size={24} />\n </IconButton>\n )\n\n return (\n <Box className=\"mx-cmn-search-box\" px={24} py={16}>\n <TextField\n aria-label={ariaLabel}\n name=\"search\"\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}\n placeholder={placeholder}\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <Icon name=\"search\" size={26} sx={{ color: 'action.active' }} />\n </InputAdornment>\n ),\n endAdornment: (\n <InputAdornment position=\"end\" sx={{ p: 0 }}>\n {searchValue ? cancelButton : null}\n </InputAdornment>\n ),\n sx: {\n '& .MuiOutlinedInput-notchedOutline': {\n borderColor: 'text.secondary',\n opacity: 0.5,\n },\n '& input::placeholder': { color: 'text.secondary', opacity: 1 },\n },\n },\n }}\n sx={{\n width: '100%',\n }}\n value={searchValue}\n />\n </Box>\n )\n}\n\nexport default observer(SearchBox)\n"],"mappings":";;;;;;;AAiBA,IAAM,IAAA,CAAuC,EAC3C,WAAA,IAAY,UACZ,iBAAA,IAAkB,iBAClB,UAAA,GACA,aAAA,IAAc,UACd,aAAA,EAAA,MAcE,gBAAA,EAAC,GAAD;AAAA,EAAK,WAAU;AAAA,EAAoB,IAAI;AAAA,EAAI,IAAI;AAAA,~~YAC7C~~,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAA,CAAW,MAA2C,EAAS,EAAE,OAAO,KAAK;AAAA,IAChE,aAAA;AAAA,IACb,WAAW,EACT,OAAO;AAAA,MACL,gBACE,gBAAA,EAAC,GAAD;AAAA,QAAgB,UAAS;AAAA,~~kBACvB~~,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAK;AAAA,UAAS,MAAM;AAAA,UAAI,IAAI,EAAE,OAAO,gBAAgB;AAAA,QAAI,CAAA;AAAA,MACjD,CAAA;AAAA,MAElB,cACE,gBAAA,EAAC,GAAD;AAAA,QAAgB,UAAS;AAAA,QAAM,IAAI,EAAE,GAAG,EAAE;AAAA,~~kBACvC~~,IA1Bb,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY;AAAA,UACZ,WAAU;AAAA,UACV,OAAM;AAAA,UACN,SAAA,MAAe,EAAS,EAAE;AAAA,~~oBAE1B~~,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAK;AAAA,YAAS,MAAM;AAAA,UAAK,CAAA;AAAA,QACrB,CAmBe,IAAe;AAAA,MAChB,CAAA;AAAA,MAElB,IAAI;AAAA,QACF,sCAAsC;AAAA,UACpC,aAAa;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,wBAAwB;AAAA,UAAE,OAAO;AAAA,UAAkB,SAAS;AAAA,QAAE;AAAA,MAChE;AAAA,IACF,EACF;AAAA,IACA,IAAI,EACF,OAAO,OACT;AAAA,IACA,OAAO;AAAA,EACR,CAAA;AACE,CAAA,GAIT,IAAe,EAAS,CAAS"}
1	+ {"version":3,"file":"SearchBox.es.js","names":[],"sources":["../../../src/common/components/SearchBox.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\n\nimport { Icon, TextField } from '@mxenabled/mxui'\n\nexport interface SearchBoxProps {\n ariaLabel?: string\n cancelAriaLabel?: string\n onChange: (value: string) => void\n placeholder?: string\n searchValue: string\n}\n\nconst SearchBox: React.FC<SearchBoxProps> = ({\n ariaLabel = 'Search',\n cancelAriaLabel = 'Cancel Search',\n onChange,\n placeholder = 'Search',\n searchValue,\n}) => {\n const cancelButton = (\n <IconButton\n aria-label={cancelAriaLabel}\n className=\"mx-cat-cancel-search-button\"\n color=\"primary\"\n onClick={() => onChange('')}\n >\n <Icon name=\"cancel\" size={24} />\n </IconButton>\n )\n\n return (\n <Box className=\"mx-cmn-search-box\" px={24} py={16}>\n <TextField\n aria-label={ariaLabel}\n name=\"search\"\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}\n placeholder={placeholder}\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <Icon name=\"search\" size={26} sx={{ color: 'action.active' }} />\n </InputAdornment>\n ),\n endAdornment: (\n <InputAdornment position=\"end\" sx={{ p: 0 }}>\n {searchValue ? cancelButton : null}\n </InputAdornment>\n ),\n sx: {\n '& .MuiOutlinedInput-notchedOutline': {\n borderColor: 'text.secondary',\n opacity: 0.5,\n },\n '& input::placeholder': { color: 'text.secondary', opacity: 1 },\n },\n },\n }}\n sx={{\n width: '100%',\n }}\n value={searchValue}\n />\n </Box>\n )\n}\n\nexport default observer(SearchBox)\n"],"mappings":";;;;;;;AAiBA,IAAM,IAAA,CAAuC,EAC3C,WAAA,IAAY,UACZ,iBAAA,IAAkB,iBAClB,UAAA,GACA,aAAA,IAAc,UACd,aAAA,EAAA,MAcE,gBAAA,EAAC,GAAD;AAAA,EAAK,WAAU;AAAA,EAAoB,IAAI;AAAA,EAAI,IAAI;AAAA,EAC7C,UAAA,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAA,CAAW,MAA2C,EAAS,EAAE,OAAO,KAAK;AAAA,IAChE,aAAA;AAAA,IACb,WAAW,EACT,OAAO;AAAA,MACL,gBACE,gBAAA,EAAC,GAAD;AAAA,QAAgB,UAAS;AAAA,QACvB,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAK;AAAA,UAAS,MAAM;AAAA,UAAI,IAAI,EAAE,OAAO,gBAAgB;AAAA,QAAI,CAAA;AAAA,MACjD,CAAA;AAAA,MAElB,cACE,gBAAA,EAAC,GAAD;AAAA,QAAgB,UAAS;AAAA,QAAM,IAAI,EAAE,GAAG,EAAE;AAAA,QACvC,UAAA,IA1Bb,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY;AAAA,UACZ,WAAU;AAAA,UACV,OAAM;AAAA,UACN,SAAA,MAAe,EAAS,EAAE;AAAA,UAE1B,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAK;AAAA,YAAS,MAAM;AAAA,UAAK,CAAA;AAAA,QACrB,CAmBe,IAAe;AAAA,MAChB,CAAA;AAAA,MAElB,IAAI;AAAA,QACF,sCAAsC;AAAA,UACpC,aAAa;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,wBAAwB;AAAA,UAAE,OAAO;AAAA,UAAkB,SAAS;AAAA,QAAE;AAAA,MAChE;AAAA,IACF,EACF;AAAA,IACA,IAAI,EACF,OAAO,OACT;AAAA,IACA,OAAO;AAAA,EACR,CAAA;AACE,CAAA,GAIT,IAAe,EAAS,CAAS"}

package/dist/common/components/Select.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.es.js","names":[],"sources":["../../../src/common/components/Select.tsx"],"sourcesContent":["import React from 'react'\n\nimport MenuItem from '@mui/material/MenuItem'\nimport TextField from '@mui/material/TextField'\n\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nexport type SelectOption = {\n id: number\n label: string\n}\n\ninterface SelectProps extends Omit<React.ComponentProps<typeof TextField>, 'onChange'> {\n label: string\n onChange: (value: number) => void\n options: SelectOption[]\n // Allow '' for the no-selection state. MUI Select warns \"out-of-range value\"\n // when a numeric sentinel (e.g. 0) isn't among the options; '' is MUI's\n // canonical empty value.\n value: number \| ''\n}\n\nexport const Select = ({ label, onChange, options, value, ...props }: SelectProps) => {\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n onChange(Number(event.target.value))\n }\n\n return (\n <TextField\n defaultValue=\"\"\n label={label}\n onChange={handleChange}\n select={true}\n slotProps={{\n inputLabel: { shrink: true },\n select: {\n IconComponent: (props: React.ComponentProps<typeof ExpandMore>) => (\n <ExpandMore size={20} sx={{ mr: 4 }} {...props} />\n ),\n },\n }}\n value={value}\n variant=\"outlined\"\n {...props}\n >\n {options.map((option) => (\n <MenuItem key={option.id} value={option.id}>\n {option.label}\n </MenuItem>\n ))}\n </TextField>\n )\n}\n"],"mappings":";;;;;AAsBA,IAAa,IAAA,CAAU,EAAE,OAAA,GAAO,UAAA,GAAU,SAAA,GAAS,OAAA,GAAO,GAAG,EAAA,MAMzD,gBAAA,EAAC,GAAD;AAAA,EACE,cAAa;AAAA,EACN,OAAA;AAAA,EACP,UARE,CAAgB,MAAkD;AACtE,IAAA,EAAS,OAAO,EAAM,OAAO,KAAK,CAAC;AAAA,EACrC;AAAA,EAOI,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,YAAY,EAAE,QAAQ,GAAK;AAAA,IAC3B,QAAQ,EACN,eAAA,CAAgB,MACd,gBAAA,EAAC,GAAD;AAAA,MAAY,MAAM;AAAA,MAAI,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,GAAI;AAAA,IAAQ,CAAA,EAErD;AAAA,EACF;AAAA,EACO,OAAA;AAAA,EACP,SAAQ;AAAA,EACR,GAAI;AAAA,~~YAEH~~,EAAQ,IAAA,CAAK,MACZ,gBAAA,EAAC,GAAD;AAAA,IAA0B,OAAO,EAAO;AAAA,~~cACrC~~,EAAO;AAAA,EACA,GAFK,EAAO,EAEZ,CACX;AACQ,CAAA"}
1	+ {"version":3,"file":"Select.es.js","names":[],"sources":["../../../src/common/components/Select.tsx"],"sourcesContent":["import React from 'react'\n\nimport MenuItem from '@mui/material/MenuItem'\nimport TextField from '@mui/material/TextField'\n\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nexport type SelectOption = {\n id: number\n label: string\n}\n\ninterface SelectProps extends Omit<React.ComponentProps<typeof TextField>, 'onChange'> {\n label: string\n onChange: (value: number) => void\n options: SelectOption[]\n // Allow '' for the no-selection state. MUI Select warns \"out-of-range value\"\n // when a numeric sentinel (e.g. 0) isn't among the options; '' is MUI's\n // canonical empty value.\n value: number \| ''\n}\n\nexport const Select = ({ label, onChange, options, value, ...props }: SelectProps) => {\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n onChange(Number(event.target.value))\n }\n\n return (\n <TextField\n defaultValue=\"\"\n label={label}\n onChange={handleChange}\n select={true}\n slotProps={{\n inputLabel: { shrink: true },\n select: {\n IconComponent: (props: React.ComponentProps<typeof ExpandMore>) => (\n <ExpandMore size={20} sx={{ mr: 4 }} {...props} />\n ),\n },\n }}\n value={value}\n variant=\"outlined\"\n {...props}\n >\n {options.map((option) => (\n <MenuItem key={option.id} value={option.id}>\n {option.label}\n </MenuItem>\n ))}\n </TextField>\n )\n}\n"],"mappings":";;;;;AAsBA,IAAa,IAAA,CAAU,EAAE,OAAA,GAAO,UAAA,GAAU,SAAA,GAAS,OAAA,GAAO,GAAG,EAAA,MAMzD,gBAAA,EAAC,GAAD;AAAA,EACE,cAAa;AAAA,EACN,OAAA;AAAA,EACP,UARE,CAAgB,MAAkD;AACtE,IAAA,EAAS,OAAO,EAAM,OAAO,KAAK,CAAC;AAAA,EACrC;AAAA,EAOI,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,YAAY,EAAE,QAAQ,GAAK;AAAA,IAC3B,QAAQ,EACN,eAAA,CAAgB,MACd,gBAAA,EAAC,GAAD;AAAA,MAAY,MAAM;AAAA,MAAI,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,GAAI;AAAA,IAAQ,CAAA,EAErD;AAAA,EACF;AAAA,EACO,OAAA;AAAA,EACP,SAAQ;AAAA,EACR,GAAI;AAAA,EAEH,UAAA,EAAQ,IAAA,CAAK,MACZ,gBAAA,EAAC,GAAD;AAAA,IAA0B,OAAO,EAAO;AAAA,IACrC,UAAA,EAAO;AAAA,EACA,GAFK,EAAO,EAEZ,CACX;AACQ,CAAA"}

package/dist/common/components/SelectionBox.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionBox.es.js","names":[],"sources":["../../../src/common/components/SelectionBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport type { SxProps } from '@mui/material/styles'\nimport { useTheme } from '@mui/material/styles'\nimport Tooltip from '@mui/material/Tooltip'\n\ninterface SelectionBoxProps {\n checked?: boolean\n label: string\n sx?: SxProps\n tooltip?: string\n value: string \| number\n}\n\n/ TODO: Move this component to KyperMUI /\nconst SelectionBox: React.FC<SelectionBoxProps> = ({\n checked = false,\n label,\n sx = {},\n tooltip = '',\n value,\n}) => {\n const theme = useTheme()\n\n / TODO: Add new theme color to handle this color and remove the mode check /\n const greyColor =\n theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]\n const borderColor = checked ? theme.palette.action.active : greyColor\n const borderSize = checked ? 3 : 1\n\n return (\n <Box\n bgcolor=\"background.paper\"\n border={`${borderSize}px solid`}\n borderColor={borderColor}\n borderRadius={2}\n mt={-2}\n mx={8}\n pr={8}\n py={4}\n sx={{ '&:hover': { borderColor: theme.palette.action.active }, ...sx }}\n >\n <Tooltip title={tooltip}>\n <FormControlLabel\n control={\n <Radio\n disableRipple={true}\n sx={{ '&.Mui-checked': { color: theme.palette.action.active } }}\n />\n }\n label={label}\n labelPlacement=\"start\"\n sx={{ ml: 0, pl: 8 }}\n value={value}\n />\n </Tooltip>\n </Box>\n )\n}\n\nexport default SelectionBox\n"],"mappings":";;;;;;;AAkBA,IAAM,IAAA,CAA6C,EACjD,SAAA,IAAU,IACV,OAAA,GACA,IAAA,IAAK,CAAC,GACN,SAAA,IAAU,IACV,OAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS,GAGjB,IACJ,EAAM,QAAQ,SAAS,UAAU,EAAM,QAAQ,KAAK,GAAA,IAAO,EAAM,QAAQ,KAAK,GAAA,GAC1E,IAAc,IAAU,EAAM,QAAQ,OAAO,SAAS;AAG5D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAQ;AAAA,IACR,QAAQ,GALO,IAAU,IAAI,CAAA;AAAA,IAMhB,aAAA;AAAA,IACb,cAAc;AAAA,IACd,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,MAAE,WAAW,EAAE,aAAa,EAAM,QAAQ,OAAO,OAAO;AAAA,MAAG,GAAG;AAAA,IAAG;AAAA,~~cAErE~~,gBAAA,EAAC,GAAD;AAAA,MAAS,OAAO;AAAA,~~gBACd~~,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,gBAAA,EAAC,GAAD;AAAA,UACE,eAAe;AAAA,UACf,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAM,QAAQ,OAAO,OAAO,EAAE;AAAA,QAC/D,CAAA;AAAA,QAEI,OAAA;AAAA,QACP,gBAAe;AAAA,QACf,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,IAAI;AAAA,QAAE;AAAA,QACZ,OAAA;AAAA,MACR,CAAA;AAAA,IACM,CAAA;AAAA,EACN,CAAA;AAET"}
1	+ {"version":3,"file":"SelectionBox.es.js","names":[],"sources":["../../../src/common/components/SelectionBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport type { SxProps } from '@mui/material/styles'\nimport { useTheme } from '@mui/material/styles'\nimport Tooltip from '@mui/material/Tooltip'\n\ninterface SelectionBoxProps {\n checked?: boolean\n label: string\n sx?: SxProps\n tooltip?: string\n value: string \| number\n}\n\n/ TODO: Move this component to KyperMUI /\nconst SelectionBox: React.FC<SelectionBoxProps> = ({\n checked = false,\n label,\n sx = {},\n tooltip = '',\n value,\n}) => {\n const theme = useTheme()\n\n / TODO: Add new theme color to handle this color and remove the mode check /\n const greyColor =\n theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]\n const borderColor = checked ? theme.palette.action.active : greyColor\n const borderSize = checked ? 3 : 1\n\n return (\n <Box\n bgcolor=\"background.paper\"\n border={`${borderSize}px solid`}\n borderColor={borderColor}\n borderRadius={2}\n mt={-2}\n mx={8}\n pr={8}\n py={4}\n sx={{ '&:hover': { borderColor: theme.palette.action.active }, ...sx }}\n >\n <Tooltip title={tooltip}>\n <FormControlLabel\n control={\n <Radio\n disableRipple={true}\n sx={{ '&.Mui-checked': { color: theme.palette.action.active } }}\n />\n }\n label={label}\n labelPlacement=\"start\"\n sx={{ ml: 0, pl: 8 }}\n value={value}\n />\n </Tooltip>\n </Box>\n )\n}\n\nexport default SelectionBox\n"],"mappings":";;;;;;;AAkBA,IAAM,IAAA,CAA6C,EACjD,SAAA,IAAU,IACV,OAAA,GACA,IAAA,IAAK,CAAC,GACN,SAAA,IAAU,IACV,OAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS,GAGjB,IACJ,EAAM,QAAQ,SAAS,UAAU,EAAM,QAAQ,KAAK,GAAA,IAAO,EAAM,QAAQ,KAAK,GAAA,GAC1E,IAAc,IAAU,EAAM,QAAQ,OAAO,SAAS;AAG5D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAQ;AAAA,IACR,QAAQ,GALO,IAAU,IAAI,CAAA;AAAA,IAMhB,aAAA;AAAA,IACb,cAAc;AAAA,IACd,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,MAAE,WAAW,EAAE,aAAa,EAAM,QAAQ,OAAO,OAAO;AAAA,MAAG,GAAG;AAAA,IAAG;AAAA,IAErE,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAS,OAAO;AAAA,MACd,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,gBAAA,EAAC,GAAD;AAAA,UACE,eAAe;AAAA,UACf,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAM,QAAQ,OAAO,OAAO,EAAE;AAAA,QAC/D,CAAA;AAAA,QAEI,OAAA;AAAA,QACP,gBAAe;AAAA,QACf,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,IAAI;AAAA,QAAE;AAAA,QACZ,OAAA;AAAA,MACR,CAAA;AAAA,IACM,CAAA;AAAA,EACN,CAAA;AAET"}

package/dist/common/components/SkeletonLoader.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonLoader.es.js","names":[],"sources":["../../../src/common/components/SkeletonLoader.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport Skeleton from '@mui/material/Skeleton'\nimport { SxProps } from '@mui/material/styles'\n\ninterface SkeletonLoaderProps {\n sx?: SxProps\n variant?: 'card' \| 'list' \| 'dashboard'\n}\n\nexport const SkeletonLoader = ({ sx = {}, variant = 'list' }: SkeletonLoaderProps) => {\n return (\n <Stack sx={[...(Array.isArray(sx) ? sx : [sx])]}>\n {variant === 'list' && (\n <Stack gap={24}>\n <Skeleton height={25} variant=\"rounded\" width={150} />\n <Skeleton height={50} variant=\"rounded\" />\n <Skeleton height={50} variant=\"rounded\" />\n <Skeleton height={50} variant=\"rounded\" />\n </Stack>\n )}\n\n {variant === 'card' && (\n <Stack gap={24}>\n <Skeleton height={50} variant=\"rounded\" />\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={300} variant=\"rounded\" width=\"20%\" />\n <Skeleton height={300} variant=\"rounded\" width=\"80%\" />\n </Stack>\n </Stack>\n )}\n\n {variant === 'dashboard' && (\n <Stack gap={24}>\n <Skeleton height={75} variant=\"rounded\" />\n <Stack gap={24}>\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n </Stack>\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n </Stack>\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n </Stack>\n </Stack>\n </Stack>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;AASA,IAAa,IAAA,CAAkB,EAAE,IAAA,IAAK,CAAC,GAAG,SAAA,IAAU,OAAA,MAEhD,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI,CAAC,GAAI,MAAM,QAAQ,CAAE,IAAI,IAAK,CAAC,CAAE,CAAE;AAAA,~~YAA9C~~;AAAA,IACG,MAAY,UACX,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,~~gBAAZ~~;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,UAAU,OAAO;AAAA,QAAM,CAAA;AAAA,QACrD,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,QAAW,CAAA;AAAA,QACzC,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,QAAW,CAAA;AAAA,QACzC,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,QAAW,CAAA;AAAA,MACpC;AAAA;IAGR,MAAY,UACX,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,~~gBAAZ~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAU,QAAQ;AAAA,QAAI,SAAQ;AAAA,MAAW,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAM,KAAK;AAAA,~~kBAA5B~~,CACE,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAK,SAAQ;AAAA,UAAU,OAAM;AAAA,QAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAK,SAAQ;AAAA,UAAU,OAAM;AAAA,QAAO,CAAA,CACjD;AAAA,~~QACF~~;AAAA;IAGR,MAAY,eACX,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,~~gBAAZ~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAU,QAAQ;AAAA,QAAI,SAAQ;AAAA,MAAW,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,~~kBAAZ~~;AAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,KAAK;AAAA,~~sBAA5B~~,CACE,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,CACjD;AAAA;UACP,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,KAAK;AAAA,~~sBAA5B~~,CACE,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,CACjD;AAAA;UACP,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,KAAK;AAAA,~~sBAA5B~~,CACE,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,CACjD;AAAA;QACF;AAAA,~~QACF~~;AAAA;EAEJ"}
1	+ {"version":3,"file":"SkeletonLoader.es.js","names":[],"sources":["../../../src/common/components/SkeletonLoader.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport Skeleton from '@mui/material/Skeleton'\nimport { SxProps } from '@mui/material/styles'\n\ninterface SkeletonLoaderProps {\n sx?: SxProps\n variant?: 'card' \| 'list' \| 'dashboard'\n}\n\nexport const SkeletonLoader = ({ sx = {}, variant = 'list' }: SkeletonLoaderProps) => {\n return (\n <Stack sx={[...(Array.isArray(sx) ? sx : [sx])]}>\n {variant === 'list' && (\n <Stack gap={24}>\n <Skeleton height={25} variant=\"rounded\" width={150} />\n <Skeleton height={50} variant=\"rounded\" />\n <Skeleton height={50} variant=\"rounded\" />\n <Skeleton height={50} variant=\"rounded\" />\n </Stack>\n )}\n\n {variant === 'card' && (\n <Stack gap={24}>\n <Skeleton height={50} variant=\"rounded\" />\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={300} variant=\"rounded\" width=\"20%\" />\n <Skeleton height={300} variant=\"rounded\" width=\"80%\" />\n </Stack>\n </Stack>\n )}\n\n {variant === 'dashboard' && (\n <Stack gap={24}>\n <Skeleton height={75} variant=\"rounded\" />\n <Stack gap={24}>\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n </Stack>\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n </Stack>\n <Stack direction=\"row\" gap={24}>\n <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n </Stack>\n </Stack>\n </Stack>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;AASA,IAAa,IAAA,CAAkB,EAAE,IAAA,IAAK,CAAC,GAAG,SAAA,IAAU,OAAA,MAEhD,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI,CAAC,GAAI,MAAM,QAAQ,CAAE,IAAI,IAAK,CAAC,CAAE,CAAE;AAAA,EAA9C,UAAA;AAAA,IACG,MAAY,UACX,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAZ,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,UAAU,OAAO;AAAA,QAAM,CAAA;AAAA,QACrD,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,QAAW,CAAA;AAAA,QACzC,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,QAAW,CAAA;AAAA,QACzC,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAI,SAAQ;AAAA,QAAW,CAAA;AAAA,MACpC;AAAA;IAGR,MAAY,UACX,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAZ,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAU,QAAQ;AAAA,QAAI,SAAQ;AAAA,MAAW,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAM,KAAK;AAAA,QAA5B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAK,SAAQ;AAAA,UAAU,OAAM;AAAA,QAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,UAAU,QAAQ;AAAA,UAAK,SAAQ;AAAA,UAAU,OAAM;AAAA,QAAO,CAAA,CACjD;AAAA,MACF,CAAA,CAAA;AAAA;IAGR,MAAY,eACX,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAZ,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAU,QAAQ;AAAA,QAAI,SAAQ;AAAA,MAAW,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAZ,UAAA;AAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,KAAK;AAAA,YAA5B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,CACjD;AAAA;UACP,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,KAAK;AAAA,YAA5B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,CACjD;AAAA;UACP,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,KAAK;AAAA,YAA5B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,GACtD,gBAAA,EAAC,GAAD;AAAA,cAAU,QAAQ;AAAA,cAAK,SAAQ;AAAA,cAAU,OAAM;AAAA,YAAO,CAAA,CACjD;AAAA;QACF;AAAA,MACF,CAAA,CAAA;AAAA;EAEJ"}

package/dist/common/components/SubheaderRow.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubheaderRow.es.js","names":[],"sources":["../../../src/common/components/SubheaderRow.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface SubheaderRowProps {\n bgcolor?: string\n}\n\nconst SubheaderRow: React.FC<PropsWithChildren<SubheaderRowProps>> = ({\n bgcolor = 'background.default',\n children,\n}) => (\n <Box display=\"inline-block\" sx={{ bgcolor, py: 6, width: '100%' }}>\n <Text bold={true} sx={{ pl: 24 }} variant=\"caption\">\n {children}\n </Text>\n </Box>\n)\n\nexport default SubheaderRow\n"],"mappings":";;;;AAUA,IAAM,IAAA,CAAgE,EACpE,SAAA,IAAU,sBACV,UAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EAAK,SAAQ;AAAA,EAAe,IAAI;AAAA,IAAE,SAAA;AAAA,IAAS,IAAI;AAAA,IAAG,OAAO;AAAA,EAAO;AAAA,~~YAC9D~~,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,IAAI,EAAE,IAAI,GAAG;AAAA,IAAG,SAAQ;AAAA,IACvC,UAAA;AAAA,EACG,CAAA;AACH,CAAA"}
1	+ {"version":3,"file":"SubheaderRow.es.js","names":[],"sources":["../../../src/common/components/SubheaderRow.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface SubheaderRowProps {\n bgcolor?: string\n}\n\nconst SubheaderRow: React.FC<PropsWithChildren<SubheaderRowProps>> = ({\n bgcolor = 'background.default',\n children,\n}) => (\n <Box display=\"inline-block\" sx={{ bgcolor, py: 6, width: '100%' }}>\n <Text bold={true} sx={{ pl: 24 }} variant=\"caption\">\n {children}\n </Text>\n </Box>\n)\n\nexport default SubheaderRow\n"],"mappings":";;;;AAUA,IAAM,IAAA,CAAgE,EACpE,SAAA,IAAU,sBACV,UAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EAAK,SAAQ;AAAA,EAAe,IAAI;AAAA,IAAE,SAAA;AAAA,IAAS,IAAI;AAAA,IAAG,OAAO;AAAA,EAAO;AAAA,EAC9D,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,IAAI,EAAE,IAAI,GAAG;AAAA,IAAG,SAAQ;AAAA,IACvC,UAAA;AAAA,EACG,CAAA;AACH,CAAA"}

package/dist/common/components/TabContentContainer.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabContentContainer.es.js","names":[],"sources":["../../../src/common/components/TabContentContainer.tsx"],"sourcesContent":["interface TabContentProps {\n children?: React.ReactNode\n index: number\n name: string\n value: number\n}\n\nconst TabContentContainer: React.FC<TabContentProps> = ({\n children,\n index,\n name,\n value,\n ...rest\n}) => {\n return (\n <div\n aria-labelledby={`${name}-tab-${index}`}\n hidden={value !== index}\n id={`${name}-tabpanel-${index}`}\n role=\"tabpanel\"\n {...rest}\n >\n {value === index && children}\n </div>\n )\n}\n\nexport default TabContentContainer\n"],"mappings":";AAOA,IAAM,IAAA,CAAkD,EACtD,UAAA,GACA,OAAA,GACA,MAAA,GACA,OAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,OAAD;AAAA,EACE,mBAAiB,GAAG,CAAA,QAAY,CAAA;AAAA,EAChC,QAAQ,MAAU;AAAA,EAClB,IAAI,GAAG,CAAA,aAAiB,CAAA;AAAA,EACxB,MAAK;AAAA,EACL,GAAI;AAAA,~~YAEH~~,MAAU,KAAS;AACjB,CAAA"}
1	+ {"version":3,"file":"TabContentContainer.es.js","names":[],"sources":["../../../src/common/components/TabContentContainer.tsx"],"sourcesContent":["interface TabContentProps {\n children?: React.ReactNode\n index: number\n name: string\n value: number\n}\n\nconst TabContentContainer: React.FC<TabContentProps> = ({\n children,\n index,\n name,\n value,\n ...rest\n}) => {\n return (\n <div\n aria-labelledby={`${name}-tab-${index}`}\n hidden={value !== index}\n id={`${name}-tabpanel-${index}`}\n role=\"tabpanel\"\n {...rest}\n >\n {value === index && children}\n </div>\n )\n}\n\nexport default TabContentContainer\n"],"mappings":";AAOA,IAAM,IAAA,CAAkD,EACtD,UAAA,GACA,OAAA,GACA,MAAA,GACA,OAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,OAAD;AAAA,EACE,mBAAiB,GAAG,CAAA,QAAY,CAAA;AAAA,EAChC,QAAQ,MAAU;AAAA,EAClB,IAAI,GAAG,CAAA,aAAiB,CAAA;AAAA,EACxB,MAAK;AAAA,EACL,GAAI;AAAA,EAEH,UAAA,MAAU,KAAS;AACjB,CAAA"}

package/dist/common/components/TinyBarChart.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TinyBarChart.es.js","names":[],"sources":["../../../src/common/components/TinyBarChart.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useTheme } from '@mui/material/styles'\nimport type { Theme } from '@mui/material/styles'\n\nimport { type BarSeriesType, BarChart } from '@mui/x-charts'\n\nimport type { BarDataProps } from '../types/Charts'\nimport { stripChartSlotProps } from './charts/chartSlotProps'\n\nexport interface TinyBarChartProps {\n data: BarDataProps[]\n color: (theme: Theme) => string \| undefined\n width?: number\n height?: number\n}\n\nexport const TinyBarChart: React.FC<TinyBarChartProps> = ({\n data,\n color,\n width = 85,\n height = 65,\n}) => {\n const theme = useTheme()\n\n const chartData = {\n series: [\n {\n data: data.map(({ value }) => value),\n type: 'bar',\n },\n ] as BarSeriesType[],\n xAxis: [\n {\n data: data.map(({ label }) => label),\n scaleType: 'band' as const,\n categoryGapRatio: 0.3,\n },\n ],\n }\n\n const colorRange = data.map((_, index) =>\n index === data.length - 1 ? color(theme) : `${color(theme)}80`,\n )\n\n const createRoundedRectPath = (w: number, h: number) => {\n if (w <= 0 \|\| h <= 0) return ''\n const r = Math.min(6, w / 2, h / 2)\n return `M${r},0 L${w - r},0 Q${w},0 ${w},${r} L${w},${h} L0,${h} L0,${r} Q0,0 ${r},0 Z`\n }\n\n return (\n <Stack\n sx={{\n width,\n height,\n }}\n >\n <BarChart\n axisHighlight={{\n x: 'none',\n y: 'none',\n }}\n height={height}\n margin={{\n bottom: -10,\n left: 0,\n right: 0,\n top: 10,\n }}\n series={chartData.series}\n slots={{\n bar: ({ ownerState, ...props }) => {\n const { ariaLabel } = data[ownerState.dataIndex]\n return (\n <g aria-label={ariaLabel}>\n <path\n d={createRoundedRectPath(props.width, props.height)}\n fill={colorRange[ownerState.dataIndex]}\n transform={`translate(${props.x}, ${props.y})`}\n />\n </g>\n )\n },\n axisTickLabel: ({ text, ...restProps }) => {\n const label = data[data.length - 1]?.label\n return (\n <text\n {...stripChartSlotProps(restProps)}\n style={\n {\n ...restProps.style,\n fontSize: 6.75,\n lineHeight: '9px',\n fontWeight: label === text ? 'bold' : 400,\n } as React.CSSProperties\n }\n >\n {text}\n </text>\n )\n },\n }}\n sx={{\n '& .MuiChartsAxis-bottom .MuiChartsAxis-tickContainer:first-of-type .MuiChartsAxis-tick':\n {\n display: 'none',\n },\n }}\n width={width}\n xAxis={chartData.xAxis}\n yAxis={[{ width: 0, position: 'none' }]}\n />\n </Stack>\n )\n}\n"],"mappings":";;;;;;AAmBA,IAAa,IAAA,CAA6C,EACxD,MAAA,GACA,OAAA,GACA,OAAA,IAAQ,IACR,QAAA,IAAS,GAAA,MACL;AACJ,QAAM,IAAQ,EAAS,GAEjB,IAAY;AAAA,IAChB,QAAQ,CACN;AAAA,MACE,MAAM,EAAK,IAAA,CAAK,EAAE,OAAA,EAAA,MAAY,CAAK;AAAA,MACnC,MAAM;AAAA,IACR,CACF;AAAA,IACA,OAAO,CACL;AAAA,MACE,MAAM,EAAK,IAAA,CAAK,EAAE,OAAA,EAAA,MAAY,CAAK;AAAA,MACnC,WAAW;AAAA,MACX,kBAAkB;AAAA,IACpB,CACF;AAAA,EACF,GAEM,IAAa,EAAK,IAAA,CAAK,GAAG,MAC9B,MAAU,EAAK,SAAS,IAAI,EAAM,CAAK,IAAI,GAAG,EAAM,CAAK,CAAA,IAC3D,GAEM,IAAA,CAAyB,GAAW,MAAc;AACtD,QAAI,KAAK,KAAK,KAAK,EAAG,QAAO;AAC7B,UAAM,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClC,WAAO,IAAI,CAAA,OAAQ,IAAI,CAAA,OAAQ,CAAA,MAAO,CAAA,IAAK,CAAA,KAAM,CAAA,IAAK,CAAA,OAAQ,CAAA,OAAQ,CAAA,SAAU,CAAA;AAAA,EAClF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAA;AAAA,MACA,QAAA;AAAA,IACF;AAAA,~~cAEA~~,gBAAA,EAAC,GAAD;AAAA,MACE,eAAe;AAAA,QACb,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACQ,QAAA;AAAA,MACR,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MACA,QAAQ,EAAU;AAAA,MAClB,OAAO;AAAA,QACL,KAAA,CAAM,EAAE,YAAA,GAAY,GAAG,EAAA,MAAY;AACjC,gBAAM,EAAE,WAAA,EAAA,IAAc,EAAK,EAAW,SAAA;AACtC,iBACE,gBAAA,EAAC,KAAD;AAAA,YAAG,cAAY;AAAA,~~sBACb~~,gBAAA,EAAC,QAAD;AAAA,cACE,GAAG,EAAsB,EAAM,OAAO,EAAM,MAAM;AAAA,cAClD,MAAM,EAAW,EAAW,SAAA;AAAA,cAC5B,WAAW,aAAa,EAAM,CAAA,KAAM,EAAM,CAAA;AAAA,YAC3C,CAAA;AAAA,UACA,CAAA;AAAA,QAEP;AAAA,QACA,eAAA,CAAgB,EAAE,MAAA,GAAM,GAAG,EAAA,MAAgB;AACzC,gBAAM,IAAQ,EAAK,EAAK,SAAS,CAAA,GAAI;AACrC,iBACE,gBAAA,EAAC,QAAD;AAAA,YACE,GAAI,EAAoB,CAAS;AAAA,YACjC,OACE;AAAA,cACE,GAAG,EAAU;AAAA,cACb,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,YAAY,MAAU,IAAO,SAAS;AAAA,YACxC;AAAA,~~sBAGD~~;AAAA,UACG,CAAA;AAAA,QAEV;AAAA,MACF;AAAA,MACA,IAAI,EACF,0FACE,EACE,SAAS,OACX,EACJ;AAAA,MACO,OAAA;AAAA,MACP,OAAO,EAAU;AAAA,MACjB,OAAO,CAAC;AAAA,QAAE,OAAO;AAAA,QAAG,UAAU;AAAA,MAAO,CAAC;AAAA,IACvC,CAAA;AAAA,EACI,CAAA;AAEX"}
1	+ {"version":3,"file":"TinyBarChart.es.js","names":[],"sources":["../../../src/common/components/TinyBarChart.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useTheme } from '@mui/material/styles'\nimport type { Theme } from '@mui/material/styles'\n\nimport { type BarSeriesType, BarChart } from '@mui/x-charts'\n\nimport type { BarDataProps } from '../types/Charts'\nimport { stripChartSlotProps } from './charts/chartSlotProps'\n\nexport interface TinyBarChartProps {\n data: BarDataProps[]\n color: (theme: Theme) => string \| undefined\n width?: number\n height?: number\n}\n\nexport const TinyBarChart: React.FC<TinyBarChartProps> = ({\n data,\n color,\n width = 85,\n height = 65,\n}) => {\n const theme = useTheme()\n\n const chartData = {\n series: [\n {\n data: data.map(({ value }) => value),\n type: 'bar',\n },\n ] as BarSeriesType[],\n xAxis: [\n {\n data: data.map(({ label }) => label),\n scaleType: 'band' as const,\n categoryGapRatio: 0.3,\n },\n ],\n }\n\n const colorRange = data.map((_, index) =>\n index === data.length - 1 ? color(theme) : `${color(theme)}80`,\n )\n\n const createRoundedRectPath = (w: number, h: number) => {\n if (w <= 0 \|\| h <= 0) return ''\n const r = Math.min(6, w / 2, h / 2)\n return `M${r},0 L${w - r},0 Q${w},0 ${w},${r} L${w},${h} L0,${h} L0,${r} Q0,0 ${r},0 Z`\n }\n\n return (\n <Stack\n sx={{\n width,\n height,\n }}\n >\n <BarChart\n axisHighlight={{\n x: 'none',\n y: 'none',\n }}\n height={height}\n margin={{\n bottom: -10,\n left: 0,\n right: 0,\n top: 10,\n }}\n series={chartData.series}\n slots={{\n bar: ({ ownerState, ...props }) => {\n const { ariaLabel } = data[ownerState.dataIndex]\n return (\n <g aria-label={ariaLabel}>\n <path\n d={createRoundedRectPath(props.width, props.height)}\n fill={colorRange[ownerState.dataIndex]}\n transform={`translate(${props.x}, ${props.y})`}\n />\n </g>\n )\n },\n axisTickLabel: ({ text, ...restProps }) => {\n const label = data[data.length - 1]?.label\n return (\n <text\n {...stripChartSlotProps(restProps)}\n style={\n {\n ...restProps.style,\n fontSize: 6.75,\n lineHeight: '9px',\n fontWeight: label === text ? 'bold' : 400,\n } as React.CSSProperties\n }\n >\n {text}\n </text>\n )\n },\n }}\n sx={{\n '& .MuiChartsAxis-bottom .MuiChartsAxis-tickContainer:first-of-type .MuiChartsAxis-tick':\n {\n display: 'none',\n },\n }}\n width={width}\n xAxis={chartData.xAxis}\n yAxis={[{ width: 0, position: 'none' }]}\n />\n </Stack>\n )\n}\n"],"mappings":";;;;;;AAmBA,IAAa,IAAA,CAA6C,EACxD,MAAA,GACA,OAAA,GACA,OAAA,IAAQ,IACR,QAAA,IAAS,GAAA,MACL;AACJ,QAAM,IAAQ,EAAS,GAEjB,IAAY;AAAA,IAChB,QAAQ,CACN;AAAA,MACE,MAAM,EAAK,IAAA,CAAK,EAAE,OAAA,EAAA,MAAY,CAAK;AAAA,MACnC,MAAM;AAAA,IACR,CACF;AAAA,IACA,OAAO,CACL;AAAA,MACE,MAAM,EAAK,IAAA,CAAK,EAAE,OAAA,EAAA,MAAY,CAAK;AAAA,MACnC,WAAW;AAAA,MACX,kBAAkB;AAAA,IACpB,CACF;AAAA,EACF,GAEM,IAAa,EAAK,IAAA,CAAK,GAAG,MAC9B,MAAU,EAAK,SAAS,IAAI,EAAM,CAAK,IAAI,GAAG,EAAM,CAAK,CAAA,IAC3D,GAEM,IAAA,CAAyB,GAAW,MAAc;AACtD,QAAI,KAAK,KAAK,KAAK,EAAG,QAAO;AAC7B,UAAM,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClC,WAAO,IAAI,CAAA,OAAQ,IAAI,CAAA,OAAQ,CAAA,MAAO,CAAA,IAAK,CAAA,KAAM,CAAA,IAAK,CAAA,OAAQ,CAAA,OAAQ,CAAA,SAAU,CAAA;AAAA,EAClF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAA;AAAA,MACA,QAAA;AAAA,IACF;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,eAAe;AAAA,QACb,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACQ,QAAA;AAAA,MACR,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MACA,QAAQ,EAAU;AAAA,MAClB,OAAO;AAAA,QACL,KAAA,CAAM,EAAE,YAAA,GAAY,GAAG,EAAA,MAAY;AACjC,gBAAM,EAAE,WAAA,EAAA,IAAc,EAAK,EAAW,SAAA;AACtC,iBACE,gBAAA,EAAC,KAAD;AAAA,YAAG,cAAY;AAAA,YACb,UAAA,gBAAA,EAAC,QAAD;AAAA,cACE,GAAG,EAAsB,EAAM,OAAO,EAAM,MAAM;AAAA,cAClD,MAAM,EAAW,EAAW,SAAA;AAAA,cAC5B,WAAW,aAAa,EAAM,CAAA,KAAM,EAAM,CAAA;AAAA,YAC3C,CAAA;AAAA,UACA,CAAA;AAAA,QAEP;AAAA,QACA,eAAA,CAAgB,EAAE,MAAA,GAAM,GAAG,EAAA,MAAgB;AACzC,gBAAM,IAAQ,EAAK,EAAK,SAAS,CAAA,GAAI;AACrC,iBACE,gBAAA,EAAC,QAAD;AAAA,YACE,GAAI,EAAoB,CAAS;AAAA,YACjC,OACE;AAAA,cACE,GAAG,EAAU;AAAA,cACb,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,YAAY,MAAU,IAAO,SAAS;AAAA,YACxC;AAAA,YAGD,UAAA;AAAA,UACG,CAAA;AAAA,QAEV;AAAA,MACF;AAAA,MACA,IAAI,EACF,0FACE,EACE,SAAS,OACX,EACJ;AAAA,MACO,OAAA;AAAA,MACP,OAAO,EAAU;AAAA,MACjB,OAAO,CAAC;AAAA,QAAE,OAAO;AAAA,QAAG,UAAU;AAAA,MAAO,CAAC;AAAA,IACvC,CAAA;AAAA,EACI,CAAA;AAEX"}

package/dist/common/components/WidgetContainer.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WidgetContainer.es.js","names":[],"sources":["../../../src/common/components/WidgetContainer.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { ChevronLeft } from '@mxenabled/mx-icons'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { AccountType } from '../../core'\nimport {\n useAppConfig,\n useGlobalCopyStore,\n useGlobalUiStore,\n WidgetContainerProvider,\n} from '../context'\nimport { useWidgetHeaderStyles } from '../hooks'\nimport { useDimensions } from '../hooks/useDimensions'\n\nimport { CalendarActions } from './daterangeselector/DateRangeSelector'\nimport { GlobalAccountFilter } from './GlobalAccountFilter'\nimport { WidgetDateRangeSelector } from './WidgetDateRangeSelector'\nimport Loader from './Loader'\n\ntype Action = {\n label: string\n iconName: string\n onClick: () => void\n}\n\ninterface WidgetContainerProps {\n allowedAccountTypes?: AccountType[] \| undefined\n actions?: (Action \| React.JSX.Element)[]\n calendarActions?: CalendarActions\n className?: string\n dateRange?: { start: Date; end: Date }\n dateRangeVariant?: 'outlined' \| 'text' \| 'readonly' \| 'timeframebuttons' \| 'timeframetabs'\n hasDivider?: boolean\n onBackClick?: () => void\n onMenuClick?: () => void\n onAccountsFilterClick?: () => void\n showAccountFilter?: boolean\n slotComponent?: React.ReactElement\n sx?: SxProps\n title?: string\n}\n\nexport const WidgetContainer: React.FC<PropsWithChildren<WidgetContainerProps>> = observer(\n ({\n actions,\n allowedAccountTypes,\n calendarActions,\n children,\n className = 'mx-cmn-widget',\n dateRange,\n dateRangeVariant,\n hasDivider = false,\n onAccountsFilterClick,\n onBackClick,\n onMenuClick,\n showAccountFilter = true,\n slotComponent,\n sx = {},\n title = '',\n }) => {\n const [containerRef, { height, width }] = useDimensions()\n const [contentRef, { height: contentHeight, width: contentWidth }] = useDimensions()\n const { onEvent } = useEvent()\n\n const {\n actionsFlex,\n containerSquareCorners,\n headerHeadingLevel,\n headerPaddingBottom,\n headerPaddingTop,\n headerPaddingX,\n iconSize,\n isCompact,\n isDesktop,\n isViewportAbove900,\n slotSx,\n } = useWidgetHeaderStyles(width)\n const { isCopyLoaded } = useGlobalUiStore()\n const { common: commonCopy } = useGlobalCopyStore()\n const {\n config: { display_widget_headings: showTitle },\n } = useAppConfig()\n\n const handleBackClick = () => {\n if (onBackClick) {\n onBackClick()\n onEvent(ANALYTICS_EVENTS.WIDGET_BACK_CLICK)\n }\n }\n\n React.useEffect(() => {\n onEvent(ANALYTICS_EVENTS.WIDGET_SIZE_CHANGED, {\n height: contentHeight,\n width: contentWidth,\n })\n }, [contentHeight, contentWidth])\n\n if (!isCopyLoaded) {\n return <Loader />\n }\n\n const getNavButton = () => {\n if (onMenuClick && isCompact && !isViewportAbove900) {\n return (\n <IconButton color=\"primary\" onClick={onMenuClick} sx={{ p: 10 }}>\n <Icon name=\"menu_open\" size={iconSize} sx={{ transform: 'rotate(180deg)' }} />\n </IconButton>\n )\n }\n\n if (onBackClick) {\n return (\n <IconButton\n aria-label={commonCopy.back_to_dashboard}\n color=\"primary\"\n onClick={handleBackClick}\n sx={{ p: 10 }}\n >\n <ChevronLeft size={24} />\n </IconButton>\n )\n }\n\n return null\n }\n\n const defaultSlotComponent = calendarActions && (\n <Stack alignItems=\"center\" sx={slotSx}>\n <WidgetDateRangeSelector\n calendarActions={calendarActions}\n dateRange={dateRange}\n dateRangeVariant={dateRangeVariant}\n />\n </Stack>\n )\n\n return (\n <Paper\n className={className}\n elevation={1}\n ref={containerRef}\n square={containerSquareCorners}\n sx={{\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n margin: 0,\n overflowY: 'auto',\n height: '100%',\n ...sx,\n }}\n >\n <Card>\n <Stack\n alignItems=\"center\"\n alignSelf=\"stretch\"\n direction=\"row\"\n justifyContent=\"space-between\"\n sx={{\n pb: headerPaddingBottom,\n pt: headerPaddingTop,\n px: headerPaddingX,\n }}\n >\n {getNavButton()}\n <Stack alignItems=\"flex-start\" minWidth={0} sx={{ flex: 1 }}>\n {showTitle && (\n <Text sx={{ width: '100%' }} truncate={true} variant={headerHeadingLevel}>\n {title}\n </Text>\n )}\n </Stack>\n {!isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n <Stack\n alignItems=\"center\"\n direction=\"row\"\n justifyContent=\"flex-end\"\n sx={{ flex: actionsFlex, flexShrink: 0 }}\n >\n {showAccountFilter && (\n <GlobalAccountFilter\n allowedAccountTypes={allowedAccountTypes}\n isDesktop={isDesktop}\n onAccountFilterClick={onAccountsFilterClick}\n />\n )}\n {actions?.map((action) => {\n if (React.isValidElement(action))\n return React.cloneElement(action, { isDesktop } as Partial<unknown>)\n const { iconName, onClick, label } = action as Action\n return isDesktop ? (\n <Button\n key={iconName}\n onClick={onClick}\n startIcon={<Icon name={iconName} size={iconSize} />}\n >\n {label}\n </Button>\n ) : (\n <IconButton aria-label={label} color=\"primary\" key={iconName} onClick={onClick}>\n <Icon name={iconName} size={iconSize} />\n </IconButton>\n )\n })}\n </Stack>\n </Stack>\n {isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n {isCompact && hasDivider && <Divider />}\n <CardContent ref={contentRef} sx={{ p: 0 }}>\n <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n {children}\n </WidgetContainerProvider>\n </CardContent>\n </Card>\n </Paper>\n )\n },\n)\n"],"mappings":"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"}
1	+ {"version":3,"file":"WidgetContainer.es.js","names":[],"sources":["../../../src/common/components/WidgetContainer.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { ChevronLeft } from '@mxenabled/mx-icons'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { AccountType } from '../../core'\nimport {\n useAppConfig,\n useGlobalCopyStore,\n useGlobalUiStore,\n WidgetContainerProvider,\n} from '../context'\nimport { useWidgetHeaderStyles } from '../hooks'\nimport { useDimensions } from '../hooks/useDimensions'\n\nimport { CalendarActions } from './daterangeselector/DateRangeSelector'\nimport { GlobalAccountFilter } from './GlobalAccountFilter'\nimport { WidgetDateRangeSelector } from './WidgetDateRangeSelector'\nimport Loader from './Loader'\n\ntype Action = {\n label: string\n iconName: string\n onClick: () => void\n}\n\ninterface WidgetContainerProps {\n allowedAccountTypes?: AccountType[] \| undefined\n actions?: (Action \| React.JSX.Element)[]\n calendarActions?: CalendarActions\n className?: string\n dateRange?: { start: Date; end: Date }\n dateRangeVariant?: 'outlined' \| 'text' \| 'readonly' \| 'timeframebuttons' \| 'timeframetabs'\n hasDivider?: boolean\n onBackClick?: () => void\n onMenuClick?: () => void\n onAccountsFilterClick?: () => void\n showAccountFilter?: boolean\n slotComponent?: React.ReactElement\n sx?: SxProps\n title?: string\n}\n\nexport const WidgetContainer: React.FC<PropsWithChildren<WidgetContainerProps>> = observer(\n ({\n actions,\n allowedAccountTypes,\n calendarActions,\n children,\n className = 'mx-cmn-widget',\n dateRange,\n dateRangeVariant,\n hasDivider = false,\n onAccountsFilterClick,\n onBackClick,\n onMenuClick,\n showAccountFilter = true,\n slotComponent,\n sx = {},\n title = '',\n }) => {\n const [containerRef, { height, width }] = useDimensions()\n const [contentRef, { height: contentHeight, width: contentWidth }] = useDimensions()\n const { onEvent } = useEvent()\n\n const {\n actionsFlex,\n containerSquareCorners,\n headerHeadingLevel,\n headerPaddingBottom,\n headerPaddingTop,\n headerPaddingX,\n iconSize,\n isCompact,\n isDesktop,\n isViewportAbove900,\n slotSx,\n } = useWidgetHeaderStyles(width)\n const { isCopyLoaded } = useGlobalUiStore()\n const { common: commonCopy } = useGlobalCopyStore()\n const {\n config: { display_widget_headings: showTitle },\n } = useAppConfig()\n\n const handleBackClick = () => {\n if (onBackClick) {\n onBackClick()\n onEvent(ANALYTICS_EVENTS.WIDGET_BACK_CLICK)\n }\n }\n\n React.useEffect(() => {\n onEvent(ANALYTICS_EVENTS.WIDGET_SIZE_CHANGED, {\n height: contentHeight,\n width: contentWidth,\n })\n }, [contentHeight, contentWidth])\n\n if (!isCopyLoaded) {\n return <Loader />\n }\n\n const getNavButton = () => {\n if (onMenuClick && isCompact && !isViewportAbove900) {\n return (\n <IconButton color=\"primary\" onClick={onMenuClick} sx={{ p: 10 }}>\n <Icon name=\"menu_open\" size={iconSize} sx={{ transform: 'rotate(180deg)' }} />\n </IconButton>\n )\n }\n\n if (onBackClick) {\n return (\n <IconButton\n aria-label={commonCopy.back_to_dashboard}\n color=\"primary\"\n onClick={handleBackClick}\n sx={{ p: 10 }}\n >\n <ChevronLeft size={24} />\n </IconButton>\n )\n }\n\n return null\n }\n\n const defaultSlotComponent = calendarActions && (\n <Stack alignItems=\"center\" sx={slotSx}>\n <WidgetDateRangeSelector\n calendarActions={calendarActions}\n dateRange={dateRange}\n dateRangeVariant={dateRangeVariant}\n />\n </Stack>\n )\n\n return (\n <Paper\n className={className}\n elevation={1}\n ref={containerRef}\n square={containerSquareCorners}\n sx={{\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n margin: 0,\n overflowY: 'auto',\n height: '100%',\n ...sx,\n }}\n >\n <Card>\n <Stack\n alignItems=\"center\"\n alignSelf=\"stretch\"\n direction=\"row\"\n justifyContent=\"space-between\"\n sx={{\n pb: headerPaddingBottom,\n pt: headerPaddingTop,\n px: headerPaddingX,\n }}\n >\n {getNavButton()}\n <Stack alignItems=\"flex-start\" minWidth={0} sx={{ flex: 1 }}>\n {showTitle && (\n <Text sx={{ width: '100%' }} truncate={true} variant={headerHeadingLevel}>\n {title}\n </Text>\n )}\n </Stack>\n {!isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n <Stack\n alignItems=\"center\"\n direction=\"row\"\n justifyContent=\"flex-end\"\n sx={{ flex: actionsFlex, flexShrink: 0 }}\n >\n {showAccountFilter && (\n <GlobalAccountFilter\n allowedAccountTypes={allowedAccountTypes}\n isDesktop={isDesktop}\n onAccountFilterClick={onAccountsFilterClick}\n />\n )}\n {actions?.map((action) => {\n if (React.isValidElement(action))\n return React.cloneElement(action, { isDesktop } as Partial<unknown>)\n const { iconName, onClick, label } = action as Action\n return isDesktop ? (\n <Button\n key={iconName}\n onClick={onClick}\n startIcon={<Icon name={iconName} size={iconSize} />}\n >\n {label}\n </Button>\n ) : (\n <IconButton aria-label={label} color=\"primary\" key={iconName} onClick={onClick}>\n <Icon name={iconName} size={iconSize} />\n </IconButton>\n )\n })}\n </Stack>\n </Stack>\n {isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n {isCompact && hasDivider && <Divider />}\n <CardContent ref={contentRef} sx={{ p: 0 }}>\n <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n {children}\n </WidgetContainerProvider>\n </CardContent>\n </Card>\n </Paper>\n )\n },\n)\n"],"mappings":"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"}

package/dist/common/components/WidgetDateRangeSelector.es.js CHANGED Viewed

@@ -1,38 +1,38 @@
-import { useGlobalCopyStore as o, useGlobalUiStore as _ } from "../context/hooks.es.js";
-import d from "./daterangeselector/DateRangeSelector.es.js";
+import { useGlobalCopyStore as i, useGlobalUiStore as g } from "../context/hooks.es.js";
+import s from "./daterangeselector/DateRangeSelector.es.js";
 import "react";
-import { observer as i } from "mobx-react-lite";
-import { jsx as g } from "react/jsx-runtime";
-var k = i(({ calendarActions: r, dateRange: a, dateRangeVariant: n }) => {
-  const { displayedDateRange: t } = _(), { common: e } = o();
-  return /* @__PURE__ */ g(d, {
-    calendarActions: r,
-    copy: {
-      dateRangePickerCopy: {
-        dateRangeFrom: e.date_range_picker.from,
-        dateRangeTo: e.date_range_picker.to,
-        dateRangeCustom: e.date_range_picker.custom,
-        dateRangeSelectARange: e.date_range_picker.select_range,
-        dateRangeThisMonth: e.date_range_picker.this_month,
-        dateRangeLastMonth: e.date_range_picker.last_month,
-        dateRangeLast30Days: e.date_range_picker.last_30_days,
-        dateRangeLast90Days: e.date_range_picker.last_90_days,
-        dateRangeYTD: e.date_range_picker.ytd,
-        dateRangeLastYear: e.date_range_picker.last_year,
-        dateRangeSelect: e.date_range_picker.select
-      },
-      dateRangeEditApply: e.date_range_picker.edit_apply,
-      dateRangeEditTitle: e.date_range_picker.edit_title,
-      dateRangeNextAria: e.date_range_picker.next_aria,
-      dateRangePreviousAria: e.date_range_picker.previous_aria
+import { observer as c } from "mobx-react-lite";
+import { jsx as p } from "react/jsx-runtime";
+var u = c(({ calendarActions: r, dateRange: a, dateRangeVariant: n }) => {
+  const { displayedDateRange: t } = g(), { common: e } = i(), o = {
+    dateRangePickerCopy: {
+      dateRangeFrom: e.date_range_picker.from,
+      dateRangeTo: e.date_range_picker.to,
+      dateRangeCustom: e.date_range_picker.custom,
+      dateRangeSelectARange: e.date_range_picker.select_range,
+      dateRangeThisMonth: e.date_range_picker.this_month,
+      dateRangeLastMonth: e.date_range_picker.last_month,
+      dateRangeLast30Days: e.date_range_picker.last_30_days,
+      dateRangeLast90Days: e.date_range_picker.last_90_days,
+      dateRangeYTD: e.date_range_picker.ytd,
+      dateRangeLastYear: e.date_range_picker.last_year,
+      dateRangeSelect: e.date_range_picker.select
     },
-    range: [a ? a.start : t.start, a ? a.end : t.end],
+    dateRangeEditApply: e.date_range_picker.edit_apply,
+    dateRangeEditTitle: e.date_range_picker.edit_title,
+    dateRangeNextAria: e.date_range_picker.next_aria,
+    dateRangePreviousAria: e.date_range_picker.previous_aria
+  }, d = a ? a.start : t.start, _ = a ? a.end : t.end;
+  return /* @__PURE__ */ p(s, {
+    calendarActions: r,
+    copy: o,
+    range: [d, _],
     shouldShrinkToIcon: !1,
     variant: n
   });
 });
 export {
-  k as WidgetDateRangeSelector
+  u as WidgetDateRangeSelector
 };
 //# sourceMappingURL=WidgetDateRangeSelector.es.js.map

package/dist/common/components/WidgetDateRangeSelector.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WidgetDateRangeSelector.es.js","names":[],"sources":["../../../src/common/components/WidgetDateRangeSelector.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useGlobalUiStore } from '../context'\n\nimport { DateRangeSelector } from './daterangeselector'\nimport { CalendarActions, DateRangeSelectorCopy } from './daterangeselector/DateRangeSelector'\n\ninterface WidgetDateRangeSelectorProps {\n calendarActions: CalendarActions\n dateRange?: { start: Date; end: Date }\n dateRangeVariant?: 'outlined' \| 'text' \| 'readonly' \| 'timeframebuttons' \| 'timeframetabs'\n}\n\nexport const WidgetDateRangeSelector: React.FC<WidgetDateRangeSelectorProps> = observer(\n ({ calendarActions, dateRange, dateRangeVariant }) => {\n const { displayedDateRange } = useGlobalUiStore()\n const { common: commonCopy } = useGlobalCopyStore()\n\n const dateRangeSelectorCopy = {\n dateRangePickerCopy: {\n dateRangeFrom: commonCopy.date_range_picker.from,\n dateRangeTo: commonCopy.date_range_picker.to,\n dateRangeCustom: commonCopy.date_range_picker.custom,\n dateRangeSelectARange: commonCopy.date_range_picker.select_range,\n dateRangeThisMonth: commonCopy.date_range_picker.this_month,\n dateRangeLastMonth: commonCopy.date_range_picker.last_month,\n dateRangeLast30Days: commonCopy.date_range_picker.last_30_days,\n dateRangeLast90Days: commonCopy.date_range_picker.last_90_days,\n dateRangeYTD: commonCopy.date_range_picker.ytd,\n dateRangeLastYear: commonCopy.date_range_picker.last_year,\n dateRangeSelect: commonCopy.date_range_picker.select,\n },\n dateRangeEditApply: commonCopy.date_range_picker.edit_apply,\n dateRangeEditTitle: commonCopy.date_range_picker.edit_title,\n dateRangeNextAria: commonCopy.date_range_picker.next_aria,\n dateRangePreviousAria: commonCopy.date_range_picker.previous_aria,\n } as DateRangeSelectorCopy\n\n const startDate = dateRange ? dateRange.start : displayedDateRange.start\n const endDate = dateRange ? dateRange.end : displayedDateRange.end\n\n return (\n <DateRangeSelector\n calendarActions={calendarActions}\n copy={dateRangeSelectorCopy}\n range={[startDate, endDate]}\n shouldShrinkToIcon={false}\n variant={dateRangeVariant}\n />\n )\n },\n)\n"],"mappings":";;;;;AAcA,IAAa,IAAkE,EAAA,CAC5E,EAAE,iBAAA,GAAiB,WAAA,GAAW,kBAAA,EAAA,MAAuB;AACpD,QAAM,EAAE,oBAAA,EAAA,IAAuB,EAAiB,GAC1C,EAAE,QAAQ,EAAA,IAAe,EAAmB~~;AAyBlD~~,~~SACE~~,~~gBAAA,EAAC,GAAD~~;AAAA,~~IACmB~~,~~iBAAA;AAAA,IACjB,MAAM;AAAA,MAzBR,~~qBAAqB;AAAA,~~QACnB~~,eAAe,EAAW,kBAAkB;AAAA,~~QAC5C~~,aAAa,EAAW,kBAAkB;AAAA,~~QAC1C~~,iBAAiB,EAAW,kBAAkB;AAAA,~~QAC9C~~,uBAAuB,EAAW,kBAAkB;AAAA,~~QACpD~~,oBAAoB,EAAW,kBAAkB;AAAA,~~QACjD~~,oBAAoB,EAAW,kBAAkB;AAAA,~~QACjD~~,qBAAqB,EAAW,kBAAkB;AAAA,~~QAClD~~,qBAAqB,EAAW,kBAAkB;AAAA,~~QAClD~~,cAAc,EAAW,kBAAkB;AAAA,~~QAC3C~~,mBAAmB,EAAW,kBAAkB;AAAA,~~QAChD~~,iBAAiB,EAAW,kBAAkB;AAAA,~~MAChD~~;AAAA,~~MACA~~,oBAAoB,EAAW,kBAAkB;AAAA,~~MACjD~~,oBAAoB,EAAW,kBAAkB;AAAA,~~MACjD~~,mBAAmB,EAAW,kBAAkB;AAAA,~~MAChD~~,uBAAuB,EAAW,kBAAkB;AAAA,~~IAS5C;AAAA~~,~~IACN~~,~~OAAO~~,~~CAPO,~~IAAY,EAAU,QAAQ,EAAmB,~~OACnD~~,IAAY,EAAU,MAAM,EAAmB,~~GAMjC~~;AAAA,IAC1B,oBAAoB;AAAA,IACpB,SAAS;AAAA,EACV,CAAA;AAEL,CACF"}
1	+ {"version":3,"file":"WidgetDateRangeSelector.es.js","names":[],"sources":["../../../src/common/components/WidgetDateRangeSelector.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useGlobalUiStore } from '../context'\n\nimport { DateRangeSelector } from './daterangeselector'\nimport { CalendarActions, DateRangeSelectorCopy } from './daterangeselector/DateRangeSelector'\n\ninterface WidgetDateRangeSelectorProps {\n calendarActions: CalendarActions\n dateRange?: { start: Date; end: Date }\n dateRangeVariant?: 'outlined' \| 'text' \| 'readonly' \| 'timeframebuttons' \| 'timeframetabs'\n}\n\nexport const WidgetDateRangeSelector: React.FC<WidgetDateRangeSelectorProps> = observer(\n ({ calendarActions, dateRange, dateRangeVariant }) => {\n const { displayedDateRange } = useGlobalUiStore()\n const { common: commonCopy } = useGlobalCopyStore()\n\n const dateRangeSelectorCopy = {\n dateRangePickerCopy: {\n dateRangeFrom: commonCopy.date_range_picker.from,\n dateRangeTo: commonCopy.date_range_picker.to,\n dateRangeCustom: commonCopy.date_range_picker.custom,\n dateRangeSelectARange: commonCopy.date_range_picker.select_range,\n dateRangeThisMonth: commonCopy.date_range_picker.this_month,\n dateRangeLastMonth: commonCopy.date_range_picker.last_month,\n dateRangeLast30Days: commonCopy.date_range_picker.last_30_days,\n dateRangeLast90Days: commonCopy.date_range_picker.last_90_days,\n dateRangeYTD: commonCopy.date_range_picker.ytd,\n dateRangeLastYear: commonCopy.date_range_picker.last_year,\n dateRangeSelect: commonCopy.date_range_picker.select,\n },\n dateRangeEditApply: commonCopy.date_range_picker.edit_apply,\n dateRangeEditTitle: commonCopy.date_range_picker.edit_title,\n dateRangeNextAria: commonCopy.date_range_picker.next_aria,\n dateRangePreviousAria: commonCopy.date_range_picker.previous_aria,\n } as DateRangeSelectorCopy\n\n const startDate = dateRange ? dateRange.start : displayedDateRange.start\n const endDate = dateRange ? dateRange.end : displayedDateRange.end\n\n return (\n <DateRangeSelector\n calendarActions={calendarActions}\n copy={dateRangeSelectorCopy}\n range={[startDate, endDate]}\n shouldShrinkToIcon={false}\n variant={dateRangeVariant}\n />\n )\n },\n)\n"],"mappings":";;;;;AAcA,IAAa,IAAkE,EAAA,CAC5E,EAAE,iBAAA,GAAiB,WAAA,GAAW,kBAAA,EAAA,MAAuB;AACpD,QAAM,EAAE,oBAAA,EAAA,IAAuB,EAAiB,GAC1C,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAE5C,IAAwB;AAAA,IAC5B,qBAAqB;AAAA,MACnB,eAAe,EAAW,kBAAkB;AAAA,MAC5C,aAAa,EAAW,kBAAkB;AAAA,MAC1C,iBAAiB,EAAW,kBAAkB;AAAA,MAC9C,uBAAuB,EAAW,kBAAkB;AAAA,MACpD,oBAAoB,EAAW,kBAAkB;AAAA,MACjD,oBAAoB,EAAW,kBAAkB;AAAA,MACjD,qBAAqB,EAAW,kBAAkB;AAAA,MAClD,qBAAqB,EAAW,kBAAkB;AAAA,MAClD,cAAc,EAAW,kBAAkB;AAAA,MAC3C,mBAAmB,EAAW,kBAAkB;AAAA,MAChD,iBAAiB,EAAW,kBAAkB;AAAA,IAChD;AAAA,IACA,oBAAoB,EAAW,kBAAkB;AAAA,IACjD,oBAAoB,EAAW,kBAAkB;AAAA,IACjD,mBAAmB,EAAW,kBAAkB;AAAA,IAChD,uBAAuB,EAAW,kBAAkB;AAAA,EACtD,GAEM,IAAY,IAAY,EAAU,QAAQ,EAAmB,OAC7D,IAAU,IAAY,EAAU,MAAM,EAAmB;AAE/D,SACE,gBAAA,EAAC,GAAD;AAAA,IACmB,iBAAA;AAAA,IACjB,MAAM;AAAA,IACN,OAAO,CAAC,GAAW,CAAO;AAAA,IAC1B,oBAAoB;AAAA,IACpB,SAAS;AAAA,EACV,CAAA;AAEL,CACF"}

package/dist/common/components/addaccounts/AddAccounts.es.js CHANGED Viewed

@@ -1,19 +1,19 @@
-import { useGlobalCopyStore as c } from "../../context/hooks.es.js";
-import { observer as d } from "mobx-react-lite";
+import { useGlobalCopyStore as d } from "../../context/hooks.es.js";
+import { observer as i } from "mobx-react-lite";
 import { Icon as t } from "@mxenabled/mxui";
-import i from "@mui/material/Button";
+import n from "@mui/material/Button";
 import { jsx as o } from "react/jsx-runtime";
-import n from "@mui/material/Box";
-import e from "@mui/material/useMediaQuery";
-import m from "@mui/material/IconButton";
+import e from "@mui/material/Box";
+import m from "@mui/material/useMediaQuery";
+import s from "@mui/material/IconButton";
 import p from "@mui/material/Tooltip";
-var s = ({ handleConnectClick: r }) => {
-  const { common: a } = c();
-  return /* @__PURE__ */ o(n, { children: e("(max-width: 700px)") ? /* @__PURE__ */ o(p, {
+var u = ({ handleConnectClick: r }) => {
+  const { common: a } = d(), c = m("(max-width: 700px)");
+  return /* @__PURE__ */ o(e, { children: c ? /* @__PURE__ */ o(p, {
     id: "add-accounts",
     placement: "bottom",
     title: a.add_accounts,
-    children: /* @__PURE__ */ o(m, {
+    children: /* @__PURE__ */ o(s, {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
@@ -25,7 +25,7 @@ var s = ({ handleConnectClick: r }) => {
         size: 24
       })
     })
-  }) : /* @__PURE__ */ o(i, {
+  }) : /* @__PURE__ */ o(n, {
     "aria-controls": "add_accounts",
     "aria-haspopup": !0,
     "aria-label": a.add_accounts,
@@ -42,9 +42,9 @@ var s = ({ handleConnectClick: r }) => {
     variant: "text",
     children: a.add_accounts
   }) });
-}, A = d(s);
+}, w = i(u);
 export {
-  A as default
+  w as default
 };
 //# sourceMappingURL=AddAccounts.es.js.map

package/dist/common/components/addaccounts/AddAccounts.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddAccounts.es.js","names":[],"sources":["../../../../src/common/components/addaccounts/AddAccounts.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface AddAccountsProps {\n handleConnectClick: () => void\n}\n\nconst AddAccounts = ({ handleConnectClick }: AddAccountsProps) => {\n const { common: copy } = useGlobalCopyStore()\n const isSmallerThan700 = useMediaQuery('(max-width: 700px)')\n\n return (\n <Box>\n {isSmallerThan700 ? (\n <Tooltip id=\"add-accounts\" placement=\"bottom\" title={copy.add_accounts}>\n <IconButton\n aria-controls=\"add_accounts\"\n aria-describedby=\"add-accounts\"\n aria-haspopup={true}\n aria-label={copy.add_accounts}\n color=\"primary\"\n onClick={handleConnectClick}\n >\n <Icon name=\"add\" size={24} />\n </IconButton>\n </Tooltip>\n ) : (\n <Button\n aria-controls=\"add_accounts\"\n aria-haspopup={true}\n aria-label={copy.add_accounts}\n onClick={handleConnectClick}\n startIcon={<Icon name=\"add\" size={24} />}\n sx={{\n p: 12,\n whiteSpace: 'nowrap',\n minWidth: 'max-content',\n }}\n variant=\"text\"\n >\n {copy.add_accounts}\n </Button>\n )}\n </Box>\n )\n}\n\nexport default observer(AddAccounts)\n"],"mappings":";;;;;;;;;AAgBA,IAAM,IAAA,CAAe,EAAE,oBAAA,EAAA,MAA2C;AAChE,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB;~~AAG5C~~,SACE,gBAAA,EAAC,GAAD,EAAA,~~UAHuB~~,~~EAAc,oBAIlC,~~IACC,gBAAA,EAAC,GAAD;AAAA,IAAS,IAAG;AAAA,IAAe,WAAU;AAAA,IAAS,OAAO,EAAK;AAAA,~~cACxD~~,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAc;AAAA,MACd,oBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,cAAY,EAAK;AAAA,MACjB,OAAM;AAAA,MACN,SAAS;AAAA,~~gBAET~~,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAM,MAAM;AAAA,MAAK,CAAA;AAAA,IAClB,CAAA;AAAA,EACL,CAAA,IAET,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAc;AAAA,IACd,iBAAe;AAAA,IACf,cAAY,EAAK;AAAA,IACjB,SAAS;AAAA,IACT,WAAW,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAK;AAAA,MAAM,MAAM;AAAA,IAAK,CAAA;AAAA,IACvC,IAAI;AAAA,MACF,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,IACA,SAAQ;AAAA,~~cAEP~~,EAAK;AAAA,EACA,CAAA,EAEP,CAAA;AAET,GAEA,IAAe,EAAS,CAAW"}
1	+ {"version":3,"file":"AddAccounts.es.js","names":[],"sources":["../../../../src/common/components/addaccounts/AddAccounts.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface AddAccountsProps {\n handleConnectClick: () => void\n}\n\nconst AddAccounts = ({ handleConnectClick }: AddAccountsProps) => {\n const { common: copy } = useGlobalCopyStore()\n const isSmallerThan700 = useMediaQuery('(max-width: 700px)')\n\n return (\n <Box>\n {isSmallerThan700 ? (\n <Tooltip id=\"add-accounts\" placement=\"bottom\" title={copy.add_accounts}>\n <IconButton\n aria-controls=\"add_accounts\"\n aria-describedby=\"add-accounts\"\n aria-haspopup={true}\n aria-label={copy.add_accounts}\n color=\"primary\"\n onClick={handleConnectClick}\n >\n <Icon name=\"add\" size={24} />\n </IconButton>\n </Tooltip>\n ) : (\n <Button\n aria-controls=\"add_accounts\"\n aria-haspopup={true}\n aria-label={copy.add_accounts}\n onClick={handleConnectClick}\n startIcon={<Icon name=\"add\" size={24} />}\n sx={{\n p: 12,\n whiteSpace: 'nowrap',\n minWidth: 'max-content',\n }}\n variant=\"text\"\n >\n {copy.add_accounts}\n </Button>\n )}\n </Box>\n )\n}\n\nexport default observer(AddAccounts)\n"],"mappings":";;;;;;;;;AAgBA,IAAM,IAAA,CAAe,EAAE,oBAAA,EAAA,MAA2C;AAChE,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,IAAmB,EAAc,oBAAoB;AAE3D,SACE,gBAAA,EAAC,GAAD,EAAA,UACG,IACC,gBAAA,EAAC,GAAD;AAAA,IAAS,IAAG;AAAA,IAAe,WAAU;AAAA,IAAS,OAAO,EAAK;AAAA,IACxD,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAc;AAAA,MACd,oBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,cAAY,EAAK;AAAA,MACjB,OAAM;AAAA,MACN,SAAS;AAAA,MAET,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAM,MAAM;AAAA,MAAK,CAAA;AAAA,IAClB,CAAA;AAAA,EACL,CAAA,IAET,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAc;AAAA,IACd,iBAAe;AAAA,IACf,cAAY,EAAK;AAAA,IACjB,SAAS;AAAA,IACT,WAAW,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAK;AAAA,MAAM,MAAM;AAAA,IAAK,CAAA;AAAA,IACvC,IAAI;AAAA,MACF,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,IACA,SAAQ;AAAA,IAEP,UAAA,EAAK;AAAA,EACA,CAAA,EAEP,CAAA;AAET,GAEA,IAAe,EAAS,CAAW"}

package/dist/common/components/calendar/Calendar.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.es.js","names":[],"sources":["../../../../src/common/components/calendar/Calendar.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { addDays } from 'date-fns/addDays'\nimport { addMonths } from 'date-fns/addMonths'\nimport { eachDayOfInterval } from 'date-fns/eachDayOfInterval'\nimport { eachWeekOfInterval } from 'date-fns/eachWeekOfInterval'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { format } from 'date-fns/format'\nimport { isBefore } from 'date-fns/isBefore'\nimport { isSameMonth } from 'date-fns/isSameMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport Button from '@mui/material/Button'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Header from './Header'\nimport Day from './Day'\n\nexport const CALENDAR_WIDTH = 340\nexport const DATE_SIZE = 44\nexport const enum CalendarSelectionTypes {\n None = 'None',\n Single = 'Single',\n Range = 'Range',\n}\n\nexport type CalendarCopy = {\n nextAria: string\n prevAria: string\n today: string\n}\n\nexport interface CalendarProps {\n copy: CalendarCopy\n beginDate?: Date\n endDate?: Date\n onDateSelected?: (date: Date) => void\n onRangeSelected?: (beginDate: Date, endDate: Date) => void\n selectionType?: CalendarSelectionTypes\n}\n\nconst Calendar: React.FC<CalendarProps> = ({\n copy,\n beginDate: beginDateProp = undefined,\n endDate: endDateProp = undefined,\n onDateSelected,\n onRangeSelected,\n selectionType = CalendarSelectionTypes.Single,\n}) => {\n const styles = getStyles()\n\n const [date, setDate] = React.useState(startOfToday)\n\n const [beginDate, setBeginDate] = React.useState<Date \| undefined>(beginDateProp)\n const [endDate, setEndDate] = React.useState<Date \| undefined>(endDateProp)\n\n React.useEffect(() => {\n setBeginDate(beginDateProp)\n setEndDate(endDateProp)\n if (beginDateProp) {\n setDate(beginDateProp)\n }\n }, [beginDateProp, endDateProp])\n\n const weeks = React.useMemo(() => {\n const weeksInInterval = eachWeekOfInterval({ start: startOfMonth(date), end: endOfMonth(date) })\n\n const weeks = [] as Date[][]\n for (let i = 0; i < weeksInInterval.length; i++) {\n const weekStart = weeksInInterval[i]\n const days = eachDayOfInterval({ start: weekStart, end: addDays(weekStart, 6) })\n\n const week = [] as Date[]\n for (let j = 0; j < days.length; j++) {\n week.push(days[j])\n }\n weeks.push(week)\n }\n\n return weeks\n }, [date])\n\n const handleSelection = (date: Date) => {\n if (selectionType === CalendarSelectionTypes.None) return\n\n if (selectionType === CalendarSelectionTypes.Single) {\n setBeginDate(date)\n onDateSelected?.(date)\n return\n }\n\n if (!beginDate \|\| endDate) {\n setBeginDate(date)\n setEndDate(undefined)\n } else if (isBefore(date, beginDate)) {\n setEndDate(beginDate)\n setBeginDate(date)\n onRangeSelected?.(date, beginDate)\n } else {\n setEndDate(date)\n onRangeSelected?.(beginDate, date)\n }\n }\n\n const handleTodayClick = () => {\n const today = startOfToday()\n setDate(today)\n\n if (selectionType === CalendarSelectionTypes.None) return\n\n setBeginDate(today)\n\n if (selectionType === CalendarSelectionTypes.Single) {\n onDateSelected?.(today)\n } else {\n setEndDate(today)\n onRangeSelected?.(today, today)\n }\n }\n\n const handleNextMonthClick = () => {\n setDate(addMonths(date, 1))\n }\n\n const handlePreviousMonthClick = () => {\n setDate(subMonths(date, 1))\n }\n\n return (\n <div className={`mx-cmn-calendar ${styles}`}>\n <Paper sx={{ boxShadow: 'none' }}>\n <Header\n copy={copy}\n date={date}\n onNextClick={handleNextMonthClick}\n onPreviousClick={handlePreviousMonthClick}\n />\n\n <div className=\"mx-cmn-calendar-header-row\">\n {weeks[0].map((day, index) => (\n <div className=\"mx-cmn-calendar-header-cell\" key={index}>\n <Text bold={true} variant=\"body2\">\n {format(day, 'EEEEE')}\n </Text>\n </div>\n ))}\n </div>\n\n {weeks.map((week, index) => (\n <div className=\"mx-cmn-calendar-week\" key={`w-${index}`}>\n {week.map((day, index) => (\n <Day\n beginDate={beginDate}\n date={day}\n endDate={endDate}\n isInMonth={isSameMonth(day, date)}\n key={index}\n onClick={handleSelection}\n />\n ))}\n </div>\n ))}\n\n <div className=\"mx-cmn-calendar-today-container\">\n <Button onClick={handleTodayClick} size=\"small\" variant=\"text\">\n {copy.today}\n </Button>\n </div>\n </Paper>\n </div>\n )\n}\n\nconst getStyles = () =>\n css({\n width: CALENDAR_WIDTH,\n '& .MuiPaper-root': {\n paddingLeft: 24,\n paddingRight: 24,\n paddingTop: 4,\n paddingBottom: 4,\n },\n '& .mx-cmn-calendar-header-row': {\n display: 'flex',\n justifyContent: 'center',\n textAlign: 'center',\n '& .mx-cmn-calendar-header-cell': {\n height: DATE_SIZE,\n width: DATE_SIZE,\n minWidth: DATE_SIZE,\n '& .kmui-text': {\n alignItems: 'center',\n display: 'flex',\n height: '100%',\n justifyContent: 'center',\n width: '100%',\n },\n },\n },\n '& .mx-cmn-calendar-week': {\n display: 'flex',\n justifyContent: 'center',\n textAlign: 'center',\n },\n '& .mx-cmn-calendar-today-container': {\n display: 'block',\n marginTop: 16,\n textAlign: 'center',\n width: '100%',\n '& > .MuiButton-root': {\n display: 'inline-block',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n })\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,IAAkB,KAAX,0BAAA,GAAA;AACL,SAAA,EAAA,OAAA,QACA,EAAA,SAAA,UACA,EAAA,QAAA;AACF,GAAA,CAAA,CAAA,GAiBM,KAAA,CAAqC,EACzC,MAAA,GACA,WAAW,IAAgB,QAC3B,SAAS,IAAc,QACvB,gBAAA,GACA,iBAAA,GACA,eAAA,IAAA,SAAA,MACI;AACJ,QAAM,IAAS,EAAU,GAEnB,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,CAAY,GAE7C,CAAC,GAAW,CAAA,IAAgB,EAAM,SAA2B,CAAa,GAC1E,CAAC,GAAS,CAAA,IAAc,EAAM,SAA2B,CAAW;AAE1E,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAa,CAAa,GAC1B,EAAW,CAAW,GAClB,KACF,EAAQ,CAAa;AAAA,EAEzB,GAAG,CAAC,GAAe,CAAW,CAAC;AAE/B,QAAM,IAAQ,EAAM,QAAA,MAAc;AAChC,UAAM,IAAkB,EAAmB;AAAA,MAAE,OAAO,EAAa,CAAI;AAAA,MAAG,KAAK,EAAW,CAAI;AAAA,IAAE,CAAC,GAEzF,IAAQ,CAAC;AACf,aAAS,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;AAC/C,YAAM,IAAY,EAAgB,CAAA,GAC5B,IAAO,EAAkB;AAAA,QAAE,OAAO;AAAA,QAAW,KAAK,EAAQ,GAAW,CAAC;AAAA,MAAE,CAAC,GAEzE,IAAO,CAAC;AACd,eAAS,IAAI,GAAG,IAAI,EAAK,QAAQ,IAC/B,CAAA,EAAK,KAAK,EAAK,CAAA,CAAE;AAEnB,MAAA,EAAM,KAAK,CAAI;AAAA,IACjB;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,CAAI,CAAC,GAEH,IAAA,CAAmB,MAAe;AACtC,QAAI,MAAA,QAEJ;AAAA,UAAI,MAAA,UAAiD;AACnD,QAAA,EAAa,CAAI,GACjB,IAAiB,CAAI;AACrB;AAAA,MACF;AAEA,MAAI,CAAC,KAAa,KAChB,EAAa,CAAI,GACjB,EAAW,MAAS,KACX,EAAS,GAAM,CAAS,KACjC,EAAW,CAAS,GACpB,EAAa,CAAI,GACjB,IAAkB,GAAM,CAAS,MAEjC,EAAW,CAAI,GACf,IAAkB,GAAW,CAAI;AAAA;AAAA,EAErC,GAEM,IAAA,MAAyB;AAC7B,UAAM,IAAQ,EAAa;AAG3B,IAFA,EAAQ,CAAK,GAET,MAAA,WAEJ,EAAa,CAAK,GAEd,MAAA,WACF,IAAiB,CAAK,KAEtB,EAAW,CAAK,GAChB,IAAkB,GAAO,CAAK;AAAA,EAElC,GAEM,IAAA,MAA6B;AACjC,IAAA,EAAQ,EAAU,GAAM,CAAC,CAAC;AAAA,EAC5B,GAEM,IAAA,MAAiC;AACrC,IAAA,EAAQ,EAAU,GAAM,CAAC,CAAC;AAAA,EAC5B;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,mBAAmB,CAAA;AAAA,~~cACjC~~,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,WAAW,OAAO;AAAA,~~gBAA~~/B;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACQ,MAAA;AAAA,UACA,MAAA;AAAA,UACN,aAAa;AAAA,UACb,iBAAiB;AAAA,QAClB,CAAA;AAAA,QAED,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,~~oBACZ~~,EAAM,CAAA,EAAG,IAAA,CAAK,GAAK,MAClB,gBAAA,EAAC,OAAD;AAAA,YAAK,WAAU;AAAA,~~sBACb~~,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,~~wBACvB~~,EAAO,GAAK,OAAO;AAAA,YAChB,CAAA;AAAA,UACH,GAJ6C,CAI7C,CACN;AAAA,QACE,CAAA;AAAA,QAEJ,EAAM,IAAA,CAAK,GAAM,MAChB,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,~~oBACZ~~,EAAK,IAAA,CAAK,GAAK,MACd,gBAAA,EAAC,GAAD;AAAA,YACa,WAAA;AAAA,YACX,MAAM;AAAA,YACG,SAAA;AAAA,YACT,WAAW,EAAY,GAAK,CAAI;AAAA,YAEhC,SAAS;AAAA,UACV,GAFM,CAEN,CACF;AAAA,QACE,GAXsC,KAAK,CAAA,EAW3C,CACN;AAAA,QAED,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,~~oBACb~~,gBAAA,EAAC,GAAD;AAAA,YAAQ,SAAS;AAAA,YAAkB,MAAK;AAAA,YAAQ,SAAQ;AAAA,~~sBACrD~~,EAAK;AAAA,UACA,CAAA;AAAA,QACL,CAAA;AAAA,MACA;AAAA;EACJ,CAAA;AAET,GAEM,IAAA,MACJ,EAAI;AAAA,EACF,OAAA;AAAA,EACA,oBAAoB;AAAA,IAClB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,iCAAiC;AAAA,IAC/B,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,kCAAkC;AAAA,MAChC,QAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,gBAAgB;AAAA,QACd,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,2BAA2B;AAAA,IACzB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb;AAAA,EACA,sCAAsC;AAAA,IACpC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,uBAAuB;AAAA,MACrB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,aAAa;AAAA,IACf;AAAA,EACF;AACF,CAAC"}
1	+ {"version":3,"file":"Calendar.es.js","names":[],"sources":["../../../../src/common/components/calendar/Calendar.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { addDays } from 'date-fns/addDays'\nimport { addMonths } from 'date-fns/addMonths'\nimport { eachDayOfInterval } from 'date-fns/eachDayOfInterval'\nimport { eachWeekOfInterval } from 'date-fns/eachWeekOfInterval'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { format } from 'date-fns/format'\nimport { isBefore } from 'date-fns/isBefore'\nimport { isSameMonth } from 'date-fns/isSameMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport Button from '@mui/material/Button'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Header from './Header'\nimport Day from './Day'\n\nexport const CALENDAR_WIDTH = 340\nexport const DATE_SIZE = 44\nexport const enum CalendarSelectionTypes {\n None = 'None',\n Single = 'Single',\n Range = 'Range',\n}\n\nexport type CalendarCopy = {\n nextAria: string\n prevAria: string\n today: string\n}\n\nexport interface CalendarProps {\n copy: CalendarCopy\n beginDate?: Date\n endDate?: Date\n onDateSelected?: (date: Date) => void\n onRangeSelected?: (beginDate: Date, endDate: Date) => void\n selectionType?: CalendarSelectionTypes\n}\n\nconst Calendar: React.FC<CalendarProps> = ({\n copy,\n beginDate: beginDateProp = undefined,\n endDate: endDateProp = undefined,\n onDateSelected,\n onRangeSelected,\n selectionType = CalendarSelectionTypes.Single,\n}) => {\n const styles = getStyles()\n\n const [date, setDate] = React.useState(startOfToday)\n\n const [beginDate, setBeginDate] = React.useState<Date \| undefined>(beginDateProp)\n const [endDate, setEndDate] = React.useState<Date \| undefined>(endDateProp)\n\n React.useEffect(() => {\n setBeginDate(beginDateProp)\n setEndDate(endDateProp)\n if (beginDateProp) {\n setDate(beginDateProp)\n }\n }, [beginDateProp, endDateProp])\n\n const weeks = React.useMemo(() => {\n const weeksInInterval = eachWeekOfInterval({ start: startOfMonth(date), end: endOfMonth(date) })\n\n const weeks = [] as Date[][]\n for (let i = 0; i < weeksInInterval.length; i++) {\n const weekStart = weeksInInterval[i]\n const days = eachDayOfInterval({ start: weekStart, end: addDays(weekStart, 6) })\n\n const week = [] as Date[]\n for (let j = 0; j < days.length; j++) {\n week.push(days[j])\n }\n weeks.push(week)\n }\n\n return weeks\n }, [date])\n\n const handleSelection = (date: Date) => {\n if (selectionType === CalendarSelectionTypes.None) return\n\n if (selectionType === CalendarSelectionTypes.Single) {\n setBeginDate(date)\n onDateSelected?.(date)\n return\n }\n\n if (!beginDate \|\| endDate) {\n setBeginDate(date)\n setEndDate(undefined)\n } else if (isBefore(date, beginDate)) {\n setEndDate(beginDate)\n setBeginDate(date)\n onRangeSelected?.(date, beginDate)\n } else {\n setEndDate(date)\n onRangeSelected?.(beginDate, date)\n }\n }\n\n const handleTodayClick = () => {\n const today = startOfToday()\n setDate(today)\n\n if (selectionType === CalendarSelectionTypes.None) return\n\n setBeginDate(today)\n\n if (selectionType === CalendarSelectionTypes.Single) {\n onDateSelected?.(today)\n } else {\n setEndDate(today)\n onRangeSelected?.(today, today)\n }\n }\n\n const handleNextMonthClick = () => {\n setDate(addMonths(date, 1))\n }\n\n const handlePreviousMonthClick = () => {\n setDate(subMonths(date, 1))\n }\n\n return (\n <div className={`mx-cmn-calendar ${styles}`}>\n <Paper sx={{ boxShadow: 'none' }}>\n <Header\n copy={copy}\n date={date}\n onNextClick={handleNextMonthClick}\n onPreviousClick={handlePreviousMonthClick}\n />\n\n <div className=\"mx-cmn-calendar-header-row\">\n {weeks[0].map((day, index) => (\n <div className=\"mx-cmn-calendar-header-cell\" key={index}>\n <Text bold={true} variant=\"body2\">\n {format(day, 'EEEEE')}\n </Text>\n </div>\n ))}\n </div>\n\n {weeks.map((week, index) => (\n <div className=\"mx-cmn-calendar-week\" key={`w-${index}`}>\n {week.map((day, index) => (\n <Day\n beginDate={beginDate}\n date={day}\n endDate={endDate}\n isInMonth={isSameMonth(day, date)}\n key={index}\n onClick={handleSelection}\n />\n ))}\n </div>\n ))}\n\n <div className=\"mx-cmn-calendar-today-container\">\n <Button onClick={handleTodayClick} size=\"small\" variant=\"text\">\n {copy.today}\n </Button>\n </div>\n </Paper>\n </div>\n )\n}\n\nconst getStyles = () =>\n css({\n width: CALENDAR_WIDTH,\n '& .MuiPaper-root': {\n paddingLeft: 24,\n paddingRight: 24,\n paddingTop: 4,\n paddingBottom: 4,\n },\n '& .mx-cmn-calendar-header-row': {\n display: 'flex',\n justifyContent: 'center',\n textAlign: 'center',\n '& .mx-cmn-calendar-header-cell': {\n height: DATE_SIZE,\n width: DATE_SIZE,\n minWidth: DATE_SIZE,\n '& .kmui-text': {\n alignItems: 'center',\n display: 'flex',\n height: '100%',\n justifyContent: 'center',\n width: '100%',\n },\n },\n },\n '& .mx-cmn-calendar-week': {\n display: 'flex',\n justifyContent: 'center',\n textAlign: 'center',\n },\n '& .mx-cmn-calendar-today-container': {\n display: 'block',\n marginTop: 16,\n textAlign: 'center',\n width: '100%',\n '& > .MuiButton-root': {\n display: 'inline-block',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n })\n\nexport default Calendar\n"],"mappings":"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"}

package/dist/common/components/calendar/Day.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Day.es.js","names":[],"sources":["../../../../src/common/components/calendar/Day.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { format } from 'date-fns/format'\nimport { isSameDay } from 'date-fns/isSameDay'\nimport { isWithinInterval } from 'date-fns/isWithinInterval'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport Button from '@mui/material/Button'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { DATE_SIZE } from './Calendar'\n\ninterface DayProps {\n beginDate: Date \| undefined\n date: Date\n endDate: Date \| undefined\n isInMonth: boolean\n onClick: (date: Date) => void\n}\n\nconst Day: React.FC<DayProps> = ({ beginDate, date, endDate, isInMonth, onClick }) => {\n const theme = useTheme()\n const styles = getStyles(theme)\n\n const isInRange =\n beginDate &&\n endDate &&\n isWithinInterval(date, { start: beginDate, end: endDate }) &&\n !isSameDay(date, beginDate) &&\n !isSameDay(date, endDate)\n\n const isRangeStart =\n beginDate && endDate && isSameDay(beginDate, date) && !isSameDay(beginDate, endDate)\n\n const isRangeEnd =\n endDate && beginDate && isSameDay(endDate, date) && !isSameDay(beginDate, endDate)\n\n const isSelected =\n (beginDate && isSameDay(beginDate, date)) \|\| (endDate && isSameDay(endDate, date))\n\n const isToday = isSameDay(date, startOfToday())\n\n return (\n <div\n className={`\n mx-cmn-calendar-day\n ${styles}\n ${!isInMonth ? 'mx-cmn-out-of-month' : ''}\n ${isInRange ? 'mx-cmn-date-interval' : ''}\n `}\n >\n <Button\n className={`\n mx-cmn-calendar-day-button\n ${isRangeStart ? 'mx-cmn-range-start' : ''}\n ${isRangeEnd ? 'mx-cmn-range-end' : ''}\n `}\n color={isSelected ? 'primary' : 'secondary'}\n onClick={() => onClick(date)}\n variant={isSelected ? 'contained' : 'text'}\n >\n <Text\n className={`\n mx-cmn-calendar-day-text\n ${isSelected ? 'mx-cmn-day-selected' : ''}\n ${isToday ? 'mx-cmn-today' : ''}`}\n variant=\"body2\"\n >\n {format(date, 'd')}\n </Text>\n </Button>\n </div>\n )\n}\n\nconst getStyles = (theme: any) =>\n css({\n height: DATE_SIZE,\n width: DATE_SIZE,\n display: 'flex',\n justifyContent: 'center',\n '&.mx-cmn-out-of-month': {\n backgroundColor: theme.palette.background.default,\n },\n '&.mx-cmn-date-interval': {\n backgroundColor: theme.palette.secondary.light,\n },\n '& .MuiButton-root': {\n maxWidth: 44,\n minWidth: 44,\n height: 44,\n padding: 0,\n width: 44,\n '&.mx-cmn-range-start': {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n '&:focus': {\n boxShadow: 'none',\n },\n },\n '&.mx-cmn-range-end': {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n '&:focus': {\n boxShadow: 'none',\n },\n },\n },\n '& .mx-cmn-calendar-day-text': {\n '&.mx-cmn-day-selected': {\n color: theme.palette.primary,\n '&.mx-cmn-day-selected': {\n borderColor: theme.palette.common.white,\n },\n },\n '&.mx-cmn-today': {\n borderBottom: `solid 2px ${theme.palette.primary.main}`,\n marginBottom: -6,\n paddingBottom: 5,\n },\n },\n })\n\nexport default Day\n"],"mappings":";;;;;;;;;;AAsBA,IAAM,IAAA,CAA2B,EAAE,WAAA,GAAW,MAAA,GAAM,SAAA,GAAS,WAAA,GAAW,SAAA,EAAA,MAAc;AACpF,QAAM,IAAQ,EAAS,GACjB,IAAS,EAAU,CAAK,GAExB,IACJ,KACA,KACA,EAAiB,GAAM;AAAA,IAAE,OAAO;AAAA,IAAW,KAAK;AAAA,EAAQ,CAAC,KACzD,CAAC,EAAU,GAAM,CAAS,KAC1B,CAAC,EAAU,GAAM,CAAO,GAEpB,IACJ,KAAa,KAAW,EAAU,GAAW,CAAI,KAAK,CAAC,EAAU,GAAW,CAAO,GAE/E,IACJ,KAAW,KAAa,EAAU,GAAS,CAAI,KAAK,CAAC,EAAU,GAAW,CAAO,GAE7E,IACH,KAAa,EAAU,GAAW,CAAI,KAAO,KAAW,EAAU,GAAS,CAAI,GAE5E,IAAU,EAAU,GAAM,EAAa,CAAC;AAE9C,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW;AAAA;AAAA,UAEP,CAAA;AAAA,UACC,IAAoC,KAAxB,qBAAwB;AAAA,UACrC,IAAY,yBAAyB,EAAA;AAAA;AAAA,~~cAGzC~~,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW;AAAA;AAAA,YAEP,IAAe,uBAAuB,EAAA;AAAA,YACtC,IAAa,qBAAqB,EAAA;AAAA;AAAA,MAEtC,OAAO,IAAa,YAAY;AAAA,MAChC,SAAA,MAAe,EAAQ,CAAI;AAAA,MAC3B,SAAS,IAAa,cAAc;AAAA,~~gBAEpC~~,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW;AAAA;AAAA,cAEP,IAAa,wBAAwB,EAAA;AAAA,cACrC,IAAU,iBAAiB,EAAA;AAAA,QAC/B,SAAQ;AAAA,~~kBAEP~~,EAAO,GAAM,GAAG;AAAA,MACb,CAAA;AAAA,IACA,CAAA;AAAA,EACL,CAAA;AAET,GAEM,IAAA,CAAa,MACjB,EAAI;AAAA,EACF,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,yBAAyB,EACvB,iBAAiB,EAAM,QAAQ,WAAW,QAC5C;AAAA,EACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,UAAU,MAC3C;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,MACtB,sBAAsB;AAAA,MACtB,yBAAyB;AAAA,MACzB,WAAW,EACT,WAAW,OACb;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,qBAAqB;AAAA,MACrB,wBAAwB;AAAA,MACxB,WAAW,EACT,WAAW,OACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,+BAA+B;AAAA,IAC7B,yBAAyB;AAAA,MACvB,OAAO,EAAM,QAAQ;AAAA,MACrB,yBAAyB,EACvB,aAAa,EAAM,QAAQ,OAAO,MACpC;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,cAAc,aAAa,EAAM,QAAQ,QAAQ,IAAA;AAAA,MACjD,cAAc;AAAA,MACd,eAAe;AAAA,IACjB;AAAA,EACF;AACF,CAAC"}
1	+ {"version":3,"file":"Day.es.js","names":[],"sources":["../../../../src/common/components/calendar/Day.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { format } from 'date-fns/format'\nimport { isSameDay } from 'date-fns/isSameDay'\nimport { isWithinInterval } from 'date-fns/isWithinInterval'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport Button from '@mui/material/Button'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { DATE_SIZE } from './Calendar'\n\ninterface DayProps {\n beginDate: Date \| undefined\n date: Date\n endDate: Date \| undefined\n isInMonth: boolean\n onClick: (date: Date) => void\n}\n\nconst Day: React.FC<DayProps> = ({ beginDate, date, endDate, isInMonth, onClick }) => {\n const theme = useTheme()\n const styles = getStyles(theme)\n\n const isInRange =\n beginDate &&\n endDate &&\n isWithinInterval(date, { start: beginDate, end: endDate }) &&\n !isSameDay(date, beginDate) &&\n !isSameDay(date, endDate)\n\n const isRangeStart =\n beginDate && endDate && isSameDay(beginDate, date) && !isSameDay(beginDate, endDate)\n\n const isRangeEnd =\n endDate && beginDate && isSameDay(endDate, date) && !isSameDay(beginDate, endDate)\n\n const isSelected =\n (beginDate && isSameDay(beginDate, date)) \|\| (endDate && isSameDay(endDate, date))\n\n const isToday = isSameDay(date, startOfToday())\n\n return (\n <div\n className={`\n mx-cmn-calendar-day\n ${styles}\n ${!isInMonth ? 'mx-cmn-out-of-month' : ''}\n ${isInRange ? 'mx-cmn-date-interval' : ''}\n `}\n >\n <Button\n className={`\n mx-cmn-calendar-day-button\n ${isRangeStart ? 'mx-cmn-range-start' : ''}\n ${isRangeEnd ? 'mx-cmn-range-end' : ''}\n `}\n color={isSelected ? 'primary' : 'secondary'}\n onClick={() => onClick(date)}\n variant={isSelected ? 'contained' : 'text'}\n >\n <Text\n className={`\n mx-cmn-calendar-day-text\n ${isSelected ? 'mx-cmn-day-selected' : ''}\n ${isToday ? 'mx-cmn-today' : ''}`}\n variant=\"body2\"\n >\n {format(date, 'd')}\n </Text>\n </Button>\n </div>\n )\n}\n\nconst getStyles = (theme: any) =>\n css({\n height: DATE_SIZE,\n width: DATE_SIZE,\n display: 'flex',\n justifyContent: 'center',\n '&.mx-cmn-out-of-month': {\n backgroundColor: theme.palette.background.default,\n },\n '&.mx-cmn-date-interval': {\n backgroundColor: theme.palette.secondary.light,\n },\n '& .MuiButton-root': {\n maxWidth: 44,\n minWidth: 44,\n height: 44,\n padding: 0,\n width: 44,\n '&.mx-cmn-range-start': {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n '&:focus': {\n boxShadow: 'none',\n },\n },\n '&.mx-cmn-range-end': {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n '&:focus': {\n boxShadow: 'none',\n },\n },\n },\n '& .mx-cmn-calendar-day-text': {\n '&.mx-cmn-day-selected': {\n color: theme.palette.primary,\n '&.mx-cmn-day-selected': {\n borderColor: theme.palette.common.white,\n },\n },\n '&.mx-cmn-today': {\n borderBottom: `solid 2px ${theme.palette.primary.main}`,\n marginBottom: -6,\n paddingBottom: 5,\n },\n },\n })\n\nexport default Day\n"],"mappings":";;;;;;;;;;AAsBA,IAAM,IAAA,CAA2B,EAAE,WAAA,GAAW,MAAA,GAAM,SAAA,GAAS,WAAA,GAAW,SAAA,EAAA,MAAc;AACpF,QAAM,IAAQ,EAAS,GACjB,IAAS,EAAU,CAAK,GAExB,IACJ,KACA,KACA,EAAiB,GAAM;AAAA,IAAE,OAAO;AAAA,IAAW,KAAK;AAAA,EAAQ,CAAC,KACzD,CAAC,EAAU,GAAM,CAAS,KAC1B,CAAC,EAAU,GAAM,CAAO,GAEpB,IACJ,KAAa,KAAW,EAAU,GAAW,CAAI,KAAK,CAAC,EAAU,GAAW,CAAO,GAE/E,IACJ,KAAW,KAAa,EAAU,GAAS,CAAI,KAAK,CAAC,EAAU,GAAW,CAAO,GAE7E,IACH,KAAa,EAAU,GAAW,CAAI,KAAO,KAAW,EAAU,GAAS,CAAI,GAE5E,IAAU,EAAU,GAAM,EAAa,CAAC;AAE9C,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW;AAAA;AAAA,UAEP,CAAA;AAAA,UACC,IAAoC,KAAxB,qBAAwB;AAAA,UACrC,IAAY,yBAAyB,EAAA;AAAA;AAAA,IAGzC,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW;AAAA;AAAA,YAEP,IAAe,uBAAuB,EAAA;AAAA,YACtC,IAAa,qBAAqB,EAAA;AAAA;AAAA,MAEtC,OAAO,IAAa,YAAY;AAAA,MAChC,SAAA,MAAe,EAAQ,CAAI;AAAA,MAC3B,SAAS,IAAa,cAAc;AAAA,MAEpC,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW;AAAA;AAAA,cAEP,IAAa,wBAAwB,EAAA;AAAA,cACrC,IAAU,iBAAiB,EAAA;AAAA,QAC/B,SAAQ;AAAA,QAEP,UAAA,EAAO,GAAM,GAAG;AAAA,MACb,CAAA;AAAA,IACA,CAAA;AAAA,EACL,CAAA;AAET,GAEM,IAAA,CAAa,MACjB,EAAI;AAAA,EACF,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,yBAAyB,EACvB,iBAAiB,EAAM,QAAQ,WAAW,QAC5C;AAAA,EACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,UAAU,MAC3C;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,MACtB,sBAAsB;AAAA,MACtB,yBAAyB;AAAA,MACzB,WAAW,EACT,WAAW,OACb;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,qBAAqB;AAAA,MACrB,wBAAwB;AAAA,MACxB,WAAW,EACT,WAAW,OACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,+BAA+B;AAAA,IAC7B,yBAAyB;AAAA,MACvB,OAAO,EAAM,QAAQ;AAAA,MACrB,yBAAyB,EACvB,aAAa,EAAM,QAAQ,OAAO,MACpC;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,cAAc,aAAa,EAAM,QAAQ,QAAQ,IAAA;AAAA,MACjD,cAAc;AAAA,MACd,eAAe;AAAA,IACjB;AAAA,EACF;AACF,CAAC"}