@amboss/design-system 4.2.6 → 4.3.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/Content/ContentBadge/ContentBadge.d.ts +12 -0
- package/build/cjs/components/Content/ContentBadge/ContentBadge.js +1 -0
- package/build/cjs/components/Form/Combobox/OptionsList.d.ts +7 -0
- package/build/cjs/components/Form/Combobox/OptionsList.js +1 -1
- package/build/cjs/components/Form/DatePicker/Calendar.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerPopover.js +1 -1
- package/build/cjs/components/Form/Select/Select.d.ts +1 -1
- package/build/cjs/components/Form/Select/Select.js +1 -1
- package/build/cjs/components/Form/Select/SelectWithCustomTrigger.d.ts +7 -1
- package/build/cjs/components/Form/Select/SelectWithCustomTrigger.js +1 -1
- package/build/cjs/components/Layout/-constants.d.ts +4 -0
- package/build/cjs/components/Layout/-constants.js +1 -1
- package/build/cjs/components/Layout/-types.d.ts +85 -7
- package/build/cjs/components/Layout/Layout.d.ts +1 -1
- package/build/cjs/components/Layout/Layout.js +1 -1
- package/build/cjs/components/Layout/LeftPanel/LeftPanel.js +1 -1
- package/build/cjs/components/Layout/index.d.ts +1 -0
- package/build/cjs/components/Layout/index.js +1 -1
- package/build/cjs/components/Layout/reducer.js +1 -1
- package/build/cjs/components/Layout/rules.d.ts +2 -0
- package/build/cjs/components/Layout/rules.js +1 -0
- package/build/cjs/components/Layout/useLayout.js +1 -1
- package/build/cjs/components/Layout/useLayoutRules.d.ts +26 -0
- package/build/cjs/components/Layout/useLayoutRules.js +1 -0
- package/build/cjs/components/Portal/Portal.js +1 -1
- package/build/cjs/components/PromptButton/PromptButton.js +1 -1
- package/build/cjs/components/PromptButtonGroup/PromptButtonGroup.d.ts +36 -0
- package/build/cjs/components/PromptButtonGroup/PromptButtonGroup.js +1 -0
- package/build/cjs/components/PromptButtonGroup/PromptButtonGroupOverflowButton.d.ts +6 -0
- package/build/cjs/components/PromptButtonGroup/PromptButtonGroupOverflowButton.js +1 -0
- package/build/cjs/components/PromptButtonGroup/computeVisibleCount.d.ts +30 -0
- package/build/cjs/components/PromptButtonGroup/computeVisibleCount.js +1 -0
- package/build/cjs/components/PromptButtonGroup/readMeasurement.d.ts +12 -0
- package/build/cjs/components/PromptButtonGroup/readMeasurement.js +1 -0
- package/build/cjs/components/PromptButtonGroup/useVisibleCount.d.ts +13 -0
- package/build/cjs/components/PromptButtonGroup/useVisibleCount.js +1 -0
- package/build/cjs/components/Toggletip/BasePopover.d.ts +8 -1
- package/build/cjs/components/Toggletip/BasePopover.js +1 -1
- package/build/cjs/index.d.ts +2 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/shared/intl/translations/de.json +4 -1
- package/build/cjs/shared/intl/translations/en.json +4 -1
- package/build/cjs/shared/mixins/Button/getPillStyles.d.ts +12 -0
- package/build/cjs/shared/mixins/Button/getPillStyles.js +1 -0
- package/build/cjs/shared/mixins/index.d.ts +1 -0
- package/build/cjs/shared/mixins/index.js +1 -1
- package/build/cjs/web-tokens/_colors.json +24 -0
- package/build/cjs/web-tokens/_sizes.json +10 -0
- package/build/cjs/web-tokens/assets/icons.json +1 -0
- package/build/cjs/web-tokens/assets/icons16.json +1 -0
- package/build/cjs/web-tokens/visualConfig.d.ts +32 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Content/ContentBadge/ContentBadge.d.ts +12 -0
- package/build/esm/components/Content/ContentBadge/ContentBadge.js +1 -0
- package/build/esm/components/Form/Combobox/OptionsList.d.ts +7 -0
- package/build/esm/components/Form/Combobox/OptionsList.js +1 -1
- package/build/esm/components/Form/DatePicker/Calendar.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerPopover.js +1 -1
- package/build/esm/components/Form/Select/Select.d.ts +1 -1
- package/build/esm/components/Form/Select/Select.js +1 -1
- package/build/esm/components/Form/Select/SelectWithCustomTrigger.d.ts +7 -1
- package/build/esm/components/Form/Select/SelectWithCustomTrigger.js +1 -1
- package/build/esm/components/Layout/-constants.d.ts +4 -0
- package/build/esm/components/Layout/-constants.js +1 -1
- package/build/esm/components/Layout/-types.d.ts +85 -7
- package/build/esm/components/Layout/Layout.d.ts +1 -1
- package/build/esm/components/Layout/Layout.js +1 -1
- package/build/esm/components/Layout/LeftPanel/LeftPanel.js +1 -1
- package/build/esm/components/Layout/index.d.ts +1 -0
- package/build/esm/components/Layout/index.js +1 -1
- package/build/esm/components/Layout/reducer.js +1 -1
- package/build/esm/components/Layout/rules.d.ts +2 -0
- package/build/esm/components/Layout/rules.js +1 -0
- package/build/esm/components/Layout/useLayout.js +1 -1
- package/build/esm/components/Layout/useLayoutRules.d.ts +26 -0
- package/build/esm/components/Layout/useLayoutRules.js +1 -0
- package/build/esm/components/Portal/Portal.js +1 -1
- package/build/esm/components/PromptButton/PromptButton.js +1 -1
- package/build/esm/components/PromptButtonGroup/PromptButtonGroup.d.ts +36 -0
- package/build/esm/components/PromptButtonGroup/PromptButtonGroup.js +1 -0
- package/build/esm/components/PromptButtonGroup/PromptButtonGroupOverflowButton.d.ts +6 -0
- package/build/esm/components/PromptButtonGroup/PromptButtonGroupOverflowButton.js +1 -0
- package/build/esm/components/PromptButtonGroup/computeVisibleCount.d.ts +30 -0
- package/build/esm/components/PromptButtonGroup/computeVisibleCount.js +1 -0
- package/build/esm/components/PromptButtonGroup/readMeasurement.d.ts +12 -0
- package/build/esm/components/PromptButtonGroup/readMeasurement.js +1 -0
- package/build/esm/components/PromptButtonGroup/useVisibleCount.d.ts +13 -0
- package/build/esm/components/PromptButtonGroup/useVisibleCount.js +1 -0
- package/build/esm/components/Toggletip/BasePopover.d.ts +8 -1
- package/build/esm/components/Toggletip/BasePopover.js +1 -1
- package/build/esm/index.d.ts +2 -0
- package/build/esm/index.js +1 -1
- package/build/esm/shared/intl/translations/de.json +4 -1
- package/build/esm/shared/intl/translations/en.json +4 -1
- package/build/esm/shared/mixins/Button/getPillStyles.d.ts +12 -0
- package/build/esm/shared/mixins/Button/getPillStyles.js +1 -0
- package/build/esm/shared/mixins/index.d.ts +1 -0
- package/build/esm/shared/mixins/index.js +1 -1
- package/build/esm/web-tokens/_colors.json +24 -0
- package/build/esm/web-tokens/_sizes.json +10 -0
- package/build/esm/web-tokens/assets/icons.json +1 -0
- package/build/esm/web-tokens/assets/icons16.json +1 -0
- package/build/esm/web-tokens/visualConfig.d.ts +32 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +21 -0
- package/build/scss/_light.scss +21 -0
- package/build/scss/_variables.scss +22 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerPopover",{enumerable:!0,get:function(){return DatePickerPopover}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_BasePopover=require("../../Toggletip/BasePopover"),_Calendar=require("./Calendar"),_Box=require("../../Box/Box");function DatePickerPopover({triggerRef,isVisible,onVisibilityChange,value,onSelect,calendarDisplay,id,years,slotProps,"data-e2e-test-id":dataE2eTestId="datepicker-calendar"}){let content=_react.default.createElement(_Box.Box,{space:"m"},_react.default.createElement(_Calendar.Calendar,{value:value,onSelect:onSelect,calendarDisplay:calendarDisplay,years:years,id:id,"data-e2e-test-id":dataE2eTestId,formatAriaLabel:slotProps.calendar.formatAriaLabel,slotProps:{yearSelect:slotProps.calendar.yearSelect,monthSelect:slotProps.calendar.monthSelect,grid:slotProps.calendar.grid,interactiveBoxDay:slotProps.calendar.interactiveBoxDay}}));return _react.default.createElement(_BasePopover.BasePopover,{name:"DatePickerPopover",content:content,externalTriggerRef:triggerRef,isVisible:isVisible,onVisibilityChange:onVisibilityChange,contentPadding:"m",maxWidth:320,placement:"bottom-left",defaultVerticalPlacement:"bottom",role:"dialog",hideArrow:!0,dismissOnOutsideClick:!0,disableInitialFocus:!0})}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerPopover",{enumerable:!0,get:function(){return DatePickerPopover}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_BasePopover=require("../../Toggletip/BasePopover"),_Calendar=require("./Calendar"),_Box=require("../../Box/Box"),_OptionsList=require("../Combobox/OptionsList"),isClickInSelectOptionsList=event=>!!event.target?.closest?.(_OptionsList.OPTIONS_LIST_SELECTOR);function DatePickerPopover({triggerRef,isVisible,onVisibilityChange,value,onSelect,calendarDisplay,id,years,slotProps,"data-e2e-test-id":dataE2eTestId="datepicker-calendar"}){let content=_react.default.createElement(_Box.Box,{space:"m"},_react.default.createElement(_Calendar.Calendar,{value:value,onSelect:onSelect,calendarDisplay:calendarDisplay,years:years,id:id,"data-e2e-test-id":dataE2eTestId,formatAriaLabel:slotProps.calendar.formatAriaLabel,slotProps:{yearSelect:slotProps.calendar.yearSelect,monthSelect:slotProps.calendar.monthSelect,grid:slotProps.calendar.grid,interactiveBoxDay:slotProps.calendar.interactiveBoxDay}}));return _react.default.createElement(_BasePopover.BasePopover,{name:"DatePickerPopover",content:content,externalTriggerRef:triggerRef,isVisible:isVisible,onVisibilityChange:onVisibilityChange,contentPadding:"m",maxWidth:320,placement:"bottom-left",defaultVerticalPlacement:"bottom",role:"dialog",hideArrow:!0,dismissOnOutsideClick:!0,retainOnOutsideClick:isClickInSelectOptionsList,disableInitialFocus:!0})}
|
|
@@ -11,4 +11,4 @@ export type SelectProps = {
|
|
|
11
11
|
} & Omit<SelectWithCustomTriggerProps, "renderTrigger"> & Omit<FormFieldProps, "label"> & {
|
|
12
12
|
label: string;
|
|
13
13
|
};
|
|
14
|
-
export declare function Select({ options, name, value, placeholder, hasError, optionsListWidth, maxHeight, disabled, portalContainer, readOnly, label, labelHint, hideLabel, hint, errorMessages, size, "data-e2e-test-id": dataE2eTestId, "aria-describedby": ariaDescribedBy, onChange, onFocus, onBlur, ...ariaAttributes }: SelectProps): ReactElement;
|
|
14
|
+
export declare function Select({ options, name, value, placeholder, hasError, optionsListWidth, maxHeight, disabled, portalContainer, readOnly, excludeFromFormData, label, labelHint, hideLabel, hint, errorMessages, size, "data-e2e-test-id": dataE2eTestId, "aria-describedby": ariaDescribedBy, onChange, onFocus, onBlur, ...ariaAttributes }: SelectProps): ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return Select}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_FormField=require("../FormField/FormField"),_SelectWithCustomTrigger=require("./SelectWithCustomTrigger"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_TextClamped=require("../../Typography/TextClamped/TextClamped"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),StyledButton=(0,_styled.default)("button",{target:"e1d20xq00",label:"StyledButton"})(({theme,hasError,isPlaceholderVisible,readOnly,size})=>({'&[type="button"]':{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",margin:0,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.background.primary.default,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`${"s"===size?`calc(${theme.variables.size.spacing.xxs} + 1px)`:`calc(${theme.variables.size.spacing.xs} - 1px)`} ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xs,boxSizing:"border-box",borderColor:theme.values.color.border.primary.default,...readOnly&&{borderColor:theme.values.color.border.primary.disabled},...isPlaceholderVisible&&{fontStyle:"italic"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,borderColor:theme.values.color.border.error.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb2N1c0V2ZW50SGFuZGxlciwgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dENsYW1wZWQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcblxudHlwZSBTdHlsZWRCdXR0b25Qcm9wcyA9IFBpY2s8XG4gIFRyaWdnZXJCdXR0b25Qcm9wcyxcbiAgXCJoYXNFcnJvclwiIHwgXCJpc1BsYWNlaG9sZGVyVmlzaWJsZVwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCJcbj47XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248U3R5bGVkQnV0dG9uUHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIGlzUGxhY2Vob2xkZXJWaXNpYmxlLCByZWFkT25seSwgc2l6ZSB9KSA9PiAoe1xuICAgIFtgJlt0eXBlPVwiYnV0dG9uXCJdYF06IHtcbiAgICAgIC8vIGluY3JlYXNlIHNwZWNpZmljaXR5XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG1hcmdpbjogMCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgJHtcbiAgICAgIHNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30gKyAxcHgpYFxuICAgICAgICA6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYFxuICAgIH0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG5cbiAgICAuLi4ocmVhZE9ubHkgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICAgIC4uLihpc1BsYWNlaG9sZGVyVmlzaWJsZSAmJiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSksXG5cbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVHJpZ2dlckljb24gPSBzdHlsZWQoSWNvbikoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxudHlwZSBUcmlnZ2VyQnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlOiBib29sZWFuO1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbn0gJiBQYXJhbWV0ZXJzPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHNbXCJyZW5kZXJUcmlnZ2VyXCJdPlswXSAmXG4gIFBpY2s8XG4gICAgU2VsZWN0UHJvcHMsXG4gICAgXCJoYXNFcnJvclwiIHwgXCJvbkZvY3VzXCIgfCBcIm9uQmx1clwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCIgfCBcImFyaWEtZGVzY3JpYmVkYnlcIlxuICA+O1xuXG4vKiBlc2xpbnQtZGlzYWJsZSAgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuZnVuY3Rpb24gVHJpZ2dlckJ1dHRvbih7XG4gIHRyaWdnZXJSZWYsXG4gIGRpc2FibGVkLFxuICBpc09wZW4sXG4gIGhhc0Vycm9yLFxuICBpc1BsYWNlaG9sZGVyVmlzaWJsZSxcbiAgcm9sZSxcbiAgXCJhcmlhLWV4cGFuZGVkXCI6IGFyaWFFeHBhbmRlZCxcbiAgXCJhcmlhLWNvbnRyb2xzXCI6IGFyaWFDb250cm9scyxcbiAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogYXJpYUFjdGl2ZURlc2NlbmRhbnQsXG4gIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIHJlYWRPbmx5LFxuICBzaXplLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGNoaWxkcmVuLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVHJpZ2dlckJ1dHRvblByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICByZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgYXJpYS1leHBhbmRlZD17YXJpYUV4cGFuZGVkfVxuICAgICAgYXJpYS1jb250cm9scz17YXJpYUNvbnRyb2xzfVxuICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXthcmlhQWN0aXZlRGVzY2VuZGFudH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkQnl9XG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgIDxUZXh0Q2xhbXBlZFxuICAgICAgICAgIGNvbG9yPXtpc1BsYWNlaG9sZGVyVmlzaWJsZSA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwifVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmVhZE9ubHkgJiYgaXNQbGFjZWhvbGRlclZpc2libGUgPyBudWxsIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgIDxTdHlsZWRUcmlnZ2VySWNvblxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgbmFtZT17aXNPcGVuID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAvPlxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFNlbGVjdFByb3BzID0ge1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBzaXplPzogXCJzXCIgfCBcIm1cIjtcbiAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBzdHJpbmc7XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn0gJiBPbWl0PFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMsIFwicmVuZGVyVHJpZ2dlclwiPiAmXG4gIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxcIj4gJiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgfTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdCh7XG4gIG9wdGlvbnMsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgaGFzRXJyb3IsXG4gIG9wdGlvbnNMaXN0V2lkdGgsXG4gIG1heEhlaWdodCxcbiAgZGlzYWJsZWQsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGxhYmVsSGludCxcbiAgaGlkZUxhYmVsLFxuICBoaW50LFxuICBlcnJvck1lc3NhZ2VzLFxuICBzaXplID0gXCJtXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogU2VsZWN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbikgPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSk7XG4gIGNvbnN0IGlzUGxhY2Vob2xkZXJWaXNpYmxlID0gcGxhY2Vob2xkZXIgJiYgIXZhbHVlO1xuICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgIGFyaWFEZXNjcmliZWRCeSxcbiAgICBlcnJvck1lc3NhZ2VzLFxuICAgIGhpbnQsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgcmVuZGVyVHJpZ2dlcj17KHtcbiAgICAgICAgdHJpZ2dlclJlZixcbiAgICAgICAgaXNPcGVuLFxuICAgICAgICByb2xlLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogYXJpYUV4cGFuZGVkLFxuICAgICAgICBcImFyaWEtY29udHJvbHNcIjogYXJpYUNvbnRyb2xzLFxuICAgICAgICBcImFyaWEtYWN0aXZlZGVzY2VuZGFudFwiOiBhcmlhQWN0aXZlRGVzY2VuZGFudCxcbiAgICAgIH0pID0+IChcbiAgICAgICAgPEZvcm1GaWVsZFxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgbGFiZWxIaW50PXtsYWJlbEhpbnR9XG4gICAgICAgICAgaGludD17aGludH1cbiAgICAgICAgICBlcnJvck1lc3NhZ2VzPXtlcnJvck1lc3NhZ2VzfVxuICAgICAgICAgIG1lc3NhZ2VJZD17aWR9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICBkYXRhLWRzLWlkPVwiU2VsZWN0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxUcmlnZ2VyQnV0dG9uXG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgICAgIHsuLi5hcmlhRGVzY3JpYmVkQnlQcm9wfVxuICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbiA/IHNlbGVjdGVkT3B0aW9uLmxhYmVsIDogcGxhY2Vob2xkZXJ9XG4gICAgICAgICAgPC9UcmlnZ2VyQnV0dG9uPlxuICAgICAgICA8L0Zvcm1GaWVsZD5cbiAgICAgICl9XG4gICAgLz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnFCIn0= */"),StyledTriggerIcon=(0,_styled.default)(_Icon.Icon,{target:"e1d20xq01",label:"StyledTriggerIcon"})(()=>({pointerEvents:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb2N1c0V2ZW50SGFuZGxlciwgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dENsYW1wZWQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcblxudHlwZSBTdHlsZWRCdXR0b25Qcm9wcyA9IFBpY2s8XG4gIFRyaWdnZXJCdXR0b25Qcm9wcyxcbiAgXCJoYXNFcnJvclwiIHwgXCJpc1BsYWNlaG9sZGVyVmlzaWJsZVwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCJcbj47XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248U3R5bGVkQnV0dG9uUHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIGlzUGxhY2Vob2xkZXJWaXNpYmxlLCByZWFkT25seSwgc2l6ZSB9KSA9PiAoe1xuICAgIFtgJlt0eXBlPVwiYnV0dG9uXCJdYF06IHtcbiAgICAgIC8vIGluY3JlYXNlIHNwZWNpZmljaXR5XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG1hcmdpbjogMCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgJHtcbiAgICAgIHNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30gKyAxcHgpYFxuICAgICAgICA6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYFxuICAgIH0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG5cbiAgICAuLi4ocmVhZE9ubHkgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICAgIC4uLihpc1BsYWNlaG9sZGVyVmlzaWJsZSAmJiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSksXG5cbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVHJpZ2dlckljb24gPSBzdHlsZWQoSWNvbikoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxudHlwZSBUcmlnZ2VyQnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlOiBib29sZWFuO1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbn0gJiBQYXJhbWV0ZXJzPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHNbXCJyZW5kZXJUcmlnZ2VyXCJdPlswXSAmXG4gIFBpY2s8XG4gICAgU2VsZWN0UHJvcHMsXG4gICAgXCJoYXNFcnJvclwiIHwgXCJvbkZvY3VzXCIgfCBcIm9uQmx1clwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCIgfCBcImFyaWEtZGVzY3JpYmVkYnlcIlxuICA+O1xuXG4vKiBlc2xpbnQtZGlzYWJsZSAgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuZnVuY3Rpb24gVHJpZ2dlckJ1dHRvbih7XG4gIHRyaWdnZXJSZWYsXG4gIGRpc2FibGVkLFxuICBpc09wZW4sXG4gIGhhc0Vycm9yLFxuICBpc1BsYWNlaG9sZGVyVmlzaWJsZSxcbiAgcm9sZSxcbiAgXCJhcmlhLWV4cGFuZGVkXCI6IGFyaWFFeHBhbmRlZCxcbiAgXCJhcmlhLWNvbnRyb2xzXCI6IGFyaWFDb250cm9scyxcbiAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogYXJpYUFjdGl2ZURlc2NlbmRhbnQsXG4gIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIHJlYWRPbmx5LFxuICBzaXplLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGNoaWxkcmVuLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVHJpZ2dlckJ1dHRvblByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICByZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgYXJpYS1leHBhbmRlZD17YXJpYUV4cGFuZGVkfVxuICAgICAgYXJpYS1jb250cm9scz17YXJpYUNvbnRyb2xzfVxuICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXthcmlhQWN0aXZlRGVzY2VuZGFudH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkQnl9XG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgIDxUZXh0Q2xhbXBlZFxuICAgICAgICAgIGNvbG9yPXtpc1BsYWNlaG9sZGVyVmlzaWJsZSA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwifVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmVhZE9ubHkgJiYgaXNQbGFjZWhvbGRlclZpc2libGUgPyBudWxsIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgIDxTdHlsZWRUcmlnZ2VySWNvblxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgbmFtZT17aXNPcGVuID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAvPlxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFNlbGVjdFByb3BzID0ge1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBzaXplPzogXCJzXCIgfCBcIm1cIjtcbiAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBzdHJpbmc7XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn0gJiBPbWl0PFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMsIFwicmVuZGVyVHJpZ2dlclwiPiAmXG4gIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxcIj4gJiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgfTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdCh7XG4gIG9wdGlvbnMsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgaGFzRXJyb3IsXG4gIG9wdGlvbnNMaXN0V2lkdGgsXG4gIG1heEhlaWdodCxcbiAgZGlzYWJsZWQsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGxhYmVsSGludCxcbiAgaGlkZUxhYmVsLFxuICBoaW50LFxuICBlcnJvck1lc3NhZ2VzLFxuICBzaXplID0gXCJtXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogU2VsZWN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbikgPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSk7XG4gIGNvbnN0IGlzUGxhY2Vob2xkZXJWaXNpYmxlID0gcGxhY2Vob2xkZXIgJiYgIXZhbHVlO1xuICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgIGFyaWFEZXNjcmliZWRCeSxcbiAgICBlcnJvck1lc3NhZ2VzLFxuICAgIGhpbnQsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgcmVuZGVyVHJpZ2dlcj17KHtcbiAgICAgICAgdHJpZ2dlclJlZixcbiAgICAgICAgaXNPcGVuLFxuICAgICAgICByb2xlLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogYXJpYUV4cGFuZGVkLFxuICAgICAgICBcImFyaWEtY29udHJvbHNcIjogYXJpYUNvbnRyb2xzLFxuICAgICAgICBcImFyaWEtYWN0aXZlZGVzY2VuZGFudFwiOiBhcmlhQWN0aXZlRGVzY2VuZGFudCxcbiAgICAgIH0pID0+IChcbiAgICAgICAgPEZvcm1GaWVsZFxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgbGFiZWxIaW50PXtsYWJlbEhpbnR9XG4gICAgICAgICAgaGludD17aGludH1cbiAgICAgICAgICBlcnJvck1lc3NhZ2VzPXtlcnJvck1lc3NhZ2VzfVxuICAgICAgICAgIG1lc3NhZ2VJZD17aWR9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICBkYXRhLWRzLWlkPVwiU2VsZWN0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxUcmlnZ2VyQnV0dG9uXG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgICAgIHsuLi5hcmlhRGVzY3JpYmVkQnlQcm9wfVxuICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbiA/IHNlbGVjdGVkT3B0aW9uLmxhYmVsIDogcGxhY2Vob2xkZXJ9XG4gICAgICAgICAgPC9UcmlnZ2VyQnV0dG9uPlxuICAgICAgICA8L0Zvcm1GaWVsZD5cbiAgICAgICl9XG4gICAgLz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRDBCIn0= */");function TriggerButton({triggerRef,disabled,isOpen,hasError,isPlaceholderVisible,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,readOnly,size,onFocus,onBlur,children,...ariaAttributes}){return _react.default.createElement(StyledButton,{type:"button",ref:triggerRef,disabled:disabled,hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,...ariaAttributes,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":ariaLabel,"aria-invalid":hasError,"aria-describedby":ariaDescribedBy,readOnly:readOnly,size:size,onFocus:onFocus,onBlur:onBlur},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0},_react.default.createElement(_TextClamped.TextClamped,{color:isPlaceholderVisible?"tertiary":"primary",size:size},readOnly&&isPlaceholderVisible?null:children),_react.default.createElement(StyledTriggerIcon,{size:size,name:isOpen?"chevron-up":"chevron-down",color:readOnly?"quaternary":"tertiary"})))}function Select({options,name,value,placeholder,hasError,optionsListWidth,maxHeight,disabled,portalContainer,readOnly=!1,label,labelHint,hideLabel,hint,errorMessages,size="m","data-e2e-test-id":dataE2eTestId,"aria-describedby":ariaDescribedBy,onChange,onFocus,onBlur,...ariaAttributes}){let selectedOption=options?.find(option=>option.value===value),isPlaceholderVisible=placeholder&&!value,{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_SelectWithCustomTrigger.SelectWithCustomTrigger,{options:options,value:value,name:name,optionsListWidth:optionsListWidth,maxHeight:maxHeight,portalContainer:portalContainer,disabled:disabled,readOnly:readOnly,onChange:onChange,renderTrigger:({triggerRef,isOpen,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant})=>_react.default.createElement(_FormField.FormField,{disabled:disabled,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,messageId:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Select"},_react.default.createElement(TriggerButton,{hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,size:size,triggerRef:triggerRef,isOpen:isOpen,disabled:disabled,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":label,...ariaAttributes,...ariaDescribedByProp,readOnly:readOnly,onFocus:onFocus,onBlur:onBlur},selectedOption?selectedOption.label:placeholder))})}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return Select}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_FormField=require("../FormField/FormField"),_SelectWithCustomTrigger=require("./SelectWithCustomTrigger"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_TextClamped=require("../../Typography/TextClamped/TextClamped"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),StyledButton=(0,_styled.default)("button",{target:"e1w5svy60",label:"StyledButton"})(({theme,hasError,isPlaceholderVisible,readOnly,size})=>({'&[type="button"]':{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",margin:0,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.background.primary.default,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`${"s"===size?`calc(${theme.variables.size.spacing.xxs} + 1px)`:`calc(${theme.variables.size.spacing.xs} - 1px)`} ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xs,boxSizing:"border-box",borderColor:theme.values.color.border.primary.default,...readOnly&&{borderColor:theme.values.color.border.primary.disabled},...isPlaceholderVisible&&{fontStyle:"italic"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,borderColor:theme.values.color.border.error.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb2N1c0V2ZW50SGFuZGxlciwgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dENsYW1wZWQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcblxudHlwZSBTdHlsZWRCdXR0b25Qcm9wcyA9IFBpY2s8XG4gIFRyaWdnZXJCdXR0b25Qcm9wcyxcbiAgXCJoYXNFcnJvclwiIHwgXCJpc1BsYWNlaG9sZGVyVmlzaWJsZVwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCJcbj47XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248U3R5bGVkQnV0dG9uUHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIGlzUGxhY2Vob2xkZXJWaXNpYmxlLCByZWFkT25seSwgc2l6ZSB9KSA9PiAoe1xuICAgIFtgJlt0eXBlPVwiYnV0dG9uXCJdYF06IHtcbiAgICAgIC8vIGluY3JlYXNlIHNwZWNpZmljaXR5XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG1hcmdpbjogMCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgJHtcbiAgICAgIHNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30gKyAxcHgpYFxuICAgICAgICA6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYFxuICAgIH0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG5cbiAgICAuLi4ocmVhZE9ubHkgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICAgIC4uLihpc1BsYWNlaG9sZGVyVmlzaWJsZSAmJiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSksXG5cbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVHJpZ2dlckljb24gPSBzdHlsZWQoSWNvbikoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxudHlwZSBUcmlnZ2VyQnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlOiBib29sZWFuO1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbn0gJiBQYXJhbWV0ZXJzPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHNbXCJyZW5kZXJUcmlnZ2VyXCJdPlswXSAmXG4gIFBpY2s8XG4gICAgU2VsZWN0UHJvcHMsXG4gICAgXCJoYXNFcnJvclwiIHwgXCJvbkZvY3VzXCIgfCBcIm9uQmx1clwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCIgfCBcImFyaWEtZGVzY3JpYmVkYnlcIlxuICA+O1xuXG4vKiBlc2xpbnQtZGlzYWJsZSAgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuZnVuY3Rpb24gVHJpZ2dlckJ1dHRvbih7XG4gIHRyaWdnZXJSZWYsXG4gIGRpc2FibGVkLFxuICBpc09wZW4sXG4gIGhhc0Vycm9yLFxuICBpc1BsYWNlaG9sZGVyVmlzaWJsZSxcbiAgcm9sZSxcbiAgXCJhcmlhLWV4cGFuZGVkXCI6IGFyaWFFeHBhbmRlZCxcbiAgXCJhcmlhLWNvbnRyb2xzXCI6IGFyaWFDb250cm9scyxcbiAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogYXJpYUFjdGl2ZURlc2NlbmRhbnQsXG4gIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIHJlYWRPbmx5LFxuICBzaXplLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGNoaWxkcmVuLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVHJpZ2dlckJ1dHRvblByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICByZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgYXJpYS1leHBhbmRlZD17YXJpYUV4cGFuZGVkfVxuICAgICAgYXJpYS1jb250cm9scz17YXJpYUNvbnRyb2xzfVxuICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXthcmlhQWN0aXZlRGVzY2VuZGFudH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkQnl9XG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgIDxUZXh0Q2xhbXBlZFxuICAgICAgICAgIGNvbG9yPXtpc1BsYWNlaG9sZGVyVmlzaWJsZSA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwifVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmVhZE9ubHkgJiYgaXNQbGFjZWhvbGRlclZpc2libGUgPyBudWxsIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgIDxTdHlsZWRUcmlnZ2VySWNvblxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgbmFtZT17aXNPcGVuID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAvPlxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFNlbGVjdFByb3BzID0ge1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBzaXplPzogXCJzXCIgfCBcIm1cIjtcbiAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBzdHJpbmc7XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn0gJiBPbWl0PFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMsIFwicmVuZGVyVHJpZ2dlclwiPiAmXG4gIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxcIj4gJiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgfTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdCh7XG4gIG9wdGlvbnMsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgaGFzRXJyb3IsXG4gIG9wdGlvbnNMaXN0V2lkdGgsXG4gIG1heEhlaWdodCxcbiAgZGlzYWJsZWQsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgZXhjbHVkZUZyb21Gb3JtRGF0YSxcbiAgbGFiZWwsXG4gIGxhYmVsSGludCxcbiAgaGlkZUxhYmVsLFxuICBoaW50LFxuICBlcnJvck1lc3NhZ2VzLFxuICBzaXplID0gXCJtXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogU2VsZWN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbikgPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSk7XG4gIGNvbnN0IGlzUGxhY2Vob2xkZXJWaXNpYmxlID0gcGxhY2Vob2xkZXIgJiYgIXZhbHVlO1xuICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgIGFyaWFEZXNjcmliZWRCeSxcbiAgICBlcnJvck1lc3NhZ2VzLFxuICAgIGhpbnQsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgZXhjbHVkZUZyb21Gb3JtRGF0YT17ZXhjbHVkZUZyb21Gb3JtRGF0YX1cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIHJlbmRlclRyaWdnZXI9eyh7XG4gICAgICAgIHRyaWdnZXJSZWYsXG4gICAgICAgIGlzT3BlbixcbiAgICAgICAgcm9sZSxcbiAgICAgICAgXCJhcmlhLWV4cGFuZGVkXCI6IGFyaWFFeHBhbmRlZCxcbiAgICAgICAgXCJhcmlhLWNvbnRyb2xzXCI6IGFyaWFDb250cm9scyxcbiAgICAgICAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogYXJpYUFjdGl2ZURlc2NlbmRhbnQsXG4gICAgICB9KSA9PiAoXG4gICAgICAgIDxGb3JtRmllbGRcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaGlkZUxhYmVsPXtoaWRlTGFiZWx9XG4gICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICAgIGhpbnQ9e2hpbnR9XG4gICAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgICBtZXNzYWdlSWQ9e2lkfVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgZGF0YS1kcy1pZD1cIlNlbGVjdFwiXG4gICAgICAgID5cbiAgICAgICAgICA8VHJpZ2dlckJ1dHRvblxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgaXNQbGFjZWhvbGRlclZpc2libGU9e2lzUGxhY2Vob2xkZXJWaXNpYmxlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXthcmlhRXhwYW5kZWR9XG4gICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbHN9XG4gICAgICAgICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2FyaWFBY3RpdmVEZXNjZW5kYW50fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17bGFiZWx9XG4gICAgICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c2VsZWN0ZWRPcHRpb24gPyBzZWxlY3RlZE9wdGlvbi5sYWJlbCA6IHBsYWNlaG9sZGVyfVxuICAgICAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICAgICAgPC9Gb3JtRmllbGQ+XG4gICAgICApfVxuICAgIC8+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJxQiJ9 */"),StyledTriggerIcon=(0,_styled.default)(_Icon.Icon,{target:"e1w5svy61",label:"StyledTriggerIcon"})(()=>({pointerEvents:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb2N1c0V2ZW50SGFuZGxlciwgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyIH0gZnJvbSBcIi4vU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dENsYW1wZWQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcblxudHlwZSBTdHlsZWRCdXR0b25Qcm9wcyA9IFBpY2s8XG4gIFRyaWdnZXJCdXR0b25Qcm9wcyxcbiAgXCJoYXNFcnJvclwiIHwgXCJpc1BsYWNlaG9sZGVyVmlzaWJsZVwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCJcbj47XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248U3R5bGVkQnV0dG9uUHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIGlzUGxhY2Vob2xkZXJWaXNpYmxlLCByZWFkT25seSwgc2l6ZSB9KSA9PiAoe1xuICAgIFtgJlt0eXBlPVwiYnV0dG9uXCJdYF06IHtcbiAgICAgIC8vIGluY3JlYXNlIHNwZWNpZmljaXR5XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG1hcmdpbjogMCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgJHtcbiAgICAgIHNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30gKyAxcHgpYFxuICAgICAgICA6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYFxuICAgIH0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG5cbiAgICAuLi4ocmVhZE9ubHkgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICAgIC4uLihpc1BsYWNlaG9sZGVyVmlzaWJsZSAmJiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSksXG5cbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVHJpZ2dlckljb24gPSBzdHlsZWQoSWNvbikoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxudHlwZSBUcmlnZ2VyQnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlOiBib29sZWFuO1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbn0gJiBQYXJhbWV0ZXJzPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHNbXCJyZW5kZXJUcmlnZ2VyXCJdPlswXSAmXG4gIFBpY2s8XG4gICAgU2VsZWN0UHJvcHMsXG4gICAgXCJoYXNFcnJvclwiIHwgXCJvbkZvY3VzXCIgfCBcIm9uQmx1clwiIHwgXCJyZWFkT25seVwiIHwgXCJzaXplXCIgfCBcImFyaWEtZGVzY3JpYmVkYnlcIlxuICA+O1xuXG4vKiBlc2xpbnQtZGlzYWJsZSAgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuZnVuY3Rpb24gVHJpZ2dlckJ1dHRvbih7XG4gIHRyaWdnZXJSZWYsXG4gIGRpc2FibGVkLFxuICBpc09wZW4sXG4gIGhhc0Vycm9yLFxuICBpc1BsYWNlaG9sZGVyVmlzaWJsZSxcbiAgcm9sZSxcbiAgXCJhcmlhLWV4cGFuZGVkXCI6IGFyaWFFeHBhbmRlZCxcbiAgXCJhcmlhLWNvbnRyb2xzXCI6IGFyaWFDb250cm9scyxcbiAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogYXJpYUFjdGl2ZURlc2NlbmRhbnQsXG4gIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIHJlYWRPbmx5LFxuICBzaXplLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGNoaWxkcmVuLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVHJpZ2dlckJ1dHRvblByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICByZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgYXJpYS1leHBhbmRlZD17YXJpYUV4cGFuZGVkfVxuICAgICAgYXJpYS1jb250cm9scz17YXJpYUNvbnRyb2xzfVxuICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXthcmlhQWN0aXZlRGVzY2VuZGFudH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkQnl9XG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgIDxUZXh0Q2xhbXBlZFxuICAgICAgICAgIGNvbG9yPXtpc1BsYWNlaG9sZGVyVmlzaWJsZSA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwifVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmVhZE9ubHkgJiYgaXNQbGFjZWhvbGRlclZpc2libGUgPyBudWxsIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgIDxTdHlsZWRUcmlnZ2VySWNvblxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgbmFtZT17aXNPcGVuID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAvPlxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFNlbGVjdFByb3BzID0ge1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBzaXplPzogXCJzXCIgfCBcIm1cIjtcbiAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBzdHJpbmc7XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn0gJiBPbWl0PFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMsIFwicmVuZGVyVHJpZ2dlclwiPiAmXG4gIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxcIj4gJiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgfTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdCh7XG4gIG9wdGlvbnMsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgaGFzRXJyb3IsXG4gIG9wdGlvbnNMaXN0V2lkdGgsXG4gIG1heEhlaWdodCxcbiAgZGlzYWJsZWQsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgZXhjbHVkZUZyb21Gb3JtRGF0YSxcbiAgbGFiZWwsXG4gIGxhYmVsSGludCxcbiAgaGlkZUxhYmVsLFxuICBoaW50LFxuICBlcnJvck1lc3NhZ2VzLFxuICBzaXplID0gXCJtXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogU2VsZWN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbikgPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSk7XG4gIGNvbnN0IGlzUGxhY2Vob2xkZXJWaXNpYmxlID0gcGxhY2Vob2xkZXIgJiYgIXZhbHVlO1xuICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgIGFyaWFEZXNjcmliZWRCeSxcbiAgICBlcnJvck1lc3NhZ2VzLFxuICAgIGhpbnQsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgZXhjbHVkZUZyb21Gb3JtRGF0YT17ZXhjbHVkZUZyb21Gb3JtRGF0YX1cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIHJlbmRlclRyaWdnZXI9eyh7XG4gICAgICAgIHRyaWdnZXJSZWYsXG4gICAgICAgIGlzT3BlbixcbiAgICAgICAgcm9sZSxcbiAgICAgICAgXCJhcmlhLWV4cGFuZGVkXCI6IGFyaWFFeHBhbmRlZCxcbiAgICAgICAgXCJhcmlhLWNvbnRyb2xzXCI6IGFyaWFDb250cm9scyxcbiAgICAgICAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogYXJpYUFjdGl2ZURlc2NlbmRhbnQsXG4gICAgICB9KSA9PiAoXG4gICAgICAgIDxGb3JtRmllbGRcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaGlkZUxhYmVsPXtoaWRlTGFiZWx9XG4gICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICAgIGhpbnQ9e2hpbnR9XG4gICAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgICBtZXNzYWdlSWQ9e2lkfVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgZGF0YS1kcy1pZD1cIlNlbGVjdFwiXG4gICAgICAgID5cbiAgICAgICAgICA8VHJpZ2dlckJ1dHRvblxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgaXNQbGFjZWhvbGRlclZpc2libGU9e2lzUGxhY2Vob2xkZXJWaXNpYmxlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXthcmlhRXhwYW5kZWR9XG4gICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbHN9XG4gICAgICAgICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2FyaWFBY3RpdmVEZXNjZW5kYW50fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17bGFiZWx9XG4gICAgICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c2VsZWN0ZWRPcHRpb24gPyBzZWxlY3RlZE9wdGlvbi5sYWJlbCA6IHBsYWNlaG9sZGVyfVxuICAgICAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICAgICAgPC9Gb3JtRmllbGQ+XG4gICAgICApfVxuICAgIC8+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEQwQiJ9 */");function TriggerButton({triggerRef,disabled,isOpen,hasError,isPlaceholderVisible,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,readOnly,size,onFocus,onBlur,children,...ariaAttributes}){return _react.default.createElement(StyledButton,{type:"button",ref:triggerRef,disabled:disabled,hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,...ariaAttributes,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":ariaLabel,"aria-invalid":hasError,"aria-describedby":ariaDescribedBy,readOnly:readOnly,size:size,onFocus:onFocus,onBlur:onBlur},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0},_react.default.createElement(_TextClamped.TextClamped,{color:isPlaceholderVisible?"tertiary":"primary",size:size},readOnly&&isPlaceholderVisible?null:children),_react.default.createElement(StyledTriggerIcon,{size:size,name:isOpen?"chevron-up":"chevron-down",color:readOnly?"quaternary":"tertiary"})))}function Select({options,name,value,placeholder,hasError,optionsListWidth,maxHeight,disabled,portalContainer,readOnly=!1,excludeFromFormData,label,labelHint,hideLabel,hint,errorMessages,size="m","data-e2e-test-id":dataE2eTestId,"aria-describedby":ariaDescribedBy,onChange,onFocus,onBlur,...ariaAttributes}){let selectedOption=options?.find(option=>option.value===value),isPlaceholderVisible=placeholder&&!value,{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_SelectWithCustomTrigger.SelectWithCustomTrigger,{options:options,value:value,name:name,optionsListWidth:optionsListWidth,maxHeight:maxHeight,portalContainer:portalContainer,disabled:disabled,readOnly:readOnly,excludeFromFormData:excludeFromFormData,onChange:onChange,renderTrigger:({triggerRef,isOpen,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant})=>_react.default.createElement(_FormField.FormField,{disabled:disabled,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,messageId:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Select"},_react.default.createElement(TriggerButton,{hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,size:size,triggerRef:triggerRef,isOpen:isOpen,disabled:disabled,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":label,...ariaAttributes,...ariaDescribedByProp,readOnly:readOnly,onFocus:onFocus,onBlur:onBlur},selectedOption?selectedOption.label:placeholder))})}
|
|
@@ -13,5 +13,11 @@ export type SelectWithCustomTriggerProps = {
|
|
|
13
13
|
renderTrigger: (props: TriggerProps) => ReactElement;
|
|
14
14
|
value: string;
|
|
15
15
|
onChange: ChangeEventHandler<HTMLSelectElement>;
|
|
16
|
+
/**
|
|
17
|
+
* Keeps the hidden select out of form submissions, for selects that only
|
|
18
|
+
* drive UI (e.g. calendar month/year navigation). `name` is still required
|
|
19
|
+
* for the a11y ids.
|
|
20
|
+
*/
|
|
21
|
+
excludeFromFormData?: boolean;
|
|
16
22
|
} & Pick<CommonSelectProps, "optionsListWidth" | "options" | "maxHeight" | "disabled" | "name" | "portalContainer" | "autoComplete" | "readOnly">;
|
|
17
|
-
export declare function SelectWithCustomTrigger({ renderTrigger, optionsListWidth, options, name, value, portalContainer, disabled, maxHeight, autoComplete, readOnly, onChange, }: SelectWithCustomTriggerProps): ReactElement;
|
|
23
|
+
export declare function SelectWithCustomTrigger({ renderTrigger, optionsListWidth, options, name, value, portalContainer, disabled, maxHeight, autoComplete, readOnly, excludeFromFormData, onChange, }: SelectWithCustomTriggerProps): ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SelectWithCustomTrigger",{enumerable:!0,get:function(){return SelectWithCustomTrigger}});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")),_OptionsList=require("../Combobox/OptionsList"),_useKeyboard=require("../../../shared/useKeyboard"),_useTypeAheadSearch=require("./useTypeAheadSearch"),HiddenSelectInput=(0,_styled.default)("select",{target:"e1pyx1cg0",label:"HiddenSelectInput"})(()=>({display:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlbGVjdC9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZVN0YXRlLFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUge1xuICBSZWZPYmplY3QsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBQb2ludGVyRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDb21tb25TZWxlY3RQcm9wcywgU2VsZWN0T3B0aW9uIH0gZnJvbSBcIi4uL0NvbWJvYm94L0NvbWJvYm94XCI7XG5pbXBvcnQge1xuICBnZXRPcHRpb25JZCxcbiAgZ2V0T3B0aW9uc0xpc3RJZCxcbiAgT3B0aW9uc0xpc3QsXG59IGZyb20gXCIuLi9Db21ib2JveC9PcHRpb25zTGlzdFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyB1c2VUeXBlQWhlYWRTZWFyY2ggfSBmcm9tIFwiLi91c2VUeXBlQWhlYWRTZWFyY2hcIjtcblxuZXhwb3J0IHR5cGUgVHJpZ2dlclByb3BzID0ge1xuICB0cmlnZ2VyUmVmOiBSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBpc09wZW46IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByb2xlOiBzdHJpbmc7XG4gIFwiYXJpYS1leHBhbmRlZFwiPzogYm9vbGVhbjtcbiAgXCJhcmlhLWNvbnRyb2xzXCI/OiBzdHJpbmc7XG4gIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzID0ge1xuICByZW5kZXJUcmlnZ2VyOiAocHJvcHM6IFRyaWdnZXJQcm9wcykgPT4gUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxTZWxlY3RFbGVtZW50Pjtcbn0gJiBQaWNrPFxuICBDb21tb25TZWxlY3RQcm9wcyxcbiAgfCBcIm9wdGlvbnNMaXN0V2lkdGhcIlxuICB8IFwib3B0aW9uc1wiXG4gIHwgXCJtYXhIZWlnaHRcIlxuICB8IFwiZGlzYWJsZWRcIlxuICB8IFwibmFtZVwiXG4gIHwgXCJwb3J0YWxDb250YWluZXJcIlxuICB8IFwiYXV0b0NvbXBsZXRlXCJcbiAgfCBcInJlYWRPbmx5XCJcbj47XG5cbmNvbnN0IEhpZGRlblNlbGVjdElucHV0ID0gc3R5bGVkLnNlbGVjdCgoKSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyKHtcbiAgcmVuZGVyVHJpZ2dlcixcbiAgb3B0aW9uc0xpc3RXaWR0aCxcbiAgb3B0aW9ucyxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgZGlzYWJsZWQsXG4gIG1heEhlaWdodCA9IDIzMCxcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICByZWFkT25seSA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbn06IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRJbmRleCwgc2V0U2VsZWN0ZWRJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IGhpZGRlblNlbGVjdFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgY3VycmVudE9wdGlvbkluZGV4ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBvcHRpb25zLmZpbmRJbmRleCgob3B0aW9uKSA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlKSxcbiAgICBbb3B0aW9ucywgdmFsdWVdXG4gICk7XG5cbiAgY29uc3QgY2xvc2VPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3BlbikgcmV0dXJuO1xuXG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBzZXRTZWxlY3RlZEluZGV4KC0xKTtcbiAgfSwgW2lzT3Blbl0pO1xuXG4gIGNvbnN0IG9wZW5PcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuIHx8IHJlYWRPbmx5KSByZXR1cm47XG5cbiAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgLy8gRm9yIFNhZmFyaSBiZWNhdXNlIGNsaWNrIG9uIGEgYnV0dG9uIGRvZXNuJ3QgZ2l2ZSBpdCBmb2N1c1xuICAgIHRyaWdnZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW2lzT3BlbiwgcmVhZE9ubHldKTtcblxuICBjb25zdCB0b2dnbGVPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjbG9zZU9wdGlvbnNMaXN0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG9wZW5PcHRpb25zTGlzdCgpO1xuICAgIH1cbiAgfSwgW2lzT3Blbiwgb3Blbk9wdGlvbnNMaXN0LCBjbG9zZU9wdGlvbnNMaXN0XSk7XG5cbiAgY29uc3QgaGFuZGxlU2VsZWN0ZWRJbmRleENoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChpbmRleDogbnVtYmVyKSA9PiBzZXRTZWxlY3RlZEluZGV4KGluZGV4KSxcbiAgICBbXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgaGlkZGVuU2VsZWN0UmVmLmN1cnJlbnQudmFsdWUgPSBvcHRpb24udmFsdWU7XG4gICAgICBoaWRkZW5TZWxlY3RSZWYuY3VycmVudC5kaXNwYXRjaEV2ZW50KFxuICAgICAgICBuZXcgRXZlbnQoXCJjaGFuZ2VcIiwgeyBidWJibGVzOiB0cnVlIH0pXG4gICAgICApO1xuICAgIH0sXG4gICAgW2hpZGRlblNlbGVjdFJlZl1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZWFyY2hNYXRjaCA9IHVzZUNhbGxiYWNrKFxuICAgIChtYXRjaGVkSW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKG1hdGNoZWRJbmRleCA9PT0gLTEpIHJldHVybjtcblxuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KG1hdGNoZWRJbmRleCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDaGFuZ2Uob3B0aW9uc1ttYXRjaGVkSW5kZXhdKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wdGlvbnMsIHNldFNlbGVjdGVkSW5kZXgsIGhhbmRsZUNoYW5nZV1cbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICAvLyBPcGVuIHRoZSBsaXN0IG9uIEVudGVyL1NwYWNlL0Fycm93IGtleXMgKEFSSUEgQVBHIGNvbWJvYm94IHBhdHRlcm4pLlxuICAgICAgLy8gdXNlS2V5Ym9hcmQgcHJldmVudERlZmF1bHRzIHRoZSBldmVudCwgc28gRW50ZXIgbmV2ZXIgc3VibWl0cyB0aGUgZm9ybS5cbiAgICAgIFwiRW50ZXIgU3BhY2UgQXJyb3dVcCBBcnJvd0Rvd25cIjogKCkgPT4ge1xuICAgICAgICBvcGVuT3B0aW9uc0xpc3QoKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICB0cmlnZ2VyUmVmLFxuICAgICFpc09wZW4gJiYgIWRpc2FibGVkXG4gICk7XG5cbiAgdXNlVHlwZUFoZWFkU2VhcmNoKHtcbiAgICBvcHRpb25zLFxuICAgIHRyaWdnZXJSZWYsXG4gICAgaXNBY3RpdmU6ICFkaXNhYmxlZCxcbiAgICBmcm9tSW5kZXg6IHNlbGVjdGVkSW5kZXggIT09IC0xID8gc2VsZWN0ZWRJbmRleCA6IGN1cnJlbnRPcHRpb25JbmRleCxcbiAgICBvbk1hdGNoOiBoYW5kbGVTZWFyY2hNYXRjaCxcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0cmlnZ2VyRWxtID0gdHJpZ2dlclJlZi5jdXJyZW50O1xuICAgIC8vIHByZXZlbnQgZm9jdXMgb24gY2xpY2sgdG8gcHJldmVudCB0b2dnbGUgb3BlbiBzdGF0ZSBvbiBjbGljayBmb2xsb3dlZCBieSBmb2N1c1xuICAgIGNvbnN0IGhhbmRsZVBvaW50ZXJEb3duOiBQb2ludGVyRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50PiA9IChldnQpID0+IHtcbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH07XG5cbiAgICBpZiAodHJpZ2dlckVsbSAmJiAhZGlzYWJsZWQpIHtcbiAgICAgIHRyaWdnZXJFbG0uc2V0QXR0cmlidXRlKFwidGFiSW5kZXhcIiwgXCIwXCIpOyAvLyBGb3IgU2FmYXJpLCBiZWNhdXNlcyBidXR0b25zIGFyZSBub3QgZm9jdXNhYmxlIGJ5IGRlZmF1bHRcbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRvZ2dsZU9wdGlvbnNMaXN0KTtcbiAgICAgIC8vIE5vdGU6IGZvY3VzIG11c3QgTk9UIG9wZW4gdGhlIGxpc3QuIFRhYmJpbmcgdG8gdGhlIHRyaWdnZXIgc2hvdWxkIG9ubHlcbiAgICAgIC8vIG1vdmUgZm9jdXMgKEFSSUEgQVBHKS4gVGhlIGxpc3Qgb3BlbnMgb24gY2xpY2svRW50ZXIvU3BhY2UvQXJyb3cga2V5cy5cbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcImJsdXJcIiwgY2xvc2VPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJwb2ludGVyZG93blwiLCBoYW5kbGVQb2ludGVyRG93bik7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHRyaWdnZXJFbG0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCB0b2dnbGVPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtPy5yZW1vdmVFdmVudExpc3RlbmVyKFwiYmx1clwiLCBjbG9zZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJwb2ludGVyZG93blwiLCBoYW5kbGVQb2ludGVyRG93bik7XG4gICAgfTtcbiAgfSwgW3RyaWdnZXJSZWYsIGRpc2FibGVkLCBjbG9zZU9wdGlvbnNMaXN0LCB0b2dnbGVPcHRpb25zTGlzdF0pO1xuXG4gIGNvbnN0IG9wdGlvbnNMaXN0SWQgPSBnZXRPcHRpb25zTGlzdElkKG5hbWUpO1xuICBjb25zdCBhcmlhQWN0aXZlRGVzY2VuZGFudCA9XG4gICAgc2VsZWN0ZWRJbmRleCAhPT0gLTEgPyBnZXRPcHRpb25JZChuYW1lLCBvcHRpb25zW3NlbGVjdGVkSW5kZXhdLnZhbHVlKSA6IFwiXCI7XG4gIGNvbnN0IHRyaWdnZXJFbG0gPSByZW5kZXJUcmlnZ2VyKHtcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGlzT3BlbixcbiAgICBkaXNhYmxlZCxcbiAgICByb2xlOiBcImNvbWJvYm94XCIsXG4gICAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogaXNPcGVuID8gYXJpYUFjdGl2ZURlc2NlbmRhbnQgOiBcIlwiLFxuICAgIFwiYXJpYS1jb250cm9sc1wiOiBpc09wZW4gPyBvcHRpb25zTGlzdElkIDogXCJcIixcbiAgICBcImFyaWEtZXhwYW5kZWRcIjogaXNPcGVuLFxuICB9KTtcblxuICBjb25zdCBvcHRpb25zTGlzdEVsbSA9IChcbiAgICA8T3B0aW9uc0xpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgIGlzVmlydHVhbGl6ZWQ9e2ZhbHNlfVxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBvbkNsb3NlRHJvcGRvd249e2Nsb3NlT3B0aW9uc0xpc3R9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIHNlbGVjdGVkSW5kZXg9e3NlbGVjdGVkSW5kZXh9XG4gICAgICBvblNlbGVjdGVkSW5kZXhDaGFuZ2U9e2hhbmRsZVNlbGVjdGVkSW5kZXhDaGFuZ2V9XG4gICAgICBmb3JjZUNoYW5nZUZha2VTZWxlY3Q9e2hhbmRsZUNoYW5nZX1cbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgb3B0aW9uc0xpc3RXaWR0aD17b3B0aW9uc0xpc3RXaWR0aH1cbiAgICAvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHt0cmlnZ2VyRWxtfVxuICAgICAge29wdGlvbnNMaXN0RWxtfVxuICAgICAgPEhpZGRlblNlbGVjdElucHV0XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICByZWY9e2hpZGRlblNlbGVjdFJlZn1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICA+XG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJcIiBhcmlhLWxhYmVsPVwiRW1wdHkgb3B0aW9uXCIgLz5cbiAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24pID0+IChcbiAgICAgICAgICA8b3B0aW9uIHZhbHVlPXtvcHRpb24udmFsdWV9IGtleT17b3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgPC9IaWRkZW5TZWxlY3RJbnB1dD5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRDBCIn0= */");function SelectWithCustomTrigger({renderTrigger,optionsListWidth,options,name,value,portalContainer,disabled,maxHeight=230,autoComplete="on",readOnly=!1,onChange}){let[isOpen,setIsOpen]=(0,_react.useState)(!1),[selectedIndex,setSelectedIndex]=(0,_react.useState)(-1),triggerRef=(0,_react.useRef)(null),hiddenSelectRef=(0,_react.useRef)(null),currentOptionIndex=(0,_react.useMemo)(()=>options.findIndex(option=>option.value===value),[options,value]),closeOptionsList=(0,_react.useCallback)(()=>{isOpen&&(setIsOpen(!1),setSelectedIndex(-1))},[isOpen]),openOptionsList=(0,_react.useCallback)(()=>{isOpen||readOnly||(setIsOpen(!0),triggerRef.current?.focus())},[isOpen,readOnly]),toggleOptionsList=(0,_react.useCallback)(()=>{isOpen?closeOptionsList():openOptionsList()},[isOpen,openOptionsList,closeOptionsList]),handleSelectedIndexChange=(0,_react.useCallback)(index=>setSelectedIndex(index),[]),handleChange=(0,_react.useCallback)(option=>{hiddenSelectRef.current.value=option.value,hiddenSelectRef.current.dispatchEvent(new Event("change",{bubbles:!0}))},[hiddenSelectRef]),handleSearchMatch=(0,_react.useCallback)(matchedIndex=>{-1!==matchedIndex&&(isOpen?setSelectedIndex(matchedIndex):handleChange(options[matchedIndex]))},[isOpen,options,setSelectedIndex,handleChange]);(0,_useKeyboard.useKeyboard)({"Enter Space ArrowUp ArrowDown":()=>{openOptionsList()}},triggerRef,!isOpen&&!disabled),(0,_useTypeAheadSearch.useTypeAheadSearch)({options,triggerRef,isActive:!disabled,fromIndex:-1!==selectedIndex?selectedIndex:currentOptionIndex,onMatch:handleSearchMatch}),(0,_react.useEffect)(()=>{let triggerElm=triggerRef.current,handlePointerDown=evt=>{evt.preventDefault()};return triggerElm&&!disabled&&(triggerElm.setAttribute("tabIndex","0"),triggerElm.addEventListener("click",toggleOptionsList),triggerElm.addEventListener("blur",closeOptionsList),triggerElm.addEventListener("pointerdown",handlePointerDown)),()=>{triggerElm?.removeEventListener("click",toggleOptionsList),triggerElm?.removeEventListener("blur",closeOptionsList),triggerElm?.removeEventListener("pointerdown",handlePointerDown)}},[triggerRef,disabled,closeOptionsList,toggleOptionsList]);let optionsListId=(0,_OptionsList.getOptionsListId)(name),ariaActiveDescendant=-1!==selectedIndex?(0,_OptionsList.getOptionId)(name,options[selectedIndex].value):"",triggerElm=renderTrigger({triggerRef,isOpen,disabled,role:"combobox","aria-activedescendant":isOpen?ariaActiveDescendant:"","aria-controls":isOpen?optionsListId:"","aria-expanded":isOpen}),optionsListElm=_react.default.createElement(_OptionsList.OptionsList,{name:name,isOpen:isOpen,isVirtualized:!1,options:options,triggerRef:triggerRef,onCloseDropdown:closeOptionsList,portalContainer:portalContainer,selectedIndex:selectedIndex,onSelectedIndexChange:handleSelectedIndexChange,forceChangeFakeSelect:handleChange,value:value,disabled:disabled,maxHeight:maxHeight,optionsListWidth:optionsListWidth});return _react.default.createElement(_react.default.Fragment,null,triggerElm,optionsListElm,_react.default.createElement(HiddenSelectInput,{name:name,onChange:onChange,value:value,ref:hiddenSelectRef,autoComplete:autoComplete},_react.default.createElement("option",{value:"","aria-label":"Empty option"}),options.map(option=>_react.default.createElement("option",{value:option.value,key:option.value},option.label))))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SelectWithCustomTrigger",{enumerable:!0,get:function(){return SelectWithCustomTrigger}});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")),_OptionsList=require("../Combobox/OptionsList"),_useKeyboard=require("../../../shared/useKeyboard"),_useTypeAheadSearch=require("./useTypeAheadSearch"),HiddenSelectInput=(0,_styled.default)("select",{target:"ezvwo4c0",label:"HiddenSelectInput"})(()=>({display:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlbGVjdC9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZVN0YXRlLFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUge1xuICBSZWZPYmplY3QsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBQb2ludGVyRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDb21tb25TZWxlY3RQcm9wcywgU2VsZWN0T3B0aW9uIH0gZnJvbSBcIi4uL0NvbWJvYm94L0NvbWJvYm94XCI7XG5pbXBvcnQge1xuICBnZXRPcHRpb25JZCxcbiAgZ2V0T3B0aW9uc0xpc3RJZCxcbiAgT3B0aW9uc0xpc3QsXG59IGZyb20gXCIuLi9Db21ib2JveC9PcHRpb25zTGlzdFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyB1c2VUeXBlQWhlYWRTZWFyY2ggfSBmcm9tIFwiLi91c2VUeXBlQWhlYWRTZWFyY2hcIjtcblxuZXhwb3J0IHR5cGUgVHJpZ2dlclByb3BzID0ge1xuICB0cmlnZ2VyUmVmOiBSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBpc09wZW46IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByb2xlOiBzdHJpbmc7XG4gIFwiYXJpYS1leHBhbmRlZFwiPzogYm9vbGVhbjtcbiAgXCJhcmlhLWNvbnRyb2xzXCI/OiBzdHJpbmc7XG4gIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzID0ge1xuICByZW5kZXJUcmlnZ2VyOiAocHJvcHM6IFRyaWdnZXJQcm9wcykgPT4gUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxTZWxlY3RFbGVtZW50PjtcbiAgLyoqXG4gICAqIEtlZXBzIHRoZSBoaWRkZW4gc2VsZWN0IG91dCBvZiBmb3JtIHN1Ym1pc3Npb25zLCBmb3Igc2VsZWN0cyB0aGF0IG9ubHlcbiAgICogZHJpdmUgVUkgKGUuZy4gY2FsZW5kYXIgbW9udGgveWVhciBuYXZpZ2F0aW9uKS4gYG5hbWVgIGlzIHN0aWxsIHJlcXVpcmVkXG4gICAqIGZvciB0aGUgYTExeSBpZHMuXG4gICAqL1xuICBleGNsdWRlRnJvbUZvcm1EYXRhPzogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBDb21tb25TZWxlY3RQcm9wcyxcbiAgfCBcIm9wdGlvbnNMaXN0V2lkdGhcIlxuICB8IFwib3B0aW9uc1wiXG4gIHwgXCJtYXhIZWlnaHRcIlxuICB8IFwiZGlzYWJsZWRcIlxuICB8IFwibmFtZVwiXG4gIHwgXCJwb3J0YWxDb250YWluZXJcIlxuICB8IFwiYXV0b0NvbXBsZXRlXCJcbiAgfCBcInJlYWRPbmx5XCJcbj47XG5cbmNvbnN0IEhpZGRlblNlbGVjdElucHV0ID0gc3R5bGVkLnNlbGVjdCgoKSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyKHtcbiAgcmVuZGVyVHJpZ2dlcixcbiAgb3B0aW9uc0xpc3RXaWR0aCxcbiAgb3B0aW9ucyxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgZGlzYWJsZWQsXG4gIG1heEhlaWdodCA9IDIzMCxcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICByZWFkT25seSA9IGZhbHNlLFxuICBleGNsdWRlRnJvbUZvcm1EYXRhID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxufTogU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtzZWxlY3RlZEluZGV4LCBzZXRTZWxlY3RlZEluZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgdHJpZ2dlclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGlkZGVuU2VsZWN0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBjdXJyZW50T3B0aW9uSW5kZXggPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZEluZGV4KChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpLFxuICAgIFtvcHRpb25zLCB2YWx1ZV1cbiAgKTtcblxuICBjb25zdCBjbG9zZU9wdGlvbnNMaXN0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmICghaXNPcGVuKSByZXR1cm47XG5cbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIHNldFNlbGVjdGVkSW5kZXgoLTEpO1xuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3Qgb3Blbk9wdGlvbnNMaXN0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc09wZW4gfHwgcmVhZE9ubHkpIHJldHVybjtcblxuICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAvLyBGb3IgU2FmYXJpIGJlY2F1c2UgY2xpY2sgb24gYSBidXR0b24gZG9lc24ndCBnaXZlIGl0IGZvY3VzXG4gICAgdHJpZ2dlclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICB9LCBbaXNPcGVuLCByZWFkT25seV0pO1xuXG4gIGNvbnN0IHRvZ2dsZU9wdGlvbnNMaXN0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc09wZW4pIHtcbiAgICAgIGNsb3NlT3B0aW9uc0xpc3QoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgb3Blbk9wdGlvbnNMaXN0KCk7XG4gICAgfVxuICB9LCBbaXNPcGVuLCBvcGVuT3B0aW9uc0xpc3QsIGNsb3NlT3B0aW9uc0xpc3RdKTtcblxuICBjb25zdCBoYW5kbGVTZWxlY3RlZEluZGV4Q2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGluZGV4OiBudW1iZXIpID0+IHNldFNlbGVjdGVkSW5kZXgoaW5kZXgpLFxuICAgIFtdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKG9wdGlvbjogU2VsZWN0T3B0aW9uKSA9PiB7XG4gICAgICBoaWRkZW5TZWxlY3RSZWYuY3VycmVudC52YWx1ZSA9IG9wdGlvbi52YWx1ZTtcbiAgICAgIGhpZGRlblNlbGVjdFJlZi5jdXJyZW50LmRpc3BhdGNoRXZlbnQoXG4gICAgICAgIG5ldyBFdmVudChcImNoYW5nZVwiLCB7IGJ1YmJsZXM6IHRydWUgfSlcbiAgICAgICk7XG4gICAgfSxcbiAgICBbaGlkZGVuU2VsZWN0UmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZVNlYXJjaE1hdGNoID0gdXNlQ2FsbGJhY2soXG4gICAgKG1hdGNoZWRJbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAobWF0Y2hlZEluZGV4ID09PSAtMSkgcmV0dXJuO1xuXG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldFNlbGVjdGVkSW5kZXgobWF0Y2hlZEluZGV4KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGhhbmRsZUNoYW5nZShvcHRpb25zW21hdGNoZWRJbmRleF0pO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3B0aW9ucywgc2V0U2VsZWN0ZWRJbmRleCwgaGFuZGxlQ2hhbmdlXVxuICApO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIC8vIE9wZW4gdGhlIGxpc3Qgb24gRW50ZXIvU3BhY2UvQXJyb3cga2V5cyAoQVJJQSBBUEcgY29tYm9ib3ggcGF0dGVybikuXG4gICAgICAvLyB1c2VLZXlib2FyZCBwcmV2ZW50RGVmYXVsdHMgdGhlIGV2ZW50LCBzbyBFbnRlciBuZXZlciBzdWJtaXRzIHRoZSBmb3JtLlxuICAgICAgXCJFbnRlciBTcGFjZSBBcnJvd1VwIEFycm93RG93blwiOiAoKSA9PiB7XG4gICAgICAgIG9wZW5PcHRpb25zTGlzdCgpO1xuICAgICAgfSxcbiAgICB9LFxuICAgIHRyaWdnZXJSZWYsXG4gICAgIWlzT3BlbiAmJiAhZGlzYWJsZWRcbiAgKTtcblxuICB1c2VUeXBlQWhlYWRTZWFyY2goe1xuICAgIG9wdGlvbnMsXG4gICAgdHJpZ2dlclJlZixcbiAgICBpc0FjdGl2ZTogIWRpc2FibGVkLFxuICAgIGZyb21JbmRleDogc2VsZWN0ZWRJbmRleCAhPT0gLTEgPyBzZWxlY3RlZEluZGV4IDogY3VycmVudE9wdGlvbkluZGV4LFxuICAgIG9uTWF0Y2g6IGhhbmRsZVNlYXJjaE1hdGNoLFxuICB9KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRyaWdnZXJFbG0gPSB0cmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgLy8gcHJldmVudCBmb2N1cyBvbiBjbGljayB0byBwcmV2ZW50IHRvZ2dsZSBvcGVuIHN0YXRlIG9uIGNsaWNrIGZvbGxvd2VkIGJ5IGZvY3VzXG4gICAgY29uc3QgaGFuZGxlUG9pbnRlckRvd246IFBvaW50ZXJFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+ID0gKGV2dCkgPT4ge1xuICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfTtcblxuICAgIGlmICh0cmlnZ2VyRWxtICYmICFkaXNhYmxlZCkge1xuICAgICAgdHJpZ2dlckVsbS5zZXRBdHRyaWJ1dGUoXCJ0YWJJbmRleFwiLCBcIjBcIik7IC8vIEZvciBTYWZhcmksIGJlY2F1c2VzIGJ1dHRvbnMgYXJlIG5vdCBmb2N1c2FibGUgYnkgZGVmYXVsdFxuICAgICAgdHJpZ2dlckVsbS5hZGRFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgdG9nZ2xlT3B0aW9uc0xpc3QpO1xuICAgICAgLy8gTm90ZTogZm9jdXMgbXVzdCBOT1Qgb3BlbiB0aGUgbGlzdC4gVGFiYmluZyB0byB0aGUgdHJpZ2dlciBzaG91bGQgb25seVxuICAgICAgLy8gbW92ZSBmb2N1cyAoQVJJQSBBUEcpLiBUaGUgbGlzdCBvcGVucyBvbiBjbGljay9FbnRlci9TcGFjZS9BcnJvdyBrZXlzLlxuICAgICAgdHJpZ2dlckVsbS5hZGRFdmVudExpc3RlbmVyKFwiYmx1clwiLCBjbG9zZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcInBvaW50ZXJkb3duXCIsIGhhbmRsZVBvaW50ZXJEb3duKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRvZ2dsZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJibHVyXCIsIGNsb3NlT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInBvaW50ZXJkb3duXCIsIGhhbmRsZVBvaW50ZXJEb3duKTtcbiAgICB9O1xuICB9LCBbdHJpZ2dlclJlZiwgZGlzYWJsZWQsIGNsb3NlT3B0aW9uc0xpc3QsIHRvZ2dsZU9wdGlvbnNMaXN0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0cmlnZ2VyRWxtID0gdHJpZ2dlclJlZi5jdXJyZW50O1xuICAgIC8vIEVzY2FwZSB3aGlsZSBvcGVuIG11c3QgY2xvc2Ugb25seSB0aGUgbGlzdC4gU3RvcCBpdCBvbiB0aGUgdHJpZ2dlcixcbiAgICAvLyBiZWZvcmUgaXQgcmVhY2hlcyBkb2N1bWVudCwgd2hlcmUgYW4gZW5jbG9zaW5nIGZvY3VzIHRyYXAgd2l0aFxuICAgIC8vIGVzY2FwZURlYWN0aXZhdGVzIChlLmcuIHRoZSBEYXRlUGlja2VyIGNhbGVuZGFyIGRpYWxvZykgd291bGQgYWxzb1xuICAgIC8vIGRpc21pc3MgdGhlIHdob2xlIHBvcG92ZXIuXG4gICAgY29uc3QgaGFuZGxlRXNjYXBlS2V5RG93biA9IChldnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgIGlmIChldnQuY29kZSAhPT0gXCJFc2NhcGVcIikgcmV0dXJuO1xuXG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2dC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGNsb3NlT3B0aW9uc0xpc3QoKTtcbiAgICB9O1xuXG4gICAgaWYgKHRyaWdnZXJFbG0gJiYgaXNPcGVuKSB7XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGhhbmRsZUVzY2FwZUtleURvd24pO1xuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB0cmlnZ2VyRWxtPy5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBoYW5kbGVFc2NhcGVLZXlEb3duKTtcbiAgICB9O1xuICB9LCBbdHJpZ2dlclJlZiwgaXNPcGVuLCBjbG9zZU9wdGlvbnNMaXN0XSk7XG5cbiAgY29uc3Qgb3B0aW9uc0xpc3RJZCA9IGdldE9wdGlvbnNMaXN0SWQobmFtZSk7XG4gIGNvbnN0IGFyaWFBY3RpdmVEZXNjZW5kYW50ID1cbiAgICBzZWxlY3RlZEluZGV4ICE9PSAtMSA/IGdldE9wdGlvbklkKG5hbWUsIG9wdGlvbnNbc2VsZWN0ZWRJbmRleF0udmFsdWUpIDogXCJcIjtcbiAgY29uc3QgdHJpZ2dlckVsbSA9IHJlbmRlclRyaWdnZXIoe1xuICAgIHRyaWdnZXJSZWYsXG4gICAgaXNPcGVuLFxuICAgIGRpc2FibGVkLFxuICAgIHJvbGU6IFwiY29tYm9ib3hcIixcbiAgICBcImFyaWEtYWN0aXZlZGVzY2VuZGFudFwiOiBpc09wZW4gPyBhcmlhQWN0aXZlRGVzY2VuZGFudCA6IFwiXCIsXG4gICAgXCJhcmlhLWNvbnRyb2xzXCI6IGlzT3BlbiA/IG9wdGlvbnNMaXN0SWQgOiBcIlwiLFxuICAgIFwiYXJpYS1leHBhbmRlZFwiOiBpc09wZW4sXG4gIH0pO1xuXG4gIGNvbnN0IG9wdGlvbnNMaXN0RWxtID0gKFxuICAgIDxPcHRpb25zTGlzdFxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgaXNWaXJ0dWFsaXplZD17ZmFsc2V9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIG9uQ2xvc2VEcm9wZG93bj17Y2xvc2VPcHRpb25zTGlzdH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgc2VsZWN0ZWRJbmRleD17c2VsZWN0ZWRJbmRleH1cbiAgICAgIG9uU2VsZWN0ZWRJbmRleENoYW5nZT17aGFuZGxlU2VsZWN0ZWRJbmRleENoYW5nZX1cbiAgICAgIGZvcmNlQ2hhbmdlRmFrZVNlbGVjdD17aGFuZGxlQ2hhbmdlfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBvcHRpb25zTGlzdFdpZHRoPXtvcHRpb25zTGlzdFdpZHRofVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3RyaWdnZXJFbG19XG4gICAgICB7b3B0aW9uc0xpc3RFbG19XG4gICAgICA8SGlkZGVuU2VsZWN0SW5wdXRcbiAgICAgICAgbmFtZT17ZXhjbHVkZUZyb21Gb3JtRGF0YSA/IHVuZGVmaW5lZCA6IG5hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICByZWY9e2hpZGRlblNlbGVjdFJlZn1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICA+XG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJcIiBhcmlhLWxhYmVsPVwiRW1wdHkgb3B0aW9uXCIgLz5cbiAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24pID0+IChcbiAgICAgICAgICA8b3B0aW9uIHZhbHVlPXtvcHRpb24udmFsdWV9IGtleT17b3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgPC9IaWRkZW5TZWxlY3RJbnB1dD5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBCIn0= */");function SelectWithCustomTrigger({renderTrigger,optionsListWidth,options,name,value,portalContainer,disabled,maxHeight=230,autoComplete="on",readOnly=!1,excludeFromFormData=!1,onChange}){let[isOpen,setIsOpen]=(0,_react.useState)(!1),[selectedIndex,setSelectedIndex]=(0,_react.useState)(-1),triggerRef=(0,_react.useRef)(null),hiddenSelectRef=(0,_react.useRef)(null),currentOptionIndex=(0,_react.useMemo)(()=>options.findIndex(option=>option.value===value),[options,value]),closeOptionsList=(0,_react.useCallback)(()=>{isOpen&&(setIsOpen(!1),setSelectedIndex(-1))},[isOpen]),openOptionsList=(0,_react.useCallback)(()=>{isOpen||readOnly||(setIsOpen(!0),triggerRef.current?.focus())},[isOpen,readOnly]),toggleOptionsList=(0,_react.useCallback)(()=>{isOpen?closeOptionsList():openOptionsList()},[isOpen,openOptionsList,closeOptionsList]),handleSelectedIndexChange=(0,_react.useCallback)(index=>setSelectedIndex(index),[]),handleChange=(0,_react.useCallback)(option=>{hiddenSelectRef.current.value=option.value,hiddenSelectRef.current.dispatchEvent(new Event("change",{bubbles:!0}))},[hiddenSelectRef]),handleSearchMatch=(0,_react.useCallback)(matchedIndex=>{-1!==matchedIndex&&(isOpen?setSelectedIndex(matchedIndex):handleChange(options[matchedIndex]))},[isOpen,options,setSelectedIndex,handleChange]);(0,_useKeyboard.useKeyboard)({"Enter Space ArrowUp ArrowDown":()=>{openOptionsList()}},triggerRef,!isOpen&&!disabled),(0,_useTypeAheadSearch.useTypeAheadSearch)({options,triggerRef,isActive:!disabled,fromIndex:-1!==selectedIndex?selectedIndex:currentOptionIndex,onMatch:handleSearchMatch}),(0,_react.useEffect)(()=>{let triggerElm=triggerRef.current,handlePointerDown=evt=>{evt.preventDefault()};return triggerElm&&!disabled&&(triggerElm.setAttribute("tabIndex","0"),triggerElm.addEventListener("click",toggleOptionsList),triggerElm.addEventListener("blur",closeOptionsList),triggerElm.addEventListener("pointerdown",handlePointerDown)),()=>{triggerElm?.removeEventListener("click",toggleOptionsList),triggerElm?.removeEventListener("blur",closeOptionsList),triggerElm?.removeEventListener("pointerdown",handlePointerDown)}},[triggerRef,disabled,closeOptionsList,toggleOptionsList]),(0,_react.useEffect)(()=>{let triggerElm=triggerRef.current,handleEscapeKeyDown=evt=>{"Escape"===evt.code&&(evt.preventDefault(),evt.stopPropagation(),closeOptionsList())};return triggerElm&&isOpen&&triggerElm.addEventListener("keydown",handleEscapeKeyDown),()=>{triggerElm?.removeEventListener("keydown",handleEscapeKeyDown)}},[triggerRef,isOpen,closeOptionsList]);let optionsListId=(0,_OptionsList.getOptionsListId)(name),ariaActiveDescendant=-1!==selectedIndex?(0,_OptionsList.getOptionId)(name,options[selectedIndex].value):"",triggerElm=renderTrigger({triggerRef,isOpen,disabled,role:"combobox","aria-activedescendant":isOpen?ariaActiveDescendant:"","aria-controls":isOpen?optionsListId:"","aria-expanded":isOpen}),optionsListElm=_react.default.createElement(_OptionsList.OptionsList,{name:name,isOpen:isOpen,isVirtualized:!1,options:options,triggerRef:triggerRef,onCloseDropdown:closeOptionsList,portalContainer:portalContainer,selectedIndex:selectedIndex,onSelectedIndexChange:handleSelectedIndexChange,forceChangeFakeSelect:handleChange,value:value,disabled:disabled,maxHeight:maxHeight,optionsListWidth:optionsListWidth});return _react.default.createElement(_react.default.Fragment,null,triggerElm,optionsListElm,_react.default.createElement(HiddenSelectInput,{name:excludeFromFormData?void 0:name,onChange:onChange,value:value,ref:hiddenSelectRef,autoComplete:autoComplete},_react.default.createElement("option",{value:"","aria-label":"Empty option"}),options.map(option=>_react.default.createElement("option",{value:option.value,key:option.value},option.label))))}
|
|
@@ -19,6 +19,10 @@ export declare const PANEL_ORDER: readonly ["leftPanel", "content", "splitview",
|
|
|
19
19
|
export type SlotKey = (typeof PANEL_ORDER)[number];
|
|
20
20
|
export type SidePanelKey = (typeof SIDE_PANELS)[number];
|
|
21
21
|
export type PanelKey = (typeof PANELS)[number];
|
|
22
|
+
/** Everything but pinned `content`, which never competes for row space. */
|
|
23
|
+
export type TogglableSlotKey = Exclude<SlotKey, typeof Slot.content>;
|
|
24
|
+
/** Slots the app opens/closes, in `PANEL_ORDER`. */
|
|
25
|
+
export declare const TOGGLABLE_SLOTS: TogglableSlotKey[];
|
|
22
26
|
/** Vertical offset for the right panel — set this (e.g. to a sticky subnav's
|
|
23
27
|
* height) and the panel tracks it; defaults to `0` when unset. */
|
|
24
28
|
export declare const SUBNAV_OFFSET_VAR: "--ds-layout-subnav-offset";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PANELS(){return PANELS},get PANEL_ORDER(){return PANEL_ORDER},get PANEL_WIDTH_VAR(){return PANEL_WIDTH_VAR},get SIDE_PANELS(){return SIDE_PANELS},get SUBNAV_OFFSET_VAR(){return SUBNAV_OFFSET_VAR},get Slot(){return Slot}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _layoutvars=require("../../web-tokens/layout-vars"),Slot={leftPanel:"leftPanel",content:"content",splitview:"splitview",rightPanel:"rightPanel"},SIDE_PANELS=[Slot.leftPanel,Slot.rightPanel],PANELS=[Slot.content,Slot.splitview],PANEL_ORDER=[Slot.leftPanel,Slot.content,Slot.splitview,Slot.rightPanel],SUBNAV_OFFSET_VAR=_layoutvars.LAYOUT_VARS.subnavOffset,PANEL_WIDTH_VAR={content:_layoutvars.LAYOUT_VARS.contentWidth,rightPanel:_layoutvars.LAYOUT_VARS.rightPanelWidth};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PANELS(){return PANELS},get PANEL_ORDER(){return PANEL_ORDER},get PANEL_WIDTH_VAR(){return PANEL_WIDTH_VAR},get SIDE_PANELS(){return SIDE_PANELS},get SUBNAV_OFFSET_VAR(){return SUBNAV_OFFSET_VAR},get Slot(){return Slot},get TOGGLABLE_SLOTS(){return TOGGLABLE_SLOTS}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _layoutvars=require("../../web-tokens/layout-vars"),Slot={leftPanel:"leftPanel",content:"content",splitview:"splitview",rightPanel:"rightPanel"},SIDE_PANELS=[Slot.leftPanel,Slot.rightPanel],PANELS=[Slot.content,Slot.splitview],PANEL_ORDER=[Slot.leftPanel,Slot.content,Slot.splitview,Slot.rightPanel],TOGGLABLE_SLOTS=PANEL_ORDER.filter(slot=>slot!==Slot.content),SUBNAV_OFFSET_VAR=_layoutvars.LAYOUT_VARS.subnavOffset,PANEL_WIDTH_VAR={content:_layoutvars.LAYOUT_VARS.contentWidth,rightPanel:_layoutvars.LAYOUT_VARS.rightPanelWidth};
|
|
@@ -26,6 +26,13 @@ export type Size = number | string;
|
|
|
26
26
|
export type Variant = "sidebar" | "offcanvas" | "float";
|
|
27
27
|
/** Variants the right panel supports (all of them). */
|
|
28
28
|
export type RightPanelVariant = Variant;
|
|
29
|
+
/**
|
|
30
|
+
* - `sidebar` - in-flow resizable column.
|
|
31
|
+
* - `drawer` - modal overlay pinned to the left edge. Out of the resizable row,
|
|
32
|
+
* so it costs no docked column - the mobile presentation, and what a rule
|
|
33
|
+
* switches to when the budget has no column left.
|
|
34
|
+
*/
|
|
35
|
+
export type LeftPanelVariant = "sidebar" | "drawer";
|
|
29
36
|
export type { PanelKey, SidePanelKey, SlotKey };
|
|
30
37
|
/** Everything both side panels hold. `variant` is declared per slot below, so
|
|
31
38
|
* each panel's state only admits the variants it can actually render. */
|
|
@@ -43,10 +50,12 @@ export type SidePanelStateBase = {
|
|
|
43
50
|
minSize?: Size;
|
|
44
51
|
maxSize?: Size;
|
|
45
52
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
53
|
+
export type LeftPanelState = SidePanelStateBase & {
|
|
54
|
+
/** Render style. Unset until the config or a `setVariant` provides one;
|
|
55
|
+
* readers fall back to `"sidebar"`. `useLayout` exposes the resolved
|
|
56
|
+
* value. */
|
|
57
|
+
variant?: LeftPanelVariant;
|
|
58
|
+
};
|
|
50
59
|
export type RightPanelState = SidePanelStateBase & {
|
|
51
60
|
/** Render style. Unset until the config or a `setVariant` provides one -
|
|
52
61
|
* readers resolve it against `RightPanel`'s `variant` prop (the initial
|
|
@@ -95,6 +104,10 @@ export type SidePanelConfig = {
|
|
|
95
104
|
minSize?: Size;
|
|
96
105
|
maxSize?: Size;
|
|
97
106
|
};
|
|
107
|
+
export type LeftPanelConfig = SidePanelConfig & {
|
|
108
|
+
/** Presentation the panel starts in. Default `"sidebar"`. */
|
|
109
|
+
variant?: LeftPanelVariant;
|
|
110
|
+
};
|
|
98
111
|
export type RightPanelConfig = SidePanelConfig & {
|
|
99
112
|
/** Pins the panel's presentation up front, ahead of `RightPanel`'s own
|
|
100
113
|
* `variant` prop. */
|
|
@@ -121,11 +134,62 @@ export type LayoutPanelsMode = boolean | "mobile";
|
|
|
121
134
|
export type LayoutConfig = {
|
|
122
135
|
/** See {@link LayoutPanelsMode}. Default `false`. */
|
|
123
136
|
enablePanels?: LayoutPanelsMode;
|
|
124
|
-
leftPanel?:
|
|
137
|
+
leftPanel?: LeftPanelConfig;
|
|
125
138
|
rightPanel?: RightPanelConfig;
|
|
126
139
|
content?: PanelConfig;
|
|
127
140
|
splitview?: PanelConfig;
|
|
128
141
|
};
|
|
142
|
+
/**
|
|
143
|
+
* A layer over the store: `maxDockedPanels` sets columns per breakpoint (pinned
|
|
144
|
+
* `content` costs one), open panels claim the rest by `priority` (ties by
|
|
145
|
+
* `PANEL_ORDER`), and the leftovers get `isLowPrio` so their `condition` can act.
|
|
146
|
+
*
|
|
147
|
+
* Conditions write real state, so effects persist - a panel hidden on overflow
|
|
148
|
+
* stays hidden until reopened.
|
|
149
|
+
*/
|
|
150
|
+
/** `<Layout>`'s `additionalRulesData`, spread into every condition. */
|
|
151
|
+
export type LayoutRulesData = Record<string, unknown>;
|
|
152
|
+
/** Engine fields plus the additional data. Engine fields win a name clash. */
|
|
153
|
+
export type PanelConditionContext = LayoutRulesData & {
|
|
154
|
+
/** Past the budget: stronger panels hold every free slot. With 0 free
|
|
155
|
+
* (`xs: 1`), every open panel. */
|
|
156
|
+
isLowPrio: boolean;
|
|
157
|
+
/** Viewport bands, mirroring `useBreakpoints`: < 768 / 768-1024 / >= 1024. */
|
|
158
|
+
isMobile: boolean;
|
|
159
|
+
isTablet: boolean;
|
|
160
|
+
isDesktop: boolean;
|
|
161
|
+
/** Read for cross-panel decisions, call its actions to act. Conditions run in
|
|
162
|
+
* an effect, so dispatching is safe. */
|
|
163
|
+
layout: LayoutValue;
|
|
164
|
+
};
|
|
165
|
+
/**
|
|
166
|
+
* Act on this panel's situation. Runs for the panel whether it is open or not
|
|
167
|
+
* (so its presentation is already right when it opens), on every breakpoint /
|
|
168
|
+
* state / `additionalData` change. Define at module level.
|
|
169
|
+
*
|
|
170
|
+
* Returns nothing - its effect is the actions it calls.
|
|
171
|
+
*/
|
|
172
|
+
export type PanelCondition = (context: PanelConditionContext) => void;
|
|
173
|
+
export type PanelRuleConfig = {
|
|
174
|
+
/** 1 = strongest, ties by `PANEL_ORDER`. Defaults: rightPanel 1,
|
|
175
|
+
* splitview 2, leftPanel 3. */
|
|
176
|
+
priority?: number;
|
|
177
|
+
/** Omitted = the panel keeps its state whatever the budget says. */
|
|
178
|
+
condition?: PanelCondition;
|
|
179
|
+
};
|
|
180
|
+
/** Mobile-first: an omitted `m`/`l` inherits the previous band. */
|
|
181
|
+
export type LayoutMaxDockedPanels = {
|
|
182
|
+
xs: number;
|
|
183
|
+
m?: number;
|
|
184
|
+
l?: number;
|
|
185
|
+
};
|
|
186
|
+
export type LayoutRulesConfig = {
|
|
187
|
+
/** Columns the row holds at once, content included. */
|
|
188
|
+
maxDockedPanels: LayoutMaxDockedPanels;
|
|
189
|
+
leftPanel?: PanelRuleConfig;
|
|
190
|
+
rightPanel?: PanelRuleConfig;
|
|
191
|
+
splitview?: PanelRuleConfig;
|
|
192
|
+
};
|
|
129
193
|
export type LayoutAction = {
|
|
130
194
|
type: "setVisible";
|
|
131
195
|
slot: SlotKey;
|
|
@@ -136,6 +200,10 @@ export type LayoutAction = {
|
|
|
136
200
|
type: "setVariant";
|
|
137
201
|
panel: "rightPanel";
|
|
138
202
|
variant: RightPanelVariant;
|
|
203
|
+
} | {
|
|
204
|
+
type: "setVariant";
|
|
205
|
+
panel: "leftPanel";
|
|
206
|
+
variant: LeftPanelVariant;
|
|
139
207
|
} | {
|
|
140
208
|
type: "resize";
|
|
141
209
|
slot: SlotKey;
|
|
@@ -165,8 +233,13 @@ export type LayoutStorage = {
|
|
|
165
233
|
setItem: (key: string, value: string) => void;
|
|
166
234
|
};
|
|
167
235
|
export type LeftPanelHandle = PanelHandleActions & {
|
|
168
|
-
/** Live state for this slot (visibility, size)
|
|
169
|
-
|
|
236
|
+
/** Live state for this slot (visibility, size, variant), with `variant`
|
|
237
|
+
* already resolved - never `undefined` here. */
|
|
238
|
+
state: LeftPanelState & {
|
|
239
|
+
variant: LeftPanelVariant;
|
|
240
|
+
};
|
|
241
|
+
/** Switch render variant: an in-flow column, or the modal drawer. */
|
|
242
|
+
setVariant: (variant: LeftPanelVariant) => void;
|
|
170
243
|
};
|
|
171
244
|
export type RightPanelHandle = PanelHandleActions & {
|
|
172
245
|
/** Live state for this slot (visibility, size, variant), with `variant`
|
|
@@ -258,6 +331,11 @@ export type LayoutProps = {
|
|
|
258
331
|
persistenceKey?: string;
|
|
259
332
|
/** Where to save sizes, e.g. `window.localStorage` or `window.sessionStorage`. */
|
|
260
333
|
storage?: LayoutStorage;
|
|
334
|
+
/** See {@link LayoutRulesConfig}. Omitted applies the DS defaults; `false`
|
|
335
|
+
* runs none. */
|
|
336
|
+
rules?: LayoutRulesConfig | false;
|
|
337
|
+
/** Spread into every condition. An identity change re-runs them - memoize. */
|
|
338
|
+
additionalRulesData?: LayoutRulesData;
|
|
261
339
|
};
|
|
262
340
|
/**
|
|
263
341
|
* Shared contract of the per-panel header components
|
|
@@ -11,7 +11,7 @@ import { Split } from "./Split/Split";
|
|
|
11
11
|
import { SplitHeader } from "./Split/SplitHeader";
|
|
12
12
|
import { SplitFooter } from "./Split/SplitFooter";
|
|
13
13
|
import type { LayoutProps } from "./-types";
|
|
14
|
-
declare function LayoutBase({ children, persistenceKey, storage, }: LayoutProps): React.ReactElement;
|
|
14
|
+
declare function LayoutBase({ children, persistenceKey, storage, rules, additionalRulesData, }: LayoutProps): React.ReactElement;
|
|
15
15
|
type LayoutComponent = typeof LayoutBase & {
|
|
16
16
|
Provider: typeof LayoutProvider;
|
|
17
17
|
LeftPanel: typeof LeftPanel;
|