@okta/odyssey-react-mui 1.55.0 → 1.57.0

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

@@ -1 +1 @@
-{"version":3,"file":"SearchDropdown.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_Typography","_ComposablePicker","_Picker","_jsxRuntime","e","__esModule","default","OptionAdornmentContainer","styled","shouldForwardProp","prop","adornmentSize","isTagContainer","odysseyDesignTokens","position","bottom","alignSelf","width","Spacing5","height","overflow","marginInlineEnd","Spacing3","marginInlineStart","svg","img","top","left","transform","Spacing8","Spacing4","maxHeight","Spacing2","display","CustomOptionContainer","justifyContent","CustomOptionLeftContainer","OptionAdornment","adornment","isImageAdornment","jsx","children","alt","role","src","Extra","content","size","onClick","handleClick","useCallback","event","stopPropagation","CustomOption","muiProps","option","description","label","metaData","extra","isInteractive","handleOptionClick","preventDefault","extendedMuiProps","useMemo","undefined","Option","hasAdornment","jsxs","OptionLabelContainer","Heading6","component","OptionDescriptionComponent","OptionMetadataComponent","SearchDropdown","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","getIsOptionEqualToValue","groupOptionsBy","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","isVirtualizedProp","hint","HintLinkComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","value","testId","translate","useOdysseyDesignTokens","customOptionRender","ComposablePicker","renderOption","MemoizedSearchDropdown","exports","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/SearchDropdown.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 { memo, ReactElement, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Heading6 } from \"../../Typography.js\";\nimport {\n  type AdornmentSize,\n  type BasePickerProps,\n  type BasePickerType,\n  type BaseRenderOptionProps,\n  ComposablePicker,\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;\ntype ExtraType = {\n  content: ReactNode | string;\n  onClick: () => void;\n  size?: AdornmentSize;\n};\n\ntype AdornmentLabelDescription = LabelDescription & {\n  adornment: Adornment;\n  extra?: ExtraType;\n  isInteractive?: boolean;\n  onClick?: () => void;\n};\n\nexport type CustomOptionType = AdornmentLabelDescription & Partial<Metadata>;\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  position?: \"left\" | \"right\";\n}>(\n  ({\n    adornmentSize = \"small\",\n    isTagContainer = false,\n\n    odysseyDesignTokens,\n    position = \"left\",\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\n    ...(position === \"left\" && {\n      marginInlineEnd: odysseyDesignTokens.Spacing3,\n    }),\n    ...(position === \"right\" && {\n      marginInlineStart: odysseyDesignTokens.Spacing3,\n    }),\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      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\ntype ExtraProps = {\n  content: Adornment;\n  odysseyDesignTokens: DesignTokens;\n  onClick: () => void;\n  size?: AdornmentSize;\n};\n\nconst CustomOptionContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  width: \"100%\",\n}));\n\nconst CustomOptionLeftContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(() => ({\n  display: \"flex\",\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        <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 Extra = ({ content, size, odysseyDesignTokens, onClick }: ExtraProps) => {\n  const handleClick = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      onClick();\n    },\n    [onClick],\n  );\n\n  return (\n    <OptionAdornmentContainer\n      adornmentSize={size}\n      odysseyDesignTokens={odysseyDesignTokens}\n      onClick={handleClick}\n    >\n      {content}\n    </OptionAdornmentContainer>\n  );\n};\n\nconst CustomOption = <OptionType extends CustomOptionType>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & {\n    adornmentSize: AdornmentSize;\n  }) => {\n  const {\n    adornment,\n    description,\n    label,\n    metaData,\n    extra,\n    onClick,\n    isInteractive = true,\n  } = option;\n\n  const handleOptionClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (!isInteractive) {\n        event.preventDefault();\n        return;\n      }\n      event.stopPropagation();\n      onClick?.();\n    },\n    [onClick, isInteractive],\n  );\n\n  const extendedMuiProps = useMemo(() => {\n    return {\n      ...muiProps,\n      onClick: isInteractive ? handleOptionClick : undefined,\n      \"aria-disabled\": !isInteractive ? \"true\" : undefined,\n      role: \"option\",\n    } satisfies BaseRenderOptionProps;\n  }, [muiProps, isInteractive, handleOptionClick]);\n\n  return (\n    <Option hasAdornment muiProps={extendedMuiProps}>\n      <CustomOptionContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <CustomOptionLeftContainer odysseyDesignTokens={odysseyDesignTokens}>\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            {metaData && (\n              <OptionMetadataComponent\n                metaData={metaData}\n                odysseyDesignTokens={odysseyDesignTokens}\n              />\n            )}\n          </div>\n        </CustomOptionLeftContainer>\n        {extra && (\n          <Extra\n            content={extra.content}\n            odysseyDesignTokens={odysseyDesignTokens}\n            onClick={extra.onClick}\n            size={extra.size || adornmentSize}\n          />\n        )}\n      </CustomOptionContainer>\n    </Option>\n  );\n};\n\nexport type SearchDropdownProps<\n  OptionType extends CustomOptionType,\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 CustomOptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: SearchDropdownProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactElement;\n  <\n    OptionType extends CustomOptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: SearchDropdownProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactElement;\n};\n\nconst SearchDropdown: PickerWithOptionAdornmentComponentType = <\n  OptionType extends CustomOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  adornmentSize = \"small\",\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  groupOptionsBy,\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}: SearchDropdownProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const customOptionRender = useCallback<\n    (props: BaseRenderOptionProps, option: OptionType) => ReactNode\n  >(\n    (muiProps, option) => {\n      return (\n        <CustomOption\n          adornmentSize={adornmentSize}\n          key={option.value}\n          muiProps={muiProps}\n          odysseyDesignTokens={odysseyDesignTokens}\n          option={option}\n        />\n      );\n    },\n    [adornmentSize, odysseyDesignTokens],\n  );\n\n  return (\n    <ComposablePicker<OptionType, HasMultipleChoices, IsCustomValueAllowed>\n      ariaDescribedBy={ariaDescribedBy}\n      defaultValue={defaultValue}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      getIsOptionEqualToValue={getIsOptionEqualToValue}\n      groupOptionsBy={groupOptionsBy}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      inputValue={inputValue}\n      isCustomValueAllowed={isCustomValueAllowed}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isLoading={isLoading}\n      isOptional={isOptional}\n      isReadOnly={isReadOnly}\n      isVirtualized={isVirtualizedProp}\n      label={label}\n      name={nameOverride}\n      onBlur={onBlur}\n      onChange={onChangeProp}\n      onFocus={onFocus}\n      onInputChange={onInputChangeProp}\n      options={options}\n      renderOption={customOptionRender}\n      testId={testId}\n      translate={translate}\n      value={value}\n    />\n  );\n};\n\n// Need the `as BasePickerType` because generics don't get passed through\nconst MemoizedSearchDropdown = memo(SearchDropdown) as BasePickerType;\n\nMemoizedSearchDropdown.displayName = \"MemoizedSearchDropdown\";\n\nexport { MemoizedSearchDropdown as SearchDropdown };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchDropdown.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_Typography","_ComposablePicker","_Picker","_jsxRuntime","e","__esModule","default","OptionAdornmentContainer","styled","shouldForwardProp","prop","adornmentSize","isTagContainer","odysseyDesignTokens","position","bottom","alignSelf","width","Spacing5","height","overflow","marginInlineEnd","Spacing3","marginInlineStart","svg","img","top","left","transform","Spacing8","Spacing4","maxHeight","Spacing2","display","CustomOptionContainer","justifyContent","CustomOptionLeftContainer","OptionAdornment","adornment","isImageAdornment","jsx","children","alt","role","src","Extra","content","size","onClick","handleClick","useCallback","event","stopPropagation","CustomOption","muiProps","option","description","label","metaData","extra","isInteractive","handleOptionClick","preventDefault","extendedMuiProps","useMemo","undefined","Option","hasAdornment","jsxs","OptionLabelContainer","Heading6","component","OptionDescriptionComponent","OptionMetadataComponent","SearchDropdown","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","getIsOptionEqualToValue","groupOptionsBy","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","isVirtualizedProp","hint","HintLinkComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","value","testId","translate","useOdysseyDesignTokens","customOptionRender","ComposablePicker","renderOption","MemoizedSearchDropdown","exports","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/SearchDropdown.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 { memo, ReactElement, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Heading6 } from \"../../Typography.js\";\nimport {\n  type AdornmentSize,\n  type BasePickerProps,\n  type BasePickerType,\n  type BaseRenderOptionProps,\n  ComposablePicker,\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;\ntype ExtraType = {\n  content: ReactNode | string;\n  onClick: () => void;\n  size?: AdornmentSize;\n};\n\ntype AdornmentLabelDescription = LabelDescription & {\n  adornment: Adornment;\n  extra?: ExtraType;\n  isInteractive?: boolean;\n  onClick?: () => void;\n};\n\nexport type CustomOptionType = AdornmentLabelDescription & Partial<Metadata>;\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  position?: \"left\" | \"right\";\n}>(\n  ({\n    adornmentSize = \"small\",\n    isTagContainer = false,\n\n    odysseyDesignTokens,\n    position = \"left\",\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\n    ...(position === \"left\" && {\n      marginInlineEnd: odysseyDesignTokens.Spacing3,\n    }),\n    ...(position === \"right\" && {\n      marginInlineStart: odysseyDesignTokens.Spacing3,\n    }),\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      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\ntype ExtraProps = {\n  content: Adornment;\n  odysseyDesignTokens: DesignTokens;\n  onClick: () => void;\n  size?: AdornmentSize;\n};\n\nconst CustomOptionContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  width: \"100%\",\n}));\n\nconst CustomOptionLeftContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(() => ({\n  display: \"flex\",\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        <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 Extra = ({ content, size, odysseyDesignTokens, onClick }: ExtraProps) => {\n  const handleClick = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      onClick();\n    },\n    [onClick],\n  );\n\n  return (\n    <OptionAdornmentContainer\n      adornmentSize={size}\n      odysseyDesignTokens={odysseyDesignTokens}\n      onClick={handleClick}\n    >\n      {content}\n    </OptionAdornmentContainer>\n  );\n};\n\nconst CustomOption = <OptionType extends CustomOptionType>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & {\n    adornmentSize: AdornmentSize;\n  }) => {\n  const {\n    adornment,\n    description,\n    label,\n    metaData,\n    extra,\n    onClick,\n    isInteractive = true,\n  } = option;\n\n  const handleOptionClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (!isInteractive) {\n        event.preventDefault();\n        return;\n      }\n      event.stopPropagation();\n      onClick?.();\n    },\n    [onClick, isInteractive],\n  );\n\n  const extendedMuiProps = useMemo(() => {\n    return {\n      ...muiProps,\n      onClick: isInteractive ? handleOptionClick : undefined,\n      \"aria-disabled\": !isInteractive ? \"true\" : undefined,\n      role: \"option\",\n    } satisfies BaseRenderOptionProps;\n  }, [muiProps, isInteractive, handleOptionClick]);\n\n  return (\n    <Option hasAdornment muiProps={extendedMuiProps}>\n      <CustomOptionContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <CustomOptionLeftContainer odysseyDesignTokens={odysseyDesignTokens}>\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            {metaData && (\n              <OptionMetadataComponent\n                metaData={metaData}\n                odysseyDesignTokens={odysseyDesignTokens}\n              />\n            )}\n          </div>\n        </CustomOptionLeftContainer>\n        {extra && (\n          <Extra\n            content={extra.content}\n            odysseyDesignTokens={odysseyDesignTokens}\n            onClick={extra.onClick}\n            size={extra.size || adornmentSize}\n          />\n        )}\n      </CustomOptionContainer>\n    </Option>\n  );\n};\n\nexport type SearchDropdownProps<\n  OptionType extends CustomOptionType,\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 CustomOptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: SearchDropdownProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactElement;\n  <\n    OptionType extends CustomOptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: SearchDropdownProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactElement;\n};\n\nconst SearchDropdown: PickerWithOptionAdornmentComponentType = <\n  OptionType extends CustomOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  adornmentSize = \"small\",\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  groupOptionsBy,\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}: SearchDropdownProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const customOptionRender = useCallback<\n    (props: BaseRenderOptionProps, option: OptionType) => ReactNode\n  >(\n    (muiProps, option) => {\n      return (\n        <CustomOption\n          adornmentSize={adornmentSize}\n          key={option.value}\n          muiProps={muiProps}\n          odysseyDesignTokens={odysseyDesignTokens}\n          option={option}\n        />\n      );\n    },\n    [adornmentSize, odysseyDesignTokens],\n  );\n\n  return (\n    <ComposablePicker<OptionType, HasMultipleChoices, IsCustomValueAllowed>\n      ariaDescribedBy={ariaDescribedBy}\n      defaultValue={defaultValue}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      getIsOptionEqualToValue={getIsOptionEqualToValue}\n      groupOptionsBy={groupOptionsBy}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      inputValue={inputValue}\n      isCustomValueAllowed={isCustomValueAllowed}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isLoading={isLoading}\n      isOptional={isOptional}\n      isReadOnly={isReadOnly}\n      isVirtualized={isVirtualizedProp}\n      label={label}\n      name={nameOverride}\n      onBlur={onBlur}\n      onChange={onChangeProp}\n      onFocus={onFocus}\n      onInputChange={onInputChangeProp}\n      options={options}\n      renderOption={customOptionRender}\n      testId={testId}\n      translate={translate}\n      value={value}\n    />\n  );\n};\n\n// Need the `as BasePickerType` because generics don't get passed through\nconst MemoizedSearchDropdown = memo(SearchDropdown) as BasePickerType;\n\nMemoizedSearchDropdown.displayName = \"MemoizedSearchDropdown\";\n\nexport { MemoizedSearchDropdown as SearchDropdown };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/PageTemplate/DocumentationLink.cjs

@@ -37,5 +37,5 @@ const DocumentationLink = ({
   });
 };
 const MemoizedDocumentationLink = exports.DocumentationLink = (0, _react.memo)(DocumentationLink);
-MemoizedDocumentationLink.displayName = "DocumentationLink";
+MemoizedDocumentationLink.displayName = "DocumentationLink::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=DocumentationLink.cjs.map

package/dist/cjs/labs/PageTemplate/DocumentationLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationLink.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","linkVariantValues","exports","DocumentationLink","children","href","icon","target","jsxs","_Link2","jsx","className","MemoizedDocumentationLink","memo","displayName"],"sources":["../../../../src/labs/PageTemplate/DocumentationLink.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 { Link as MuiLink } from \"@mui/material\";\nimport { memo, ReactElement, ReactNode } from \"react\";\n\nexport const linkVariantValues = [\"default\", \"monochrome\"] as const;\n\nexport type DocumentationLinkProps = {\n  /**\n   * The content within the Link\n   */\n  children: ReactNode;\n  /**\n   * The Link destination\n   */\n  href: string;\n  /**\n   * An optional Icon component at the start of the Link\n   */\n  icon?: ReactElement;\n  /**\n   * The HTML `target` attribute for the Link\n   */\n  target?:\n    | \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | (string & NonNullable<unknown>);\n};\n\nconst DocumentationLink = ({\n  children,\n  href,\n  icon,\n  target,\n}: DocumentationLinkProps) => {\n  return (\n    <MuiLink href={href} target={target}>\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n\n      {children}\n    </MuiLink>\n  );\n};\n\nconst MemoizedDocumentationLink = memo(DocumentationLink);\n\nMemoizedDocumentationLink.displayName = \"DocumentationLink\";\n\nexport { MemoizedDocumentationLink as DocumentationLink };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAAsD,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAbtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AA0BnE,MAAME,iBAAiB,GAAGA,CAAC;EACzBC,QAAQ;EACRC,IAAI;EACJC,IAAI;EACJC;AACsB,CAAC,KAAK;EAC5B,OACE,IAAAX,WAAA,CAAAY,IAAA,EAAAC,MAAA,CAAAT,OAAA;IAASK,IAAI,EAAEA,IAAK;IAACE,MAAM,EAAEA,MAAO;IAAAH,QAAA,GACjCE,IAAI,IAAI,IAAAV,WAAA,CAAAc,GAAA;MAAMC,SAAS,EAAC,WAAW;MAAAP,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ;EAAA,CACF,CAAC;AAEd,CAAC;AAED,MAAMQ,yBAAyB,GAAAV,OAAA,CAAAC,iBAAA,GAAG,IAAAU,WAAI,EAACV,iBAAiB,CAAC;AAEzDS,yBAAyB,CAACE,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{"version":3,"file":"DocumentationLink.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","linkVariantValues","exports","DocumentationLink","children","href","icon","target","jsxs","_Link2","jsx","className","MemoizedDocumentationLink","memo","displayName"],"sources":["../../../../src/labs/PageTemplate/DocumentationLink.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 { Link as MuiLink } from \"@mui/material\";\nimport { memo, ReactElement, ReactNode } from \"react\";\n\nexport const linkVariantValues = [\"default\", \"monochrome\"] as const;\n\nexport type DocumentationLinkProps = {\n  /**\n   * The content within the Link\n   */\n  children: ReactNode;\n  /**\n   * The Link destination\n   */\n  href: string;\n  /**\n   * An optional Icon component at the start of the Link\n   */\n  icon?: ReactElement;\n  /**\n   * The HTML `target` attribute for the Link\n   */\n  target?:\n    | \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | (string & NonNullable<unknown>);\n};\n\nconst DocumentationLink = ({\n  children,\n  href,\n  icon,\n  target,\n}: DocumentationLinkProps) => {\n  return (\n    <MuiLink href={href} target={target}>\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n\n      {children}\n    </MuiLink>\n  );\n};\n\nconst MemoizedDocumentationLink = memo(DocumentationLink);\n\nMemoizedDocumentationLink.displayName = \"DocumentationLink\";\n\nexport { MemoizedDocumentationLink as DocumentationLink };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAAsD,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAbtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AA0BnE,MAAME,iBAAiB,GAAGA,CAAC;EACzBC,QAAQ;EACRC,IAAI;EACJC,IAAI;EACJC;AACsB,CAAC,KAAK;EAC5B,OACE,IAAAX,WAAA,CAAAY,IAAA,EAAAC,MAAA,CAAAT,OAAA;IAASK,IAAI,EAAEA,IAAK;IAACE,MAAM,EAAEA,MAAO;IAAAH,QAAA,GACjCE,IAAI,IAAI,IAAAV,WAAA,CAAAc,GAAA;MAAMC,SAAS,EAAC,WAAW;MAAAP,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ;EAAA,CACF,CAAC;AAEd,CAAC;AAED,MAAMQ,yBAAyB,GAAAV,OAAA,CAAAC,iBAAA,GAAG,IAAAU,WAAI,EAACV,iBAAiB,CAAC;AAEzDS,yBAAyB,CAACE,WAAW,mDAAsB","ignoreList":[]}

package/dist/cjs/labs/PageTemplate/Layout.cjs

@@ -51,5 +51,5 @@ const Layout = ({
   });
 };
 const MemoizedLayout = exports.Layout = (0, _react.memo)(Layout);
-MemoizedLayout.displayName = "Layout";
+MemoizedLayout.displayName = "Layout::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Layout.cjs.map

package/dist/cjs/labs/PageTemplate/Layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","LayoutContent","styled","shouldForwardProp","prop","includes","odysseyDesignTokens","regions","display","gridTemplateColumns","gridGap","Spacing4","gap","marginBlockStart","Layout","children","useOdysseyDesignTokens","mappedRegions","map","region","join","jsx","Box","Children","toArray","child","MemoizedLayout","exports","memo","displayName"],"sources":["../../../../src/labs/PageTemplate/Layout.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 { Children, memo, ReactNode } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\ntype SupportedRegionRatios =\n  | [1]\n  | [1, 1]\n  | [1, 2]\n  | [2, 1]\n  | [1, 3]\n  | [3, 1]\n  | [1, 1, 1]\n  | [1, 1, 1, 1];\n\nexport type LayoutProps = {\n  /**\n   * The content of the Grid. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * The supported region ratios for the Grid. Each number is a fractional unit that is mapped to the 'fr' CSS unit.\n   * e.g. [2, 1] defines a 2/3, 1/3 layout and [1, 1, 1] defines a 1/3, 1/3, 1/3 layout\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout#the_fr_unit\n   */\n  regions: SupportedRegionRatios;\n};\n\ninterface LayoutContentProps {\n  odysseyDesignTokens: DesignTokens;\n  regions: string;\n}\n\nconst LayoutContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    ![\"odysseyDesignTokens\", \"regions\"].includes(prop),\n})<LayoutContentProps>(({ odysseyDesignTokens, regions }) => ({\n  display: \"grid\",\n  gridTemplateColumns: regions,\n  gridGap: odysseyDesignTokens.Spacing4,\n  gap: odysseyDesignTokens.Spacing4,\n\n  \"& + &\": {\n    marginBlockStart: odysseyDesignTokens.Spacing4,\n  },\n}));\n\nconst Layout = ({ regions, children }: LayoutProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const mappedRegions = regions\n    .map((region) => `minmax(0, ${region}fr)`)\n    .join(\" \");\n\n  return (\n    <Box>\n      <LayoutContent\n        odysseyDesignTokens={odysseyDesignTokens}\n        regions={mappedRegions}\n      >\n        {Children.toArray(children).map((child) => child)}\n      </LayoutContent>\n    </Box>\n  );\n};\n\nconst MemoizedLayout = memo(Layout);\nMemoizedLayout.displayName = \"Layout\";\n\nexport { MemoizedLayout as Layout };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AAG6C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnB7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA,MAAMG,aAAa,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EAClCC,iBAAiB,EAAGC,IAAI,IACtB,CAAC,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAACC,QAAQ,CAACD,IAAI;AACrD,CAAC,CAAC,CAAqB,CAAC;EAAEE,mBAAmB;EAAEC;AAAQ,CAAC,MAAM;EAC5DC,OAAO,EAAE,MAAM;EACfC,mBAAmB,EAAEF,OAAO;EAC5BG,OAAO,EAAEJ,mBAAmB,CAACK,QAAQ;EACrCC,GAAG,EAAEN,mBAAmB,CAACK,QAAQ;EAEjC,OAAO,EAAE;IACPE,gBAAgB,EAAEP,mBAAmB,CAACK;EACxC;AACF,CAAC,CAAC,CAAC;AAEH,MAAMG,MAAM,GAAGA,CAAC;EAAEP,OAAO;EAAEQ;AAAsB,CAAC,KAAK;EACrD,MAAMT,mBAAmB,GAAG,IAAAU,kDAAsB,EAAC,CAAC;EACpD,MAAMC,aAAa,GAAGV,OAAO,CAC1BW,GAAG,CAAEC,MAAM,IAAK,aAAaA,MAAM,KAAK,CAAC,CACzCC,IAAI,CAAC,GAAG,CAAC;EAEZ,OACE,IAAAvB,WAAA,CAAAwB,GAAA,EAAC1B,IAAA,CAAA2B,GAAG;IAAAP,QAAA,EACF,IAAAlB,WAAA,CAAAwB,GAAA,EAACpB,aAAa;MACZK,mBAAmB,EAAEA,mBAAoB;MACzCC,OAAO,EAAEU,aAAc;MAAAF,QAAA,EAEtBQ,eAAQ,CAACC,OAAO,CAACT,QAAQ,CAAC,CAACG,GAAG,CAAEO,KAAK,IAAKA,KAAK;IAAC,CACpC;EAAC,CACb,CAAC;AAEV,CAAC;AAED,MAAMC,cAAc,GAAAC,OAAA,CAAAb,MAAA,GAAG,IAAAc,WAAI,EAACd,MAAM,CAAC;AACnCY,cAAc,CAACG,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Layout.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","LayoutContent","styled","shouldForwardProp","prop","includes","odysseyDesignTokens","regions","display","gridTemplateColumns","gridGap","Spacing4","gap","marginBlockStart","Layout","children","useOdysseyDesignTokens","mappedRegions","map","region","join","jsx","Box","Children","toArray","child","MemoizedLayout","exports","memo","displayName"],"sources":["../../../../src/labs/PageTemplate/Layout.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 { Children, memo, ReactNode } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\ntype SupportedRegionRatios =\n  | [1]\n  | [1, 1]\n  | [1, 2]\n  | [2, 1]\n  | [1, 3]\n  | [3, 1]\n  | [1, 1, 1]\n  | [1, 1, 1, 1];\n\nexport type LayoutProps = {\n  /**\n   * The content of the Grid. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * The supported region ratios for the Grid. Each number is a fractional unit that is mapped to the 'fr' CSS unit.\n   * e.g. [2, 1] defines a 2/3, 1/3 layout and [1, 1, 1] defines a 1/3, 1/3, 1/3 layout\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout#the_fr_unit\n   */\n  regions: SupportedRegionRatios;\n};\n\ninterface LayoutContentProps {\n  odysseyDesignTokens: DesignTokens;\n  regions: string;\n}\n\nconst LayoutContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    ![\"odysseyDesignTokens\", \"regions\"].includes(prop),\n})<LayoutContentProps>(({ odysseyDesignTokens, regions }) => ({\n  display: \"grid\",\n  gridTemplateColumns: regions,\n  gridGap: odysseyDesignTokens.Spacing4,\n  gap: odysseyDesignTokens.Spacing4,\n\n  \"& + &\": {\n    marginBlockStart: odysseyDesignTokens.Spacing4,\n  },\n}));\n\nconst Layout = ({ regions, children }: LayoutProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const mappedRegions = regions\n    .map((region) => `minmax(0, ${region}fr)`)\n    .join(\" \");\n\n  return (\n    <Box>\n      <LayoutContent\n        odysseyDesignTokens={odysseyDesignTokens}\n        regions={mappedRegions}\n      >\n        {Children.toArray(children).map((child) => child)}\n      </LayoutContent>\n    </Box>\n  );\n};\n\nconst MemoizedLayout = memo(Layout);\nMemoizedLayout.displayName = \"Layout\";\n\nexport { MemoizedLayout as Layout };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AAG6C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnB7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA,MAAMG,aAAa,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EAClCC,iBAAiB,EAAGC,IAAI,IACtB,CAAC,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAACC,QAAQ,CAACD,IAAI;AACrD,CAAC,CAAC,CAAqB,CAAC;EAAEE,mBAAmB;EAAEC;AAAQ,CAAC,MAAM;EAC5DC,OAAO,EAAE,MAAM;EACfC,mBAAmB,EAAEF,OAAO;EAC5BG,OAAO,EAAEJ,mBAAmB,CAACK,QAAQ;EACrCC,GAAG,EAAEN,mBAAmB,CAACK,QAAQ;EAEjC,OAAO,EAAE;IACPE,gBAAgB,EAAEP,mBAAmB,CAACK;EACxC;AACF,CAAC,CAAC,CAAC;AAEH,MAAMG,MAAM,GAAGA,CAAC;EAAEP,OAAO;EAAEQ;AAAsB,CAAC,KAAK;EACrD,MAAMT,mBAAmB,GAAG,IAAAU,kDAAsB,EAAC,CAAC;EACpD,MAAMC,aAAa,GAAGV,OAAO,CAC1BW,GAAG,CAAEC,MAAM,IAAK,aAAaA,MAAM,KAAK,CAAC,CACzCC,IAAI,CAAC,GAAG,CAAC;EAEZ,OACE,IAAAvB,WAAA,CAAAwB,GAAA,EAAC1B,IAAA,CAAA2B,GAAG;IAAAP,QAAA,EACF,IAAAlB,WAAA,CAAAwB,GAAA,EAACpB,aAAa;MACZK,mBAAmB,EAAEA,mBAAoB;MACzCC,OAAO,EAAEU,aAAc;MAAAF,QAAA,EAEtBQ,eAAQ,CAACC,OAAO,CAACT,QAAQ,CAAC,CAACG,GAAG,CAAEO,KAAK,IAAKA,KAAK;IAAC,CACpC;EAAC,CACb,CAAC;AAEV,CAAC;AAED,MAAMC,cAAc,GAAAC,OAAA,CAAAb,MAAA,GAAG,IAAAc,WAAI,EAACd,MAAM,CAAC;AACnCY,cAAc,CAACG,WAAW,wCAAW","ignoreList":[]}

package/dist/cjs/labs/PageTemplate/PageTemplate.cjs

@@ -170,5 +170,5 @@ const PageTemplate = ({
   });
 };
 const MemoizedPageTemplate = exports.PageTemplate = (0, _react.memo)(PageTemplate);
-MemoizedPageTemplate.displayName = "PageTemplate";
+MemoizedPageTemplate.displayName = "PageTemplate::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=PageTemplate.cjs.map

package/dist/cjs/labs/PageTemplate/PageTemplate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PageTemplate.cjs","names":["_styled","_interopRequireDefault","require","_react","_index","_OdysseyDesignTokensContext","_Typography","_useHasUiShell","_useMountLifecycleEffect","_DocumentationLink","_jsxRuntime","e","__esModule","default","TemplateContainer","styled","shouldForwardProp","prop","hasUiShell","isFullWidth","odysseyDesignTokens","maxWidth","Spacing6","marginInline","padding","TemplateHeader","display","alignItems","justifyContent","gap","Spacing4","TemplateHeaderPrimaryContent","TypographyLineLengthMax","marginBlockEnd","TemplateHeaderSecondaryContent","flexDirection","minHeight","Spacing7","whiteSpace","TemplateHeaderButtons","Spacing2","TemplateContent","includes","drawerVariant","isDrawerOpen","isFirstRender","gridTemplateColumns","gridGap","marginBlock","animation","undefined","PageTemplate","children","description","documentationLink","documentationText","drawer","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","title","useOdysseyDesignTokens","isOpen","variant","props","useHasUiShell","firstRenderRef","useRef","current","onMount","useCallback","useMountLifecycleEffect","jsxs","jsx","Heading4","Paragraph","DocumentationLink","href","icon","DocumentationIcon","target","MemoizedPageTemplate","exports","memo","displayName"],"sources":["../../../../src/labs/PageTemplate/PageTemplate.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 { memo, ReactElement, ReactNode, useCallback, useRef } from \"react\";\n\nimport { DrawerProps } from \"../../Drawer.js\";\nimport { DocumentationIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Heading4, Paragraph } from \"../../Typography.js\";\nimport { useHasUiShell } from \"../../ui-shell/useHasUiShell.js\";\nimport { useMountLifecycleEffect } from \"../../useMountLifecycleEffect.js\";\nimport { DocumentationLink } from \"./DocumentationLink.js\";\n\nexport type PageTemplateProps = {\n  /**\n   * The content of the layout. May be a `string` or any other `ReactNode` or array of `ReactNode`s. Will often be `Grid` objects.\n   */\n  children?: ReactNode;\n  /**\n   * A supplementary description to be situated in the layout header\n   */\n  description?: string;\n  /**\n   * The destination for a documentation `Link` to be situated in the layout header\n   */\n  documentationLink?: string;\n  /**\n   * The text for a documentation `Link` to be situated in the layout header\n   */\n  documentationText?: string;\n  /**\n   * An optional `Drawer` object. Can be of variant 'temporary' or 'persistent'.\n   */\n  drawer?: ReactElement<DrawerProps>;\n  /**\n   * When set to `true`, the layout expands past its max width of 1440px and spans the entire available screen width.\n   */\n  isFullWidth?: boolean;\n  /**\n   * An optional `Button` object to be situated in the layout header. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement;\n  /**\n   * An optional `Button` object to be situated in the layout header, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement;\n  /**\n   * An optional `Button` object to be situated in the layout header, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement;\n  /**\n   * The title of the layout to be situated in the layout header\n   */\n  title?: string;\n};\n\ntype TemplateContentProps = {\n  drawerVariant?: string;\n  isDrawerOpen?: boolean;\n  isFirstRender: boolean;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst TemplateContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"hasUiShell\" &&\n    prop !== \"isFullWidth\",\n})<{\n  hasUiShell: boolean;\n  isFullWidth: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ hasUiShell, isFullWidth, odysseyDesignTokens }) => ({\n  maxWidth: isFullWidth\n    ? \"100%\"\n    : `calc(1440px + ${odysseyDesignTokens.Spacing6} + ${odysseyDesignTokens.Spacing6})`,\n  marginInline:\n    isFullWidth && !hasUiShell ? odysseyDesignTokens.Spacing6 : \"auto\",\n  padding: hasUiShell ? 0 : odysseyDesignTokens.Spacing6,\n}));\n\nconst TemplateHeader = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  justifyContent: \"space-between\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst TemplateHeaderPrimaryContent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n  [\".MuiTypography-root:last-child\"]: {\n    marginBlockEnd: \"0\",\n  },\n}));\n\nconst TemplateHeaderSecondaryContent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  alignItems: \"flex-end\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n  minHeight: odysseyDesignTokens.Spacing7,\n  justifyContent: \"center\",\n  whiteSpace: \"nowrap\",\n}));\n\nconst TemplateHeaderButtons = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst TemplateContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    ![\n      \"drawerVariant\",\n      \"isDrawerOpen\",\n      \"isFirstRender\",\n      \"odysseyDesignTokens\",\n    ].includes(prop),\n})<TemplateContentProps>(\n  ({ drawerVariant, isDrawerOpen, isFirstRender, odysseyDesignTokens }) => ({\n    \"@keyframes animate-drawer-open\": {\n      \"0%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 0\",\n      },\n      \"100%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 360px\",\n      },\n    },\n    \"@keyframes animate-drawer-close\": {\n      \"0%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 360px\",\n      },\n      \"100%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 0\",\n      },\n    },\n    display: \"grid\",\n    gridGap:\n      drawerVariant === \"persistent\" && !isDrawerOpen\n        ? 0\n        : odysseyDesignTokens.Spacing4,\n    gap:\n      drawerVariant === \"persistent\" && !isDrawerOpen\n        ? 0\n        : odysseyDesignTokens.Spacing4,\n    marginBlock: odysseyDesignTokens.Spacing4,\n    gridTemplateColumns:\n      drawerVariant === \"persistent\"\n        ? isDrawerOpen\n          ? \"minmax(0, 1fr) 360px\"\n          : \"minmax(0, 1fr) 0\"\n        : \"minmax(0, 1fr)\",\n    animation:\n      drawerVariant === \"persistent\" && (!isFirstRender || isDrawerOpen)\n        ? `animate-drawer-${isDrawerOpen ? \"open\" : \"close\"} 225ms cubic-bezier(0, 0, 0.2, 1)`\n        : undefined,\n  }),\n);\n\nconst PageTemplate = ({\n  children,\n  description,\n  documentationLink,\n  documentationText,\n  drawer,\n  isFullWidth = false,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  title,\n}: PageTemplateProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { isOpen: isDrawerOpen, variant: drawerVariant } = drawer?.props ?? {};\n\n  const hasUiShell = useHasUiShell();\n\n  const firstRenderRef = useRef(true);\n\n  const isFirstRender = firstRenderRef.current;\n\n  const onMount = useCallback(() => {\n    firstRenderRef.current = false;\n  }, []);\n\n  useMountLifecycleEffect({\n    onMount,\n  });\n\n  return (\n    <TemplateContainer\n      hasUiShell={hasUiShell}\n      isFullWidth={isFullWidth}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <TemplateHeader odysseyDesignTokens={odysseyDesignTokens}>\n        <TemplateHeaderPrimaryContent odysseyDesignTokens={odysseyDesignTokens}>\n          {title && <Heading4>{title}</Heading4>}\n          {description && <Paragraph>{description}</Paragraph>}\n        </TemplateHeaderPrimaryContent>\n        <TemplateHeaderSecondaryContent\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          {documentationLink && (\n            <DocumentationLink\n              href={documentationLink}\n              icon={<DocumentationIcon />}\n              target=\"_blank\"\n            >\n              {documentationText}\n            </DocumentationLink>\n          )}\n          {(primaryCallToActionComponent ||\n            secondaryCallToActionComponent ||\n            tertiaryCallToActionComponent) && (\n            <TemplateHeaderButtons odysseyDesignTokens={odysseyDesignTokens}>\n              {tertiaryCallToActionComponent}\n              {secondaryCallToActionComponent}\n              {primaryCallToActionComponent}\n            </TemplateHeaderButtons>\n          )}\n        </TemplateHeaderSecondaryContent>\n      </TemplateHeader>\n      <TemplateContent\n        drawerVariant={drawerVariant}\n        isDrawerOpen={isDrawerOpen}\n        isFirstRender={isFirstRender}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {children}\n        {drawer}\n      </TemplateContent>\n    </TemplateContainer>\n  );\n};\n\nconst MemoizedPageTemplate = memo(PageTemplate);\nMemoizedPageTemplate.displayName = \"PageTemplate\";\n\nexport { MemoizedPageTemplate as PageTemplate };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PageTemplate.cjs","names":["_styled","_interopRequireDefault","require","_react","_index","_OdysseyDesignTokensContext","_Typography","_useHasUiShell","_useMountLifecycleEffect","_DocumentationLink","_jsxRuntime","e","__esModule","default","TemplateContainer","styled","shouldForwardProp","prop","hasUiShell","isFullWidth","odysseyDesignTokens","maxWidth","Spacing6","marginInline","padding","TemplateHeader","display","alignItems","justifyContent","gap","Spacing4","TemplateHeaderPrimaryContent","TypographyLineLengthMax","marginBlockEnd","TemplateHeaderSecondaryContent","flexDirection","minHeight","Spacing7","whiteSpace","TemplateHeaderButtons","Spacing2","TemplateContent","includes","drawerVariant","isDrawerOpen","isFirstRender","gridTemplateColumns","gridGap","marginBlock","animation","undefined","PageTemplate","children","description","documentationLink","documentationText","drawer","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","title","useOdysseyDesignTokens","isOpen","variant","props","useHasUiShell","firstRenderRef","useRef","current","onMount","useCallback","useMountLifecycleEffect","jsxs","jsx","Heading4","Paragraph","DocumentationLink","href","icon","DocumentationIcon","target","MemoizedPageTemplate","exports","memo","displayName"],"sources":["../../../../src/labs/PageTemplate/PageTemplate.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 { memo, ReactElement, ReactNode, useCallback, useRef } from \"react\";\n\nimport { DrawerProps } from \"../../Drawer.js\";\nimport { DocumentationIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Heading4, Paragraph } from \"../../Typography.js\";\nimport { useHasUiShell } from \"../../ui-shell/useHasUiShell.js\";\nimport { useMountLifecycleEffect } from \"../../useMountLifecycleEffect.js\";\nimport { DocumentationLink } from \"./DocumentationLink.js\";\n\nexport type PageTemplateProps = {\n  /**\n   * The content of the layout. May be a `string` or any other `ReactNode` or array of `ReactNode`s. Will often be `Grid` objects.\n   */\n  children?: ReactNode;\n  /**\n   * A supplementary description to be situated in the layout header\n   */\n  description?: string;\n  /**\n   * The destination for a documentation `Link` to be situated in the layout header\n   */\n  documentationLink?: string;\n  /**\n   * The text for a documentation `Link` to be situated in the layout header\n   */\n  documentationText?: string;\n  /**\n   * An optional `Drawer` object. Can be of variant 'temporary' or 'persistent'.\n   */\n  drawer?: ReactElement<DrawerProps>;\n  /**\n   * When set to `true`, the layout expands past its max width of 1440px and spans the entire available screen width.\n   */\n  isFullWidth?: boolean;\n  /**\n   * An optional `Button` object to be situated in the layout header. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement;\n  /**\n   * An optional `Button` object to be situated in the layout header, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement;\n  /**\n   * An optional `Button` object to be situated in the layout header, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement;\n  /**\n   * The title of the layout to be situated in the layout header\n   */\n  title?: string;\n};\n\ntype TemplateContentProps = {\n  drawerVariant?: string;\n  isDrawerOpen?: boolean;\n  isFirstRender: boolean;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst TemplateContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"hasUiShell\" &&\n    prop !== \"isFullWidth\",\n})<{\n  hasUiShell: boolean;\n  isFullWidth: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ hasUiShell, isFullWidth, odysseyDesignTokens }) => ({\n  maxWidth: isFullWidth\n    ? \"100%\"\n    : `calc(1440px + ${odysseyDesignTokens.Spacing6} + ${odysseyDesignTokens.Spacing6})`,\n  marginInline:\n    isFullWidth && !hasUiShell ? odysseyDesignTokens.Spacing6 : \"auto\",\n  padding: hasUiShell ? 0 : odysseyDesignTokens.Spacing6,\n}));\n\nconst TemplateHeader = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  justifyContent: \"space-between\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst TemplateHeaderPrimaryContent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n  [\".MuiTypography-root:last-child\"]: {\n    marginBlockEnd: \"0\",\n  },\n}));\n\nconst TemplateHeaderSecondaryContent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  alignItems: \"flex-end\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n  minHeight: odysseyDesignTokens.Spacing7,\n  justifyContent: \"center\",\n  whiteSpace: \"nowrap\",\n}));\n\nconst TemplateHeaderButtons = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst TemplateContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    ![\n      \"drawerVariant\",\n      \"isDrawerOpen\",\n      \"isFirstRender\",\n      \"odysseyDesignTokens\",\n    ].includes(prop),\n})<TemplateContentProps>(\n  ({ drawerVariant, isDrawerOpen, isFirstRender, odysseyDesignTokens }) => ({\n    \"@keyframes animate-drawer-open\": {\n      \"0%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 0\",\n      },\n      \"100%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 360px\",\n      },\n    },\n    \"@keyframes animate-drawer-close\": {\n      \"0%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 360px\",\n      },\n      \"100%\": {\n        gridTemplateColumns: \"minmax(0, 1fr) 0\",\n      },\n    },\n    display: \"grid\",\n    gridGap:\n      drawerVariant === \"persistent\" && !isDrawerOpen\n        ? 0\n        : odysseyDesignTokens.Spacing4,\n    gap:\n      drawerVariant === \"persistent\" && !isDrawerOpen\n        ? 0\n        : odysseyDesignTokens.Spacing4,\n    marginBlock: odysseyDesignTokens.Spacing4,\n    gridTemplateColumns:\n      drawerVariant === \"persistent\"\n        ? isDrawerOpen\n          ? \"minmax(0, 1fr) 360px\"\n          : \"minmax(0, 1fr) 0\"\n        : \"minmax(0, 1fr)\",\n    animation:\n      drawerVariant === \"persistent\" && (!isFirstRender || isDrawerOpen)\n        ? `animate-drawer-${isDrawerOpen ? \"open\" : \"close\"} 225ms cubic-bezier(0, 0, 0.2, 1)`\n        : undefined,\n  }),\n);\n\nconst PageTemplate = ({\n  children,\n  description,\n  documentationLink,\n  documentationText,\n  drawer,\n  isFullWidth = false,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  title,\n}: PageTemplateProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { isOpen: isDrawerOpen, variant: drawerVariant } = drawer?.props ?? {};\n\n  const hasUiShell = useHasUiShell();\n\n  const firstRenderRef = useRef(true);\n\n  const isFirstRender = firstRenderRef.current;\n\n  const onMount = useCallback(() => {\n    firstRenderRef.current = false;\n  }, []);\n\n  useMountLifecycleEffect({\n    onMount,\n  });\n\n  return (\n    <TemplateContainer\n      hasUiShell={hasUiShell}\n      isFullWidth={isFullWidth}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <TemplateHeader odysseyDesignTokens={odysseyDesignTokens}>\n        <TemplateHeaderPrimaryContent odysseyDesignTokens={odysseyDesignTokens}>\n          {title && <Heading4>{title}</Heading4>}\n          {description && <Paragraph>{description}</Paragraph>}\n        </TemplateHeaderPrimaryContent>\n        <TemplateHeaderSecondaryContent\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          {documentationLink && (\n            <DocumentationLink\n              href={documentationLink}\n              icon={<DocumentationIcon />}\n              target=\"_blank\"\n            >\n              {documentationText}\n            </DocumentationLink>\n          )}\n          {(primaryCallToActionComponent ||\n            secondaryCallToActionComponent ||\n            tertiaryCallToActionComponent) && (\n            <TemplateHeaderButtons odysseyDesignTokens={odysseyDesignTokens}>\n              {tertiaryCallToActionComponent}\n              {secondaryCallToActionComponent}\n              {primaryCallToActionComponent}\n            </TemplateHeaderButtons>\n          )}\n        </TemplateHeaderSecondaryContent>\n      </TemplateHeader>\n      <TemplateContent\n        drawerVariant={drawerVariant}\n        isDrawerOpen={isDrawerOpen}\n        isFirstRender={isFirstRender}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {children}\n        {drawer}\n      </TemplateContent>\n    </TemplateContainer>\n  );\n};\n\nconst MemoizedPageTemplate = memo(PageTemplate);\nMemoizedPageTemplate.displayName = \"PageTemplate\";\n\nexport { MemoizedPageTemplate as PageTemplate };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/PaginatedTable.cjs

@@ -172,5 +172,5 @@ const PaginatedTable = ({
   });
 };
 const MemoizedPaginatedTable = exports.PaginatedTable = (0, _react.memo)(PaginatedTable);
-MemoizedPaginatedTable.displayName = "PaginatedTable";
+MemoizedPaginatedTable.displayName = "PaginatedTable::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=PaginatedTable.cjs.map

package/dist/cjs/labs/PaginatedTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginatedTable.cjs","names":["_materialReactTable","require","_react","_i18n","_Typography","_jsxRuntime","PaginatedTable","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","useCallback","jsx","Typography","children","Trans","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","table","Fragment","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","useMemo","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","useMaterialReactTable","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","muiPaginationProps","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedPaginatedTable","exports","memo","displayName"],"sources":["../../../src/labs/PaginatedTable.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 { AlertProps, CheckboxProps } from \"@mui/material\";\nimport {\n  MaterialReactTable,\n  type MRT_ColumnFiltersState,\n  MRT_PaginationState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes.js\";\n\nimport { Trans, useTranslation } from \"../i18n.generated/i18n.js\";\nimport { Typography } from \"../Typography.js\";\n\nexport type PaginatedTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  fetchMoreData?: () => void;\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  hasRowSelection?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  isFetching?: boolean;\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  onPaginationChange?: MaterialReactTableProps<TData>[\"onPaginationChange\"];\n  onRowSelectionChange?: MaterialReactTableProps<TData>[\"onRowSelectionChange\"];\n  rowsPerPage?: number;\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<{ table: MRT_TableInstance<TData> }>;\n};\n\nconst PaginatedTable = <TData extends DefaultMaterialReactTableData>({\n  columns = [],\n  data = [],\n  fetchMoreData,\n  getRowId,\n  hasError,\n  hasRowSelection,\n  initialState,\n  isFetching,\n  onGlobalFilterChange,\n  onPaginationChange,\n  onRowSelectionChange: onRowSelectionChangeProp,\n  rowsPerPage = 10,\n  state,\n  ToolbarButtons,\n}: PaginatedTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    [],\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const totalFetchedRows = data.length ?? 0;\n\n  const renderBottomToolbarCustomActions = useCallback(\n    () =>\n      fetchMoreData ? (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.fetchedrows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ) : (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.rows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ),\n    [fetchMoreData, totalFetchedRows],\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }: { table: MRT_TableInstance<TData> }) => (\n      <>{ToolbarButtons && <ToolbarButtons table={table} />}</>\n    ),\n    [ToolbarButtons],\n  );\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onRowSelectionChangeProp?.(rowSelection);\n  }, [onRowSelectionChangeProp, rowSelection]);\n\n  const [pagination, setPagination] = useState<MRT_PaginationState>(\n    initialState?.pagination || {\n      pageIndex: 0,\n      pageSize: rowsPerPage,\n    },\n  );\n\n  const dataLengthRef = useRef(data.length);\n\n  const updatePagination = useCallback<\n    Required<MaterialReactTableProps<TData>>[\"onPaginationChange\"]\n  >(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          // @ts-expect-error This broke in the upgrade, but this component is legacy and replaced by `DataView`.\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n          const nextPagination = paginationFunction(previousPagination);\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n          return nextPagination;\n        });\n      } else {\n        dataLengthRef.current = data.length;\n      }\n    },\n    [data.length],\n  );\n\n  useEffect(() => {\n    const numberOfPages = Math.floor(data.length / pagination.pageSize);\n\n    if (!isFetching && pagination.pageIndex > numberOfPages - 1) {\n      fetchMoreData?.();\n    }\n  }, [\n    data.length,\n    fetchMoreData,\n    isFetching,\n    pagination.pageIndex,\n    pagination.pageSize,\n  ]);\n\n  useEffect(() => {\n    onPaginationChange?.({\n      pageIndex: pagination.pageIndex,\n      pageSize: pagination.pageSize,\n    });\n  }, [onPaginationChange, pagination.pageIndex, pagination.pageSize]);\n\n  const modifiedInitialState = useMemo(\n    () => ({\n      pagination,\n      ...initialState,\n    }),\n    [initialState, pagination],\n  );\n\n  const modifiedState = useMemo(\n    () => ({\n      pagination: {\n        pageIndex: pagination.pageIndex,\n        pageSize: pagination.pageSize,\n      },\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      state,\n    ],\n  );\n\n  const muiToolbarAlertBannerProps: AlertProps = useMemo(\n    () =>\n      hasError\n        ? {\n            children: t(\"table.error\"),\n            severity: \"error\",\n          }\n        : {},\n    [hasError, t],\n  );\n\n  const muiTablePaginationProps = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    [],\n  );\n\n  const muiCheckboxStyles = useCallback<\n    // @ts-expect-error This breaks after the upgrade, but it doesn't matter as this is a legacy function and internal type.\n    NonNullable<Required<CheckboxProps>[\"sx\"]>\n  >(\n    (theme) =>\n      typeof theme.components?.MuiCheckbox?.styleOverrides?.root === \"function\"\n        ? theme.components?.MuiCheckbox?.styleOverrides?.root?.({\n            ownerState: {},\n            theme,\n          })\n        : \"\",\n    [],\n  );\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableMultiRowSelection: hasRowSelection,\n    enablePagination: true,\n    enableRowSelection: hasRowSelection,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: modifiedInitialState,\n    muiSelectAllCheckboxProps: { sx: muiCheckboxStyles },\n    muiSelectCheckboxProps: { sx: muiCheckboxStyles },\n    muiPaginationProps: muiTablePaginationProps,\n    muiToolbarAlertBannerProps: muiToolbarAlertBannerProps,\n    onColumnFiltersChange: setColumnFilters,\n    onGlobalFilterChange: setGlobalFilter,\n    onPaginationChange: updatePagination,\n    onRowSelectionChange: setRowSelection,\n    renderBottomToolbarCustomActions: renderBottomToolbarCustomActions,\n    renderTopToolbarCustomActions: renderTopToolbarCustomActions,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\n};\n\nconst MemoizedPaginatedTable = memo(PaginatedTable) as typeof PaginatedTable;\n\n// @ts-expect-error | This is going to error because the component isn't and can't be defined as a `FunctionComponent`, and therefore, doesn't have a `displayName` prop.\nMemoizedPaginatedTable.displayName = \"PaginatedTable\";\n\nexport { MemoizedPaginatedTable as PaginatedTable };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PaginatedTable.cjs","names":["_materialReactTable","require","_react","_i18n","_Typography","_jsxRuntime","PaginatedTable","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","useCallback","jsx","Typography","children","Trans","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","table","Fragment","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","useMemo","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","useMaterialReactTable","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","muiPaginationProps","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedPaginatedTable","exports","memo","displayName"],"sources":["../../../src/labs/PaginatedTable.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 { AlertProps, CheckboxProps } from \"@mui/material\";\nimport {\n  MaterialReactTable,\n  type MRT_ColumnFiltersState,\n  MRT_PaginationState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes.js\";\n\nimport { Trans, useTranslation } from \"../i18n.generated/i18n.js\";\nimport { Typography } from \"../Typography.js\";\n\nexport type PaginatedTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  fetchMoreData?: () => void;\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  hasRowSelection?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  isFetching?: boolean;\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  onPaginationChange?: MaterialReactTableProps<TData>[\"onPaginationChange\"];\n  onRowSelectionChange?: MaterialReactTableProps<TData>[\"onRowSelectionChange\"];\n  rowsPerPage?: number;\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<{ table: MRT_TableInstance<TData> }>;\n};\n\nconst PaginatedTable = <TData extends DefaultMaterialReactTableData>({\n  columns = [],\n  data = [],\n  fetchMoreData,\n  getRowId,\n  hasError,\n  hasRowSelection,\n  initialState,\n  isFetching,\n  onGlobalFilterChange,\n  onPaginationChange,\n  onRowSelectionChange: onRowSelectionChangeProp,\n  rowsPerPage = 10,\n  state,\n  ToolbarButtons,\n}: PaginatedTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    [],\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const totalFetchedRows = data.length ?? 0;\n\n  const renderBottomToolbarCustomActions = useCallback(\n    () =>\n      fetchMoreData ? (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.fetchedrows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ) : (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.rows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ),\n    [fetchMoreData, totalFetchedRows],\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }: { table: MRT_TableInstance<TData> }) => (\n      <>{ToolbarButtons && <ToolbarButtons table={table} />}</>\n    ),\n    [ToolbarButtons],\n  );\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onRowSelectionChangeProp?.(rowSelection);\n  }, [onRowSelectionChangeProp, rowSelection]);\n\n  const [pagination, setPagination] = useState<MRT_PaginationState>(\n    initialState?.pagination || {\n      pageIndex: 0,\n      pageSize: rowsPerPage,\n    },\n  );\n\n  const dataLengthRef = useRef(data.length);\n\n  const updatePagination = useCallback<\n    Required<MaterialReactTableProps<TData>>[\"onPaginationChange\"]\n  >(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          // @ts-expect-error This broke in the upgrade, but this component is legacy and replaced by `DataView`.\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n          const nextPagination = paginationFunction(previousPagination);\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n          return nextPagination;\n        });\n      } else {\n        dataLengthRef.current = data.length;\n      }\n    },\n    [data.length],\n  );\n\n  useEffect(() => {\n    const numberOfPages = Math.floor(data.length / pagination.pageSize);\n\n    if (!isFetching && pagination.pageIndex > numberOfPages - 1) {\n      fetchMoreData?.();\n    }\n  }, [\n    data.length,\n    fetchMoreData,\n    isFetching,\n    pagination.pageIndex,\n    pagination.pageSize,\n  ]);\n\n  useEffect(() => {\n    onPaginationChange?.({\n      pageIndex: pagination.pageIndex,\n      pageSize: pagination.pageSize,\n    });\n  }, [onPaginationChange, pagination.pageIndex, pagination.pageSize]);\n\n  const modifiedInitialState = useMemo(\n    () => ({\n      pagination,\n      ...initialState,\n    }),\n    [initialState, pagination],\n  );\n\n  const modifiedState = useMemo(\n    () => ({\n      pagination: {\n        pageIndex: pagination.pageIndex,\n        pageSize: pagination.pageSize,\n      },\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      state,\n    ],\n  );\n\n  const muiToolbarAlertBannerProps: AlertProps = useMemo(\n    () =>\n      hasError\n        ? {\n            children: t(\"table.error\"),\n            severity: \"error\",\n          }\n        : {},\n    [hasError, t],\n  );\n\n  const muiTablePaginationProps = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    [],\n  );\n\n  const muiCheckboxStyles = useCallback<\n    // @ts-expect-error This breaks after the upgrade, but it doesn't matter as this is a legacy function and internal type.\n    NonNullable<Required<CheckboxProps>[\"sx\"]>\n  >(\n    (theme) =>\n      typeof theme.components?.MuiCheckbox?.styleOverrides?.root === \"function\"\n        ? theme.components?.MuiCheckbox?.styleOverrides?.root?.({\n            ownerState: {},\n            theme,\n          })\n        : \"\",\n    [],\n  );\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableMultiRowSelection: hasRowSelection,\n    enablePagination: true,\n    enableRowSelection: hasRowSelection,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: modifiedInitialState,\n    muiSelectAllCheckboxProps: { sx: muiCheckboxStyles },\n    muiSelectCheckboxProps: { sx: muiCheckboxStyles },\n    muiPaginationProps: muiTablePaginationProps,\n    muiToolbarAlertBannerProps: muiToolbarAlertBannerProps,\n    onColumnFiltersChange: setColumnFilters,\n    onGlobalFilterChange: setGlobalFilter,\n    onPaginationChange: updatePagination,\n    onRowSelectionChange: setRowSelection,\n    renderBottomToolbarCustomActions: renderBottomToolbarCustomActions,\n    renderTopToolbarCustomActions: renderTopToolbarCustomActions,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\n};\n\nconst MemoizedPaginatedTable = memo(PaginatedTable) as typeof PaginatedTable;\n\n// @ts-expect-error | This is going to error because the component isn't and can't be defined as a `FunctionComponent`, and therefore, doesn't have a `displayName` prop.\nMemoizedPaginatedTable.displayName = \"PaginatedTable\";\n\nexport { MemoizedPaginatedTable as PaginatedTable };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/StaticTable.cjs

@@ -87,5 +87,5 @@ const StaticTable = ({
   });
 };
 const MemoizedStaticTable = exports.StaticTable = (0, _react.memo)(StaticTable);
-MemoizedStaticTable.displayName = "StaticTable";
+MemoizedStaticTable.displayName = "StaticTable::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=StaticTable.cjs.map

package/dist/cjs/labs/StaticTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StaticTable.cjs","names":["_materialReactTable","require","_react","_i18n","_jsxRuntime","StaticTable","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","modifiedState","useMemo","renderTopToolbarCustomActions","useCallback","table","jsx","Fragment","children","current","scrollToIndex","error","console","useMaterialReactTable","enableBottomToolbar","enablePagination","enableRowVirtualization","enableSorting","muiToolbarAlertBannerProps","color","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedStaticTable","exports","memo","displayName"],"sources":["../../../src/labs/StaticTable.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  MaterialReactTable,\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes.js\";\n\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\n\nexport type StaticTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<{ table: MRT_TableInstance<TData> }>;\n};\n\nconst StaticTable = <TData extends DefaultMaterialReactTableData>({\n  columns = [],\n  data = [],\n  getRowId,\n  hasError,\n  initialState,\n  onGlobalFilterChange,\n  state,\n  ToolbarButtons,\n}: StaticTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    [],\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  const modifiedState = useMemo(\n    () => ({\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [globalFilter, columnFilters, state],\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons],\n  );\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableBottomToolbar: false,\n    enablePagination: false,\n    enableRowVirtualization: true,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: initialState,\n    muiToolbarAlertBannerProps: hasError\n      ? { children: t(\"table.error\"), color: \"error\" }\n      : undefined,\n    onColumnFiltersChange: setColumnFilters,\n    onGlobalFilterChange: setGlobalFilter,\n    renderTopToolbarCustomActions: renderTopToolbarCustomActions,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\n};\n\n// Need the `typeof StaticTable` because generics don't get passed through `memo`.\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\n// @ts-expect-error displayName is expected to not be on `typeof StaticTable`\nMemoizedStaticTable.displayName = \"StaticTable\";\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":";;;;;;AAYA,IAAAA,mBAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AAeA,IAAAE,KAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAlC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAqCA,MAAMI,WAAW,GAAGA,CAA8C;EAChEC,OAAO,GAAG,EAAE;EACZC,IAAI,GAAG,EAAE;EACTC,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAE9B,MAAMC,yBAAyB,GAC7B,IAAAC,aAAM,EAAuD,IAAI,CAAC;EAEpE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAChD,EACF,CAAC;EAED,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,eAAQ,EAAS,CAAC;EAE1D,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIF,YAAY,KAAKG,SAAS,EAAE;MAC9Bb,oBAAoB,GAAGU,YAAY,CAAC;IACtC;EACF,CAAC,EAAE,CAACA,YAAY,EAAEV,oBAAoB,CAAC,CAAC;EAExC,MAAMc,aAAa,GAAG,IAAAC,cAAO,EAC3B,OAAO;IACLL,YAAY;IACZH,aAAa;IACb,GAAGN;EACL,CAAC,CAAC,EACF,CAACS,YAAY,EAAEH,aAAa,EAAEN,KAAK,CACrC,CAAC;EAED,MAAMe,6BAA6B,GAAG,IAAAC,kBAAW,EAM/C,CAAC;IAAEC;EAAM,CAAC,KAAK,IAAAzB,WAAA,CAAA0B,GAAA,EAAA1B,WAAA,CAAA2B,QAAA;IAAAC,QAAA,EAAGnB,cAAc,IAAI,IAAAT,WAAA,CAAA0B,GAAA,EAACjB,cAAc;MAACgB,KAAK,EAAEA;IAAM,CAAE;EAAC,CAAG,CAAC,EACxE,CAAChB,cAAc,CACjB,CAAC;EAED,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAI;MAEFP,yBAAyB,CAACiB,OAAO,EAAEC,aAAa,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACjB,aAAa,EAAEG,YAAY,CAAC,CAAC;EAEjC,MAAMQ,KAAK,GAAG,IAAAQ,yCAAqB,EAAC;IAClC/B,OAAO,EAAEA,OAAO;IAChBC,IAAI,EAAEA,IAAI;IACV+B,mBAAmB,EAAE,KAAK;IAC1BC,gBAAgB,EAAE,KAAK;IACvBC,uBAAuB,EAAE,IAAI;IAC7BC,aAAa,EAAE,KAAK;IACpBjC,QAAQ,EAAEA,QAAQ;IAClBE,YAAY,EAAEA,YAAY;IAC1BgC,0BAA0B,EAAEjC,QAAQ,GAChC;MAAEuB,QAAQ,EAAElB,CAAC,CAAC,aAAa,CAAC;MAAE6B,KAAK,EAAE;IAAQ,CAAC,GAC9CnB,SAAS;IACboB,qBAAqB,EAAEzB,gBAAgB;IACvCR,oBAAoB,EAAEW,eAAe;IACrCK,6BAA6B,EAAEA,6BAA6B;IAC5DX,yBAAyB,EAAEA,yBAAyB;IACpD6B,qBAAqB,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAC;IACtClC,KAAK,EAAEa;EACT,CAAC,CAAC;EAEF,OAAO,IAAArB,WAAA,CAAA0B,GAAA,EAAC9B,mBAAA,CAAA+C,kBAAkB;IAAClB,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC7C,CAAC;AAGD,MAAMmB,mBAAmB,GAAAC,OAAA,CAAA5C,WAAA,GAAG,IAAA6C,WAAI,EAAC7C,WAAW,CAAuB;AAGnE2C,mBAAmB,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"StaticTable.cjs","names":["_materialReactTable","require","_react","_i18n","_jsxRuntime","StaticTable","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","useTranslation","rowVirtualizerInstanceRef","useRef","columnFilters","setColumnFilters","useState","globalFilter","setGlobalFilter","useEffect","undefined","modifiedState","useMemo","renderTopToolbarCustomActions","useCallback","table","jsx","Fragment","children","current","scrollToIndex","error","console","useMaterialReactTable","enableBottomToolbar","enablePagination","enableRowVirtualization","enableSorting","muiToolbarAlertBannerProps","color","onColumnFiltersChange","rowVirtualizerOptions","overscan","MaterialReactTable","MemoizedStaticTable","exports","memo","displayName"],"sources":["../../../src/labs/StaticTable.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  MaterialReactTable,\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes.js\";\n\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\n\nexport type StaticTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<{ table: MRT_TableInstance<TData> }>;\n};\n\nconst StaticTable = <TData extends DefaultMaterialReactTableData>({\n  columns = [],\n  data = [],\n  getRowId,\n  hasError,\n  initialState,\n  onGlobalFilterChange,\n  state,\n  ToolbarButtons,\n}: StaticTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    [],\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  const modifiedState = useMemo(\n    () => ({\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [globalFilter, columnFilters, state],\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons],\n  );\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    enableBottomToolbar: false,\n    enablePagination: false,\n    enableRowVirtualization: true,\n    enableSorting: false,\n    getRowId: getRowId,\n    initialState: initialState,\n    muiToolbarAlertBannerProps: hasError\n      ? { children: t(\"table.error\"), color: \"error\" }\n      : undefined,\n    onColumnFiltersChange: setColumnFilters,\n    onGlobalFilterChange: setGlobalFilter,\n    renderTopToolbarCustomActions: renderTopToolbarCustomActions,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    state: modifiedState,\n  });\n\n  return <MaterialReactTable table={table} />;\n};\n\n// Need the `typeof StaticTable` because generics don't get passed through `memo`.\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\n// @ts-expect-error displayName is expected to not be on `typeof StaticTable`\nMemoizedStaticTable.displayName = \"StaticTable\";\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/UserProfile.cjs

@@ -75,5 +75,5 @@ const UserProfile = ({
   });
 };
 const MemoizedUserProfile = exports.UserProfile = (0, _react.memo)(UserProfile);
-MemoizedUserProfile.displayName = "UserProfile";
+MemoizedUserProfile.displayName = "UserProfile::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=UserProfile.cjs.map

package/dist/cjs/labs/UserProfile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","UserProfileContainer","styled","shouldForwardProp","prop","display","alignItems","UserProfileIconContainer","odysseyDesignTokens","paddingInlineEnd","Spacing2","UserProfile","profileIcon","userName","orgName","translate","userNameEndIcon","useOdysseyDesignTokens","jsxs","children","jsx","Box","sx","flexDirection","gap","Subordinate","color","MemoizedUserProfile","exports","memo","displayName"],"sources":["../../../src/labs/UserProfile.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 { memo, type ReactElement } from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { HtmlProps } from \"../HtmlProps.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  paddingInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nexport type UserProfileProps = {\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * The icon element to display after the username\n   */\n  userNameEndIcon?: ReactElement;\n} & Pick<HtmlProps, \"translate\">;\n\nconst UserProfile = ({\n  profileIcon,\n  userName,\n  orgName,\n  translate,\n  userNameEndIcon,\n}: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n\n      <div>\n        {userNameEndIcon ? (\n          <Box\n            sx={{\n              display: \"flex\",\n              flexDirection: \"row\",\n              gap: odysseyDesignTokens.Spacing2,\n            }}\n          >\n            <Subordinate color=\"textPrimary\" translate={translate}>\n              {userName}\n            </Subordinate>\n            {userNameEndIcon}\n          </Box>\n        ) : (\n          <Subordinate color=\"textPrimary\" translate={translate}>\n            {userName}\n          </Subordinate>\n        )}\n        <Subordinate color=\"textSecondary\" translate={translate}>\n          {orgName}\n        </Subordinate>\n      </div>\n    </UserProfileContainer>\n  );\n};\n\nconst MemoizedUserProfile = memo(UserProfile);\nMemoizedUserProfile.displayName = \"UserProfile\";\n\nexport { MemoizedUserProfile as UserProfile };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AAA+C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,oBAAoB,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACzCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC;EACxCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,wBAAwB,GAAG,IAAAL,eAAM,EAAC,KAAK,EAAE;EAC7CC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEI;AAAoB,CAAC,MAAM;EACtEH,OAAO,EAAE,MAAM;EACfI,gBAAgB,EAAED,mBAAmB,CAACE;AACxC,CAAC,CAAC,CAAC;AAqBH,MAAMC,WAAW,GAAGA,CAAC;EACnBC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC;AACgB,CAAC,KAAK;EACtB,MAAMR,mBAAmB,GAAG,IAAAS,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAACjB,oBAAoB;IAACO,mBAAmB,EAAEA,mBAAoB;IAAAW,QAAA,GAC5DP,WAAW,IACV,IAAAf,WAAA,CAAAuB,GAAA,EAACb,wBAAwB;MAACC,mBAAmB,EAAEA,mBAAoB;MAAAW,QAAA,EAChEP;IAAW,CACY,CAC3B,EAED,IAAAf,WAAA,CAAAqB,IAAA;MAAAC,QAAA,GACGH,eAAe,GACd,IAAAnB,WAAA,CAAAqB,IAAA,EAACxB,IAAA,CAAA2B,GAAG;QACFC,EAAE,EAAE;UACFjB,OAAO,EAAE,MAAM;UACfkB,aAAa,EAAE,KAAK;UACpBC,GAAG,EAAEhB,mBAAmB,CAACE;QAC3B,CAAE;QAAAS,QAAA,GAEF,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;UAACC,KAAK,EAAC,aAAa;UAACX,SAAS,EAAEA,SAAU;UAAAI,QAAA,EACnDN;QAAQ,CACE,CAAC,EACbG,eAAe;MAAA,CACb,CAAC,GAEN,IAAAnB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,aAAa;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACnDN;MAAQ,CACE,CACd,EACD,IAAAhB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,eAAe;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACrDL;MAAO,CACG,CAAC;IAAA,CACX,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMa,mBAAmB,GAAAC,OAAA,CAAAjB,WAAA,GAAG,IAAAkB,WAAI,EAAClB,WAAW,CAAC;AAC7CgB,mBAAmB,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"UserProfile.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","UserProfileContainer","styled","shouldForwardProp","prop","display","alignItems","UserProfileIconContainer","odysseyDesignTokens","paddingInlineEnd","Spacing2","UserProfile","profileIcon","userName","orgName","translate","userNameEndIcon","useOdysseyDesignTokens","jsxs","children","jsx","Box","sx","flexDirection","gap","Subordinate","color","MemoizedUserProfile","exports","memo","displayName"],"sources":["../../../src/labs/UserProfile.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 { memo, type ReactElement } from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { HtmlProps } from \"../HtmlProps.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  paddingInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nexport type UserProfileProps = {\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * The icon element to display after the username\n   */\n  userNameEndIcon?: ReactElement;\n} & Pick<HtmlProps, \"translate\">;\n\nconst UserProfile = ({\n  profileIcon,\n  userName,\n  orgName,\n  translate,\n  userNameEndIcon,\n}: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n\n      <div>\n        {userNameEndIcon ? (\n          <Box\n            sx={{\n              display: \"flex\",\n              flexDirection: \"row\",\n              gap: odysseyDesignTokens.Spacing2,\n            }}\n          >\n            <Subordinate color=\"textPrimary\" translate={translate}>\n              {userName}\n            </Subordinate>\n            {userNameEndIcon}\n          </Box>\n        ) : (\n          <Subordinate color=\"textPrimary\" translate={translate}>\n            {userName}\n          </Subordinate>\n        )}\n        <Subordinate color=\"textSecondary\" translate={translate}>\n          {orgName}\n        </Subordinate>\n      </div>\n    </UserProfileContainer>\n  );\n};\n\nconst MemoizedUserProfile = memo(UserProfile);\nMemoizedUserProfile.displayName = \"UserProfile\";\n\nexport { MemoizedUserProfile as UserProfile };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AAA+C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,oBAAoB,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACzCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC;EACxCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,wBAAwB,GAAG,IAAAL,eAAM,EAAC,KAAK,EAAE;EAC7CC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEI;AAAoB,CAAC,MAAM;EACtEH,OAAO,EAAE,MAAM;EACfI,gBAAgB,EAAED,mBAAmB,CAACE;AACxC,CAAC,CAAC,CAAC;AAqBH,MAAMC,WAAW,GAAGA,CAAC;EACnBC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC;AACgB,CAAC,KAAK;EACtB,MAAMR,mBAAmB,GAAG,IAAAS,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAACjB,oBAAoB;IAACO,mBAAmB,EAAEA,mBAAoB;IAAAW,QAAA,GAC5DP,WAAW,IACV,IAAAf,WAAA,CAAAuB,GAAA,EAACb,wBAAwB;MAACC,mBAAmB,EAAEA,mBAAoB;MAAAW,QAAA,EAChEP;IAAW,CACY,CAC3B,EAED,IAAAf,WAAA,CAAAqB,IAAA;MAAAC,QAAA,GACGH,eAAe,GACd,IAAAnB,WAAA,CAAAqB,IAAA,EAACxB,IAAA,CAAA2B,GAAG;QACFC,EAAE,EAAE;UACFjB,OAAO,EAAE,MAAM;UACfkB,aAAa,EAAE,KAAK;UACpBC,GAAG,EAAEhB,mBAAmB,CAACE;QAC3B,CAAE;QAAAS,QAAA,GAEF,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;UAACC,KAAK,EAAC,aAAa;UAACX,SAAS,EAAEA,SAAU;UAAAI,QAAA,EACnDN;QAAQ,CACE,CAAC,EACbG,eAAe;MAAA,CACb,CAAC,GAEN,IAAAnB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,aAAa;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACnDN;MAAQ,CACE,CACd,EACD,IAAAhB,WAAA,CAAAuB,GAAA,EAACxB,WAAA,CAAA6B,WAAW;QAACC,KAAK,EAAC,eAAe;QAACX,SAAS,EAAEA,SAAU;QAAAI,QAAA,EACrDL;MAAO,CACG,CAAC;IAAA,CACX,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMa,mBAAmB,GAAAC,OAAA,CAAAjB,WAAA,GAAG,IAAAkB,WAAI,EAAClB,WAAW,CAAC;AAC7CgB,mBAAmB,CAACG,WAAW,6CAAgB","ignoreList":[]}

package/dist/cjs/labs/UserProfileMenuButton.cjs

@@ -61,5 +61,5 @@ const UserProfileMenuButton = ({
   });
 };
 const MemoizedUserProfileMenuButton = exports.UserProfileMenuButton = (0, _react.memo)(UserProfileMenuButton);
-MemoizedUserProfileMenuButton.displayName = "UserProfileMenuButton";
+MemoizedUserProfileMenuButton.displayName = "UserProfileMenuButton::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=UserProfileMenuButton.cjs.map

package/dist/cjs/labs/UserProfileMenuButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileMenuButton.cjs","names":["_styled","_interopRequireDefault","require","_react","_BaseMenuButton","_index","_OdysseyDesignTokensContext","_UserProfile","_jsxRuntime","e","__esModule","default","StyledUnsetButtonHeightContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","button","height","paddingBlock","Spacing2","textAlign","UserProfileMenuButton","profileIcon","orgName","translate","userNameEndIcon","userName","menuButtonProps","useOdysseyDesignTokens","jsx","children","BaseMenuButton","buttonChildren","UserProfile","ChevronDownIcon","buttonVariant","omitEndIcon","MemoizedUserProfileMenuButton","exports","memo","displayName"],"sources":["../../../src/labs/UserProfileMenuButton.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 { memo } from \"react\";\n\nimport {\n  AdditionalBaseMenuButtonProps,\n  BaseMenuButton,\n  BaseMenuButtonProps,\n} from \"../Buttons/BaseMenuButton.js\";\nimport { ChevronDownIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { UserProfile, UserProfileProps } from \"./UserProfile.js\";\n\nconst StyledUnsetButtonHeightContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  button: {\n    height: \"unset\",\n    paddingBlock: odysseyDesignTokens.Spacing2,\n    textAlign: \"unset\",\n  },\n}));\n\nexport type UserProfileMenuButtonProps = Omit<\n  BaseMenuButtonProps,\n  \"endIcon\" | \"variant\"\n> &\n  AdditionalBaseMenuButtonProps &\n  UserProfileProps & {\n    /**\n     *\n     * NOTE: In this case, attribute only applies to user name and org name\n     */\n    translate?: string;\n  };\n\nconst UserProfileMenuButton = ({\n  profileIcon,\n  orgName,\n  translate,\n  userNameEndIcon,\n  userName,\n  ...menuButtonProps\n}: UserProfileMenuButtonProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <StyledUnsetButtonHeightContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <BaseMenuButton\n        {...menuButtonProps}\n        buttonChildren={\n          <UserProfile\n            orgName={orgName}\n            profileIcon={profileIcon}\n            translate={translate}\n            userName={userName}\n            userNameEndIcon={userNameEndIcon ?? <ChevronDownIcon />}\n          />\n        }\n        buttonVariant=\"floating\"\n        omitEndIcon={true}\n      />\n    </StyledUnsetButtonHeightContainer>\n  );\n};\n\nconst MemoizedUserProfileMenuButton = memo(UserProfileMenuButton);\nMemoizedUserProfileMenuButton.displayName = \"UserProfileMenuButton\";\n\nexport { MemoizedUserProfileMenuButton as UserProfileMenuButton };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAIA,IAAAK,YAAA,GAAAL,OAAA;AAAiE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzBjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,gCAAgC,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACrDC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,MAAM,EAAE;IACNC,MAAM,EAAE,OAAO;IACfC,YAAY,EAAEH,mBAAmB,CAACI,QAAQ;IAC1CC,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAeH,MAAMC,qBAAqB,GAAGA,CAAC;EAC7BC,WAAW;EACXC,OAAO;EACPC,SAAS;EACTC,eAAe;EACfC,QAAQ;EACR,GAAGC;AACuB,CAAC,KAAK;EAChC,MAAMZ,mBAAmB,GAAG,IAAAa,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,gCAAgC;IAACI,mBAAmB,EAAEA,mBAAoB;IAAAe,QAAA,EACzE,IAAAvB,WAAA,CAAAsB,GAAA,EAAC1B,eAAA,CAAA4B,cAAc;MAAA,GACTJ,eAAe;MACnBK,cAAc,EACZ,IAAAzB,WAAA,CAAAsB,GAAA,EAACvB,YAAA,CAAA2B,WAAW;QACVV,OAAO,EAAEA,OAAQ;QACjBD,WAAW,EAAEA,WAAY;QACzBE,SAAS,EAAEA,SAAU;QACrBE,QAAQ,EAAEA,QAAS;QACnBD,eAAe,EAAEA,eAAe,IAAI,IAAAlB,WAAA,CAAAsB,GAAA,EAACzB,MAAA,CAAA8B,eAAe,IAAE;MAAE,CACzD,CACF;MACDC,aAAa,EAAC,UAAU;MACxBC,WAAW,EAAE;IAAK,CACnB;EAAC,CAC8B,CAAC;AAEvC,CAAC;AAED,MAAMC,6BAA6B,GAAAC,OAAA,CAAAjB,qBAAA,GAAG,IAAAkB,WAAI,EAAClB,qBAAqB,CAAC;AACjEgB,6BAA6B,CAACG,WAAW,GAAG,uBAAuB","ignoreList":[]}
+{"version":3,"file":"UserProfileMenuButton.cjs","names":["_styled","_interopRequireDefault","require","_react","_BaseMenuButton","_index","_OdysseyDesignTokensContext","_UserProfile","_jsxRuntime","e","__esModule","default","StyledUnsetButtonHeightContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","button","height","paddingBlock","Spacing2","textAlign","UserProfileMenuButton","profileIcon","orgName","translate","userNameEndIcon","userName","menuButtonProps","useOdysseyDesignTokens","jsx","children","BaseMenuButton","buttonChildren","UserProfile","ChevronDownIcon","buttonVariant","omitEndIcon","MemoizedUserProfileMenuButton","exports","memo","displayName"],"sources":["../../../src/labs/UserProfileMenuButton.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 { memo } from \"react\";\n\nimport {\n  AdditionalBaseMenuButtonProps,\n  BaseMenuButton,\n  BaseMenuButtonProps,\n} from \"../Buttons/BaseMenuButton.js\";\nimport { ChevronDownIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { UserProfile, UserProfileProps } from \"./UserProfile.js\";\n\nconst StyledUnsetButtonHeightContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  button: {\n    height: \"unset\",\n    paddingBlock: odysseyDesignTokens.Spacing2,\n    textAlign: \"unset\",\n  },\n}));\n\nexport type UserProfileMenuButtonProps = Omit<\n  BaseMenuButtonProps,\n  \"endIcon\" | \"variant\"\n> &\n  AdditionalBaseMenuButtonProps &\n  UserProfileProps & {\n    /**\n     *\n     * NOTE: In this case, attribute only applies to user name and org name\n     */\n    translate?: string;\n  };\n\nconst UserProfileMenuButton = ({\n  profileIcon,\n  orgName,\n  translate,\n  userNameEndIcon,\n  userName,\n  ...menuButtonProps\n}: UserProfileMenuButtonProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <StyledUnsetButtonHeightContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <BaseMenuButton\n        {...menuButtonProps}\n        buttonChildren={\n          <UserProfile\n            orgName={orgName}\n            profileIcon={profileIcon}\n            translate={translate}\n            userName={userName}\n            userNameEndIcon={userNameEndIcon ?? <ChevronDownIcon />}\n          />\n        }\n        buttonVariant=\"floating\"\n        omitEndIcon={true}\n      />\n    </StyledUnsetButtonHeightContainer>\n  );\n};\n\nconst MemoizedUserProfileMenuButton = memo(UserProfileMenuButton);\nMemoizedUserProfileMenuButton.displayName = \"UserProfileMenuButton\";\n\nexport { MemoizedUserProfileMenuButton as UserProfileMenuButton };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAIA,IAAAK,YAAA,GAAAL,OAAA;AAAiE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzBjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,gCAAgC,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACrDC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,MAAM,EAAE;IACNC,MAAM,EAAE,OAAO;IACfC,YAAY,EAAEH,mBAAmB,CAACI,QAAQ;IAC1CC,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAeH,MAAMC,qBAAqB,GAAGA,CAAC;EAC7BC,WAAW;EACXC,OAAO;EACPC,SAAS;EACTC,eAAe;EACfC,QAAQ;EACR,GAAGC;AACuB,CAAC,KAAK;EAChC,MAAMZ,mBAAmB,GAAG,IAAAa,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,gCAAgC;IAACI,mBAAmB,EAAEA,mBAAoB;IAAAe,QAAA,EACzE,IAAAvB,WAAA,CAAAsB,GAAA,EAAC1B,eAAA,CAAA4B,cAAc;MAAA,GACTJ,eAAe;MACnBK,cAAc,EACZ,IAAAzB,WAAA,CAAAsB,GAAA,EAACvB,YAAA,CAAA2B,WAAW;QACVV,OAAO,EAAEA,OAAQ;QACjBD,WAAW,EAAEA,WAAY;QACzBE,SAAS,EAAEA,SAAU;QACrBE,QAAQ,EAAEA,QAAS;QACnBD,eAAe,EAAEA,eAAe,IAAI,IAAAlB,WAAA,CAAAsB,GAAA,EAACzB,MAAA,CAAA8B,eAAe,IAAE;MAAE,CACzD,CACF;MACDC,aAAa,EAAC,UAAU;MACxBC,WAAW,EAAE;IAAK,CACnB;EAAC,CAC8B,CAAC;AAEvC,CAAC;AAED,MAAMC,6BAA6B,GAAAC,OAAA,CAAAjB,qBAAA,GAAG,IAAAkB,WAAI,EAAClB,qBAAqB,CAAC;AACjEgB,6BAA6B,CAACG,WAAW,uDAA0B","ignoreList":[]}

package/dist/cjs/properties/ts/odyssey-react-mui_cs.cjs

@@ -136,7 +136,9 @@ const translation = exports.translation = {
   "dataview.layout.grid": "Mřížka",
   "dataview.layout.list": "Seznam",
   "topnav.helpicon": "stránka nápovědy",
+  "topnav.usermenu.toggle": "Otevřít uživatelskou nabídku",
   "topnav.settingsicon": "stránka nastavení",
+  "topnav.sidenavmenu.toggle": "Otevřít nabídku navigace",
   "tag.remove": "Odebrat značku"
 };
 //# sourceMappingURL=odyssey-react-mui_cs.cjs.map

package/dist/cjs/properties/ts/odyssey-react-mui_cs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_cs.cjs","names":["translation","exports"],"sources":["../../../../src/properties/ts/odyssey-react-mui_cs.ts"],"sourcesContent":["export const translation = {\"navigation.label\":\"Hlavní navigace\",\"navigation.footer\":\"Sekundární odkazy navigace\",\"navigation.drag.handle\":\"Úchop pro přetažení\",\"sortable.list.drag.start\":\"Byla vybrána položka {{activeId}}, kterou lze přetáhnout\",\"sortable.list.drag.moved.over\":\"Položka {{activeId}}, kterou lze přetáhnout, byla přesunuta nad oblast umožňující přesun {{overId}}\",\"sortable.list.drag.nolonger.over\":\"Položka {{activeId}}, kterou lze přetáhnout, již není nad oblastí umožňující přesun\",\"sortable.list.drag.end.dropped.over\":\"Položka {{activeId}}, kterou lze přetáhnout, byla uvolněna nad oblastí umožňující přesun {{overId}}\",\"sortable.list.drag.end.dropped\":\"Položka {{activeId}}, kterou lze přetáhnout, byla uvolněna\",\"sortable.list.drag.cancel\":\"Přetahování bylo zrušeno. Položka {{activeId}}, kterou lze přetáhnout, byla uvolněna\",\"breadcrumbs.home.text\":\"Domovská stránka\",\"breadcrumbs.label.text\":\"Drobečková navigace\",\"close.text\":\"Zavřít\",\"clear.text\":\"Vymazat\",\"open.text\":\"Otevřít\",\"autocomplete.nooptions\":\"Žádné možnosti\",\"picker.calendar.navigation.nextmonth\":\"Další měsíc\",\"picker.calendar.navigation.previousmonth\":\"Předchozí měsíc\",\"picker.date.toolbar.title\":\"Vybrané datum\",\"picker.daterange.toolbar.title\":\"Vybrat rozmezí dat\",\"picker.datetime.toolbar.title\":\"Vybrat datum a čas\",\"picker.error.invalid\":\"Opravte formát data nebo vyberte datum z kalendáře.\",\"picker.error.mindate\":\"Zadané datum je dřívější, než je povoleno. Vyberte datum v rozmezí dostupném v kalendáři.\",\"picker.error.maxdate\":\"Zadané datum je pozdější, než je povoleno. Vyberte datum v rozmezí dostupném v kalendáři.\",\"picker.field.placeholder.day\":\"DD\",\"picker.field.placeholder.hours\":\"hh\",\"picker.field.placeholder.meridiem\":\"dop./odp.\",\"picker.field.placeholder.minutes\":\"mm\",\"picker.field.placeholder.month\":\"MM\",\"picker.field.placeholder.seconds\":\"ss\",\"picker.field.placeholder.year\":\"RRRR\",\"picker.labels.action.apply\":\"Použít\",\"picker.labels.action.cancel\":\"Zrušit\",\"picker.labels.action.today\":\"Dnes\",\"picker.labels.clock.empty\":\"Není vybraný čas\",\"picker.labels.clock.hours\":\"hod\",\"picker.labels.clock.minutes\":\"min\",\"picker.labels.clock.seconds\":\"s\",\"picker.labels.clock.selected\":\"Vybraný čas je\",\"picker.labels.date.choose\":\"Zvolit datum\",\"picker.labels.date.selected\":\"Vybrané datum je\",\"picker.labels.empty\":\"Prázdné\",\"picker.labels.field.clear\":\"Vymazat hodnotu\",\"picker.labels.range.end\":\"Konec\",\"picker.labels.range.enddate\":\"Koncové datum\",\"picker.labels.range.endtime\":\"Koncový čas\",\"picker.labels.range.start\":\"Začátek\",\"picker.labels.range.startdate\":\"Počáteční datum\",\"picker.labels.range.starttime\":\"Počáteční čas\",\"picker.labels.select\":\"Vybrat\",\"picker.labels.table.date\":\"vybrat datum\",\"picker.labels.table.time\":\"vybrat čas\",\"picker.labels.time.choose\":\"Zvolit čas\",\"picker.labels.time.selected\":\"vybraný čas je\",\"picker.time.toolbar.title\":\"Vybrat čas\",\"picker.view.name.day\":\"Den\",\"picker.view.name.hours\":\"Hodiny\",\"picker.view.name.meridiem\":\"Dopoledne/odpoledne\",\"picker.view.name.minutes\":\"Minuty\",\"picker.view.name.month\":\"Měsíc\",\"picker.view.name.seconds\":\"Sekundy\",\"picker.view.name.weekday\":\"Den v týdnu\",\"picker.view.name.year\":\"Rok\",\"picker.view.navigation.open.nextview\":\"Otevřít další zobrazení\",\"picker.view.navigation.open.previousview\":\"Otevřít předchozí zobrazení\",\"picker.view.navigation.switch.calendarview\":\"je otevřeno zobrazení roku, můžete přepnout do zobrazení kalendáře\",\"picker.view.navigation.switch.yearview\":\"je otevřeno zobrazení kalendáře, můžete přepnout do zobrazení roku\",\"fielderror.screenreader.text\":\"Chyba\",\"fieldlabel.optional.text\":\"Volitelné\",\"fieldlabel.required.text\":\"Povinné\",\"filters.clear.label\":\"Vymazat filtry\",\"filters.submit.label\":\"Odeslat\",\"filters.filter.any\":\"Libovolné\",\"filters.filter.clear\":\"Vymazat filtr\",\"filters.filters.arialabel\":\"Filtry\",\"filters.menuitem.any\":\"Libovolné: {{label}}\",\"filters.menuitem.selected\":\"Vybráno: {{selected}}\",\"filters.search.label\":\"Hledat\",\"fileupload.button.text\":\"Přidat soubory\",\"fileupload.prompt.text\":\"Přetáhněte soubory sem nebo klikněte a přidejte je\",\"fileupload.removefile.text\":\"Odebrat soubor\",\"passwordfield.icon.label.show\":\"Zobrazit heslo\",\"severity.error\":\"chyba\",\"severity.info\":\"informace\",\"severity.success\":\"úspěch\",\"severity.warning\":\"upozornění\",\"sidenav.toggle.expand\":\"Otevřít navigaci\",\"sidenav.toggle.collapse\":\"Zavřít navigaci\",\"switch.active\":\"Aktivní\",\"switch.inactive\":\"Neaktivní\",\"table.columnvisibility.arialabel\":\"Zobrazit nebo skrýt sloupce\",\"table.density.arialabel\":\"Hustota tabulky\",\"table.density.comfortable\":\"Komfortní\",\"table.density.compact\":\"Kompaktní\",\"table.density.spacious\":\"Prostorný\",\"table.draghandle.arialabel\":\"Pořadí řádků můžete změnit přetažením. Změny pořadí můžete také zahájit a dokončit stisknutím mezerníku nebo klávesy Enter a zrušit stisknutím klávesy Esc.\",\"table.draghandle.tooltip\":\"Pořadí řádků můžete změnit přetažením, případně můžete změny pořadí zahájit a dokončit stisknutím mezerníku nebo klávesy Enter.\",\"table.actions\":\"Akce\",\"table.error\":\"Chyba při načítání dat\",\"table.fetchedrows.text\":\"Byl načten {{totalRows}} řádek\",\"table.fetchedrows.text_plural\":\"Celkem načteno řádků: {{totalRows}}\",\"table.moreactions.arialabel\":\"Další akce\",\"table.noresults.heading\":\"Nejsou k dispozici žádné výsledky.\",\"table.noresults.text\":\"Zkuste zadat jiný dotaz.\",\"table.reorder.backward\":\"Odeslat dozadu\",\"table.reorder.forward\":\"Přenést dopředu\",\"table.reorder.toback\":\"Odeslat na pozadí\",\"table.reorder.tofront\":\"Přenést do popředí\",\"table.rows.text\":\"{{totalRows}} řádek\",\"table.rows.text_plural\":\"Počet řádků: {{totalRows}}\",\"pagination.label\":\"Stránkování\",\"pagination.loadmore\":\"Zobrazit více\",\"pagination.next\":\"Další stránka\",\"pagination.previous\":\"Předchozí stránka\",\"pagination.page\":\"Stránka\",\"pagination.rowsperpage\":\"Počet řádků na stránku\",\"pagination.rowswithtotal\":\"Řádky {{firstRow}}–{{lastRow}} z {{totalRows}}\",\"pagination.rowswithouttotal\":\"Řádky {{firstRow}}–{{lastRow}}\",\"pagination.totalrows\":\"Počet řádků: {{totalRows}}\",\"table.actions.arialabel\":\"Další akce\",\"table.actions.selectall\":\"Vybrat vše\",\"table.actions.selectnone\":\"Zrušit výběr\",\"table.actions.selectsome\":\"Vybráno: {{selectedRowCount}}\",\"table.rowexpansion.expand\":\"Rozbalit\",\"table.rowexpansion.expandall\":\"Rozbalit vše\",\"table.rowexpansion.collapse\":\"Sbalit\",\"table.rowexpansion.collapseall\":\"Sbalit vše\",\"dataview.layout.arialabel\":\"Rozvržení\",\"dataview.layout.table\":\"Tabulka\",\"dataview.layout.grid\":\"Mřížka\",\"dataview.layout.list\":\"Seznam\",\"topnav.helpicon\":\"stránka nápovědy\",\"topnav.settingsicon\":\"stránka nastavení\",\"tag.remove\":\"Odebrat značku\"} as const;"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"odyssey-react-mui_cs.cjs","names":["translation","exports"],"sources":["../../../../src/properties/ts/odyssey-react-mui_cs.ts"],"sourcesContent":["export const translation = {\"navigation.label\":\"Hlavní navigace\",\"navigation.footer\":\"Sekundární odkazy navigace\",\"navigation.drag.handle\":\"Úchop pro přetažení\",\"sortable.list.drag.start\":\"Byla vybrána položka {{activeId}}, kterou lze přetáhnout\",\"sortable.list.drag.moved.over\":\"Položka {{activeId}}, kterou lze přetáhnout, byla přesunuta nad oblast umožňující přesun {{overId}}\",\"sortable.list.drag.nolonger.over\":\"Položka {{activeId}}, kterou lze přetáhnout, již není nad oblastí umožňující přesun\",\"sortable.list.drag.end.dropped.over\":\"Položka {{activeId}}, kterou lze přetáhnout, byla uvolněna nad oblastí umožňující přesun {{overId}}\",\"sortable.list.drag.end.dropped\":\"Položka {{activeId}}, kterou lze přetáhnout, byla uvolněna\",\"sortable.list.drag.cancel\":\"Přetahování bylo zrušeno. Položka {{activeId}}, kterou lze přetáhnout, byla uvolněna\",\"breadcrumbs.home.text\":\"Domovská stránka\",\"breadcrumbs.label.text\":\"Drobečková navigace\",\"close.text\":\"Zavřít\",\"clear.text\":\"Vymazat\",\"open.text\":\"Otevřít\",\"autocomplete.nooptions\":\"Žádné možnosti\",\"picker.calendar.navigation.nextmonth\":\"Další měsíc\",\"picker.calendar.navigation.previousmonth\":\"Předchozí měsíc\",\"picker.date.toolbar.title\":\"Vybrané datum\",\"picker.daterange.toolbar.title\":\"Vybrat rozmezí dat\",\"picker.datetime.toolbar.title\":\"Vybrat datum a čas\",\"picker.error.invalid\":\"Opravte formát data nebo vyberte datum z kalendáře.\",\"picker.error.mindate\":\"Zadané datum je dřívější, než je povoleno. Vyberte datum v rozmezí dostupném v kalendáři.\",\"picker.error.maxdate\":\"Zadané datum je pozdější, než je povoleno. Vyberte datum v rozmezí dostupném v kalendáři.\",\"picker.field.placeholder.day\":\"DD\",\"picker.field.placeholder.hours\":\"hh\",\"picker.field.placeholder.meridiem\":\"dop./odp.\",\"picker.field.placeholder.minutes\":\"mm\",\"picker.field.placeholder.month\":\"MM\",\"picker.field.placeholder.seconds\":\"ss\",\"picker.field.placeholder.year\":\"RRRR\",\"picker.labels.action.apply\":\"Použít\",\"picker.labels.action.cancel\":\"Zrušit\",\"picker.labels.action.today\":\"Dnes\",\"picker.labels.clock.empty\":\"Není vybraný čas\",\"picker.labels.clock.hours\":\"hod\",\"picker.labels.clock.minutes\":\"min\",\"picker.labels.clock.seconds\":\"s\",\"picker.labels.clock.selected\":\"Vybraný čas je\",\"picker.labels.date.choose\":\"Zvolit datum\",\"picker.labels.date.selected\":\"Vybrané datum je\",\"picker.labels.empty\":\"Prázdné\",\"picker.labels.field.clear\":\"Vymazat hodnotu\",\"picker.labels.range.end\":\"Konec\",\"picker.labels.range.enddate\":\"Koncové datum\",\"picker.labels.range.endtime\":\"Koncový čas\",\"picker.labels.range.start\":\"Začátek\",\"picker.labels.range.startdate\":\"Počáteční datum\",\"picker.labels.range.starttime\":\"Počáteční čas\",\"picker.labels.select\":\"Vybrat\",\"picker.labels.table.date\":\"vybrat datum\",\"picker.labels.table.time\":\"vybrat čas\",\"picker.labels.time.choose\":\"Zvolit čas\",\"picker.labels.time.selected\":\"vybraný čas je\",\"picker.time.toolbar.title\":\"Vybrat čas\",\"picker.view.name.day\":\"Den\",\"picker.view.name.hours\":\"Hodiny\",\"picker.view.name.meridiem\":\"Dopoledne/odpoledne\",\"picker.view.name.minutes\":\"Minuty\",\"picker.view.name.month\":\"Měsíc\",\"picker.view.name.seconds\":\"Sekundy\",\"picker.view.name.weekday\":\"Den v týdnu\",\"picker.view.name.year\":\"Rok\",\"picker.view.navigation.open.nextview\":\"Otevřít další zobrazení\",\"picker.view.navigation.open.previousview\":\"Otevřít předchozí zobrazení\",\"picker.view.navigation.switch.calendarview\":\"je otevřeno zobrazení roku, můžete přepnout do zobrazení kalendáře\",\"picker.view.navigation.switch.yearview\":\"je otevřeno zobrazení kalendáře, můžete přepnout do zobrazení roku\",\"fielderror.screenreader.text\":\"Chyba\",\"fieldlabel.optional.text\":\"Volitelné\",\"fieldlabel.required.text\":\"Povinné\",\"filters.clear.label\":\"Vymazat filtry\",\"filters.submit.label\":\"Odeslat\",\"filters.filter.any\":\"Libovolné\",\"filters.filter.clear\":\"Vymazat filtr\",\"filters.filters.arialabel\":\"Filtry\",\"filters.menuitem.any\":\"Libovolné: {{label}}\",\"filters.menuitem.selected\":\"Vybráno: {{selected}}\",\"filters.search.label\":\"Hledat\",\"fileupload.button.text\":\"Přidat soubory\",\"fileupload.prompt.text\":\"Přetáhněte soubory sem nebo klikněte a přidejte je\",\"fileupload.removefile.text\":\"Odebrat soubor\",\"passwordfield.icon.label.show\":\"Zobrazit heslo\",\"severity.error\":\"chyba\",\"severity.info\":\"informace\",\"severity.success\":\"úspěch\",\"severity.warning\":\"upozornění\",\"sidenav.toggle.expand\":\"Otevřít navigaci\",\"sidenav.toggle.collapse\":\"Zavřít navigaci\",\"switch.active\":\"Aktivní\",\"switch.inactive\":\"Neaktivní\",\"table.columnvisibility.arialabel\":\"Zobrazit nebo skrýt sloupce\",\"table.density.arialabel\":\"Hustota tabulky\",\"table.density.comfortable\":\"Komfortní\",\"table.density.compact\":\"Kompaktní\",\"table.density.spacious\":\"Prostorný\",\"table.draghandle.arialabel\":\"Pořadí řádků můžete změnit přetažením. Změny pořadí můžete také zahájit a dokončit stisknutím mezerníku nebo klávesy Enter a zrušit stisknutím klávesy Esc.\",\"table.draghandle.tooltip\":\"Pořadí řádků můžete změnit přetažením, případně můžete změny pořadí zahájit a dokončit stisknutím mezerníku nebo klávesy Enter.\",\"table.actions\":\"Akce\",\"table.error\":\"Chyba při načítání dat\",\"table.fetchedrows.text\":\"Byl načten {{totalRows}} řádek\",\"table.fetchedrows.text_plural\":\"Celkem načteno řádků: {{totalRows}}\",\"table.moreactions.arialabel\":\"Další akce\",\"table.noresults.heading\":\"Nejsou k dispozici žádné výsledky.\",\"table.noresults.text\":\"Zkuste zadat jiný dotaz.\",\"table.reorder.backward\":\"Odeslat dozadu\",\"table.reorder.forward\":\"Přenést dopředu\",\"table.reorder.toback\":\"Odeslat na pozadí\",\"table.reorder.tofront\":\"Přenést do popředí\",\"table.rows.text\":\"{{totalRows}} řádek\",\"table.rows.text_plural\":\"Počet řádků: {{totalRows}}\",\"pagination.label\":\"Stránkování\",\"pagination.loadmore\":\"Zobrazit více\",\"pagination.next\":\"Další stránka\",\"pagination.previous\":\"Předchozí stránka\",\"pagination.page\":\"Stránka\",\"pagination.rowsperpage\":\"Počet řádků na stránku\",\"pagination.rowswithtotal\":\"Řádky {{firstRow}}–{{lastRow}} z {{totalRows}}\",\"pagination.rowswithouttotal\":\"Řádky {{firstRow}}–{{lastRow}}\",\"pagination.totalrows\":\"Počet řádků: {{totalRows}}\",\"table.actions.arialabel\":\"Další akce\",\"table.actions.selectall\":\"Vybrat vše\",\"table.actions.selectnone\":\"Zrušit výběr\",\"table.actions.selectsome\":\"Vybráno: {{selectedRowCount}}\",\"table.rowexpansion.expand\":\"Rozbalit\",\"table.rowexpansion.expandall\":\"Rozbalit vše\",\"table.rowexpansion.collapse\":\"Sbalit\",\"table.rowexpansion.collapseall\":\"Sbalit vše\",\"dataview.layout.arialabel\":\"Rozvržení\",\"dataview.layout.table\":\"Tabulka\",\"dataview.layout.grid\":\"Mřížka\",\"dataview.layout.list\":\"Seznam\",\"topnav.helpicon\":\"stránka nápovědy\",\"topnav.usermenu.toggle\":\"Otevřít uživatelskou nabídku\",\"topnav.settingsicon\":\"stránka nastavení\",\"topnav.sidenavmenu.toggle\":\"Otevřít nabídku navigace\",\"tag.remove\":\"Odebrat značku\"} as const;"],"mappings":"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","ignoreList":[]}

package/dist/cjs/properties/ts/odyssey-react-mui_da.cjs

@@ -136,7 +136,9 @@ const translation = exports.translation = {
   "dataview.layout.grid": "Gitter",
   "dataview.layout.list": "Liste",
   "topnav.helpicon": "hjælpeside",
+  "topnav.usermenu.toggle": "Åbn brugermenu",
   "topnav.settingsicon": "indstillingsside",
+  "topnav.sidenavmenu.toggle": "Åbn navigationsmenu",
   "tag.remove": "Fjern tag"
 };
 //# sourceMappingURL=odyssey-react-mui_da.cjs.map