npm - @okta/odyssey-react-mui - Versions diffs - 1.56.0 → 1.57.0 - Mend

@okta/odyssey-react-mui 1.56.0 → 1.57.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 (1151) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","names":["styled","DatePicker","MuiDatePicker","memo","useCallback","useEffect","useMemo","useRef","Button","useTranslation","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\";\n\nimport { Button } from \"../Buttons/Button.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.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":[]}
1	+ {"version":3,"file":"DatePicker.js","names":["styled","DatePicker","MuiDatePicker","memo","useCallback","useEffect","useMemo","useRef","Button","useTranslation","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\";\n\nimport { Button } from \"../Buttons/Button.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.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/TimeZonePicker.js CHANGED Viewed

@@ -32,6 +32,6 @@ const TimeZonePicker = ({
   });
 };
 const MemoizedTimeZonePicker = memo(TimeZonePicker);
-MemoizedTimeZonePicker.displayName = "TimeZonePicker";
+MemoizedTimeZonePicker.displayName = "TimeZonePicker::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedTimeZonePicker as TimeZonePicker };
 //# sourceMappingURL=TimeZonePicker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeZonePicker.js","names":["memo","useCallback","Autocomplete","jsx","_jsx","TimeZonePicker","label","isReadOnly","onTimeZoneChange","timeZoneOptions","value","onChange","_","option","options","find","MemoizedTimeZonePicker","displayName"],"sources":["../../../src/DatePickers/TimeZonePicker.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 } from \"react\";\n\nimport { Autocomplete, AutocompleteProps } from \"../Autocomplete.js\";\n\nexport type TimeZoneOption = {\n label: string;\n value: string;\n};\n\nexport type TimeZonePickerProps = {\n label: string;\n onTimeZoneChange?: (timeZone: string \| undefined) => void;\n timeZoneOptions: TimeZoneOption[];\n value?: string;\n} & Pick<AutocompleteProps<TimeZoneOption, false, false>, \"isReadOnly\">;\n\nconst TimeZonePicker = ({\n label,\n isReadOnly,\n onTimeZoneChange,\n timeZoneOptions,\n value,\n}: TimeZonePickerProps) => {\n const onChange = useCallback<\n NonNullable<AutocompleteProps<TimeZoneOption, false, false>[\"onChange\"]>\n >(\n (_, option) => {\n onTimeZoneChange?.(option?.value);\n },\n [onTimeZoneChange],\n );\n\n return (\n <Autocomplete<TimeZoneOption, false, false>\n isReadOnly={isReadOnly}\n label={label}\n onChange={onChange}\n options={timeZoneOptions}\n value={timeZoneOptions.find((option) => option.value === value)}\n />\n );\n};\n\nconst MemoizedTimeZonePicker = memo(TimeZonePicker);\nMemoizedTimeZonePicker.displayName = \"TimeZonePicker\";\n\nexport { MemoizedTimeZonePicker as TimeZonePicker };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAEzC,SAASC,YAAY,QAA2B,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcrE,MAAMC,cAAc,GAAGA,CAAC;EACtBC,KAAK;EACLC,UAAU;EACVC,gBAAgB;EAChBC,eAAe;EACfC;AACmB,CAAC,KAAK;EACzB,MAAMC,QAAQ,GAAGV,WAAW,CAG1B,CAACW,CAAC,EAAEC,MAAM,KAAK;IACbL,gBAAgB,GAAGK,MAAM,EAAEH,KAAK,CAAC;EACnC,CAAC,EACD,CAACF,gBAAgB,CACnB,CAAC;EAED,OACEJ,IAAA,CAACF,YAAY;IACXK,UAAU,EAAEA,UAAW;IACvBD,KAAK,EAAEA,KAAM;IACbK,QAAQ,EAAEA,QAAS;IACnBG,OAAO,EAAEL,eAAgB;IACzBC,KAAK,EAAED,eAAe,CAACM,IAAI,CAAEF,MAAM,IAAKA,MAAM,CAACH,KAAK,KAAKA,KAAK;EAAE,CACjE,CAAC;AAEN,CAAC;AAED,MAAMM,sBAAsB,GAAGhB,IAAI,CAACK,cAAc,CAAC;AACnDW,sBAAsB,CAACC,WAAW,~~GAAG,gBAAgB~~;AAErD,SAASD,sBAAsB,IAAIX,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"TimeZonePicker.js","names":["memo","useCallback","Autocomplete","jsx","_jsx","TimeZonePicker","label","isReadOnly","onTimeZoneChange","timeZoneOptions","value","onChange","_","option","options","find","MemoizedTimeZonePicker","displayName"],"sources":["../../../src/DatePickers/TimeZonePicker.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 } from \"react\";\n\nimport { Autocomplete, AutocompleteProps } from \"../Autocomplete.js\";\n\nexport type TimeZoneOption = {\n label: string;\n value: string;\n};\n\nexport type TimeZonePickerProps = {\n label: string;\n onTimeZoneChange?: (timeZone: string \| undefined) => void;\n timeZoneOptions: TimeZoneOption[];\n value?: string;\n} & Pick<AutocompleteProps<TimeZoneOption, false, false>, \"isReadOnly\">;\n\nconst TimeZonePicker = ({\n label,\n isReadOnly,\n onTimeZoneChange,\n timeZoneOptions,\n value,\n}: TimeZonePickerProps) => {\n const onChange = useCallback<\n NonNullable<AutocompleteProps<TimeZoneOption, false, false>[\"onChange\"]>\n >(\n (_, option) => {\n onTimeZoneChange?.(option?.value);\n },\n [onTimeZoneChange],\n );\n\n return (\n <Autocomplete<TimeZoneOption, false, false>\n isReadOnly={isReadOnly}\n label={label}\n onChange={onChange}\n options={timeZoneOptions}\n value={timeZoneOptions.find((option) => option.value === value)}\n />\n );\n};\n\nconst MemoizedTimeZonePicker = memo(TimeZonePicker);\nMemoizedTimeZonePicker.displayName = \"TimeZonePicker\";\n\nexport { MemoizedTimeZonePicker as TimeZonePicker };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAEzC,SAASC,YAAY,QAA2B,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcrE,MAAMC,cAAc,GAAGA,CAAC;EACtBC,KAAK;EACLC,UAAU;EACVC,gBAAgB;EAChBC,eAAe;EACfC;AACmB,CAAC,KAAK;EACzB,MAAMC,QAAQ,GAAGV,WAAW,CAG1B,CAACW,CAAC,EAAEC,MAAM,KAAK;IACbL,gBAAgB,GAAGK,MAAM,EAAEH,KAAK,CAAC;EACnC,CAAC,EACD,CAACF,gBAAgB,CACnB,CAAC;EAED,OACEJ,IAAA,CAACF,YAAY;IACXK,UAAU,EAAEA,UAAW;IACvBD,KAAK,EAAEA,KAAM;IACbK,QAAQ,EAAEA,QAAS;IACnBG,OAAO,EAAEL,eAAgB;IACzBC,KAAK,EAAED,eAAe,CAACM,IAAI,CAAEF,MAAM,IAAKA,MAAM,CAACH,KAAK,KAAKA,KAAK;EAAE,CACjE,CAAC;AAEN,CAAC;AAED,MAAMM,sBAAsB,GAAGhB,IAAI,CAACK,cAAc,CAAC;AACnDW,sBAAsB,CAACC,WAAW,gDAAmB;AAErD,SAASD,sBAAsB,IAAIX,cAAc","ignoreList":[]}

package/dist/esm/Dialog.js CHANGED Viewed

@@ -107,6 +107,6 @@ const Dialog = ({
   });
 };
 const MemoizedDialog = memo(Dialog);
-MemoizedDialog.displayName = "Dialog";
+MemoizedDialog.displayName = "Dialog::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedDialog as Dialog };
 //# sourceMappingURL=Dialog.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","names":["cloneElement","memo","useCallback","useEffect","useMemo","useRef","useState","Button","FullScreenOverlay","useTranslation","CloseIcon","useUniqueId","jsx","_jsx","jsxs","_jsxs","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","variant","t","isContentScrollable","setIsContentScrollable","dialogContentRef","dialogTitleId","dialogLabelId","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","_DialogContentText","actionButtons","filter","Boolean","handleCloseButtonClick","event","slotProps","backdrop","overlayType","_Dialog","open","_DialogTitle","id","ariaLabel","onClick","size","startIcon","_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 Dialog as MuiDialog,\n DialogActions as MuiDialogActions,\n DialogContent as MuiDialogContent,\n DialogContentText as MuiDialogContentText,\n DialogProps as MuiDialogProps,\n DialogTitle as MuiDialogTitle,\n} from \"@mui/material\";\nimport {\n cloneElement,\n memo,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.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 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\n /\n When set to `security`, the Dialog backdrop will be opaque.\n */\n variant?: \"default\" \| \"security\";\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 variant = \"default\",\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 <MuiDialogContentText>{children}</MuiDialogContentText>\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 const slotProps = useMemo<MuiDialogProps[\"slotProps\"]>(\n () => ({\n backdrop: { variant: variant },\n }),\n [variant],\n );\n\n return (\n <FullScreenOverlay overlayType=\"dialog\">\n <MuiDialog\n aria-labelledby={dialogLabelId}\n data-se={testId}\n onClose={onClose}\n open={isOpen}\n slotProps={slotProps}\n >\n <MuiDialogTitle\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 </MuiDialogTitle>\n\n <MuiDialogContent\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 </MuiDialogContent>\n\n {actionButtons.length > 0 && (\n <MuiDialogActions>\n {actionButtons.map((actionButton, index) =>\n actionButton ? cloneElement(actionButton, { key: index }) : null,\n )}\n </MuiDialogActions>\n )}\n </MuiDialog>\n </FullScreenOverlay>\n );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Dialog.js","names":["cloneElement","memo","useCallback","useEffect","useMemo","useRef","useState","Button","FullScreenOverlay","useTranslation","CloseIcon","useUniqueId","jsx","_jsx","jsxs","_jsxs","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","variant","t","isContentScrollable","setIsContentScrollable","dialogContentRef","dialogTitleId","dialogLabelId","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","_DialogContentText","actionButtons","filter","Boolean","handleCloseButtonClick","event","slotProps","backdrop","overlayType","_Dialog","open","_DialogTitle","id","ariaLabel","onClick","size","startIcon","_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 Dialog as MuiDialog,\n DialogActions as MuiDialogActions,\n DialogContent as MuiDialogContent,\n DialogContentText as MuiDialogContentText,\n DialogProps as MuiDialogProps,\n DialogTitle as MuiDialogTitle,\n} from \"@mui/material\";\nimport {\n cloneElement,\n memo,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.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 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\n /\n When set to `security`, the Dialog backdrop will be opaque.\n */\n variant?: \"default\" \| \"security\";\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 variant = \"default\",\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 <MuiDialogContentText>{children}</MuiDialogContentText>\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 const slotProps = useMemo<MuiDialogProps[\"slotProps\"]>(\n () => ({\n backdrop: { variant: variant },\n }),\n [variant],\n );\n\n return (\n <FullScreenOverlay overlayType=\"dialog\">\n <MuiDialog\n aria-labelledby={dialogLabelId}\n data-se={testId}\n onClose={onClose}\n open={isOpen}\n slotProps={slotProps}\n >\n <MuiDialogTitle\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 </MuiDialogTitle>\n\n <MuiDialogContent\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 </MuiDialogContent>\n\n {actionButtons.length > 0 && (\n <MuiDialogActions>\n {actionButtons.map((actionButton, index) =>\n actionButton ? cloneElement(actionButton, { key: index }) : null,\n )}\n </MuiDialogActions>\n )}\n </MuiDialog>\n </FullScreenOverlay>\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

@@ -185,6 +185,6 @@ const Drawer = ({
   }) : muiDrawerComponent;
 };
 const MemoizedDrawer = memo(Drawer);
-MemoizedDrawer.displayName = "Drawer";
+MemoizedDrawer.displayName = "Drawer::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedDrawer as Drawer };
 //# sourceMappingURL=Drawer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","names":["styled","memo","useCallback","useEffect","useMemo","useRef","useState","Button","FullScreenOverlay","useTranslation","CloseIcon","useOdysseyDesignTokens","Heading5","jsx","_jsx","jsxs","_jsxs","variantValues","DrawerHeader","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","display","gridTemplateAreas","gridTemplateRows","overflow","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","muiDrawerComponent","_Drawer","anchor","open","sx","transition","onClick","size","startIcon","tabIndex","ref","overlayType","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\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.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\ntype DrawerStyleProps = {\n hasDividers: boolean;\n odysseyDesignTokens: DesignTokens;\n};\n\nconst DrawerHeader = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n grid-area: header;\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 display: \"grid\",\n gridTemplateAreas: `\n \"header\"\n \"content\"\n \"footer\"\n `,\n gridTemplateRows: \"auto 1fr auto\",\n overflow: \"hidden\",\n});\n\nconst DrawerContent = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n grid-area: content;\n overflow-y: auto;\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 grid-area: footer;\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 const muiDrawerComponent = useMemo(\n () => (\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 odysseyDesignTokens={odysseyDesignTokens}>\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 {...(isContentScrollable && {\n //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n tabIndex: 0,\n })}\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n ref={drawerContentRef}\n >\n {children}\n </DrawerContent>\n {hasFooter && (\n <DrawerFooter\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {tertiaryCallToActionComponent}\n {secondaryCallToActionComponent}\n {primaryCallToActionComponent}\n </DrawerFooter>\n )}\n </DrawerContentWrapper>\n </MuiDrawer>\n ),\n [\n anchorDirection,\n ariaLabel,\n children,\n dividersVisible,\n handleCloseButtonClick,\n hasFooter,\n isContentScrollable,\n isOpen,\n odysseyDesignTokens,\n onClose,\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n tertiaryCallToActionComponent,\n testId,\n title,\n translate,\n variant,\n ],\n );\n\n return variant === \"temporary\" ? (\n <FullScreenOverlay overlayType=\"drawer\">\n {muiDrawerComponent}\n </FullScreenOverlay>\n ) : (\n muiDrawerComponent\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","Button","FullScreenOverlay","useTranslation","CloseIcon","useOdysseyDesignTokens","Heading5","jsx","_jsx","jsxs","_jsxs","variantValues","DrawerHeader","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","display","gridTemplateAreas","gridTemplateRows","overflow","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","muiDrawerComponent","_Drawer","anchor","open","sx","transition","onClick","size","startIcon","tabIndex","ref","overlayType","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\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.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\ntype DrawerStyleProps = {\n hasDividers: boolean;\n odysseyDesignTokens: DesignTokens;\n};\n\nconst DrawerHeader = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n grid-area: header;\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 display: \"grid\",\n gridTemplateAreas: `\n \"header\"\n \"content\"\n \"footer\"\n `,\n gridTemplateRows: \"auto 1fr auto\",\n overflow: \"hidden\",\n});\n\nconst DrawerContent = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n grid-area: content;\n overflow-y: auto;\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 grid-area: footer;\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 const muiDrawerComponent = useMemo(\n () => (\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 odysseyDesignTokens={odysseyDesignTokens}>\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 {...(isContentScrollable && {\n //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n tabIndex: 0,\n })}\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n ref={drawerContentRef}\n >\n {children}\n </DrawerContent>\n {hasFooter && (\n <DrawerFooter\n hasDividers={dividersVisible}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {tertiaryCallToActionComponent}\n {secondaryCallToActionComponent}\n {primaryCallToActionComponent}\n </DrawerFooter>\n )}\n </DrawerContentWrapper>\n </MuiDrawer>\n ),\n [\n anchorDirection,\n ariaLabel,\n children,\n dividersVisible,\n handleCloseButtonClick,\n hasFooter,\n isContentScrollable,\n isOpen,\n odysseyDesignTokens,\n onClose,\n primaryCallToActionComponent,\n secondaryCallToActionComponent,\n tertiaryCallToActionComponent,\n testId,\n title,\n translate,\n variant,\n ],\n );\n\n return variant === \"temporary\" ? (\n <FullScreenOverlay overlayType=\"drawer\">\n {muiDrawerComponent}\n </FullScreenOverlay>\n ) : (\n muiDrawerComponent\n );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAKpC,SACEC,IAAI,EAGJC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AAId,SAASC,MAAM,QAAqB,qBAAqB;AACzD,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAEEC,sBAAsB,QACjB,iCAAiC;AACxC,SAASC,QAAQ,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM3C,OAAO,MAAMC,aAAa,GAAG,CAAC,WAAW,EAAE,YAAY,CAAU;AAoEjE,MAAMC,YAAY,GAAGlB,MAAM,CAAC,KAAK,EAAE;EACjCmB,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAmB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAoB,CAAC,KAAKA,mBAAmB,CAACC,QAAQ;AACtE,MAAM,CAAC;EAAED;AAAoB,CAAC,KAAKA,mBAAmB,CAACE,QAAQ;AAC/D,WAAW,CAAC;EAAEF;AAAoB,CAAC,KAAKA,mBAAmB,CAACG,aAAa;AACzE,sBAAsB,CAAC;EAAEH;AAAoB,CAAC,KAC1CA,mBAAmB,CAACI,eAAe;AACvC,mBAAmB,CAAC;EAAEC,WAAW;EAAEL;AAAoB,CAAC,KACpDK,WAAW,GAAG,aAAaL,mBAAmB,CAACM,aAAa,EAAE,GAAG,MAAM;AAC3E,CAAC;AAED,MAAMC,oBAAoB,GAAG5B,MAAM,CAAC,KAAK,EAAE;EACzCmB,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC;EACDS,OAAO,EAAE,MAAM;EACfC,iBAAiB,EAAE;AACrB;AACA;AACA;AACA,GAAG;EACDC,gBAAgB,EAAE,eAAe;EACjCC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGjC,MAAM,CAAC,KAAK,EAAE;EAClCmB,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAmB;AACpB;AACA;AACA,aAAa,CAAC;EAAEM,WAAW;EAAEL;AAAoB,CAAC,KAC9CK,WAAW,GACP,GAAGL,mBAAmB,CAACE,QAAQ,EAAE,GACjC,KAAKF,mBAAmB,CAACE,QAAQ,EAAE;AAC3C,CAAC;AAED,MAAMW,YAAY,GAAGlC,MAAM,CAAC,KAAK,EAAE;EACjCmB,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAmB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAoB,CAAC,KAAKA,mBAAmB,CAACC,QAAQ;AACtE,gBAAgB,CAAC;EAAEI,WAAW;EAAEL;AAAoB,CAAC,KACjDK,WAAW,GAAG,aAAaL,mBAAmB,CAACM,aAAa,EAAE,GAAG,MAAM;AAC3E,sBAAsB,CAAC;EAAEN;AAAoB,CAAC,KAC1CA,mBAAmB,CAACI,eAAe;AACvC,CAAC;AAED,MAAMU,MAAM,GAAGA,CAAC;EACdC,SAAS;EACTC,QAAQ;EACRX,WAAW,EAAEY,eAAe,GAAG,KAAK;EACpCC,MAAM;EACNC,OAAO;EACPC,4BAA4B;EAC5BC,8BAA8B;EAC9BC,YAAY,GAAG,KAAK;EACpBC,6BAA6B;EAC7BC,MAAM;EACNC,KAAK;EACLC,SAAS;EACTC,OAAO,GAAG;AACC,CAAC,KAAK;EACjB,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG5C,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAM6C,gBAAgB,GAAG9C,MAAM,CAAiB,IAAI,CAAC;EACrD,MAAMgB,mBAAmB,GAAGV,sBAAsB,CAAC,CAAC;EAEpD,MAAMe,WAAW,GAAGY,eAAe,IAAIK,YAAY;EAGnD,MAAM;IAAES;EAAK,CAAC,GAAG3C,cAAc,CAAC,CAAC;EACjC,MAAM4C,eAAe,GAAGD,IAAI,CAACE,GAAG,CAAC,CAAC,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO;EAE/DnD,SAAS,CAAC,MAAM;IACd,IAAIoD,OAAe;IAEnB,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;MAChC,MAAMC,oBAAoB,GAAGN,gBAAgB,CAACO,OAAO;MACrD,IAAID,oBAAoB,EAAE;QACxBE,oBAAoB,CAACJ,OAAO,CAAC;QAC7BL,sBAAsB,CACpBO,oBAAoB,CAACG,YAAY,GAAGH,oBAAoB,CAACI,YAC3D,CAAC;MACH;MACAN,OAAO,GAAGO,qBAAqB,CAACN,mBAAmB,CAAC;IACtD,CAAC;IAED,IAAIjB,MAAM,EAAE;MACVgB,OAAO,GAAGO,qBAAqB,CAACN,mBAAmB,CAAC;IACtD;IAEA,OAAO,MAAM;MACXG,oBAAoB,CAACJ,OAAO,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAAChB,MAAM,CAAC,CAAC;EAEZ,MAAMwB,eAAe,GAAG3D,OAAO,CAAC,MAAM;IACpC,OAAOsB,WAAW,IAAIuB,mBAAmB;EAC3C,CAAC,EAAE,CAACvB,WAAW,EAAEuB,mBAAmB,CAAC,CAAC;EAEtC,MAAMe,SAAS,GAAG5D,OAAO,CACvB,MACEqC,4BAA4B,IAC5BC,8BAA8B,IAC9BE,6BAA6B,EAC/B,CACEH,4BAA4B,EAC5BC,8BAA8B,EAC9BE,6BAA6B,CAEjC,CAAC;EAED,MAAMqB,sBAAsB,GAAG/D,WAAW,CAEvCgE,KAAK,IAAK1B,OAAO,CAAC0B,KAAK,EAAE,kBAAkB,CAAC,EAAE,CAAC1B,OAAO,CAAC,CAAC;EAE3D,MAAM2B,kBAAkB,GAAG/D,OAAO,CAChC,MACEU,IAAA,CAAAsD,OAAA;IACEC,MAAM,EAAEhB,eAAgB;IACxB,WAASR,MAAO;IAChBL,OAAO,EAAEA,OAAQ;IACjB8B,IAAI,EAAE/B,MAAO;IACbgC,EAAE,EAAE;MAEF,IAAIvB,OAAO,KAAK,YAAY,IAAI;QAC9B,oBAAoB,EAAE;UACpBwB,UAAU,EAAE;QACd;MACF,CAAC;IACH,CAAE;IACFxB,OAAO,EAAEA,OAAQ;IAAAX,QAAA,EAEjBrB,KAAA,CAACY,oBAAoB;MAACP,mBAAmB,EAAEA,mBAAoB;MAAAgB,QAAA,GAC7DrB,KAAA,CAACE,YAAY;QACXQ,WAAW,EAAEqC,eAAgB;QAC7B1C,mBAAmB,EAAEA,mBAAoB;QACzC0B,SAAS,EAAEA,SAAU;QAAAV,QAAA,GAErBvB,IAAA,CAACF,QAAQ;UAAAyB,QAAA,EAAES;QAAK,CAAW,CAAC,EAC5BhC,IAAA,CAACP,MAAM;UACL6B,SAAS,EAAEA,SAAU;UACrBqC,OAAO,EAAER,sBAAuB;UAChCS,IAAI,EAAC,OAAO;UACZC,SAAS,EAAE7D,IAAA,CAACJ,SAAS,IAAE,CAAE;UACzBsC,OAAO,EAAC;QAAU,CACnB,CAAC;MAAA,CACU,CAAC,EACflC,IAAA,CAACmB,aAAa;QAAA,IACPgB,mBAAmB,IAAI;UAE1B2B,QAAQ,EAAE;QACZ,CAAC;QACDlD,WAAW,EAAEqC,eAAgB;QAC7B1C,mBAAmB,EAAEA,mBAAoB;QACzCwD,GAAG,EAAE1B,gBAAiB;QAAAd,QAAA,EAErBA;MAAQ,CACI,CAAC,EACf2B,SAAS,IACRhD,KAAA,CAACkB,YAAY;QACXR,WAAW,EAAEqC,eAAgB;QAC7B1C,mBAAmB,EAAEA,mBAAoB;QAAAgB,QAAA,GAExCO,6BAA6B,EAC7BF,8BAA8B,EAC9BD,4BAA4B;MAAA,CACjB,CACf;IAAA,CACmB;EAAC,CACd,CACZ,EACD,CACEY,eAAe,EACfjB,SAAS,EACTC,QAAQ,EACR0B,eAAe,EACfE,sBAAsB,EACtBD,SAAS,EACTf,mBAAmB,EACnBV,MAAM,EACNlB,mBAAmB,EACnBmB,OAAO,EACPC,4BAA4B,EAC5BC,8BAA8B,EAC9BE,6BAA6B,EAC7BC,MAAM,EACNC,KAAK,EACLC,SAAS,EACTC,OAAO,CAEX,CAAC;EAED,OAAOA,OAAO,KAAK,WAAW,GAC5BlC,IAAA,CAACN,iBAAiB;IAACsE,WAAW,EAAC,QAAQ;IAAAzC,QAAA,EACpC8B;EAAkB,CACF,CAAC,GAEpBA,kBACD;AACH,CAAC;AAED,MAAMY,cAAc,GAAG9E,IAAI,CAACkC,MAAM,CAAC;AACnC4C,cAAc,CAACC,WAAW,wCAAW;AAErC,SAASD,cAAc,IAAI5C,MAAM","ignoreList":[]}

package/dist/esm/EmptyState.js CHANGED Viewed

@@ -61,7 +61,7 @@ const EmptyState = ({
   });
 };
 const MemoizedEmptyState = memo(EmptyState);
-MemoizedEmptyState.displayName = "EmptyState";
+MemoizedEmptyState.displayName = "EmptyState::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedEmptyState as EmptyState };
 export { MemoizedEmptyState as DataTableEmptyState };
 //# sourceMappingURL=EmptyState.js.map

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

	@@ -1 +1 @@
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":[]}
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,4CAAe;AAE7C,SAASD,kBAAkB,IAAIR,UAAU;AACzC,SAASQ,kBAAkB,IAAIE,mBAAmB","ignoreList":[]}

package/dist/esm/ErrorMessageList.js CHANGED Viewed

@@ -39,6 +39,6 @@ const ErrorMessageList = ({
   });
 };
 const MemoizedErrorMessageList = memo(ErrorMessageList);
-MemoizedErrorMessageList.displayName = "ErrorMessageList";
+MemoizedErrorMessageList.displayName = "ErrorMessageList::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedErrorMessageList as ErrorMessageList };
 //# sourceMappingURL=ErrorMessageList.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorMessageList.js","names":["memo","useMemo","useOdysseyDesignTokens","jsx","_jsx","listItemStyles","display","paddingInlineStart","ErrorMessageList","errorMessages","odysseyDesignTokens","listStyles","listStyle","Spacing4","_List","dense","disablePadding","sx","children","map","errorMessage","_ListItem","MemoizedErrorMessageList","displayName"],"sources":["../../src/ErrorMessageList.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 { List as MuiList, ListItem as MuiListItem } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ErrorMessageListProps = {\n errorMessages: string[];\n};\n\nconst listItemStyles = {\n display: \"list-item\",\n paddingInlineStart: 0,\n};\n\nconst ErrorMessageList = ({ errorMessages }: ErrorMessageListProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const listStyles = useMemo(\n () => ({\n listStyle: \"disc\",\n paddingInlineStart: odysseyDesignTokens.Spacing4,\n }),\n [odysseyDesignTokens],\n );\n\n return (\n <MuiList dense disablePadding sx={listStyles}>\n {errorMessages.map((errorMessage) => (\n <MuiListItem\n dense\n disablePadding\n key={errorMessage}\n sx={listItemStyles}\n >\n {errorMessage}\n </MuiListItem>\n ))}\n </MuiList>\n );\n};\n\nconst MemoizedErrorMessageList = memo(ErrorMessageList);\nMemoizedErrorMessageList.displayName = \"ErrorMessageList\";\n\nexport { MemoizedErrorMessageList as ErrorMessageList };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAErC,SAASC,sBAAsB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMzE,MAAMC,cAAc,GAAG;EACrBC,OAAO,EAAE,WAAW;EACpBC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EACrE,MAAMC,mBAAmB,GAAGR,sBAAsB,CAAC,CAAC;EAEpD,MAAMS,UAAU,GAAGV,OAAO,CACxB,OAAO;IACLW,SAAS,EAAE,MAAM;IACjBL,kBAAkB,EAAEG,mBAAmB,CAACG;EAC1C,CAAC,CAAC,EACF,CAACH,mBAAmB,CACtB,CAAC;EAED,OACEN,IAAA,CAAAU,KAAA;IAASC,KAAK;IAACC,cAAc;IAACC,EAAE,EAAEN,UAAW;IAAAO,QAAA,EAC1CT,aAAa,CAACU,GAAG,CAAEC,YAAY,IAC9BhB,IAAA,CAAAiB,SAAA;MACEN,KAAK;MACLC,cAAc;MAEdC,EAAE,EAAEZ,cAAe;MAAAa,QAAA,EAElBE;IAAY,GAHRA,YAIM,CACd;EAAC,CACK,CAAC;AAEd,CAAC;AAED,MAAME,wBAAwB,GAAGtB,IAAI,CAACQ,gBAAgB,CAAC;AACvDc,wBAAwB,CAACC,WAAW,~~GAAG,kBAAkB~~;AAEzD,SAASD,wBAAwB,IAAId,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"ErrorMessageList.js","names":["memo","useMemo","useOdysseyDesignTokens","jsx","_jsx","listItemStyles","display","paddingInlineStart","ErrorMessageList","errorMessages","odysseyDesignTokens","listStyles","listStyle","Spacing4","_List","dense","disablePadding","sx","children","map","errorMessage","_ListItem","MemoizedErrorMessageList","displayName"],"sources":["../../src/ErrorMessageList.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 { List as MuiList, ListItem as MuiListItem } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ErrorMessageListProps = {\n errorMessages: string[];\n};\n\nconst listItemStyles = {\n display: \"list-item\",\n paddingInlineStart: 0,\n};\n\nconst ErrorMessageList = ({ errorMessages }: ErrorMessageListProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const listStyles = useMemo(\n () => ({\n listStyle: \"disc\",\n paddingInlineStart: odysseyDesignTokens.Spacing4,\n }),\n [odysseyDesignTokens],\n );\n\n return (\n <MuiList dense disablePadding sx={listStyles}>\n {errorMessages.map((errorMessage) => (\n <MuiListItem\n dense\n disablePadding\n key={errorMessage}\n sx={listItemStyles}\n >\n {errorMessage}\n </MuiListItem>\n ))}\n </MuiList>\n );\n};\n\nconst MemoizedErrorMessageList = memo(ErrorMessageList);\nMemoizedErrorMessageList.displayName = \"ErrorMessageList\";\n\nexport { MemoizedErrorMessageList as ErrorMessageList };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAErC,SAASC,sBAAsB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMzE,MAAMC,cAAc,GAAG;EACrBC,OAAO,EAAE,WAAW;EACpBC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EACrE,MAAMC,mBAAmB,GAAGR,sBAAsB,CAAC,CAAC;EAEpD,MAAMS,UAAU,GAAGV,OAAO,CACxB,OAAO;IACLW,SAAS,EAAE,MAAM;IACjBL,kBAAkB,EAAEG,mBAAmB,CAACG;EAC1C,CAAC,CAAC,EACF,CAACH,mBAAmB,CACtB,CAAC;EAED,OACEN,IAAA,CAAAU,KAAA;IAASC,KAAK;IAACC,cAAc;IAACC,EAAE,EAAEN,UAAW;IAAAO,QAAA,EAC1CT,aAAa,CAACU,GAAG,CAAEC,YAAY,IAC9BhB,IAAA,CAAAiB,SAAA;MACEN,KAAK;MACLC,cAAc;MAEdC,EAAE,EAAEZ,cAAe;MAAAa,QAAA,EAElBE;IAAY,GAHRA,YAIM,CACd;EAAC,CACK,CAAC;AAEd,CAAC;AAED,MAAME,wBAAwB,GAAGtB,IAAI,CAACQ,gBAAgB,CAAC;AACvDc,wBAAwB,CAACC,WAAW,kDAAqB;AAEzD,SAASD,wBAAwB,IAAId,gBAAgB","ignoreList":[]}

package/dist/esm/Field.js CHANGED Viewed

@@ -86,6 +86,6 @@ const Field = ({
   });
 };
 const MemoizedField = memo(Field);
-MemoizedField.displayName = "Field";
+MemoizedField.displayName = "Field::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedField as Field };
 //# sourceMappingURL=Field.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useFieldset","useTranslation","Subordinate","useUniqueId","jsx","_jsx","jsxs","_jsxs","fieldTypeValues","Field","ariaDescribedBy","errorMessage","errorMessageList","fieldType","hasVisibleLabel","hint","HintLinkComponent","id","idOverride","isDisabled","isDisabledProp","isFullWidth","isRadioGroup","isOptional","isReadOnly","label","renderFieldComponent","t","hintId","undefined","errorMessageElementId","labelElementId","localAriaDescribedBy","join","trim","isFieldsetDisabled","_FormControl","component","disabled","error","Boolean","Array","isArray","length","fullWidth","role","children","_FormLabel","inputId","text","LinkComponent","message","messageList","MemoizedField","displayName"],"sources":["../../src/Field.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 FormControl as MuiFormControl,\n FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldError } from \"./FieldError.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { FieldLabel } from \"./FieldLabel.js\";\nimport { useFieldset } from \"./FieldsetContext.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Subordinate } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const fieldTypeValues = [\"single\", \"group\"] as const;\n\nexport type RenderFieldComponentProps = {\n ariaDescribedBy?: string;\n dataSe?: string;\n errorMessageElementId?: string;\n id: string;\n isReadOnly?: boolean;\n labelElementId: string;\n};\n\nexport type FieldProps = {\n /\n If `error` is not undefined, the `input` will indicate an error.\n /\n errorMessageList?: string[];\n /\n The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n /\n fieldType: (typeof fieldTypeValues)[number];\n /\n If `true`, the Field label will be shown\n /\n hasVisibleLabel: boolean;\n /\n Important for determining if children inherit error state\n /\n isCheckboxGroup?: boolean;\n /\n Important for narrowing down the `fieldset` role to \"radiogroup\".\n /\n isRadioGroup?: boolean;\n /\n The label for the `input` element.\n /\n label: string;\n /\n The short hint displayed in the `input` before the user enters a value.\n /\n placeholder?: string;\n /\n Render-props function that sends back ARIA props to your field component.\n */\n renderFieldComponent: ({\n ariaDescribedBy,\n dataSe,\n errorMessageElementId,\n id,\n labelElementId,\n isReadOnly,\n }: RenderFieldComponentProps) => ReactElement;\n};\n\nconst Field = ({\n ariaDescribedBy,\n errorMessage,\n errorMessageList,\n fieldType,\n hasVisibleLabel,\n hint,\n HintLinkComponent,\n id: idOverride,\n isDisabled: isDisabledProp = false,\n isFullWidth = false,\n isRadioGroup = false,\n isOptional = false,\n isReadOnly = false,\n label,\n renderFieldComponent,\n}: FieldProps &\n Pick<\n FieldComponentProps,\n \| \"errorMessage\"\n \| \"errorMessageList\"\n \| \"hint\"\n \| \"HintLinkComponent\"\n \| \"id\"\n \| \"isDisabled\"\n \| \"isFullWidth\"\n \| \"isOptional\"\n \| \"isReadOnly\"\n > &\n Pick<HtmlProps, \"ariaDescribedBy\">) => {\n const { t } = useTranslation();\n\n const id = useUniqueId(idOverride);\n const hintId = hint ? `${id}-hint` : undefined;\n const errorMessageElementId =\n errorMessage \|\| errorMessageList ? `${id}-error` : undefined;\n const labelElementId = `${id}-label`;\n\n const localAriaDescribedBy = useMemo(\n () =>\n [hintId, errorMessageElementId, ariaDescribedBy].join(\" \").trim() \|\|\n undefined,\n [ariaDescribedBy, errorMessageElementId, hintId],\n );\n\n const { isDisabled: isFieldsetDisabled } = useFieldset();\n\n const isDisabled = useMemo(\n () => isDisabledProp \|\| isFieldsetDisabled,\n [isDisabledProp, isFieldsetDisabled],\n );\n\n return (\n <MuiFormControl\n component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n disabled={isDisabled}\n error={\n Boolean(errorMessage) \|\|\n (Array.isArray(errorMessageList) && errorMessageList.length > 0)\n }\n fullWidth={isFullWidth}\n role={isRadioGroup ? \"radiogroup\" : undefined}\n >\n {fieldType === \"group\" ? (\n <MuiFormLabel component=\"legend\" id={labelElementId}>\n {label}{\" \"}\n {isOptional && label && (\n <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n )}\n </MuiFormLabel>\n ) : (\n <FieldLabel\n hasVisibleLabel={hasVisibleLabel}\n id={labelElementId}\n inputId={id}\n isOptional={isOptional}\n text={label}\n />\n )}\n\n {hint && (\n <FieldHint id={hintId} LinkComponent={HintLinkComponent} text={hint} />\n )}\n\n {renderFieldComponent({\n ariaDescribedBy: localAriaDescribedBy,\n errorMessageElementId,\n id,\n labelElementId,\n isReadOnly,\n })}\n\n {(errorMessage \|\| errorMessageList) && (\n <FieldError\n id={errorMessageElementId}\n message={errorMessage}\n messageList={errorMessageList}\n />\n )}\n </MuiFormControl>\n );\n};\n\nconst MemoizedField = memo(Field);\nMemoizedField.displayName = \"Field\";\n\nexport { MemoizedField as Field };\n"],"mappings":"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~~GAAG,OAAO~~;AAEnC,SAASD,aAAa,IAAI5C,KAAK","ignoreList":[]}
1	+ {"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useFieldset","useTranslation","Subordinate","useUniqueId","jsx","_jsx","jsxs","_jsxs","fieldTypeValues","Field","ariaDescribedBy","errorMessage","errorMessageList","fieldType","hasVisibleLabel","hint","HintLinkComponent","id","idOverride","isDisabled","isDisabledProp","isFullWidth","isRadioGroup","isOptional","isReadOnly","label","renderFieldComponent","t","hintId","undefined","errorMessageElementId","labelElementId","localAriaDescribedBy","join","trim","isFieldsetDisabled","_FormControl","component","disabled","error","Boolean","Array","isArray","length","fullWidth","role","children","_FormLabel","inputId","text","LinkComponent","message","messageList","MemoizedField","displayName"],"sources":["../../src/Field.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 FormControl as MuiFormControl,\n FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldError } from \"./FieldError.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { FieldLabel } from \"./FieldLabel.js\";\nimport { useFieldset } from \"./FieldsetContext.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Subordinate } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const fieldTypeValues = [\"single\", \"group\"] as const;\n\nexport type RenderFieldComponentProps = {\n ariaDescribedBy?: string;\n dataSe?: string;\n errorMessageElementId?: string;\n id: string;\n isReadOnly?: boolean;\n labelElementId: string;\n};\n\nexport type FieldProps = {\n /\n If `error` is not undefined, the `input` will indicate an error.\n /\n errorMessageList?: string[];\n /\n The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n /\n fieldType: (typeof fieldTypeValues)[number];\n /\n If `true`, the Field label will be shown\n /\n hasVisibleLabel: boolean;\n /\n Important for determining if children inherit error state\n /\n isCheckboxGroup?: boolean;\n /\n Important for narrowing down the `fieldset` role to \"radiogroup\".\n /\n isRadioGroup?: boolean;\n /\n The label for the `input` element.\n /\n label: string;\n /\n The short hint displayed in the `input` before the user enters a value.\n /\n placeholder?: string;\n /\n Render-props function that sends back ARIA props to your field component.\n */\n renderFieldComponent: ({\n ariaDescribedBy,\n dataSe,\n errorMessageElementId,\n id,\n labelElementId,\n isReadOnly,\n }: RenderFieldComponentProps) => ReactElement;\n};\n\nconst Field = ({\n ariaDescribedBy,\n errorMessage,\n errorMessageList,\n fieldType,\n hasVisibleLabel,\n hint,\n HintLinkComponent,\n id: idOverride,\n isDisabled: isDisabledProp = false,\n isFullWidth = false,\n isRadioGroup = false,\n isOptional = false,\n isReadOnly = false,\n label,\n renderFieldComponent,\n}: FieldProps &\n Pick<\n FieldComponentProps,\n \| \"errorMessage\"\n \| \"errorMessageList\"\n \| \"hint\"\n \| \"HintLinkComponent\"\n \| \"id\"\n \| \"isDisabled\"\n \| \"isFullWidth\"\n \| \"isOptional\"\n \| \"isReadOnly\"\n > &\n Pick<HtmlProps, \"ariaDescribedBy\">) => {\n const { t } = useTranslation();\n\n const id = useUniqueId(idOverride);\n const hintId = hint ? `${id}-hint` : undefined;\n const errorMessageElementId =\n errorMessage \|\| errorMessageList ? `${id}-error` : undefined;\n const labelElementId = `${id}-label`;\n\n const localAriaDescribedBy = useMemo(\n () =>\n [hintId, errorMessageElementId, ariaDescribedBy].join(\" \").trim() \|\|\n undefined,\n [ariaDescribedBy, errorMessageElementId, hintId],\n );\n\n const { isDisabled: isFieldsetDisabled } = useFieldset();\n\n const isDisabled = useMemo(\n () => isDisabledProp \|\| isFieldsetDisabled,\n [isDisabledProp, isFieldsetDisabled],\n );\n\n return (\n <MuiFormControl\n component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n disabled={isDisabled}\n error={\n Boolean(errorMessage) \|\|\n (Array.isArray(errorMessageList) && errorMessageList.length > 0)\n }\n fullWidth={isFullWidth}\n role={isRadioGroup ? \"radiogroup\" : undefined}\n >\n {fieldType === \"group\" ? (\n <MuiFormLabel component=\"legend\" id={labelElementId}>\n {label}{\" \"}\n {isOptional && label && (\n <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n )}\n </MuiFormLabel>\n ) : (\n <FieldLabel\n hasVisibleLabel={hasVisibleLabel}\n id={labelElementId}\n inputId={id}\n isOptional={isOptional}\n text={label}\n />\n )}\n\n {hint && (\n <FieldHint id={hintId} LinkComponent={HintLinkComponent} text={hint} />\n )}\n\n {renderFieldComponent({\n ariaDescribedBy: localAriaDescribedBy,\n errorMessageElementId,\n id,\n labelElementId,\n isReadOnly,\n })}\n\n {(errorMessage \|\| errorMessageList) && (\n <FieldError\n id={errorMessageElementId}\n message={errorMessage}\n messageList={errorMessageList}\n />\n )}\n </MuiFormControl>\n );\n};\n\nconst MemoizedField = memo(Field);\nMemoizedField.displayName = \"Field\";\n\nexport { MemoizedField as Field };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/FieldError.js CHANGED Viewed

@@ -43,6 +43,6 @@ const FieldError = ({
   });
 };
 const MemoizedFieldError = memo(FieldError);
-MemoizedFieldError.displayName = "FieldError";
+MemoizedFieldError.displayName = "FieldError::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedFieldError as FieldError };
 //# sourceMappingURL=FieldError.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldError.js","names":["memo","Box","ErrorMessageList","useTranslation","ScreenReaderText","jsx","_jsx","jsxs","_jsxs","FieldError","id","message","messageList","testId","translate","t","_FormHelperText","component","error","children","errorMessages","MemoizedFieldError","displayName"],"sources":["../../src/FieldError.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 { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport { ErrorMessageList } from \"./ErrorMessageList.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport type FieldErrorProps = {\n id?: string;\n message?: string;\n messageList?: string[];\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst FieldError = ({\n id,\n message,\n messageList,\n testId,\n translate,\n}: FieldErrorProps) => {\n const { t } = useTranslation();\n\n return (\n <FormHelperText\n component=\"div\"\n data-se={testId}\n error\n id={id}\n translate={translate}\n >\n <ScreenReaderText translate={translate}>{`${t(\n \"fielderror.screenreader.text\",\n )}:`}</ScreenReaderText>\n <Box>\n {message}\n {messageList && <ErrorMessageList errorMessages={messageList} />}\n </Box>\n </FormHelperText>\n );\n};\n\nconst MemoizedFieldError = memo(FieldError);\nMemoizedFieldError.displayName = \"FieldError\";\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,QAAQ,OAAO;AAI5B,SAASC,GAAG,QAAQ,UAAU;AAC9B,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,MAAMC,UAAU,GAAGA,CAAC;EAClBC,EAAE;EACFC,OAAO;EACPC,WAAW;EACXC,MAAM;EACNC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAE9B,OACEK,KAAA,CAAAQ,eAAA;IACEC,SAAS,EAAC,KAAK;IACf,WAASJ,MAAO;IAChBK,KAAK;IACLR,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAK,QAAA,GAErBb,IAAA,CAACF,gBAAgB;MAACU,SAAS,EAAEA,SAAU;MAAAK,QAAA,EAAE,GAAGJ,CAAC,CAC3C,8BACF,CAAC;IAAG,CAAmB,CAAC,EACxBP,KAAA,CAACP,GAAG;MAAAkB,QAAA,GACDR,OAAO,EACPC,WAAW,IAAIN,IAAA,CAACJ,gBAAgB;QAACkB,aAAa,EAAER;MAAY,CAAE,CAAC;IAAA,CAC7D,CAAC;EAAA,CACQ,CAAC;AAErB,CAAC;AAED,MAAMS,kBAAkB,GAAGrB,IAAI,CAACS,UAAU,CAAC;AAC3CY,kBAAkB,CAACC,WAAW,~~GAAG,YAAY~~;AAE7C,SAASD,kBAAkB,IAAIZ,UAAU","ignoreList":[]}
1	+ {"version":3,"file":"FieldError.js","names":["memo","Box","ErrorMessageList","useTranslation","ScreenReaderText","jsx","_jsx","jsxs","_jsxs","FieldError","id","message","messageList","testId","translate","t","_FormHelperText","component","error","children","errorMessages","MemoizedFieldError","displayName"],"sources":["../../src/FieldError.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 { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport { ErrorMessageList } from \"./ErrorMessageList.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport type FieldErrorProps = {\n id?: string;\n message?: string;\n messageList?: string[];\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst FieldError = ({\n id,\n message,\n messageList,\n testId,\n translate,\n}: FieldErrorProps) => {\n const { t } = useTranslation();\n\n return (\n <FormHelperText\n component=\"div\"\n data-se={testId}\n error\n id={id}\n translate={translate}\n >\n <ScreenReaderText translate={translate}>{`${t(\n \"fielderror.screenreader.text\",\n )}:`}</ScreenReaderText>\n <Box>\n {message}\n {messageList && <ErrorMessageList errorMessages={messageList} />}\n </Box>\n </FormHelperText>\n );\n};\n\nconst MemoizedFieldError = memo(FieldError);\nMemoizedFieldError.displayName = \"FieldError\";\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,QAAQ,OAAO;AAI5B,SAASC,GAAG,QAAQ,UAAU;AAC9B,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,MAAMC,UAAU,GAAGA,CAAC;EAClBC,EAAE;EACFC,OAAO;EACPC,WAAW;EACXC,MAAM;EACNC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAE9B,OACEK,KAAA,CAAAQ,eAAA;IACEC,SAAS,EAAC,KAAK;IACf,WAASJ,MAAO;IAChBK,KAAK;IACLR,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAK,QAAA,GAErBb,IAAA,CAACF,gBAAgB;MAACU,SAAS,EAAEA,SAAU;MAAAK,QAAA,EAAE,GAAGJ,CAAC,CAC3C,8BACF,CAAC;IAAG,CAAmB,CAAC,EACxBP,KAAA,CAACP,GAAG;MAAAkB,QAAA,GACDR,OAAO,EACPC,WAAW,IAAIN,IAAA,CAACJ,gBAAgB;QAACkB,aAAa,EAAER;MAAY,CAAE,CAAC;IAAA,CAC7D,CAAC;EAAA,CACQ,CAAC;AAErB,CAAC;AAED,MAAMS,kBAAkB,GAAGrB,IAAI,CAACS,UAAU,CAAC;AAC3CY,kBAAkB,CAACC,WAAW,4CAAe;AAE7C,SAASD,kBAAkB,IAAIZ,UAAU","ignoreList":[]}

package/dist/esm/FieldHint.js CHANGED Viewed

@@ -48,6 +48,6 @@ const FieldHint = ({
   });
 };
 const MemoizedFieldHint = memo(FieldHint);
-MemoizedFieldHint.displayName = "FieldHint";
+MemoizedFieldHint.displayName = "FieldHint::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedFieldHint as FieldHint };
 //# sourceMappingURL=FieldHint.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldHint.js","names":["styled","memo","useOdysseyDesignTokens","jsxs","_jsxs","HintLinkContainer","span","odysseyDesignTokens","a","color","TypographyColorBody","textDecoration","TypographyColorSubordinate","FieldHint","id","LinkComponent","testId","text","translate","_FormHelperText","children","MemoizedFieldHint","displayName"],"sources":["../../src/FieldHint.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 { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nconst HintLinkContainer = styled.span<{ odysseyDesignTokens: DesignTokens }>(\n ({ odysseyDesignTokens }) => ({\n a: {\n color: odysseyDesignTokens.TypographyColorBody,\n textDecoration: \"underline\",\n\n \"&:visited\": {\n color: odysseyDesignTokens.TypographyColorBody,\n },\n\n \"&:hover\": {\n color: odysseyDesignTokens.TypographyColorSubordinate,\n },\n },\n }),\n);\n\nexport type FieldHintProps = {\n id?: string;\n LinkComponent?: FieldComponentProps[\"HintLinkComponent\"];\n text: string;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst FieldHint = ({\n id,\n LinkComponent,\n testId,\n text,\n translate,\n}: FieldHintProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <FormHelperText data-se={testId} id={id} translate={translate}>\n {text}\n {LinkComponent && (\n <HintLinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n {\" \"}\n {LinkComponent}\n </HintLinkContainer>\n )}\n </FormHelperText>\n );\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\nMemoizedFieldHint.displayName = \"FieldHint\";\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAASC,IAAI,QAAQ,OAAO;AAK5B,SAEEC,sBAAsB,QACjB,iCAAiC;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAEzC,MAAMC,iBAAiB,GAAGL,MAAM,CAACM,IAAI,CACnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC5BC,CAAC,EAAE;IACDC,KAAK,EAAEF,mBAAmB,CAACG,mBAAmB;IAC9CC,cAAc,EAAE,WAAW;IAE3B,WAAW,EAAE;MACXF,KAAK,EAAEF,mBAAmB,CAACG;IAC7B,CAAC;IAED,SAAS,EAAE;MACTD,KAAK,EAAEF,mBAAmB,CAACK;IAC7B;EACF;AACF,CAAC,CACH,CAAC;AAQD,MAAMC,SAAS,GAAGA,CAAC;EACjBC,EAAE;EACFC,aAAa;EACbC,MAAM;EACNC,IAAI;EACJC;AACc,CAAC,KAAK;EACpB,MAAMX,mBAAmB,GAAGL,sBAAsB,CAAC,CAAC;EAEpD,OACEE,KAAA,CAAAe,eAAA;IAAgB,WAASH,MAAO;IAACF,EAAE,EAAEA,EAAG;IAACI,SAAS,EAAEA,SAAU;IAAAE,QAAA,GAC3DH,IAAI,EACJF,aAAa,IACZX,KAAA,CAACC,iBAAiB;MAACE,mBAAmB,EAAEA,mBAAoB;MAAAa,QAAA,GACzD,GAAG,EACHL,aAAa;IAAA,CACG,CACpB;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMM,iBAAiB,GAAGpB,IAAI,CAACY,SAAS,CAAC;AACzCQ,iBAAiB,CAACC,WAAW,~~GAAG,WAAW~~;AAE3C,SAASD,iBAAiB,IAAIR,SAAS","ignoreList":[]}
1	+ {"version":3,"file":"FieldHint.js","names":["styled","memo","useOdysseyDesignTokens","jsxs","_jsxs","HintLinkContainer","span","odysseyDesignTokens","a","color","TypographyColorBody","textDecoration","TypographyColorSubordinate","FieldHint","id","LinkComponent","testId","text","translate","_FormHelperText","children","MemoizedFieldHint","displayName"],"sources":["../../src/FieldHint.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 { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nconst HintLinkContainer = styled.span<{ odysseyDesignTokens: DesignTokens }>(\n ({ odysseyDesignTokens }) => ({\n a: {\n color: odysseyDesignTokens.TypographyColorBody,\n textDecoration: \"underline\",\n\n \"&:visited\": {\n color: odysseyDesignTokens.TypographyColorBody,\n },\n\n \"&:hover\": {\n color: odysseyDesignTokens.TypographyColorSubordinate,\n },\n },\n }),\n);\n\nexport type FieldHintProps = {\n id?: string;\n LinkComponent?: FieldComponentProps[\"HintLinkComponent\"];\n text: string;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst FieldHint = ({\n id,\n LinkComponent,\n testId,\n text,\n translate,\n}: FieldHintProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <FormHelperText data-se={testId} id={id} translate={translate}>\n {text}\n {LinkComponent && (\n <HintLinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n {\" \"}\n {LinkComponent}\n </HintLinkContainer>\n )}\n </FormHelperText>\n );\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\nMemoizedFieldHint.displayName = \"FieldHint\";\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAASC,IAAI,QAAQ,OAAO;AAK5B,SAEEC,sBAAsB,QACjB,iCAAiC;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAEzC,MAAMC,iBAAiB,GAAGL,MAAM,CAACM,IAAI,CACnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC5BC,CAAC,EAAE;IACDC,KAAK,EAAEF,mBAAmB,CAACG,mBAAmB;IAC9CC,cAAc,EAAE,WAAW;IAE3B,WAAW,EAAE;MACXF,KAAK,EAAEF,mBAAmB,CAACG;IAC7B,CAAC;IAED,SAAS,EAAE;MACTD,KAAK,EAAEF,mBAAmB,CAACK;IAC7B;EACF;AACF,CAAC,CACH,CAAC;AAQD,MAAMC,SAAS,GAAGA,CAAC;EACjBC,EAAE;EACFC,aAAa;EACbC,MAAM;EACNC,IAAI;EACJC;AACc,CAAC,KAAK;EACpB,MAAMX,mBAAmB,GAAGL,sBAAsB,CAAC,CAAC;EAEpD,OACEE,KAAA,CAAAe,eAAA;IAAgB,WAASH,MAAO;IAACF,EAAE,EAAEA,EAAG;IAACI,SAAS,EAAEA,SAAU;IAAAE,QAAA,GAC3DH,IAAI,EACJF,aAAa,IACZX,KAAA,CAACC,iBAAiB;MAACE,mBAAmB,EAAEA,mBAAoB;MAAAa,QAAA,GACzD,GAAG,EACHL,aAAa;IAAA,CACG,CACpB;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMM,iBAAiB,GAAGpB,IAAI,CAACY,SAAS,CAAC;AACzCQ,iBAAiB,CAACC,WAAW,2CAAc;AAE3C,SAASD,iBAAiB,IAAIR,SAAS","ignoreList":[]}

package/dist/esm/FieldLabel.js CHANGED Viewed

@@ -44,6 +44,6 @@ const FieldLabel = ({
   });
 };
 const MemoizedFieldLabel = memo(FieldLabel);
-MemoizedFieldLabel.displayName = "FieldLabel";
+MemoizedFieldLabel.displayName = "FieldLabel::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedFieldLabel as FieldLabel };
 //# sourceMappingURL=FieldLabel.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldLabel.js","names":["memo","useMemo","useTranslation","ScreenReaderText","Subordinate","jsx","_jsx","jsxs","_jsxs","FieldLabel","hasVisibleLabel","id","inputId","isOptional","testId","translate","text","t","inputLabel","_InputLabel","htmlFor","children","MemoizedFieldLabel","displayName"],"sources":["../../src/FieldLabel.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 { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\nimport { Subordinate } from \"./Typography.js\";\n\nexport type FieldLabelProps = {\n hasVisibleLabel: boolean;\n id: string;\n inputId: string;\n isOptional: boolean;\n text: string;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst FieldLabel = ({\n hasVisibleLabel,\n id,\n inputId,\n isOptional,\n testId,\n translate,\n text,\n}: FieldLabelProps) => {\n const { t } = useTranslation();\n\n const inputLabel = useMemo(\n () => (\n <MuiInputLabel\n data-se={testId}\n htmlFor={inputId}\n id={id}\n translate={translate}\n >\n <span>{text}</span>\n {isOptional && (\n <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n )}\n </MuiInputLabel>\n ),\n [id, inputId, isOptional, testId, translate, text, t],\n );\n\n return hasVisibleLabel ? (\n inputLabel\n ) : (\n <ScreenReaderText translate={translate}>{inputLabel}</ScreenReaderText>\n );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\nMemoizedFieldLabel.displayName = \"FieldLabel\";\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAIrC,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU9C,MAAMC,UAAU,GAAGA,CAAC;EAClBC,eAAe;EACfC,EAAE;EACFC,OAAO;EACPC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,UAAU,GAAGjB,OAAO,CACxB,MACEO,KAAA,CAAAW,WAAA;IACE,WAASL,MAAO;IAChBM,OAAO,EAAER,OAAQ;IACjBD,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAM,QAAA,GAErBf,IAAA;MAAAe,QAAA,EAAOL;IAAI,CAAO,CAAC,EAClBH,UAAU,IACTP,IAAA,CAACF,WAAW;MAAAiB,QAAA,EAAEJ,CAAC,CAAC,0BAA0B;IAAC,CAAc,CAC1D;EAAA,CACY,CAChB,EACD,CAACN,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,CAAC,CACtD,CAAC;EAED,OAAOP,eAAe,GACpBQ,UAAU,GAEVZ,IAAA,CAACH,gBAAgB;IAACY,SAAS,EAAEA,SAAU;IAAAM,QAAA,EAAEH;EAAU,CAAmB,CACvE;AACH,CAAC;AAED,MAAMI,kBAAkB,GAAGtB,IAAI,CAACS,UAAU,CAAC;AAC3Ca,kBAAkB,CAACC,WAAW,~~GAAG,YAAY~~;AAE7C,SAASD,kBAAkB,IAAIb,UAAU","ignoreList":[]}
1	+ {"version":3,"file":"FieldLabel.js","names":["memo","useMemo","useTranslation","ScreenReaderText","Subordinate","jsx","_jsx","jsxs","_jsxs","FieldLabel","hasVisibleLabel","id","inputId","isOptional","testId","translate","text","t","inputLabel","_InputLabel","htmlFor","children","MemoizedFieldLabel","displayName"],"sources":["../../src/FieldLabel.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 { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\nimport { Subordinate } from \"./Typography.js\";\n\nexport type FieldLabelProps = {\n hasVisibleLabel: boolean;\n id: string;\n inputId: string;\n isOptional: boolean;\n text: string;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst FieldLabel = ({\n hasVisibleLabel,\n id,\n inputId,\n isOptional,\n testId,\n translate,\n text,\n}: FieldLabelProps) => {\n const { t } = useTranslation();\n\n const inputLabel = useMemo(\n () => (\n <MuiInputLabel\n data-se={testId}\n htmlFor={inputId}\n id={id}\n translate={translate}\n >\n <span>{text}</span>\n {isOptional && (\n <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n )}\n </MuiInputLabel>\n ),\n [id, inputId, isOptional, testId, translate, text, t],\n );\n\n return hasVisibleLabel ? (\n inputLabel\n ) : (\n <ScreenReaderText translate={translate}>{inputLabel}</ScreenReaderText>\n );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\nMemoizedFieldLabel.displayName = \"FieldLabel\";\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAIrC,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU9C,MAAMC,UAAU,GAAGA,CAAC;EAClBC,eAAe;EACfC,EAAE;EACFC,OAAO;EACPC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,UAAU,GAAGjB,OAAO,CACxB,MACEO,KAAA,CAAAW,WAAA;IACE,WAASL,MAAO;IAChBM,OAAO,EAAER,OAAQ;IACjBD,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAM,QAAA,GAErBf,IAAA;MAAAe,QAAA,EAAOL;IAAI,CAAO,CAAC,EAClBH,UAAU,IACTP,IAAA,CAACF,WAAW;MAAAiB,QAAA,EAAEJ,CAAC,CAAC,0BAA0B;IAAC,CAAc,CAC1D;EAAA,CACY,CAChB,EACD,CAACN,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,CAAC,CACtD,CAAC;EAED,OAAOP,eAAe,GACpBQ,UAAU,GAEVZ,IAAA,CAACH,gBAAgB;IAACY,SAAS,EAAEA,SAAU;IAAAM,QAAA,EAAEH;EAAU,CAAmB,CACvE;AACH,CAAC;AAED,MAAMI,kBAAkB,GAAGtB,IAAI,CAACS,UAAU,CAAC;AAC3Ca,kBAAkB,CAACC,WAAW,4CAAe;AAE7C,SAASD,kBAAkB,IAAIb,UAAU","ignoreList":[]}

package/dist/esm/Fields/Checkbox.js CHANGED Viewed

@@ -153,6 +153,6 @@ const Checkbox = ({
   });
 };
 const MemoizedCheckbox = memo(Checkbox);
-MemoizedCheckbox.displayName = "Checkbox";
+MemoizedCheckbox.displayName = "Checkbox::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedCheckbox as Checkbox };
 //# sourceMappingURL=Checkbox.js.map

package/dist/esm/Fields/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","names":["memo","useCallback","useImperativeHandle","useMemo","useRef","useTranslation","ComponentControlledState","getControlState","useOdysseyDesignTokens","Typography","useUniqueId","HintContainerWithInlineStartSpacing","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","checkboxValidityValues","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","odysseyDesignTokens","hintId","undefined","controlledStateRef","controlledValue","uncontrolledValue","inputValues","current","CONTROLLED","checked","defaultChecked","localInputRef","focus","children","component","color","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","marginBlockEnd","checkboxInputStyles","marginBlockStart","inputProps","readOnly","_FormControlLabel","className","control","_Checkbox","disabled","indeterminate","required","sx","_FormHelperText","MemoizedCheckbox","displayName"],"sources":["../../../src/Fields/Checkbox.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 FormControlLabel,\n FormHelperText,\n Checkbox as MuiCheckbox,\n CheckboxProps as MuiCheckboxProps,\n FormControlLabelProps as MuiFormControlLabelProps,\n} from \"@mui/material\";\nimport {\n InputHTMLAttributes,\n memo,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { CheckedFieldProps } from \"../FormCheckedProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n ComponentControlledState,\n FocusHandle,\n getControlState,\n} from \"../inputUtils.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { Typography } from \"../Typography.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { HintContainerWithInlineStartSpacing } from \"./Hint.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nexport type CheckboxProps = {\n /\n The ref forwarded to the Checkbox\n /\n inputRef?: React.RefObject<FocusHandle>;\n /\n Determines whether the Checkbox is in an indeterminate state\n /\n isIndeterminate?: boolean;\n /\n Determines whether the Checkbox is required\n /\n isRequired?: boolean;\n /\n The label text for the Checkbox\n /\n label?: string;\n /\n Callback fired when the blur event happens. Provides event value.\n /\n onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n /\n The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n /\n validity?: (typeof checkboxValidityValues)[number];\n /\n The value attribute of the Checkbox\n */\n value?: string;\n} & Pick<\n FieldComponentProps,\n \"hint\" \| \"id\" \| \"isDisabled\" \| \"isReadOnly\" \| \"name\"\n> &\n CheckedFieldProps<MuiCheckboxProps> &\n Pick<HtmlProps, \"ariaLabel\" \| \"ariaLabelledBy\" \| \"testId\" \| \"translate\">;\n\nconst Checkbox = ({\n ariaLabel,\n ariaLabelledBy,\n id: idOverride,\n inputRef,\n isChecked,\n isDefaultChecked,\n isDisabled,\n isIndeterminate,\n isReadOnly = false,\n isRequired,\n label: labelProp,\n hint,\n name: nameOverride,\n onChange: onChangeProp,\n onBlur: onBlurProp,\n testId,\n translate,\n validity = \"inherit\",\n value,\n}: CheckboxProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const id = useUniqueId(idOverride);\n const hintId = hint ? `${id}-hint` : undefined;\n\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: isChecked,\n uncontrolledValue: isDefaultChecked,\n }),\n );\n const inputValues = useMemo(() => {\n if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n return { checked: isChecked };\n }\n return { defaultChecked: isDefaultChecked };\n }, [isDefaultChecked, isChecked]);\n\n const localInputRef = useRef<HTMLInputElement>(null);\n useImperativeHandle(\n inputRef,\n () => ({\n focus: () => {\n localInputRef.current?.focus();\n },\n }),\n [],\n );\n\n const label = useMemo(() => {\n return (\n <>\n <Typography component=\"span\">{labelProp}</Typography>\n {isRequired && (\n <>\n {\" \"}\n <Typography color=\"textSecondary\" component=\"span\">\n ({t(\"fieldlabel.required.text\")})\n </Typography>\n </>\n )}\n </>\n );\n }, [isRequired, labelProp, t]);\n\n const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n (event, checked) => {\n onChangeProp?.(event, checked);\n },\n [onChangeProp],\n );\n\n const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n (event) => {\n if (isReadOnly) {\n event.stopPropagation();\n event.preventDefault();\n }\n },\n [isReadOnly],\n );\n\n const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n (event) => {\n onBlurProp?.(event);\n },\n [onBlurProp],\n );\n\n const checkboxStyles = useMemo(\n () => ({\n alignItems: \"flex-start\",\n\n ...(isReadOnly && {\n cursor: \"default\",\n \"& .MuiTypography-root\": {\n cursor: \"default\",\n } as CSSStyleDeclaration,\n }),\n\n ...(hint && {\n // needed to override specific :not(:last-child) selector\n \":not(:last-child)\": {\n marginBlockEnd: \"0\",\n } as CSSStyleDeclaration,\n }),\n }),\n [hint, isReadOnly],\n );\n\n // TODO: Is there a better way to handle these styles? Why pixels? Isn't this tying Checkbox to the label's font size? -Kevin\n const checkboxInputStyles = useMemo(\n () => ({\n marginBlockStart: \"2px\",\n }),\n [],\n );\n\n const inputProps = useMemo<InputHTMLAttributes<HTMLInputElement>>(\n () => ({\n \"aria-describedby\": hintId,\n \"aria-readonly\": isReadOnly,\n \"data-se\": testId,\n readOnly: isReadOnly,\n }),\n [hintId, isReadOnly, testId],\n );\n\n return (\n <>\n <FormControlLabel\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className={\n validity === \"invalid\"\n ? \"Mui-error\"\n : validity === \"valid\"\n ? \"Mui-valid\"\n : \"\"\n }\n control={\n <MuiCheckbox\n {...inputValues}\n disabled={isDisabled}\n indeterminate={isIndeterminate}\n inputProps={inputProps}\n inputRef={localInputRef}\n onChange={onChange}\n onClick={onClick}\n required={isRequired}\n sx={checkboxInputStyles}\n />\n }\n disabled={isDisabled}\n id={idOverride}\n label={label}\n name={nameOverride ?? idOverride}\n onBlur={onBlur}\n required={isRequired}\n sx={checkboxStyles}\n translate={translate}\n value={value}\n />\n\n {hint && (\n <HintContainerWithInlineStartSpacing\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <FormHelperText id={hintId} translate={translate}>\n {hint}\n </FormHelperText>\n </HintContainerWithInlineStartSpacing>\n )}\n </>\n );\n};\n\nconst MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Checkbox.js","names":["memo","useCallback","useImperativeHandle","useMemo","useRef","useTranslation","ComponentControlledState","getControlState","useOdysseyDesignTokens","Typography","useUniqueId","HintContainerWithInlineStartSpacing","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","checkboxValidityValues","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","odysseyDesignTokens","hintId","undefined","controlledStateRef","controlledValue","uncontrolledValue","inputValues","current","CONTROLLED","checked","defaultChecked","localInputRef","focus","children","component","color","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","marginBlockEnd","checkboxInputStyles","marginBlockStart","inputProps","readOnly","_FormControlLabel","className","control","_Checkbox","disabled","indeterminate","required","sx","_FormHelperText","MemoizedCheckbox","displayName"],"sources":["../../../src/Fields/Checkbox.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 FormControlLabel,\n FormHelperText,\n Checkbox as MuiCheckbox,\n CheckboxProps as MuiCheckboxProps,\n FormControlLabelProps as MuiFormControlLabelProps,\n} from \"@mui/material\";\nimport {\n InputHTMLAttributes,\n memo,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { CheckedFieldProps } from \"../FormCheckedProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n ComponentControlledState,\n FocusHandle,\n getControlState,\n} from \"../inputUtils.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { Typography } from \"../Typography.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { HintContainerWithInlineStartSpacing } from \"./Hint.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nexport type CheckboxProps = {\n /\n The ref forwarded to the Checkbox\n /\n inputRef?: React.RefObject<FocusHandle>;\n /\n Determines whether the Checkbox is in an indeterminate state\n /\n isIndeterminate?: boolean;\n /\n Determines whether the Checkbox is required\n /\n isRequired?: boolean;\n /\n The label text for the Checkbox\n /\n label?: string;\n /\n Callback fired when the blur event happens. Provides event value.\n /\n onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n /\n The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n /\n validity?: (typeof checkboxValidityValues)[number];\n /\n The value attribute of the Checkbox\n */\n value?: string;\n} & Pick<\n FieldComponentProps,\n \"hint\" \| \"id\" \| \"isDisabled\" \| \"isReadOnly\" \| \"name\"\n> &\n CheckedFieldProps<MuiCheckboxProps> &\n Pick<HtmlProps, \"ariaLabel\" \| \"ariaLabelledBy\" \| \"testId\" \| \"translate\">;\n\nconst Checkbox = ({\n ariaLabel,\n ariaLabelledBy,\n id: idOverride,\n inputRef,\n isChecked,\n isDefaultChecked,\n isDisabled,\n isIndeterminate,\n isReadOnly = false,\n isRequired,\n label: labelProp,\n hint,\n name: nameOverride,\n onChange: onChangeProp,\n onBlur: onBlurProp,\n testId,\n translate,\n validity = \"inherit\",\n value,\n}: CheckboxProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const id = useUniqueId(idOverride);\n const hintId = hint ? `${id}-hint` : undefined;\n\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: isChecked,\n uncontrolledValue: isDefaultChecked,\n }),\n );\n const inputValues = useMemo(() => {\n if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n return { checked: isChecked };\n }\n return { defaultChecked: isDefaultChecked };\n }, [isDefaultChecked, isChecked]);\n\n const localInputRef = useRef<HTMLInputElement>(null);\n useImperativeHandle(\n inputRef,\n () => ({\n focus: () => {\n localInputRef.current?.focus();\n },\n }),\n [],\n );\n\n const label = useMemo(() => {\n return (\n <>\n <Typography component=\"span\">{labelProp}</Typography>\n {isRequired && (\n <>\n {\" \"}\n <Typography color=\"textSecondary\" component=\"span\">\n ({t(\"fieldlabel.required.text\")})\n </Typography>\n </>\n )}\n </>\n );\n }, [isRequired, labelProp, t]);\n\n const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n (event, checked) => {\n onChangeProp?.(event, checked);\n },\n [onChangeProp],\n );\n\n const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n (event) => {\n if (isReadOnly) {\n event.stopPropagation();\n event.preventDefault();\n }\n },\n [isReadOnly],\n );\n\n const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n (event) => {\n onBlurProp?.(event);\n },\n [onBlurProp],\n );\n\n const checkboxStyles = useMemo(\n () => ({\n alignItems: \"flex-start\",\n\n ...(isReadOnly && {\n cursor: \"default\",\n \"& .MuiTypography-root\": {\n cursor: \"default\",\n } as CSSStyleDeclaration,\n }),\n\n ...(hint && {\n // needed to override specific :not(:last-child) selector\n \":not(:last-child)\": {\n marginBlockEnd: \"0\",\n } as CSSStyleDeclaration,\n }),\n }),\n [hint, isReadOnly],\n );\n\n // TODO: Is there a better way to handle these styles? Why pixels? Isn't this tying Checkbox to the label's font size? -Kevin\n const checkboxInputStyles = useMemo(\n () => ({\n marginBlockStart: \"2px\",\n }),\n [],\n );\n\n const inputProps = useMemo<InputHTMLAttributes<HTMLInputElement>>(\n () => ({\n \"aria-describedby\": hintId,\n \"aria-readonly\": isReadOnly,\n \"data-se\": testId,\n readOnly: isReadOnly,\n }),\n [hintId, isReadOnly, testId],\n );\n\n return (\n <>\n <FormControlLabel\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className={\n validity === \"invalid\"\n ? \"Mui-error\"\n : validity === \"valid\"\n ? \"Mui-valid\"\n : \"\"\n }\n control={\n <MuiCheckbox\n {...inputValues}\n disabled={isDisabled}\n indeterminate={isIndeterminate}\n inputProps={inputProps}\n inputRef={localInputRef}\n onChange={onChange}\n onClick={onClick}\n required={isRequired}\n sx={checkboxInputStyles}\n />\n }\n disabled={isDisabled}\n id={idOverride}\n label={label}\n name={nameOverride ?? idOverride}\n onBlur={onBlur}\n required={isRequired}\n sx={checkboxStyles}\n translate={translate}\n value={value}\n />\n\n {hint && (\n <HintContainerWithInlineStartSpacing\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <FormHelperText id={hintId} translate={translate}>\n {hint}\n </FormHelperText>\n </HintContainerWithInlineStartSpacing>\n )}\n </>\n );\n};\n\nconst MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}