@okta/odyssey-react-mui 1.6.18 → 1.6.19

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.19](https://github.com/okta/odyssey/compare/v1.6.18...v1.6.19) (2023-11-20)
+
+**Note:** Version bump only for package @okta/odyssey-react-mui
+
 ## [1.6.18](https://github.com/okta/odyssey/compare/v1.6.17...v1.6.18) (2023-11-15)
 
 ### Bug Fixes

package/dist/Autocomplete.js

@@ -11,14 +11,17 @@ import _InputBase from "@mui/material/InputBase";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { memo, useCallback } from "react";
+import { memo, useCallback, useMemo } from "react";
 import { Field } from "./Field.js";
+import { useControlledState } from "./useControlledState.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Autocomplete = _ref => {
   let {
+    defaultValue,
     errorMessage,
     hasMultipleChoices,
     id: idOverride,
+    inputValue,
     isCustomValueAllowed,
     isDisabled,
     isLoading,
@@ -28,11 +31,12 @@ const Autocomplete = _ref => {
     label,
     name: nameOverride,
     onBlur,
-    onChange,
-    onInputChange,
+    onChange: onChangeProp,
+    onInputChange: onInputChangeProp,
     onFocus,
     options,
     value,
+    getIsOptionEqualToValue,
     testId
   } = _ref;
   const renderInput = useCallback(_ref2 => {
@@ -72,9 +76,32 @@ const Autocomplete = _ref => {
       }
     });
   }, [errorMessage, hint, isOptional, label, nameOverride]);
+  const defaultValuesProp = useMemo(() => {
+    if (hasMultipleChoices) {
+      return defaultValue === undefined ? [] : defaultValue;
+    }
+    return defaultValue ?? undefined;
+  }, [defaultValue, hasMultipleChoices]);
+  const [localValue, setLocalValue] = useControlledState({
+    controlledValue: value,
+    uncontrolledValue: defaultValuesProp
+  });
+  const [localInputValue, setLocalInputValue] = useControlledState({
+    controlledValue: inputValue,
+    uncontrolledValue: undefined
+  });
+  const onChange = useCallback((event, value, reason, details) => {
+    setLocalValue(value);
+    onChangeProp?.(event, value, reason, details);
+  }, [onChangeProp, setLocalValue]);
+  const onInputChange = useCallback((event, value, reason) => {
+    setLocalInputValue(value);
+    onInputChangeProp?.(event, value, reason);
+  }, [onInputChangeProp, setLocalInputValue]);
   return _jsx(_Autocomplete, {
     "aria-disabled": isDisabled,
     "data-se": testId,
+    defaultValue: defaultValuesProp,
     disableCloseOnSelect: hasMultipleChoices,
     disabled: isDisabled,
     freeSolo: isCustomValueAllowed,
@@ -89,7 +116,9 @@ const Autocomplete = _ref => {
     options: options,
     readOnly: isReadOnly,
     renderInput: renderInput,
-    value: value
+    value: localValue,
+    inputValue: localInputValue,
+    isOptionEqualToValue: getIsOptionEqualToValue
   });
 };
 const MemoizedAutocomplete = memo(Autocomplete);

package/dist/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","names":["memo","useCallback","Field","jsx","_jsx","Autocomplete","_ref","errorMessage","hasMultipleChoices","id","idOverride","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","name","nameOverride","onBlur","onChange","onInputChange","onFocus","options","value","testId","renderInput","_ref2","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","_ref3","ariaDescribedBy","errorMessageElementId","labelElementId","_InputBase","inputProps","required","_Autocomplete","disableCloseOnSelect","disabled","freeSolo","filterSelectedOptions","loading","multiple","readOnly","MemoizedAutocomplete","displayName"],"sources":["../src/Autocomplete.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  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n  InputBase,\n} from \"@mui/material\";\nimport { memo, useCallback } from \"react\";\n\nimport { Field } from \"./Field\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\n\nexport type AutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n> = {\n  /**\n   * Enables multiple choice selection\n   */\n  hasMultipleChoices?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"multiple\"];\n  /**\n   * Allows the input of custom values\n   */\n  isCustomValueAllowed?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"freeSolo\"];\n  /**\n   * Disables the Autocomplete input\n   */\n  isDisabled?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"disabled\"];\n  /**\n   * Displays a loading indicator\n   */\n  isLoading?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"loading\"];\n  /**\n   * Makes the Autocomplete input read-only\n   */\n  isReadOnly?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"readOnly\"];\n  /**\n   * The label text for the autocomplete input\n   */\n  label: string;\n  /**\n   * Callback fired when the autocomplete loses focus.\n   */\n  onBlur?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onBlur\"];\n  /**\n   * Callback fired when a selection is made.\n   */\n  onChange?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onChange\"];\n  /**\n   * Callback fired when the textbox receives typed characters.\n   */\n  onInputChange?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onInputChange\"];\n  /**\n   * Callback fired when the autocomplete gains focus.\n   */\n  onFocus?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onFocus\"];\n  /**\n   * The options for the Autocomplete input\n   */\n  options: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"options\"];\n  /**\n   * The value of the Autocomplete input\n   */\n  value?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"value\"];\n} & Pick<\n  FieldComponentProps,\n  \"errorMessage\" | \"hint\" | \"id\" | \"isOptional\" | \"name\"\n> &\n  SeleniumProps;\n\nconst Autocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n>({\n  errorMessage,\n  hasMultipleChoices,\n  id: idOverride,\n  isCustomValueAllowed,\n  isDisabled,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  hint,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange,\n  onInputChange,\n  onFocus,\n  options,\n  value,\n  testId,\n}: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const renderInput = useCallback(\n    ({ InputLabelProps, InputProps, ...params }) => (\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        id={InputLabelProps.htmlFor}\n        hint={hint}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({\n          ariaDescribedBy,\n          id,\n          errorMessageElementId,\n          labelElementId,\n        }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            inputProps={{\n              ...params.inputProps,\n              \"aria-errormessage\": errorMessageElementId,\n              \"aria-labelledby\": labelElementId,\n            }}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            name={nameOverride ?? id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [errorMessage, hint, isOptional, label, nameOverride]\n  );\n\n  return (\n    <MuiAutocomplete\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      data-se={testId}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      freeSolo={isCustomValueAllowed}\n      filterSelectedOptions={true}\n      id={idOverride}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onBlur={onBlur}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      value={value}\n    />\n  );\n};\n\n// Need the `typeof Autocomplete` because generics don't get passed through\nconst MemoizedAutocomplete = memo(Autocomplete) as typeof Autocomplete;\n// @ts-expect-error displayName is expected to not be on `typeof Autocomplete`\nMemoizedAutocomplete.displayName = \"Autocomplete\";\n\nexport { MemoizedAutocomplete as Autocomplete };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,SAASA,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAAC,SAEjCC,KAAK;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAsHd,MAAMC,YAAY,GAAGC,IAAA,IAuB0D;EAAA,IAnB7E;IACAC,YAAY;IACZC,kBAAkB;IAClBC,EAAE,EAAEC,UAAU;IACdC,oBAAoB;IACpBC,UAAU;IACVC,SAAS;IACTC,UAAU,GAAG,KAAK;IAClBC,UAAU;IACVC,IAAI;IACJC,KAAK;IACLC,IAAI,EAAEC,YAAY;IAClBC,MAAM;IACNC,QAAQ;IACRC,aAAa;IACbC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLC;EACuE,CAAC,GAAApB,IAAA;EACxE,MAAMqB,WAAW,GAAG1B,WAAW,CAC7B2B,KAAA;IAAA,IAAC;MAAEC,eAAe;MAAEC,UAAU;MAAE,GAAGC;IAAO,CAAC,GAAAH,KAAA;IAAA,OACzCxB,IAAA,CAACF,KAAK;MACJK,YAAY,EAAEA,YAAa;MAC3ByB,SAAS,EAAC,QAAQ;MAClBC,eAAe;MACfxB,EAAE,EAAEoB,eAAe,CAACK,OAAQ;MAC5BlB,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MACbH,UAAU,EAAEA,UAAW;MACvBqB,oBAAoB,EAAEC,KAAA;QAAA,IAAC;UACrBC,eAAe;UACf5B,EAAE;UACF6B,qBAAqB;UACrBC;QACF,CAAC,GAAAH,KAAA;QAAA,OACChC,IAAA,CAAAoC,UAAA;UAAA,GACMT,MAAM;UAAA,GACND,UAAU;UACdW,UAAU,EAAE;YACV,GAAGV,MAAM,CAACU,UAAU;YACpB,mBAAmB,EAAEH,qBAAqB;YAC1C,iBAAiB,EAAEC;UACrB,CAAE;UACF,oBAAkBF,eAAgB;UAClC5B,EAAE,EAAEA,EAAG;UACPS,IAAI,EAAEC,YAAY,IAAIV,EAAG;UACzBiC,QAAQ,EAAE,CAAC5B;QAAW,CACvB,CAAC;MAAA;IACF,CACH,CAAC;EAAA,CACH,EACD,CAACP,YAAY,EAAES,IAAI,EAAEF,UAAU,EAAEG,KAAK,EAAEE,YAAY,CACtD,CAAC;EAED,OACEf,IAAA,CAAAuC,aAAA;IAEE,iBAAe/B,UAAW;IAC1B,WAASc,MAAO;IAChBkB,oBAAoB,EAAEpC,kBAAmB;IACzCqC,QAAQ,EAAEjC,UAAW;IACrBkC,QAAQ,EAAEnC,oBAAqB;IAC/BoC,qBAAqB,EAAE,IAAK;IAC5BtC,EAAE,EAAEC,UAAW;IACfsC,OAAO,EAAEnC,SAAU;IACnBoC,QAAQ,EAAEzC,kBAAmB;IAC7BY,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBC,aAAa,EAAEA,aAAc;IAC7BC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjB0B,QAAQ,EAAEnC,UAAW;IACrBY,WAAW,EAAEA,WAAY;IACzBF,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC;AAGD,MAAM0B,oBAAoB,GAAGnD,IAAI,CAACK,YAAY,CAAwB;AAEtE8C,oBAAoB,CAACC,WAAW,GAAG,cAAc;AAEjD,SAASD,oBAAoB,IAAI9C,YAAY"}
+{"version":3,"file":"Autocomplete.js","names":["memo","useCallback","useMemo","Field","useControlledState","jsx","_jsx","Autocomplete","_ref","defaultValue","errorMessage","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","value","getIsOptionEqualToValue","testId","renderInput","_ref2","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","_ref3","ariaDescribedBy","errorMessageElementId","labelElementId","_InputBase","inputProps","required","defaultValuesProp","undefined","localValue","setLocalValue","controlledValue","uncontrolledValue","localInputValue","setLocalInputValue","event","reason","details","_Autocomplete","disableCloseOnSelect","disabled","freeSolo","filterSelectedOptions","loading","multiple","readOnly","isOptionEqualToValue","MemoizedAutocomplete","displayName"],"sources":["../src/Autocomplete.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  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n  InputBase,\n  UseAutocompleteProps,\n  AutocompleteValue,\n} from \"@mui/material\";\nimport { memo, useCallback, useMemo } from \"react\";\n\nimport { Field } from \"./Field\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\nimport { useControlledState } from \"./useControlledState\";\n\nexport type AutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   * @default props.multiple ? [] : null\n   */\n  defaultValue?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"defaultValue\"];\n  /**\n   * Enables multiple choice selection\n   */\n  hasMultipleChoices?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"multiple\"];\n  /**\n   * The value for the input\n   */\n  inputValue?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"inputValue\"];\n  /**\n   * Allows the input of custom values\n   */\n  isCustomValueAllowed?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"freeSolo\"];\n  /**\n   * Disables the Autocomplete input\n   */\n  isDisabled?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"disabled\"];\n  /**\n   * Displays a loading indicator\n   */\n  isLoading?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"loading\"];\n  /**\n   * Makes the Autocomplete input read-only\n   */\n  isReadOnly?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"readOnly\"];\n  /**\n   * The label text for the autocomplete input\n   */\n  label: string;\n  /**\n   * Callback fired when the autocomplete loses focus.\n   */\n  onBlur?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onBlur\"];\n  /**\n   * Callback fired when a selection is made.\n   */\n  onChange?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onChange\"];\n  /**\n   * Callback fired when the textbox receives typed characters.\n   */\n  onInputChange?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onInputChange\"];\n  /**\n   * Callback fired when the autocomplete gains focus.\n   */\n  onFocus?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onFocus\"];\n  /**\n   * The options for the Autocomplete input\n   */\n  options: ReadonlyArray<OptionType>;\n  /**\n   * The value of the Autocomplete input\n   */\n  value?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"value\"];\n\n  /**\n   * Used to determine if the option represents the given value. Uses strict equality by default if none provided.\n   * Both arguments need to be handled, an option can only match with one value.\n   * option: the option to test\n   * value: the value to test against\n   *\n   * You will need to implement this function if your `option` items are objects.\n   */\n  getIsOptionEqualToValue?: (option: OptionType, value: OptionType) => boolean;\n} & Pick<\n  FieldComponentProps,\n  \"errorMessage\" | \"hint\" | \"id\" | \"isOptional\" | \"name\"\n> &\n  SeleniumProps;\n\nconst Autocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n>({\n  defaultValue,\n  errorMessage,\n  hasMultipleChoices,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  hint,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onInputChange: onInputChangeProp,\n  onFocus,\n  options,\n  value,\n  getIsOptionEqualToValue,\n  testId,\n}: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const renderInput = useCallback(\n    ({ InputLabelProps, InputProps, ...params }) => (\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        id={InputLabelProps.htmlFor}\n        hint={hint}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({\n          ariaDescribedBy,\n          id,\n          errorMessageElementId,\n          labelElementId,\n        }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            inputProps={{\n              ...params.inputProps,\n              \"aria-errormessage\": errorMessageElementId,\n              \"aria-labelledby\": labelElementId,\n            }}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            name={nameOverride ?? id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [errorMessage, hint, isOptional, label, nameOverride]\n  );\n\n  const defaultValuesProp = useMemo<\n    | AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >\n    | undefined\n  >(() => {\n    if (hasMultipleChoices) {\n      return defaultValue === undefined\n        ? ([] as AutocompleteValue<\n            OptionType,\n            HasMultipleChoices,\n            undefined,\n            IsCustomValueAllowed\n          >)\n        : defaultValue;\n    }\n    return defaultValue ?? undefined;\n  }, [defaultValue, hasMultipleChoices]);\n\n  const [localValue, setLocalValue] = useControlledState({\n    controlledValue: value,\n    uncontrolledValue: defaultValuesProp,\n  });\n\n  const [localInputValue, setLocalInputValue] = useControlledState({\n    controlledValue: inputValue,\n    uncontrolledValue: undefined,\n  });\n\n  const onChange = useCallback<\n    NonNullable<\n      UseAutocompleteProps<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >[\"onChange\"]\n    >\n  >(\n    (event, value, reason, details) => {\n      setLocalValue(value);\n      onChangeProp?.(event, value, reason, details);\n    },\n    [onChangeProp, setLocalValue]\n  );\n\n  const onInputChange = useCallback<\n    NonNullable<\n      UseAutocompleteProps<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >[\"onInputChange\"]\n    >\n  >(\n    (event, value, reason) => {\n      setLocalInputValue(value);\n      onInputChangeProp?.(event, value, reason);\n    },\n    [onInputChangeProp, setLocalInputValue]\n  );\n\n  return (\n    <MuiAutocomplete\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      data-se={testId}\n      defaultValue={defaultValuesProp}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      freeSolo={isCustomValueAllowed}\n      filterSelectedOptions={true}\n      id={idOverride}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onBlur={onBlur}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      value={localValue}\n      inputValue={localInputValue}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n    />\n  );\n};\n\n// Need the `typeof Autocomplete` because generics don't get passed through\nconst MemoizedAutocomplete = memo(Autocomplete) as typeof Autocomplete;\n// @ts-expect-error displayName is expected to not be on `typeof Autocomplete`\nMemoizedAutocomplete.displayName = \"Autocomplete\";\n\nexport { MemoizedAutocomplete as Autocomplete };\n"],"mappings":"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"}

package/dist/labs/VirtualizedAutocomplete.js

@@ -0,0 +1,129 @@
+import _Autocomplete from "@mui/material/Autocomplete";
+import _InputBase from "@mui/material/InputBase";
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import { memo, useCallback, useMemo } from "react";
+import { Field } from "../Field.js";
+import { useControlledState } from "../useControlledState.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const VirtualizedAutocomplete = _ref => {
+  let {
+    defaultValue,
+    errorMessage,
+    hasMultipleChoices,
+    id: idOverride,
+    inputValue,
+    isCustomValueAllowed,
+    isDisabled,
+    isLoading,
+    isOptional = false,
+    isReadOnly,
+    hint,
+    label,
+    ListboxComponent,
+    name: nameOverride,
+    onBlur,
+    onChange: onChangeProp,
+    onInputChange: onInputChangeProp,
+    onFocus,
+    options,
+    value,
+    getIsOptionEqualToValue,
+    testId
+  } = _ref;
+  const renderInput = useCallback(_ref2 => {
+    let {
+      InputLabelProps,
+      InputProps,
+      ...params
+    } = _ref2;
+    return _jsx(Field, {
+      errorMessage: errorMessage,
+      fieldType: "single",
+      hasVisibleLabel: true,
+      id: InputLabelProps.htmlFor,
+      hint: hint,
+      label: label,
+      isOptional: isOptional,
+      renderFieldComponent: _ref3 => {
+        let {
+          ariaDescribedBy,
+          id,
+          errorMessageElementId,
+          labelElementId
+        } = _ref3;
+        return _jsx(_InputBase, {
+          ...params,
+          ...InputProps,
+          inputProps: {
+            ...params.inputProps,
+            "aria-errormessage": errorMessageElementId,
+            "aria-labelledby": labelElementId
+          },
+          "aria-describedby": ariaDescribedBy,
+          id: id,
+          name: nameOverride ?? id,
+          required: !isOptional
+        });
+      }
+    });
+  }, [errorMessage, hint, isOptional, label, nameOverride]);
+  const defaultValuesProp = useMemo(() => {
+    if (hasMultipleChoices) {
+      return defaultValue === undefined ? [] : defaultValue;
+    }
+    return defaultValue ?? undefined;
+  }, [defaultValue, hasMultipleChoices]);
+  const [localValue, setLocalValue] = useControlledState({
+    controlledValue: value,
+    uncontrolledValue: defaultValuesProp
+  });
+  const [localInputValue, setLocalInputValue] = useControlledState({
+    controlledValue: inputValue,
+    uncontrolledValue: undefined
+  });
+  const onChange = useCallback((event, value, reason, details) => {
+    setLocalValue(value);
+    onChangeProp?.(event, value, reason, details);
+  }, [onChangeProp, setLocalValue]);
+  const onInputChange = useCallback((event, value, reason) => {
+    setLocalInputValue(value);
+    onInputChangeProp?.(event, value, reason);
+  }, [onInputChangeProp, setLocalInputValue]);
+  return _jsx(_Autocomplete, {
+    "aria-disabled": isDisabled,
+    "data-se": testId,
+    defaultValue: defaultValuesProp,
+    disableCloseOnSelect: hasMultipleChoices,
+    disabled: isDisabled,
+    freeSolo: isCustomValueAllowed,
+    filterSelectedOptions: true,
+    id: idOverride,
+    ListboxComponent: ListboxComponent,
+    loading: isLoading,
+    multiple: hasMultipleChoices,
+    onBlur: onBlur,
+    onChange: onChange,
+    onInputChange: onInputChange,
+    onFocus: onFocus,
+    options: options,
+    readOnly: isReadOnly,
+    renderInput: renderInput,
+    value: localValue,
+    inputValue: localInputValue,
+    isOptionEqualToValue: getIsOptionEqualToValue
+  });
+};
+const MemoizedAutocomplete = memo(VirtualizedAutocomplete);
+MemoizedAutocomplete.displayName = "Autocomplete";
+export { MemoizedAutocomplete as VirtualizedAutocomplete };
+//# sourceMappingURL=VirtualizedAutocomplete.js.map

package/dist/labs/VirtualizedAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedAutocomplete.js","names":["memo","useCallback","useMemo","Field","useControlledState","jsx","_jsx","VirtualizedAutocomplete","_ref","defaultValue","errorMessage","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","ListboxComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","value","getIsOptionEqualToValue","testId","renderInput","_ref2","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","_ref3","ariaDescribedBy","errorMessageElementId","labelElementId","_InputBase","inputProps","required","defaultValuesProp","undefined","localValue","setLocalValue","controlledValue","uncontrolledValue","localInputValue","setLocalInputValue","event","reason","details","_Autocomplete","disableCloseOnSelect","disabled","freeSolo","filterSelectedOptions","loading","multiple","readOnly","isOptionEqualToValue","MemoizedAutocomplete","displayName"],"sources":["../../src/labs/VirtualizedAutocomplete.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  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n  InputBase,\n  UseAutocompleteProps,\n  AutocompleteValue,\n} from \"@mui/material\";\nimport { memo, useCallback, useMemo } from \"react\";\n\nimport { Field } from \"../Field\";\nimport { FieldComponentProps } from \"../FieldComponentProps\";\nimport type { SeleniumProps } from \"../SeleniumProps\";\nimport { useControlledState } from \"../useControlledState\";\n\nexport type AutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   * @default props.multiple ? [] : null\n   */\n  defaultValue?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"defaultValue\"];\n  /**\n   * Enables multiple choice selection\n   */\n  hasMultipleChoices?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"multiple\"];\n  /**\n   * The value for the input\n   */\n  inputValue?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"inputValue\"];\n  /**\n   * Allows the input of custom values\n   */\n  isCustomValueAllowed?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"freeSolo\"];\n  /**\n   * Disables the Autocomplete input\n   */\n  isDisabled?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"disabled\"];\n  /**\n   * Displays a loading indicator\n   */\n  isLoading?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"loading\"];\n  /**\n   * Makes the Autocomplete input read-only\n   */\n  isReadOnly?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"readOnly\"];\n  /**\n   * The label text for the autocomplete input\n   */\n  label: string;\n  /**\n   * The component used to render the listbox.\n   */\n  ListboxComponent?: React.JSXElementConstructor<\n    React.HTMLAttributes<HTMLElement>\n  >;\n  /**\n   * Callback fired when the autocomplete loses focus.\n   */\n  onBlur?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onBlur\"];\n  /**\n   * Callback fired when a selection is made.\n   */\n  onChange?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onChange\"];\n  /**\n   * Callback fired when the textbox receives typed characters.\n   */\n  onInputChange?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onInputChange\"];\n  /**\n   * Callback fired when the autocomplete gains focus.\n   */\n  onFocus?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onFocus\"];\n  /**\n   * The options for the Autocomplete input\n   */\n  options: ReadonlyArray<OptionType>;\n  /**\n   * The value of the Autocomplete input\n   */\n  value?: UseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"value\"];\n\n  /**\n   * Used to determine if the option represents the given value. Uses strict equality by default if none provided.\n   * Both arguments need to be handled, an option can only match with one value.\n   * option: the option to test\n   * value: the value to test against\n   *\n   * You will need to implement this function if your `option` items are objects.\n   */\n  getIsOptionEqualToValue?: (option: OptionType, value: OptionType) => boolean;\n} & Pick<\n  FieldComponentProps,\n  \"errorMessage\" | \"hint\" | \"id\" | \"isOptional\" | \"name\"\n> &\n  SeleniumProps;\n\nconst VirtualizedAutocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n>({\n  defaultValue,\n  errorMessage,\n  hasMultipleChoices,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  hint,\n  label,\n  ListboxComponent,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onInputChange: onInputChangeProp,\n  onFocus,\n  options,\n  value,\n  getIsOptionEqualToValue,\n  testId,\n}: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const renderInput = useCallback(\n    ({ InputLabelProps, InputProps, ...params }) => (\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        id={InputLabelProps.htmlFor}\n        hint={hint}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({\n          ariaDescribedBy,\n          id,\n          errorMessageElementId,\n          labelElementId,\n        }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            inputProps={{\n              ...params.inputProps,\n              \"aria-errormessage\": errorMessageElementId,\n              \"aria-labelledby\": labelElementId,\n            }}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            name={nameOverride ?? id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [errorMessage, hint, isOptional, label, nameOverride]\n  );\n\n  const defaultValuesProp = useMemo<\n    | AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >\n    | undefined\n  >(() => {\n    if (hasMultipleChoices) {\n      return defaultValue === undefined\n        ? ([] as AutocompleteValue<\n            OptionType,\n            HasMultipleChoices,\n            undefined,\n            IsCustomValueAllowed\n          >)\n        : defaultValue;\n    }\n    return defaultValue ?? undefined;\n  }, [defaultValue, hasMultipleChoices]);\n\n  const [localValue, setLocalValue] = useControlledState({\n    controlledValue: value,\n    uncontrolledValue: defaultValuesProp,\n  });\n\n  const [localInputValue, setLocalInputValue] = useControlledState({\n    controlledValue: inputValue,\n    uncontrolledValue: undefined,\n  });\n\n  const onChange = useCallback<\n    NonNullable<\n      UseAutocompleteProps<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >[\"onChange\"]\n    >\n  >(\n    (event, value, reason, details) => {\n      setLocalValue(value);\n      onChangeProp?.(event, value, reason, details);\n    },\n    [onChangeProp, setLocalValue]\n  );\n\n  const onInputChange = useCallback<\n    NonNullable<\n      UseAutocompleteProps<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >[\"onInputChange\"]\n    >\n  >(\n    (event, value, reason) => {\n      setLocalInputValue(value);\n      onInputChangeProp?.(event, value, reason);\n    },\n    [onInputChangeProp, setLocalInputValue]\n  );\n\n  return (\n    <MuiAutocomplete\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      data-se={testId}\n      defaultValue={defaultValuesProp}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      freeSolo={isCustomValueAllowed}\n      filterSelectedOptions={true}\n      id={idOverride}\n      ListboxComponent={ListboxComponent}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onBlur={onBlur}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      value={localValue}\n      inputValue={localInputValue}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n    />\n  );\n};\n\n// Need the `typeof Autocomplete` because generics don't get passed through\nconst MemoizedAutocomplete = memo(\n  VirtualizedAutocomplete\n) as typeof VirtualizedAutocomplete;\n// @ts-expect-error displayName is expected to not be on `typeof Autocomplete`\nMemoizedAutocomplete.displayName = \"Autocomplete\";\n\nexport { MemoizedAutocomplete as VirtualizedAutocomplete };\n"],"mappings":"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"}

package/dist/labs/index.js

@@ -18,4 +18,5 @@ export * from "./materialReactTableTypes.js";
 export * from "./PaginatedTable.js";
 export * from "./StaticTable.js";
 export * from "./GroupPicker.js";
+export * from "./VirtualizedAutocomplete.js";
 //# sourceMappingURL=index.js.map

package/dist/labs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider"],"sources":["../../src/labs/index.ts"],"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\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\nexport type { MRT_ColumnDef as TableColumn } from \"material-react-table\";\n\nexport * from \"./DatePicker\";\nexport * from \"./datePickerTheme\";\n\nexport * from \"./materialReactTableTypes\";\nexport * from \"./PaginatedTable\";\nexport * from \"./StaticTable\";\nexport * from \"./GroupPicker\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,oCAAoC;AACnE,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider"],"sources":["../../src/labs/index.ts"],"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\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\nexport type { MRT_ColumnDef as TableColumn } from \"material-react-table\";\n\nexport * from \"./DatePicker\";\nexport * from \"./datePickerTheme\";\n\nexport * from \"./materialReactTableTypes\";\nexport * from \"./PaginatedTable\";\nexport * from \"./StaticTable\";\nexport * from \"./GroupPicker\";\nexport * from \"./VirtualizedAutocomplete\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,oCAAoC;AACnE,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/src/Autocomplete.d.ts

@@ -9,14 +9,23 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
+import { AutocompleteProps as MuiAutocompleteProps, UseAutocompleteProps } from "@mui/material";
 import { FieldComponentProps } from "./FieldComponentProps";
 import type { SeleniumProps } from "./SeleniumProps";
 export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined> = {
+    /**
+     * The default value. Use when the component is not controlled.
+     * @default props.multiple ? [] : null
+     */
+    defaultValue?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["defaultValue"];
     /**
      * Enables multiple choice selection
      */
     hasMultipleChoices?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["multiple"];
+    /**
+     * The value for the input
+     */
+    inputValue?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["inputValue"];
     /**
      * Allows the input of custom values
      */
@@ -44,7 +53,7 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
     /**
      * Callback fired when a selection is made.
      */
-    onChange?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onChange"];
+    onChange?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onChange"];
     /**
      * Callback fired when the textbox receives typed characters.
      */
@@ -56,12 +65,21 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
     /**
      * The options for the Autocomplete input
      */
-    options: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["options"];
+    options: ReadonlyArray<OptionType>;
     /**
      * The value of the Autocomplete input
      */
-    value?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["value"];
+    value?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["value"];
+    /**
+     * Used to determine if the option represents the given value. Uses strict equality by default if none provided.
+     * Both arguments need to be handled, an option can only match with one value.
+     * option: the option to test
+     * value: the value to test against
+     *
+     * You will need to implement this function if your `option` items are objects.
+     */
+    getIsOptionEqualToValue?: (option: OptionType, value: OptionType) => boolean;
 } & Pick<FieldComponentProps, "errorMessage" | "hint" | "id" | "isOptional" | "name"> & SeleniumProps;
-declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ errorMessage, hasMultipleChoices, id: idOverride, isCustomValueAllowed, isDisabled, isLoading, isOptional, isReadOnly, hint, label, name: nameOverride, onBlur, onChange, onInputChange, onFocus, options, value, testId, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => JSX.Element;
+declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ defaultValue, errorMessage, hasMultipleChoices, id: idOverride, inputValue, isCustomValueAllowed, isDisabled, isLoading, isOptional, isReadOnly, hint, label, name: nameOverride, onBlur, onChange: onChangeProp, onInputChange: onInputChangeProp, onFocus, options, value, getIsOptionEqualToValue, testId, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => JSX.Element;
 export { MemoizedAutocomplete as Autocomplete };
 //# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAE1C,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,iBAAiB,CAC3B,UAAU,EACV,kBAAkB,SAAS,OAAO,GAAG,SAAS,EAC9C,oBAAoB,SAAS,OAAO,GAAG,SAAS,IAC9C;IACF;;OAEG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,CACvC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CACzC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAC9B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,QAAQ,CAAC,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAC7B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAClC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,eAAe,CAAC,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAC5B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAC1B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,OAAO,CAAC,CAAC;CACZ,GAAG,IAAI,CACN,mBAAmB,EACnB,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,GAAG,MAAM,CACvD,GACC,aAAa,CAAC;AAsFhB,QAAA,MAAM,oBAAoB,uaAA4C,CAAC;AAIvE,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAEzC,oBAAoB,EAErB,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,iBAAiB,CAC3B,UAAU,EACV,kBAAkB,SAAS,OAAO,GAAG,SAAS,EAC9C,oBAAoB,SAAS,OAAO,GAAG,SAAS,IAC9C;IACF;;;OAGG;IACH,YAAY,CAAC,EAAE,oBAAoB,CACjC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,cAAc,CAAC,CAAC;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,CACvC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,YAAY,CAAC,CAAC;IAChB;;OAEG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CACzC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAC9B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,QAAQ,CAAC,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAC7B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAClC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,eAAe,CAAC,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAC5B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAC1B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,OAAO,CAAC,CAAC;IAEX;;;;;;;OAOG;IACH,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC;CAC9E,GAAG,IAAI,CACN,mBAAmB,EACnB,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,GAAG,MAAM,CACvD,GACC,aAAa,CAAC;AA8JhB,QAAA,MAAM,oBAAoB,2fAA4C,CAAC;AAIvE,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}

package/dist/src/labs/VirtualizedAutocomplete.d.ts

@@ -0,0 +1,90 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+/// <reference types="react" />
+import { AutocompleteProps as MuiAutocompleteProps, UseAutocompleteProps } from "@mui/material";
+import { FieldComponentProps } from "../FieldComponentProps";
+import type { SeleniumProps } from "../SeleniumProps";
+export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined> = {
+    /**
+     * The default value. Use when the component is not controlled.
+     * @default props.multiple ? [] : null
+     */
+    defaultValue?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["defaultValue"];
+    /**
+     * Enables multiple choice selection
+     */
+    hasMultipleChoices?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["multiple"];
+    /**
+     * The value for the input
+     */
+    inputValue?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["inputValue"];
+    /**
+     * Allows the input of custom values
+     */
+    isCustomValueAllowed?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["freeSolo"];
+    /**
+     * Disables the Autocomplete input
+     */
+    isDisabled?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["disabled"];
+    /**
+     * Displays a loading indicator
+     */
+    isLoading?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["loading"];
+    /**
+     * Makes the Autocomplete input read-only
+     */
+    isReadOnly?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["readOnly"];
+    /**
+     * The label text for the autocomplete input
+     */
+    label: string;
+    /**
+     * The component used to render the listbox.
+     */
+    ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>>;
+    /**
+     * Callback fired when the autocomplete loses focus.
+     */
+    onBlur?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onBlur"];
+    /**
+     * Callback fired when a selection is made.
+     */
+    onChange?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onChange"];
+    /**
+     * Callback fired when the textbox receives typed characters.
+     */
+    onInputChange?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onInputChange"];
+    /**
+     * Callback fired when the autocomplete gains focus.
+     */
+    onFocus?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["onFocus"];
+    /**
+     * The options for the Autocomplete input
+     */
+    options: ReadonlyArray<OptionType>;
+    /**
+     * The value of the Autocomplete input
+     */
+    value?: UseAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["value"];
+    /**
+     * Used to determine if the option represents the given value. Uses strict equality by default if none provided.
+     * Both arguments need to be handled, an option can only match with one value.
+     * option: the option to test
+     * value: the value to test against
+     *
+     * You will need to implement this function if your `option` items are objects.
+     */
+    getIsOptionEqualToValue?: (option: OptionType, value: OptionType) => boolean;
+} & Pick<FieldComponentProps, "errorMessage" | "hint" | "id" | "isOptional" | "name"> & SeleniumProps;
+declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ defaultValue, errorMessage, hasMultipleChoices, id: idOverride, inputValue, isCustomValueAllowed, isDisabled, isLoading, isOptional, isReadOnly, hint, label, ListboxComponent, name: nameOverride, onBlur, onChange: onChangeProp, onInputChange: onInputChangeProp, onFocus, options, value, getIsOptionEqualToValue, testId, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => JSX.Element;
+export { MemoizedAutocomplete as VirtualizedAutocomplete };
+//# sourceMappingURL=VirtualizedAutocomplete.d.ts.map

package/dist/src/labs/VirtualizedAutocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/labs/VirtualizedAutocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/src/labs/index.d.ts

@@ -19,4 +19,5 @@ export * from "./materialReactTableTypes";
 export * from "./PaginatedTable";
 export * from "./StaticTable";
 export * from "./GroupPicker";
+export * from "./VirtualizedAutocomplete";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/labs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/labs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,YAAY,EAAE,aAAa,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzE,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/labs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,YAAY,EAAE,aAAa,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzE,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC"}