npm - @mx-cartographer/experiences - Versions diffs - 9.1.4-alpha.al6 → 9.1.4 - Mend

@mx-cartographer/experiences 9.1.4-alpha.al6 → 9.1.4

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 (110) hide show

package/dist/{WidgetContainer-5O6N88mr.mjs.map → WidgetContainer-CjdCY4sj.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WidgetContainer-5O6N88mr.mjs","sources":["../src/common/hooks/useWidgetHeaderStyles.ts","../src/common/components/daterangeselector/DateRangeSelector.tsx","../src/common/components/WidgetDateRangeSelector.tsx","../src/common/components/WidgetContainer.tsx"],"sourcesContent":["import useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { useScreenSize } from './useScreenSize'\n\nexport const useWidgetHeaderStyles = (availableWidth?: number) => {\n const { isDesktop, isMobile, isSmallTablet, isTablet } = useScreenSize(availableWidth)\n const isViewportAbove900 = useMediaQuery('(min-width:900px)')\n\n const iconSize = 24\n\n // large variant\n // L & XL breakpoints\n let headerPaddingX = 48\n let headerPaddingTop = 32\n let headerPaddingBottom = 0\n let headerHeadingLevel: 'h1' \| 'h2' \| 'h3' = 'h1'\n let containerSquareCorners = false\n\n const isCompact = isMobile \|\| isSmallTablet\n\n if (isTablet && !isSmallTablet) {\n // M breakpoint\n headerPaddingX = 24\n headerPaddingTop = 24\n headerHeadingLevel = 'h2'\n } else if (isCompact) {\n // small variant\n // S, XS, XXS breakpoints\n headerPaddingX = 8\n headerPaddingTop = 10\n headerPaddingBottom = 10\n headerHeadingLevel = 'h3'\n\n containerSquareCorners = true\n }\n\n const slotSx = {\n pb: isCompact ? 12 : 0,\n ...(isCompact && {\n px: headerPaddingX,\n '& .mx-cmn-date-range-selector': { m: 0, width: '100%' },\n '& .mx-cmn-date-range-selector > .MuiBox-root': { display: 'flex', justifyContent: 'center' },\n '& .MuiButtonGroup-root': { width: '100%' },\n '& .MuiButtonGroup-middleButton': { flex: 1 },\n '& .MuiToggleButtonGroup-root': { width: '100%', justifyContent: 'center' },\n }),\n }\n\n return {\n actionsFlex: isCompact ? 0 : 1,\n containerSquareCorners,\n headerHeadingLevel,\n headerPaddingBottom,\n headerPaddingTop,\n headerPaddingX,\n iconSize,\n isCompact,\n isDesktop,\n isViewportAbove900,\n slotSx,\n }\n}\n","import React from 'react'\nimport { addMonths } from 'date-fns/addMonths'\nimport { addDays } from 'date-fns/addDays'\nimport { addYears } from 'date-fns/addYears'\nimport { differenceInCalendarDays } from 'date-fns/differenceInCalendarDays'\nimport { endOfDay } from 'date-fns/endOfDay'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { endOfYear } from 'date-fns/endOfYear'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { startOfYear } from 'date-fns/startOfYear'\nimport { subMonths } from 'date-fns/subMonths'\nimport { subDays } from 'date-fns/subDays'\nimport { subYears } from 'date-fns/subYears'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport ButtonGroup from '@mui/material/ButtonGroup'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\n\nimport { DateRangePicker, DateRangePickerCopy, Icon, Text } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { useScreenSize } from '../../hooks'\nimport { useAriaLive } from '../../hooks/useAriaLive'\nimport Dialog from '../dialog/Dialog'\nimport Drawer from '../drawer/Drawer'\n\nexport type DateRangeSelectorCopy = {\n dateRangePickerCopy: DateRangePickerCopy\n dateRangeEditApply: string\n dateRangeEditTitle: string\n dateRangeNextAria: string\n dateRangePreviousAria: string\n dateRangeCloseAria: string\n}\n\nexport type CalendarActions = {\n shouldDisableNext?: boolean\n shouldDisablePrevious?: boolean\n shouldDisablePicker?: boolean\n onRangeChanged: (dateRange: DateRange<Date>) => void\n /*\n Fires only when the user actively selects a timeframe button/tab (3M/6M/9M/1Y).\n * Unlike onRangeChanged, this does NOT fire on mount, so it's safe for click analytics.\n */\n onTimeframeClick?: (timeframe: number) => void\n}\n\nexport interface DateRangeSelectorProps {\n calendarActions: CalendarActions\n color?: 'primary' \| 'secondary'\n copy: DateRangeSelectorCopy\n range?: DateRange<Date>\n shouldShrinkToIcon?: boolean\n variant?: 'outlined' \| 'text' \| 'readonly' \| 'timeframebuttons' \| 'timeframetabs'\n}\n\nexport type Timeframe = {\n ariaLabel?: string\n label: string\n value: number\n}\n\nconst DateRangeSelector: React.FC<DateRangeSelectorProps> = ({\n calendarActions,\n color = 'primary',\n copy,\n range = [startOfMonth(startOfToday()), endOfMonth(endOfToday())],\n shouldShrinkToIcon = true,\n variant = 'outlined',\n}) => {\n const theme = useTheme()\n const { isMobile } = useScreenSize()\n const { announce, ariaLive } = useAriaLive()\n\n const [dateRange, setDateRange] = React.useState<DateRange<Date>>(range)\n const [shortcut, setShortcut] = React.useState(copy.dateRangePickerCopy.dateRangeThisMonth)\n const [pickerDateRange, setPickerDateRange] = React.useState(dateRange)\n const [isPickerOpen, setIsPickerOpen] = React.useState(false)\n const [isMonthFormat, setIsMonthFormat] = React.useState(true)\n const [timeframe, setTimeframe] = React.useState(6)\n\n // TODO: put labels in mrs content and use as copy\n const timeframes = {\n buttons: [\n { ariaLabel: '3 Months', label: '3M', value: 3 },\n { ariaLabel: '6 Months', label: '6M', value: 6 },\n { ariaLabel: '9 Months', label: '9M', value: 9 },\n { ariaLabel: '1 Year', label: '1Y', value: 12 },\n ],\n tabs: [\n { label: '3 Months', value: 3 },\n { label: '6 Months', value: 6 },\n { label: '9 Months', value: 9 },\n { label: '1 Year', value: 12 },\n ],\n }\n\n React.useEffect(() => {\n setDateRange(range)\n setPickerDateRange(range)\n }, [range])\n\n // dates for timeframe buttons\n // using today's date as the end date, looks back 3, 6, 9, or 12 months\n React.useEffect(() => {\n if (variant === 'timeframebuttons' \|\| variant === 'timeframetabs') {\n calendarActions.onRangeChanged(getTimeFrameDates())\n }\n }, [timeframe])\n\n const getTimeFrameDates = () => {\n const timeframeEndDate = endOfMonth(endOfToday()) as Date\n const timeframeBeginDate = endOfMonth(subMonths(timeframeEndDate, timeframe))\n return [timeframeBeginDate, timeframeEndDate] as DateRange<Date>\n }\n\n const handlePrevNextClick = (direction: 'previous' \| 'next') => {\n const [beginDate, endDate] = dateRange as [Date, Date]\n const isPrev = direction === 'previous'\n\n let newRange: DateRange<Date>\n\n // Month-based shortcuts\n if (\n shortcut === copy.dateRangePickerCopy.dateRangeThisMonth \|\|\n shortcut === copy.dateRangePickerCopy.dateRangeLastMonth\n ) {\n newRange = [\n isPrev ? subMonths(beginDate, 1) : addMonths(beginDate, 1),\n endOfMonth(isPrev ? subMonths(endDate, 1) : addMonths(endDate, 1)),\n ]\n }\n // Year-based shortcuts\n else if (\n shortcut === copy.dateRangePickerCopy.dateRangeYTD \|\|\n shortcut === copy.dateRangePickerCopy.dateRangeLastYear\n ) {\n const startYear = startOfYear(beginDate)\n const endYear = endOfYear(beginDate)\n newRange = [\n isPrev ? subYears(startYear, 1) : addYears(startYear, 1),\n isPrev ? subYears(endYear, 1) : addYears(endYear, 1),\n ]\n }\n // Custom date range - shift by the current range duration\n else {\n const dayOffset = differenceInCalendarDays(endDate, beginDate)\n const dateModifier = isPrev ? subDays : addDays\n newRange = [dateModifier(beginDate, dayOffset), dateModifier(endDate, dayOffset)]\n }\n\n setDateRange(newRange)\n calendarActions.onRangeChanged(newRange)\n }\n\n const handleRangeChanged = () => {\n setDateRange(pickerDateRange)\n setIsMonthFormat(\n shortcut === copy.dateRangePickerCopy.dateRangeThisMonth \|\|\n shortcut === copy.dateRangePickerCopy.dateRangeLastMonth,\n )\n calendarActions.onRangeChanged(pickerDateRange)\n }\n\n const handleDataRangePickerChange = (range: DateRange<Date>, shortcut: string) => {\n range[1] = range[1] ?? range[0]\n\n const adjustedRange: DateRange<Date> = [range[0], range[1] ? endOfDay(range[1]) : range[1]]\n const startFormatted = formatDate(adjustedRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n const endFormatted = formatDate(adjustedRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n\n setPickerDateRange(adjustedRange)\n setShortcut(shortcut)\n announce(`${copy.dateRangeEditTitle}: ${startFormatted} - ${endFormatted}`)\n }\n\n const handleTimeframeChanged = (timeframe: number) => {\n setTimeframe(timeframe)\n calendarActions.onTimeframeClick?.(timeframe)\n }\n\n return (\n <Box className=\"mx-cmn-date-range-selector\" m={4}>\n <Box\n sx={{\n [theme.breakpoints.down('sm')]: {\n display: shouldShrinkToIcon ? 'none' : 'flex',\n justifyContent: 'center',\n },\n [theme.breakpoints.up('sm')]: { display: 'inline-flex' },\n }}\n >\n {variant === 'readonly' && (\n <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n <Icon name=\"calendar_month\" size={24} />\n <Text bold={true}>\n {formatDate(pickerDateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY)}\n </Text>\n <Icon name=\"remove\" />\n <Text bold={true}>\n {formatDate(pickerDateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n </Text>\n </Stack>\n )}\n\n {variant !== 'readonly' &&\n variant !== 'timeframebuttons' &&\n variant !== 'timeframetabs' && (\n <ButtonGroup\n color={color}\n sx={{\n '& .MuiButtonGroup-grouped': {\n padding: isMobile ? 0 : 12,\n },\n '& .MuiButtonGroup-middleButton': {\n px: 24,\n },\n height: 44,\n }}\n variant={variant}\n >\n <Button\n aria-disabled={calendarActions.shouldDisablePrevious}\n aria-label={copy.dateRangePreviousAria}\n color={calendarActions.shouldDisablePrevious ? 'secondary' : 'primary'}\n onClick={() =>\n calendarActions.shouldDisablePrevious ? null : handlePrevNextClick('previous')\n }\n >\n <Icon name=\"chevron_left\" size={20} />\n </Button>\n <Button\n aria-disabled={calendarActions.shouldDisablePicker}\n color={color}\n onClick={() => (calendarActions.shouldDisablePicker ? null : setIsPickerOpen(true))}\n startIcon={<Icon name=\"calendar_month\" size={20} />}\n sx={{\n p: isMobile ? 0 : 8,\n }}\n >\n {isMonthFormat ? (\n formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_YEAR)\n ) : (\n <span>\n {formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)} -{' '}\n {formatDate(dateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n </span>\n )}\n </Button>\n <Button\n aria-disabled={calendarActions.shouldDisableNext}\n aria-label={copy.dateRangeNextAria}\n color={calendarActions.shouldDisableNext ? 'secondary' : 'primary'}\n onClick={() =>\n calendarActions.shouldDisableNext ? null : handlePrevNextClick('next')\n }\n >\n <Icon name=\"chevron_right\" size={20} />\n </Button>\n </ButtonGroup>\n )}\n\n {variant === 'timeframebuttons' && (\n <ToggleButtonGroup\n aria-label={copy.dateRangeEditTitle}\n color={color}\n exclusive={true}\n orientation=\"horizontal\"\n value={timeframe}\n >\n {timeframes.buttons.map((timeframe: Timeframe) => (\n <ToggleButton\n aria-label={timeframe.ariaLabel}\n key={timeframe.label}\n onClick={() => handleTimeframeChanged(timeframe.value)}\n sx={{ width: 56 }}\n value={timeframe.value}\n >\n {timeframe.label}\n </ToggleButton>\n ))}\n </ToggleButtonGroup>\n )}\n\n {variant === 'timeframetabs' && (\n <Tabs\n indicatorColor=\"primary\"\n onChange={(_, newValue) => handleTimeframeChanged(newValue)}\n textColor=\"primary\"\n value={timeframe}\n variant=\"fullWidth\"\n >\n {timeframes.tabs.map((timeframe: Timeframe) => (\n <Tab\n key={timeframe.label}\n label={\n <Text bold={true} variant=\"body1\">\n {timeframe.label}\n </Text>\n }\n sx={{ minWidth: 80 }}\n value={timeframe.value}\n />\n ))}\n </Tabs>\n )}\n </Box>\n\n {isPickerOpen && isMobile && (\n <Drawer\n ariaLabelClose={copy.dateRangeCloseAria}\n isOpen={isPickerOpen}\n onClose={() => setIsPickerOpen(false)}\n onPrimaryAction={() => {\n handleRangeChanged()\n setIsPickerOpen(false)\n }}\n primaryText={copy.dateRangeEditApply}\n title={copy.dateRangeEditTitle}\n >\n {ariaLive}\n <DateRangePicker\n copy={copy.dateRangePickerCopy}\n dateRange={pickerDateRange}\n onRangeChanged={handleDataRangePickerChange}\n selectedShortcut={shortcut}\n sx={{ p: 0 }}\n />\n </Drawer>\n )}\n\n {isPickerOpen && !isMobile && (\n <Dialog\n copy={{ title: copy.dateRangeEditTitle }}\n isOpen={true}\n onClose={() => setIsPickerOpen(false)}\n onPrimaryAction={() => handleRangeChanged()}\n primaryText={copy.dateRangeEditApply}\n sx={{\n '& .MuiDialogContent-root': {\n padding: 0,\n },\n }}\n >\n {ariaLive}\n <DateRangePicker\n copy={copy.dateRangePickerCopy}\n dateRange={pickerDateRange}\n onRangeChanged={handleDataRangePickerChange}\n selectedShortcut={shortcut}\n sx={{\n pt: 0,\n '& .MuiPickersLayout-toolbar': {\n gridColumn: '1/4',\n },\n }}\n />\n </Dialog>\n )}\n </Box>\n )\n}\n\nexport default DateRangeSelector\n","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","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"],"names":["useWidgetHeaderStyles","availableWidth","isDesktop","isMobile","isSmallTablet","isTablet","useScreenSize","isViewportAbove900","useMediaQuery","iconSize","headerPaddingX","headerPaddingTop","headerPaddingBottom","headerHeadingLevel","containerSquareCorners","isCompact","slotSx","DateRangeSelector","calendarActions","color","copy","range","startOfMonth","startOfToday","endOfMonth","endOfToday","shouldShrinkToIcon","variant","theme","useTheme","announce","ariaLive","useAriaLive","dateRange","setDateRange","React","shortcut","setShortcut","pickerDateRange","setPickerDateRange","isPickerOpen","setIsPickerOpen","isMonthFormat","setIsMonthFormat","timeframe","setTimeframe","timeframes","getTimeFrameDates","timeframeEndDate","subMonths","handlePrevNextClick","direction","beginDate","endDate","isPrev","newRange","addMonths","startYear","startOfYear","endYear","endOfYear","subYears","addYears","dayOffset","differenceInCalendarDays","dateModifier","subDays","addDays","handleRangeChanged","handleDataRangePickerChange","adjustedRange","endOfDay","startFormatted","formatDate","DATE_FORMATS_INTL","endFormatted","handleTimeframeChanged","jsxs","Box","Stack","jsx","Icon","Text","ButtonGroup","Button","ToggleButtonGroup","ToggleButton","Tabs","_","newValue","Tab","Drawer","DateRangePicker","Dialog","WidgetDateRangeSelector","observer","dateRangeVariant","displayedDateRange","useGlobalUiStore","commonCopy","useGlobalCopyStore","dateRangeSelectorCopy","startDate","WidgetContainer","actions","allowedAccountTypes","children","className","hasDivider","onAccountsFilterClick","onBackClick","onMenuClick","showAccountFilter","slotComponent","sx","title","containerRef","height","width","useDimensions","contentRef","contentHeight","contentWidth","onEvent","useEvent","actionsFlex","isCopyLoaded","showTitle","useAppConfig","handleBackClick","ANALYTICS_EVENTS","Loader","getNavButton","IconButton","ChevronLeft","defaultSlotComponent","Paper","Card","GlobalAccountFilter","action","iconName","onClick","label","Divider","CardContent","WidgetContainerProvider"],"mappings":"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"}
1	+ {"version":3,"file":"WidgetContainer-CjdCY4sj.mjs","sources":["../src/common/hooks/useWidgetHeaderStyles.ts","../src/common/components/daterangeselector/DateRangeSelector.tsx","../src/common/components/WidgetDateRangeSelector.tsx","../src/common/components/WidgetContainer.tsx"],"sourcesContent":["import useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { useScreenSize } from './useScreenSize'\n\nexport const useWidgetHeaderStyles = (availableWidth?: number) => {\n const { isDesktop, isMobile, isSmallTablet, isTablet } = useScreenSize(availableWidth)\n const isViewportAbove900 = useMediaQuery('(min-width:900px)')\n\n const iconSize = 24\n\n // large variant\n // L & XL breakpoints\n let headerPaddingX = 48\n let headerPaddingTop = 32\n let headerPaddingBottom = 0\n let headerHeadingLevel: 'h1' \| 'h2' \| 'h3' = 'h1'\n let containerSquareCorners = false\n\n const isCompact = isMobile \|\| isSmallTablet\n\n if (isTablet && !isSmallTablet) {\n // M breakpoint\n headerPaddingX = 24\n headerPaddingTop = 24\n headerHeadingLevel = 'h2'\n } else if (isCompact) {\n // small variant\n // S, XS, XXS breakpoints\n headerPaddingX = 8\n headerPaddingTop = 10\n headerPaddingBottom = 10\n headerHeadingLevel = 'h3'\n\n containerSquareCorners = true\n }\n\n const slotSx = {\n pb: isCompact ? 12 : 0,\n ...(isCompact && {\n px: headerPaddingX,\n '& .mx-cmn-date-range-selector': { m: 0, width: '100%' },\n '& .mx-cmn-date-range-selector > .MuiBox-root': { display: 'flex', justifyContent: 'center' },\n '& .MuiButtonGroup-root': { width: '100%' },\n '& .MuiButtonGroup-middleButton': { flex: 1 },\n '& .MuiToggleButtonGroup-root': { width: '100%', justifyContent: 'center' },\n }),\n }\n\n return {\n actionsFlex: isCompact ? 0 : 1,\n containerSquareCorners,\n headerHeadingLevel,\n headerPaddingBottom,\n headerPaddingTop,\n headerPaddingX,\n iconSize,\n isCompact,\n isDesktop,\n isViewportAbove900,\n slotSx,\n }\n}\n","import React from 'react'\nimport { addMonths } from 'date-fns/addMonths'\nimport { addDays } from 'date-fns/addDays'\nimport { addYears } from 'date-fns/addYears'\nimport { differenceInCalendarDays } from 'date-fns/differenceInCalendarDays'\nimport { endOfDay } from 'date-fns/endOfDay'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { endOfYear } from 'date-fns/endOfYear'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { startOfYear } from 'date-fns/startOfYear'\nimport { subMonths } from 'date-fns/subMonths'\nimport { subDays } from 'date-fns/subDays'\nimport { subYears } from 'date-fns/subYears'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport ButtonGroup from '@mui/material/ButtonGroup'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\n\nimport { DateRangePicker, DateRangePickerCopy, Icon, Text } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { useScreenSize } from '../../hooks'\nimport { useAriaLive } from '../../hooks/useAriaLive'\nimport Dialog from '../dialog/Dialog'\nimport Drawer from '../drawer/Drawer'\n\nexport type DateRangeSelectorCopy = {\n dateRangePickerCopy: DateRangePickerCopy\n dateRangeEditApply: string\n dateRangeEditTitle: string\n dateRangeNextAria: string\n dateRangePreviousAria: string\n dateRangeCloseAria: string\n}\n\nexport type CalendarActions = {\n shouldDisableNext?: boolean\n shouldDisablePrevious?: boolean\n shouldDisablePicker?: boolean\n onRangeChanged: (dateRange: DateRange<Date>) => void\n /*\n Fires only when the user actively selects a timeframe button/tab (3M/6M/9M/1Y).\n * Unlike onRangeChanged, this does NOT fire on mount, so it's safe for click analytics.\n */\n onTimeframeClick?: (timeframe: number) => void\n}\n\nexport interface DateRangeSelectorProps {\n calendarActions: CalendarActions\n color?: 'primary' \| 'secondary'\n copy: DateRangeSelectorCopy\n range?: DateRange<Date>\n shouldShrinkToIcon?: boolean\n variant?: 'outlined' \| 'text' \| 'readonly' \| 'timeframebuttons' \| 'timeframetabs'\n}\n\nexport type Timeframe = {\n ariaLabel?: string\n label: string\n value: number\n}\n\nconst DateRangeSelector: React.FC<DateRangeSelectorProps> = ({\n calendarActions,\n color = 'primary',\n copy,\n range = [startOfMonth(startOfToday()), endOfMonth(endOfToday())],\n shouldShrinkToIcon = true,\n variant = 'outlined',\n}) => {\n const theme = useTheme()\n const { isMobile } = useScreenSize()\n const { announce, ariaLive } = useAriaLive()\n\n const [dateRange, setDateRange] = React.useState<DateRange<Date>>(range)\n const [shortcut, setShortcut] = React.useState(copy.dateRangePickerCopy.dateRangeThisMonth)\n const [pickerDateRange, setPickerDateRange] = React.useState(dateRange)\n const [isPickerOpen, setIsPickerOpen] = React.useState(false)\n const [isMonthFormat, setIsMonthFormat] = React.useState(true)\n const [timeframe, setTimeframe] = React.useState(6)\n\n // TODO: put labels in mrs content and use as copy\n const timeframes = {\n buttons: [\n { ariaLabel: '3 Months', label: '3M', value: 3 },\n { ariaLabel: '6 Months', label: '6M', value: 6 },\n { ariaLabel: '9 Months', label: '9M', value: 9 },\n { ariaLabel: '1 Year', label: '1Y', value: 12 },\n ],\n tabs: [\n { label: '3 Months', value: 3 },\n { label: '6 Months', value: 6 },\n { label: '9 Months', value: 9 },\n { label: '1 Year', value: 12 },\n ],\n }\n\n React.useEffect(() => {\n setDateRange(range)\n setPickerDateRange(range)\n }, [range])\n\n // dates for timeframe buttons\n // using today's date as the end date, looks back 3, 6, 9, or 12 months\n React.useEffect(() => {\n if (variant === 'timeframebuttons' \|\| variant === 'timeframetabs') {\n calendarActions.onRangeChanged(getTimeFrameDates())\n }\n }, [timeframe])\n\n const getTimeFrameDates = () => {\n const timeframeEndDate = endOfMonth(endOfToday()) as Date\n const timeframeBeginDate = endOfMonth(subMonths(timeframeEndDate, timeframe))\n return [timeframeBeginDate, timeframeEndDate] as DateRange<Date>\n }\n\n const handlePrevNextClick = (direction: 'previous' \| 'next') => {\n const [beginDate, endDate] = dateRange as [Date, Date]\n const isPrev = direction === 'previous'\n\n let newRange: DateRange<Date>\n\n // Month-based shortcuts\n if (\n shortcut === copy.dateRangePickerCopy.dateRangeThisMonth \|\|\n shortcut === copy.dateRangePickerCopy.dateRangeLastMonth\n ) {\n newRange = [\n isPrev ? subMonths(beginDate, 1) : addMonths(beginDate, 1),\n endOfMonth(isPrev ? subMonths(endDate, 1) : addMonths(endDate, 1)),\n ]\n }\n // Year-based shortcuts\n else if (\n shortcut === copy.dateRangePickerCopy.dateRangeYTD \|\|\n shortcut === copy.dateRangePickerCopy.dateRangeLastYear\n ) {\n const startYear = startOfYear(beginDate)\n const endYear = endOfYear(beginDate)\n newRange = [\n isPrev ? subYears(startYear, 1) : addYears(startYear, 1),\n isPrev ? subYears(endYear, 1) : addYears(endYear, 1),\n ]\n }\n // Custom date range - shift by the current range duration\n else {\n const dayOffset = differenceInCalendarDays(endDate, beginDate)\n const dateModifier = isPrev ? subDays : addDays\n newRange = [dateModifier(beginDate, dayOffset), dateModifier(endDate, dayOffset)]\n }\n\n setDateRange(newRange)\n calendarActions.onRangeChanged(newRange)\n }\n\n const handleRangeChanged = () => {\n setDateRange(pickerDateRange)\n setIsMonthFormat(\n shortcut === copy.dateRangePickerCopy.dateRangeThisMonth \|\|\n shortcut === copy.dateRangePickerCopy.dateRangeLastMonth,\n )\n calendarActions.onRangeChanged(pickerDateRange)\n }\n\n const handleDataRangePickerChange = (range: DateRange<Date>, shortcut: string) => {\n range[1] = range[1] ?? range[0]\n\n const adjustedRange: DateRange<Date> = [range[0], range[1] ? endOfDay(range[1]) : range[1]]\n const startFormatted = formatDate(adjustedRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n const endFormatted = formatDate(adjustedRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n\n setPickerDateRange(adjustedRange)\n setShortcut(shortcut)\n announce(`${copy.dateRangeEditTitle}: ${startFormatted} - ${endFormatted}`)\n }\n\n const handleTimeframeChanged = (timeframe: number) => {\n setTimeframe(timeframe)\n calendarActions.onTimeframeClick?.(timeframe)\n }\n\n return (\n <Box className=\"mx-cmn-date-range-selector\" m={4}>\n <Box\n sx={{\n [theme.breakpoints.down('sm')]: {\n display: shouldShrinkToIcon ? 'none' : 'flex',\n justifyContent: 'center',\n },\n [theme.breakpoints.up('sm')]: { display: 'inline-flex' },\n }}\n >\n {variant === 'readonly' && (\n <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n <Icon name=\"calendar_month\" size={24} />\n <Text bold={true}>\n {formatDate(pickerDateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY)}\n </Text>\n <Icon name=\"remove\" />\n <Text bold={true}>\n {formatDate(pickerDateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n </Text>\n </Stack>\n )}\n\n {variant !== 'readonly' &&\n variant !== 'timeframebuttons' &&\n variant !== 'timeframetabs' && (\n <ButtonGroup\n color={color}\n sx={{\n '& .MuiButtonGroup-grouped': {\n padding: isMobile ? 0 : 12,\n },\n '& .MuiButtonGroup-middleButton': {\n px: 24,\n },\n height: 44,\n }}\n variant={variant}\n >\n <Button\n aria-disabled={calendarActions.shouldDisablePrevious}\n aria-label={copy.dateRangePreviousAria}\n color={calendarActions.shouldDisablePrevious ? 'secondary' : 'primary'}\n onClick={() =>\n calendarActions.shouldDisablePrevious ? null : handlePrevNextClick('previous')\n }\n >\n <Icon name=\"chevron_left\" size={20} />\n </Button>\n <Button\n aria-disabled={calendarActions.shouldDisablePicker}\n color={color}\n onClick={() => (calendarActions.shouldDisablePicker ? null : setIsPickerOpen(true))}\n startIcon={<Icon name=\"calendar_month\" size={20} />}\n sx={{\n p: isMobile ? 0 : 8,\n }}\n >\n {isMonthFormat ? (\n formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_YEAR)\n ) : (\n <span>\n {formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)} -{' '}\n {formatDate(dateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n </span>\n )}\n </Button>\n <Button\n aria-disabled={calendarActions.shouldDisableNext}\n aria-label={copy.dateRangeNextAria}\n color={calendarActions.shouldDisableNext ? 'secondary' : 'primary'}\n onClick={() =>\n calendarActions.shouldDisableNext ? null : handlePrevNextClick('next')\n }\n >\n <Icon name=\"chevron_right\" size={20} />\n </Button>\n </ButtonGroup>\n )}\n\n {variant === 'timeframebuttons' && (\n <ToggleButtonGroup\n aria-label={copy.dateRangeEditTitle}\n color={color}\n exclusive={true}\n orientation=\"horizontal\"\n value={timeframe}\n >\n {timeframes.buttons.map((timeframe: Timeframe) => (\n <ToggleButton\n aria-label={timeframe.ariaLabel}\n key={timeframe.label}\n onClick={() => handleTimeframeChanged(timeframe.value)}\n sx={{ width: 56 }}\n value={timeframe.value}\n >\n {timeframe.label}\n </ToggleButton>\n ))}\n </ToggleButtonGroup>\n )}\n\n {variant === 'timeframetabs' && (\n <Tabs\n indicatorColor=\"primary\"\n onChange={(_, newValue) => handleTimeframeChanged(newValue)}\n textColor=\"primary\"\n value={timeframe}\n variant=\"fullWidth\"\n >\n {timeframes.tabs.map((timeframe: Timeframe) => (\n <Tab\n key={timeframe.label}\n label={\n <Text bold={true} variant=\"body1\">\n {timeframe.label}\n </Text>\n }\n sx={{ minWidth: 80 }}\n value={timeframe.value}\n />\n ))}\n </Tabs>\n )}\n </Box>\n\n {isPickerOpen && isMobile && (\n <Drawer\n ariaLabelClose={copy.dateRangeCloseAria}\n isOpen={isPickerOpen}\n onClose={() => setIsPickerOpen(false)}\n onPrimaryAction={() => {\n handleRangeChanged()\n setIsPickerOpen(false)\n }}\n primaryText={copy.dateRangeEditApply}\n title={copy.dateRangeEditTitle}\n >\n {ariaLive}\n <DateRangePicker\n copy={copy.dateRangePickerCopy}\n dateRange={pickerDateRange}\n onRangeChanged={handleDataRangePickerChange}\n selectedShortcut={shortcut}\n sx={{ p: 0 }}\n />\n </Drawer>\n )}\n\n {isPickerOpen && !isMobile && (\n <Dialog\n copy={{ title: copy.dateRangeEditTitle }}\n isOpen={true}\n onClose={() => setIsPickerOpen(false)}\n onPrimaryAction={() => handleRangeChanged()}\n primaryText={copy.dateRangeEditApply}\n sx={{\n '& .MuiDialogContent-root': {\n padding: 0,\n },\n }}\n >\n {ariaLive}\n <DateRangePicker\n copy={copy.dateRangePickerCopy}\n dateRange={pickerDateRange}\n onRangeChanged={handleDataRangePickerChange}\n selectedShortcut={shortcut}\n sx={{\n pt: 0,\n '& .MuiPickersLayout-toolbar': {\n gridColumn: '1/4',\n },\n }}\n />\n </Dialog>\n )}\n </Box>\n )\n}\n\nexport default DateRangeSelector\n","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","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"],"names":["useWidgetHeaderStyles","availableWidth","isDesktop","isMobile","isSmallTablet","isTablet","useScreenSize","isViewportAbove900","useMediaQuery","iconSize","headerPaddingX","headerPaddingTop","headerPaddingBottom","headerHeadingLevel","containerSquareCorners","isCompact","slotSx","DateRangeSelector","calendarActions","color","copy","range","startOfMonth","startOfToday","endOfMonth","endOfToday","shouldShrinkToIcon","variant","theme","useTheme","announce","ariaLive","useAriaLive","dateRange","setDateRange","React","shortcut","setShortcut","pickerDateRange","setPickerDateRange","isPickerOpen","setIsPickerOpen","isMonthFormat","setIsMonthFormat","timeframe","setTimeframe","timeframes","getTimeFrameDates","timeframeEndDate","subMonths","handlePrevNextClick","direction","beginDate","endDate","isPrev","newRange","addMonths","startYear","startOfYear","endYear","endOfYear","subYears","addYears","dayOffset","differenceInCalendarDays","dateModifier","subDays","addDays","handleRangeChanged","handleDataRangePickerChange","adjustedRange","endOfDay","startFormatted","formatDate","DATE_FORMATS_INTL","endFormatted","handleTimeframeChanged","jsxs","Box","Stack","jsx","Icon","Text","ButtonGroup","Button","ToggleButtonGroup","ToggleButton","Tabs","_","newValue","Tab","Drawer","DateRangePicker","Dialog","WidgetDateRangeSelector","observer","dateRangeVariant","displayedDateRange","useGlobalUiStore","commonCopy","useGlobalCopyStore","dateRangeSelectorCopy","startDate","WidgetContainer","actions","allowedAccountTypes","children","className","hasDivider","onAccountsFilterClick","onBackClick","onMenuClick","showAccountFilter","slotComponent","sx","title","containerRef","height","width","useDimensions","contentRef","contentHeight","contentWidth","onEvent","useEvent","actionsFlex","isCopyLoaded","showTitle","useAppConfig","handleBackClick","ANALYTICS_EVENTS","Loader","getNavButton","IconButton","ChevronLeft","defaultSlotComponent","Paper","Card","GlobalAccountFilter","action","iconName","onClick","label","Divider","CardContent","WidgetContainerProvider"],"mappings":"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"}

package/dist/accounts/index.es.js CHANGED Viewed

@@ -10,22 +10,22 @@ import D from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
 import Z from "@mui/system/Stack";
 import { f as U } from "../NumberFormatting--XMeeBfr.mjs";
-import { u as X, g as e1 } from "../AccountDetailsHeader-D_UjMD99.mjs";
-import { A as K1, a as z1, b as $1 } from "../AccountDetailsHeader-D_UjMD99.mjs";
-import { A as E, a as t1 } from "../AccountDetailsDrawer-Dae8eUXt.mjs";
-import { b as q1, u as J1 } from "../AccountDetailsDrawer-Dae8eUXt.mjs";
-import { i as z, u as R, a as x, c as N, f as $ } from "../hooks-DWOrMnfZ.mjs";
+import { u as X, g as e1 } from "../AccountDetailsHeader-BliEZhz7.mjs";
+import { A as K1, a as z1, b as $1 } from "../AccountDetailsHeader-BliEZhz7.mjs";
+import { A as E, a as t1 } from "../AccountDetailsDrawer-Cq4kiiKD.mjs";
+import { b as q1, u as J1 } from "../AccountDetailsDrawer-Cq4kiiKD.mjs";
+import { i as z, u as R, a as x, c as N, f as $ } from "../hooks-97sNJ_lf.mjs";
 import { A } from "../Analytics-D-jdcL72.mjs";
-import { C as l1 } from "../ConnectionsDrawer-C73ASLMj.mjs";
+import { C as l1 } from "../ConnectionsDrawer-CZU9ku-k.mjs";
 import { u as Y } from "../useScreenSize-mWpmnh5w.mjs";
-import { u as T } from "../useWidgetLoadTimer-C0Mr0eRf.mjs";
+import { u as T } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as B } from "../Loader-CxeBwuPG.mjs";
-import { W as n1 } from "../WidgetContainer-5O6N88mr.mjs";
-import { C as q } from "../ConnectDrawer-BQy4YYuc.mjs";
+import { W as n1 } from "../WidgetContainer-CjdCY4sj.mjs";
+import { C as q } from "../ConnectDrawer-CW4LA3H3.mjs";
 import i1 from "@mui/material/ListItem";
 import { c as W } from "../Account-DR7Plrqy.mjs";
-import { M as J } from "../MiniWidgetContainer-CIswJui8.mjs";
-import { F as X1, M as e3 } from "../Connect-tID_S_5e.mjs";
+import { M as J } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { F as X1, M as e3 } from "../Connect-BH0Pt6zc.mjs";
 const o1 = () => {
   const [i, o] = a.useState(""), { config: C } = z(), { accounts: n } = R(), { allSelectedAccounts: t } = x(), { setSelectedAccount: r, setSelectedMember: u } = X(), { members: h } = N(), { onEvent: H } = $(), m = [...new Set(t.map((l) => l.account_type))], L = t.find((l) => i === l.guid), p = a.useMemo(
     () => t.filter((l) => l.is_hidden),

package/dist/analytics/index.es.js CHANGED Viewed

@@ -7,8 +7,8 @@ import j from "@mui/material/Button";
 import s from "@mui/material/Stack";
 import { Text as u, TextField as A } from "@mxenabled/mxui";
 import { L } from "../Loader-CxeBwuPG.mjs";
-import { M as W } from "../MiniWidgetContainer-CIswJui8.mjs";
-import { j as f, u as x, f as $, a as q } from "../hooks-DWOrMnfZ.mjs";
+import { M as W } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { j as f, u as x, f as $, a as q } from "../hooks-97sNJ_lf.mjs";
 import E from "@mui/material/ToggleButton";
 import Q from "@mui/material/ToggleButtonGroup";
 import { useTheme as B } from "@mui/material/styles";

package/dist/budgets/index.es.js CHANGED Viewed

@@ -14,7 +14,7 @@ import Z from "@mui/material/List";
 import { b as R } from "../Localization-DnoVyBNK.mjs";
 import { Text as C, CategoryIcon as V, Icon as z, H3 as Le } from "@mxenabled/mxui";
 import { f as D } from "../NumberFormatting--XMeeBfr.mjs";
-import { u as E, o as w, h as le, l as q, E as de, i as Ne, f as J, a as Q, g as ee, c as ke } from "../hooks-DWOrMnfZ.mjs";
+import { u as E, o as w, h as le, l as q, D as de, i as Ne, f as J, a as Q, g as ee, c as ke } from "../hooks-97sNJ_lf.mjs";
 import $e from "@mui/material/Button";
 import ue from "@mui/material/Divider";
 import te from "@mui/material/ListItem";
@@ -23,9 +23,9 @@ import oe from "@mui/material/ListItemButton";
 import ne from "@mui/material/ListItemText";
 import { D as $ } from "../Drawer-DsnW2o0v.mjs";
 import Xe from "@mui/material/ListItemSecondaryAction";
-import { C as Ze } from "../CurrencyInput-CABYmqBh.mjs";
+import { C as Ze } from "../CurrencyInput-DaGEQaLW.mjs";
 import { D as W } from "../Dialog-Bvd2n8hz.mjs";
-import { C as qe } from "../ConnectionsDrawer-C73ASLMj.mjs";
+import { C as qe } from "../ConnectionsDrawer-CZU9ku-k.mjs";
 import * as O from "d3";
 import Je from "@mui/material/Tooltip";
 import { u as ge } from "../useScreenSize-mWpmnh5w.mjs";
@@ -35,21 +35,21 @@ import { A as P } from "../Analytics-D-jdcL72.mjs";
 import Ee from "@mui/material/Tab";
 import Qe from "@mui/material/Tabs";
 import { e as et, g as we } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as ve } from "../EmbeddedCard-BwfkCsUN.mjs";
-import { T as tt, c as ot } from "../TransactionDetails-CDZNsKv7.mjs";
+import { T as ve } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { T as tt, c as ot } from "../TransactionDetails-DT-MQqOB.mjs";
 import Te from "@mui/material/Card";
 import De from "@mui/material/CardContent";
 import { S as Se } from "../StatusBar-CPfSXe80.mjs";
 import { S as Ge } from "../SingleSegmentDonut-7Uy6VEld.mjs";
-import { u as nt, C as at } from "../CategorySelectorDrawer-k8AZYC8I.mjs";
+import { u as nt, C as at } from "../CategorySelectorDrawer-NJsFsKP1.mjs";
 import Pe from "@mui/material/CardHeader";
 import { subDays as rt } from "date-fns/subDays";
 import st from "@mui/material/IconButton";
-import { M as it } from "../ManageIncome-BJWVPAly.mjs";
-import { u as je } from "../useWidgetLoadTimer-C0Mr0eRf.mjs";
-import { W as ct } from "../WidgetContainer-5O6N88mr.mjs";
+import { M as it } from "../ManageIncome-B_8i71mE.mjs";
+import { u as je } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+import { W as ct } from "../WidgetContainer-CjdCY4sj.mjs";
 import { g as lt, a as dt } from "../BudgetUtil-Bg2AQJpQ.mjs";
-import { M as ut } from "../MiniWidgetContainer-CIswJui8.mjs";
+import { M as ut } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { b as mt } from "../CurrencyDialog-DumQCTPO.mjs";
 const gt = I(() => {
   const { budgets: t } = E(), { totalBudgeted: n } = w(), { incomeTotal: c } = le(), i = c - n;