@amboss/design-system 1.17.1 → 1.17.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/src/components/Patterns/Modal/Modal.js +12 -10
- package/build/cjs/src/components/Popover/Popover.js +2 -0
- package/build/cjs/src/components/Tooltip/TooltipContent.js +21 -7
- package/build/esm/src/components/Patterns/Modal/Modal.d.ts +13 -4
- package/build/esm/src/components/Patterns/Modal/Modal.js +12 -10
- package/build/esm/src/components/Patterns/Modal/Modal.js.map +1 -1
- package/build/esm/src/components/Popover/Popover.d.ts +2 -2
- package/build/esm/src/components/Popover/Popover.js +2 -0
- package/build/esm/src/components/Popover/Popover.js.map +1 -1
- package/build/esm/src/components/Tooltip/TooltipContent.d.ts +2 -1
- package/build/esm/src/components/Tooltip/TooltipContent.js +21 -7
- package/build/esm/src/components/Tooltip/TooltipContent.js.map +1 -1
- package/package.json +1 -1
|
@@ -43,7 +43,7 @@ const StyledBackdrop = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
|
|
|
43
43
|
alignItems: "center",
|
|
44
44
|
flex: "1 0 auto"
|
|
45
45
|
};
|
|
46
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
46
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHVCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IHtcbiAgaGVhZGVyOiBzdHJpbmc7XG4gIG9uQWN0aW9uOiAoYWN0aW9uOiBcImNhbmNlbFwiIHwgXCJhY3Rpb25cIikgPT4gdm9pZDtcbiAgcm9sZT86IFwiZGlhbG9nXCIgfCBcImFsZXJ0ZGlhbG9nXCI7XG4gIGxhYmVsSGVhZGVyPzogc3RyaW5nO1xuICAvKiogVGhlIGJsYWNrIGNvbG9yIGlzIGdvaW5nIHRvIGJlIHJlcGxhY2VkIHdpdGggZ3JheSBvbmUgKi9cbiAgc3ViSGVhZGVyPzogc3RyaW5nO1xuICBhY3Rpb25CdXR0b24/OiBBY3Rpb25CdXR0b25Qcm9wcztcbiAgY2FuY2VsQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBBaW0gdG8gdXNlIDxNb2RhbC5UZXh0PiBhbmQgPE1vZGFsLlN0YWNrPiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgcHJpdmF0ZVByb3BzPzogeyBza2lwUG9ydGFsPzogYm9vbGVhbiB9O1xufTtcblxudHlwZSBDb25kaXRpb25hbFByb3BzID1cbiAgfCB7XG4gICAgICAvKiogQXNwZWN0IHJhdGlvIDE2OjkgKi9cbiAgICAgIGltYWdlVXJsPzogc3RyaW5nO1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaW1hZ2VVcmw/OiBuZXZlcjtcbiAgICAgIC8qKiBBY2NlcHQgcmF0aW8gMTY6OSAqL1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTxhbnk+O1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIE1vZGFsUHJvcHMgPSBCYXNlUHJvcHMgJiBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBkZWZhdWx0TW9kYWxQcm9wczogUGFydGlhbDxNb2RhbFByb3BzPiA9IHtcbiAgcm9sZTogXCJkaWFsb2dcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWw6IGZhbHNlIH0sXG59O1xuXG5jb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgdG9wOiAwLFxuICBsZWZ0OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDB2aFwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pO1xuXG5jb25zdCBGb290ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyA9IFtcInNwYWNlQmV0d2VlblwiLCBcInJpZ2h0XCJdLFxufToge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG59KSA9PiAoXG4gIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdFNwYWNlPVwibFwiPlxuICAgIDxTdGFjayBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfT57Y2hpbGRyZW59PC9TdGFjaz5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBXcmFwcGVyID0gKHtcbiAgc2tpcFBvcnRhbCxcbiAgY2hpbGRyZW4sXG59OiB7XG4gIHNraXBQb3J0YWw6IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59KTogUmVhY3QuUmVhY3RFbGVtZW50ID0+XG4gIHNraXBQb3J0YWwgPyAoXG4gICAgPD57Y2hpbGRyZW59PC8+XG4gICkgOiAoXG4gICAgPFBvcnRhbD5cbiAgICAgIDxTdHlsZWRCYWNrZHJvcD57Y2hpbGRyZW59PC9TdHlsZWRCYWNrZHJvcD5cbiAgICA8L1BvcnRhbD5cbiAgKTtcblxuY29uc3QgQnV0dG9uQ2xvc2UgPSAoeyBvbkNsaWNrIH06IHsgb25DbGljazogUmVhY3QuUmVhY3RFdmVudEhhbmRsZXIgfSkgPT4gKFxuICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiIGxlZnRJY29uPVwieFwiIHNpemU9XCJzXCIgb25DbGljaz17b25DbGlja30gLz5cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNb2RhbCh7XG4gIGhlYWRlcixcbiAgc3ViSGVhZGVyLFxuICBsYWJlbEhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlVXJsLFxuICBJbWFnZUNvbXBvbmVudCxcbiAgY2FuY2VsQnV0dG9uTGFiZWwsXG4gIGFjdGlvbkJ1dHRvbixcbiAgcm9sZSxcbiAgb25BY3Rpb24sXG4gIHByaXZhdGVQcm9wczogeyBza2lwUG9ydGFsIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTW9kYWxQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IG1vZGFsUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcbiAgY29uc3QgaGFzQmFja2Ryb3BEaXNtaXNzID0gIXNraXBQb3J0YWw7XG4gIHVzZU91dHNpZGVDbGljayhtb2RhbFJlZiwgaGFuZGxlQ2xvc2UsIGhhc0JhY2tkcm9wRGlzbWlzcyk7XG4gIHVzZU9uRXNjYXBlUHJlc3MoaGFuZGxlQ2xvc2UsIFtoYW5kbGVDbG9zZV0pO1xuXG4gIGNvbnN0IGhhc0ltYWdlID0gaW1hZ2VVcmwgfHwgSW1hZ2VDb21wb25lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBza2lwUG9ydGFsPXtza2lwUG9ydGFsfT5cbiAgICAgIDxTdHlsZWRNb2RhbFdyYXBwZXJcbiAgICAgICAgcmVmPXttb2RhbFJlZn1cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIk1vZGFsXCJcbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9e1tcIm1cIiwgXCJ4bFwiXX0+XG4gICAgICAgICAgICA8U3R5bGVkSW5uZXI+XG4gICAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgYlNwYWNlPVwic1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT17aGFzSW1hZ2UgPyBbXCJzXCIsIFwibFwiXSA6IFwiemVyb1wifT5cbiAgICAgICAgICAgICAgICAgIHtoYXNJbWFnZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwicmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25DbG9zZSBvbkNsaWNrPXtoYW5kbGVDbG9zZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICAgICAgICB7aW1hZ2VVcmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW1hZ2VVcmx9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwieHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bGFiZWxIZWFkZXIgJiYgPEg2PntsYWJlbEhlYWRlcn08L0g2Pn1cbiAgICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxIMj57aGVhZGVyfTwvSDI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c3ViSGVhZGVyICYmIDxIND57c3ViSGVhZGVyfTwvSDQ+fVxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIHshaGFzSW1hZ2UgJiYgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPn1cbiAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgICAgIDxTdHlsZWRCb2R5PntjaGlsZHJlbn08L1N0eWxlZEJvZHk+XG5cbiAgICAgICAgICAgICAgeyhhY3Rpb25CdXR0b24gfHwgY2FuY2VsQnV0dG9uTGFiZWwpICYmIChcbiAgICAgICAgICAgICAgICA8Rm9vdGVyPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvbkdyb3VwXG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbj17YWN0aW9uQnV0dG9ufVxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxCdXR0b25UZXh0PXtjYW5jZWxCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25CdXR0b25DbGljaz17b25BY3Rpb259XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvRm9vdGVyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbk1vZGFsLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRNb2RhbFByb3BzO1xuXG5Nb2RhbC5TdGFjayA9IE1vZGFsU3RhY2s7XG5Nb2RhbC5UZXh0ID0gTW9kYWxUZXh0O1xuIl19 */");
|
|
47
47
|
const StyledModalWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
48
48
|
target: "encqoj3"
|
|
49
49
|
} : {
|
|
@@ -59,7 +59,7 @@ const StyledModalWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
|
|
|
59
59
|
width: [`calc(100vw - calc(${theme.variables.size.spacing.m} * 2))`, theme.variables.size.dimension.modal.width]
|
|
60
60
|
})
|
|
61
61
|
};
|
|
62
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
62
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRTJCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IHtcbiAgaGVhZGVyOiBzdHJpbmc7XG4gIG9uQWN0aW9uOiAoYWN0aW9uOiBcImNhbmNlbFwiIHwgXCJhY3Rpb25cIikgPT4gdm9pZDtcbiAgcm9sZT86IFwiZGlhbG9nXCIgfCBcImFsZXJ0ZGlhbG9nXCI7XG4gIGxhYmVsSGVhZGVyPzogc3RyaW5nO1xuICAvKiogVGhlIGJsYWNrIGNvbG9yIGlzIGdvaW5nIHRvIGJlIHJlcGxhY2VkIHdpdGggZ3JheSBvbmUgKi9cbiAgc3ViSGVhZGVyPzogc3RyaW5nO1xuICBhY3Rpb25CdXR0b24/OiBBY3Rpb25CdXR0b25Qcm9wcztcbiAgY2FuY2VsQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBBaW0gdG8gdXNlIDxNb2RhbC5UZXh0PiBhbmQgPE1vZGFsLlN0YWNrPiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgcHJpdmF0ZVByb3BzPzogeyBza2lwUG9ydGFsPzogYm9vbGVhbiB9O1xufTtcblxudHlwZSBDb25kaXRpb25hbFByb3BzID1cbiAgfCB7XG4gICAgICAvKiogQXNwZWN0IHJhdGlvIDE2OjkgKi9cbiAgICAgIGltYWdlVXJsPzogc3RyaW5nO1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaW1hZ2VVcmw/OiBuZXZlcjtcbiAgICAgIC8qKiBBY2NlcHQgcmF0aW8gMTY6OSAqL1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTxhbnk+O1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIE1vZGFsUHJvcHMgPSBCYXNlUHJvcHMgJiBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBkZWZhdWx0TW9kYWxQcm9wczogUGFydGlhbDxNb2RhbFByb3BzPiA9IHtcbiAgcm9sZTogXCJkaWFsb2dcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWw6IGZhbHNlIH0sXG59O1xuXG5jb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgdG9wOiAwLFxuICBsZWZ0OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDB2aFwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pO1xuXG5jb25zdCBGb290ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyA9IFtcInNwYWNlQmV0d2VlblwiLCBcInJpZ2h0XCJdLFxufToge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG59KSA9PiAoXG4gIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdFNwYWNlPVwibFwiPlxuICAgIDxTdGFjayBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfT57Y2hpbGRyZW59PC9TdGFjaz5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBXcmFwcGVyID0gKHtcbiAgc2tpcFBvcnRhbCxcbiAgY2hpbGRyZW4sXG59OiB7XG4gIHNraXBQb3J0YWw6IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59KTogUmVhY3QuUmVhY3RFbGVtZW50ID0+XG4gIHNraXBQb3J0YWwgPyAoXG4gICAgPD57Y2hpbGRyZW59PC8+XG4gICkgOiAoXG4gICAgPFBvcnRhbD5cbiAgICAgIDxTdHlsZWRCYWNrZHJvcD57Y2hpbGRyZW59PC9TdHlsZWRCYWNrZHJvcD5cbiAgICA8L1BvcnRhbD5cbiAgKTtcblxuY29uc3QgQnV0dG9uQ2xvc2UgPSAoeyBvbkNsaWNrIH06IHsgb25DbGljazogUmVhY3QuUmVhY3RFdmVudEhhbmRsZXIgfSkgPT4gKFxuICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiIGxlZnRJY29uPVwieFwiIHNpemU9XCJzXCIgb25DbGljaz17b25DbGlja30gLz5cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNb2RhbCh7XG4gIGhlYWRlcixcbiAgc3ViSGVhZGVyLFxuICBsYWJlbEhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlVXJsLFxuICBJbWFnZUNvbXBvbmVudCxcbiAgY2FuY2VsQnV0dG9uTGFiZWwsXG4gIGFjdGlvbkJ1dHRvbixcbiAgcm9sZSxcbiAgb25BY3Rpb24sXG4gIHByaXZhdGVQcm9wczogeyBza2lwUG9ydGFsIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTW9kYWxQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IG1vZGFsUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcbiAgY29uc3QgaGFzQmFja2Ryb3BEaXNtaXNzID0gIXNraXBQb3J0YWw7XG4gIHVzZU91dHNpZGVDbGljayhtb2RhbFJlZiwgaGFuZGxlQ2xvc2UsIGhhc0JhY2tkcm9wRGlzbWlzcyk7XG4gIHVzZU9uRXNjYXBlUHJlc3MoaGFuZGxlQ2xvc2UsIFtoYW5kbGVDbG9zZV0pO1xuXG4gIGNvbnN0IGhhc0ltYWdlID0gaW1hZ2VVcmwgfHwgSW1hZ2VDb21wb25lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBza2lwUG9ydGFsPXtza2lwUG9ydGFsfT5cbiAgICAgIDxTdHlsZWRNb2RhbFdyYXBwZXJcbiAgICAgICAgcmVmPXttb2RhbFJlZn1cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIk1vZGFsXCJcbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9e1tcIm1cIiwgXCJ4bFwiXX0+XG4gICAgICAgICAgICA8U3R5bGVkSW5uZXI+XG4gICAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgYlNwYWNlPVwic1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT17aGFzSW1hZ2UgPyBbXCJzXCIsIFwibFwiXSA6IFwiemVyb1wifT5cbiAgICAgICAgICAgICAgICAgIHtoYXNJbWFnZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwicmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25DbG9zZSBvbkNsaWNrPXtoYW5kbGVDbG9zZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICAgICAgICB7aW1hZ2VVcmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW1hZ2VVcmx9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwieHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bGFiZWxIZWFkZXIgJiYgPEg2PntsYWJlbEhlYWRlcn08L0g2Pn1cbiAgICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxIMj57aGVhZGVyfTwvSDI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c3ViSGVhZGVyICYmIDxIND57c3ViSGVhZGVyfTwvSDQ+fVxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIHshaGFzSW1hZ2UgJiYgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPn1cbiAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgICAgIDxTdHlsZWRCb2R5PntjaGlsZHJlbn08L1N0eWxlZEJvZHk+XG5cbiAgICAgICAgICAgICAgeyhhY3Rpb25CdXR0b24gfHwgY2FuY2VsQnV0dG9uTGFiZWwpICYmIChcbiAgICAgICAgICAgICAgICA8Rm9vdGVyPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvbkdyb3VwXG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbj17YWN0aW9uQnV0dG9ufVxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxCdXR0b25UZXh0PXtjYW5jZWxCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25CdXR0b25DbGljaz17b25BY3Rpb259XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvRm9vdGVyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbk1vZGFsLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRNb2RhbFByb3BzO1xuXG5Nb2RhbC5TdGFjayA9IE1vZGFsU3RhY2s7XG5Nb2RhbC5UZXh0ID0gTW9kYWxUZXh0O1xuIl19 */");
|
|
63
63
|
const StyledInner = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
64
64
|
target: "encqoj2"
|
|
65
65
|
} : {
|
|
@@ -70,7 +70,7 @@ const StyledInner = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
|
|
|
70
70
|
maxHeight: `calc(100vh - 100px)`,
|
|
71
71
|
flexDirection: "column",
|
|
72
72
|
overflow: "hidden"
|
|
73
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
73
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRW9CIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IHtcbiAgaGVhZGVyOiBzdHJpbmc7XG4gIG9uQWN0aW9uOiAoYWN0aW9uOiBcImNhbmNlbFwiIHwgXCJhY3Rpb25cIikgPT4gdm9pZDtcbiAgcm9sZT86IFwiZGlhbG9nXCIgfCBcImFsZXJ0ZGlhbG9nXCI7XG4gIGxhYmVsSGVhZGVyPzogc3RyaW5nO1xuICAvKiogVGhlIGJsYWNrIGNvbG9yIGlzIGdvaW5nIHRvIGJlIHJlcGxhY2VkIHdpdGggZ3JheSBvbmUgKi9cbiAgc3ViSGVhZGVyPzogc3RyaW5nO1xuICBhY3Rpb25CdXR0b24/OiBBY3Rpb25CdXR0b25Qcm9wcztcbiAgY2FuY2VsQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBBaW0gdG8gdXNlIDxNb2RhbC5UZXh0PiBhbmQgPE1vZGFsLlN0YWNrPiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgcHJpdmF0ZVByb3BzPzogeyBza2lwUG9ydGFsPzogYm9vbGVhbiB9O1xufTtcblxudHlwZSBDb25kaXRpb25hbFByb3BzID1cbiAgfCB7XG4gICAgICAvKiogQXNwZWN0IHJhdGlvIDE2OjkgKi9cbiAgICAgIGltYWdlVXJsPzogc3RyaW5nO1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaW1hZ2VVcmw/OiBuZXZlcjtcbiAgICAgIC8qKiBBY2NlcHQgcmF0aW8gMTY6OSAqL1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTxhbnk+O1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIE1vZGFsUHJvcHMgPSBCYXNlUHJvcHMgJiBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBkZWZhdWx0TW9kYWxQcm9wczogUGFydGlhbDxNb2RhbFByb3BzPiA9IHtcbiAgcm9sZTogXCJkaWFsb2dcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWw6IGZhbHNlIH0sXG59O1xuXG5jb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgdG9wOiAwLFxuICBsZWZ0OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDB2aFwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pO1xuXG5jb25zdCBGb290ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyA9IFtcInNwYWNlQmV0d2VlblwiLCBcInJpZ2h0XCJdLFxufToge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG59KSA9PiAoXG4gIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdFNwYWNlPVwibFwiPlxuICAgIDxTdGFjayBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfT57Y2hpbGRyZW59PC9TdGFjaz5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBXcmFwcGVyID0gKHtcbiAgc2tpcFBvcnRhbCxcbiAgY2hpbGRyZW4sXG59OiB7XG4gIHNraXBQb3J0YWw6IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59KTogUmVhY3QuUmVhY3RFbGVtZW50ID0+XG4gIHNraXBQb3J0YWwgPyAoXG4gICAgPD57Y2hpbGRyZW59PC8+XG4gICkgOiAoXG4gICAgPFBvcnRhbD5cbiAgICAgIDxTdHlsZWRCYWNrZHJvcD57Y2hpbGRyZW59PC9TdHlsZWRCYWNrZHJvcD5cbiAgICA8L1BvcnRhbD5cbiAgKTtcblxuY29uc3QgQnV0dG9uQ2xvc2UgPSAoeyBvbkNsaWNrIH06IHsgb25DbGljazogUmVhY3QuUmVhY3RFdmVudEhhbmRsZXIgfSkgPT4gKFxuICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiIGxlZnRJY29uPVwieFwiIHNpemU9XCJzXCIgb25DbGljaz17b25DbGlja30gLz5cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNb2RhbCh7XG4gIGhlYWRlcixcbiAgc3ViSGVhZGVyLFxuICBsYWJlbEhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlVXJsLFxuICBJbWFnZUNvbXBvbmVudCxcbiAgY2FuY2VsQnV0dG9uTGFiZWwsXG4gIGFjdGlvbkJ1dHRvbixcbiAgcm9sZSxcbiAgb25BY3Rpb24sXG4gIHByaXZhdGVQcm9wczogeyBza2lwUG9ydGFsIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTW9kYWxQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IG1vZGFsUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcbiAgY29uc3QgaGFzQmFja2Ryb3BEaXNtaXNzID0gIXNraXBQb3J0YWw7XG4gIHVzZU91dHNpZGVDbGljayhtb2RhbFJlZiwgaGFuZGxlQ2xvc2UsIGhhc0JhY2tkcm9wRGlzbWlzcyk7XG4gIHVzZU9uRXNjYXBlUHJlc3MoaGFuZGxlQ2xvc2UsIFtoYW5kbGVDbG9zZV0pO1xuXG4gIGNvbnN0IGhhc0ltYWdlID0gaW1hZ2VVcmwgfHwgSW1hZ2VDb21wb25lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBza2lwUG9ydGFsPXtza2lwUG9ydGFsfT5cbiAgICAgIDxTdHlsZWRNb2RhbFdyYXBwZXJcbiAgICAgICAgcmVmPXttb2RhbFJlZn1cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIk1vZGFsXCJcbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9e1tcIm1cIiwgXCJ4bFwiXX0+XG4gICAgICAgICAgICA8U3R5bGVkSW5uZXI+XG4gICAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgYlNwYWNlPVwic1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT17aGFzSW1hZ2UgPyBbXCJzXCIsIFwibFwiXSA6IFwiemVyb1wifT5cbiAgICAgICAgICAgICAgICAgIHtoYXNJbWFnZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwicmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25DbG9zZSBvbkNsaWNrPXtoYW5kbGVDbG9zZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICAgICAgICB7aW1hZ2VVcmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW1hZ2VVcmx9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwieHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bGFiZWxIZWFkZXIgJiYgPEg2PntsYWJlbEhlYWRlcn08L0g2Pn1cbiAgICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxIMj57aGVhZGVyfTwvSDI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c3ViSGVhZGVyICYmIDxIND57c3ViSGVhZGVyfTwvSDQ+fVxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIHshaGFzSW1hZ2UgJiYgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPn1cbiAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgICAgIDxTdHlsZWRCb2R5PntjaGlsZHJlbn08L1N0eWxlZEJvZHk+XG5cbiAgICAgICAgICAgICAgeyhhY3Rpb25CdXR0b24gfHwgY2FuY2VsQnV0dG9uTGFiZWwpICYmIChcbiAgICAgICAgICAgICAgICA8Rm9vdGVyPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvbkdyb3VwXG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbj17YWN0aW9uQnV0dG9ufVxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxCdXR0b25UZXh0PXtjYW5jZWxCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25CdXR0b25DbGljaz17b25BY3Rpb259XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvRm9vdGVyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbk1vZGFsLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRNb2RhbFByb3BzO1xuXG5Nb2RhbC5TdGFjayA9IE1vZGFsU3RhY2s7XG5Nb2RhbC5UZXh0ID0gTW9kYWxUZXh0O1xuIl19 */");
|
|
74
74
|
const StyledBody = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
75
75
|
target: "encqoj1"
|
|
76
76
|
} : {
|
|
@@ -79,7 +79,7 @@ const StyledBody = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
|
|
|
79
79
|
})(() => ({
|
|
80
80
|
overflowY: "auto",
|
|
81
81
|
maxHeight: "100%"
|
|
82
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
82
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRm1CIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IHtcbiAgaGVhZGVyOiBzdHJpbmc7XG4gIG9uQWN0aW9uOiAoYWN0aW9uOiBcImNhbmNlbFwiIHwgXCJhY3Rpb25cIikgPT4gdm9pZDtcbiAgcm9sZT86IFwiZGlhbG9nXCIgfCBcImFsZXJ0ZGlhbG9nXCI7XG4gIGxhYmVsSGVhZGVyPzogc3RyaW5nO1xuICAvKiogVGhlIGJsYWNrIGNvbG9yIGlzIGdvaW5nIHRvIGJlIHJlcGxhY2VkIHdpdGggZ3JheSBvbmUgKi9cbiAgc3ViSGVhZGVyPzogc3RyaW5nO1xuICBhY3Rpb25CdXR0b24/OiBBY3Rpb25CdXR0b25Qcm9wcztcbiAgY2FuY2VsQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBBaW0gdG8gdXNlIDxNb2RhbC5UZXh0PiBhbmQgPE1vZGFsLlN0YWNrPiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgcHJpdmF0ZVByb3BzPzogeyBza2lwUG9ydGFsPzogYm9vbGVhbiB9O1xufTtcblxudHlwZSBDb25kaXRpb25hbFByb3BzID1cbiAgfCB7XG4gICAgICAvKiogQXNwZWN0IHJhdGlvIDE2OjkgKi9cbiAgICAgIGltYWdlVXJsPzogc3RyaW5nO1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaW1hZ2VVcmw/OiBuZXZlcjtcbiAgICAgIC8qKiBBY2NlcHQgcmF0aW8gMTY6OSAqL1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTxhbnk+O1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIE1vZGFsUHJvcHMgPSBCYXNlUHJvcHMgJiBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBkZWZhdWx0TW9kYWxQcm9wczogUGFydGlhbDxNb2RhbFByb3BzPiA9IHtcbiAgcm9sZTogXCJkaWFsb2dcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWw6IGZhbHNlIH0sXG59O1xuXG5jb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgdG9wOiAwLFxuICBsZWZ0OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDB2aFwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pO1xuXG5jb25zdCBGb290ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyA9IFtcInNwYWNlQmV0d2VlblwiLCBcInJpZ2h0XCJdLFxufToge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG59KSA9PiAoXG4gIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdFNwYWNlPVwibFwiPlxuICAgIDxTdGFjayBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfT57Y2hpbGRyZW59PC9TdGFjaz5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBXcmFwcGVyID0gKHtcbiAgc2tpcFBvcnRhbCxcbiAgY2hpbGRyZW4sXG59OiB7XG4gIHNraXBQb3J0YWw6IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59KTogUmVhY3QuUmVhY3RFbGVtZW50ID0+XG4gIHNraXBQb3J0YWwgPyAoXG4gICAgPD57Y2hpbGRyZW59PC8+XG4gICkgOiAoXG4gICAgPFBvcnRhbD5cbiAgICAgIDxTdHlsZWRCYWNrZHJvcD57Y2hpbGRyZW59PC9TdHlsZWRCYWNrZHJvcD5cbiAgICA8L1BvcnRhbD5cbiAgKTtcblxuY29uc3QgQnV0dG9uQ2xvc2UgPSAoeyBvbkNsaWNrIH06IHsgb25DbGljazogUmVhY3QuUmVhY3RFdmVudEhhbmRsZXIgfSkgPT4gKFxuICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiIGxlZnRJY29uPVwieFwiIHNpemU9XCJzXCIgb25DbGljaz17b25DbGlja30gLz5cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNb2RhbCh7XG4gIGhlYWRlcixcbiAgc3ViSGVhZGVyLFxuICBsYWJlbEhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlVXJsLFxuICBJbWFnZUNvbXBvbmVudCxcbiAgY2FuY2VsQnV0dG9uTGFiZWwsXG4gIGFjdGlvbkJ1dHRvbixcbiAgcm9sZSxcbiAgb25BY3Rpb24sXG4gIHByaXZhdGVQcm9wczogeyBza2lwUG9ydGFsIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTW9kYWxQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IG1vZGFsUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcbiAgY29uc3QgaGFzQmFja2Ryb3BEaXNtaXNzID0gIXNraXBQb3J0YWw7XG4gIHVzZU91dHNpZGVDbGljayhtb2RhbFJlZiwgaGFuZGxlQ2xvc2UsIGhhc0JhY2tkcm9wRGlzbWlzcyk7XG4gIHVzZU9uRXNjYXBlUHJlc3MoaGFuZGxlQ2xvc2UsIFtoYW5kbGVDbG9zZV0pO1xuXG4gIGNvbnN0IGhhc0ltYWdlID0gaW1hZ2VVcmwgfHwgSW1hZ2VDb21wb25lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBza2lwUG9ydGFsPXtza2lwUG9ydGFsfT5cbiAgICAgIDxTdHlsZWRNb2RhbFdyYXBwZXJcbiAgICAgICAgcmVmPXttb2RhbFJlZn1cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIk1vZGFsXCJcbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9e1tcIm1cIiwgXCJ4bFwiXX0+XG4gICAgICAgICAgICA8U3R5bGVkSW5uZXI+XG4gICAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgYlNwYWNlPVwic1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT17aGFzSW1hZ2UgPyBbXCJzXCIsIFwibFwiXSA6IFwiemVyb1wifT5cbiAgICAgICAgICAgICAgICAgIHtoYXNJbWFnZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwicmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25DbG9zZSBvbkNsaWNrPXtoYW5kbGVDbG9zZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICAgICAgICB7aW1hZ2VVcmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW1hZ2VVcmx9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwieHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bGFiZWxIZWFkZXIgJiYgPEg2PntsYWJlbEhlYWRlcn08L0g2Pn1cbiAgICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxIMj57aGVhZGVyfTwvSDI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c3ViSGVhZGVyICYmIDxIND57c3ViSGVhZGVyfTwvSDQ+fVxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIHshaGFzSW1hZ2UgJiYgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPn1cbiAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgICAgIDxTdHlsZWRCb2R5PntjaGlsZHJlbn08L1N0eWxlZEJvZHk+XG5cbiAgICAgICAgICAgICAgeyhhY3Rpb25CdXR0b24gfHwgY2FuY2VsQnV0dG9uTGFiZWwpICYmIChcbiAgICAgICAgICAgICAgICA8Rm9vdGVyPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvbkdyb3VwXG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbj17YWN0aW9uQnV0dG9ufVxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxCdXR0b25UZXh0PXtjYW5jZWxCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25CdXR0b25DbGljaz17b25BY3Rpb259XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvRm9vdGVyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbk1vZGFsLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRNb2RhbFByb3BzO1xuXG5Nb2RhbC5TdGFjayA9IE1vZGFsU3RhY2s7XG5Nb2RhbC5UZXh0ID0gTW9kYWxUZXh0O1xuIl19 */");
|
|
83
83
|
const StyledImg = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "production" ? {
|
|
84
84
|
target: "encqoj0"
|
|
85
85
|
} : {
|
|
@@ -88,7 +88,7 @@ const StyledImg = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "producti
|
|
|
88
88
|
})(() => ({
|
|
89
89
|
width: "100%",
|
|
90
90
|
aspectRatio: "16/9"
|
|
91
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
91
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmtCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IHtcbiAgaGVhZGVyOiBzdHJpbmc7XG4gIG9uQWN0aW9uOiAoYWN0aW9uOiBcImNhbmNlbFwiIHwgXCJhY3Rpb25cIikgPT4gdm9pZDtcbiAgcm9sZT86IFwiZGlhbG9nXCIgfCBcImFsZXJ0ZGlhbG9nXCI7XG4gIGxhYmVsSGVhZGVyPzogc3RyaW5nO1xuICAvKiogVGhlIGJsYWNrIGNvbG9yIGlzIGdvaW5nIHRvIGJlIHJlcGxhY2VkIHdpdGggZ3JheSBvbmUgKi9cbiAgc3ViSGVhZGVyPzogc3RyaW5nO1xuICBhY3Rpb25CdXR0b24/OiBBY3Rpb25CdXR0b25Qcm9wcztcbiAgY2FuY2VsQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBBaW0gdG8gdXNlIDxNb2RhbC5UZXh0PiBhbmQgPE1vZGFsLlN0YWNrPiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgcHJpdmF0ZVByb3BzPzogeyBza2lwUG9ydGFsPzogYm9vbGVhbiB9O1xufTtcblxudHlwZSBDb25kaXRpb25hbFByb3BzID1cbiAgfCB7XG4gICAgICAvKiogQXNwZWN0IHJhdGlvIDE2OjkgKi9cbiAgICAgIGltYWdlVXJsPzogc3RyaW5nO1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaW1hZ2VVcmw/OiBuZXZlcjtcbiAgICAgIC8qKiBBY2NlcHQgcmF0aW8gMTY6OSAqL1xuICAgICAgSW1hZ2VDb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTxhbnk+O1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIE1vZGFsUHJvcHMgPSBCYXNlUHJvcHMgJiBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBkZWZhdWx0TW9kYWxQcm9wczogUGFydGlhbDxNb2RhbFByb3BzPiA9IHtcbiAgcm9sZTogXCJkaWFsb2dcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWw6IGZhbHNlIH0sXG59O1xuXG5jb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgdG9wOiAwLFxuICBsZWZ0OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDB2aFwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pO1xuXG5jb25zdCBGb290ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyA9IFtcInNwYWNlQmV0d2VlblwiLCBcInJpZ2h0XCJdLFxufToge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG59KSA9PiAoXG4gIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdFNwYWNlPVwibFwiPlxuICAgIDxTdGFjayBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfT57Y2hpbGRyZW59PC9TdGFjaz5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBXcmFwcGVyID0gKHtcbiAgc2tpcFBvcnRhbCxcbiAgY2hpbGRyZW4sXG59OiB7XG4gIHNraXBQb3J0YWw6IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59KTogUmVhY3QuUmVhY3RFbGVtZW50ID0+XG4gIHNraXBQb3J0YWwgPyAoXG4gICAgPD57Y2hpbGRyZW59PC8+XG4gICkgOiAoXG4gICAgPFBvcnRhbD5cbiAgICAgIDxTdHlsZWRCYWNrZHJvcD57Y2hpbGRyZW59PC9TdHlsZWRCYWNrZHJvcD5cbiAgICA8L1BvcnRhbD5cbiAgKTtcblxuY29uc3QgQnV0dG9uQ2xvc2UgPSAoeyBvbkNsaWNrIH06IHsgb25DbGljazogUmVhY3QuUmVhY3RFdmVudEhhbmRsZXIgfSkgPT4gKFxuICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiIGxlZnRJY29uPVwieFwiIHNpemU9XCJzXCIgb25DbGljaz17b25DbGlja30gLz5cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNb2RhbCh7XG4gIGhlYWRlcixcbiAgc3ViSGVhZGVyLFxuICBsYWJlbEhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlVXJsLFxuICBJbWFnZUNvbXBvbmVudCxcbiAgY2FuY2VsQnV0dG9uTGFiZWwsXG4gIGFjdGlvbkJ1dHRvbixcbiAgcm9sZSxcbiAgb25BY3Rpb24sXG4gIHByaXZhdGVQcm9wczogeyBza2lwUG9ydGFsIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTW9kYWxQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IG1vZGFsUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcbiAgY29uc3QgaGFzQmFja2Ryb3BEaXNtaXNzID0gIXNraXBQb3J0YWw7XG4gIHVzZU91dHNpZGVDbGljayhtb2RhbFJlZiwgaGFuZGxlQ2xvc2UsIGhhc0JhY2tkcm9wRGlzbWlzcyk7XG4gIHVzZU9uRXNjYXBlUHJlc3MoaGFuZGxlQ2xvc2UsIFtoYW5kbGVDbG9zZV0pO1xuXG4gIGNvbnN0IGhhc0ltYWdlID0gaW1hZ2VVcmwgfHwgSW1hZ2VDb21wb25lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBza2lwUG9ydGFsPXtza2lwUG9ydGFsfT5cbiAgICAgIDxTdHlsZWRNb2RhbFdyYXBwZXJcbiAgICAgICAgcmVmPXttb2RhbFJlZn1cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIk1vZGFsXCJcbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9e1tcIm1cIiwgXCJ4bFwiXX0+XG4gICAgICAgICAgICA8U3R5bGVkSW5uZXI+XG4gICAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgYlNwYWNlPVwic1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT17aGFzSW1hZ2UgPyBbXCJzXCIsIFwibFwiXSA6IFwiemVyb1wifT5cbiAgICAgICAgICAgICAgICAgIHtoYXNJbWFnZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwicmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25DbG9zZSBvbkNsaWNrPXtoYW5kbGVDbG9zZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICAgICAgICB7aW1hZ2VVcmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW1hZ2VVcmx9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwieHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bGFiZWxIZWFkZXIgJiYgPEg2PntsYWJlbEhlYWRlcn08L0g2Pn1cbiAgICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxIMj57aGVhZGVyfTwvSDI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c3ViSGVhZGVyICYmIDxIND57c3ViSGVhZGVyfTwvSDQ+fVxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgICAgICAgIHshaGFzSW1hZ2UgJiYgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPn1cbiAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgICAgIDxTdHlsZWRCb2R5PntjaGlsZHJlbn08L1N0eWxlZEJvZHk+XG5cbiAgICAgICAgICAgICAgeyhhY3Rpb25CdXR0b24gfHwgY2FuY2VsQnV0dG9uTGFiZWwpICYmIChcbiAgICAgICAgICAgICAgICA8Rm9vdGVyPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvbkdyb3VwXG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbj17YWN0aW9uQnV0dG9ufVxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxCdXR0b25UZXh0PXtjYW5jZWxCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25CdXR0b25DbGljaz17b25BY3Rpb259XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvRm9vdGVyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbk1vZGFsLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRNb2RhbFByb3BzO1xuXG5Nb2RhbC5TdGFjayA9IE1vZGFsU3RhY2s7XG5Nb2RhbC5UZXh0ID0gTW9kYWxUZXh0O1xuIl19 */");
|
|
92
92
|
const ModalStack = _ref3 => {
|
|
93
93
|
let {
|
|
94
94
|
children,
|
|
@@ -153,6 +153,7 @@ function Modal(_ref8) {
|
|
|
153
153
|
labelHeader,
|
|
154
154
|
children,
|
|
155
155
|
imageUrl,
|
|
156
|
+
ImageComponent,
|
|
156
157
|
cancelButtonLabel,
|
|
157
158
|
actionButton,
|
|
158
159
|
role,
|
|
@@ -169,6 +170,7 @@ function Modal(_ref8) {
|
|
|
169
170
|
const hasBackdropDismiss = !skipPortal;
|
|
170
171
|
useOutsideClick(modalRef, handleClose, hasBackdropDismiss);
|
|
171
172
|
useOnEscapePress(handleClose, [handleClose]);
|
|
173
|
+
const hasImage = imageUrl || ImageComponent;
|
|
172
174
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
173
175
|
skipPortal: skipPortal
|
|
174
176
|
}, /*#__PURE__*/React.createElement(StyledModalWrapper, {
|
|
@@ -184,21 +186,21 @@ function Modal(_ref8) {
|
|
|
184
186
|
space: "zero",
|
|
185
187
|
bSpace: "s"
|
|
186
188
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
187
|
-
space:
|
|
188
|
-
},
|
|
189
|
+
space: hasImage ? ["s", "l"] : "zero"
|
|
190
|
+
}, hasImage && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
|
|
189
191
|
alignItems: "right"
|
|
190
192
|
}, /*#__PURE__*/React.createElement(ButtonClose, {
|
|
191
193
|
onClick: handleClose
|
|
192
|
-
})), /*#__PURE__*/React.createElement(StyledImg, {
|
|
194
|
+
})), imageUrl ? /*#__PURE__*/React.createElement(StyledImg, {
|
|
193
195
|
src: imageUrl
|
|
194
|
-
})), /*#__PURE__*/React.createElement(Inline, {
|
|
196
|
+
}) : /*#__PURE__*/React.createElement(ImageComponent, null)), /*#__PURE__*/React.createElement(Inline, {
|
|
195
197
|
alignItems: "spaceBetween",
|
|
196
198
|
noWrap: true
|
|
197
199
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
198
200
|
space: "xs"
|
|
199
201
|
}, labelHeader && /*#__PURE__*/React.createElement(H6, null, labelHeader), /*#__PURE__*/React.createElement(Stack, {
|
|
200
202
|
space: "xxs"
|
|
201
|
-
}, /*#__PURE__*/React.createElement(H2, null, header), subHeader && /*#__PURE__*/React.createElement(H4, null, subHeader))), !
|
|
203
|
+
}, /*#__PURE__*/React.createElement(H2, null, header), subHeader && /*#__PURE__*/React.createElement(H4, null, subHeader))), !hasImage && /*#__PURE__*/React.createElement(ButtonClose, {
|
|
202
204
|
onClick: handleClose
|
|
203
205
|
})))), /*#__PURE__*/React.createElement(StyledBody, null, children), (actionButton || cancelButtonLabel) && /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(ButtonGroup, {
|
|
204
206
|
actionButton: actionButton,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Patterns/Modal/Modal.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { H2, H4, H6 } from \"../../Typography/Header/Header\";\nimport { Stack, StackProps } from \"../../Stack/Stack\";\nimport { Container } from \"../../Container/Container\";\nimport { Box } from \"../../Box/Box\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { ButtonGroup, ActionButtonProps } from \"../ButtonGroup/ButtonGroup\";\nimport { Button } from \"../../Button/Button\";\nimport { Text, TextProps } from \"../../Typography/Text/Text\";\nimport { HorizontalAlignment, MQ } from \"../../../types\";\nimport { mqValue } from \"../../../shared/mediaQueries\";\nimport { useOnEscapePress } from \"../../../shared/useOnEscapePress\";\nimport { useOutsideClick } from \"../../../shared/useOutsideClick\";\n\nexport type ModalProps = {\n header: string;\n onAction: (action: \"cancel\" | \"action\") => void;\n role?: \"dialog\" | \"alertdialog\";\n labelHeader?: string;\n /** The black color is going to be replaced with gray one */\n subHeader?: string;\n /** Aspect ratio 16:9 */\n imageUrl?: string;\n actionButton?: ActionButtonProps;\n cancelButtonLabel?: string;\n /** Aim to use <Modal.Text> and <Modal.Stack> */\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n privateProps?: { skipPortal?: boolean };\n};\n\nconst defaultModalProps: Partial<ModalProps> = {\n role: \"dialog\",\n \"data-e2e-test-id\": undefined,\n privateProps: { skipPortal: false },\n};\n\nconst StyledBackdrop = styled.div(({ theme }) => ({\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100vh\",\n background: theme.values.color.background.backdrop.default,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flex: \"1 0 auto\",\n}));\n\nconst StyledModalWrapper = styled.div(({ theme }) => ({\n maxWidth: theme.variables.size.dimension.modal.width,\n ...mqValue({\n width: [\n `calc(100vw - calc(${theme.variables.size.spacing.m} * 2))`,\n theme.variables.size.dimension.modal.width,\n ],\n }),\n}));\n\nconst StyledInner = styled.div(() => ({\n display: \"flex\",\n maxHeight: `calc(100vh - 100px)`,\n flexDirection: \"column\",\n overflow: \"hidden\",\n}));\n\nconst StyledBody = styled.div(() => ({\n overflowY: \"auto\",\n maxHeight: \"100%\",\n}));\n\nconst StyledImg = styled.img(() => ({\n width: \"100%\",\n aspectRatio: \"16/9\",\n}));\n\nconst ModalStack = ({ children, ...rest }: Omit<StackProps, \"space\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Stack {...rest} space=\"m\">\n {children}\n </Stack>\n);\n\nconst ModalText = ({\n children,\n ...rest\n}: Omit<TextProps, \"size\" | \"variant\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Text {...rest} size=\"m\" color=\"tertiary\">\n {children}\n </Text>\n);\n\nconst Footer = ({\n children,\n alignItems = [\"spaceBetween\", \"right\"],\n}: {\n children: React.ReactNode[] | React.ReactElement;\n alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n}) => (\n <Box space=\"zero\" tSpace=\"l\">\n <Stack alignItems={alignItems}>{children}</Stack>\n </Box>\n);\n\nconst Wrapper = ({\n skipPortal,\n children,\n}: {\n skipPortal: boolean;\n children: React.ReactElement;\n}): React.ReactElement =>\n skipPortal ? (\n <>{children}</>\n ) : (\n <Portal>\n <StyledBackdrop>{children}</StyledBackdrop>\n </Portal>\n );\n\nconst ButtonClose = ({ onClick }: { onClick: React.ReactEventHandler }) => (\n <Button variant=\"tertiary\" leftIcon=\"x\" size=\"s\" onClick={onClick} />\n);\n\nexport function Modal({\n header,\n subHeader,\n labelHeader,\n children,\n imageUrl,\n cancelButtonLabel,\n actionButton,\n role,\n onAction,\n privateProps: { skipPortal },\n \"data-e2e-test-id\": dataE2eTestId,\n}: ModalProps): React.ReactElement {\n const modalRef = useRef(null);\n const handleClose = () => {\n onAction(\"cancel\");\n };\n const hasBackdropDismiss = !skipPortal;\n useOutsideClick(modalRef, handleClose, hasBackdropDismiss);\n useOnEscapePress(handleClose, [handleClose]);\n\n return (\n <Wrapper skipPortal={skipPortal}>\n <StyledModalWrapper\n ref={modalRef}\n role={role}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Modal\"\n >\n <Container elevation={4}>\n <Box space={[\"m\", \"xl\"]}>\n <StyledInner>\n <Box space=\"zero\" bSpace=\"s\">\n <Stack space={imageUrl ? [\"s\", \"l\"] : \"zero\"}>\n {imageUrl && (\n <>\n <Inline alignItems=\"right\">\n <ButtonClose onClick={handleClose} />\n </Inline>\n <StyledImg src={imageUrl} />\n </>\n )}\n <Inline alignItems=\"spaceBetween\" noWrap>\n <Stack space=\"xs\">\n {labelHeader && <H6>{labelHeader}</H6>}\n <Stack space=\"xxs\">\n <H2>{header}</H2>\n {subHeader && <H4>{subHeader}</H4>}\n </Stack>\n </Stack>\n {!imageUrl && <ButtonClose onClick={handleClose} />}\n </Inline>\n </Stack>\n </Box>\n\n <StyledBody>{children}</StyledBody>\n\n {(actionButton || cancelButtonLabel) && (\n <Footer>\n <ButtonGroup\n actionButton={actionButton}\n cancelButtonText={cancelButtonLabel}\n onButtonClick={onAction}\n />\n </Footer>\n )}\n </StyledInner>\n </Box>\n </Container>\n </StyledModalWrapper>\n </Wrapper>\n );\n}\n\nModal.defaultProps = defaultModalProps;\n\nModal.Stack = ModalStack;\nModal.Text = ModalText;\n"],"names":["defaultModalProps","role","undefined","privateProps","skipPortal","StyledBackdrop","_styled","process","env","NODE_ENV","target","label","_ref","theme","position","top","left","width","height","background","values","color","backdrop","default","display","flexDirection","justifyContent","alignItems","flex","StyledModalWrapper","_ref2","maxWidth","variables","size","dimension","modal","mqValue","spacing","m","StyledInner","maxHeight","overflow","StyledBody","overflowY","StyledImg","aspectRatio","ModalStack","_ref3","children","rest","React","createElement","Stack","_extends","space","ModalText","_ref4","Text","Footer","_ref5","Box","tSpace","Wrapper","_ref6","Fragment","Portal","ButtonClose","_ref7","onClick","Button","variant","leftIcon","Modal","_ref8","header","subHeader","labelHeader","imageUrl","cancelButtonLabel","actionButton","onAction","dataE2eTestId","modalRef","useRef","handleClose","hasBackdropDismiss","useOutsideClick","useOnEscapePress","ref","Container","elevation","bSpace","Inline","src","noWrap","H6","H2","H4","ButtonGroup","cancelButtonText","onButtonClick","defaultProps"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAMA,iBAAsC,GAAG;AAC7CC,EAAAA,IAAI,EAAE,QAAQ;AACd,EAAA,kBAAkB,EAAEC,SAAS;AAC7BC,EAAAA,YAAY,EAAE;AAAEC,IAAAA,UAAU,EAAE,KAAA;AAAM,GAAA;AACpC,CAAC,CAAA;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAWC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AAChDE,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,OAAO;IACfC,UAAU,EAAEN,KAAK,CAACO,MAAM,CAACC,KAAK,CAACF,UAAU,CAACG,QAAQ,CAACC,OAAO;AAC1DC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,IAAI,EAAE,UAAA;GACP,CAAA;AAAA,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6rQAAA,CAAA,CAAA;AAEH,MAAMoB,kBAAkB,gBAAGvB,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,oBAAA;AAAA,CAAA,CAAA,CAAWmB,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;EAAA,OAAM;IACpDC,QAAQ,EAAElB,KAAK,CAACmB,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,KAAK,CAAClB,KAAK;AACpD,IAAA,GAAGmB,OAAO,CAAC;MACTnB,KAAK,EAAE,CACJ,CAAA,kBAAA,EAAoBJ,KAAK,CAACmB,SAAS,CAACC,IAAI,CAACI,OAAO,CAACC,CAAE,QAAO,EAC3DzB,KAAK,CAACmB,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,KAAK,CAAClB,KAAK,CAAA;KAE7C,CAAA;GACF,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6rQAAA,CAAA,CAAA;AAEH,MAAM8B,WAAW,gBAAGjC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACpCa,EAAAA,OAAO,EAAE,MAAM;AACfgB,EAAAA,SAAS,EAAG,CAAoB,mBAAA,CAAA;AAChCf,EAAAA,aAAa,EAAE,QAAQ;AACvBgB,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC,CAAC,EAAAlC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6rQAAA,CAAA,CAAA;AAEH,MAAMiC,UAAU,gBAAGpC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACnCgC,EAAAA,SAAS,EAAE,MAAM;AACjBH,EAAAA,SAAS,EAAE,MAAA;AACb,CAAC,CAAC,EAAAjC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6rQAAA,CAAA,CAAA;AAEH,MAAMmC,SAAS,gBAAGtC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AAClCM,EAAAA,KAAK,EAAE,MAAM;AACb4B,EAAAA,WAAW,EAAE,MAAA;AACf,CAAC,CAAC,EAAAtC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6rQAAA,CAAA,CAAA;AAEH,MAAMqC,UAAU,GAAGC,KAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAgC,GAAC,GAAAF,KAAA,CAAA;AAAA,EAAA;AAAA;AAClE;AACAG,IAAAA,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,QAAA,KAAKJ,IAAI,EAAA;AAAEK,MAAAA,KAAK,EAAC,GAAA;AAAG,KAAA,CAAA,EACvBN,QACI,CAAA;AAAC,IAAA;AAAA,CACT,CAAA;AAED,MAAMO,SAAS,GAAGC,KAAA,IAAA;EAAA,IAAC;IACjBR,QAAQ;IACR,GAAGC,IAAAA;AACgC,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA;AAAA;AACpC;AACAN,IAAAA,KAAA,CAAAC,aAAA,CAACM,IAAI,EAAAJ,QAAA,KAAKJ,IAAI,EAAA;AAAEhB,MAAAA,IAAI,EAAC,GAAG;AAACZ,MAAAA,KAAK,EAAC,UAAA;AAAU,KAAA,CAAA,EACtC2B,QACG,CAAA;AAAC,IAAA;AAAA,CACR,CAAA;AAED,MAAMU,MAAM,GAAGC,KAAA,IAAA;EAAA,IAAC;IACdX,QAAQ;AACRrB,IAAAA,UAAU,GAAG,CAAC,cAAc,EAAE,OAAO,CAAA;AAIvC,GAAC,GAAAgC,KAAA,CAAA;AAAA,EAAA,oBACCT,KAAA,CAAAC,aAAA,CAACS,GAAG,EAAA;AAACN,IAAAA,KAAK,EAAC,MAAM;AAACO,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAC1BX,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACzB,IAAAA,UAAU,EAAEA,UAAAA;GAAaqB,EAAAA,QAAgB,CAC7C,CAAC,CAAA;AAAA,CACP,CAAA;AAED,MAAMc,OAAO,GAAGC,KAAA,IAAA;EAAA,IAAC;IACf3D,UAAU;AACV4C,IAAAA,QAAAA;AAIF,GAAC,GAAAe,KAAA,CAAA;EAAA,OACC3D,UAAU,gBACR8C,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAc,QAAA,EAAGhB,IAAAA,EAAAA,QAAW,CAAC,gBAEfE,KAAA,CAAAC,aAAA,CAACc,MAAM,EAAA,IAAA,eACLf,KAAA,CAAAC,aAAA,CAAC9C,cAAc,EAAA,IAAA,EAAE2C,QAAyB,CACpC,CACT,CAAA;AAAA,CAAA,CAAA;AAEH,MAAMkB,WAAW,GAAGC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAA8C,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,oBACpEjB,KAAA,CAAAC,aAAA,CAACkB,MAAM,EAAA;AAACC,IAAAA,OAAO,EAAC,UAAU;AAACC,IAAAA,QAAQ,EAAC,GAAG;AAACtC,IAAAA,IAAI,EAAC,GAAG;AAACmC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAE,CAAC,CAAA;AAAA,CACtE,CAAA;AAEM,SAASI,KAAKA,CAAAC,KAAA,EAYc;EAAA,IAZb;IACpBC,MAAM;IACNC,SAAS;IACTC,WAAW;IACX5B,QAAQ;IACR6B,QAAQ;IACRC,iBAAiB;IACjBC,YAAY;IACZ9E,IAAI;IACJ+E,QAAQ;AACR7E,IAAAA,YAAY,EAAE;AAAEC,MAAAA,UAAAA;KAAY;AAC5B,IAAA,kBAAkB,EAAE6E,aAAAA;AACV,GAAC,GAAAR,KAAA,CAAA;AACX,EAAA,MAAMS,QAAQ,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAC7B,MAAMC,WAAW,GAAGA,MAAM;IACxBJ,QAAQ,CAAC,QAAQ,CAAC,CAAA;GACnB,CAAA;EACD,MAAMK,kBAAkB,GAAG,CAACjF,UAAU,CAAA;AACtCkF,EAAAA,eAAe,CAACJ,QAAQ,EAAEE,WAAW,EAAEC,kBAAkB,CAAC,CAAA;AAC1DE,EAAAA,gBAAgB,CAACH,WAAW,EAAE,CAACA,WAAW,CAAC,CAAC,CAAA;AAE5C,EAAA,oBACElC,KAAA,CAAAC,aAAA,CAACW,OAAO,EAAA;AAAC1D,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,eAC9B8C,KAAA,CAAAC,aAAA,CAACtB,kBAAkB,EAAA;AACjB2D,IAAAA,GAAG,EAAEN,QAAS;AACdjF,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,kBAAA,EAAkBgF,aAAc;IAChC,YAAW,EAAA,OAAA;AAAO,GAAA,eAElB/B,KAAA,CAAAC,aAAA,CAACsC,SAAS,EAAA;AAACC,IAAAA,SAAS,EAAE,CAAA;AAAE,GAAA,eACtBxC,KAAA,CAAAC,aAAA,CAACS,GAAG,EAAA;AAACN,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,CAAA;GACpBJ,eAAAA,KAAA,CAAAC,aAAA,CAACZ,WAAW,qBACVW,KAAA,CAAAC,aAAA,CAACS,GAAG,EAAA;AAACN,IAAAA,KAAK,EAAC,MAAM;AAACqC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAC1BzC,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IAACE,KAAK,EAAEuB,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,MAAA;AAAO,GAAA,EAC1CA,QAAQ,iBACP3B,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAc,QAAA,EACEd,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACyC,MAAM,EAAA;AAACjE,IAAAA,UAAU,EAAC,OAAA;AAAO,GAAA,eACxBuB,KAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEgB,WAAAA;AAAY,GAAE,CAC9B,CAAC,eACTlC,KAAA,CAAAC,aAAA,CAACP,SAAS,EAAA;AAACiD,IAAAA,GAAG,EAAEhB,QAAAA;AAAS,GAAE,CAC3B,CACH,eACD3B,KAAA,CAAAC,aAAA,CAACyC,MAAM,EAAA;AAACjE,IAAAA,UAAU,EAAC,cAAc;IAACmE,MAAM,EAAA,IAAA;AAAA,GAAA,eACtC5C,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACE,IAAAA,KAAK,EAAC,IAAA;AAAI,GAAA,EACdsB,WAAW,iBAAI1B,KAAA,CAAAC,aAAA,CAAC4C,EAAE,EAAEnB,IAAAA,EAAAA,WAAgB,CAAC,eACtC1B,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACE,IAAAA,KAAK,EAAC,KAAA;AAAK,GAAA,eAChBJ,KAAA,CAAAC,aAAA,CAAC6C,EAAE,EAAA,IAAA,EAAEtB,MAAW,CAAC,EAChBC,SAAS,iBAAIzB,KAAA,CAAAC,aAAA,CAAC8C,EAAE,EAAEtB,IAAAA,EAAAA,SAAc,CAC5B,CACF,CAAC,EACP,CAACE,QAAQ,iBAAI3B,KAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEgB,WAAAA;AAAY,GAAE,CAC5C,CACH,CACJ,CAAC,eAENlC,KAAA,CAAAC,aAAA,CAACT,UAAU,EAAEM,IAAAA,EAAAA,QAAqB,CAAC,EAElC,CAAC+B,YAAY,IAAID,iBAAiB,kBACjC5B,KAAA,CAAAC,aAAA,CAACO,MAAM,EACLR,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAC+C,WAAW,EAAA;AACVnB,IAAAA,YAAY,EAAEA,YAAa;AAC3BoB,IAAAA,gBAAgB,EAAErB,iBAAkB;AACpCsB,IAAAA,aAAa,EAAEpB,QAAAA;AAAS,GACzB,CACK,CAEC,CACV,CACI,CACO,CACb,CAAC,CAAA;AAEd,CAAA;AAEAR,KAAK,CAAC6B,YAAY,GAAGrG,iBAAiB,CAAA;AAEtCwE,KAAK,CAACpB,KAAK,GAAGN,UAAU,CAAA;AACxB0B,KAAK,CAACf,IAAI,GAAGF,SAAS;;;;"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Patterns/Modal/Modal.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { H2, H4, H6 } from \"../../Typography/Header/Header\";\nimport { Stack, StackProps } from \"../../Stack/Stack\";\nimport { Container } from \"../../Container/Container\";\nimport { Box } from \"../../Box/Box\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { ButtonGroup, ActionButtonProps } from \"../ButtonGroup/ButtonGroup\";\nimport { Button } from \"../../Button/Button\";\nimport { Text, TextProps } from \"../../Typography/Text/Text\";\nimport { HorizontalAlignment, MQ } from \"../../../types\";\nimport { mqValue } from \"../../../shared/mediaQueries\";\nimport { useOnEscapePress } from \"../../../shared/useOnEscapePress\";\nimport { useOutsideClick } from \"../../../shared/useOutsideClick\";\n\ntype BaseProps = {\n header: string;\n onAction: (action: \"cancel\" | \"action\") => void;\n role?: \"dialog\" | \"alertdialog\";\n labelHeader?: string;\n /** The black color is going to be replaced with gray one */\n subHeader?: string;\n actionButton?: ActionButtonProps;\n cancelButtonLabel?: string;\n /** Aim to use <Modal.Text> and <Modal.Stack> */\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n privateProps?: { skipPortal?: boolean };\n};\n\ntype ConditionalProps =\n | {\n /** Aspect ratio 16:9 */\n imageUrl?: string;\n ImageComponent?: never;\n }\n | {\n imageUrl?: never;\n /** Accept ratio 16:9 */\n ImageComponent?: React.ElementType<any>;\n };\n\nexport type ModalProps = BaseProps & ConditionalProps;\n\nconst defaultModalProps: Partial<ModalProps> = {\n role: \"dialog\",\n \"data-e2e-test-id\": undefined,\n privateProps: { skipPortal: false },\n};\n\nconst StyledBackdrop = styled.div(({ theme }) => ({\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100vh\",\n background: theme.values.color.background.backdrop.default,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flex: \"1 0 auto\",\n}));\n\nconst StyledModalWrapper = styled.div(({ theme }) => ({\n maxWidth: theme.variables.size.dimension.modal.width,\n ...mqValue({\n width: [\n `calc(100vw - calc(${theme.variables.size.spacing.m} * 2))`,\n theme.variables.size.dimension.modal.width,\n ],\n }),\n}));\n\nconst StyledInner = styled.div(() => ({\n display: \"flex\",\n maxHeight: `calc(100vh - 100px)`,\n flexDirection: \"column\",\n overflow: \"hidden\",\n}));\n\nconst StyledBody = styled.div(() => ({\n overflowY: \"auto\",\n maxHeight: \"100%\",\n}));\n\nconst StyledImg = styled.img(() => ({\n width: \"100%\",\n aspectRatio: \"16/9\",\n}));\n\nconst ModalStack = ({ children, ...rest }: Omit<StackProps, \"space\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Stack {...rest} space=\"m\">\n {children}\n </Stack>\n);\n\nconst ModalText = ({\n children,\n ...rest\n}: Omit<TextProps, \"size\" | \"variant\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Text {...rest} size=\"m\" color=\"tertiary\">\n {children}\n </Text>\n);\n\nconst Footer = ({\n children,\n alignItems = [\"spaceBetween\", \"right\"],\n}: {\n children: React.ReactNode[] | React.ReactElement;\n alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n}) => (\n <Box space=\"zero\" tSpace=\"l\">\n <Stack alignItems={alignItems}>{children}</Stack>\n </Box>\n);\n\nconst Wrapper = ({\n skipPortal,\n children,\n}: {\n skipPortal: boolean;\n children: React.ReactElement;\n}): React.ReactElement =>\n skipPortal ? (\n <>{children}</>\n ) : (\n <Portal>\n <StyledBackdrop>{children}</StyledBackdrop>\n </Portal>\n );\n\nconst ButtonClose = ({ onClick }: { onClick: React.ReactEventHandler }) => (\n <Button variant=\"tertiary\" leftIcon=\"x\" size=\"s\" onClick={onClick} />\n);\n\nexport function Modal({\n header,\n subHeader,\n labelHeader,\n children,\n imageUrl,\n ImageComponent,\n cancelButtonLabel,\n actionButton,\n role,\n onAction,\n privateProps: { skipPortal },\n \"data-e2e-test-id\": dataE2eTestId,\n}: ModalProps): React.ReactElement {\n const modalRef = useRef(null);\n const handleClose = () => {\n onAction(\"cancel\");\n };\n const hasBackdropDismiss = !skipPortal;\n useOutsideClick(modalRef, handleClose, hasBackdropDismiss);\n useOnEscapePress(handleClose, [handleClose]);\n\n const hasImage = imageUrl || ImageComponent;\n\n return (\n <Wrapper skipPortal={skipPortal}>\n <StyledModalWrapper\n ref={modalRef}\n role={role}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Modal\"\n >\n <Container elevation={4}>\n <Box space={[\"m\", \"xl\"]}>\n <StyledInner>\n <Box space=\"zero\" bSpace=\"s\">\n <Stack space={hasImage ? [\"s\", \"l\"] : \"zero\"}>\n {hasImage && (\n <>\n <Inline alignItems=\"right\">\n <ButtonClose onClick={handleClose} />\n </Inline>\n {imageUrl ? (\n <StyledImg src={imageUrl} />\n ) : (\n <ImageComponent />\n )}\n </>\n )}\n <Inline alignItems=\"spaceBetween\" noWrap>\n <Stack space=\"xs\">\n {labelHeader && <H6>{labelHeader}</H6>}\n <Stack space=\"xxs\">\n <H2>{header}</H2>\n {subHeader && <H4>{subHeader}</H4>}\n </Stack>\n </Stack>\n {!hasImage && <ButtonClose onClick={handleClose} />}\n </Inline>\n </Stack>\n </Box>\n\n <StyledBody>{children}</StyledBody>\n\n {(actionButton || cancelButtonLabel) && (\n <Footer>\n <ButtonGroup\n actionButton={actionButton}\n cancelButtonText={cancelButtonLabel}\n onButtonClick={onAction}\n />\n </Footer>\n )}\n </StyledInner>\n </Box>\n </Container>\n </StyledModalWrapper>\n </Wrapper>\n );\n}\n\nModal.defaultProps = defaultModalProps;\n\nModal.Stack = ModalStack;\nModal.Text = ModalText;\n"],"names":["defaultModalProps","role","undefined","privateProps","skipPortal","StyledBackdrop","_styled","process","env","NODE_ENV","target","label","_ref","theme","position","top","left","width","height","background","values","color","backdrop","default","display","flexDirection","justifyContent","alignItems","flex","StyledModalWrapper","_ref2","maxWidth","variables","size","dimension","modal","mqValue","spacing","m","StyledInner","maxHeight","overflow","StyledBody","overflowY","StyledImg","aspectRatio","ModalStack","_ref3","children","rest","React","createElement","Stack","_extends","space","ModalText","_ref4","Text","Footer","_ref5","Box","tSpace","Wrapper","_ref6","Fragment","Portal","ButtonClose","_ref7","onClick","Button","variant","leftIcon","Modal","_ref8","header","subHeader","labelHeader","imageUrl","ImageComponent","cancelButtonLabel","actionButton","onAction","dataE2eTestId","modalRef","useRef","handleClose","hasBackdropDismiss","useOutsideClick","useOnEscapePress","hasImage","ref","Container","elevation","bSpace","Inline","src","noWrap","H6","H2","H4","ButtonGroup","cancelButtonText","onButtonClick","defaultProps"],"mappings":";;;;;;;;;;;;;;;;AA6CA,MAAMA,iBAAsC,GAAG;AAC7CC,EAAAA,IAAI,EAAE,QAAQ;AACd,EAAA,kBAAkB,EAAEC,SAAS;AAC7BC,EAAAA,YAAY,EAAE;AAAEC,IAAAA,UAAU,EAAE,KAAA;AAAM,GAAA;AACpC,CAAC,CAAA;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAWC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AAChDE,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,OAAO;IACfC,UAAU,EAAEN,KAAK,CAACO,MAAM,CAACC,KAAK,CAACF,UAAU,CAACG,QAAQ,CAACC,OAAO;AAC1DC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,IAAI,EAAE,UAAA;GACP,CAAA;AAAA,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6xRAAA,CAAA,CAAA;AAEH,MAAMoB,kBAAkB,gBAAGvB,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,oBAAA;AAAA,CAAA,CAAA,CAAWmB,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;EAAA,OAAM;IACpDC,QAAQ,EAAElB,KAAK,CAACmB,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,KAAK,CAAClB,KAAK;AACpD,IAAA,GAAGmB,OAAO,CAAC;MACTnB,KAAK,EAAE,CACJ,CAAA,kBAAA,EAAoBJ,KAAK,CAACmB,SAAS,CAACC,IAAI,CAACI,OAAO,CAACC,CAAE,QAAO,EAC3DzB,KAAK,CAACmB,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,KAAK,CAAClB,KAAK,CAAA;KAE7C,CAAA;GACF,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6xRAAA,CAAA,CAAA;AAEH,MAAM8B,WAAW,gBAAGjC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACpCa,EAAAA,OAAO,EAAE,MAAM;AACfgB,EAAAA,SAAS,EAAG,CAAoB,mBAAA,CAAA;AAChCf,EAAAA,aAAa,EAAE,QAAQ;AACvBgB,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC,CAAC,EAAAlC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6xRAAA,CAAA,CAAA;AAEH,MAAMiC,UAAU,gBAAGpC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACnCgC,EAAAA,SAAS,EAAE,MAAM;AACjBH,EAAAA,SAAS,EAAE,MAAA;AACb,CAAC,CAAC,EAAAjC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6xRAAA,CAAA,CAAA;AAEH,MAAMmC,SAAS,gBAAGtC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,SAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,SAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AAClCM,EAAAA,KAAK,EAAE,MAAM;AACb4B,EAAAA,WAAW,EAAE,MAAA;AACf,CAAC,CAAC,EAAAtC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6xRAAA,CAAA,CAAA;AAEH,MAAMqC,UAAU,GAAGC,KAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAgC,GAAC,GAAAF,KAAA,CAAA;AAAA,EAAA;AAAA;AAClE;AACAG,IAAAA,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,QAAA,KAAKJ,IAAI,EAAA;AAAEK,MAAAA,KAAK,EAAC,GAAA;AAAG,KAAA,CAAA,EACvBN,QACI,CAAA;AAAC,IAAA;AAAA,CACT,CAAA;AAED,MAAMO,SAAS,GAAGC,KAAA,IAAA;EAAA,IAAC;IACjBR,QAAQ;IACR,GAAGC,IAAAA;AACgC,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA;AAAA;AACpC;AACAN,IAAAA,KAAA,CAAAC,aAAA,CAACM,IAAI,EAAAJ,QAAA,KAAKJ,IAAI,EAAA;AAAEhB,MAAAA,IAAI,EAAC,GAAG;AAACZ,MAAAA,KAAK,EAAC,UAAA;AAAU,KAAA,CAAA,EACtC2B,QACG,CAAA;AAAC,IAAA;AAAA,CACR,CAAA;AAED,MAAMU,MAAM,GAAGC,KAAA,IAAA;EAAA,IAAC;IACdX,QAAQ;AACRrB,IAAAA,UAAU,GAAG,CAAC,cAAc,EAAE,OAAO,CAAA;AAIvC,GAAC,GAAAgC,KAAA,CAAA;AAAA,EAAA,oBACCT,KAAA,CAAAC,aAAA,CAACS,GAAG,EAAA;AAACN,IAAAA,KAAK,EAAC,MAAM;AAACO,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAC1BX,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACzB,IAAAA,UAAU,EAAEA,UAAAA;GAAaqB,EAAAA,QAAgB,CAC7C,CAAC,CAAA;AAAA,CACP,CAAA;AAED,MAAMc,OAAO,GAAGC,KAAA,IAAA;EAAA,IAAC;IACf3D,UAAU;AACV4C,IAAAA,QAAAA;AAIF,GAAC,GAAAe,KAAA,CAAA;EAAA,OACC3D,UAAU,gBACR8C,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAc,QAAA,EAAGhB,IAAAA,EAAAA,QAAW,CAAC,gBAEfE,KAAA,CAAAC,aAAA,CAACc,MAAM,EAAA,IAAA,eACLf,KAAA,CAAAC,aAAA,CAAC9C,cAAc,EAAA,IAAA,EAAE2C,QAAyB,CACpC,CACT,CAAA;AAAA,CAAA,CAAA;AAEH,MAAMkB,WAAW,GAAGC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAA8C,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,oBACpEjB,KAAA,CAAAC,aAAA,CAACkB,MAAM,EAAA;AAACC,IAAAA,OAAO,EAAC,UAAU;AAACC,IAAAA,QAAQ,EAAC,GAAG;AAACtC,IAAAA,IAAI,EAAC,GAAG;AAACmC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAE,CAAC,CAAA;AAAA,CACtE,CAAA;AAEM,SAASI,KAAKA,CAAAC,KAAA,EAac;EAAA,IAbb;IACpBC,MAAM;IACNC,SAAS;IACTC,WAAW;IACX5B,QAAQ;IACR6B,QAAQ;IACRC,cAAc;IACdC,iBAAiB;IACjBC,YAAY;IACZ/E,IAAI;IACJgF,QAAQ;AACR9E,IAAAA,YAAY,EAAE;AAAEC,MAAAA,UAAAA;KAAY;AAC5B,IAAA,kBAAkB,EAAE8E,aAAAA;AACV,GAAC,GAAAT,KAAA,CAAA;AACX,EAAA,MAAMU,QAAQ,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAC7B,MAAMC,WAAW,GAAGA,MAAM;IACxBJ,QAAQ,CAAC,QAAQ,CAAC,CAAA;GACnB,CAAA;EACD,MAAMK,kBAAkB,GAAG,CAAClF,UAAU,CAAA;AACtCmF,EAAAA,eAAe,CAACJ,QAAQ,EAAEE,WAAW,EAAEC,kBAAkB,CAAC,CAAA;AAC1DE,EAAAA,gBAAgB,CAACH,WAAW,EAAE,CAACA,WAAW,CAAC,CAAC,CAAA;AAE5C,EAAA,MAAMI,QAAQ,GAAGZ,QAAQ,IAAIC,cAAc,CAAA;AAE3C,EAAA,oBACE5B,KAAA,CAAAC,aAAA,CAACW,OAAO,EAAA;AAAC1D,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,eAC9B8C,KAAA,CAAAC,aAAA,CAACtB,kBAAkB,EAAA;AACjB6D,IAAAA,GAAG,EAAEP,QAAS;AACdlF,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,kBAAA,EAAkBiF,aAAc;IAChC,YAAW,EAAA,OAAA;AAAO,GAAA,eAElBhC,KAAA,CAAAC,aAAA,CAACwC,SAAS,EAAA;AAACC,IAAAA,SAAS,EAAE,CAAA;AAAE,GAAA,eACtB1C,KAAA,CAAAC,aAAA,CAACS,GAAG,EAAA;AAACN,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,CAAA;GACpBJ,eAAAA,KAAA,CAAAC,aAAA,CAACZ,WAAW,qBACVW,KAAA,CAAAC,aAAA,CAACS,GAAG,EAAA;AAACN,IAAAA,KAAK,EAAC,MAAM;AAACuC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAC1B3C,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IAACE,KAAK,EAAEmC,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,MAAA;AAAO,GAAA,EAC1CA,QAAQ,iBACPvC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAc,QAAA,EACEd,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAC2C,MAAM,EAAA;AAACnE,IAAAA,UAAU,EAAC,OAAA;AAAO,GAAA,eACxBuB,KAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEiB,WAAAA;GAAc,CAC9B,CAAC,EACRR,QAAQ,gBACP3B,KAAA,CAAAC,aAAA,CAACP,SAAS,EAAA;AAACmD,IAAAA,GAAG,EAAElB,QAAAA;AAAS,GAAE,CAAC,gBAE5B3B,KAAA,CAAAC,aAAA,CAAC2B,cAAc,EAAE,IAAA,CAEnB,CACH,eACD5B,KAAA,CAAAC,aAAA,CAAC2C,MAAM,EAAA;AAACnE,IAAAA,UAAU,EAAC,cAAc;IAACqE,MAAM,EAAA,IAAA;AAAA,GAAA,eACtC9C,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACE,IAAAA,KAAK,EAAC,IAAA;AAAI,GAAA,EACdsB,WAAW,iBAAI1B,KAAA,CAAAC,aAAA,CAAC8C,EAAE,EAAErB,IAAAA,EAAAA,WAAgB,CAAC,eACtC1B,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACE,IAAAA,KAAK,EAAC,KAAA;AAAK,GAAA,eAChBJ,KAAA,CAAAC,aAAA,CAAC+C,EAAE,EAAA,IAAA,EAAExB,MAAW,CAAC,EAChBC,SAAS,iBAAIzB,KAAA,CAAAC,aAAA,CAACgD,EAAE,EAAExB,IAAAA,EAAAA,SAAc,CAC5B,CACF,CAAC,EACP,CAACc,QAAQ,iBAAIvC,KAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEiB,WAAAA;AAAY,GAAE,CAC5C,CACH,CACJ,CAAC,eAENnC,KAAA,CAAAC,aAAA,CAACT,UAAU,EAAEM,IAAAA,EAAAA,QAAqB,CAAC,EAElC,CAACgC,YAAY,IAAID,iBAAiB,kBACjC7B,KAAA,CAAAC,aAAA,CAACO,MAAM,EACLR,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACiD,WAAW,EAAA;AACVpB,IAAAA,YAAY,EAAEA,YAAa;AAC3BqB,IAAAA,gBAAgB,EAAEtB,iBAAkB;AACpCuB,IAAAA,aAAa,EAAErB,QAAAA;AAAS,GACzB,CACK,CAEC,CACV,CACI,CACO,CACb,CAAC,CAAA;AAEd,CAAA;AAEAT,KAAK,CAAC+B,YAAY,GAAGvG,iBAAiB,CAAA;AAEtCwE,KAAK,CAACpB,KAAK,GAAGN,UAAU,CAAA;AACxB0B,KAAK,CAACf,IAAI,GAAGF,SAAS;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactElement, MutableRefObject } from "react";
|
|
2
2
|
import type { TooltipContentProps } from "../Tooltip/TooltipContent";
|
|
3
|
-
type BaseProps = Pick<TooltipContentProps, "placement" | "portalContainer" | "contentPadding"> & {
|
|
3
|
+
type BaseProps = Pick<TooltipContentProps, "placement" | "portalContainer" | "contentPadding" | "maxWidth"> & {
|
|
4
4
|
content: ReactElement;
|
|
5
5
|
"data-e2e-test-id"?: string;
|
|
6
6
|
isVisible?: boolean;
|
|
@@ -14,5 +14,5 @@ type ConditionalProps = {
|
|
|
14
14
|
externalTriggerRef: MutableRefObject<any>;
|
|
15
15
|
};
|
|
16
16
|
export type PopoverProps = BaseProps & ConditionalProps;
|
|
17
|
-
export declare function Popover({ placement, content, children, contentPadding, externalTriggerRef, portalContainer, isVisible: isPopoverVisible, "data-e2e-test-id": dataE2eTestId, onVisibilityChange, }: PopoverProps): React.ReactElement;
|
|
17
|
+
export declare function Popover({ placement, content, children, contentPadding, maxWidth, externalTriggerRef, portalContainer, isVisible: isPopoverVisible, "data-e2e-test-id": dataE2eTestId, onVisibilityChange, }: PopoverProps): React.ReactElement;
|
|
18
18
|
export {};
|
|
@@ -16,6 +16,7 @@ function Popover(_ref2) {
|
|
|
16
16
|
content,
|
|
17
17
|
children,
|
|
18
18
|
contentPadding = "m",
|
|
19
|
+
maxWidth,
|
|
19
20
|
externalTriggerRef,
|
|
20
21
|
portalContainer,
|
|
21
22
|
isVisible: isPopoverVisible,
|
|
@@ -103,6 +104,7 @@ function Popover(_ref2) {
|
|
|
103
104
|
dataDSId: "Popover",
|
|
104
105
|
content: contentElm,
|
|
105
106
|
contentPadding: contentPadding,
|
|
107
|
+
maxWidth: maxWidth,
|
|
106
108
|
placement: placement,
|
|
107
109
|
portalContainer: portalContainer,
|
|
108
110
|
dataE2eTestId: dataE2eTestId,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n MutableRefObject,\n PropsWithChildren,\n} from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport type { TooltipContentProps } from \"../Tooltip/TooltipContent\";\nimport { TooltipContent } from \"../Tooltip/TooltipContent\";\n\ntype BaseProps = Pick<\n TooltipContentProps,\n \"placement\" | \"portalContainer\" | \"contentPadding\"\n> & {\n // Popover content\n content: ReactElement;\n \"data-e2e-test-id\"?: string;\n // Programmatically toggle Popover visibility with this prop\n isVisible?: boolean;\n /* Called when tooltip appears and disappears */\n onVisibilityChange?: (isVisible: boolean) => void;\n};\n\ntype ConditionalProps =\n | {\n externalTriggerRef?: never;\n /* Trigger element - wrap trigger element within Popover - takes precedence over trigger prop */\n children: React.ReactElement;\n }\n | {\n children?: never;\n /* Trigger element ref - pass in an external trigger element */\n externalTriggerRef: MutableRefObject<any>;\n };\n\nexport type PopoverProps = BaseProps & ConditionalProps;\n\nconst FocusTrapContent = React.forwardRef<\n HTMLDivElement,\n PropsWithChildren<unknown>\n>(({ children }, ref) => <div ref={ref}>{children}</div>);\n\nexport function Popover({\n placement = \"auto\",\n content,\n children,\n contentPadding = \"m\",\n externalTriggerRef,\n portalContainer,\n isVisible: isPopoverVisible,\n \"data-e2e-test-id\": dataE2eTestId,\n onVisibilityChange,\n}: PopoverProps): React.ReactElement {\n const tooltipId = useMemo(\n () => `DSTooltip_${Math.floor(Date.now() * Math.random())}`,\n []\n );\n const [isVisible, setVisible] = useState(isPopoverVisible);\n const internalTriggerRef = useRef(null);\n const triggerRef = externalTriggerRef || internalTriggerRef;\n const isOutsideClickOnTrigger = useRef(false);\n\n const toggleVisibility = useCallback(\n (status: boolean) => {\n setVisible(status);\n\n if (onVisibilityChange) {\n onVisibilityChange(status);\n }\n },\n [onVisibilityChange]\n );\n\n // Outside click is also fired when the popover is open and trigger is clicked. `isOutsideClickOnTrigger` saves this condition and we check for it so as to not toggle the popover twice.\n const handleTriggerClick = useCallback(() => {\n if (!isOutsideClickOnTrigger.current) {\n toggleVisibility(!isVisible);\n } else {\n // reset this value so that popover can open in next click\n isOutsideClickOnTrigger.current = false;\n }\n }, [toggleVisibility, isVisible]);\n\n const handleClickOutsideDeactivates = useCallback(\n (evt) => {\n if (triggerRef.current.contains(evt.target)) {\n isOutsideClickOnTrigger.current = true;\n }\n return true;\n },\n [triggerRef, isOutsideClickOnTrigger]\n );\n\n useEffect(() => {\n toggleVisibility(isPopoverVisible);\n }, [isPopoverVisible, toggleVisibility]);\n\n useEffect(() => {\n let trigger: HTMLElement;\n\n if (externalTriggerRef?.current && !children) {\n trigger = externalTriggerRef.current;\n\n trigger.setAttribute(\"tabindex\", \"0\");\n trigger.addEventListener(\"click\", handleTriggerClick);\n }\n\n return () => {\n if (trigger) {\n trigger.removeEventListener(\"click\", handleTriggerClick);\n }\n };\n }, [externalTriggerRef, children, handleTriggerClick]);\n\n useEffect(() => {\n if (externalTriggerRef?.current && !children) {\n const trigger = externalTriggerRef.current;\n\n if (isVisible) {\n trigger.setAttribute(\"aria-expanded\", true);\n trigger.setAttribute(\"aria-controls\", tooltipId);\n } else {\n trigger.removeAttribute(\"aria-expanded\");\n trigger.removeAttribute(\"aria-controls\");\n }\n }\n }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n const triggerElm = children\n ? React.cloneElement(children, {\n ref: triggerRef,\n ...(isVisible && {\n \"aria-expanded\": true,\n \"aria-controls\": tooltipId,\n }),\n tabIndex: 0,\n onClick: handleTriggerClick,\n })\n : null;\n\n const contentElm = (\n <FocusTrap\n focusTrapOptions={{\n clickOutsideDeactivates: handleClickOutsideDeactivates, // de-active focus trap on outside click\n escapeDeactivates: true, // de-activate focus trap on escape key\n fallbackFocus: `#${tooltipId}`, // set focus to tooltip content container if it has no focusable element\n onDeactivate: () => {\n toggleVisibility(false);\n },\n }}\n >\n <FocusTrapContent>{content}</FocusTrapContent>\n </FocusTrap>\n );\n const tooltipElm = (\n <TooltipContent\n dataDSId=\"Popover\"\n content={contentElm}\n contentPadding={contentPadding}\n placement={placement}\n portalContainer={portalContainer}\n dataE2eTestId={dataE2eTestId}\n isVisible={isVisible}\n tooltipId={tooltipId}\n tabIndex={-1}\n triggerRef={triggerRef}\n />\n );\n return (\n <>\n {triggerElm}\n {tooltipElm}\n </>\n );\n}\n"],"names":["FocusTrapContent","React","forwardRef","_ref","ref","children","createElement","Popover","_ref2","placement","content","contentPadding","externalTriggerRef","portalContainer","isVisible","isPopoverVisible","dataE2eTestId","onVisibilityChange","tooltipId","useMemo","Math","floor","Date","now","random","setVisible","useState","internalTriggerRef","useRef","triggerRef","isOutsideClickOnTrigger","toggleVisibility","useCallback","status","handleTriggerClick","current","handleClickOutsideDeactivates","evt","contains","target","useEffect","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","cloneElement","tabIndex","onClick","contentElm","FocusTrap","focusTrapOptions","clickOutsideDeactivates","escapeDeactivates","fallbackFocus","onDeactivate","tooltipElm","TooltipContent","dataDSId","Fragment"],"mappings":";;;;AAyCA,MAAMA,gBAAgB,gBAAGC,KAAK,CAACC,UAAU,CAGvC,CAAAC,IAAA,EAAeC,GAAG,KAAA;EAAA,IAAjB;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAF,IAAA,CAAA;EAAA,oBAAUF,KAAA,CAAAK,aAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EAAEC,QAAc,CAAC,CAAA;AAAA,CAAC,CAAA,CAAA;AAElD,SAASE,OAAOA,CAAAC,KAAA,EAUc;EAAA,IAVb;AACtBC,IAAAA,SAAS,GAAG,MAAM;IAClBC,OAAO;IACPL,QAAQ;AACRM,IAAAA,cAAc,GAAG,GAAG;IACpBC,kBAAkB;IAClBC,eAAe;AACfC,IAAAA,SAAS,EAAEC,gBAAgB;AAC3B,IAAA,kBAAkB,EAAEC,aAAa;AACjCC,IAAAA,kBAAAA;AACY,GAAC,GAAAT,KAAA,CAAA;EACb,MAAMU,SAAS,GAAGC,OAAO,CACvB,MAAO,aAAYC,IAAI,CAACC,KAAK,CAACC,IAAI,CAACC,GAAG,EAAE,GAAGH,IAAI,CAACI,MAAM,EAAE,CAAE,CAAA,CAAC,EAC3D,EACF,CAAC,CAAA;EACD,MAAM,CAACV,SAAS,EAAEW,UAAU,CAAC,GAAGC,QAAQ,CAACX,gBAAgB,CAAC,CAAA;AAC1D,EAAA,MAAMY,kBAAkB,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AACvC,EAAA,MAAMC,UAAU,GAAGjB,kBAAkB,IAAIe,kBAAkB,CAAA;AAC3D,EAAA,MAAMG,uBAAuB,GAAGF,MAAM,CAAC,KAAK,CAAC,CAAA;AAE7C,EAAA,MAAMG,gBAAgB,GAAGC,WAAW,CACjCC,MAAe,IAAK;IACnBR,UAAU,CAACQ,MAAM,CAAC,CAAA;AAElB,IAAA,IAAIhB,kBAAkB,EAAE;MACtBA,kBAAkB,CAACgB,MAAM,CAAC,CAAA;AAC5B,KAAA;AACF,GAAC,EACD,CAAChB,kBAAkB,CACrB,CAAC,CAAA;;AAED;AACA,EAAA,MAAMiB,kBAAkB,GAAGF,WAAW,CAAC,MAAM;AAC3C,IAAA,IAAI,CAACF,uBAAuB,CAACK,OAAO,EAAE;MACpCJ,gBAAgB,CAAC,CAACjB,SAAS,CAAC,CAAA;AAC9B,KAAC,MAAM;AACL;MACAgB,uBAAuB,CAACK,OAAO,GAAG,KAAK,CAAA;AACzC,KAAA;AACF,GAAC,EAAE,CAACJ,gBAAgB,EAAEjB,SAAS,CAAC,CAAC,CAAA;AAEjC,EAAA,MAAMsB,6BAA6B,GAAGJ,WAAW,CAC9CK,GAAG,IAAK;IACP,IAAIR,UAAU,CAACM,OAAO,CAACG,QAAQ,CAACD,GAAG,CAACE,MAAM,CAAC,EAAE;MAC3CT,uBAAuB,CAACK,OAAO,GAAG,IAAI,CAAA;AACxC,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EACD,CAACN,UAAU,EAAEC,uBAAuB,CACtC,CAAC,CAAA;AAEDU,EAAAA,SAAS,CAAC,MAAM;IACdT,gBAAgB,CAAChB,gBAAgB,CAAC,CAAA;AACpC,GAAC,EAAE,CAACA,gBAAgB,EAAEgB,gBAAgB,CAAC,CAAC,CAAA;AAExCS,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIC,OAAoB,CAAA;AAExB,IAAA,IAAI7B,kBAAkB,EAAEuB,OAAO,IAAI,CAAC9B,QAAQ,EAAE;MAC5CoC,OAAO,GAAG7B,kBAAkB,CAACuB,OAAO,CAAA;AAEpCM,MAAAA,OAAO,CAACC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;AACrCD,MAAAA,OAAO,CAACE,gBAAgB,CAAC,OAAO,EAAET,kBAAkB,CAAC,CAAA;AACvD,KAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAIO,OAAO,EAAE;AACXA,QAAAA,OAAO,CAACG,mBAAmB,CAAC,OAAO,EAAEV,kBAAkB,CAAC,CAAA;AAC1D,OAAA;KACD,CAAA;GACF,EAAE,CAACtB,kBAAkB,EAAEP,QAAQ,EAAE6B,kBAAkB,CAAC,CAAC,CAAA;AAEtDM,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI5B,kBAAkB,EAAEuB,OAAO,IAAI,CAAC9B,QAAQ,EAAE;AAC5C,MAAA,MAAMoC,OAAO,GAAG7B,kBAAkB,CAACuB,OAAO,CAAA;AAE1C,MAAA,IAAIrB,SAAS,EAAE;AACb2B,QAAAA,OAAO,CAACC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,CAAA;AAC3CD,QAAAA,OAAO,CAACC,YAAY,CAAC,eAAe,EAAExB,SAAS,CAAC,CAAA;AAClD,OAAC,MAAM;AACLuB,QAAAA,OAAO,CAACI,eAAe,CAAC,eAAe,CAAC,CAAA;AACxCJ,QAAAA,OAAO,CAACI,eAAe,CAAC,eAAe,CAAC,CAAA;AAC1C,OAAA;AACF,KAAA;GACD,EAAE,CAACjC,kBAAkB,EAAEP,QAAQ,EAAEa,SAAS,EAAEJ,SAAS,CAAC,CAAC,CAAA;EAExD,MAAMgC,UAAU,GAAGzC,QAAQ,gBACvBJ,KAAK,CAAC8C,YAAY,CAAC1C,QAAQ,EAAE;AAC3BD,IAAAA,GAAG,EAAEyB,UAAU;AACf,IAAA,IAAIf,SAAS,IAAI;AACf,MAAA,eAAe,EAAE,IAAI;AACrB,MAAA,eAAe,EAAEI,SAAAA;AACnB,KAAC,CAAC;AACF8B,IAAAA,QAAQ,EAAE,CAAC;AACXC,IAAAA,OAAO,EAAEf,kBAAAA;GACV,CAAC,GACF,IAAI,CAAA;AAER,EAAA,MAAMgB,UAAU,gBACdjD,KAAA,CAAAK,aAAA,CAAC6C,SAAS,EAAA;AACRC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,uBAAuB,EAAEjB,6BAA6B;AAAE;AACxDkB,MAAAA,iBAAiB,EAAE,IAAI;AAAE;MACzBC,aAAa,EAAG,CAAGrC,CAAAA,EAAAA,SAAU,CAAC,CAAA;AAAE;MAChCsC,YAAY,EAAEA,MAAM;QAClBzB,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,OAAA;AACF,KAAA;GAEA9B,eAAAA,KAAA,CAAAK,aAAA,CAACN,gBAAgB,EAAEU,IAAAA,EAAAA,OAA0B,CACpC,CACZ,CAAA;AACD,EAAA,MAAM+C,UAAU,gBACdxD,KAAA,CAAAK,aAAA,CAACoD,cAAc,EAAA;AACbC,IAAAA,QAAQ,EAAC,SAAS;AAClBjD,IAAAA,OAAO,EAAEwC,UAAW;AACpBvC,IAAAA,cAAc,EAAEA,cAAe;AAC/BF,IAAAA,SAAS,EAAEA,SAAU;AACrBI,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,aAAa,EAAEA,aAAc;AAC7BF,IAAAA,SAAS,EAAEA,SAAU;AACrBI,IAAAA,SAAS,EAAEA,SAAU;IACrB8B,QAAQ,EAAE,CAAC,CAAE;AACbnB,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GACxB,CACF,CAAA;EACD,oBACE5B,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAA2D,QAAA,EACGd,IAAAA,EAAAA,UAAU,EACVW,UACD,CAAC,CAAA;AAEP;;;;"}
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n MutableRefObject,\n PropsWithChildren,\n} from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport type { TooltipContentProps } from \"../Tooltip/TooltipContent\";\nimport { TooltipContent } from \"../Tooltip/TooltipContent\";\n\ntype BaseProps = Pick<\n TooltipContentProps,\n \"placement\" | \"portalContainer\" | \"contentPadding\" | \"maxWidth\"\n> & {\n // Popover content\n content: ReactElement;\n \"data-e2e-test-id\"?: string;\n // Programmatically toggle Popover visibility with this prop\n isVisible?: boolean;\n /* Called when tooltip appears and disappears */\n onVisibilityChange?: (isVisible: boolean) => void;\n};\n\ntype ConditionalProps =\n | {\n externalTriggerRef?: never;\n /* Trigger element - wrap trigger element within Popover - takes precedence over trigger prop */\n children: React.ReactElement;\n }\n | {\n children?: never;\n /* Trigger element ref - pass in an external trigger element */\n externalTriggerRef: MutableRefObject<any>;\n };\n\nexport type PopoverProps = BaseProps & ConditionalProps;\n\nconst FocusTrapContent = React.forwardRef<\n HTMLDivElement,\n PropsWithChildren<unknown>\n>(({ children }, ref) => <div ref={ref}>{children}</div>);\n\nexport function Popover({\n placement = \"auto\",\n content,\n children,\n contentPadding = \"m\",\n maxWidth,\n externalTriggerRef,\n portalContainer,\n isVisible: isPopoverVisible,\n \"data-e2e-test-id\": dataE2eTestId,\n onVisibilityChange,\n}: PopoverProps): React.ReactElement {\n const tooltipId = useMemo(\n () => `DSTooltip_${Math.floor(Date.now() * Math.random())}`,\n []\n );\n const [isVisible, setVisible] = useState(isPopoverVisible);\n const internalTriggerRef = useRef(null);\n const triggerRef = externalTriggerRef || internalTriggerRef;\n const isOutsideClickOnTrigger = useRef(false);\n\n const toggleVisibility = useCallback(\n (status: boolean) => {\n setVisible(status);\n\n if (onVisibilityChange) {\n onVisibilityChange(status);\n }\n },\n [onVisibilityChange]\n );\n\n // Outside click is also fired when the popover is open and trigger is clicked. `isOutsideClickOnTrigger` saves this condition and we check for it so as to not toggle the popover twice.\n const handleTriggerClick = useCallback(() => {\n if (!isOutsideClickOnTrigger.current) {\n toggleVisibility(!isVisible);\n } else {\n // reset this value so that popover can open in next click\n isOutsideClickOnTrigger.current = false;\n }\n }, [toggleVisibility, isVisible]);\n\n const handleClickOutsideDeactivates = useCallback(\n (evt) => {\n if (triggerRef.current.contains(evt.target)) {\n isOutsideClickOnTrigger.current = true;\n }\n return true;\n },\n [triggerRef, isOutsideClickOnTrigger]\n );\n\n useEffect(() => {\n toggleVisibility(isPopoverVisible);\n }, [isPopoverVisible, toggleVisibility]);\n\n useEffect(() => {\n let trigger: HTMLElement;\n\n if (externalTriggerRef?.current && !children) {\n trigger = externalTriggerRef.current;\n\n trigger.setAttribute(\"tabindex\", \"0\");\n trigger.addEventListener(\"click\", handleTriggerClick);\n }\n\n return () => {\n if (trigger) {\n trigger.removeEventListener(\"click\", handleTriggerClick);\n }\n };\n }, [externalTriggerRef, children, handleTriggerClick]);\n\n useEffect(() => {\n if (externalTriggerRef?.current && !children) {\n const trigger = externalTriggerRef.current;\n\n if (isVisible) {\n trigger.setAttribute(\"aria-expanded\", true);\n trigger.setAttribute(\"aria-controls\", tooltipId);\n } else {\n trigger.removeAttribute(\"aria-expanded\");\n trigger.removeAttribute(\"aria-controls\");\n }\n }\n }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n const triggerElm = children\n ? React.cloneElement(children, {\n ref: triggerRef,\n ...(isVisible && {\n \"aria-expanded\": true,\n \"aria-controls\": tooltipId,\n }),\n tabIndex: 0,\n onClick: handleTriggerClick,\n })\n : null;\n\n const contentElm = (\n <FocusTrap\n focusTrapOptions={{\n clickOutsideDeactivates: handleClickOutsideDeactivates, // de-active focus trap on outside click\n escapeDeactivates: true, // de-activate focus trap on escape key\n fallbackFocus: `#${tooltipId}`, // set focus to tooltip content container if it has no focusable element\n onDeactivate: () => {\n toggleVisibility(false);\n },\n }}\n >\n <FocusTrapContent>{content}</FocusTrapContent>\n </FocusTrap>\n );\n const tooltipElm = (\n <TooltipContent\n dataDSId=\"Popover\"\n content={contentElm}\n contentPadding={contentPadding}\n maxWidth={maxWidth}\n placement={placement}\n portalContainer={portalContainer}\n dataE2eTestId={dataE2eTestId}\n isVisible={isVisible}\n tooltipId={tooltipId}\n tabIndex={-1}\n triggerRef={triggerRef}\n />\n );\n return (\n <>\n {triggerElm}\n {tooltipElm}\n </>\n );\n}\n"],"names":["FocusTrapContent","React","forwardRef","_ref","ref","children","createElement","Popover","_ref2","placement","content","contentPadding","maxWidth","externalTriggerRef","portalContainer","isVisible","isPopoverVisible","dataE2eTestId","onVisibilityChange","tooltipId","useMemo","Math","floor","Date","now","random","setVisible","useState","internalTriggerRef","useRef","triggerRef","isOutsideClickOnTrigger","toggleVisibility","useCallback","status","handleTriggerClick","current","handleClickOutsideDeactivates","evt","contains","target","useEffect","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","cloneElement","tabIndex","onClick","contentElm","FocusTrap","focusTrapOptions","clickOutsideDeactivates","escapeDeactivates","fallbackFocus","onDeactivate","tooltipElm","TooltipContent","dataDSId","Fragment"],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ export type TooltipContentProps = {
|
|
|
12
12
|
role?: string;
|
|
13
13
|
tabIndex?: number;
|
|
14
14
|
contentPadding?: "s" | "m";
|
|
15
|
+
maxWidth?: number;
|
|
15
16
|
onTooltipPointerEnter?: React.PointerEventHandler<HTMLDivElement>;
|
|
16
17
|
onTooltipPointerLeave?: React.PointerEventHandler<HTMLDivElement>;
|
|
17
18
|
};
|
|
@@ -22,4 +23,4 @@ export type TooltipStyle = {
|
|
|
22
23
|
verticalPlacement: "top" | "bottom";
|
|
23
24
|
};
|
|
24
25
|
/** This component is used to display the overlay for both Popover and Tooltip components */
|
|
25
|
-
export declare function TooltipContent({ placement, content, tooltipId, triggerRef, portalContainer, dataE2eTestId, dataDSId, isVisible, "aria-hidden": ariaHidden, role, tabIndex, contentPadding, onTooltipPointerEnter, onTooltipPointerLeave, }: TooltipContentProps): React.ReactElement;
|
|
26
|
+
export declare function TooltipContent({ placement, content, tooltipId, triggerRef, portalContainer, dataE2eTestId, dataDSId, isVisible, "aria-hidden": ariaHidden, role, tabIndex, contentPadding, maxWidth, onTooltipPointerEnter, onTooltipPointerLeave, }: TooltipContentProps): React.ReactElement;
|