@okta/odyssey-react-mui 1.12.4 → 1.12.6

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.12.6](https://github.com/okta/odyssey/compare/v1.12.5...v1.12.6) (2024-02-01)
+
+### Bug Fixes
+
+- add memo to autocomplete options ([c6c0d5d](https://github.com/okta/odyssey/commit/c6c0d5db40f11eaf4648a3e4f7112b0f29bc1cbe))
+- decouple onChange logic ([d26bbc2](https://github.com/okta/odyssey/commit/d26bbc2306ed05425f72e046a4cd9dc1706e808e))
+- fix warning in DataFilters file ([5fdecf1](https://github.com/okta/odyssey/commit/5fdecf1a72734b8bb28f190fd9238312af9b5fd6))
+- implement requested PR changes ([6383c3b](https://github.com/okta/odyssey/commit/6383c3bca821488d233f0ebe15b835a2e4c5e832))
+- onchange for autocomplete in datafilters ([e82bbd5](https://github.com/okta/odyssey/commit/e82bbd5a5bee5e6cb5d3768af3aafd14496d76e2))
+
+## [1.12.5](https://github.com/okta/odyssey/compare/v1.12.4...v1.12.5) (2024-02-01)
+
+### Bug Fixes
+
+- fixed the inputMode attr name and added comment to a prior change ([#2111](https://github.com/okta/odyssey/issues/2111)) ([2641612](https://github.com/okta/odyssey/commit/2641612e7cf8c0fca09b36df6af1fc173a6bb1e4))
+
 ## [1.12.4](https://github.com/okta/odyssey/compare/v1.12.3...v1.12.4) (2024-02-01)
 
 **Note:** Version bump only for package @okta/odyssey-react-mui

package/dist/Select.js

@@ -87,14 +87,20 @@ const Select = _ref => {
     }
     onChangeProp?.(event, child);
   }, [onChangeProp]);
-  const normalizedOptions = useMemo(() => options.map(option => typeof option === "object" ? {
-    text: option.text,
-    value: option?.value === "" ? option.value : option.value || option.text,
-    type: option.type === "heading" ? "heading" : "option"
-  } : {
-    text: option,
-    value: option,
-    type: "option"
+  const normalizedOptions = useMemo(() => options.map(option => {
+    if (typeof option === "object") {
+      const value = option?.value === "" ? option.value : option.value || option.text;
+      return {
+        text: option.text,
+        value,
+        type: option.type === "heading" ? "heading" : "option"
+      };
+    }
+    return {
+      text: option,
+      value: option,
+      type: "option"
+    };
   }), [options]);
   const renderValue = useCallback(selected => {
     if (typeof selected === "string") {

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","useImperativeHandle","Field","CheckIcon","ComponentControlledState","useInputValues","getControlState","normalizedKey","jsx","_jsx","jsxs","_jsxs","CONTROLLED","Select","_ref","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","undefined","controlledStateRef","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","current","localInputRef","focus","inputValues","controlState","event","child","target","split","normalizedOptions","map","option","text","type","renderValue","selected","renderedChips","item","selectedOption","find","_Chip","filter","Boolean","length","_Box","children","index","_ListSubheader","_MenuItem","_Checkbox","checked","includes","_ListItemSecondaryAction","toString","renderFieldComponent","_ref2","errorMessageElementId","labelElementId","_Select","displayEmpty","inputProps","labelId","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 {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useImperativeHandle,\n} from \"react\";\nimport {\n  Box,\n  Checkbox as MuiCheckbox,\n  Chip,\n  ListItemSecondaryAction,\n  ListSubheader,\n  MenuItem,\n  Select as MuiSelect,\n} from \"@mui/material\";\nimport { SelectProps as MuiSelectProps } from \"@mui/material\";\n\nimport { Field } from \"./Field\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport { CheckIcon } from \"./icons.generated\";\nimport type { AllowedProps } from \"./AllowedProps\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  useInputValues,\n  getControlState,\n} from \"./inputUtils\";\nimport { normalizedKey } from \"./useNormalizedKey\";\n\nexport type SelectOption = {\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\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  | \"ariaDescribedBy\"\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"name\"\n> &\n  AllowedProps;\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  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 hasMultipleChoices = useMemo(\n    () =>\n      hasMultipleChoicesProp === undefined\n        ? isMultiSelect\n        : hasMultipleChoicesProp,\n    [hasMultipleChoicesProp, isMultiSelect]\n  );\n  const controlledStateRef = useRef(\n    getControlState({ controlledValue: value, uncontrolledValue: defaultValue })\n  );\n  const [internalSelectedValues, setInternalSelectedValues] = useState(\n    controlledStateRef.current === CONTROLLED ? value : defaultValue\n  );\n  const localInputRef = useRef<HTMLSelectElement>(null);\n\n  useImperativeHandle(\n    inputRef,\n    () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\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      const {\n        target: { value },\n      } = event;\n      if (controlledStateRef.current !== CONTROLLED) {\n        setInternalSelectedValues(\n          (typeof value === \"string\" ? value.split(\",\") : value) as Value\n        );\n      }\n      onChangeProp?.(event, child);\n    },\n    [onChangeProp]\n  );\n\n  // Normalize the options array to accommodate the various\n  // data types that might be passed\n  const normalizedOptions = useMemo(\n    () =>\n      options.map((option) =>\n        typeof option === \"object\"\n          ? {\n              text: option.text,\n              value:\n                option?.value === \"\"\n                  ? option.value\n                  : option.value || option.text,\n              type: option.type === \"heading\" ? \"heading\" : \"option\",\n            }\n          : { text: option, value: option, type: \"option\" }\n      ),\n    [options]\n  );\n\n  const renderValue = useCallback(\n    (selected: Value) => {\n      // If the selected value isn't an array, then we don't need to display\n      // chips and should fall back to the default render behavior\n      if (typeof selected === \"string\") {\n        return undefined;\n      }\n\n      // Convert the selected options array into <Chip>s\n      const renderedChips = selected\n        .map((item: string) => {\n          const selectedOption = normalizedOptions.find(\n            (option) => option.value === item\n          );\n\n          if (!selectedOption) {\n            return null;\n          }\n\n          return <Chip key={item} label={selectedOption.text} />;\n        })\n        .filter(Boolean);\n\n      if (renderedChips.length === 0) {\n        return null;\n      }\n\n      // We need the <Box> to surround the <Chip>s for\n      // proper styling\n      return <Box>{renderedChips}</Box>;\n    },\n    [normalizedOptions]\n  );\n\n  // Convert the options into the ReactNode children\n  // that will populate the <Select>\n  const children = useMemo(\n    () =>\n      normalizedOptions.map((option, index) => {\n        if (option.type === \"heading\") {\n          return <ListSubheader key={option.text}>{option.text}</ListSubheader>;\n        }\n        return (\n          <MenuItem\n            key={normalizedKey(option.text, index.toString())}\n            value={option.value}\n          >\n            {hasMultipleChoices && (\n              <MuiCheckbox\n                checked={\n                  option.value !== undefined &&\n                  internalSelectedValues?.includes(option.value)\n                }\n              />\n            )}\n            {option.text}\n            {internalSelectedValues === option?.value && (\n              <ListItemSecondaryAction>\n                <CheckIcon />\n              </ListItemSecondaryAction>\n            )}\n          </MenuItem>\n        );\n      }),\n    [hasMultipleChoices, normalizedOptions, internalSelectedValues]\n  );\n\n  const renderFieldComponent = useCallback(\n    ({ ariaDescribedBy, errorMessageElementId, id, labelElementId }) => (\n      <MuiSelect\n        {...inputValues}\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        children={children}\n        data-se={testId}\n        displayEmpty={\n          inputValues?.value === \"\" || inputValues?.defaultValue === \"\"\n        }\n        id={id}\n        inputProps={{ \"data-se\": testId }}\n        inputRef={localInputRef}\n        labelId={labelElementId}\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    ),\n    [\n      children,\n      inputValues,\n      hasMultipleChoices,\n      nameOverride,\n      onBlur,\n      onChange,\n      onFocus,\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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"}
+{"version":3,"file":"Select.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","useImperativeHandle","Field","CheckIcon","ComponentControlledState","useInputValues","getControlState","normalizedKey","jsx","_jsx","jsxs","_jsxs","CONTROLLED","Select","_ref","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","undefined","controlledStateRef","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","current","localInputRef","focus","inputValues","controlState","event","child","target","split","normalizedOptions","map","option","text","type","renderValue","selected","renderedChips","item","selectedOption","find","_Chip","filter","Boolean","length","_Box","children","index","_ListSubheader","_MenuItem","_Checkbox","checked","includes","_ListItemSecondaryAction","toString","renderFieldComponent","_ref2","errorMessageElementId","labelElementId","_Select","displayEmpty","inputProps","labelId","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 {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useImperativeHandle,\n} from \"react\";\nimport {\n  Box,\n  Checkbox as MuiCheckbox,\n  Chip,\n  ListItemSecondaryAction,\n  ListSubheader,\n  MenuItem,\n  Select as MuiSelect,\n} from \"@mui/material\";\nimport { SelectProps as MuiSelectProps } from \"@mui/material\";\n\nimport { Field } from \"./Field\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport { CheckIcon } from \"./icons.generated\";\nimport type { AllowedProps } from \"./AllowedProps\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  useInputValues,\n  getControlState,\n} from \"./inputUtils\";\nimport { normalizedKey } from \"./useNormalizedKey\";\n\nexport type SelectOption = {\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\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  | \"ariaDescribedBy\"\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"name\"\n> &\n  AllowedProps;\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  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 hasMultipleChoices = useMemo(\n    () =>\n      hasMultipleChoicesProp === undefined\n        ? isMultiSelect\n        : hasMultipleChoicesProp,\n    [hasMultipleChoicesProp, isMultiSelect]\n  );\n  const controlledStateRef = useRef(\n    getControlState({ controlledValue: value, uncontrolledValue: defaultValue })\n  );\n  const [internalSelectedValues, setInternalSelectedValues] = useState(\n    controlledStateRef.current === CONTROLLED ? value : defaultValue\n  );\n  const localInputRef = useRef<HTMLSelectElement>(null);\n\n  useImperativeHandle(\n    inputRef,\n    () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\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      const {\n        target: { value },\n      } = event;\n      if (controlledStateRef.current !== CONTROLLED) {\n        setInternalSelectedValues(\n          (typeof value === \"string\" ? value.split(\",\") : value) as Value\n        );\n      }\n      onChangeProp?.(event, child);\n    },\n    [onChangeProp]\n  );\n\n  // Normalize the options array to accommodate the various\n  // data types that might be passed\n  const normalizedOptions = useMemo(\n    () =>\n      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          };\n        }\n        return { text: option, value: option, type: \"option\" };\n      }),\n    [options]\n  );\n\n  const renderValue = useCallback(\n    (selected: Value) => {\n      // If the selected value isn't an array, then we don't need to display\n      // chips and should fall back to the default render behavior\n      if (typeof selected === \"string\") {\n        return undefined;\n      }\n\n      // Convert the selected options array into <Chip>s\n      const renderedChips = selected\n        .map((item: string) => {\n          const selectedOption = normalizedOptions.find(\n            (option) => option.value === item\n          );\n\n          if (!selectedOption) {\n            return null;\n          }\n\n          return <Chip key={item} label={selectedOption.text} />;\n        })\n        .filter(Boolean);\n\n      if (renderedChips.length === 0) {\n        return null;\n      }\n\n      // We need the <Box> to surround the <Chip>s for\n      // proper styling\n      return <Box>{renderedChips}</Box>;\n    },\n    [normalizedOptions]\n  );\n\n  // Convert the options into the ReactNode children\n  // that will populate the <Select>\n  const children = useMemo(\n    () =>\n      normalizedOptions.map((option, index) => {\n        if (option.type === \"heading\") {\n          return <ListSubheader key={option.text}>{option.text}</ListSubheader>;\n        }\n        return (\n          <MenuItem\n            key={normalizedKey(option.text, index.toString())}\n            value={option.value}\n          >\n            {hasMultipleChoices && (\n              <MuiCheckbox\n                checked={\n                  option.value !== undefined &&\n                  internalSelectedValues?.includes(option.value)\n                }\n              />\n            )}\n            {option.text}\n            {internalSelectedValues === option?.value && (\n              <ListItemSecondaryAction>\n                <CheckIcon />\n              </ListItemSecondaryAction>\n            )}\n          </MenuItem>\n        );\n      }),\n    [hasMultipleChoices, normalizedOptions, internalSelectedValues]\n  );\n\n  const renderFieldComponent = useCallback(\n    ({ ariaDescribedBy, errorMessageElementId, id, labelElementId }) => (\n      <MuiSelect\n        {...inputValues}\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        children={children}\n        data-se={testId}\n        displayEmpty={\n          inputValues?.value === \"\" || inputValues?.defaultValue === \"\"\n        }\n        id={id}\n        inputProps={{ \"data-se\": testId }}\n        inputRef={localInputRef}\n        labelId={labelElementId}\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    ),\n    [\n      children,\n      inputValues,\n      hasMultipleChoices,\n      nameOverride,\n      onBlur,\n      onChange,\n      onFocus,\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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"}

package/dist/TextField.js

@@ -90,7 +90,7 @@ const TextField = forwardRef((_ref, ref) => {
         "aria-errormessage": errorMessageElementId,
         "aria-labelledby": labelElementId,
         "data-se": testId,
-        inputmode: inputMode
+        inputMode
       },
       inputRef: localInputRef,
       multiline: isMultiline,

package/dist/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","Field","useInputValues","getControlState","jsx","_jsx","textFieldTypeValues","TextField","_ref","ref","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","_ref2","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","_InputAdornment","position","children","inputProps","inputmode","multiline","readOnly","required","fieldType","hasVisibleLabel","MemoizedTextField","displayName"],"sources":["../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport { InputAdornment, InputBase } from \"@mui/material\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport { Field } from \"./Field\";\nimport { AllowedProps } from \"./AllowedProps\";\nimport { FocusHandle, useInputValues, getControlState } from \"./inputUtils\";\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & FieldComponentProps &\n  AllowedProps;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      })\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(\n      inputRef,\n      () => {\n        return {\n          focus: () => {\n            localInputRef.current?.focus();\n          },\n        };\n      },\n      []\n    );\n\n    const onChange = useCallback<\n      NonNullable<ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp]\n    );\n\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, errorMessageElementId, id, labelElementId }) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputmode: inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          type={type}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\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);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAGEA,UAAU,EAEVC,IAAI,EAEJC,WAAW,EACXC,mBAAmB,EACnBC,MAAM,QACD,OAAO;AAAC,SAINC,KAAK;AAAA,SAEQC,cAAc,EAAEC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAErD,OAAO,MAAMC,mBAAmB,GAAG,CACjC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAK,CACG;AAqEV,MAAMC,SAAS,GAAGX,UAAU,CAC1B,CAAAY,IAAA,EA+BEC,GAAG,KACA;EAAA,IA/BH;IACEC,eAAe;IACfC,gBAAgB;IAChBC,YAAY;IACZC,eAAe;IACfC,YAAY;IACZC,YAAY;IACZC,gBAAgB;IAChBC,IAAI;IACJC,iBAAiB;IACjBC,EAAE,EAAEC,UAAU;IACdC,QAAQ;IACRC,SAAS;IACTC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,KAAK;IACnBC,WAAW,GAAG,KAAK;IACnBC,UAAU,GAAG,KAAK;IAClBC,UAAU;IACVC,KAAK;IACLC,IAAI,EAAEC,YAAY;IAClBC,MAAM;IACNC,QAAQ,EAAEC,YAAY;IACtBC,OAAO;IACPC,WAAW;IACXC,cAAc;IACdC,MAAM;IACNC,SAAS;IACTC,IAAI,GAAG,MAAM;IACbC,KAAK,EAAEA;EACT,CAAC,GAAAhC,IAAA;EAGD,MAAMiC,kBAAkB,GAAGzC,MAAM,CAC/BG,eAAe,CAAC;IACduC,eAAe,EAAEF,KAAK;IACtBG,iBAAiB,EAAE/B;EACrB,CAAC,CACH,CAAC;EACD,MAAMgC,WAAW,GAAG1C,cAAc,CAAC;IACjCU,YAAY;IACZ4B,KAAK;IACLK,YAAY,EAAEJ,kBAAkB,CAACK;EACnC,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG/C,MAAM,CAAmB,IAAI,CAAC;EACpDD,mBAAmB,CACjBsB,QAAQ,EACR,MAAM;IACJ,OAAO;MACL2B,KAAK,EAAEA,CAAA,KAAM;QACXD,aAAa,CAACD,OAAO,EAAEE,KAAK,CAAC,CAAC;MAChC;IACF,CAAC;EACH,CAAC,EACD,EACF,CAAC;EAED,MAAMhB,QAAQ,GAAGlC,WAAW,CAGzBmD,KAAK,IAAK;IACThB,YAAY,GAAGgB,KAAK,CAAC;EACvB,CAAC,EACD,CAAChB,YAAY,CACf,CAAC;EAED,MAAMiB,oBAAoB,GAAGpD,WAAW,CACtCqD,KAAA;IAAA,IAAC;MAAEzC,eAAe;MAAE0C,qBAAqB;MAAEjC,EAAE;MAAEkC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAC7D9C,IAAA,CAAAiD,UAAA;MAAA,GACMV,WAAW;MACf,oBAAkBlC,eAAgB;MAClC6C,YAAY,EAAE5C,gBAAiB;MAE/B6C,SAAS,EAAE3C,eAAgB;MAC3BC,YAAY,EACVA,YAAY,IACVT,IAAA,CAAAoD,eAAA;QAAgBC,QAAQ,EAAC,KAAK;QAACpB,SAAS,EAAEA,SAAU;QAAAqB,QAAA,EACjD7C;MAAY,CACC,CAEnB;MACDK,EAAE,EAAEA,EAAG;MACPyC,UAAU,EAAE;QACV,mBAAmB,EAAER,qBAAqB;QAC1C,iBAAiB,EAAEC,cAAc;QACjC,SAAS,EAAEhB,MAAM;QACjBwB,SAAS,EAAEvC;MACb,CAAE;MACFD,QAAQ,EAAE0B,aAAc;MACxBe,SAAS,EAAErC,WAAY;MACvBI,IAAI,EAAEC,YAAY,IAAIX,EAAG;MACzBY,MAAM,EAAEA,MAAO;MACfC,QAAQ,EAAEA,QAAS;MACnBE,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzB4B,QAAQ,EAAEpC,UAAW;MACrBlB,GAAG,EAAEA,GAAI;MACTuD,QAAQ,EAAE,CAACtC,UAAW;MACtBU,cAAc,EACZA,cAAc,IACZ/B,IAAA,CAAAoD,eAAA;QAAgBC,QAAQ,EAAC,OAAO;QAACpB,SAAS,EAAEA,SAAU;QAAAqB,QAAA,EACnDvB;MAAc,CACD,CAEnB;MACDG,IAAI,EAAEA,IAAK;MACXD,SAAS,EAAEA;IAAU,CACtB,CAAC;EAAA,CACH,EACD,CACE3B,gBAAgB,EAChBiC,WAAW,EACX/B,eAAe,EACfC,YAAY,EACZQ,SAAS,EACTG,WAAW,EACXK,YAAY,EACZC,MAAM,EACNC,QAAQ,EACRE,OAAO,EACPC,WAAW,EACXT,UAAU,EACVC,UAAU,EACVlB,GAAG,EACH2B,cAAc,EACdC,MAAM,EACNC,SAAS,EACTC,IAAI,CAER,CAAC;EAED,OACElC,IAAA,CAACJ,KAAK;IACJS,eAAe,EAAEA,eAAgB;IACjCK,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnCiD,SAAS,EAAC,QAAQ;IAClBC,eAAe;IACfjD,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCC,EAAE,EAAEC,UAAW;IACfG,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBE,UAAU,EAAEA,UAAW;IACvBE,KAAK,EAAEA,KAAM;IACbsB,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CACF,CAAC;AAED,MAAMiB,iBAAiB,GAAGtE,IAAI,CAACU,SAAS,CAAC;AACzC4D,iBAAiB,CAACC,WAAW,GAAG,WAAW;AAE3C,SAASD,iBAAiB,IAAI5D,SAAS"}
+{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","Field","useInputValues","getControlState","jsx","_jsx","textFieldTypeValues","TextField","_ref","ref","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","_ref2","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","_InputAdornment","position","children","inputProps","multiline","readOnly","required","fieldType","hasVisibleLabel","MemoizedTextField","displayName"],"sources":["../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport { InputAdornment, InputBase } from \"@mui/material\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport { Field } from \"./Field\";\nimport { AllowedProps } from \"./AllowedProps\";\nimport { FocusHandle, useInputValues, getControlState } from \"./inputUtils\";\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & FieldComponentProps &\n  AllowedProps;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      })\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(\n      inputRef,\n      () => {\n        return {\n          focus: () => {\n            localInputRef.current?.focus();\n          },\n        };\n      },\n      []\n    );\n\n    const onChange = useCallback<\n      NonNullable<ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp]\n    );\n\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, errorMessageElementId, id, labelElementId }) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          type={type}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\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);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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"}

package/dist/labs/DataFilters.js

@@ -14,6 +14,7 @@ import _Menu from "@mui/material/Menu";
  */
 
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import styled from "@emotion/styled";
 import { Autocomplete } from "../Autocomplete.js";
 import { Box } from "../Box.js";
 import { TagList } from "../TagList.js";
@@ -73,20 +74,46 @@ const DataFilters = _ref => {
       }, searchDelayTime);
     }
   }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);
-  const handleInputChange = useCallback(function (filterId, value) {
-    let submit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const autocompleteOptions = useMemo(() => {
+    if (filterPopoverCurrentFilter?.variant === "autocomplete" && filterPopoverCurrentFilter?.options) {
+      return filterPopoverCurrentFilter.options.map(option => ({
+        label: option.label
+      }));
+    }
+    return [];
+  }, [filterPopoverCurrentFilter]);
+  const updateInputValue = useCallback(_ref2 => {
+    let {
+      filterId,
+      value
+    } = _ref2;
     setInputValues({
       ...inputValues,
       [filterId]: value
     });
-    if (submit) {
-      const updatedFilters = filtersProp.map(filter => ({
-        ...filter,
-        value: filter.id === filterId ? value : inputValues[filter.id]
-      }));
-      setFilters(updatedFilters);
-    }
+  }, [inputValues]);
+  const updateFilters = useCallback(_ref3 => {
+    let {
+      filterId,
+      value
+    } = _ref3;
+    const updatedFilters = filtersProp.map(filter => ({
+      ...filter,
+      value: filter.id === filterId ? value : inputValues[filter.id]
+    }));
+    setFilters(updatedFilters);
   }, [inputValues, filtersProp]);
+  const getAutoCompleteLabel = value => {
+    if (Array.isArray(value)) {
+      return value.map(valueElement => {
+        if (typeof valueElement === "string") {
+          return undefined;
+        }
+        return valueElement.label;
+      }).filter(item => Boolean(item));
+    }
+    return value?.label;
+  };
   const handleMultiSelectChange = useCallback(function (filterId, value) {
     let submit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     const startingValues = filtersProp.find(filter => filter.id === filterId)?.options?.map(option => option.value);
@@ -124,6 +151,15 @@ const DataFilters = _ref => {
     }));
     setFilters(updatedFilters);
   }, [inputValues, filtersProp]);
+  const AutocompleteOuterContainer = styled.div`
+    display: flex;
+    gap: 2;
+    align-items: center;
+    alignitems: "flex-end";
+  `;
+  const AutocompleteInnerContainer = styled.div`
+    width: "100%";
+  `;
   const filterMenu = useMemo(() => _jsxs(_Fragment, {
     children: [_jsx(Box, {
       children: _jsx(Button, {
@@ -230,16 +266,29 @@ const DataFilters = _ref => {
                   setIsFilterPopoverOpen(false);
                   setIsFiltersMenuOpen(false);
                 },
-                children: [filterPopoverCurrentFilter?.variant === "autocomplete" && filterPopoverCurrentFilter?.options && _jsx(Autocomplete, {
-                  label: filterPopoverCurrentFilter.label,
-                  value: inputValues[filterPopoverCurrentFilter.id] ?? "",
-                  onBlur: function ro() {},
-                  onChange: function ro() {},
-                  onFocus: function ro() {},
-                  onInputChange: function ro() {},
-                  options: filterPopoverCurrentFilter.options.map(option => ({
-                    label: option.label
-                  }))
+                children: [filterPopoverCurrentFilter?.variant === "autocomplete" && filterPopoverCurrentFilter?.options && _jsxs(AutocompleteOuterContainer, {
+                  children: [_jsx(AutocompleteInnerContainer, {
+                    children: _jsx(Autocomplete, {
+                      label: filterPopoverCurrentFilter.label,
+                      value: inputValues[filterPopoverCurrentFilter.id] ?? "",
+                      onChange: (_, value) => {
+                        const label = typeof value === "string" ? getAutoCompleteLabel({
+                          label: value
+                        }) : Array.isArray(value) ? getAutoCompleteLabel(value.map(item => typeof item === "string" ? {
+                          label: item
+                        } : item)) : value ? getAutoCompleteLabel(value) : "";
+                        updateInputValue({
+                          filterId: filterPopoverCurrentFilter.id,
+                          value: label
+                        });
+                      },
+                      options: autocompleteOptions
+                    })
+                  }), _jsx(Button, {
+                    variant: "primary",
+                    endIcon: _jsx(CheckIcon, {}),
+                    type: "submit"
+                  })]
                 }), (filterPopoverCurrentFilter?.variant === "text" || filterPopoverCurrentFilter?.variant === "range") && _jsxs(Box, {
                   sx: {
                     display: "flex",
@@ -255,12 +304,22 @@ const DataFilters = _ref => {
                       label: filterPopoverCurrentFilter.label,
                       type: filterPopoverCurrentFilter.variant === "range" ? "number" : "text",
                       value: inputValues[filterPopoverCurrentFilter.id] ?? "",
-                      onChange: ev => handleInputChange(filterPopoverCurrentFilter.id, ev.currentTarget.value),
+                      onChange: ev => updateInputValue({
+                        filterId: filterPopoverCurrentFilter.id,
+                        value: ev.currentTarget.value
+                      }),
                       endAdornment: inputValues[filterPopoverCurrentFilter.id] && _jsx(_IconButton, {
                         size: "small",
                         "aria-label": "Clear filter",
                         onClick: () => {
-                          handleInputChange(filterPopoverCurrentFilter.id, undefined, true);
+                          updateInputValue({
+                            filterId: filterPopoverCurrentFilter.id,
+                            value: undefined
+                          });
+                          updateFilters({
+                            filterId: filterPopoverCurrentFilter.id,
+                            value: undefined
+                          });
                         },
                         children: _jsx(CloseCircleFilledIcon, {})
                       })
@@ -281,7 +340,16 @@ const DataFilters = _ref => {
                   }, option.value))
                 }), filterPopoverCurrentFilter?.variant === "select" && filterPopoverCurrentFilter?.options && _jsxs(RadioGroup, {
                   label: filterPopoverCurrentFilter.label,
-                  onChange: (_, value) => handleInputChange(filterPopoverCurrentFilter.id, value, true),
+                  onChange: (_, value) => {
+                    updateInputValue({
+                      filterId: filterPopoverCurrentFilter.id,
+                      value
+                    });
+                    updateFilters({
+                      filterId: filterPopoverCurrentFilter.id,
+                      value
+                    });
+                  },
                   children: [_jsx(Radio, {
                     label: "Any",
                     value: "",
@@ -339,7 +407,7 @@ const DataFilters = _ref => {
           children: _jsx(Button, {
             variant: "secondary",
             label: "Clear filters",
-            onClick: () => clearAllFilters()
+            onClick: clearAllFilters
           })
         }), additionalActions]
       })]
@@ -354,7 +422,16 @@ const DataFilters = _ref => {
       children: _jsx(TagList, {
         children: activeFilters.map(filter => _jsx(Tag, {
           label: `${filter.label}: ${filter.value}`,
-          onRemove: () => handleInputChange(filter.id, undefined, true)
+          onRemove: () => {
+            updateInputValue({
+              filterId: filter.id,
+              value: undefined
+            });
+            updateFilters({
+              filterId: filter.id,
+              value: undefined
+            });
+          }
         }, filter.label))
       })
     })]

package/dist/labs/DataFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataFilters.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","Autocomplete","Box","TagList","Tag","SearchField","Button","CheckIcon","ChevronRightIcon","CloseCircleFilledIcon","FilterIcon","MenuItem","Paragraph","Subordinate","TextField","CheckboxGroup","Checkbox","RadioGroup","Radio","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DataFilters","_ref","onChangeSearch","onChangeFilters","hasSearchSubmitButton","searchDelayTime","defaultSearchTerm","additionalActions","filters","filtersProp","setFilters","initialInputValues","reduce","accumulator","filter","id","value","inputValues","setInputValues","searchValue","setSearchValue","activeFilters","isFiltersMenuOpen","setIsFiltersMenuOpen","filtersMenuAnchorElement","setFiltersMenuAnchorElement","isFilterPopoverOpen","setIsFilterPopoverOpen","filterPopoverAnchorElement","setFilterPopoverAnchorElement","filterPopoverCurrentFilter","setFilterPopoverCurrentFilter","menuRef","debouncer","undefined","current","clearTimeout","setTimeout","handleInputChange","filterId","submit","arguments","length","updatedFilters","map","handleMultiSelectChange","startingValues","find","options","option","currentValues","updatedValues","includes","item","valuesToSave","sort","join","clearAllFilters","updatedInputValues","handleFilterSubmit","filterMenu","children","ariaLabel","endIcon","onClick","event","currentTarget","variant","_Menu","anchorOrigin","horizontal","vertical","transformOrigin","anchorEl","onClose","open","PaperProps","ref","latestFilterValue","f","sx","display","alignItems","justifyContent","width","minWidth","marginRight","component","label","Array","isArray","toLowerCase","gap","maxWidth","_Popover","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","padding","onSubmit","preventDefault","onBlur","ro","onChange","onFocus","onInputChange","hasInitialFocus","type","endAdornment","_IconButton","size","isRequired","isDefaultChecked","_","isChecked","style","onClear","target","borderTopWidth","borderTopColor","borderTopStyle","paddingTop","marginTop","onRemove","MemoizedDataFilters","displayName"],"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 {\n  MutableRefObject,\n  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Box } from \"../Box\";\nimport { TagList } from \"../TagList\";\nimport { Tag } from \"../Tag\";\nimport { SearchField } from \"../SearchField\";\nimport { Button } from \"../Button\";\nimport {\n  IconButton as MuiIconButton,\n  Menu as MuiMenu,\n  Popover as MuiPopover,\n} from \"@mui/material\";\nimport {\n  CheckIcon,\n  ChevronRightIcon,\n  CloseCircleFilledIcon,\n  FilterIcon,\n} from \"../icons.generated\";\nimport { MenuItem } from \"../MenuItem\";\nimport { Paragraph, Subordinate } from \"../Typography\";\nimport { TextField } from \"../TextField\";\nimport { CheckboxGroup } from \"../CheckboxGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioGroup } from \"../RadioGroup\";\nimport { Radio } from \"../Radio\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\n\nexport type DataFilterValue = string | string[] | undefined;\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: string;\n  /**\n   * The human-friendly name of the filter.\n   */\n  label: string;\n  /**\n   * The type of filter, which determines which filtering control\n   * is shown.\n   */\n  variant?: MRT_ColumnDef<MRT_RowData>[\"filterVariant\"];\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   * If the filter control has preset options (such as a select or multi-select),\n   * these are the options provided.\n   */\n  options?: Array<{ label: string; value: string }>;\n};\n\n// This is the type of the DataFilters component itself\nexport type DataFiltersProps = {\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 callback that's fired when filter values change.\n   */\n  onChangeFilters?: (filters: Array<DataFilter>) => void;\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   * 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   * The starting value of the search input\n   */\n  defaultSearchTerm?: string;\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 filters available in the filter menu. If undefined,\n   * the filter menu won't be shown.\n   */\n  filters?: Array<DataFilter>;\n};\n\nconst DataFilters = ({\n  onChangeSearch,\n  onChangeFilters,\n  hasSearchSubmitButton = false,\n  searchDelayTime = 200,\n  defaultSearchTerm = \"\",\n  additionalActions,\n  filters: filtersProp = [],\n}: DataFiltersProps) => {\n  const [filters, setFilters] = useState<DataFilter[]>(filtersProp);\n\n  const initialInputValues = useMemo(() => {\n    return filtersProp.reduce((accumulator, filter) => {\n      accumulator[filter.id] = filter.value;\n      return accumulator;\n    }, {} as Record<string, DataFilterValue>);\n  }, [filtersProp]);\n\n  const [inputValues, setInputValues] = useState(initialInputValues);\n\n  const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);\n  const activeFilters = useMemo(() => {\n    return filters.filter(\n      (filter) => typeof filter.value === \"string\" && filter.value\n    );\n  }, [filters]);\n  const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);\n  const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n  const [isFilterPopoverOpen, setIsFilterPopoverOpen] =\n    useState<boolean>(false);\n  const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState<\n    HTMLElement | undefined\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  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 handleInputChange = useCallback(\n    (filterId: string, value: DataFilterValue, submit: boolean = false) => {\n      setInputValues({ ...inputValues, [filterId]: value });\n\n      if (submit) {\n        const updatedFilters = filtersProp.map((filter) => ({\n          ...filter,\n          value: filter.id === filterId ? value : inputValues[filter.id],\n        }));\n\n        setFilters(updatedFilters);\n      }\n    },\n    [inputValues, filtersProp]\n  );\n\n  const handleMultiSelectChange = useCallback(\n    (filterId: string, value: string, submit: boolean = false) => {\n      const startingValues = filtersProp\n        .find((filter) => filter.id === filterId)\n        ?.options?.map((option) => option.value);\n      const currentValues = (inputValues[filterId] ??\n        startingValues) as string[];\n      const updatedValues = currentValues.includes(value)\n        ? currentValues.filter((item: string) => item !== value)\n        : [...currentValues, value];\n      const valuesToSave =\n        updatedValues.sort().join() === startingValues?.sort().join()\n          ? undefined\n          : updatedValues;\n\n      setInputValues({ ...inputValues, [filterId]: valuesToSave });\n\n      if (submit) {\n        const updatedFilters = filtersProp.map((filter) => ({\n          ...filter,\n          value: filter.id === filterId ? valuesToSave : inputValues[filter.id],\n        }));\n\n        setFilters(updatedFilters);\n      }\n    },\n    [inputValues, filtersProp]\n  );\n\n  const clearAllFilters = useCallback(() => {\n    const updatedInputValues = filtersProp.reduce((accumulator, filter) => {\n      accumulator[filter.id] = undefined;\n      return accumulator;\n    }, {} as Record<string, DataFilterValue>);\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            aria-controls={isFiltersMenuOpen ? \"filters-menu\" : undefined}\n            aria-expanded={isFiltersMenuOpen ? \"true\" : undefined}\n            aria-haspopup=\"true\"\n            ariaLabel=\"Filters\"\n            endIcon={<FilterIcon />}\n            onClick={(event) => {\n              setFiltersMenuAnchorElement(event.currentTarget);\n              setIsFiltersMenuOpen(true);\n            }}\n            variant=\"secondary\"\n          />\n        </Box>\n\n        <MuiMenu\n          anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n          transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n          id=\"filters-menu\"\n          anchorEl={filtersMenuAnchorElement}\n          onClose={() => setIsFiltersMenuOpen(false)}\n          open={isFiltersMenuOpen}\n          PaperProps={{\n            ref: menuRef as MutableRefObject<HTMLDivElement>,\n          }}\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 comoponent, 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              <MenuItem\n                key={filter.id}\n                onClick={(event) => {\n                  setIsFilterPopoverOpen(true);\n                  setFilterPopoverAnchorElement(event.currentTarget);\n                  setFilterPopoverCurrentFilter(filter);\n                }}\n              >\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"space-between\",\n                    width: \"100%\",\n                    minWidth: 180,\n                  }}\n                >\n                  <Box sx={{ marginRight: 2 }}>\n                    <Paragraph component=\"div\">{filter.label}</Paragraph>\n                    <Subordinate component=\"div\">\n                      {!latestFilterValue ||\n                      (Array.isArray(latestFilterValue) &&\n                        latestFilterValue.length === 0)\n                        ? `Any ${filter.label.toLowerCase()}`\n                        : Array.isArray(latestFilterValue)\n                        ? `${latestFilterValue.length} selected`\n                        : latestFilterValue}\n                    </Subordinate>\n                  </Box>\n                  <ChevronRightIcon />\n                </Box>\n              </MenuItem>\n            );\n          })}\n        </MuiMenu>\n      </>\n    ),\n    [isFiltersMenuOpen, filtersMenuAnchorElement, filtersProp, filters]\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                open={isFilterPopoverOpen}\n                anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\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\n                  setIsFilterPopoverOpen(false);\n                }}\n              >\n                <Box sx={{ padding: 4, minWidth: 320 }}>\n                  <form\n                    onSubmit={(ev) => {\n                      ev.preventDefault();\n                      handleFilterSubmit();\n                      setIsFilterPopoverOpen(false);\n                      setIsFiltersMenuOpen(false);\n                    }}\n                  >\n                    {/* Autocomplete */}\n                    {filterPopoverCurrentFilter?.variant === \"autocomplete\" &&\n                      filterPopoverCurrentFilter?.options && (\n                        <Autocomplete\n                          label={filterPopoverCurrentFilter.label}\n                          value={\n                            (inputValues[\n                              filterPopoverCurrentFilter.id\n                            ] as string) ?? \"\"\n                          }\n                          onBlur={function ro() {}}\n                          onChange={function ro() {}}\n                          onFocus={function ro() {}}\n                          onInputChange={function ro() {}}\n                          options={filterPopoverCurrentFilter.options.map(\n                            (option: { label: string }) => ({\n                              label: option.label,\n                            })\n                          )}\n                        />\n                      )}\n                    {/* Text or Number */}\n                    {(filterPopoverCurrentFilter?.variant === \"text\" ||\n                      filterPopoverCurrentFilter?.variant === \"range\") && (\n                      <Box\n                        sx={{\n                          display: \"flex\",\n                          gap: 2,\n                          alignItems: \"flex-end\",\n                        }}\n                      >\n                        <Box sx={{ width: \"100%\" }}>\n                          <TextField\n                            hasInitialFocus\n                            label={filterPopoverCurrentFilter.label}\n                            type={\n                              filterPopoverCurrentFilter.variant === \"range\"\n                                ? \"number\"\n                                : \"text\"\n                            }\n                            value={\n                              (inputValues[\n                                filterPopoverCurrentFilter.id\n                              ] as string) ?? \"\"\n                            }\n                            onChange={(ev) =>\n                              handleInputChange(\n                                filterPopoverCurrentFilter.id,\n                                ev.currentTarget.value\n                              )\n                            }\n                            endAdornment={\n                              inputValues[filterPopoverCurrentFilter.id] && (\n                                <MuiIconButton\n                                  size=\"small\"\n                                  aria-label=\"Clear filter\"\n                                  onClick={() => {\n                                    handleInputChange(\n                                      filterPopoverCurrentFilter.id,\n                                      undefined,\n                                      true\n                                    );\n                                  }}\n                                >\n                                  <CloseCircleFilledIcon />\n                                </MuiIconButton>\n                              )\n                            }\n                          />\n                        </Box>\n                        <Button\n                          variant=\"primary\"\n                          endIcon={<CheckIcon />}\n                          type=\"submit\"\n                        />\n                      </Box>\n                    )}\n\n                    {/* Checkbox */}\n                    {filterPopoverCurrentFilter?.variant === \"multi-select\" &&\n                      filterPopoverCurrentFilter?.options && (\n                        <CheckboxGroup\n                          label={filterPopoverCurrentFilter.label}\n                          isRequired\n                        >\n                          {filterPopoverCurrentFilter.options.map(\n                            (option: { label: string; value: string }) => (\n                              <Checkbox\n                                key={option.value}\n                                label={option.label}\n                                value={option.value}\n                                isDefaultChecked={\n                                  inputValues[\n                                    filterPopoverCurrentFilter.id\n                                  ]?.includes(option.value) ||\n                                  inputValues[filterPopoverCurrentFilter.id] ===\n                                    undefined\n                                }\n                                onChange={() =>\n                                  handleMultiSelectChange(\n                                    filterPopoverCurrentFilter.id,\n                                    option.value,\n                                    true\n                                  )\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                            handleInputChange(\n                              filterPopoverCurrentFilter.id,\n                              value,\n                              true\n                            )\n                          }\n                        >\n                          <Radio\n                            label=\"Any\"\n                            value={\"\"}\n                            isChecked={\n                              !inputValues[filterPopoverCurrentFilter.id]\n                            }\n                          />\n                          <>\n                            {filterPopoverCurrentFilter.options.map(\n                              (option: { label: string; value: string }) => (\n                                <Radio\n                                  key={option.value}\n                                  label={option.label}\n                                  value={option.value}\n                                  isChecked={\n                                    inputValues[\n                                      filterPopoverCurrentFilter.id\n                                    ] === option.value\n                                  }\n                                />\n                              )\n                            )}\n                          </>\n                        </RadioGroup>\n                      )}\n                  </form>\n                </Box>\n              </MuiPopover>\n            </>\n          )}\n\n          {/* Search */}\n          {onChangeSearch && (\n            <form\n              style={{ width: \"100%\" }}\n              onSubmit={(event) => {\n                event.preventDefault();\n                if (hasSearchSubmitButton) {\n                  onChangeSearch(searchValue);\n                }\n              }}\n            >\n              <Box sx={{ display: \"flex\", gap: 2, width: \"100%\" }}>\n                <SearchField\n                  value={searchValue}\n                  label=\"Search\"\n                  onClear={() => {\n                    setSearchValue(\"\");\n                    onChangeSearch(\"\");\n                  }}\n                  onChange={(ev) => setSearchValue(ev.target.value)}\n                />\n                {hasSearchSubmitButton && (\n                  <Box>\n                    <Button\n                      variant=\"primary\"\n                      label=\"Search\"\n                      onClick={() => onChangeSearch(searchValue)}\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                variant=\"secondary\"\n                label=\"Clear filters\"\n                onClick={() => clearAllFilters()}\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          <TagList>\n            {activeFilters.map((filter) => (\n              <Tag\n                key={filter.label}\n                label={`${filter.label}: ${filter.value}`}\n                onRemove={() => handleInputChange(filter.id, undefined, true)}\n              />\n            ))}\n          </TagList>\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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"}
+{"version":3,"file":"DataFilters.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","styled","Autocomplete","Box","TagList","Tag","SearchField","Button","CheckIcon","ChevronRightIcon","CloseCircleFilledIcon","FilterIcon","MenuItem","Paragraph","Subordinate","TextField","CheckboxGroup","Checkbox","RadioGroup","Radio","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DataFilters","_ref","onChangeSearch","onChangeFilters","hasSearchSubmitButton","searchDelayTime","defaultSearchTerm","additionalActions","filters","filtersProp","setFilters","initialInputValues","reduce","accumulator","filter","id","value","inputValues","setInputValues","searchValue","setSearchValue","activeFilters","isFiltersMenuOpen","setIsFiltersMenuOpen","filtersMenuAnchorElement","setFiltersMenuAnchorElement","isFilterPopoverOpen","setIsFilterPopoverOpen","filterPopoverAnchorElement","setFilterPopoverAnchorElement","filterPopoverCurrentFilter","setFilterPopoverCurrentFilter","menuRef","debouncer","undefined","current","clearTimeout","setTimeout","autocompleteOptions","variant","options","map","option","label","updateInputValue","_ref2","filterId","updateFilters","_ref3","updatedFilters","getAutoCompleteLabel","Array","isArray","valueElement","item","Boolean","handleMultiSelectChange","submit","arguments","length","startingValues","find","currentValues","updatedValues","includes","valuesToSave","sort","join","clearAllFilters","updatedInputValues","handleFilterSubmit","AutocompleteOuterContainer","div","AutocompleteInnerContainer","filterMenu","children","ariaLabel","endIcon","onClick","event","currentTarget","_Menu","anchorOrigin","horizontal","vertical","transformOrigin","anchorEl","onClose","open","PaperProps","ref","latestFilterValue","f","sx","display","alignItems","justifyContent","width","minWidth","marginRight","component","toLowerCase","gap","maxWidth","_Popover","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","padding","onSubmit","preventDefault","onChange","_","type","hasInitialFocus","endAdornment","_IconButton","size","isRequired","isDefaultChecked","isChecked","style","onClear","target","borderTopWidth","borderTopColor","borderTopStyle","paddingTop","marginTop","onRemove","MemoizedDataFilters","displayName"],"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 {\n  MutableRefObject,\n  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Box } from \"../Box\";\nimport { TagList } from \"../TagList\";\nimport { Tag } from \"../Tag\";\nimport { SearchField } from \"../SearchField\";\nimport { Button } from \"../Button\";\nimport {\n  IconButton as MuiIconButton,\n  Menu as MuiMenu,\n  Popover as MuiPopover,\n} from \"@mui/material\";\nimport {\n  CheckIcon,\n  ChevronRightIcon,\n  CloseCircleFilledIcon,\n  FilterIcon,\n} from \"../icons.generated\";\nimport { MenuItem } from \"../MenuItem\";\nimport { Paragraph, Subordinate } from \"../Typography\";\nimport { TextField } from \"../TextField\";\nimport { CheckboxGroup } from \"../CheckboxGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioGroup } from \"../RadioGroup\";\nimport { Radio } from \"../Radio\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\n\nexport type DataFilterValue = string | string[] | undefined;\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: string;\n  /**\n   * The human-friendly name of the filter.\n   */\n  label: string;\n  /**\n   * The type of filter, which determines which filtering control\n   * is shown.\n   */\n  variant?: MRT_ColumnDef<MRT_RowData>[\"filterVariant\"];\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   * If the filter control has preset options (such as a select or multi-select),\n   * these are the options provided.\n   */\n  options?: Array<{ label: string; value: string }>;\n};\n\n// This is the type of the DataFilters component itself\nexport type DataFiltersProps = {\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 callback that's fired when filter values change.\n   */\n  onChangeFilters?: (filters: Array<DataFilter>) => void;\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   * 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   * The starting value of the search input\n   */\n  defaultSearchTerm?: string;\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 filters available in the filter menu. If undefined,\n   * the filter menu won't be shown.\n   */\n  filters?: Array<DataFilter>;\n};\n\nconst DataFilters = ({\n  onChangeSearch,\n  onChangeFilters,\n  hasSearchSubmitButton = false,\n  searchDelayTime = 200,\n  defaultSearchTerm = \"\",\n  additionalActions,\n  filters: filtersProp = [],\n}: DataFiltersProps) => {\n  const [filters, setFilters] = useState<DataFilter[]>(filtersProp);\n\n  const initialInputValues = useMemo(() => {\n    return filtersProp.reduce((accumulator, filter) => {\n      accumulator[filter.id] = filter.value;\n      return accumulator;\n    }, {} as Record<string, DataFilterValue>);\n  }, [filtersProp]);\n\n  const [inputValues, setInputValues] = useState(initialInputValues);\n\n  const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);\n  const activeFilters = useMemo(() => {\n    return filters.filter(\n      (filter) => typeof filter.value === \"string\" && filter.value\n    );\n  }, [filters]);\n  const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);\n  const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n  const [isFilterPopoverOpen, setIsFilterPopoverOpen] =\n    useState<boolean>(false);\n  const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState<\n    HTMLElement | undefined\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  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    // Check if filterPopoverCurrentFilter and filterPopoverCurrentFilter.options are defined\n    if (\n      filterPopoverCurrentFilter?.variant === \"autocomplete\" &&\n      filterPopoverCurrentFilter?.options\n    ) {\n      return filterPopoverCurrentFilter.options.map((option) => ({\n        label: option.label,\n      }));\n    }\n\n    // if filterPopoverCurrentFilter or filterPopoverCurrentFilter.options is undefined\n    return [];\n  }, [filterPopoverCurrentFilter]);\n\n  const updateInputValue = useCallback(\n    ({ filterId, value }: { filterId: string; value: DataFilterValue }) => {\n      setInputValues({ ...inputValues, [filterId]: value });\n    },\n    [inputValues]\n  );\n\n  const updateFilters = useCallback(\n    ({ filterId, value }: { filterId: string; value: DataFilterValue }) => {\n      const updatedFilters = filtersProp.map((filter) => ({\n        ...filter,\n        value: filter.id === filterId ? value : inputValues[filter.id],\n      }));\n\n      setFilters(updatedFilters);\n    },\n    [inputValues, filtersProp]\n  );\n\n  const getAutoCompleteLabel = <\n    Value extends { label: string } | Array<{ label: string }>\n  >(\n    value: Value\n  ) => {\n    if (Array.isArray(value)) {\n      // Iterating to find the label\n      return value\n        .map((valueElement) => {\n          if (typeof valueElement === \"string\") {\n            return undefined;\n          }\n          return valueElement.label;\n        })\n        .filter((item): item is string => Boolean(item));\n    }\n\n    return value?.label;\n  };\n\n  const handleMultiSelectChange = useCallback(\n    (filterId: string, value: string, submit: boolean = false) => {\n      const startingValues = filtersProp\n        .find((filter) => filter.id === filterId)\n        ?.options?.map((option) => option.value);\n      const currentValues = (inputValues[filterId] ??\n        startingValues) as string[];\n      const updatedValues = currentValues.includes(value)\n        ? currentValues.filter((item: string) => item !== value)\n        : [...currentValues, value];\n      const valuesToSave =\n        updatedValues.sort().join() === startingValues?.sort().join()\n          ? undefined\n          : updatedValues;\n\n      setInputValues({ ...inputValues, [filterId]: valuesToSave });\n\n      if (submit) {\n        const updatedFilters = filtersProp.map((filter) => ({\n          ...filter,\n          value: filter.id === filterId ? valuesToSave : inputValues[filter.id],\n        }));\n\n        setFilters(updatedFilters);\n      }\n    },\n    [inputValues, filtersProp]\n  );\n\n  const clearAllFilters = useCallback(() => {\n    const updatedInputValues = filtersProp.reduce((accumulator, filter) => {\n      accumulator[filter.id] = undefined;\n      return accumulator;\n    }, {} as Record<string, DataFilterValue>);\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 AutocompleteOuterContainer = styled.div`\n    display: flex;\n    gap: 2;\n    align-items: center;\n    alignitems: \"flex-end\";\n  `;\n  const AutocompleteInnerContainer = styled.div`\n    width: \"100%\";\n  `;\n  const filterMenu = useMemo(\n    () => (\n      <>\n        <Box>\n          <Button\n            aria-controls={isFiltersMenuOpen ? \"filters-menu\" : undefined}\n            aria-expanded={isFiltersMenuOpen ? \"true\" : undefined}\n            aria-haspopup=\"true\"\n            ariaLabel=\"Filters\"\n            endIcon={<FilterIcon />}\n            onClick={(event) => {\n              setFiltersMenuAnchorElement(event.currentTarget);\n              setIsFiltersMenuOpen(true);\n            }}\n            variant=\"secondary\"\n          />\n        </Box>\n\n        <MuiMenu\n          anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n          transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n          id=\"filters-menu\"\n          anchorEl={filtersMenuAnchorElement}\n          onClose={() => setIsFiltersMenuOpen(false)}\n          open={isFiltersMenuOpen}\n          PaperProps={{\n            ref: menuRef as MutableRefObject<HTMLDivElement>,\n          }}\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 comoponent, 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              <MenuItem\n                key={filter.id}\n                onClick={(event) => {\n                  setIsFilterPopoverOpen(true);\n                  setFilterPopoverAnchorElement(event.currentTarget);\n                  setFilterPopoverCurrentFilter(filter);\n                }}\n              >\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"space-between\",\n                    width: \"100%\",\n                    minWidth: 180,\n                  }}\n                >\n                  <Box sx={{ marginRight: 2 }}>\n                    <Paragraph component=\"div\">{filter.label}</Paragraph>\n                    <Subordinate component=\"div\">\n                      {!latestFilterValue ||\n                      (Array.isArray(latestFilterValue) &&\n                        latestFilterValue.length === 0)\n                        ? `Any ${filter.label.toLowerCase()}`\n                        : Array.isArray(latestFilterValue)\n                        ? `${latestFilterValue.length} selected`\n                        : latestFilterValue}\n                    </Subordinate>\n                  </Box>\n                  <ChevronRightIcon />\n                </Box>\n              </MenuItem>\n            );\n          })}\n        </MuiMenu>\n      </>\n    ),\n    [isFiltersMenuOpen, filtersMenuAnchorElement, filtersProp, filters]\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                open={isFilterPopoverOpen}\n                anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\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\n                  setIsFilterPopoverOpen(false);\n                }}\n              >\n                <Box sx={{ padding: 4, minWidth: 320 }}>\n                  <form\n                    onSubmit={(ev) => {\n                      ev.preventDefault();\n                      handleFilterSubmit();\n                      setIsFilterPopoverOpen(false);\n                      setIsFiltersMenuOpen(false);\n                    }}\n                  >\n                    {/* Autocomplete */}\n                    {filterPopoverCurrentFilter?.variant === \"autocomplete\" &&\n                      filterPopoverCurrentFilter?.options && (\n                        <AutocompleteOuterContainer>\n                          <AutocompleteInnerContainer>\n                            <Autocomplete\n                              label={filterPopoverCurrentFilter.label}\n                              value={\n                                inputValues[filterPopoverCurrentFilter.id] ?? \"\"\n                              }\n                              onChange={(_, value) => {\n                                const label =\n                                  typeof value === \"string\"\n                                    ? getAutoCompleteLabel({ label: value })\n                                    : Array.isArray(value)\n                                    ? getAutoCompleteLabel(\n                                        value.map((item) =>\n                                          typeof item === \"string\"\n                                            ? { label: item }\n                                            : item\n                                        )\n                                      )\n                                    : value\n                                    ? getAutoCompleteLabel(value)\n                                    : \"\";\n\n                                updateInputValue({\n                                  filterId: filterPopoverCurrentFilter.id,\n                                  value: label,\n                                });\n                              }}\n                              options={autocompleteOptions}\n                            />\n                          </AutocompleteInnerContainer>\n                          <Button\n                            variant=\"primary\"\n                            endIcon={<CheckIcon />}\n                            type=\"submit\"\n                          />\n                        </AutocompleteOuterContainer>\n                      )}\n                    {/* Text or Number */}\n                    {(filterPopoverCurrentFilter?.variant === \"text\" ||\n                      filterPopoverCurrentFilter?.variant === \"range\") && (\n                      <Box\n                        sx={{\n                          display: \"flex\",\n                          gap: 2,\n                          alignItems: \"flex-end\",\n                        }}\n                      >\n                        <Box sx={{ width: \"100%\" }}>\n                          <TextField\n                            hasInitialFocus\n                            label={filterPopoverCurrentFilter.label}\n                            type={\n                              filterPopoverCurrentFilter.variant === \"range\"\n                                ? \"number\"\n                                : \"text\"\n                            }\n                            value={\n                              (inputValues[\n                                filterPopoverCurrentFilter.id\n                              ] as string) ?? \"\"\n                            }\n                            onChange={(ev) =>\n                              updateInputValue({\n                                filterId: filterPopoverCurrentFilter.id,\n                                value: ev.currentTarget.value,\n                              })\n                            }\n                            endAdornment={\n                              inputValues[filterPopoverCurrentFilter.id] && (\n                                <MuiIconButton\n                                  size=\"small\"\n                                  aria-label=\"Clear filter\"\n                                  onClick={() => {\n                                    updateInputValue({\n                                      filterId: filterPopoverCurrentFilter.id,\n                                      value: undefined,\n                                    });\n\n                                    updateFilters({\n                                      filterId: filterPopoverCurrentFilter.id,\n                                      value: undefined,\n                                    });\n                                  }}\n                                >\n                                  <CloseCircleFilledIcon />\n                                </MuiIconButton>\n                              )\n                            }\n                          />\n                        </Box>\n                        <Button\n                          variant=\"primary\"\n                          endIcon={<CheckIcon />}\n                          type=\"submit\"\n                        />\n                      </Box>\n                    )}\n\n                    {/* Checkbox */}\n                    {filterPopoverCurrentFilter?.variant === \"multi-select\" &&\n                      filterPopoverCurrentFilter?.options && (\n                        <CheckboxGroup\n                          label={filterPopoverCurrentFilter.label}\n                          isRequired\n                        >\n                          {filterPopoverCurrentFilter.options.map(\n                            (option: { label: string; value: string }) => (\n                              <Checkbox\n                                key={option.value}\n                                label={option.label}\n                                value={option.value}\n                                isDefaultChecked={\n                                  inputValues[\n                                    filterPopoverCurrentFilter.id\n                                  ]?.includes(option.value) ||\n                                  inputValues[filterPopoverCurrentFilter.id] ===\n                                    undefined\n                                }\n                                onChange={() =>\n                                  handleMultiSelectChange(\n                                    filterPopoverCurrentFilter.id,\n                                    option.value,\n                                    true\n                                  )\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                            updateInputValue({\n                              filterId: filterPopoverCurrentFilter.id,\n                              value,\n                            });\n\n                            updateFilters({\n                              filterId: filterPopoverCurrentFilter.id,\n                              value,\n                            });\n                          }}\n                        >\n                          <Radio\n                            label=\"Any\"\n                            value={\"\"}\n                            isChecked={\n                              !inputValues[filterPopoverCurrentFilter.id]\n                            }\n                          />\n                          <>\n                            {filterPopoverCurrentFilter.options.map(\n                              (option: { label: string; value: string }) => (\n                                <Radio\n                                  key={option.value}\n                                  label={option.label}\n                                  value={option.value}\n                                  isChecked={\n                                    inputValues[\n                                      filterPopoverCurrentFilter.id\n                                    ] === option.value\n                                  }\n                                />\n                              )\n                            )}\n                          </>\n                        </RadioGroup>\n                      )}\n                  </form>\n                </Box>\n              </MuiPopover>\n            </>\n          )}\n\n          {/* Search */}\n          {onChangeSearch && (\n            <form\n              style={{ width: \"100%\" }}\n              onSubmit={(event) => {\n                event.preventDefault();\n                if (hasSearchSubmitButton) {\n                  onChangeSearch(searchValue);\n                }\n              }}\n            >\n              <Box sx={{ display: \"flex\", gap: 2, width: \"100%\" }}>\n                <SearchField\n                  value={searchValue}\n                  label=\"Search\"\n                  onClear={() => {\n                    setSearchValue(\"\");\n                    onChangeSearch(\"\");\n                  }}\n                  onChange={(ev) => setSearchValue(ev.target.value)}\n                />\n                {hasSearchSubmitButton && (\n                  <Box>\n                    <Button\n                      variant=\"primary\"\n                      label=\"Search\"\n                      onClick={() => onChangeSearch(searchValue)}\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                variant=\"secondary\"\n                label=\"Clear filters\"\n                onClick={clearAllFilters}\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          <TagList>\n            {activeFilters.map((filter) => (\n              <Tag\n                key={filter.label}\n                label={`${filter.label}: ${filter.value}`}\n                onRemove={() => {\n                  updateInputValue({\n                    filterId: filter.id,\n                    value: undefined,\n                  });\n\n                  updateFilters({\n                    filterId: filter.id,\n                    value: undefined,\n                  });\n                }}\n              />\n            ))}\n          </TagList>\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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"}

package/dist/src/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAoBH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAEL,WAAW,EAGZ,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,kBAAkB,IAC5C,kBAAkB,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;AAEtD,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,eAAe,CAAC,kBAAkB,CAAC,EACjD,kBAAkB,SAAS,OAAO,IAChC;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IACrD;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,+CAA+C;IAC/C,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3C;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,IAAI,CACN,mBAAmB,EACjB,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,MAAM,GACN,mBAAmB,GACnB,IAAI,GACJ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,MAAM,CACT,GACC,YAAY,CAAC;AAkPf,QAAA,MAAM,cAAc,qfAAe,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAoBH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAEL,WAAW,EAGZ,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,kBAAkB,IAC5C,kBAAkB,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;AAEtD,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,eAAe,CAAC,kBAAkB,CAAC,EACjD,kBAAkB,SAAS,OAAO,IAChC;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IACrD;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,+CAA+C;IAC/C,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3C;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,IAAI,CACN,mBAAmB,EACjB,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,MAAM,GACN,mBAAmB,GACnB,IAAI,GACJ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,MAAM,CACT,GACC,YAAY,CAAC;AAuPf,QAAA,MAAM,cAAc,qfAAe,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}