@amboss/design-system 3.41.2 → 3.42.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/ColorPicker/ColorPicker.d.ts +2 -1
- package/build/cjs/components/ColorPicker/ColorPicker.js +1 -1
- package/build/cjs/components/EntityList/EntityListItem.js +1 -1
- package/build/cjs/components/Form/SegmentedControl/-types.d.ts +6 -0
- package/build/cjs/components/Form/SegmentedControl/SegmentedControl.js +1 -1
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.d.ts +1 -1
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/cjs/components/Form/ToolbarToggle/-types.d.ts +9 -0
- package/build/cjs/components/Form/ToolbarToggle/-types.js +1 -0
- package/build/cjs/components/Form/ToolbarToggle/ToolbarToggle.d.ts +4 -0
- package/build/cjs/components/Form/ToolbarToggle/ToolbarToggle.js +1 -0
- package/build/cjs/components/Toggletip/BasePopover.d.ts +3 -1
- package/build/cjs/components/Toggletip/BasePopover.js +1 -1
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/esm/components/ColorPicker/ColorPicker.d.ts +2 -1
- package/build/esm/components/ColorPicker/ColorPicker.js +1 -1
- package/build/esm/components/EntityList/EntityListItem.js +1 -1
- package/build/esm/components/Form/SegmentedControl/-types.d.ts +6 -0
- package/build/esm/components/Form/SegmentedControl/SegmentedControl.js +1 -1
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.d.ts +1 -1
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/esm/components/Form/ToolbarToggle/-types.d.ts +9 -0
- package/build/esm/components/Form/ToolbarToggle/-types.js +1 -0
- package/build/esm/components/Form/ToolbarToggle/ToolbarToggle.d.ts +4 -0
- package/build/esm/components/Form/ToolbarToggle/ToolbarToggle.js +1 -0
- package/build/esm/components/Toggletip/BasePopover.d.ts +3 -1
- package/build/esm/components/Toggletip/BasePopover.js +1 -1
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BasePopover",{enumerable:!0,get:function(){return BasePopover}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),_TooltipContent=require("../Tooltip/TooltipContent"),_Sheet=require("../Sheet/Sheet"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_ariaAttributes=require("../../shared/ariaAttributes"),StyledContainer=(0,_styled.default)("div",{target:"e12myug60",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi93ZWItdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcyB9IGZyb20gXCIuLi9Ub29sdGlwL3R5cGVzXCI7XG5pbXBvcnQgeyBUb29sdGlwQ29udGVudCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBDb250ZW50XCI7XG5pbXBvcnQgdHlwZSB7IFBvcHVwUm9sZSB9IGZyb20gXCIuLi9TaGVldC9TaGVldFwiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqIFJvbGUgZm9yIGFjY2Vzc2liaWxpdHkgKi9cbiAgcm9sZT86IFBvcHVwUm9sZTtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRBcmlhUG9wdXBUeXBlKHJvbGU6IFBvcHVwUm9sZSB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XG4gIGxldCBwb3B1cFR5cGU6IHN0cmluZyA9IFN0cmluZyhyb2xlKTtcbiAgaWYgKCFyb2xlKSB7XG4gICAgcG9wdXBUeXBlID0gXCJ0cnVlXCI7XG4gIH1cbiAgaWYgKHJvbGUgPT09IFwiYWxlcnRkaWFsb2dcIikge1xuICAgIHJldHVybiBcImRpYWxvZ1wiO1xuICB9XG4gIHJldHVybiBwb3B1cFR5cGU7XG59XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIGlmICghd2luZG93KSB7XG4gICAgLy8gVE9ETyB3aW5kb3cgc2hvdWxkIGJlIGV4dHJhY3RlZCBmcm9tIGhvb2sgdXNlV2luZG93XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgY29uc3QgbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGUgPSA0NTA7IC8vIGlzIDQzMCBmb3IgaXBob25lIHBybyBtYXgsIGJ1dCBsZXQncyBhZGQgMjBweCBmb3IgbmV4dCBnZW5lcmF0aW9uc1xuICBjb25zdCBpc01vYmlsZUluUG9ydHJhaXQgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tLnZhbHVlO1xuICBjb25zdCBpc1NtYWxsSGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IDw9IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlO1xuICBjb25zdCBpc0xhbmRzY2FwZSA9IHdpbmRvdy5tYXRjaE1lZGlhPy4oXCIob3JpZW50YXRpb246IGxhbmRzY2FwZSlcIikubWF0Y2hlcztcbiAgY29uc3QgaXNNb2JpbGVJbkxhbmRzY2FwZSA9IGlzTGFuZHNjYXBlICYmIGlzU21hbGxIZWlnaHQ7XG5cbiAgcmV0dXJuIHJlbmRlckFzU2hlZXRPbk1vYmlsZSAmJiAoaXNNb2JpbGVJblBvcnRyYWl0IHx8IGlzTW9iaWxlSW5MYW5kc2NhcGUpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzZVBvcG92ZXIoe1xuICBwbGFjZW1lbnQgPSBcImF1dG9cIixcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnRQYWRkaW5nID0gXCJtXCIsXG4gIG1heFdpZHRoLFxuICBleHRlcm5hbFRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgbmFtZSA9IFwiUG9wb3ZlclwiLFxuICBpc1Zpc2libGU6IGlzUG9wb3ZlclZpc2libGUsXG4gIGRpc21pc3NPbk91dHNpZGVDbGljayA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBzdWJUaGVtZSxcbiAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50LFxuICBvblZpc2liaWxpdHlDaGFuZ2UsXG4gIGRpc2FibGVJbml0aWFsRm9jdXMgPSBmYWxzZSxcbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyID0gZmFsc2UsXG4gIHJlbmRlckFzU2hlZXRPbk1vYmlsZSA9IGZhbHNlLFxuICByb2xlLFxuICBzaGVldFByb3BzLFxuICAuLi5yZXN0Q29udGVudFByb3BzXG59OiBCYXNlUG9wb3ZlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdG9vbHRpcElkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBgRFMke25hbWV9XyR7TWF0aC5mbG9vcihEYXRlLm5vdygpICogTWF0aC5yYW5kb20oKSl9YCxcbiAgICBbbmFtZV1cbiAgKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgY29uc3QgW2lzTW9iaWxlQnJlYWtQb2ludCwgc2V0SXNNb2JpbGVCcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlciA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICBpZiAoIXRyaWdnZXIpIHJldHVybiB1bmRlZmluZWQ7XG5cbiAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZVRyaWdnZXJDbGljaywgdHJpZ2dlclJlZl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAgIGNvbnN0IHRyaWdnZXJUYWJJbmRleCA9IHRyaWdnZXIuZ2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgdHJpZ2dlclRhYkluZGV4ID8/IFwiMFwiKTtcbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXh0ZXJuYWxUcmlnZ2VyUmVmPy5jdXJyZW50ICYmICFjaGlsZHJlbikge1xuICAgICAgY29uc3QgdHJpZ2dlciA9IGV4dGVybmFsVHJpZ2dlclJlZi5jdXJyZW50O1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtaGFzcG9wdXBcIiwgZ2V0QXJpYVBvcHVwVHlwZShyb2xlKSk7XG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtZXhwYW5kZWRcIiwgU3RyaW5nKCEhaXNWaXNpYmxlKSk7XG4gICAgICBpZiAoaXNWaXNpYmxlKSB7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2V4dGVybmFsVHJpZ2dlclJlZiwgY2hpbGRyZW4sIHJvbGUsIHRvb2x0aXBJZCwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgdHJpZ2dlckVsbSA9IGNoaWxkcmVuXG4gICAgPyBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogISFpc1Zpc2libGUsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogY2hpbGRyZW4ucHJvcHMudGFiSW5kZXggPz8gMCxcbiAgICAgICAgXCJhcmlhLWhhc3BvcHVwXCI6IGdldEFyaWFQb3B1cFR5cGUocm9sZSksXG4gICAgICB9KVxuICAgIDogbnVsbDtcblxuICBpZiAoaXNNb2JpbGVCcmVha1BvaW50KSB7XG4gICAgLy8gcmVuZGVyIGFzIFNoZWV0XG4gICAgY29uc3Qgc2hlZXRFbG0gPSAoXG4gICAgICA8U2hlZXRcbiAgICAgICAgaWQ9e3Rvb2x0aXBJZH1cbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2s9e2Rpc21pc3NPbk91dHNpZGVDbGlja31cbiAgICAgICAgZGlzYWJsZUluaXRpYWxGb2N1cz17ZGlzYWJsZUluaXRpYWxGb2N1c31cbiAgICAgICAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPXtkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZVBvc3REZWFjdGl2YXRlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZURlYWN0aXZhdGVzPXtoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlc31cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgey4uLihzaGVldFByb3BzID8/IHt9KX1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU2hlZXQ+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7dHJpZ2dlckVsbX1cbiAgICAgICAge3NoZWV0RWxtfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuXG4gIC8vIHJlbmRlciBhcyBQb3BvdmVyXG4gIGNvbnN0IGNvbnRlbnRFbG0gPSAoXG4gICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgIGFjdGl2ZT17aXNWaXNpYmxlfVxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gb3V0c2lkZSBjbGlja1xuICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSxcbiAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgIGZhbGxiYWNrRm9jdXM6IGAjJHt0b29sdGlwSWR9YCwgLy8gc2V0IGZvY3VzIHRvIHRvb2x0aXAgY29udGVudCBjb250YWluZXIgaWYgaXQgaGFzIG5vIGZvY3VzYWJsZSBlbGVtZW50XG4gICAgICAgIG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZVBvc3REZWFjdGl2YXRlLFxuICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+ICFkaXNhYmxlSW5pdGlhbEZvY3VzLFxuICAgICAgICByZXR1cm5Gb2N1c09uRGVhY3RpdmF0ZTogIWRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcixcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEZvY3VzVHJhcENvbnRlbnQ+e2NvbnRlbnR9PC9Gb2N1c1RyYXBDb250ZW50PlxuICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgKTtcblxuICBjb25zdCB0b29sdGlwRWxtID0gKFxuICAgIDxUb29sdGlwQ29udGVudFxuICAgICAgey4uLnJlc3RDb250ZW50UHJvcHN9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudD17ZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50fVxuICAgICAgZGF0YURTSWQ9e25hbWV9XG4gICAgICBjb250ZW50PXtjb250ZW50RWxtfVxuICAgICAgY29udGVudFBhZGRpbmc9e2NvbnRlbnRQYWRkaW5nfVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRhdGFFMmVUZXN0SWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBzdWJUaGVtZT17c3ViVGhlbWV9XG4gICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgIHRvb2x0aXBJZD17dG9vbHRpcElkfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGlzSGlkZGVuT25JbnZpc2libGVUcmlnZ2VyXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IifQ== */"),FocusTrapContent=_react.default.forwardRef(({children},ref)=>_react.default.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=_breakpointsjson.default.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,role,sheetProps,...restContentProps}){let tooltipId=(0,_react.useMemo)(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=(0,_react.useState)(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=(0,_react.useState)(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=(0,_react.useRef)(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=(0,_react.useRef)(!1),ariaAttributes=(0,_ariaAttributes.getAriaAttributes)(restContentProps),toggleVisibility=(0,_react.useCallback)((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=(0,_react.useCallback)(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=(0,_react.useCallback)(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);(0,_react.useEffect)(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),(0,_react.useEffect)(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),(0,_react.useEffect)(()=>{let trigger=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),trigger.setAttribute("aria-expanded",String(!!isVisible)),isVisible?trigger.setAttribute("aria-controls",tooltipId):trigger.removeAttribute("aria-controls")}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?_react.default.cloneElement(children,{ref:triggerRef,"aria-expanded":!!isVisible,...isVisible&&{"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=_react.default.createElement(_Sheet.Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return _react.default.createElement(_react.default.Fragment,null,triggerElm,sheetElm)}let contentElm=_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},_react.default.createElement(FocusTrapContent,null,content)),tooltipElm=_react.default.createElement(_TooltipContent.TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return _react.default.createElement(_react.default.Fragment,null,triggerElm,tooltipElm)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BasePopover",{enumerable:!0,get:function(){return BasePopover}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),_TooltipContent=require("../Tooltip/TooltipContent"),_Sheet=require("../Sheet/Sheet"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_ariaAttributes=require("../../shared/ariaAttributes"),StyledContainer=(0,_styled.default)("div",{target:"e1vb5l9i0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi93ZWItdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcyB9IGZyb20gXCIuLi9Ub29sdGlwL3R5cGVzXCI7XG5pbXBvcnQgeyBUb29sdGlwQ29udGVudCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBDb250ZW50XCI7XG5pbXBvcnQgdHlwZSB7IFBvcHVwUm9sZSB9IGZyb20gXCIuLi9TaGVldC9TaGVldFwiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqICBXaGVuIHRydWUsIGFsd2F5cyByZW5kZXIgYXMgYSBTaGVldCByZWdhcmRsZXNzIG9mIHZpZXdwb3J0IHNpemUuICovXG4gIGZvcmNlU2hlZXRMYXlvdXQ/OiBib29sZWFuO1xuICAvKiogUm9sZSBmb3IgYWNjZXNzaWJpbGl0eSAqL1xuICByb2xlPzogUG9wdXBSb2xlO1xuICAvKiogIFByb3BzIGZvciBjb25maWd1cmluZyB0aGUgc2hlZXQgb24gbW9iaWxlIHdlYiAqL1xuICBzaGVldFByb3BzPzoge1xuICAgIC8qKiAgU2hvdyB0aGUgZGFyayBzY3JpbSBiYWNrZHJvcCBvbiBtb2JpbGUgd2ViIHdoZW4gcmVuZGVyaW5nIGFzIFNoZWV0ICovXG4gICAgaGFzQmFja2Ryb3A/OiBib29sZWFuO1xuICB9O1xufTtcblxuZXhwb3J0IHR5cGUgQmFzZVBvcG92ZXJQcm9wcyA9IEJhc2VQcm9wcyAmIFRvb2x0aXBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG59KSk7XG5cbmNvbnN0IEZvY3VzVHJhcENvbnRlbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW48dW5rbm93bj5cbj4oKHsgY2hpbGRyZW4gfSwgcmVmKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgcmVmPXtyZWZ9PntjaGlsZHJlbn08L1N0eWxlZENvbnRhaW5lcj5cbikpO1xuXG5jb25zdCBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uID0ge1xuICB0cmlnZ2VyQ2xpY2s6IFwidHJpZ2dlckNsaWNrXCIsXG4gIG91dHNpZGVDbGljazogXCJvdXRzaWRlQ2xpY2tcIixcbn07XG5cbmZ1bmN0aW9uIGdldEFyaWFQb3B1cFR5cGUocm9sZTogUG9wdXBSb2xlIHwgdW5kZWZpbmVkKTogc3RyaW5nIHtcbiAgbGV0IHBvcHVwVHlwZTogc3RyaW5nID0gU3RyaW5nKHJvbGUpO1xuICBpZiAoIXJvbGUpIHtcbiAgICBwb3B1cFR5cGUgPSBcInRydWVcIjtcbiAgfVxuICBpZiAocm9sZSA9PT0gXCJhbGVydGRpYWxvZ1wiKSB7XG4gICAgcmV0dXJuIFwiZGlhbG9nXCI7XG4gIH1cbiAgcmV0dXJuIHBvcHVwVHlwZTtcbn1cblxuZnVuY3Rpb24gZ2V0TW9iaWxlQnJlYWtwb2ludChyZW5kZXJBc1NoZWV0T25Nb2JpbGU6IGJvb2xlYW4pIHtcbiAgaWYgKCF3aW5kb3cpIHtcbiAgICAvLyBUT0RPIHdpbmRvdyBzaG91bGQgYmUgZXh0cmFjdGVkIGZyb20gaG9vayB1c2VXaW5kb3dcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBjb25zdCBtYXhNb2JpbGVIZWlnaHRJbkxhbmRzY2FwZSA9IDQ1MDsgLy8gaXMgNDMwIGZvciBpcGhvbmUgcHJvIG1heCwgYnV0IGxldCdzIGFkZCAyMHB4IGZvciBuZXh0IGdlbmVyYXRpb25zXG4gIGNvbnN0IGlzTW9iaWxlSW5Qb3J0cmFpdCA9IHdpbmRvdy5pbm5lcldpZHRoIDw9IGJyZWFrcG9pbnRzLm0udmFsdWU7XG4gIGNvbnN0IGlzU21hbGxIZWlnaHQgPSB3aW5kb3cuaW5uZXJIZWlnaHQgPD0gbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGU7XG4gIGNvbnN0IGlzTGFuZHNjYXBlID0gd2luZG93Lm1hdGNoTWVkaWE/LihcIihvcmllbnRhdGlvbjogbGFuZHNjYXBlKVwiKS5tYXRjaGVzO1xuICBjb25zdCBpc01vYmlsZUluTGFuZHNjYXBlID0gaXNMYW5kc2NhcGUgJiYgaXNTbWFsbEhlaWdodDtcblxuICByZXR1cm4gcmVuZGVyQXNTaGVldE9uTW9iaWxlICYmIChpc01vYmlsZUluUG9ydHJhaXQgfHwgaXNNb2JpbGVJbkxhbmRzY2FwZSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBCYXNlUG9wb3Zlcih7XG4gIHBsYWNlbWVudCA9IFwiYXV0b1wiLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgY29udGVudFBhZGRpbmcgPSBcIm1cIixcbiAgbWF4V2lkdGgsXG4gIGV4dGVybmFsVHJpZ2dlclJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBuYW1lID0gXCJQb3BvdmVyXCIsXG4gIGlzVmlzaWJsZTogaXNQb3BvdmVyVmlzaWJsZSxcbiAgZGlzbWlzc09uT3V0c2lkZUNsaWNrID0gdHJ1ZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIHN1YlRoZW1lLFxuICBkZWZhdWx0VmVydGljYWxQbGFjZW1lbnQsXG4gIG9uVmlzaWJpbGl0eUNoYW5nZSxcbiAgZGlzYWJsZUluaXRpYWxGb2N1cyA9IGZhbHNlLFxuICBkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXIgPSBmYWxzZSxcbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlID0gZmFsc2UsXG4gIGZvcmNlU2hlZXRMYXlvdXQgPSBmYWxzZSxcbiAgcm9sZSxcbiAgc2hlZXRQcm9wcyxcbiAgLi4ucmVzdENvbnRlbnRQcm9wc1xufTogQmFzZVBvcG92ZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRvb2x0aXBJZCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gYERTJHtuYW1lfV8ke01hdGguZmxvb3IoRGF0ZS5ub3coKSAqIE1hdGgucmFuZG9tKCkpfWAsXG4gICAgW25hbWVdXG4gICk7XG4gIGNvbnN0IFtpc1Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoaXNQb3BvdmVyVmlzaWJsZSk7XG4gIGNvbnN0IFtpc01vYmlsZUJyZWFrUG9pbnQsIHNldElzTW9iaWxlQnJlYWtwb2ludF0gPSB1c2VTdGF0ZShcbiAgICBmb3JjZVNoZWV0TGF5b3V0IHx8IGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KFxuICAgICAgZm9yY2VTaGVldExheW91dCB8fCBnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZSlcbiAgICApO1xuICB9LCBbaXNWaXNpYmxlLCByZW5kZXJBc1NoZWV0T25Nb2JpbGUsIGZvcmNlU2hlZXRMYXlvdXRdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRyaWdnZXIgPSB0cmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCF0cmlnZ2VyKSByZXR1cm4gdW5kZWZpbmVkO1xuXG4gICAgdHJpZ2dlci5hZGRFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgaGFuZGxlVHJpZ2dlckNsaWNrKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB0cmlnZ2VyLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuICAgIH07XG4gIH0sIFtoYW5kbGVUcmlnZ2VyQ2xpY2ssIHRyaWdnZXJSZWZdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChleHRlcm5hbFRyaWdnZXJSZWY/LmN1cnJlbnQgJiYgIWNoaWxkcmVuKSB7XG4gICAgICBjb25zdCB0cmlnZ2VyID0gZXh0ZXJuYWxUcmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgICBjb25zdCB0cmlnZ2VyVGFiSW5kZXggPSB0cmlnZ2VyLmdldEF0dHJpYnV0ZShcInRhYmluZGV4XCIpO1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIHRyaWdnZXJUYWJJbmRleCA/PyBcIjBcIik7XG4gICAgfVxuICB9LCBbZXh0ZXJuYWxUcmlnZ2VyUmVmLCBjaGlsZHJlbl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcblxuICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWhhc3BvcHVwXCIsIGdldEFyaWFQb3B1cFR5cGUocm9sZSkpO1xuICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIsIFN0cmluZyghIWlzVmlzaWJsZSkpO1xuICAgICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtY29udHJvbHNcIiwgdG9vbHRpcElkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuLCByb2xlLCB0b29sdGlwSWQsIGlzVmlzaWJsZV0pO1xuXG4gIGNvbnN0IHRyaWdnZXJFbG0gPSBjaGlsZHJlblxuICAgID8gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogdHJpZ2dlclJlZixcbiAgICAgICAgXCJhcmlhLWV4cGFuZGVkXCI6ICEhaXNWaXNpYmxlLFxuICAgICAgICAuLi4oaXNWaXNpYmxlICYmIHtcbiAgICAgICAgICBcImFyaWEtY29udHJvbHNcIjogdG9vbHRpcElkLFxuICAgICAgICB9KSxcbiAgICAgICAgdGFiSW5kZXg6IGNoaWxkcmVuLnByb3BzLnRhYkluZGV4ID8/IDAsXG4gICAgICAgIFwiYXJpYS1oYXNwb3B1cFwiOiBnZXRBcmlhUG9wdXBUeXBlKHJvbGUpLFxuICAgICAgfSlcbiAgICA6IG51bGw7XG5cbiAgaWYgKGlzTW9iaWxlQnJlYWtQb2ludCkge1xuICAgIC8vIHJlbmRlciBhcyBTaGVldFxuICAgIGNvbnN0IHNoZWV0RWxtID0gKFxuICAgICAgPFNoZWV0XG4gICAgICAgIGlkPXt0b29sdGlwSWR9XG4gICAgICAgIGlzVmlzaWJsZT17aXNWaXNpYmxlfVxuICAgICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgICAgZGlzbWlzc09uT3V0c2lkZUNsaWNrPXtkaXNtaXNzT25PdXRzaWRlQ2xpY2t9XG4gICAgICAgIGRpc2FibGVJbml0aWFsRm9jdXM9e2Rpc2FibGVJbml0aWFsRm9jdXN9XG4gICAgICAgIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj17ZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVQb3N0RGVhY3RpdmF0ZX1cbiAgICAgICAgb25DbGlja091dHNpZGVEZWFjdGl2YXRlcz17aGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXN9XG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIHsuLi4oc2hlZXRQcm9wcyA/PyB7fSl9XG4gICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1NoZWV0PlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge3RyaWdnZXJFbG19XG4gICAgICAgIHtzaGVldEVsbX1cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cblxuICAvLyByZW5kZXIgYXMgUG9wb3ZlclxuICBjb25zdCBjb250ZW50RWxtID0gKFxuICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgIGZvY3VzVHJhcE9wdGlvbnM9e3tcbiAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6XG4gICAgICAgICAgZGlzbWlzc09uT3V0c2lkZUNsaWNrICYmIGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIG91dHNpZGUgY2xpY2tcbiAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsXG4gICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiB0cnVlLFxuICAgICAgICBmYWxsYmFja0ZvY3VzOiBgIyR7dG9vbHRpcElkfWAsIC8vIHNldCBmb2N1cyB0byB0b29sdGlwIGNvbnRlbnQgY29udGFpbmVyIGlmIGl0IGhhcyBubyBmb2N1c2FibGUgZWxlbWVudFxuICAgICAgICBvblBvc3REZWFjdGl2YXRlOiBoYW5kbGVQb3N0RGVhY3RpdmF0ZSxcbiAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgaW5pdGlhbEZvY3VzOiAoKSA9PiAhZGlzYWJsZUluaXRpYWxGb2N1cyxcbiAgICAgICAgcmV0dXJuRm9jdXNPbkRlYWN0aXZhdGU6ICFkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXIsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBDb250ZW50Pntjb250ZW50fTwvRm9jdXNUcmFwQ29udGVudD5cbiAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICk7XG5cbiAgY29uc3QgdG9vbHRpcEVsbSA9IChcbiAgICA8VG9vbHRpcENvbnRlbnRcbiAgICAgIHsuLi5yZXN0Q29udGVudFByb3BzfSAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBkZWZhdWx0VmVydGljYWxQbGFjZW1lbnQ9e2RlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudH1cbiAgICAgIGRhdGFEU0lkPXtuYW1lfVxuICAgICAgY29udGVudD17Y29udGVudEVsbX1cbiAgICAgIGNvbnRlbnRQYWRkaW5nPXtjb250ZW50UGFkZGluZ31cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBkYXRhRTJlVGVzdElkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgc3ViVGhlbWU9e3N1YlRoZW1lfVxuICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICB0b29sdGlwSWQ9e3Rvb2x0aXBJZH1cbiAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBpc0hpZGRlbk9uSW52aXNpYmxlVHJpZ2dlclxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3RyaWdnZXJFbG19XG4gICAgICB7dG9vbHRpcEVsbX1cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRHdCIn0= */"),FocusTrapContent=_react.default.forwardRef(({children},ref)=>_react.default.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=_breakpointsjson.default.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,forceSheetLayout=!1,role,sheetProps,...restContentProps}){let tooltipId=(0,_react.useMemo)(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=(0,_react.useState)(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=(0,_react.useState)(forceSheetLayout||getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=(0,_react.useRef)(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=(0,_react.useRef)(!1),ariaAttributes=(0,_ariaAttributes.getAriaAttributes)(restContentProps),toggleVisibility=(0,_react.useCallback)((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=(0,_react.useCallback)(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=(0,_react.useCallback)(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);(0,_react.useEffect)(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),(0,_react.useEffect)(()=>{setIsMobileBreakpoint(forceSheetLayout||getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile,forceSheetLayout]),(0,_react.useEffect)(()=>{let trigger=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),(0,_react.useEffect)(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),trigger.setAttribute("aria-expanded",String(!!isVisible)),isVisible?trigger.setAttribute("aria-controls",tooltipId):trigger.removeAttribute("aria-controls")}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?_react.default.cloneElement(children,{ref:triggerRef,"aria-expanded":!!isVisible,...isVisible&&{"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=_react.default.createElement(_Sheet.Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return _react.default.createElement(_react.default.Fragment,null,triggerElm,sheetElm)}let contentElm=_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},_react.default.createElement(FocusTrapContent,null,content)),tooltipElm=_react.default.createElement(_TooltipContent.TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return _react.default.createElement(_react.default.Fragment,null,triggerElm,tooltipElm)}
|
package/build/cjs/index.d.ts
CHANGED
|
@@ -43,6 +43,7 @@ export * from "./components/Form/RangeInput/RangeInput";
|
|
|
43
43
|
export * from "./components/Form/SearchInput/SearchInput";
|
|
44
44
|
export * from "./components/Form/SegmentedControl/SegmentedControl";
|
|
45
45
|
export * from "./components/Form/Select";
|
|
46
|
+
export * from "./components/Form/ToolbarToggle/ToolbarToggle";
|
|
46
47
|
export * from "./components/Form/Textarea/Textarea";
|
|
47
48
|
export * from "./components/Form/Toggle/Toggle";
|
|
48
49
|
export * from "./components/Form/ToggleButton/ToggleButton";
|
package/build/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CacheProvider(){return _react.CacheProvider},get ThemeProvider(){return _react.ThemeProvider},get createCache(){return _cache.default},get dark(){return dark},get light(){return light}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/AccessCardItem/AccessCardItem"),exports),_export_star._(require("./components/Avatar/Avatar"),exports),_export_star._(require("./components/AvatarGroup/AvatarGroup"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/CatalogCard/CatalogCard"),exports),_export_star._(require("./components/CheckboxCard/CheckboxCard"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/ColorIndicator/ColorIndicator"),exports),_export_star._(require("./components/ColorPicker/ColorPicker"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Container"),exports),_export_star._(require("./components/CountButton/CountButton"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/Composite/FilterDialog/FilterDialog"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/Form/DateInput/DateInput"),exports),_export_star._(require("./components/Form/DatePicker"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/Grid/Grid"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/IconTile/IconTile"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/InteractiveBox/InteractiveBox"),exports),_export_star._(require("./components/Lightbox/Lightbox"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/MediaViewerCarousel/MediaViewerCarousel"),exports),_export_star._(require("./components/NavBar"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/PromptInput/PromptInput"),exports),_export_star._(require("./components/SplashCard/SplashCard"),exports),_export_star._(require("./components/SplashCardMedia/SplashCardMedia"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/RadioCard/RadioCard"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toast"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/Typography/Header"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Typography/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Utilities/AnimatedBorder/AnimatedBorder"),exports),_export_star._(require("./components/Utilities/ContainerQuery/ContainerQuery"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/Utilities/ScreenReaderText/ScreenReaderText"),exports),_export_star._(require("./components/Patterns/EmptyState/EmptyState"),exports),_export_star._(require("./components/Content/ContentBox/ContentBox"),exports),_export_star._(require("./components/Content/ContentFontResizer"),exports),_export_star._(require("./components/Content/ContentHeading/ContentHeading"),exports),_export_star._(require("./components/Content/ContentLink/ContentLink"),exports),_export_star._(require("./components/Content/ContentPictogramButton/ContentPictogramButton"),exports),_export_star._(require("./components/Content/ContentText/ContentText"),exports),_export_star._(require("./components/Content/ContentList"),exports),_export_star._(require("./components/Content/ContentTable"),exports),_export_star._(require("./components/Content/DosageButton"),exports),_export_star._(require("./components/Content/ReferenceButton"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CacheProvider(){return _react.CacheProvider},get ThemeProvider(){return _react.ThemeProvider},get createCache(){return _cache.default},get dark(){return dark},get light(){return light}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/AccessCardItem/AccessCardItem"),exports),_export_star._(require("./components/Avatar/Avatar"),exports),_export_star._(require("./components/AvatarGroup/AvatarGroup"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/CatalogCard/CatalogCard"),exports),_export_star._(require("./components/CheckboxCard/CheckboxCard"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/ColorIndicator/ColorIndicator"),exports),_export_star._(require("./components/ColorPicker/ColorPicker"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Container"),exports),_export_star._(require("./components/CountButton/CountButton"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/Composite/FilterDialog/FilterDialog"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/Form/DateInput/DateInput"),exports),_export_star._(require("./components/Form/DatePicker"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/Form/ToolbarToggle/ToolbarToggle"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/Grid/Grid"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/IconTile/IconTile"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/InteractiveBox/InteractiveBox"),exports),_export_star._(require("./components/Lightbox/Lightbox"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/MediaViewerCarousel/MediaViewerCarousel"),exports),_export_star._(require("./components/NavBar"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/PromptInput/PromptInput"),exports),_export_star._(require("./components/SplashCard/SplashCard"),exports),_export_star._(require("./components/SplashCardMedia/SplashCardMedia"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/RadioCard/RadioCard"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toast"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/Typography/Header"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Typography/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Utilities/AnimatedBorder/AnimatedBorder"),exports),_export_star._(require("./components/Utilities/ContainerQuery/ContainerQuery"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/Utilities/ScreenReaderText/ScreenReaderText"),exports),_export_star._(require("./components/Patterns/EmptyState/EmptyState"),exports),_export_star._(require("./components/Content/ContentBox/ContentBox"),exports),_export_star._(require("./components/Content/ContentFontResizer"),exports),_export_star._(require("./components/Content/ContentHeading/ContentHeading"),exports),_export_star._(require("./components/Content/ContentLink/ContentLink"),exports),_export_star._(require("./components/Content/ContentPictogramButton/ContentPictogramButton"),exports),_export_star._(require("./components/Content/ContentText/ContentText"),exports),_export_star._(require("./components/Content/ContentList"),exports),_export_star._(require("./components/Content/ContentTable"),exports),_export_star._(require("./components/Content/DosageButton"),exports),_export_star._(require("./components/Content/ReferenceButton"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
@@ -10,9 +10,10 @@ export type ColorPickerProps = Pick<ColorPickerOptionProps, "size"> & {
|
|
|
10
10
|
alignItems?: InlineProps["alignItems"];
|
|
11
11
|
colors: Array<ColorOption>;
|
|
12
12
|
disabled?: boolean;
|
|
13
|
+
focusOnMount?: boolean;
|
|
13
14
|
onColorSelected: (color: ColorPickerOptionProps["color"]) => void;
|
|
14
15
|
selectedColor?: ColorPickerOptionProps["color"];
|
|
15
16
|
/** @deprecated Use aria-* props directly instead */
|
|
16
17
|
ariaAttributes?: AriaAttributes;
|
|
17
18
|
};
|
|
18
|
-
export declare const ColorPicker: ({ alignItems, colors, onColorSelected, disabled, selectedColor, size, ariaAttributes: deprecatedAriaAttributes, ...ariaAttributes }: ColorPickerProps) => ReactElement;
|
|
19
|
+
export declare const ColorPicker: ({ alignItems, colors, onColorSelected, disabled, focusOnMount, selectedColor, size, ariaAttributes: deprecatedAriaAttributes, ...ariaAttributes }: ColorPickerProps) => ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useRef}from"react";import{Inline}from"../Inline/Inline";import{Button}from"../Button/Button";import{ColorPickerOption}from"./ColorPickerOption";import{useKeyboard}from"../../shared/useKeyboard";export const ColorPicker=({alignItems="left",colors,onColorSelected,disabled,selectedColor,size=["m","s"],ariaAttributes:deprecatedAriaAttributes,...ariaAttributes})=>{let selectedIndex=selectedColor?colors.findIndex(c=>c.color===selectedColor):-1,tabbableIndex=selectedIndex>=0?selectedIndex:0,groupRef=useRef(null),focusedIndex=useRef(tabbableIndex),focusByDelta=delta=>{let buttons=groupRef.current?.querySelectorAll("[data-color]");if(!buttons)return;let next=(focusedIndex.current+delta+buttons.length)%buttons.length;focusedIndex.current=next,buttons[next]?.focus(),onColorSelected(colors[next].color)};return useKeyboard({"ArrowRight ArrowDown":()=>focusByDelta(1),"ArrowLeft ArrowUp":()=>focusByDelta(-1),"Enter Space":()=>onColorSelected(colors[focusedIndex.current].color)},groupRef,!disabled),React.createElement("div",{ref:groupRef,role:"radiogroup",...deprecatedAriaAttributes,...ariaAttributes},React.createElement(Inline,{space:"s"===size?"zero":"xxxs",alignItems:alignItems},colors.map((colorOption,index)=>React.createElement(Button,{key:colorOption.color,variant:"tertiary",size:"s",onClick:()=>onColorSelected(colorOption.color),onFocus:()=>{focusedIndex.current=index},disabled:disabled,"data-color":colorOption.color,role:"radio","aria-checked":colorOption.color===selectedColor,tabIndex:index===tabbableIndex?0:-1,"aria-label":colorOption.ariaLabel},React.createElement(ColorPickerOption,{"data-e2e-test-id":"color-indicator",color:colorOption.color,isSelected:colorOption.color===selectedColor,size:size})))))};
|
|
1
|
+
import React,{useEffect,useRef}from"react";import{Inline}from"../Inline/Inline";import{Button}from"../Button/Button";import{ColorPickerOption}from"./ColorPickerOption";import{useKeyboard}from"../../shared/useKeyboard";export const ColorPicker=({alignItems="left",colors,onColorSelected,disabled,focusOnMount,selectedColor,size=["m","s"],ariaAttributes:deprecatedAriaAttributes,...ariaAttributes})=>{let selectedIndex=selectedColor?colors.findIndex(c=>c.color===selectedColor):-1,tabbableIndex=selectedIndex>=0?selectedIndex:0,groupRef=useRef(null),focusedIndex=useRef(tabbableIndex);useEffect(()=>{focusOnMount&&groupRef.current?.querySelector("[data-color]")?.focus()},[focusOnMount]);let focusByDelta=delta=>{let buttons=groupRef.current?.querySelectorAll("[data-color]");if(!buttons)return;let next=(focusedIndex.current+delta+buttons.length)%buttons.length;focusedIndex.current=next,buttons[next]?.focus(),onColorSelected(colors[next].color)};return useKeyboard({"ArrowRight ArrowDown":()=>focusByDelta(1),"ArrowLeft ArrowUp":()=>focusByDelta(-1),"Enter Space":()=>onColorSelected(colors[focusedIndex.current].color)},groupRef,!disabled),React.createElement("div",{ref:groupRef,role:"radiogroup",...deprecatedAriaAttributes,...ariaAttributes},React.createElement(Inline,{space:"s"===size?"zero":"xxxs",alignItems:alignItems},colors.map((colorOption,index)=>React.createElement(Button,{key:colorOption.color,variant:"tertiary",size:"s",onClick:()=>onColorSelected(colorOption.color),onFocus:()=>{focusedIndex.current=index},disabled:disabled,"data-color":colorOption.color,role:"radio","aria-checked":colorOption.color===selectedColor,tabIndex:index===tabbableIndex?0:-1,"aria-label":colorOption.ariaLabel},React.createElement(ColorPickerOption,{"data-e2e-test-id":"color-indicator",color:colorOption.color,isSelected:colorOption.color===selectedColor,size:size})))))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role;return React.createElement(StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight})))});
|
|
1
|
+
import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return React.createElement(StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight})))});
|
|
@@ -26,6 +26,10 @@ export type SegmentedControlOption = {
|
|
|
26
26
|
icon: {
|
|
27
27
|
ariaLabel?: string;
|
|
28
28
|
};
|
|
29
|
+
input?: {
|
|
30
|
+
ariaExpanded?: boolean;
|
|
31
|
+
ariaControls?: string;
|
|
32
|
+
};
|
|
29
33
|
}>;
|
|
30
34
|
} & ({
|
|
31
35
|
iconName?: never;
|
|
@@ -44,11 +48,13 @@ export type SegmentedControlProps = {
|
|
|
44
48
|
justified?: boolean;
|
|
45
49
|
/** Segment size, not applicable on mobile breakpoint */
|
|
46
50
|
size?: "s" | "m" | "l";
|
|
51
|
+
/** Callback fired when a segment is selected, with the value of the selected segment. For a single option, it will be called with an empty string when unchecked */
|
|
47
52
|
onChange: (value: string) => void;
|
|
48
53
|
renderOptionWrapper?: (props: RenderOptionWrapperProps) => ReactElement;
|
|
49
54
|
} & Omit<FormFieldGroupProps, "disabled" | "children">;
|
|
50
55
|
export type SegmentedControlOptionProps = Pick<SegmentedControlProps, "size"> & SegmentedControlOption & {
|
|
51
56
|
checked: boolean | undefined;
|
|
52
57
|
isResponsive?: boolean;
|
|
58
|
+
inputType: "radio" | "checkbox";
|
|
53
59
|
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
54
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{Fragment}from"react";import styled from"@emotion/styled";import breakpoints from"../../../web-tokens/_breakpoints.json";import{FormFieldGroup}from"../FormFieldGroup/FormFieldGroup";import{SegmentedControlOption}from"./SegmentedControlOption";let StyledDivider=styled("div",{target:"e1i699rb0",label:"StyledDivider"})(({theme,isChecked,isDisabled,isPrevOptionChecked,isPrevOptionDisabled,justified})=>{let border=`1px solid ${theme.values.color.border.secondary.default}`,otherStyles={backgroundColor:theme.values.color.background.primary.default,...(isChecked||isPrevOptionChecked)&&{borderColor:theme.values.color.border.accent.default},...isDisabled&&isPrevOptionDisabled&&{opacity:theme.variables.opacity.disabled}},borderRightStyle={borderRight:border,...otherStyles};return justified?{[`@media (min-width: ${breakpoints.m.value}px)`]:{...borderRightStyle},[`@media (max-width: ${breakpoints.m.value}px)`]:{borderBottom:border,...otherStyles}}:borderRightStyle},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWdtZW50ZWRDb250cm9sL1NlZ21lbnRlZENvbnRyb2wudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlZ21lbnRlZENvbnRyb2wvU2VnbWVudGVkQ29udHJvbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1FdmVudEhhbmRsZXIsIFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHsgU2VnbWVudGVkQ29udHJvbFByb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5pbXBvcnQgeyBGb3JtRmllbGRHcm91cCB9IGZyb20gXCIuLi9Gb3JtRmllbGRHcm91cC9Gb3JtRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcblxuZXhwb3J0IHR5cGUgeyBTZWdtZW50ZWRDb250cm9sUHJvcHMgfTtcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uRGlzYWJsZWQ6IGJvb2xlYW47XG59ICYgUGljazxTZWdtZW50ZWRDb250cm9sUHJvcHMsIFwianVzdGlmaWVkXCI+O1xuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmRpdjxTdHlsZWREaXZpZGVyUHJvcHM+KFxuICAoe1xuICAgIHRoZW1lLFxuICAgIGlzQ2hlY2tlZCxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGlzUHJldk9wdGlvbkNoZWNrZWQsXG4gICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQsXG4gICAganVzdGlmaWVkLFxuICB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YDtcbiAgICBjb25zdCBvdGhlclN0eWxlcyA9IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKChpc0NoZWNrZWQgfHwgaXNQcmV2T3B0aW9uQ2hlY2tlZCkgJiYge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIH0pLFxuICAgICAgLi4uKGlzRGlzYWJsZWQgJiZcbiAgICAgICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgICB9KSxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5vdGhlclN0eWxlcyxcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBib3JkZXJSaWdodFN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAvLyBMYXlvdXQgb24gdGFibGV0IGFuZCBkZXNrdG9wXG4gICAgICBbYEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBib3JkZXJCb3R0b206IGJvcmRlcixcbiAgICAgICAgLi4ub3RoZXJTdHlsZXMsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VnbWVudGVkQ29udHJvbCh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIGlzTGFiZWxIaWRkZW4gPSB0cnVlLFxuICByZW5kZXJPcHRpb25XcmFwcGVyLFxuICAuLi5yZXN0XG59OiBTZWdtZW50ZWRDb250cm9sUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBoYW5kbGVDaGFuZ2U6IEZvcm1FdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZXZ0KSA9PiB7XG4gICAgb25DaGFuZ2UoKGV2dC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9wdGlvbkVsbXMgPSBvcHRpb25zLm1hcChcbiAgICAoeyB2YWx1ZTogb3B0aW9uVmFsdWUsIGRpc2FibGVkLCAuLi5vdGhlclByb3BzIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc0NoZWNrZWQgPSB2YWx1ZSA9PT0gb3B0aW9uVmFsdWU7XG4gICAgICBjb25zdCBpc1ByZXZPcHRpb25DaGVja2VkID0gb3B0aW9uc1tpbmRleCAtIDFdPy52YWx1ZSA9PT0gdmFsdWU7XG4gICAgICBjb25zdCBpc1ByZXZPcHRpb25EaXNhYmxlZCA9IG9wdGlvbnNbaW5kZXggLSAxXT8uZGlzYWJsZWQ7XG4gICAgICBjb25zdCBkaXZpZGVyRWxtID0gKFxuICAgICAgICA8U3R5bGVkRGl2aWRlclxuICAgICAgICAgIGlzUHJldk9wdGlvbkNoZWNrZWQ9e2lzUHJldk9wdGlvbkNoZWNrZWR9XG4gICAgICAgICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQ9e2lzUHJldk9wdGlvbkRpc2FibGVkfVxuICAgICAgICAgIGlzQ2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGp1c3RpZmllZD17anVzdGlmaWVkfVxuICAgICAgICAvPlxuICAgICAgKTtcblxuICAgICAgLy8gd2Ugd2FudCB0byBzaG93IGFjdGl2ZSBkaXZpZGVycyBpbiBjaGVja2VkIG9wdGlvblxuICAgICAgLy8gaW4gb3JkZXIgdG8gYXBwbHkgc3VidGhlbWVzXG4gICAgICBjb25zdCBpc0ZpcnN0T3B0aW9uID0gaW5kZXggPT09IDA7XG4gICAgICBjb25zdCBpc0xhc3RPcHRpb24gPSBpbmRleCA9PT0gb3B0aW9ucy5sZW5ndGggLSAxO1xuXG4gICAgICAvLyB3ZSBoaWRlIGRpdmlkZXIgZm9yIGxhc3Qgb3B0aW9uIGFuZCBhbHdheXMgc2hvdyBmb3IgY2hlY2tlZCBvcHRpb25cbiAgICAgIGNvbnN0IGlzUmlnaHREaXZpZGVyID0gIWlzTGFzdE9wdGlvbiAmJiBpc0NoZWNrZWQ7XG5cbiAgICAgIC8vIHdlIGhpZGUgbGVmdCBkaXZpZGVyIGZvciBmaXJzdCBvcHRpb25cbiAgICAgIC8vIHdlIGhpZGUgZ3JheSBkaXZpZGVyIGlmIHByZXZpb3VzIG9wdGlvbiBpcyBjaGVja2VkLFxuICAgICAgLy8gYmVjYXVzZSB0aGVyZSBpcyBpc1JpZ2h0RGl2aWRlciBhbHJlYWR5IGluIHByZXZpb3VzIG9wdGlvblxuICAgICAgY29uc3QgaXNMZWZ0RGl2aWRlciA9ICFpc0ZpcnN0T3B0aW9uICYmICFpc1ByZXZPcHRpb25DaGVja2VkO1xuXG4gICAgICBjb25zdCBvcHRpb25FbG0gPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2lzTGVmdERpdmlkZXIgJiYgZGl2aWRlckVsbX1cbiAgICAgICAgICA8U2VnbWVudGVkQ29udHJvbE9wdGlvblxuICAgICAgICAgICAgdmFsdWU9e29wdGlvblZhbHVlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICAgIGlzUmVzcG9uc2l2ZT17anVzdGlmaWVkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzUmlnaHREaXZpZGVyICYmIGRpdmlkZXJFbG19XG4gICAgICAgIDwvPlxuICAgICAgKTtcblxuICAgICAgY29uc3Qgd3JhcHBlZE9wdGlvbkVsbSA9IHJlbmRlck9wdGlvbldyYXBwZXJcbiAgICAgICAgPyByZW5kZXJPcHRpb25XcmFwcGVyKHtcbiAgICAgICAgICAgIG9wdGlvbjogb3B0aW9uRWxtLFxuICAgICAgICAgICAgY2hlY2tlZDogaXNDaGVja2VkLFxuICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICB2YWx1ZTogb3B0aW9uVmFsdWUsXG4gICAgICAgICAgfSlcbiAgICAgICAgOiBvcHRpb25FbG07XG5cbiAgICAgIHJldHVybiA8RnJhZ21lbnQga2V5PXtvcHRpb25WYWx1ZX0+e3dyYXBwZWRPcHRpb25FbG19PC9GcmFnbWVudD47XG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZEdyb3VwXG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkQ29udHJvbFwiXG4gICAgICBpc0xhYmVsSGlkZGVuPXtpc0xhYmVsSGlkZGVufVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gb3B0aW9ucz17b3B0aW9uc30+XG4gICAgICAgIHtvcHRpb25FbG1zfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGRHcm91cD5cbiAgKTtcbn1cblxuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JzQiJ9 */"),StyledContainer=styled("div",{target:"e1i699rb1",label:"StyledContainer"})(({justified,options})=>{let baseStyle={display:"flex"};return justified?{...baseStyle,flexDirection:"column","& > *":{flex:`1 1 ${100/options.length}%`},[`& > ${StyledDivider}`]:{flex:"0 0 auto"},[`@media (min-width: ${breakpoints.m.value}px)`]:{flexDirection:"row"}}:baseStyle},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWdtZW50ZWRDb250cm9sL1NlZ21lbnRlZENvbnRyb2wudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlZ21lbnRlZENvbnRyb2wvU2VnbWVudGVkQ29udHJvbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1FdmVudEhhbmRsZXIsIFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHsgU2VnbWVudGVkQ29udHJvbFByb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5pbXBvcnQgeyBGb3JtRmllbGRHcm91cCB9IGZyb20gXCIuLi9Gb3JtRmllbGRHcm91cC9Gb3JtRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcblxuZXhwb3J0IHR5cGUgeyBTZWdtZW50ZWRDb250cm9sUHJvcHMgfTtcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uRGlzYWJsZWQ6IGJvb2xlYW47XG59ICYgUGljazxTZWdtZW50ZWRDb250cm9sUHJvcHMsIFwianVzdGlmaWVkXCI+O1xuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmRpdjxTdHlsZWREaXZpZGVyUHJvcHM+KFxuICAoe1xuICAgIHRoZW1lLFxuICAgIGlzQ2hlY2tlZCxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGlzUHJldk9wdGlvbkNoZWNrZWQsXG4gICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQsXG4gICAganVzdGlmaWVkLFxuICB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YDtcbiAgICBjb25zdCBvdGhlclN0eWxlcyA9IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKChpc0NoZWNrZWQgfHwgaXNQcmV2T3B0aW9uQ2hlY2tlZCkgJiYge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIH0pLFxuICAgICAgLi4uKGlzRGlzYWJsZWQgJiZcbiAgICAgICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgICB9KSxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5vdGhlclN0eWxlcyxcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBib3JkZXJSaWdodFN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAvLyBMYXlvdXQgb24gdGFibGV0IGFuZCBkZXNrdG9wXG4gICAgICBbYEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBib3JkZXJCb3R0b206IGJvcmRlcixcbiAgICAgICAgLi4ub3RoZXJTdHlsZXMsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VnbWVudGVkQ29udHJvbCh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIGlzTGFiZWxIaWRkZW4gPSB0cnVlLFxuICByZW5kZXJPcHRpb25XcmFwcGVyLFxuICAuLi5yZXN0XG59OiBTZWdtZW50ZWRDb250cm9sUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBoYW5kbGVDaGFuZ2U6IEZvcm1FdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZXZ0KSA9PiB7XG4gICAgb25DaGFuZ2UoKGV2dC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9wdGlvbkVsbXMgPSBvcHRpb25zLm1hcChcbiAgICAoeyB2YWx1ZTogb3B0aW9uVmFsdWUsIGRpc2FibGVkLCAuLi5vdGhlclByb3BzIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc0NoZWNrZWQgPSB2YWx1ZSA9PT0gb3B0aW9uVmFsdWU7XG4gICAgICBjb25zdCBpc1ByZXZPcHRpb25DaGVja2VkID0gb3B0aW9uc1tpbmRleCAtIDFdPy52YWx1ZSA9PT0gdmFsdWU7XG4gICAgICBjb25zdCBpc1ByZXZPcHRpb25EaXNhYmxlZCA9IG9wdGlvbnNbaW5kZXggLSAxXT8uZGlzYWJsZWQ7XG4gICAgICBjb25zdCBkaXZpZGVyRWxtID0gKFxuICAgICAgICA8U3R5bGVkRGl2aWRlclxuICAgICAgICAgIGlzUHJldk9wdGlvbkNoZWNrZWQ9e2lzUHJldk9wdGlvbkNoZWNrZWR9XG4gICAgICAgICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQ9e2lzUHJldk9wdGlvbkRpc2FibGVkfVxuICAgICAgICAgIGlzQ2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGp1c3RpZmllZD17anVzdGlmaWVkfVxuICAgICAgICAvPlxuICAgICAgKTtcblxuICAgICAgLy8gd2Ugd2FudCB0byBzaG93IGFjdGl2ZSBkaXZpZGVycyBpbiBjaGVja2VkIG9wdGlvblxuICAgICAgLy8gaW4gb3JkZXIgdG8gYXBwbHkgc3VidGhlbWVzXG4gICAgICBjb25zdCBpc0ZpcnN0T3B0aW9uID0gaW5kZXggPT09IDA7XG4gICAgICBjb25zdCBpc0xhc3RPcHRpb24gPSBpbmRleCA9PT0gb3B0aW9ucy5sZW5ndGggLSAxO1xuXG4gICAgICAvLyB3ZSBoaWRlIGRpdmlkZXIgZm9yIGxhc3Qgb3B0aW9uIGFuZCBhbHdheXMgc2hvdyBmb3IgY2hlY2tlZCBvcHRpb25cbiAgICAgIGNvbnN0IGlzUmlnaHREaXZpZGVyID0gIWlzTGFzdE9wdGlvbiAmJiBpc0NoZWNrZWQ7XG5cbiAgICAgIC8vIHdlIGhpZGUgbGVmdCBkaXZpZGVyIGZvciBmaXJzdCBvcHRpb25cbiAgICAgIC8vIHdlIGhpZGUgZ3JheSBkaXZpZGVyIGlmIHByZXZpb3VzIG9wdGlvbiBpcyBjaGVja2VkLFxuICAgICAgLy8gYmVjYXVzZSB0aGVyZSBpcyBpc1JpZ2h0RGl2aWRlciBhbHJlYWR5IGluIHByZXZpb3VzIG9wdGlvblxuICAgICAgY29uc3QgaXNMZWZ0RGl2aWRlciA9ICFpc0ZpcnN0T3B0aW9uICYmICFpc1ByZXZPcHRpb25DaGVja2VkO1xuXG4gICAgICBjb25zdCBvcHRpb25FbG0gPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2lzTGVmdERpdmlkZXIgJiYgZGl2aWRlckVsbX1cbiAgICAgICAgICA8U2VnbWVudGVkQ29udHJvbE9wdGlvblxuICAgICAgICAgICAgdmFsdWU9e29wdGlvblZhbHVlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICAgIGlzUmVzcG9uc2l2ZT17anVzdGlmaWVkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzUmlnaHREaXZpZGVyICYmIGRpdmlkZXJFbG19XG4gICAgICAgIDwvPlxuICAgICAgKTtcblxuICAgICAgY29uc3Qgd3JhcHBlZE9wdGlvbkVsbSA9IHJlbmRlck9wdGlvbldyYXBwZXJcbiAgICAgICAgPyByZW5kZXJPcHRpb25XcmFwcGVyKHtcbiAgICAgICAgICAgIG9wdGlvbjogb3B0aW9uRWxtLFxuICAgICAgICAgICAgY2hlY2tlZDogaXNDaGVja2VkLFxuICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICB2YWx1ZTogb3B0aW9uVmFsdWUsXG4gICAgICAgICAgfSlcbiAgICAgICAgOiBvcHRpb25FbG07XG5cbiAgICAgIHJldHVybiA8RnJhZ21lbnQga2V5PXtvcHRpb25WYWx1ZX0+e3dyYXBwZWRPcHRpb25FbG19PC9GcmFnbWVudD47XG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZEdyb3VwXG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkQ29udHJvbFwiXG4gICAgICBpc0xhYmVsSGlkZGVuPXtpc0xhYmVsSGlkZGVufVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gb3B0aW9ucz17b3B0aW9uc30+XG4gICAgICAgIHtvcHRpb25FbG1zfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGRHcm91cD5cbiAgKTtcbn1cblxuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V3QiJ9 */");export function SegmentedControl({options,value,justified,size="m",onChange,isLabelHidden=!0,renderOptionWrapper,...rest}){let handleChange=evt=>{onChange(evt.target.value)},optionElms=options.map(({value:optionValue,disabled,...otherProps},index)=>{let isChecked=value===optionValue,isPrevOptionChecked=options[index-1]?.value===value,isPrevOptionDisabled=options[index-1]?.disabled,dividerElm=React.createElement(StyledDivider,{isPrevOptionChecked:isPrevOptionChecked,isPrevOptionDisabled:isPrevOptionDisabled,isChecked:isChecked,isDisabled:disabled,justified:justified}),isRightDivider=index!==options.length-1&&isChecked,optionElm=React.createElement(React.Fragment,null,0!==index&&!isPrevOptionChecked&÷rElm,React.createElement(SegmentedControlOption,{value:optionValue,size:size,checked:isChecked,isResponsive:justified,disabled:disabled,onChange:handleChange,...otherProps}),isRightDivider&÷rElm),wrappedOptionElm=renderOptionWrapper?renderOptionWrapper({option:optionElm,checked:isChecked,disabled,value:optionValue}):optionElm;return React.createElement(Fragment,{key:optionValue},wrappedOptionElm)});return React.createElement(FormFieldGroup,{"data-ds-id":"SegmentedControl",isLabelHidden:isLabelHidden,...rest},React.createElement(StyledContainer,{justified:justified,options:options},optionElms))}
|
|
1
|
+
import React,{Fragment}from"react";import styled from"@emotion/styled";import breakpoints from"../../../web-tokens/_breakpoints.json";import{FormFieldGroup}from"../FormFieldGroup/FormFieldGroup";import{SegmentedControlOption}from"./SegmentedControlOption";let StyledDivider=styled("div",{target:"e1yfjg690",label:"StyledDivider"})(({theme,isChecked,isDisabled,isPrevOptionChecked,isPrevOptionDisabled,justified})=>{let border=`1px solid ${theme.values.color.border.secondary.default}`,otherStyles={backgroundColor:theme.values.color.background.primary.default,...(isChecked||isPrevOptionChecked)&&{borderColor:theme.values.color.border.accent.default},...isDisabled&&isPrevOptionDisabled&&{opacity:theme.variables.opacity.disabled}},borderRightStyle={borderRight:border,...otherStyles};return justified?{[`@media (min-width: ${breakpoints.m.value}px)`]:{...borderRightStyle},[`@media (max-width: ${breakpoints.m.value}px)`]:{borderBottom:border,...otherStyles}}:borderRightStyle},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWdtZW50ZWRDb250cm9sL1NlZ21lbnRlZENvbnRyb2wudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlZ21lbnRlZENvbnRyb2wvU2VnbWVudGVkQ29udHJvbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1FdmVudEhhbmRsZXIsIFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHsgU2VnbWVudGVkQ29udHJvbFByb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5pbXBvcnQgeyBGb3JtRmllbGRHcm91cCB9IGZyb20gXCIuLi9Gb3JtRmllbGRHcm91cC9Gb3JtRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcblxuZXhwb3J0IHR5cGUgeyBTZWdtZW50ZWRDb250cm9sUHJvcHMgfTtcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uRGlzYWJsZWQ6IGJvb2xlYW47XG59ICYgUGljazxTZWdtZW50ZWRDb250cm9sUHJvcHMsIFwianVzdGlmaWVkXCI+O1xuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmRpdjxTdHlsZWREaXZpZGVyUHJvcHM+KFxuICAoe1xuICAgIHRoZW1lLFxuICAgIGlzQ2hlY2tlZCxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGlzUHJldk9wdGlvbkNoZWNrZWQsXG4gICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQsXG4gICAganVzdGlmaWVkLFxuICB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YDtcbiAgICBjb25zdCBvdGhlclN0eWxlcyA9IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKChpc0NoZWNrZWQgfHwgaXNQcmV2T3B0aW9uQ2hlY2tlZCkgJiYge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIH0pLFxuICAgICAgLi4uKGlzRGlzYWJsZWQgJiZcbiAgICAgICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgICB9KSxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5vdGhlclN0eWxlcyxcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBib3JkZXJSaWdodFN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAvLyBMYXlvdXQgb24gdGFibGV0IGFuZCBkZXNrdG9wXG4gICAgICBbYEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBib3JkZXJCb3R0b206IGJvcmRlcixcbiAgICAgICAgLi4ub3RoZXJTdHlsZXMsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VnbWVudGVkQ29udHJvbCh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIGlzTGFiZWxIaWRkZW4gPSB0cnVlLFxuICByZW5kZXJPcHRpb25XcmFwcGVyLFxuICAuLi5yZXN0XG59OiBTZWdtZW50ZWRDb250cm9sUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBpc1NpbmdsZU9wdGlvbiA9IG9wdGlvbnMubGVuZ3RoID09PSAxO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZTogRm9ybUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBjb25zdCB0YXJnZXQgPSBldnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgaWYgKGlzU2luZ2xlT3B0aW9uKSB7XG4gICAgICBvbkNoYW5nZSh0YXJnZXQuY2hlY2tlZCA/IHRhcmdldC52YWx1ZSA6IFwiXCIpO1xuICAgIH0gZWxzZSB7XG4gICAgICBvbkNoYW5nZSh0YXJnZXQudmFsdWUpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvcHRpb25FbG1zID0gb3B0aW9ucy5tYXAoXG4gICAgKHsgdmFsdWU6IG9wdGlvblZhbHVlLCBkaXNhYmxlZCwgLi4ub3RoZXJQcm9wcyB9LCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdmFsdWUgPT09IG9wdGlvblZhbHVlO1xuICAgICAgY29uc3QgaXNQcmV2T3B0aW9uQ2hlY2tlZCA9IG9wdGlvbnNbaW5kZXggLSAxXT8udmFsdWUgPT09IHZhbHVlO1xuICAgICAgY29uc3QgaXNQcmV2T3B0aW9uRGlzYWJsZWQgPSBvcHRpb25zW2luZGV4IC0gMV0/LmRpc2FibGVkO1xuICAgICAgY29uc3QgZGl2aWRlckVsbSA9IChcbiAgICAgICAgPFN0eWxlZERpdmlkZXJcbiAgICAgICAgICBpc1ByZXZPcHRpb25DaGVja2VkPXtpc1ByZXZPcHRpb25DaGVja2VkfVxuICAgICAgICAgIGlzUHJldk9wdGlvbkRpc2FibGVkPXtpc1ByZXZPcHRpb25EaXNhYmxlZH1cbiAgICAgICAgICBpc0NoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBqdXN0aWZpZWQ9e2p1c3RpZmllZH1cbiAgICAgICAgLz5cbiAgICAgICk7XG5cbiAgICAgIC8vIHdlIHdhbnQgdG8gc2hvdyBhY3RpdmUgZGl2aWRlcnMgaW4gY2hlY2tlZCBvcHRpb25cbiAgICAgIC8vIGluIG9yZGVyIHRvIGFwcGx5IHN1YnRoZW1lc1xuICAgICAgY29uc3QgaXNGaXJzdE9wdGlvbiA9IGluZGV4ID09PSAwO1xuICAgICAgY29uc3QgaXNMYXN0T3B0aW9uID0gaW5kZXggPT09IG9wdGlvbnMubGVuZ3RoIC0gMTtcblxuICAgICAgLy8gd2UgaGlkZSBkaXZpZGVyIGZvciBsYXN0IG9wdGlvbiBhbmQgYWx3YXlzIHNob3cgZm9yIGNoZWNrZWQgb3B0aW9uXG4gICAgICBjb25zdCBpc1JpZ2h0RGl2aWRlciA9ICFpc0xhc3RPcHRpb24gJiYgaXNDaGVja2VkO1xuXG4gICAgICAvLyB3ZSBoaWRlIGxlZnQgZGl2aWRlciBmb3IgZmlyc3Qgb3B0aW9uXG4gICAgICAvLyB3ZSBoaWRlIGdyYXkgZGl2aWRlciBpZiBwcmV2aW91cyBvcHRpb24gaXMgY2hlY2tlZCxcbiAgICAgIC8vIGJlY2F1c2UgdGhlcmUgaXMgaXNSaWdodERpdmlkZXIgYWxyZWFkeSBpbiBwcmV2aW91cyBvcHRpb25cbiAgICAgIGNvbnN0IGlzTGVmdERpdmlkZXIgPSAhaXNGaXJzdE9wdGlvbiAmJiAhaXNQcmV2T3B0aW9uQ2hlY2tlZDtcblxuICAgICAgY29uc3Qgb3B0aW9uRWxtID0gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtpc0xlZnREaXZpZGVyICYmIGRpdmlkZXJFbG19XG4gICAgICAgICAgPFNlZ21lbnRlZENvbnRyb2xPcHRpb25cbiAgICAgICAgICAgIHZhbHVlPXtvcHRpb25WYWx1ZX1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgICAgICBpc1Jlc3BvbnNpdmU9e2p1c3RpZmllZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlucHV0VHlwZT17aXNTaW5nbGVPcHRpb24gPyBcImNoZWNrYm94XCIgOiBcInJhZGlvXCJ9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7aXNSaWdodERpdmlkZXIgJiYgZGl2aWRlckVsbX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuXG4gICAgICBjb25zdCB3cmFwcGVkT3B0aW9uRWxtID0gcmVuZGVyT3B0aW9uV3JhcHBlclxuICAgICAgICA/IHJlbmRlck9wdGlvbldyYXBwZXIoe1xuICAgICAgICAgICAgb3B0aW9uOiBvcHRpb25FbG0sXG4gICAgICAgICAgICBjaGVja2VkOiBpc0NoZWNrZWQsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIHZhbHVlOiBvcHRpb25WYWx1ZSxcbiAgICAgICAgICB9KVxuICAgICAgICA6IG9wdGlvbkVsbTtcblxuICAgICAgcmV0dXJuIDxGcmFnbWVudCBrZXk9e29wdGlvblZhbHVlfT57d3JhcHBlZE9wdGlvbkVsbX08L0ZyYWdtZW50PjtcbiAgICB9XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkR3JvdXBcbiAgICAgIGRhdGEtZHMtaWQ9XCJTZWdtZW50ZWRDb250cm9sXCJcbiAgICAgIGlzTGFiZWxIaWRkZW49e2lzTGFiZWxIaWRkZW59XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGp1c3RpZmllZD17anVzdGlmaWVkfSBvcHRpb25zPXtvcHRpb25zfT5cbiAgICAgICAge29wdGlvbkVsbXN9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZEdyb3VwPlxuICApO1xufVxuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnNCIn0= */"),StyledContainer=styled("div",{target:"e1yfjg691",label:"StyledContainer"})(({justified,options})=>{let baseStyle={display:"flex"};return justified?{...baseStyle,flexDirection:"column","& > *":{flex:`1 1 ${100/options.length}%`},[`& > ${StyledDivider}`]:{flex:"0 0 auto"},[`@media (min-width: ${breakpoints.m.value}px)`]:{flexDirection:"row"}}:baseStyle},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWdtZW50ZWRDb250cm9sL1NlZ21lbnRlZENvbnRyb2wudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlZ21lbnRlZENvbnRyb2wvU2VnbWVudGVkQ29udHJvbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1FdmVudEhhbmRsZXIsIFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHsgU2VnbWVudGVkQ29udHJvbFByb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5pbXBvcnQgeyBGb3JtRmllbGRHcm91cCB9IGZyb20gXCIuLi9Gb3JtRmllbGRHcm91cC9Gb3JtRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcblxuZXhwb3J0IHR5cGUgeyBTZWdtZW50ZWRDb250cm9sUHJvcHMgfTtcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uQ2hlY2tlZDogYm9vbGVhbjtcbiAgaXNQcmV2T3B0aW9uRGlzYWJsZWQ6IGJvb2xlYW47XG59ICYgUGljazxTZWdtZW50ZWRDb250cm9sUHJvcHMsIFwianVzdGlmaWVkXCI+O1xuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmRpdjxTdHlsZWREaXZpZGVyUHJvcHM+KFxuICAoe1xuICAgIHRoZW1lLFxuICAgIGlzQ2hlY2tlZCxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGlzUHJldk9wdGlvbkNoZWNrZWQsXG4gICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQsXG4gICAganVzdGlmaWVkLFxuICB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YDtcbiAgICBjb25zdCBvdGhlclN0eWxlcyA9IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKChpc0NoZWNrZWQgfHwgaXNQcmV2T3B0aW9uQ2hlY2tlZCkgJiYge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIH0pLFxuICAgICAgLi4uKGlzRGlzYWJsZWQgJiZcbiAgICAgICAgaXNQcmV2T3B0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgICB9KSxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5vdGhlclN0eWxlcyxcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBib3JkZXJSaWdodFN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAvLyBMYXlvdXQgb24gdGFibGV0IGFuZCBkZXNrdG9wXG4gICAgICBbYEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBib3JkZXJCb3R0b206IGJvcmRlcixcbiAgICAgICAgLi4ub3RoZXJTdHlsZXMsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VnbWVudGVkQ29udHJvbCh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIGlzTGFiZWxIaWRkZW4gPSB0cnVlLFxuICByZW5kZXJPcHRpb25XcmFwcGVyLFxuICAuLi5yZXN0XG59OiBTZWdtZW50ZWRDb250cm9sUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBpc1NpbmdsZU9wdGlvbiA9IG9wdGlvbnMubGVuZ3RoID09PSAxO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZTogRm9ybUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBjb25zdCB0YXJnZXQgPSBldnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgaWYgKGlzU2luZ2xlT3B0aW9uKSB7XG4gICAgICBvbkNoYW5nZSh0YXJnZXQuY2hlY2tlZCA/IHRhcmdldC52YWx1ZSA6IFwiXCIpO1xuICAgIH0gZWxzZSB7XG4gICAgICBvbkNoYW5nZSh0YXJnZXQudmFsdWUpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvcHRpb25FbG1zID0gb3B0aW9ucy5tYXAoXG4gICAgKHsgdmFsdWU6IG9wdGlvblZhbHVlLCBkaXNhYmxlZCwgLi4ub3RoZXJQcm9wcyB9LCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdmFsdWUgPT09IG9wdGlvblZhbHVlO1xuICAgICAgY29uc3QgaXNQcmV2T3B0aW9uQ2hlY2tlZCA9IG9wdGlvbnNbaW5kZXggLSAxXT8udmFsdWUgPT09IHZhbHVlO1xuICAgICAgY29uc3QgaXNQcmV2T3B0aW9uRGlzYWJsZWQgPSBvcHRpb25zW2luZGV4IC0gMV0/LmRpc2FibGVkO1xuICAgICAgY29uc3QgZGl2aWRlckVsbSA9IChcbiAgICAgICAgPFN0eWxlZERpdmlkZXJcbiAgICAgICAgICBpc1ByZXZPcHRpb25DaGVja2VkPXtpc1ByZXZPcHRpb25DaGVja2VkfVxuICAgICAgICAgIGlzUHJldk9wdGlvbkRpc2FibGVkPXtpc1ByZXZPcHRpb25EaXNhYmxlZH1cbiAgICAgICAgICBpc0NoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBqdXN0aWZpZWQ9e2p1c3RpZmllZH1cbiAgICAgICAgLz5cbiAgICAgICk7XG5cbiAgICAgIC8vIHdlIHdhbnQgdG8gc2hvdyBhY3RpdmUgZGl2aWRlcnMgaW4gY2hlY2tlZCBvcHRpb25cbiAgICAgIC8vIGluIG9yZGVyIHRvIGFwcGx5IHN1YnRoZW1lc1xuICAgICAgY29uc3QgaXNGaXJzdE9wdGlvbiA9IGluZGV4ID09PSAwO1xuICAgICAgY29uc3QgaXNMYXN0T3B0aW9uID0gaW5kZXggPT09IG9wdGlvbnMubGVuZ3RoIC0gMTtcblxuICAgICAgLy8gd2UgaGlkZSBkaXZpZGVyIGZvciBsYXN0IG9wdGlvbiBhbmQgYWx3YXlzIHNob3cgZm9yIGNoZWNrZWQgb3B0aW9uXG4gICAgICBjb25zdCBpc1JpZ2h0RGl2aWRlciA9ICFpc0xhc3RPcHRpb24gJiYgaXNDaGVja2VkO1xuXG4gICAgICAvLyB3ZSBoaWRlIGxlZnQgZGl2aWRlciBmb3IgZmlyc3Qgb3B0aW9uXG4gICAgICAvLyB3ZSBoaWRlIGdyYXkgZGl2aWRlciBpZiBwcmV2aW91cyBvcHRpb24gaXMgY2hlY2tlZCxcbiAgICAgIC8vIGJlY2F1c2UgdGhlcmUgaXMgaXNSaWdodERpdmlkZXIgYWxyZWFkeSBpbiBwcmV2aW91cyBvcHRpb25cbiAgICAgIGNvbnN0IGlzTGVmdERpdmlkZXIgPSAhaXNGaXJzdE9wdGlvbiAmJiAhaXNQcmV2T3B0aW9uQ2hlY2tlZDtcblxuICAgICAgY29uc3Qgb3B0aW9uRWxtID0gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtpc0xlZnREaXZpZGVyICYmIGRpdmlkZXJFbG19XG4gICAgICAgICAgPFNlZ21lbnRlZENvbnRyb2xPcHRpb25cbiAgICAgICAgICAgIHZhbHVlPXtvcHRpb25WYWx1ZX1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgICAgICBpc1Jlc3BvbnNpdmU9e2p1c3RpZmllZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlucHV0VHlwZT17aXNTaW5nbGVPcHRpb24gPyBcImNoZWNrYm94XCIgOiBcInJhZGlvXCJ9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7aXNSaWdodERpdmlkZXIgJiYgZGl2aWRlckVsbX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuXG4gICAgICBjb25zdCB3cmFwcGVkT3B0aW9uRWxtID0gcmVuZGVyT3B0aW9uV3JhcHBlclxuICAgICAgICA/IHJlbmRlck9wdGlvbldyYXBwZXIoe1xuICAgICAgICAgICAgb3B0aW9uOiBvcHRpb25FbG0sXG4gICAgICAgICAgICBjaGVja2VkOiBpc0NoZWNrZWQsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIHZhbHVlOiBvcHRpb25WYWx1ZSxcbiAgICAgICAgICB9KVxuICAgICAgICA6IG9wdGlvbkVsbTtcblxuICAgICAgcmV0dXJuIDxGcmFnbWVudCBrZXk9e29wdGlvblZhbHVlfT57d3JhcHBlZE9wdGlvbkVsbX08L0ZyYWdtZW50PjtcbiAgICB9XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkR3JvdXBcbiAgICAgIGRhdGEtZHMtaWQ9XCJTZWdtZW50ZWRDb250cm9sXCJcbiAgICAgIGlzTGFiZWxIaWRkZW49e2lzTGFiZWxIaWRkZW59XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGp1c3RpZmllZD17anVzdGlmaWVkfSBvcHRpb25zPXtvcHRpb25zfT5cbiAgICAgICAge29wdGlvbkVsbXN9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZEdyb3VwPlxuICApO1xufVxuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRXdCIn0= */");export function SegmentedControl({options,value,justified,size="m",onChange,isLabelHidden=!0,renderOptionWrapper,...rest}){let isSingleOption=1===options.length,handleChange=evt=>{let target=evt.target;isSingleOption?onChange(target.checked?target.value:""):onChange(target.value)},optionElms=options.map(({value:optionValue,disabled,...otherProps},index)=>{let isChecked=value===optionValue,isPrevOptionChecked=options[index-1]?.value===value,isPrevOptionDisabled=options[index-1]?.disabled,dividerElm=React.createElement(StyledDivider,{isPrevOptionChecked:isPrevOptionChecked,isPrevOptionDisabled:isPrevOptionDisabled,isChecked:isChecked,isDisabled:disabled,justified:justified}),isRightDivider=index!==options.length-1&&isChecked,optionElm=React.createElement(React.Fragment,null,0!==index&&!isPrevOptionChecked&÷rElm,React.createElement(SegmentedControlOption,{value:optionValue,size:size,checked:isChecked,isResponsive:justified,disabled:disabled,inputType:isSingleOption?"checkbox":"radio",onChange:handleChange,...otherProps}),isRightDivider&÷rElm),wrappedOptionElm=renderOptionWrapper?renderOptionWrapper({option:optionElm,checked:isChecked,disabled,value:optionValue}):optionElm;return React.createElement(Fragment,{key:optionValue},wrappedOptionElm)});return React.createElement(FormFieldGroup,{"data-ds-id":"SegmentedControl",isLabelHidden:isLabelHidden,...rest},React.createElement(StyledContainer,{justified:justified,options:options},optionElms))}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { SegmentedControlOptionProps } from "./-types";
|
|
3
|
-
export declare function SegmentedControlOption({ name, value, checked, label, sublabel, iconName, iconOnly, slotProps, tooltipContent, tooltipPlacement, tooltipPortalContainer, size, disabled, isResponsive, displayAsOptionWithSublabel, onChange, onClick, onBlur, onFocus, onTooltipVisibilityChange, }: SegmentedControlOptionProps): React.ReactElement;
|
|
3
|
+
export declare function SegmentedControlOption({ name, value, checked, label, sublabel, iconName, iconOnly, slotProps, tooltipContent, tooltipPlacement, tooltipPortalContainer, size, disabled, isResponsive, inputType, displayAsOptionWithSublabel, onChange, onClick, onBlur, onFocus, onTooltipVisibilityChange, }: SegmentedControlOptionProps): React.ReactElement;
|