@okta/odyssey-react-mui 1.53.0 → 1.55.0

package/dist/esm/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["styled","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","Field","CheckIcon","CloseCircleFilledIcon","ComponentControlledState","getControlState","useInputValues","useOdysseyDesignTokens","normalizedKey","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SelectContainer","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","alignItems","display","insetBlockEnd","insetBlockStart","insetInlineEnd","insetInlineStart","marginInlineStart","BorderWidthMain","opacity","pointerEvents","position","NonInteractiveIcon","fontSize","marginBlockEnd","marginInlineEnd","Spacing1","Spacing2","ChipsInnerContainer","_Box","isInteractive","isReadOnly","flexWrap","gap","marginBlock","minHeight","Spacing6","CONTROLLED","Select","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","options","testId","translate","value","selectRef","undefined","controlledStateRef","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","current","localInputRef","focus","inputValues","controlState","event","child","preventDefault","target","split","normalizedOptions","normalizedOptionsMap","map","option","text","type","lang","language","Map","removeSelectedValue","selectedValue","Array","isArray","newValue","filter","internalSelectedValue","syntheticEvent","Chips","ariaLabel","stopPropagation","hasNonInteractiveIcon","role","children","item","length","_Chip","deleteIcon","onMouseDown","sx","get","onDelete","tabIndex","renderedOptions","index","_ListSubheader","isSelected","includes","_MenuItem","selected","_Checkbox","checked","_ListItemSecondaryAction","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select","displayEmpty","inputProps","readOnly","el","labelId","MenuProps","maxHeight","multiple","fieldType","hasVisibleLabel","MemoizedSelect","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 { normalizedKey } from \"./useNormalizedKey.js\";\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      ariaLabel,\n      isInteractive,\n      isReadOnly,\n    }: {\n      ariaLabel?: string;\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            aria-label={ariaLabel}\n            isInteractive={isInteractive}\n            isReadOnly={isReadOnly}\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"list\"\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                    role=\"listitem\"\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\n                ariaLabel=\"Selected options\"\n                isInteractive={!isReadOnly}\n                isReadOnly={isReadOnly}\n              />\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":[]}
+{"version":3,"file":"Select.js","names":["styled","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","Field","CheckIcon","CloseCircleFilledIcon","ComponentControlledState","getControlState","useInputValues","useOdysseyDesignTokens","normalizedKey","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SelectContainer","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","alignItems","display","insetBlockEnd","insetBlockStart","insetInlineEnd","insetInlineStart","marginInlineStart","BorderWidthMain","opacity","pointerEvents","position","NonInteractiveIcon","fontSize","marginBlockEnd","marginInlineEnd","Spacing1","Spacing2","ChipsInnerContainer","_Box","isVisible","flexWrap","gap","marginBlock","minHeight","Spacing6","CONTROLLED","Select","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","options","testId","translate","value","selectRef","undefined","controlledStateRef","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","current","localInputRef","focus","inputValues","controlState","event","child","preventDefault","target","split","normalizedOptions","normalizedOptionsMap","map","option","text","type","lang","language","Map","removeSelectedValue","selectedValue","Array","isArray","newValue","filter","internalSelectedValue","syntheticEvent","Chips","ariaLabel","isDismissable","stopPropagation","hasNonInteractiveIcon","role","children","item","length","_Chip","deleteIcon","onMouseDown","sx","get","onDelete","tabIndex","renderedOptions","index","_ListSubheader","isSelected","includes","_MenuItem","selected","_Checkbox","checked","_ListItemSecondaryAction","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select","displayEmpty","inputProps","readOnly","el","labelId","MenuProps","maxHeight","multiple","fieldType","hasVisibleLabel","MemoizedSelect","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 { normalizedKey } from \"./useNormalizedKey.js\";\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\" && prop !== \"isVisible\",\n})<{\n  isVisible?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isVisible, 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: isVisible ? 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 (isDisabled || 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, isDisabled, 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      ariaLabel,\n      isDismissable,\n      isVisible,\n    }: {\n      ariaLabel?: string;\n      isDismissable: boolean;\n      isVisible?: boolean;\n    }) => {\n      const stopPropagation = (event: React.MouseEvent<SVGSVGElement>) =>\n        event.stopPropagation();\n\n      const hasNonInteractiveIcon =\n        !isDismissable &&\n        !isVisible &&\n        controlledStateRef.current === CONTROLLED &&\n        hasMultipleChoices;\n\n      return (\n        Array.isArray(internalSelectedValues) && (\n          <ChipsInnerContainer\n            aria-label={ariaLabel}\n            isVisible={isVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"list\"\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                      isDismissable && controlledStateRef.current === CONTROLLED\n                        ? () => removeSelectedValue(item)\n                        : undefined\n                    }\n                    role=\"listitem\"\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 isDismissable={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\n                ariaLabel=\"Selected options\"\n                isDismissable={!isReadOnly && !isDisabled}\n                isVisible\n              />\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/esm/__internal.js

@@ -23,6 +23,8 @@ export * from "./DatePickers/DateFieldLocalizationProvider.js";
 export * from "./FileUploader/FileUploader.js";
 export * from "./FileUploader/FileUploadIllustration.js";
 export * from "./FileUploader/FileUploadPreview.js";
+export * from "./FullScreenOverlay.js";
+export * from "./FullScreenOverlayContext.js";
 export * from "./labs/DataFilters.js";
 export * from "./labs/DataView/BulkActionsMenu.js";
 export * from "./labs/DataView/CardLayoutContent.js";

package/dist/esm/__internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"__internal.js","names":[],"sources":["../../src/__internal.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\n/**\n * Internal exports for all components, utilities, and types.\n * This module provides access to internal/unexported items for advanced use cases.\n * These exports are not part of the stable public API and may change without notice.\n */\n\nexport * from \"./Field.js\";\nexport * from \"./HtmlProps.js\";\nexport * from \"./inputUtils.js\";\n\n// Badge\nexport * from \"./Badge.js\";\n// Buttons\nexport * from \"./Buttons/BaseButton.js\";\nexport * from \"./Buttons/BaseMenuButton.js\";\n// ConditionalWrapper\nexport * from \"./ConditionalWrapper.js\";\n// DataView & DataTable\nexport * from \"./DataTable/useRowReordering.js\";\nexport * from \"./DataTable/useScrollIndication.js\";\n// DatePickers\nexport * from \"./DatePickers/DateField.js\";\nexport * from \"./DatePickers/DateFieldActionBar.js\";\nexport * from \"./DatePickers/DateFieldLocalizationProvider.js\";\n// FileUploader\nexport * from \"./FileUploader/FileUploader.js\";\nexport * from \"./FileUploader/FileUploadIllustration.js\";\nexport * from \"./FileUploader/FileUploadPreview.js\";\nexport * from \"./labs/DataFilters.js\";\nexport * from \"./labs/DataView/BulkActionsMenu.js\";\nexport * from \"./labs/DataView/CardLayoutContent.js\";\nexport * from \"./labs/DataView/constants.js\";\nexport * from \"./labs/DataView/DataCard.js\";\nexport * from \"./labs/DataView/fetchData.js\";\nexport * from \"./labs/DataView/LayoutSwitcher.js\";\nexport * from \"./labs/DataView/RowActions.js\";\nexport * from \"./labs/DataView/tableConstants.js\";\nexport * from \"./labs/DataView/TableLayoutContent.js\";\nexport * from \"./labs/DataView/TableSettings.js\";\nexport * from \"./labs/DataView/testSupportData.js\";\nexport * from \"./labs/DataView/useFilterConversion.js\";\n// Odyssey Pickers\nexport * from \"./labs/OdysseyPickers/ComposablePicker.js\";\n// OdysseyDesignTokensContext\nexport * from \"./OdysseyDesignTokensContext.js\";\n// SearchField\nexport * from \"./SearchField.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,cAAc,YAAY;AAC1B,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAG/B,cAAc,YAAY;AAE1B,cAAc,yBAAyB;AACvC,cAAc,6BAA6B;AAE3C,cAAc,yBAAyB;AAEvC,cAAc,iCAAiC;AAC/C,cAAc,oCAAoC;AAElD,cAAc,4BAA4B;AAC1C,cAAc,qCAAqC;AACnD,cAAc,gDAAgD;AAE9D,cAAc,gCAAgC;AAC9C,cAAc,0CAA0C;AACxD,cAAc,qCAAqC;AACnD,cAAc,uBAAuB;AACrC,cAAc,oCAAoC;AAClD,cAAc,sCAAsC;AACpD,cAAc,8BAA8B;AAC5C,cAAc,6BAA6B;AAC3C,cAAc,8BAA8B;AAC5C,cAAc,mCAAmC;AACjD,cAAc,+BAA+B;AAC7C,cAAc,mCAAmC;AACjD,cAAc,uCAAuC;AACrD,cAAc,kCAAkC;AAChD,cAAc,oCAAoC;AAClD,cAAc,wCAAwC;AAEtD,cAAc,2CAA2C;AAEzD,cAAc,iCAAiC;AAE/C,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"file":"__internal.js","names":[],"sources":["../../src/__internal.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\n/**\n * Internal exports for all components, utilities, and types.\n * This module provides access to internal/unexported items for advanced use cases.\n * These exports are not part of the stable public API and may change without notice.\n */\n\nexport * from \"./Field.js\";\nexport * from \"./HtmlProps.js\";\nexport * from \"./inputUtils.js\";\n\n// Badge\nexport * from \"./Badge.js\";\n// Buttons\nexport * from \"./Buttons/BaseButton.js\";\nexport * from \"./Buttons/BaseMenuButton.js\";\n// ConditionalWrapper\nexport * from \"./ConditionalWrapper.js\";\n// DataView & DataTable\nexport * from \"./DataTable/useRowReordering.js\";\nexport * from \"./DataTable/useScrollIndication.js\";\n// DatePickers\nexport * from \"./DatePickers/DateField.js\";\nexport * from \"./DatePickers/DateFieldActionBar.js\";\nexport * from \"./DatePickers/DateFieldLocalizationProvider.js\";\n// FileUploader\nexport * from \"./FileUploader/FileUploader.js\";\nexport * from \"./FileUploader/FileUploadIllustration.js\";\nexport * from \"./FileUploader/FileUploadPreview.js\";\n// FullScreenOverlay\nexport * from \"./FullScreenOverlay.js\";\nexport * from \"./FullScreenOverlayContext.js\";\n// Miscellaneous Labs\nexport * from \"./labs/DataFilters.js\";\nexport * from \"./labs/DataView/BulkActionsMenu.js\";\nexport * from \"./labs/DataView/CardLayoutContent.js\";\nexport * from \"./labs/DataView/constants.js\";\nexport * from \"./labs/DataView/DataCard.js\";\nexport * from \"./labs/DataView/fetchData.js\";\nexport * from \"./labs/DataView/LayoutSwitcher.js\";\nexport * from \"./labs/DataView/RowActions.js\";\nexport * from \"./labs/DataView/tableConstants.js\";\nexport * from \"./labs/DataView/TableLayoutContent.js\";\nexport * from \"./labs/DataView/TableSettings.js\";\nexport * from \"./labs/DataView/testSupportData.js\";\nexport * from \"./labs/DataView/useFilterConversion.js\";\n// Odyssey Pickers\nexport * from \"./labs/OdysseyPickers/ComposablePicker.js\";\n// OdysseyDesignTokensContext\nexport * from \"./OdysseyDesignTokensContext.js\";\n// SearchField\nexport * from \"./SearchField.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,cAAc,YAAY;AAC1B,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAG/B,cAAc,YAAY;AAE1B,cAAc,yBAAyB;AACvC,cAAc,6BAA6B;AAE3C,cAAc,yBAAyB;AAEvC,cAAc,iCAAiC;AAC/C,cAAc,oCAAoC;AAElD,cAAc,4BAA4B;AAC1C,cAAc,qCAAqC;AACnD,cAAc,gDAAgD;AAE9D,cAAc,gCAAgC;AAC9C,cAAc,0CAA0C;AACxD,cAAc,qCAAqC;AAEnD,cAAc,wBAAwB;AACtC,cAAc,+BAA+B;AAE7C,cAAc,uBAAuB;AACrC,cAAc,oCAAoC;AAClD,cAAc,sCAAsC;AACpD,cAAc,8BAA8B;AAC5C,cAAc,6BAA6B;AAC3C,cAAc,8BAA8B;AAC5C,cAAc,mCAAmC;AACjD,cAAc,+BAA+B;AAC7C,cAAc,mCAAmC;AACjD,cAAc,uCAAuC;AACrD,cAAc,kCAAkC;AAChD,cAAc,oCAAoC;AAClD,cAAc,wCAAwC;AAEtD,cAAc,2CAA2C;AAEzD,cAAc,iCAAiC;AAE/C,cAAc,kBAAkB","ignoreList":[]}

package/dist/esm/i18n.generated/i18n.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2026-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.

package/dist/esm/i18n.generated/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","names":["getTranslationServices","resources","defaultLanguageCode","namespace","i18n","Trans","TranslationProvider","useTranslation","translate","t","bind"],"sources":["../../../src/i18n.generated/i18n.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-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\n/*\n *************************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `odyssey-cli i18n generate` SCRIPT.  *\n *************************************************************************************\n */\n\nimport {\n  getTranslationServices,\n  TypedTFunction,\n} from \"@okta/odyssey-contribution-tooling\";\n\nimport { resources } from \"./i18n.resources.js\";\nimport {\n  defaultLanguageCode,\n  i18nResourceType,\n  namespace,\n} from \"./i18n.types.js\";\n\nexport type * from \"@okta/odyssey-contribution-tooling\";\n\nexport const { i18n, Trans, TranslationProvider, useTranslation } =\n  getTranslationServices({\n    defaultLanguageCode,\n    namespace,\n    resources,\n  });\n\nexport const translate = i18n.t.bind(i18n) as TypedTFunction<i18nResourceType>;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,SACEA,sBAAsB,QAEjB,oCAAoC;AAE3C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SACEC,mBAAmB,EAEnBC,SAAS,QACJ,iBAAiB;AAIxB,OAAO,MAAM;EAAEC,IAAI;EAAEC,KAAK;EAAEC,mBAAmB;EAAEC;AAAe,CAAC,GAC/DP,sBAAsB,CAAC;EACrBE,mBAAmB;EACnBC,SAAS;EACTF;AACF,CAAC,CAAC;AAEJ,OAAO,MAAMO,SAAS,GAAGJ,IAAI,CAACK,CAAC,CAACC,IAAI,CAACN,IAAI,CAAqC","ignoreList":[]}
+{"version":3,"file":"i18n.js","names":["getTranslationServices","resources","defaultLanguageCode","namespace","i18n","Trans","TranslationProvider","useTranslation","translate","t","bind"],"sources":["../../../src/i18n.generated/i18n.ts"],"sourcesContent":["/*!\n * Copyright (c) 2026-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\n/*\n *************************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `odyssey-cli i18n generate` SCRIPT.  *\n *************************************************************************************\n */\n\nimport {\n  getTranslationServices,\n  TypedTFunction,\n} from \"@okta/odyssey-contribution-tooling\";\n\nimport { resources } from \"./i18n.resources.js\";\nimport {\n  defaultLanguageCode,\n  i18nResourceType,\n  namespace,\n} from \"./i18n.types.js\";\n\nexport type * from \"@okta/odyssey-contribution-tooling\";\n\nexport const { i18n, Trans, TranslationProvider, useTranslation } =\n  getTranslationServices({\n    defaultLanguageCode,\n    namespace,\n    resources,\n  });\n\nexport const translate = i18n.t.bind(i18n) as TypedTFunction<i18nResourceType>;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,SACEA,sBAAsB,QAEjB,oCAAoC;AAE3C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SACEC,mBAAmB,EAEnBC,SAAS,QACJ,iBAAiB;AAIxB,OAAO,MAAM;EAAEC,IAAI;EAAEC,KAAK;EAAEC,mBAAmB;EAAEC;AAAe,CAAC,GAC/DP,sBAAsB,CAAC;EACrBE,mBAAmB;EACnBC,SAAS;EACTF;AACF,CAAC,CAAC;AAEJ,OAAO,MAAMO,SAAS,GAAGJ,IAAI,CAACK,CAAC,CAACC,IAAI,CAACN,IAAI,CAAqC","ignoreList":[]}

package/dist/esm/i18n.generated/i18n.resources.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2026-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.

package/dist/esm/i18n.generated/i18n.resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.resources.js","names":["translation","cs","da","de","el","es","eu","fi","fr","ht","hu","id","it","ja","ko","ms","nb","nl_NL","ok_PL","ok_SK","pl","pt_BR","ro","ru","sv","th","tr","uk","vi","zh_CN","zh_TW","en","resources"],"sources":["../../../src/i18n.generated/i18n.resources.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-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\n/*\n *************************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `odyssey-cli i18n generate` SCRIPT.  *\n *************************************************************************************\n */\n\nimport { translation as cs } from \"../properties/ts/odyssey-react-mui_cs.js\";\nimport { translation as da } from \"../properties/ts/odyssey-react-mui_da.js\";\nimport { translation as de } from \"../properties/ts/odyssey-react-mui_de.js\";\nimport { translation as el } from \"../properties/ts/odyssey-react-mui_el.js\";\nimport { translation as es } from \"../properties/ts/odyssey-react-mui_es.js\";\nimport { translation as eu } from \"../properties/ts/odyssey-react-mui_eu.js\";\nimport { translation as fi } from \"../properties/ts/odyssey-react-mui_fi.js\";\nimport { translation as fr } from \"../properties/ts/odyssey-react-mui_fr.js\";\nimport { translation as ht } from \"../properties/ts/odyssey-react-mui_ht.js\";\nimport { translation as hu } from \"../properties/ts/odyssey-react-mui_hu.js\";\nimport { translation as id } from \"../properties/ts/odyssey-react-mui_id.js\";\nimport { translation as it } from \"../properties/ts/odyssey-react-mui_it.js\";\nimport { translation as ja } from \"../properties/ts/odyssey-react-mui_ja.js\";\nimport { translation as ko } from \"../properties/ts/odyssey-react-mui_ko.js\";\nimport { translation as ms } from \"../properties/ts/odyssey-react-mui_ms.js\";\nimport { translation as nb } from \"../properties/ts/odyssey-react-mui_nb.js\";\nimport { translation as nl_NL } from \"../properties/ts/odyssey-react-mui_nl_NL.js\";\nimport { translation as ok_PL } from \"../properties/ts/odyssey-react-mui_ok_PL.js\";\nimport { translation as ok_SK } from \"../properties/ts/odyssey-react-mui_ok_SK.js\";\nimport { translation as pl } from \"../properties/ts/odyssey-react-mui_pl.js\";\nimport { translation as pt_BR } from \"../properties/ts/odyssey-react-mui_pt_BR.js\";\nimport { translation as ro } from \"../properties/ts/odyssey-react-mui_ro.js\";\nimport { translation as ru } from \"../properties/ts/odyssey-react-mui_ru.js\";\nimport { translation as sv } from \"../properties/ts/odyssey-react-mui_sv.js\";\nimport { translation as th } from \"../properties/ts/odyssey-react-mui_th.js\";\nimport { translation as tr } from \"../properties/ts/odyssey-react-mui_tr.js\";\nimport { translation as uk } from \"../properties/ts/odyssey-react-mui_uk.js\";\nimport { translation as vi } from \"../properties/ts/odyssey-react-mui_vi.js\";\nimport { translation as zh_CN } from \"../properties/ts/odyssey-react-mui_zh_CN.js\";\nimport { translation as zh_TW } from \"../properties/ts/odyssey-react-mui_zh_TW.js\";\nimport { translation as en } from \"../properties/ts/odyssey-react-mui.js\";\nimport { ResourceRecord } from \"./i18n.types.js\";\n\nexport const resources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  eu,\n  fi,\n  fr,\n  ht,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  nl_NL,\n  ok_PL,\n  ok_SK,\n  pl,\n  pt_BR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  vi,\n  zh_CN,\n  zh_TW,\n} as const satisfies ResourceRecord;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,SAASA,WAAW,IAAIC,EAAE,QAAQ,0CAA0C;AAC5E,SAASD,WAAW,IAAIE,EAAE,QAAQ,0CAA0C;AAC5E,SAASF,WAAW,IAAIG,EAAE,QAAQ,0CAA0C;AAC5E,SAASH,WAAW,IAAII,EAAE,QAAQ,0CAA0C;AAC5E,SAASJ,WAAW,IAAIK,EAAE,QAAQ,0CAA0C;AAC5E,SAASL,WAAW,IAAIM,EAAE,QAAQ,0CAA0C;AAC5E,SAASN,WAAW,IAAIO,EAAE,QAAQ,0CAA0C;AAC5E,SAASP,WAAW,IAAIQ,EAAE,QAAQ,0CAA0C;AAC5E,SAASR,WAAW,IAAIS,EAAE,QAAQ,0CAA0C;AAC5E,SAAST,WAAW,IAAIU,EAAE,QAAQ,0CAA0C;AAC5E,SAASV,WAAW,IAAIW,EAAE,QAAQ,0CAA0C;AAC5E,SAASX,WAAW,IAAIY,EAAE,QAAQ,0CAA0C;AAC5E,SAASZ,WAAW,IAAIa,EAAE,QAAQ,0CAA0C;AAC5E,SAASb,WAAW,IAAIc,EAAE,QAAQ,0CAA0C;AAC5E,SAASd,WAAW,IAAIe,EAAE,QAAQ,0CAA0C;AAC5E,SAASf,WAAW,IAAIgB,EAAE,QAAQ,0CAA0C;AAC5E,SAAShB,WAAW,IAAIiB,KAAK,QAAQ,6CAA6C;AAClF,SAASjB,WAAW,IAAIkB,KAAK,QAAQ,6CAA6C;AAClF,SAASlB,WAAW,IAAImB,KAAK,QAAQ,6CAA6C;AAClF,SAASnB,WAAW,IAAIoB,EAAE,QAAQ,0CAA0C;AAC5E,SAASpB,WAAW,IAAIqB,KAAK,QAAQ,6CAA6C;AAClF,SAASrB,WAAW,IAAIsB,EAAE,QAAQ,0CAA0C;AAC5E,SAAStB,WAAW,IAAIuB,EAAE,QAAQ,0CAA0C;AAC5E,SAASvB,WAAW,IAAIwB,EAAE,QAAQ,0CAA0C;AAC5E,SAASxB,WAAW,IAAIyB,EAAE,QAAQ,0CAA0C;AAC5E,SAASzB,WAAW,IAAI0B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS1B,WAAW,IAAI2B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS3B,WAAW,IAAI4B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS5B,WAAW,IAAI6B,KAAK,QAAQ,6CAA6C;AAClF,SAAS7B,WAAW,IAAI8B,KAAK,QAAQ,6CAA6C;AAClF,SAAS9B,WAAW,IAAI+B,EAAE,QAAQ,uCAAuC;AAGzE,OAAO,MAAMC,SAAS,GAAG;EACvB/B,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACF2B,EAAE;EACF1B,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,KAAK;EACLC;AACF,CAAmC","ignoreList":[]}
+{"version":3,"file":"i18n.resources.js","names":["translation","cs","da","de","el","es","eu","fi","fr","ht","hu","id","it","ja","ko","ms","nb","nl_NL","ok_PL","ok_SK","pl","pt_BR","ro","ru","sv","th","tr","uk","vi","zh_CN","zh_TW","en","resources"],"sources":["../../../src/i18n.generated/i18n.resources.ts"],"sourcesContent":["/*!\n * Copyright (c) 2026-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\n/*\n *************************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `odyssey-cli i18n generate` SCRIPT.  *\n *************************************************************************************\n */\n\nimport { translation as cs } from \"../properties/ts/odyssey-react-mui_cs.js\";\nimport { translation as da } from \"../properties/ts/odyssey-react-mui_da.js\";\nimport { translation as de } from \"../properties/ts/odyssey-react-mui_de.js\";\nimport { translation as el } from \"../properties/ts/odyssey-react-mui_el.js\";\nimport { translation as es } from \"../properties/ts/odyssey-react-mui_es.js\";\nimport { translation as eu } from \"../properties/ts/odyssey-react-mui_eu.js\";\nimport { translation as fi } from \"../properties/ts/odyssey-react-mui_fi.js\";\nimport { translation as fr } from \"../properties/ts/odyssey-react-mui_fr.js\";\nimport { translation as ht } from \"../properties/ts/odyssey-react-mui_ht.js\";\nimport { translation as hu } from \"../properties/ts/odyssey-react-mui_hu.js\";\nimport { translation as id } from \"../properties/ts/odyssey-react-mui_id.js\";\nimport { translation as it } from \"../properties/ts/odyssey-react-mui_it.js\";\nimport { translation as ja } from \"../properties/ts/odyssey-react-mui_ja.js\";\nimport { translation as ko } from \"../properties/ts/odyssey-react-mui_ko.js\";\nimport { translation as ms } from \"../properties/ts/odyssey-react-mui_ms.js\";\nimport { translation as nb } from \"../properties/ts/odyssey-react-mui_nb.js\";\nimport { translation as nl_NL } from \"../properties/ts/odyssey-react-mui_nl_NL.js\";\nimport { translation as ok_PL } from \"../properties/ts/odyssey-react-mui_ok_PL.js\";\nimport { translation as ok_SK } from \"../properties/ts/odyssey-react-mui_ok_SK.js\";\nimport { translation as pl } from \"../properties/ts/odyssey-react-mui_pl.js\";\nimport { translation as pt_BR } from \"../properties/ts/odyssey-react-mui_pt_BR.js\";\nimport { translation as ro } from \"../properties/ts/odyssey-react-mui_ro.js\";\nimport { translation as ru } from \"../properties/ts/odyssey-react-mui_ru.js\";\nimport { translation as sv } from \"../properties/ts/odyssey-react-mui_sv.js\";\nimport { translation as th } from \"../properties/ts/odyssey-react-mui_th.js\";\nimport { translation as tr } from \"../properties/ts/odyssey-react-mui_tr.js\";\nimport { translation as uk } from \"../properties/ts/odyssey-react-mui_uk.js\";\nimport { translation as vi } from \"../properties/ts/odyssey-react-mui_vi.js\";\nimport { translation as zh_CN } from \"../properties/ts/odyssey-react-mui_zh_CN.js\";\nimport { translation as zh_TW } from \"../properties/ts/odyssey-react-mui_zh_TW.js\";\nimport { translation as en } from \"../properties/ts/odyssey-react-mui.js\";\nimport { ResourceRecord } from \"./i18n.types.js\";\n\nexport const resources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  eu,\n  fi,\n  fr,\n  ht,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  nl_NL,\n  ok_PL,\n  ok_SK,\n  pl,\n  pt_BR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  vi,\n  zh_CN,\n  zh_TW,\n} as const satisfies ResourceRecord;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,SAASA,WAAW,IAAIC,EAAE,QAAQ,0CAA0C;AAC5E,SAASD,WAAW,IAAIE,EAAE,QAAQ,0CAA0C;AAC5E,SAASF,WAAW,IAAIG,EAAE,QAAQ,0CAA0C;AAC5E,SAASH,WAAW,IAAII,EAAE,QAAQ,0CAA0C;AAC5E,SAASJ,WAAW,IAAIK,EAAE,QAAQ,0CAA0C;AAC5E,SAASL,WAAW,IAAIM,EAAE,QAAQ,0CAA0C;AAC5E,SAASN,WAAW,IAAIO,EAAE,QAAQ,0CAA0C;AAC5E,SAASP,WAAW,IAAIQ,EAAE,QAAQ,0CAA0C;AAC5E,SAASR,WAAW,IAAIS,EAAE,QAAQ,0CAA0C;AAC5E,SAAST,WAAW,IAAIU,EAAE,QAAQ,0CAA0C;AAC5E,SAASV,WAAW,IAAIW,EAAE,QAAQ,0CAA0C;AAC5E,SAASX,WAAW,IAAIY,EAAE,QAAQ,0CAA0C;AAC5E,SAASZ,WAAW,IAAIa,EAAE,QAAQ,0CAA0C;AAC5E,SAASb,WAAW,IAAIc,EAAE,QAAQ,0CAA0C;AAC5E,SAASd,WAAW,IAAIe,EAAE,QAAQ,0CAA0C;AAC5E,SAASf,WAAW,IAAIgB,EAAE,QAAQ,0CAA0C;AAC5E,SAAShB,WAAW,IAAIiB,KAAK,QAAQ,6CAA6C;AAClF,SAASjB,WAAW,IAAIkB,KAAK,QAAQ,6CAA6C;AAClF,SAASlB,WAAW,IAAImB,KAAK,QAAQ,6CAA6C;AAClF,SAASnB,WAAW,IAAIoB,EAAE,QAAQ,0CAA0C;AAC5E,SAASpB,WAAW,IAAIqB,KAAK,QAAQ,6CAA6C;AAClF,SAASrB,WAAW,IAAIsB,EAAE,QAAQ,0CAA0C;AAC5E,SAAStB,WAAW,IAAIuB,EAAE,QAAQ,0CAA0C;AAC5E,SAASvB,WAAW,IAAIwB,EAAE,QAAQ,0CAA0C;AAC5E,SAASxB,WAAW,IAAIyB,EAAE,QAAQ,0CAA0C;AAC5E,SAASzB,WAAW,IAAI0B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS1B,WAAW,IAAI2B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS3B,WAAW,IAAI4B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS5B,WAAW,IAAI6B,KAAK,QAAQ,6CAA6C;AAClF,SAAS7B,WAAW,IAAI8B,KAAK,QAAQ,6CAA6C;AAClF,SAAS9B,WAAW,IAAI+B,EAAE,QAAQ,uCAAuC;AAGzE,OAAO,MAAMC,SAAS,GAAG;EACvB/B,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACF2B,EAAE;EACF1B,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,KAAK;EACLC;AACF,CAAmC","ignoreList":[]}

package/dist/esm/i18n.generated/i18n.types.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2026-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.

package/dist/esm/i18n.generated/i18n.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.types.js","names":["defaultLanguageCode","namespace"],"sources":["../../../src/i18n.generated/i18n.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-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\n/*\n *************************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `odyssey-cli i18n generate` SCRIPT.  *\n *************************************************************************************\n */\n\nimport { translation as defaultTranslation } from \"../properties/ts/odyssey-react-mui.js\";\n\nexport const defaultLanguageCode = \"en\" as const;\n\n/**\n * The namespace for the odyssey-react-mui package.\n */\nexport const namespace = \"odyssey-react-mui\" as const;\nexport type i18nNamespace = typeof namespace;\n\n/**\n * Defines the shape of all translation keys for the Odyssey namespace.\n * It's derived from the default (en) translation file,\n * which acts as the source of truth for all available keys.\n */\nexport type i18nResourceType = typeof defaultTranslation;\n\n/**\n * Supported languages for translations for the odyssey-react-mui package.\n */\nexport type SupportedLanguages =\n  | \"cs\"\n  | \"da\"\n  | \"de\"\n  | \"el\"\n  | \"en\"\n  | \"es\"\n  | \"eu\"\n  | \"fi\"\n  | \"fr\"\n  | \"ht\"\n  | \"hu\"\n  | \"id\"\n  | \"it\"\n  | \"ja\"\n  | \"ko\"\n  | \"ms\"\n  | \"nb\"\n  | \"nl_NL\"\n  | \"ok_PL\"\n  | \"ok_SK\"\n  | \"pl\"\n  | \"pt_BR\"\n  | \"ro\"\n  | \"ru\"\n  | \"sv\"\n  | \"th\"\n  | \"tr\"\n  | \"uk\"\n  | \"vi\"\n  | \"zh_CN\"\n  | \"zh_TW\";\n\nexport type ResourceRecord = Record<\n  SupportedLanguages,\n  Partial<Record<keyof i18nResourceType, string>>\n>;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAUA,OAAO,MAAMA,mBAAmB,GAAG,IAAa;AAKhD,OAAO,MAAMC,SAAS,GAAG,mBAA4B","ignoreList":[]}
+{"version":3,"file":"i18n.types.js","names":["defaultLanguageCode","namespace"],"sources":["../../../src/i18n.generated/i18n.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2026-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\n/*\n *************************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `odyssey-cli i18n generate` SCRIPT.  *\n *************************************************************************************\n */\n\nimport { translation as defaultTranslation } from \"../properties/ts/odyssey-react-mui.js\";\n\nexport const defaultLanguageCode = \"en\" as const;\n\n/**\n * The namespace for the odyssey-react-mui package.\n */\nexport const namespace = \"odyssey-react-mui\" as const;\nexport type i18nNamespace = typeof namespace;\n\n/**\n * Defines the shape of all translation keys for the Odyssey namespace.\n * It's derived from the default (en) translation file,\n * which acts as the source of truth for all available keys.\n */\nexport type i18nResourceType = typeof defaultTranslation;\n\n/**\n * Supported languages for translations for the odyssey-react-mui package.\n */\nexport type SupportedLanguages =\n  | \"cs\"\n  | \"da\"\n  | \"de\"\n  | \"el\"\n  | \"en\"\n  | \"es\"\n  | \"eu\"\n  | \"fi\"\n  | \"fr\"\n  | \"ht\"\n  | \"hu\"\n  | \"id\"\n  | \"it\"\n  | \"ja\"\n  | \"ko\"\n  | \"ms\"\n  | \"nb\"\n  | \"nl_NL\"\n  | \"ok_PL\"\n  | \"ok_SK\"\n  | \"pl\"\n  | \"pt_BR\"\n  | \"ro\"\n  | \"ru\"\n  | \"sv\"\n  | \"th\"\n  | \"tr\"\n  | \"uk\"\n  | \"vi\"\n  | \"zh_CN\"\n  | \"zh_TW\";\n\nexport type ResourceRecord = Record<\n  SupportedLanguages,\n  Partial<Record<keyof i18nResourceType, string>>\n>;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAUA,OAAO,MAAMA,mBAAmB,GAAG,IAAa;AAKhD,OAAO,MAAMC,SAAS,GAAG,mBAA4B","ignoreList":[]}

package/dist/esm/labs/DataFilters.js

@@ -54,19 +54,22 @@ const FilterTags = ({
   filtersWithValues.forEach(filter => {
     if (Array.isArray(filter.value)) {
       filter.value.forEach(filterValue => {
-        const formattedValue = typeof filterValue === "string" ? filterValue : filterValue.value;
+        const optionLabel = typeof filterValue === "string" ? filterValue : filterValue.label;
+        const optionValue = typeof filterValue === "string" ? filterValue : filterValue.value;
         filtersToRender.push({
-          id: filter.id,
-          label: filter.label,
-          value: formattedValue
+          filterId: filter.id,
+          filterLabel: filter.label,
+          optionLabel,
+          optionValue
         });
       });
     }
     if (typeof filter.value === "string") {
       filtersToRender.push({
-        id: filter.id,
-        label: filter.label,
-        value: filter.value
+        filterId: filter.id,
+        filterLabel: filter.label,
+        optionLabel: filter.value,
+        optionValue: filter.value
       });
     }
   });
@@ -95,10 +98,10 @@ const FilterTags = ({
     }
   };
   return _jsx(TagList, {
-    children: filtersToRender.map(filter => _jsx(Tag, {
-      label: `${filter.label}: ${filter.value}`,
-      onRemove: () => removeValueFromFilterAndInput(filter.id, filter.value)
-    }, `${filter.label}: ${filter.value}`))
+    children: filtersToRender.map(chip => _jsx(Tag, {
+      label: `${chip.filterLabel}: ${chip.optionLabel}`,
+      onRemove: () => removeValueFromFilterAndInput(chip.filterId, chip.optionValue)
+    }, `${chip.filterLabel}: ${chip.optionValue}`))
   });
 };
 const MemoizedFilterTags = memo(FilterTags);

package/dist/esm/labs/DataFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataFilters.js","names":["styled","memo","useCallback","useEffect","useMemo","useRef","useState","Autocomplete","Box","Button","Checkbox","CheckboxGroup","Radio","RadioGroup","Trans","useTranslation","CheckIcon","ChevronRightIcon","CloseCircleFilledIcon","FilterIcon","useOdysseyDesignTokens","SearchField","Tag","TagList","TextField","Subordinate","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StyledAutocompleteOuterContainer","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","gap","Spacing2","StyledAutocompleteInnerContainer","width","FilterTags","activeFilters","updateFilterAndInputValues","filtersWithValues","filter","activeFilter","value","filtersToRender","forEach","Array","isArray","filterValue","formattedValue","push","id","label","getFilter","find","removeValueFromFilterAndInput","removedFilterValue","currentFilter","updatedValues","currentValue","filterId","length","undefined","children","map","onRemove","MemoizedFilterTags","displayName","DataFilters","onChangeSearch","onChangeFilters","hasSearchSubmitButton","searchDelayTime","defaultSearchTerm","additionalActions","filters","filtersProp","isDisabled","setFilters","t","initialInputValues","reduce","accumulator","inputValues","setInputValues","searchValue","setSearchValue","isFiltersMenuOpen","setIsFiltersMenuOpen","filtersMenuAnchorElement","setFiltersMenuAnchorElement","isFilterPopoverOpen","setIsFilterPopoverOpen","filterPopoverAnchorElement","setFilterPopoverAnchorElement","filterPopoverCurrentFilter","setFilterPopoverCurrentFilter","menuRef","debouncer","current","clearTimeout","setTimeout","autocompleteOptions","options","updateInputValue","updateFilters","prevInputValues","updatedFilters","handleCheckboxFilterAndInputValueChange","option","checked","currentValues","inputValue","normalizedUpdatedValues","handleAutocompleteFilterChange","clearAllFilters","updatedInputValues","handleFilterSubmit","filterMenu","ariaControls","ariaExpanded","ariaHasPopup","ariaLabel","endIcon","onClick","event","currentTarget","variant","_Menu","anchorEl","anchorOrigin","horizontal","vertical","onClose","open","PaperProps","ref","transformOrigin","latestFilterValue","f","_MenuItem","className","selected","sx","justifyContent","minWidth","paddingBlock","paddingInlineStart","marginRight","_Typography","fontWeight","marginBlockEnd","component","i18nKey","values","toLowerCase","count","autoCompleteValue","maxWidth","_Popover","elevation","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","marginLeft","marginTop","padding","noValidate","onSubmit","preventDefault","render","hasMultipleChoices","isCustomValueAllowed","onChange","_","type","endAdornment","_IconButton","size","hasInitialFocus","isRequired","checkFilterInputValuesAsArray","isOptionValueInInputValues","some","isChecked","style","target","onClear","placeholder","borderTopWidth","borderTopColor","borderTopStyle","paddingTop","MemoizedDataFilters"],"sources":["../../../src/labs/DataFilters.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  IconButton as MuiIconButton,\n  Menu as MuiMenu,\n  MenuItem as MuiMenuItem,\n  Popover as MuiPopover,\n  Typography as MuiTypography,\n} from \"@mui/material\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\nimport {\n  memo,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Autocomplete } from \"../Autocomplete.js\";\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { Checkbox } from \"../Fields/Checkbox.js\";\nimport { CheckboxGroup } from \"../Fields/CheckboxGroup.js\";\nimport { Radio } from \"../Fields/Radio.js\";\nimport { RadioGroup } from \"../Fields/RadioGroup.js\";\nimport { Trans, useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  CheckIcon,\n  ChevronRightIcon,\n  CloseCircleFilledIcon,\n  FilterIcon,\n} from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { SearchField } from \"../SearchField.js\";\nimport { Tag } from \"../Tag.js\";\nimport { TagList } from \"../TagList.js\";\nimport { TextField } from \"../TextField.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst StyledAutocompleteOuterContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAutocompleteInnerContainer = styled(\"div\")({\n  width: \"100%\",\n});\n\ntype Option = {\n  label: string;\n  value: string;\n};\n\nexport type DataFilterValue = string | string[] | Option[] | undefined;\n\nexport type UpdateFiltersOrValues = ({\n  filterId,\n  value,\n}: {\n  filterId: string;\n  value: DataFilterValue;\n}) => void;\n\n// This is the shape of each individual filter\nexport type DataFilter = {\n  /**\n   * A unique ID for the filter, typically the same id\n   * as the column it'll be applied to.\n   */\n  id: Exclude<MRT_ColumnDef<MRT_RowData>[\"accessorKey\"], undefined>;\n  /**\n   * `Autocomplete` normally only allows values that exist in the list box. This feature allows you to enter in any value in the text field and have that be the stored value in `Autocomplete`\n   *\n   * NOTE: This only applies when `variant` is `autocomplete`\n   */\n  isCustomValueAllowed?: boolean;\n  /**\n   * The human-friendly name of the filter.\n   */\n  label: string;\n  /**\n   * If the filter control has preset options (such as a select or multi-select),\n   * these are the options provided.\n   */\n  options?: Option[];\n  /**\n   * A callback which renders a custom filter control\n   */\n  render?: (updateFilters: UpdateFiltersOrValues) => ReactNode;\n  /**\n   * The current value of the filter. Typically a string, but\n   * filters that allow for multiple selections (such as multi-select)\n   * can accept an array.\n   */\n  value?: DataFilterValue;\n  /**\n   * The type of filter, which determines which filtering control\n   * is shown.\n   */\n  variant?: MRT_ColumnDef<MRT_RowData>[\"filterVariant\"];\n};\n\n// This is the type of the DataFilters component itself\nexport type DataFiltersProps = {\n  /**\n   * A slot for optional additional actions, like buttons, to be displayed\n   * on the opposite side of the top row from the search and filter controls.\n   */\n  additionalActions?: ReactNode;\n  /**\n   * The starting value of the search input\n   */\n  defaultSearchTerm?: string;\n  /**\n   * The filters available in the filter menu. If undefined,\n   * the filter menu won't be shown.\n   */\n  filters?: Array<DataFilter>;\n  /**\n   * If true, a Search button will be provided alongside the search input\n   * and `onChangeSearch` will fire when the button is clicked, rather than\n   * whenever the input value changes.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * If true, the filter and search will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * The callback that's fired when filter values change.\n   */\n  onChangeFilters?: (filters: Array<DataFilter>) => void;\n  /**\n   * The callback that's fired when the search input changes\n   * (either on change or on submit, based on the value of `hasSearchSubmitButton`).\n   * If this is undefined, the search input will not be shown.\n   */\n  onChangeSearch?: (value: string) => void;\n  /**\n   * The debounce time, in milliseconds, for the search input firing\n   * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n   * this doesn't do anything.\n   */\n  searchDelayTime?: number;\n};\n\ntype FilterTagsProps = {\n  activeFilters: DataFilter[];\n  updateFilterAndInputValues: UpdateFiltersOrValues;\n};\n\ntype FiltersToRender = {\n  id: string;\n  label: string;\n  value: string;\n};\n\nconst FilterTags = ({\n  activeFilters,\n  updateFilterAndInputValues,\n}: FilterTagsProps) => {\n  const filtersWithValues = activeFilters.filter(\n    (activeFilter: DataFilter) => activeFilter.value,\n  );\n  const filtersToRender: FiltersToRender[] = [];\n\n  filtersWithValues.forEach((filter) => {\n    if (Array.isArray(filter.value)) {\n      filter.value.forEach((filterValue) => {\n        const formattedValue =\n          typeof filterValue === \"string\" ? filterValue : filterValue.value;\n        filtersToRender.push({\n          id: filter.id,\n          label: filter.label,\n          value: formattedValue,\n        });\n      });\n    }\n    if (typeof filter.value === \"string\") {\n      filtersToRender.push({\n        id: filter.id,\n        label: filter.label,\n        value: filter.value,\n      });\n    }\n  });\n\n  const getFilter = (id: string) =>\n    filtersWithValues.find((filter) => filter.id === id);\n\n  const removeValueFromFilterAndInput = (\n    id: string,\n    removedFilterValue: string,\n  ) => {\n    const currentFilter = getFilter(id);\n\n    if (currentFilter) {\n      const { value } = currentFilter;\n\n      if (Array.isArray(value)) {\n        const updatedValues = value.filter((currentValue) => {\n          return (currentValue as Option).value !== removedFilterValue;\n        });\n        updateFilterAndInputValues({\n          filterId: id,\n          value:\n            updatedValues.length > 0 ? (updatedValues as Option[]) : undefined,\n        });\n      }\n\n      if (typeof value === \"string\") {\n        updateFilterAndInputValues({\n          filterId: id,\n          value: undefined,\n        });\n      }\n    }\n  };\n\n  return (\n    <TagList>\n      {filtersToRender.map((filter) => (\n        <Tag\n          key={`${filter.label}: ${filter.value}`}\n          label={`${filter.label}: ${filter.value}`}\n          onRemove={() =>\n            removeValueFromFilterAndInput(filter.id, filter.value)\n          }\n        />\n      ))}\n    </TagList>\n  );\n};\n\nconst MemoizedFilterTags = memo(FilterTags);\nMemoizedFilterTags.displayName = \"FilterTags\";\n\nconst DataFilters = ({\n  onChangeSearch,\n  onChangeFilters,\n  hasSearchSubmitButton = false,\n  searchDelayTime = 200,\n  defaultSearchTerm = \"\",\n  additionalActions,\n  filters: filtersProp = [],\n  isDisabled,\n}: DataFiltersProps) => {\n  const [filters, setFilters] = useState<DataFilter[]>(filtersProp);\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const initialInputValues = useMemo(() => {\n    return filtersProp.reduce(\n      (accumulator, filter) => {\n        accumulator[filter.id] = filter.value;\n        return accumulator;\n      },\n      {} as Record<string, DataFilterValue>,\n    );\n  }, [filtersProp]);\n\n  const [inputValues, setInputValues] = useState(initialInputValues);\n\n  const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);\n\n  const activeFilters = useMemo(() => {\n    return filters.filter((filter) => filter.value);\n  }, [filters]);\n\n  const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);\n\n  const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n\n  const [isFilterPopoverOpen, setIsFilterPopoverOpen] =\n    useState<boolean>(false);\n\n  const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n\n  const [filterPopoverCurrentFilter, setFilterPopoverCurrentFilter] = useState<\n    DataFilter | undefined\n  >();\n\n  const menuRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    onChangeFilters?.(filters);\n  }, [filters, onChangeFilters]);\n\n  const debouncer = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  useEffect(() => {\n    if (!hasSearchSubmitButton) {\n      if (debouncer.current) {\n        clearTimeout(debouncer.current);\n      }\n\n      debouncer.current = setTimeout(() => {\n        onChangeSearch?.(searchValue ?? \"\");\n      }, searchDelayTime);\n    }\n  }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);\n\n  const autocompleteOptions = useMemo(() => {\n    return filterPopoverCurrentFilter?.options || [];\n  }, [filterPopoverCurrentFilter]);\n\n  const updateInputValue = useCallback<UpdateFiltersOrValues>(\n    ({ filterId, value }) => {\n      setInputValues({ ...inputValues, [filterId]: value });\n    },\n    [inputValues],\n  );\n\n  const updateFilters = useCallback<UpdateFiltersOrValues>(\n    ({ filterId, value }) => {\n      setInputValues((prevInputValues) => ({\n        ...prevInputValues,\n        [filterId]: value,\n      }));\n      const updatedFilters = filtersProp.map((filter) => ({\n        ...filter,\n        value: filter.id === filterId ? value : inputValues[filter.id],\n      }));\n      setFilters(updatedFilters);\n    },\n    [inputValues, filtersProp],\n  );\n\n  const updateFilterAndInputValues = useCallback<UpdateFiltersOrValues>(\n    ({ filterId, value }) => {\n      updateInputValue({ filterId, value });\n      updateFilters({ filterId, value });\n    },\n    [updateFilters, updateInputValue],\n  );\n\n  const handleCheckboxFilterAndInputValueChange = useCallback<\n    (filterId: string, option: Option, checked: boolean) => void\n  >(\n    (filterId, option, checked) => {\n      const currentValues = (inputValues[filterId] as Option[]) || [];\n\n      const updatedValues = checked\n        ? [...currentValues, option]\n        : currentValues.filter(\n            (inputValue) => inputValue.value !== option.value,\n          );\n\n      const normalizedUpdatedValues =\n        updatedValues.length > 0 ? updatedValues : undefined;\n\n      setInputValues({\n        ...inputValues,\n        [filterId]: normalizedUpdatedValues,\n      });\n\n      const updatedFilters = filters.map((filter) => ({\n        ...filter,\n        value:\n          filter.id === filterId\n            ? normalizedUpdatedValues\n            : inputValues[filter.id],\n      }));\n\n      setFilters(updatedFilters);\n    },\n    [filters, inputValues],\n  );\n\n  const handleAutocompleteFilterChange = useCallback<\n    (filterId: string, option: Option[]) => void\n  >(\n    (filterId, option) => {\n      setInputValues({ ...inputValues, [filterId]: option });\n    },\n    [inputValues],\n  );\n\n  const clearAllFilters = useCallback(() => {\n    const updatedInputValues = filtersProp.reduce(\n      (accumulator, filter) => {\n        accumulator[filter.id] = undefined;\n        return accumulator;\n      },\n      {} as Record<string, DataFilterValue>,\n    );\n\n    setInputValues(updatedInputValues);\n\n    const updatedFilters = filtersProp.map((filter) => ({\n      ...filter,\n      value: undefined,\n    }));\n\n    setFilters(updatedFilters);\n  }, [filtersProp]);\n\n  const handleFilterSubmit = useCallback(() => {\n    const updatedFilters = filtersProp.map((filter) => ({\n      ...filter,\n      value: inputValues[filter.id],\n    }));\n\n    setFilters(updatedFilters);\n  }, [inputValues, filtersProp]);\n\n  const filterMenu = useMemo(\n    () => (\n      <>\n        <Box>\n          <Button\n            ariaControls={isFiltersMenuOpen ? \"filters-menu\" : undefined}\n            ariaExpanded={isFiltersMenuOpen ? \"true\" : undefined}\n            ariaHasPopup=\"true\"\n            ariaLabel={t(\"filters.filters.arialabel\")}\n            endIcon={<FilterIcon />}\n            isDisabled={isDisabled}\n            onClick={(event) => {\n              setFiltersMenuAnchorElement(event.currentTarget);\n              setIsFiltersMenuOpen(true);\n            }}\n            variant=\"secondary\"\n          />\n        </Box>\n\n        <MuiMenu\n          anchorEl={filtersMenuAnchorElement}\n          anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n          id=\"filters-menu\"\n          onClose={() => setIsFiltersMenuOpen(false)}\n          open={isFiltersMenuOpen}\n          PaperProps={{\n            ref: menuRef as MutableRefObject<HTMLDivElement>,\n          }}\n          transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n        >\n          {filtersProp.map((filter) => {\n            // Unintuitively, we can't just use filter.value to grab the filter value.\n            // `filter` is the initial set of filters provided to the component, so its\n            // value prop may not reflect the current value of the filter.\n            const latestFilterValue = filters.find(\n              (f) => f.id === filter.id,\n            )?.value;\n\n            return (\n              <MuiMenuItem\n                aria-controls={isFilterPopoverOpen ? \"filter-form\" : undefined}\n                className={\n                  filterPopoverCurrentFilter === filter &&\n                  isFilterPopoverOpen === true\n                    ? \"isVisiblySelected\"\n                    : undefined\n                }\n                key={filter.id}\n                onClick={(event) => {\n                  setIsFilterPopoverOpen(true);\n                  setFilterPopoverAnchorElement(event.currentTarget);\n                  setFilterPopoverCurrentFilter(filter);\n                }}\n                selected={\n                  filterPopoverCurrentFilter === filter &&\n                  isFilterPopoverOpen === true\n                }\n              >\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"space-between\",\n                    width: \"100%\",\n                    minWidth: 180,\n                    paddingBlock: 1,\n                    paddingInlineStart: 2,\n                  }}\n                >\n                  <Box sx={{ marginRight: 2 }}>\n                    <MuiTypography fontWeight=\"500\" sx={{ marginBlockEnd: 2 }}>\n                      {filter.label}\n                    </MuiTypography>\n                    <Subordinate component=\"div\">\n                      {!latestFilterValue ||\n                      (Array.isArray(latestFilterValue) &&\n                        latestFilterValue.length === 0) ? (\n                        <Trans\n                          i18nKey=\"filters.menuitem.any\"\n                          values={{\n                            label: filter.label.toLowerCase(),\n                          }}\n                        />\n                      ) : Array.isArray(latestFilterValue) ? (\n                        <Trans\n                          count={latestFilterValue.length}\n                          i18nKey=\"filters.menuitem.selected\"\n                          values={{\n                            selected: latestFilterValue.length,\n                          }}\n                        />\n                      ) : (\n                        latestFilterValue\n                      )}\n                    </Subordinate>\n                  </Box>\n                  <ChevronRightIcon />\n                </Box>\n              </MuiMenuItem>\n            );\n          })}\n        </MuiMenu>\n      </>\n    ),\n    [\n      isFiltersMenuOpen,\n      isDisabled,\n      filterPopoverCurrentFilter,\n      isFilterPopoverOpen,\n      filtersMenuAnchorElement,\n      filtersProp,\n      filters,\n      t,\n    ],\n  );\n\n  const autoCompleteValue = useMemo(\n    () =>\n      filterPopoverCurrentFilter?.id\n        ? (inputValues[filterPopoverCurrentFilter.id] as Option[])\n        : undefined,\n    [filterPopoverCurrentFilter, inputValues],\n  );\n\n  return (\n    <Box>\n      {/* Upper section */}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\n        {/* Upper section left (filters and search) */}\n        <Box sx={{ display: \"flex\", gap: 2, width: \"50%\", maxWidth: 480 }}>\n          {/* Filter menu */}\n          {filters.length > 0 && (\n            <>\n              {filterMenu}\n              {/* Filter popover */}\n              <MuiPopover\n                anchorEl={filterPopoverAnchorElement}\n                anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n                // Positions the popover flush with the edge of the parent menu\n                // and at the right shadow elevation. These magic values are simply\n                // to match the default popover offset.\n                elevation={2}\n                id=\"filter-form\"\n                onClose={(ev: MouseEvent) => {\n                  if (menuRef.current) {\n                    const menuRect = menuRef.current.getBoundingClientRect();\n                    const clickInsideMenu =\n                      ev.clientX >= menuRect.left &&\n                      ev.clientX <= menuRect.right &&\n                      ev.clientY >= menuRect.top &&\n                      ev.clientY <= menuRect.bottom;\n\n                    if (!clickInsideMenu) {\n                      setIsFiltersMenuOpen(false);\n                    }\n                  }\n                  handleFilterSubmit();\n                  setIsFilterPopoverOpen(false);\n                }}\n                open={isFilterPopoverOpen}\n                sx={{ marginLeft: 2, marginTop: -1 }}\n              >\n                <Box sx={{ padding: 4, minWidth: 320 }}>\n                  <form\n                    noValidate\n                    onSubmit={(ev) => {\n                      ev.preventDefault();\n                      handleFilterSubmit();\n                      setIsFilterPopoverOpen(false);\n                      setIsFiltersMenuOpen(false);\n                    }}\n                  >\n                    {filterPopoverCurrentFilter?.render ? (\n                      filterPopoverCurrentFilter.render(updateFilters)\n                    ) : (\n                      <>\n                        {/* Autocomplete */}\n                        {filterPopoverCurrentFilter?.variant ===\n                          \"autocomplete\" &&\n                          filterPopoverCurrentFilter?.options && (\n                            <StyledAutocompleteOuterContainer\n                              odysseyDesignTokens={odysseyDesignTokens}\n                            >\n                              <StyledAutocompleteInnerContainer>\n                                <Autocomplete\n                                  hasMultipleChoices\n                                  isCustomValueAllowed={\n                                    filterPopoverCurrentFilter?.isCustomValueAllowed\n                                  }\n                                  label={filterPopoverCurrentFilter.label}\n                                  onChange={(_, value) => {\n                                    handleAutocompleteFilterChange(\n                                      filterPopoverCurrentFilter.id,\n                                      value as Option[],\n                                    );\n                                  }}\n                                  options={autocompleteOptions}\n                                  value={autoCompleteValue}\n                                />\n                              </StyledAutocompleteInnerContainer>\n                              <Button\n                                ariaLabel={t(\"filters.submit.label\")}\n                                endIcon={<CheckIcon />}\n                                type=\"submit\"\n                                variant=\"primary\"\n                              />\n                            </StyledAutocompleteOuterContainer>\n                          )}\n                        {/* Text, Number, or undefined */}\n                        {(filterPopoverCurrentFilter?.variant === \"text\" ||\n                          filterPopoverCurrentFilter?.variant === \"range\" ||\n                          (filterPopoverCurrentFilter &&\n                            filterPopoverCurrentFilter?.variant ==\n                              undefined)) && (\n                          <Box\n                            sx={{\n                              display: \"flex\",\n                              gap: 2,\n                              alignItems: \"flex-end\",\n                            }}\n                          >\n                            <Box sx={{ width: \"100%\" }}>\n                              <TextField\n                                endAdornment={\n                                  inputValues[\n                                    filterPopoverCurrentFilter.id\n                                  ] && (\n                                    <MuiIconButton\n                                      aria-label={t(\"filters.filter.clear\")}\n                                      onClick={() => {\n                                        updateInputValue({\n                                          filterId:\n                                            filterPopoverCurrentFilter.id,\n                                          value: undefined,\n                                        });\n\n                                        updateFilters({\n                                          filterId:\n                                            filterPopoverCurrentFilter.id,\n                                          value: undefined,\n                                        });\n                                      }}\n                                      size=\"small\"\n                                    >\n                                      <CloseCircleFilledIcon />\n                                    </MuiIconButton>\n                                  )\n                                }\n                                hasInitialFocus\n                                label={filterPopoverCurrentFilter.label}\n                                onChange={(ev) =>\n                                  updateInputValue({\n                                    filterId: filterPopoverCurrentFilter.id,\n                                    value: ev.currentTarget.value,\n                                  })\n                                }\n                                type={\n                                  filterPopoverCurrentFilter.variant === \"range\"\n                                    ? \"number\"\n                                    : \"text\"\n                                }\n                                value={\n                                  (inputValues[\n                                    filterPopoverCurrentFilter.id\n                                  ] as string) ?? \"\"\n                                }\n                              />\n                            </Box>\n                            <Button\n                              ariaLabel={t(\"filters.submit.label\")}\n                              endIcon={<CheckIcon />}\n                              type=\"submit\"\n                              variant=\"primary\"\n                            />\n                          </Box>\n                        )}\n\n                        {/* Checkbox */}\n                        {filterPopoverCurrentFilter?.variant ===\n                          \"multi-select\" &&\n                          filterPopoverCurrentFilter?.options && (\n                            <CheckboxGroup\n                              isRequired\n                              label={filterPopoverCurrentFilter.label}\n                            >\n                              {filterPopoverCurrentFilter.options.map(\n                                (option: { label: string; value: string }) => {\n                                  const checkFilterInputValuesAsArray =\n                                    (inputValues[\n                                      filterPopoverCurrentFilter.id\n                                    ] as Option[]) || [];\n                                  const isOptionValueInInputValues =\n                                    checkFilterInputValuesAsArray.some(\n                                      (inputValue) =>\n                                        inputValue.value === option.value,\n                                    );\n                                  return (\n                                    <Checkbox\n                                      isChecked={isOptionValueInInputValues}\n                                      key={option.value}\n                                      label={option.label}\n                                      onChange={(_, checked) => {\n                                        handleCheckboxFilterAndInputValueChange(\n                                          filterPopoverCurrentFilter.id,\n                                          option,\n                                          checked,\n                                        );\n                                      }}\n                                      value={option.value}\n                                    />\n                                  );\n                                },\n                              )}\n                            </CheckboxGroup>\n                          )}\n\n                        {/* Radio */}\n                        {filterPopoverCurrentFilter?.variant === \"select\" &&\n                          filterPopoverCurrentFilter?.options && (\n                            <RadioGroup\n                              label={filterPopoverCurrentFilter.label}\n                              onChange={(_, value) => {\n                                updateFilterAndInputValues({\n                                  filterId: filterPopoverCurrentFilter.id,\n                                  value,\n                                });\n                              }}\n                            >\n                              <Radio\n                                isChecked={\n                                  !inputValues[filterPopoverCurrentFilter.id]\n                                }\n                                label={t(\"filters.filter.any\")}\n                                value={\"\"}\n                              />\n                              <>\n                                {filterPopoverCurrentFilter.options.map(\n                                  (option: {\n                                    label: string;\n                                    value: string;\n                                  }) => (\n                                    <Radio\n                                      isChecked={\n                                        inputValues[\n                                          filterPopoverCurrentFilter.id\n                                        ] === option.value\n                                      }\n                                      key={option.value}\n                                      label={option.label}\n                                      value={option.value}\n                                    />\n                                  ),\n                                )}\n                              </>\n                            </RadioGroup>\n                          )}\n                      </>\n                    )}\n                  </form>\n                </Box>\n              </MuiPopover>\n            </>\n          )}\n\n          {/* Search */}\n          {onChangeSearch && (\n            <form\n              onSubmit={(event) => {\n                event.preventDefault();\n                if (hasSearchSubmitButton) {\n                  onChangeSearch(searchValue);\n                }\n              }}\n              style={{ width: \"100%\" }}\n            >\n              <Box sx={{ display: \"flex\", gap: 2, width: \"100%\" }}>\n                <SearchField\n                  isDisabled={isDisabled}\n                  label={t(\"filters.search.label\")}\n                  onChange={(ev) => setSearchValue(ev.target.value)}\n                  onClear={() => {\n                    setSearchValue(\"\");\n                    onChangeSearch(\"\");\n                  }}\n                  placeholder={t(\"filters.search.label\")}\n                  value={searchValue}\n                />\n                {hasSearchSubmitButton && (\n                  <Box>\n                    <Button\n                      isDisabled={isDisabled}\n                      label={t(\"filters.search.label\")}\n                      onClick={() => onChangeSearch(searchValue)}\n                      variant=\"primary\"\n                    />\n                  </Box>\n                )}\n              </Box>\n            </form>\n          )}\n        </Box>\n\n        {/* Upper section right (clear filters & additional actions) */}\n        <Box sx={{ display: \"flex\", gap: 2 }}>\n          {activeFilters.length > 0 && (\n            <Box>\n              <Button\n                label={t(\"filters.clear.label\")}\n                onClick={clearAllFilters}\n                variant=\"secondary\"\n              />\n            </Box>\n          )}\n          {additionalActions}\n        </Box>\n      </Box>\n\n      {/* Lower section */}\n      {activeFilters.length > 0 && (\n        <Box\n          sx={{\n            borderTopWidth: 1,\n            borderTopColor: \"#eeeeee\",\n            borderTopStyle: \"solid\",\n            paddingTop: 4,\n            marginTop: 4,\n          }}\n        >\n          <MemoizedFilterTags\n            activeFilters={activeFilters}\n            updateFilterAndInputValues={updateFilterAndInputValues}\n          />\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataFilters = memo(DataFilters);\nMemoizedDataFilters.displayName = \"DataFilters\";\n\nexport { MemoizedDataFilters as DataFilters };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataFilters.js","names":["styled","memo","useCallback","useEffect","useMemo","useRef","useState","Autocomplete","Box","Button","Checkbox","CheckboxGroup","Radio","RadioGroup","Trans","useTranslation","CheckIcon","ChevronRightIcon","CloseCircleFilledIcon","FilterIcon","useOdysseyDesignTokens","SearchField","Tag","TagList","TextField","Subordinate","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StyledAutocompleteOuterContainer","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","gap","Spacing2","StyledAutocompleteInnerContainer","width","FilterTags","activeFilters","updateFilterAndInputValues","filtersWithValues","filter","activeFilter","value","filtersToRender","forEach","Array","isArray","filterValue","optionLabel","label","optionValue","push","filterId","id","filterLabel","getFilter","find","removeValueFromFilterAndInput","removedFilterValue","currentFilter","updatedValues","currentValue","length","undefined","children","map","chip","onRemove","MemoizedFilterTags","displayName","DataFilters","onChangeSearch","onChangeFilters","hasSearchSubmitButton","searchDelayTime","defaultSearchTerm","additionalActions","filters","filtersProp","isDisabled","setFilters","t","initialInputValues","reduce","accumulator","inputValues","setInputValues","searchValue","setSearchValue","isFiltersMenuOpen","setIsFiltersMenuOpen","filtersMenuAnchorElement","setFiltersMenuAnchorElement","isFilterPopoverOpen","setIsFilterPopoverOpen","filterPopoverAnchorElement","setFilterPopoverAnchorElement","filterPopoverCurrentFilter","setFilterPopoverCurrentFilter","menuRef","debouncer","current","clearTimeout","setTimeout","autocompleteOptions","options","updateInputValue","updateFilters","prevInputValues","updatedFilters","handleCheckboxFilterAndInputValueChange","option","checked","currentValues","inputValue","normalizedUpdatedValues","handleAutocompleteFilterChange","clearAllFilters","updatedInputValues","handleFilterSubmit","filterMenu","ariaControls","ariaExpanded","ariaHasPopup","ariaLabel","endIcon","onClick","event","currentTarget","variant","_Menu","anchorEl","anchorOrigin","horizontal","vertical","onClose","open","PaperProps","ref","transformOrigin","latestFilterValue","f","_MenuItem","className","selected","sx","justifyContent","minWidth","paddingBlock","paddingInlineStart","marginRight","_Typography","fontWeight","marginBlockEnd","component","i18nKey","values","toLowerCase","count","autoCompleteValue","maxWidth","_Popover","elevation","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","marginLeft","marginTop","padding","noValidate","onSubmit","preventDefault","render","hasMultipleChoices","isCustomValueAllowed","onChange","_","type","endAdornment","_IconButton","size","hasInitialFocus","isRequired","checkFilterInputValuesAsArray","isOptionValueInInputValues","some","isChecked","style","target","onClear","placeholder","borderTopWidth","borderTopColor","borderTopStyle","paddingTop","MemoizedDataFilters"],"sources":["../../../src/labs/DataFilters.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  IconButton as MuiIconButton,\n  Menu as MuiMenu,\n  MenuItem as MuiMenuItem,\n  Popover as MuiPopover,\n  Typography as MuiTypography,\n} from \"@mui/material\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\nimport {\n  memo,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Autocomplete } from \"../Autocomplete.js\";\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { Checkbox } from \"../Fields/Checkbox.js\";\nimport { CheckboxGroup } from \"../Fields/CheckboxGroup.js\";\nimport { Radio } from \"../Fields/Radio.js\";\nimport { RadioGroup } from \"../Fields/RadioGroup.js\";\nimport { Trans, useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  CheckIcon,\n  ChevronRightIcon,\n  CloseCircleFilledIcon,\n  FilterIcon,\n} from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { SearchField } from \"../SearchField.js\";\nimport { Tag } from \"../Tag.js\";\nimport { TagList } from \"../TagList.js\";\nimport { TextField } from \"../TextField.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst StyledAutocompleteOuterContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAutocompleteInnerContainer = styled(\"div\")({\n  width: \"100%\",\n});\n\ntype Option = {\n  label: string;\n  value: string;\n};\n\nexport type DataFilterValue = string | string[] | Option[] | undefined;\n\nexport type UpdateFiltersOrValues = ({\n  filterId,\n  value,\n}: {\n  filterId: string;\n  value: DataFilterValue;\n}) => void;\n\n// This is the shape of each individual filter\nexport type DataFilter = {\n  /**\n   * A unique ID for the filter, typically the same id\n   * as the column it'll be applied to.\n   */\n  id: Exclude<MRT_ColumnDef<MRT_RowData>[\"accessorKey\"], undefined>;\n  /**\n   * `Autocomplete` normally only allows values that exist in the list box. This feature allows you to enter in any value in the text field and have that be the stored value in `Autocomplete`\n   *\n   * NOTE: This only applies when `variant` is `autocomplete`\n   */\n  isCustomValueAllowed?: boolean;\n  /**\n   * The human-friendly name of the filter.\n   */\n  label: string;\n  /**\n   * If the filter control has preset options (such as a select or multi-select),\n   * these are the options provided.\n   */\n  options?: Option[];\n  /**\n   * A callback which renders a custom filter control\n   */\n  render?: (updateFilters: UpdateFiltersOrValues) => ReactNode;\n  /**\n   * The current value of the filter. Typically a string, but\n   * filters that allow for multiple selections (such as multi-select)\n   * can accept an array.\n   */\n  value?: DataFilterValue;\n  /**\n   * The type of filter, which determines which filtering control\n   * is shown.\n   */\n  variant?: MRT_ColumnDef<MRT_RowData>[\"filterVariant\"];\n};\n\n// This is the type of the DataFilters component itself\nexport type DataFiltersProps = {\n  /**\n   * A slot for optional additional actions, like buttons, to be displayed\n   * on the opposite side of the top row from the search and filter controls.\n   */\n  additionalActions?: ReactNode;\n  /**\n   * The starting value of the search input\n   */\n  defaultSearchTerm?: string;\n  /**\n   * The filters available in the filter menu. If undefined,\n   * the filter menu won't be shown.\n   */\n  filters?: Array<DataFilter>;\n  /**\n   * If true, a Search button will be provided alongside the search input\n   * and `onChangeSearch` will fire when the button is clicked, rather than\n   * whenever the input value changes.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * If true, the filter and search will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * The callback that's fired when filter values change.\n   */\n  onChangeFilters?: (filters: Array<DataFilter>) => void;\n  /**\n   * The callback that's fired when the search input changes\n   * (either on change or on submit, based on the value of `hasSearchSubmitButton`).\n   * If this is undefined, the search input will not be shown.\n   */\n  onChangeSearch?: (value: string) => void;\n  /**\n   * The debounce time, in milliseconds, for the search input firing\n   * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n   * this doesn't do anything.\n   */\n  searchDelayTime?: number;\n};\n\ntype FilterTagsProps = {\n  activeFilters: DataFilter[];\n  updateFilterAndInputValues: UpdateFiltersOrValues;\n};\n\ntype FiltersToRender = {\n  filterId: string;\n  filterLabel: string;\n  optionLabel: string;\n  optionValue: string;\n};\n\nconst FilterTags = ({\n  activeFilters,\n  updateFilterAndInputValues,\n}: FilterTagsProps) => {\n  const filtersWithValues = activeFilters.filter(\n    (activeFilter: DataFilter) => activeFilter.value,\n  );\n  const filtersToRender: FiltersToRender[] = [];\n\n  filtersWithValues.forEach((filter) => {\n    if (Array.isArray(filter.value)) {\n      filter.value.forEach((filterValue) => {\n        const optionLabel =\n          typeof filterValue === \"string\" ? filterValue : filterValue.label;\n        const optionValue =\n          typeof filterValue === \"string\" ? filterValue : filterValue.value;\n        filtersToRender.push({\n          filterId: filter.id,\n          filterLabel: filter.label,\n          optionLabel,\n          optionValue,\n        });\n      });\n    }\n    if (typeof filter.value === \"string\") {\n      filtersToRender.push({\n        filterId: filter.id,\n        filterLabel: filter.label,\n        optionLabel: filter.value,\n        optionValue: filter.value,\n      });\n    }\n  });\n\n  const getFilter = (id: string) =>\n    filtersWithValues.find((filter) => filter.id === id);\n\n  const removeValueFromFilterAndInput = (\n    id: string,\n    removedFilterValue: string,\n  ) => {\n    const currentFilter = getFilter(id);\n\n    if (currentFilter) {\n      const { value } = currentFilter;\n\n      if (Array.isArray(value)) {\n        const updatedValues = value.filter((currentValue) => {\n          return (currentValue as Option).value !== removedFilterValue;\n        });\n        updateFilterAndInputValues({\n          filterId: id,\n          value:\n            updatedValues.length > 0 ? (updatedValues as Option[]) : undefined,\n        });\n      }\n\n      if (typeof value === \"string\") {\n        updateFilterAndInputValues({\n          filterId: id,\n          value: undefined,\n        });\n      }\n    }\n  };\n\n  return (\n    <TagList>\n      {filtersToRender.map((chip) => (\n        <Tag\n          key={`${chip.filterLabel}: ${chip.optionValue}`}\n          label={`${chip.filterLabel}: ${chip.optionLabel}`}\n          onRemove={() =>\n            removeValueFromFilterAndInput(chip.filterId, chip.optionValue)\n          }\n        />\n      ))}\n    </TagList>\n  );\n};\n\nconst MemoizedFilterTags = memo(FilterTags);\nMemoizedFilterTags.displayName = \"FilterTags\";\n\nconst DataFilters = ({\n  onChangeSearch,\n  onChangeFilters,\n  hasSearchSubmitButton = false,\n  searchDelayTime = 200,\n  defaultSearchTerm = \"\",\n  additionalActions,\n  filters: filtersProp = [],\n  isDisabled,\n}: DataFiltersProps) => {\n  const [filters, setFilters] = useState<DataFilter[]>(filtersProp);\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const initialInputValues = useMemo(() => {\n    return filtersProp.reduce(\n      (accumulator, filter) => {\n        accumulator[filter.id] = filter.value;\n        return accumulator;\n      },\n      {} as Record<string, DataFilterValue>,\n    );\n  }, [filtersProp]);\n\n  const [inputValues, setInputValues] = useState(initialInputValues);\n\n  const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);\n\n  const activeFilters = useMemo(() => {\n    return filters.filter((filter) => filter.value);\n  }, [filters]);\n\n  const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);\n\n  const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n\n  const [isFilterPopoverOpen, setIsFilterPopoverOpen] =\n    useState<boolean>(false);\n\n  const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n\n  const [filterPopoverCurrentFilter, setFilterPopoverCurrentFilter] = useState<\n    DataFilter | undefined\n  >();\n\n  const menuRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    onChangeFilters?.(filters);\n  }, [filters, onChangeFilters]);\n\n  const debouncer = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  useEffect(() => {\n    if (!hasSearchSubmitButton) {\n      if (debouncer.current) {\n        clearTimeout(debouncer.current);\n      }\n\n      debouncer.current = setTimeout(() => {\n        onChangeSearch?.(searchValue ?? \"\");\n      }, searchDelayTime);\n    }\n  }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);\n\n  const autocompleteOptions = useMemo(() => {\n    return filterPopoverCurrentFilter?.options || [];\n  }, [filterPopoverCurrentFilter]);\n\n  const updateInputValue = useCallback<UpdateFiltersOrValues>(\n    ({ filterId, value }) => {\n      setInputValues({ ...inputValues, [filterId]: value });\n    },\n    [inputValues],\n  );\n\n  const updateFilters = useCallback<UpdateFiltersOrValues>(\n    ({ filterId, value }) => {\n      setInputValues((prevInputValues) => ({\n        ...prevInputValues,\n        [filterId]: value,\n      }));\n      const updatedFilters = filtersProp.map((filter) => ({\n        ...filter,\n        value: filter.id === filterId ? value : inputValues[filter.id],\n      }));\n      setFilters(updatedFilters);\n    },\n    [inputValues, filtersProp],\n  );\n\n  const updateFilterAndInputValues = useCallback<UpdateFiltersOrValues>(\n    ({ filterId, value }) => {\n      updateInputValue({ filterId, value });\n      updateFilters({ filterId, value });\n    },\n    [updateFilters, updateInputValue],\n  );\n\n  const handleCheckboxFilterAndInputValueChange = useCallback<\n    (filterId: string, option: Option, checked: boolean) => void\n  >(\n    (filterId, option, checked) => {\n      const currentValues = (inputValues[filterId] as Option[]) || [];\n\n      const updatedValues = checked\n        ? [...currentValues, option]\n        : currentValues.filter(\n            (inputValue) => inputValue.value !== option.value,\n          );\n\n      const normalizedUpdatedValues =\n        updatedValues.length > 0 ? updatedValues : undefined;\n\n      setInputValues({\n        ...inputValues,\n        [filterId]: normalizedUpdatedValues,\n      });\n\n      const updatedFilters = filters.map((filter) => ({\n        ...filter,\n        value:\n          filter.id === filterId\n            ? normalizedUpdatedValues\n            : inputValues[filter.id],\n      }));\n\n      setFilters(updatedFilters);\n    },\n    [filters, inputValues],\n  );\n\n  const handleAutocompleteFilterChange = useCallback<\n    (filterId: string, option: Option[]) => void\n  >(\n    (filterId, option) => {\n      setInputValues({ ...inputValues, [filterId]: option });\n    },\n    [inputValues],\n  );\n\n  const clearAllFilters = useCallback(() => {\n    const updatedInputValues = filtersProp.reduce(\n      (accumulator, filter) => {\n        accumulator[filter.id] = undefined;\n        return accumulator;\n      },\n      {} as Record<string, DataFilterValue>,\n    );\n\n    setInputValues(updatedInputValues);\n\n    const updatedFilters = filtersProp.map((filter) => ({\n      ...filter,\n      value: undefined,\n    }));\n\n    setFilters(updatedFilters);\n  }, [filtersProp]);\n\n  const handleFilterSubmit = useCallback(() => {\n    const updatedFilters = filtersProp.map((filter) => ({\n      ...filter,\n      value: inputValues[filter.id],\n    }));\n\n    setFilters(updatedFilters);\n  }, [inputValues, filtersProp]);\n\n  const filterMenu = useMemo(\n    () => (\n      <>\n        <Box>\n          <Button\n            ariaControls={isFiltersMenuOpen ? \"filters-menu\" : undefined}\n            ariaExpanded={isFiltersMenuOpen ? \"true\" : undefined}\n            ariaHasPopup=\"true\"\n            ariaLabel={t(\"filters.filters.arialabel\")}\n            endIcon={<FilterIcon />}\n            isDisabled={isDisabled}\n            onClick={(event) => {\n              setFiltersMenuAnchorElement(event.currentTarget);\n              setIsFiltersMenuOpen(true);\n            }}\n            variant=\"secondary\"\n          />\n        </Box>\n\n        <MuiMenu\n          anchorEl={filtersMenuAnchorElement}\n          anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n          id=\"filters-menu\"\n          onClose={() => setIsFiltersMenuOpen(false)}\n          open={isFiltersMenuOpen}\n          PaperProps={{\n            ref: menuRef as MutableRefObject<HTMLDivElement>,\n          }}\n          transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n        >\n          {filtersProp.map((filter) => {\n            // Unintuitively, we can't just use filter.value to grab the filter value.\n            // `filter` is the initial set of filters provided to the component, so its\n            // value prop may not reflect the current value of the filter.\n            const latestFilterValue = filters.find(\n              (f) => f.id === filter.id,\n            )?.value;\n\n            return (\n              <MuiMenuItem\n                aria-controls={isFilterPopoverOpen ? \"filter-form\" : undefined}\n                className={\n                  filterPopoverCurrentFilter === filter &&\n                  isFilterPopoverOpen === true\n                    ? \"isVisiblySelected\"\n                    : undefined\n                }\n                key={filter.id}\n                onClick={(event) => {\n                  setIsFilterPopoverOpen(true);\n                  setFilterPopoverAnchorElement(event.currentTarget);\n                  setFilterPopoverCurrentFilter(filter);\n                }}\n                selected={\n                  filterPopoverCurrentFilter === filter &&\n                  isFilterPopoverOpen === true\n                }\n              >\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"space-between\",\n                    width: \"100%\",\n                    minWidth: 180,\n                    paddingBlock: 1,\n                    paddingInlineStart: 2,\n                  }}\n                >\n                  <Box sx={{ marginRight: 2 }}>\n                    <MuiTypography fontWeight=\"500\" sx={{ marginBlockEnd: 2 }}>\n                      {filter.label}\n                    </MuiTypography>\n                    <Subordinate component=\"div\">\n                      {!latestFilterValue ||\n                      (Array.isArray(latestFilterValue) &&\n                        latestFilterValue.length === 0) ? (\n                        <Trans\n                          i18nKey=\"filters.menuitem.any\"\n                          values={{\n                            label: filter.label.toLowerCase(),\n                          }}\n                        />\n                      ) : Array.isArray(latestFilterValue) ? (\n                        <Trans\n                          count={latestFilterValue.length}\n                          i18nKey=\"filters.menuitem.selected\"\n                          values={{\n                            selected: latestFilterValue.length,\n                          }}\n                        />\n                      ) : (\n                        latestFilterValue\n                      )}\n                    </Subordinate>\n                  </Box>\n                  <ChevronRightIcon />\n                </Box>\n              </MuiMenuItem>\n            );\n          })}\n        </MuiMenu>\n      </>\n    ),\n    [\n      isFiltersMenuOpen,\n      isDisabled,\n      filterPopoverCurrentFilter,\n      isFilterPopoverOpen,\n      filtersMenuAnchorElement,\n      filtersProp,\n      filters,\n      t,\n    ],\n  );\n\n  const autoCompleteValue = useMemo(\n    () =>\n      filterPopoverCurrentFilter?.id\n        ? (inputValues[filterPopoverCurrentFilter.id] as Option[])\n        : undefined,\n    [filterPopoverCurrentFilter, inputValues],\n  );\n\n  return (\n    <Box>\n      {/* Upper section */}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\n        {/* Upper section left (filters and search) */}\n        <Box sx={{ display: \"flex\", gap: 2, width: \"50%\", maxWidth: 480 }}>\n          {/* Filter menu */}\n          {filters.length > 0 && (\n            <>\n              {filterMenu}\n              {/* Filter popover */}\n              <MuiPopover\n                anchorEl={filterPopoverAnchorElement}\n                anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n                // Positions the popover flush with the edge of the parent menu\n                // and at the right shadow elevation. These magic values are simply\n                // to match the default popover offset.\n                elevation={2}\n                id=\"filter-form\"\n                onClose={(ev: MouseEvent) => {\n                  if (menuRef.current) {\n                    const menuRect = menuRef.current.getBoundingClientRect();\n                    const clickInsideMenu =\n                      ev.clientX >= menuRect.left &&\n                      ev.clientX <= menuRect.right &&\n                      ev.clientY >= menuRect.top &&\n                      ev.clientY <= menuRect.bottom;\n\n                    if (!clickInsideMenu) {\n                      setIsFiltersMenuOpen(false);\n                    }\n                  }\n                  handleFilterSubmit();\n                  setIsFilterPopoverOpen(false);\n                }}\n                open={isFilterPopoverOpen}\n                sx={{ marginLeft: 2, marginTop: -1 }}\n              >\n                <Box sx={{ padding: 4, minWidth: 320 }}>\n                  <form\n                    noValidate\n                    onSubmit={(ev) => {\n                      ev.preventDefault();\n                      handleFilterSubmit();\n                      setIsFilterPopoverOpen(false);\n                      setIsFiltersMenuOpen(false);\n                    }}\n                  >\n                    {filterPopoverCurrentFilter?.render ? (\n                      filterPopoverCurrentFilter.render(updateFilters)\n                    ) : (\n                      <>\n                        {/* Autocomplete */}\n                        {filterPopoverCurrentFilter?.variant ===\n                          \"autocomplete\" &&\n                          filterPopoverCurrentFilter?.options && (\n                            <StyledAutocompleteOuterContainer\n                              odysseyDesignTokens={odysseyDesignTokens}\n                            >\n                              <StyledAutocompleteInnerContainer>\n                                <Autocomplete\n                                  hasMultipleChoices\n                                  isCustomValueAllowed={\n                                    filterPopoverCurrentFilter?.isCustomValueAllowed\n                                  }\n                                  label={filterPopoverCurrentFilter.label}\n                                  onChange={(_, value) => {\n                                    handleAutocompleteFilterChange(\n                                      filterPopoverCurrentFilter.id,\n                                      value as Option[],\n                                    );\n                                  }}\n                                  options={autocompleteOptions}\n                                  value={autoCompleteValue}\n                                />\n                              </StyledAutocompleteInnerContainer>\n                              <Button\n                                ariaLabel={t(\"filters.submit.label\")}\n                                endIcon={<CheckIcon />}\n                                type=\"submit\"\n                                variant=\"primary\"\n                              />\n                            </StyledAutocompleteOuterContainer>\n                          )}\n                        {/* Text, Number, or undefined */}\n                        {(filterPopoverCurrentFilter?.variant === \"text\" ||\n                          filterPopoverCurrentFilter?.variant === \"range\" ||\n                          (filterPopoverCurrentFilter &&\n                            filterPopoverCurrentFilter?.variant ==\n                              undefined)) && (\n                          <Box\n                            sx={{\n                              display: \"flex\",\n                              gap: 2,\n                              alignItems: \"flex-end\",\n                            }}\n                          >\n                            <Box sx={{ width: \"100%\" }}>\n                              <TextField\n                                endAdornment={\n                                  inputValues[\n                                    filterPopoverCurrentFilter.id\n                                  ] && (\n                                    <MuiIconButton\n                                      aria-label={t(\"filters.filter.clear\")}\n                                      onClick={() => {\n                                        updateInputValue({\n                                          filterId:\n                                            filterPopoverCurrentFilter.id,\n                                          value: undefined,\n                                        });\n\n                                        updateFilters({\n                                          filterId:\n                                            filterPopoverCurrentFilter.id,\n                                          value: undefined,\n                                        });\n                                      }}\n                                      size=\"small\"\n                                    >\n                                      <CloseCircleFilledIcon />\n                                    </MuiIconButton>\n                                  )\n                                }\n                                hasInitialFocus\n                                label={filterPopoverCurrentFilter.label}\n                                onChange={(ev) =>\n                                  updateInputValue({\n                                    filterId: filterPopoverCurrentFilter.id,\n                                    value: ev.currentTarget.value,\n                                  })\n                                }\n                                type={\n                                  filterPopoverCurrentFilter.variant === \"range\"\n                                    ? \"number\"\n                                    : \"text\"\n                                }\n                                value={\n                                  (inputValues[\n                                    filterPopoverCurrentFilter.id\n                                  ] as string) ?? \"\"\n                                }\n                              />\n                            </Box>\n                            <Button\n                              ariaLabel={t(\"filters.submit.label\")}\n                              endIcon={<CheckIcon />}\n                              type=\"submit\"\n                              variant=\"primary\"\n                            />\n                          </Box>\n                        )}\n\n                        {/* Checkbox */}\n                        {filterPopoverCurrentFilter?.variant ===\n                          \"multi-select\" &&\n                          filterPopoverCurrentFilter?.options && (\n                            <CheckboxGroup\n                              isRequired\n                              label={filterPopoverCurrentFilter.label}\n                            >\n                              {filterPopoverCurrentFilter.options.map(\n                                (option: { label: string; value: string }) => {\n                                  const checkFilterInputValuesAsArray =\n                                    (inputValues[\n                                      filterPopoverCurrentFilter.id\n                                    ] as Option[]) || [];\n                                  const isOptionValueInInputValues =\n                                    checkFilterInputValuesAsArray.some(\n                                      (inputValue) =>\n                                        inputValue.value === option.value,\n                                    );\n                                  return (\n                                    <Checkbox\n                                      isChecked={isOptionValueInInputValues}\n                                      key={option.value}\n                                      label={option.label}\n                                      onChange={(_, checked) => {\n                                        handleCheckboxFilterAndInputValueChange(\n                                          filterPopoverCurrentFilter.id,\n                                          option,\n                                          checked,\n                                        );\n                                      }}\n                                      value={option.value}\n                                    />\n                                  );\n                                },\n                              )}\n                            </CheckboxGroup>\n                          )}\n\n                        {/* Radio */}\n                        {filterPopoverCurrentFilter?.variant === \"select\" &&\n                          filterPopoverCurrentFilter?.options && (\n                            <RadioGroup\n                              label={filterPopoverCurrentFilter.label}\n                              onChange={(_, value) => {\n                                updateFilterAndInputValues({\n                                  filterId: filterPopoverCurrentFilter.id,\n                                  value,\n                                });\n                              }}\n                            >\n                              <Radio\n                                isChecked={\n                                  !inputValues[filterPopoverCurrentFilter.id]\n                                }\n                                label={t(\"filters.filter.any\")}\n                                value={\"\"}\n                              />\n                              <>\n                                {filterPopoverCurrentFilter.options.map(\n                                  (option: {\n                                    label: string;\n                                    value: string;\n                                  }) => (\n                                    <Radio\n                                      isChecked={\n                                        inputValues[\n                                          filterPopoverCurrentFilter.id\n                                        ] === option.value\n                                      }\n                                      key={option.value}\n                                      label={option.label}\n                                      value={option.value}\n                                    />\n                                  ),\n                                )}\n                              </>\n                            </RadioGroup>\n                          )}\n                      </>\n                    )}\n                  </form>\n                </Box>\n              </MuiPopover>\n            </>\n          )}\n\n          {/* Search */}\n          {onChangeSearch && (\n            <form\n              onSubmit={(event) => {\n                event.preventDefault();\n                if (hasSearchSubmitButton) {\n                  onChangeSearch(searchValue);\n                }\n              }}\n              style={{ width: \"100%\" }}\n            >\n              <Box sx={{ display: \"flex\", gap: 2, width: \"100%\" }}>\n                <SearchField\n                  isDisabled={isDisabled}\n                  label={t(\"filters.search.label\")}\n                  onChange={(ev) => setSearchValue(ev.target.value)}\n                  onClear={() => {\n                    setSearchValue(\"\");\n                    onChangeSearch(\"\");\n                  }}\n                  placeholder={t(\"filters.search.label\")}\n                  value={searchValue}\n                />\n                {hasSearchSubmitButton && (\n                  <Box>\n                    <Button\n                      isDisabled={isDisabled}\n                      label={t(\"filters.search.label\")}\n                      onClick={() => onChangeSearch(searchValue)}\n                      variant=\"primary\"\n                    />\n                  </Box>\n                )}\n              </Box>\n            </form>\n          )}\n        </Box>\n\n        {/* Upper section right (clear filters & additional actions) */}\n        <Box sx={{ display: \"flex\", gap: 2 }}>\n          {activeFilters.length > 0 && (\n            <Box>\n              <Button\n                label={t(\"filters.clear.label\")}\n                onClick={clearAllFilters}\n                variant=\"secondary\"\n              />\n            </Box>\n          )}\n          {additionalActions}\n        </Box>\n      </Box>\n\n      {/* Lower section */}\n      {activeFilters.length > 0 && (\n        <Box\n          sx={{\n            borderTopWidth: 1,\n            borderTopColor: \"#eeeeee\",\n            borderTopStyle: \"solid\",\n            paddingTop: 4,\n            marginTop: 4,\n          }}\n        >\n          <MemoizedFilterTags\n            activeFilters={activeFilters}\n            updateFilterAndInputValues={updateFilterAndInputValues}\n          />\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataFilters = memo(DataFilters);\nMemoizedDataFilters.displayName = \"DataFilters\";\n\nexport { MemoizedDataFilters as DataFilters };\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AASpC,SACEC,IAAI,EAGJC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,KAAK,EAAEC,cAAc,QAAQ,2BAA2B;AACjE,SACEC,SAAS,EACTC,gBAAgB,EAChBC,qBAAqB,EACrBC,UAAU,QACL,6BAA6B;AACpC,SAEEC,sBAAsB,QACjB,kCAAkC;AACzC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE/C,MAAMC,gCAAgC,GAAGhC,MAAM,CAAC,KAAK,EAAE;EACrDiC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,UAAU;EACtBC,GAAG,EAAEH,mBAAmB,CAACI;AAC3B,CAAC,CAAC,CAAC;AAEH,MAAMC,gCAAgC,GAAGxC,MAAM,CAAC,KAAK,CAAC,CAAC;EACrDyC,KAAK,EAAE;AACT,CAAC,CAAC;AAgHF,MAAMC,UAAU,GAAGA,CAAC;EAClBC,aAAa;EACbC;AACe,CAAC,KAAK;EACrB,MAAMC,iBAAiB,GAAGF,aAAa,CAACG,MAAM,CAC3CC,YAAwB,IAAKA,YAAY,CAACC,KAC7C,CAAC;EACD,MAAMC,eAAkC,GAAG,EAAE;EAE7CJ,iBAAiB,CAACK,OAAO,CAAEJ,MAAM,IAAK;IACpC,IAAIK,KAAK,CAACC,OAAO,CAACN,MAAM,CAACE,KAAK,CAAC,EAAE;MAC/BF,MAAM,CAACE,KAAK,CAACE,OAAO,CAAEG,WAAW,IAAK;QACpC,MAAMC,WAAW,GACf,OAAOD,WAAW,KAAK,QAAQ,GAAGA,WAAW,GAAGA,WAAW,CAACE,KAAK;QACnE,MAAMC,WAAW,GACf,OAAOH,WAAW,KAAK,QAAQ,GAAGA,WAAW,GAAGA,WAAW,CAACL,KAAK;QACnEC,eAAe,CAACQ,IAAI,CAAC;UACnBC,QAAQ,EAAEZ,MAAM,CAACa,EAAE;UACnBC,WAAW,EAAEd,MAAM,CAACS,KAAK;UACzBD,WAAW;UACXE;QACF,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ;IACA,IAAI,OAAOV,MAAM,CAACE,KAAK,KAAK,QAAQ,EAAE;MACpCC,eAAe,CAACQ,IAAI,CAAC;QACnBC,QAAQ,EAAEZ,MAAM,CAACa,EAAE;QACnBC,WAAW,EAAEd,MAAM,CAACS,KAAK;QACzBD,WAAW,EAAER,MAAM,CAACE,KAAK;QACzBQ,WAAW,EAAEV,MAAM,CAACE;MACtB,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EAEF,MAAMa,SAAS,GAAIF,EAAU,IAC3Bd,iBAAiB,CAACiB,IAAI,CAAEhB,MAAM,IAAKA,MAAM,CAACa,EAAE,KAAKA,EAAE,CAAC;EAEtD,MAAMI,6BAA6B,GAAGA,CACpCJ,EAAU,EACVK,kBAA0B,KACvB;IACH,MAAMC,aAAa,GAAGJ,SAAS,CAACF,EAAE,CAAC;IAEnC,IAAIM,aAAa,EAAE;MACjB,MAAM;QAAEjB;MAAM,CAAC,GAAGiB,aAAa;MAE/B,IAAId,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;QACxB,MAAMkB,aAAa,GAAGlB,KAAK,CAACF,MAAM,CAAEqB,YAAY,IAAK;UACnD,OAAQA,YAAY,CAAYnB,KAAK,KAAKgB,kBAAkB;QAC9D,CAAC,CAAC;QACFpB,0BAA0B,CAAC;UACzBc,QAAQ,EAAEC,EAAE;UACZX,KAAK,EACHkB,aAAa,CAACE,MAAM,GAAG,CAAC,GAAIF,aAAa,GAAgBG;QAC7D,CAAC,CAAC;MACJ;MAEA,IAAI,OAAOrB,KAAK,KAAK,QAAQ,EAAE;QAC7BJ,0BAA0B,CAAC;UACzBc,QAAQ,EAAEC,EAAE;UACZX,KAAK,EAAEqB;QACT,CAAC,CAAC;MACJ;IACF;EACF,CAAC;EAED,OACE1C,IAAA,CAACJ,OAAO;IAAA+C,QAAA,EACLrB,eAAe,CAACsB,GAAG,CAAEC,IAAI,IACxB7C,IAAA,CAACL,GAAG;MAEFiC,KAAK,EAAE,GAAGiB,IAAI,CAACZ,WAAW,KAAKY,IAAI,CAAClB,WAAW,EAAG;MAClDmB,QAAQ,EAAEA,CAAA,KACRV,6BAA6B,CAACS,IAAI,CAACd,QAAQ,EAAEc,IAAI,CAAChB,WAAW;IAC9D,GAJI,GAAGgB,IAAI,CAACZ,WAAW,KAAKY,IAAI,CAAChB,WAAW,EAK9C,CACF;EAAC,CACK,CAAC;AAEd,CAAC;AAED,MAAMkB,kBAAkB,GAAGzE,IAAI,CAACyC,UAAU,CAAC;AAC3CgC,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,MAAMC,WAAW,GAAGA,CAAC;EACnBC,cAAc;EACdC,eAAe;EACfC,qBAAqB,GAAG,KAAK;EAC7BC,eAAe,GAAG,GAAG;EACrBC,iBAAiB,GAAG,EAAE;EACtBC,iBAAiB;EACjBC,OAAO,EAAEC,WAAW,GAAG,EAAE;EACzBC;AACgB,CAAC,KAAK;EACtB,MAAM,CAACF,OAAO,EAAEG,UAAU,CAAC,GAAGhF,QAAQ,CAAe8E,WAAW,CAAC;EACjE,MAAM;IAAEG;EAAE,CAAC,GAAGxE,cAAc,CAAC,CAAC;EAC9B,MAAMoB,mBAAmB,GAAGf,sBAAsB,CAAC,CAAC;EAEpD,MAAMoE,kBAAkB,GAAGpF,OAAO,CAAC,MAAM;IACvC,OAAOgF,WAAW,CAACK,MAAM,CACvB,CAACC,WAAW,EAAE5C,MAAM,KAAK;MACvB4C,WAAW,CAAC5C,MAAM,CAACa,EAAE,CAAC,GAAGb,MAAM,CAACE,KAAK;MACrC,OAAO0C,WAAW;IACpB,CAAC,EACD,CAAC,CACH,CAAC;EACH,CAAC,EAAE,CAACN,WAAW,CAAC,CAAC;EAEjB,MAAM,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAGtF,QAAQ,CAACkF,kBAAkB,CAAC;EAElE,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGxF,QAAQ,CAAS2E,iBAAiB,CAAC;EAEzE,MAAMtC,aAAa,GAAGvC,OAAO,CAAC,MAAM;IAClC,OAAO+E,OAAO,CAACrC,MAAM,CAAEA,MAAM,IAAKA,MAAM,CAACE,KAAK,CAAC;EACjD,CAAC,EAAE,CAACmC,OAAO,CAAC,CAAC;EAEb,MAAM,CAACY,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG1F,QAAQ,CAAU,KAAK,CAAC;EAE1E,MAAM,CAAC2F,wBAAwB,EAAEC,2BAA2B,CAAC,GAAG5F,QAAQ,CAEtE,CAAC;EAEH,MAAM,CAAC6F,mBAAmB,EAAEC,sBAAsB,CAAC,GACjD9F,QAAQ,CAAU,KAAK,CAAC;EAE1B,MAAM,CAAC+F,0BAA0B,EAAEC,6BAA6B,CAAC,GAAGhG,QAAQ,CAE1E,CAAC;EAEH,MAAM,CAACiG,0BAA0B,EAAEC,6BAA6B,CAAC,GAAGlG,QAAQ,CAE1E,CAAC;EAEH,MAAMmG,OAAO,GAAGpG,MAAM,CAAiB,CAAC;EAExCF,SAAS,CAAC,MAAM;IACd2E,eAAe,GAAGK,OAAO,CAAC;EAC5B,CAAC,EAAE,CAACA,OAAO,EAAEL,eAAe,CAAC,CAAC;EAE9B,MAAM4B,SAAS,GAAGrG,MAAM,CAA6BgE,SAAS,CAAC;EAE/DlE,SAAS,CAAC,MAAM;IACd,IAAI,CAAC4E,qBAAqB,EAAE;MAC1B,IAAI2B,SAAS,CAACC,OAAO,EAAE;QACrBC,YAAY,CAACF,SAAS,CAACC,OAAO,CAAC;MACjC;MAEAD,SAAS,CAACC,OAAO,GAAGE,UAAU,CAAC,MAAM;QACnChC,cAAc,GAAGgB,WAAW,IAAI,EAAE,CAAC;MACrC,CAAC,EAAEb,eAAe,CAAC;IACrB;EACF,CAAC,EAAE,CAACH,cAAc,EAAEgB,WAAW,EAAEb,eAAe,EAAED,qBAAqB,CAAC,CAAC;EAEzE,MAAM+B,mBAAmB,GAAG1G,OAAO,CAAC,MAAM;IACxC,OAAOmG,0BAA0B,EAAEQ,OAAO,IAAI,EAAE;EAClD,CAAC,EAAE,CAACR,0BAA0B,CAAC,CAAC;EAEhC,MAAMS,gBAAgB,GAAG9G,WAAW,CAClC,CAAC;IAAEwD,QAAQ;IAAEV;EAAM,CAAC,KAAK;IACvB4C,cAAc,CAAC;MAAE,GAAGD,WAAW;MAAE,CAACjC,QAAQ,GAAGV;IAAM,CAAC,CAAC;EACvD,CAAC,EACD,CAAC2C,WAAW,CACd,CAAC;EAED,MAAMsB,aAAa,GAAG/G,WAAW,CAC/B,CAAC;IAAEwD,QAAQ;IAAEV;EAAM,CAAC,KAAK;IACvB4C,cAAc,CAAEsB,eAAe,KAAM;MACnC,GAAGA,eAAe;MAClB,CAACxD,QAAQ,GAAGV;IACd,CAAC,CAAC,CAAC;IACH,MAAMmE,cAAc,GAAG/B,WAAW,CAACb,GAAG,CAAEzB,MAAM,KAAM;MAClD,GAAGA,MAAM;MACTE,KAAK,EAAEF,MAAM,CAACa,EAAE,KAAKD,QAAQ,GAAGV,KAAK,GAAG2C,WAAW,CAAC7C,MAAM,CAACa,EAAE;IAC/D,CAAC,CAAC,CAAC;IACH2B,UAAU,CAAC6B,cAAc,CAAC;EAC5B,CAAC,EACD,CAACxB,WAAW,EAAEP,WAAW,CAC3B,CAAC;EAED,MAAMxC,0BAA0B,GAAG1C,WAAW,CAC5C,CAAC;IAAEwD,QAAQ;IAAEV;EAAM,CAAC,KAAK;IACvBgE,gBAAgB,CAAC;MAAEtD,QAAQ;MAAEV;IAAM,CAAC,CAAC;IACrCiE,aAAa,CAAC;MAAEvD,QAAQ;MAAEV;IAAM,CAAC,CAAC;EACpC,CAAC,EACD,CAACiE,aAAa,EAAED,gBAAgB,CAClC,CAAC;EAED,MAAMI,uCAAuC,GAAGlH,WAAW,CAGzD,CAACwD,QAAQ,EAAE2D,MAAM,EAAEC,OAAO,KAAK;IAC7B,MAAMC,aAAa,GAAI5B,WAAW,CAACjC,QAAQ,CAAC,IAAiB,EAAE;IAE/D,MAAMQ,aAAa,GAAGoD,OAAO,GACzB,CAAC,GAAGC,aAAa,EAAEF,MAAM,CAAC,GAC1BE,aAAa,CAACzE,MAAM,CACjB0E,UAAU,IAAKA,UAAU,CAACxE,KAAK,KAAKqE,MAAM,CAACrE,KAC9C,CAAC;IAEL,MAAMyE,uBAAuB,GAC3BvD,aAAa,CAACE,MAAM,GAAG,CAAC,GAAGF,aAAa,GAAGG,SAAS;IAEtDuB,cAAc,CAAC;MACb,GAAGD,WAAW;MACd,CAACjC,QAAQ,GAAG+D;IACd,CAAC,CAAC;IAEF,MAAMN,cAAc,GAAGhC,OAAO,CAACZ,GAAG,CAAEzB,MAAM,KAAM;MAC9C,GAAGA,MAAM;MACTE,KAAK,EACHF,MAAM,CAACa,EAAE,KAAKD,QAAQ,GAClB+D,uBAAuB,GACvB9B,WAAW,CAAC7C,MAAM,CAACa,EAAE;IAC7B,CAAC,CAAC,CAAC;IAEH2B,UAAU,CAAC6B,cAAc,CAAC;EAC5B,CAAC,EACD,CAAChC,OAAO,EAAEQ,WAAW,CACvB,CAAC;EAED,MAAM+B,8BAA8B,GAAGxH,WAAW,CAGhD,CAACwD,QAAQ,EAAE2D,MAAM,KAAK;IACpBzB,cAAc,CAAC;MAAE,GAAGD,WAAW;MAAE,CAACjC,QAAQ,GAAG2D;IAAO,CAAC,CAAC;EACxD,CAAC,EACD,CAAC1B,WAAW,CACd,CAAC;EAED,MAAMgC,eAAe,GAAGzH,WAAW,CAAC,MAAM;IACxC,MAAM0H,kBAAkB,GAAGxC,WAAW,CAACK,MAAM,CAC3C,CAACC,WAAW,EAAE5C,MAAM,KAAK;MACvB4C,WAAW,CAAC5C,MAAM,CAACa,EAAE,CAAC,GAAGU,SAAS;MAClC,OAAOqB,WAAW;IACpB,CAAC,EACD,CAAC,CACH,CAAC;IAEDE,cAAc,CAACgC,kBAAkB,CAAC;IAElC,MAAMT,cAAc,GAAG/B,WAAW,CAACb,GAAG,CAAEzB,MAAM,KAAM;MAClD,GAAGA,MAAM;MACTE,KAAK,EAAEqB;IACT,CAAC,CAAC,CAAC;IAEHiB,UAAU,CAAC6B,cAAc,CAAC;EAC5B,CAAC,EAAE,CAAC/B,WAAW,CAAC,CAAC;EAEjB,MAAMyC,kBAAkB,GAAG3H,WAAW,CAAC,MAAM;IAC3C,MAAMiH,cAAc,GAAG/B,WAAW,CAACb,GAAG,CAAEzB,MAAM,KAAM;MAClD,GAAGA,MAAM;MACTE,KAAK,EAAE2C,WAAW,CAAC7C,MAAM,CAACa,EAAE;IAC9B,CAAC,CAAC,CAAC;IAEH2B,UAAU,CAAC6B,cAAc,CAAC;EAC5B,CAAC,EAAE,CAACxB,WAAW,EAAEP,WAAW,CAAC,CAAC;EAE9B,MAAM0C,UAAU,GAAG1H,OAAO,CACxB,MACEyB,KAAA,CAAAE,SAAA;IAAAuC,QAAA,GACE3C,IAAA,CAACnB,GAAG;MAAA8D,QAAA,EACF3C,IAAA,CAAClB,MAAM;QACLsH,YAAY,EAAEhC,iBAAiB,GAAG,cAAc,GAAG1B,SAAU;QAC7D2D,YAAY,EAAEjC,iBAAiB,GAAG,MAAM,GAAG1B,SAAU;QACrD4D,YAAY,EAAC,MAAM;QACnBC,SAAS,EAAE3C,CAAC,CAAC,2BAA2B,CAAE;QAC1C4C,OAAO,EAAExG,IAAA,CAACR,UAAU,IAAE,CAAE;QACxBkE,UAAU,EAAEA,UAAW;QACvB+C,OAAO,EAAGC,KAAK,IAAK;UAClBnC,2BAA2B,CAACmC,KAAK,CAACC,aAAa,CAAC;UAChDtC,oBAAoB,CAAC,IAAI,CAAC;QAC5B,CAAE;QACFuC,OAAO,EAAC;MAAW,CACpB;IAAC,CACC,CAAC,EAEN5G,IAAA,CAAA6G,KAAA;MACEC,QAAQ,EAAExC,wBAAyB;MACnCyC,YAAY,EAAE;QAAEC,UAAU,EAAE,MAAM;QAAEC,QAAQ,EAAE;MAAS,CAAE;MACzDjF,EAAE,EAAC,cAAc;MACjBkF,OAAO,EAAEA,CAAA,KAAM7C,oBAAoB,CAAC,KAAK,CAAE;MAC3C8C,IAAI,EAAE/C,iBAAkB;MACxBgD,UAAU,EAAE;QACVC,GAAG,EAAEvC;MACP,CAAE;MACFwC,eAAe,EAAE;QAAEN,UAAU,EAAE,MAAM;QAAEC,QAAQ,EAAE;MAAM,CAAE;MAAAtE,QAAA,EAExDc,WAAW,CAACb,GAAG,CAAEzB,MAAM,IAAK;QAI3B,MAAMoG,iBAAiB,GAAG/D,OAAO,CAACrB,IAAI,CACnCqF,CAAC,IAAKA,CAAC,CAACxF,EAAE,KAAKb,MAAM,CAACa,EACzB,CAAC,EAAEX,KAAK;QAER,OACErB,IAAA,CAAAyH,SAAA;UACE,iBAAejD,mBAAmB,GAAG,aAAa,GAAG9B,SAAU;UAC/DgF,SAAS,EACP9C,0BAA0B,KAAKzD,MAAM,IACrCqD,mBAAmB,KAAK,IAAI,GACxB,mBAAmB,GACnB9B,SACL;UAED+D,OAAO,EAAGC,KAAK,IAAK;YAClBjC,sBAAsB,CAAC,IAAI,CAAC;YAC5BE,6BAA6B,CAAC+B,KAAK,CAACC,aAAa,CAAC;YAClD9B,6BAA6B,CAAC1D,MAAM,CAAC;UACvC,CAAE;UACFwG,QAAQ,EACN/C,0BAA0B,KAAKzD,MAAM,IACrCqD,mBAAmB,KAAK,IACzB;UAAA7B,QAAA,EAEDzC,KAAA,CAACrB,GAAG;YACF+I,EAAE,EAAE;cACFnH,OAAO,EAAE,MAAM;cACfC,UAAU,EAAE,QAAQ;cACpBmH,cAAc,EAAE,eAAe;cAC/B/G,KAAK,EAAE,MAAM;cACbgH,QAAQ,EAAE,GAAG;cACbC,YAAY,EAAE,CAAC;cACfC,kBAAkB,EAAE;YACtB,CAAE;YAAArF,QAAA,GAEFzC,KAAA,CAACrB,GAAG;cAAC+I,EAAE,EAAE;gBAAEK,WAAW,EAAE;cAAE,CAAE;cAAAtF,QAAA,GAC1B3C,IAAA,CAAAkI,WAAA;gBAAeC,UAAU,EAAC,KAAK;gBAACP,EAAE,EAAE;kBAAEQ,cAAc,EAAE;gBAAE,CAAE;gBAAAzF,QAAA,EACvDxB,MAAM,CAACS;cAAK,CACA,CAAC,EAChB5B,IAAA,CAACF,WAAW;gBAACuI,SAAS,EAAC,KAAK;gBAAA1F,QAAA,EACzB,CAAC4E,iBAAiB,IAClB/F,KAAK,CAACC,OAAO,CAAC8F,iBAAiB,CAAC,IAC/BA,iBAAiB,CAAC9E,MAAM,KAAK,CAAE,GAC/BzC,IAAA,CAACb,KAAK;kBACJmJ,OAAO,EAAC,sBAAsB;kBAC9BC,MAAM,EAAE;oBACN3G,KAAK,EAAET,MAAM,CAACS,KAAK,CAAC4G,WAAW,CAAC;kBAClC;gBAAE,CACH,CAAC,GACAhH,KAAK,CAACC,OAAO,CAAC8F,iBAAiB,CAAC,GAClCvH,IAAA,CAACb,KAAK;kBACJsJ,KAAK,EAAElB,iBAAiB,CAAC9E,MAAO;kBAChC6F,OAAO,EAAC,2BAA2B;kBACnCC,MAAM,EAAE;oBACNZ,QAAQ,EAAEJ,iBAAiB,CAAC9E;kBAC9B;gBAAE,CACH,CAAC,GAEF8E;cACD,CACU,CAAC;YAAA,CACX,CAAC,EACNvH,IAAA,CAACV,gBAAgB,IAAE,CAAC;UAAA,CACjB;QAAC,GAlDD6B,MAAM,CAACa,EAmDD,CAAC;MAElB,CAAC;IAAC,CACK,CAAC;EAAA,CACV,CACH,EACD,CACEoC,iBAAiB,EACjBV,UAAU,EACVkB,0BAA0B,EAC1BJ,mBAAmB,EACnBF,wBAAwB,EACxBb,WAAW,EACXD,OAAO,EACPI,CAAC,CAEL,CAAC;EAED,MAAM8E,iBAAiB,GAAGjK,OAAO,CAC/B,MACEmG,0BAA0B,EAAE5C,EAAE,GACzBgC,WAAW,CAACY,0BAA0B,CAAC5C,EAAE,CAAC,GAC3CU,SAAS,EACf,CAACkC,0BAA0B,EAAEZ,WAAW,CAC1C,CAAC;EAED,OACE9D,KAAA,CAACrB,GAAG;IAAA8D,QAAA,GAEFzC,KAAA,CAACrB,GAAG;MAAC+I,EAAE,EAAE;QAAEnH,OAAO,EAAE,MAAM;QAAEoH,cAAc,EAAE;MAAgB,CAAE;MAAAlF,QAAA,GAE5DzC,KAAA,CAACrB,GAAG;QAAC+I,EAAE,EAAE;UAAEnH,OAAO,EAAE,MAAM;UAAEE,GAAG,EAAE,CAAC;UAAEG,KAAK,EAAE,KAAK;UAAE6H,QAAQ,EAAE;QAAI,CAAE;QAAAhG,QAAA,GAE/Da,OAAO,CAACf,MAAM,GAAG,CAAC,IACjBvC,KAAA,CAAAE,SAAA;UAAAuC,QAAA,GACGwD,UAAU,EAEXnG,IAAA,CAAA4I,QAAA;YACE9B,QAAQ,EAAEpC,0BAA2B;YACrCqC,YAAY,EAAE;cAAEE,QAAQ,EAAE,KAAK;cAAED,UAAU,EAAE;YAAQ,CAAE;YAIvD6B,SAAS,EAAE,CAAE;YACb7G,EAAE,EAAC,aAAa;YAChBkF,OAAO,EAAG4B,EAAc,IAAK;cAC3B,IAAIhE,OAAO,CAACE,OAAO,EAAE;gBACnB,MAAM+D,QAAQ,GAAGjE,OAAO,CAACE,OAAO,CAACgE,qBAAqB,CAAC,CAAC;gBACxD,MAAMC,eAAe,GACnBH,EAAE,CAACI,OAAO,IAAIH,QAAQ,CAACI,IAAI,IAC3BL,EAAE,CAACI,OAAO,IAAIH,QAAQ,CAACK,KAAK,IAC5BN,EAAE,CAACO,OAAO,IAAIN,QAAQ,CAACO,GAAG,IAC1BR,EAAE,CAACO,OAAO,IAAIN,QAAQ,CAACQ,MAAM;gBAE/B,IAAI,CAACN,eAAe,EAAE;kBACpB5E,oBAAoB,CAAC,KAAK,CAAC;gBAC7B;cACF;cACA6B,kBAAkB,CAAC,CAAC;cACpBzB,sBAAsB,CAAC,KAAK,CAAC;YAC/B,CAAE;YACF0C,IAAI,EAAE3C,mBAAoB;YAC1BoD,EAAE,EAAE;cAAE4B,UAAU,EAAE,CAAC;cAAEC,SAAS,EAAE,CAAC;YAAE,CAAE;YAAA9G,QAAA,EAErC3C,IAAA,CAACnB,GAAG;cAAC+I,EAAE,EAAE;gBAAE8B,OAAO,EAAE,CAAC;gBAAE5B,QAAQ,EAAE;cAAI,CAAE;cAAAnF,QAAA,EACrC3C,IAAA;gBACE2J,UAAU;gBACVC,QAAQ,EAAGd,EAAE,IAAK;kBAChBA,EAAE,CAACe,cAAc,CAAC,CAAC;kBACnB3D,kBAAkB,CAAC,CAAC;kBACpBzB,sBAAsB,CAAC,KAAK,CAAC;kBAC7BJ,oBAAoB,CAAC,KAAK,CAAC;gBAC7B,CAAE;gBAAA1B,QAAA,EAEDiC,0BAA0B,EAAEkF,MAAM,GACjClF,0BAA0B,CAACkF,MAAM,CAACxE,aAAa,CAAC,GAEhDpF,KAAA,CAAAE,SAAA;kBAAAuC,QAAA,GAEGiC,0BAA0B,EAAEgC,OAAO,KAClC,cAAc,IACdhC,0BAA0B,EAAEQ,OAAO,IACjClF,KAAA,CAACG,gCAAgC;oBAC/BG,mBAAmB,EAAEA,mBAAoB;oBAAAmC,QAAA,GAEzC3C,IAAA,CAACa,gCAAgC;sBAAA8B,QAAA,EAC/B3C,IAAA,CAACpB,YAAY;wBACXmL,kBAAkB;wBAClBC,oBAAoB,EAClBpF,0BAA0B,EAAEoF,oBAC7B;wBACDpI,KAAK,EAAEgD,0BAA0B,CAAChD,KAAM;wBACxCqI,QAAQ,EAAEA,CAACC,CAAC,EAAE7I,KAAK,KAAK;0BACtB0E,8BAA8B,CAC5BnB,0BAA0B,CAAC5C,EAAE,EAC7BX,KACF,CAAC;wBACH,CAAE;wBACF+D,OAAO,EAAED,mBAAoB;wBAC7B9D,KAAK,EAAEqH;sBAAkB,CAC1B;oBAAC,CAC8B,CAAC,EACnC1I,IAAA,CAAClB,MAAM;sBACLyH,SAAS,EAAE3C,CAAC,CAAC,sBAAsB,CAAE;sBACrC4C,OAAO,EAAExG,IAAA,CAACX,SAAS,IAAE,CAAE;sBACvB8K,IAAI,EAAC,QAAQ;sBACbvD,OAAO,EAAC;oBAAS,CAClB,CAAC;kBAAA,CAC8B,CACnC,EAEF,CAAChC,0BAA0B,EAAEgC,OAAO,KAAK,MAAM,IAC9ChC,0BAA0B,EAAEgC,OAAO,KAAK,OAAO,IAC9ChC,0BAA0B,IACzBA,0BAA0B,EAAEgC,OAAO,IACjClE,SAAU,KACdxC,KAAA,CAACrB,GAAG;oBACF+I,EAAE,EAAE;sBACFnH,OAAO,EAAE,MAAM;sBACfE,GAAG,EAAE,CAAC;sBACND,UAAU,EAAE;oBACd,CAAE;oBAAAiC,QAAA,GAEF3C,IAAA,CAACnB,GAAG;sBAAC+I,EAAE,EAAE;wBAAE9G,KAAK,EAAE;sBAAO,CAAE;sBAAA6B,QAAA,EACzB3C,IAAA,CAACH,SAAS;wBACRuK,YAAY,EACVpG,WAAW,CACTY,0BAA0B,CAAC5C,EAAE,CAC9B,IACChC,IAAA,CAAAqK,WAAA;0BACE,cAAYzG,CAAC,CAAC,sBAAsB,CAAE;0BACtC6C,OAAO,EAAEA,CAAA,KAAM;4BACbpB,gBAAgB,CAAC;8BACftD,QAAQ,EACN6C,0BAA0B,CAAC5C,EAAE;8BAC/BX,KAAK,EAAEqB;4BACT,CAAC,CAAC;4BAEF4C,aAAa,CAAC;8BACZvD,QAAQ,EACN6C,0BAA0B,CAAC5C,EAAE;8BAC/BX,KAAK,EAAEqB;4BACT,CAAC,CAAC;0BACJ,CAAE;0BACF4H,IAAI,EAAC,OAAO;0BAAA3H,QAAA,EAEZ3C,IAAA,CAACT,qBAAqB,IAAE;wBAAC,CACZ,CAElB;wBACDgL,eAAe;wBACf3I,KAAK,EAAEgD,0BAA0B,CAAChD,KAAM;wBACxCqI,QAAQ,EAAGnB,EAAE,IACXzD,gBAAgB,CAAC;0BACftD,QAAQ,EAAE6C,0BAA0B,CAAC5C,EAAE;0BACvCX,KAAK,EAAEyH,EAAE,CAACnC,aAAa,CAACtF;wBAC1B,CAAC,CACF;wBACD8I,IAAI,EACFvF,0BAA0B,CAACgC,OAAO,KAAK,OAAO,GAC1C,QAAQ,GACR,MACL;wBACDvF,KAAK,EACF2C,WAAW,CACVY,0BAA0B,CAAC5C,EAAE,CAC9B,IAAe;sBACjB,CACF;oBAAC,CACC,CAAC,EACNhC,IAAA,CAAClB,MAAM;sBACLyH,SAAS,EAAE3C,CAAC,CAAC,sBAAsB,CAAE;sBACrC4C,OAAO,EAAExG,IAAA,CAACX,SAAS,IAAE,CAAE;sBACvB8K,IAAI,EAAC,QAAQ;sBACbvD,OAAO,EAAC;oBAAS,CAClB,CAAC;kBAAA,CACC,CACN,EAGAhC,0BAA0B,EAAEgC,OAAO,KAClC,cAAc,IACdhC,0BAA0B,EAAEQ,OAAO,IACjCpF,IAAA,CAAChB,aAAa;oBACZwL,UAAU;oBACV5I,KAAK,EAAEgD,0BAA0B,CAAChD,KAAM;oBAAAe,QAAA,EAEvCiC,0BAA0B,CAACQ,OAAO,CAACxC,GAAG,CACpC8C,MAAwC,IAAK;sBAC5C,MAAM+E,6BAA6B,GAChCzG,WAAW,CACVY,0BAA0B,CAAC5C,EAAE,CAC9B,IAAiB,EAAE;sBACtB,MAAM0I,0BAA0B,GAC9BD,6BAA6B,CAACE,IAAI,CAC/B9E,UAAU,IACTA,UAAU,CAACxE,KAAK,KAAKqE,MAAM,CAACrE,KAChC,CAAC;sBACH,OACErB,IAAA,CAACjB,QAAQ;wBACP6L,SAAS,EAAEF,0BAA2B;wBAEtC9I,KAAK,EAAE8D,MAAM,CAAC9D,KAAM;wBACpBqI,QAAQ,EAAEA,CAACC,CAAC,EAAEvE,OAAO,KAAK;0BACxBF,uCAAuC,CACrCb,0BAA0B,CAAC5C,EAAE,EAC7B0D,MAAM,EACNC,OACF,CAAC;wBACH,CAAE;wBACFtE,KAAK,EAAEqE,MAAM,CAACrE;sBAAM,GATfqE,MAAM,CAACrE,KAUb,CAAC;oBAEN,CACF;kBAAC,CACY,CAChB,EAGFuD,0BAA0B,EAAEgC,OAAO,KAAK,QAAQ,IAC/ChC,0BAA0B,EAAEQ,OAAO,IACjClF,KAAA,CAAChB,UAAU;oBACT0C,KAAK,EAAEgD,0BAA0B,CAAChD,KAAM;oBACxCqI,QAAQ,EAAEA,CAACC,CAAC,EAAE7I,KAAK,KAAK;sBACtBJ,0BAA0B,CAAC;wBACzBc,QAAQ,EAAE6C,0BAA0B,CAAC5C,EAAE;wBACvCX;sBACF,CAAC,CAAC;oBACJ,CAAE;oBAAAsB,QAAA,GAEF3C,IAAA,CAACf,KAAK;sBACJ2L,SAAS,EACP,CAAC5G,WAAW,CAACY,0BAA0B,CAAC5C,EAAE,CAC3C;sBACDJ,KAAK,EAAEgC,CAAC,CAAC,oBAAoB,CAAE;sBAC/BvC,KAAK,EAAE;oBAAG,CACX,CAAC,EACFrB,IAAA,CAAAI,SAAA;sBAAAuC,QAAA,EACGiC,0BAA0B,CAACQ,OAAO,CAACxC,GAAG,CACpC8C,MAGA,IACC1F,IAAA,CAACf,KAAK;wBACJ2L,SAAS,EACP5G,WAAW,CACTY,0BAA0B,CAAC5C,EAAE,CAC9B,KAAK0D,MAAM,CAACrE,KACd;wBAEDO,KAAK,EAAE8D,MAAM,CAAC9D,KAAM;wBACpBP,KAAK,EAAEqE,MAAM,CAACrE;sBAAM,GAFfqE,MAAM,CAACrE,KAGb,CAEL;oBAAC,CACD,CAAC;kBAAA,CACO,CACb;gBAAA,CACH;cACH,CACG;YAAC,CACJ;UAAC,CACI,CAAC;QAAA,CACb,CACH,EAGA6B,cAAc,IACblD,IAAA;UACE4J,QAAQ,EAAGlD,KAAK,IAAK;YACnBA,KAAK,CAACmD,cAAc,CAAC,CAAC;YACtB,IAAIzG,qBAAqB,EAAE;cACzBF,cAAc,CAACgB,WAAW,CAAC;YAC7B;UACF,CAAE;UACF2G,KAAK,EAAE;YAAE/J,KAAK,EAAE;UAAO,CAAE;UAAA6B,QAAA,EAEzBzC,KAAA,CAACrB,GAAG;YAAC+I,EAAE,EAAE;cAAEnH,OAAO,EAAE,MAAM;cAAEE,GAAG,EAAE,CAAC;cAAEG,KAAK,EAAE;YAAO,CAAE;YAAA6B,QAAA,GAClD3C,IAAA,CAACN,WAAW;cACVgE,UAAU,EAAEA,UAAW;cACvB9B,KAAK,EAAEgC,CAAC,CAAC,sBAAsB,CAAE;cACjCqG,QAAQ,EAAGnB,EAAE,IAAK3E,cAAc,CAAC2E,EAAE,CAACgC,MAAM,CAACzJ,KAAK,CAAE;cAClD0J,OAAO,EAAEA,CAAA,KAAM;gBACb5G,cAAc,CAAC,EAAE,CAAC;gBAClBjB,cAAc,CAAC,EAAE,CAAC;cACpB,CAAE;cACF8H,WAAW,EAAEpH,CAAC,CAAC,sBAAsB,CAAE;cACvCvC,KAAK,EAAE6C;YAAY,CACpB,CAAC,EACDd,qBAAqB,IACpBpD,IAAA,CAACnB,GAAG;cAAA8D,QAAA,EACF3C,IAAA,CAAClB,MAAM;gBACL4E,UAAU,EAAEA,UAAW;gBACvB9B,KAAK,EAAEgC,CAAC,CAAC,sBAAsB,CAAE;gBACjC6C,OAAO,EAAEA,CAAA,KAAMvD,cAAc,CAACgB,WAAW,CAAE;gBAC3C0C,OAAO,EAAC;cAAS,CAClB;YAAC,CACC,CACN;UAAA,CACE;QAAC,CACF,CACP;MAAA,CACE,CAAC,EAGN1G,KAAA,CAACrB,GAAG;QAAC+I,EAAE,EAAE;UAAEnH,OAAO,EAAE,MAAM;UAAEE,GAAG,EAAE;QAAE,CAAE;QAAAgC,QAAA,GAClC3B,aAAa,CAACyB,MAAM,GAAG,CAAC,IACvBzC,IAAA,CAACnB,GAAG;UAAA8D,QAAA,EACF3C,IAAA,CAAClB,MAAM;YACL8C,KAAK,EAAEgC,CAAC,CAAC,qBAAqB,CAAE;YAChC6C,OAAO,EAAET,eAAgB;YACzBY,OAAO,EAAC;UAAW,CACpB;QAAC,CACC,CACN,EACArD,iBAAiB;MAAA,CACf,CAAC;IAAA,CACH,CAAC,EAGLvC,aAAa,CAACyB,MAAM,GAAG,CAAC,IACvBzC,IAAA,CAACnB,GAAG;MACF+I,EAAE,EAAE;QACFqD,cAAc,EAAE,CAAC;QACjBC,cAAc,EAAE,SAAS;QACzBC,cAAc,EAAE,OAAO;QACvBC,UAAU,EAAE,CAAC;QACb3B,SAAS,EAAE;MACb,CAAE;MAAA9G,QAAA,EAEF3C,IAAA,CAAC+C,kBAAkB;QACjB/B,aAAa,EAAEA,aAAc;QAC7BC,0BAA0B,EAAEA;MAA2B,CACxD;IAAC,CACC,CACN;EAAA,CACE,CAAC;AAEV,CAAC;AAED,MAAMoK,mBAAmB,GAAG/M,IAAI,CAAC2E,WAAW,CAAC;AAC7CoI,mBAAmB,CAACrI,WAAW,GAAG,aAAa;AAE/C,SAASqI,mBAAmB,IAAIpI,WAAW","ignoreList":[]}

package/dist/esm/properties/ts/odyssey-react-mui.js

@@ -130,7 +130,9 @@ export const translation = {
   "dataview.layout.grid": "Grid",
   "dataview.layout.list": "List",
   "topnav.helpicon": "help page",
+  "topnav.usermenu.toggle": "Open user menu",
   "topnav.settingsicon": "settings page",
+  "topnav.sidenavmenu.toggle": "Open navigation menu",
   "tag.remove": "Remove tag"
 };
 //# sourceMappingURL=odyssey-react-mui.js.map