@amboss/design-system 3.47.0 → 4.0.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/AvatarGroup/AvatarGroup.d.ts +2 -1
- package/build/cjs/components/AvatarGroup/AvatarGroup.js +1 -1
- package/build/cjs/components/BinaryFeedback/-types.d.ts +2 -1
- package/build/cjs/components/Box/Box.d.ts +2 -2
- package/build/cjs/components/Box/Box.js +1 -1
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +2 -1
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/cjs/components/BulkActionsToolbar/useBulkActionsToolbar.js +1 -1
- package/build/cjs/components/Callout/Callout.js +1 -1
- package/build/cjs/components/Card/{CardBox.js → CardBox/CardBox.js} +1 -1
- package/build/cjs/components/CatalogCard/CatalogCard.d.ts +9 -1
- package/build/cjs/components/CatalogCard/CatalogCard.js +1 -1
- package/build/cjs/components/Collapsible/Collapsible.js +1 -1
- package/build/cjs/components/ColorPicker/ColorPicker.d.ts +2 -1
- package/build/cjs/components/ColorPicker/ColorPickerDropdown.d.ts +9 -2
- package/build/cjs/components/ColorPicker/ColorPickerDropdown.js +1 -1
- package/build/cjs/components/ColorPicker/ColorPickerOption.js +1 -1
- package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +1 -3
- package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -1
- package/build/cjs/components/DataTable/DataTable.d.ts +26 -12
- package/build/cjs/components/DataTable/DataTable.js +1 -1
- package/build/cjs/components/DataTable/TableBody.js +1 -1
- package/build/cjs/components/DataTable/header/DataTableHeaderToggletip.d.ts +3 -1
- package/build/cjs/components/DataTable/header/DataTableHeaderToggletip.js +1 -1
- package/build/cjs/components/DataTable/header/SortableCellContent.d.ts +1 -1
- package/build/cjs/components/DataTable/header/SortableCellContent.js +1 -1
- package/build/cjs/components/DataTable/header/TableHeader.js +1 -1
- package/build/cjs/components/DataTable/types.d.ts +12 -2
- package/build/cjs/components/Divider/Divider.js +1 -1
- package/build/cjs/components/DropdownMenu/DropdownMenu.d.ts +1 -2
- package/build/cjs/components/DropdownMenu/Menu.js +1 -1
- package/build/cjs/components/Form/Combobox/MultiSelect.js +1 -1
- package/build/cjs/components/Form/Combobox/SingleSelect.js +1 -1
- package/build/cjs/components/Form/FormErrorMessages/FormErrorMessages.js +1 -1
- package/build/cjs/components/Form/FormField/FormField.js +1 -1
- package/build/cjs/components/Form/Input/Input.d.ts +10 -4
- package/build/cjs/components/Form/Input/Input.js +1 -1
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/cjs/components/Icon/Icon.d.ts +4 -3
- package/build/cjs/components/Icon/Icon.js +1 -1
- package/build/cjs/components/IconTile/IconTile.d.ts +3 -2
- package/build/cjs/components/IconTile/IconTile.js +1 -1
- package/build/cjs/components/Image/Image.d.ts +18 -14
- package/build/cjs/components/Image/Image.js +1 -1
- package/build/cjs/components/Inline/Inline.js +1 -1
- package/build/cjs/components/NavBar/NavBarSearchInput.d.ts +4 -0
- package/build/cjs/components/NavBar/NavBarSearchInput.js +1 -1
- package/build/cjs/components/Notification/Notification.js +1 -1
- package/build/cjs/components/Pagination/-types.d.ts +2 -1
- package/build/cjs/components/Patterns/Modal/Modal.d.ts +25 -9
- package/build/cjs/components/Patterns/Modal/Modal.js +2 -2
- package/build/cjs/components/PictogramButton/PictogramButton.d.ts +9 -2
- package/build/cjs/components/PictogramButton/PictogramButton.js +1 -1
- package/build/cjs/components/ProgressBar/ProgressBar.d.ts +2 -1
- package/build/cjs/components/PromptInput/CategoryList.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/components/Stack/Stack.d.ts +2 -1
- package/build/cjs/components/Stack/Stack.js +1 -1
- package/build/cjs/index.d.ts +1 -1
- package/build/cjs/index.js +1 -1
- package/build/cjs/types/a11y.d.ts +26 -0
- package/build/cjs/types/a11y.js +1 -0
- package/build/esm/components/AvatarGroup/AvatarGroup.d.ts +2 -1
- package/build/esm/components/AvatarGroup/AvatarGroup.js +1 -1
- package/build/esm/components/BinaryFeedback/-types.d.ts +2 -1
- package/build/esm/components/Box/Box.d.ts +2 -2
- package/build/esm/components/Box/Box.js +1 -1
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +2 -1
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/esm/components/BulkActionsToolbar/useBulkActionsToolbar.js +1 -1
- package/build/esm/components/Callout/Callout.js +1 -1
- package/build/esm/components/Card/CardBox/CardBox.js +1 -0
- package/build/esm/components/CatalogCard/CatalogCard.d.ts +9 -1
- package/build/esm/components/CatalogCard/CatalogCard.js +1 -1
- package/build/esm/components/Collapsible/Collapsible.js +1 -1
- package/build/esm/components/ColorPicker/ColorPicker.d.ts +2 -1
- package/build/esm/components/ColorPicker/ColorPickerDropdown.d.ts +9 -2
- package/build/esm/components/ColorPicker/ColorPickerDropdown.js +1 -1
- package/build/esm/components/ColorPicker/ColorPickerOption.js +1 -1
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +1 -3
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -1
- package/build/esm/components/DataTable/DataTable.d.ts +26 -12
- package/build/esm/components/DataTable/DataTable.js +1 -1
- package/build/esm/components/DataTable/TableBody.js +1 -1
- package/build/esm/components/DataTable/header/DataTableHeaderToggletip.d.ts +3 -1
- package/build/esm/components/DataTable/header/DataTableHeaderToggletip.js +1 -1
- package/build/esm/components/DataTable/header/SortableCellContent.d.ts +1 -1
- package/build/esm/components/DataTable/header/SortableCellContent.js +1 -1
- package/build/esm/components/DataTable/header/TableHeader.js +1 -1
- package/build/esm/components/DataTable/types.d.ts +12 -2
- package/build/esm/components/Divider/Divider.js +1 -1
- package/build/esm/components/DropdownMenu/DropdownMenu.d.ts +1 -2
- package/build/esm/components/DropdownMenu/Menu.js +1 -1
- package/build/esm/components/Form/Combobox/MultiSelect.js +1 -1
- package/build/esm/components/Form/Combobox/SingleSelect.js +1 -1
- package/build/esm/components/Form/FormErrorMessages/FormErrorMessages.js +1 -1
- package/build/esm/components/Form/FormField/FormField.js +1 -1
- package/build/esm/components/Form/Input/Input.d.ts +10 -4
- package/build/esm/components/Form/Input/Input.js +1 -1
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/esm/components/Icon/Icon.d.ts +4 -3
- package/build/esm/components/Icon/Icon.js +1 -1
- package/build/esm/components/IconTile/IconTile.d.ts +3 -2
- package/build/esm/components/IconTile/IconTile.js +1 -1
- package/build/esm/components/Image/Image.d.ts +18 -14
- package/build/esm/components/Image/Image.js +1 -1
- package/build/esm/components/Inline/Inline.js +1 -1
- package/build/esm/components/NavBar/NavBarSearchInput.d.ts +4 -0
- package/build/esm/components/NavBar/NavBarSearchInput.js +1 -1
- package/build/esm/components/Notification/Notification.js +1 -1
- package/build/esm/components/Pagination/-types.d.ts +2 -1
- package/build/esm/components/Patterns/Modal/Modal.d.ts +25 -9
- package/build/esm/components/Patterns/Modal/Modal.js +2 -2
- package/build/esm/components/PictogramButton/PictogramButton.d.ts +9 -2
- package/build/esm/components/PictogramButton/PictogramButton.js +1 -1
- package/build/esm/components/ProgressBar/ProgressBar.d.ts +2 -1
- package/build/esm/components/PromptInput/CategoryList.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/components/Stack/Stack.d.ts +2 -1
- package/build/esm/components/Stack/Stack.js +1 -1
- package/build/esm/index.d.ts +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/types/a11y.d.ts +26 -0
- package/build/esm/types/a11y.js +1 -0
- package/package.json +1 -1
- package/build/esm/components/Card/CardBox.js +0 -1
- /package/build/cjs/components/Card/{CardBox.d.ts → CardBox/CardBox.d.ts} +0 -0
- /package/build/esm/components/Card/{CardBox.d.ts → CardBox/CardBox.d.ts} +0 -0
|
@@ -2,6 +2,14 @@ import React from "react";
|
|
|
2
2
|
import type { IconName } from "../Icon/Icon";
|
|
3
3
|
import type { ButtonProps } from "../Button/Button";
|
|
4
4
|
import type { PictogramVariations, PolymorphicComponentPropsWithRef } from "../../types";
|
|
5
|
+
import type { WithAriaLabel, WithAriaLabelledBy } from "../../types/a11y";
|
|
6
|
+
type WithLabel = {
|
|
7
|
+
/** Accessible name displayed as a tooltip on hover/focus. */
|
|
8
|
+
label: string;
|
|
9
|
+
"aria-label"?: never;
|
|
10
|
+
"aria-labelledby"?: never;
|
|
11
|
+
};
|
|
12
|
+
export type ConditionalPictogramButtonAccessibleName = WithLabel | WithAriaLabel | WithAriaLabelledBy;
|
|
5
13
|
export type PictogramButtonProps = {
|
|
6
14
|
/** The centered icon to be displayed. */
|
|
7
15
|
icon: IconName;
|
|
@@ -10,8 +18,7 @@ export type PictogramButtonProps = {
|
|
|
10
18
|
/** Size */
|
|
11
19
|
size?: "xs" | "s" | "m";
|
|
12
20
|
variant?: PictogramVariations;
|
|
13
|
-
|
|
14
|
-
} & Omit<ButtonProps, "variant" | "size" | "leftIcon" | "rightIcon" | "fullWidth" | "destructive" | "privateProps" | "loading">;
|
|
21
|
+
} & ConditionalPictogramButtonAccessibleName & Omit<ButtonProps, "variant" | "size" | "leftIcon" | "rightIcon" | "fullWidth" | "destructive" | "privateProps" | "loading">;
|
|
15
22
|
type PictogramButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>) => React.ReactNode | null;
|
|
16
23
|
export declare const PictogramButton: PictogramButtonComponent;
|
|
17
24
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"e11h7uli0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRBcmlhQXR0cmlidXRlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvYXJpYUF0dHJpYnV0ZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHR5cGUge1xuICBQaWN0b2dyYW1WYXJpYXRpb25zLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUG9seW1vcnBoaWNSZWYsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFBpY3RvZ3JhbUJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCB2YXJpYW50LCBzaXplLCBzcXVhcmVDb3JuZXJzLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVBhZGRpbmcgPVxuICAgICAgc2l6ZSA9PT0gXCJ4c1wiXG4gICAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHNcbiAgICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICB9LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgICBwYWRkaW5nOiBiYXNlUGFkZGluZyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5kaXNhYmxlZCxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgICAvLyBTdWJ0cmFjdCAxcHggc28gdGhlIDFweCBib3JkZXIgZG9lc24ndCBhZGQgdG8gb3V0ZXIgZGltZW5zaW9ucyDigJRcbiAgICAgICAgLy8ga2VlcHMgaGVpZ2h0IGVxdWFsIHRvIEJ1dHRvbiBhdCB0aGUgc2FtZSBzaXplLlxuICAgICAgICBwYWRkaW5nOiBwYXJzZUludChiYXNlUGFkZGluZywgMTApIC0gMSxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgICB9LFxuICAgICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIC4uLih2YXJpYW50ID09PSBcInF1YXRlcm5hcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmljb24uc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICAgIGJvcmRlclJhZGl1czogXCIwXCIsXG4gICAgICB9KSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIC8qKiBTaXplICovXG4gIHNpemU/OiBcInhzXCIgfCBcInNcIiB8IFwibVwiO1xuICB2YXJpYW50PzogUGljdG9ncmFtVmFyaWF0aW9ucztcbiAgbGFiZWw/OiBzdHJpbmc7XG59ICYgT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJ2YXJpYW50XCJcbiAgfCBcInNpemVcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwibG9hZGluZ1wiXG4+O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXJpYUF0dHJpYnV0ZXMsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIHNpemUgPSBcInhzXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBsYWJlbCxcbiAgICAgIHNxdWFyZUNvcm5lcnMgPSBmYWxzZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQaWN0b2dyYW1CdXR0b25Qcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgY29uc3QgbWVyZ2VkQXJpYUF0dHJpYnV0ZXMgPSBnZXRBcmlhQXR0cmlidXRlcyhyZXN0LCBhcmlhQXR0cmlidXRlcyk7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbZGlzYWJsZWQsIG9uQ2xpY2tdXG4gICAgKTtcbiAgICBjb25zdCBpY29uU2l6ZSA9IHNpemUgPT09IFwibVwiID8gXCJtXCIgOiBcInNcIjtcbiAgICBjb25zdCBhcmlhTGFiZWxQcm9wID1cbiAgICAgIGxhYmVsIHx8IGFyaWFBdHRyaWJ1dGVzPy5bXCJhcmlhLWxhYmVsXCJdXG4gICAgICAgID8ge1xuICAgICAgICAgICAgXCJhcmlhLWxhYmVsXCI6IGFyaWFBdHRyaWJ1dGVzPy5bXCJhcmlhLWxhYmVsXCJdIHx8IGxhYmVsLFxuICAgICAgICAgIH1cbiAgICAgICAgOiB7fTtcbiAgICBjb25zdCBwaWN0b2dyYW1Db250ZW50ID0gKFxuICAgICAgPFN0eWxlZFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlBpY3RvZ3JhbUJ1dHRvblwiXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB0eXBlPXthcyAmJiBhcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLm1lcmdlZEFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICB7Li4uYXJpYUxhYmVsUHJvcH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICBzaXplPXtpY29uU2l6ZX1cbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFBpY3RvZ3JhbUJ1dHRvbj5cbiAgICApO1xuXG4gICAgcmV0dXJuIGxhYmVsID8gKFxuICAgICAgPFRvb2x0aXAgY29udGVudD17bGFiZWx9PntwaWN0b2dyYW1Db250ZW50fTwvVG9vbHRpcD5cbiAgICApIDogKFxuICAgICAgcGljdG9ncmFtQ29udGVudFxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZThCIn0= */"),PictogramButton=_react.default.forwardRef(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"ehivp160",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRBcmlhQXR0cmlidXRlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvYXJpYUF0dHJpYnV0ZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHR5cGUge1xuICBQaWN0b2dyYW1WYXJpYXRpb25zLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUG9seW1vcnBoaWNSZWYsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBXaXRoQXJpYUxhYmVsLCBXaXRoQXJpYUxhYmVsbGVkQnkgfSBmcm9tIFwiLi4vLi4vdHlwZXMvYTExeVwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFBpY3RvZ3JhbUJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCB2YXJpYW50LCBzaXplLCBzcXVhcmVDb3JuZXJzLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVBhZGRpbmcgPVxuICAgICAgc2l6ZSA9PT0gXCJ4c1wiXG4gICAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHNcbiAgICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICB9LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgICBwYWRkaW5nOiBiYXNlUGFkZGluZyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5kaXNhYmxlZCxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgICAvLyBTdWJ0cmFjdCAxcHggc28gdGhlIDFweCBib3JkZXIgZG9lc24ndCBhZGQgdG8gb3V0ZXIgZGltZW5zaW9ucyDigJRcbiAgICAgICAgLy8ga2VlcHMgaGVpZ2h0IGVxdWFsIHRvIEJ1dHRvbiBhdCB0aGUgc2FtZSBzaXplLlxuICAgICAgICBwYWRkaW5nOiBwYXJzZUludChiYXNlUGFkZGluZywgMTApIC0gMSxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgICB9LFxuICAgICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIC4uLih2YXJpYW50ID09PSBcInF1YXRlcm5hcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmljb24uc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICAgIGJvcmRlclJhZGl1czogXCIwXCIsXG4gICAgICB9KSxcbiAgICB9O1xuICB9XG4pO1xuXG50eXBlIFdpdGhMYWJlbCA9IHtcbiAgLyoqIEFjY2Vzc2libGUgbmFtZSBkaXNwbGF5ZWQgYXMgYSB0b29sdGlwIG9uIGhvdmVyL2ZvY3VzLiAqL1xuICBsYWJlbDogc3RyaW5nO1xuICBcImFyaWEtbGFiZWxcIj86IG5ldmVyO1xuICBcImFyaWEtbGFiZWxsZWRieVwiPzogbmV2ZXI7XG59O1xuXG5leHBvcnQgdHlwZSBDb25kaXRpb25hbFBpY3RvZ3JhbUJ1dHRvbkFjY2Vzc2libGVOYW1lID1cbiAgfCBXaXRoTGFiZWxcbiAgfCBXaXRoQXJpYUxhYmVsXG4gIHwgV2l0aEFyaWFMYWJlbGxlZEJ5O1xuXG5leHBvcnQgdHlwZSBQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIC8qKiBTaXplICovXG4gIHNpemU/OiBcInhzXCIgfCBcInNcIiB8IFwibVwiO1xuICB2YXJpYW50PzogUGljdG9ncmFtVmFyaWF0aW9ucztcbn0gJiBDb25kaXRpb25hbFBpY3RvZ3JhbUJ1dHRvbkFjY2Vzc2libGVOYW1lICZcbiAgT21pdDxcbiAgICBCdXR0b25Qcm9wcyxcbiAgICB8IFwidmFyaWFudFwiXG4gICAgfCBcInNpemVcIlxuICAgIHwgXCJsZWZ0SWNvblwiXG4gICAgfCBcInJpZ2h0SWNvblwiXG4gICAgfCBcImZ1bGxXaWR0aFwiXG4gICAgfCBcImRlc3RydWN0aXZlXCJcbiAgICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgICB8IFwibG9hZGluZ1wiXG4gID47XG5cbnR5cGUgUGljdG9ncmFtQnV0dG9uQ29tcG9uZW50ID0gPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+XG4pID0+IFJlYWN0LlJlYWN0Tm9kZSB8IG51bGw7XG5cbmV4cG9ydCBjb25zdCBQaWN0b2dyYW1CdXR0b246IFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgICB7XG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIHR5cGUgPSBcImJ1dHRvblwiLFxuICAgICAgc2l6ZSA9IFwieHNcIixcbiAgICAgIHZhcmlhbnQgPSBcInRlcnRpYXJ5XCIsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIGFzLFxuICAgICAgaWNvbixcbiAgICAgIGxhYmVsLFxuICAgICAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPixcbiAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICApID0+IHtcbiAgICBjb25zdCBtZXJnZWRBcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3QsIGFyaWFBdHRyaWJ1dGVzKTtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtkaXNhYmxlZCwgb25DbGlja11cbiAgICApO1xuICAgIGNvbnN0IGljb25TaXplID0gc2l6ZSA9PT0gXCJtXCIgPyBcIm1cIiA6IFwic1wiO1xuICAgIGNvbnN0IGFyaWFMYWJlbFByb3AgPVxuICAgICAgbGFiZWwgfHwgYXJpYUF0dHJpYnV0ZXM/LltcImFyaWEtbGFiZWxcIl1cbiAgICAgICAgPyB7XG4gICAgICAgICAgICBcImFyaWEtbGFiZWxcIjogYXJpYUF0dHJpYnV0ZXM/LltcImFyaWEtbGFiZWxcIl0gfHwgbGFiZWwsXG4gICAgICAgICAgfVxuICAgICAgICA6IHt9O1xuICAgIGNvbnN0IHBpY3RvZ3JhbUNvbnRlbnQgPSAoXG4gICAgICA8U3R5bGVkUGljdG9ncmFtQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGljdG9ncmFtQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICB7Li4ubWVyZ2VkQXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5hcmlhTGFiZWxQcm9wfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIHNpemU9e2ljb25TaXplfVxuICAgICAgICAgICAgbmFtZT17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUGljdG9ncmFtQnV0dG9uPlxuICAgICk7XG5cbiAgICByZXR1cm4gbGFiZWwgPyAoXG4gICAgICA8VG9vbHRpcCBjb250ZW50PXtsYWJlbH0+e3BpY3RvZ3JhbUNvbnRlbnR9PC9Ub29sdGlwPlxuICAgICkgOiAoXG4gICAgICBwaWN0b2dyYW1Db250ZW50XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjhCIn0= */"),PictogramButton=_react.default.forwardRef(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { type HTMLAttributes } from "react";
|
|
2
|
+
import type { ConditionalAccessibleName } from "src/types/a11y";
|
|
2
3
|
import type { ProgressBarWeight } from "../SegmentedProgressBar/-types";
|
|
3
4
|
export type ProgressBarProps = {
|
|
4
5
|
/** The value for 100% progress. Consumer does not need to do percentage calculation. */
|
|
@@ -8,5 +9,5 @@ export type ProgressBarProps = {
|
|
|
8
9
|
squareCorners?: boolean;
|
|
9
10
|
weight?: ProgressBarWeight;
|
|
10
11
|
"data-e2e-test-id"?: string;
|
|
11
|
-
} & HTMLAttributes<HTMLProgressElement
|
|
12
|
+
} & HTMLAttributes<HTMLProgressElement> & ConditionalAccessibleName;
|
|
12
13
|
export declare function ProgressBar({ maxValue, progress, weight, squareCorners, "data-e2e-test-id": dataE2eTestId, id, ...ariaAttributes }: ProgressBarProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CategoryList(){return CategoryList},get getListItemId(){return getListItemId}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Header=require("../Typography/Header"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text"),_Columns=require("../Column/Columns"),_Stack=require("../Stack/Stack"),_Container=require("../Container"),_Divider=require("../Divider/Divider");function getListItemId(name,category,index){return`${name}_${category}_ListItem${index}`}const StyledIconLeft=(0,_styled.default)(_Icon.Icon,{target:"eua7s3a0",label:"StyledIconLeft"})(({theme})=>({marginRight:theme.variables.size.spacing.xs}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbnR5cGUgU3R5bGVkTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdjxTdHlsZWRMaXN0SXRlbVByb3BzPihcbiAgKHsgdGhlbWUsIGlzU2VsZWN0ZWQgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9LFxuXG4gICAgLi4uKGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXRlZ29yeUxpc3Qoe1xuICBuYW1lLFxuICBjYXRlZ29yeSxcbiAgaWNvbkxlZnQsXG4gIHJpZ2h0Q29udGVudCxcbiAgaXRlbXMsXG4gIHNlbGVjdGVkTGlzdEl0ZW0sXG4gIG9uTGlzdEl0ZW1DbGljayxcbn06IENhdGVnb3J5TGlzdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbGlzdEl0ZW1zID0gaXRlbXMubWFwKFxuICAgICh7IGxhYmVsLCBpY29uTGVmdDogaXRlbUljb25MZWZ0LCBkYXRhRTJlVGVzdElkIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc1NlbGVjdGVkID1cbiAgICAgICAgISFzZWxlY3RlZExpc3RJdGVtICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uaW5kZXhJbkNhdGVnb3J5ID09PSBpbmRleDtcblxuICAgICAgLyogZXNsaW50LWRpc2FibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgPFN0eWxlZExpc3RJdGVtXG4gICAgICAgICAgICBpZD17Z2V0TGlzdEl0ZW1JZChuYW1lLCBjYXRlZ29yeSwgaW5kZXgpfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBvblBvaW50ZXJEb3duPXsoZXZ0KSA9PiBldnQucHJldmVudERlZmF1bHQoKX0gLy8gbmVlZGVkIHRvIGF2b2lkIGZvY3VzIGNoYW5nZVxuICAgICAgICAgICAgb25DbGljaz17KGV2dCkgPT4gb25MaXN0SXRlbUNsaWNrKGNhdGVnb3J5LCBpbmRleCwgZXZ0KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q29sdW1ucz5cbiAgICAgICAgICAgICAge2ljb25MZWZ0ICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSWNvbkxlZnRcbiAgICAgICAgICAgICAgICAgICAgICB7Li4uKGl0ZW1JY29uTGVmdCB8fCBpY29uTGVmdCl9XG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgPFRleHQgb3ZlcmZsb3dXcmFwPVwiYnJlYWstd29yZFwiIGh5cGhlbnM9XCJhdXRvXCI+XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAge3JpZ2h0Q29udGVudCAmJiA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj57cmlnaHRDb250ZW50fTwvQ29sdW1uPn1cbiAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgIHtpbmRleCAhPT0gaXRlbXMubGVuZ3RoIC0gMSAmJiA8RGl2aWRlciAvPn1cbiAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICk7XG4gICAgICAvKiBlc2xpbnQtZW5hYmxlIHJlYWN0L25vLWFycmF5LWluZGV4LWtleSAqL1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBzcGFjZT1cInNcIj5cbiAgICAgIDxINiBhcz1cImRpdlwiPntjYXRlZ29yeX08L0g2PlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IGJvcmRlclJhZGl1cz1cInNcIj5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwiemVyb1wiPntsaXN0SXRlbXN9PC9TdGFjaz5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR1QiJ9 */"),StyledListItem=(0,_styled.default)("div",{target:"eua7s3a1",label:"StyledListItem"})(({theme,isSelected})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isSelected&&{backgroundColor:theme.values.color.background.transparent.hover}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbnR5cGUgU3R5bGVkTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdjxTdHlsZWRMaXN0SXRlbVByb3BzPihcbiAgKHsgdGhlbWUsIGlzU2VsZWN0ZWQgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9LFxuXG4gICAgLi4uKGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXRlZ29yeUxpc3Qoe1xuICBuYW1lLFxuICBjYXRlZ29yeSxcbiAgaWNvbkxlZnQsXG4gIHJpZ2h0Q29udGVudCxcbiAgaXRlbXMsXG4gIHNlbGVjdGVkTGlzdEl0ZW0sXG4gIG9uTGlzdEl0ZW1DbGljayxcbn06IENhdGVnb3J5TGlzdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbGlzdEl0ZW1zID0gaXRlbXMubWFwKFxuICAgICh7IGxhYmVsLCBpY29uTGVmdDogaXRlbUljb25MZWZ0LCBkYXRhRTJlVGVzdElkIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc1NlbGVjdGVkID1cbiAgICAgICAgISFzZWxlY3RlZExpc3RJdGVtICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uaW5kZXhJbkNhdGVnb3J5ID09PSBpbmRleDtcblxuICAgICAgLyogZXNsaW50LWRpc2FibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgPFN0eWxlZExpc3RJdGVtXG4gICAgICAgICAgICBpZD17Z2V0TGlzdEl0ZW1JZChuYW1lLCBjYXRlZ29yeSwgaW5kZXgpfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBvblBvaW50ZXJEb3duPXsoZXZ0KSA9PiBldnQucHJldmVudERlZmF1bHQoKX0gLy8gbmVlZGVkIHRvIGF2b2lkIGZvY3VzIGNoYW5nZVxuICAgICAgICAgICAgb25DbGljaz17KGV2dCkgPT4gb25MaXN0SXRlbUNsaWNrKGNhdGVnb3J5LCBpbmRleCwgZXZ0KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q29sdW1ucz5cbiAgICAgICAgICAgICAge2ljb25MZWZ0ICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSWNvbkxlZnRcbiAgICAgICAgICAgICAgICAgICAgICB7Li4uKGl0ZW1JY29uTGVmdCB8fCBpY29uTGVmdCl9XG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgPFRleHQgb3ZlcmZsb3dXcmFwPVwiYnJlYWstd29yZFwiIGh5cGhlbnM9XCJhdXRvXCI+XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAge3JpZ2h0Q29udGVudCAmJiA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj57cmlnaHRDb250ZW50fTwvQ29sdW1uPn1cbiAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgIHtpbmRleCAhPT0gaXRlbXMubGVuZ3RoIC0gMSAmJiA8RGl2aWRlciAvPn1cbiAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICk7XG4gICAgICAvKiBlc2xpbnQtZW5hYmxlIHJlYWN0L25vLWFycmF5LWluZGV4LWtleSAqL1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBzcGFjZT1cInNcIj5cbiAgICAgIDxINiBhcz1cImRpdlwiPntjYXRlZ29yeX08L0g2PlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IGJvcmRlclJhZGl1cz1cInNcIj5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwiemVyb1wiPntsaXN0SXRlbXN9PC9TdGFjaz5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkR1QiJ9 */");function CategoryList({name,category,iconLeft,rightContent,items,selectedListItem,onListItemClick}){let listItems=items.map(({label,iconLeft:itemIconLeft,dataE2eTestId},index)=>{let isSelected=!!selectedListItem&&selectedListItem.category===category&&selectedListItem.indexInCategory===index;return _react.default.createElement(_react.Fragment,{key:index},_react.default.createElement(StyledListItem,{id:getListItemId(name,category,index),"data-e2e-test-id":dataE2eTestId,role:"option",isSelected:isSelected,"aria-selected":isSelected,onPointerDown:evt=>evt.preventDefault(),onClick:evt=>onListItemClick(category,index,evt)},_react.default.createElement(_Columns.Columns,null,iconLeft&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Text.Text,null,_react.default.createElement(StyledIconLeft,{...itemIconLeft||iconLeft,size:"s",color:"tertiary",inline:!0}))),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Text.Text,{overflowWrap:"break-word",hyphens:"auto"},label)),rightContent&&_react.default.createElement(_Columns.Column,{size:"narrow"},rightContent))),index!==items.length-1&&_react.default.createElement(_Divider.Divider,null))});return _react.default.createElement(_Stack.Stack,{space:"s"},_react.default.createElement(_Header.H6,{as:"div"},category),_react.default.createElement(_Container.Container,{elevation:0,borderRadius:"s"},_react.default.createElement(_Stack.Stack,{space:"zero"},listItems)))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CategoryList(){return CategoryList},get getListItemId(){return getListItemId}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Header=require("../Typography/Header"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text"),_Columns=require("../Column/Columns"),_Stack=require("../Stack/Stack"),_Container=require("../Container"),_Divider=require("../Divider/Divider");function getListItemId(name,category,index){return`${name}_${category}_ListItem${index}`}const StyledIconLeft=(0,_styled.default)(_Icon.Icon,{target:"ezayp620",label:"StyledIconLeft"})(({theme})=>({marginRight:theme.variables.size.spacing.xs}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbik8SWNvblByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5SaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxudHlwZSBTdHlsZWRMaXN0SXRlbVByb3BzID0ge1xuICBpc1NlbGVjdGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2PFN0eWxlZExpc3RJdGVtUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTZWxlY3RlZCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG5cbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhdGVnb3J5TGlzdCh7XG4gIG5hbWUsXG4gIGNhdGVnb3J5LFxuICBpY29uTGVmdCxcbiAgcmlnaHRDb250ZW50LFxuICBpdGVtcyxcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgb25MaXN0SXRlbUNsaWNrLFxufTogQ2F0ZWdvcnlMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBsaXN0SXRlbXMgPSBpdGVtcy5tYXAoXG4gICAgKHsgbGFiZWwsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQsIGRhdGFFMmVUZXN0SWQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5jYXRlZ29yeSA9PT0gY2F0ZWdvcnkgJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5pbmRleEluQ2F0ZWdvcnkgPT09IGluZGV4O1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgICAgcm9sZT1cIm9wdGlvblwiXG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIG9uUG9pbnRlckRvd249eyhldnQpID0+IGV2dC5wcmV2ZW50RGVmYXVsdCgpfSAvLyBuZWVkZWQgdG8gYXZvaWQgZm9jdXMgY2hhbmdlXG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZ0KSA9PiBvbkxpc3RJdGVtQ2xpY2soY2F0ZWdvcnksIGluZGV4LCBldnQpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgICAgICB7aWNvbkxlZnQgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJY29uTGVmdFxuICAgICAgICAgICAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBvdmVyZmxvd1dyYXA9XCJicmVhay13b3JkXCIgaHlwaGVucz1cImF1dG9cIj5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICB7cmlnaHRDb250ZW50ICYmIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPntyaWdodENvbnRlbnR9PC9Db2x1bW4+fVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgKTtcbiAgICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHVCIn0= */"),StyledListItem=(0,_styled.default)("div",{target:"ezayp621",label:"StyledListItem"})(({theme,isSelected})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isSelected&&{backgroundColor:theme.values.color.background.transparent.hover}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbik8SWNvblByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5SaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxudHlwZSBTdHlsZWRMaXN0SXRlbVByb3BzID0ge1xuICBpc1NlbGVjdGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2PFN0eWxlZExpc3RJdGVtUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTZWxlY3RlZCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG5cbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhdGVnb3J5TGlzdCh7XG4gIG5hbWUsXG4gIGNhdGVnb3J5LFxuICBpY29uTGVmdCxcbiAgcmlnaHRDb250ZW50LFxuICBpdGVtcyxcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgb25MaXN0SXRlbUNsaWNrLFxufTogQ2F0ZWdvcnlMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBsaXN0SXRlbXMgPSBpdGVtcy5tYXAoXG4gICAgKHsgbGFiZWwsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQsIGRhdGFFMmVUZXN0SWQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5jYXRlZ29yeSA9PT0gY2F0ZWdvcnkgJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5pbmRleEluQ2F0ZWdvcnkgPT09IGluZGV4O1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgICAgcm9sZT1cIm9wdGlvblwiXG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIG9uUG9pbnRlckRvd249eyhldnQpID0+IGV2dC5wcmV2ZW50RGVmYXVsdCgpfSAvLyBuZWVkZWQgdG8gYXZvaWQgZm9jdXMgY2hhbmdlXG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZ0KSA9PiBvbkxpc3RJdGVtQ2xpY2soY2F0ZWdvcnksIGluZGV4LCBldnQpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgICAgICB7aWNvbkxlZnQgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJY29uTGVmdFxuICAgICAgICAgICAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBvdmVyZmxvd1dyYXA9XCJicmVhay13b3JkXCIgaHlwaGVucz1cImF1dG9cIj5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICB7cmlnaHRDb250ZW50ICYmIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPntyaWdodENvbnRlbnR9PC9Db2x1bW4+fVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgKTtcbiAgICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHVCIn0= */");function CategoryList({name,category,iconLeft,rightContent,items,selectedListItem,onListItemClick}){let listItems=items.map(({label,iconLeft:itemIconLeft,dataE2eTestId},index)=>{let isSelected=!!selectedListItem&&selectedListItem.category===category&&selectedListItem.indexInCategory===index;return _react.default.createElement(_react.Fragment,{key:index},_react.default.createElement(StyledListItem,{id:getListItemId(name,category,index),"data-e2e-test-id":dataE2eTestId,role:"option",isSelected:isSelected,"aria-selected":isSelected,onPointerDown:evt=>evt.preventDefault(),onClick:evt=>onListItemClick(category,index,evt)},_react.default.createElement(_Columns.Columns,null,iconLeft&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Text.Text,null,_react.default.createElement(StyledIconLeft,{...itemIconLeft||iconLeft,size:"s",color:"tertiary",inline:!0}))),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Text.Text,{overflowWrap:"break-word",hyphens:"auto"},label)),rightContent&&_react.default.createElement(_Columns.Column,{size:"narrow"},rightContent))),index!==items.length-1&&_react.default.createElement(_Divider.Divider,null))});return _react.default.createElement(_Stack.Stack,{space:"s"},_react.default.createElement(_Header.H6,{as:"div"},category),_react.default.createElement(_Container.Container,{elevation:0,borderRadius:"s"},_react.default.createElement(_Stack.Stack,{space:"zero"},listItems)))}
|