@okta/odyssey-contribution-tooling 1.47.0

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,269 @@
+"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,
+  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,
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_Typography","_ComposablePicker","_jsxRuntime","e","__esModule","default","StyledOption","exports","styled","li","hasAdornment","display","OptionLabelContainer","shouldForwardProp","prop","p","margin","OptionDescription","odysseyDesignTokens","Spacing1","color","TypographyColorSubordinate","OptionDetails","gap","Spacing3","marginBlockStart","Spacing2","OptionDetail","alignItems","svg","width","Spacing4","HueNeutral400","Option","children","muiProps","key","props","createElement","OptionMetadataComponent","metaData","jsx","map","meta","index","detailText","icon","jsxs","OptionDescriptionComponent","description","OptionLabelOnlyComponent","option","label","Paragraph","OptionLabelDescription","Heading6","component","OptionLabelDescriptionMetadata","Picker","ariaDescribedBy","defaultValue","emptyOptionsText","errorMessage","errorMessageList","getIsOptionEqualToValue","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","isVirtualizedProp","hint","HintLinkComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","value","testId","translate","useOdysseyDesignTokens","customOptionRender","useCallback","hasDescription","hasMetadata","isLabelOnly","Fragment","ComposablePicker","renderOption","MemoizedPicker","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/Picker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { AutocompleteProps as MuiAutocompleteProps } from \"@mui/material\";\nimport {\n  Fragment,\n  memo,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Heading6, Paragraph } from \"../../Typography.js\";\nimport {\n  type BasePickerProps,\n  type BasePickerType,\n  type BaseRenderOptionProps,\n  ComposablePicker,\n} from \"./ComposablePicker.js\";\n\nexport const StyledOption = styled.li<{ hasAdornment?: boolean }>(\n  ({ hasAdornment }) => ({\n    ...(!hasAdornment && {\n      display: \"block !important\",\n    }),\n  }),\n);\n\nexport const OptionLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(() => ({\n  p: {\n    margin: 0,\n  },\n}));\n\nexport const OptionDescription = styled(\"p\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  margin: `${odysseyDesignTokens.Spacing1} 0 0 !important`,\n  color: odysseyDesignTokens.TypographyColorSubordinate,\n}));\n\nexport const OptionDetails = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing3,\n  marginBlockStart: odysseyDesignTokens.Spacing2,\n}));\n\nexport const OptionDetail = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing1,\n\n  svg: {\n    width: odysseyDesignTokens.Spacing4,\n    color: odysseyDesignTokens.HueNeutral400,\n  },\n}));\n\nexport type BaseOptionProps = {\n  muiProps: BaseRenderOptionProps;\n  odysseyDesignTokens: DesignTokens;\n};\n\ntype OptionComponentProps = {\n  hasAdornment?: boolean;\n  muiProps: BaseOptionProps[\"muiProps\"];\n};\n\nexport const Option = ({\n  children,\n  hasAdornment = false,\n  muiProps,\n}: PropsWithChildren<OptionComponentProps>) => {\n  const { key, ...props } = muiProps;\n  return (\n    <StyledOption {...props} hasAdornment={hasAdornment} key={key}>\n      {children}\n    </StyledOption>\n  );\n};\n\nexport const OptionMetadataComponent = ({\n  metaData,\n  odysseyDesignTokens,\n}: {\n  metaData: OptionMetadata[];\n  odysseyDesignTokens: DesignTokens;\n}) => {\n  return (\n    <OptionDetails odysseyDesignTokens={odysseyDesignTokens}>\n      {metaData.map((meta: OptionMetadata, index: number) => {\n        const { detailText, icon } = meta;\n        return (\n          <OptionDetail\n            key={`${detailText}-${index}`}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {icon}\n            {detailText}\n          </OptionDetail>\n        );\n      })}\n    </OptionDetails>\n  );\n};\n\nexport const OptionDescriptionComponent = ({\n  description,\n  odysseyDesignTokens,\n}: {\n  description?: LabelDescription[\"description\"];\n  odysseyDesignTokens: DesignTokens;\n}) => {\n  return (\n    description && (\n      <OptionDescription odysseyDesignTokens={odysseyDesignTokens}>\n        {description}\n      </OptionDescription>\n    )\n  );\n};\n\nexport type OptionProps<OptionType> = {\n  option: OptionType;\n};\n\nexport const OptionLabelOnlyComponent = <OptionType extends OptionLabelOnly>({\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps & OptionProps<OptionType>) => {\n  const { label } = option;\n\n  return (\n    <Option muiProps={muiProps}>\n      <OptionLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Paragraph>{label}</Paragraph>\n      </OptionLabelContainer>\n    </Option>\n  );\n};\n\nconst OptionLabelDescription = <OptionType extends LabelDescription>({\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps & OptionProps<OptionType>) => {\n  const { description, label } = option;\n\n  return (\n    <Option muiProps={muiProps}>\n      <OptionLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Heading6 component=\"p\">{label}</Heading6>\n        <OptionDescriptionComponent\n          description={description}\n          odysseyDesignTokens={odysseyDesignTokens}\n        />\n      </OptionLabelContainer>\n    </Option>\n  );\n};\n\nconst OptionLabelDescriptionMetadata = <\n  OptionType extends LabelDescriptionMetadata,\n>({\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps & OptionProps<OptionType>) => {\n  const { description, label, metaData } = option;\n\n  return (\n    <Option muiProps={muiProps}>\n      <OptionLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Heading6 component=\"p\">{label}</Heading6>\n        <OptionDescriptionComponent\n          description={description}\n          odysseyDesignTokens={odysseyDesignTokens}\n        />\n      </OptionLabelContainer>\n      <OptionMetadataComponent\n        metaData={metaData}\n        odysseyDesignTokens={odysseyDesignTokens}\n      />\n    </Option>\n  );\n};\n\nexport type OptionMetadata = {\n  detailText: string | number;\n  icon: ReactElement;\n};\n\nexport type OptionGroupType = { group?: string };\nexport type OptionValueType = { value: string | number };\nexport type OptionLabelType = { label: string };\nexport type BaseOptionType = OptionValueType &\n  OptionGroupType &\n  OptionLabelType;\nexport type Metadata = {\n  metaData: OptionMetadata[];\n};\n\nexport type OptionLabelOnly = BaseOptionType;\nexport type LabelDescription = BaseOptionType & { description?: string };\nexport type LabelDescriptionMetadata = LabelDescription & Metadata;\n\nexport type PickerProps<\n  OptionType extends LabelDescription | LabelDescriptionMetadata,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>;\n\nexport type PickerComponentType = {\n  <\n    OptionType extends OptionLabelOnly,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  ): ReactNode;\n  <\n    OptionType extends LabelDescriptionMetadata,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  ): ReactNode;\n  <\n    OptionType extends LabelDescription,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  ): ReactNode;\n  <\n    OptionType extends LabelDescriptionMetadata,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  ): ReactNode;\n};\n\nconst Picker: PickerComponentType = <\n  OptionType extends\n    | OptionLabelOnly\n    | LabelDescription\n    | LabelDescriptionMetadata,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  emptyOptionsText,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  hasMultipleChoices,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isFullWidth = false,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  isVirtualized: isVirtualizedProp = false,\n  hint,\n  HintLinkComponent,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onInputChange: onInputChangeProp,\n  onFocus,\n  options,\n  value,\n  testId,\n  translate,\n}: PickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const customOptionRender = useCallback<\n    NonNullable<\n      MuiAutocompleteProps<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >[\"renderOption\"]\n    >\n  >(\n    (muiProps, option) => {\n      const hasDescription = \"description\" in option && option.description;\n      const hasMetadata = \"metaData\" in option && option.metaData;\n      const isLabelOnly = !hasMetadata && !hasDescription;\n\n      return (\n        <Fragment key={option.value}>\n          {isLabelOnly ? (\n            <OptionLabelOnlyComponent\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          ) : hasMetadata ? (\n            <OptionLabelDescriptionMetadata\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          ) : (\n            <OptionLabelDescription\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          )}\n        </Fragment>\n      );\n    },\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <ComposablePicker<OptionType, HasMultipleChoices, IsCustomValueAllowed>\n      ariaDescribedBy={ariaDescribedBy}\n      defaultValue={defaultValue}\n      emptyOptionsText={emptyOptionsText}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      getIsOptionEqualToValue={getIsOptionEqualToValue}\n      hasMultipleChoices={hasMultipleChoices}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      inputValue={inputValue}\n      isCustomValueAllowed={isCustomValueAllowed}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isLoading={isLoading}\n      isOptional={isOptional}\n      isReadOnly={isReadOnly}\n      isVirtualized={isVirtualizedProp}\n      label={label}\n      name={nameOverride}\n      onBlur={onBlur}\n      onChange={onChangeProp}\n      onFocus={onFocus}\n      onInputChange={onInputChangeProp}\n      options={options}\n      renderOption={customOptionRender}\n      testId={testId}\n      translate={translate}\n      value={value}\n    />\n  );\n};\n\n// Need the `as BasePickerType` because generics don't get passed through\nconst MemoizedPicker = memo(Picker) as BasePickerType;\n\nMemoizedPicker.displayName = \"Picker\";\n\nexport { MemoizedPicker as Picker };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/OdysseyPickers/PickerVirtualizationListBox.cjs

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickerVirtualizationListBox = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _reactWindow = require("react-window");
+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 ListboxContainer = _styled.default.div({
+  width: "100%",
+  height: "100%"
+});
+const Row = ({
+  data,
+  index,
+  setItemSize,
+  style
+}) => {
+  const rowRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (rowRef.current) {
+      const firstChild = rowRef.current.firstElementChild;
+      const height = firstChild ? firstChild.clientHeight : rowRef.current.clientHeight;
+      setItemSize(height);
+    }
+  }, [index, rowRef, setItemSize]);
+  const baseOption = data[index];
+  const {
+    props
+  } = baseOption;
+  const styles = (0, _react.useMemo)(() => ({
+    ...style,
+    height: "auto"
+  }), [style]);
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: rowRef,
+    children: (0, _jsxRuntime.jsx)("li", {
+      ...props,
+      style: styles
+    })
+  });
+};
+const OuterListboxContext = (0, _react.createContext)({});
+const OuterListboxElementType = (0, _react.forwardRef)((props, ref) => {
+  const outerProps = (0, _react.useContext)(OuterListboxContext);
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    ...props,
+    ...outerProps
+  });
+});
+const useResetCache = length => {
+  const resetCacheRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (resetCacheRef.current) {
+      resetCacheRef.current.resetAfterIndex(0, true);
+    }
+  }, [length]);
+  return resetCacheRef;
+};
+const PickerVirtualizationListBox = (0, _react.forwardRef)((props = {}, ref) => {
+  const [listHeight, setListHeight] = (0, _react.useState)(0);
+  const {
+    children,
+    ...other
+  } = props;
+  const itemData = _react.Children.toArray(children).flatMap(child => typeof child === "number" || typeof child === "string" ? [child] : [child].concat("children" in child ? _react.Children.toArray(children) : []));
+  const sizeMapRef = (0, _react.useRef)([]);
+  const getListBoxHeight = (0, _react.useCallback)(() => {
+    const COMBINED_LISTBOX_PADDING = 16;
+    if (itemData.length > OVERSCAN_ROW_COUNT) {
+      return 9999;
+    } else {
+      const itemsHeightCalculated = sizeMapRef.current.slice(0, itemData.length).map((_, index) => sizeMapRef.current[index] || 0).reduce((prevItemHeight, nextItemHeight) => prevItemHeight + nextItemHeight, 0);
+      return COMBINED_LISTBOX_PADDING + itemsHeightCalculated;
+    }
+  }, [itemData, sizeMapRef]);
+  (0, _react.useEffect)(() => {
+    if (sizeMapRef.current.length && itemData.length) {
+      setListHeight(getListBoxHeight());
+    }
+  }, [getListBoxHeight, itemData, sizeMapRef]);
+  const OVERSCAN_ROW_COUNT = 8;
+  const gridRef = useResetCache(itemData.length);
+  const setItemSize = (0, _react.useCallback)(size => {
+    gridRef?.current?.resetAfterIndex(0, true);
+    sizeMapRef.current = sizeMapRef.current.concat(size);
+  }, [gridRef, sizeMapRef]);
+  const getItemSize = (0, _react.useCallback)(index => sizeMapRef.current[index] || 45, [sizeMapRef]);
+  return (0, _jsxRuntime.jsx)(ListboxContainer, {
+    ref: ref,
+    children: (0, _jsxRuntime.jsx)(OuterListboxContext.Provider, {
+      value: other,
+      children: (0, _jsxRuntime.jsx)(_reactWindow.VariableSizeList, {
+        height: listHeight,
+        innerElementType: "ul",
+        itemCount: itemData.length,
+        itemData: itemData,
+        itemSize: getItemSize,
+        outerElementType: OuterListboxElementType,
+        overscanCount: OVERSCAN_ROW_COUNT,
+        ref: gridRef,
+        width: "100%",
+        children: ({
+          data,
+          index,
+          style
+        }) => (0, _jsxRuntime.jsx)(Row, {
+          data: data,
+          index: index,
+          setItemSize: setItemSize,
+          style: style
+        })
+      })
+    })
+  });
+});
+const MemoizedPickerVirtualizationListBox = exports.PickerVirtualizationListBox = (0, _react.memo)(PickerVirtualizationListBox);
+MemoizedPickerVirtualizationListBox.displayName = "PickerVirtualizationListBox";
+//# sourceMappingURL=PickerVirtualizationListBox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerVirtualizationListBox.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactWindow","_jsxRuntime","e","__esModule","default","ListboxContainer","styled","div","width","height","Row","data","index","setItemSize","style","rowRef","useRef","useEffect","current","firstChild","firstElementChild","clientHeight","baseOption","props","styles","useMemo","jsx","ref","children","OuterListboxContext","createContext","OuterListboxElementType","forwardRef","outerProps","useContext","useResetCache","length","resetCacheRef","resetAfterIndex","PickerVirtualizationListBox","listHeight","setListHeight","useState","other","itemData","Children","toArray","flatMap","child","concat","sizeMapRef","getListBoxHeight","useCallback","COMBINED_LISTBOX_PADDING","OVERSCAN_ROW_COUNT","itemsHeightCalculated","slice","map","_","reduce","prevItemHeight","nextItemHeight","gridRef","size","getItemSize","Provider","value","VariableSizeList","innerElementType","itemCount","itemSize","outerElementType","overscanCount","MemoizedPickerVirtualizationListBox","exports","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/PickerVirtualizationListBox.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { AutocompleteProps } from \"@mui/material\";\nimport {\n  Children,\n  createContext,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListChildComponentProps, VariableSizeList } from \"react-window\";\n\ntype SetItemSize = (size: number) => void;\n\nconst ListboxContainer = styled.div({\n  width: \"100%\",\n  height: \"100%\",\n});\n\nconst Row = <Data extends { key: string; props: Record<string, unknown> }[]>({\n  data,\n  index,\n  setItemSize,\n  style,\n}: ListChildComponentProps<Data> & { setItemSize: SetItemSize }) => {\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (rowRef.current) {\n      /**\n       * Checking for child height to workaround a bug where the clientHeight of the row isn't updated correctly\n       * @see here if you need to know more: https://github.com/bvaughn/react-window/issues/582#issuecomment-1883074908\n       */\n      const firstChild = rowRef.current.firstElementChild;\n      const height = firstChild\n        ? firstChild.clientHeight\n        : rowRef.current.clientHeight;\n\n      setItemSize(height);\n    }\n  }, [index, rowRef, setItemSize]);\n\n  const baseOption = data[index];\n  const { props } = baseOption;\n\n  /**\n   * react-window calculates the absolute positions of the list items, via an inline style, so\n   * we need to add it to each list item that is being rendered in the viewable list window.\n   * @see here if you need to know more: https://github.com/bvaughn/react-window?tab=readme-ov-file#why-is-my-list-blank-when-i-scroll\n   */\n  const styles = useMemo(\n    () => ({\n      ...style,\n      height: \"auto\",\n    }),\n    [style],\n  );\n\n  return (\n    <div ref={rowRef}>\n      <li {...props} style={styles} />\n    </div>\n  );\n};\n\nconst OuterListboxContext = createContext({});\n\nconst OuterListboxElementType = forwardRef<HTMLDivElement>((props, ref) => {\n  const outerProps = useContext(OuterListboxContext);\n  return <div ref={ref} {...props} {...outerProps} />;\n});\n\nconst useResetCache = (length: number) => {\n  const resetCacheRef = useRef<VariableSizeList>(null);\n  useEffect(() => {\n    if (resetCacheRef.current) {\n      resetCacheRef.current.resetAfterIndex(0, true);\n    }\n  }, [length]);\n  return resetCacheRef;\n};\n\nconst PickerVirtualizationListBox = forwardRef<\n  HTMLDivElement,\n  AutocompleteProps<undefined, undefined, undefined, undefined>[\"ListboxProps\"]\n>((props = {}, ref) => {\n  const [listHeight, setListHeight] = useState(0);\n\n  const { children, ...other } = props;\n\n  const itemData = Children.toArray(children).flatMap<typeof children>(\n    (child) =>\n      typeof child === \"number\" || typeof child === \"string\"\n        ? [child]\n        : [child].concat(\"children\" in child ? Children.toArray(children) : []),\n  );\n\n  const sizeMapRef = useRef<number[]>([]);\n\n  const getListBoxHeight = useCallback(() => {\n    // 8px of padding top/bottom applied by MUI\n    const COMBINED_LISTBOX_PADDING = 16;\n\n    if (itemData.length > OVERSCAN_ROW_COUNT) {\n      // has a max-height of 40vh set in CSS. This is only set because height needs to be a number\n      return 9999;\n    } else {\n      const itemsHeightCalculated = sizeMapRef.current\n        .slice(0, itemData.length)\n        .map((_, index) => sizeMapRef.current[index] || 0)\n        .reduce(\n          (prevItemHeight, nextItemHeight) => prevItemHeight + nextItemHeight,\n          0,\n        );\n      return COMBINED_LISTBOX_PADDING + itemsHeightCalculated;\n    }\n  }, [itemData, sizeMapRef]);\n\n  useEffect(() => {\n    if (sizeMapRef.current.length && itemData.length) {\n      setListHeight(getListBoxHeight());\n    }\n  }, [getListBoxHeight, itemData, sizeMapRef]);\n\n  // The number of items (rows or columns) to render outside of the visible area for performance and scrolling reasons\n  const OVERSCAN_ROW_COUNT = 8;\n\n  const gridRef = useResetCache(itemData.length);\n\n  const setItemSize = useCallback<SetItemSize>(\n    (size) => {\n      gridRef?.current?.resetAfterIndex(0, true);\n      sizeMapRef.current = sizeMapRef.current.concat(size);\n    },\n    [gridRef, sizeMapRef],\n  );\n  const getItemSize = useCallback(\n    // using 45px as a sane default here to avoid a lot of content shift on repaint\n    (index: number) => sizeMapRef.current[index] || 45,\n    [sizeMapRef],\n  );\n\n  return (\n    <ListboxContainer ref={ref}>\n      <OuterListboxContext.Provider value={other}>\n        <VariableSizeList\n          height={listHeight}\n          innerElementType=\"ul\"\n          itemCount={itemData.length}\n          itemData={itemData}\n          itemSize={getItemSize}\n          outerElementType={OuterListboxElementType}\n          overscanCount={OVERSCAN_ROW_COUNT}\n          ref={gridRef}\n          width=\"100%\"\n        >\n          {({ data, index, style }) => (\n            <Row\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              data={data}\n              index={index}\n              setItemSize={setItemSize}\n              style={style}\n            />\n          )}\n        </VariableSizeList>\n      </OuterListboxContext.Provider>\n    </ListboxContainer>\n  );\n});\n\nconst MemoizedPickerVirtualizationListBox = memo(PickerVirtualizationListBox);\n\nMemoizedPickerVirtualizationListBox.displayName = \"PickerVirtualizationListBox\";\n\nexport { MemoizedPickerVirtualizationListBox as PickerVirtualizationListBox };\n"],"mappings":"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","ignoreList":[]}