@okta/odyssey-contribution-tooling 1.53.0 → 1.54.0

package/dist/cjs/labs/GroupPicker.cjs

@@ -1,188 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GroupPicker = void 0;
-var _Autocomplete2 = _interopRequireDefault(require("@mui/material/Autocomplete"));
-var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
-var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
-var _Avatar2 = _interopRequireWildcard(require("@mui/material/Avatar"));
-var _react = require("react");
-var _Field = require("../Field.cjs");
-var _index = require("../icons.generated/index.cjs");
-var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
-var _Tag = require("../Tag.cjs");
-var _Typography = require("../Typography.cjs");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*!
- * 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.
- */
-
-const avatarImageSizeSmall = 16;
-const avatarImageSizeMedium = 24;
-const GroupPicker = ({
-  hasMultipleChoices,
-  isCustomValueAllowed,
-  isDisabled,
-  isLoading,
-  isOptional = false,
-  isReadOnly,
-  hint,
-  label,
-  onChange,
-  onInputChange,
-  options,
-  value,
-  testId
-}) => {
-  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
-  const isOptionEqualToValue = (0, _react.useCallback)((sourceValue, targetValue) => {
-    return sourceValue.id === targetValue.id;
-  }, []);
-  const getOptionLabel = (0, _react.useCallback)(option => {
-    return option.name;
-  }, []);
-  const renderOption = (0, _react.useCallback)((props, option) => {
-    return (0, _react.createElement)("li", {
-      ...props,
-      key: option.id
-    }, (0, _jsxRuntime.jsxs)(_Box2.default, {
-      sx: {
-        alignItems: "top",
-        display: "flex",
-        flexDirection: "row"
-      },
-      children: [(0, _jsxRuntime.jsx)(_Box2.default, {
-        sx: {
-          paddingRight: odysseyDesignTokens.Spacing2
-        },
-        children: (0, _jsxRuntime.jsx)(_Avatar2.default, {
-          alt: option.name,
-          src: option.logo,
-          sx: {
-            [`.${_Avatar2.avatarClasses.fallback}`]: {
-              visibility: "hidden"
-            },
-            background: "transparent",
-            height: avatarImageSizeMedium,
-            width: avatarImageSizeMedium
-          }
-        })
-      }), (0, _jsxRuntime.jsxs)(_Box2.default, {
-        children: [option.name, (0, _jsxRuntime.jsx)(_Typography.Subordinate, {
-          children: option.description
-        }), (0, _jsxRuntime.jsxs)(_Box2.default, {
-          sx: {
-            display: "flex",
-            flexDirection: "row",
-            paddingTop: odysseyDesignTokens.Spacing1
-          },
-          children: [typeof option.usersCount === "number" && (0, _jsxRuntime.jsxs)(_Box2.default, {
-            sx: {
-              display: "flex",
-              flexDirection: "row",
-              paddingRight: odysseyDesignTokens.Spacing4
-            },
-            children: [(0, _jsxRuntime.jsx)(_index.UserIcon, {}), option.usersCount]
-          }), typeof option.appsCount === "number" && (0, _jsxRuntime.jsxs)(_Box2.default, {
-            sx: {
-              display: "flex",
-              flexDirection: "row",
-              paddingRight: odysseyDesignTokens.Spacing4
-            },
-            children: [(0, _jsxRuntime.jsx)(_index.GridIcon, {}), option.appsCount]
-          }), typeof option.groupPushMappingsCount === "number" && (0, _jsxRuntime.jsxs)(_Box2.default, {
-            sx: {
-              display: "flex",
-              flexDirection: "row"
-            },
-            children: [(0, _jsxRuntime.jsx)(_index.GroupIcon, {}), option.groupPushMappingsCount]
-          })]
-        })]
-      })]
-    }));
-  }, [odysseyDesignTokens]);
-  const renderTags = (0, _react.useCallback)((values, getTagProps) => values.map((option, index) => {
-    const {
-      key,
-      onDelete
-    } = getTagProps({
-      index
-    });
-    return (0, _jsxRuntime.jsx)(_Box2.default, {
-      sx: {
-        margin: odysseyDesignTokens.Spacing1
-      },
-      children: (0, _jsxRuntime.jsx)(_Tag.Tag, {
-        icon: (0, _jsxRuntime.jsx)(_Avatar2.default, {
-          alt: option.name,
-          src: option.logo,
-          sx: {
-            [`.${_Avatar2.avatarClasses.fallback}`]: {
-              visibility: "hidden"
-            },
-            background: "transparent",
-            height: avatarImageSizeSmall,
-            width: avatarImageSizeSmall
-          }
-        }),
-        label: option.name,
-        onRemove: onDelete
-      })
-    }, key);
-  }), [odysseyDesignTokens]);
-  const renderInput = (0, _react.useCallback)(({
-    InputLabelProps,
-    InputProps,
-    ...params
-  }) => (0, _jsxRuntime.jsx)(_Field.Field, {
-    fieldType: "single",
-    hasVisibleLabel: true,
-    hint: hint,
-    id: InputLabelProps.htmlFor,
-    isOptional: isOptional,
-    label: label,
-    renderFieldComponent: ({
-      ariaDescribedBy,
-      id
-    }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
-      ...params,
-      ...InputProps,
-      "aria-describedby": ariaDescribedBy,
-      id: id,
-      required: !isOptional
-    })
-  }), [hint, isOptional, label]);
-  return (0, _jsxRuntime.jsx)(_Autocomplete2.default, {
-    "aria-disabled": isDisabled,
-    "data-se": testId,
-    disabled: isDisabled,
-    filterSelectedOptions: true,
-    freeSolo: isCustomValueAllowed,
-    getOptionLabel: getOptionLabel,
-    isOptionEqualToValue: isOptionEqualToValue,
-    loading: isLoading,
-    multiple: hasMultipleChoices,
-    onChange: onChange,
-    onInputChange: onInputChange,
-    options: options,
-    readOnly: isReadOnly,
-    renderInput: renderInput,
-    renderOption: renderOption,
-    renderTags: renderTags,
-    value: value
-  });
-};
-const MemoizedGroupPicker = exports.GroupPicker = (0, _react.memo)(GroupPicker);
-//# sourceMappingURL=GroupPicker.cjs.map

package/dist/cjs/labs/GroupPicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupPicker.cjs","names":["_Avatar2","_interopRequireWildcard","require","_react","_Field","_index","_OdysseyDesignTokensContext","_Tag","_Typography","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","avatarImageSizeSmall","avatarImageSizeMedium","GroupPicker","hasMultipleChoices","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","onChange","onInputChange","options","value","testId","odysseyDesignTokens","useOdysseyDesignTokens","isOptionEqualToValue","useCallback","sourceValue","targetValue","id","getOptionLabel","option","name","renderOption","props","createElement","key","jsxs","_Box2","sx","alignItems","display","flexDirection","children","jsx","paddingRight","Spacing2","alt","src","logo","avatarClasses","fallback","visibility","background","height","width","Subordinate","description","paddingTop","Spacing1","usersCount","Spacing4","UserIcon","appsCount","GridIcon","groupPushMappingsCount","GroupIcon","renderTags","values","getTagProps","map","index","onDelete","margin","Tag","icon","onRemove","renderInput","InputLabelProps","InputProps","params","Field","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","ariaDescribedBy","_InputBase2","required","_Autocomplete2","disabled","filterSelectedOptions","freeSolo","loading","multiple","readOnly","MemoizedGroupPicker","exports","memo"],"sources":["../../../src/labs/GroupPicker.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 type {\n  AutocompleteFreeSoloValueMapping,\n  AutocompleteGetTagProps,\n} from \"@mui/material/useAutocomplete\";\n\nimport {\n  AutocompleteRenderInputParams,\n  Box,\n  InputBase,\n  Autocomplete as MuiAutocomplete,\n  Avatar as MuiAvatar,\n} from \"@mui/material\";\nimport { avatarClasses } from \"@mui/material/Avatar\";\nimport { HTMLAttributes, memo, useCallback } from \"react\";\n\nimport { AutocompleteProps } from \"../Autocomplete.js\";\nimport { Field } from \"../Field.js\";\nimport { GridIcon, GroupIcon, UserIcon } from \"../icons.generated/index.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { Tag } from \"../Tag.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nexport type GroupPickerOptionType = {\n  appsCount?: number;\n  description: string;\n  groupPushMappingsCount?: number;\n  id: string;\n  logo?: string;\n  name: string;\n  usersCount?: number;\n};\n\nexport type GroupPickerProps<\n  GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = AutocompleteProps<\n  GroupPickerOptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>;\n\nconst avatarImageSizeSmall = 16;\nconst avatarImageSizeMedium = 24;\n\nconst GroupPicker = <\n  OptionType extends GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  hasMultipleChoices,\n  isCustomValueAllowed,\n  isDisabled,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  hint,\n  label,\n  onChange,\n  onInputChange,\n  options,\n  value,\n  testId,\n}: GroupPickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const isOptionEqualToValue = useCallback(\n    (sourceValue: OptionType, targetValue: OptionType) => {\n      return sourceValue.id === targetValue.id;\n    },\n    [],\n  );\n\n  const getOptionLabel = useCallback(\n    (\n      option:\n        | OptionType\n        | AutocompleteFreeSoloValueMapping<IsCustomValueAllowed>,\n    ) => {\n      return (option as OptionType).name;\n    },\n    [],\n  );\n\n  const renderOption = useCallback(\n    (props: HTMLAttributes<HTMLElement>, option: OptionType) => {\n      return (\n        <li {...props} key={option.id}>\n          <Box\n            sx={{\n              alignItems: \"top\",\n              display: \"flex\",\n              flexDirection: \"row\",\n            }}\n          >\n            <Box sx={{ paddingRight: odysseyDesignTokens.Spacing2 }}>\n              <MuiAvatar\n                alt={option.name}\n                src={option.logo}\n                sx={{\n                  [`.${avatarClasses.fallback}`]: {\n                    visibility: \"hidden\",\n                  },\n                  background: \"transparent\",\n                  height: avatarImageSizeMedium,\n                  width: avatarImageSizeMedium,\n                }}\n              />\n            </Box>\n            <Box>\n              {option.name}\n              <Subordinate>{option.description}</Subordinate>\n              <Box\n                sx={{\n                  display: \"flex\",\n                  flexDirection: \"row\",\n                  paddingTop: odysseyDesignTokens.Spacing1,\n                }}\n              >\n                {typeof option.usersCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <UserIcon />\n                    {option.usersCount}\n                  </Box>\n                )}\n                {typeof option.appsCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <GridIcon />\n                    {option.appsCount}\n                  </Box>\n                )}\n                {typeof option.groupPushMappingsCount === \"number\" && (\n                  <Box sx={{ display: \"flex\", flexDirection: \"row\" }}>\n                    <GroupIcon />\n                    {option.groupPushMappingsCount}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </Box>\n        </li>\n      );\n    },\n    [odysseyDesignTokens],\n  );\n\n  const renderTags = useCallback(\n    (values: OptionType[], getTagProps: AutocompleteGetTagProps) =>\n      values.map((option, index) => {\n        const { key, onDelete } = getTagProps({ index });\n        return (\n          <Box\n            key={key}\n            sx={{\n              margin: odysseyDesignTokens.Spacing1,\n            }}\n          >\n            <Tag\n              icon={\n                <MuiAvatar\n                  alt={option.name}\n                  src={option.logo}\n                  sx={{\n                    [`.${avatarClasses.fallback}`]: {\n                      visibility: \"hidden\",\n                    },\n                    background: \"transparent\",\n                    height: avatarImageSizeSmall,\n                    width: avatarImageSizeSmall,\n                  }}\n                />\n              }\n              label={option.name}\n              onRemove={onDelete}\n            />\n          </Box>\n        );\n      }),\n    [odysseyDesignTokens],\n  );\n\n  const renderInput = useCallback(\n    ({\n      InputLabelProps,\n      InputProps,\n      ...params\n    }: AutocompleteRenderInputParams) => (\n      <Field\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        // @ts-expect-error The `htmlFor` prop doesn't exist `HTMLAttributes` for a `<label>` element even though it exists in JavaScript.\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        id={InputLabelProps.htmlFor}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={({ ariaDescribedBy, id }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [hint, isOptional, label],\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      disabled={isDisabled}\n      filterSelectedOptions={true}\n      freeSolo={isCustomValueAllowed}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      value={value}\n    />\n  );\n};\n\nconst MemoizedGroupPicker = memo(GroupPicker) as typeof GroupPicker;\n\nexport { MemoizedGroupPicker as GroupPicker };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/OdysseyPickers/ComposablePicker.cjs

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.adornmentSizeValues = exports.ComposablePicker = void 0;
-var _Autocomplete2 = _interopRequireDefault(require("@mui/material/Autocomplete"));
-var _react = require("react");
-var _i18n = require("../../i18n.generated/i18n.cjs");
-var _useAutocomplete = require("../../useAutocomplete.cjs");
-var _PickerVirtualizationListBox = require("./PickerVirtualizationListBox.cjs");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*!
- * 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.
- */
-
-const adornmentSizeValues = exports.adornmentSizeValues = ["small", "large"];
-const ComposablePicker = ({
-  ariaDescribedBy,
-  defaultValue,
-  emptyOptionsText,
-  errorMessage,
-  errorMessageList,
-  getIsOptionEqualToValue,
-  getOptionLabel,
-  groupOptionsBy,
-  hasMultipleChoices,
-  id: idOverride,
-  inputValue,
-  isCustomValueAllowed,
-  isDisabled,
-  isFullWidth = false,
-  isLoading,
-  isOptional = false,
-  isReadOnly,
-  isVirtualized = false,
-  hint,
-  HintLinkComponent,
-  label,
-  name: nameOverride,
-  onBlur,
-  onChange,
-  onInputChange,
-  onFocus,
-  options,
-  renderOption,
-  renderTags,
-  value,
-  testId,
-  translate
-}) => {
-  const {
-    t
-  } = (0, _i18n.useTranslation)();
-  const {
-    inputValueProp,
-    isVirtualizedRef,
-    renderInput,
-    valueProps
-  } = (0, _useAutocomplete.useAutocomplete)({
-    ariaDescribedBy,
-    defaultValue,
-    errorMessage,
-    errorMessageList,
-    hasMultipleChoices,
-    hint,
-    HintLinkComponent,
-    inputValue,
-    isFullWidth,
-    isOptional,
-    isVirtualized,
-    label,
-    name: nameOverride,
-    testId,
-    value
-  });
-  return (0, _jsxRuntime.jsx)(_Autocomplete2.default, {
-    ...valueProps,
-    ...inputValueProp,
-    ...(isVirtualizedRef.current && {
-      ListboxComponent: _PickerVirtualizationListBox.PickerVirtualizationListBox
-    }),
-    "aria-disabled": isDisabled,
-    clearText: t("clear.text"),
-    closeText: t("close.text"),
-    disableCloseOnSelect: hasMultipleChoices,
-    disabled: isDisabled,
-    filterSelectedOptions: true,
-    freeSolo: isCustomValueAllowed,
-    fullWidth: isFullWidth,
-    getOptionLabel: getOptionLabel,
-    groupBy: groupOptionsBy,
-    id: idOverride,
-    isOptionEqualToValue: getIsOptionEqualToValue,
-    loading: isLoading,
-    multiple: hasMultipleChoices,
-    noOptionsText: emptyOptionsText,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    onInputChange: onInputChange,
-    options: options,
-    readOnly: isReadOnly,
-    renderInput: renderInput,
-    renderOption: renderOption,
-    renderTags: renderTags,
-    translate: translate
-  });
-};
-const MemoizedComposablePicker = exports.ComposablePicker = (0, _react.memo)(ComposablePicker);
-MemoizedComposablePicker.displayName = "ComposablePicker";
-//# sourceMappingURL=ComposablePicker.cjs.map

package/dist/cjs/labs/OdysseyPickers/ComposablePicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposablePicker.cjs","names":["_react","require","_i18n","_useAutocomplete","_PickerVirtualizationListBox","_jsxRuntime","_interopRequireDefault","e","__esModule","default","adornmentSizeValues","exports","ComposablePicker","ariaDescribedBy","defaultValue","emptyOptionsText","errorMessage","errorMessageList","getIsOptionEqualToValue","getOptionLabel","groupOptionsBy","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","hint","HintLinkComponent","label","name","nameOverride","onBlur","onChange","onInputChange","onFocus","options","renderOption","renderTags","value","testId","translate","t","useTranslation","inputValueProp","isVirtualizedRef","renderInput","valueProps","useAutocomplete","jsx","_Autocomplete2","current","ListboxComponent","PickerVirtualizationListBox","clearText","closeText","disableCloseOnSelect","disabled","filterSelectedOptions","freeSolo","fullWidth","groupBy","isOptionEqualToValue","loading","multiple","noOptionsText","readOnly","MemoizedComposablePicker","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/ComposablePicker.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} from \"@mui/material\";\nimport { HTMLAttributes, Key, memo, ReactNode } from \"react\";\n\nimport { AutocompleteProps } from \"../../Autocomplete.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { useAutocomplete } from \"../../useAutocomplete.js\";\nimport { PickerVirtualizationListBox } from \"./PickerVirtualizationListBox.js\";\n\nexport const adornmentSizeValues = [\"small\", \"large\"] as const;\nexport type AdornmentSize = (typeof adornmentSizeValues)[number];\n\nexport type BaseRenderOptionProps = HTMLAttributes<HTMLLIElement> & {\n  key: Key;\n};\n\nexport type BasePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  adornmentSize?: AdornmentSize;\n  emptyOptionsText?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"noOptionsText\"];\n  groupOptionsBy?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"groupBy\"];\n};\n\nexport type BasePickerType = {\n  displayName: string;\n  <\n    OptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: BasePickerProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n};\n\nexport type ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  getOptionLabel?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"getOptionLabel\"];\n\n  renderOption: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderOption\"];\n\n  renderTags?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderTags\"];\n};\n\nconst ComposablePicker = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  emptyOptionsText,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  getOptionLabel,\n  groupOptionsBy,\n  hasMultipleChoices,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isFullWidth = false,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  isVirtualized = false,\n  hint,\n  HintLinkComponent,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange,\n  onInputChange,\n  onFocus,\n  options,\n  renderOption,\n  renderTags,\n  value,\n  testId,\n  translate,\n}: ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const { t } = useTranslation();\n  const { inputValueProp, isVirtualizedRef, renderInput, valueProps } =\n    useAutocomplete<OptionType, HasMultipleChoices, IsCustomValueAllowed>({\n      ariaDescribedBy,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices,\n      hint,\n      HintLinkComponent,\n      inputValue,\n      isFullWidth,\n      isOptional,\n      isVirtualized,\n      label,\n      name: nameOverride,\n      testId,\n      value,\n    });\n\n  return (\n    <MuiAutocomplete\n      {...valueProps}\n      {...inputValueProp}\n      // conditionally provide the ListboxComponent if this needs to be virtualized\n      {...(isVirtualizedRef.current && {\n        ListboxComponent: PickerVirtualizationListBox,\n      })}\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      clearText={t(\"clear.text\")}\n      closeText={t(\"close.text\")}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      filterSelectedOptions={true}\n      freeSolo={isCustomValueAllowed}\n      fullWidth={isFullWidth}\n      getOptionLabel={getOptionLabel}\n      groupBy={groupOptionsBy}\n      id={idOverride}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      noOptionsText={emptyOptionsText}\n      onBlur={onBlur}\n      onChange={onChange}\n      onFocus={onFocus}\n      onInputChange={onInputChange}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      translate={translate}\n    />\n  );\n};\n\n// Need the `typeof ComposablePicker` because generics don't get passed through\nconst MemoizedComposablePicker = memo(\n  ComposablePicker,\n) as typeof ComposablePicker;\n// @ts-expect-error displayName is expected to not be on `typeof ComposablePicker`\nMemoizedComposablePicker.displayName = \"ComposablePicker\";\n\nexport { MemoizedComposablePicker as ComposablePicker };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/OdysseyPickers/Picker.cjs

@@ -1,271 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledOption = exports.Picker = exports.OptionMetadataComponent = exports.OptionLabelOnlyComponent = exports.OptionLabelContainer = exports.OptionDetails = exports.OptionDetail = exports.OptionDescriptionComponent = exports.OptionDescription = exports.Option = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("react");
-var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
-var _Typography = require("../../Typography.cjs");
-var _ComposablePicker = require("./ComposablePicker.cjs");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*!
- * 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.
- */
-
-const StyledOption = exports.StyledOption = _styled.default.li(({
-  hasAdornment
-}) => ({
-  ...(!hasAdornment && {
-    display: "block !important"
-  })
-}));
-const OptionLabelContainer = exports.OptionLabelContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(() => ({
-  p: {
-    margin: 0
-  }
-}));
-const OptionDescription = exports.OptionDescription = (0, _styled.default)("p", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  margin: `${odysseyDesignTokens.Spacing1} 0 0 !important`,
-  color: odysseyDesignTokens.TypographyColorSubordinate
-}));
-const OptionDetails = exports.OptionDetails = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  gap: odysseyDesignTokens.Spacing3,
-  marginBlockStart: odysseyDesignTokens.Spacing2
-}));
-const OptionDetail = exports.OptionDetail = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: odysseyDesignTokens.Spacing1,
-  svg: {
-    width: odysseyDesignTokens.Spacing4,
-    color: odysseyDesignTokens.HueNeutral400
-  }
-}));
-const Option = ({
-  children,
-  hasAdornment = false,
-  muiProps
-}) => {
-  const {
-    key,
-    ...props
-  } = muiProps;
-  return (0, _react.createElement)(StyledOption, {
-    ...props,
-    hasAdornment: hasAdornment,
-    key: key
-  }, children);
-};
-exports.Option = Option;
-const OptionMetadataComponent = ({
-  metaData,
-  odysseyDesignTokens
-}) => {
-  return (0, _jsxRuntime.jsx)(OptionDetails, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: metaData.map((meta, index) => {
-      const {
-        detailText,
-        icon
-      } = meta;
-      return (0, _jsxRuntime.jsxs)(OptionDetail, {
-        odysseyDesignTokens: odysseyDesignTokens,
-        children: [icon, detailText]
-      }, `${detailText}-${index}`);
-    })
-  });
-};
-exports.OptionMetadataComponent = OptionMetadataComponent;
-const OptionDescriptionComponent = ({
-  description,
-  odysseyDesignTokens
-}) => {
-  return description && (0, _jsxRuntime.jsx)(OptionDescription, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: description
-  });
-};
-exports.OptionDescriptionComponent = OptionDescriptionComponent;
-const OptionLabelOnlyComponent = ({
-  muiProps,
-  odysseyDesignTokens,
-  option
-}) => {
-  const {
-    label
-  } = option;
-  return (0, _jsxRuntime.jsx)(Option, {
-    muiProps: muiProps,
-    children: (0, _jsxRuntime.jsx)(OptionLabelContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: (0, _jsxRuntime.jsx)(_Typography.Paragraph, {
-        children: label
-      })
-    })
-  });
-};
-exports.OptionLabelOnlyComponent = OptionLabelOnlyComponent;
-const OptionLabelDescription = ({
-  muiProps,
-  odysseyDesignTokens,
-  option
-}) => {
-  const {
-    description,
-    label
-  } = option;
-  return (0, _jsxRuntime.jsx)(Option, {
-    muiProps: muiProps,
-    children: (0, _jsxRuntime.jsxs)(OptionLabelContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: [(0, _jsxRuntime.jsx)(_Typography.Heading6, {
-        component: "p",
-        children: label
-      }), (0, _jsxRuntime.jsx)(OptionDescriptionComponent, {
-        description: description,
-        odysseyDesignTokens: odysseyDesignTokens
-      })]
-    })
-  });
-};
-const OptionLabelDescriptionMetadata = ({
-  muiProps,
-  odysseyDesignTokens,
-  option
-}) => {
-  const {
-    description,
-    label,
-    metaData
-  } = option;
-  return (0, _jsxRuntime.jsxs)(Option, {
-    muiProps: muiProps,
-    children: [(0, _jsxRuntime.jsxs)(OptionLabelContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: [(0, _jsxRuntime.jsx)(_Typography.Heading6, {
-        component: "p",
-        children: label
-      }), (0, _jsxRuntime.jsx)(OptionDescriptionComponent, {
-        description: description,
-        odysseyDesignTokens: odysseyDesignTokens
-      })]
-    }), (0, _jsxRuntime.jsx)(OptionMetadataComponent, {
-      metaData: metaData,
-      odysseyDesignTokens: odysseyDesignTokens
-    })]
-  });
-};
-const Picker = ({
-  ariaDescribedBy,
-  defaultValue,
-  emptyOptionsText,
-  errorMessage,
-  errorMessageList,
-  getIsOptionEqualToValue,
-  groupOptionsBy,
-  hasMultipleChoices,
-  id: idOverride,
-  inputValue,
-  isCustomValueAllowed,
-  isDisabled,
-  isFullWidth = false,
-  isLoading,
-  isOptional = false,
-  isReadOnly,
-  isVirtualized: isVirtualizedProp = false,
-  hint,
-  HintLinkComponent,
-  label,
-  name: nameOverride,
-  onBlur,
-  onChange: onChangeProp,
-  onInputChange: onInputChangeProp,
-  onFocus,
-  options,
-  value,
-  testId,
-  translate
-}) => {
-  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
-  const customOptionRender = (0, _react.useCallback)((muiProps, option) => {
-    const hasDescription = "description" in option && option.description;
-    const hasMetadata = "metaData" in option && option.metaData;
-    const isLabelOnly = !hasMetadata && !hasDescription;
-    return (0, _jsxRuntime.jsx)(_react.Fragment, {
-      children: isLabelOnly ? (0, _jsxRuntime.jsx)(OptionLabelOnlyComponent, {
-        muiProps: muiProps,
-        odysseyDesignTokens: odysseyDesignTokens,
-        option: option
-      }) : hasMetadata ? (0, _jsxRuntime.jsx)(OptionLabelDescriptionMetadata, {
-        muiProps: muiProps,
-        odysseyDesignTokens: odysseyDesignTokens,
-        option: option
-      }) : (0, _jsxRuntime.jsx)(OptionLabelDescription, {
-        muiProps: muiProps,
-        odysseyDesignTokens: odysseyDesignTokens,
-        option: option
-      })
-    }, option.value);
-  }, [odysseyDesignTokens]);
-  return (0, _jsxRuntime.jsx)(_ComposablePicker.ComposablePicker, {
-    ariaDescribedBy: ariaDescribedBy,
-    defaultValue: defaultValue,
-    emptyOptionsText: emptyOptionsText,
-    errorMessage: errorMessage,
-    errorMessageList: errorMessageList,
-    getIsOptionEqualToValue: getIsOptionEqualToValue,
-    groupOptionsBy: groupOptionsBy,
-    hasMultipleChoices: hasMultipleChoices,
-    hint: hint,
-    HintLinkComponent: HintLinkComponent,
-    id: idOverride,
-    inputValue: inputValue,
-    isCustomValueAllowed: isCustomValueAllowed,
-    isDisabled: isDisabled,
-    isFullWidth: isFullWidth,
-    isLoading: isLoading,
-    isOptional: isOptional,
-    isReadOnly: isReadOnly,
-    isVirtualized: isVirtualizedProp,
-    label: label,
-    name: nameOverride,
-    onBlur: onBlur,
-    onChange: onChangeProp,
-    onFocus: onFocus,
-    onInputChange: onInputChangeProp,
-    options: options,
-    renderOption: customOptionRender,
-    testId: testId,
-    translate: translate,
-    value: value
-  });
-};
-const MemoizedPicker = exports.Picker = (0, _react.memo)(Picker);
-MemoizedPicker.displayName = "Picker";
-//# sourceMappingURL=Picker.cjs.map