@amboss/design-system 3.37.1 → 3.37.2
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/Lightbox/Lightbox.d.ts +6 -1
- package/build/cjs/components/Lightbox/Lightbox.js +2 -2
- package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/cjs/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/cjs/components/Patterns/Modal/Modal.js +2 -2
- package/build/esm/components/Lightbox/Lightbox.d.ts +6 -1
- package/build/esm/components/Lightbox/Lightbox.js +2 -2
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/esm/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/esm/components/Patterns/Modal/Modal.js +2 -2
- package/package.json +1 -1
|
@@ -6,6 +6,11 @@ export type LightboxProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
6
6
|
backdropRef?: RefObject<HTMLDivElement>;
|
|
7
7
|
handleClose?: () => void;
|
|
8
8
|
isDismissible?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* A ref to the element that should receive focus when the lightbox opens.
|
|
11
|
+
* When not provided, the first focusable element inside the lightbox is used.
|
|
12
|
+
*/
|
|
13
|
+
initialFocus?: RefObject<HTMLElement | SVGElement> | string;
|
|
9
14
|
justifyContent?: MQ<LightboxVerticalAlignment> | LightboxVerticalAlignment;
|
|
10
15
|
privateProps?: {
|
|
11
16
|
skipPortal?: boolean;
|
|
@@ -27,4 +32,4 @@ export declare const StyledChildrenWrapper: import("@emotion/styled").StyledComp
|
|
|
27
32
|
theme?: import("@emotion/react").Theme;
|
|
28
33
|
as?: React.ElementType;
|
|
29
34
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
|
-
export declare function Lightbox({ backdropRef, portalContainer, isDismissible, children, handleClose, justifyContent, privateProps: { skipPortal, tabbableOptions }, }: PropsWithChildren<LightboxProps>): React.ReactElement;
|
|
35
|
+
export declare function Lightbox({ backdropRef, portalContainer, initialFocus, isDismissible, children, handleClose, justifyContent, privateProps: { skipPortal, tabbableOptions }, }: PropsWithChildren<LightboxProps>): React.ReactElement;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Lightbox(){return Lightbox},get StyledBackdrop(){return StyledBackdrop},get StyledChildrenWrapper(){return StyledChildrenWrapper}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react1=require("@emotion/react"),_Portal=require("../Portal/Portal"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_mediaQueries=require("../../shared/mediaQueries"),_DialogContext=require("../Patterns/Dialog/DialogContext"),StyledBackdrop=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Lightbox(){return Lightbox},get StyledBackdrop(){return StyledBackdrop},get StyledChildrenWrapper(){return StyledChildrenWrapper}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react1=require("@emotion/react"),_Portal=require("../Portal/Portal"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_mediaQueries=require("../../shared/mediaQueries"),_DialogContext=require("../Patterns/Dialog/DialogContext"),StyledBackdrop=(0,_styled.default)("div",{target:"e1v68oqn0",label:"StyledBackdrop"})(({theme,justifyContent})=>{let fadeInBackdrop=(0,_react1.keyframes)`
|
|
2
2
|
from {
|
|
3
3
|
opacity: ${theme.variables.opacity.hidden};
|
|
4
4
|
}
|
|
5
5
|
to {
|
|
6
6
|
opacity: ${theme.variables.opacity.visible};
|
|
7
7
|
}
|
|
8
|
-
`;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",background:theme.values.color.background.backdrop.default,display:"flex",flexDirection:"column",...(0,_mediaQueries.useResponsiveStyles)({justifyContent:[justifyContent,{top:"flex-start",center:"center"}]}),alignItems:"center",flex:"1 0 auto",animation:`${fadeInBackdrop} ${theme.variables.animation.modalBackdrop.open.duration} ${theme.variables.animation.modalBackdrop.open.timingFunction} both`}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAganVzdGlmeUNvbnRlbnQ/OiBNUTxMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50PiB8IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQ7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgICAvKipcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKiBPcHRpb25zIHBhc3NlZCB0byBmb2N1cy10cmFwJ3MgdGFiYmFibGUgZGV0ZWN0aW9uLlxuICAgICAqIFVzZSBgeyBkaXNwbGF5Q2hlY2s6IFwibm9uZVwiIH1gIGZvciB0ZXN0aW5nIHRvIGF2b2lkIEpTRE9NIHZpc2liaWxpdHkgaXNzdWVzLlxuICAgICAqL1xuICAgIHRhYmJhYmxlT3B0aW9ucz86IHtcbiAgICAgIGRpc3BsYXlDaGVjaz86IFwiZnVsbFwiIHwgXCJsZWdhY3ktZnVsbFwiIHwgXCJub24temVyby1hcmVhXCIgfCBcIm5vbmVcIjtcbiAgICB9O1xuICB9O1xufSAmIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PFBpY2s8TGlnaHRib3hQcm9wcywgXCJqdXN0aWZ5Q29udGVudFwiPj4oXG4gICh7IHRoZW1lLCBqdXN0aWZ5Q29udGVudCB9KSA9PiB7XG4gICAgY29uc3QgZmFkZUluQmFja2Ryb3AgPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbn07XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZX07XG4gICAgfVxuICBgO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgekluZGV4OiB0aGVtZS52YXJpYWJsZXMuekluZGV4Lm1vZGFsLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYmFja2Ryb3AuZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIC4uLnVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgXSxcbiAgICAgIH0pLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXg6IFwiMSAwIGF1dG9cIixcbiAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZUluQmFja2Ryb3B9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4uZHVyYXRpb259ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4udGltaW5nRnVuY3Rpb259IGJvdGhgLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJjb250ZW50c1wiLFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMaWdodGJveCh7XG4gIGJhY2tkcm9wUmVmLFxuICBwb3J0YWxDb250YWluZXIsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICBmYWxsYmFja0ZvY3VzOiAoKSA9PiBnZXRGb2N1c1RhcmdldCgpLFxuICAgICAgICAgIC4uLih0YWJiYWJsZU9wdGlvbnMgJiYgeyB0YWJiYWJsZU9wdGlvbnMgfSksXG4gICAgICAgICAgLi4uKGhhbmRsZUNsb3NlICYmIHsgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlQ2xvc2UgfSksXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaGlsZHJlbldyYXBwZXIgcmVmPXttb2RhbFJlZn0+XG4gICAgICAgICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU+e2NoaWxkcmVufTwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgPC9TdHlsZWRDaGlsZHJlbldyYXBwZXI+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRCYWNrZHJvcD5cbiAgKTtcblxuICAvLyBGb3IgdGVzdGluZyBhbmQgTW9kYWwgc3Rvcnkgd2UgZG9uJ3Qgd2FudCB0byByZW5kZXIgdGhlIGNvbnRlbnQgaW5zaWRlIGEgcG9ydGFsXG4gIGlmIChza2lwUG9ydGFsKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cblxuICByZXR1cm4gPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2NvbnRlbnR9PC9Qb3J0YWw+O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDOEIifQ== */"),StyledChildrenWrapper=(0,_styled.default)("div",{target:"e79ud7r1",label:"StyledChildrenWrapper"})({display:"contents"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAganVzdGlmeUNvbnRlbnQ/OiBNUTxMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50PiB8IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQ7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgICAvKipcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKiBPcHRpb25zIHBhc3NlZCB0byBmb2N1cy10cmFwJ3MgdGFiYmFibGUgZGV0ZWN0aW9uLlxuICAgICAqIFVzZSBgeyBkaXNwbGF5Q2hlY2s6IFwibm9uZVwiIH1gIGZvciB0ZXN0aW5nIHRvIGF2b2lkIEpTRE9NIHZpc2liaWxpdHkgaXNzdWVzLlxuICAgICAqL1xuICAgIHRhYmJhYmxlT3B0aW9ucz86IHtcbiAgICAgIGRpc3BsYXlDaGVjaz86IFwiZnVsbFwiIHwgXCJsZWdhY3ktZnVsbFwiIHwgXCJub24temVyby1hcmVhXCIgfCBcIm5vbmVcIjtcbiAgICB9O1xuICB9O1xufSAmIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PFBpY2s8TGlnaHRib3hQcm9wcywgXCJqdXN0aWZ5Q29udGVudFwiPj4oXG4gICh7IHRoZW1lLCBqdXN0aWZ5Q29udGVudCB9KSA9PiB7XG4gICAgY29uc3QgZmFkZUluQmFja2Ryb3AgPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbn07XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZX07XG4gICAgfVxuICBgO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgekluZGV4OiB0aGVtZS52YXJpYWJsZXMuekluZGV4Lm1vZGFsLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYmFja2Ryb3AuZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIC4uLnVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgXSxcbiAgICAgIH0pLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXg6IFwiMSAwIGF1dG9cIixcbiAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZUluQmFja2Ryb3B9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4uZHVyYXRpb259ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4udGltaW5nRnVuY3Rpb259IGJvdGhgLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJjb250ZW50c1wiLFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMaWdodGJveCh7XG4gIGJhY2tkcm9wUmVmLFxuICBwb3J0YWxDb250YWluZXIsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICBmYWxsYmFja0ZvY3VzOiAoKSA9PiBnZXRGb2N1c1RhcmdldCgpLFxuICAgICAgICAgIC4uLih0YWJiYWJsZU9wdGlvbnMgJiYgeyB0YWJiYWJsZU9wdGlvbnMgfSksXG4gICAgICAgICAgLi4uKGhhbmRsZUNsb3NlICYmIHsgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlQ2xvc2UgfSksXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaGlsZHJlbldyYXBwZXIgcmVmPXttb2RhbFJlZn0+XG4gICAgICAgICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU+e2NoaWxkcmVufTwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgPC9TdHlsZWRDaGlsZHJlbldyYXBwZXI+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRCYWNrZHJvcD5cbiAgKTtcblxuICAvLyBGb3IgdGVzdGluZyBhbmQgTW9kYWwgc3Rvcnkgd2UgZG9uJ3Qgd2FudCB0byByZW5kZXIgdGhlIGNvbnRlbnQgaW5zaWRlIGEgcG9ydGFsXG4gIGlmIChza2lwUG9ydGFsKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cblxuICByZXR1cm4gPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2NvbnRlbnR9PC9Qb3J0YWw+O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFcUMifQ== */");function Lightbox({backdropRef,portalContainer,isDismissible=!0,children,handleClose,justifyContent="center",privateProps:{skipPortal,tabbableOptions}={skipPortal:!1}}){let portalContainerElement=(0,_Portal.usePortalContainerElement)(portalContainer),modalRef=(0,_react.useRef)(null),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(!portalContainerElement.contains(evt.target)||evt.target===backdropRef?.current)&&isDismissible,[backdropRef,portalContainerElement,isDismissible]),getFocusTarget=()=>{let container=modalRef?.current?.firstElementChild,firstFocusable=container?.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return firstFocusable||container||document.body},content=_react.default.createElement(StyledBackdrop,{ref:backdropRef,justifyContent:justifyContent,"data-ds-id":"Lightbox"},_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:!0,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>getFocusTarget(),fallbackFocus:()=>getFocusTarget(),...tabbableOptions&&{tabbableOptions},...handleClose&&{onPostDeactivate:handleClose}}},_react.default.createElement(StyledChildrenWrapper,{ref:modalRef},_react.default.createElement(_DialogContext.DialogContext.Provider,{value:!0},children))));return skipPortal?content:_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},content)}
|
|
8
|
+
`;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",background:theme.values.color.background.backdrop.default,display:"flex",flexDirection:"column",...(0,_mediaQueries.useResponsiveStyles)({justifyContent:[justifyContent,{top:"flex-start",center:"center"}]}),alignItems:"center",flex:"1 0 auto",animation:`${fadeInBackdrop} ${theme.variables.animation.modalBackdrop.open.duration} ${theme.variables.animation.modalBackdrop.open.timingFunction} both`}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEEgcmVmIHRvIHRoZSBlbGVtZW50IHRoYXQgc2hvdWxkIHJlY2VpdmUgZm9jdXMgd2hlbiB0aGUgbGlnaHRib3ggb3BlbnMuXG4gICAqIFdoZW4gbm90IHByb3ZpZGVkLCB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQgaW5zaWRlIHRoZSBsaWdodGJveCBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIGp1c3RpZnlDb250ZW50PzogTVE8TGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudD4gfCBMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50O1xuICBwcml2YXRlUHJvcHM/OiB7XG4gICAgc2tpcFBvcnRhbD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogQGludGVybmFsXG4gICAgICogT3B0aW9ucyBwYXNzZWQgdG8gZm9jdXMtdHJhcCdzIHRhYmJhYmxlIGRldGVjdGlvbi5cbiAgICAgKiBVc2UgYHsgZGlzcGxheUNoZWNrOiBcIm5vbmVcIiB9YCBmb3IgdGVzdGluZyB0byBhdm9pZCBKU0RPTSB2aXNpYmlsaXR5IGlzc3Vlcy5cbiAgICAgKi9cbiAgICB0YWJiYWJsZU9wdGlvbnM/OiB7XG4gICAgICBkaXNwbGF5Q2hlY2s/OiBcImZ1bGxcIiB8IFwibGVnYWN5LWZ1bGxcIiB8IFwibm9uLXplcm8tYXJlYVwiIHwgXCJub25lXCI7XG4gICAgfTtcbiAgfTtcbn0gJiBQaWNrPFBvcnRhbFByb3BzLCBcInBvcnRhbENvbnRhaW5lclwiPjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjxQaWNrPExpZ2h0Ym94UHJvcHMsIFwianVzdGlmeUNvbnRlbnRcIj4+KFxuICAoeyB0aGVtZSwganVzdGlmeUNvbnRlbnQgfSkgPT4ge1xuICAgIGNvbnN0IGZhZGVJbkJhY2tkcm9wID0ga2V5ZnJhbWVzYFxuICAgIGZyb20ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgIH1cbiAgICB0byB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGV9O1xuICAgIH1cbiAgYDtcblxuICAgIHJldHVybiB7XG4gICAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGhlaWdodDogXCIxMDBkdmhcIixcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBmbGV4OiBcIjEgMCBhdXRvXCIsXG4gICAgICBhbmltYXRpb246IGAke2ZhZGVJbkJhY2tkcm9wfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6IFwiY29udGVudHNcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGlnaHRib3goe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgZ2V0SW5pdGlhbEZvY3VzID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgaW5pdGlhbEZvY3VzID09PSBcInN0cmluZ1wiKSB7XG4gICAgICByZXR1cm4gaW5pdGlhbEZvY3VzO1xuICAgIH1cbiAgICByZXR1cm4gaW5pdGlhbEZvY3VzPy5jdXJyZW50ID8/IGdldEZvY3VzVGFyZ2V0KCk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0SW5pdGlhbEZvY3VzKCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICAuLi4odGFiYmFibGVPcHRpb25zICYmIHsgdGFiYmFibGVPcHRpb25zIH0pLFxuICAgICAgICAgIC4uLihoYW5kbGVDbG9zZSAmJiB7IG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZUNsb3NlIH0pLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ2hpbGRyZW5XcmFwcGVyIHJlZj17bW9kYWxSZWZ9PlxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPntjaGlsZHJlbn08L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICAgICAgIDwvU3R5bGVkQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICAgIDwvU3R5bGVkQmFja2Ryb3A+XG4gICk7XG5cbiAgLy8gRm9yIHRlc3RpbmcgYW5kIE1vZGFsIHN0b3J5IHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPjtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzhCIn0= */"),StyledChildrenWrapper=(0,_styled.default)("div",{target:"e1v68oqn1",label:"StyledChildrenWrapper"})({display:"contents"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEEgcmVmIHRvIHRoZSBlbGVtZW50IHRoYXQgc2hvdWxkIHJlY2VpdmUgZm9jdXMgd2hlbiB0aGUgbGlnaHRib3ggb3BlbnMuXG4gICAqIFdoZW4gbm90IHByb3ZpZGVkLCB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQgaW5zaWRlIHRoZSBsaWdodGJveCBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIGp1c3RpZnlDb250ZW50PzogTVE8TGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudD4gfCBMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50O1xuICBwcml2YXRlUHJvcHM/OiB7XG4gICAgc2tpcFBvcnRhbD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogQGludGVybmFsXG4gICAgICogT3B0aW9ucyBwYXNzZWQgdG8gZm9jdXMtdHJhcCdzIHRhYmJhYmxlIGRldGVjdGlvbi5cbiAgICAgKiBVc2UgYHsgZGlzcGxheUNoZWNrOiBcIm5vbmVcIiB9YCBmb3IgdGVzdGluZyB0byBhdm9pZCBKU0RPTSB2aXNpYmlsaXR5IGlzc3Vlcy5cbiAgICAgKi9cbiAgICB0YWJiYWJsZU9wdGlvbnM/OiB7XG4gICAgICBkaXNwbGF5Q2hlY2s/OiBcImZ1bGxcIiB8IFwibGVnYWN5LWZ1bGxcIiB8IFwibm9uLXplcm8tYXJlYVwiIHwgXCJub25lXCI7XG4gICAgfTtcbiAgfTtcbn0gJiBQaWNrPFBvcnRhbFByb3BzLCBcInBvcnRhbENvbnRhaW5lclwiPjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjxQaWNrPExpZ2h0Ym94UHJvcHMsIFwianVzdGlmeUNvbnRlbnRcIj4+KFxuICAoeyB0aGVtZSwganVzdGlmeUNvbnRlbnQgfSkgPT4ge1xuICAgIGNvbnN0IGZhZGVJbkJhY2tkcm9wID0ga2V5ZnJhbWVzYFxuICAgIGZyb20ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgIH1cbiAgICB0byB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGV9O1xuICAgIH1cbiAgYDtcblxuICAgIHJldHVybiB7XG4gICAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGhlaWdodDogXCIxMDBkdmhcIixcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBmbGV4OiBcIjEgMCBhdXRvXCIsXG4gICAgICBhbmltYXRpb246IGAke2ZhZGVJbkJhY2tkcm9wfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6IFwiY29udGVudHNcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGlnaHRib3goe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgZ2V0SW5pdGlhbEZvY3VzID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgaW5pdGlhbEZvY3VzID09PSBcInN0cmluZ1wiKSB7XG4gICAgICByZXR1cm4gaW5pdGlhbEZvY3VzO1xuICAgIH1cbiAgICByZXR1cm4gaW5pdGlhbEZvY3VzPy5jdXJyZW50ID8/IGdldEZvY3VzVGFyZ2V0KCk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0SW5pdGlhbEZvY3VzKCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICAuLi4odGFiYmFibGVPcHRpb25zICYmIHsgdGFiYmFibGVPcHRpb25zIH0pLFxuICAgICAgICAgIC4uLihoYW5kbGVDbG9zZSAmJiB7IG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZUNsb3NlIH0pLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ2hpbGRyZW5XcmFwcGVyIHJlZj17bW9kYWxSZWZ9PlxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPntjaGlsZHJlbn08L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICAgICAgIDwvU3R5bGVkQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICAgIDwvU3R5bGVkQmFja2Ryb3A+XG4gICk7XG5cbiAgLy8gRm9yIHRlc3RpbmcgYW5kIE1vZGFsIHN0b3J5IHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPjtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRnFDIn0= */");function Lightbox({backdropRef,portalContainer,initialFocus,isDismissible=!0,children,handleClose,justifyContent="center",privateProps:{skipPortal,tabbableOptions}={skipPortal:!1}}){let portalContainerElement=(0,_Portal.usePortalContainerElement)(portalContainer),modalRef=(0,_react.useRef)(null),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(!portalContainerElement.contains(evt.target)||evt.target===backdropRef?.current)&&isDismissible,[backdropRef,portalContainerElement,isDismissible]),getFocusTarget=()=>{let container=modalRef?.current?.firstElementChild,firstFocusable=container?.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return firstFocusable||container||document.body},getInitialFocus=()=>"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(),content=_react.default.createElement(StyledBackdrop,{ref:backdropRef,justifyContent:justifyContent,"data-ds-id":"Lightbox"},_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:!0,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>getInitialFocus(),fallbackFocus:()=>getFocusTarget(),...tabbableOptions&&{tabbableOptions},...handleClose&&{onPostDeactivate:handleClose}}},_react.default.createElement(StyledChildrenWrapper,{ref:modalRef},_react.default.createElement(_DialogContext.DialogContext.Provider,{value:!0},children))));return skipPortal?content:_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},content)}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { type RefObject } from "react";
|
|
2
2
|
import type { MQ, SpaceSizes, ButtonSize } from "../../../types";
|
|
3
3
|
import type { ButtonProps } from "../../Button/Button";
|
|
4
4
|
export type ButtonGroupButtonProps = {
|
|
5
5
|
text: string;
|
|
6
|
+
ref?: RefObject<HTMLButtonElement>;
|
|
6
7
|
} & ButtonProps;
|
|
7
8
|
export type ButtonGroupProps = {
|
|
8
9
|
/** Text and other props for action Button */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AriaAttributes } from "react";
|
|
1
|
+
import type { AriaAttributes, RefObject } from "react";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import type { Property } from "csstype";
|
|
4
4
|
import type { PortalProps } from "../../Portal/Portal";
|
|
@@ -50,6 +50,15 @@ type BaseProps = {
|
|
|
50
50
|
isMaxWidthLimit?: boolean;
|
|
51
51
|
size?: "m" | "l";
|
|
52
52
|
closeButtonAriaLabel?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Determines which element receives focus when the modal opens.
|
|
55
|
+
* - Pass a **RefObject** to focus a specific custom element.
|
|
56
|
+
* - Pass a string that will act as css selector to focus that specific element
|
|
57
|
+
* For and actionButton, secondaryButton, pass a ref to those elements and to this prop
|
|
58
|
+
* For closeButton focus, pass "[data-modal-close-btn]"
|
|
59
|
+
* - If **undefined**, focus falls back to the first focusable element in the modal.
|
|
60
|
+
*/
|
|
61
|
+
initialFocus?: RefObject<HTMLElement | SVGElement> | string;
|
|
53
62
|
} & Omit<AriaAttributes, "aria-label" | "aria-labelledby">;
|
|
54
63
|
/** At least one of header, aria-label, or aria-labelledby must be provided for accessibility */
|
|
55
64
|
type LabelProps = {
|
|
@@ -77,7 +86,7 @@ type ConditionalProps = {
|
|
|
77
86
|
ImageComponent?: React.ElementType<any>;
|
|
78
87
|
};
|
|
79
88
|
export type ModalProps = BaseProps & LabelProps & ConditionalProps & Pick<PortalProps, "portalContainer">;
|
|
80
|
-
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal, height, zeroPadding, tabbableOptions }, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, imageAlt, ...ariaAttributes }: ModalProps): React.ReactElement;
|
|
89
|
+
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal, height, zeroPadding, tabbableOptions }, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, imageAlt, initialFocus, ...ariaAttributes }: ModalProps): React.ReactElement;
|
|
81
90
|
export declare namespace Modal {
|
|
82
91
|
var Stack: ({ children, ...rest }: Omit<StackProps, "space">) => React.JSX.Element;
|
|
83
92
|
var Text: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => React.JSX.Element;
|