npm - @okta/odyssey-react-mui - Versions diffs - 1.43.0 → 1.45.0 - Mend

@okta/odyssey-react-mui 1.43.0 → 1.45.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 (1901) hide show

package/dist/esm/DatePickers/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","names":["memo","useCallback","useEffect","useMemo","useRef","useTranslation","DatePicker","MuiDatePicker","styled","Button","DateFieldActionBar","DateField","DateFieldLocalizationProvider","datePickerTheme","useOdysseyDesignTokens","OdysseyThemeProvider","TimeZonePicker","useOdysseyDateFields","jsx","_jsx","jsxs","_jsxs","DatePickerContainer","div","marginBlockEnd","DatePickerWidthContainer","odysseyDesignTokens","width","maxWidth","TypographyLineLengthMax","TimeZonePickerContainer","shouldForwardProp","prop","marginBlockStart","Spacing3","defaultValue","defaultValueProp","errorMessage","hint","HintLinkComponent","isDateEnabled","isDisabled","isOptional","isReadOnly","isMonthEnabled","isYearEnabled","label","minDate","minDateProp","maxDate","maxDateProp","onBlur","onCalendarDateChange","onInputChange","onInputChangeProp","timeZone","timeZonePickerLabel","timeZoneOptions","value","valueProp","i18n","t","inputRef","closeCalendar","commonIcons","defaultedLanguageCode","formatDateTimeToUtcIsoDateString","formatDayOfWeek","inputValues","internalTimeZone","isOpen","localeText","onTimeZoneChange","popperElement","setPopperElement","shouldDisableDate","shouldDisableMonth","shouldDisableYear","toggleCalendarVisibility","language","containerRef","current","formatDateTimeToJsDateStringOnCalendarSelection","dateStringFromDateTime","renderDateField","endAdornment","ariaLabel","onClick","size","startIcon","CalendarIcon","variant","onChange","timezone","slots","actionBar","field","muiProps","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","switchViewIcon","ChevronDownIcon","slotProps","wrapperVariant","onAccept","onCancel","actions","popper","anchorEl","toolbar","toolbarPlaceholder","themeOverride","children","ref","dayOfWeekFormatter","disabled","fixedWeekNumber","onClose","open","readOnly","MemoizedDatePicker","displayName"],"sources":["../../../src/DatePickers/DatePicker.tsx"],"sourcesContent":["/!\n Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n type DatePickerSlots,\n DatePicker as MuiDatePicker,\n DatePickerProps as MuiDatePickerProps,\n DatePickerSlotProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport styled from \"@emotion/styled\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport { DateFieldActionBar } from \"./DateFieldActionBar.js\";\nimport { DateField, DateFieldProps } from \"./DateField.js\";\nimport { DateFieldLocalizationProvider } from \"./DateFieldLocalizationProvider.js\";\nimport { datePickerTheme } from \"./datePickerTheme.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport {\n useOdysseyDesignTokens,\n DesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"../OdysseyThemeProvider.js\";\nimport { TimeZonePicker } from \"./TimeZonePicker.js\";\n\nimport {\n useOdysseyDateFields,\n OdysseyDateFieldProps,\n} from \"./useOdysseyDateFields.js\";\n\nconst DatePickerContainer = styled.div({\n \".MuiFormControl-root\": {\n marginBlockEnd: 0,\n },\n});\n\nconst DatePickerWidthContainer = styled.div<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n \".MuiInput-root\": {\n width: \"100%\",\n maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n },\n}));\n\nconst TimeZonePickerContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n marginBlockStart: odysseyDesignTokens.Spacing3,\n}));\n\ntype RenderDateFieldProps = {\n defaultValue: DateFieldProps[\"defaultValue\"];\n value: DateFieldProps[\"value\"];\n} & MuiDatePickerProps<DateTime>;\n\nexport type DatePickerProps = OdysseyDateFieldProps &\n Pick<\n FieldComponentProps,\n \| \"errorMessage\"\n \| \"hint\"\n \| \"HintLinkComponent\"\n \| \"isDisabled\"\n \| \"isReadOnly\"\n \| \"isOptional\"\n >;\n\nconst DatePicker = ({\n defaultValue: defaultValueProp,\n errorMessage,\n hint,\n HintLinkComponent,\n isDateEnabled = () => true,\n isDisabled,\n isOptional,\n isReadOnly,\n isMonthEnabled = () => true,\n isYearEnabled = () => true,\n label,\n minDate: minDateProp,\n maxDate: maxDateProp,\n onBlur,\n onCalendarDateChange,\n onInputChange: onInputChangeProp,\n timeZone,\n timeZonePickerLabel,\n timeZoneOptions,\n value: valueProp,\n}: DatePickerProps) => {\n const { i18n, t } = useTranslation();\n const inputRef = useRef<HTMLInputElement>(null);\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const {\n closeCalendar,\n commonIcons,\n defaultedLanguageCode,\n formatDateTimeToUtcIsoDateString,\n formatDayOfWeek,\n inputValues,\n internalTimeZone,\n isOpen,\n localeText,\n minDate,\n maxDate,\n onInputChange,\n onTimeZoneChange,\n popperElement,\n setPopperElement,\n shouldDisableDate,\n shouldDisableMonth,\n shouldDisableYear,\n toggleCalendarVisibility,\n } = useOdysseyDateFields({\n defaultValue: defaultValueProp,\n errorMessage,\n isDateEnabled,\n isMonthEnabled,\n isYearEnabled,\n minDate: minDateProp,\n maxDate: maxDateProp,\n onInputChange: onInputChangeProp,\n timeZone,\n value: valueProp,\n });\n\n const { language } = i18n;\n const containerRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n setPopperElement(containerRef.current);\n }, [setPopperElement]);\n\n const formatDateTimeToJsDateStringOnCalendarSelection = useCallback<\n NonNullable<MuiDatePickerProps<DateTime>[\"onChange\"]>\n >(\n (value) => {\n if (value) {\n const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n if (dateStringFromDateTime) {\n onCalendarDateChange?.({\n value: dateStringFromDateTime,\n timeZone: internalTimeZone,\n });\n }\n }\n },\n [formatDateTimeToUtcIsoDateString, internalTimeZone, onCalendarDateChange],\n );\n\n const renderDateField = useCallback(\n ({ defaultValue, inputRef, value }: RenderDateFieldProps) => {\n return (\n <DateField\n defaultValue={defaultValue}\n endAdornment={\n <Button\n ariaLabel={t(\"picker.labels.date.choose\")}\n label=\"\"\n onClick={toggleCalendarVisibility}\n size=\"small\"\n startIcon={<commonIcons.CalendarIcon />}\n variant=\"floating\"\n />\n }\n errorMessage={errorMessage}\n hint={hint}\n HintLinkComponent={HintLinkComponent}\n inputRef={inputRef}\n isDisabled={isDisabled}\n isOptional={isOptional}\n isReadOnly={isReadOnly}\n label={label}\n onBlur={onBlur}\n minDate={minDate}\n maxDate={maxDate}\n onChange={onInputChange}\n timezone={internalTimeZone}\n value={value}\n />\n );\n },\n [\n commonIcons,\n errorMessage,\n hint,\n HintLinkComponent,\n internalTimeZone,\n isDisabled,\n isOptional,\n isReadOnly,\n label,\n onBlur,\n onInputChange,\n minDate,\n maxDate,\n t,\n toggleCalendarVisibility,\n ],\n );\n\n const slots = useMemo<DatePickerSlots<DateTime>>(\n () => ({\n actionBar: DateFieldActionBar,\n field: (muiProps: RenderDateFieldProps) => renderDateField(muiProps),\n leftArrowIcon: () => <commonIcons.ArrowLeftIcon />,\n rightArrowIcon: () => <commonIcons.ArrowRightIcon />,\n switchViewIcon: () => <commonIcons.ChevronDownIcon />,\n }),\n [commonIcons, renderDateField],\n );\n\n const slotProps = useMemo<DatePickerSlotProps<DateTime, false>>(\n () => ({\n actionBar: ({ wrapperVariant, onAccept, onCancel }) => ({\n actions:\n // This is the default behavior but felt more clear to pass them in explicitly\n wrapperVariant === \"desktop\" ? [] : [\"accept\", \"cancel\"],\n onAccept,\n onCancel,\n }),\n popper: {\n anchorEl: popperElement,\n },\n\n toolbar: {\n toolbarPlaceholder: \"\",\n },\n }),\n [popperElement],\n );\n\n return (\n <OdysseyThemeProvider themeOverride={datePickerTheme}>\n <DateFieldLocalizationProvider\n defaultedLanguageCode={defaultedLanguageCode}\n localeText={localeText}\n >\n <DatePickerContainer>\n <DatePickerWidthContainer\n odysseyDesignTokens={odysseyDesignTokens}\n ref={containerRef}\n >\n <MuiDatePicker\n dayOfWeekFormatter={formatDayOfWeek}\n defaultValue={inputValues?.defaultValue}\n disabled={isDisabled}\n fixedWeekNumber={6}\n inputRef={inputRef}\n key={language}\n label={label}\n minDate={minDate}\n maxDate={maxDate}\n onChange={formatDateTimeToJsDateStringOnCalendarSelection}\n onClose={closeCalendar}\n open={isOpen}\n readOnly={isReadOnly}\n shouldDisableDate={shouldDisableDate}\n shouldDisableMonth={shouldDisableMonth}\n shouldDisableYear={shouldDisableYear}\n slots={slots}\n slotProps={slotProps}\n timezone={internalTimeZone}\n value={inputValues?.value}\n />\n </DatePickerWidthContainer>\n </DatePickerContainer>\n {timeZoneOptions && timeZonePickerLabel && (\n <TimeZonePickerContainer odysseyDesignTokens={odysseyDesignTokens}>\n <TimeZonePicker\n label={timeZonePickerLabel}\n onTimeZoneChange={onTimeZoneChange}\n isReadOnly={isReadOnly}\n timeZoneOptions={timeZoneOptions}\n value={internalTimeZone}\n />\n </TimeZonePickerContainer>\n )}\n </DateFieldLocalizationProvider>\n </OdysseyThemeProvider>\n );\n};\n\nconst MemoizedDatePicker = memo(DatePicker);\nMemoizedDatePicker.displayName = \"DatePicker\";\n\nexport { MemoizedDatePicker as DatePicker };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"DatePicker.js","names":["styled","DatePicker","MuiDatePicker","memo","useCallback","useEffect","useMemo","useRef","useTranslation","Button","useOdysseyDesignTokens","OdysseyThemeProvider","useUniqueId","DateField","DateFieldActionBar","DateFieldLocalizationProvider","datePickerTheme","TimeZonePicker","useOdysseyDateFields","jsx","_jsx","jsxs","_jsxs","DatePickerContainer","div","marginBlockEnd","DatePickerWidthContainer","odysseyDesignTokens","width","maxWidth","TypographyLineLengthMax","TimeZonePickerContainer","shouldForwardProp","prop","marginBlockStart","Spacing3","defaultValue","defaultValueProp","errorMessage","hint","HintLinkComponent","id","idOverride","isDateEnabled","isDisabled","isOptional","isReadOnly","isMonthEnabled","isYearEnabled","label","minDate","minDateProp","maxDate","maxDateProp","onBlur","onCalendarDateChange","onInputChange","onInputChangeProp","timeZone","timeZonePickerLabel","timeZoneOptions","value","valueProp","i18n","t","inputRef","datePickerId","closeCalendar","commonIcons","defaultedLanguageCode","formatDateTimeToUtcIsoDateString","formatDayOfWeek","inputValues","internalTimeZone","isOpen","localeText","onTimeZoneChange","popperElement","setPopperElement","shouldDisableDate","shouldDisableMonth","shouldDisableYear","toggleCalendarVisibility","language","containerRef","current","formatDateTimeToJsDateStringOnCalendarSelection","dateStringFromDateTime","renderDateField","endAdornment","ariaLabel","onClick","size","startIcon","CalendarIcon","variant","onChange","timezone","slots","actionBar","field","muiProps","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","switchViewIcon","ChevronDownIcon","slotProps","wrapperVariant","onAccept","onCancel","actions","popper","anchorEl","toolbar","toolbarPlaceholder","themeOverride","children","ref","dayOfWeekFormatter","disabled","fixedWeekNumber","onClose","open","readOnly","MemoizedDatePicker","displayName"],"sources":["../../../src/DatePickers/DatePicker.tsx"],"sourcesContent":["/!\n Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n DatePickerSlotProps,\n type DatePickerSlots,\n DatePicker as MuiDatePicker,\n DatePickerProps as MuiDatePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"../OdysseyThemeProvider.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { DateField, DateFieldProps } from \"./DateField.js\";\nimport { DateFieldActionBar } from \"./DateFieldActionBar.js\";\nimport { DateFieldLocalizationProvider } from \"./DateFieldLocalizationProvider.js\";\nimport { datePickerTheme } from \"./datePickerTheme.js\";\nimport { TimeZonePicker } from \"./TimeZonePicker.js\";\nimport {\n OdysseyDateFieldProps,\n useOdysseyDateFields,\n} from \"./useOdysseyDateFields.js\";\n\nconst DatePickerContainer = styled.div({\n \".MuiFormControl-root\": {\n marginBlockEnd: 0,\n },\n});\n\nconst DatePickerWidthContainer = styled.div<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n \".MuiInput-root\": {\n width: \"100%\",\n maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n },\n}));\n\nconst TimeZonePickerContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n marginBlockStart: odysseyDesignTokens.Spacing3,\n}));\n\ntype RenderDateFieldProps = {\n defaultValue: DateFieldProps[\"defaultValue\"];\n value: DateFieldProps[\"value\"];\n} & MuiDatePickerProps<DateTime>;\n\nexport type DatePickerProps = OdysseyDateFieldProps &\n Pick<\n FieldComponentProps,\n \| \"errorMessage\"\n \| \"hint\"\n \| \"HintLinkComponent\"\n \| \"id\"\n \| \"isDisabled\"\n \| \"isReadOnly\"\n \| \"isOptional\"\n >;\n\nconst DatePicker = ({\n defaultValue: defaultValueProp,\n errorMessage,\n hint,\n HintLinkComponent,\n id: idOverride,\n isDateEnabled = () => true,\n isDisabled,\n isOptional,\n isReadOnly,\n isMonthEnabled = () => true,\n isYearEnabled = () => true,\n label,\n minDate: minDateProp,\n maxDate: maxDateProp,\n onBlur,\n onCalendarDateChange,\n onInputChange: onInputChangeProp,\n timeZone,\n timeZonePickerLabel,\n timeZoneOptions,\n value: valueProp,\n}: DatePickerProps) => {\n const { i18n, t } = useTranslation();\n const inputRef = useRef<HTMLInputElement>(null);\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const datePickerId = useUniqueId(idOverride);\n\n const {\n closeCalendar,\n commonIcons,\n defaultedLanguageCode,\n formatDateTimeToUtcIsoDateString,\n formatDayOfWeek,\n inputValues,\n internalTimeZone,\n isOpen,\n localeText,\n minDate,\n maxDate,\n onInputChange,\n onTimeZoneChange,\n popperElement,\n setPopperElement,\n shouldDisableDate,\n shouldDisableMonth,\n shouldDisableYear,\n toggleCalendarVisibility,\n } = useOdysseyDateFields({\n defaultValue: defaultValueProp,\n errorMessage,\n isDateEnabled,\n isMonthEnabled,\n isYearEnabled,\n minDate: minDateProp,\n maxDate: maxDateProp,\n onInputChange: onInputChangeProp,\n timeZone,\n value: valueProp,\n });\n\n const { language } = i18n;\n const containerRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n setPopperElement(containerRef.current);\n }, [setPopperElement]);\n\n const formatDateTimeToJsDateStringOnCalendarSelection = useCallback<\n NonNullable<MuiDatePickerProps<DateTime>[\"onChange\"]>\n >(\n (value) => {\n if (value) {\n const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n if (dateStringFromDateTime) {\n onCalendarDateChange?.({\n value: dateStringFromDateTime,\n timeZone: internalTimeZone,\n });\n }\n }\n },\n [formatDateTimeToUtcIsoDateString, internalTimeZone, onCalendarDateChange],\n );\n\n const renderDateField = useCallback(\n ({ defaultValue, inputRef, value }: RenderDateFieldProps) => {\n return (\n <DateField\n defaultValue={defaultValue}\n endAdornment={\n <Button\n ariaLabel={t(\"picker.labels.date.choose\")}\n label=\"\"\n onClick={toggleCalendarVisibility}\n size=\"small\"\n startIcon={<commonIcons.CalendarIcon />}\n variant=\"floating\"\n />\n }\n errorMessage={errorMessage}\n hint={hint}\n HintLinkComponent={HintLinkComponent}\n id={datePickerId}\n inputRef={inputRef}\n isDisabled={isDisabled}\n isOptional={isOptional}\n isReadOnly={isReadOnly}\n label={label}\n maxDate={maxDate}\n minDate={minDate}\n onBlur={onBlur}\n onChange={onInputChange}\n timezone={internalTimeZone}\n value={value}\n />\n );\n },\n [\n commonIcons,\n datePickerId,\n errorMessage,\n hint,\n HintLinkComponent,\n internalTimeZone,\n isDisabled,\n isOptional,\n isReadOnly,\n label,\n onBlur,\n onInputChange,\n minDate,\n maxDate,\n t,\n toggleCalendarVisibility,\n ],\n );\n\n const slots = useMemo<DatePickerSlots<DateTime>>(\n () => ({\n actionBar: DateFieldActionBar,\n field: (muiProps: RenderDateFieldProps) => renderDateField(muiProps),\n leftArrowIcon: () => <commonIcons.ArrowLeftIcon />,\n rightArrowIcon: () => <commonIcons.ArrowRightIcon />,\n switchViewIcon: () => <commonIcons.ChevronDownIcon />,\n }),\n [commonIcons, renderDateField],\n );\n\n const slotProps = useMemo<DatePickerSlotProps<DateTime, false>>(\n () => ({\n actionBar: ({ wrapperVariant, onAccept, onCancel }) => ({\n actions:\n // This is the default behavior but felt more clear to pass them in explicitly\n wrapperVariant === \"desktop\" ? [] : [\"accept\", \"cancel\"],\n onAccept,\n onCancel,\n }),\n popper: {\n anchorEl: popperElement,\n },\n\n toolbar: {\n toolbarPlaceholder: \"\",\n },\n }),\n [popperElement],\n );\n\n return (\n <OdysseyThemeProvider themeOverride={datePickerTheme}>\n <DateFieldLocalizationProvider\n defaultedLanguageCode={defaultedLanguageCode}\n localeText={localeText}\n >\n <DatePickerContainer>\n <DatePickerWidthContainer\n odysseyDesignTokens={odysseyDesignTokens}\n ref={containerRef}\n >\n <MuiDatePicker\n dayOfWeekFormatter={formatDayOfWeek}\n defaultValue={inputValues?.defaultValue}\n disabled={isDisabled}\n fixedWeekNumber={6}\n inputRef={inputRef}\n key={language}\n label={label}\n maxDate={maxDate}\n minDate={minDate}\n onChange={formatDateTimeToJsDateStringOnCalendarSelection}\n onClose={closeCalendar}\n open={isOpen}\n readOnly={isReadOnly}\n shouldDisableDate={shouldDisableDate}\n shouldDisableMonth={shouldDisableMonth}\n shouldDisableYear={shouldDisableYear}\n slotProps={slotProps}\n slots={slots}\n timezone={internalTimeZone}\n value={inputValues?.value}\n />\n </DatePickerWidthContainer>\n </DatePickerContainer>\n {timeZoneOptions && timeZonePickerLabel && (\n <TimeZonePickerContainer odysseyDesignTokens={odysseyDesignTokens}>\n <TimeZonePicker\n isReadOnly={isReadOnly}\n label={timeZonePickerLabel}\n onTimeZoneChange={onTimeZoneChange}\n timeZoneOptions={timeZoneOptions}\n value={internalTimeZone}\n />\n </TimeZonePickerContainer>\n )}\n </DateFieldLocalizationProvider>\n </OdysseyThemeProvider>\n );\n};\n\nconst MemoizedDatePicker = memo(DatePicker);\nMemoizedDatePicker.displayName = \"DatePicker\";\n\nexport { MemoizedDatePicker as DatePicker };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/DatePickers/datePickerTheme.js CHANGED Viewed

@@ -10,8 +10,8 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { createOdysseyMuiTheme } from "../theme/index.js";
 import * as odysseyTokens from "@okta/odyssey-design-tokens";
+import { createOdysseyMuiTheme } from "../theme/index.js";
 const popupSpacingValue = 5;
 const odysseyTheme = createOdysseyMuiTheme({
   odysseyTokens

package/dist/esm/DatePickers/datePickerTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datePickerTheme.js","names":["createOdysseyMuiTheme","odysseyTokens","popupSpacingValue","odysseyTheme","dateStyles","default","theme","color","palette","text","primary","disabled","backgroundColor","hover","grey","focus","boxShadow","common","white","main","outline","outlineOffset","hoverSelected","dark","contrastText","outsideOfMonth","selected","border","today","todayDotStyles","borderRadius","bottom","spacing","content","height","typography","fontSize","position","transform","width","yearStyles","paddingBlock","paddingInline","lighter","secondary","yearCheckStyles","h6","maskImage","maskPosition","maskRepeat","right","datePickerTheme","components","MuiDateCalendar","styleOverrides","root","MuiPickersLayout","display","maxWidth","mixins","contentWrapper","borderColor","divider","borderStyle","borderWidth","MuiDatePickerToolbar","title","marginBlockStart","marginBlockEnd","MuiDayCalendar","header","justifyContent","monthContainer","weekContainer","marginBottom","marginLeft","marginRight","padding","gap","weekDayLabel","flexShrink","overline","fontWeight","lineHeight","letterSpacing","textTransform","MuiDatePicker","defaultProps","slotProps","popper","popperOptions","placement","showDaysOutsideCurrentMonth","views","MuiPickersCalendarHeader","label","h5","margin","maxHeight","minHeight","paddingBlockStart","paddingBlockEnd","borderBottom","labelContainer","overflow","switchViewButton","marginInlineStart","MuiPickersDay","dayWithMargin","flexBasis","body1","fontWeightBold","MuiPickersPopper","paper","marginTop","MuiYearCalendar","marginInlineEnd","MuiPickersYear","yearButton","alignItems","shape","MuiPickersArrowSwitcher","flexDirection","spacer","button"],"sources":["../../../src/DatePickers/datePickerTheme.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport { CSSInterpolation } from \"@mui/material/styles\";\nimport { createOdysseyMuiTheme } from \"../theme/index.js\";\nimport { ThemeOptions } from \"@mui/material\";\nimport as odysseyTokens from \"@okta/odyssey-design-tokens\";\n\nconst popupSpacingValue = 5;\n\nconst odysseyTheme = createOdysseyMuiTheme({ odysseyTokens });\n\ntype ThemeStyles = ({\n theme,\n}: {\n theme: typeof odysseyTheme;\n}) => CSSInterpolation;\n\ntype StateStyles = Record<string, ThemeStyles>;\n\nexport const dateStyles: StateStyles = {\n default: ({ theme }) => ({\n color: theme.palette.text.primary,\n }),\n disabled: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.disabled,\n }),\n hover: ({ theme }) => ({\n backgroundColor: theme.palette.grey[100],\n }),\n focus: ({ theme }) => ({\n backgroundColor: \"transparent\",\n boxShadow: `0 0 0 2px ${theme.palette.common.white}, 0 0 0 4px ${theme.palette.primary.main}`,\n outline: \"2px solid transparent\",\n outlineOffset: \"1px\",\n }),\n hoverSelected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.dark,\n color: theme.palette.primary.contrastText,\n }),\n outsideOfMonth: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.grey[400],\n }),\n selected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n color: theme.palette.primary.contrastText,\n border: \"none\",\n }),\n today: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.primary.main,\n border: \"none\",\n }),\n};\n\nconst todayDotStyles: StateStyles = {\n default: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n borderRadius: \"50%\",\n bottom: theme.spacing(1),\n content: '\" \"',\n height: `${2 / theme.typography.fontSize}em`,\n position: \"absolute\",\n transform: \"translateY(-50%)\",\n width: `${2 / theme.typography.fontSize}em`,\n }),\n hover: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n }),\n selected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.contrastText,\n }),\n};\n\nconst yearStyles: StateStyles = {\n default: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.primary,\n paddingBlock: theme.spacing(3),\n paddingInline: theme.spacing(4),\n width: \"auto\",\n height: \"auto\",\n }),\n disabled: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.disabled,\n }),\n hover: ({ theme }) => ({\n backgroundColor: theme.palette.grey[100],\n }),\n hoverSelected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.lighter,\n color: theme.palette.primary.main,\n }),\n outsideOfMonth: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.secondary,\n }),\n selected: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.primary.main,\n }),\n};\n\nconst yearCheckStyles: StateStyles = {\n default: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n content: '\"\"',\n height: theme.typography.h6.fontSize,\n maskImage:\n \"url(\\\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A\\\")\",\n maskPosition: \"50% 50%\",\n maskRepeat: \"no-repeat\",\n position: \"absolute\",\n right: theme.spacing(4),\n width: theme.spacing(4),\n }),\n};\n\nexport const datePickerTheme: ThemeOptions = {\n components: {\n MuiDateCalendar: {\n styleOverrides: {\n root: () => ({\n width: \"100%\",\n }),\n },\n },\n MuiPickersLayout: {\n styleOverrides: {\n root: ({ theme }) => ({\n display: \"block\",\n // Matches Popper width\n width: \"calc(100vw - 64px)\",\n maxWidth: theme.mixins.maxWidth,\n }),\n contentWrapper: ({ theme }) => ({\n width: \"100%\",\n paddingInline: theme.spacing(3),\n\n \"@media (pointer: fine)\": {\n borderColor: theme.palette.divider,\n borderStyle: theme.mixins.borderStyle,\n borderWidth: theme.mixins.borderWidth,\n borderRadius: theme.mixins.borderRadius,\n paddingBlock: theme.spacing(6),\n paddingInline: theme.spacing(6),\n },\n }),\n },\n },\n MuiDatePickerToolbar: {\n styleOverrides: {\n root: ({ theme }) => ({\n paddingInline: theme.spacing(4),\n paddingBlock: theme.spacing(4),\n }),\n title: ({ theme }) => ({\n marginBlockStart: theme.spacing(1),\n marginBlockEnd: 0,\n }),\n },\n },\n MuiDayCalendar: {\n styleOverrides: {\n header: ({ theme }) => ({\n justifyContent: \"space-between\",\n marginBlockStart: theme.spacing(5),\n paddingInline: theme.spacing(1),\n }),\n monthContainer: ({ theme }) => ({\n // padding needed to be able to show focus state for calendar days\n paddingBlock: theme.spacing(1),\n paddingInline: theme.spacing(1),\n }),\n weekContainer: ({ theme }) => ({\n justifyContent: \"space-between\",\n marginBottom: theme.spacing(1),\n marginLeft: 0,\n marginRight: 0,\n padding: 0,\n gap: theme.spacing(1),\n\n \"&:last-child\": {\n marginBottom: 0,\n },\n }),\n weekDayLabel: ({ theme }) => ({\n color: theme.palette.grey[900],\n flexShrink: 0,\n marginBottom: theme.spacing(2),\n marginLeft: 0,\n marginRight: 0,\n width: theme.spacing(6),\n height: \"auto\",\n fontSize: theme.typography.overline.fontSize,\n fontWeight: theme.typography.overline.fontWeight,\n lineHeight: theme.typography.overline.lineHeight,\n letterSpacing: theme.typography.overline.letterSpacing,\n textTransform: theme.typography.overline.textTransform,\n }),\n },\n },\n MuiDatePicker: {\n defaultProps: {\n slotProps: {\n popper: {\n popperOptions: {\n placement: \"bottom-start\",\n },\n },\n },\n showDaysOutsideCurrentMonth: true,\n views: [\"year\", \"day\"],\n },\n },\n MuiPickersCalendarHeader: {\n styleOverrides: {\n label: ({ theme }) => ({\n ...theme.typography.h5,\n margin: 0,\n }),\n root: ({ theme }) => ({\n justifyContent: \"space-between\",\n marginBlockEnd: 0,\n marginBlockStart: 0,\n maxHeight: theme.spacing(8),\n minHeight: theme.spacing(8),\n paddingInline: theme.spacing(1),\n paddingBlockStart: theme.spacing(1),\n paddingBlockEnd: theme.spacing(4),\n width: \"auto\",\n borderBottom: `1px solid ${theme.palette.grey[100]}`,\n }),\n labelContainer: {\n marginRight: 0,\n overflow: \"visible\",\n },\n switchViewButton: ({ theme }) => ({\n marginInlineStart: theme.spacing(1),\n }),\n },\n },\n MuiPickersDay: {\n styleOverrides: {\n dayWithMargin: () => ({\n marginLeft: 0,\n marginRight: 0,\n }),\n root: ({ theme }) => [\n dateStyles.default({ theme }),\n {\n border: \"none\",\n borderRadius: theme.mixins.borderRadius,\n flexBasis: theme.spacing(6),\n flexShrink: 0,\n fontSize: theme.typography.body1.fontSize,\n height: theme.spacing(6),\n width: theme.spacing(6),\n\n \"&.MuiPickersDay-today\": [\n dateStyles.today({ theme }),\n {\n fontWeight: theme.typography.fontWeightBold,\n },\n ],\n\n \"&.MuiPickersDay-today::after\": todayDotStyles.default({ theme }),\n \"&.MuiPickersDay-today.Mui-selected::after\":\n todayDotStyles.selected({ theme }),\n \"&.MuiPickersDay-dayOutsideMonth\": dateStyles.outsideOfMonth({\n theme,\n }),\n \"&:hover\": dateStyles.hover({ theme }),\n \"&:focus\": dateStyles.focus({ theme }),\n\n \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n theme,\n }),\n \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n },\n ],\n },\n },\n MuiPickersPopper: {\n styleOverrides: {\n paper: ({ theme }) => ({\n boxShadow: `0 ${1 / 14}rem ${\n 4 / 14\n }rem rgba(29, 29, 33, 0.08), 0 ${4 / 14}rem ${\n 10 / 14\n }rem rgba(29, 29, 33, 0.08), 0 ${8 / 14}rem ${\n 30 / 14\n }rem rgba(29, 29, 33, 0.1)`,\n marginTop: theme.spacing(1),\n }),\n },\n },\n MuiYearCalendar: {\n styleOverrides: {\n root: ({ theme }) => ({\n display: \"block\",\n width: \"auto\",\n maxHeight: `${284 / 14}rem`,\n marginBottom: `-${theme.spacing(popupSpacingValue)}`,\n marginInlineEnd: 0,\n paddingInline: 0,\n }),\n },\n },\n MuiPickersYear: {\n styleOverrides: {\n root: () => ({\n width: \"100%\",\n justifyContent: \"flex-start\",\n }),\n yearButton: ({ theme }) => [\n yearStyles.default({ theme }),\n {\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-start\",\n width: \"100%\",\n marginBottom: 0,\n marginTop: 0,\n paddingBlock: theme.spacing(3),\n paddingInline: theme.spacing(4),\n borderRadius: theme.shape.borderRadius,\n fontSize: theme.typography.body1.fontSize,\n\n \"&:hover\": yearStyles.hover({ theme }),\n\n \"&:not(.Mui-selected)\": {\n border: \"none\",\n },\n\n \"&.Mui-disabled\": yearStyles.disabled({ theme }),\n },\n ],\n selected: ({ theme }) => ({\n \"&, &:focus\": yearStyles.selected({ theme }),\n \"&:hover\": yearStyles.hoverSelected({ theme }),\n \"&::after\": yearCheckStyles.default({ theme }),\n }),\n },\n },\n MuiPickersArrowSwitcher: {\n styleOverrides: {\n root: {\n \":dir(rtl)\": {\n flexDirection: \"row-reverse\",\n },\n },\n spacer: ({ theme }) => ({\n width: theme.spacing(3),\n }),\n button: {\n margin: 0,\n },\n },\n },\n },\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"datePickerTheme.js","names":["odysseyTokens","createOdysseyMuiTheme","popupSpacingValue","odysseyTheme","dateStyles","default","theme","color","palette","text","primary","disabled","backgroundColor","hover","grey","focus","boxShadow","common","white","main","outline","outlineOffset","hoverSelected","dark","contrastText","outsideOfMonth","selected","border","today","todayDotStyles","borderRadius","bottom","spacing","content","height","typography","fontSize","position","transform","width","yearStyles","paddingBlock","paddingInline","lighter","secondary","yearCheckStyles","h6","maskImage","maskPosition","maskRepeat","right","datePickerTheme","components","MuiDateCalendar","styleOverrides","root","MuiPickersLayout","display","maxWidth","mixins","contentWrapper","borderColor","divider","borderStyle","borderWidth","MuiDatePickerToolbar","title","marginBlockStart","marginBlockEnd","MuiDayCalendar","header","justifyContent","monthContainer","weekContainer","marginBottom","marginLeft","marginRight","padding","gap","weekDayLabel","flexShrink","overline","fontWeight","lineHeight","letterSpacing","textTransform","MuiDatePicker","defaultProps","slotProps","popper","popperOptions","placement","showDaysOutsideCurrentMonth","views","MuiPickersCalendarHeader","label","h5","margin","maxHeight","minHeight","paddingBlockStart","paddingBlockEnd","borderBottom","labelContainer","overflow","switchViewButton","marginInlineStart","MuiPickersDay","dayWithMargin","flexBasis","body1","fontWeightBold","MuiPickersPopper","paper","marginTop","MuiYearCalendar","marginInlineEnd","MuiPickersYear","yearButton","alignItems","shape","MuiPickersArrowSwitcher","flexDirection","spacer","button"],"sources":["../../../src/DatePickers/datePickerTheme.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport { ThemeOptions } from \"@mui/material\";\nimport { CSSInterpolation } from \"@mui/material/styles\";\nimport as odysseyTokens from \"@okta/odyssey-design-tokens\";\n\nimport { createOdysseyMuiTheme } from \"../theme/index.js\";\n\nconst popupSpacingValue = 5;\n\nconst odysseyTheme = createOdysseyMuiTheme({ odysseyTokens });\n\ntype ThemeStyles = ({\n theme,\n}: {\n theme: typeof odysseyTheme;\n}) => CSSInterpolation;\n\ntype StateStyles = Record<string, ThemeStyles>;\n\nexport const dateStyles: StateStyles = {\n default: ({ theme }) => ({\n color: theme.palette.text.primary,\n }),\n disabled: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.disabled,\n }),\n hover: ({ theme }) => ({\n backgroundColor: theme.palette.grey[100],\n }),\n focus: ({ theme }) => ({\n backgroundColor: \"transparent\",\n boxShadow: `0 0 0 2px ${theme.palette.common.white}, 0 0 0 4px ${theme.palette.primary.main}`,\n outline: \"2px solid transparent\",\n outlineOffset: \"1px\",\n }),\n hoverSelected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.dark,\n color: theme.palette.primary.contrastText,\n }),\n outsideOfMonth: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.grey[400],\n }),\n selected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n color: theme.palette.primary.contrastText,\n border: \"none\",\n }),\n today: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.primary.main,\n border: \"none\",\n }),\n};\n\nconst todayDotStyles: StateStyles = {\n default: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n borderRadius: \"50%\",\n bottom: theme.spacing(1),\n content: '\" \"',\n height: `${2 / theme.typography.fontSize}em`,\n position: \"absolute\",\n transform: \"translateY(-50%)\",\n width: `${2 / theme.typography.fontSize}em`,\n }),\n hover: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n }),\n selected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.contrastText,\n }),\n};\n\nconst yearStyles: StateStyles = {\n default: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.primary,\n paddingBlock: theme.spacing(3),\n paddingInline: theme.spacing(4),\n width: \"auto\",\n height: \"auto\",\n }),\n disabled: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.disabled,\n }),\n hover: ({ theme }) => ({\n backgroundColor: theme.palette.grey[100],\n }),\n hoverSelected: ({ theme }) => ({\n backgroundColor: theme.palette.primary.lighter,\n color: theme.palette.primary.main,\n }),\n outsideOfMonth: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.text.secondary,\n }),\n selected: ({ theme }) => ({\n backgroundColor: \"transparent\",\n color: theme.palette.primary.main,\n }),\n};\n\nconst yearCheckStyles: StateStyles = {\n default: ({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n content: '\"\"',\n height: theme.typography.h6.fontSize,\n maskImage:\n \"url(\\\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A\\\")\",\n maskPosition: \"50% 50%\",\n maskRepeat: \"no-repeat\",\n position: \"absolute\",\n right: theme.spacing(4),\n width: theme.spacing(4),\n }),\n};\n\nexport const datePickerTheme: ThemeOptions = {\n components: {\n MuiDateCalendar: {\n styleOverrides: {\n root: () => ({\n width: \"100%\",\n }),\n },\n },\n MuiPickersLayout: {\n styleOverrides: {\n root: ({ theme }) => ({\n display: \"block\",\n // Matches Popper width\n width: \"calc(100vw - 64px)\",\n maxWidth: theme.mixins.maxWidth,\n }),\n contentWrapper: ({ theme }) => ({\n width: \"100%\",\n paddingInline: theme.spacing(3),\n\n \"@media (pointer: fine)\": {\n borderColor: theme.palette.divider,\n borderStyle: theme.mixins.borderStyle,\n borderWidth: theme.mixins.borderWidth,\n borderRadius: theme.mixins.borderRadius,\n paddingBlock: theme.spacing(6),\n paddingInline: theme.spacing(6),\n },\n }),\n },\n },\n MuiDatePickerToolbar: {\n styleOverrides: {\n root: ({ theme }) => ({\n paddingInline: theme.spacing(4),\n paddingBlock: theme.spacing(4),\n }),\n title: ({ theme }) => ({\n marginBlockStart: theme.spacing(1),\n marginBlockEnd: 0,\n }),\n },\n },\n MuiDayCalendar: {\n styleOverrides: {\n header: ({ theme }) => ({\n justifyContent: \"space-between\",\n marginBlockStart: theme.spacing(5),\n paddingInline: theme.spacing(1),\n }),\n monthContainer: ({ theme }) => ({\n // padding needed to be able to show focus state for calendar days\n paddingBlock: theme.spacing(1),\n paddingInline: theme.spacing(1),\n }),\n weekContainer: ({ theme }) => ({\n justifyContent: \"space-between\",\n marginBottom: theme.spacing(1),\n marginLeft: 0,\n marginRight: 0,\n padding: 0,\n gap: theme.spacing(1),\n\n \"&:last-child\": {\n marginBottom: 0,\n },\n }),\n weekDayLabel: ({ theme }) => ({\n color: theme.palette.grey[900],\n flexShrink: 0,\n marginBottom: theme.spacing(2),\n marginLeft: 0,\n marginRight: 0,\n width: theme.spacing(6),\n height: \"auto\",\n fontSize: theme.typography.overline.fontSize,\n fontWeight: theme.typography.overline.fontWeight,\n lineHeight: theme.typography.overline.lineHeight,\n letterSpacing: theme.typography.overline.letterSpacing,\n textTransform: theme.typography.overline.textTransform,\n }),\n },\n },\n MuiDatePicker: {\n defaultProps: {\n slotProps: {\n popper: {\n popperOptions: {\n placement: \"bottom-start\",\n },\n },\n },\n showDaysOutsideCurrentMonth: true,\n views: [\"year\", \"day\"],\n },\n },\n MuiPickersCalendarHeader: {\n styleOverrides: {\n label: ({ theme }) => ({\n ...theme.typography.h5,\n margin: 0,\n }),\n root: ({ theme }) => ({\n justifyContent: \"space-between\",\n marginBlockEnd: 0,\n marginBlockStart: 0,\n maxHeight: theme.spacing(8),\n minHeight: theme.spacing(8),\n paddingInline: theme.spacing(1),\n paddingBlockStart: theme.spacing(1),\n paddingBlockEnd: theme.spacing(4),\n width: \"auto\",\n borderBottom: `1px solid ${theme.palette.grey[100]}`,\n }),\n labelContainer: {\n marginRight: 0,\n overflow: \"visible\",\n },\n switchViewButton: ({ theme }) => ({\n marginInlineStart: theme.spacing(1),\n }),\n },\n },\n MuiPickersDay: {\n styleOverrides: {\n dayWithMargin: () => ({\n marginLeft: 0,\n marginRight: 0,\n }),\n root: ({ theme }) => [\n dateStyles.default({ theme }),\n {\n border: \"none\",\n borderRadius: theme.mixins.borderRadius,\n flexBasis: theme.spacing(6),\n flexShrink: 0,\n fontSize: theme.typography.body1.fontSize,\n height: theme.spacing(6),\n width: theme.spacing(6),\n\n \"&.MuiPickersDay-today\": [\n dateStyles.today({ theme }),\n {\n fontWeight: theme.typography.fontWeightBold,\n },\n ],\n\n \"&.MuiPickersDay-today::after\": todayDotStyles.default({ theme }),\n \"&.MuiPickersDay-today.Mui-selected::after\":\n todayDotStyles.selected({ theme }),\n \"&.MuiPickersDay-dayOutsideMonth\": dateStyles.outsideOfMonth({\n theme,\n }),\n \"&:hover\": dateStyles.hover({ theme }),\n \"&:focus\": dateStyles.focus({ theme }),\n\n \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n theme,\n }),\n \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n },\n ],\n },\n },\n MuiPickersPopper: {\n styleOverrides: {\n paper: ({ theme }) => ({\n boxShadow: `0 ${1 / 14}rem ${\n 4 / 14\n }rem rgba(29, 29, 33, 0.08), 0 ${4 / 14}rem ${\n 10 / 14\n }rem rgba(29, 29, 33, 0.08), 0 ${8 / 14}rem ${\n 30 / 14\n }rem rgba(29, 29, 33, 0.1)`,\n marginTop: theme.spacing(1),\n }),\n },\n },\n MuiYearCalendar: {\n styleOverrides: {\n root: ({ theme }) => ({\n display: \"block\",\n width: \"auto\",\n maxHeight: `${284 / 14}rem`,\n marginBottom: `-${theme.spacing(popupSpacingValue)}`,\n marginInlineEnd: 0,\n paddingInline: 0,\n }),\n },\n },\n MuiPickersYear: {\n styleOverrides: {\n root: () => ({\n width: \"100%\",\n justifyContent: \"flex-start\",\n }),\n yearButton: ({ theme }) => [\n yearStyles.default({ theme }),\n {\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-start\",\n width: \"100%\",\n marginBottom: 0,\n marginTop: 0,\n paddingBlock: theme.spacing(3),\n paddingInline: theme.spacing(4),\n borderRadius: theme.shape.borderRadius,\n fontSize: theme.typography.body1.fontSize,\n\n \"&:hover\": yearStyles.hover({ theme }),\n\n \"&:not(.Mui-selected)\": {\n border: \"none\",\n },\n\n \"&.Mui-disabled\": yearStyles.disabled({ theme }),\n },\n ],\n selected: ({ theme }) => ({\n \"&, &:focus\": yearStyles.selected({ theme }),\n \"&:hover\": yearStyles.hoverSelected({ theme }),\n \"&::after\": yearCheckStyles.default({ theme }),\n }),\n },\n },\n MuiPickersArrowSwitcher: {\n styleOverrides: {\n root: {\n \":dir(rtl)\": {\n flexDirection: \"row-reverse\",\n },\n },\n spacer: ({ theme }) => ({\n width: theme.spacing(3),\n }),\n button: {\n margin: 0,\n },\n },\n },\n },\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/DatePickers/useOdysseyDateFields.js CHANGED Viewed

@@ -10,8 +10,8 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DateTime } from "luxon";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ArrowLeftIcon, ArrowRightIcon, CalendarIcon, ChevronDownIcon } from "../icons.generated/index.js";
 import { ComponentControlledState, getControlState } from "../inputUtils.js";

package/dist/esm/DatePickers/useOdysseyDateFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOdysseyDateFields.js","names":["useCallback","useEffect","useMemo","useRef","useState","DateTime","useTranslation","ArrowLeftIcon","ArrowRightIcon","CalendarIcon","ChevronDownIcon","ComponentControlledState","getControlState","useDateFieldsTranslations","CONTROLLED","isValidDateTime","dateTime","isValid","utcDateTimeFromIsoString","dateString","fromISO","toUTC","useOdysseyDateFields","defaultValue","isDateEnabled","isMonthEnabled","isYearEnabled","minDate","minDateProp","maxDate","maxDateProp","onInputChange","onInputChangeProp","timeZone","value","isOpen","setIsOpen","popperElement","setPopperElement","internalTimeZone","setInternalTimeZone","internalValueRef","validationDateRanges","setValidationDateRanges","undefined","startOf","i18n","language","invalidLocales","isInvalidLocale","includes","localeText","controlledStateRef","controlledValue","uncontrolledValue","defaultedLanguageCode","replaceAll","isValidTimeZone","local","setZone","formatDateTimeToUtcIsoDateString","toISO","shouldDisableDate","date","Date","toJSDate","shouldDisableMonth","shouldDisableYear","inputValues","current","valueAsUTCDateTime","defaultValueAsUTCDateTime","onTimeZoneChange","toggleCalendarVisibility","closeCalendar","formatDayOfWeek","toFormat","commonIcons"],"sources":["../../../src/DatePickers/useOdysseyDateFields.ts"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport {\n FocusEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { DateTime } from \"luxon\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport {\n ArrowLeftIcon,\n ArrowRightIcon,\n CalendarIcon,\n ChevronDownIcon,\n} from \"../icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"../inputUtils.js\";\nimport { TimeZoneOption, TimeZonePickerProps } from \"./TimeZonePicker.js\";\nimport { useDateFieldsTranslations } from \"./useDateFieldsTranslations.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst isValidDateTime = (dateTime: DateTime) => dateTime.isValid;\n\nconst utcDateTimeFromIsoString = (dateString: string) =>\n DateTime.fromISO(dateString).toUTC();\n\nexport type OdysseyDateFieldProps = {\n /\n default value when uncontrolled.\n \n NOTE: Must be a date string in ISO format\n /\n defaultValue?: string;\n /\n Disable specific date(s).\n \n Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.\n /\n isDateEnabled?: (date: Date) => boolean;\n /\n Disable specific month(s).\n /\n isMonthEnabled?: (date: Date) => boolean;\n /\n Disable specific year(s).\n /\n isYearEnabled?: (date: Date) => boolean;\n /\n The label for the `input` element.\n /\n label: string;\n /\n Minimum date allowed.\n \n NOTE: If not a valid date string in ISO format, `minDate` will not apply\n /\n minDate?: string;\n /\n Maximum date allowed.\n \n NOTE: If not a valid date string in ISO format, `maxDate` will not apply\n /\n maxDate?: string;\n /\n Callback fired when the a date field loses focus\n /\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Callback fired when the a date is selected with the calendar.\n /\n onCalendarDateChange?: ({\n value,\n timeZone,\n }: {\n value: string \| undefined;\n timeZone: string;\n }) => void;\n /\n Callback fired when the date/text input changes.\n /\n onInputChange?: (value: string) => void;\n /\n a default timezone for the picker\n /\n timeZone?: string;\n /\n If provided, a `TimeZonePicker` will be rendered below the DatePicker. These options will populate as the Autocomplete options\n /\n timeZoneOptions?: TimeZoneOption[];\n /\n label for `TimeZonePicker`\n /\n timeZonePickerLabel?: TimeZonePickerProps[\"label\"];\n /\n value when controlled.\n \n NOTE: Must be a date string in ISO format or it will not be applied\n */\n value?: string;\n};\n\ntype FormatDateTimeToUtcIsoDateString = (value: DateTime) => string \| undefined;\n\ntype ValidationDateRanges = {\n minDate?: DateTime;\n maxDate?: DateTime;\n};\n\nexport const useOdysseyDateFields = ({\n defaultValue,\n isDateEnabled = () => true,\n isMonthEnabled = () => true,\n isYearEnabled = () => true,\n minDate: minDateProp,\n maxDate: maxDateProp,\n onInputChange: onInputChangeProp,\n timeZone = \"system\",\n value,\n}: Pick<\n OdysseyDateFieldProps,\n \| \"defaultValue\"\n \| \"isDateEnabled\"\n \| \"isMonthEnabled\"\n \| \"isYearEnabled\"\n \| \"minDate\"\n \| \"maxDate\"\n \| \"onInputChange\"\n \| \"timeZone\"\n \| \"value\"\n> &\n Pick<FieldComponentProps, \"errorMessage\">) => {\n const [isOpen, setIsOpen] = useState(false);\n const [popperElement, setPopperElement] = useState<HTMLInputElement \| null>();\n const [internalTimeZone, setInternalTimeZone] = useState(timeZone);\n\n const internalValueRef = useRef<DateTime \| null>(null);\n\n const [validationDateRanges, setValidationDateRanges] =\n useState<ValidationDateRanges>({\n minDate: undefined,\n maxDate: undefined,\n });\n\n useEffect(() => {\n const minDate = minDateProp ? DateTime.fromISO(minDateProp) : undefined;\n const maxDate = maxDateProp ? DateTime.fromISO(maxDateProp) : undefined;\n\n setValidationDateRanges({\n minDate:\n minDate && isValidDateTime(minDate)\n ? minDate.startOf(\"day\")\n : undefined,\n maxDate:\n maxDate && isValidDateTime(maxDate)\n ? maxDate.startOf(\"day\")\n : undefined,\n });\n }, [minDateProp, maxDateProp]);\n\n const { i18n } = useTranslation();\n const { language } = i18n;\n\n const invalidLocales = [\"ok_PL\", \"ok_SK\"];\n // In the Applitools env the language code is `en-us@posix`. Need to check for that\n const isInvalidLocale =\n invalidLocales.includes(language) \|\| language.includes(\"@\");\n\n const localeText = useDateFieldsTranslations();\n\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: value,\n uncontrolledValue: defaultValue,\n }),\n );\n\n const defaultedLanguageCode = isInvalidLocale\n ? \"en-US\"\n : language.replaceAll(\"_\", \"-\");\n\n const isValidTimeZone = useCallback(\n (timeZone: string) => DateTime.local().setZone(timeZone).isValid,\n [],\n );\n\n const formatDateTimeToUtcIsoDateString =\n useCallback<FormatDateTimeToUtcIsoDateString>(\n (value) => value.toUTC().toISO() \|\| undefined,\n [],\n );\n\n const shouldDisableDate = useCallback(\n (date: DateTime) => !isDateEnabled(new Date(date?.toJSDate())) \|\| false,\n [isDateEnabled],\n );\n\n const shouldDisableMonth = useCallback(\n (date: DateTime) => !isMonthEnabled(new Date(date?.toJSDate())) \|\| false,\n [isMonthEnabled],\n );\n\n const shouldDisableYear = useCallback(\n (date: DateTime) => !isYearEnabled(new Date(date?.toJSDate())) \|\| false,\n [isYearEnabled],\n );\n\n const inputValues = useMemo(() => {\n if (value && controlledStateRef.current === CONTROLLED) {\n const valueAsUTCDateTime = utcDateTimeFromIsoString(value);\n\n if (isValidDateTime(valueAsUTCDateTime)) {\n return {\n value: valueAsUTCDateTime,\n };\n }\n }\n\n if (defaultValue) {\n const defaultValueAsUTCDateTime = utcDateTimeFromIsoString(defaultValue);\n\n if (isValidDateTime(defaultValueAsUTCDateTime)) {\n return {\n defaultValue: defaultValueAsUTCDateTime,\n };\n }\n }\n\n return null;\n }, [defaultValue, value]);\n\n const onTimeZoneChange = useCallback(\n (timeZone: string \| undefined) => {\n if (timeZone && isValidTimeZone(timeZone)) {\n setInternalTimeZone(timeZone);\n }\n },\n [isValidTimeZone, setInternalTimeZone],\n );\n\n const toggleCalendarVisibility = useCallback(\n () => setIsOpen(!isOpen),\n [isOpen, setIsOpen],\n );\n\n const closeCalendar = useCallback(() => {\n setIsOpen(false);\n }, [setIsOpen]);\n\n const formatDayOfWeek = (date: DateTime) => date.toFormat(\"EEE\");\n\n const onInputChange = useCallback<(value: string) => void>(\n (value) => {\n onInputChangeProp?.(value);\n },\n [onInputChangeProp],\n );\n\n const commonIcons = {\n ArrowLeftIcon: ArrowLeftIcon,\n ArrowRightIcon: ArrowRightIcon,\n CalendarIcon: CalendarIcon,\n ChevronDownIcon: ChevronDownIcon,\n };\n\n return {\n closeCalendar,\n commonIcons,\n defaultedLanguageCode,\n formatDateTimeToUtcIsoDateString,\n formatDayOfWeek,\n inputValues,\n internalTimeZone,\n internalValueRef,\n isOpen,\n isValidTimeZone,\n localeText,\n maxDate: validationDateRanges.maxDate,\n minDate: validationDateRanges.minDate,\n popperElement,\n onInputChange,\n onTimeZoneChange,\n setInternalTimeZone,\n setIsOpen,\n setPopperElement,\n shouldDisableDate,\n shouldDisableMonth,\n shouldDisableYear,\n toggleCalendarVisibility,\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"useOdysseyDateFields.js","names":["DateTime","useCallback","useEffect","useMemo","useRef","useState","useTranslation","ArrowLeftIcon","ArrowRightIcon","CalendarIcon","ChevronDownIcon","ComponentControlledState","getControlState","useDateFieldsTranslations","CONTROLLED","isValidDateTime","dateTime","isValid","utcDateTimeFromIsoString","dateString","fromISO","toUTC","useOdysseyDateFields","defaultValue","isDateEnabled","isMonthEnabled","isYearEnabled","minDate","minDateProp","maxDate","maxDateProp","onInputChange","onInputChangeProp","timeZone","value","isOpen","setIsOpen","popperElement","setPopperElement","internalTimeZone","setInternalTimeZone","internalValueRef","validationDateRanges","setValidationDateRanges","undefined","startOf","i18n","language","invalidLocales","isInvalidLocale","includes","localeText","controlledStateRef","controlledValue","uncontrolledValue","defaultedLanguageCode","replaceAll","isValidTimeZone","local","setZone","formatDateTimeToUtcIsoDateString","toISO","shouldDisableDate","date","Date","toJSDate","shouldDisableMonth","shouldDisableYear","inputValues","current","valueAsUTCDateTime","defaultValueAsUTCDateTime","onTimeZoneChange","toggleCalendarVisibility","closeCalendar","formatDayOfWeek","toFormat","commonIcons"],"sources":["../../../src/DatePickers/useOdysseyDateFields.ts"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport { DateTime } from \"luxon\";\nimport {\n FocusEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport {\n ArrowLeftIcon,\n ArrowRightIcon,\n CalendarIcon,\n ChevronDownIcon,\n} from \"../icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"../inputUtils.js\";\nimport { TimeZoneOption, TimeZonePickerProps } from \"./TimeZonePicker.js\";\nimport { useDateFieldsTranslations } from \"./useDateFieldsTranslations.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst isValidDateTime = (dateTime: DateTime) => dateTime.isValid;\n\nconst utcDateTimeFromIsoString = (dateString: string) =>\n DateTime.fromISO(dateString).toUTC();\n\nexport type OdysseyDateFieldProps = {\n /\n default value when uncontrolled.\n \n NOTE: Must be a date string in ISO format\n /\n defaultValue?: string;\n /\n Disable specific date(s).\n \n Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.\n /\n isDateEnabled?: (date: Date) => boolean;\n /\n Disable specific month(s).\n /\n isMonthEnabled?: (date: Date) => boolean;\n /\n Disable specific year(s).\n /\n isYearEnabled?: (date: Date) => boolean;\n /\n The label for the `input` element.\n /\n label: string;\n /\n Maximum date allowed.\n \n NOTE: If not a valid date string in ISO format, `maxDate` will not apply\n /\n maxDate?: string;\n /\n Minimum date allowed.\n \n NOTE: If not a valid date string in ISO format, `minDate` will not apply\n /\n minDate?: string;\n /\n Callback fired when the a date field loses focus\n /\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Callback fired when the a date is selected with the calendar.\n /\n onCalendarDateChange?: ({\n value,\n timeZone,\n }: {\n timeZone: string;\n value: string \| undefined;\n }) => void;\n /\n Callback fired when the date/text input changes.\n /\n onInputChange?: (value: string) => void;\n /\n a default timezone for the picker\n /\n timeZone?: string;\n /\n If provided, a `TimeZonePicker` will be rendered below the DatePicker. These options will populate as the Autocomplete options\n /\n timeZoneOptions?: TimeZoneOption[];\n /\n label for `TimeZonePicker`\n /\n timeZonePickerLabel?: TimeZonePickerProps[\"label\"];\n /\n value when controlled.\n \n NOTE: Must be a date string in ISO format or it will not be applied\n */\n value?: string;\n};\n\ntype FormatDateTimeToUtcIsoDateString = (value: DateTime) => string \| undefined;\n\ntype ValidationDateRanges = {\n maxDate?: DateTime;\n minDate?: DateTime;\n};\n\nexport const useOdysseyDateFields = ({\n defaultValue,\n isDateEnabled = () => true,\n isMonthEnabled = () => true,\n isYearEnabled = () => true,\n minDate: minDateProp,\n maxDate: maxDateProp,\n onInputChange: onInputChangeProp,\n timeZone = \"system\",\n value,\n}: Pick<\n OdysseyDateFieldProps,\n \| \"defaultValue\"\n \| \"isDateEnabled\"\n \| \"isMonthEnabled\"\n \| \"isYearEnabled\"\n \| \"minDate\"\n \| \"maxDate\"\n \| \"onInputChange\"\n \| \"timeZone\"\n \| \"value\"\n> &\n Pick<FieldComponentProps, \"errorMessage\">) => {\n const [isOpen, setIsOpen] = useState(false);\n const [popperElement, setPopperElement] = useState<HTMLInputElement \| null>();\n const [internalTimeZone, setInternalTimeZone] = useState(timeZone);\n\n const internalValueRef = useRef<DateTime \| null>(null);\n\n const [validationDateRanges, setValidationDateRanges] =\n useState<ValidationDateRanges>({\n minDate: undefined,\n maxDate: undefined,\n });\n\n useEffect(() => {\n const minDate = minDateProp ? DateTime.fromISO(minDateProp) : undefined;\n const maxDate = maxDateProp ? DateTime.fromISO(maxDateProp) : undefined;\n\n setValidationDateRanges({\n minDate:\n minDate && isValidDateTime(minDate)\n ? minDate.startOf(\"day\")\n : undefined,\n maxDate:\n maxDate && isValidDateTime(maxDate)\n ? maxDate.startOf(\"day\")\n : undefined,\n });\n }, [minDateProp, maxDateProp]);\n\n const { i18n } = useTranslation();\n const { language } = i18n;\n\n const invalidLocales = [\"ok_PL\", \"ok_SK\"];\n // In the Applitools env the language code is `en-us@posix`. Need to check for that\n const isInvalidLocale =\n invalidLocales.includes(language) \|\| language.includes(\"@\");\n\n const localeText = useDateFieldsTranslations();\n\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: value,\n uncontrolledValue: defaultValue,\n }),\n );\n\n const defaultedLanguageCode = isInvalidLocale\n ? \"en-US\"\n : language.replaceAll(\"_\", \"-\");\n\n const isValidTimeZone = useCallback(\n (timeZone: string) => DateTime.local().setZone(timeZone).isValid,\n [],\n );\n\n const formatDateTimeToUtcIsoDateString =\n useCallback<FormatDateTimeToUtcIsoDateString>(\n (value) => value.toUTC().toISO() \|\| undefined,\n [],\n );\n\n const shouldDisableDate = useCallback(\n (date: DateTime) => !isDateEnabled(new Date(date?.toJSDate())) \|\| false,\n [isDateEnabled],\n );\n\n const shouldDisableMonth = useCallback(\n (date: DateTime) => !isMonthEnabled(new Date(date?.toJSDate())) \|\| false,\n [isMonthEnabled],\n );\n\n const shouldDisableYear = useCallback(\n (date: DateTime) => !isYearEnabled(new Date(date?.toJSDate())) \|\| false,\n [isYearEnabled],\n );\n\n const inputValues = useMemo(() => {\n if (value && controlledStateRef.current === CONTROLLED) {\n const valueAsUTCDateTime = utcDateTimeFromIsoString(value);\n\n if (isValidDateTime(valueAsUTCDateTime)) {\n return {\n value: valueAsUTCDateTime,\n };\n }\n }\n\n if (defaultValue) {\n const defaultValueAsUTCDateTime = utcDateTimeFromIsoString(defaultValue);\n\n if (isValidDateTime(defaultValueAsUTCDateTime)) {\n return {\n defaultValue: defaultValueAsUTCDateTime,\n };\n }\n }\n\n return null;\n }, [defaultValue, value]);\n\n const onTimeZoneChange = useCallback(\n (timeZone: string \| undefined) => {\n if (timeZone && isValidTimeZone(timeZone)) {\n setInternalTimeZone(timeZone);\n }\n },\n [isValidTimeZone, setInternalTimeZone],\n );\n\n const toggleCalendarVisibility = useCallback(\n () => setIsOpen(!isOpen),\n [isOpen, setIsOpen],\n );\n\n const closeCalendar = useCallback(() => {\n setIsOpen(false);\n }, [setIsOpen]);\n\n const formatDayOfWeek = (date: DateTime) => date.toFormat(\"EEE\");\n\n const onInputChange = useCallback<(value: string) => void>(\n (value) => {\n onInputChangeProp?.(value);\n },\n [onInputChangeProp],\n );\n\n const commonIcons = {\n ArrowLeftIcon: ArrowLeftIcon,\n ArrowRightIcon: ArrowRightIcon,\n CalendarIcon: CalendarIcon,\n ChevronDownIcon: ChevronDownIcon,\n };\n\n return {\n closeCalendar,\n commonIcons,\n defaultedLanguageCode,\n formatDateTimeToUtcIsoDateString,\n formatDayOfWeek,\n inputValues,\n internalTimeZone,\n internalValueRef,\n isOpen,\n isValidTimeZone,\n localeText,\n maxDate: validationDateRanges.maxDate,\n minDate: validationDateRanges.minDate,\n popperElement,\n onInputChange,\n onTimeZoneChange,\n setInternalTimeZone,\n setIsOpen,\n setPopperElement,\n shouldDisableDate,\n shouldDisableMonth,\n shouldDisableYear,\n toggleCalendarVisibility,\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Dialog.js CHANGED Viewed

@@ -14,11 +14,10 @@ import _DialogContentText from "@mui/material/DialogContentText";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+import { cloneElement, memo, useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button } from "./Buttons/index.js";
 import { CloseIcon } from "./icons.generated/index.js";
-import { cloneElement, memo, useState, useEffect, useRef } from "react";
 import { useUniqueId } from "./useUniqueId.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Dialog = ({
@@ -63,11 +62,12 @@ const Dialog = ({
     children: children
   }) : children;
   const actionButtons = [tertiaryCallToActionComponent || callToActionLastComponent, secondaryCallToActionComponent || callToActionSecondComponent, primaryCallToActionComponent || callToActionFirstComponent].filter(Boolean);
+  const handleCloseButtonClick = useCallback(event => onClose(event, "closeButtonClick"), [onClose]);
   return _jsxs(_Dialog, {
+    "aria-labelledby": dialogLabelId,
     "data-se": testId,
-    open: isOpen,
     onClose: onClose,
-    "aria-labelledby": dialogLabelId,
+    open: isOpen,
     children: [_jsxs(_DialogTitle, {
       id: dialogTitleId,
       translate: translate,
@@ -76,7 +76,7 @@ const Dialog = ({
         children: title
       }), _jsx(Button, {
         ariaLabel: t("close.text"),
-        onClick: onClose,
+        onClick: handleCloseButtonClick,
         size: "small",
         startIcon: _jsx(CloseIcon, {}),
         variant: "floating"

package/dist/esm/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","names":["useTranslation","Button","CloseIcon","cloneElement","memo","useState","useEffect","useRef","useUniqueId","jsx","_jsx","jsxs","_jsxs","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","t","isContentScrollable","setIsContentScrollable","dialogContentRef","dialogTitleId","dialogLabelId","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","_DialogContentText","actionButtons","filter","Boolean","_Dialog","open","_DialogTitle","id","ariaLabel","onClick","size","startIcon","variant","_DialogContent","tabIndex","dividers","ref","length","_DialogActions","map","actionButton","index","key","MemoizedDialog","displayName"],"sources":["../../src/Dialog.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport { useTranslation } from \"react-i18next\";\nimport {\n Dialog as MuiDialog,\n DialogTitle,\n DialogContent,\n DialogContentText,\n DialogActions,\n} from \"@mui/material\";\nimport { Button } from \"./Buttons/index.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n cloneElement,\n memo,\n useState,\n useEffect,\n useRef,\n ReactElement,\n ReactNode,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport type DialogProps = {\n /\n @deprecated `aria-label` for close button comes from translation file\n /\n ariaLabel?: string;\n\n /\n An optional Button object to be situated in the Dialog footer as the primary call to action.\n /\n primaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n /\n callToActionFirstComponent?: ReactElement<typeof Button>;\n /\n An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n /\n secondaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n /\n callToActionSecondComponent?: ReactElement<typeof Button>;\n /\n An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n /\n tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n /\n callToActionLastComponent?: ReactElement<typeof Button>;\n /\n The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n /\n children: ReactNode;\n\n /\n When set to `true`, the Dialog will be visible.\n /\n isOpen: boolean;\n\n /\n Callback that controls what happens when the Dialog is dismissed.\n /\n onClose: () => void;\n\n /\n The title of the Dialog.\n */\n title: string;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst Dialog = ({\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n tertiaryCallToActionComponent,\n callToActionFirstComponent,\n callToActionSecondComponent,\n callToActionLastComponent,\n children,\n isOpen,\n onClose,\n testId,\n title,\n translate,\n}: DialogProps) => {\n const { t } = useTranslation();\n const [isContentScrollable, setIsContentScrollable] = useState(false);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const dialogTitleId = useUniqueId();\n const dialogLabelId = useUniqueId();\n\n useEffect(() => {\n let frameId: number;\n\n const handleContentScroll = () => {\n const dialogContentElement = dialogContentRef.current;\n if (dialogContentElement) {\n cancelAnimationFrame(frameId);\n setIsContentScrollable(\n dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n );\n }\n frameId = requestAnimationFrame(handleContentScroll);\n };\n\n if (isOpen) {\n frameId = requestAnimationFrame(handleContentScroll);\n }\n\n return () => {\n cancelAnimationFrame(frameId);\n };\n }, [isOpen]);\n\n const content =\n typeof children === \"string\" ? (\n <DialogContentText>{children}</DialogContentText>\n ) : (\n children\n );\n\n // Prioritize new action button format (\|\| used as a fallback)\n const actionButtons = [\n tertiaryCallToActionComponent \|\| callToActionLastComponent,\n secondaryCallToActionComponent \|\| callToActionSecondComponent,\n primaryCallToActionComponent \|\| callToActionFirstComponent,\n ].filter(Boolean);\n\n return (\n <MuiDialog\n data-se={testId}\n open={isOpen}\n onClose={onClose}\n aria-labelledby={dialogLabelId}\n >\n <DialogTitle\n id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n translate={translate}\n >\n <span id={dialogLabelId}>{title}</span>\n <Button\n ariaLabel={t(\"close.text\")}\n onClick={onClose}\n size=\"small\"\n startIcon={<CloseIcon />}\n variant=\"floating\"\n />\n </DialogTitle>\n <DialogContent\n {...(isContentScrollable && {\n // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n tabIndex: 0,\n })}\n dividers={isContentScrollable}\n ref={dialogContentRef}\n >\n {content}\n </DialogContent>\n\n {actionButtons.length > 0 && (\n <DialogActions>\n {actionButtons.map((actionButton, index) =>\n actionButton ? cloneElement(actionButton, { key: index }) : null,\n )}\n </DialogActions>\n )}\n </MuiDialog>\n );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,eAAe;AAQ9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SACEC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,MAAM,QAGD,OAAO;AAGd,SAASC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAqD/C,MAAMC,MAAM,GAAGA,CAAC;EACdC,4BAA4B;EAC5BC,8BAA8B;EAC9BC,6BAA6B;EAC7BC,0BAA0B;EAC1BC,2BAA2B;EAC3BC,yBAAyB;EACzBC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACW,CAAC,KAAK;EACjB,MAAM;IAAEC;EAAE,CAAC,GAAG1B,cAAc,CAAC,CAAC;EAC9B,MAAM,CAAC2B,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAMwB,gBAAgB,GAAGtB,MAAM,CAAiB,IAAI,CAAC;EACrD,MAAMuB,aAAa,GAAGtB,WAAW,CAAC,CAAC;EACnC,MAAMuB,aAAa,GAAGvB,WAAW,CAAC,CAAC;EAEnCF,SAAS,CAAC,MAAM;IACd,IAAI0B,OAAe;IAEnB,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;MAChC,MAAMC,oBAAoB,GAAGL,gBAAgB,CAACM,OAAO;MACrD,IAAID,oBAAoB,EAAE;QACxBE,oBAAoB,CAACJ,OAAO,CAAC;QAC7BJ,sBAAsB,CACpBM,oBAAoB,CAACG,YAAY,GAAGH,oBAAoB,CAACI,YAC3D,CAAC;MACH;MACAN,OAAO,GAAGO,qBAAqB,CAACN,mBAAmB,CAAC;IACtD,CAAC;IAED,IAAIZ,MAAM,EAAE;MACVW,OAAO,GAAGO,qBAAqB,CAACN,mBAAmB,CAAC;IACtD;IAEA,OAAO,MAAM;MACXG,oBAAoB,CAACJ,OAAO,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAACX,MAAM,CAAC,CAAC;EAEZ,MAAMmB,OAAO,GACX,OAAOpB,QAAQ,KAAK,QAAQ,GAC1BV,IAAA,CAAA+B,kBAAA;IAAArB,QAAA,EAAoBA;EAAQ,CAAoB,CAAC,GAEjDA,QACD;EAGH,MAAMsB,aAAa,GAAG,CACpB1B,6BAA6B,IAAIG,yBAAyB,EAC1DJ,8BAA8B,IAAIG,2BAA2B,EAC7DJ,4BAA4B,IAAIG,0BAA0B,CAC3D,CAAC0B,MAAM,CAACC,OAAO,CAAC;EAEjB,OACEhC,KAAA,CAAAiC,OAAA;IACE,WAAStB,MAAO;IAChBuB,IAAI,EAAEzB,MAAO;IACbC,OAAO,EAAEA,OAAQ;IACjB,mBAAiBS,aAAc;IAAAX,QAAA,GAE/BR,KAAA,CAAAmC,YAAA;MACEC,EAAE,EAAElB,aAAc;MAClBL,SAAS,EAAEA,SAAU;MAAAL,QAAA,GAErBV,IAAA;QAAMsC,EAAE,EAAEjB,aAAc;QAAAX,QAAA,EAAEI;MAAK,CAAO,CAAC,EACvCd,IAAA,CAACT,MAAM;QACLgD,SAAS,EAAEvB,CAAC,CAAC,YAAY,CAAE;QAC3BwB,OAAO,EAAE5B,OAAQ;QACjB6B,IAAI,EAAC,OAAO;QACZC,SAAS,EAAE1C,IAAA,CAACR,SAAS,IAAE,CAAE;QACzBmD,OAAO,EAAC;MAAU,CACnB,CAAC;IAAA,CACS,CAAC,EACd3C,IAAA,CAAA4C,cAAA;MAAA,IACO3B,mBAAmB,IAAI;QAE1B4B,QAAQ,EAAE;MACZ,CAAC;MACDC,QAAQ,EAAE7B,mBAAoB;MAC9B8B,GAAG,EAAE5B,gBAAiB;MAAAT,QAAA,EAErBoB;IAAO,CACK,CAAC,EAEfE,aAAa,CAACgB,MAAM,GAAG,CAAC,IACvBhD,IAAA,CAAAiD,cAAA;MAAAvC,QAAA,EACGsB,aAAa,CAACkB,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,KACrCD,YAAY,GAAG1D,YAAY,CAAC0D,YAAY,EAAE;QAAEE,GAAG,EAAED;MAAM,CAAC,CAAC,GAAG,IAC9D;IAAC,CACY,CAChB;EAAA,CACQ,CAAC;AAEhB,CAAC;AAED,MAAME,cAAc,GAAG5D,IAAI,CAACS,MAAM,CAAC;AACnCmD,cAAc,CAACC,WAAW,GAAG,QAAQ;AAErC,SAASD,cAAc,IAAInD,MAAM","ignoreList":[]}
1	+ {"version":3,"file":"Dialog.js","names":["cloneElement","memo","useCallback","useEffect","useRef","useState","useTranslation","Button","CloseIcon","useUniqueId","jsx","_jsx","jsxs","_jsxs","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","t","isContentScrollable","setIsContentScrollable","dialogContentRef","dialogTitleId","dialogLabelId","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","_DialogContentText","actionButtons","filter","Boolean","handleCloseButtonClick","event","_Dialog","open","_DialogTitle","id","ariaLabel","onClick","size","startIcon","variant","_DialogContent","tabIndex","dividers","ref","length","_DialogActions","map","actionButton","index","key","MemoizedDialog","displayName"],"sources":["../../src/Dialog.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport {\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Dialog as MuiDialog,\n DialogProps as MuiDialogProps,\n} from \"@mui/material\";\nimport {\n cloneElement,\n memo,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/index.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDialogProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDialogProps>[\"onClose\"]>[1];\nexport type DialogOnCloseReason = MuiOnCloseReason \| \"closeButtonClick\";\n\nexport type DialogProps = {\n /\n @deprecated `aria-label` for close button comes from translation file\n /\n ariaLabel?: string;\n\n /\n @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n /\n callToActionFirstComponent?: ReactElement<typeof Button>;\n /\n @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n /\n callToActionLastComponent?: ReactElement<typeof Button>;\n /\n @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n /\n callToActionSecondComponent?: ReactElement<typeof Button>;\n /\n The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n /\n children: ReactNode;\n /\n When set to `true`, the Dialog will be visible.\n /\n isOpen: boolean;\n /\n Callback that controls what happens when the Dialog is dismissed.\n /\n onClose: (event: MuiOnCloseEvent, reason: DialogOnCloseReason) => void;\n /\n An optional Button object to be situated in the Dialog footer as the primary call to action.\n /\n primaryCallToActionComponent?: ReactElement<typeof Button>;\n\n /\n An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n /\n secondaryCallToActionComponent?: ReactElement<typeof Button>;\n\n /\n An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n /\n tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n\n /\n The title of the Dialog.\n */\n title: string;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst Dialog = ({\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n tertiaryCallToActionComponent,\n callToActionFirstComponent,\n callToActionSecondComponent,\n callToActionLastComponent,\n children,\n isOpen,\n onClose,\n testId,\n title,\n translate,\n}: DialogProps) => {\n const { t } = useTranslation();\n const [isContentScrollable, setIsContentScrollable] = useState(false);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const dialogTitleId = useUniqueId();\n const dialogLabelId = useUniqueId();\n\n useEffect(() => {\n let frameId: number;\n\n const handleContentScroll = () => {\n const dialogContentElement = dialogContentRef.current;\n if (dialogContentElement) {\n cancelAnimationFrame(frameId);\n setIsContentScrollable(\n dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n );\n }\n frameId = requestAnimationFrame(handleContentScroll);\n };\n\n if (isOpen) {\n frameId = requestAnimationFrame(handleContentScroll);\n }\n\n return () => {\n cancelAnimationFrame(frameId);\n };\n }, [isOpen]);\n\n const content =\n typeof children === \"string\" ? (\n <DialogContentText>{children}</DialogContentText>\n ) : (\n children\n );\n\n // Prioritize new action button format (\|\| used as a fallback)\n const actionButtons = [\n tertiaryCallToActionComponent \|\| callToActionLastComponent,\n secondaryCallToActionComponent \|\| callToActionSecondComponent,\n primaryCallToActionComponent \|\| callToActionFirstComponent,\n ].filter(Boolean);\n\n const handleCloseButtonClick = useCallback<\n NonNullable<ButtonProps[\"onClick\"]>\n >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n return (\n <MuiDialog\n aria-labelledby={dialogLabelId}\n data-se={testId}\n onClose={onClose}\n open={isOpen}\n >\n <DialogTitle\n id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n translate={translate}\n >\n <span id={dialogLabelId}>{title}</span>\n <Button\n ariaLabel={t(\"close.text\")}\n onClick={handleCloseButtonClick}\n size=\"small\"\n startIcon={<CloseIcon />}\n variant=\"floating\"\n />\n </DialogTitle>\n <DialogContent\n {...(isContentScrollable && {\n // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n tabIndex: 0,\n })}\n dividers={isContentScrollable}\n ref={dialogContentRef}\n >\n {content}\n </DialogContent>\n\n {actionButtons.length > 0 && (\n <DialogActions>\n {actionButtons.map((actionButton, index) =>\n actionButton ? cloneElement(actionButton, { key: index }) : null,\n )}\n </DialogActions>\n )}\n </MuiDialog>\n );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Drawer.js CHANGED Viewed

@@ -11,8 +11,8 @@ import _Drawer from "@mui/material/Drawer";
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { memo, useEffect, useMemo, useRef, useState } from "react";
 import styled from "@emotion/styled";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button } from "./Buttons/index.js";
 import { CloseIcon } from "./icons.generated/index.js";
@@ -123,12 +123,12 @@ const Drawer = ({
     return hasDividers || isContentScrollable;
   }, [hasDividers, isContentScrollable]);
   const hasFooter = useMemo(() => primaryCallToActionComponent || secondaryCallToActionComponent || tertiaryCallToActionComponent, [primaryCallToActionComponent, secondaryCallToActionComponent, tertiaryCallToActionComponent]);
+  const handleCloseButtonClick = useCallback(event => onClose(event, "closeButtonClick"), [onClose]);
   return _jsxs(_Drawer, {
-    "data-se": testId,
     anchor: anchorDirection,
-    open: isOpen,
+    "data-se": testId,
     onClose: onClose,
-    variant: variant,
+    open: isOpen,
     sx: {
       ...(variant === "persistent" && {
         "& .MuiDrawer-paper": {
@@ -136,6 +136,7 @@ const Drawer = ({
         }
       })
     },
+    variant: variant,
     children: [_jsxs(DrawerContentWrapper, {
       ...(isContentScrollable && {
         tabIndex: 0
@@ -143,14 +144,14 @@ const Drawer = ({
       odysseyDesignTokens: odysseyDesignTokens,
       ref: drawerContentRef,
       children: [_jsxs(DrawerHeader, {
-        translate: translate,
-        odysseyDesignTokens: odysseyDesignTokens,
         hasDividers: dividersVisible,
+        odysseyDesignTokens: odysseyDesignTokens,
+        translate: translate,
         children: [_jsx(Heading5, {
           children: title
         }), _jsx(Button, {
           ariaLabel: ariaLabel,
-          onClick: onClose,
+          onClick: handleCloseButtonClick,
           size: "small",
           startIcon: _jsx(CloseIcon, {}),
           variant: "floating"
@@ -161,8 +162,8 @@ const Drawer = ({
         children: children
       })]
     }), hasFooter && _jsxs(DrawerFooter, {
-      odysseyDesignTokens: odysseyDesignTokens,
       hasDividers: dividersVisible,
+      odysseyDesignTokens: odysseyDesignTokens,
       children: [tertiaryCallToActionComponent, secondaryCallToActionComponent, primaryCallToActionComponent]
     })]
   });

package/dist/esm/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","names":["memo","useEffect","useMemo","useRef","useState","styled","useTranslation","Button","CloseIcon","useOdysseyDesignTokens","Heading5","jsx","_jsx","jsxs","_jsxs","variantValues","DrawerHeader","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","hasDividersProp","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","showDividers","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","drawerContentRef","i18n","anchorDirection","dir","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","hasFooter","_Drawer","anchor","open","sx","transition","tabIndex","ref","onClick","size","startIcon","MemoizedDrawer","displayName"],"sources":["../../src/Drawer.tsx"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport {\n memo,\n ReactElement,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport { Drawer as MuiDrawer } from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n /\n An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n /\n primaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n /\n secondaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n /\n tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n /\n children?: ReactNode;\n /\n When set to `true`, the Drawer will be visible.\n /\n isOpen?: boolean;\n /\n Callback that controls what happens when the Drawer is dismissed\n /\n onClose: () => void;\n /\n The title of the Drawer\n /\n title?: string;\n /\n Type of Drawer\n /\n variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" \| \"testId\" \| \"translate\"> &\n (\n \| {\n /\n Shows divider lines separating header, content, and footer (if using action buttons).\n /\n hasDividers?: never;\n /\n @deprecated use `hasDividers` instead.\n \n Shows divider lines separating header, content, and footer (if using action buttons).\n /\n showDividers: boolean;\n }\n \| {\n /\n Shows divider lines separating header, content, and footer (if using action buttons).\n /\n hasDividers: boolean;\n /\n @deprecated use `hasDividers` instead.\n \n Shows divider lines separating header, content, and footer (if using action buttons).\n */\n showDividers?: never;\n }\n );\n\ninterface DrawerStyleProps {\n odysseyDesignTokens: DesignTokens;\n hasDividers: boolean;\n}\nconst DrawerHeader = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n background-color: ${({ odysseyDesignTokens }) =>\n odysseyDesignTokens.HueNeutralWhite};\n border-bottom: ${({ hasDividers, odysseyDesignTokens }) =>\n hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>`\n overflow-y: auto;\n`;\n\nconst DrawerContent = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n padding: ${({ hasDividers, odysseyDesignTokens }) =>\n hasDividers\n ? `${odysseyDesignTokens.Spacing5}`\n : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n position: sticky;\n bottom: 0;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n align-content: center;\n padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n border-top: ${({ hasDividers, odysseyDesignTokens }) =>\n hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n background-color: ${({ odysseyDesignTokens }) =>\n odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n ariaLabel,\n children,\n hasDividers: hasDividersProp = false,\n isOpen,\n onClose,\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n showDividers = false,\n tertiaryCallToActionComponent,\n testId,\n title,\n translate,\n variant = \"temporary\",\n}: DrawerProps) => {\n const [isContentScrollable, setIsContentScrollable] = useState(false);\n const drawerContentRef = useRef<HTMLDivElement>(null);\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const hasDividers = hasDividersProp \|\| showDividers;\n\n //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n const { i18n } = useTranslation();\n const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n useEffect(() => {\n let frameId: number;\n\n const handleContentScroll = () => {\n const drawerContentElement = drawerContentRef.current;\n if (drawerContentElement) {\n cancelAnimationFrame(frameId);\n setIsContentScrollable(\n drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n );\n }\n frameId = requestAnimationFrame(handleContentScroll);\n };\n\n if (isOpen) {\n frameId = requestAnimationFrame(handleContentScroll);\n }\n\n return () => {\n cancelAnimationFrame(frameId);\n };\n }, [isOpen]);\n\n const dividersVisible = useMemo(() => {\n return hasDividers \|\| isContentScrollable;\n }, [hasDividers, isContentScrollable]);\n\n const hasFooter = useMemo(\n () =>\n primaryCallToActionComponent \|\|\n secondaryCallToActionComponent \|\|\n tertiaryCallToActionComponent,\n [\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n tertiaryCallToActionComponent,\n ],\n );\n\n return (\n <MuiDrawer\n data-se={testId}\n anchor={anchorDirection}\n open={isOpen}\n onClose={onClose}\n variant={variant}\n sx={{\n //Overrides default MUI inline style\n ...(variant === \"persistent\" && {\n \"& .MuiDrawer-paper\": {\n transition: \"none\",\n },\n }),\n }}\n >\n <DrawerContentWrapper\n {...(isContentScrollable && {\n //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n tabIndex: 0,\n })}\n odysseyDesignTokens={odysseyDesignTokens}\n ref={drawerContentRef}\n >\n <DrawerHeader\n translate={translate}\n odysseyDesignTokens={odysseyDesignTokens}\n hasDividers={dividersVisible}\n >\n <Heading5>{title}</Heading5>\n <Button\n ariaLabel={ariaLabel}\n onClick={onClose}\n size=\"small\"\n startIcon={<CloseIcon />}\n variant=\"floating\"\n />\n </DrawerHeader>\n <DrawerContent\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {children}\n </DrawerContent>\n </DrawerContentWrapper>\n {hasFooter && (\n <DrawerFooter\n odysseyDesignTokens={odysseyDesignTokens}\n hasDividers={dividersVisible}\n >\n {tertiaryCallToActionComponent}\n {secondaryCallToActionComponent}\n {primaryCallToActionComponent}\n </DrawerFooter>\n )}\n </MuiDrawer>\n );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Drawer.js","names":["styled","memo","useCallback","useEffect","useMemo","useRef","useState","useTranslation","Button","CloseIcon","useOdysseyDesignTokens","Heading5","jsx","_jsx","jsxs","_jsxs","variantValues","DrawerHeader","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","hasDividersProp","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","showDividers","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","drawerContentRef","i18n","anchorDirection","dir","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","hasFooter","handleCloseButtonClick","event","_Drawer","anchor","open","sx","transition","tabIndex","ref","onClick","size","startIcon","MemoizedDrawer","displayName"],"sources":["../../src/Drawer.tsx"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport styled from \"@emotion/styled\";\nimport {\n Drawer as MuiDrawer,\n DrawerProps as MuiDrawerProps,\n} from \"@mui/material\";\nimport {\n memo,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/index.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[1];\nexport type DrawerOnCloseReason = MuiOnCloseReason \| \"closeButtonClick\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n /\n The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n /\n children?: ReactNode;\n /\n When set to `true`, the Drawer will be visible.\n /\n isOpen?: boolean;\n /\n Callback that controls what happens when the Drawer is dismissed\n /\n onClose: (event: MuiOnCloseEvent, reason: DrawerOnCloseReason) => void;\n /\n An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n /\n primaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n /\n secondaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n /\n tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n /\n The title of the Drawer\n /\n title?: string;\n /\n Type of Drawer\n /\n variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" \| \"testId\" \| \"translate\"> &\n (\n \| {\n /\n Shows divider lines separating header, content, and footer (if using action buttons).\n /\n hasDividers?: never;\n /\n @deprecated use `hasDividers` instead.\n \n Shows divider lines separating header, content, and footer (if using action buttons).\n /\n showDividers: boolean;\n }\n \| {\n /\n Shows divider lines separating header, content, and footer (if using action buttons).\n /\n hasDividers: boolean;\n /\n @deprecated use `hasDividers` instead.\n \n Shows divider lines separating header, content, and footer (if using action buttons).\n */\n showDividers?: never;\n }\n );\n\ninterface DrawerStyleProps {\n hasDividers: boolean;\n odysseyDesignTokens: DesignTokens;\n}\nconst DrawerHeader = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n background-color: ${({ odysseyDesignTokens }) =>\n odysseyDesignTokens.HueNeutralWhite};\n border-bottom: ${({ hasDividers, odysseyDesignTokens }) =>\n hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>`\n overflow-y: auto;\n`;\n\nconst DrawerContent = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n padding: ${({ hasDividers, odysseyDesignTokens }) =>\n hasDividers\n ? `${odysseyDesignTokens.Spacing5}`\n : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n position: sticky;\n bottom: 0;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n align-content: center;\n padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n border-top: ${({ hasDividers, odysseyDesignTokens }) =>\n hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n background-color: ${({ odysseyDesignTokens }) =>\n odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n ariaLabel,\n children,\n hasDividers: hasDividersProp = false,\n isOpen,\n onClose,\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n showDividers = false,\n tertiaryCallToActionComponent,\n testId,\n title,\n translate,\n variant = \"temporary\",\n}: DrawerProps) => {\n const [isContentScrollable, setIsContentScrollable] = useState(false);\n const drawerContentRef = useRef<HTMLDivElement>(null);\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const hasDividers = hasDividersProp \|\| showDividers;\n\n //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n const { i18n } = useTranslation();\n const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n useEffect(() => {\n let frameId: number;\n\n const handleContentScroll = () => {\n const drawerContentElement = drawerContentRef.current;\n if (drawerContentElement) {\n cancelAnimationFrame(frameId);\n setIsContentScrollable(\n drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n );\n }\n frameId = requestAnimationFrame(handleContentScroll);\n };\n\n if (isOpen) {\n frameId = requestAnimationFrame(handleContentScroll);\n }\n\n return () => {\n cancelAnimationFrame(frameId);\n };\n }, [isOpen]);\n\n const dividersVisible = useMemo(() => {\n return hasDividers \|\| isContentScrollable;\n }, [hasDividers, isContentScrollable]);\n\n const hasFooter = useMemo(\n () =>\n primaryCallToActionComponent \|\|\n secondaryCallToActionComponent \|\|\n tertiaryCallToActionComponent,\n [\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n tertiaryCallToActionComponent,\n ],\n );\n\n const handleCloseButtonClick = useCallback<\n NonNullable<ButtonProps[\"onClick\"]>\n >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n return (\n <MuiDrawer\n anchor={anchorDirection}\n data-se={testId}\n onClose={onClose}\n open={isOpen}\n sx={{\n //Overrides default MUI inline style\n ...(variant === \"persistent\" && {\n \"& .MuiDrawer-paper\": {\n transition: \"none\",\n },\n }),\n }}\n variant={variant}\n >\n <DrawerContentWrapper\n {...(isContentScrollable && {\n //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n tabIndex: 0,\n })}\n odysseyDesignTokens={odysseyDesignTokens}\n ref={drawerContentRef}\n >\n <DrawerHeader\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n translate={translate}\n >\n <Heading5>{title}</Heading5>\n <Button\n ariaLabel={ariaLabel}\n onClick={handleCloseButtonClick}\n size=\"small\"\n startIcon={<CloseIcon />}\n variant=\"floating\"\n />\n </DrawerHeader>\n <DrawerContent\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {children}\n </DrawerContent>\n </DrawerContentWrapper>\n {hasFooter && (\n <DrawerFooter\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {tertiaryCallToActionComponent}\n {secondaryCallToActionComponent}\n {primaryCallToActionComponent}\n </DrawerFooter>\n )}\n </MuiDrawer>\n );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/EmptyState.js CHANGED Viewed

@@ -10,11 +10,11 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
+import styled from "@emotion/styled";
 import { memo } from "react";
-import { Heading4, Paragraph } from "./Typography.js";
 import { Box } from "./Box.js";
-import styled from "@emotion/styled";
 import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
+import { Heading4, Paragraph } from "./Typography.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const EmptyContainer = styled("div", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"

package/dist/esm/EmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","names":["~~memo~~","~~Heading4~~","~~Paragraph~~","~~Box~~","~~styled~~","~~useOdysseyDesignTokens~~","jsx","_jsx","jsxs","_jsxs","EmptyContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","marginBlock","Spacing9","padding","Spacing5","textAlign","width","alignItems","TextContainer","maxWidth","TypographyLineLengthMax","EmptyState","heading","description","PrimaryCallToActionComponent","SecondaryCallToActionComponent","children","sx","marginBlockStart","MemoizedEmptyState","displayName","DataTableEmptyState"],"sources":["../../src/EmptyState.tsx"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport { ~~ReactNode, memo }~~ from \"~~react~~\";\nimport { ~~Heading4~~, ~~Paragraph~~ } from \"~~./Typography.js~~\";\nimport { Box } from \"./Box.js\";\nimport ~~styled~~ from \"~~@emotion/styled~~\";\nimport {~~\n useOdysseyDesignTokens,\n DesignTokens,\n~~} from \"./~~OdysseyDesignTokensContext~~.js\";\n\nconst EmptyContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n display: \"flex\",\n flexDirection: \"column\",\n marginBlock: odysseyDesignTokens.Spacing9,\n padding: odysseyDesignTokens.Spacing5,\n textAlign: \"center\",\n width: \"100%\",\n alignItems: \"center\",\n}));\n\nconst TextContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nexport type EmptyStateProps = {\n /\n Main heading of the empty state\n /\n heading: string;\n /\n A descriptive text explaining more context as to why we don't have data.\n /\n description: string;\n /\n Primary call to action\n /\n PrimaryCallToActionComponent?: ReactNode;\n /\n Secondary call to action\n */\n SecondaryCallToActionComponent?: ReactNode;\n};\n\nconst EmptyState = ({\n heading,\n description,\n PrimaryCallToActionComponent,\n SecondaryCallToActionComponent,\n}: EmptyStateProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <EmptyContainer odysseyDesignTokens={odysseyDesignTokens}>\n <TextContainer odysseyDesignTokens={odysseyDesignTokens}>\n <Heading4>{heading}</Heading4>\n <Paragraph>{description}</Paragraph>\n </TextContainer>\n {(PrimaryCallToActionComponent \|\| SecondaryCallToActionComponent) && (\n <Box sx={{ marginBlockStart: 5 }}>\n {SecondaryCallToActionComponent}\n {PrimaryCallToActionComponent}\n </Box>\n )}\n </EmptyContainer>\n );\n};\n\nconst MemoizedEmptyState = memo(EmptyState);\nMemoizedEmptyState.displayName = \"EmptyState\";\n\nexport { MemoizedEmptyState as EmptyState };\nexport { MemoizedEmptyState as DataTableEmptyState };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,~~SAAoBA~~,~~IAAI~~,~~QAAQ~~,~~OAAO~~;~~AACvC~~,SAASC,~~QAAQ~~,~~EAAEC~~,~~SAAS,QAAQ,iBAAiB~~;~~AACrD~~,SAASC,GAAG,QAAQ,UAAU;AAC9B,~~OAAOC~~,~~MAAM~~,~~MAAM~~,~~iBAAiB~~;~~AACpC~~,~~SACEC~~,~~sBAAsB~~,~~QAEjB~~,~~iCAAiC~~;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;~~AAEzC~~,MAAMC,cAAc,~~GAAGN~~,MAAM,CAAC,KAAK,EAAE;~~EACnCO~~,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,WAAW,EAAEH,mBAAmB,CAACI,QAAQ;EACzCC,OAAO,EAAEL,mBAAmB,CAACM,QAAQ;EACrCC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AACd,CAAC,CAAC,CAAC;AAEH,MAAMC,aAAa,~~GAAGnB~~,MAAM,CAAC,KAAK,EAAE;~~EAClCO~~,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEW,QAAQ,EAAEX,mBAAmB,CAACY;AAChC,CAAC,CAAC,CAAC;AAqBH,MAAMC,UAAU,GAAGA,CAAC;EAClBC,OAAO;EACPC,WAAW;EACXC,4BAA4B;EAC5BC;AACe,CAAC,KAAK;EACrB,MAAMjB,mBAAmB,~~GAAGR~~,sBAAsB,CAAC,CAAC;EAEpD,~~OACEI~~,KAAA,CAACC,cAAc;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAkB,QAAA,GACvDtB,KAAA,CAACc,aAAa;MAACV,mBAAmB,EAAEA,mBAAoB;MAAAkB,QAAA,GACtDxB,IAAA,~~CAACN~~,QAAQ;~~QAAA8B~~,QAAA,EAAEJ;MAAO,CAAW,CAAC,EAC9BpB,IAAA,~~CAACL~~,SAAS;~~QAAA6B~~,QAAA,EAAEH;MAAW,CAAY,CAAC;IAAA,CACvB,CAAC,EACf,CAACC,4BAA4B,IAAIC,8BAA8B,KAC9DrB,KAAA,~~CAACN~~,GAAG;~~MAAC6B~~,EAAE,EAAE;QAAEC,gBAAgB,EAAE;MAAE,CAAE;MAAAF,QAAA,GAC9BD,8BAA8B,EAC9BD,4BAA4B;IAAA,CAC1B,CACN;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMK,kBAAkB,~~GAAGlC~~,IAAI,~~CAAC0B~~,UAAU,CAAC;AAC3CQ,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,SAASD,kBAAkB,IAAIR,UAAU;AACzC,SAASQ,kBAAkB,IAAIE,mBAAmB","ignoreList":[]}
1	+ {"version":3,"file":"EmptyState.js","names":["styled","memo","Box","useOdysseyDesignTokens","Heading4","Paragraph","jsx","_jsx","jsxs","_jsxs","EmptyContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","marginBlock","Spacing9","padding","Spacing5","textAlign","width","alignItems","TextContainer","maxWidth","TypographyLineLengthMax","EmptyState","heading","description","PrimaryCallToActionComponent","SecondaryCallToActionComponent","children","sx","marginBlockStart","MemoizedEmptyState","displayName","DataTableEmptyState"],"sources":["../../src/EmptyState.tsx"],"sourcesContent":["/!\n Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport styled from \"@emotion/styled\";\nimport { memo, ReactNode } from \"react\";\n\nimport { Box } from \"./Box.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading4, Paragraph } from \"./Typography.js\";\n\nconst EmptyContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n display: \"flex\",\n flexDirection: \"column\",\n marginBlock: odysseyDesignTokens.Spacing9,\n padding: odysseyDesignTokens.Spacing5,\n textAlign: \"center\",\n width: \"100%\",\n alignItems: \"center\",\n}));\n\nconst TextContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nexport type EmptyStateProps = {\n /\n A descriptive text explaining more context as to why we don't have data.\n /\n description: string;\n /\n Main heading of the empty state\n /\n heading: string;\n /\n Primary call to action\n /\n PrimaryCallToActionComponent?: ReactNode;\n /\n Secondary call to action\n */\n SecondaryCallToActionComponent?: ReactNode;\n};\n\nconst EmptyState = ({\n heading,\n description,\n PrimaryCallToActionComponent,\n SecondaryCallToActionComponent,\n}: EmptyStateProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <EmptyContainer odysseyDesignTokens={odysseyDesignTokens}>\n <TextContainer odysseyDesignTokens={odysseyDesignTokens}>\n <Heading4>{heading}</Heading4>\n <Paragraph>{description}</Paragraph>\n </TextContainer>\n {(PrimaryCallToActionComponent \|\| SecondaryCallToActionComponent) && (\n <Box sx={{ marginBlockStart: 5 }}>\n {SecondaryCallToActionComponent}\n {PrimaryCallToActionComponent}\n </Box>\n )}\n </EmptyContainer>\n );\n};\n\nconst MemoizedEmptyState = memo(EmptyState);\nMemoizedEmptyState.displayName = \"EmptyState\";\n\nexport { MemoizedEmptyState as EmptyState };\nexport { MemoizedEmptyState as DataTableEmptyState };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAAmB,OAAO;AAEvC,SAASC,GAAG,QAAQ,UAAU;AAC9B,SAEEC,sBAAsB,QACjB,iCAAiC;AACxC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,MAAMC,cAAc,GAAGV,MAAM,CAAC,KAAK,EAAE;EACnCW,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,WAAW,EAAEH,mBAAmB,CAACI,QAAQ;EACzCC,OAAO,EAAEL,mBAAmB,CAACM,QAAQ;EACrCC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AACd,CAAC,CAAC,CAAC;AAEH,MAAMC,aAAa,GAAGvB,MAAM,CAAC,KAAK,EAAE;EAClCW,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEW,QAAQ,EAAEX,mBAAmB,CAACY;AAChC,CAAC,CAAC,CAAC;AAqBH,MAAMC,UAAU,GAAGA,CAAC;EAClBC,OAAO;EACPC,WAAW;EACXC,4BAA4B;EAC5BC;AACe,CAAC,KAAK;EACrB,MAAMjB,mBAAmB,GAAGV,sBAAsB,CAAC,CAAC;EAEpD,OACEM,KAAA,CAACC,cAAc;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAkB,QAAA,GACvDtB,KAAA,CAACc,aAAa;MAACV,mBAAmB,EAAEA,mBAAoB;MAAAkB,QAAA,GACtDxB,IAAA,CAACH,QAAQ;QAAA2B,QAAA,EAAEJ;MAAO,CAAW,CAAC,EAC9BpB,IAAA,CAACF,SAAS;QAAA0B,QAAA,EAAEH;MAAW,CAAY,CAAC;IAAA,CACvB,CAAC,EACf,CAACC,4BAA4B,IAAIC,8BAA8B,KAC9DrB,KAAA,CAACP,GAAG;MAAC8B,EAAE,EAAE;QAAEC,gBAAgB,EAAE;MAAE,CAAE;MAAAF,QAAA,GAC9BD,8BAA8B,EAC9BD,4BAA4B;IAAA,CAC1B,CACN;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMK,kBAAkB,GAAGjC,IAAI,CAACyB,UAAU,CAAC;AAC3CQ,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,SAASD,kBAAkB,IAAIR,UAAU;AACzC,SAASQ,kBAAkB,IAAIE,mBAAmB","ignoreList":[]}