@okta/odyssey-react-mui 1.52.0 → 1.53.0

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

@@ -1 +1 @@
-{"version":3,"file":"PickerWithOptionAdornment.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_Tag","_pxToRem","_Typography","_ComposablePicker","_Picker","_jsxRuntime","e","__esModule","default","OptionAdornmentContainer","styled","shouldForwardProp","prop","adornmentSize","isTagContainer","odysseyDesignTokens","position","bottom","alignSelf","width","Spacing5","height","overflow","marginInlineEnd","Spacing3","flexShrink","svg","img","top","left","transform","Spacing8","Spacing4","maxHeight","Spacing2","pxToRem","display","OptionAdornment","adornment","isImageAdornment","jsx","children","alt","role","src","OptionWithLabelDescriptionOnly","muiProps","option","description","label","value","jsxs","Option","hasAdornment","OptionLabelContainer","Heading6","component","OptionDescriptionComponent","OptionWithLabelDescriptionMetadata","metaData","OptionMetadataComponent","TagAdornment","useOdysseyDesignTokens","PickerWithOptionAdornment","ariaDescribedBy","defaultValue","emptyOptionsText","errorMessage","errorMessageList","getIsOptionEqualToValue","groupOptionsBy","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","isVirtualizedProp","hint","HintLinkComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","testId","translate","customTagRender","useCallback","values","getTagProps","map","index","key","onDelete","Box","sx","margin","Spacing1","Tag","icon","onRemove","customOptionRender","hasMetadata","Fragment","ComposablePicker","renderOption","renderTags","MemoizedPickerWithOptionAdornment","exports","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/PickerWithOptionAdornment.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 { Fragment, memo, ReactNode, useCallback } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Tag } from \"../../Tag.js\";\nimport { pxToRem } from \"../../theme/pxToRem.js\";\nimport { Heading6 } from \"../../Typography.js\";\nimport {\n  type AdornmentSize,\n  type BasePickerProps,\n  type BasePickerType,\n  ComposablePicker,\n  ComposablePickerProps,\n} from \"./ComposablePicker.js\";\nimport {\n  type BaseOptionProps,\n  type LabelDescription,\n  type Metadata,\n  Option,\n  OptionDescriptionComponent,\n  OptionLabelContainer,\n  OptionMetadataComponent,\n  OptionProps,\n} from \"./Picker.js\";\n\ntype Adornment = ReactNode | string;\n\ntype AdornmentLabelDescription = LabelDescription & {\n  adornment: Adornment;\n};\n\ntype AdornmentLabelDescriptionMetadata = AdornmentLabelDescription & Metadata;\n\nexport type AdornmentOptionType =\n  | AdornmentLabelDescription\n  | AdornmentLabelDescriptionMetadata;\n\nconst OptionAdornmentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"adornmentSize\" &&\n    prop !== \"isTagContainer\",\n})<{\n  adornmentSize?: AdornmentSize;\n  isTagContainer?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  ({\n    adornmentSize = \"small\",\n    isTagContainer = false,\n    odysseyDesignTokens,\n  }) => ({\n    position: \"relative\",\n    // push icon up by one px for better visual alignment\n    bottom: \"1px\",\n    alignSelf: \"flex-start\",\n    width: odysseyDesignTokens.Spacing5,\n    height: odysseyDesignTokens.Spacing5,\n    overflow: \"hidden\",\n    marginInlineEnd: odysseyDesignTokens.Spacing3,\n    flexShrink: 0,\n\n    svg: {\n      width: \"100%\",\n      height: \"auto\",\n    },\n\n    img: {\n      position: \"absolute\",\n      top: \"50%\",\n      left: \"50%\",\n      width: \"100%\",\n      transform: \"translate(-50%, -50%)\",\n    },\n\n    ...(adornmentSize === \"large\" &&\n      !isTagContainer && {\n        bottom: 0,\n        width: odysseyDesignTokens.Spacing8,\n        height: odysseyDesignTokens.Spacing8,\n      }),\n\n    ...(isTagContainer && {\n      bottom: 0,\n      alignSelf: \"center\",\n      width: odysseyDesignTokens.Spacing4,\n      height: \"auto\",\n      maxHeight: odysseyDesignTokens.Spacing4,\n      marginInlineEnd: odysseyDesignTokens.Spacing2,\n\n      \"&:has(> img)\": {\n        height: `${pxToRem(16)}rem`,\n      },\n\n      svg: {\n        display: \"flex\",\n        width: \"100%\",\n        height: \"auto\",\n      },\n    }),\n  }),\n);\n\ntype OptionAdornmentProps = {\n  adornment: Adornment;\n  adornmentSize: AdornmentSize;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst OptionAdornment = ({\n  adornment,\n  adornmentSize,\n  odysseyDesignTokens,\n}: OptionAdornmentProps) => {\n  const isImageAdornment = typeof adornment === \"string\";\n\n  if (isImageAdornment) {\n    return (\n      <OptionAdornmentContainer\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {/* NOTE: Intentionally leaving alt as an empty string here so screen readers will ignore this image */}\n        {/* Image should be sufficiently described by the adjacent title and/or description of the option */}\n        <img alt=\"\" role=\"presentation\" src={adornment} />\n      </OptionAdornmentContainer>\n    );\n  } else {\n    return (\n      <OptionAdornmentContainer\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {adornment}\n      </OptionAdornmentContainer>\n    );\n  }\n};\n\nconst OptionWithLabelDescriptionOnly = <\n  OptionType extends AdornmentLabelDescription,\n>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & { adornmentSize: AdornmentSize }) => {\n  const { adornment, description, label, value } = option;\n  return (\n    <Option hasAdornment key={value} muiProps={muiProps}>\n      <OptionAdornment\n        adornment={adornment}\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      />\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 OptionWithLabelDescriptionMetadata = <\n  OptionType extends AdornmentLabelDescriptionMetadata,\n>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & {\n    adornmentSize: AdornmentSize;\n  }) => {\n  const { adornment, description, label, metaData, value } = option;\n\n  return (\n    <Option hasAdornment key={value} muiProps={muiProps}>\n      <OptionAdornment\n        adornment={adornment}\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      />\n      <div>\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      </div>\n    </Option>\n  );\n};\n\ntype TagAdornmentProps = {\n  adornment: Adornment;\n};\n\nconst TagAdornment = ({ adornment }: TagAdornmentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const isImageAdornment = typeof adornment === \"string\";\n\n  if (isImageAdornment) {\n    return (\n      <OptionAdornmentContainer\n        isTagContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <img alt=\"\" role=\"presentation\" src={adornment} />\n      </OptionAdornmentContainer>\n    );\n  }\n\n  return (\n    <OptionAdornmentContainer\n      isTagContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {adornment}\n    </OptionAdornmentContainer>\n  );\n};\n\nexport type PickerWithOptionAdornmentProps<\n  OptionType extends AdornmentOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  adornmentSize?: AdornmentSize;\n};\n\ntype PickerWithOptionAdornmentComponentType = {\n  <\n    OptionType extends AdornmentLabelDescription,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerWithOptionAdornmentProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n  <\n    OptionType extends AdornmentLabelDescriptionMetadata,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerWithOptionAdornmentProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n};\n\nconst PickerWithOptionAdornment: PickerWithOptionAdornmentComponentType = <\n  OptionType extends AdornmentOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  adornmentSize = \"small\",\n  ariaDescribedBy,\n  defaultValue,\n  emptyOptionsText,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\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: 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}: PickerWithOptionAdornmentProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const customTagRender = useCallback<\n    NonNullable<\n      ComposablePickerProps<\n        OptionType,\n        HasMultipleChoices,\n        IsCustomValueAllowed\n      >[\"renderTags\"]\n    >\n  >(\n    (values, getTagProps) =>\n      values.map((value, index) => {\n        const { key, onDelete } = getTagProps({ index });\n        const { adornment, label } = value;\n\n        return (\n          <Box\n            key={key}\n            sx={{\n              margin: odysseyDesignTokens.Spacing1,\n              marginInlineEnd: 0,\n            }}\n          >\n            <Tag\n              icon={<TagAdornment adornment={adornment} />}\n              label={label}\n              onRemove={onDelete}\n            />\n          </Box>\n        );\n      }),\n    [odysseyDesignTokens],\n  );\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 hasMetadata = \"metaData\" in option && option.metaData;\n\n      return (\n        <Fragment key={option.value}>\n          {hasMetadata ? (\n            <OptionWithLabelDescriptionMetadata\n              adornmentSize={adornmentSize}\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          ) : (\n            <OptionWithLabelDescriptionOnly\n              adornmentSize={adornmentSize}\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          )}\n        </Fragment>\n      );\n    },\n    [adornmentSize, 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      groupOptionsBy={groupOptionsBy}\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      renderTags={customTagRender}\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 MemoizedPickerWithOptionAdornment = memo(\n  PickerWithOptionAdornment,\n) as BasePickerType;\n\nMemoizedPickerWithOptionAdornment.displayName = \"PickerWithOptionAdornment\";\n\nexport { MemoizedPickerWithOptionAdornment as PickerWithOptionAdornment };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PickerWithOptionAdornment.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_Tag","_pxToRem","_Typography","_ComposablePicker","_Picker","_jsxRuntime","e","__esModule","default","OptionAdornmentContainer","styled","shouldForwardProp","prop","adornmentSize","isTagContainer","odysseyDesignTokens","position","bottom","alignSelf","width","Spacing5","height","overflow","marginInlineEnd","Spacing3","flexShrink","svg","img","top","left","transform","Spacing8","Spacing4","maxHeight","Spacing2","pxToRem","display","OptionAdornment","adornment","isImageAdornment","jsx","children","alt","role","src","OptionWithLabelDescriptionOnly","muiProps","option","description","label","value","jsxs","Option","hasAdornment","OptionLabelContainer","Heading6","component","OptionDescriptionComponent","OptionWithLabelDescriptionMetadata","metaData","OptionMetadataComponent","TagAdornment","useOdysseyDesignTokens","PickerWithOptionAdornment","ariaDescribedBy","defaultValue","emptyOptionsText","errorMessage","errorMessageList","getIsOptionEqualToValue","groupOptionsBy","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","isVirtualizedProp","hint","HintLinkComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","testId","translate","customTagRender","useCallback","values","getTagProps","map","index","key","onDelete","Box","sx","margin","Spacing1","Tag","icon","onRemove","customOptionRender","hasMetadata","Fragment","ComposablePicker","renderOption","renderTags","MemoizedPickerWithOptionAdornment","exports","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/PickerWithOptionAdornment.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 { FC, Fragment, memo, ReactNode, useCallback } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Tag } from \"../../Tag.js\";\nimport { pxToRem } from \"../../theme/pxToRem.js\";\nimport { Heading6 } from \"../../Typography.js\";\nimport {\n  type AdornmentSize,\n  type BasePickerProps,\n  ComposablePicker,\n  ComposablePickerProps,\n} from \"./ComposablePicker.js\";\nimport {\n  type BaseOptionProps,\n  type LabelDescription,\n  type Metadata,\n  Option,\n  OptionDescriptionComponent,\n  OptionLabelContainer,\n  OptionMetadataComponent,\n  OptionProps,\n} from \"./Picker.js\";\n\ntype Adornment = ReactNode | string;\n\ntype AdornmentLabelDescription = LabelDescription & {\n  adornment: Adornment;\n};\n\ntype AdornmentLabelDescriptionMetadata = AdornmentLabelDescription & Metadata;\n\nexport type AdornmentOptionType =\n  | AdornmentLabelDescription\n  | AdornmentLabelDescriptionMetadata;\n\nconst OptionAdornmentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"adornmentSize\" &&\n    prop !== \"isTagContainer\",\n})<{\n  adornmentSize?: AdornmentSize;\n  isTagContainer?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  ({\n    adornmentSize = \"small\",\n    isTagContainer = false,\n    odysseyDesignTokens,\n  }) => ({\n    position: \"relative\",\n    // push icon up by one px for better visual alignment\n    bottom: \"1px\",\n    alignSelf: \"flex-start\",\n    width: odysseyDesignTokens.Spacing5,\n    height: odysseyDesignTokens.Spacing5,\n    overflow: \"hidden\",\n    marginInlineEnd: odysseyDesignTokens.Spacing3,\n    flexShrink: 0,\n\n    svg: {\n      width: \"100%\",\n      height: \"auto\",\n    },\n\n    img: {\n      position: \"absolute\",\n      top: \"50%\",\n      left: \"50%\",\n      width: \"100%\",\n      transform: \"translate(-50%, -50%)\",\n    },\n\n    ...(adornmentSize === \"large\" &&\n      !isTagContainer && {\n        bottom: 0,\n        width: odysseyDesignTokens.Spacing8,\n        height: odysseyDesignTokens.Spacing8,\n      }),\n\n    ...(isTagContainer && {\n      bottom: 0,\n      alignSelf: \"center\",\n      width: odysseyDesignTokens.Spacing4,\n      height: \"auto\",\n      maxHeight: odysseyDesignTokens.Spacing4,\n      marginInlineEnd: odysseyDesignTokens.Spacing2,\n\n      \"&:has(> img)\": {\n        height: `${pxToRem(16)}rem`,\n      },\n\n      svg: {\n        display: \"flex\",\n        width: \"100%\",\n        height: \"auto\",\n      },\n    }),\n  }),\n);\n\ntype OptionAdornmentProps = {\n  adornment: Adornment;\n  adornmentSize: AdornmentSize;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst OptionAdornment = ({\n  adornment,\n  adornmentSize,\n  odysseyDesignTokens,\n}: OptionAdornmentProps) => {\n  const isImageAdornment = typeof adornment === \"string\";\n\n  if (isImageAdornment) {\n    return (\n      <OptionAdornmentContainer\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {/* NOTE: Intentionally leaving alt as an empty string here so screen readers will ignore this image */}\n        {/* Image should be sufficiently described by the adjacent title and/or description of the option */}\n        <img alt=\"\" role=\"presentation\" src={adornment} />\n      </OptionAdornmentContainer>\n    );\n  } else {\n    return (\n      <OptionAdornmentContainer\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {adornment}\n      </OptionAdornmentContainer>\n    );\n  }\n};\n\nconst OptionWithLabelDescriptionOnly = <\n  OptionType extends AdornmentLabelDescription,\n>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & { adornmentSize: AdornmentSize }) => {\n  const { adornment, description, label, value } = option;\n  return (\n    <Option hasAdornment key={value} muiProps={muiProps}>\n      <OptionAdornment\n        adornment={adornment}\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      />\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 OptionWithLabelDescriptionMetadata = <\n  OptionType extends AdornmentLabelDescriptionMetadata,\n>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & {\n    adornmentSize: AdornmentSize;\n  }) => {\n  const { adornment, description, label, metaData, value } = option;\n\n  return (\n    <Option hasAdornment key={value} muiProps={muiProps}>\n      <OptionAdornment\n        adornment={adornment}\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      />\n      <div>\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      </div>\n    </Option>\n  );\n};\n\ntype TagAdornmentProps = {\n  adornment: Adornment;\n};\n\nconst TagAdornment = ({ adornment }: TagAdornmentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const isImageAdornment = typeof adornment === \"string\";\n\n  if (isImageAdornment) {\n    return (\n      <OptionAdornmentContainer\n        isTagContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <img alt=\"\" role=\"presentation\" src={adornment} />\n      </OptionAdornmentContainer>\n    );\n  }\n\n  return (\n    <OptionAdornmentContainer\n      isTagContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {adornment}\n    </OptionAdornmentContainer>\n  );\n};\n\nexport type PickerWithOptionAdornmentProps<\n  OptionType extends AdornmentOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = Omit<\n  BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  \"getOptionLabel\" | \"noOptionsText\"\n>;\n\ntype PickerWithOptionAdornmentComponentType = {\n  <\n    OptionType extends AdornmentLabelDescription,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerWithOptionAdornmentProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n  <\n    OptionType extends AdornmentLabelDescriptionMetadata,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerWithOptionAdornmentProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n};\n\nconst PickerWithOptionAdornment: PickerWithOptionAdornmentComponentType = <\n  OptionType extends AdornmentOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  adornmentSize = \"small\",\n  ariaDescribedBy,\n  defaultValue,\n  emptyOptionsText,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\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: 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}: PickerWithOptionAdornmentProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const customTagRender = useCallback<\n    NonNullable<\n      ComposablePickerProps<\n        OptionType,\n        HasMultipleChoices,\n        IsCustomValueAllowed\n      >[\"renderTags\"]\n    >\n  >(\n    (values, getTagProps) =>\n      values.map((value, index) => {\n        const { key, onDelete } = getTagProps({ index });\n        const { adornment, label } = value;\n\n        return (\n          <Box\n            key={key}\n            sx={{\n              margin: odysseyDesignTokens.Spacing1,\n              marginInlineEnd: 0,\n            }}\n          >\n            <Tag\n              icon={<TagAdornment adornment={adornment} />}\n              label={label}\n              onRemove={onDelete}\n            />\n          </Box>\n        );\n      }),\n    [odysseyDesignTokens],\n  );\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 hasMetadata = \"metaData\" in option && option.metaData;\n\n      return (\n        <Fragment key={option.value}>\n          {hasMetadata ? (\n            <OptionWithLabelDescriptionMetadata\n              adornmentSize={adornmentSize}\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          ) : (\n            <OptionWithLabelDescriptionOnly\n              adornmentSize={adornmentSize}\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          )}\n        </Fragment>\n      );\n    },\n    [adornmentSize, 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      groupOptionsBy={groupOptionsBy}\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      renderTags={customTagRender}\n      testId={testId}\n      translate={translate}\n      value={value}\n    />\n  );\n};\n\nconst MemoizedPickerWithOptionAdornment = memo(\n  PickerWithOptionAdornment,\n) as PickerWithOptionAdornmentComponentType & Pick<FC, \"displayName\">;\nMemoizedPickerWithOptionAdornment.displayName = \"PickerWithOptionAdornment\";\n\nexport { MemoizedPickerWithOptionAdornment as PickerWithOptionAdornment };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs

@@ -15,5 +15,5 @@ exports.default = void 0;
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-var _default = exports.default = "1-52-0";
+var _default = exports.default = "1-53-0";
 //# sourceMappingURL=odysseyWebComponentVersion.generated.cjs.map

package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"odysseyWebComponentVersion.generated.cjs","names":["_default","exports","default"],"sources":["../../../src/web-component/odysseyWebComponentVersion.generated.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-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\n/**\n * DO NOT UPDATE THIS FILE MANUALLY\n * This file is managed by scripts/updateWebComponentVersion.ts and any changes made will be overwritten\n * This script only needs to be run during release, and shouldn't be used during local development.\n */\n\nexport default \"1-52-0\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAkBe,QAAQ","ignoreList":[]}
+{"version":3,"file":"odysseyWebComponentVersion.generated.cjs","names":["_default","exports","default"],"sources":["../../../src/web-component/odysseyWebComponentVersion.generated.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-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\n/**\n * DO NOT UPDATE THIS FILE MANUALLY\n * This file is managed by scripts/updateWebComponentVersion.ts and any changes made will be overwritten\n * This script only needs to be run during release, and shouldn't be used during local development.\n */\n\nexport default \"1-53-0\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAkBe,QAAQ","ignoreList":[]}

package/dist/esm/Field.js

@@ -17,9 +17,9 @@ import { FieldHint } from "./FieldHint.js";
 import { FieldLabel } from "./FieldLabel.js";
 import { useFieldset } from "./FieldsetContext.js";
 import { useTranslation } from "./i18n.generated/i18n.js";
-import { Typography } from "./Typography.js";
+import { Subordinate } from "./Typography.js";
 import { useUniqueId } from "./useUniqueId.js";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const fieldTypeValues = ["single", "group"];
 const Field = ({
   ariaDescribedBy,
@@ -59,10 +59,8 @@ const Field = ({
     children: [fieldType === "group" ? _jsxs(_FormLabel, {
       component: "legend",
       id: labelElementId,
-      children: [label, " ", isOptional && label && _jsxs(Typography, {
-        color: "textSecondary",
-        component: "span",
-        children: ["(", t("fieldlabel.optional.text"), ")"]
+      children: [label, " ", isOptional && label && _jsx(Subordinate, {
+        children: t("fieldlabel.optional.text")
       })]
     }) : _jsx(FieldLabel, {
       hasVisibleLabel: hasVisibleLabel,

package/dist/esm/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useFieldset","useTranslation","Typography","useUniqueId","jsxs","_jsxs","jsx","_jsx","fieldTypeValues","Field","ariaDescribedBy","errorMessage","errorMessageList","fieldType","hasVisibleLabel","hint","HintLinkComponent","id","idOverride","isDisabled","isDisabledProp","isFullWidth","isRadioGroup","isOptional","isReadOnly","label","renderFieldComponent","t","hintId","undefined","errorMessageElementId","labelElementId","localAriaDescribedBy","join","trim","isFieldsetDisabled","_FormControl","component","disabled","error","Boolean","Array","isArray","length","fullWidth","role","children","_FormLabel","color","inputId","text","LinkComponent","message","messageList","MemoizedField","displayName"],"sources":["../../src/Field.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldError } from \"./FieldError.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { FieldLabel } from \"./FieldLabel.js\";\nimport { useFieldset } from \"./FieldsetContext.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const fieldTypeValues = [\"single\", \"group\"] as const;\n\nexport type RenderFieldComponentProps = {\n  ariaDescribedBy?: string;\n  dataSe?: string;\n  errorMessageElementId?: string;\n  id: string;\n  isReadOnly?: boolean;\n  labelElementId: string;\n};\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessageList?: string[];\n  /**\n   * The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n   */\n  fieldType: (typeof fieldTypeValues)[number];\n  /**\n   * If `true`, the Field label will be shown\n   */\n  hasVisibleLabel: boolean;\n  /**\n   * Important for determining if children inherit error state\n   */\n  isCheckboxGroup?: boolean;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Render-props function that sends back ARIA props to your field component.\n   */\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    dataSe,\n    errorMessageElementId,\n    id,\n    labelElementId,\n    isReadOnly,\n  }: RenderFieldComponentProps) => ReactElement;\n};\n\nconst Field = ({\n  ariaDescribedBy,\n  errorMessage,\n  errorMessageList,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled: isDisabledProp = false,\n  isFullWidth = false,\n  isRadioGroup = false,\n  isOptional = false,\n  isReadOnly = false,\n  label,\n  renderFieldComponent,\n}: FieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"errorMessageList\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isFullWidth\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n  > &\n  Pick<HtmlProps, \"ariaDescribedBy\">) => {\n  const { t } = useTranslation();\n\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorMessageElementId =\n    errorMessage || errorMessageList ? `${id}-error` : undefined;\n  const labelElementId = `${id}-label`;\n\n  const localAriaDescribedBy = useMemo(\n    () =>\n      [hintId, errorMessageElementId, ariaDescribedBy].join(\" \").trim() ||\n      undefined,\n    [ariaDescribedBy, errorMessageElementId, hintId],\n  );\n\n  const { isDisabled: isFieldsetDisabled } = useFieldset();\n\n  const isDisabled = useMemo(\n    () => isDisabledProp || isFieldsetDisabled,\n    [isDisabledProp, isFieldsetDisabled],\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={\n        Boolean(errorMessage) ||\n        (Array.isArray(errorMessageList) && errorMessageList.length > 0)\n      }\n      fullWidth={isFullWidth}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\" id={labelElementId}>\n          {label}{\" \"}\n          {isOptional && label && (\n            <Typography color=\"textSecondary\" component=\"span\">\n              ({t(\"fieldlabel.optional.text\")})\n            </Typography>\n          )}\n        </MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelElementId}\n          inputId={id}\n          isOptional={isOptional}\n          text={label}\n        />\n      )}\n\n      {hint && (\n        <FieldHint id={hintId} LinkComponent={HintLinkComponent} text={hint} />\n      )}\n\n      {renderFieldComponent({\n        ariaDescribedBy: localAriaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n        isReadOnly,\n      })}\n\n      {(errorMessage || errorMessageList) && (\n        <FieldError\n          id={errorMessageElementId}\n          message={errorMessage}\n          messageList={errorMessageList}\n        />\n      )}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\nMemoizedField.displayName = \"Field\";\n\nexport { MemoizedField as Field };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useFieldset","useTranslation","Subordinate","useUniqueId","jsx","_jsx","jsxs","_jsxs","fieldTypeValues","Field","ariaDescribedBy","errorMessage","errorMessageList","fieldType","hasVisibleLabel","hint","HintLinkComponent","id","idOverride","isDisabled","isDisabledProp","isFullWidth","isRadioGroup","isOptional","isReadOnly","label","renderFieldComponent","t","hintId","undefined","errorMessageElementId","labelElementId","localAriaDescribedBy","join","trim","isFieldsetDisabled","_FormControl","component","disabled","error","Boolean","Array","isArray","length","fullWidth","role","children","_FormLabel","inputId","text","LinkComponent","message","messageList","MemoizedField","displayName"],"sources":["../../src/Field.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldError } from \"./FieldError.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { FieldLabel } from \"./FieldLabel.js\";\nimport { useFieldset } from \"./FieldsetContext.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Subordinate } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const fieldTypeValues = [\"single\", \"group\"] as const;\n\nexport type RenderFieldComponentProps = {\n  ariaDescribedBy?: string;\n  dataSe?: string;\n  errorMessageElementId?: string;\n  id: string;\n  isReadOnly?: boolean;\n  labelElementId: string;\n};\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessageList?: string[];\n  /**\n   * The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n   */\n  fieldType: (typeof fieldTypeValues)[number];\n  /**\n   * If `true`, the Field label will be shown\n   */\n  hasVisibleLabel: boolean;\n  /**\n   * Important for determining if children inherit error state\n   */\n  isCheckboxGroup?: boolean;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Render-props function that sends back ARIA props to your field component.\n   */\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    dataSe,\n    errorMessageElementId,\n    id,\n    labelElementId,\n    isReadOnly,\n  }: RenderFieldComponentProps) => ReactElement;\n};\n\nconst Field = ({\n  ariaDescribedBy,\n  errorMessage,\n  errorMessageList,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled: isDisabledProp = false,\n  isFullWidth = false,\n  isRadioGroup = false,\n  isOptional = false,\n  isReadOnly = false,\n  label,\n  renderFieldComponent,\n}: FieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"errorMessageList\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isFullWidth\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n  > &\n  Pick<HtmlProps, \"ariaDescribedBy\">) => {\n  const { t } = useTranslation();\n\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorMessageElementId =\n    errorMessage || errorMessageList ? `${id}-error` : undefined;\n  const labelElementId = `${id}-label`;\n\n  const localAriaDescribedBy = useMemo(\n    () =>\n      [hintId, errorMessageElementId, ariaDescribedBy].join(\" \").trim() ||\n      undefined,\n    [ariaDescribedBy, errorMessageElementId, hintId],\n  );\n\n  const { isDisabled: isFieldsetDisabled } = useFieldset();\n\n  const isDisabled = useMemo(\n    () => isDisabledProp || isFieldsetDisabled,\n    [isDisabledProp, isFieldsetDisabled],\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={\n        Boolean(errorMessage) ||\n        (Array.isArray(errorMessageList) && errorMessageList.length > 0)\n      }\n      fullWidth={isFullWidth}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\" id={labelElementId}>\n          {label}{\" \"}\n          {isOptional && label && (\n            <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n          )}\n        </MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelElementId}\n          inputId={id}\n          isOptional={isOptional}\n          text={label}\n        />\n      )}\n\n      {hint && (\n        <FieldHint id={hintId} LinkComponent={HintLinkComponent} text={hint} />\n      )}\n\n      {renderFieldComponent({\n        ariaDescribedBy: localAriaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n        isReadOnly,\n      })}\n\n      {(errorMessage || errorMessageList) && (\n        <FieldError\n          id={errorMessageElementId}\n          message={errorMessage}\n          messageList={errorMessageList}\n        />\n      )}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\nMemoizedField.displayName = \"Field\";\n\nexport { MemoizedField as Field };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/FullScreenOverlay.js

@@ -13,7 +13,7 @@
 import { memo } from "react";
 import { useFullScreenOverlayContext } from "./FullScreenOverlayContext.js";
 import { OdysseyProvider } from "./OdysseyProvider.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const FullScreenOverlay = ({
   children,
   overlayType
@@ -22,7 +22,7 @@ const FullScreenOverlay = ({
     overlayEmotionRootElement,
     overlayShadowRootElement
   } = useFullScreenOverlayContext();
-  return _jsx(OdysseyProvider, {
+  return overlayShadowRootElement ? _jsx(OdysseyProvider, {
     emotionRootElement: overlayEmotionRootElement,
     hasScopedCssBaseline: false,
     hasTranslationProvider: false,
@@ -30,6 +30,8 @@ const FullScreenOverlay = ({
     overlayType: overlayType,
     shadowRootElement: overlayShadowRootElement,
     children: children
+  }) : _jsx(_Fragment, {
+    children: children
   });
 };
 const MemoizedFullScreenOverlay = memo(FullScreenOverlay);

package/dist/esm/FullScreenOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenOverlay.js","names":["memo","useFullScreenOverlayContext","OdysseyProvider","jsx","_jsx","FullScreenOverlay","children","overlayType","overlayEmotionRootElement","overlayShadowRootElement","emotionRootElement","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","shadowRootElement","MemoizedFullScreenOverlay","displayName"],"sources":["../../src/FullScreenOverlay.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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 { memo, type ReactNode } from \"react\";\n\nimport {\n  type OverlayType,\n  useFullScreenOverlayContext,\n} from \"./FullScreenOverlayContext.js\";\nimport { OdysseyProvider } from \"./OdysseyProvider.js\";\n\nexport type FullScreenOverlayProps = {\n  children: ReactNode;\n  overlayType?: OverlayType;\n};\n\nconst FullScreenOverlay = ({\n  children,\n  overlayType,\n}: FullScreenOverlayProps) => {\n  const { overlayEmotionRootElement, overlayShadowRootElement } =\n    useFullScreenOverlayContext();\n\n  return (\n    <OdysseyProvider\n      emotionRootElement={overlayEmotionRootElement}\n      hasScopedCssBaseline={false}\n      hasTranslationProvider={false}\n      hasWrapperElement={false}\n      overlayType={overlayType}\n      shadowRootElement={overlayShadowRootElement}\n    >\n      {children}\n    </OdysseyProvider>\n  );\n};\n\nconst MemoizedFullScreenOverlay = memo(FullScreenOverlay);\nMemoizedFullScreenOverlay.displayName = \"FullScreenOverlay\";\n\nexport { MemoizedFullScreenOverlay as FullScreenOverlay };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAwB,OAAO;AAE5C,SAEEC,2BAA2B,QACtB,+BAA+B;AACtC,SAASC,eAAe,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvD,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,QAAQ;EACRC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEC,yBAAyB;IAAEC;EAAyB,CAAC,GAC3DR,2BAA2B,CAAC,CAAC;EAE/B,OACEG,IAAA,CAACF,eAAe;IACdQ,kBAAkB,EAAEF,yBAA0B;IAC9CG,oBAAoB,EAAE,KAAM;IAC5BC,sBAAsB,EAAE,KAAM;IAC9BC,iBAAiB,EAAE,KAAM;IACzBN,WAAW,EAAEA,WAAY;IACzBO,iBAAiB,EAAEL,wBAAyB;IAAAH,QAAA,EAE3CA;EAAQ,CACM,CAAC;AAEtB,CAAC;AAED,MAAMS,yBAAyB,GAAGf,IAAI,CAACK,iBAAiB,CAAC;AACzDU,yBAAyB,CAACC,WAAW,GAAG,mBAAmB;AAE3D,SAASD,yBAAyB,IAAIV,iBAAiB","ignoreList":[]}
+{"version":3,"file":"FullScreenOverlay.js","names":["memo","useFullScreenOverlayContext","OdysseyProvider","jsx","_jsx","Fragment","_Fragment","FullScreenOverlay","children","overlayType","overlayEmotionRootElement","overlayShadowRootElement","emotionRootElement","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","shadowRootElement","MemoizedFullScreenOverlay","displayName"],"sources":["../../src/FullScreenOverlay.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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 { memo, type ReactNode } from \"react\";\n\nimport {\n  type OverlayType,\n  useFullScreenOverlayContext,\n} from \"./FullScreenOverlayContext.js\";\nimport { OdysseyProvider } from \"./OdysseyProvider.js\";\n\nexport type FullScreenOverlayProps = {\n  children: ReactNode;\n  overlayType?: OverlayType;\n};\n\nconst FullScreenOverlay = ({\n  children,\n  overlayType,\n}: FullScreenOverlayProps) => {\n  const { overlayEmotionRootElement, overlayShadowRootElement } =\n    useFullScreenOverlayContext();\n\n  return overlayShadowRootElement ? (\n    <OdysseyProvider\n      emotionRootElement={overlayEmotionRootElement}\n      hasScopedCssBaseline={false}\n      hasTranslationProvider={false}\n      hasWrapperElement={false}\n      overlayType={overlayType}\n      shadowRootElement={overlayShadowRootElement}\n    >\n      {children}\n    </OdysseyProvider>\n  ) : (\n    <>{children}</>\n  );\n};\n\nconst MemoizedFullScreenOverlay = memo(FullScreenOverlay);\nMemoizedFullScreenOverlay.displayName = \"FullScreenOverlay\";\n\nexport { MemoizedFullScreenOverlay as FullScreenOverlay };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAwB,OAAO;AAE5C,SAEEC,2BAA2B,QACtB,+BAA+B;AACtC,SAASC,eAAe,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOvD,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,QAAQ;EACRC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEC,yBAAyB;IAAEC;EAAyB,CAAC,GAC3DV,2BAA2B,CAAC,CAAC;EAE/B,OAAOU,wBAAwB,GAC7BP,IAAA,CAACF,eAAe;IACdU,kBAAkB,EAAEF,yBAA0B;IAC9CG,oBAAoB,EAAE,KAAM;IAC5BC,sBAAsB,EAAE,KAAM;IAC9BC,iBAAiB,EAAE,KAAM;IACzBN,WAAW,EAAEA,WAAY;IACzBO,iBAAiB,EAAEL,wBAAyB;IAAAH,QAAA,EAE3CA;EAAQ,CACM,CAAC,GAElBJ,IAAA,CAAAE,SAAA;IAAAE,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH,CAAC;AAED,MAAMS,yBAAyB,GAAGjB,IAAI,CAACO,iBAAiB,CAAC;AACzDU,yBAAyB,CAACC,WAAW,GAAG,mBAAmB;AAE3D,SAASD,yBAAyB,IAAIV,iBAAiB","ignoreList":[]}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","translate","odysseyTranslate","TranslationProvider","OdysseyTranslationProvider","useOdysseyDesignTokens","Accordion","accordionVariantValues","Autocomplete","badgeContentMaxValues","Banner","bannerRoleValues","bannerSeverityValues","Box","Breadcrumb","BreadcrumbContext","BreadcrumbList","buttonSizeValues","buttonTypeValues","buttonVariantValues","menuAlignmentValues","verticalDividerAlignmentValues","Button","ButtonContext","useButton","MenuButton","MenuItem","Callout","calloutRoleValues","calloutSeverityValues","Card","CARD_IMAGE_SIZE","CARD_IMAGE_SIZE_COMPACT","cardVariantValues","CircularProgress","createUniqueId","uniqueIdLength","CssBaseline","densityValues","DataTable","DatePicker","datePickerTheme","dateStyles","TimeZonePicker","Dialog","Drawer","variantValues","DataTableEmptyState","EmptyState","Checkbox","checkboxValidityValues","CheckboxGroup","Radio","RadioGroup","Fieldset","FileUploader","fileUploadTypes","fileUploadVariants","Form","formAutoCompleteTypeValues","formEncodingTypeValues","formMethodValues","HintLink","IconWithTooltip","Link","linkVariantValues","NativeSelect","OdysseyCacheProvider","OdysseyProvider","OdysseyThemeProvider","paginationTypeValues","Pagination","usePagination","PasswordField","ScreenReaderText","SearchField","searchVariantValues","Select","Stack","stackDirectionValues","stackSpacingValues","Status","statusSeverityValues","statusVariantValues","Surface","Switch","Tabs","Tag","tagColorVariants","tagSizeValues","TagList","TextField","textFieldTypeValues","createOdysseyMuiTheme","pxToRem","useMediaQuery","Toast","toastRoleValues","toastSeverityValues","ToastStack","Tooltip","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","Legend","Overline","Paragraph","Subordinate","Support","Typography","typographyColorValues","typographyVariantMapping","useMountLifecycleEffect","useUniqueId","createShadowDomElements","createShadowRootElement","encapsulateShadowDomFromGlobalStyles","shadowDomHostStyles"],"sources":["../../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  StackProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport {\n  translate as odysseyTranslate,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n  type TranslationOverrides,\n} from \"./i18n.generated/i18n.js\";\nexport type { FocusHandle } from \"./inputUtils.js\";\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport {\n  Accordion,\n  type AccordionProps,\n  accordionVariantValues,\n} from \"./Accordion.js\";\nexport { Autocomplete, type AutocompleteProps } from \"./Autocomplete.js\";\nexport { badgeContentMaxValues } from \"./Badge.js\";\nexport {\n  Banner,\n  type BannerProps,\n  bannerRoleValues,\n  bannerSeverityValues,\n} from \"./Banner.js\";\nexport { Box, type BoxProps } from \"./Box.js\";\nexport {\n  Breadcrumb,\n  BreadcrumbContext,\n  type BreadcrumbContextType,\n  BreadcrumbList,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n  type BreadcrumbType,\n} from \"./Breadcrumbs.js\";\nexport {\n  buttonSizeValues,\n  buttonTypeValues,\n  buttonVariantValues,\n} from \"./Buttons/BaseButton.js\";\nexport {\n  menuAlignmentValues,\n  verticalDividerAlignmentValues,\n} from \"./Buttons/BaseMenuButton.js\";\nexport { Button, type ButtonProps } from \"./Buttons/Button.js\";\nexport {\n  ButtonContext,\n  type ButtonContextValue,\n  useButton,\n} from \"./Buttons/ButtonContext.js\";\nexport { MenuButton, type MenuButtonProps } from \"./Buttons/MenuButton.js\";\nexport { MenuItem, type MenuItemProps } from \"./Buttons/MenuItem.js\";\nexport {\n  Callout,\n  type CalloutProps,\n  calloutRoleValues,\n  calloutSeverityValues,\n} from \"./Callout.js\";\nexport {\n  Card,\n  CARD_IMAGE_SIZE,\n  CARD_IMAGE_SIZE_COMPACT,\n  type CardProps,\n  cardVariantValues,\n} from \"./Card.js\";\nexport {\n  CircularProgress,\n  type CircularProgressProps,\n} from \"./CircularProgress.js\";\nexport { createUniqueId, uniqueIdLength } from \"./createUniqueId.js\";\nexport { CssBaseline } from \"./CssBaseline.js\";\nexport { densityValues } from \"./DataTable/constants.js\";\nexport {\n  DataTable,\n  type DataTableColumn,\n  type DataTableGetDataType,\n  type DataTableOnReorderRowsType,\n  type DataTableProps,\n  type DataTableRenderDetailPanelType,\n} from \"./DataTable/DataTable.js\";\nexport { DatePicker, type DatePickerProps } from \"./DatePickers/DatePicker.js\";\nexport { datePickerTheme, dateStyles } from \"./DatePickers/datePickerTheme.js\";\nexport {\n  type TimeZoneOption,\n  TimeZonePicker,\n  type TimeZonePickerProps,\n} from \"./DatePickers/TimeZonePicker.js\";\nexport {\n  Dialog,\n  type DialogOnCloseReason,\n  type DialogProps,\n} from \"./Dialog.js\";\nexport {\n  Drawer,\n  type DrawerOnCloseReason,\n  type DrawerProps,\n  variantValues,\n} from \"./Drawer.js\";\nexport {\n  DataTableEmptyState,\n  EmptyState,\n  type EmptyStateProps,\n} from \"./EmptyState.js\";\nexport {\n  type FieldComponentProps,\n  type FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nexport {\n  Checkbox,\n  type CheckboxProps,\n  checkboxValidityValues,\n} from \"./Fields/Checkbox.js\";\nexport {\n  CheckboxGroup,\n  type CheckboxGroupProps,\n} from \"./Fields/CheckboxGroup.js\";\nexport { Radio, type RadioProps } from \"./Fields/Radio.js\";\nexport { RadioGroup, type RadioGroupProps } from \"./Fields/RadioGroup.js\";\nexport { Fieldset, type FieldsetProps } from \"./Fieldset.js\";\nexport {\n  FileUploader,\n  fileUploadTypes,\n  fileUploadVariants,\n} from \"./FileUploader/FileUploader.js\";\nexport {\n  Form,\n  formAutoCompleteTypeValues,\n  formEncodingTypeValues,\n  formMethodValues,\n  type FormProps,\n} from \"./Form.js\";\nexport { HintLink } from \"./HintLink.js\";\nexport {\n  IconWithTooltip,\n  type IconWithTooltipProps,\n} from \"./IconWithTooltip.js\";\nexport { Link, type LinkProps, linkVariantValues } from \"./Link.js\";\nexport {\n  NativeSelect,\n  type NativeSelectOption,\n  type NativeSelectProps,\n  type NativeSelectValueType,\n} from \"./NativeSelect.js\";\nexport { type NullElement } from \"./NullElement.js\";\nexport {\n  OdysseyCacheProvider,\n  type OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nexport {\n  OdysseyProvider,\n  type OdysseyProviderProps,\n} from \"./OdysseyProvider.js\";\nexport {\n  OdysseyThemeProvider,\n  type OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\nexport { paginationTypeValues } from \"./Pagination/constants.js\";\nexport { Pagination, type PaginationProps } from \"./Pagination/Pagination.js\";\nexport { usePagination } from \"./Pagination/usePagination.js\";\nexport { PasswordField, type PasswordFieldProps } from \"./PasswordField.js\";\nexport {\n  ScreenReaderText,\n  type ScreenReaderTextProps,\n} from \"./ScreenReaderText.js\";\nexport {\n  SearchField,\n  type SearchFieldProps,\n  searchVariantValues,\n} from \"./SearchField.js\";\nexport {\n  Select,\n  type SelectOption,\n  type SelectProps,\n  type SelectValueType,\n} from \"./Select.js\";\nexport {\n  type OdysseyStackProps,\n  Stack,\n  stackDirectionValues,\n  stackSpacingValues,\n} from \"./Stack.js\";\nexport {\n  Status,\n  type StatusProps,\n  statusSeverityValues,\n  statusVariantValues,\n} from \"./Status.js\";\nexport { Surface, type SurfaceProps } from \"./Surface.js\";\nexport { Switch, type SwitchProps } from \"./Switch.js\";\nexport { type TabItemProps, Tabs, type TabsProps } from \"./Tabs.js\";\nexport { Tag, tagColorVariants, type TagProps, tagSizeValues } from \"./Tag.js\";\nexport { TagList, type TagListProps } from \"./TagList.js\";\nexport {\n  TextField,\n  type TextFieldProps,\n  textFieldTypeValues,\n} from \"./TextField.js\";\nexport {\n  createOdysseyMuiTheme,\n  type DesignTokens,\n  type DesignTokensOverride,\n  pxToRem,\n  useMediaQuery,\n} from \"./theme/theme.js\";\nexport {\n  Toast,\n  type ToastProps,\n  toastRoleValues,\n  toastSeverityValues,\n} from \"./Toast.js\";\nexport { type ToastListProps, ToastStack } from \"./ToastStack.js\";\nexport { Tooltip, type TooltipProps } from \"./Tooltip.js\";\nexport {\n  Heading1,\n  Heading2,\n  Heading3,\n  Heading4,\n  Heading5,\n  Heading6,\n  Legend,\n  Overline,\n  Paragraph,\n  Subordinate,\n  Support,\n  Typography,\n  typographyColorValues,\n  type TypographyProps,\n  typographyVariantMapping,\n  type TypographyVariantValue,\n} from \"./Typography.js\";\nexport { useMountLifecycleEffect } from \"./useMountLifecycleEffect.js\";\nexport { useUniqueId } from \"./useUniqueId.js\";\nexport {\n  createShadowDomElements,\n  createShadowRootElement,\n} from \"./web-component/createShadowDomElements.js\";\nexport {\n  encapsulateShadowDomFromGlobalStyles,\n  shadowDomHostStyles,\n} from \"./web-component/encapsulateShadowDomFromGlobalStyles.js\";\nexport type {\n  MRT_ColumnFiltersState as DataTableFiltersState,\n  MRT_Row as DataTableRow,\n  MRT_RowData as DataTableRowData,\n  MRT_RowSelectionState as DataTableRowSelectionState,\n  MRT_SortingState as DataTableSortingState,\n} from \"material-react-table\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","translate","odysseyTranslate","TranslationProvider","OdysseyTranslationProvider","useOdysseyDesignTokens","Accordion","accordionVariantValues","Autocomplete","badgeContentMaxValues","Banner","bannerRoleValues","bannerSeverityValues","Box","Breadcrumb","BreadcrumbContext","BreadcrumbList","buttonSizeValues","buttonTypeValues","buttonVariantValues","menuAlignmentValues","verticalDividerAlignmentValues","Button","ButtonContext","useButton","MenuButton","MenuItem","Callout","calloutRoleValues","calloutSeverityValues","Card","CARD_IMAGE_SIZE","CARD_IMAGE_SIZE_COMPACT","cardVariantValues","CircularProgress","createUniqueId","uniqueIdLength","CssBaseline","densityValues","DataTable","DatePicker","datePickerTheme","dateStyles","TimeZonePicker","Dialog","Drawer","variantValues","DataTableEmptyState","EmptyState","Checkbox","checkboxValidityValues","CheckboxGroup","Radio","RadioGroup","Fieldset","FileUploader","fileUploadTypes","fileUploadVariants","Form","formAutoCompleteTypeValues","formEncodingTypeValues","formMethodValues","HintLink","IconWithTooltip","Link","linkVariantValues","NativeSelect","OdysseyCacheProvider","OdysseyProvider","OdysseyThemeProvider","paginationTypeValues","Pagination","usePagination","PasswordField","ScreenReaderText","SearchField","searchVariantValues","Select","Stack","stackDirectionValues","stackSpacingValues","Status","statusSeverityValues","statusVariantValues","Surface","Switch","Tabs","Tag","tagColorVariants","tagSizeValues","TagList","TextField","textFieldTypeValues","createOdysseyMuiTheme","pxToRem","useMediaQuery","Toast","toastRoleValues","toastSeverityValues","ToastStack","Tooltip","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","Legend","Overline","Paragraph","Subordinate","Support","Typography","typographyColorValues","typographyVariantMapping","useMountLifecycleEffect","useUniqueId","createShadowDomElements","createShadowRootElement","encapsulateShadowDomFromGlobalStyles","shadowDomHostStyles"],"sources":["../../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  StackProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport {\n  translate as odysseyTranslate,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n  type TranslationOverrides,\n} from \"./i18n.generated/i18n.js\";\nexport type { FocusHandle } from \"./inputUtils.js\";\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport {\n  Accordion,\n  type AccordionProps,\n  accordionVariantValues,\n} from \"./Accordion.js\";\nexport { Autocomplete, type AutocompleteProps } from \"./Autocomplete.js\";\nexport { badgeContentMaxValues } from \"./Badge.js\";\nexport {\n  Banner,\n  type BannerProps,\n  bannerRoleValues,\n  bannerSeverityValues,\n} from \"./Banner.js\";\nexport { Box, type BoxProps } from \"./Box.js\";\nexport {\n  Breadcrumb,\n  BreadcrumbContext,\n  type BreadcrumbContextType,\n  BreadcrumbList,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n  type BreadcrumbType,\n} from \"./Breadcrumbs.js\";\nexport {\n  buttonSizeValues,\n  buttonTypeValues,\n  buttonVariantValues,\n} from \"./Buttons/BaseButton.js\";\nexport {\n  menuAlignmentValues,\n  verticalDividerAlignmentValues,\n} from \"./Buttons/BaseMenuButton.js\";\nexport { Button, type ButtonProps } from \"./Buttons/Button.js\";\nexport {\n  ButtonContext,\n  type ButtonContextValue,\n  useButton,\n} from \"./Buttons/ButtonContext.js\";\nexport { MenuButton, type MenuButtonProps } from \"./Buttons/MenuButton.js\";\nexport { MenuItem, type MenuItemProps } from \"./Buttons/MenuItem.js\";\nexport {\n  Callout,\n  type CalloutProps,\n  calloutRoleValues,\n  calloutSeverityValues,\n} from \"./Callout.js\";\nexport {\n  Card,\n  CARD_IMAGE_SIZE,\n  CARD_IMAGE_SIZE_COMPACT,\n  type CardProps,\n  cardVariantValues,\n} from \"./Card.js\";\nexport {\n  CircularProgress,\n  type CircularProgressProps,\n} from \"./CircularProgress.js\";\nexport { createUniqueId, uniqueIdLength } from \"./createUniqueId.js\";\nexport { CssBaseline } from \"./CssBaseline.js\";\nexport { densityValues } from \"./DataTable/constants.js\";\nexport {\n  DataTable,\n  type DataTableColumn,\n  type DataTableGetDataType,\n  type DataTableOnReorderRowsType,\n  type DataTableProps,\n  type DataTableRenderDetailPanelType,\n} from \"./DataTable/DataTable.js\";\nexport { DatePicker, type DatePickerProps } from \"./DatePickers/DatePicker.js\";\nexport { datePickerTheme, dateStyles } from \"./DatePickers/datePickerTheme.js\";\nexport {\n  type TimeZoneOption,\n  TimeZonePicker,\n  type TimeZonePickerProps,\n} from \"./DatePickers/TimeZonePicker.js\";\nexport {\n  Dialog,\n  type DialogOnCloseReason,\n  type DialogProps,\n} from \"./Dialog.js\";\nexport {\n  Drawer,\n  type DrawerOnCloseReason,\n  type DrawerProps,\n  variantValues,\n} from \"./Drawer.js\";\nexport {\n  DataTableEmptyState,\n  EmptyState,\n  type EmptyStateProps,\n} from \"./EmptyState.js\";\nexport {\n  type FieldComponentProps,\n  type FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nexport {\n  Checkbox,\n  type CheckboxProps,\n  checkboxValidityValues,\n} from \"./Fields/Checkbox.js\";\nexport {\n  CheckboxGroup,\n  type CheckboxGroupProps,\n} from \"./Fields/CheckboxGroup.js\";\nexport { Radio, type RadioProps } from \"./Fields/Radio.js\";\nexport { RadioGroup, type RadioGroupProps } from \"./Fields/RadioGroup.js\";\nexport { Fieldset, type FieldsetProps } from \"./Fieldset.js\";\nexport {\n  FileUploader,\n  fileUploadTypes,\n  fileUploadVariants,\n} from \"./FileUploader/FileUploader.js\";\nexport {\n  Form,\n  formAutoCompleteTypeValues,\n  formEncodingTypeValues,\n  formMethodValues,\n  type FormProps,\n} from \"./Form.js\";\nexport { HintLink } from \"./HintLink.js\";\nexport { type HtmlProps } from \"./HtmlProps.js\";\nexport {\n  IconWithTooltip,\n  type IconWithTooltipProps,\n} from \"./IconWithTooltip.js\";\nexport { Link, type LinkProps, linkVariantValues } from \"./Link.js\";\nexport {\n  NativeSelect,\n  type NativeSelectOption,\n  type NativeSelectProps,\n  type NativeSelectValueType,\n} from \"./NativeSelect.js\";\nexport { type NullElement } from \"./NullElement.js\";\nexport {\n  OdysseyCacheProvider,\n  type OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nexport {\n  OdysseyProvider,\n  type OdysseyProviderProps,\n} from \"./OdysseyProvider.js\";\nexport {\n  OdysseyThemeProvider,\n  type OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\nexport { paginationTypeValues } from \"./Pagination/constants.js\";\nexport { Pagination, type PaginationProps } from \"./Pagination/Pagination.js\";\nexport { usePagination } from \"./Pagination/usePagination.js\";\nexport { PasswordField, type PasswordFieldProps } from \"./PasswordField.js\";\nexport {\n  ScreenReaderText,\n  type ScreenReaderTextProps,\n} from \"./ScreenReaderText.js\";\nexport {\n  SearchField,\n  type SearchFieldProps,\n  searchVariantValues,\n} from \"./SearchField.js\";\nexport {\n  Select,\n  type SelectOption,\n  type SelectProps,\n  type SelectValueType,\n} from \"./Select.js\";\nexport {\n  type OdysseyStackProps,\n  Stack,\n  stackDirectionValues,\n  stackSpacingValues,\n} from \"./Stack.js\";\nexport {\n  Status,\n  type StatusProps,\n  statusSeverityValues,\n  statusVariantValues,\n} from \"./Status.js\";\nexport { Surface, type SurfaceProps } from \"./Surface.js\";\nexport { Switch, type SwitchProps } from \"./Switch.js\";\nexport { type TabItemProps, Tabs, type TabsProps } from \"./Tabs.js\";\nexport { Tag, tagColorVariants, type TagProps, tagSizeValues } from \"./Tag.js\";\nexport { TagList, type TagListProps } from \"./TagList.js\";\nexport {\n  TextField,\n  type TextFieldProps,\n  textFieldTypeValues,\n} from \"./TextField.js\";\nexport {\n  createOdysseyMuiTheme,\n  type DesignTokens,\n  type DesignTokensOverride,\n  pxToRem,\n  useMediaQuery,\n} from \"./theme/theme.js\";\nexport {\n  Toast,\n  type ToastProps,\n  toastRoleValues,\n  toastSeverityValues,\n} from \"./Toast.js\";\nexport { type ToastListProps, ToastStack } from \"./ToastStack.js\";\nexport { Tooltip, type TooltipProps } from \"./Tooltip.js\";\nexport {\n  Heading1,\n  Heading2,\n  Heading3,\n  Heading4,\n  Heading5,\n  Heading6,\n  Legend,\n  Overline,\n  Paragraph,\n  Subordinate,\n  Support,\n  Typography,\n  typographyColorValues,\n  type TypographyProps,\n  typographyVariantMapping,\n  type TypographyVariantValue,\n} from \"./Typography.js\";\nexport { useMountLifecycleEffect } from \"./useMountLifecycleEffect.js\";\nexport { useUniqueId } from \"./useUniqueId.js\";\nexport {\n  createShadowDomElements,\n  createShadowRootElement,\n} from \"./web-component/createShadowDomElements.js\";\nexport {\n  encapsulateShadowDomFromGlobalStyles,\n  shadowDomHostStyles,\n} from \"./web-component/encapsulateShadowDomFromGlobalStyles.js\";\nexport type {\n  MRT_ColumnFiltersState as DataTableFiltersState,\n  MRT_Row as DataTableRow,\n  MRT_RowData as DataTableRowData,\n  MRT_RowSelectionState as DataTableRowSelectionState,\n  MRT_SortingState as DataTableSortingState,\n} from \"material-react-table\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/DataView.js

@@ -11,6 +11,7 @@
  */
 
 import styled from "@emotion/styled";
+import isEqual from "lodash.isequal";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { Box } from "../../Box.js";
 import { MenuButton } from "../../Buttons/MenuButton.js";
@@ -149,6 +150,10 @@ const DataView = ({
     filters: filters,
     columns: tableLayoutOptions?.columns
   });
+  const initialAvailableFilters = useFilterConversion({
+    filters: initialFilters,
+    columns: tableLayoutOptions?.columns
+  });
   useEffect(() => {
     if (!initialFilters && availableFilters) {
       setInitialFilters(availableFilters);
@@ -196,8 +201,15 @@ const DataView = ({
     });
   }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);
   useEffect(() => {
-    setIsEmpty(pagination.pageIndex === currentPage && pagination.pageSize === resultsPerPage && search === "" && (!hasFilters || filters === initialFilters) && data.length === 0);
-  }, [currentPage, data, filters, hasFilters, initialFilters, pagination, resultsPerPage, search]);
+    const hasEmptyOrInitialFilters = !hasFilters || isEqual(filters, initialAvailableFilters);
+    setIsEmpty(pagination.pageIndex === currentPage && pagination.pageSize === resultsPerPage && search === "" && hasEmptyOrInitialFilters && data.length === 0);
+  }, [currentPage, data, filters, hasFilters, initialAvailableFilters, pagination, resultsPerPage, search]);
+  useEffect(() => {
+    if (!isLoading) {
+      const hasNoResults = !isEmpty && data.length === 0;
+      setIsNoResults(isNoResultsProp ?? hasNoResults);
+    }
+  }, [data.length, isEmpty, isNoResultsProp, isLoading]);
   useEffect(() => {
     setIsLoading(prevValue => isLoadingProp ?? prevValue);
   }, [isLoadingProp]);
@@ -221,7 +233,8 @@ const DataView = ({
     return;
   }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);
   const additionalActions = useMemo(() => {
-    return (metaText || currentLayout === "table" && tableLayoutOptions || availableLayouts.length > 1 || additionalActionButton || additionalActionMenuItems) && _jsxs(StyledAdditionalActionsInner, {
+    const hasTableSettings = currentLayout === "table" && tableLayoutOptions && (tableLayoutOptions.hasColumnVisibility || tableLayoutOptions.hasChangeableDensity);
+    return (metaText || hasTableSettings || availableLayouts.length > 1 || additionalActionButton || additionalActionMenuItems) && _jsxs(StyledAdditionalActionsInner, {
       odysseyDesignTokens: odysseyDesignTokens,
       children: [metaText && _jsx(StyledMetaTextContainer, {
         odysseyDesignTokens: odysseyDesignTokens,
@@ -229,7 +242,7 @@ const DataView = ({
           color: "textSecondary",
           children: metaText
         })
-      }), currentLayout === "table" && tableLayoutOptions && _jsx(TableSettings, {
+      }), hasTableSettings && _jsx(TableSettings, {
         setTableState: setTableState,
         tableLayoutOptions: tableLayoutOptions,
         tableState: tableState

package/dist/esm/labs/DataView/DataView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataView.js","names":["styled","memo","useCallback","useEffect","useMemo","useState","Box","MenuButton","Callout","createUniqueId","useRowReordering","EmptyState","useTranslation","MoreIcon","useOdysseyDesignTokens","Pagination","usePagination","Typography","DataFilters","BulkActionsMenu","CardLayoutContent","availableLayouts","allAvailableLayouts","densityValues","fetchData","LayoutSwitcher","TableLayoutContent","TableSettings","useFilterConversion","jsx","_jsx","jsxs","_jsxs","StyledDataViewContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","gap","Spacing4","StyledBulkActionsContainer","justifyContent","StyledAdditionalActionsContainer","Spacing2","StyledAdditionalActionsInner","alignItems","StyledMetaTextContainer","marginInlineEnd","DataView","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","currentPage","emptyPlaceholder","enableVirtualization","enableVirtualizationProp","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","getRowIdProp","hasFilters","hasPagination","hasPageInput","hasRowCountInput","hasRowCountLabel","hasSearch","hasSearchSubmitButton","hasRowReordering","hasRowSelection","initialLayout","isEmpty","isEmptyProp","isLoading","isLoadingProp","isNoResults","isNoResultsProp","isPaginationMoreDisabled","isRowReorderingDisabled","metaText","noResultsPlaceholder","onChangeRowSelection","onReorderRows","onRowSelectionChange","paginationType","resultsPerPage","searchDelayTime","cardLayoutOptions","tableLayoutOptions","totalRows","maxPages","maxResultsPerPage","onPaginationChange","t","currentLayout","setCurrentLayout","data","setData","setIsLoading","setIsEmpty","setIsNoResults","setErrorMessage","search","setSearch","initialFilters","setInitialFilters","setFilters","draggingRow","setDraggingRow","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","tableState","setTableState","columnSorting","columnVisibility","rowDensity","initialDensity","shouldShowFilters","availableFilters","columns","dataQueryParams","page","sort","row","index","parentRow","id","prev","undefined","length","prevValue","emptyState","noResultsInnerContent","description","heading","additionalActions","children","color","ariaLabel","buttonVariant","endIcon","menuAlignment","lastRow","lastRowOnPage","currentRowsCount","rowReorderingUtilities","severity","text","isDisabled","onChangeFilters","onChangeSearch","menuItems","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","previousLabel","rowsPerPageLabel","variant","MemoizedDataView","displayName"],"sources":["../../../../src/labs/DataView/DataView.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n} from \"material-react-table\";\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport { MenuButton } from \"../../Buttons/MenuButton.js\";\nimport { Callout } from \"../../Callout.js\";\nimport { createUniqueId } from \"../../createUniqueId.js\";\nimport { useRowReordering } from \"../../DataTable/useRowReordering.js\";\nimport { EmptyState } from \"../../EmptyState.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { MoreIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Pagination } from \"../../Pagination/Pagination.js\";\nimport { usePagination } from \"../../Pagination/usePagination.js\";\nimport { Typography } from \"../../Typography.js\";\nimport { DataFilters } from \"../DataFilters.js\";\nimport { BulkActionsMenu } from \"./BulkActionsMenu.js\";\nimport { CardLayoutContent } from \"./CardLayoutContent.js\";\nimport {\n  DataLayout,\n  TableState,\n  UniversalProps,\n  ViewProps,\n} from \"./componentTypes.js\";\nimport {\n  availableLayouts as allAvailableLayouts,\n  densityValues,\n} from \"./constants.js\";\nimport { fetchData } from \"./fetchData.js\";\nimport { LayoutSwitcher } from \"./LayoutSwitcher.js\";\nimport { TableLayoutContent } from \"./TableLayoutContent.js\";\nimport { TableSettings } from \"./TableSettings.js\";\nimport { useFilterConversion } from \"./useFilterConversion.js\";\n\nexport type DataViewProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  ViewProps<TData, DataLayout>;\ntype DataViewComponent = (<TData extends MRT_RowData>(\n  props: DataViewProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledDataViewContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst StyledBulkActionsContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n}));\n\nconst StyledAdditionalActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAdditionalActionsInner = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledMetaTextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nconst DataView = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  availableLayouts = allAvailableLayouts,\n  bulkActionMenuItems,\n  currentPage = 1,\n  emptyPlaceholder,\n  enableVirtualization: enableVirtualizationProp,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId: getRowIdProp,\n  hasFilters,\n  hasPagination,\n  hasPageInput,\n  hasRowCountInput,\n  hasRowCountLabel,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasRowReordering,\n  hasRowSelection,\n  initialLayout,\n  isEmpty: isEmptyProp,\n  isLoading: isLoadingProp,\n  isNoResults: isNoResultsProp,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  metaText,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  onRowSelectionChange,\n  paginationType = \"paged\",\n  resultsPerPage = 20,\n  searchDelayTime,\n  cardLayoutOptions,\n  tableLayoutOptions,\n  totalRows,\n  maxPages,\n  maxResultsPerPage,\n  onPaginationChange,\n}: DataViewProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [currentLayout, setCurrentLayout] = useState<DataLayout>(\n    initialLayout ?? availableLayouts[0],\n  );\n\n  const [data, setData] = useState<TData[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(isLoadingProp ?? true);\n  const [isEmpty, setIsEmpty] = useState<boolean>(isEmptyProp ?? true);\n  const [isNoResults, setIsNoResults] = useState<boolean>(\n    isNoResultsProp ?? false,\n  );\n  const [errorMessage, setErrorMessage] =\n    useState<UniversalProps<TData>[\"errorMessage\"]>(errorMessageProp);\n\n  const [search, setSearch] = useState<string>(\"\");\n\n  const [initialFilters, setInitialFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n  const [filters, setFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n\n  const [tableState, setTableState] = useState<TableState>({\n    columnSorting: [],\n    columnVisibility: {},\n    rowDensity: tableLayoutOptions?.initialDensity ?? densityValues[0],\n  });\n\n  const shouldShowFilters =\n    hasSearch ||\n    hasFilters ||\n    additionalActionButton ||\n    additionalActionMenuItems;\n\n  const availableFilters = useFilterConversion({\n    filters: filters,\n    columns: tableLayoutOptions?.columns,\n  });\n\n  useEffect(() => {\n    if (!initialFilters && availableFilters) {\n      setInitialFilters(availableFilters);\n    }\n  }, [availableFilters, initialFilters]);\n\n  const dataQueryParams = useMemo(\n    () => ({\n      page: pagination.pageIndex,\n      resultsPerPage: pagination.pageSize,\n      search,\n      filters: availableFilters,\n      sort: tableState?.columnSorting,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      search,\n      availableFilters,\n      tableState?.columnSorting,\n    ],\n  );\n\n  const getRowId = useCallback<Required<UniversalProps<TData>>[\"getRowId\"]>(\n    (row, index, parentRow) => {\n      if (getRowIdProp) {\n        return getRowIdProp(row, index, parentRow);\n      }\n      if (row.id) {\n        return row.id as string;\n      }\n      return createUniqueId();\n    },\n    [getRowIdProp],\n  );\n\n  // Update pagination state if props change\n  useEffect(() => {\n    setPagination({\n      pageIndex: currentPage,\n      pageSize: resultsPerPage,\n    });\n  }, [currentPage, resultsPerPage]);\n\n  // Reset pagination if search or filters change\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: paginationType == \"loadMore\" ? resultsPerPage : prev.pageSize,\n    }));\n  }, [filters, paginationType, resultsPerPage, search]);\n\n  // Fire onPaginationChange if pagination changes\n  useEffect(() => {\n    onPaginationChange?.(pagination);\n  }, [onPaginationChange, pagination]);\n\n  // Retrieve the data\n  useEffect(() => {\n    fetchData({\n      dataQueryParams,\n      errorMessageProp,\n      getData,\n      setData,\n      setErrorMessage,\n      // Only include setIsLoading if that's not being controlled manually\n      setIsLoading: isLoadingProp ? undefined : setIsLoading,\n    });\n  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);\n\n  // When data is updated\n  useEffect(() => {\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        (!hasFilters || filters === initialFilters) &&\n        data.length === 0,\n    );\n  }, [\n    currentPage,\n    data,\n    filters,\n    hasFilters,\n    initialFilters,\n    pagination,\n    resultsPerPage,\n    search,\n  ]);\n\n  // Change loading, empty and noResults state on prop change\n  useEffect(() => {\n    setIsLoading((prevValue) => isLoadingProp ?? prevValue);\n  }, [isLoadingProp]);\n\n  useEffect(() => {\n    setIsEmpty((prevValue) => isEmptyProp ?? prevValue);\n  }, [isEmptyProp]);\n\n  useEffect(() => {\n    setIsNoResults((prevValue) => isNoResultsProp ?? prevValue);\n  }, [isNoResultsProp]);\n\n  const emptyState = useMemo(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\n      />\n    );\n\n    if (isEmpty) {\n      return emptyPlaceholder || noResultsInnerContent;\n    }\n\n    if (isNoResults) {\n      return noResultsInnerContent;\n    }\n\n    return;\n  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);\n\n  const additionalActions = useMemo(() => {\n    return (\n      (metaText ||\n        (currentLayout === \"table\" && tableLayoutOptions) ||\n        availableLayouts.length > 1 ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\n        <StyledAdditionalActionsInner odysseyDesignTokens={odysseyDesignTokens}>\n          {metaText && (\n            <StyledMetaTextContainer odysseyDesignTokens={odysseyDesignTokens}>\n              <Typography color=\"textSecondary\">{metaText}</Typography>\n            </StyledMetaTextContainer>\n          )}\n\n          {currentLayout === \"table\" && tableLayoutOptions && (\n            <TableSettings\n              setTableState={setTableState}\n              tableLayoutOptions={tableLayoutOptions}\n              tableState={tableState}\n            />\n          )}\n\n          {availableLayouts.length > 1 && (\n            <LayoutSwitcher\n              availableLayouts={availableLayouts}\n              currentLayout={currentLayout}\n              setCurrentLayout={setCurrentLayout}\n            />\n          )}\n\n          {additionalActionButton}\n\n          {additionalActionMenuItems && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"secondary\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n            >\n              {additionalActionMenuItems}\n            </MenuButton>\n          )}\n        </StyledAdditionalActionsInner>\n      )\n    );\n  }, [\n    additionalActionButton,\n    additionalActionMenuItems,\n    availableLayouts,\n    currentLayout,\n    metaText,\n    odysseyDesignTokens,\n    tableLayoutOptions,\n    tableState,\n    t,\n  ]);\n\n  const enableVirtualization = useMemo(\n    () => enableVirtualizationProp ?? paginationType === \"loadMore\",\n    [enableVirtualizationProp, paginationType],\n  );\n\n  const { lastRow: lastRowOnPage } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  const rowReorderingUtilities = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  return (\n    <StyledDataViewContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {errorMessage && (\n        <Box>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      {shouldShowFilters && (\n        <DataFilters\n          additionalActions={additionalActions}\n          filters={hasFilters ? availableFilters : undefined}\n          hasSearchSubmitButton={hasSearchSubmitButton}\n          isDisabled={isEmpty}\n          onChangeFilters={hasFilters ? setFilters : undefined}\n          onChangeSearch={hasSearch ? setSearch : undefined}\n          searchDelayTime={searchDelayTime}\n        />\n      )}\n\n      {(bulkActionMenuItems || hasRowSelection) && (\n        <StyledBulkActionsContainer>\n          <BulkActionsMenu\n            data={data}\n            menuItems={bulkActionMenuItems}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n          />\n          {!shouldShowFilters && additionalActions}\n        </StyledBulkActionsContainer>\n      )}\n\n      {!shouldShowFilters &&\n        !bulkActionMenuItems &&\n        !hasRowSelection &&\n        additionalActions && (\n          <StyledAdditionalActionsContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {additionalActions}\n          </StyledAdditionalActionsContainer>\n        )}\n\n      {currentLayout === \"table\" && tableLayoutOptions && (\n        <TableLayoutContent\n          columns={tableLayoutOptions.columns}\n          data={data}\n          draggingRow={draggingRow}\n          emptyState={emptyState}\n          enableVirtualization={enableVirtualization}\n          getRowId={getRowIdProp || getRowId}\n          hasRowReordering={hasRowReordering}\n          hasRowSelection={hasRowSelection}\n          isEmpty={isEmpty}\n          isLoading={isLoading}\n          isNoResults={isNoResults}\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          onReorderRows={onReorderRows}\n          pagination={pagination}\n          rowReorderingUtilities={rowReorderingUtilities}\n          rowSelection={rowSelection}\n          setRowSelection={setRowSelection}\n          setTableState={setTableState}\n          tableLayoutOptions={tableLayoutOptions}\n          tableState={tableState}\n          totalRows={totalRows}\n        />\n      )}\n      {(currentLayout === \"list\" || currentLayout === \"grid\") &&\n        cardLayoutOptions && (\n          <CardLayoutContent\n            cardLayoutOptions={cardLayoutOptions}\n            currentLayout={currentLayout}\n            data={data}\n            draggingRow={draggingRow}\n            emptyState={emptyState}\n            getRowId={getRowIdProp || getRowId}\n            hasRowReordering={hasRowReordering}\n            hasRowSelection={hasRowSelection}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            isNoResults={isNoResults}\n            isRowReorderingDisabled={isRowReorderingDisabled}\n            onReorderRows={onReorderRows}\n            pagination={pagination}\n            rowReorderingUtilities={rowReorderingUtilities}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n            totalRows={totalRows}\n          />\n        )}\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          currentRowsCount={data.length}\n          hasPageInput={hasPageInput}\n          hasRowCountInput={hasRowCountInput}\n          hasRowCountLabel={hasRowCountLabel}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRowOnPage}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          variant={paginationType}\n        />\n      )}\n    </StyledDataViewContainer>\n  );\n};\n\nconst MemoizedDataView = memo(DataView) as DataViewComponent;\nMemoizedDataView.displayName = \"DataView\";\n\nexport { MemoizedDataView as DataView };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataView.js","names":["styled","isEqual","memo","useCallback","useEffect","useMemo","useState","Box","MenuButton","Callout","createUniqueId","useRowReordering","EmptyState","useTranslation","MoreIcon","useOdysseyDesignTokens","Pagination","usePagination","Typography","DataFilters","BulkActionsMenu","CardLayoutContent","availableLayouts","allAvailableLayouts","densityValues","fetchData","LayoutSwitcher","TableLayoutContent","TableSettings","useFilterConversion","jsx","_jsx","jsxs","_jsxs","StyledDataViewContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","gap","Spacing4","StyledBulkActionsContainer","justifyContent","StyledAdditionalActionsContainer","Spacing2","StyledAdditionalActionsInner","alignItems","StyledMetaTextContainer","marginInlineEnd","DataView","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","currentPage","emptyPlaceholder","enableVirtualization","enableVirtualizationProp","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","getRowIdProp","hasFilters","hasPagination","hasPageInput","hasRowCountInput","hasRowCountLabel","hasSearch","hasSearchSubmitButton","hasRowReordering","hasRowSelection","initialLayout","isEmpty","isEmptyProp","isLoading","isLoadingProp","isNoResults","isNoResultsProp","isPaginationMoreDisabled","isRowReorderingDisabled","metaText","noResultsPlaceholder","onChangeRowSelection","onReorderRows","onRowSelectionChange","paginationType","resultsPerPage","searchDelayTime","cardLayoutOptions","tableLayoutOptions","totalRows","maxPages","maxResultsPerPage","onPaginationChange","t","currentLayout","setCurrentLayout","data","setData","setIsLoading","setIsEmpty","setIsNoResults","setErrorMessage","search","setSearch","initialFilters","setInitialFilters","setFilters","draggingRow","setDraggingRow","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","tableState","setTableState","columnSorting","columnVisibility","rowDensity","initialDensity","shouldShowFilters","availableFilters","columns","initialAvailableFilters","dataQueryParams","page","sort","row","index","parentRow","id","prev","undefined","hasEmptyOrInitialFilters","length","hasNoResults","prevValue","emptyState","noResultsInnerContent","description","heading","additionalActions","hasTableSettings","hasColumnVisibility","hasChangeableDensity","children","color","ariaLabel","buttonVariant","endIcon","menuAlignment","lastRow","lastRowOnPage","currentRowsCount","rowReorderingUtilities","severity","text","isDisabled","onChangeFilters","onChangeSearch","menuItems","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","previousLabel","rowsPerPageLabel","variant","MemoizedDataView","displayName"],"sources":["../../../../src/labs/DataView/DataView.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 isEqual from \"lodash.isequal\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n} from \"material-react-table\";\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport { MenuButton } from \"../../Buttons/MenuButton.js\";\nimport { Callout } from \"../../Callout.js\";\nimport { createUniqueId } from \"../../createUniqueId.js\";\nimport { useRowReordering } from \"../../DataTable/useRowReordering.js\";\nimport { EmptyState } from \"../../EmptyState.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { MoreIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Pagination } from \"../../Pagination/Pagination.js\";\nimport { usePagination } from \"../../Pagination/usePagination.js\";\nimport { Typography } from \"../../Typography.js\";\nimport { DataFilters } from \"../DataFilters.js\";\nimport { BulkActionsMenu } from \"./BulkActionsMenu.js\";\nimport { CardLayoutContent } from \"./CardLayoutContent.js\";\nimport {\n  DataLayout,\n  TableState,\n  UniversalProps,\n  ViewProps,\n} from \"./componentTypes.js\";\nimport {\n  availableLayouts as allAvailableLayouts,\n  densityValues,\n} from \"./constants.js\";\nimport { fetchData } from \"./fetchData.js\";\nimport { LayoutSwitcher } from \"./LayoutSwitcher.js\";\nimport { TableLayoutContent } from \"./TableLayoutContent.js\";\nimport { TableSettings } from \"./TableSettings.js\";\nimport { useFilterConversion } from \"./useFilterConversion.js\";\n\nexport type DataViewProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  ViewProps<TData, DataLayout>;\ntype DataViewComponent = (<TData extends MRT_RowData>(\n  props: DataViewProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledDataViewContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst StyledBulkActionsContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n}));\n\nconst StyledAdditionalActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAdditionalActionsInner = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledMetaTextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nconst DataView = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  availableLayouts = allAvailableLayouts,\n  bulkActionMenuItems,\n  currentPage = 1,\n  emptyPlaceholder,\n  enableVirtualization: enableVirtualizationProp,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId: getRowIdProp,\n  hasFilters,\n  hasPagination,\n  hasPageInput,\n  hasRowCountInput,\n  hasRowCountLabel,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasRowReordering,\n  hasRowSelection,\n  initialLayout,\n  isEmpty: isEmptyProp,\n  isLoading: isLoadingProp,\n  isNoResults: isNoResultsProp,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  metaText,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  onRowSelectionChange,\n  paginationType = \"paged\",\n  resultsPerPage = 20,\n  searchDelayTime,\n  cardLayoutOptions,\n  tableLayoutOptions,\n  totalRows,\n  maxPages,\n  maxResultsPerPage,\n  onPaginationChange,\n}: DataViewProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [currentLayout, setCurrentLayout] = useState<DataLayout>(\n    initialLayout ?? availableLayouts[0],\n  );\n\n  const [data, setData] = useState<TData[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(isLoadingProp ?? true);\n  const [isEmpty, setIsEmpty] = useState<boolean>(isEmptyProp ?? true);\n  const [isNoResults, setIsNoResults] = useState<boolean>(\n    isNoResultsProp ?? false,\n  );\n  const [errorMessage, setErrorMessage] =\n    useState<UniversalProps<TData>[\"errorMessage\"]>(errorMessageProp);\n\n  const [search, setSearch] = useState<string>(\"\");\n\n  const [initialFilters, setInitialFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n  const [filters, setFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n\n  const [tableState, setTableState] = useState<TableState>({\n    columnSorting: [],\n    columnVisibility: {},\n    rowDensity: tableLayoutOptions?.initialDensity ?? densityValues[0],\n  });\n\n  const shouldShowFilters =\n    hasSearch ||\n    hasFilters ||\n    additionalActionButton ||\n    additionalActionMenuItems;\n\n  const availableFilters = useFilterConversion({\n    filters: filters,\n    columns: tableLayoutOptions?.columns,\n  });\n  // will format the initial filters to be used for comparison\n  const initialAvailableFilters = useFilterConversion({\n    filters: initialFilters,\n    columns: tableLayoutOptions?.columns,\n  });\n\n  useEffect(() => {\n    if (!initialFilters && availableFilters) {\n      setInitialFilters(availableFilters);\n    }\n  }, [availableFilters, initialFilters]);\n\n  const dataQueryParams = useMemo(\n    () => ({\n      page: pagination.pageIndex,\n      resultsPerPage: pagination.pageSize,\n      search,\n      filters: availableFilters,\n      sort: tableState?.columnSorting,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      search,\n      availableFilters,\n      tableState?.columnSorting,\n    ],\n  );\n\n  const getRowId = useCallback<Required<UniversalProps<TData>>[\"getRowId\"]>(\n    (row, index, parentRow) => {\n      if (getRowIdProp) {\n        return getRowIdProp(row, index, parentRow);\n      }\n      if (row.id) {\n        return row.id as string;\n      }\n      return createUniqueId();\n    },\n    [getRowIdProp],\n  );\n\n  // Update pagination state if props change\n  useEffect(() => {\n    setPagination({\n      pageIndex: currentPage,\n      pageSize: resultsPerPage,\n    });\n  }, [currentPage, resultsPerPage]);\n\n  // Reset pagination if search or filters change\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: paginationType == \"loadMore\" ? resultsPerPage : prev.pageSize,\n    }));\n  }, [filters, paginationType, resultsPerPage, search]);\n\n  // Fire onPaginationChange if pagination changes\n  useEffect(() => {\n    onPaginationChange?.(pagination);\n  }, [onPaginationChange, pagination]);\n\n  // Retrieve the data\n  useEffect(() => {\n    fetchData({\n      dataQueryParams,\n      errorMessageProp,\n      getData,\n      setData,\n      setErrorMessage,\n      // Only include setIsLoading if that's not being controlled manually\n      setIsLoading: isLoadingProp ? undefined : setIsLoading,\n    });\n  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);\n\n  // When data is updated\n  useEffect(() => {\n    const hasEmptyOrInitialFilters =\n      !hasFilters || isEqual(filters, initialAvailableFilters);\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        hasEmptyOrInitialFilters &&\n        data.length === 0,\n    );\n  }, [\n    currentPage,\n    data,\n    filters,\n    hasFilters,\n    initialAvailableFilters,\n    pagination,\n    resultsPerPage,\n    search,\n  ]);\n\n  useEffect(() => {\n    if (!isLoading) {\n      // DB isn't actually empty (!isEmpty) and we have zero rows\n      const hasNoResults = !isEmpty && data.length === 0;\n\n      setIsNoResults(isNoResultsProp ?? hasNoResults);\n    }\n  }, [data.length, isEmpty, isNoResultsProp, isLoading]);\n\n  // Change loading, empty and noResults state on prop change\n  useEffect(() => {\n    setIsLoading((prevValue) => isLoadingProp ?? prevValue);\n  }, [isLoadingProp]);\n\n  useEffect(() => {\n    setIsEmpty((prevValue) => isEmptyProp ?? prevValue);\n  }, [isEmptyProp]);\n\n  useEffect(() => {\n    setIsNoResults((prevValue) => isNoResultsProp ?? prevValue);\n  }, [isNoResultsProp]);\n\n  const emptyState = useMemo(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\n      />\n    );\n\n    if (isEmpty) {\n      return emptyPlaceholder || noResultsInnerContent;\n    }\n\n    if (isNoResults) {\n      return noResultsInnerContent;\n    }\n\n    return;\n  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);\n\n  const additionalActions = useMemo(() => {\n    const hasTableSettings =\n      currentLayout === \"table\" &&\n      tableLayoutOptions &&\n      (tableLayoutOptions.hasColumnVisibility ||\n        tableLayoutOptions.hasChangeableDensity);\n\n    return (\n      (metaText ||\n        hasTableSettings ||\n        availableLayouts.length > 1 ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\n        <StyledAdditionalActionsInner odysseyDesignTokens={odysseyDesignTokens}>\n          {metaText && (\n            <StyledMetaTextContainer odysseyDesignTokens={odysseyDesignTokens}>\n              <Typography color=\"textSecondary\">{metaText}</Typography>\n            </StyledMetaTextContainer>\n          )}\n\n          {hasTableSettings && (\n            <TableSettings\n              setTableState={setTableState}\n              tableLayoutOptions={tableLayoutOptions}\n              tableState={tableState}\n            />\n          )}\n\n          {availableLayouts.length > 1 && (\n            <LayoutSwitcher\n              availableLayouts={availableLayouts}\n              currentLayout={currentLayout}\n              setCurrentLayout={setCurrentLayout}\n            />\n          )}\n\n          {additionalActionButton}\n\n          {additionalActionMenuItems && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"secondary\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n            >\n              {additionalActionMenuItems}\n            </MenuButton>\n          )}\n        </StyledAdditionalActionsInner>\n      )\n    );\n  }, [\n    additionalActionButton,\n    additionalActionMenuItems,\n    availableLayouts,\n    currentLayout,\n    metaText,\n    odysseyDesignTokens,\n    tableLayoutOptions,\n    tableState,\n    t,\n  ]);\n\n  const enableVirtualization = useMemo(\n    () => enableVirtualizationProp ?? paginationType === \"loadMore\",\n    [enableVirtualizationProp, paginationType],\n  );\n\n  const { lastRow: lastRowOnPage } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  const rowReorderingUtilities = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  return (\n    <StyledDataViewContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {errorMessage && (\n        <Box>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      {shouldShowFilters && (\n        <DataFilters\n          additionalActions={additionalActions}\n          filters={hasFilters ? availableFilters : undefined}\n          hasSearchSubmitButton={hasSearchSubmitButton}\n          isDisabled={isEmpty}\n          onChangeFilters={hasFilters ? setFilters : undefined}\n          onChangeSearch={hasSearch ? setSearch : undefined}\n          searchDelayTime={searchDelayTime}\n        />\n      )}\n\n      {(bulkActionMenuItems || hasRowSelection) && (\n        <StyledBulkActionsContainer>\n          <BulkActionsMenu\n            data={data}\n            menuItems={bulkActionMenuItems}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n          />\n          {!shouldShowFilters && additionalActions}\n        </StyledBulkActionsContainer>\n      )}\n\n      {!shouldShowFilters &&\n        !bulkActionMenuItems &&\n        !hasRowSelection &&\n        additionalActions && (\n          <StyledAdditionalActionsContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {additionalActions}\n          </StyledAdditionalActionsContainer>\n        )}\n\n      {currentLayout === \"table\" && tableLayoutOptions && (\n        <TableLayoutContent\n          columns={tableLayoutOptions.columns}\n          data={data}\n          draggingRow={draggingRow}\n          emptyState={emptyState}\n          enableVirtualization={enableVirtualization}\n          getRowId={getRowIdProp || getRowId}\n          hasRowReordering={hasRowReordering}\n          hasRowSelection={hasRowSelection}\n          isEmpty={isEmpty}\n          isLoading={isLoading}\n          isNoResults={isNoResults}\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          onReorderRows={onReorderRows}\n          pagination={pagination}\n          rowReorderingUtilities={rowReorderingUtilities}\n          rowSelection={rowSelection}\n          setRowSelection={setRowSelection}\n          setTableState={setTableState}\n          tableLayoutOptions={tableLayoutOptions}\n          tableState={tableState}\n          totalRows={totalRows}\n        />\n      )}\n      {(currentLayout === \"list\" || currentLayout === \"grid\") &&\n        cardLayoutOptions && (\n          <CardLayoutContent\n            cardLayoutOptions={cardLayoutOptions}\n            currentLayout={currentLayout}\n            data={data}\n            draggingRow={draggingRow}\n            emptyState={emptyState}\n            getRowId={getRowIdProp || getRowId}\n            hasRowReordering={hasRowReordering}\n            hasRowSelection={hasRowSelection}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            isNoResults={isNoResults}\n            isRowReorderingDisabled={isRowReorderingDisabled}\n            onReorderRows={onReorderRows}\n            pagination={pagination}\n            rowReorderingUtilities={rowReorderingUtilities}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n            totalRows={totalRows}\n          />\n        )}\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          currentRowsCount={data.length}\n          hasPageInput={hasPageInput}\n          hasRowCountInput={hasRowCountInput}\n          hasRowCountLabel={hasRowCountLabel}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRowOnPage}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          variant={paginationType}\n        />\n      )}\n    </StyledDataViewContainer>\n  );\n};\n\nconst MemoizedDataView = memo(DataView) as DataViewComponent;\nMemoizedDataView.displayName = \"DataView\";\n\nexport { MemoizedDataView as DataView };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/OdysseyPickers/Picker.js

@@ -177,6 +177,7 @@ const Picker = ({
   errorMessage,
   errorMessageList,
   getIsOptionEqualToValue,
+  groupOptionsBy,
   hasMultipleChoices,
   id: idOverride,
   inputValue,
@@ -228,6 +229,7 @@ const Picker = ({
     errorMessage: errorMessage,
     errorMessageList: errorMessageList,
     getIsOptionEqualToValue: getIsOptionEqualToValue,
+    groupOptionsBy: groupOptionsBy,
     hasMultipleChoices: hasMultipleChoices,
     hint: hint,
     HintLinkComponent: HintLinkComponent,