@amboss/design-system 3.13.16 → 3.13.18
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/InteractiveBox/InteractiveBox.d.ts +3 -5
- package/build/cjs/components/InteractiveBox/InteractiveBox.js +1 -1
- package/build/cjs/components/NavBar/DropdownTriggerButton.d.ts +6 -0
- package/build/cjs/components/NavBar/DropdownTriggerButton.js +1 -0
- package/build/cjs/components/NavBar/NavBar.d.ts +3 -0
- package/build/cjs/components/NavBar/NavBar.js +1 -1
- package/build/cjs/components/NavBar/TabButton.js +1 -1
- package/build/cjs/components/PromptInput/AutocompleteList.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/components/Tabs/Tabs.d.ts +2 -1
- package/build/cjs/components/Tabs/Tabs.js +1 -1
- package/build/cjs/components/Tooltip/TooltipContent.js +1 -1
- package/build/cjs/web-tokens/subNavigationTheme.json +78 -0
- package/build/esm/components/InteractiveBox/InteractiveBox.d.ts +3 -5
- package/build/esm/components/InteractiveBox/InteractiveBox.js +1 -1
- package/build/esm/components/NavBar/DropdownTriggerButton.d.ts +6 -0
- package/build/esm/components/NavBar/DropdownTriggerButton.js +1 -0
- package/build/esm/components/NavBar/NavBar.d.ts +3 -0
- package/build/esm/components/NavBar/NavBar.js +1 -1
- package/build/esm/components/NavBar/TabButton.js +1 -1
- package/build/esm/components/PromptInput/AutocompleteList.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/components/Tabs/Tabs.d.ts +2 -1
- package/build/esm/components/Tabs/Tabs.js +1 -1
- package/build/esm/components/Tooltip/TooltipContent.js +1 -1
- package/build/esm/web-tokens/subNavigationTheme.json +78 -0
- package/package.json +1 -1
|
@@ -5,11 +5,9 @@ export type InteractiveBoxProps = BoxProps & {
|
|
|
5
5
|
destructive?: boolean;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
fullWidth?: boolean;
|
|
8
|
-
|
|
9
|
-
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
8
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
10
9
|
onFocus?: (e: React.FocusEvent) => void;
|
|
11
|
-
|
|
12
|
-
tabIndex?: number;
|
|
10
|
+
onBlur?: (e: React.FocusEvent) => void;
|
|
13
11
|
variant?: BaseVariations;
|
|
14
12
|
};
|
|
15
|
-
export declare function InteractiveBox({ children, variant, disabled, onClick, onFocus, onBlur, fullWidth, destructive, space, vSpace, rSpace, lSpace, tSpace, bSpace, alignText, ariaAttributes, id, "data-e2e-test-id": dataE2eTestId, height, }: InteractiveBoxProps): React.ReactElement;
|
|
13
|
+
export declare function InteractiveBox({ children, variant, disabled, onClick, onFocus, onBlur, fullWidth, destructive, space, vSpace, rSpace, lSpace, tSpace, bSpace, alignText, ariaAttributes, id, "data-e2e-test-id": dataE2eTestId, height, ...rest }: InteractiveBoxProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"InteractiveBox",{enumerable:!0,get:function(){return InteractiveBox}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"InteractiveBox",{enumerable:!0,get:function(){return InteractiveBox}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Box=require("../Box/Box"),_mixins=require("../../shared/mixins"),StyledInteractiveBox=(0,_styled.default)(_Box.StyledBox,{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"height"!==prop,target:"ektix950",label:"StyledInteractiveBox"})(({theme,variant,disabled,fullWidth,destructive})=>({...(0,_mixins.getButtonAppearanceReset)(),...(0,_mixins.getBaseButtonStyles)({theme}),...(0,_mixins.getPrimaryVariantStyles)({theme,destructive,disabled}),..."secondary"===variant&&{...(0,_mixins.getSecondaryVariantStyles)({theme,disabled,destructive})},..."tertiary"===variant&&(0,_mixins.getTertiaryVariantStyles)({theme,destructive,disabled}),...disabled&&{...(0,_mixins.getDisabledStyles)({theme}),cursor:"not-allowed"},...fullWidth&&{width:"100%"},...(0,_mixins.getFocusStyles)()}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJhY3RpdmVCb3gvSW50ZXJhY3RpdmVCb3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcmFjdGl2ZUJveC9JbnRlcmFjdGl2ZUJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcblxuaW1wb3J0IHsgU3R5bGVkQm94LCB0eXBlIEJveFByb3BzIH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVZhcmlhdGlvbnMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7XG4gIGdldEZvY3VzU3R5bGVzLFxuICBnZXREaXNhYmxlZFN0eWxlcyxcbiAgZ2V0UHJpbWFyeVZhcmlhbnRTdHlsZXMsXG4gIGdldFNlY29uZGFyeVZhcmlhbnRTdHlsZXMsXG4gIGdldFRlcnRpYXJ5VmFyaWFudFN0eWxlcyxcbiAgZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0LFxuICBnZXRCYXNlQnV0dG9uU3R5bGVzLFxufSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuXG5leHBvcnQgdHlwZSBJbnRlcmFjdGl2ZUJveFByb3BzID0gQm94UHJvcHMgJiB7XG4gIGRlc3RydWN0aXZlPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBmdWxsV2lkdGg/OiBib29sZWFuO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIHZhcmlhbnQ/OiBCYXNlVmFyaWF0aW9ucztcbn07XG5cbmNvbnN0IFN0eWxlZEludGVyYWN0aXZlQm94ID0gc3R5bGVkKFN0eWxlZEJveCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwiaGVpZ2h0XCIsXG59KTxJbnRlcmFjdGl2ZUJveFByb3BzPihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkLCBmdWxsV2lkdGgsIGRlc3RydWN0aXZlIH0pID0+ICh7XG4gICAgLi4uZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0KCksXG4gICAgLi4uZ2V0QmFzZUJ1dHRvblN0eWxlcyh7IHRoZW1lIH0pLFxuXG4gICAgLi4uZ2V0UHJpbWFyeVZhcmlhbnRTdHlsZXMoe1xuICAgICAgdGhlbWUsXG4gICAgICBkZXN0cnVjdGl2ZSxcbiAgICAgIGRpc2FibGVkLFxuICAgIH0pLFxuXG4gICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgLi4uZ2V0U2Vjb25kYXJ5VmFyaWFudFN0eWxlcyh7IHRoZW1lLCBkaXNhYmxlZCwgZGVzdHJ1Y3RpdmUgfSksXG4gICAgfSksXG5cbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmXG4gICAgICBnZXRUZXJ0aWFyeVZhcmlhbnRTdHlsZXMoeyB0aGVtZSwgZGVzdHJ1Y3RpdmUsIGRpc2FibGVkIH0pKSxcblxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICAuLi5nZXREaXNhYmxlZFN0eWxlcyh7IHRoZW1lIH0pLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG5cbiAgICAuLi4oZnVsbFdpZHRoICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB9KSxcbiAgICAuLi5nZXRGb2N1c1N0eWxlcygpLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEludGVyYWN0aXZlQm94KHtcbiAgY2hpbGRyZW4sXG4gIHZhcmlhbnQgPSBcInByaW1hcnlcIixcbiAgZGlzYWJsZWQsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgZnVsbFdpZHRoLFxuICBkZXN0cnVjdGl2ZSxcbiAgc3BhY2UgPSBcInplcm9cIixcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIGFsaWduVGV4dCxcbiAgYXJpYUF0dHJpYnV0ZXMsXG4gIGlkLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgaGVpZ2h0LFxuICAuLi5yZXN0XG59OiBJbnRlcmFjdGl2ZUJveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW50ZXJhY3RpdmVCb3hcbiAgICAgIGFzPVwiYnV0dG9uXCJcbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBmdWxsV2lkdGg9e2Z1bGxXaWR0aH1cbiAgICAgIGRlc3RydWN0aXZlPXtkZXN0cnVjdGl2ZX1cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICBhbGlnblRleHQ9e2FsaWduVGV4dH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiSW50ZXJhY3RpdmVCb3hcIlxuICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkSW50ZXJhY3RpdmVCb3g+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI2QiJ9 */");function InteractiveBox({children,variant="primary",disabled,onClick,onFocus,onBlur,fullWidth,destructive,space="zero",vSpace,rSpace,lSpace,tSpace,bSpace,alignText,ariaAttributes,id,"data-e2e-test-id":dataE2eTestId,height,...rest}){return _react.default.createElement(StyledInteractiveBox,{as:"button",variant:variant,disabled:disabled,fullWidth:fullWidth,destructive:destructive,space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace,alignText:alignText,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"InteractiveBox",height:height,onClick:onClick,onFocus:onFocus,onBlur:onBlur,...ariaAttributes,...rest},children)}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { PropsWithChildren } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import type { ButtonProps } from "../Button/Button";
|
|
4
|
+
type DropdownTriggerButtonProps = PropsWithChildren<Pick<ButtonProps, "onClick" | "onFocus" | "onBlur" | "disabled">>;
|
|
5
|
+
export declare const DropdownTriggerButton: ({ children, ...rest }: DropdownTriggerButtonProps) => React.ReactElement;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DropdownTriggerButton",{enumerable:!0,get:function(){return DropdownTriggerButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_InteractiveBox=require("../InteractiveBox/InteractiveBox"),_Inline=require("../Inline/Inline"),_Icon=require("../Icon/Icon"),CustomInteractiveBox=(0,_styled.default)(_InteractiveBox.InteractiveBox,{target:"e1njy8v10",label:"CustomInteractiveBox"})(({theme})=>({color:theme.values.color.text.accent.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL0Ryb3Bkb3duVHJpZ2dlckJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9Ecm9wZG93blRyaWdnZXJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBJbnRlcmFjdGl2ZUJveCB9IGZyb20gXCIuLi9JbnRlcmFjdGl2ZUJveC9JbnRlcmFjdGl2ZUJveFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbnR5cGUgRHJvcGRvd25UcmlnZ2VyQnV0dG9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjxcbiAgUGljazxCdXR0b25Qcm9wcywgXCJvbkNsaWNrXCIgfCBcIm9uRm9jdXNcIiB8IFwib25CbHVyXCIgfCBcImRpc2FibGVkXCI+XG4+O1xuXG5jb25zdCBDdXN0b21JbnRlcmFjdGl2ZUJveCA9IHN0eWxlZChJbnRlcmFjdGl2ZUJveCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxufSkpO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25UcmlnZ2VyQnV0dG9uID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IERyb3Bkb3duVHJpZ2dlckJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IChcbiAgPEN1c3RvbUludGVyYWN0aXZlQm94IHNwYWNlPVwieHNcIiB2YXJpYW50PVwidGVydGlhcnlcIiB7Li4ucmVzdH0+XG4gICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJY29uIGNvbG9yPVwiYWNjZW50XCIgbmFtZT1cImNoZXZyb24tZG93blwiIHNpemU9XCJzXCIgLz5cbiAgICA8L0lubGluZT5cbiAgPC9DdXN0b21JbnRlcmFjdGl2ZUJveD5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTZCIn0= */"),DropdownTriggerButton=({children,...rest})=>_react.default.createElement(CustomInteractiveBox,{space:"xs",variant:"tertiary",...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},children,_react.default.createElement(_Icon.Icon,{color:"accent",name:"chevron-down",size:"s"})));
|
|
@@ -10,4 +10,7 @@ export declare namespace NavBar {
|
|
|
10
10
|
name: NavBarName;
|
|
11
11
|
}) => React.ReactElement;
|
|
12
12
|
var TabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, onBlur, onClick, onFocus, ...rest }: import("./TabButton").TabButtonProps) => React.ReactNode;
|
|
13
|
+
var DropdownTriggerButton: ({ children, ...rest }: Pick<import("../..").ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
|
|
14
|
+
children?: React.ReactNode | undefined;
|
|
15
|
+
}) => React.ReactElement;
|
|
13
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBar",{enumerable:!0,get:function(){return NavBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_navigationThemejson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/navigationTheme.json")),_SubMenuContainer=require("./SubMenuContainer"),_TabButton=require("./TabButton");function NavBar({name,children,as,"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:`navigation-${name}`,customTheme:_navigationThemejson.default,"data-e2e-test-id":dataE2eTestId,as:as},children)}NavBar.SubMenuContainer=_SubMenuContainer.SubMenuContainer,NavBar.TabButton=_TabButton.TabButton;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBar",{enumerable:!0,get:function(){return NavBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_navigationThemejson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/navigationTheme.json")),_SubMenuContainer=require("./SubMenuContainer"),_TabButton=require("./TabButton"),_DropdownTriggerButton=require("./DropdownTriggerButton");function NavBar({name,children,as,"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:`navigation-${name}`,customTheme:_navigationThemejson.default,"data-e2e-test-id":dataE2eTestId,as:as},children)}NavBar.SubMenuContainer=_SubMenuContainer.SubMenuContainer,NavBar.TabButton=_TabButton.TabButton,NavBar.DropdownTriggerButton=_DropdownTriggerButton.DropdownTriggerButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return TabButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),StyledButton=(0,/*#__PURE__*/_interop_require_default._(require("@emotion/styled")).default)("button",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return TabButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),StyledButton=(0,/*#__PURE__*/_interop_require_default._(require("@emotion/styled")).default)("button",{target:"eas566r0",label:"StyledButton"})(({theme,isActive})=>{let size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",border:0,textTransform:"none",textDecoration:"none",position:"relative",zIndex:1,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:"none",borderRadius:theme.variables.size.borderRadius.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,margin:`0 ${theme.variables.size.spacing.xxxs}`,color:theme.values.color.text.secondary.default,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},...isActive&&{cursor:"default",zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default,paddingBottom:theme.variables.size.spacing.m,borderBottomRightRadius:0,borderBottomLeftRadius:0,"&:before":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,left:`-${size}`,borderBottomRightRadius:borderBottomRadius,boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`},"&:after":{right:`-${size}`,borderBottomLeftRadius:borderBottomRadius,content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`}}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL1RhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9UYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKTxQYXJ0aWFsPFRhYkJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PiB7XG4gICAgY29uc3Qgc2l6ZSA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucztcbiAgICBjb25zdCBzaGFkb3dPZmZzZXQgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cztcbiAgICBjb25zdCBib3JkZXJCb3R0b21SYWRpdXMgPSBgY2FsYygke3NpemV9IC0gJHtzaGFkb3dPZmZzZXR9KWA7XG4gICAgcmV0dXJuIHtcbiAgICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICB9LFxuICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgIGJvcmRlcjogMCxcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgekluZGV4OiAxLFxuXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gICAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgbWFyZ2luOiBgMCAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4c31gLFxuXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG5cbiAgICAgIC4uLighaXNBY3RpdmUgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICAgICAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHQsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IDAsXG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IDAsXG4gICAgICAgIFwiJjpiZWZvcmVcIjoge1xuICAgICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgaGVpZ2h0OiBzaXplLFxuICAgICAgICAgIGxlZnQ6IGAtJHtzaXplfWAsXG4gICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGJvcmRlckJvdHRvbVJhZGl1cyxcbiAgICAgICAgICBib3hTaGFkb3c6IGAke3NoYWRvd09mZnNldH0gJHtzaGFkb3dPZmZzZXR9IDAgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdH1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgIHJpZ2h0OiBgLSR7c2l6ZX1gLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IGJvcmRlckJvdHRvbVJhZGl1cyxcbiAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgIHdpZHRoOiBzaXplLFxuICAgICAgICAgIGhlaWdodDogc2l6ZSxcbiAgICAgICAgICBib3hTaGFkb3c6IGAtJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCB0eXBlIFRhYkJ1dHRvblByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgVGFiQnV0dG9uID0gKHtcbiAgYXJpYUF0dHJpYnV0ZXM6IHRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gIGNoaWxkcmVuLFxuICBpc0FjdGl2ZSxcbiAgb25CbHVyLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICAuLi5yZXN0XG59OiBUYWJCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IGFyaWFBdHRyaWJ1dGVzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgYmFzZUF0dHJpYnV0ZXMgPSB7XG4gICAgICAuLi50aGVpckFyaWFBdHRyaWJ1dGVzLFxuICAgICAgXCJhcmlhLWRpc2FibGVkXCI6IGlzQWN0aXZlLFxuICAgICAgdGFiSW5kZXg6IGlzQWN0aXZlID8gLTEgOiAwLFxuICAgIH07XG5cbiAgICBpZiAoaXNBY3RpdmUpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLmJhc2VBdHRyaWJ1dGVzLFxuICAgICAgICBcImFyaWEtY3VycmVudFwiOiBcInBhZ2VcIiBhcyBjb25zdCxcbiAgICAgIH07XG4gICAgfVxuXG4gICAgcmV0dXJuIGJhc2VBdHRyaWJ1dGVzO1xuICB9LCBbaXNBY3RpdmUsIHRoZWlyQXJpYUF0dHJpYnV0ZXNdKTtcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzQWN0aXZlICYmIG9uQ2xpY2spIHtcbiAgICAgICAgb25DbGljayhlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkNsaWNrLCBpc0FjdGl2ZV1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICBkYXRhLWRzLWlkPVwiVGFiQnV0dG9uXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgcm9sZT1cInRhYlwiXG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtxQiJ9 */"),TabButton=({ariaAttributes:theirAriaAttributes,children,isActive,onBlur,onClick,onFocus,...rest})=>{let ariaAttributes=(0,_react.useMemo)(()=>{let baseAttributes={...theirAriaAttributes,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page"}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=(0,_react.useCallback)(e=>{!isActive&&onClick&&onClick(e)},[onClick,isActive]);return _react.default.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,role:"tab",...ariaAttributes,...rest},children)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AutocompleteList(){return AutocompleteList},get getAutocompleteListId(){return getAutocompleteListId}};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")),_Box=require("../Box/Box"),_Stack=require("../Stack/Stack"),_CategoryList=require("./CategoryList"),_Container=require("../Container"),_usePopupMenu=require("../../shared/popupMenu/usePopupMenu"),_Portal=require("../Portal/Portal"),_Inline=require("../Inline/Inline");function getAutocompleteListId(name){return`${name}_AutocompleteList`}const StyledContainer=(0,_styled.default)("div",{target:"e1yvalcb0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3dCIn0= */"),StyledListContainer=(0,_styled.default)("div",{target:"e1yvalcb1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzRCIn0= */");function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=(0,_react.useRef)(null),{menuStyle,calculateStyle}=(0,_usePopupMenu.usePopupMenu)({triggerRef,menuRef,isOpen});(0,_react.useEffect)(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>_react.default.createElement(_CategoryList.CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listStyle={...menuStyle,width:triggerRef.current?.getBoundingClientRect().width},listElm=_react.default.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox"},_react.default.createElement(_Container.Container,null,_react.default.createElement(_Box.Box,{space:"xxs"},_react.default.createElement(StyledListContainer,null,_react.default.createElement(_Box.Box,{space:"s",vSpace:"s",bSpace:"xs"},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(_Stack.Stack,{space:"s"},lists),_react.default.createElement(_Inline.Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},listElm):null}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AutocompleteList(){return AutocompleteList},get getAutocompleteListId(){return getAutocompleteListId}};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")),_Box=require("../Box/Box"),_Stack=require("../Stack/Stack"),_CategoryList=require("./CategoryList"),_Container=require("../Container"),_usePopupMenu=require("../../shared/popupMenu/usePopupMenu"),_Portal=require("../Portal/Portal"),_Inline=require("../Inline/Inline");function getAutocompleteListId(name){return`${name}_AutocompleteList`}const StyledContainer=(0,_styled.default)("div",{target:"e1jnh7q0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgIC8vIFByZXZlbnQgYnJvd3NlciB0cmFuc2xhdGlvbiB0byBhdm9pZCBET00gbWFuaXB1bGF0aW9uIGNvbmZsaWN0cyB3aGVuIFJlYWN0IHRyaWVzIHRvIHVwZGF0ZS9yZW1vdmUgbm9kZXMgdGhhdCB0aGUgdHJhbnNsYXRpb24gc2VydmljZSBoYXMgYWxyZWFkeSBtb2RpZmllZFxuICAgICAgdHJhbnNsYXRlPVwibm9cIlxuICAgID5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8U3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwic1wiIGJTcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IifQ== */"),StyledListContainer=(0,_styled.default)("div",{target:"e1jnh7q1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgIC8vIFByZXZlbnQgYnJvd3NlciB0cmFuc2xhdGlvbiB0byBhdm9pZCBET00gbWFuaXB1bGF0aW9uIGNvbmZsaWN0cyB3aGVuIFJlYWN0IHRyaWVzIHRvIHVwZGF0ZS9yZW1vdmUgbm9kZXMgdGhhdCB0aGUgdHJhbnNsYXRpb24gc2VydmljZSBoYXMgYWxyZWFkeSBtb2RpZmllZFxuICAgICAgdHJhbnNsYXRlPVwibm9cIlxuICAgID5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8U3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwic1wiIGJTcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIifQ== */");function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=(0,_react.useRef)(null),{menuStyle,calculateStyle}=(0,_usePopupMenu.usePopupMenu)({triggerRef,menuRef,isOpen});(0,_react.useEffect)(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>_react.default.createElement(_CategoryList.CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listStyle={...menuStyle,width:triggerRef.current?.getBoundingClientRect().width},listElm=_react.default.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox",translate:"no"},_react.default.createElement(_Container.Container,null,_react.default.createElement(_Box.Box,{space:"xxs"},_react.default.createElement(StyledListContainer,null,_react.default.createElement(_Box.Box,{space:"s",vSpace:"s",bSpace:"xs"},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(_Stack.Stack,{space:"s"},lists),_react.default.createElement(_Inline.Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},listElm):null}
|