@amboss/design-system 3.36.1 → 3.36.3--canary-3
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/AccessCardItem/AccessCardItem.d.ts +1 -0
- package/build/cjs/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.js +1 -1
- package/build/cjs/components/EntityList/EntityItemBody.js +1 -1
- package/build/cjs/components/EntityList/EntityListItem.js +1 -1
- package/build/cjs/components/EntityList/VirtualizedEntityList.d.ts +1 -1
- package/build/cjs/components/EntityList/types.d.ts +6 -1
- package/build/cjs/components/EntityList/useFocusByIndex.d.ts +2 -1
- package/build/cjs/components/EntityList/useFocusByIndex.js +1 -1
- package/build/cjs/components/EntityTree/BaseEntityTree.js +1 -1
- package/build/cjs/components/Form/SegmentedControl/-types.d.ts +6 -0
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.d.ts +1 -1
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/cjs/components/NavBar/NavBar.d.ts +15 -7
- package/build/cjs/components/NavBar/NavBar.js +1 -1
- package/build/cjs/components/NavBar/NavBarContext.d.ts +11 -0
- package/build/cjs/components/NavBar/NavBarContext.js +1 -0
- package/build/cjs/components/NavBar/NavBarPrimaryNav.d.ts +11 -2
- package/build/cjs/components/NavBar/NavBarPrimaryNav.js +1 -1
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +11 -0
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -0
- package/build/cjs/components/NavBar/NavBarSecondaryNav.d.ts +25 -0
- package/build/cjs/components/NavBar/NavBarSecondaryNav.js +1 -0
- package/build/cjs/components/NavBar/NavBarSlideDown.js +1 -1
- package/build/cjs/components/NavBar/NavBarSubMenuContainer.d.ts +6 -8
- package/build/cjs/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/cjs/components/NavBar/index.d.ts +4 -0
- package/build/cjs/components/NavBar/index.js +1 -1
- package/build/cjs/components/Toggletip/BasePopover.js +1 -1
- package/build/esm/components/AccessCardItem/AccessCardItem.d.ts +1 -0
- package/build/esm/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/esm/components/EntityList/BaseEntityList.js +1 -1
- package/build/esm/components/EntityList/EntityItemBody.js +1 -1
- package/build/esm/components/EntityList/EntityListItem.js +1 -1
- package/build/esm/components/EntityList/VirtualizedEntityList.d.ts +1 -1
- package/build/esm/components/EntityList/types.d.ts +6 -1
- package/build/esm/components/EntityList/useFocusByIndex.d.ts +2 -1
- package/build/esm/components/EntityList/useFocusByIndex.js +1 -1
- package/build/esm/components/EntityTree/BaseEntityTree.js +1 -1
- package/build/esm/components/Form/SegmentedControl/-types.d.ts +6 -0
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.d.ts +1 -1
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/esm/components/NavBar/NavBar.d.ts +15 -7
- package/build/esm/components/NavBar/NavBar.js +1 -1
- package/build/esm/components/NavBar/NavBarContext.d.ts +11 -0
- package/build/esm/components/NavBar/NavBarContext.js +1 -0
- package/build/esm/components/NavBar/NavBarPrimaryNav.d.ts +11 -2
- package/build/esm/components/NavBar/NavBarPrimaryNav.js +1 -1
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +11 -0
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -0
- package/build/esm/components/NavBar/NavBarSecondaryNav.d.ts +25 -0
- package/build/esm/components/NavBar/NavBarSecondaryNav.js +1 -0
- package/build/esm/components/NavBar/NavBarSlideDown.js +1 -1
- package/build/esm/components/NavBar/NavBarSubMenuContainer.d.ts +6 -8
- package/build/esm/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/esm/components/NavBar/index.d.ts +4 -0
- package/build/esm/components/NavBar/index.js +1 -1
- package/build/esm/components/Toggletip/BasePopover.js +1 -1
- package/package.json +1 -1
- package/build/cjs/components/NavBar/NavBarTabButton.d.ts +0 -10
- package/build/cjs/components/NavBar/NavBarTabButton.js +0 -1
- package/build/esm/components/NavBar/NavBarTabButton.d.ts +0 -10
- package/build/esm/components/NavBar/NavBarTabButton.js +0 -1
|
@@ -1,20 +1,28 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { NavBarOverlayBar } from "./NavBarOverlayBar";
|
|
3
|
-
|
|
3
|
+
import { NavBarName } from "./types";
|
|
4
|
+
type NavBarProps = React.PropsWithChildren<{
|
|
5
|
+
subTheme: NavBarName;
|
|
6
|
+
isCompact: boolean;
|
|
7
|
+
}>;
|
|
8
|
+
export declare function NavBar({ children, subTheme, isCompact, }: NavBarProps): React.ReactElement;
|
|
4
9
|
export declare namespace NavBar {
|
|
10
|
+
var PrimaryNavContainer: typeof import("./NavBarPrimaryNav").PrimaryNavContainer;
|
|
5
11
|
var PrimaryNav: typeof import("./NavBarPrimaryNav").PrimaryNav;
|
|
12
|
+
var PrimaryNavItem: React.ForwardRefExoticComponent<{
|
|
13
|
+
label: string;
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
as?: React.ElementType;
|
|
16
|
+
} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
6
17
|
var SubMenuContainer: React.ForwardRefExoticComponent<{
|
|
7
|
-
subTheme: import("./types").NavBarName;
|
|
8
18
|
"data-e2e-test-id"?: string;
|
|
9
|
-
|
|
10
|
-
children?: React.ReactNode | undefined;
|
|
11
|
-
} & {
|
|
12
|
-
isCompact?: boolean;
|
|
19
|
+
children: React.ReactNode;
|
|
13
20
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
14
21
|
var OverlayBar: typeof NavBarOverlayBar;
|
|
15
|
-
var
|
|
22
|
+
var SecondaryNav: typeof import("./NavBarSecondaryNav").SecondaryNav;
|
|
16
23
|
var DropdownTriggerButton: React.ForwardRefExoticComponent<Pick<import("../..").ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
|
|
17
24
|
children?: React.ReactNode | undefined;
|
|
18
25
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
19
26
|
var SearchInput: React.ForwardRefExoticComponent<import("./NavBarSearchInput").NavBarSearchInputProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
27
|
}
|
|
28
|
+
export {};
|
|
@@ -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__*/
|
|
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__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_NavBarSubMenuContainer=require("./NavBarSubMenuContainer"),_NavBarDropdownTriggerButton=require("./NavBarDropdownTriggerButton"),_NavBarSearchInput=require("./NavBarSearchInput"),_NavBarOverlayBar=require("./NavBarOverlayBar"),_NavBarPrimaryNav=require("./NavBarPrimaryNav"),_NavBarPrimaryNavLinkItem=require("./NavBarPrimaryNavLinkItem"),_NavBarSecondaryNav=require("./NavBarSecondaryNav"),_NavBarContext=require("./NavBarContext"),_types=require("./types"),_useKeyboard=require("../../shared/useKeyboard"),CustomBorderContainer=(0,_styled.default)(_NavBarSubMenuContainer.StyledBorderContainer,{target:"ekhnzl10",label:"CustomBorderContainer"})({position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgTmF2QmFyU3ViTWVudUNvbnRhaW5lcixcbiAgU3R5bGVkQm9yZGVyQ29udGFpbmVyLFxufSBmcm9tIFwiLi9OYXZCYXJTdWJNZW51Q29udGFpbmVyXCI7XG5pbXBvcnQgeyBOYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b24gfSBmcm9tIFwiLi9OYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b25cIjtcbmltcG9ydCB7IE5hdkJhclNlYXJjaElucHV0IH0gZnJvbSBcIi4vTmF2QmFyU2VhcmNoSW5wdXRcIjtcbmltcG9ydCB7IE5hdkJhck92ZXJsYXlCYXIgfSBmcm9tIFwiLi9OYXZCYXJPdmVybGF5QmFyXCI7XG5pbXBvcnQgeyBQcmltYXJ5TmF2Q29udGFpbmVyLCBQcmltYXJ5TmF2IH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdlwiO1xuaW1wb3J0IHsgUHJpbWFyeU5hdkxpbmtJdGVtIH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdkxpbmtJdGVtXCI7XG5pbXBvcnQgeyBTZWNvbmRhcnlOYXYgfSBmcm9tIFwiLi9OYXZCYXJTZWNvbmRhcnlOYXZcIjtcbmltcG9ydCB7IE5hdkJhckNvbnRleHQgfSBmcm9tIFwiLi9OYXZCYXJDb250ZXh0XCI7XG5pbXBvcnQgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VLZXlib2FyZFwiO1xuXG5jb25zdCBDdXN0b21Cb3JkZXJDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBOYXZCYXJQcm9wcyA9IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPHtcbiAgc3ViVGhlbWU6IE5hdkJhck5hbWU7XG4gIGlzQ29tcGFjdDogYm9vbGVhbjtcbn0+O1xuXG5jb25zdCBmb2N1c05hdkl0ZW0gPSAoXG4gIG5hdjogSFRNTEVsZW1lbnQgfCBudWxsLFxuICBkaXJlY3Rpb246IFwibmV4dFwiIHwgXCJwcmV2XCJcbik6IHZvaWQgPT4ge1xuICBpZiAoIW5hdikgcmV0dXJuO1xuXG4gIGNvbnN0IGl0ZW1zID0gQXJyYXkuZnJvbShuYXYucXVlcnlTZWxlY3RvckFsbDxIVE1MRWxlbWVudD4oXCJbdGFiaW5kZXhdXCIpKTtcbiAgaWYgKGl0ZW1zLmxlbmd0aCA9PT0gMCkgcmV0dXJuO1xuXG4gIGNvbnN0IGN1cnJlbnRJbmRleCA9IGl0ZW1zLmluZGV4T2YoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gIGlmIChjdXJyZW50SW5kZXggPT09IC0xKSByZXR1cm47XG5cbiAgY29uc3QgbmV4dEluZGV4ID0gZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IGN1cnJlbnRJbmRleCArIDEgOiBjdXJyZW50SW5kZXggLSAxO1xuXG4gIGlmIChuZXh0SW5kZXggPCAwIHx8IG5leHRJbmRleCA+PSBpdGVtcy5sZW5ndGgpIHJldHVybjtcblxuICBpdGVtc1tjdXJyZW50SW5kZXhdLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIFwiLTFcIik7XG4gIGl0ZW1zW25leHRJbmRleF0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgXCIwXCIpO1xuICBpdGVtc1tuZXh0SW5kZXhdLmZvY3VzKCk7XG59O1xuXG5jb25zdCBmb2N1c1RhYmJhYmxlSXRlbSA9IChuYXY6IEhUTUxFbGVtZW50IHwgbnVsbCk6IHZvaWQgPT4ge1xuICBuYXY/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW3RhYmluZGV4PScwJ11cIik/LmZvY3VzKCk7XG59O1xuXG5jb25zdCByZXNldFRhYkluZGV4ID0gKG5hdjogSFRNTEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgY29uc3QgaXRlbXMgPSBBcnJheS5mcm9tKG5hdi5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50PihcIlt0YWJpbmRleF1cIikpO1xuICBjb25zdCBhY3RpdmVJdGVtID0gbmF2LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW2FyaWEtY3VycmVudD0ncGFnZSddXCIpO1xuICBjb25zdCB0YXJnZXQgPSBhY3RpdmVJdGVtID8/IGl0ZW1zWzBdO1xuXG4gIGZvciAoY29uc3QgaXRlbSBvZiBpdGVtcykge1xuICAgIGl0ZW0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgaXRlbSA9PT0gdGFyZ2V0ID8gXCIwXCIgOiBcIi0xXCIpO1xuICB9XG59O1xuXG5jb25zdCB1c2VSZXNldFRhYkluZGV4T25CbHVyID0gKFxuICBuYXZSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IG51bGw+XG4pOiB2b2lkID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBuYXYgPSBuYXZSZWYuY3VycmVudDtcbiAgICBpZiAoIW5hdikgcmV0dXJuIHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzT3V0ID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmICghbmF2LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgICByZXNldFRhYkluZGV4KG5hdik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIG5hdi5hZGRFdmVudExpc3RlbmVyKFwiZm9jdXNvdXRcIiwgaGFuZGxlRm9jdXNPdXQpO1xuICAgIHJldHVybiAoKSA9PiBuYXYucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImZvY3Vzb3V0XCIsIGhhbmRsZUZvY3VzT3V0KTtcbiAgfSwgW25hdlJlZl0pO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5hdkJhcih7XG4gIGNoaWxkcmVuLFxuICBzdWJUaGVtZSA9IE5hdkJhck5hbWUuVW5zZXQsXG4gIGlzQ29tcGFjdCA9IGZhbHNlLFxufTogTmF2QmFyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwcmltYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgc2Vjb25kYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7IHN1YlRoZW1lLCBpc0NvbXBhY3QsIHByaW1hcnlOYXZSZWYsIHNlY29uZGFyeU5hdlJlZiB9KSxcbiAgICBbc3ViVGhlbWUsIGlzQ29tcGFjdF1cbiAgKTtcblxuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHByaW1hcnlOYXZSZWYpO1xuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHNlY29uZGFyeU5hdlJlZik7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHByaW1hcnlOYXZSZWYuY3VycmVudCwgXCJuZXh0XCIpLFxuICAgICAgQXJyb3dMZWZ0OiAoKSA9PiBmb2N1c05hdkl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50LCBcInByZXZcIiksXG4gICAgfSxcbiAgICBwcmltYXJ5TmF2UmVmLFxuICAgIHRydWVcbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7IEFycm93RG93bjogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0oc2Vjb25kYXJ5TmF2UmVmLmN1cnJlbnQpIH0sXG4gICAgcHJpbWFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHNlY29uZGFyeU5hdlJlZi5jdXJyZW50LCBcIm5leHRcIiksXG4gICAgICBBcnJvd0xlZnQ6ICgpID0+IGZvY3VzTmF2SXRlbShzZWNvbmRhcnlOYXZSZWYuY3VycmVudCwgXCJwcmV2XCIpLFxuICAgICAgQXJyb3dVcDogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50KSxcbiAgICB9LFxuICAgIHNlY29uZGFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmF2QmFyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxDdXN0b21Cb3JkZXJDb250YWluZXI+e2NoaWxkcmVufTwvQ3VzdG9tQm9yZGVyQ29udGFpbmVyPlxuICAgIDwvTmF2QmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cblxuTmF2QmFyLlByaW1hcnlOYXZDb250YWluZXIgPSBQcmltYXJ5TmF2Q29udGFpbmVyO1xuTmF2QmFyLlByaW1hcnlOYXYgPSBQcmltYXJ5TmF2O1xuTmF2QmFyLlByaW1hcnlOYXZJdGVtID0gUHJpbWFyeU5hdkxpbmtJdGVtO1xuTmF2QmFyLlN1Yk1lbnVDb250YWluZXIgPSBOYXZCYXJTdWJNZW51Q29udGFpbmVyO1xuTmF2QmFyLk92ZXJsYXlCYXIgPSBOYXZCYXJPdmVybGF5QmFyO1xuTmF2QmFyLlNlY29uZGFyeU5hdiA9IFNlY29uZGFyeU5hdjtcbk5hdkJhci5Ecm9wZG93blRyaWdnZXJCdXR0b24gPSBOYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b247XG5OYXZCYXIuU2VhcmNoSW5wdXQgPSBOYXZCYXJTZWFyY2hJbnB1dDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIn0= */"),focusNavItem=(nav,direction)=>{if(!nav)return;let items=Array.from(nav.querySelectorAll("[tabindex]"));if(0===items.length)return;let currentIndex=items.indexOf(document.activeElement);if(-1===currentIndex)return;let nextIndex="next"===direction?currentIndex+1:currentIndex-1;nextIndex<0||nextIndex>=items.length||(items[currentIndex].setAttribute("tabindex","-1"),items[nextIndex].setAttribute("tabindex","0"),items[nextIndex].focus())},focusTabbableItem=nav=>{nav?.querySelector("[tabindex='0']")?.focus()},resetTabIndex=nav=>{let items=Array.from(nav.querySelectorAll("[tabindex]")),target=nav.querySelector("[aria-current='page']")??items[0];for(let item of items)item.setAttribute("tabindex",item===target?"0":"-1")},useResetTabIndexOnBlur=navRef=>{(0,_react.useEffect)(()=>{let nav=navRef.current;if(!nav)return;let handleFocusOut=e=>{nav.contains(e.relatedTarget)||resetTabIndex(nav)};return nav.addEventListener("focusout",handleFocusOut),()=>nav.removeEventListener("focusout",handleFocusOut)},[navRef])};function NavBar({children,subTheme=_types.NavBarName.Unset,isCompact=!1}){let primaryNavRef=(0,_react.useRef)(null),secondaryNavRef=(0,_react.useRef)(null),contextValue=(0,_react.useMemo)(()=>({subTheme,isCompact,primaryNavRef,secondaryNavRef}),[subTheme,isCompact]);return useResetTabIndexOnBlur(primaryNavRef),useResetTabIndexOnBlur(secondaryNavRef),(0,_useKeyboard.useKeyboard)({ArrowRight:()=>focusNavItem(primaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(primaryNavRef.current,"prev")},primaryNavRef,!0),(0,_useKeyboard.useKeyboard)({ArrowDown:()=>focusTabbableItem(secondaryNavRef.current)},primaryNavRef,!isCompact),(0,_useKeyboard.useKeyboard)({ArrowRight:()=>focusNavItem(secondaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(secondaryNavRef.current,"prev"),ArrowUp:()=>focusTabbableItem(primaryNavRef.current)},secondaryNavRef,!isCompact),_react.default.createElement(_NavBarContext.NavBarContext.Provider,{value:contextValue},_react.default.createElement(CustomBorderContainer,null,children))}NavBar.PrimaryNavContainer=_NavBarPrimaryNav.PrimaryNavContainer,NavBar.PrimaryNav=_NavBarPrimaryNav.PrimaryNav,NavBar.PrimaryNavItem=_NavBarPrimaryNavLinkItem.PrimaryNavLinkItem,NavBar.SubMenuContainer=_NavBarSubMenuContainer.NavBarSubMenuContainer,NavBar.OverlayBar=_NavBarOverlayBar.NavBarOverlayBar,NavBar.SecondaryNav=_NavBarSecondaryNav.SecondaryNav,NavBar.DropdownTriggerButton=_NavBarDropdownTriggerButton.NavBarDropdownTriggerButton,NavBar.SearchInput=_NavBarSearchInput.NavBarSearchInput;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { RefObject } from "react";
|
|
2
|
+
import { NavBarName } from "./types";
|
|
3
|
+
type NavBarContextValue = {
|
|
4
|
+
subTheme: NavBarName;
|
|
5
|
+
isCompact: boolean;
|
|
6
|
+
primaryNavRef: RefObject<HTMLElement>;
|
|
7
|
+
secondaryNavRef: RefObject<HTMLElement>;
|
|
8
|
+
};
|
|
9
|
+
export declare const NavBarContext: React.Context<NavBarContextValue>;
|
|
10
|
+
export declare function useNavBarContext(): NavBarContextValue;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get NavBarContext(){return NavBarContext},get useNavBarContext(){return useNavBarContext}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=require("react"),defaultContextValue={subTheme:require("./types").NavBarName.Unset,isCompact:!1,primaryNavRef:(0,_react.createRef)(),secondaryNavRef:(0,_react.createRef)()},NavBarContext=(0,_react.createContext)(defaultContextValue);function useNavBarContext(){return(0,_react.useContext)(NavBarContext)}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
type PrimaryNavContainerProps = {
|
|
3
|
+
"data-e2e-test-id"?: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export declare function PrimaryNavContainer({ children, "data-e2e-test-id": dataE2eTestId, }: PrimaryNavContainerProps): React.ReactElement;
|
|
7
|
+
export type PrimaryNavProps = {
|
|
8
|
+
"aria-label": string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare function PrimaryNav({ "aria-label": ariaLabel, children, }: PrimaryNavProps): React.ReactElement;
|
|
12
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PrimaryNav(){return PrimaryNav},get PrimaryNavContainer(){return PrimaryNavContainer}};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__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_Container=require("../Container/Container"),_constants=require("./constants"),_NavBarContext=require("./NavBarContext"),StyledPrimaryNav=(0,_styled.default)("div",{target:"e13a1z8k0",label:"StyledPrimaryNav"})({position:"relative",zIndex:_constants.NAV_BAR_Z_INDEX.primary},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclByaW1hcnlOYXYudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyUHJpbWFyeU5hdi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IE5BVl9CQVJfWl9JTkRFWCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcbmltcG9ydCB0eXBlIHsgTmF2QmFyTmFtZSB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbnR5cGUgUHJpbWFyeU5hdkNvbnRhaW5lclByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZFByaW1hcnlOYXYgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgucHJpbWFyeSxcbn0pO1xuXG5jb25zdCBzdWJUaGVtZU1hcHBpbmc6IFJlY29yZDxOYXZCYXJOYW1lLCBTdWJUaGVtZVByb3ZpZGVyUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbGVhcm5pbmc6IFwiYnJhbmRcIixcbiAgdGVhY2hpbmc6IFwiZGltbWVkXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB1bnNldDogXCJ1bnNldFwiLFxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFByaW1hcnlOYXZDb250YWluZXIoe1xuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBQcmltYXJ5TmF2Q29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHN1YlRoZW1lIH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlclxuICAgICAgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgPlxuICAgICAgPFN0eWxlZFByaW1hcnlOYXY+XG4gICAgICAgIDxDb250YWluZXIgc3F1YXJlQ29ybmVycyBlbGV2YXRpb249ezB9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZFByaW1hcnlOYXY+XG4gICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICApO1xufVxuXG5leHBvcnQgdHlwZSBQcmltYXJ5TmF2UHJvcHMgPSB7XG4gIFwiYXJpYS1sYWJlbFwiOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gUHJpbWFyeU5hdih7XG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIGNoaWxkcmVuLFxufTogUHJpbWFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBwcmltYXJ5TmF2UmVmIH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IHJlZj17cHJpbWFyeU5hdlJlZn0gYXJpYS1sYWJlbD17YXJpYUxhYmVsfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L25hdj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnlCIn0= */"),subThemeMapping={learning:"brand",teaching:"dimmed",clinicalCare:"unset",unset:"unset"};function PrimaryNavContainer({children,"data-e2e-test-id":dataE2eTestId}){let{subTheme}=(0,_NavBarContext.useNavBarContext)();return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:subThemeMapping[subTheme],"data-e2e-test-id":dataE2eTestId},_react.default.createElement(StyledPrimaryNav,null,_react.default.createElement(_Container.Container,{squareCorners:!0,elevation:0},children)))}function PrimaryNav({"aria-label":ariaLabel,children}){let{primaryNavRef}=(0,_NavBarContext.useNavBarContext)();return _react.default.createElement("nav",{ref:primaryNavRef,"aria-label":ariaLabel},children)}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type PrimaryNavLinkItemProps = {
|
|
3
|
+
label: string;
|
|
4
|
+
isActive?: boolean;
|
|
5
|
+
as?: React.ElementType;
|
|
6
|
+
} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children">;
|
|
7
|
+
export declare const PrimaryNavLinkItem: React.ForwardRefExoticComponent<{
|
|
8
|
+
label: string;
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PrimaryNavLinkItem",{enumerable:!0,get:function(){return PrimaryNavLinkItem}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_NavBarContext=require("./NavBarContext"),StyledNavLink=(0,_styled.default)("a",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"isActive"!==prop&&"isCompact"!==prop&&"shouldAnimate"!==prop,target:"eg5higu0",label:"StyledNavLink"})(({theme,isActive,isCompact,shouldAnimate})=>{let{duration,delay,timingFunction}=theme.variables.animation.navBarTabButton.open,expanded=isActive&&!isCompact,size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`,compactMarginBottom=theme.variables.size.spacing.xs,compactBottomRadius=theme.variables.size.borderRadius.xs,transitionsEnabled=!!shouldAnimate,baseTransitionDuration=transitionsEnabled?duration:"0ms",baseTransitionDelay="0ms",pseudoTransitionDelay="0ms";return transitionsEnabled&&(baseTransitionDelay=expanded?"unset":delay,pseudoTransitionDelay=expanded?delay:"unset"),{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.xxs}`,color:theme.values.color.text.tertiary.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}},marginBottom:compactMarginBottom,borderBottomLeftRadius:compactBottomRadius,borderBottomRightRadius:compactBottomRadius,transitionProperty:"margin-bottom, padding-bottom, border-bottom-left-radius, border-bottom-right-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:baseTransitionDelay,"&:before, &:after":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,opacity:+!!expanded,transitionProperty:"opacity, transform, border-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:pseudoTransitionDelay},"&:before":{transform:expanded?"scale(1) translate(-28px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomRightRadius:expanded?borderBottomRadius:0},"&:after":{transform:expanded?"scale(1) translate(16px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomLeftRadius:expanded?borderBottomRadius:0},...isActive&&{zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default},...expanded&&{marginBottom:0,paddingBottom:`calc(${theme.variables.size.spacing.m} + ${shadowOffset})`,borderBottomLeftRadius:0,borderBottomRightRadius:0}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclByaW1hcnlOYXZMaW5rSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJQcmltYXJ5TmF2TGlua0l0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB7IFN1YlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5pbXBvcnQgeyB1c2VOYXZCYXJDb250ZXh0IH0gZnJvbSBcIi4vTmF2QmFyQ29udGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcblxuY29uc3Qgc2hvdWxkRm9yd2FyZFByb3BUb0xpbmsgPSAocHJvcDogc3RyaW5nKSA9PlxuICBpc1Byb3BWYWxpZChwcm9wKSAmJlxuICBwcm9wICE9PSBcImlzQWN0aXZlXCIgJiZcbiAgcHJvcCAhPT0gXCJpc0NvbXBhY3RcIiAmJlxuICBwcm9wICE9PSBcInNob3VsZEFuaW1hdGVcIjtcblxudHlwZSBTdHlsZWRMaW5rVHJhbnNpZW50UHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhbjtcbiAgaXNDb21wYWN0PzogYm9vbGVhbjtcbiAgc2hvdWxkQW5pbWF0ZT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWROYXZMaW5rID0gc3R5bGVkKFwiYVwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBzaG91bGRGb3J3YXJkUHJvcFRvTGluayxcbn0pPFN0eWxlZExpbmtUcmFuc2llbnRQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0FjdGl2ZSwgaXNDb21wYWN0LCBzaG91bGRBbmltYXRlIH0pID0+IHtcbiAgICBjb25zdCB7IGR1cmF0aW9uLCBkZWxheSwgdGltaW5nRnVuY3Rpb24gfSA9XG4gICAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdkJhclRhYkJ1dHRvbi5vcGVuO1xuICAgIGNvbnN0IGV4cGFuZGVkID0gaXNBY3RpdmUgJiYgIWlzQ29tcGFjdDtcbiAgICBjb25zdCBzaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zO1xuICAgIGNvbnN0IHNoYWRvd09mZnNldCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuICAgIGNvbnN0IGJvcmRlckJvdHRvbVJhZGl1cyA9IGBjYWxjKCR7c2l6ZX0gLSAke3NoYWRvd09mZnNldH0pYDtcblxuICAgIGNvbnN0IGNvbXBhY3RNYXJnaW5Cb3R0b20gPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuICAgIGNvbnN0IGNvbXBhY3RCb3R0b21SYWRpdXMgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHM7XG4gICAgY29uc3QgdHJhbnNpdGlvbnNFbmFibGVkID0gQm9vbGVhbihzaG91bGRBbmltYXRlKTtcblxuICAgIGNvbnN0IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24gPSB0cmFuc2l0aW9uc0VuYWJsZWQgPyBkdXJhdGlvbiA6IFwiMG1zXCI7XG5cbiAgICBsZXQgYmFzZVRyYW5zaXRpb25EZWxheSA9IFwiMG1zXCI7XG4gICAgbGV0IHBzZXVkb1RyYW5zaXRpb25EZWxheSA9IFwiMG1zXCI7XG5cbiAgICBpZiAodHJhbnNpdGlvbnNFbmFibGVkKSB7XG4gICAgICBiYXNlVHJhbnNpdGlvbkRlbGF5ID0gZXhwYW5kZWQgPyBcInVuc2V0XCIgOiBkZWxheTtcbiAgICAgIHBzZXVkb1RyYW5zaXRpb25EZWxheSA9IGV4cGFuZGVkID8gZGVsYXkgOiBcInVuc2V0XCI7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICBib3JkZXI6IDAsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIiBhcyBjb25zdCxcbiAgICAgIHpJbmRleDogMSxcblxuICAgICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgIG1hcmdpbjogYDAgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c31gLFxuXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcblxuICAgICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICBtYXJnaW5Cb3R0b206IGNvbXBhY3RNYXJnaW5Cb3R0b20sXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBjb21wYWN0Qm90dG9tUmFkaXVzLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGNvbXBhY3RCb3R0b21SYWRpdXMsXG5cbiAgICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTpcbiAgICAgICAgXCJtYXJnaW4tYm90dG9tLCBwYWRkaW5nLWJvdHRvbSwgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1cywgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXNcIixcbiAgICAgIHRyYW5zaXRpb25EdXJhdGlvbjogYmFzZVRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgICB0cmFuc2l0aW9uRGVsYXk6IGJhc2VUcmFuc2l0aW9uRGVsYXksXG5cbiAgICAgIFwiJjpiZWZvcmUsICY6YWZ0ZXJcIjoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIgYXMgY29uc3QsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICB3aWR0aDogc2l6ZSxcbiAgICAgICAgaGVpZ2h0OiBzaXplLFxuXG4gICAgICAgIG9wYWNpdHk6IGV4cGFuZGVkID8gMSA6IDAsXG5cbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiBcIm9wYWNpdHksIHRyYW5zZm9ybSwgYm9yZGVyLXJhZGl1c1wiLFxuICAgICAgICB0cmFuc2l0aW9uRHVyYXRpb246IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24sXG4gICAgICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgICAgIHRyYW5zaXRpb25EZWxheTogcHNldWRvVHJhbnNpdGlvbkRlbGF5LFxuICAgICAgfSxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogZXhwYW5kZWRcbiAgICAgICAgICA/IGBzY2FsZSgxKSB0cmFuc2xhdGUoLTI4cHgsIDApYFxuICAgICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgICB0cmFuc2Zvcm1PcmlnaW46IFwiMTAwJSAxMDAlXCIsXG4gICAgICAgIGJveFNoYWRvdzogYCR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgICB9LFxuXG4gICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2Zvcm06IGV4cGFuZGVkXG4gICAgICAgICAgPyBgc2NhbGUoMSkgdHJhbnNsYXRlKDE2cHgsIDApYFxuICAgICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgICB0cmFuc2Zvcm1PcmlnaW46IFwiMTAwJSAxMDAlXCIsXG4gICAgICAgIGJveFNoYWRvdzogYC0ke3NoYWRvd09mZnNldH0gJHtzaGFkb3dPZmZzZXR9IDAgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdH1gLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgICB9LFxuXG4gICAgICAuLi4oaXNBY3RpdmUgJiYge1xuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oZXhwYW5kZWQgJiYge1xuICAgICAgICBtYXJnaW5Cb3R0b206IDAsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSArICR7c2hhZG93T2Zmc2V0fSlgLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwLFxuICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogMCxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmNvbnN0IHN1YlRoZW1lVG9BY3RpdmVTdWJUaGVtZTogUmVjb3JkPFxuICBOYXZCYXJOYW1lLFxuICBcImJyYW5kU3VidGxlXCIgfCBcImRpbW1lZFN1YnRsZVwiIHwgdW5kZWZpbmVkXG4+ID0ge1xuICBsZWFybmluZzogXCJicmFuZFN1YnRsZVwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgY2xpbmljYWxDYXJlOiB1bmRlZmluZWQsXG4gIHVuc2V0OiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgdHlwZSBQcmltYXJ5TmF2TGlua0l0ZW1Qcm9wcyA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlO1xufSAmIE9taXQ8UmVhY3QuQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+LCBcImNoaWxkcmVuXCI+O1xuXG5leHBvcnQgY29uc3QgUHJpbWFyeU5hdkxpbmtJdGVtID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByaW1hcnlOYXZMaW5rSXRlbVByb3BzXG4+KCh7IGxhYmVsLCBpc0FjdGl2ZSwgYXM6IENvbXBvbmVudCwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgeyBzdWJUaGVtZSwgaXNDb21wYWN0IH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG4gIGNvbnN0IGFjdGl2ZVN1YlRoZW1lID0gc3ViVGhlbWVUb0FjdGl2ZVN1YlRoZW1lW3N1YlRoZW1lXTtcbiAgY29uc3QgdGFiSW5kZXggPSBpc0FjdGl2ZSA/IDAgOiAtMTtcblxuICBjb25zdCBwcmV2aW91c0lzQ29tcGFjdFJlZiA9IHVzZVJlZihpc0NvbXBhY3QpO1xuICBjb25zdCBwcmV2aW91c0lzQWN0aXZlUmVmID0gdXNlUmVmKGlzQWN0aXZlKTtcbiAgY29uc3QgYmVjYW1lSW5hY3RpdmUgPVxuICAgIHByZXZpb3VzSXNBY3RpdmVSZWYuY3VycmVudCA9PT0gdHJ1ZSAmJiBpc0FjdGl2ZSA9PT0gZmFsc2U7XG4gIGNvbnN0IHNob3VsZEFuaW1hdGUgPVxuICAgICFiZWNhbWVJbmFjdGl2ZSAmJiBwcmV2aW91c0lzQ29tcGFjdFJlZi5jdXJyZW50ICE9PSBpc0NvbXBhY3Q7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBwcmV2aW91c0lzQ29tcGFjdFJlZi5jdXJyZW50ID0gaXNDb21wYWN0O1xuICB9LCBbaXNDb21wYWN0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBwcmV2aW91c0lzQWN0aXZlUmVmLmN1cnJlbnQgPSBpc0FjdGl2ZTtcbiAgfSwgW2lzQWN0aXZlXSk7XG5cbiAgY29uc3QgcmVzb2x2ZWRTdWJUaGVtZSA9IGlzQWN0aXZlID8gYWN0aXZlU3ViVGhlbWUgOiB1bmRlZmluZWQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlciBuYW1lPXtyZXNvbHZlZFN1YlRoZW1lfT5cbiAgICAgIDxTdHlsZWROYXZMaW5rXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcz17Q29tcG9uZW50fVxuICAgICAgICBkYXRhLWRzLWlkPVwiUHJpbWFyeU5hdkxpbmtcIlxuICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgIGlzQ29tcGFjdD17aXNDb21wYWN0fVxuICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICBhcmlhLWN1cnJlbnQ9e2lzQWN0aXZlID8gXCJwYWdlXCIgOiB1bmRlZmluZWR9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkTmF2TGluaz5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnNCIn0= */"),subThemeToActiveSubTheme={learning:"brandSubtle",teaching:"dimmedSubtle",clinicalCare:void 0,unset:void 0},PrimaryNavLinkItem=_react.default.forwardRef(({label,isActive,as:Component,...rest},ref)=>{let{subTheme,isCompact}=(0,_NavBarContext.useNavBarContext)(),activeSubTheme=subThemeToActiveSubTheme[subTheme],tabIndex=isActive?0:-1,previousIsCompactRef=(0,_react.useRef)(isCompact),previousIsActiveRef=(0,_react.useRef)(isActive),shouldAnimate=(!0!==previousIsActiveRef.current||!1!==isActive)&&previousIsCompactRef.current!==isCompact;(0,_react.useEffect)(()=>{previousIsCompactRef.current=isCompact},[isCompact]),(0,_react.useEffect)(()=>{previousIsActiveRef.current=isActive},[isActive]);let resolvedSubTheme=isActive?activeSubTheme:void 0;return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:resolvedSubTheme},_react.default.createElement(StyledNavLink,{ref:ref,as:Component,"data-ds-id":"PrimaryNavLink",isActive:isActive,isCompact:isCompact,shouldAnimate:shouldAnimate,"aria-current":isActive?"page":void 0,tabIndex:tabIndex,...rest},label))});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { Tab } from "../Tabs/-types";
|
|
3
|
+
type SecondaryNavItemBase = Pick<Tab, "label" | "icon">;
|
|
4
|
+
/**
|
|
5
|
+
* Each item accepts `label`, `isActive`, and any extra props that should be
|
|
6
|
+
* forwarded to the rendered element (e.g. `href`, `to`, `onClick`, `as`).
|
|
7
|
+
*/
|
|
8
|
+
export type SecondaryNavItem = SecondaryNavItemBase & {
|
|
9
|
+
as?: React.ElementType;
|
|
10
|
+
to?: string;
|
|
11
|
+
href?: string;
|
|
12
|
+
target?: React.HTMLAttributeAnchorTarget;
|
|
13
|
+
ref?: React.Ref<HTMLElement>;
|
|
14
|
+
[key: string]: unknown;
|
|
15
|
+
};
|
|
16
|
+
export type SecondaryNavProps = {
|
|
17
|
+
"aria-label": string;
|
|
18
|
+
items: SecondaryNavItem[];
|
|
19
|
+
/** When provided, the item at this index is marked as active. */
|
|
20
|
+
activeIndex?: number;
|
|
21
|
+
/** Callback fired when any nav item is clicked, receiving the item and its index. */
|
|
22
|
+
onNavClick?: (item: SecondaryNavItem, index: number) => void;
|
|
23
|
+
};
|
|
24
|
+
export declare function SecondaryNav({ "aria-label": ariaLabel, items, activeIndex, onNavClick, ...ariaAttributes }: SecondaryNavProps): React.ReactElement;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SecondaryNav",{enumerable:!0,get:function(){return SecondaryNav}});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")),_Icon=require("../Icon/Icon"),_NavBarContext=require("./NavBarContext"),StyledNav=(0,_styled.default)("nav",{target:"e1urhq010",label:"StyledNav"})(({theme})=>({display:"flex",whiteSpace:"nowrap",gap:theme.variables.size.spacing.l}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlY29uZGFyeU5hdi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJTZWNvbmRhcnlOYXYudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3AsIFRhYiB9IGZyb20gXCIuLi9UYWJzLy10eXBlc1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBTZWNvbmRhcnlOYXZJdGVtQmFzZSA9IFBpY2s8VGFiLCBcImxhYmVsXCIgfCBcImljb25cIj47XG5cbi8qKlxuICogRWFjaCBpdGVtIGFjY2VwdHMgYGxhYmVsYCwgYGlzQWN0aXZlYCwgYW5kIGFueSBleHRyYSBwcm9wcyB0aGF0IHNob3VsZCBiZVxuICogZm9yd2FyZGVkIHRvIHRoZSByZW5kZXJlZCBlbGVtZW50IChlLmcuIGBocmVmYCwgYHRvYCwgYG9uQ2xpY2tgLCBgYXNgKS5cbiAqL1xuZXhwb3J0IHR5cGUgU2Vjb25kYXJ5TmF2SXRlbSA9IFNlY29uZGFyeU5hdkl0ZW1CYXNlICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICB0bz86IHN0cmluZztcbiAgaHJlZj86IHN0cmluZztcbiAgdGFyZ2V0PzogUmVhY3QuSFRNTEF0dHJpYnV0ZUFuY2hvclRhcmdldDtcbiAgcmVmPzogUmVhY3QuUmVmPEhUTUxFbGVtZW50PjtcbiAgW2tleTogc3RyaW5nXTogdW5rbm93bjtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY29uZGFyeU5hdlByb3BzID0ge1xuICBcImFyaWEtbGFiZWxcIjogc3RyaW5nO1xuICBpdGVtczogU2Vjb25kYXJ5TmF2SXRlbVtdO1xuICAvKiogV2hlbiBwcm92aWRlZCwgdGhlIGl0ZW0gYXQgdGhpcyBpbmRleCBpcyBtYXJrZWQgYXMgYWN0aXZlLiAqL1xuICBhY3RpdmVJbmRleD86IG51bWJlcjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gYW55IG5hdiBpdGVtIGlzIGNsaWNrZWQsIHJlY2VpdmluZyB0aGUgaXRlbSBhbmQgaXRzIGluZGV4LiAqL1xuICBvbk5hdkNsaWNrPzogKGl0ZW06IFNlY29uZGFyeU5hdkl0ZW0sIGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWROYXYgPSBzdHlsZWQoXCJuYXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxufSkpO1xuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcFRvTGluayA9IChwcm9wOiBzdHJpbmcpID0+XG4gIGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwiaXNBY3RpdmVcIjtcblxuY29uc3QgU3R5bGVkTmF2TGluayA9IHN0eWxlZChcImFcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogc2hvdWxkRm9yd2FyZFByb3BUb0xpbmssXG59KTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PigoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT4ge1xuICBjb25zdCB0YWJCb3JkZXJXaWR0aCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuXG4gIHJldHVybiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBib3JkZXI6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcblxuICAgIGJvcmRlckJvdHRvbTogYCR7dGFiQm9yZGVyV2lkdGh9IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHt0YWJCb3JkZXJXaWR0aH0pYCxcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighaXNBY3RpdmUgJiYge1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIG91dGxpbmVXaWR0aDogMixcbiAgICAgIG91dGxpbmVPZmZzZXQ6IC0xLFxuICAgIH0sXG4gIH07XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlY29uZGFyeU5hdih7XG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIGl0ZW1zLFxuICBhY3RpdmVJbmRleCxcbiAgb25OYXZDbGljayxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IFNlY29uZGFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzZWNvbmRhcnlOYXZSZWYgfSA9IHVzZU5hdkJhckNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXYgcmVmPXtzZWNvbmRhcnlOYXZSZWZ9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0gey4uLmFyaWFBdHRyaWJ1dGVzfT5cbiAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgbGFiZWwsIGFzOiBDb21wb25lbnQsIHJlZiwgaWNvbiwgb25DbGljaywgLi4ucmVzdCB9ID0gaXRlbTtcblxuICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IGFjdGl2ZUluZGV4ICE9PSB1bmRlZmluZWQgJiYgaW5kZXggPT09IGFjdGl2ZUluZGV4O1xuXG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICBpZiAob25DbGljaykgKG9uQ2xpY2sgYXMgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpKGUpO1xuICAgICAgICAgIGlmIChvbk5hdkNsaWNrKSBvbk5hdkNsaWNrKGl0ZW0sIGluZGV4KTtcbiAgICAgICAgfTtcblxuICAgICAgICBsZXQgaWNvbkNvbmZpZzogSWNvblByb3AgfCB1bmRlZmluZWQ7XG4gICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgaWNvbkNvbmZpZyA9XG4gICAgICAgICAgICB0eXBlb2YgaWNvbiA9PT0gXCJzdHJpbmdcIlxuICAgICAgICAgICAgICA/IHsgbmFtZTogaWNvbiBhcyBJY29uTmFtZSwgcG9zaXRpb246IFwibGVmdFwiIH1cbiAgICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgICBuYW1lOiBpY29uLm5hbWUgYXMgSWNvbk5hbWUsXG4gICAgICAgICAgICAgICAgICBwb3NpdGlvbjogKGljb24ucG9zaXRpb24gPz8gXCJsZWZ0XCIpIGFzIEljb25Qcm9wW1wicG9zaXRpb25cIl0sXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZE5hdkxpbmtcbiAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICBhcz17Q29tcG9uZW50fVxuICAgICAgICAgICAgcmVmPXtyZWYgYXMgUmVhY3QuUmVmPEhUTUxBbmNob3JFbGVtZW50Pn1cbiAgICAgICAgICAgIGRhdGEtZHMtaWQ9XCJTZWNvbmRhcnlOYXZMaW5rXCJcbiAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRhYkluZGV4PXtpc0FjdGl2ZSA/IDAgOiAtMX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb25Db25maWc/LnBvc2l0aW9uID09PSBcImxlZnRcIiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtpY29uQ29uZmlnPy5wb3NpdGlvbiA9PT0gXCJyaWdodFwiICYmIChcbiAgICAgICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uQ29uZmlnLm5hbWV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3R5bGVkTmF2TGluaz5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkTmF2PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0IifQ== */"),StyledNavLink=(0,_styled.default)("a",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"isActive"!==prop,target:"e1urhq011",label:"StyledNavLink"})(({theme,isActive})=>{let tabBorderWidth=theme.variables.size.spacing.xxs;return{display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xxs,boxSizing:"border-box",padding:0,border:0,background:"none",textDecoration:"none",color:theme.values.color.text.secondary.default,fontFamily:theme.variables.fontFamily.lato,fontWeight:theme.variables.weight.bold,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,borderBottom:`${tabBorderWidth} solid transparent`,paddingTop:theme.variables.size.spacing.m,paddingBottom:`calc(${theme.variables.size.spacing.m} - ${tabBorderWidth})`,...isActive&&{color:theme.values.color.text.accent.default,borderBottomColor:theme.values.color.border.accent.default},...!isActive&&{cursor:"pointer","&:hover":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.default},"&:active":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.active}},"&:focus-visible":{outlineWidth:2,outlineOffset:-1}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlY29uZGFyeU5hdi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJTZWNvbmRhcnlOYXYudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3AsIFRhYiB9IGZyb20gXCIuLi9UYWJzLy10eXBlc1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBTZWNvbmRhcnlOYXZJdGVtQmFzZSA9IFBpY2s8VGFiLCBcImxhYmVsXCIgfCBcImljb25cIj47XG5cbi8qKlxuICogRWFjaCBpdGVtIGFjY2VwdHMgYGxhYmVsYCwgYGlzQWN0aXZlYCwgYW5kIGFueSBleHRyYSBwcm9wcyB0aGF0IHNob3VsZCBiZVxuICogZm9yd2FyZGVkIHRvIHRoZSByZW5kZXJlZCBlbGVtZW50IChlLmcuIGBocmVmYCwgYHRvYCwgYG9uQ2xpY2tgLCBgYXNgKS5cbiAqL1xuZXhwb3J0IHR5cGUgU2Vjb25kYXJ5TmF2SXRlbSA9IFNlY29uZGFyeU5hdkl0ZW1CYXNlICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICB0bz86IHN0cmluZztcbiAgaHJlZj86IHN0cmluZztcbiAgdGFyZ2V0PzogUmVhY3QuSFRNTEF0dHJpYnV0ZUFuY2hvclRhcmdldDtcbiAgcmVmPzogUmVhY3QuUmVmPEhUTUxFbGVtZW50PjtcbiAgW2tleTogc3RyaW5nXTogdW5rbm93bjtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY29uZGFyeU5hdlByb3BzID0ge1xuICBcImFyaWEtbGFiZWxcIjogc3RyaW5nO1xuICBpdGVtczogU2Vjb25kYXJ5TmF2SXRlbVtdO1xuICAvKiogV2hlbiBwcm92aWRlZCwgdGhlIGl0ZW0gYXQgdGhpcyBpbmRleCBpcyBtYXJrZWQgYXMgYWN0aXZlLiAqL1xuICBhY3RpdmVJbmRleD86IG51bWJlcjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gYW55IG5hdiBpdGVtIGlzIGNsaWNrZWQsIHJlY2VpdmluZyB0aGUgaXRlbSBhbmQgaXRzIGluZGV4LiAqL1xuICBvbk5hdkNsaWNrPzogKGl0ZW06IFNlY29uZGFyeU5hdkl0ZW0sIGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWROYXYgPSBzdHlsZWQoXCJuYXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxufSkpO1xuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcFRvTGluayA9IChwcm9wOiBzdHJpbmcpID0+XG4gIGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwiaXNBY3RpdmVcIjtcblxuY29uc3QgU3R5bGVkTmF2TGluayA9IHN0eWxlZChcImFcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogc2hvdWxkRm9yd2FyZFByb3BUb0xpbmssXG59KTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PigoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT4ge1xuICBjb25zdCB0YWJCb3JkZXJXaWR0aCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuXG4gIHJldHVybiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBib3JkZXI6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcblxuICAgIGJvcmRlckJvdHRvbTogYCR7dGFiQm9yZGVyV2lkdGh9IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHt0YWJCb3JkZXJXaWR0aH0pYCxcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighaXNBY3RpdmUgJiYge1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIG91dGxpbmVXaWR0aDogMixcbiAgICAgIG91dGxpbmVPZmZzZXQ6IC0xLFxuICAgIH0sXG4gIH07XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlY29uZGFyeU5hdih7XG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIGl0ZW1zLFxuICBhY3RpdmVJbmRleCxcbiAgb25OYXZDbGljayxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IFNlY29uZGFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzZWNvbmRhcnlOYXZSZWYgfSA9IHVzZU5hdkJhckNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXYgcmVmPXtzZWNvbmRhcnlOYXZSZWZ9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0gey4uLmFyaWFBdHRyaWJ1dGVzfT5cbiAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgbGFiZWwsIGFzOiBDb21wb25lbnQsIHJlZiwgaWNvbiwgb25DbGljaywgLi4ucmVzdCB9ID0gaXRlbTtcblxuICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IGFjdGl2ZUluZGV4ICE9PSB1bmRlZmluZWQgJiYgaW5kZXggPT09IGFjdGl2ZUluZGV4O1xuXG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICBpZiAob25DbGljaykgKG9uQ2xpY2sgYXMgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpKGUpO1xuICAgICAgICAgIGlmIChvbk5hdkNsaWNrKSBvbk5hdkNsaWNrKGl0ZW0sIGluZGV4KTtcbiAgICAgICAgfTtcblxuICAgICAgICBsZXQgaWNvbkNvbmZpZzogSWNvblByb3AgfCB1bmRlZmluZWQ7XG4gICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgaWNvbkNvbmZpZyA9XG4gICAgICAgICAgICB0eXBlb2YgaWNvbiA9PT0gXCJzdHJpbmdcIlxuICAgICAgICAgICAgICA/IHsgbmFtZTogaWNvbiBhcyBJY29uTmFtZSwgcG9zaXRpb246IFwibGVmdFwiIH1cbiAgICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgICBuYW1lOiBpY29uLm5hbWUgYXMgSWNvbk5hbWUsXG4gICAgICAgICAgICAgICAgICBwb3NpdGlvbjogKGljb24ucG9zaXRpb24gPz8gXCJsZWZ0XCIpIGFzIEljb25Qcm9wW1wicG9zaXRpb25cIl0sXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZE5hdkxpbmtcbiAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICBhcz17Q29tcG9uZW50fVxuICAgICAgICAgICAgcmVmPXtyZWYgYXMgUmVhY3QuUmVmPEhUTUxBbmNob3JFbGVtZW50Pn1cbiAgICAgICAgICAgIGRhdGEtZHMtaWQ9XCJTZWNvbmRhcnlOYXZMaW5rXCJcbiAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRhYkluZGV4PXtpc0FjdGl2ZSA/IDAgOiAtMX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb25Db25maWc/LnBvc2l0aW9uID09PSBcImxlZnRcIiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtpY29uQ29uZmlnPy5wb3NpdGlvbiA9PT0gXCJyaWdodFwiICYmIChcbiAgICAgICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uQ29uZmlnLm5hbWV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3R5bGVkTmF2TGluaz5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkTmF2PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDc0IifQ== */");function SecondaryNav({"aria-label":ariaLabel,items,activeIndex,onNavClick,...ariaAttributes}){let{secondaryNavRef}=(0,_NavBarContext.useNavBarContext)();return _react.default.createElement(StyledNav,{ref:secondaryNavRef,"aria-label":ariaLabel,...ariaAttributes},items.map((item,index)=>{let iconConfig,{label,as:Component,ref,icon,onClick,...rest}=item,isActive=void 0!==activeIndex&&index===activeIndex;return icon&&(iconConfig="string"==typeof icon?{name:icon,position:"left"}:{name:icon.name,position:icon.position??"left"}),_react.default.createElement(StyledNavLink,{key:label,as:Component,ref:ref,"data-ds-id":"SecondaryNavLink",isActive:isActive,"aria-current":isActive?"page":void 0,tabIndex:isActive?0:-1,onClick:e=>{onClick&&onClick(e),onNavClick&&onNavClick(item,index)},...rest},iconConfig?.position==="left"&&_react.default.createElement(_Icon.Icon,{size:"s",name:iconConfig.name}),label,iconConfig?.position==="right"&&_react.default.createElement(_Icon.Icon,{size:"s",name:iconConfig.name}))}))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBarSlideDown",{enumerable:!0,get:function(){return NavBarSlideDown}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),SlideDownContainer=(0,/*#__PURE__*/_interop_require_default._(require("@emotion/styled")).default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBarSlideDown",{enumerable:!0,get:function(){return NavBarSlideDown}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),SlideDownContainer=(0,/*#__PURE__*/_interop_require_default._(require("@emotion/styled")).default)("div",{target:"ezen7mg0",label:"SlideDownContainer"})(({isVisible,position,theme})=>({transition:`transform ${theme.variables.animation.navSlide.open.duration} ${theme.variables.animation.navSlide.open.timingFunction}`,willChange:"transform",position:"absolute",[position]:0,width:"100%",..."top"===position&&{top:0,transform:isVisible?"translateY(0)":"translateY(-100%)"},..."bottom"===position&&{bottom:0,transform:isVisible?"translateY(100%)":"translateY(0)"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNsaWRlRG93bi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJTbGlkZURvd24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG50eXBlIE5hdkJhclNsaWRlRG93blByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIHBvc2l0aW9uOiBcInRvcFwiIHwgXCJib3R0b21cIjtcbn0gJiBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjaGlsZHJlblwiPjtcblxuY29uc3QgU2xpZGVEb3duQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpPE5hdkJhclNsaWRlRG93blByb3BzPihcbiAgKHsgaXNWaXNpYmxlLCBwb3NpdGlvbiwgdGhlbWUgfSkgPT4gKHtcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZTbGlkZS5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubmF2U2xpZGUub3Blbi50aW1pbmdGdW5jdGlvbn1gLFxuICAgIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBbcG9zaXRpb25dOiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4ocG9zaXRpb24gPT09IFwidG9wXCIgJiYge1xuICAgICAgdG9wOiAwLFxuICAgICAgdHJhbnNmb3JtOiBpc1Zpc2libGUgPyBcInRyYW5zbGF0ZVkoMClcIiA6IFwidHJhbnNsYXRlWSgtMTAwJSlcIixcbiAgICB9KSxcbiAgICAuLi4ocG9zaXRpb24gPT09IFwiYm90dG9tXCIgJiYge1xuICAgICAgYm90dG9tOiAwLFxuICAgICAgdHJhbnNmb3JtOiBpc1Zpc2libGUgPyBcInRyYW5zbGF0ZVkoMTAwJSlcIiA6IFwidHJhbnNsYXRlWSgwKVwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNsaWRlRG93biA9ICh7XG4gIGNoaWxkcmVuLFxuICBpc1Zpc2libGUsXG4gIHBvc2l0aW9uLFxufTogTmF2QmFyU2xpZGVEb3duUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICA8U2xpZGVEb3duQ29udGFpbmVyXG4gICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgcG9zaXRpb249e3Bvc2l0aW9ufVxuICAgIGluZXJ0PXtpc1Zpc2libGUgPyB1bmRlZmluZWQgOiBcIlwifVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1NsaWRlRG93bkNvbnRhaW5lcj5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJCIn0= */"),NavBarSlideDown=({children,isVisible,position})=>_react.default.createElement(SlideDownContainer,{isVisible:isVisible,position:position,inert:isVisible?void 0:""},children);
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type SubThemeProviderProps } from "../SubThemeProvider/SubThemeProvider";
|
|
3
3
|
import type { NavBarName } from "./types";
|
|
4
|
+
type NavBarSubMenuContainerProps = {
|
|
5
|
+
"data-e2e-test-id"?: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
4
8
|
export declare const StyledBorderContainer: import("@emotion/styled").StyledComponent<{
|
|
5
9
|
theme?: import("@emotion/react").Theme;
|
|
6
10
|
as?: React.ElementType;
|
|
7
11
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
12
|
export declare const subThemeMapping: Record<NavBarName, SubThemeProviderProps["name"]>;
|
|
9
|
-
export declare const NavBarSubMenuContainer: React.ForwardRefExoticComponent<
|
|
10
|
-
|
|
11
|
-
"data-e2e-test-id"?: string;
|
|
12
|
-
} & {
|
|
13
|
-
children?: React.ReactNode | undefined;
|
|
14
|
-
} & {
|
|
15
|
-
isCompact?: boolean;
|
|
16
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const NavBarSubMenuContainer: React.ForwardRefExoticComponent<NavBarSubMenuContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get NavBarSubMenuContainer(){return NavBarSubMenuContainer},get StyledBorderContainer(){return StyledBorderContainer},get subThemeMapping(){return subThemeMapping}};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__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_NavBarSlideDown=require("./NavBarSlideDown"),StyledBorderContainer=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get NavBarSubMenuContainer(){return NavBarSubMenuContainer},get StyledBorderContainer(){return StyledBorderContainer},get subThemeMapping(){return subThemeMapping}};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__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_NavBarSlideDown=require("./NavBarSlideDown"),_NavBarContext=require("./NavBarContext"),StyledBorderContainer=(0,_styled.default)("div",{target:"efbzz6a0",label:"StyledBorderContainer"})(({theme})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IE5hdkJhclNsaWRlRG93biB9IGZyb20gXCIuL05hdkJhclNsaWRlRG93blwiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBOYXZCYXJTdWJNZW51Q29udGFpbmVyUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ09OVEFJTkVSX0JPUkRFUl9XSURUSCA9IDE7XG5leHBvcnQgY29uc3QgU3R5bGVkQm9yZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFN1Yk1lbnVDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMV0sXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAtQ09OVEFJTkVSX0JPUkRFUl9XSURUSCwgLy8gVGFicyBib3JkZXIgc2hvdWxkIGJlIGFib3ZlIG9mIFN0eWxlZEJvcmRlckNvbnRhaW5lclxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3Qgc3ViVGhlbWVNYXBwaW5nOiBSZWNvcmQ8XG4gIE5hdkJhck5hbWUsXG4gIFN1YlRoZW1lUHJvdmlkZXJQcm9wc1tcIm5hbWVcIl1cbj4gPSB7XG4gIGxlYXJuaW5nOiBcImJyYW5kU3VidGxlXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgdW5zZXQ6IFwidW5zZXRcIixcbn07XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJTdWJNZW51Q29udGFpbmVyID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wc1xuPigoeyBjaGlsZHJlbiwgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc3ViVGhlbWUsIGlzQ29tcGFjdCB9ID0gdXNlTmF2QmFyQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnFDIn0= */"),StyledSubMenuContainer=(0,_styled.default)(StyledBorderContainer,{target:"efbzz6a1",label:"StyledSubMenuContainer"})(({theme})=>({backgroundColor:theme.values.color.background.accentSubtle.default,boxShadow:theme.values.elevation[1],"& > div":{marginBottom:-1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IE5hdkJhclNsaWRlRG93biB9IGZyb20gXCIuL05hdkJhclNsaWRlRG93blwiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBOYXZCYXJTdWJNZW51Q29udGFpbmVyUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ09OVEFJTkVSX0JPUkRFUl9XSURUSCA9IDE7XG5leHBvcnQgY29uc3QgU3R5bGVkQm9yZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFN1Yk1lbnVDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMV0sXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAtQ09OVEFJTkVSX0JPUkRFUl9XSURUSCwgLy8gVGFicyBib3JkZXIgc2hvdWxkIGJlIGFib3ZlIG9mIFN0eWxlZEJvcmRlckNvbnRhaW5lclxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3Qgc3ViVGhlbWVNYXBwaW5nOiBSZWNvcmQ8XG4gIE5hdkJhck5hbWUsXG4gIFN1YlRoZW1lUHJvdmlkZXJQcm9wc1tcIm5hbWVcIl1cbj4gPSB7XG4gIGxlYXJuaW5nOiBcImJyYW5kU3VidGxlXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgdW5zZXQ6IFwidW5zZXRcIixcbn07XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJTdWJNZW51Q29udGFpbmVyID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wc1xuPigoeyBjaGlsZHJlbiwgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc3ViVGhlbWUsIGlzQ29tcGFjdCB9ID0gdXNlTmF2QmFyQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitCIn0= */"),subThemeMapping={learning:"brandSubtle",clinicalCare:"unset",teaching:"dimmedSubtle",unset:"unset"},NavBarSubMenuContainer=_react.default.forwardRef(({children,"data-e2e-test-id":dataE2eTestId},ref)=>{let{subTheme,isCompact}=(0,_NavBarContext.useNavBarContext)();return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:subThemeMapping[subTheme]},_react.default.createElement(_NavBarSlideDown.NavBarSlideDown,{isVisible:!isCompact,position:"bottom"},_react.default.createElement(StyledSubMenuContainer,{ref:ref,"data-e2e-test-id":dataE2eTestId},_react.default.createElement("div",null,children))))});
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
export * from "./types";
|
|
2
2
|
export * from "./NavBar";
|
|
3
|
+
export { useNavBarContext } from "./NavBarContext";
|
|
4
|
+
export type { PrimaryNavProps } from "./NavBarPrimaryNav";
|
|
5
|
+
export type { PrimaryNavLinkItemProps } from "./NavBarPrimaryNavLinkItem";
|
|
6
|
+
export type { SecondaryNavItem, SecondaryNavProps } from "./NavBarSecondaryNav";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const _export_star=require("@swc/helpers/_/_export_star");_export_star._(require("./types"),exports),_export_star._(require("./NavBar"),exports);
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useNavBarContext",{enumerable:!0,get:function(){return _NavBarContext.useNavBarContext}});const _export_star=require("@swc/helpers/_/_export_star");_export_star._(require("./types"),exports),_export_star._(require("./NavBar"),exports);const _NavBarContext=require("./NavBarContext");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BasePopover",{enumerable:!0,get:function(){return BasePopover}});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")),_TooltipContent=require("../Tooltip/TooltipContent"),_Sheet=require("../Sheet/Sheet"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),_ariaAttributes=require("../../shared/ariaAttributes"),StyledContainer=(0,_styled.default)("div",{target:"ewyi9km0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcENvbnRlbnQgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBQb3B1cFJvbGUgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IFNoZWV0IH0gZnJvbSBcIi4uL1NoZWV0L1NoZWV0XCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqIFJvbGUgZm9yIGFjY2Vzc2liaWxpdHkgKi9cbiAgcm9sZT86IFBvcHVwUm9sZTtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRBcmlhUG9wdXBUeXBlKHJvbGU6IFBvcHVwUm9sZSB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XG4gIGxldCBwb3B1cFR5cGU6IHN0cmluZyA9IFN0cmluZyhyb2xlKTtcbiAgaWYgKCFyb2xlKSB7XG4gICAgcG9wdXBUeXBlID0gXCJ0cnVlXCI7XG4gIH1cbiAgaWYgKHJvbGUgPT09IFwiYWxlcnRkaWFsb2dcIikge1xuICAgIHJldHVybiBcImRpYWxvZ1wiO1xuICB9XG4gIHJldHVybiBwb3B1cFR5cGU7XG59XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIGlmICghd2luZG93KSB7XG4gICAgLy8gVE9ETyB3aW5kb3cgc2hvdWxkIGJlIGV4dHJhY3RlZCBmcm9tIGhvb2sgdXNlV2luZG93XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgY29uc3QgbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGUgPSA0NTA7IC8vIGlzIDQzMCBmb3IgaXBob25lIHBybyBtYXgsIGJ1dCBsZXQncyBhZGQgMjBweCBmb3IgbmV4dCBnZW5lcmF0aW9uc1xuICBjb25zdCBpc01vYmlsZUluUG9ydHJhaXQgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tLnZhbHVlO1xuICBjb25zdCBpc1NtYWxsSGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IDw9IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlO1xuICBjb25zdCBpc0xhbmRzY2FwZSA9IHdpbmRvdy5tYXRjaE1lZGlhPy4oXCIob3JpZW50YXRpb246IGxhbmRzY2FwZSlcIikubWF0Y2hlcztcbiAgY29uc3QgaXNNb2JpbGVJbkxhbmRzY2FwZSA9IGlzTGFuZHNjYXBlICYmIGlzU21hbGxIZWlnaHQ7XG5cbiAgcmV0dXJuIHJlbmRlckFzU2hlZXRPbk1vYmlsZSAmJiAoaXNNb2JpbGVJblBvcnRyYWl0IHx8IGlzTW9iaWxlSW5MYW5kc2NhcGUpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzZVBvcG92ZXIoe1xuICBwbGFjZW1lbnQgPSBcImF1dG9cIixcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnRQYWRkaW5nID0gXCJtXCIsXG4gIG1heFdpZHRoLFxuICBleHRlcm5hbFRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgbmFtZSA9IFwiUG9wb3ZlclwiLFxuICBpc1Zpc2libGU6IGlzUG9wb3ZlclZpc2libGUsXG4gIGRpc21pc3NPbk91dHNpZGVDbGljayA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBzdWJUaGVtZSxcbiAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50LFxuICBvblZpc2liaWxpdHlDaGFuZ2UsXG4gIGRpc2FibGVJbml0aWFsRm9jdXMgPSBmYWxzZSxcbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyID0gZmFsc2UsXG4gIHJlbmRlckFzU2hlZXRPbk1vYmlsZSA9IGZhbHNlLFxuICByb2xlLFxuICBzaGVldFByb3BzLFxuICAuLi5yZXN0Q29udGVudFByb3BzXG59OiBCYXNlUG9wb3ZlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdG9vbHRpcElkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBgRFMke25hbWV9XyR7TWF0aC5mbG9vcihEYXRlLm5vdygpICogTWF0aC5yYW5kb20oKSl9YCxcbiAgICBbbmFtZV1cbiAgKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgY29uc3QgW2lzTW9iaWxlQnJlYWtQb2ludCwgc2V0SXNNb2JpbGVCcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlciA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICBpZiAoIXRyaWdnZXIpIHJldHVybiB1bmRlZmluZWQ7XG5cbiAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZVRyaWdnZXJDbGljaywgdHJpZ2dlclJlZl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAgIGNvbnN0IHRyaWdnZXJUYWJJbmRleCA9IHRyaWdnZXIuZ2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgdHJpZ2dlclRhYkluZGV4ID8/IFwiMFwiKTtcbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXh0ZXJuYWxUcmlnZ2VyUmVmPy5jdXJyZW50ICYmICFjaGlsZHJlbikge1xuICAgICAgY29uc3QgdHJpZ2dlciA9IGV4dGVybmFsVHJpZ2dlclJlZi5jdXJyZW50O1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtaGFzcG9wdXBcIiwgZ2V0QXJpYVBvcHVwVHlwZShyb2xlKSk7XG4gICAgICBpZiAoaXNWaXNpYmxlKSB7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1leHBhbmRlZFwiLCBcInRydWVcIik7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIpO1xuICAgICAgICB0cmlnZ2VyLnJlbW92ZUF0dHJpYnV0ZShcImFyaWEtY29udHJvbHNcIik7XG4gICAgICB9XG4gICAgfVxuICB9LCBbZXh0ZXJuYWxUcmlnZ2VyUmVmLCBjaGlsZHJlbiwgcm9sZSwgdG9vbHRpcElkLCBpc1Zpc2libGVdKTtcblxuICBjb25zdCB0cmlnZ2VyRWxtID0gY2hpbGRyZW5cbiAgICA/IFJlYWN0LmNsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHRyaWdnZXJSZWYsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1leHBhbmRlZFwiOiB0cnVlLFxuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogY2hpbGRyZW4ucHJvcHMudGFiSW5kZXggPz8gMCxcbiAgICAgICAgXCJhcmlhLWhhc3BvcHVwXCI6IGdldEFyaWFQb3B1cFR5cGUocm9sZSksXG4gICAgICB9KVxuICAgIDogbnVsbDtcblxuICBpZiAoaXNNb2JpbGVCcmVha1BvaW50KSB7XG4gICAgLy8gcmVuZGVyIGFzIFNoZWV0XG4gICAgY29uc3Qgc2hlZXRFbG0gPSAoXG4gICAgICA8U2hlZXRcbiAgICAgICAgaWQ9e3Rvb2x0aXBJZH1cbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2s9e2Rpc21pc3NPbk91dHNpZGVDbGlja31cbiAgICAgICAgZGlzYWJsZUluaXRpYWxGb2N1cz17ZGlzYWJsZUluaXRpYWxGb2N1c31cbiAgICAgICAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPXtkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZVBvc3REZWFjdGl2YXRlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZURlYWN0aXZhdGVzPXtoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlc31cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgey4uLihzaGVldFByb3BzID8/IHt9KX1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU2hlZXQ+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7dHJpZ2dlckVsbX1cbiAgICAgICAge3NoZWV0RWxtfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuXG4gIC8vIHJlbmRlciBhcyBQb3BvdmVyXG4gIGNvbnN0IGNvbnRlbnRFbG0gPSAoXG4gICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgIGFjdGl2ZT17aXNWaXNpYmxlfVxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gb3V0c2lkZSBjbGlja1xuICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSxcbiAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgIGZhbGxiYWNrRm9jdXM6IGAjJHt0b29sdGlwSWR9YCwgLy8gc2V0IGZvY3VzIHRvIHRvb2x0aXAgY29udGVudCBjb250YWluZXIgaWYgaXQgaGFzIG5vIGZvY3VzYWJsZSBlbGVtZW50XG4gICAgICAgIG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZVBvc3REZWFjdGl2YXRlLFxuICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+ICFkaXNhYmxlSW5pdGlhbEZvY3VzLFxuICAgICAgICByZXR1cm5Gb2N1c09uRGVhY3RpdmF0ZTogIWRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcixcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEZvY3VzVHJhcENvbnRlbnQ+e2NvbnRlbnR9PC9Gb2N1c1RyYXBDb250ZW50PlxuICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgKTtcblxuICBjb25zdCB0b29sdGlwRWxtID0gKFxuICAgIDxUb29sdGlwQ29udGVudFxuICAgICAgey4uLnJlc3RDb250ZW50UHJvcHN9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudD17ZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50fVxuICAgICAgZGF0YURTSWQ9e25hbWV9XG4gICAgICBjb250ZW50PXtjb250ZW50RWxtfVxuICAgICAgY29udGVudFBhZGRpbmc9e2NvbnRlbnRQYWRkaW5nfVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRhdGFFMmVUZXN0SWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBzdWJUaGVtZT17c3ViVGhlbWV9XG4gICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgIHRvb2x0aXBJZD17dG9vbHRpcElkfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGlzSGlkZGVuT25JbnZpc2libGVUcmlnZ2VyXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IifQ== */"),FocusTrapContent=_react.default.forwardRef(({children},ref)=>_react.default.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=_breakpointsjson.default.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,role,sheetProps,...restContentProps}){let tooltipId=(0,_react.useMemo)(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=(0,_react.useState)(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=(0,_react.useState)(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=(0,_react.useRef)(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=(0,_react.useRef)(!1),ariaAttributes=(0,_ariaAttributes.getAriaAttributes)(restContentProps),toggleVisibility=(0,_react.useCallback)((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=(0,_react.useCallback)(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=(0,_react.useCallback)(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);(0,_react.useEffect)(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),(0,_react.useEffect)(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),(0,_react.useEffect)(()=>{let trigger=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),isVisible?(trigger.setAttribute("aria-expanded","true"),trigger.setAttribute("aria-controls",tooltipId)):(trigger.removeAttribute("aria-expanded"),trigger.removeAttribute("aria-controls"))}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?_react.default.cloneElement(children,{ref:triggerRef,...isVisible&&{"aria-expanded":!0,"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=_react.default.createElement(_Sheet.Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return _react.default.createElement(_react.default.Fragment,null,triggerElm,sheetElm)}let contentElm=_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},_react.default.createElement(FocusTrapContent,null,content)),tooltipElm=_react.default.createElement(_TooltipContent.TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return _react.default.createElement(_react.default.Fragment,null,triggerElm,tooltipElm)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BasePopover",{enumerable:!0,get:function(){return BasePopover}});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")),_TooltipContent=require("../Tooltip/TooltipContent"),_Sheet=require("../Sheet/Sheet"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),_ariaAttributes=require("../../shared/ariaAttributes"),StyledContainer=(0,_styled.default)("div",{target:"ewmtj1r0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcENvbnRlbnQgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBQb3B1cFJvbGUgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IFNoZWV0IH0gZnJvbSBcIi4uL1NoZWV0L1NoZWV0XCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqIFJvbGUgZm9yIGFjY2Vzc2liaWxpdHkgKi9cbiAgcm9sZT86IFBvcHVwUm9sZTtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRBcmlhUG9wdXBUeXBlKHJvbGU6IFBvcHVwUm9sZSB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XG4gIGxldCBwb3B1cFR5cGU6IHN0cmluZyA9IFN0cmluZyhyb2xlKTtcbiAgaWYgKCFyb2xlKSB7XG4gICAgcG9wdXBUeXBlID0gXCJ0cnVlXCI7XG4gIH1cbiAgaWYgKHJvbGUgPT09IFwiYWxlcnRkaWFsb2dcIikge1xuICAgIHJldHVybiBcImRpYWxvZ1wiO1xuICB9XG4gIHJldHVybiBwb3B1cFR5cGU7XG59XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIGlmICghd2luZG93KSB7XG4gICAgLy8gVE9ETyB3aW5kb3cgc2hvdWxkIGJlIGV4dHJhY3RlZCBmcm9tIGhvb2sgdXNlV2luZG93XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgY29uc3QgbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGUgPSA0NTA7IC8vIGlzIDQzMCBmb3IgaXBob25lIHBybyBtYXgsIGJ1dCBsZXQncyBhZGQgMjBweCBmb3IgbmV4dCBnZW5lcmF0aW9uc1xuICBjb25zdCBpc01vYmlsZUluUG9ydHJhaXQgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tLnZhbHVlO1xuICBjb25zdCBpc1NtYWxsSGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IDw9IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlO1xuICBjb25zdCBpc0xhbmRzY2FwZSA9IHdpbmRvdy5tYXRjaE1lZGlhPy4oXCIob3JpZW50YXRpb246IGxhbmRzY2FwZSlcIikubWF0Y2hlcztcbiAgY29uc3QgaXNNb2JpbGVJbkxhbmRzY2FwZSA9IGlzTGFuZHNjYXBlICYmIGlzU21hbGxIZWlnaHQ7XG5cbiAgcmV0dXJuIHJlbmRlckFzU2hlZXRPbk1vYmlsZSAmJiAoaXNNb2JpbGVJblBvcnRyYWl0IHx8IGlzTW9iaWxlSW5MYW5kc2NhcGUpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzZVBvcG92ZXIoe1xuICBwbGFjZW1lbnQgPSBcImF1dG9cIixcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnRQYWRkaW5nID0gXCJtXCIsXG4gIG1heFdpZHRoLFxuICBleHRlcm5hbFRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgbmFtZSA9IFwiUG9wb3ZlclwiLFxuICBpc1Zpc2libGU6IGlzUG9wb3ZlclZpc2libGUsXG4gIGRpc21pc3NPbk91dHNpZGVDbGljayA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBzdWJUaGVtZSxcbiAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50LFxuICBvblZpc2liaWxpdHlDaGFuZ2UsXG4gIGRpc2FibGVJbml0aWFsRm9jdXMgPSBmYWxzZSxcbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyID0gZmFsc2UsXG4gIHJlbmRlckFzU2hlZXRPbk1vYmlsZSA9IGZhbHNlLFxuICByb2xlLFxuICBzaGVldFByb3BzLFxuICAuLi5yZXN0Q29udGVudFByb3BzXG59OiBCYXNlUG9wb3ZlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdG9vbHRpcElkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBgRFMke25hbWV9XyR7TWF0aC5mbG9vcihEYXRlLm5vdygpICogTWF0aC5yYW5kb20oKSl9YCxcbiAgICBbbmFtZV1cbiAgKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgY29uc3QgW2lzTW9iaWxlQnJlYWtQb2ludCwgc2V0SXNNb2JpbGVCcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlciA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICBpZiAoIXRyaWdnZXIpIHJldHVybiB1bmRlZmluZWQ7XG5cbiAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZVRyaWdnZXJDbGljaywgdHJpZ2dlclJlZl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAgIGNvbnN0IHRyaWdnZXJUYWJJbmRleCA9IHRyaWdnZXIuZ2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgdHJpZ2dlclRhYkluZGV4ID8/IFwiMFwiKTtcbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXh0ZXJuYWxUcmlnZ2VyUmVmPy5jdXJyZW50ICYmICFjaGlsZHJlbikge1xuICAgICAgY29uc3QgdHJpZ2dlciA9IGV4dGVybmFsVHJpZ2dlclJlZi5jdXJyZW50O1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtaGFzcG9wdXBcIiwgZ2V0QXJpYVBvcHVwVHlwZShyb2xlKSk7XG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtZXhwYW5kZWRcIiwgU3RyaW5nKCEhaXNWaXNpYmxlKSk7XG4gICAgICBpZiAoaXNWaXNpYmxlKSB7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2V4dGVybmFsVHJpZ2dlclJlZiwgY2hpbGRyZW4sIHJvbGUsIHRvb2x0aXBJZCwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgdHJpZ2dlckVsbSA9IGNoaWxkcmVuXG4gICAgPyBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogISFpc1Zpc2libGUsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogY2hpbGRyZW4ucHJvcHMudGFiSW5kZXggPz8gMCxcbiAgICAgICAgXCJhcmlhLWhhc3BvcHVwXCI6IGdldEFyaWFQb3B1cFR5cGUocm9sZSksXG4gICAgICB9KVxuICAgIDogbnVsbDtcblxuICBpZiAoaXNNb2JpbGVCcmVha1BvaW50KSB7XG4gICAgLy8gcmVuZGVyIGFzIFNoZWV0XG4gICAgY29uc3Qgc2hlZXRFbG0gPSAoXG4gICAgICA8U2hlZXRcbiAgICAgICAgaWQ9e3Rvb2x0aXBJZH1cbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2s9e2Rpc21pc3NPbk91dHNpZGVDbGlja31cbiAgICAgICAgZGlzYWJsZUluaXRpYWxGb2N1cz17ZGlzYWJsZUluaXRpYWxGb2N1c31cbiAgICAgICAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPXtkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZVBvc3REZWFjdGl2YXRlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZURlYWN0aXZhdGVzPXtoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlc31cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgey4uLihzaGVldFByb3BzID8/IHt9KX1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU2hlZXQ+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7dHJpZ2dlckVsbX1cbiAgICAgICAge3NoZWV0RWxtfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuXG4gIC8vIHJlbmRlciBhcyBQb3BvdmVyXG4gIGNvbnN0IGNvbnRlbnRFbG0gPSAoXG4gICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgIGFjdGl2ZT17aXNWaXNpYmxlfVxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gb3V0c2lkZSBjbGlja1xuICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSxcbiAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgIGZhbGxiYWNrRm9jdXM6IGAjJHt0b29sdGlwSWR9YCwgLy8gc2V0IGZvY3VzIHRvIHRvb2x0aXAgY29udGVudCBjb250YWluZXIgaWYgaXQgaGFzIG5vIGZvY3VzYWJsZSBlbGVtZW50XG4gICAgICAgIG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZVBvc3REZWFjdGl2YXRlLFxuICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+ICFkaXNhYmxlSW5pdGlhbEZvY3VzLFxuICAgICAgICByZXR1cm5Gb2N1c09uRGVhY3RpdmF0ZTogIWRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcixcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEZvY3VzVHJhcENvbnRlbnQ+e2NvbnRlbnR9PC9Gb2N1c1RyYXBDb250ZW50PlxuICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgKTtcblxuICBjb25zdCB0b29sdGlwRWxtID0gKFxuICAgIDxUb29sdGlwQ29udGVudFxuICAgICAgey4uLnJlc3RDb250ZW50UHJvcHN9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudD17ZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50fVxuICAgICAgZGF0YURTSWQ9e25hbWV9XG4gICAgICBjb250ZW50PXtjb250ZW50RWxtfVxuICAgICAgY29udGVudFBhZGRpbmc9e2NvbnRlbnRQYWRkaW5nfVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRhdGFFMmVUZXN0SWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBzdWJUaGVtZT17c3ViVGhlbWV9XG4gICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgIHRvb2x0aXBJZD17dG9vbHRpcElkfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGlzSGlkZGVuT25JbnZpc2libGVUcmlnZ2VyXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IifQ== */"),FocusTrapContent=_react.default.forwardRef(({children},ref)=>_react.default.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=_breakpointsjson.default.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,role,sheetProps,...restContentProps}){let tooltipId=(0,_react.useMemo)(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=(0,_react.useState)(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=(0,_react.useState)(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=(0,_react.useRef)(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=(0,_react.useRef)(!1),ariaAttributes=(0,_ariaAttributes.getAriaAttributes)(restContentProps),toggleVisibility=(0,_react.useCallback)((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=(0,_react.useCallback)(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=(0,_react.useCallback)(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);(0,_react.useEffect)(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),(0,_react.useEffect)(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),(0,_react.useEffect)(()=>{let trigger=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),trigger.setAttribute("aria-expanded",String(!!isVisible)),isVisible?trigger.setAttribute("aria-controls",tooltipId):trigger.removeAttribute("aria-controls")}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?_react.default.cloneElement(children,{ref:triggerRef,"aria-expanded":!!isVisible,...isVisible&&{"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=_react.default.createElement(_Sheet.Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return _react.default.createElement(_react.default.Fragment,null,triggerElm,sheetElm)}let contentElm=_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},_react.default.createElement(FocusTrapContent,null,content)),tooltipElm=_react.default.createElement(_TooltipContent.TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return _react.default.createElement(_react.default.Fragment,null,triggerElm,tooltipElm)}
|
|
@@ -4,6 +4,7 @@ import { type BadgeProps } from "../Badge/Badge";
|
|
|
4
4
|
import { type ButtonProps } from "../Button/Button";
|
|
5
5
|
import { type IconProps } from "../Icon/Icon";
|
|
6
6
|
export type ActionButton = ButtonProps & {
|
|
7
|
+
"aria-label"?: string;
|
|
7
8
|
label: string;
|
|
8
9
|
href?: string;
|
|
9
10
|
target?: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListProps } from "./types";
|
|
3
|
-
export declare function BaseEntityList({ data, size, onClick, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
|
|
3
|
+
export declare function BaseEntityList({ data, size, onClick, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useRef,useMemo,useCallback}from"react";import styled from"@emotion/styled";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";import{VirtualizedEntityList}from"./VirtualizedEntityList";import{useFocusByIndex}from"./useFocusByIndex";let StyledMinHeightCell=styled("div",{target:"e18an0wv0",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9CYXNlRW50aXR5TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvQmFzZUVudGl0eUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZU1lbW8sIHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFN0eWxlZExpc3QgfSBmcm9tIFwiLi9zdHlsZWQtY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBFbnRpdHlMaXN0UHJvcHMsIExpc3ROb2RlLCBUZXh0U2l6ZVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VLZXlib2FyZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtIH0gZnJvbSBcIi4vRW50aXR5TGlzdEl0ZW1cIjtcbmltcG9ydCB7IFZpcnR1YWxpemVkRW50aXR5TGlzdCB9IGZyb20gXCIuL1ZpcnR1YWxpemVkRW50aXR5TGlzdFwiO1xuaW1wb3J0IHsgdXNlRm9jdXNCeUluZGV4IH0gZnJvbSBcIi4vdXNlRm9jdXNCeUluZGV4XCI7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQmFzZUVudGl0eUxpc3Qoe1xuICBkYXRhLFxuICBzaXplID0gXCJtXCIsXG4gIG9uQ2xpY2ssXG4gIGlzU2VsZWN0YWJsZSxcbiAgc2VsZWN0ZWRJZHMsXG4gIG9uU2VsZWN0aW9uQ2hhbmdlLFxuICBvblNlbGVjdGlvblRvZ2dsZSxcbiAgcmVuZGVyUmlnaHRDb250ZW50LFxuICBnZXRMZWZ0SWNvblByb3BzLFxuICBoaWRlQm9yZGVyLFxuICBmaWx0ZXJGbixcbiAgaXNWaXJ0dWFsaXplZCxcbiAgbWF4SGVpZ2h0LFxuICBhcmlhQXR0cmlidXRlczogZGVwcmVjYXRlZEFyaWFBdHRyaWJ1dGVzLFxuICBzbG90UHJvcHMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogRW50aXR5TGlzdFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgYXJpYUxhYmVsRXhwYW5kID1cbiAgICBzbG90UHJvcHM/LnRvZ2dsZT8uW1wiYXJpYS1sYWJlbC1leHBhbmRcIl0gPz9cbiAgICBkZXByZWNhdGVkQXJpYUF0dHJpYnV0ZXM/LmFyaWFMYWJlbEV4cGFuZDtcbiAgY29uc3QgYXJpYUxhYmVsQ29sbGFwc2UgPVxuICAgIHNsb3RQcm9wcz8udG9nZ2xlPy5bXCJhcmlhLWxhYmVsLWNvbGxhcHNlXCJdID8/XG4gICAgZGVwcmVjYXRlZEFyaWFBdHRyaWJ1dGVzPy5hcmlhTGFiZWxDb2xsYXBzZTtcblxuICBjb25zdCBkYXRhU2hvd24gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoIWRhdGEubGVuZ3RoKSByZXR1cm4gZGF0YTtcblxuICAgIHJldHVybiBmaWx0ZXJGbiA/IGRhdGEuZmlsdGVyKGZpbHRlckZuKSA6IGRhdGE7XG4gIH0sIFtkYXRhLCBmaWx0ZXJGbl0pO1xuXG4gIGNvbnN0IHNlbGVjdGVkSWRzU2V0ID0gdXNlTWVtbygoKSA9PiBuZXcgU2V0KHNlbGVjdGVkSWRzKSwgW3NlbGVjdGVkSWRzXSk7XG5cbiAgY29uc3QgbGlzdFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgZm9jdXNhYmxlSXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBkYXRhU2hvd24ubWFwKChpdGVtKSA9PiAoe1xuICAgICAgICBpZDogaXRlbS5pZCxcbiAgICAgICAgaXNEaXNhYmxlZDogQm9vbGVhbihpdGVtLmlzRGlzYWJsZWQpLFxuICAgICAgfSkpLFxuICAgIFtkYXRhU2hvd25dXG4gICk7XG5cbiAgY29uc3QgeyBtb3ZlRm9jdXMsIGZvY3VzZWRJbmRleDogc2VsZWN0ZWRJbmRleCB9ID0gdXNlRm9jdXNCeUluZGV4KHtcbiAgICBjb250YWluZXJSZWY6IGxpc3RSZWYsXG4gICAgbm9kZVNlbGVjdG9yOiBcImRhdGEtbGlzdC1pdGVtXCIsXG4gICAgZGF0YTogZm9jdXNhYmxlSXRlbXMsXG4gICAgcHJldmVudFNjcm9sbDogaXNWaXJ0dWFsaXplZCxcbiAgfSk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dEb3duOiAoKSA9PiB7XG4gICAgICAgIG1vdmVGb2N1cygxKTtcbiAgICAgIH0sXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIG1vdmVGb2N1cygtMSk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgbGlzdFJlZixcbiAgICBpc1NlbGVjdGFibGVcbiAgKTtcbiAgY29uc3QgaGFuZGxlT25DbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChpdGVtOiBMaXN0Tm9kZSkgPT4ge1xuICAgICAgY29uc3QgeyBpZCB9ID0gaXRlbTtcblxuICAgICAgaWYgKGlzU2VsZWN0YWJsZSkge1xuICAgICAgICBjb25zdCB3aWxsQmVTZWxlY3RlZCA9ICFzZWxlY3RlZElkc1NldC5oYXMoaWQpO1xuICAgICAgICBjb25zdCBuZXdTZWxlY3RlZElkc1NldCA9IG5ldyBTZXQoc2VsZWN0ZWRJZHNTZXQpO1xuXG4gICAgICAgIGlmICh3aWxsQmVTZWxlY3RlZCkge1xuICAgICAgICAgIG5ld1NlbGVjdGVkSWRzU2V0LmFkZChpZCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgbmV3U2VsZWN0ZWRJZHNTZXQuZGVsZXRlKGlkKTtcbiAgICAgICAgfVxuXG4gICAgICAgIG9uU2VsZWN0aW9uVG9nZ2xlPy4oaWQsIHdpbGxCZVNlbGVjdGVkKTtcbiAgICAgICAgb25TZWxlY3Rpb25DaGFuZ2U/LihBcnJheS5mcm9tKG5ld1NlbGVjdGVkSWRzU2V0KSk7XG4gICAgICB9XG5cbiAgICAgIG9uQ2xpY2s/LihpdGVtKTtcbiAgICB9LFxuICAgIFtcbiAgICAgIHNlbGVjdGVkSWRzU2V0LFxuICAgICAgb25TZWxlY3Rpb25DaGFuZ2UsXG4gICAgICBvblNlbGVjdGlvblRvZ2dsZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBpc1NlbGVjdGFibGUsXG4gICAgXVxuICApO1xuICBjb25zdCByZW5kZXJFbnRpdHlJdGVtID0gKGluZGV4OiBudW1iZXIpOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGl0ZW0gPSBkYXRhU2hvd25baW5kZXhdO1xuICAgIGlmICghaXRlbSkgcmV0dXJuIG51bGw7XG5cbiAgICBjb25zdCBpc0xhc3RJdGVtID0gaW5kZXggPT09IGRhdGFTaG93bi5sZW5ndGggLSAxO1xuICAgIGNvbnN0IGlzRmlyc3RJdGVtID0gaW5kZXggPT09IDA7XG4gICAgY29uc3QgZGVmYXVsdFRhYkluZGV4ID0gaXNGaXJzdEl0ZW0gJiYgIXNlbGVjdGVkSW5kZXg7XG4gICAgY29uc3QgdGFiSW5kZXggPVxuICAgICAgIWl0ZW0uaXNEaXNhYmxlZCAmJlxuICAgICAgaXNTZWxlY3RhYmxlICYmXG4gICAgICAoaW5kZXggPT09IHNlbGVjdGVkSW5kZXggfHwgZGVmYXVsdFRhYkluZGV4KVxuICAgICAgICA/IDBcbiAgICAgICAgOiAtMTtcbiAgICBjb25zdCBpc1NlbGVjdGVkID0gc2VsZWN0ZWRJZHNTZXQuaGFzKGl0ZW0uaWQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxFbnRpdHlMaXN0SXRlbVxuICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgIGRhdGEtbGlzdC1pdGVtPXtpbmRleH1cbiAgICAgICAgYXJpYS1sYWJlbD17aXRlbVtcImFyaWEtbGFiZWxcIl0gfHwgaXRlbS5sYWJlbH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgaGlkZUJvcmRlcj17aGlkZUJvcmRlciB8fCBpc0xhc3RJdGVtfVxuICAgICAgICBpc0FjdGl2ZT17aXRlbS5pc0FjdGl2ZX1cbiAgICAgICAgaXNEaXNhYmxlZD17aXRlbS5pc0Rpc2FibGVkfVxuICAgICAgICBpc0NsaWNrYWJsZT17Qm9vbGVhbihvbkNsaWNrIHx8IHNlbGVjdGVkSWRzKX1cbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RhYmxlID8gaXNTZWxlY3RlZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgZGVzY3JpcHRpb249e2l0ZW0uZGVzY3JpcHRpb259XG4gICAgICAgIG9uU3BhY2VFbnRlclByZXNzPXsoKSA9PiBoYW5kbGVPbkNsaWNrKGl0ZW0pfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGFyaWFMYWJlbEV4cGFuZD17YXJpYUxhYmVsRXhwYW5kfVxuICAgICAgICBhcmlhTGFiZWxDb2xsYXBzZT17YXJpYUxhYmVsQ29sbGFwc2V9XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgY29uc3QgaXNJbnNpZGVMYWJlbCA9IChlLnRhcmdldCBhcyBIVE1MRWxlbWVudCkuY2xvc2VzdChcImxhYmVsXCIpO1xuICAgICAgICAgIGlmICghaXNJbnNpZGVMYWJlbCkge1xuICAgICAgICAgICAgaGFuZGxlT25DbGljayhpdGVtKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIGNoZWNrYm94UHJvcHM9e1xuICAgICAgICAgIGlzU2VsZWN0YWJsZSAmJiB7XG4gICAgICAgICAgICBuYW1lOiBcImxpc3QtY2hlY2tib3hcIixcbiAgICAgICAgICAgIHNpemU6IFwic1wiLFxuICAgICAgICAgICAgY2hlY2tlZDogaXNTZWxlY3RlZCxcbiAgICAgICAgICAgIG9uQ2hhbmdlOiAoKSA9PiBoYW5kbGVPbkNsaWNrKGl0ZW0pLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZW5kZXJMYWJlbD17KCkgPT4gaXRlbS5sYWJlbH1cbiAgICAgICAgcmVuZGVyTGVmdD17XG4gICAgICAgICAgZ2V0TGVmdEljb25Qcm9wc1xuICAgICAgICAgICAgPyAoeyB0ZXh0U2l6ZSB9KSA9PiAoXG4gICAgICAgICAgICAgICAgPEljb24gey4uLmdldExlZnRJY29uUHJvcHMoaXRlbSl9IHNpemU9e3RleHRTaXplfSAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IG51bGxcbiAgICAgICAgfVxuICAgICAgICByZW5kZXJSaWdodD17KHsgYWN0aW9uU2l6ZSwgdGV4dFNpemUgfSkgPT5cbiAgICAgICAgICByZW5kZXJSaWdodENvbnRlbnQgPyAoXG4gICAgICAgICAgICA8U3R5bGVkTWluSGVpZ2h0Q2VsbCB0ZXh0U2l6ZT17dGV4dFNpemV9PlxuICAgICAgICAgICAgICB7cmVuZGVyUmlnaHRDb250ZW50KHsgdGV4dFNpemUsIGFjdGlvblNpemUsIC4uLml0ZW0gfSl9XG4gICAgICAgICAgICA8L1N0eWxlZE1pbkhlaWdodENlbGw+XG4gICAgICAgICAgKSA6IG51bGxcbiAgICAgICAgfVxuICAgICAgLz5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiByZWY9e2xpc3RSZWZ9PlxuICAgICAge2lzVmlydHVhbGl6ZWQgJiYgbWF4SGVpZ2h0ID8gKFxuICAgICAgICA8VmlydHVhbGl6ZWRFbnRpdHlMaXN0XG4gICAgICAgICAgaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBkYXRhU2hvd249e2RhdGFTaG93bn1cbiAgICAgICAgICBzZWxlY3RlZEluZGV4PXtzZWxlY3RlZEluZGV4fVxuICAgICAgICAgIGl0ZW1UZW1wbGF0ZT17cmVuZGVyRW50aXR5SXRlbX1cbiAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgIHJvbGU9e2lzU2VsZWN0YWJsZSA/IFwibGlzdGJveFwiIDogXCJsaXN0XCJ9XG4gICAgICAgICAgYXJpYS1tdWx0aXNlbGVjdGFibGU9e2lzU2VsZWN0YWJsZSA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZExpc3RcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgZGF0YS1kcy1pZD1cIkVudGl0eUxpc3RcIlxuICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgICByb2xlPXtpc1NlbGVjdGFibGUgPyBcImxpc3Rib3hcIiA6IFwibGlzdFwifVxuICAgICAgICAgIGFyaWEtbXVsdGlzZWxlY3RhYmxlPXtpc1NlbGVjdGFibGUgPyB0cnVlIDogdW5kZWZpbmVkfVxuICAgICAgICA+XG4gICAgICAgICAge2RhdGFTaG93bi5tYXAoKF9pdGVtLCBpKSA9PiByZW5kZXJFbnRpdHlJdGVtKGkpKX1cbiAgICAgICAgPC9TdHlsZWRMaXN0PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIifQ== */");export function BaseEntityList({data,size="m",onClick,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=useMemo(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),listRef=useRef(null),{moveFocus,focusedIndex:selectedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),preventScroll:isVirtualized});useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable);let handleOnClick=useCallback(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,tabIndex=item.isDisabled||!isSelectable||index!==selectedIndex&&(0!==index||selectedIndex)?-1:0,isSelected=selectedIdsSet.has(item.id);return React.createElement(EntityListItem,{key:item.id,"data-list-item":index,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),isSelected:isSelectable?isSelected:void 0,description:item.description,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target.closest("label")||handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:({actionSize,textSize})=>renderRightContent?React.createElement(StyledMinHeightCell,{textSize:textSize},renderRightContent({textSize,actionSize,...item})):null})};return React.createElement("div",{ref:listRef},isVirtualized&&maxHeight?React.createElement(VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,role:isSelectable?"listbox":"list","aria-multiselectable":!!isSelectable||void 0,...ariaAttributes}):React.createElement(StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...ariaAttributes,role:isSelectable?"listbox":"list","aria-multiselectable":!!isSelectable||void 0},dataShown.map((_item,i)=>renderEntityItem(i))))}
|
|
1
|
+
import React,{useRef,useMemo,useCallback}from"react";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";import{VirtualizedEntityList}from"./VirtualizedEntityList";import{useFocusByIndex}from"./useFocusByIndex";let ITEM_ROLE_MAP={list:"listitem",listbox:"option",menu:"menuitem"};export function BaseEntityList({data,size="m",onClick,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:ITEM_ROLE_MAP[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable||void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=useMemo(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),listRef=useRef(null),{moveFocus,focusedIndex:selectedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),preventScroll:isVirtualized,initialIndex:useMemo(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown])});useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable||!!onClick);let handleOnClick=useCallback(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);return(isSelectable||onClick)&&(tabIndex=item.isDisabled||index!==selectedIndex&&(0!==index||selectedIndex)?-1:0),React.createElement(EntityListItem,{key:item.id,"data-list-item":index,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target.closest("label")||handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0})};return React.createElement("div",{ref:listRef},isVirtualized&&maxHeight?React.createElement(VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):React.createElement(StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{cloneElement,isValidElement}from"react";import styled from"@emotion/styled";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{EntityListItemText}from"./EntityListItemText";import{Inline}from"../Inline/Inline";import{StyledWrapperOffset}from"./styled-components";let StyledLabel=styled(StyledWrapperOffset,{target:"e1nalbpv0",label:"StyledLabel"})(({theme,size})=>({cursor:"pointer",display:"block",margin:`-${theme.variables.size.spacing["xs"===size?"xxs":size]} 0`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0eWxlZFdyYXBwZXJPZmZzZXQgfSBmcm9tIFwiLi9zdHlsZWQtY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbmNvbnN0IGhhc0ludGVyYWN0aXZlUHJvcHMgPSAoZWxlbWVudDogUmVhY3QuUmVhY3RFbGVtZW50KTogYm9vbGVhbiA9PlxuICBbXCJvbkNsaWNrXCIsIFwib25Nb3VzZURvd25cIiwgXCJvblBvaW50ZXJEb3duXCJdLnNvbWUoXG4gICAgKHApID0+IHR5cGVvZiBlbGVtZW50LnByb3BzPy5bcF0gPT09IFwiZnVuY3Rpb25cIlxuICApO1xuXG5jb25zdCBpc0ludGVyYWN0aXZlRWxlbWVudCA9IChcbiAgZWxlbWVudDogUmVhY3QuUmVhY3ROb2RlXG4pOiBlbGVtZW50IGlzIFJlYWN0LlJlYWN0RWxlbWVudDxIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4+ID0+XG4gIGlzVmFsaWRFbGVtZW50KGVsZW1lbnQpICYmXG4gIChoYXNJbnRlcmFjdGl2ZVByb3BzKGVsZW1lbnQpIHx8IFwiaHJlZlwiIGluIChlbGVtZW50LnByb3BzID8/IHt9KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBFbnRpdHlJdGVtQm9keSh7XG4gIGNoZWNrYm94UHJvcHMsXG4gIGRlc2NyaXB0aW9uLFxuICByZW5kZXJMYWJlbCxcbiAgcmVuZGVyTGVmdCxcbiAgcmVuZGVyUmlnaHQsXG4gIHRhYkluZGV4LFxuICBzaXplID0gXCJtXCIsXG59OiBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdGV4dFNpemUgPSBzaXplID09PSBcInhzXCIgPyBcInNcIiA6IFwibVwiO1xuICBjb25zdCBhY3Rpb25TaXplID0gc2l6ZSA9PT0gXCJsXCIgPyBcIm1cIiA6IFwic1wiO1xuICBjb25zdCByaWdodEVsZW1lbnQgPSByZW5kZXJSaWdodD8uKHsgdGV4dFNpemUsIGFjdGlvblNpemUgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lIG5vV3JhcCBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICB7Y2hlY2tib3hQcm9wcyA/IChcbiAgICAgICAgPFN0eWxlZExhYmVsIGFzPVwibGFiZWxcIiBzaXplPXtzaXplfSBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICA8SW5saW5lIG5vV3JhcCBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgICAgICAgIDxDaGVja2JveFJhdyB7Li4uY2hlY2tib3hQcm9wc30gaW5lcnQ9XCJcIiAvPlxuICAgICAgICAgICAgPEVudGl0eUxpc3RJdGVtVGV4dCBzaXplPXt0ZXh0U2l6ZX0gZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufT5cbiAgICAgICAgICAgICAge3JlbmRlckxhYmVsKHsgdGV4dFNpemUgfSl9XG4gICAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRMYWJlbD5cbiAgICAgICkgOiAoXG4gICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgIHtyZW5kZXJMZWZ0ICYmIHJlbmRlckxlZnQoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAge3JlbmRlckxhYmVsKHsgdGV4dFNpemUgfSl9XG4gICAgICAgICAgPC9FbnRpdHlMaXN0SXRlbVRleHQ+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgKX1cblxuICAgICAge2lzSW50ZXJhY3RpdmVFbGVtZW50KHJpZ2h0RWxlbWVudClcbiAgICAgICAgPyBjbG9uZUVsZW1lbnQocmlnaHRFbGVtZW50LCB7XG4gICAgICAgICAgICB0YWJJbmRleCxcbiAgICAgICAgICAgIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbkNsaWNrPy4oZXZlbnQpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIC4uLihyaWdodEVsZW1lbnQucHJvcHMub25Nb3VzZURvd24gJiYge1xuICAgICAgICAgICAgICBvbk1vdXNlRG93bjogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vblBvaW50ZXJEb3duICYmIHtcbiAgICAgICAgICAgICAgb25Qb2ludGVyRG93bjogKGV2ZW50OiBSZWFjdC5Qb2ludGVyRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24/LihldmVudCk7XG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICB9KVxuICAgICAgICA6IHJpZ2h0RWxlbWVudH1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IifQ== */"),hasInteractiveProps=element=>["onClick","onMouseDown","onPointerDown"].some(p=>"function"==typeof element.props?.[p]),isInteractiveElement=element=>isValidElement(element)&&(hasInteractiveProps(element)||"href"in(element.props??{}));export function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m"}){let textSize="xs"===size?"s":"m",rightElement=renderRight?.({textSize,actionSize:"l"===size?"m":"s"});return React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?React.createElement(StyledLabel,{as:"label",size:size,"aria-hidden":"true"},React.createElement(Inline,{noWrap:!0,space:["xs","m"]},React.createElement(CheckboxRaw,{...checkboxProps,inert:""}),React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize})))):React.createElement(Inline,{noWrap:!0,space:["xs","m"]},renderLeft&&renderLeft({textSize}),React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize}))),isInteractiveElement(rightElement)?cloneElement(rightElement,{tabIndex,onClick:event=>{event.stopPropagation(),rightElement.props.onClick?.(event)},...rightElement.props.onMouseDown&&{onMouseDown:event=>{event.stopPropagation(),rightElement.props.onMouseDown?.(event)}},...rightElement.props.onPointerDown&&{onPointerDown:event=>{event.stopPropagation(),rightElement.props.onPointerDown?.(event)}}}):rightElement)}
|
|
1
|
+
import React,{cloneElement,isValidElement}from"react";import styled from"@emotion/styled";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{EntityListItemText}from"./EntityListItemText";import{Inline}from"../Inline/Inline";import{StyledWrapperOffset}from"./styled-components";let StyledLabel=styled(StyledWrapperOffset,{target:"erqpiki0",label:"StyledLabel"})(({theme,size})=>({cursor:"pointer",display:"block",margin:`-${theme.variables.size.spacing["xs"===size?"xxs":size]} 0`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmIChcbiAgICAgICAgPFN0eWxlZE1pbkhlaWdodENlbGwgdGV4dFNpemU9e3RleHRTaXplfT5cbiAgICAgICAgICB7aXNJbnRlcmFjdGl2ZUVsZW1lbnQocmlnaHRFbGVtZW50KVxuICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQocmlnaHRFbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgdGFiSW5kZXgsXG4gICAgICAgICAgICAgICAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIC4uLihyaWdodEVsZW1lbnQucHJvcHMub25Nb3VzZURvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd246IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vblBvaW50ZXJEb3duICYmIHtcbiAgICAgICAgICAgICAgICAgIG9uUG9pbnRlckRvd246IChldmVudDogUmVhY3QuUG9pbnRlckV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24/LihldmVudCk7XG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiByaWdodEVsZW1lbnR9XG4gICAgICAgIDwvU3R5bGVkTWluSGVpZ2h0Q2VsbD5cbiAgICAgICl9XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW9CIn0= */"),StyledMinHeightCell=styled("div",{target:"erqpiki1",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmIChcbiAgICAgICAgPFN0eWxlZE1pbkhlaWdodENlbGwgdGV4dFNpemU9e3RleHRTaXplfT5cbiAgICAgICAgICB7aXNJbnRlcmFjdGl2ZUVsZW1lbnQocmlnaHRFbGVtZW50KVxuICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQocmlnaHRFbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgdGFiSW5kZXgsXG4gICAgICAgICAgICAgICAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIC4uLihyaWdodEVsZW1lbnQucHJvcHMub25Nb3VzZURvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd246IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vblBvaW50ZXJEb3duICYmIHtcbiAgICAgICAgICAgICAgICAgIG9uUG9pbnRlckRvd246IChldmVudDogUmVhY3QuUG9pbnRlckV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24/LihldmVudCk7XG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiByaWdodEVsZW1lbnR9XG4gICAgICAgIDwvU3R5bGVkTWluSGVpZ2h0Q2VsbD5cbiAgICAgICl9XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I0QiJ9 */"),hasInteractiveProps=element=>["onClick","onMouseDown","onPointerDown"].some(p=>"function"==typeof element.props?.[p]),isInteractiveElement=element=>isValidElement(element)&&(hasInteractiveProps(element)||"href"in(element.props??{}));export function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m"}){let textSize="xs"===size?"s":"m",rightElement=renderRight?.({textSize,actionSize:"l"===size?"m":"s",tabIndex});return React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?React.createElement(StyledLabel,{as:"label",size:size,"aria-hidden":"true"},React.createElement(Inline,{noWrap:!0,space:["xs","m"]},React.createElement(CheckboxRaw,{...checkboxProps,inert:""}),React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize})))):React.createElement(Inline,{noWrap:!0,space:["xs","m"]},renderLeft&&renderLeft({textSize}),React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize}))),rightElement&&React.createElement(StyledMinHeightCell,{textSize:textSize},isInteractiveElement(rightElement)?cloneElement(rightElement,{tabIndex,onClick:event=>{event.stopPropagation(),rightElement.props.onClick?.(event)},...rightElement.props.onMouseDown&&{onMouseDown:event=>{event.stopPropagation(),rightElement.props.onMouseDown?.(event)}},...rightElement.props.onPointerDown&&{onPointerDown:event=>{event.stopPropagation(),rightElement.props.onPointerDown?.(event)}}}):rightElement))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:0
|
|
1
|
+
import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role;return React.createElement(StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight})))});
|
|
@@ -9,7 +9,7 @@ export type VirtualizedEntityListProps = {
|
|
|
9
9
|
selectedIndex: number;
|
|
10
10
|
itemTemplate: (index: number) => React.ReactNode;
|
|
11
11
|
"data-e2e-test-id"?: string;
|
|
12
|
-
role?: "list" | "listbox";
|
|
12
|
+
role?: "list" | "listbox" | "menu";
|
|
13
13
|
"aria-multiselectable"?: boolean;
|
|
14
14
|
"aria-label"?: string;
|
|
15
15
|
};
|
|
@@ -31,6 +31,9 @@ export type EntityListAriaAttributes = {
|
|
|
31
31
|
/** @deprecated Use slotProps.toggle['aria-label-collapse'] instead */
|
|
32
32
|
ariaLabelCollapse?: string;
|
|
33
33
|
};
|
|
34
|
+
export type RenderRightProps = TextSizeProps & ActionSizeProps & {
|
|
35
|
+
tabIndex?: number;
|
|
36
|
+
};
|
|
34
37
|
export type BaseEntityListProps = {
|
|
35
38
|
/**
|
|
36
39
|
* @param ListNode[].id
|
|
@@ -80,6 +83,8 @@ export type BaseEntityListProps = {
|
|
|
80
83
|
slotProps?: EntityListSlotProps;
|
|
81
84
|
"data-e2e-test-id"?: string;
|
|
82
85
|
"aria-label"?: string;
|
|
86
|
+
/** ARIA role for the list container. Defaults to 'listbox' when isSelectable, 'list' otherwise. */
|
|
87
|
+
role?: "list" | "listbox" | "menu";
|
|
83
88
|
};
|
|
84
89
|
export type EntityListProps = BaseEntityListProps & ({
|
|
85
90
|
/** Enable virtualization for large lists. When true, only visible items are rendered. */
|
|
@@ -107,7 +112,7 @@ export type EntityListItemProps = {
|
|
|
107
112
|
onExpandClick?: (e: React.MouseEvent) => void;
|
|
108
113
|
renderLabel: RenderProps;
|
|
109
114
|
renderLeft?: RenderProps;
|
|
110
|
-
renderRight?: (props:
|
|
115
|
+
renderRight?: (props: RenderRightProps) => React.ReactNode;
|
|
111
116
|
role?: string;
|
|
112
117
|
size?: ListSize;
|
|
113
118
|
withWrapper?: (content: () => React.ReactNode) => React.ReactNode;
|