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

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

package/dist/cjs/Select.cjs CHANGED Viewed

@@ -11,8 +11,8 @@ var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _ListSubheader2 = _interopRequireDefault(require("@mui/material/ListSubheader"));
 var _Chip2 = _interopRequireDefault(require("@mui/material/Chip"));
 var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _Field = require("./Field.cjs");
 var _index = require("./icons.generated/index.cjs");
 var _inputUtils = require("./inputUtils.cjs");
@@ -228,19 +228,19 @@ const Select = ({
       isReadOnly: isReadOnly,
       odysseyDesignTokens: odysseyDesignTokens,
       children: internalSelectedValues.map(item => item?.length > 0 && (0, _jsxRuntime.jsx)(_Chip2.default, {
+        deleteIcon: (0, _jsxRuntime.jsx)(_index.CloseCircleFilledIcon, {
+          onMouseDown: stopPropagation,
+          sx: {
+            pointerEvents: "auto"
+          }
+        }),
         label: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [normalizedOptionsMap.get(item)?.text, hasNonInteractiveIcon && (0, _jsxRuntime.jsx)(NonInteractiveIcon, {
             odysseyDesignTokens: odysseyDesignTokens
           })]
         }),
-        tabIndex: -1,
         onDelete: isInteractive && controlledStateRef.current === CONTROLLED ? () => removeSelectedValue(item) : undefined,
-        deleteIcon: (0, _jsxRuntime.jsx)(_index.CloseCircleFilledIcon, {
-          sx: {
-            pointerEvents: "auto"
-          },
-          onMouseDown: stopPropagation
-        })
+        tabIndex: -1
       }, item))
     });
   }, [controlledStateRef, hasMultipleChoices, internalSelectedValues, odysseyDesignTokens, removeSelectedValue, normalizedOptionsMap]);
@@ -253,9 +253,9 @@ const Select = ({
     const isSelected = hasMultipleChoices ? internalSelectedValues?.includes(option.value) : internalSelectedValues === option.value;
     return (0, _jsxRuntime.jsxs)(_MenuItem2.default, {
       "data-empty": !option.text,
-      value: option.value,
-      selected: isSelected,
       lang: option.lang,
+      selected: isSelected,
+      value: option.value,
       children: [hasMultipleChoices && (0, _jsxRuntime.jsx)(_Checkbox2.default, {
         checked: isSelected
       }), option.text, !hasMultipleChoices && internalSelectedValues === option.value && (0, _jsxRuntime.jsx)(_ListItemSecondaryAction2.default, {

package/dist/cjs/Select.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.cjs","names":["_react","require","_styled","_interopRequireDefault","_Field","_index","_inputUtils","_OdysseyDesignTokensContext","_useNormalizedKey","_jsxRuntime","e","__esModule","default","SelectTestSelector","exports","accessibleText","errorMessage","hint","label","children","list","listItem","elementSelector","method","options","role","isControlledElement","SelectContainer","styled","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","alignItems","display","insetBlockEnd","insetBlockStart","insetInlineEnd","insetInlineStart","marginInlineStart","BorderWidthMain","opacity","pointerEvents","position","NonInteractiveIcon","CloseCircleFilledIcon","fontSize","marginBlockEnd","marginInlineEnd","Spacing1","Spacing2","ChipsInnerContainer","_Box2","isInteractive","isReadOnly","flexWrap","gap","marginBlock","minHeight","Spacing6","CONTROLLED","ComponentControlledState","Select","ariaDescribedBy","defaultValue","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","testId","translate","value","selectRef","useRef","useMemo","undefined","controlledStateRef","getControlState","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","useState","current","localInputRef","useOdysseyDesignTokens","useImperativeHandle","focus","useEffect","inputValues","useInputValues","controlState","useCallback","event","child","preventDefault","target","split","normalizedOptions","normalizedOptionsMap","map","option","text","type","lang","language","Map","removeSelectedValue","selectedValue","Array","isArray","newValue","filter","internalSelectedValue","syntheticEvent","Chips","stopPropagation","hasNonInteractiveIcon","jsx","item","length","_Chip2","jsxs","Fragment","get","tabIndex","onDelete","deleteIcon","sx","onMouseDown","renderedOptions","index","_ListSubheader2","isSelected","includes","_MenuItem2","selected","_Checkbox2","checked","_ListItemSecondaryAction2","CheckIcon","normalizedKey","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select2","displayEmpty","inputProps","readOnly","el","labelId","MenuProps","maxHeight","multiple","Field","fieldType","hasVisibleLabel","MemoizedSelect","memo","displayName"],"sources":["../../src/Select.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 memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n useImperativeHandle,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport {\n Box as MuiBox,\n Checkbox as MuiCheckbox,\n Chip as MuiChip,\n ListItemSecondaryAction,\n ListSubheader,\n MenuItem as MuiMenuItem,\n Select as MuiSelect,\n SelectProps as MuiSelectProps,\n SelectChangeEvent,\n} from \"@mui/material\";\n\nimport { Field } from \"./Field.js\";\nimport {\n FieldComponentProps,\n FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { CheckIcon, CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport {\n ComponentControlledState,\n FocusHandle,\n useInputValues,\n getControlState,\n} from \"./inputUtils.js\";\nimport {\n useOdysseyDesignTokens,\n DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TestSelector } from \"./test-selectors/index.js\";\nimport { normalizedKey } from \"./useNormalizedKey.js\";\n\nexport const SelectTestSelector = {\n accessibleText: {\n errorMessage: \"errorMessage\",\n hint: \"description\",\n label: \"label\",\n },\n children: {\n list: {\n accessibleText: {\n label: \"label\",\n },\n children: {\n listItem: {\n accessibleText: {\n label: \"label\",\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"option\",\n },\n },\n },\n isControlledElement: true,\n },\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"combobox\",\n },\n} as const satisfies TestSelector;\n\nexport type SelectOption = {\n text: string;\n type?: \"heading\" \| \"option\";\n value?: string;\n language?: string;\n};\n\nconst SelectContainer = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n`;\n\nconst ChipsPositioningContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => {\n return {\n alignItems: \"center\",\n display: \"flex\",\n insetBlockEnd: 0,\n insetBlockStart: 0,\n insetInlineEnd: \"25px\", // This 25px is used to align with MUI's default chip positioning logic.\n insetInlineStart: \"4px\",\n marginInlineStart: odysseyDesignTokens.BorderWidthMain,\n opacity: 1,\n pointerEvents: \"none\",\n position: \"absolute\",\n };\n});\n\nconst NonInteractiveIcon = styled(CloseCircleFilledIcon, {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n fontSize: \"1em\",\n marginBlockEnd: \"-1px\",\n marginInlineEnd: `-${odysseyDesignTokens.Spacing1}`,\n marginInlineStart: odysseyDesignTokens.Spacing2,\n}));\n\nconst ChipsInnerContainer = styled(MuiBox, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" &&\n prop !== \"isInteractive\" &&\n prop !== \"isReadOnly\",\n})<{\n isInteractive?: boolean;\n isReadOnly?: boolean;\n odysseyDesignTokens: DesignTokens;\n}>(({ isInteractive, isReadOnly, odysseyDesignTokens }) => ({\n display: \"flex\",\n flexWrap: \"wrap\",\n gap: odysseyDesignTokens.Spacing1,\n marginBlock: `-${odysseyDesignTokens.Spacing2}`,\n marginInlineEnd: odysseyDesignTokens.Spacing1,\n minHeight: odysseyDesignTokens.Spacing6,\n opacity: isInteractive \|\| isReadOnly ? 1 : 0,\n pointerEvents: \"none\",\n}));\n\nexport type SelectValueType<HasMultipleChoices> =\n HasMultipleChoices extends true ? string[] : string;\n\nexport type SelectProps<\n Value extends SelectValueType<HasMultipleChoices>,\n HasMultipleChoices extends boolean,\n> = {\n /\n The default value. Use when the component is not controlled.\n /\n defaultValue?: MuiSelectProps<Value>[\"defaultValue\"];\n /\n If `true`, the Select allows multiple selections\n /\n hasMultipleChoices?: HasMultipleChoices;\n /\n The ref forwarded to the Select\n /\n inputRef?: React.RefObject<FocusHandle>;\n /\n @deprecated Use `hasMultipleChoices` instead.\n /\n /* Deprecated: use `hasMultipleChoices` /\n isMultiSelect?: HasMultipleChoices;\n /\n The label text for the Select\n /\n label: string;\n /\n Callback fired when the Select loses focus\n /\n onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n /\n Callback fired when the value of the Select changes\n /\n onChange?: MuiSelectProps<Value>[\"onChange\"];\n /\n Callback fired when the Select gains focus\n /\n onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n /\n The options for the Select\n /\n options: (string \| SelectOption)[];\n /\n The value or values selected in the Select\n /\n value?: Value;\n} & Pick<\n FieldComponentProps,\n \| \"errorMessage\"\n \| \"errorMessageList\"\n \| \"hint\"\n \| \"HintLinkComponent\"\n \| \"id\"\n \| \"isDisabled\"\n \| \"isFullWidth\"\n \| \"isOptional\"\n \| \"isReadOnly\"\n \| \"name\"\n> &\n Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\ntype SelectRenderProps = Partial<\n Pick<FieldComponentRenderProps, \"ariaDescribedBy\" \| \"errorMessageElementId\">\n> &\n Pick<FieldComponentRenderProps, \"id\" \| \"labelElementId\">;\n\n/\n Options in Odyssey <Select> are passed as an array, which can contain any combination\n * of the following:\n * - string — A simple string. The string will be both the text and the value of the resulting option.\n * <option value=\"string\">string</option>\n \n - { text: string } — Same as above, but the string is contained within an object.\n * <option value=\"text\">text</option>\n \n - { text: string, value: string } — The option text will be text, and the option value will be value.\n * <option value=\"value\">text</option>\n \n - { text: string, type: \"heading\" } — Used to display a group heading with the text\n /\n\nconst { CONTROLLED } = ComponentControlledState;\nconst Select = <\n Value extends SelectValueType<HasMultipleChoices>,\n HasMultipleChoices extends boolean,\n>({\n ariaDescribedBy,\n defaultValue,\n errorMessage,\n errorMessageList,\n hasMultipleChoices: hasMultipleChoicesProp,\n hint,\n HintLinkComponent,\n id: idOverride,\n inputRef,\n isDisabled = false,\n isFullWidth = false,\n isMultiSelect,\n isOptional = false,\n isReadOnly = false,\n label,\n name: nameOverride,\n onBlur,\n onChange: onChangeProp,\n onFocus,\n options,\n testId,\n translate,\n value,\n}: SelectProps<Value, HasMultipleChoices>) => {\n const selectRef = useRef<HTMLInputElement \| HTMLTextAreaElement \| null>(null);\n\n const hasMultipleChoices = useMemo(\n () =>\n hasMultipleChoicesProp === undefined\n ? isMultiSelect\n : hasMultipleChoicesProp,\n [hasMultipleChoicesProp, isMultiSelect],\n );\n\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: value,\n uncontrolledValue: defaultValue,\n }),\n );\n const [internalSelectedValues, setInternalSelectedValues] = useState(\n controlledStateRef.current === CONTROLLED ? value : defaultValue,\n );\n\n const localInputRef = useRef<HTMLSelectElement>(null);\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n useImperativeHandle(inputRef, () => {\n return {\n focus: () => {\n localInputRef.current?.focus();\n },\n };\n }, []);\n\n useEffect(() => {\n if (controlledStateRef.current === CONTROLLED) {\n setInternalSelectedValues(value);\n }\n }, [value]);\n\n const inputValues = useInputValues({\n defaultValue,\n value,\n controlState: controlledStateRef.current,\n });\n\n const onChange = useCallback<NonNullable<MuiSelectProps<Value>[\"onChange\"]>>(\n (event, child) => {\n if (isReadOnly) {\n event.preventDefault();\n } else {\n const {\n target: { value },\n } = event;\n if (controlledStateRef.current !== CONTROLLED) {\n setInternalSelectedValues(\n (typeof value === \"string\" && hasMultipleChoices\n ? value.split(\",\")\n : value) as Value,\n );\n }\n onChangeProp?.(event, child);\n }\n },\n [hasMultipleChoices, onChangeProp, isReadOnly],\n );\n // Normalize the options array to accommodate the various\n // data types that might be passed\n const [normalizedOptions, normalizedOptionsMap] = useMemo(() => {\n const normalizedOptions = options.map((option) => {\n if (typeof option === \"object\") {\n /\n If the value of `option?.value is an empty string, we need to make sure that we\n * set an empty string to `value` in the normalized option so that the select component\n * can potentially set it as the selected one in the text input\n */\n const value =\n option?.value === \"\" ? option.value : option.value \|\| option.text;\n return {\n text: option.text,\n value,\n type: option.type === \"heading\" ? \"heading\" : \"option\",\n lang: option.language,\n };\n }\n\n return { text: option, value: option, type: \"option\" };\n });\n\n const normalizedOptionsMap = new Map(\n normalizedOptions.map((option) => [option.value, option]),\n );\n return [normalizedOptions, normalizedOptionsMap];\n }, [options]);\n\n const removeSelectedValue = useCallback(\n (selectedValue: string) => {\n if (Array.isArray(internalSelectedValues)) {\n const newValue = internalSelectedValues.filter(\n (internalSelectedValue) => internalSelectedValue !== selectedValue,\n );\n\n const syntheticEvent = {\n target: { value: newValue },\n } as SelectChangeEvent<Value>;\n\n onChange(syntheticEvent, null);\n }\n },\n [internalSelectedValues, onChange],\n );\n\n const Chips = useCallback(\n ({\n isInteractive,\n isReadOnly,\n }: {\n isInteractive: boolean;\n isReadOnly?: boolean;\n }) => {\n const stopPropagation = (event: React.MouseEvent<SVGSVGElement>) =>\n event.stopPropagation();\n\n const hasNonInteractiveIcon =\n !isInteractive &&\n !isReadOnly &&\n controlledStateRef.current === CONTROLLED &&\n hasMultipleChoices;\n\n return (\n Array.isArray(internalSelectedValues) && (\n <ChipsInnerContainer\n isInteractive={isInteractive}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {internalSelectedValues.map(\n (item) =>\n item?.length > 0 && (\n <MuiChip\n key={item}\n label={\n <>\n {normalizedOptionsMap.get(item)?.text}\n {hasNonInteractiveIcon && (\n <NonInteractiveIcon\n odysseyDesignTokens={odysseyDesignTokens}\n />\n )}\n </>\n }\n tabIndex={-1}\n onDelete={\n isInteractive && controlledStateRef.current === CONTROLLED\n ? () => removeSelectedValue(item)\n : undefined\n }\n deleteIcon={\n <CloseCircleFilledIcon\n sx={{ pointerEvents: \"auto\" }}\n // We need to stop event propagation on mouse down to prevent the deletion\n // from being blocked by the Select list opening, and also ensure that\n // the pointerEvent is registered even when the parent's are not\n onMouseDown={stopPropagation}\n />\n }\n />\n ),\n )}\n </ChipsInnerContainer>\n )\n );\n },\n [\n controlledStateRef,\n hasMultipleChoices,\n internalSelectedValues,\n odysseyDesignTokens,\n removeSelectedValue,\n normalizedOptionsMap,\n ],\n );\n\n // Convert the options into the ReactNode children\n // that will populate the <Select>\n const renderedOptions = useMemo(\n () =>\n normalizedOptions.map((option, index) => {\n if (option.type === \"heading\") {\n return (\n <ListSubheader key={option.text}> {option.text} </ListSubheader>\n );\n }\n\n const isSelected = hasMultipleChoices\n ? internalSelectedValues?.includes(option.value)\n : internalSelectedValues === option.value;\n\n return (\n <MuiMenuItem\n data-empty={!option.text}\n key={normalizedKey(option.text, index.toString())}\n value={option.value}\n selected={isSelected}\n lang={option.lang}\n >\n {hasMultipleChoices && <MuiCheckbox checked={isSelected} />}\n {option.text}\n {!hasMultipleChoices && internalSelectedValues === option.value && (\n <ListItemSecondaryAction>\n <CheckIcon />\n </ListItemSecondaryAction>\n )}\n </MuiMenuItem>\n );\n }),\n [hasMultipleChoices, normalizedOptions, internalSelectedValues],\n );\n\n const renderValue = useCallback(\n (value: Value) => Array.isArray(value) && <Chips isInteractive={false} />,\n [Chips],\n );\n\n const renderFieldComponent = useCallback(\n ({\n ariaDescribedBy,\n errorMessageElementId,\n id,\n labelElementId,\n }: SelectRenderProps) => (\n <SelectContainer>\n <MuiSelect\n {...inputValues}\n aria-describedby={ariaDescribedBy}\n aria-errormessage={errorMessageElementId}\n displayEmpty\n id={id}\n inputProps={{\n \"data-se\": testId,\n \"aria-disabled\": isDisabled \|\| isReadOnly,\n readOnly: isReadOnly,\n }}\n inputRef={(el: HTMLInputElement \| HTMLTextAreaElement \| null) => {\n if (localInputRef.current !== el) {\n (localInputRef as React.MutableRefObject<typeof el>).current = el;\n }\n selectRef.current = el;\n }}\n labelId={labelElementId}\n MenuProps={{\n sx: {\n \".MuiPaper-root\": {\n maxHeight: \"50vh\",\n },\n },\n }}\n multiple={hasMultipleChoices}\n name={nameOverride ?? id}\n onBlur={onBlur}\n onChange={onChange}\n onFocus={onFocus}\n renderValue={hasMultipleChoices ? renderValue : undefined}\n translate={translate}\n >\n {renderedOptions}\n </MuiSelect>\n {hasMultipleChoices && (\n <>\n <ChipsPositioningContainer\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <Chips isInteractive={!isReadOnly} isReadOnly={isReadOnly} />\n </ChipsPositioningContainer>\n </>\n )}\n </SelectContainer>\n ),\n [\n Chips,\n inputValues,\n hasMultipleChoices,\n isDisabled,\n isReadOnly,\n nameOverride,\n odysseyDesignTokens,\n onBlur,\n onChange,\n onFocus,\n renderedOptions,\n renderValue,\n testId,\n translate,\n ],\n );\n\n return (\n <Field\n ariaDescribedBy={ariaDescribedBy}\n errorMessage={errorMessage}\n errorMessageList={errorMessageList}\n fieldType=\"single\"\n hasVisibleLabel\n hint={hint}\n HintLinkComponent={HintLinkComponent}\n id={idOverride}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n isOptional={isOptional}\n label={label}\n renderFieldComponent={renderFieldComponent}\n />\n );\n};\n\nconst MemoizedSelect = memo(Select);\nMemoizedSelect.displayName = \"Select\";\n\nexport { MemoizedSelect as Select };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Select.cjs","names":["_styled","_interopRequireDefault","require","_react","_Field","_index","_inputUtils","_OdysseyDesignTokensContext","_useNormalizedKey","_jsxRuntime","e","__esModule","default","SelectTestSelector","exports","accessibleText","errorMessage","hint","label","children","list","listItem","elementSelector","method","options","role","isControlledElement","SelectContainer","styled","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","alignItems","display","insetBlockEnd","insetBlockStart","insetInlineEnd","insetInlineStart","marginInlineStart","BorderWidthMain","opacity","pointerEvents","position","NonInteractiveIcon","CloseCircleFilledIcon","fontSize","marginBlockEnd","marginInlineEnd","Spacing1","Spacing2","ChipsInnerContainer","_Box2","isInteractive","isReadOnly","flexWrap","gap","marginBlock","minHeight","Spacing6","CONTROLLED","ComponentControlledState","Select","ariaDescribedBy","defaultValue","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","testId","translate","value","selectRef","useRef","useMemo","undefined","controlledStateRef","getControlState","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","useState","current","localInputRef","useOdysseyDesignTokens","useImperativeHandle","focus","useEffect","inputValues","useInputValues","controlState","useCallback","event","child","preventDefault","target","split","normalizedOptions","normalizedOptionsMap","map","option","text","type","lang","language","Map","removeSelectedValue","selectedValue","Array","isArray","newValue","filter","internalSelectedValue","syntheticEvent","Chips","stopPropagation","hasNonInteractiveIcon","jsx","item","length","_Chip2","deleteIcon","onMouseDown","sx","jsxs","Fragment","get","onDelete","tabIndex","renderedOptions","index","_ListSubheader2","isSelected","includes","_MenuItem2","selected","_Checkbox2","checked","_ListItemSecondaryAction2","CheckIcon","normalizedKey","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select2","displayEmpty","inputProps","readOnly","el","labelId","MenuProps","maxHeight","multiple","Field","fieldType","hasVisibleLabel","MemoizedSelect","memo","displayName"],"sources":["../../src/Select.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 styled from \"@emotion/styled\";\nimport {\n ListItemSecondaryAction,\n ListSubheader,\n Box as MuiBox,\n Checkbox as MuiCheckbox,\n Chip as MuiChip,\n MenuItem as MuiMenuItem,\n Select as MuiSelect,\n SelectProps as MuiSelectProps,\n SelectChangeEvent,\n} from \"@mui/material\";\nimport {\n memo,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n FieldComponentProps,\n FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { CheckIcon, CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport {\n ComponentControlledState,\n FocusHandle,\n getControlState,\n useInputValues,\n} from \"./inputUtils.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TestSelector } from \"./test-selectors/index.js\";\nimport { normalizedKey } from \"./useNormalizedKey.js\";\n\nexport const SelectTestSelector = {\n accessibleText: {\n errorMessage: \"errorMessage\",\n hint: \"description\",\n label: \"label\",\n },\n children: {\n list: {\n accessibleText: {\n label: \"label\",\n },\n children: {\n listItem: {\n accessibleText: {\n label: \"label\",\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"option\",\n },\n },\n },\n isControlledElement: true,\n },\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"combobox\",\n },\n} as const satisfies TestSelector;\n\nexport type SelectOption = {\n language?: string;\n text: string;\n type?: \"heading\" \| \"option\";\n value?: string;\n};\n\nconst SelectContainer = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n`;\n\nconst ChipsPositioningContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => {\n return {\n alignItems: \"center\",\n display: \"flex\",\n insetBlockEnd: 0,\n insetBlockStart: 0,\n insetInlineEnd: \"25px\", // This 25px is used to align with MUI's default chip positioning logic.\n insetInlineStart: \"4px\",\n marginInlineStart: odysseyDesignTokens.BorderWidthMain,\n opacity: 1,\n pointerEvents: \"none\",\n position: \"absolute\",\n };\n});\n\nconst NonInteractiveIcon = styled(CloseCircleFilledIcon, {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n fontSize: \"1em\",\n marginBlockEnd: \"-1px\",\n marginInlineEnd: `-${odysseyDesignTokens.Spacing1}`,\n marginInlineStart: odysseyDesignTokens.Spacing2,\n}));\n\nconst ChipsInnerContainer = styled(MuiBox, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" &&\n prop !== \"isInteractive\" &&\n prop !== \"isReadOnly\",\n})<{\n isInteractive?: boolean;\n isReadOnly?: boolean;\n odysseyDesignTokens: DesignTokens;\n}>(({ isInteractive, isReadOnly, odysseyDesignTokens }) => ({\n display: \"flex\",\n flexWrap: \"wrap\",\n gap: odysseyDesignTokens.Spacing1,\n marginBlock: `-${odysseyDesignTokens.Spacing2}`,\n marginInlineEnd: odysseyDesignTokens.Spacing1,\n minHeight: odysseyDesignTokens.Spacing6,\n opacity: isInteractive \|\| isReadOnly ? 1 : 0,\n pointerEvents: \"none\",\n}));\n\nexport type SelectValueType<HasMultipleChoices> =\n HasMultipleChoices extends true ? string[] : string;\n\nexport type SelectProps<\n Value extends SelectValueType<HasMultipleChoices>,\n HasMultipleChoices extends boolean,\n> = {\n /\n The default value. Use when the component is not controlled.\n /\n defaultValue?: MuiSelectProps<Value>[\"defaultValue\"];\n /\n If `true`, the Select allows multiple selections\n /\n hasMultipleChoices?: HasMultipleChoices;\n /\n The ref forwarded to the Select\n /\n inputRef?: React.RefObject<FocusHandle>;\n /\n @deprecated Use `hasMultipleChoices` instead.\n /\n /* Deprecated: use `hasMultipleChoices` /\n isMultiSelect?: HasMultipleChoices;\n /\n The label text for the Select\n /\n label: string;\n /\n Callback fired when the Select loses focus\n /\n onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n /\n Callback fired when the value of the Select changes\n /\n onChange?: MuiSelectProps<Value>[\"onChange\"];\n /\n Callback fired when the Select gains focus\n /\n onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n /\n The options for the Select\n /\n options: (string \| SelectOption)[];\n /\n The value or values selected in the Select\n /\n value?: Value;\n} & Pick<\n FieldComponentProps,\n \| \"errorMessage\"\n \| \"errorMessageList\"\n \| \"hint\"\n \| \"HintLinkComponent\"\n \| \"id\"\n \| \"isDisabled\"\n \| \"isFullWidth\"\n \| \"isOptional\"\n \| \"isReadOnly\"\n \| \"name\"\n> &\n Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\ntype SelectRenderProps = Partial<\n Pick<FieldComponentRenderProps, \"ariaDescribedBy\" \| \"errorMessageElementId\">\n> &\n Pick<FieldComponentRenderProps, \"id\" \| \"labelElementId\">;\n\n/\n Options in Odyssey <Select> are passed as an array, which can contain any combination\n * of the following:\n * - string — A simple string. The string will be both the text and the value of the resulting option.\n * <option value=\"string\">string</option>\n \n - { text: string } — Same as above, but the string is contained within an object.\n * <option value=\"text\">text</option>\n \n - { text: string, value: string } — The option text will be text, and the option value will be value.\n * <option value=\"value\">text</option>\n \n - { text: string, type: \"heading\" } — Used to display a group heading with the text\n /\n\nconst { CONTROLLED } = ComponentControlledState;\nconst Select = <\n Value extends SelectValueType<HasMultipleChoices>,\n HasMultipleChoices extends boolean,\n>({\n ariaDescribedBy,\n defaultValue,\n errorMessage,\n errorMessageList,\n hasMultipleChoices: hasMultipleChoicesProp,\n hint,\n HintLinkComponent,\n id: idOverride,\n inputRef,\n isDisabled = false,\n isFullWidth = false,\n isMultiSelect,\n isOptional = false,\n isReadOnly = false,\n label,\n name: nameOverride,\n onBlur,\n onChange: onChangeProp,\n onFocus,\n options,\n testId,\n translate,\n value,\n}: SelectProps<Value, HasMultipleChoices>) => {\n const selectRef = useRef<HTMLInputElement \| HTMLTextAreaElement \| null>(null);\n\n const hasMultipleChoices = useMemo(\n () =>\n hasMultipleChoicesProp === undefined\n ? isMultiSelect\n : hasMultipleChoicesProp,\n [hasMultipleChoicesProp, isMultiSelect],\n );\n\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: value,\n uncontrolledValue: defaultValue,\n }),\n );\n const [internalSelectedValues, setInternalSelectedValues] = useState(\n controlledStateRef.current === CONTROLLED ? value : defaultValue,\n );\n\n const localInputRef = useRef<HTMLSelectElement>(null);\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n useImperativeHandle(inputRef, () => {\n return {\n focus: () => {\n localInputRef.current?.focus();\n },\n };\n }, []);\n\n useEffect(() => {\n if (controlledStateRef.current === CONTROLLED) {\n setInternalSelectedValues(value);\n }\n }, [value]);\n\n const inputValues = useInputValues({\n defaultValue,\n value,\n controlState: controlledStateRef.current,\n });\n\n const onChange = useCallback<NonNullable<MuiSelectProps<Value>[\"onChange\"]>>(\n (event, child) => {\n if (isReadOnly) {\n event.preventDefault();\n } else {\n const {\n target: { value },\n } = event;\n if (controlledStateRef.current !== CONTROLLED) {\n setInternalSelectedValues(\n (typeof value === \"string\" && hasMultipleChoices\n ? value.split(\",\")\n : value) as Value,\n );\n }\n onChangeProp?.(event, child);\n }\n },\n [hasMultipleChoices, onChangeProp, isReadOnly],\n );\n // Normalize the options array to accommodate the various\n // data types that might be passed\n const [normalizedOptions, normalizedOptionsMap] = useMemo(() => {\n const normalizedOptions = options.map((option) => {\n if (typeof option === \"object\") {\n /\n If the value of `option?.value is an empty string, we need to make sure that we\n * set an empty string to `value` in the normalized option so that the select component\n * can potentially set it as the selected one in the text input\n */\n const value =\n option?.value === \"\" ? option.value : option.value \|\| option.text;\n return {\n text: option.text,\n value,\n type: option.type === \"heading\" ? \"heading\" : \"option\",\n lang: option.language,\n };\n }\n\n return { text: option, value: option, type: \"option\" };\n });\n\n const normalizedOptionsMap = new Map(\n normalizedOptions.map((option) => [option.value, option]),\n );\n return [normalizedOptions, normalizedOptionsMap];\n }, [options]);\n\n const removeSelectedValue = useCallback(\n (selectedValue: string) => {\n if (Array.isArray(internalSelectedValues)) {\n const newValue = internalSelectedValues.filter(\n (internalSelectedValue) => internalSelectedValue !== selectedValue,\n );\n\n const syntheticEvent = {\n target: { value: newValue },\n } as SelectChangeEvent<Value>;\n\n onChange(syntheticEvent, null);\n }\n },\n [internalSelectedValues, onChange],\n );\n\n const Chips = useCallback(\n ({\n isInteractive,\n isReadOnly,\n }: {\n isInteractive: boolean;\n isReadOnly?: boolean;\n }) => {\n const stopPropagation = (event: React.MouseEvent<SVGSVGElement>) =>\n event.stopPropagation();\n\n const hasNonInteractiveIcon =\n !isInteractive &&\n !isReadOnly &&\n controlledStateRef.current === CONTROLLED &&\n hasMultipleChoices;\n\n return (\n Array.isArray(internalSelectedValues) && (\n <ChipsInnerContainer\n isInteractive={isInteractive}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {internalSelectedValues.map(\n (item) =>\n item?.length > 0 && (\n <MuiChip\n deleteIcon={\n <CloseCircleFilledIcon\n // We need to stop event propagation on mouse down to prevent the deletion\n // from being blocked by the Select list opening, and also ensure that\n // the pointerEvent is registered even when the parent's are not\n onMouseDown={stopPropagation}\n sx={{ pointerEvents: \"auto\" }}\n />\n }\n key={item}\n label={\n <>\n {normalizedOptionsMap.get(item)?.text}\n {hasNonInteractiveIcon && (\n <NonInteractiveIcon\n odysseyDesignTokens={odysseyDesignTokens}\n />\n )}\n </>\n }\n onDelete={\n isInteractive && controlledStateRef.current === CONTROLLED\n ? () => removeSelectedValue(item)\n : undefined\n }\n tabIndex={-1}\n />\n ),\n )}\n </ChipsInnerContainer>\n )\n );\n },\n [\n controlledStateRef,\n hasMultipleChoices,\n internalSelectedValues,\n odysseyDesignTokens,\n removeSelectedValue,\n normalizedOptionsMap,\n ],\n );\n\n // Convert the options into the ReactNode children\n // that will populate the <Select>\n const renderedOptions = useMemo(\n () =>\n normalizedOptions.map((option, index) => {\n if (option.type === \"heading\") {\n return (\n <ListSubheader key={option.text}> {option.text} </ListSubheader>\n );\n }\n\n const isSelected = hasMultipleChoices\n ? internalSelectedValues?.includes(option.value)\n : internalSelectedValues === option.value;\n\n return (\n <MuiMenuItem\n data-empty={!option.text}\n key={normalizedKey(option.text, index.toString())}\n lang={option.lang}\n selected={isSelected}\n value={option.value}\n >\n {hasMultipleChoices && <MuiCheckbox checked={isSelected} />}\n {option.text}\n {!hasMultipleChoices && internalSelectedValues === option.value && (\n <ListItemSecondaryAction>\n <CheckIcon />\n </ListItemSecondaryAction>\n )}\n </MuiMenuItem>\n );\n }),\n [hasMultipleChoices, normalizedOptions, internalSelectedValues],\n );\n\n const renderValue = useCallback(\n (value: Value) => Array.isArray(value) && <Chips isInteractive={false} />,\n [Chips],\n );\n\n const renderFieldComponent = useCallback(\n ({\n ariaDescribedBy,\n errorMessageElementId,\n id,\n labelElementId,\n }: SelectRenderProps) => (\n <SelectContainer>\n <MuiSelect\n {...inputValues}\n aria-describedby={ariaDescribedBy}\n aria-errormessage={errorMessageElementId}\n displayEmpty\n id={id}\n inputProps={{\n \"data-se\": testId,\n \"aria-disabled\": isDisabled \|\| isReadOnly,\n readOnly: isReadOnly,\n }}\n inputRef={(el: HTMLInputElement \| HTMLTextAreaElement \| null) => {\n if (localInputRef.current !== el) {\n (localInputRef as React.MutableRefObject<typeof el>).current = el;\n }\n selectRef.current = el;\n }}\n labelId={labelElementId}\n MenuProps={{\n sx: {\n \".MuiPaper-root\": {\n maxHeight: \"50vh\",\n },\n },\n }}\n multiple={hasMultipleChoices}\n name={nameOverride ?? id}\n onBlur={onBlur}\n onChange={onChange}\n onFocus={onFocus}\n renderValue={hasMultipleChoices ? renderValue : undefined}\n translate={translate}\n >\n {renderedOptions}\n </MuiSelect>\n {hasMultipleChoices && (\n <>\n <ChipsPositioningContainer\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <Chips isInteractive={!isReadOnly} isReadOnly={isReadOnly} />\n </ChipsPositioningContainer>\n </>\n )}\n </SelectContainer>\n ),\n [\n Chips,\n inputValues,\n hasMultipleChoices,\n isDisabled,\n isReadOnly,\n nameOverride,\n odysseyDesignTokens,\n onBlur,\n onChange,\n onFocus,\n renderedOptions,\n renderValue,\n testId,\n translate,\n ],\n );\n\n return (\n <Field\n ariaDescribedBy={ariaDescribedBy}\n errorMessage={errorMessage}\n errorMessageList={errorMessageList}\n fieldType=\"single\"\n hasVisibleLabel\n hint={hint}\n HintLinkComponent={HintLinkComponent}\n id={idOverride}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n isOptional={isOptional}\n label={label}\n renderFieldComponent={renderFieldComponent}\n />\n );\n};\n\nconst MemoizedSelect = memo(Select);\nMemoizedSelect.displayName = \"Select\";\n\nexport { MemoizedSelect as Select };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Stack.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stack.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","stackSpacingValues","exports","stackDirectionValues","Stack","children","direction","spacing","jsx","_Stack2","MemoizedStack","memo","displayName"],"sources":["../../src/Stack.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 } from \"react\";\nimport {~~ Stack as MuiStack, StackProps as MuiStackProps } from \"@mui/material\";\n\nexport const stackSpacingValues = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const stackDirectionValues = [\n \"row\",\n \"row-reverse\",\n \"column\",\n \"column-reverse\",\n] as const;\n\nexport type OdysseyStackProps = {\n children?: MuiStackProps[\"children\"];\n /\n The component used for the root node. Either a string to use a HTML element or a component.\n /\n component?: MuiStackProps[\"component\"];\n /\n Defines the flex-direction style property. It is applied for all screen sizes.\n /\n direction?: (typeof stackDirectionValues)[number];\n /\n Defines the space between immediate children.\n */\n spacing?: (typeof stackSpacingValues)[number];\n sx?: MuiStackProps[\"sx\"];\n};\n\nconst Stack = ({\n children,\n direction = \"column\",\n spacing = 2,\n}: OdysseyStackProps) => {\n return (\n <MuiStack direction={direction} spacing={spacing}>\n {children}\n </MuiStack>\n );\n};\n\nconst MemoizedStack = memo(Stack);\nMemoizedStack.displayName = \"Stack\";\n\nexport { MemoizedStack as Stack };\n"],"mappings":";;;;;;;~~AAYA~~,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;~~AAZ7B~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU;AAClE,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,CAClC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,gBAAgB,CACR;AAmBV,MAAMC,KAAK,GAAGA,CAAC;EACbC,QAAQ;EACRC,SAAS,GAAG,QAAQ;EACpBC,OAAO,GAAG;AACO,CAAC,KAAK;EACvB,OACE,IAAAX,WAAA,CAAAY,GAAA,EAAAC,OAAA,CAAAT,OAAA;IAAUM,SAAS,EAAEA,SAAU;IAACC,OAAO,EAAEA,OAAQ;IAAAF,QAAA,EAC9CA;EAAQ,CACD,CAAC;AAEf,CAAC;AAED,MAAMK,aAAa,GAAAR,OAAA,CAAAE,KAAA,GAAG,IAAAO,WAAI,EAACP,KAAK,CAAC;AACjCM,aAAa,CAACE,WAAW,GAAG,OAAO","ignoreList":[]}
1	+ {"version":3,"file":"Stack.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","stackSpacingValues","exports","stackDirectionValues","Stack","children","direction","spacing","jsx","_Stack2","MemoizedStack","memo","displayName"],"sources":["../../src/Stack.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 { Stack as MuiStack, StackProps as MuiStackProps } from \"@mui/material\";\nimport { memo } from \"react\";\n\nexport const stackSpacingValues = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const stackDirectionValues = [\n \"row\",\n \"row-reverse\",\n \"column\",\n \"column-reverse\",\n] as const;\n\nexport type OdysseyStackProps = {\n children?: MuiStackProps[\"children\"];\n /\n The component used for the root node. Either a string to use a HTML element or a component.\n /\n component?: MuiStackProps[\"component\"];\n /\n Defines the flex-direction style property. It is applied for all screen sizes.\n /\n direction?: (typeof stackDirectionValues)[number];\n /\n Defines the space between immediate children.\n */\n spacing?: (typeof stackSpacingValues)[number];\n sx?: MuiStackProps[\"sx\"];\n};\n\nconst Stack = ({\n children,\n direction = \"column\",\n spacing = 2,\n}: OdysseyStackProps) => {\n return (\n <MuiStack direction={direction} spacing={spacing}>\n {children}\n </MuiStack>\n );\n};\n\nconst MemoizedStack = memo(Stack);\nMemoizedStack.displayName = \"Stack\";\n\nexport { MemoizedStack as Stack };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU;AAClE,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,CAClC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,gBAAgB,CACR;AAmBV,MAAMC,KAAK,GAAGA,CAAC;EACbC,QAAQ;EACRC,SAAS,GAAG,QAAQ;EACpBC,OAAO,GAAG;AACO,CAAC,KAAK;EACvB,OACE,IAAAX,WAAA,CAAAY,GAAA,EAAAC,OAAA,CAAAT,OAAA;IAAUM,SAAS,EAAEA,SAAU;IAACC,OAAO,EAAEA,OAAQ;IAAAF,QAAA,EAC9CA;EAAQ,CACD,CAAC;AAEf,CAAC;AAED,MAAMK,aAAa,GAAAR,OAAA,CAAAE,KAAA,GAAG,IAAAO,WAAI,EAACP,KAAK,CAAC;AACjCM,aAAa,CAACE,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/cjs/Status.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Status.cjs","names":["_react","require","_MuiPropsContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","statusSeverityValues","exports","statusVariantValues","Status","ariaDescribedBy","label","severity","testId","translate","variant","muiProps","useMuiProps","jsx","_Chip2","color","MemoizedStatus","memo","displayName"],"sources":["../../src/Status.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 { ~~memo~~ } from \"~~react~~\";\nimport { ~~Chip~~ } from \"~~@mui/material~~\";\n\nimport { ~~useMuiProps~~ } from \"./~~MuiPropsContext~~.js\";\nimport ~~type~~ { ~~HtmlProps~~ } from \"./~~HtmlProps~~.js\";\n\nexport const statusSeverityValues = [\n \"default\",\n \"error\",\n \"info\",\n \"success\",\n \"warning\",\n] as const;\nexport const statusVariantValues = [\"lamp\", \"pill\"] as const;\n\nexport type StatusProps = {\n /\n The text content of the Status\n /\n label: string;\n /\n Determine the color and icon of the Status\n /\n severity: (typeof statusSeverityValues)[number];\n /\n The style of the Status indicator\n */\n variant?: (typeof statusVariantValues)[number];\n} & Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\nconst Status = ({\n ariaDescribedBy,\n label,\n severity,\n testId,\n translate,\n variant = \"pill\",\n}: StatusProps) => {\n const muiProps = useMuiProps();\n\n return (\n <Chip\n {...muiProps}\n aria-describedby={ariaDescribedBy}\n color={severity}\n data-se={testId}\n label={label}\n translate={translate}\n variant={variant}\n />\n );\n};\n\nconst MemoizedStatus = memo(Status);\nMemoizedStatus.displayName = \"Status\";\n\nexport { MemoizedStatus as Status };\n"],"mappings":";;;;;;;~~AAYA~~,IAAAA,MAAA,GAAAC,OAAA;~~AAGA~~,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;~~AAfnD~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AAQO~~,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,CAClC,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,CACD;AACH,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU;AAiB5D,MAAMC,MAAM,GAAGA,CAAC;EACdC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,OAAO,GAAG;AACC,CAAC,KAAK;EACjB,MAAMC,QAAQ,GAAG,IAAAC,4BAAW,EAAC,CAAC;EAE9B,OACE,IAAAhB,WAAA,CAAAiB,GAAA,EAAAC,MAAA,CAAAd,OAAA;IAAA,GACMW,QAAQ;IACZ,oBAAkBN,eAAgB;IAClCU,KAAK,EAAER,QAAS;IAChB,WAASC,MAAO;IAChBF,KAAK,EAAEA,KAAM;IACbG,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC;AAED,MAAMM,cAAc,GAAAd,OAAA,CAAAE,MAAA,GAAG,IAAAa,WAAI,EAACb,MAAM,CAAC;AACnCY,cAAc,CAACE,WAAW,GAAG,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"Status.cjs","names":["_react","require","_MuiPropsContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","statusSeverityValues","exports","statusVariantValues","Status","ariaDescribedBy","label","severity","testId","translate","variant","muiProps","useMuiProps","jsx","_Chip2","color","MemoizedStatus","memo","displayName"],"sources":["../../src/Status.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 { Chip } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useMuiProps } from \"./MuiPropsContext.js\";\n\nexport const statusSeverityValues = [\n \"default\",\n \"error\",\n \"info\",\n \"success\",\n \"warning\",\n] as const;\nexport const statusVariantValues = [\"lamp\", \"pill\"] as const;\n\nexport type StatusProps = {\n /\n The text content of the Status\n /\n label: string;\n /\n Determine the color and icon of the Status\n /\n severity: (typeof statusSeverityValues)[number];\n /\n The style of the Status indicator\n */\n variant?: (typeof statusVariantValues)[number];\n} & Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\nconst Status = ({\n ariaDescribedBy,\n label,\n severity,\n testId,\n translate,\n variant = \"pill\",\n}: StatusProps) => {\n const muiProps = useMuiProps();\n\n return (\n <Chip\n {...muiProps}\n aria-describedby={ariaDescribedBy}\n color={severity}\n data-se={testId}\n label={label}\n translate={translate}\n variant={variant}\n />\n );\n};\n\nconst MemoizedStatus = memo(Status);\nMemoizedStatus.displayName = \"Status\";\n\nexport { MemoizedStatus as Status };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,CAClC,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,CACD;AACH,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU;AAiB5D,MAAMC,MAAM,GAAGA,CAAC;EACdC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,OAAO,GAAG;AACC,CAAC,KAAK;EACjB,MAAMC,QAAQ,GAAG,IAAAC,4BAAW,EAAC,CAAC;EAE9B,OACE,IAAAhB,WAAA,CAAAiB,GAAA,EAAAC,MAAA,CAAAd,OAAA;IAAA,GACMW,QAAQ;IACZ,oBAAkBN,eAAgB;IAClCU,KAAK,EAAER,QAAS;IAChB,WAASC,MAAO;IAChBF,KAAK,EAAEA,KAAM;IACbG,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC;AAED,MAAMM,cAAc,GAAAd,OAAA,CAAAE,MAAA,GAAG,IAAAa,WAAI,EAACb,MAAM,CAAC;AACnCY,cAAc,CAACE,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/cjs/Surface.cjs CHANGED Viewed

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Surface = void 0;
 var _Paper2 = _interopRequireDefault(require("@mui/material/Paper"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _OdysseyThemeProvider = require("./OdysseyThemeProvider.cjs");
 var _useContrastMode = require("./useContrastMode.cjs");

package/dist/cjs/Surface.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Surface.cjs","names":["~~_react~~","~~require~~","~~_styled~~","~~_interopRequireDefault~~","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_useContrastMode","_jsxRuntime","e","__esModule","default","StyledContainer","styled","_Paper2","shouldForwardProp","prop","contrastMode","odysseyDesignTokens","borderRadius","Spacing4","padding","Spacing5","border","HueNeutral100","boxShadow","Surface","children","useOdysseyDesignTokens","useContrastModeContext","jsx","OdysseyThemeProvider","MemoizedSurface","exports","memo","displayName"],"sources":["../../src/Surface.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 ~~{ memo, ReactNode } from \"react\";\nimport~~ styled from \"@emotion/styled\";\nimport { Paper as MuiPaper } from \"@mui/material\";\n\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider.js\";\nimport { ~~useContrastModeContext~~, ~~ContrastMode~~ } from \"./useContrastMode.js\";\n\nconst StyledContainer = styled(MuiPaper, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"contrastMode\",\n})<{\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n}>(({ contrastMode, odysseyDesignTokens }) => ({\n borderRadius: odysseyDesignTokens.Spacing4,\n padding: odysseyDesignTokens.Spacing5,\n border:\n contrastMode === \"lowContrast\"\n ? `1px solid ${odysseyDesignTokens.HueNeutral100}`\n : \"none\",\n boxShadow: \"none\",\n}));\n\nexport type SurfaceProps = {\n children: ReactNode;\n};\n\nconst Surface = ({ children }: SurfaceProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { contrastMode } = useContrastModeContext();\n\n return (\n <StyledContainer\n contrastMode={contrastMode}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <OdysseyThemeProvider>{children}</OdysseyThemeProvider>\n </StyledContainer>\n );\n};\n\nconst MemoizedSurface = memo(Surface);\nMemoizedSurface.displayName = \"Surface\";\n\nexport { MemoizedSurface as Surface };\n"],"mappings":";;;;;;;AAYA,IAAAA,~~MAAA~~,GAAAC,OAAA;~~AACA~~,IAAAC,~~OAAA~~,~~GAAAC~~,~~sBAAA,CAAAF,~~OAAA;~~AAGA~~,~~IAAAG~~,2BAAA,~~GAAAH~~,OAAA;AAIA,~~IAAAI~~,qBAAA,~~GAAAJ~~,OAAA;AACA,~~IAAAK~~,gBAAA,~~GAAAL~~,OAAA;AAA4E,~~IAAAM~~,WAAA,~~GAAAN~~,OAAA;AAAA,~~SAAAE~~,~~uBAAAK~~,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAAC,OAAA,CAAAH,OAAA,EAAW;EACvCI,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,YAAY;EAAEC;AAAoB,CAAC,MAAM;EAC7CC,YAAY,EAAED,mBAAmB,CAACE,QAAQ;EAC1CC,OAAO,EAAEH,mBAAmB,CAACI,QAAQ;EACrCC,MAAM,EACJN,YAAY,KAAK,aAAa,GAC1B,aAAaC,mBAAmB,CAACM,aAAa,EAAE,GAChD,MAAM;EACZC,SAAS,EAAE;AACb,CAAC,CAAC,CAAC;AAMH,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EAC9C,MAAMT,mBAAmB,GAAG,IAAAU,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEX;EAAa,CAAC,GAAG,IAAAY,uCAAsB,EAAC,CAAC;EAEjD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,eAAe;IACdK,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IAAAS,QAAA,EAEzC,IAAAnB,WAAA,CAAAsB,GAAA,EAACxB,qBAAA,CAAAyB,oBAAoB;MAAAJ,QAAA,EAAEA;IAAQ,CAAuB;EAAC,CACxC,CAAC;AAEtB,CAAC;AAED,MAAMK,eAAe,GAAAC,OAAA,CAAAP,OAAA,GAAG,IAAAQ,WAAI,EAACR,OAAO,CAAC;AACrCM,eAAe,CAACG,WAAW,GAAG,SAAS","ignoreList":[]}
1	+ {"version":3,"file":"Surface.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_useContrastMode","_jsxRuntime","e","__esModule","default","StyledContainer","styled","_Paper2","shouldForwardProp","prop","contrastMode","odysseyDesignTokens","borderRadius","Spacing4","padding","Spacing5","border","HueNeutral100","boxShadow","Surface","children","useOdysseyDesignTokens","useContrastModeContext","jsx","OdysseyThemeProvider","MemoizedSurface","exports","memo","displayName"],"sources":["../../src/Surface.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 styled from \"@emotion/styled\";\nimport { Paper as MuiPaper } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nconst StyledContainer = styled(MuiPaper, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"contrastMode\",\n})<{\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n}>(({ contrastMode, odysseyDesignTokens }) => ({\n borderRadius: odysseyDesignTokens.Spacing4,\n padding: odysseyDesignTokens.Spacing5,\n border:\n contrastMode === \"lowContrast\"\n ? `1px solid ${odysseyDesignTokens.HueNeutral100}`\n : \"none\",\n boxShadow: \"none\",\n}));\n\nexport type SurfaceProps = {\n children: ReactNode;\n};\n\nconst Surface = ({ children }: SurfaceProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { contrastMode } = useContrastModeContext();\n\n return (\n <StyledContainer\n contrastMode={contrastMode}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <OdysseyThemeProvider>{children}</OdysseyThemeProvider>\n </StyledContainer>\n );\n};\n\nconst MemoizedSurface = memo(Surface);\nMemoizedSurface.displayName = \"Surface\";\n\nexport { MemoizedSurface as Surface };\n"],"mappings":";;;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAIA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA4E,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAAC,OAAA,CAAAH,OAAA,EAAW;EACvCI,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,YAAY;EAAEC;AAAoB,CAAC,MAAM;EAC7CC,YAAY,EAAED,mBAAmB,CAACE,QAAQ;EAC1CC,OAAO,EAAEH,mBAAmB,CAACI,QAAQ;EACrCC,MAAM,EACJN,YAAY,KAAK,aAAa,GAC1B,aAAaC,mBAAmB,CAACM,aAAa,EAAE,GAChD,MAAM;EACZC,SAAS,EAAE;AACb,CAAC,CAAC,CAAC;AAMH,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EAC9C,MAAMT,mBAAmB,GAAG,IAAAU,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEX;EAAa,CAAC,GAAG,IAAAY,uCAAsB,EAAC,CAAC;EAEjD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,eAAe;IACdK,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IAAAS,QAAA,EAEzC,IAAAnB,WAAA,CAAAsB,GAAA,EAACxB,qBAAA,CAAAyB,oBAAoB;MAAAJ,QAAA,EAAEA;IAAQ,CAAuB;EAAC,CACxC,CAAC;AAEtB,CAAC;AAED,MAAMK,eAAe,GAAAC,OAAA,CAAAP,OAAA,GAAG,IAAAQ,WAAI,EAACR,OAAO,CAAC;AACrCM,eAAe,CAACG,WAAW,GAAG,SAAS","ignoreList":[]}

package/dist/cjs/Switch.cjs CHANGED Viewed

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Switch = void 0;
 var _FormLabel2 = _interopRequireDefault(require("@mui/material/FormLabel"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Box = require("./Box.cjs");
 var _FieldHint = require("./FieldHint.cjs");
 var _index = require("./icons.generated/index.cjs");
@@ -197,8 +197,8 @@ const SwitchLabel = ({
       odysseyDesignTokens: odysseyDesignTokens,
       children: [label, hint && (0, _jsxRuntime.jsx)(_FieldHint.FieldHint, {
         id: hintId,
-        text: hint,
-        LinkComponent: HintLinkComponent
+        LinkComponent: HintLinkComponent,
+        text: hint
       })]
     })
   });
@@ -280,8 +280,8 @@ const Switch = ({
         inputId: inputId,
         isDisabled: isDisabled,
         isFullWidth: isFullWidth,
-        label: label,
-        isReadOnly: isReadOnly
+        isReadOnly: isReadOnly,
+        label: label
       }), (0, _jsxRuntime.jsxs)(SwitchContainer, {
         children: [(0, _jsxRuntime.jsx)(HiddenCheckbox, {
           ...inputValues,
@@ -292,13 +292,13 @@ const Switch = ({
           "data-se": testId,
           disabled: isDisabled,
           id: inputId,
+          isReadOnly: isReadOnly,
           name: name ?? inputId,
-          onChange: handleOnChange,
           odysseyDesignTokens: odysseyDesignTokens,
-          type: "checkbox",
-          value: value,
+          onChange: handleOnChange,
           readOnly: isReadOnly,
-          isReadOnly: isReadOnly
+          type: "checkbox",
+          value: value
         }), (0, _jsxRuntime.jsxs)(SwitchTrack, {
           "data-switch-track": true,
           isChecked: internalSwitchChecked,

package/dist/cjs/Switch.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.cjs","names":["_react","require","_reactI18next","_styled","_interopRequireDefault","_Box","_FieldHint","_index","_inputUtils","_OdysseyDesignTokensContext","_remUtils","_useUniqueId","_jsxRuntime","e","__esModule","default","CONTROLLED","ComponentControlledState","nonForwardedProps","SwitchAndLabelContainer","styled","shouldForwardProp","prop","includes","isFullWidth","odysseyDesignTokens","display","alignItems","justifyContent","maxWidth","TypographyLineLengthMax","SwitchContainer","div","position","StyledSwitchLabel","_FormLabel2","isDisabled","isReadOnly","margin","color","PaletteNeutralDark","TypographyColorDisabled","p","a","HueNeutral700","SwitchTrack","isChecked","width","Spacing7","height","Spacing4","Spacing1","borderRadius","BorderRadiusOuter","backgroundColor","HueNeutral300","transition","TransitionDurationMain","HueNeutral200","HueNeutral600","PaletteSuccessLight","SwitchThumb","thumbOffset","toRem","trackWidth","stripRem","thumbWidth","transformDistance","top","left","BorderRadiusRound","HueNeutralWhite","transform","HueNeutral50","HueNeutral400","SwitchCheckMark","CheckIcon","opacity","path","fill","HiddenCheckbox","input","cursor","zIndex","boxShadow","PalettePrimaryMain","SwitchLabel","hint","hintId","HintLinkComponent","inputId","label","useOdysseyDesignTokens","jsx","Fragment","children","jsxs","htmlFor","FieldHint","id","text","LinkComponent","MemoizedSwitchLabel","memo","displayName","Switch","idProp","isDefaultChecked","name","onChange","testId","value","t","useTranslation","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","checked","defaultChecked","internalSwitchChecked","setInternalSwitchChecked","useState","Boolean","useEffect","useUniqueId","undefined","labelElementId","handleOnChange","useCallback","event","preventDefault","target","Box","sx","marginBlockEnd","Spacing2","disabled","type","readOnly","MemoizedSwitch","exports"],"sources":["../../src/Switch.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 ChangeEventHandler,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { SwitchProps as MuiSwitchProps, FormLabel } from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\nimport styled from \"@emotion/styled\";\n\nimport { Box } from \"./Box.js\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { CheckIcon } from \"./icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"./inputUtils.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { stripRem, toRem } from \"./remUtils.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst nonForwardedProps = [\n \"isChecked\",\n \"isDisabled\",\n \"isFullWidth\",\n \"isReadOnly\",\n \"odysseyDesignTokens\",\n];\n\nconst SwitchAndLabelContainer = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isFullWidth\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isFullWidth, odysseyDesignTokens }) => ({\n display: \"flex\",\n alignItems: \"flex-start\",\n justifyContent: \"space-between\",\n maxWidth: isFullWidth ? \"100%\" : odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nconst SwitchContainer = styled.div({\n position: \"relative\",\n});\n\nconst StyledSwitchLabel = styled(FormLabel, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchLabelComponentProps, \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n display: \"block\",\n margin: 0,\n color: odysseyDesignTokens.PaletteNeutralDark,\n\n ...(isDisabled && {\n color: odysseyDesignTokens.TypographyColorDisabled,\n p: {\n color: odysseyDesignTokens.TypographyColorDisabled,\n },\n a: {\n color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n },\n }),\n\n ...(isReadOnly && {\n color: odysseyDesignTokens.HueNeutral700,\n p: {\n color: odysseyDesignTokens.HueNeutral700,\n },\n a: {\n color: `${odysseyDesignTokens.HueNeutral700} !important`,\n },\n }),\n}));\n\nconst SwitchTrack = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"relative\",\n width: odysseyDesignTokens.Spacing7,\n height: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n borderRadius: odysseyDesignTokens.BorderRadiusOuter,\n backgroundColor: odysseyDesignTokens.HueNeutral300,\n transition: `background-color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral200,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral600,\n }),\n\n ...(isChecked &&\n !isDisabled &&\n !isReadOnly && {\n backgroundColor: odysseyDesignTokens.PaletteSuccessLight,\n }),\n}));\n\nconst SwitchThumb = styled(\"span\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => {\n const thumbOffset = toRem(3);\n const trackWidth = stripRem(odysseyDesignTokens.Spacing7);\n const thumbWidth = stripRem(odysseyDesignTokens.Spacing4) - toRem(2);\n const transformDistance = trackWidth - thumbWidth - thumbOffset 2;\n\n return {\n position: \"absolute\",\n top: \"50%\",\n left: `${thumbOffset}rem`,\n width: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n height: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n borderRadius: odysseyDesignTokens.BorderRadiusRound,\n backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n transform: \"translate3d(0, -50%, 0)\",\n transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral50,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral400,\n }),\n\n ...(isChecked && {\n transform: `translate3d(${transformDistance}rem, -50%, 0)`,\n }),\n };\n});\n\nconst SwitchCheckMark = styled(CheckIcon, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"absolute\",\n top: \"50%\",\n left: 3,\n width: odysseyDesignTokens.Spacing4,\n transform: \"translateY(-50%)\",\n transition: `opacity ${odysseyDesignTokens.TransitionDurationMain}`,\n opacity: 0,\n path: {\n fill: odysseyDesignTokens.HueNeutralWhite,\n },\n\n ...(isChecked && {\n opacity: 1,\n }),\n\n ...((isDisabled \|\| isReadOnly) && {\n path: {\n fill: odysseyDesignTokens.HueNeutral50,\n },\n }),\n}));\n\nconst HiddenCheckbox = styled.input<{\n odysseyDesignTokens: DesignTokens;\n isReadOnly?: boolean;\n}>(({ odysseyDesignTokens, isReadOnly }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n margin: 0,\n opacity: 0,\n cursor: isReadOnly ? \"default\" : \"pointer\",\n zIndex: 2,\n\n \"&:focus-visible\": {\n \"~ [data-switch-track='true']\": {\n boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,\n },\n },\n}));\n\ntype OnChangeCallbackArguments = {\n checked: boolean;\n value: string;\n};\n\nexport type SwitchProps = {\n /*\n The label text for the Switch\n /\n label: string;\n /\n The change event handler for the Switch\n /\n onChange?: ({ checked, value }: OnChangeCallbackArguments) => void;\n /\n The value attribute of the Switch\n /\n value: string;\n /\n Determines whether the Switch is read-only\n */\n isReadOnly?: boolean;\n} & Pick<\n FieldComponentProps,\n \"hint\" \| \"HintLinkComponent\" \| \"id\" \| \"isFullWidth\" \| \"isDisabled\" \| \"name\"\n> &\n Pick<CheckedFieldProps<MuiSwitchProps>, \"isChecked\" \| \"isDefaultChecked\"> &\n Pick<HtmlProps, \"testId\">;\n\ntype SwitchLabelComponentProps = {\n hint: SwitchProps[\"hint\"];\n hintId?: string;\n HintLinkComponent: SwitchProps[\"HintLinkComponent\"];\n inputId: string;\n isDisabled: SwitchProps[\"isDisabled\"];\n isFullWidth: SwitchProps[\"isFullWidth\"];\n label: SwitchProps[\"label\"];\n isReadOnly: SwitchProps[\"isReadOnly\"];\n};\n\nconst SwitchLabel = ({\n hint,\n hintId,\n HintLinkComponent,\n inputId,\n isDisabled,\n label,\n isReadOnly,\n}: SwitchLabelComponentProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n <StyledSwitchLabel\n htmlFor={inputId}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {label}\n {hint && (\n <FieldHint\n id={hintId}\n text={hint}\n LinkComponent={HintLinkComponent}\n />\n )}\n </StyledSwitchLabel>\n </>\n );\n};\n\nconst MemoizedSwitchLabel = memo(SwitchLabel);\nSwitchLabel.displayName = \"SwitchLabel\";\n\nconst Switch = ({\n hint,\n HintLinkComponent,\n id: idProp,\n isChecked,\n isDefaultChecked,\n isDisabled,\n isFullWidth = false,\n isReadOnly = false,\n label,\n name,\n onChange,\n testId,\n value,\n}: SwitchProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: isChecked,\n uncontrolledValue: isDefaultChecked,\n }),\n );\n const inputValues = useMemo(() => {\n if (controlledStateRef.current === CONTROLLED) {\n return { checked: isChecked };\n }\n return { defaultChecked: isDefaultChecked };\n }, [isDefaultChecked, isChecked]);\n\n const [internalSwitchChecked, setInternalSwitchChecked] = useState(\n controlledStateRef.current === CONTROLLED\n ? Boolean(isChecked)\n : Boolean(isDefaultChecked),\n );\n\n useEffect(() => {\n if (controlledStateRef.current === CONTROLLED) {\n setInternalSwitchChecked(Boolean(isChecked));\n }\n }, [isChecked]);\n\n const inputId = useUniqueId(idProp);\n\n const hintId = hint ? `${inputId}-hint` : undefined;\n const labelElementId = `${inputId}-label`;\n\n const handleOnChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n (event) => {\n if (isReadOnly) {\n event.preventDefault();\n return;\n }\n const target = event.target;\n const { checked, value } = target;\n setInternalSwitchChecked(checked);\n onChange?.({ checked, value });\n },\n [onChange, setInternalSwitchChecked, isReadOnly],\n );\n\n return (\n <Box\n sx={{\n marginBlockEnd: odysseyDesignTokens.Spacing2,\n \"&:last-child\": {\n marginBlockEnd: 0,\n },\n }}\n >\n <SwitchAndLabelContainer\n isFullWidth={isFullWidth}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <MemoizedSwitchLabel\n hint={hint}\n hintId={hintId}\n HintLinkComponent={HintLinkComponent}\n inputId={inputId}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n label={label}\n isReadOnly={isReadOnly}\n />\n <SwitchContainer>\n <HiddenCheckbox\n {...inputValues}\n aria-checked={internalSwitchChecked}\n aria-describedby={hintId}\n aria-label={\n internalSwitchChecked\n ? `${label}: ${t(\"switch.active\")}`\n : `${label}: ${t(\"switch.inactive\")}`\n }\n aria-labelledby={labelElementId}\n data-se={testId}\n disabled={isDisabled}\n id={inputId}\n name={name ?? inputId}\n onChange={handleOnChange}\n odysseyDesignTokens={odysseyDesignTokens}\n type=\"checkbox\"\n value={value}\n readOnly={isReadOnly}\n isReadOnly={isReadOnly}\n />\n <SwitchTrack\n data-switch-track\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <SwitchThumb\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n <SwitchCheckMark\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n </SwitchTrack>\n </SwitchContainer>\n </SwitchAndLabelContainer>\n </Box>\n );\n};\n\nconst MemoizedSwitch = memo(Switch);\nMemoizedSwitch.displayName = \"Switch\";\n\nexport { MemoizedSwitch as Switch };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,IAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAGA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,2BAAA,GAAAR,OAAA;AAIA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AAA+C,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAG,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA6BA,MAAM;EAAEG;AAAW,CAAC,GAAGC,oCAAwB;AAE/C,MAAMC,iBAAiB,GAAG,CACxB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,qBAAqB,CACtB;AAED,MAAMC,uBAAuB,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EAC5CC,iBAAiB,EAAGC,IAAI,IAAK,CAACJ,iBAAiB,CAACK,QAAQ,CAACD,IAAI;AAC/D,CAAC,CAAC,CAIA,CAAC;EAAEE,WAAW;EAAEC;AAAoB,CAAC,MAAM;EAC3CC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,eAAe;EAC/BC,QAAQ,EAAEL,WAAW,GAAG,MAAM,GAAGC,mBAAmB,CAACK;AACvD,CAAC,CAAC,CAAC;AAEH,MAAMC,eAAe,GAAGX,eAAM,CAACY,GAAG,CAAC;EACjCC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAG,IAAAd,eAAM,EAAAe,WAAA,CAAApB,OAAA,EAAY;EAC1CM,iBAAiB,EAAGC,IAAI,IAAK,CAACJ,iBAAiB,CAACK,QAAQ,CAACD,IAAI;AAC/D,CAAC,CAAC,CAIA,CAAC;EAAEc,UAAU;EAAEC,UAAU;EAAEZ;AAAoB,CAAC,MAAM;EACtDC,OAAO,EAAE,OAAO;EAChBY,MAAM,EAAE,CAAC;EACTC,KAAK,EAAEd,mBAAmB,CAACe,kBAAkB;EAE7C,IAAIJ,UAAU,IAAI;IAChBG,KAAK,EAAEd,mBAAmB,CAACgB,uBAAuB;IAClDC,CAAC,EAAE;MACDH,KAAK,EAAEd,mBAAmB,CAACgB;IAC7B,CAAC;IACDE,CAAC,EAAE;MACDJ,KAAK,EAAE,GAAGd,mBAAmB,CAACgB,uBAAuB;IACvD;EACF,CAAC,CAAC;EAEF,IAAIJ,UAAU,IAAI;IAChBE,KAAK,EAAEd,mBAAmB,CAACmB,aAAa;IACxCF,CAAC,EAAE;MACDH,KAAK,EAAEd,mBAAmB,CAACmB;IAC7B,CAAC;IACDD,CAAC,EAAE;MACDJ,KAAK,EAAE,GAAGd,mBAAmB,CAACmB,aAAa;IAC7C;EACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAMC,WAAW,GAAG,IAAAzB,eAAM,EAAC,KAAK,EAAE;EAChCC,iBAAiB,EAAGC,IAAI,IAAK,CAACJ,iBAAiB,CAACK,QAAQ,CAACD,IAAI;AAC/D,CAAC,CAAC,CAIA,CAAC;EAAEwB,SAAS;EAAEV,UAAU;EAAEC,UAAU;EAAEZ;AAAoB,CAAC,MAAM;EACjEQ,QAAQ,EAAE,UAAU;EACpBc,KAAK,EAAEtB,mBAAmB,CAACuB,QAAQ;EACnCC,MAAM,EAAE,QAAQxB,mBAAmB,CAACyB,QAAQ,MAAMzB,mBAAmB,CAAC0B,QAAQ,GAAG;EACjFC,YAAY,EAAE3B,mBAAmB,CAAC4B,iBAAiB;EACnDC,eAAe,EAAE7B,mBAAmB,CAAC8B,aAAa;EAClDC,UAAU,EAAE,oBAAoB/B,mBAAmB,CAACgC,sBAAsB,EAAE;EAE5E,IAAIrB,UAAU,IAAI;IAChBkB,eAAe,EAAE7B,mBAAmB,CAACiC;EACvC,CAAC,CAAC;EAEF,IAAIrB,UAAU,IAAI;IAChBiB,eAAe,EAAE7B,mBAAmB,CAACkC;EACvC,CAAC,CAAC;EAEF,IAAIb,SAAS,IACX,CAACV,UAAU,IACX,CAACC,UAAU,IAAI;IACbiB,eAAe,EAAE7B,mBAAmB,CAACmC;EACvC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,MAAMC,WAAW,GAAG,IAAAzC,eAAM,EAAC,MAAM,EAAE;EACjCC,iBAAiB,EAAGC,IAAI,IAAK,CAACJ,iBAAiB,CAACK,QAAQ,CAACD,IAAI;AAC/D,CAAC,CAAC,CAIA,CAAC;EAAEwB,SAAS;EAAEV,UAAU;EAAEC,UAAU;EAAEZ;AAAoB,CAAC,KAAK;EAChE,MAAMqC,WAAW,GAAG,IAAAC,eAAK,EAAC,CAAC,CAAC;EAC5B,MAAMC,UAAU,GAAG,IAAAC,kBAAQ,EAACxC,mBAAmB,CAACuB,QAAQ,CAAC;EACzD,MAAMkB,UAAU,GAAG,IAAAD,kBAAQ,EAACxC,mBAAmB,CAACyB,QAAQ,CAAC,GAAG,IAAAa,eAAK,EAAC,CAAC,CAAC;EACpE,MAAMI,iBAAiB,GAAGH,UAAU,GAAGE,UAAU,GAAGJ,WAAW,GAAG,CAAC;EAEnE,OAAO;IACL7B,QAAQ,EAAE,UAAU;IACpBmC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,GAAGP,WAAW,KAAK;IACzBf,KAAK,EAAE,QAAQtB,mBAAmB,CAACyB,QAAQ,MAAM,IAAAa,eAAK,EAAC,CAAC,CAAC,MAAM;IAC/Dd,MAAM,EAAE,QAAQxB,mBAAmB,CAACyB,QAAQ,MAAM,IAAAa,eAAK,EAAC,CAAC,CAAC,MAAM;IAChEX,YAAY,EAAE3B,mBAAmB,CAAC6C,iBAAiB;IACnDhB,eAAe,EAAE7B,mBAAmB,CAAC8C,eAAe;IACpDC,SAAS,EAAE,yBAAyB;IACpChB,UAAU,EAAE,aAAa/B,mBAAmB,CAACgC,sBAAsB,EAAE;IAErE,IAAIrB,UAAU,IAAI;MAChBkB,eAAe,EAAE7B,mBAAmB,CAACgD;IACvC,CAAC,CAAC;IAEF,IAAIpC,UAAU,IAAI;MAChBiB,eAAe,EAAE7B,mBAAmB,CAACiD;IACvC,CAAC,CAAC;IAEF,IAAI5B,SAAS,IAAI;MACf0B,SAAS,EAAE,eAAeL,iBAAiB;IAC7C,CAAC;EACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAMQ,eAAe,GAAG,IAAAvD,eAAM,EAACwD,gBAAS,EAAE;EACxCvD,iBAAiB,EAAGC,IAAI,IAAK,CAACJ,iBAAiB,CAACK,QAAQ,CAACD,IAAI;AAC/D,CAAC,CAAC,CAIA,CAAC;EAAEwB,SAAS;EAAEV,UAAU;EAAEC,UAAU;EAAEZ;AAAoB,CAAC,MAAM;EACjEQ,QAAQ,EAAE,UAAU;EACpBmC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE,CAAC;EACPtB,KAAK,EAAEtB,mBAAmB,CAACyB,QAAQ;EACnCsB,SAAS,EAAE,kBAAkB;EAC7BhB,UAAU,EAAE,WAAW/B,mBAAmB,CAACgC,sBAAsB,EAAE;EACnEoB,OAAO,EAAE,CAAC;EACVC,IAAI,EAAE;IACJC,IAAI,EAAEtD,mBAAmB,CAAC8C;EAC5B,CAAC;EAED,IAAIzB,SAAS,IAAI;IACf+B,OAAO,EAAE;EACX,CAAC,CAAC;EAEF,IAAI,CAACzC,UAAU,IAAIC,UAAU,KAAK;IAChCyC,IAAI,EAAE;MACJC,IAAI,EAAEtD,mBAAmB,CAACgD;IAC5B;EACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAMO,cAAc,GAAG5D,eAAM,CAAC6D,KAAK,CAGhC,CAAC;EAAExD,mBAAmB;EAAEY;AAAW,CAAC,MAAM;EAC3CJ,QAAQ,EAAE,UAAU;EACpBmC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPtB,KAAK,EAAE,MAAM;EACbE,MAAM,EAAE,MAAM;EACdX,MAAM,EAAE,CAAC;EACTuC,OAAO,EAAE,CAAC;EACVK,MAAM,EAAE7C,UAAU,GAAG,SAAS,GAAG,SAAS;EAC1C8C,MAAM,EAAE,CAAC;EAET,iBAAiB,EAAE;IACjB,8BAA8B,EAAE;MAC9BC,SAAS,EAAE,aAAa3D,mBAAmB,CAAC8C,eAAe,eAAe9C,mBAAmB,CAAC4D,kBAAkB;IAClH;EACF;AACF,CAAC,CAAC,CAAC;AA0CH,MAAMC,WAAW,GAAGA,CAAC;EACnBC,IAAI;EACJC,MAAM;EACNC,iBAAiB;EACjBC,OAAO;EACPtD,UAAU;EACVuD,KAAK;EACLtD;AACyB,CAAC,KAAK;EAC/B,MAAMZ,mBAAmB,GAAG,IAAAmE,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAAhF,WAAA,CAAAiF,GAAA,EAAAjF,WAAA,CAAAkF,QAAA;IAAAC,QAAA,EACE,IAAAnF,WAAA,CAAAoF,IAAA,EAAC9D,iBAAiB;MAChB+D,OAAO,EAAEP,OAAQ;MACjBtD,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBZ,mBAAmB,EAAEA,mBAAoB;MAAAsE,QAAA,GAExCJ,KAAK,EACLJ,IAAI,IACH,IAAA3E,WAAA,CAAAiF,GAAA,EAACvF,UAAA,CAAA4F,SAAS;QACRC,EAAE,EAAEX,MAAO;QACXY,IAAI,EAAEb,IAAK;QACXc,aAAa,EAAEZ;MAAkB,CAClC,CACF;IAAA,CACgB;EAAC,CACpB,CAAC;AAEP,CAAC;AAED,MAAMa,mBAAmB,GAAG,IAAAC,WAAI,EAACjB,WAAW,CAAC;AAC7CA,WAAW,CAACkB,WAAW,GAAG,aAAa;AAEvC,MAAMC,MAAM,GAAGA,CAAC;EACdlB,IAAI;EACJE,iBAAiB;EACjBU,EAAE,EAAEO,MAAM;EACV5D,SAAS;EACT6D,gBAAgB;EAChBvE,UAAU;EACVZ,WAAW,GAAG,KAAK;EACnBa,UAAU,GAAG,KAAK;EAClBsD,KAAK;EACLiB,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC;AACW,CAAC,KAAK;EACjB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAC9B,MAAMxF,mBAAmB,GAAG,IAAAmE,kDAAsB,EAAC,CAAC;EACpD,MAAMsB,kBAAkB,GAAG,IAAAC,aAAM,EAC/B,IAAAC,2BAAe,EAAC;IACdC,eAAe,EAAEvE,SAAS;IAC1BwE,iBAAiB,EAAEX;EACrB,CAAC,CACH,CAAC;EACD,MAAMY,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAIN,kBAAkB,CAACO,OAAO,KAAKzG,UAAU,EAAE;MAC7C,OAAO;QAAE0G,OAAO,EAAE5E;MAAU,CAAC;IAC/B;IACA,OAAO;MAAE6E,cAAc,EAAEhB;IAAiB,CAAC;EAC7C,CAAC,EAAE,CAACA,gBAAgB,EAAE7D,SAAS,CAAC,CAAC;EAEjC,MAAM,CAAC8E,qBAAqB,EAAEC,wBAAwB,CAAC,GAAG,IAAAC,eAAQ,EAChEZ,kBAAkB,CAACO,OAAO,KAAKzG,UAAU,GACrC+G,OAAO,CAACjF,SAAS,CAAC,GAClBiF,OAAO,CAACpB,gBAAgB,CAC9B,CAAC;EAED,IAAAqB,gBAAS,EAAC,MAAM;IACd,IAAId,kBAAkB,CAACO,OAAO,KAAKzG,UAAU,EAAE;MAC7C6G,wBAAwB,CAACE,OAAO,CAACjF,SAAS,CAAC,CAAC;IAC9C;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAM4C,OAAO,GAAG,IAAAuC,wBAAW,EAACvB,MAAM,CAAC;EAEnC,MAAMlB,MAAM,GAAGD,IAAI,GAAG,GAAGG,OAAO,OAAO,GAAGwC,SAAS;EACnD,MAAMC,cAAc,GAAG,GAAGzC,OAAO,QAAQ;EAEzC,MAAM0C,cAAc,GAAG,IAAAC,kBAAW,EAC/BC,KAAK,IAAK;IACT,IAAIjG,UAAU,EAAE;MACdiG,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACA,MAAMC,MAAM,GAAGF,KAAK,CAACE,MAAM;IAC3B,MAAM;MAAEd,OAAO;MAAEX;IAAM,CAAC,GAAGyB,MAAM;IACjCX,wBAAwB,CAACH,OAAO,CAAC;IACjCb,QAAQ,GAAG;MAAEa,OAAO;MAAEX;IAAM,CAAC,CAAC;EAChC,CAAC,EACD,CAACF,QAAQ,EAAEgB,wBAAwB,EAAExF,UAAU,CACjD,CAAC;EAED,OACE,IAAAzB,WAAA,CAAAiF,GAAA,EAACxF,IAAA,CAAAoI,GAAG;IACFC,EAAE,EAAE;MACFC,cAAc,EAAElH,mBAAmB,CAACmH,QAAQ;MAC5C,cAAc,EAAE;QACdD,cAAc,EAAE;MAClB;IACF,CAAE;IAAA5C,QAAA,EAEF,IAAAnF,WAAA,CAAAoF,IAAA,EAAC7E,uBAAuB;MACtBK,WAAW,EAAEA,WAAY;MACzBC,mBAAmB,EAAEA,mBAAoB;MAAAsE,QAAA,GAEzC,IAAAnF,WAAA,CAAAiF,GAAA,EAACS,mBAAmB;QAClBf,IAAI,EAAEA,IAAK;QACXC,MAAM,EAAEA,MAAO;QACfC,iBAAiB,EAAEA,iBAAkB;QACrCC,OAAO,EAAEA,OAAQ;QACjBtD,UAAU,EAAEA,UAAW;QACvBZ,WAAW,EAAEA,WAAY;QACzBmE,KAAK,EAAEA,KAAM;QACbtD,UAAU,EAAEA;MAAW,CACxB,CAAC,EACF,IAAAzB,WAAA,CAAAoF,IAAA,EAACjE,eAAe;QAAAgE,QAAA,GACd,IAAAnF,WAAA,CAAAiF,GAAA,EAACb,cAAc;UAAA,GACTuC,WAAW;UACf,gBAAcK,qBAAsB;UACpC,oBAAkBpC,MAAO;UACzB,cACEoC,qBAAqB,GACjB,GAAGjC,KAAK,KAAKqB,CAAC,CAAC,eAAe,CAAC,EAAE,GACjC,GAAGrB,KAAK,KAAKqB,CAAC,CAAC,iBAAiB,CAAC,EACtC;UACD,mBAAiBmB,cAAe;UAChC,WAASrB,MAAO;UAChB+B,QAAQ,EAAEzG,UAAW;UACrB+D,EAAE,EAAET,OAAQ;UACZkB,IAAI,EAAEA,IAAI,IAAIlB,OAAQ;UACtBmB,QAAQ,EAAEuB,cAAe;UACzB3G,mBAAmB,EAAEA,mBAAoB;UACzCqH,IAAI,EAAC,UAAU;UACf/B,KAAK,EAAEA,KAAM;UACbgC,QAAQ,EAAE1G,UAAW;UACrBA,UAAU,EAAEA;QAAW,CACxB,CAAC,EACF,IAAAzB,WAAA,CAAAoF,IAAA,EAACnD,WAAW;UACV,yBAAiB;UACjBC,SAAS,EAAE8E,qBAAsB;UACjCxF,UAAU,EAAEA,UAAW;UACvBC,UAAU,EAAEA,UAAW;UACvBZ,mBAAmB,EAAEA,mBAAoB;UAAAsE,QAAA,GAEzC,IAAAnF,WAAA,CAAAiF,GAAA,EAAChC,WAAW;YACVf,SAAS,EAAE8E,qBAAsB;YACjCxF,UAAU,EAAEA,UAAW;YACvBC,UAAU,EAAEA,UAAW;YACvBZ,mBAAmB,EAAEA;UAAoB,CAC1C,CAAC,EACF,IAAAb,WAAA,CAAAiF,GAAA,EAAClB,eAAe;YACd7B,SAAS,EAAE8E,qBAAsB;YACjCxF,UAAU,EAAEA,UAAW;YACvBC,UAAU,EAAEA,UAAW;YACvBZ,mBAAmB,EAAEA;UAAoB,CAC1C,CAAC;QAAA,CACS,CAAC;MAAA,CACC,CAAC;IAAA,CACK;EAAC,CACvB,CAAC;AAEV,CAAC;AAED,MAAMuH,cAAc,GAAAC,OAAA,CAAAxC,MAAA,GAAG,IAAAF,WAAI,EAACE,MAAM,CAAC;AACnCuC,cAAc,CAACxC,WAAW,GAAG,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"Switch.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_FieldHint","_index","_inputUtils","_OdysseyDesignTokensContext","_remUtils","_useUniqueId","_jsxRuntime","e","__esModule","default","CONTROLLED","ComponentControlledState","nonForwardedProps","SwitchAndLabelContainer","styled","shouldForwardProp","prop","includes","isFullWidth","odysseyDesignTokens","display","alignItems","justifyContent","maxWidth","TypographyLineLengthMax","SwitchContainer","div","position","StyledSwitchLabel","_FormLabel2","isDisabled","isReadOnly","margin","color","PaletteNeutralDark","TypographyColorDisabled","p","a","HueNeutral700","SwitchTrack","isChecked","width","Spacing7","height","Spacing4","Spacing1","borderRadius","BorderRadiusOuter","backgroundColor","HueNeutral300","transition","TransitionDurationMain","HueNeutral200","HueNeutral600","PaletteSuccessLight","SwitchThumb","thumbOffset","toRem","trackWidth","stripRem","thumbWidth","transformDistance","top","left","BorderRadiusRound","HueNeutralWhite","transform","HueNeutral50","HueNeutral400","SwitchCheckMark","CheckIcon","opacity","path","fill","HiddenCheckbox","input","cursor","zIndex","boxShadow","PalettePrimaryMain","SwitchLabel","hint","hintId","HintLinkComponent","inputId","label","useOdysseyDesignTokens","jsx","Fragment","children","jsxs","htmlFor","FieldHint","id","LinkComponent","text","MemoizedSwitchLabel","memo","displayName","Switch","idProp","isDefaultChecked","name","onChange","testId","value","t","useTranslation","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","checked","defaultChecked","internalSwitchChecked","setInternalSwitchChecked","useState","Boolean","useEffect","useUniqueId","undefined","labelElementId","handleOnChange","useCallback","event","preventDefault","target","Box","sx","marginBlockEnd","Spacing2","disabled","readOnly","type","MemoizedSwitch","exports"],"sources":["../../src/Switch.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 styled from \"@emotion/styled\";\nimport { FormLabel, SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport {\n ChangeEventHandler,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport { CheckIcon } from \"./icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"./inputUtils.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { stripRem, toRem } from \"./remUtils.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst nonForwardedProps = [\n \"isChecked\",\n \"isDisabled\",\n \"isFullWidth\",\n \"isReadOnly\",\n \"odysseyDesignTokens\",\n];\n\nconst SwitchAndLabelContainer = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isFullWidth\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isFullWidth, odysseyDesignTokens }) => ({\n display: \"flex\",\n alignItems: \"flex-start\",\n justifyContent: \"space-between\",\n maxWidth: isFullWidth ? \"100%\" : odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nconst SwitchContainer = styled.div({\n position: \"relative\",\n});\n\nconst StyledSwitchLabel = styled(FormLabel, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchLabelComponentProps, \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n display: \"block\",\n margin: 0,\n color: odysseyDesignTokens.PaletteNeutralDark,\n\n ...(isDisabled && {\n color: odysseyDesignTokens.TypographyColorDisabled,\n p: {\n color: odysseyDesignTokens.TypographyColorDisabled,\n },\n a: {\n color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n },\n }),\n\n ...(isReadOnly && {\n color: odysseyDesignTokens.HueNeutral700,\n p: {\n color: odysseyDesignTokens.HueNeutral700,\n },\n a: {\n color: `${odysseyDesignTokens.HueNeutral700} !important`,\n },\n }),\n}));\n\nconst SwitchTrack = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"relative\",\n width: odysseyDesignTokens.Spacing7,\n height: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n borderRadius: odysseyDesignTokens.BorderRadiusOuter,\n backgroundColor: odysseyDesignTokens.HueNeutral300,\n transition: `background-color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral200,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral600,\n }),\n\n ...(isChecked &&\n !isDisabled &&\n !isReadOnly && {\n backgroundColor: odysseyDesignTokens.PaletteSuccessLight,\n }),\n}));\n\nconst SwitchThumb = styled(\"span\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => {\n const thumbOffset = toRem(3);\n const trackWidth = stripRem(odysseyDesignTokens.Spacing7);\n const thumbWidth = stripRem(odysseyDesignTokens.Spacing4) - toRem(2);\n const transformDistance = trackWidth - thumbWidth - thumbOffset 2;\n\n return {\n position: \"absolute\",\n top: \"50%\",\n left: `${thumbOffset}rem`,\n width: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n height: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n borderRadius: odysseyDesignTokens.BorderRadiusRound,\n backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n transform: \"translate3d(0, -50%, 0)\",\n transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral50,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral400,\n }),\n\n ...(isChecked && {\n transform: `translate3d(${transformDistance}rem, -50%, 0)`,\n }),\n };\n});\n\nconst SwitchCheckMark = styled(CheckIcon, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"absolute\",\n top: \"50%\",\n left: 3,\n width: odysseyDesignTokens.Spacing4,\n transform: \"translateY(-50%)\",\n transition: `opacity ${odysseyDesignTokens.TransitionDurationMain}`,\n opacity: 0,\n path: {\n fill: odysseyDesignTokens.HueNeutralWhite,\n },\n\n ...(isChecked && {\n opacity: 1,\n }),\n\n ...((isDisabled \|\| isReadOnly) && {\n path: {\n fill: odysseyDesignTokens.HueNeutral50,\n },\n }),\n}));\n\nconst HiddenCheckbox = styled.input<{\n isReadOnly?: boolean;\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isReadOnly }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n margin: 0,\n opacity: 0,\n cursor: isReadOnly ? \"default\" : \"pointer\",\n zIndex: 2,\n\n \"&:focus-visible\": {\n \"~ [data-switch-track='true']\": {\n boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,\n },\n },\n}));\n\ntype OnChangeCallbackArguments = {\n checked: boolean;\n value: string;\n};\n\nexport type SwitchProps = {\n /*\n Determines whether the Switch is read-only\n /\n isReadOnly?: boolean;\n /\n The label text for the Switch\n /\n label: string;\n /\n The change event handler for the Switch\n /\n onChange?: ({ checked, value }: OnChangeCallbackArguments) => void;\n /\n The value attribute of the Switch\n */\n value: string;\n} & Pick<\n FieldComponentProps,\n \"hint\" \| \"HintLinkComponent\" \| \"id\" \| \"isFullWidth\" \| \"isDisabled\" \| \"name\"\n> &\n Pick<CheckedFieldProps<MuiSwitchProps>, \"isChecked\" \| \"isDefaultChecked\"> &\n Pick<HtmlProps, \"testId\">;\n\ntype SwitchLabelComponentProps = {\n hint: SwitchProps[\"hint\"];\n hintId?: string;\n HintLinkComponent: SwitchProps[\"HintLinkComponent\"];\n inputId: string;\n isDisabled: SwitchProps[\"isDisabled\"];\n isFullWidth: SwitchProps[\"isFullWidth\"];\n isReadOnly: SwitchProps[\"isReadOnly\"];\n label: SwitchProps[\"label\"];\n};\n\nconst SwitchLabel = ({\n hint,\n hintId,\n HintLinkComponent,\n inputId,\n isDisabled,\n label,\n isReadOnly,\n}: SwitchLabelComponentProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n <StyledSwitchLabel\n htmlFor={inputId}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {label}\n {hint && (\n <FieldHint\n id={hintId}\n LinkComponent={HintLinkComponent}\n text={hint}\n />\n )}\n </StyledSwitchLabel>\n </>\n );\n};\n\nconst MemoizedSwitchLabel = memo(SwitchLabel);\nSwitchLabel.displayName = \"SwitchLabel\";\n\nconst Switch = ({\n hint,\n HintLinkComponent,\n id: idProp,\n isChecked,\n isDefaultChecked,\n isDisabled,\n isFullWidth = false,\n isReadOnly = false,\n label,\n name,\n onChange,\n testId,\n value,\n}: SwitchProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: isChecked,\n uncontrolledValue: isDefaultChecked,\n }),\n );\n const inputValues = useMemo(() => {\n if (controlledStateRef.current === CONTROLLED) {\n return { checked: isChecked };\n }\n return { defaultChecked: isDefaultChecked };\n }, [isDefaultChecked, isChecked]);\n\n const [internalSwitchChecked, setInternalSwitchChecked] = useState(\n controlledStateRef.current === CONTROLLED\n ? Boolean(isChecked)\n : Boolean(isDefaultChecked),\n );\n\n useEffect(() => {\n if (controlledStateRef.current === CONTROLLED) {\n setInternalSwitchChecked(Boolean(isChecked));\n }\n }, [isChecked]);\n\n const inputId = useUniqueId(idProp);\n\n const hintId = hint ? `${inputId}-hint` : undefined;\n const labelElementId = `${inputId}-label`;\n\n const handleOnChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n (event) => {\n if (isReadOnly) {\n event.preventDefault();\n return;\n }\n const target = event.target;\n const { checked, value } = target;\n setInternalSwitchChecked(checked);\n onChange?.({ checked, value });\n },\n [onChange, setInternalSwitchChecked, isReadOnly],\n );\n\n return (\n <Box\n sx={{\n marginBlockEnd: odysseyDesignTokens.Spacing2,\n \"&:last-child\": {\n marginBlockEnd: 0,\n },\n }}\n >\n <SwitchAndLabelContainer\n isFullWidth={isFullWidth}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <MemoizedSwitchLabel\n hint={hint}\n hintId={hintId}\n HintLinkComponent={HintLinkComponent}\n inputId={inputId}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n isReadOnly={isReadOnly}\n label={label}\n />\n <SwitchContainer>\n <HiddenCheckbox\n {...inputValues}\n aria-checked={internalSwitchChecked}\n aria-describedby={hintId}\n aria-label={\n internalSwitchChecked\n ? `${label}: ${t(\"switch.active\")}`\n : `${label}: ${t(\"switch.inactive\")}`\n }\n aria-labelledby={labelElementId}\n data-se={testId}\n disabled={isDisabled}\n id={inputId}\n isReadOnly={isReadOnly}\n name={name ?? inputId}\n odysseyDesignTokens={odysseyDesignTokens}\n onChange={handleOnChange}\n readOnly={isReadOnly}\n type=\"checkbox\"\n value={value}\n />\n <SwitchTrack\n data-switch-track\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <SwitchThumb\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n <SwitchCheckMark\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n </SwitchTrack>\n </SwitchContainer>\n </SwitchAndLabelContainer>\n </Box>\n );\n};\n\nconst MemoizedSwitch = memo(Switch);\nMemoizedSwitch.displayName = \"Switch\";\n\nexport { MemoizedSwitch as Switch };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs.cjs CHANGED Viewed

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TabsTestSelector = exports.Tabs = void 0;
 var _Tab2 = _interopRequireDefault(require("@mui/material/Tab"));
-var _react = require("react");
 var _lab = require("@mui/lab");
+var _react = require("react");
 var _Badge = require("./Badge.cjs");
 var _Box = require("./Box.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
@@ -116,7 +116,6 @@ const Tabs = ({
       "data-se": testId,
       disabled: isDisabled,
       icon: startIcon,
-      tabIndex: 0,
       label: (0, _jsxRuntime.jsx)(TabLabel, {
         label: label,
         notificationCount: notificationCount,
@@ -124,16 +123,17 @@ const Tabs = ({
         tabState: tabState,
         value: value
       }),
+      tabIndex: 0,
       value: value ? value : index.toString()
     }, value ? value : index.toString());
   }, [tabState]);
   return (0, _jsxRuntime.jsxs)(_lab.TabContext, {
     value: tabState,
     children: [(0, _jsxRuntime.jsx)(_lab.TabList, {
-      onChange: onChange,
       "aria-label": ariaLabel,
-      variant: "scrollable",
+      onChange: onChange,
       scrollButtons: scrollButtons,
+      variant: "scrollable",
       children: tabs.map((tab, index) => renderTab(tab, index))
     }), tabs.map((tab, index) => (0, _jsxRuntime.jsx)(_lab.TabPanel, {
       value: tab.value ? tab.value : index.toString(),

package/dist/cjs/Tabs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.cjs","names":["_react","require","_lab","_Badge","_Box","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TabsTestSelector","exports","children","tabItem","elementSelector","method","options","label","role","TabLabel","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","useOdysseyDesignTokens","jsxs","Fragment","undefined","jsx","Box","sx","marginInlineStart","Spacing2","Badge","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","useState","scrollButtons","setScrollButtons","useCallback","event","useEffect","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab2","disabled","icon","tabIndex","toString","TabContext","TabList","variant","map","TabPanel","MemoizedTabs","memo","displayName"],"sources":["../../src/Tabs.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 ReactElement,\n ReactNode,\n memo,\n useCallback,\n useEffect,\n useState,\n} from \"react\";\nimport {\n TabContext as MuiTabContext,\n TabList as MuiTabList,\n TabListProps as MuiTabListProps,\n TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\n\nexport const TabsTestSelector = {\n children: {\n tabItem: {\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"tab\",\n },\n },\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"tablist\",\n },\n} as const satisfies TestSelector;\n\nexport type TabItemProps = {\n /\n The content of the Tab itself\n /\n children: ReactNode;\n /\n If `true`, the TabItem is disabled\n /\n isDisabled?: boolean;\n /\n The label text for the TabItem\n /\n label: string;\n /\n An optional icon to display at the start of the TabItem\n /\n startIcon?: ReactElement;\n /\n The value associated with the TabItem\n /\n value?: string;\n} & {\n notificationCount?: BadgeProps[\"badgeContent\"];\n notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nexport type TabsProps = {\n /\n @deprecated please use the `value` prop instead\n * When `value` is provided, `initialValue` isn't used.\n /\n initialValue?: string;\n /\n The TabItems to be included in the Tabs group\n /\n tabs: TabItemProps[];\n /\n Identifier for the selected tab.\n /\n value?: string;\n /\n Callback fired when the active tab is changed.\n /\n onChange?: MuiTabListProps[\"onChange\"];\n};\n\nconst TabLabel = ({\n label,\n notificationCount,\n notificationCountMax,\n tabState,\n value,\n}: Pick<\n TabItemProps,\n \"label\" \| \"notificationCount\" \| \"notificationCountMax\" \| \"value\"\n> & {\n tabState: string;\n}) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n {label}\n {notificationCount !== undefined && notificationCount > 0 && (\n <Box\n sx={{\n marginInlineStart: notificationCount\n ? odysseyDesignTokens.Spacing2\n : 0,\n }}\n >\n <Badge\n badgeContent={notificationCount}\n badgeContentMax={notificationCountMax}\n type={value === tabState ? \"attention\" : \"default\"}\n />\n </Box>\n )}\n </>\n );\n};\n\nconst Tabs = ({\n ariaLabel,\n initialValue,\n tabs,\n value,\n onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n /\n The scrollButtons prop is initially set to `false`.\n It's then reset to `auto` when the document is visible.\n This prevents a rare bug where scroll buttons appear\n when the component is rendered while hidden and the\n screen is wide enough to not need scroll buttons.\n */\n const [scrollButtons, setScrollButtons] =\n useState<MuiTabListProps[\"scrollButtons\"]>(false);\n const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n (event, value: string) => {\n setTabState(value);\n onChangeProp?.(event, value);\n },\n [onChangeProp],\n );\n\n useEffect(() => {\n if (value !== undefined) {\n setTabState(value);\n }\n }, [value]);\n\n // listen for visibility change to reset scroll buttons override\n useEffect(() => {\n // keep track of animation frame to cancel when needed\n let animationFrame: number;\n\n // called when unmounted or scroll buttons is reset\n const cleanup = () => {\n cancelAnimationFrame(animationFrame);\n document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n };\n\n // Reset the scroll buttons override when the document becomes visible.\n // If called, then the document is hidden because the event listener\n // is only registered if the document is hidden\n function refreshScrollButtons() {\n animationFrame = requestAnimationFrame(() => {\n cleanup();\n setScrollButtons(\"auto\");\n });\n }\n\n // don't override scroll buttons if it's already set to \"auto\"\n if (scrollButtons !== \"auto\") {\n document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n }\n return () => {\n cleanup();\n };\n }, [scrollButtons]);\n\n const renderTab = useCallback(\n (tab: TabItemProps, index: number) => {\n const {\n testId,\n isDisabled,\n label,\n startIcon,\n value,\n notificationCount,\n notificationCountMax,\n } = tab;\n\n return (\n <MuiTab\n data-se={testId}\n disabled={isDisabled}\n icon={startIcon}\n tabIndex={0}\n label={\n <TabLabel\n label={label}\n notificationCount={notificationCount}\n notificationCountMax={notificationCountMax}\n tabState={tabState}\n value={value}\n />\n }\n value={value ? value : index.toString()}\n key={value ? value : index.toString()}\n />\n );\n },\n [tabState],\n );\n\n return (\n <MuiTabContext value={tabState}>\n <MuiTabList\n onChange={onChange}\n aria-label={ariaLabel}\n variant=\"scrollable\"\n scrollButtons={scrollButtons}\n >\n {tabs.map((tab, index) => renderTab(tab, index))}\n </MuiTabList>\n {tabs.map((tab, index) => (\n <MuiTabPanel\n value={tab.value ? tab.value : index.toString()}\n key={tab.value ? tab.value : index.toString()}\n >\n {tab.children}\n </MuiTabPanel>\n ))}\n </MuiTabContext>\n );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,IAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAEA,IAAAI,2BAAA,GAAAJ,OAAA;AAAyE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA/BzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,eAAe,EAAE;QACfC,MAAM,EAAE,QAAQ;QAChBC,OAAO,EAAE;UACPC,KAAK,EAAE;QACT,CAAC;QACDC,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDJ,eAAe,EAAE;IACfC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;EACR;AACF,CAAiC;AAgDjC,MAAMC,QAAQ,GAAGA,CAAC;EAChBF,KAAK;EACLG,iBAAiB;EACjBC,oBAAoB;EACpBC,QAAQ;EACRC;AAMF,CAAC,KAAK;EACJ,MAAMC,mBAAmB,GAAG,IAAAC,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAAArB,WAAA,CAAAsB,QAAA;IAAAf,QAAA,GACGK,KAAK,EACLG,iBAAiB,KAAKQ,SAAS,IAAIR,iBAAiB,GAAG,CAAC,IACvD,IAAAf,WAAA,CAAAwB,GAAA,EAAC1B,IAAA,CAAA2B,GAAG;MACFC,EAAE,EAAE;QACFC,iBAAiB,EAAEZ,iBAAiB,GAChCI,mBAAmB,CAACS,QAAQ,GAC5B;MACN,CAAE;MAAArB,QAAA,EAEF,IAAAP,WAAA,CAAAwB,GAAA,EAAC3B,MAAA,CAAAgC,KAAK;QACJC,YAAY,EAAEf,iBAAkB;QAChCgB,eAAe,EAAEf,oBAAqB;QACtCgB,IAAI,EAAEd,KAAK,KAAKD,QAAQ,GAAG,WAAW,GAAG;MAAU,CACpD;IAAC,CACC,CACN;EAAA,CACD,CAAC;AAEP,CAAC;AAED,MAAMgB,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,YAAY;EACZC,IAAI;EACJlB,KAAK;EACLmB,QAAQ,EAAEC;AAC8B,CAAC,KAAK;EAC9C,MAAM,CAACrB,QAAQ,EAAEsB,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACL,YAAY,IAAIjB,KAAK,IAAI,GAAG,CAAC;EAQtE,MAAM,CAACuB,aAAa,EAAEC,gBAAgB,CAAC,GACrC,IAAAF,eAAQ,EAAmC,KAAK,CAAC;EACnD,MAAMH,QAAQ,GAAG,IAAAM,kBAAW,EAC1B,CAACC,KAAK,EAAE1B,KAAa,KAAK;IACxBqB,WAAW,CAACrB,KAAK,CAAC;IAClBoB,YAAY,GAAGM,KAAK,EAAE1B,KAAK,CAAC;EAC9B,CAAC,EACD,CAACoB,YAAY,CACf,CAAC;EAED,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI3B,KAAK,KAAKK,SAAS,EAAE;MACvBgB,WAAW,CAACrB,KAAK,CAAC;IACpB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAGX,IAAA2B,gBAAS,EAAC,MAAM;IAEd,IAAIC,cAAsB;IAG1B,MAAMC,OAAO,GAAGA,CAAA,KAAM;MACpBC,oBAAoB,CAACF,cAAc,CAAC;MACpCG,QAAQ,CAACC,mBAAmB,CAAC,kBAAkB,EAAEC,oBAAoB,CAAC;IACxE,CAAC;IAKD,SAASA,oBAAoBA,CAAA,EAAG;MAC9BL,cAAc,GAAGM,qBAAqB,CAAC,MAAM;QAC3CL,OAAO,CAAC,CAAC;QACTL,gBAAgB,CAAC,MAAM,CAAC;MAC1B,CAAC,CAAC;IACJ;IAGA,IAAID,aAAa,KAAK,MAAM,EAAE;MAC5BQ,QAAQ,CAACI,gBAAgB,CAAC,kBAAkB,EAAEF,oBAAoB,CAAC;IACrE;IACA,OAAO,MAAM;MACXJ,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,CAACN,aAAa,CAAC,CAAC;EAEnB,MAAMa,SAAS,GAAG,IAAAX,kBAAW,EAC3B,CAACY,GAAiB,EAAEC,KAAa,KAAK;IACpC,MAAM;MACJC,MAAM;MACNC,UAAU;MACV9C,KAAK;MACL+C,SAAS;MACTzC,KAAK;MACLH,iBAAiB;MACjBC;IACF,CAAC,GAAGuC,GAAG;IAEP,OACE,IAAAvD,WAAA,CAAAwB,GAAA,EAAAoC,KAAA,CAAAxD,OAAA;MACE,WAASqD,MAAO;MAChBI,QAAQ,EAAEH,UAAW;MACrBI,IAAI,EAAEH,SAAU;MAChBI,QAAQ,EAAE,CAAE;MACZnD,KAAK,EACH,IAAAZ,WAAA,CAAAwB,GAAA,EAACV,QAAQ;QACPF,KAAK,EAAEA,KAAM;QACbG,iBAAiB,EAAEA,iBAAkB;QACrCC,oBAAoB,EAAEA,oBAAqB;QAC3CC,QAAQ,EAAEA,QAAS;QACnBC,KAAK,EAAEA;MAAM,CACd,CACF;MACDA,KAAK,EAAEA,KAAK,GAAGA,KAAK,GAAGsC,KAAK,CAACQ,QAAQ,CAAC;IAAE,GACnC9C,KAAK,GAAGA,KAAK,GAAGsC,KAAK,CAACQ,QAAQ,CAAC,CACrC,CAAC;EAEN,CAAC,EACD,CAAC/C,QAAQ,CACX,CAAC;EAED,OACE,IAAAjB,WAAA,CAAAqB,IAAA,EAACzB,IAAA,CAAAqE,UAAa;IAAC/C,KAAK,EAAED,QAAS;IAAAV,QAAA,GAC7B,IAAAP,WAAA,CAAAwB,GAAA,EAAC5B,IAAA,CAAAsE,OAAU;MACT7B,QAAQ,EAAEA,QAAS;MACnB,cAAYH,SAAU;MACtBiC,OAAO,EAAC,YAAY;MACpB1B,aAAa,EAAEA,aAAc;MAAAlC,QAAA,EAE5B6B,IAAI,CAACgC,GAAG,CAAC,CAACb,GAAG,EAAEC,KAAK,KAAKF,SAAS,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAC,CACtC,CAAC,EACZpB,IAAI,CAACgC,GAAG,CAAC,CAACb,GAAG,EAAEC,KAAK,KACnB,IAAAxD,WAAA,CAAAwB,GAAA,EAAC5B,IAAA,CAAAyE,QAAW;MACVnD,KAAK,EAAEqC,GAAG,CAACrC,KAAK,GAAGqC,GAAG,CAACrC,KAAK,GAAGsC,KAAK,CAACQ,QAAQ,CAAC,CAAE;MAAAzD,QAAA,EAG/CgD,GAAG,CAAChD;IAAQ,GAFRgD,GAAG,CAACrC,KAAK,GAAGqC,GAAG,CAACrC,KAAK,GAAGsC,KAAK,CAACQ,QAAQ,CAAC,CAGjC,CACd,CAAC;EAAA,CACW,CAAC;AAEpB,CAAC;AAED,MAAMM,YAAY,GAAAhE,OAAA,CAAA2B,IAAA,GAAG,IAAAsC,WAAI,EAACtC,IAAI,CAAC;AAC/BqC,YAAY,CAACE,WAAW,GAAG,MAAM","ignoreList":[]}
1	+ {"version":3,"file":"Tabs.cjs","names":["_lab","require","_react","_Badge","_Box","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TabsTestSelector","exports","children","tabItem","elementSelector","method","options","label","role","TabLabel","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","useOdysseyDesignTokens","jsxs","Fragment","undefined","jsx","Box","sx","marginInlineStart","Spacing2","Badge","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","useState","scrollButtons","setScrollButtons","useCallback","event","useEffect","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab2","disabled","icon","tabIndex","toString","TabContext","TabList","variant","map","TabPanel","MemoizedTabs","memo","displayName"],"sources":["../../src/Tabs.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 TabContext as MuiTabContext,\n TabList as MuiTabList,\n TabListProps as MuiTabListProps,\n TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n memo,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useState,\n} from \"react\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\n\nexport const TabsTestSelector = {\n children: {\n tabItem: {\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"tab\",\n },\n },\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"tablist\",\n },\n} as const satisfies TestSelector;\n\nexport type TabItemProps = {\n /\n The content of the Tab itself\n /\n children: ReactNode;\n /\n If `true`, the TabItem is disabled\n /\n isDisabled?: boolean;\n /\n The label text for the TabItem\n /\n label: string;\n /\n An optional icon to display at the start of the TabItem\n /\n startIcon?: ReactElement;\n /\n The value associated with the TabItem\n /\n value?: string;\n} & {\n notificationCount?: BadgeProps[\"badgeContent\"];\n notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nexport type TabsProps = {\n /\n @deprecated please use the `value` prop instead\n * When `value` is provided, `initialValue` isn't used.\n /\n initialValue?: string;\n /\n Callback fired when the active tab is changed.\n /\n onChange?: MuiTabListProps[\"onChange\"];\n /\n The TabItems to be included in the Tabs group\n /\n tabs: TabItemProps[];\n /\n Identifier for the selected tab.\n /\n value?: string;\n};\n\nconst TabLabel = ({\n label,\n notificationCount,\n notificationCountMax,\n tabState,\n value,\n}: Pick<\n TabItemProps,\n \"label\" \| \"notificationCount\" \| \"notificationCountMax\" \| \"value\"\n> & {\n tabState: string;\n}) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n {label}\n {notificationCount !== undefined && notificationCount > 0 && (\n <Box\n sx={{\n marginInlineStart: notificationCount\n ? odysseyDesignTokens.Spacing2\n : 0,\n }}\n >\n <Badge\n badgeContent={notificationCount}\n badgeContentMax={notificationCountMax}\n type={value === tabState ? \"attention\" : \"default\"}\n />\n </Box>\n )}\n </>\n );\n};\n\nconst Tabs = ({\n ariaLabel,\n initialValue,\n tabs,\n value,\n onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n /\n The scrollButtons prop is initially set to `false`.\n It's then reset to `auto` when the document is visible.\n This prevents a rare bug where scroll buttons appear\n when the component is rendered while hidden and the\n screen is wide enough to not need scroll buttons.\n */\n const [scrollButtons, setScrollButtons] =\n useState<MuiTabListProps[\"scrollButtons\"]>(false);\n const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n (event, value: string) => {\n setTabState(value);\n onChangeProp?.(event, value);\n },\n [onChangeProp],\n );\n\n useEffect(() => {\n if (value !== undefined) {\n setTabState(value);\n }\n }, [value]);\n\n // listen for visibility change to reset scroll buttons override\n useEffect(() => {\n // keep track of animation frame to cancel when needed\n let animationFrame: number;\n\n // called when unmounted or scroll buttons is reset\n const cleanup = () => {\n cancelAnimationFrame(animationFrame);\n document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n };\n\n // Reset the scroll buttons override when the document becomes visible.\n // If called, then the document is hidden because the event listener\n // is only registered if the document is hidden\n function refreshScrollButtons() {\n animationFrame = requestAnimationFrame(() => {\n cleanup();\n setScrollButtons(\"auto\");\n });\n }\n\n // don't override scroll buttons if it's already set to \"auto\"\n if (scrollButtons !== \"auto\") {\n document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n }\n return () => {\n cleanup();\n };\n }, [scrollButtons]);\n\n const renderTab = useCallback(\n (tab: TabItemProps, index: number) => {\n const {\n testId,\n isDisabled,\n label,\n startIcon,\n value,\n notificationCount,\n notificationCountMax,\n } = tab;\n\n return (\n <MuiTab\n data-se={testId}\n disabled={isDisabled}\n icon={startIcon}\n key={value ? value : index.toString()}\n label={\n <TabLabel\n label={label}\n notificationCount={notificationCount}\n notificationCountMax={notificationCountMax}\n tabState={tabState}\n value={value}\n />\n }\n tabIndex={0}\n value={value ? value : index.toString()}\n />\n );\n },\n [tabState],\n );\n\n return (\n <MuiTabContext value={tabState}>\n <MuiTabList\n aria-label={ariaLabel}\n onChange={onChange}\n scrollButtons={scrollButtons}\n variant=\"scrollable\"\n >\n {tabs.map((tab, index) => renderTab(tab, index))}\n </MuiTabList>\n {tabs.map((tab, index) => (\n <MuiTabPanel\n key={tab.value ? tab.value : index.toString()}\n value={tab.value ? tab.value : index.toString()}\n >\n {tab.children}\n </MuiTabPanel>\n ))}\n </MuiTabContext>\n );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tag.cjs CHANGED Viewed

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tagSizeValues = exports.tagColorVariants = exports.Tag = void 0;
 var _Chip2 = _interopRequireDefault(require("@mui/material/Chip"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
 var _index = require("./icons.generated/index.cjs");
 var _MuiPropsContext = require("./MuiPropsContext.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _TagListContext = require("./TagListContext.cjs");
 var _useContrastMode = require("./useContrastMode.cjs");
-var _reactI18next = require("react-i18next");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!