@okta/odyssey-react-mui 1.14.8 → 1.15.9

package/src/properties/ts/odyssey-react-mui_zh_TW.ts

@@ -1 +1 @@
-export const translation = {"breadcrumbs.home.text":"首頁","breadcrumbs.label.text":"軌跡","close.text":"關閉","fielderror.screenreader.text":"錯誤","fieldlabel.optional.text":"選擇性","fieldlabel.required.text":"必要","passwordfield.icon.label.show":"顯示密碼","passwordfield.icon.label.hide":"隱藏密碼","severity.error":"錯誤","severity.info":"資訊","severity.success":"成功","severity.warning":"警告","switch.active":"作用中","switch.inactive":"非作用中","table.error":"載入資料時發生錯誤。","table.fetchedrows.text":"已擷取 {{totalRows}} 列","table.fetchedrows.text_plural":"已擷取總共 {{totalRows}} 列","table.rows.text":"{{totalRows}} 列","table.rows.text_plural":"{{totalRows}} 列","toast.close.text":"關閉"};
+export const translation = {"breadcrumbs.home.text":"首頁","breadcrumbs.label.text":"軌跡","close.text":"關閉","fielderror.screenreader.text":"錯誤","fieldlabel.optional.text":"選擇性","fieldlabel.required.text":"必要","filters.clear.label":"清除篩選條件","filters.filter.any":"任何","filters.filter.clear":"清除篩選條件","filters.filters.arialabel":"篩選條件","filters.menuitem.any":"任何 {{label}}","filters.menuitem.selected":"已選取 {{selected}}","filters.search.label":"搜尋","fileupload.button.text":"新增檔案","fileupload.prompt.text":"將檔案拖放到此處或按一下以新增檔案","fileupload.removefile.text":"移除檔案","passwordfield.icon.label.hide":"隱藏密碼","passwordfield.icon.label.show":"顯示密碼","severity.error":"錯誤","severity.info":"資訊","severity.success":"成功","severity.warning":"警告","switch.active":"作用中","switch.inactive":"非作用中","table.actions":"動作","table.columnvisibility.arialabel":"顯示/隱藏欄","table.density.arialabel":"表格密度","table.draghandle.arialabel":"拖曳列以重新排序。或者按下空白鍵或 Enter 鍵以開始和停止重新排序，按下 Esc 鍵可取消。","table.draghandle.tooltip":"拖曳列或按下空白鍵/Enter 鍵即可開始和停止重新排序","table.error":"載入資料時發生錯誤。","table.fetchedrows.text":"已擷取 {{totalRows}} 列","table.fetchedrows.text_plural":"已擷取總共 {{totalRows}} 列","table.moreactions.arialabel":"更多動作","table.noresults.heading":"沒有結果。","table.noresults.text":"請嘗試不同的查詢。","table.pagination.loadmore":"顯示更多","table.pagination.next":"下一頁","table.pagination.previous":"上一頁","table.pagination.page":"頁面","table.pagination.rowsperpage":"每頁列數","table.pagination.rowswithtotal":"第 {{firstRow}}-{{lastRow}} 列，總共 {{totalRows}} 列","table.pagination.rowswithouttotal":"第 {{firstRow}}-{{lastRow}} 列","table.reorder.backward":"往後傳送","table.reorder.forward":"往前帶","table.reorder.toback":"向後傳送","table.reorder.tofront":"向前帶","table.rows.text":"{{totalRows}} 列","table.rows.text_plural":"{{totalRows}} 列"};

package/src/theme/components.tsx

@@ -388,6 +388,7 @@ export const components = ({
           alignItems: "center",
           whiteSpace: "nowrap",
           color: odysseyTokens.TypographyColorSubordinate,
+          transform: "none",
 
           ...(ownerState.disabled === true && {
             display: "none",
@@ -432,10 +433,20 @@ export const components = ({
               },
             },
           },
+          "& > ul": {
+            position: "relative",
+            paddingInlineStart: 0,
+            marginBlockStart: 0,
+            marginBlockEnd: 0,
+          },
         },
         loading: {
           paddingBlock: odysseyTokens.Spacing3,
           paddingInline: odysseyTokens.Spacing4,
+          borderWidth: odysseyTokens.BorderWidthMain,
+          borderStyle: odysseyTokens.BorderStyleMain,
+          borderColor: odysseyTokens.HueNeutral200,
+          borderRadius: odysseyTokens.BorderRadiusMain,
         },
         popupIndicator: {
           padding: odysseyTokens.Spacing1,
@@ -444,7 +455,18 @@ export const components = ({
         popper: {
           background: "transparent",
           paddingBlockStart: odysseyTokens.Spacing1,
+          height: "100%",
         },
+        paper: ({ ownerState }) => ({
+          /**
+           * ListboxComponent is used when `isVirtualized` prop is true.
+           * This style is needed to render the virtualized window. It renders out a parent div
+           * that needs a height to be set, otherwise the height is 0 and nothing appears.
+           */
+          ...(ownerState.ListboxComponent !== undefined && {
+            height: "100%",
+          }),
+        }),
         inputRoot: ({ ownerState }) => ({
           ...(ownerState.readOnly === true && {
             backgroundColor: odysseyTokens.HueNeutral50,
@@ -1613,9 +1635,6 @@ export const components = ({
           [`:has(> .${radioClasses.root})`]: {
             alignItems: "flex-start",
           },
-          [`& .${checkboxClasses.root}`]: {
-            marginBlockStart: 0,
-          },
           [`&:hover .${radioClasses.root}, &:hover .${checkboxClasses.root}`]: {
             color: odysseyTokens.TypographyColorBody,
           },
@@ -1828,9 +1847,9 @@ export const components = ({
           },
         }),
         input: {
-          // Set total height to 40px, factoring in borders on outer container
-          height: `calc(${odysseyTokens.Spacing4} - (${odysseyTokens.BorderWidthMain} * 2))`,
-          paddingBlock: odysseyTokens.Spacing3,
+          height: "auto",
+          // We're subtracting a pixel so the total height, including borders, is 40px
+          paddingBlock: `calc(${odysseyTokens.Spacing3} - ${odysseyTokens.BorderWidthMain})`,
           paddingInline: odysseyTokens.Spacing3,
           boxShadow: "none",
 
@@ -2275,7 +2294,9 @@ export const components = ({
       },
       styleOverrides: {
         select: {
-          paddingBlock: odysseyTokens.Spacing3,
+          height: "auto",
+          // We're subtracting a pixel so the total height, including borders, is 40px
+          paddingBlock: `calc(${odysseyTokens.Spacing3} - ${odysseyTokens.BorderWidthMain})`,
           paddingInline: odysseyTokens.Spacing3,
           minHeight: 0,
 

package/dist/labs/VirtualizedAutocomplete.js

@@ -1,134 +0,0 @@
-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, useRef } from "react";
-import { Field } from "../Field.js";
-import { ComponentControlledState, getControlState, useInputValues } from "../inputUtils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const VirtualizedAutocomplete = ({
-  ariaDescribedBy,
-  defaultValue,
-  errorMessage,
-  errorMessageList,
-  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,
-  translate
-}) => {
-  const controlledStateRef = useRef(getControlState({
-    controlledValue: value,
-    uncontrolledValue: defaultValue
-  }));
-  const defaultValueProp = useMemo(() => {
-    if (hasMultipleChoices) {
-      return defaultValue === undefined ? [] : defaultValue;
-    }
-    return defaultValue ?? undefined;
-  }, [defaultValue, hasMultipleChoices]);
-  const valueProps = useInputValues({
-    defaultValue: defaultValueProp,
-    value: value,
-    controlState: controlledStateRef.current
-  });
-  const inputValueProp = useMemo(() => {
-    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {
-      return {
-        inputValue
-      };
-    }
-    return undefined;
-  }, [inputValue]);
-  const renderInput = useCallback(({
-    InputLabelProps,
-    InputProps,
-    ...params
-  }) => _jsx(Field, {
-    ariaDescribedBy: ariaDescribedBy,
-    errorMessage: errorMessage,
-    errorMessageList: errorMessageList,
-    fieldType: "single",
-    hasVisibleLabel: true,
-    id: InputLabelProps.htmlFor,
-    hint: hint,
-    label: label,
-    isOptional: isOptional,
-    renderFieldComponent: ({
-      ariaDescribedBy,
-      id,
-      errorMessageElementId,
-      labelElementId
-    }) => _jsx(_InputBase, {
-      ...params,
-      ...InputProps,
-      inputProps: {
-        ...params.inputProps,
-        "aria-errormessage": errorMessageElementId,
-        "aria-labelledby": labelElementId,
-        "data-se": testId
-      },
-      "aria-describedby": ariaDescribedBy,
-      id: id,
-      name: nameOverride ?? id,
-      required: !isOptional
-    })
-  }), [ariaDescribedBy, errorMessage, errorMessageList, hint, isOptional, label, nameOverride, testId]);
-  const onChange = useCallback((event, value, reason, details) => {
-    onChangeProp?.(event, value, reason, details);
-  }, [onChangeProp]);
-  const onInputChange = useCallback((event, value, reason) => {
-    onInputChangeProp?.(event, value, reason);
-  }, [onInputChangeProp]);
-  return _jsx(_Autocomplete, {
-    ...valueProps,
-    ...inputValueProp,
-    "aria-disabled": isDisabled,
-    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,
-    isOptionEqualToValue: getIsOptionEqualToValue,
-    translate: translate
-  });
-};
-const MemoizedAutocomplete = memo(VirtualizedAutocomplete);
-MemoizedAutocomplete.displayName = "Autocomplete";
-export { MemoizedAutocomplete as VirtualizedAutocomplete };
-//# sourceMappingURL=VirtualizedAutocomplete.js.map

package/dist/labs/VirtualizedAutocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedAutocomplete.js","names":["memo","useCallback","useMemo","useRef","Field","ComponentControlledState","getControlState","useInputValues","jsx","_jsx","VirtualizedAutocomplete","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","ListboxComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","value","getIsOptionEqualToValue","testId","translate","controlledStateRef","controlledValue","uncontrolledValue","defaultValueProp","undefined","valueProps","controlState","current","inputValueProp","CONTROLLED","renderInput","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","inputProps","required","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  AutocompleteRenderInputParams,\n} from \"@mui/material\";\nimport { memo, useCallback, useMemo, useRef } from \"react\";\n\nimport { Field } from \"../Field\";\nimport { FieldComponentProps } from \"../FieldComponentProps\";\nimport type { HtmlProps } from \"../HtmlProps\";\nimport {\n  ComponentControlledState,\n  getControlState,\n  useInputValues,\n} from \"../inputUtils\";\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\" | \"errorMessageList\" | \"hint\" | \"id\" | \"isOptional\" | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\nconst VirtualizedAutocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\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  translate,\n}: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n  const defaultValueProp = 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 valueProps = useInputValues({\n    defaultValue: defaultValueProp,\n    value: value,\n    controlState: controlledStateRef.current,\n  });\n\n  const inputValueProp = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { inputValue };\n    }\n    return undefined;\n  }, [inputValue]);\n\n  const renderInput = useCallback(\n    ({\n      InputLabelProps,\n      InputProps,\n      ...params\n    }: AutocompleteRenderInputParams) => (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        //@ts-expect-error htmlFor is not available on the typed params for this callback\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              \"data-se\": testId,\n            }}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            name={nameOverride ?? id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [\n      ariaDescribedBy,\n      errorMessage,\n      errorMessageList,\n      hint,\n      isOptional,\n      label,\n      nameOverride,\n      testId,\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      onChangeProp?.(event, value, reason, details);\n    },\n    [onChangeProp],\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      onInputChangeProp?.(event, value, reason);\n    },\n    [onInputChangeProp],\n  );\n\n  return (\n    <MuiAutocomplete\n      {...valueProps}\n      {...inputValueProp}\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      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      isOptionEqualToValue={getIsOptionEqualToValue}\n      translate={translate}\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/src/labs/VirtualizedAutocomplete.d.ts

@@ -1,90 +0,0 @@
-/*!
- * 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 { HtmlProps } from "../HtmlProps";
-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" | "errorMessageList" | "hint" | "id" | "isOptional" | "name"> & Pick<HtmlProps, "ariaDescribedBy" | "testId" | "translate">;
-declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ ariaDescribedBy, defaultValue, errorMessage, errorMessageList, hasMultipleChoices, id: idOverride, inputValue, isCustomValueAllowed, isDisabled, isLoading, isOptional, isReadOnly, hint, label, ListboxComponent, name: nameOverride, onBlur, onChange: onChangeProp, onInputChange: onInputChangeProp, onFocus, options, value, getIsOptionEqualToValue, testId, translate, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => import("react/jsx-runtime").JSX.Element;
-export { MemoizedAutocomplete as VirtualizedAutocomplete };
-//# sourceMappingURL=VirtualizedAutocomplete.d.ts.map

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

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