npm - @vibe/core - Versions diffs - 3.0.0-alpha.1 → 3.0.0-alpha.11 - Mend

@vibe/core 3.0.0-alpha.1 → 3.0.0-alpha.11

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.

Files changed (2140) hide show

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import o from"../../Icon/Icons/components/DropdownChevronUp.js";import t from"../../Icon/Icons/components/DropdownChevronDown.js";import n from"moment";import r from"./DatePickerHeader.module.scss.js";import a from"../../Icon/Icon.js";var c=function(c){var i=c.isMonthYearSelection,m=c.onToggleMonthYearPicker,s=c.hideNavigationKeys,l=c["data-testid"],d=c.ariaLabel,p=void 0===d?"Toggle select year":d,f=n(c.currentDate.valueOf()),u=f.format("MMMM"),v=f.format("YYYY");return e.createElement("div",{className:r.datePickerHeader},e.createElement("div",null,u+" "+v),!s&&e.createElement("button",{"data-testid":"".concat(l,"-year-toggle"),type:"button",className:r.button,"aria-label":p,onClick:m},e.createElement("div",{className:r.buttonContent},e.createElement(a,{iconType:"svg",icon:i?o:t,iconSize:24}))))};export{c as default};
+import t from"react";import"../../../../icons/dist/_virtual/_tslib.js";import"../../../../icons/dist/react/AddSmall.js";import"../../../../icons/dist/react/Alert.js";import"../../../../icons/dist/react/Check.js";import"../../../../icons/dist/react/CloseSmall.js";import o from"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import e from"../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../icons/dist/react/Info.js";import"../../../../icons/dist/react/Menu.js";import"../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../icons/dist/react/MoveArrowRight.js";import"../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../icons/dist/react/NoColor.js";import"../../../../icons/dist/react/Remove.js";import"../../../../icons/dist/react/Search.js";import"../../../../icons/dist/react/Sort.js";import"../../../../icons/dist/react/SortAscending.js";import"../../../../icons/dist/react/SortDescending.js";import"../../../../icons/dist/react/Warning.js";import i from"moment";import r from"./DatePickerHeader.module.scss.js";import s from"../../Icon/Icon.js";var a=function(a){var c=a.isMonthYearSelection,n=a.onToggleMonthYearPicker,m=a.hideNavigationKeys,d=a["data-testid"],p=a.ariaLabel,l=void 0===p?"Toggle select year":p,j=i(a.currentDate.valueOf()),v=j.format("MMMM"),g=j.format("YYYY");return t.createElement("div",{className:r.datePickerHeader},t.createElement("div",null,v+" "+g),!m&&t.createElement("button",{"data-testid":"".concat(d,"-year-toggle"),type:"button",className:r.button,"aria-label":l,onClick:n},t.createElement("div",{className:r.buttonContent},t.createElement(s,{iconType:"svg",icon:c?e:o,iconSize:24}))))};export{a as default};
 //# sourceMappingURL=DatePickerHeader.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport ~~DropdownChevronUp~~ ~~from \"../../Icon/Icons/components/~~DropdownChevronUp~~\";\nimport~~ DropdownChevronDown from \"~~../../Icon~~/~~Icons/components/DropdownChevronDown~~\";\nimport moment from \"moment\";\nimport { Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport Icon from \"../../Icon/Icon\";\n\nexport interface DatePickerHeaderProps {\n currentDate: Moment;\n isMonthYearSelection: boolean;\n onToggleMonthYearPicker: () => void;\n hideNavigationKeys: boolean;\n \"data-testid\"?: string;\n ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n const {\n currentDate,\n isMonthYearSelection,\n onToggleMonthYearPicker,\n hideNavigationKeys,\n \"data-testid\": dateTestId,\n ariaLabel = \"Toggle select year\"\n } = props;\n\n const localedDated = moment(currentDate.valueOf());\n const month = localedDated.format(\"MMMM\");\n const year = localedDated.format(\"YYYY\");\n const string = month + \" \" + year;\n return (\n <div className={styles.datePickerHeader}>\n <div>{string}</div>\n {!hideNavigationKeys && (\n <button\n data-testid={`${dateTestId}-year-toggle`}\n type=\"button\"\n className={styles.button}\n aria-label={ariaLabel}\n onClick={onToggleMonthYearPicker}\n >\n <div className={styles.buttonContent}>\n <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n </div>\n </button>\n )}\n </div>\n );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"~~gQAiBA~~,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}
1	+ {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport moment from \"moment\";\nimport { Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport Icon from \"../../Icon/Icon\";\n\nexport interface DatePickerHeaderProps {\n currentDate: Moment;\n isMonthYearSelection: boolean;\n onToggleMonthYearPicker: () => void;\n hideNavigationKeys: boolean;\n \"data-testid\"?: string;\n ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n const {\n currentDate,\n isMonthYearSelection,\n onToggleMonthYearPicker,\n hideNavigationKeys,\n \"data-testid\": dateTestId,\n ariaLabel = \"Toggle select year\"\n } = props;\n\n const localedDated = moment(currentDate.valueOf());\n const month = localedDated.format(\"MMMM\");\n const year = localedDated.format(\"YYYY\");\n const string = month + \" \" + year;\n return (\n <div className={styles.datePickerHeader}>\n <div>{string}</div>\n {!hideNavigationKeys && (\n <button\n data-testid={`${dateTestId}-year-toggle`}\n type=\"button\"\n className={styles.button}\n aria-label={ariaLabel}\n onClick={onToggleMonthYearPicker}\n >\n <div className={styles.buttonContent}>\n <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n </div>\n </button>\n )}\n </div>\n );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"6sCAgBA,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_77acb1ec25",button:"button_54de2ee436",buttonContent:"buttonContent_37d1b6c837"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_3_0_0-alpha_0";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader_77acb1ec25 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_77acb1ec25 .button_54de2ee436 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_77acb1ec25 .button_54de2ee436 .buttonContent_37d1b6c837 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_77acb1ec25 .button_54de2ee436 .buttonContent_37d1b6c837:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_18d0722b50",button:"button_626f38ff1b",buttonContent:"buttonContent_5d3bbe8684"};!function(e){const n="s_id-89778422f1e0_3_0_0-alpha_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_18d0722b50 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_18d0722b50 .button_626f38ff1b {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_18d0722b50 .button_626f38ff1b .buttonContent_5d3bbe8684 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_18d0722b50 .button_626f38ff1b .buttonContent_5d3bbe8684:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_85accef543",navigationWrapper:"navigationWrapper_ac2e2c1ffb",navigationLeft:"navigationLeft_de83503c45",navigationRight:"navigationRight_69638798b9",pickerOptions:"pickerOptions_3a48c8f48f",pickerOption:"pickerOption_47a70233fe"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-38af31aef936_3_0_0-alpha_0";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".monthYearPicker_85accef543 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_85accef543 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_85accef543 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_85accef543 .navigationWrapper_ac2e2c1ffb {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_85accef543 .navigationWrapper_ac2e2c1ffb.navigationLeft_de83503c45 {\n  left: 21px;\n}\n.monthYearPicker_85accef543 .navigationWrapper_ac2e2c1ffb.navigationRight_69638798b9 {\n  right: 21px;\n}\n.monthYearPicker_85accef543 .pickerOptions_3a48c8f48f {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_85accef543 .pickerOptions_3a48c8f48f .pickerOption_47a70233fe {\n  min-width: 66px;\n}\n.monthYearPicker_85accef543 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_9391da6bc6",navigationWrapper:"navigationWrapper_ee8a1a775e",navigationLeft:"navigationLeft_348e886157",navigationRight:"navigationRight_03351c77c1",pickerOptions:"pickerOptions_da46eb4f4f",pickerOption:"pickerOption_a1e33bbfbe"};!function(e){const n="s_id-38af31aef936_3_0_0-alpha_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_9391da6bc6 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_9391da6bc6 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_9391da6bc6 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_9391da6bc6 .navigationWrapper_ee8a1a775e {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_9391da6bc6 .navigationWrapper_ee8a1a775e.navigationLeft_348e886157 {\n  left: 21px;\n}\n.monthYearPicker_9391da6bc6 .navigationWrapper_ee8a1a775e.navigationRight_03351c77c1 {\n  right: 21px;\n}\n.monthYearPicker_9391da6bc6 .pickerOptions_da46eb4f4f {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_9391da6bc6 .pickerOptions_da46eb4f4f .pickerOption_a1e33bbfbe {\n  min-width: 66px;\n}\n.monthYearPicker_9391da6bc6 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/src/components/DatePicker/external_datepicker.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-13718576d5f3_3_0_0-alpha_0";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-13718576d5f3_3_0_0-alpha_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
 //# sourceMappingURL=external_datepicker.scss.js.map

package/dist/src/components/Dialog/Dialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as n,toConsumableArray as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import a,{PureComponent as r}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as d,Popper as h}from"react-popper";import{isFunction as c}from"lodash-es";import{NOOP as p,convertToArray as m,chainFunctions as g}from"../../utils/function-utils.js";import{DialogContent as v}from"./DialogContent/DialogContent.js";import{isInsideClass as f}from"../../utils/dom-utils.js";import{Refable as D}from"../Refable/Refable.js";import{HideShowEvent as y,DialogPosition as w,AnimationType as E}from"./DialogConstants.js";import k from"./Dialog.module.scss.js";import{getTestId as C,ComponentDefaultTestId as T}from"../../tests/testIds.js";var S=function(p){function g(e){var n;return t(this,g),(n=i(this,g,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},n.onMouseEnter=n.onMouseEnter.bind(n),n.onMouseLeave=n.onMouseLeave.bind(n),n.onMouseDown=n.onMouseDown.bind(n),n.onClick=n.onClick.bind(n),n.onFocus=n.onFocus.bind(n),n.onBlur=n.onBlur.bind(n),n.isShown=n.isShown.bind(n),n.onEsc=n.onEsc.bind(n),n.onClickOutside=n.onClickOutside.bind(n),n.onDialogEnter=n.onDialogEnter.bind(n),n.onDialogLeave=n.onDialogLeave.bind(n),n.getContainer=n.getContainer.bind(n),n.onContentClick=n.onContentClick.bind(n),n.onKeyDown=n.onKeyDown.bind(n),n.closeDialogOnEscape=n.closeDialogOnEscape.bind(n),n.onContextMenu=n.onContextMenu.bind(n),n.hideTimeout=null,n.showTimeout=null,n}return e(g,r),n(g,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,y.ESCAPE_KEY);break;case"Tab":this.handleEvent(y.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(y.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,n=e.shouldCallbackOnMount,o=e.onDialogDidShow,t=this.state.isOpen;document.addEventListener("keyup",this.closeDialogOnEscape),n&&t&&o&&o()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keyup",this.closeDialogOnEscape)}},{key:"getContainer",value:function(){var e=this.props.containerSelector;if(!e)return document.body;var n=document.querySelector(e);return n&&n instanceof Element?n:document.body}},{key:"showDialog",value:function(e,n){var o=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,a=t.showDelay,r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();a=l.showDelay||0,r=r||l.preventAnimation}i?(this.onShowDialog(e,n),this.setState({isOpen:!0,preventAnimation:r}),this.showTimeout=null):this.showTimeout=setTimeout((function(){o.onShowDialog(e,n),o.showTimeout=null,o.setState({isOpen:!0,preventAnimation:r})}),a)}},{key:"onShowDialog",value:function(e,n){this.isShown()||(0,this.props.onDialogDidShow)(e,n)}},{key:"showDialogIfNeeded",value:function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,n,o))}},{key:"hideDialog",value:function(e,n){var o=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,n),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){o.onHideDialog(e,n),o.setState({isOpen:!1}),o.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,n){var o=this.props.onDialogDidHide;o&&o(e,n)}},{key:"hideDialogIfNeeded",value:function(e,n){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,n)}},{key:"handleEvent",value:function(e,n,o){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||f(n,i)?this.isHideTrigger(e)&&!f(n,s)?this.hideDialogIfNeeded(o,e):void 0:this.showDialogIfNeeded(o,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.showTrigger);return!(!o||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.hideTrigger);return!(!o||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var n=this.isShown();(this.isShowTrigger("contextmenu")&&!n||this.isHideTrigger("contextmenu")&&n)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var n=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),n(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var n=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),n(e)}},{key:"render",value:function(){var e=this,n=this.props,t=n.wrapperClassName,i=n.content,r=n.startingEdge,p=n.children,m=n.preventAnimationOnMount,g=n.animationType,f=n.position,y=n.showDelay,w=n.moveBy,E=n.modifiers,S=n.tooltip,O=n.tooltipClassName,M=n.referenceWrapperClassName,H=n.zIndex,x=n.hideWhenReferenceHidden,A=n.disableContainerScroll,N=n.containerSelector,L=this.state.preventAnimation,I=n["data-testid"]||C(T.DIALOG,n.id),B=m||L?void 0:g,F=c(i)?i():i;return F?a.createElement(u,null,a.createElement(d,null,(function(n){var o=n.ref;return a.createElement(D,{className:s(M),ref:o,onBlur:b("onBlur",e,e.props),onKeyDown:b("onKeyDown",e,e.props),onClick:b("onClick",e,e.props),onFocus:b("onFocus",e,e.props),onMouseDown:b("onMouseDown",e,e.props),onMouseEnter:b("onMouseEnter",e,e.props),onMouseLeave:b("onMouseLeave",e,e.props),onContextMenu:b("onContextMenu",e,e.props)},p)})),l(a.createElement(h,{placement:f,modifiers:[{name:"offset",options:{offset:[w.secondary,w.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var n=e.state;return H&&(n.styles.popper.zIndex=H+""),n}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var n=e.state;return n.styles.arrow?(n.styles.arrow.transform="".concat(n.styles.arrow.transform," rotate(45deg)"),n):n}}].concat(o(E))},(function(n){var o=n.placement,i=n.style,l=n.ref,u=n.arrowProps,d=n.isReferenceHidden;if(!e.isShown()&&o)return null;if(x&&d){var h=new CustomEvent("onReferenceHidden");e.hideDialog(h,"onReferenceHidden")}return a.createElement(v,{"data-testid":I,isReferenceHidden:x&&d,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:B,position:o,wrapperClassName:t,startingEdge:r,isOpen:e.isShown(),showDelay:y,styleObject:i,ref:l,onClick:e.onContentClick,hasTooltip:!!S,containerSelector:N,disableContainerScroll:A},F,S&&a.createElement("div",{style:u.style,ref:u.ref,className:s(k.arrow,O),"data-placement":o}))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,n){return n.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function b(e,n,o){return g([o[e],n[e]],!0)}S.hideShowTriggers=y,S.positions=w,S.animationTypes=E,S.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:S.hideShowTriggers.MOUSE_ENTER,hideTrigger:S.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:S.animationTypes.EXPAND,preventAnimationOnMount:!1,containerSelector:"body",tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1};export{S as default};
+import{inherits as e,createClass as n,toConsumableArray as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import r,{PureComponent as a}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as d,Popper as h}from"react-popper";import{isFunction as c}from"lodash-es";import{NOOP as p,convertToArray as m,chainFunctions as g}from"../../utils/function-utils.js";import{DialogContent as f}from"./DialogContent/DialogContent.js";import{isInsideClass as v}from"../../utils/dom-utils.js";import{Refable as D}from"../Refable/Refable.js";import{HideShowEvent as y,DialogPosition as w,AnimationType as E}from"./DialogConstants.js";import k from"./Dialog.module.scss.js";import{getTestId as C,ComponentDefaultTestId as T}from"../../tests/testIds.js";import S from"../LayerProvider/LayerContext.js";import{isClient as b}from"../../utils/ssr-utils.js";var O=function(p){function g(e){var n;return t(this,g),(n=i(this,g,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},n.onMouseEnter=n.onMouseEnter.bind(n),n.onMouseLeave=n.onMouseLeave.bind(n),n.onMouseDown=n.onMouseDown.bind(n),n.onClick=n.onClick.bind(n),n.onFocus=n.onFocus.bind(n),n.onBlur=n.onBlur.bind(n),n.isShown=n.isShown.bind(n),n.onEsc=n.onEsc.bind(n),n.onClickOutside=n.onClickOutside.bind(n),n.onDialogEnter=n.onDialogEnter.bind(n),n.onDialogLeave=n.onDialogLeave.bind(n),n.getContainer=n.getContainer.bind(n),n.onContentClick=n.onContentClick.bind(n),n.onKeyDown=n.onKeyDown.bind(n),n.closeDialogOnEscape=n.closeDialogOnEscape.bind(n),n.onContextMenu=n.onContextMenu.bind(n),n.hideTimeout=null,n.showTimeout=null,n}return e(g,a),n(g,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,y.ESCAPE_KEY);break;case"Tab":this.handleEvent(y.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(y.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,n=e.shouldCallbackOnMount,o=e.onDialogDidShow,t=this.state.isOpen;b()&&document.addEventListener("keyup",this.closeDialogOnEscape),n&&t&&o&&o()}},{key:"componentWillUnmount",value:function(){b()&&document.removeEventListener("keyup",this.closeDialogOnEscape)}},{key:"getContainer",value:function(){var e=document.querySelector(this.props.containerSelector);if(!(e&&e instanceof Element)){var n=this.context.layerRef;return(null==n?void 0:n.current)?n.current:document.body}return e}},{key:"showDialog",value:function(e,n){var o=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,r=t.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,n),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){o.onShowDialog(e,n),o.showTimeout=null,o.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,n){this.isShown()||(0,this.props.onDialogDidShow)(e,n)}},{key:"showDialogIfNeeded",value:function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,n,o))}},{key:"hideDialog",value:function(e,n){var o=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,n),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){o.onHideDialog(e,n),o.setState({isOpen:!1}),o.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,n){var o=this.props.onDialogDidHide;o&&o(e,n)}},{key:"hideDialogIfNeeded",value:function(e,n){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,n)}},{key:"handleEvent",value:function(e,n,o){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||v(n,i)?this.isHideTrigger(e)&&!v(n,s)?this.hideDialogIfNeeded(o,e):void 0:this.showDialogIfNeeded(o,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.showTrigger);return!(!o||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.hideTrigger);return!(!o||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var n=this.isShown();(this.isShowTrigger("contextmenu")&&!n||this.isHideTrigger("contextmenu")&&n)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var n=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),n(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var n=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),n(e)}},{key:"render",value:function(){var e=this,n=this.props,t=n.wrapperClassName,i=n.content,a=n.startingEdge,p=n.children,m=n.preventAnimationOnMount,g=n.animationType,v=n.position,y=n.showDelay,w=n.moveBy,E=n.modifiers,S=n.tooltip,O=n.tooltipClassName,x=n.referenceWrapperClassName,H=n.zIndex,L=n.hideWhenReferenceHidden,A=n.disableContainerScroll,N=n.containerSelector,I=this.state.preventAnimation,B=n["data-testid"]||C(T.DIALOG,n.id),j=m||I?void 0:g,P=c(i)?i():i;return P?r.createElement(u,null,r.createElement(d,null,(function(n){var o=n.ref;return r.createElement(D,{className:s(x),ref:o,onBlur:M("onBlur",e,e.props),onKeyDown:M("onKeyDown",e,e.props),onClick:M("onClick",e,e.props),onFocus:M("onFocus",e,e.props),onMouseDown:M("onMouseDown",e,e.props),onMouseEnter:M("onMouseEnter",e,e.props),onMouseLeave:M("onMouseLeave",e,e.props),onContextMenu:M("onContextMenu",e,e.props)},p)})),b()&&l(r.createElement(h,{placement:v,modifiers:[{name:"offset",options:{offset:[w.secondary,w.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var n=e.state;return H&&(n.styles.popper.zIndex=H+""),n}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var n=e.state;return n.styles.arrow?(n.styles.arrow.transform="".concat(n.styles.arrow.transform," rotate(45deg)"),n):n}}].concat(o(E))},(function(n){var o=n.placement,i=n.style,l=n.ref,u=n.arrowProps,d=n.isReferenceHidden;if(!e.isShown()&&o)return null;if(L&&d){var h=new CustomEvent("onReferenceHidden");e.hideDialog(h,"onReferenceHidden")}return r.createElement(f,{"data-testid":B,isReferenceHidden:L&&d,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:j,position:o,wrapperClassName:t,startingEdge:a,isOpen:e.isShown(),showDelay:y,styleObject:i,ref:l,onClick:e.onContentClick,hasTooltip:!!S,containerSelector:N,disableContainerScroll:A},P,S&&r.createElement("div",{style:u.style,ref:u.ref,className:s(k.arrow,O),"data-placement":o}))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,n){return n.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function M(e,n,o){return g([o[e],n[e]],!0)}O.hideShowTriggers=y,O.positions=w,O.animationTypes=E,O.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:O.hideShowTriggers.MOUSE_ENTER,hideTrigger:O.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:O.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1},O.contextType=S;export{O as default};
 //# sourceMappingURL=Dialog.js.map

package/dist/src/components/Dialog/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\n\nexport interface DialogProps extends VibeComponentProps {\n /*\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Where the dialog should be in reference to the children,\n * Top, Left, Right, Bottom ...\n /\n position?: DialogPosition;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Modifier<any>[];\n startingEdge?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: { main?: number; secondary?: number };\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n an array of hide/show trigger -\n /\n showTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n an array of hide/show trigger -\n /\n hideTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n Show the Dialog when the children are mounting\n /\n shouldShowOnMount?: boolean;\n /\n disable the opening of the dialog\n /\n disable?: boolean;\n /\n open is a controlled prop to open the dialog\n /\n open?: boolean;\n /\n used when state is derived from props\n /\n isOpen?: boolean;\n /\n if this class exists on the children the show trigger will be ignored\n /\n showTriggerIgnoreClass?: string \| Array<string>;\n /\n if this class exists on the children the hide trigger will be ignored\n /\n hideTriggerIgnoreClass?: string \| Array<string>;\n /\n Dialog animation type\n /\n animationType?: DialogAnimationType;\n /\n Classname to be added to the content container\n /\n wrapperClassName?: string;\n /\n Prevent Animation\n /\n preventAnimationOnMount?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n should position the tooltip element\n * https://popper.js.org/docs/v2/modifiers/arrow/\n /\n tooltip?: boolean;\n /\n class name to add to the tooltip element\n /\n tooltipClassName?: string;\n /\n callback to be called when the dialog is shown\n /\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent \| string) => void;\n /\n callback to be called when the dialog is hidden\n /\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent \| string) => void;\n /\n callback to be called when click outside is being triggered\n /\n onClickOutside?: (event: React.MouseEvent) => void;\n /\n callback to be called when click on the content is being triggered\n /\n onContentClick?: (event: React.MouseEvent) => void;\n /\n z-index to add to the dialog\n /\n zIndex?: number;\n useDerivedStateFromProps?: boolean;\n /\n Make the dialog disappear when the element it is attached to becomes hidden\n /\n hideWhenReferenceHidden?: boolean;\n shouldCallbackOnMount?: boolean;\n instantShowAndHide?: boolean;\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n content?: (() => JSX.Element) \| JSX.Element;\n /\n The element where we will position the dialog beside.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n If true disable the scroll for the containerSelector element.\n * If string use it as selector to prevent scroll.\n /\n disableContainerScroll?: boolean \| string;\n}\n\nexport interface DialogState {\n isOpen?: boolean;\n shouldUseDerivedStateFromProps?: boolean;\n preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent \| React.KeyboardEvent \| KeyboardEvent \| React.FocusEvent \| CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n containerSelector: \"body\",\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n if (!containerSelector) {\n return document.body;\n }\n\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement \|\| !(containerElement instanceof Element)) {\n // TODO add env check - if not jest env - trashing the logs - https://monday.monday.com/boards/3532714909/pulses/5570955392\n // console.error(\n // `Dialog: Container element with selector \"${containerSelector}\" was not found or is not an HTMLElement. Dialog may not be correctly positioned.`\n // );\n return document.body;\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay \|\| 0;\n preventAnimation = preventAnimation \|\| dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen \|\| open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) \|\| (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount \|\| preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\$([0-9].)px, ([0-9].*)px\$/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n return (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={ref}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","document","addEventListener","removeEventListener","containerSelector","body","containerElement","querySelector","Element","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP"],"mappings":"m0BAoKqBA,IAAAA,WAAOC,GAiC1B,SAAAD,EAAYE,GAAkB,IAAAC,EA2BJ,OA3BIC,OAAAJ,IAC5BG,EAAAE,EAAAL,KAAAA,GAAME,KACDI,MAAQ,CACXC,+BAAgCL,EAAMM,yBACtCC,OAAQP,EAAMQ,mBAIhBP,EAAKQ,aAAeR,EAAKQ,aAAaC,KAAIT,GAC1CA,EAAKU,aAAeV,EAAKU,aAAaD,KAAIT,GAC1CA,EAAKW,YAAcX,EAAKW,YAAYF,KAAIT,GACxCA,EAAKY,QAAUZ,EAAKY,QAAQH,KAAIT,GAChCA,EAAKa,QAAUb,EAAKa,QAAQJ,KAAIT,GAChCA,EAAKc,OAASd,EAAKc,OAAOL,KAAIT,GAC9BA,EAAKe,QAAUf,EAAKe,QAAQN,KAAIT,GAChCA,EAAKgB,MAAQhB,EAAKgB,MAAMP,KAAIT,GAC5BA,EAAKiB,eAAiBjB,EAAKiB,eAAeR,KAAIT,GAC9CA,EAAKkB,cAAgBlB,EAAKkB,cAAcT,KAAIT,GAC5CA,EAAKmB,cAAgBnB,EAAKmB,cAAcV,KAAIT,GAC5CA,EAAKoB,aAAepB,EAAKoB,aAAaX,KAAIT,GAC1CA,EAAKqB,eAAiBrB,EAAKqB,eAAeZ,KAAIT,GAC9CA,EAAKsB,UAAYtB,EAAKsB,UAAUb,KAAIT,GACpCA,EAAKuB,oBAAsBvB,EAAKuB,oBAAoBd,KAAIT,GACxDA,EAAKwB,cAAgBxB,EAAKwB,cAAcf,KAAIT,GAG5CA,EAAKyB,YAAc,KACnBzB,EAAK0B,YAAc,KAAK1B,CAC1B,CAAC,OAAA2B,EAAA9B,EA7DiC+B,GA6DjCC,EAAAhC,EAAA,CAAA,CAAAiC,IAAA,sBAAAC,MAED,SAAoBC,GAElB,GADmBC,KAAK9B,MAAhBG,OAIR,OAAQ0B,EAAMF,KACZ,IAAK,SACHG,KAAKC,mBAAmBF,EAAOG,EAAuBC,YACtD,MACF,IAAK,MACHH,KAAKI,YAAYF,EAAuBG,QAASN,EAAMO,OAAQP,GAC/D,MACF,IAAK,QACHC,KAAKI,YAAYF,EAAuBK,MAAOR,EAAMO,OAAQP,GAKnE,GAAC,CAAAF,IAAA,oBAAAC,MAED,WACE,IAAAU,EAAmDR,KAAKlC,MAAhD2C,EAAqBD,EAArBC,sBAAuBC,EAAeF,EAAfE,gBACvBrC,EAAW2B,KAAK9B,MAAhBG,OACRsC,SAASC,iBAAiB,QAASZ,KAAKV,qBACpCmB,GAAyBpC,GAC3BqC,GAAmBA,GAEvB,GAAC,CAAAb,IAAA,uBAAAC,MAED,WACEa,SAASE,oBAAoB,QAASb,KAAKV,oBAC7C,GAAC,CAAAO,IAAA,eAAAC,MASD,WACE,IAAQgB,EAAsBd,KAAKlC,MAA3BgD,kBACR,IAAKA,EACH,OAAOH,SAASI,KAGlB,IAAMC,EAAmBL,SAASM,cAAcH,GAChD,OAAKE,GAAsBA,aAA4BE,QAOhDF,EAFEL,SAASI,IAGpB,GAAC,CAAAlB,IAAA,aAAAC,MAED,SAAWC,EAAoBoB,GAAoF,IAAAC,EAAApB,KACjHqB,EAA+DrB,KAAKlC,MAAjDwD,EAAkBD,EAAlBC,mBAAoBC,EAAmBF,EAAnBE,oBACnCC,EADaH,EAATI,UAEJC,0DAH2G,CAAA,GAGhFA,iBAC/B,GAAIH,EAAqB,CACvB,IAAMI,EAAkBJ,IACxBC,EAAiBG,EAAgBF,WAAa,EAC9CC,EAAmBA,GAAoBC,EAAgBD,gBACxD,CAEGJ,GACFtB,KAAK4B,aAAa7B,EAAOoB,GACzBnB,KAAK6B,SAAS,CAAExD,QAAQ,EAAMqD,iBAAAA,IAC9B1B,KAAKP,YAAc,MAEnBO,KAAKP,YAAcqC,YAAW,WAC5BV,EAAKQ,aAAa7B,EAAOoB,GACzBC,EAAK3B,YAAc,KACnB2B,EAAKS,SAAS,CAAExD,QAAQ,EAAMqD,iBAAAA,GAC/B,GAAEF,EAEP,GAAC,CAAA3B,IAAA,eAAAC,MAED,SAAaC,EAAoBoB,GAC3BnB,KAAKlB,YAET4B,EAD4BV,KAAKlC,MAAzB4C,iBACQX,EAAOoB,EACzB,GAAC,CAAAtB,IAAA,qBAAAC,MAED,SAAmBC,EAAoBoB,GAAoD,IAAZY,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EACnEhC,KAAKlC,MAAjBqE,UAKJnC,KAAKR,cACP4C,aAAapC,KAAKR,aAClBQ,KAAKR,YAAc,MAGhBQ,KAAKP,aACRO,KAAKqC,WAAWtC,EAAOoB,EAAWY,GAEtC,GAAC,CAAAlC,IAAA,aAAAC,MAED,SAAWC,EAAoBoB,GAAsC,IAAAmB,EAAAtC,KACnEuC,EAA0CvC,KAAKlC,MAAvC0E,EAASD,EAATC,UAA6BD,EAAlBjB,oBAEjBtB,KAAKyC,aAAa1C,EAAOoB,GACzBnB,KAAK6B,SAAS,CAAExD,QAAQ,IACxB2B,KAAKR,YAAc,MAEnBQ,KAAKR,YAAcsC,YAAW,WAC5BQ,EAAKG,aAAa1C,EAAOoB,GACzBmB,EAAKT,SAAS,CAAExD,QAAQ,IACxBiE,EAAK9C,YAAc,IACpB,GAAEgD,EAEP,GAAC,CAAA3C,IAAA,eAAAC,MAED,SAAaC,EAAoBoB,GAC/B,IAAQuB,EAAoB1C,KAAKlC,MAAzB4E,gBACJA,GAAiBA,EAAgB3C,EAAOoB,EAC9C,GAAC,CAAAtB,IAAA,qBAAAC,MAED,SAAmBC,EAAoBoB,GACjCnB,KAAKP,cACP2C,aAAapC,KAAKP,aAClBO,KAAKP,YAAc,MAGjBO,KAAKR,aAGTQ,KAAK2C,WAAW5C,EAAOoB,EACzB,GAAC,CAAAtB,IAAA,cAAAC,MAED,SAAYqB,EAA+Bb,EAAqBP,GAC9D,IAAA6C,EAA2D5C,KAAKlC,MAAxD+E,EAAsBD,EAAtBC,uBAAwBC,EAAsBF,EAAtBE,uBAChC,OACE9C,KAAK+C,cAAc5B,IAClBnB,KAAKlB,WACLkE,EAAc1C,EAAuBuC,GAKpC7C,KAAKiD,cAAc9B,KAAe6B,EAAc1C,EAAuBwC,GAClE9C,KAAKC,mBAAmBF,EAAOoB,QADxC,EAHSnB,KAAKkD,mBAAmBnD,EAAOoB,EAM1C,GAAC,CAAAtB,IAAA,UAAAC,MAED,WAIE,OAHmBE,KAAK9B,MAAhBG,QACS2B,KAAKlC,MAAdqF,IAGV,GAAC,CAAAtD,IAAA,gBAAAC,MAED,SAAcqB,GACZ,IAAAiC,EAA8DpD,KAAKlC,MAA9CuF,EAAoCD,EAApCC,qCACfC,EAAoBC,EADPH,EAAXI,aAGR,SAAIH,GACgB,UAAdlC,IAAoE,GAA3CmC,EAAkBG,QAAQ,gBAKlDH,EAAkBG,QAAQtC,IAAc,CACjD,GAAC,CAAAtB,IAAA,gBAAAC,MAED,SAAcqB,GACZ,IAAAuC,EAA8D1D,KAAKlC,MAA9CuF,EAAoCK,EAApCL,qCACfM,EAAoBJ,EADPG,EAAXE,aAGR,SAAIP,GACgB,SAAdlC,IAAmE,GAA3CwC,EAAkBF,QAAQ,gBAKjDE,EAAkBF,QAAQtC,IAAc,CACjD,GAAC,CAAAtB,IAAA,eAAAC,MAED,SAAa+D,GACX7D,KAAKI,YAAY,aAAcyD,EAAEvD,OAAQuD,EAC3C,GAAC,CAAAhE,IAAA,eAAAC,MAED,SAAa+D,GACX7D,KAAKI,YAAY,aAAcyD,EAAEvD,OAAQuD,EAC3C,GAAC,CAAAhE,IAAA,UAAAC,MAED,SAAQ+D,GACFA,EAAEC,QACN9D,KAAKI,YAAY,QAASyD,EAAEvD,OAAQuD,EACtC,GAAC,CAAAhE,IAAA,YAAAC,MAED,SAAUC,GACU,UAAdA,EAAMF,KACRG,KAAKI,YAAY,QAASL,EAAMO,OAAQP,GAGxB,QAAdA,EAAMF,KACRG,KAAKI,YAAY,MAAOL,EAAMO,OAAQP,EAE1C,GAAC,CAAAF,IAAA,cAAAC,MAED,SAAY+D,GACNA,EAAEC,QACN9D,KAAKI,YAAY,YAAayD,EAAEvD,OAAQuD,EAC1C,GAAC,CAAAhE,IAAA,UAAAC,MAED,SAAQ+D,GACN7D,KAAKI,YAAY,QAASyD,EAAEvD,OAAQuD,EACtC,GAAC,CAAAhE,IAAA,SAAAC,MAED,SAAO+D,GACL7D,KAAKI,YAAY,OAAQyD,EAAEE,cAAeF,EAC5C,GAAC,CAAAhE,IAAA,QAAAC,MAED,SAAM+D,GACJ7D,KAAKI,YAAY,SAAUyD,EAAEvD,OAAQuD,EACvC,GAAC,CAAAhE,IAAA,gBAAAC,MAED,SAAc+D,GACZ,IAAM/E,EAAUkB,KAAKlB,WAChBkB,KAAK+C,cAAc,iBAAmBjE,GAAakB,KAAKiD,cAAc,gBAAkBnE,IAC3F+E,EAAEG,iBAEJhE,KAAKI,YAAY,cAAeyD,EAAEvD,OAAQuD,EAC5C,GAAC,CAAAhE,IAAA,iBAAAC,MAED,SAAeC,GACb,IAAQf,EAAmBgB,KAAKlC,MAAxBkB,eACRgB,KAAKI,YAAY,eAAgBL,EAAMO,OAAQP,GAC/Cf,EAAee,EACjB,GAAC,CAAAF,IAAA,gBAAAC,MAED,SAAcC,GACkBC,KAAKlC,MAA3BmG,mBACejE,KAAKkD,mBAAmBnD,EAAO,cACxD,GAAC,CAAAF,IAAA,gBAAAC,MAED,SAAcC,GACkBC,KAAKlC,MAA3BmG,mBACejE,KAAKC,mBAAmBF,EAAO,cACxD,GAAC,CAAAF,IAAA,iBAAAC,MAED,SAAe+D,GACb,IAAQzE,EAAmBY,KAAKlC,MAAxBsB,eACRY,KAAKI,YAAY,iBAAkByD,EAAEvD,OAAQuD,GAC7CzE,EAAeyE,EACjB,GAAC,CAAAhE,IAAA,SAAAC,MAED,WAAM,IAAAoE,EAAAlE,KACJmE,EAoBInE,KAAKlC,MAnBPsG,EAAgBD,EAAhBC,iBACAC,EAAOF,EAAPE,QACAC,EAAYH,EAAZG,aACAC,EAAQJ,EAARI,SACAC,EAAuBL,EAAvBK,wBACAC,EAAaN,EAAbM,cACAC,EAAQP,EAARO,SACAjD,EAAS0C,EAAT1C,UACAkD,EAAMR,EAANQ,OACAC,EAAST,EAATS,UACAC,EAAOV,EAAPU,QACAC,EAAgBX,EAAhBW,iBACAC,EAAyBZ,EAAzBY,0BACAC,EAAMb,EAANa,OACAC,EAAuBd,EAAvBc,wBACAC,EAAsBf,EAAtBe,uBACApE,EAAiBqD,EAAjBrD,kBAIMY,EAAqB1B,KAAK9B,MAA1BwD,iBACFyD,EAHqBhB,EAAzB,gBAGuCiB,EAAUC,EAAuBC,OAJtEnB,EAAFoB,IAMIC,EAA0BhB,GAA2B9C,OAAmBQ,EAAYuC,EACpFgB,EAAkBC,EAAWrB,GAAWA,IAAYA,EAE1D,OAAKoB,EAIHE,gBAACC,EAAO,KACND,EAAAE,cAACC,EACE,MAAA,SAAAC,GAAY,IAATC,EAAGD,EAAHC,IACF,OACEL,EAACE,cAAAI,EACC,CAAAC,UAAWC,EAAGpB,GACdiB,IAAKA,EACLnH,OAAQuH,EAAwB,SAAUlC,EAAMA,EAAKpG,OACrDuB,UAAW+G,EAAwB,YAAalC,EAAMA,EAAKpG,OAC3Da,QAASyH,EAAwB,UAAWlC,EAAMA,EAAKpG,OACvDc,QAASwH,EAAwB,UAAWlC,EAAMA,EAAKpG,OACvDY,YAAa0H,EAAwB,cAAelC,EAAMA,EAAKpG,OAC/DS,aAAc6H,EAAwB,eAAgBlC,EAAMA,EAAKpG,OACjEW,aAAc2H,EAAwB,eAAgBlC,EAAMA,EAAKpG,OACjEyB,cAAe6G,EAAwB,gBAAiBlC,EAAMA,EAAKpG,QAElEyG,EAGN,IAEF8B,EACCV,gBAACW,EAAM,CACLC,UAAW7B,EACXE,UACE,CAAA,CACE4B,KAAM,SACNzE,QAAS,CACP0E,OAAQ,CAAC9B,EAAO+B,UAAW/B,EAAOgC,QAGtC,CACEH,KAAM,SACNI,SAAS,EACTC,MAAO,QACPC,GAAE,SAAAC,GAAU,IAAP7I,EAAK6I,EAAL7I,MAIH,OAHI8G,IACF9G,EAAM8I,OAAOC,OAAOjC,OAAgBA,EAAPkC,IAExBhJ,CACT,GAEF,CACEsI,KAAM,UACNI,SAAS,EACTC,MAAO,QACPC,GAAE,SAAAK,GAAU,IAAPjJ,EAAKiJ,EAALjJ,MACH,OAAKA,EAAM8I,OAAOI,OAUlBlJ,EAAM8I,OAAOI,MAAMC,UAASC,GAAAA,OAAMpJ,EAAM8I,OAAOI,MAAMC,UAAyB,kBACvEnJ,GAVEA,CAWX,IACDoJ,OAAAC,EACE3C,MAGJ,SAAA4C,GAA6D,IAA1DjB,EAASiB,EAATjB,UAAWkB,EAAKD,EAALC,MAAOzB,EAAGwB,EAAHxB,IAAK0B,EAAUF,EAAVE,WAAYC,EAAiBH,EAAjBG,kBACrC,IAAKzD,EAAKpF,WAAayH,EACrB,OAAO,KAGT,GAAItB,GAA2B0C,EAAmB,CAChD,IAAM5H,EAAQ,IAAI6H,YAAY,qBAC9B1D,EAAKvB,WAAW5C,EAAO,oBACxB,CAED,OACE4F,gBAACkC,EAAa,CAAA,cACC1C,EACbwC,kBAAmB1C,GAA2B0C,EAC9CpJ,aAAc2F,EAAKjF,cACnBR,aAAcyF,EAAKhF,cACnBF,eAAgBkF,EAAKlF,eACrBO,cAAe2E,EAAK3E,cACpBR,MAAOmF,EAAKnF,MACZ0F,cAAee,EACfd,SAAU6B,EACVnC,iBAAkBA,EAClBE,aAAcA,EACdjG,OAAQ6F,EAAKpF,UACb2C,UAAWA,EACXqG,YAAaL,EACbzB,IAAKA,EACLrH,QAASuF,EAAK9E,eACd2I,aAAclD,EACd/D,kBAAmBA,EACnBoE,uBAAwBA,GAEvBO,EACAZ,GACCc,EACEE,cAAA,MAAA,CAAA4B,MAAOC,EAAWD,MAClBzB,IAAK0B,EAAW1B,IAChBE,UAAWC,EAAGa,EAAOI,MAAOtC,GAAiB,iBAC7ByB,IAKzB,IAEHvG,KAAKb,iBAhHFoF,CAoHX,IAAC,CAAA,CAAA1E,IAAA,2BAAAC,MA5WD,SAAgCkI,EAAwB9J,GACtD,OAAIA,EAAMC,+BACD,CAAEE,OAAQ2J,EAAU3J,QAEtB,IACT,IAAC,IA0WH,SAAS+H,EAAwBI,EAAcyB,EAAkBnK,GAE/D,OAAOoK,EAAe,CAACpK,EAAM0I,GAAOyB,EAASzB,KAAQ,EACvD,CAjdS5I,EAAgBuK,iBAAGjI,EACnBtC,EAASwK,UAAGC,EACZzK,EAAc0K,eAAGC,EACjB3K,EAAA4K,aAAe,CACpB9D,SAAU,MACVE,UAAW,GACXD,OAAQ,CAAEgC,KAAM,EAAGD,UAAW,GAC9BjF,UAAW,IACXe,UAAW,IACXgB,YAAa5F,EAAOuK,iBAAiBM,YACrC7E,YAAahG,EAAOuK,iBAAiBO,YACrCzE,mBAAmB,EACnB3F,mBAAmB,EACnB6D,SAAS,EACTgB,MAAM,EACNsB,cAAe7G,EAAO0K,eAAeK,OACrCnE,yBAAyB,EACzB1D,kBAAmB,OACnB+D,SAAS,EACTnE,gBAAiBkI,EACjBlG,gBAAiBkG,EACjB5J,eAAgB4J,EAChBxJ,eAAgBwJ,EAChBxK,0BAA0B,EAC1B6G,yBAAyB,EACzBxE,uBAAuB,EACvBa,oBAAoB,EACpB+B,sCAAsC"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface DialogProps extends VibeComponentProps {\n /*\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Where the dialog should be in reference to the children,\n * Top, Left, Right, Bottom ...\n /\n position?: DialogPosition;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Modifier<any>[];\n startingEdge?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: { main?: number; secondary?: number };\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n an array of hide/show trigger -\n /\n showTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n an array of hide/show trigger -\n /\n hideTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n Show the Dialog when the children are mounting\n /\n shouldShowOnMount?: boolean;\n /\n disable the opening of the dialog\n /\n disable?: boolean;\n /\n open is a controlled prop to open the dialog\n /\n open?: boolean;\n /\n used when state is derived from props\n /\n isOpen?: boolean;\n /\n if this class exists on the children the show trigger will be ignored\n /\n showTriggerIgnoreClass?: string \| Array<string>;\n /\n if this class exists on the children the hide trigger will be ignored\n /\n hideTriggerIgnoreClass?: string \| Array<string>;\n /\n Dialog animation type\n /\n animationType?: DialogAnimationType;\n /\n Classname to be added to the content container\n /\n wrapperClassName?: string;\n /\n Prevent Animation\n /\n preventAnimationOnMount?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n should position the tooltip element\n * https://popper.js.org/docs/v2/modifiers/arrow/\n /\n tooltip?: boolean;\n /\n class name to add to the tooltip element\n /\n tooltipClassName?: string;\n /\n callback to be called when the dialog is shown\n /\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent \| string) => void;\n /\n callback to be called when the dialog is hidden\n /\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent \| string) => void;\n /\n callback to be called when click outside is being triggered\n /\n onClickOutside?: (event: React.MouseEvent) => void;\n /\n callback to be called when click on the content is being triggered\n /\n onContentClick?: (event: React.MouseEvent) => void;\n /\n z-index to add to the dialog\n /\n zIndex?: number;\n useDerivedStateFromProps?: boolean;\n /\n Make the dialog disappear when the element it is attached to becomes hidden\n /\n hideWhenReferenceHidden?: boolean;\n shouldCallbackOnMount?: boolean;\n instantShowAndHide?: boolean;\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n content?: (() => JSX.Element) \| JSX.Element;\n /\n The element where we will position the dialog beside.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n If true disable the scroll for the containerSelector element.\n * If string use it as selector to prevent scroll.\n /\n disableContainerScroll?: boolean \| string;\n}\n\nexport interface DialogState {\n isOpen?: boolean;\n shouldUseDerivedStateFromProps?: boolean;\n preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent \| React.KeyboardEvent \| KeyboardEvent \| React.FocusEvent \| CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n if (isClient()) {\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n if (isClient()) {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement \|\| !(containerElement instanceof Element)) {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay \|\| 0;\n preventAnimation = preventAnimation \|\| dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen \|\| open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) \|\| (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount \|\| preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {isClient() &&\n createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\$([0-9].)px, ([0-9].*)px\$/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n return (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={ref}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","removeEventListener","containerElement","querySelector","containerSelector","Element","layerRef","context","current","body","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}

package/dist/src/components/Dialog/Dialog.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var a={arrow:"arrow_394a9c2f0a"};!function(a){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-a5825d2828c8_3_0_0-alpha_0";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(a))}(".arrow_394a9c2f0a {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_394a9c2f0a[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_394a9c2f0a[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_394a9c2f0a[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_394a9c2f0a[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
+var e={arrow:"arrow_5fefa64607"};!function(e){const n="s_id-a5825d2828c8_3_0_0-alpha_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".arrow_5fefa64607 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_5fefa64607[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_5fefa64607[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_5fefa64607[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_5fefa64607[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_6f1ecb16c4",top:"top_c8541baa79",right:"right_5737c1166b",left:"left_8a36b3f8b9",bottom:"bottom_90674fc677",bottomStart:"bottomStart_d61551b17f",topStart:"topStart_7ccd28d4c9",bottomEnd:"bottomEnd_59a5a33155",topEnd:"topEnd_7e5ce40122",leftStart:"leftStart_f66aa1b147",rightStart:"rightStart_d55780d10e",leftEnd:"leftEnd_39c1c59c4d",rightEnd:"rightEnd_af1bb38904",contentComponent:"contentComponent_6f1ecb16c4",hasTooltip:"hasTooltip_69ce8345bd",opacitySlideAppear:"opacitySlideAppear_65b0acf219",opacitySlideAppearActive:"opacitySlideAppearActive_d45ee38ebb",expandAppear:"expandAppear_5e1660ed0b",expandExit:"expandExit_6e244b72d7",edgeBottom:"edgeBottom_871f1b1d50",edgeTop:"edgeTop_bfcb4ee8b2",expandAppearActive:"expandAppearActive_68c082c617"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ca4097b848ab_3_0_0-alpha_0";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".contentWrapper_6f1ecb16c4 {\n  outline: 0;\n}\n.contentWrapper_6f1ecb16c4.top_c8541baa79, .contentWrapper_6f1ecb16c4.right_5737c1166b, .contentWrapper_6f1ecb16c4.left_8a36b3f8b9, .contentWrapper_6f1ecb16c4.bottom_90674fc677 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_6f1ecb16c4.bottomStart_d61551b17f, .contentWrapper_6f1ecb16c4.topStart_7ccd28d4c9, .contentWrapper_6f1ecb16c4.bottomEnd_59a5a33155, .contentWrapper_6f1ecb16c4.topEnd_7e5ce40122 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_6f1ecb16c4.bottomStart_d61551b17f, .contentWrapper_6f1ecb16c4.topStart_7ccd28d4c9 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_6f1ecb16c4.bottomEnd_59a5a33155, .contentWrapper_6f1ecb16c4.topEnd_7e5ce40122 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_6f1ecb16c4.leftStart_f66aa1b147, .contentWrapper_6f1ecb16c4.rightStart_d55780d10e, .contentWrapper_6f1ecb16c4.leftEnd_39c1c59c4d, .contentWrapper_6f1ecb16c4.rightEnd_af1bb38904 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_6f1ecb16c4.leftStart_f66aa1b147, .contentWrapper_6f1ecb16c4.rightStart_d55780d10e {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_6f1ecb16c4.leftEnd_39c1c59c4d, .contentWrapper_6f1ecb16c4.rightEnd_af1bb38904 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_6f1ecb16c4[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_6f1ecb16c4:focus {\n  outline: none;\n}\n.contentComponent_6f1ecb16c4.hasTooltip_69ce8345bd {\n  padding: 6px;\n}\n.opacitySlideAppear_65b0acf219 {\n  opacity: 0;\n}\n.opacitySlideAppear_65b0acf219.top_c8541baa79 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_65b0acf219.right_5737c1166b {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_65b0acf219.bottom_90674fc677 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_65b0acf219.left_8a36b3f8b9 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_d45ee38ebb {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_d45ee38ebb.top_c8541baa79, .opacitySlideAppearActive_d45ee38ebb.bottom_90674fc677 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_d45ee38ebb.right_5737c1166b, .opacitySlideAppearActive_d45ee38ebb.left_8a36b3f8b9 {\n  transform: translateX(0);\n}\n.expandAppear_5e1660ed0b,\n.expandExit_6e244b72d7 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_5e1660ed0b.top_c8541baa79, .expandAppear_5e1660ed0b.topStart_7ccd28d4c9, .expandAppear_5e1660ed0b.topEnd_7e5ce40122,\n.expandExit_6e244b72d7.top_c8541baa79,\n.expandExit_6e244b72d7.topStart_7ccd28d4c9,\n.expandExit_6e244b72d7.topEnd_7e5ce40122 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_5e1660ed0b.top_c8541baa79.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.topStart_7ccd28d4c9.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.topEnd_7e5ce40122.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.top_c8541baa79.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.topStart_7ccd28d4c9.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.topEnd_7e5ce40122.edgeBottom_871f1b1d50 {\n  transform-origin: bottom left;\n}\n.expandAppear_5e1660ed0b.top_c8541baa79.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.topStart_7ccd28d4c9.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.topEnd_7e5ce40122.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.top_c8541baa79.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.topStart_7ccd28d4c9.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.topEnd_7e5ce40122.edgeTop_bfcb4ee8b2 {\n  transform-origin: bottom right;\n}\n.expandAppear_5e1660ed0b.right_5737c1166b, .expandAppear_5e1660ed0b.rightStart_d55780d10e, .expandAppear_5e1660ed0b.rightEnd_af1bb38904,\n.expandExit_6e244b72d7.right_5737c1166b,\n.expandExit_6e244b72d7.rightStart_d55780d10e,\n.expandExit_6e244b72d7.rightEnd_af1bb38904 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_5e1660ed0b.right_5737c1166b.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.rightStart_d55780d10e.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.rightEnd_af1bb38904.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.right_5737c1166b.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.rightStart_d55780d10e.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.rightEnd_af1bb38904.edgeBottom_871f1b1d50 {\n  transform-origin: top left;\n}\n.expandAppear_5e1660ed0b.right_5737c1166b.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.rightStart_d55780d10e.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.rightEnd_af1bb38904.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.right_5737c1166b.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.rightStart_d55780d10e.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.rightEnd_af1bb38904.edgeTop_bfcb4ee8b2 {\n  transform-origin: bottom left;\n}\n.expandAppear_5e1660ed0b.bottom_90674fc677, .expandAppear_5e1660ed0b.bottomStart_d61551b17f, .expandAppear_5e1660ed0b.bottomEnd_59a5a33155,\n.expandExit_6e244b72d7.bottom_90674fc677,\n.expandExit_6e244b72d7.bottomStart_d61551b17f,\n.expandExit_6e244b72d7.bottomEnd_59a5a33155 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_5e1660ed0b.bottom_90674fc677.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.bottomStart_d61551b17f.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.bottomEnd_59a5a33155.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.bottom_90674fc677.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.bottomStart_d61551b17f.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.bottomEnd_59a5a33155.edgeBottom_871f1b1d50 {\n  transform-origin: top left;\n}\n.expandAppear_5e1660ed0b.bottom_90674fc677.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.bottomStart_d61551b17f.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.bottomEnd_59a5a33155.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.bottom_90674fc677.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.bottomStart_d61551b17f.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.bottomEnd_59a5a33155.edgeTop_bfcb4ee8b2 {\n  transform-origin: top right;\n}\n.expandAppear_5e1660ed0b.left_8a36b3f8b9, .expandAppear_5e1660ed0b.leftStart_f66aa1b147, .expandAppear_5e1660ed0b.leftEnd_39c1c59c4d,\n.expandExit_6e244b72d7.left_8a36b3f8b9,\n.expandExit_6e244b72d7.leftStart_f66aa1b147,\n.expandExit_6e244b72d7.leftEnd_39c1c59c4d {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_5e1660ed0b.left_8a36b3f8b9.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.leftStart_f66aa1b147.edgeBottom_871f1b1d50, .expandAppear_5e1660ed0b.leftEnd_39c1c59c4d.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.left_8a36b3f8b9.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.leftStart_f66aa1b147.edgeBottom_871f1b1d50,\n.expandExit_6e244b72d7.leftEnd_39c1c59c4d.edgeBottom_871f1b1d50 {\n  transform-origin: top right;\n}\n.expandAppear_5e1660ed0b.left_8a36b3f8b9.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.leftStart_f66aa1b147.edgeTop_bfcb4ee8b2, .expandAppear_5e1660ed0b.leftEnd_39c1c59c4d.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.left_8a36b3f8b9.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.leftStart_f66aa1b147.edgeTop_bfcb4ee8b2,\n.expandExit_6e244b72d7.leftEnd_39c1c59c4d.edgeTop_bfcb4ee8b2 {\n  transform-origin: bottom right;\n}\n.expandExit_6e244b72d7 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_68c082c617 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_68c082c617.top_c8541baa79, .expandAppearActive_68c082c617.topStart_7ccd28d4c9, .expandAppearActive_68c082c617.topEnd_7e5ce40122, .expandAppearActive_68c082c617.bottom_90674fc677, .expandAppearActive_68c082c617.bottomStart_d61551b17f, .expandAppearActive_68c082c617.bottomEnd_59a5a33155, .expandAppearActive_68c082c617.right_5737c1166b, .expandAppearActive_68c082c617.rightStart_d55780d10e, .expandAppearActive_68c082c617.rightEnd_af1bb38904, .expandAppearActive_68c082c617.left_8a36b3f8b9, .expandAppearActive_68c082c617.leftStart_f66aa1b147, .expandAppearActive_68c082c617.leftEnd_39c1c59c4d {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_bcea2344af",top:"top_d5d83c9115",right:"right_4283bd3243",left:"left_ed20fcb5fe",bottom:"bottom_fd9c8526ff",bottomStart:"bottomStart_90acb9fa1e",topStart:"topStart_0ae588f546",bottomEnd:"bottomEnd_1cdaf5daef",topEnd:"topEnd_dd9e516388",leftStart:"leftStart_6e20b550d3",rightStart:"rightStart_58f0a7307c",leftEnd:"leftEnd_a7c648443d",rightEnd:"rightEnd_2eb0c86348",contentComponent:"contentComponent_bcea2344af",hasTooltip:"hasTooltip_8f3c112686",opacitySlideAppear:"opacitySlideAppear_f47a82877b",opacitySlideAppearActive:"opacitySlideAppearActive_6097965e1d",expandAppear:"expandAppear_b020f53569",expandExit:"expandExit_8d02015b49",edgeBottom:"edgeBottom_923cf59f98",edgeTop:"edgeTop_fda55809d0",expandAppearActive:"expandAppearActive_5461702166"};!function(e){const t="s_id-ca4097b848ab_3_0_0-alpha_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_bcea2344af {\n  outline: 0;\n}\n.contentWrapper_bcea2344af.top_d5d83c9115, .contentWrapper_bcea2344af.right_4283bd3243, .contentWrapper_bcea2344af.left_ed20fcb5fe, .contentWrapper_bcea2344af.bottom_fd9c8526ff {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_bcea2344af.bottomStart_90acb9fa1e, .contentWrapper_bcea2344af.topStart_0ae588f546, .contentWrapper_bcea2344af.bottomEnd_1cdaf5daef, .contentWrapper_bcea2344af.topEnd_dd9e516388 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_bcea2344af.bottomStart_90acb9fa1e, .contentWrapper_bcea2344af.topStart_0ae588f546 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_bcea2344af.bottomEnd_1cdaf5daef, .contentWrapper_bcea2344af.topEnd_dd9e516388 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_bcea2344af.leftStart_6e20b550d3, .contentWrapper_bcea2344af.rightStart_58f0a7307c, .contentWrapper_bcea2344af.leftEnd_a7c648443d, .contentWrapper_bcea2344af.rightEnd_2eb0c86348 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_bcea2344af.leftStart_6e20b550d3, .contentWrapper_bcea2344af.rightStart_58f0a7307c {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_bcea2344af.leftEnd_a7c648443d, .contentWrapper_bcea2344af.rightEnd_2eb0c86348 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_bcea2344af[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_bcea2344af:focus {\n  outline: none;\n}\n.contentComponent_bcea2344af.hasTooltip_8f3c112686 {\n  padding: 6px;\n}\n.opacitySlideAppear_f47a82877b {\n  opacity: 0;\n}\n.opacitySlideAppear_f47a82877b.top_d5d83c9115 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_f47a82877b.right_4283bd3243 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_f47a82877b.bottom_fd9c8526ff {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_f47a82877b.left_ed20fcb5fe {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_6097965e1d {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_6097965e1d.top_d5d83c9115, .opacitySlideAppearActive_6097965e1d.bottom_fd9c8526ff {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_6097965e1d.right_4283bd3243, .opacitySlideAppearActive_6097965e1d.left_ed20fcb5fe {\n  transform: translateX(0);\n}\n.expandAppear_b020f53569,\n.expandExit_8d02015b49 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_b020f53569.top_d5d83c9115, .expandAppear_b020f53569.topStart_0ae588f546, .expandAppear_b020f53569.topEnd_dd9e516388,\n.expandExit_8d02015b49.top_d5d83c9115,\n.expandExit_8d02015b49.topStart_0ae588f546,\n.expandExit_8d02015b49.topEnd_dd9e516388 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_b020f53569.top_d5d83c9115.edgeBottom_923cf59f98, .expandAppear_b020f53569.topStart_0ae588f546.edgeBottom_923cf59f98, .expandAppear_b020f53569.topEnd_dd9e516388.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.top_d5d83c9115.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.topStart_0ae588f546.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.topEnd_dd9e516388.edgeBottom_923cf59f98 {\n  transform-origin: bottom left;\n}\n.expandAppear_b020f53569.top_d5d83c9115.edgeTop_fda55809d0, .expandAppear_b020f53569.topStart_0ae588f546.edgeTop_fda55809d0, .expandAppear_b020f53569.topEnd_dd9e516388.edgeTop_fda55809d0,\n.expandExit_8d02015b49.top_d5d83c9115.edgeTop_fda55809d0,\n.expandExit_8d02015b49.topStart_0ae588f546.edgeTop_fda55809d0,\n.expandExit_8d02015b49.topEnd_dd9e516388.edgeTop_fda55809d0 {\n  transform-origin: bottom right;\n}\n.expandAppear_b020f53569.right_4283bd3243, .expandAppear_b020f53569.rightStart_58f0a7307c, .expandAppear_b020f53569.rightEnd_2eb0c86348,\n.expandExit_8d02015b49.right_4283bd3243,\n.expandExit_8d02015b49.rightStart_58f0a7307c,\n.expandExit_8d02015b49.rightEnd_2eb0c86348 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_b020f53569.right_4283bd3243.edgeBottom_923cf59f98, .expandAppear_b020f53569.rightStart_58f0a7307c.edgeBottom_923cf59f98, .expandAppear_b020f53569.rightEnd_2eb0c86348.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.right_4283bd3243.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.rightStart_58f0a7307c.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.rightEnd_2eb0c86348.edgeBottom_923cf59f98 {\n  transform-origin: top left;\n}\n.expandAppear_b020f53569.right_4283bd3243.edgeTop_fda55809d0, .expandAppear_b020f53569.rightStart_58f0a7307c.edgeTop_fda55809d0, .expandAppear_b020f53569.rightEnd_2eb0c86348.edgeTop_fda55809d0,\n.expandExit_8d02015b49.right_4283bd3243.edgeTop_fda55809d0,\n.expandExit_8d02015b49.rightStart_58f0a7307c.edgeTop_fda55809d0,\n.expandExit_8d02015b49.rightEnd_2eb0c86348.edgeTop_fda55809d0 {\n  transform-origin: bottom left;\n}\n.expandAppear_b020f53569.bottom_fd9c8526ff, .expandAppear_b020f53569.bottomStart_90acb9fa1e, .expandAppear_b020f53569.bottomEnd_1cdaf5daef,\n.expandExit_8d02015b49.bottom_fd9c8526ff,\n.expandExit_8d02015b49.bottomStart_90acb9fa1e,\n.expandExit_8d02015b49.bottomEnd_1cdaf5daef {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_b020f53569.bottom_fd9c8526ff.edgeBottom_923cf59f98, .expandAppear_b020f53569.bottomStart_90acb9fa1e.edgeBottom_923cf59f98, .expandAppear_b020f53569.bottomEnd_1cdaf5daef.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.bottom_fd9c8526ff.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.bottomStart_90acb9fa1e.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.bottomEnd_1cdaf5daef.edgeBottom_923cf59f98 {\n  transform-origin: top left;\n}\n.expandAppear_b020f53569.bottom_fd9c8526ff.edgeTop_fda55809d0, .expandAppear_b020f53569.bottomStart_90acb9fa1e.edgeTop_fda55809d0, .expandAppear_b020f53569.bottomEnd_1cdaf5daef.edgeTop_fda55809d0,\n.expandExit_8d02015b49.bottom_fd9c8526ff.edgeTop_fda55809d0,\n.expandExit_8d02015b49.bottomStart_90acb9fa1e.edgeTop_fda55809d0,\n.expandExit_8d02015b49.bottomEnd_1cdaf5daef.edgeTop_fda55809d0 {\n  transform-origin: top right;\n}\n.expandAppear_b020f53569.left_ed20fcb5fe, .expandAppear_b020f53569.leftStart_6e20b550d3, .expandAppear_b020f53569.leftEnd_a7c648443d,\n.expandExit_8d02015b49.left_ed20fcb5fe,\n.expandExit_8d02015b49.leftStart_6e20b550d3,\n.expandExit_8d02015b49.leftEnd_a7c648443d {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_b020f53569.left_ed20fcb5fe.edgeBottom_923cf59f98, .expandAppear_b020f53569.leftStart_6e20b550d3.edgeBottom_923cf59f98, .expandAppear_b020f53569.leftEnd_a7c648443d.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.left_ed20fcb5fe.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.leftStart_6e20b550d3.edgeBottom_923cf59f98,\n.expandExit_8d02015b49.leftEnd_a7c648443d.edgeBottom_923cf59f98 {\n  transform-origin: top right;\n}\n.expandAppear_b020f53569.left_ed20fcb5fe.edgeTop_fda55809d0, .expandAppear_b020f53569.leftStart_6e20b550d3.edgeTop_fda55809d0, .expandAppear_b020f53569.leftEnd_a7c648443d.edgeTop_fda55809d0,\n.expandExit_8d02015b49.left_ed20fcb5fe.edgeTop_fda55809d0,\n.expandExit_8d02015b49.leftStart_6e20b550d3.edgeTop_fda55809d0,\n.expandExit_8d02015b49.leftEnd_a7c648443d.edgeTop_fda55809d0 {\n  transform-origin: bottom right;\n}\n.expandExit_8d02015b49 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_5461702166 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_5461702166.top_d5d83c9115, .expandAppearActive_5461702166.topStart_0ae588f546, .expandAppearActive_5461702166.topEnd_dd9e516388, .expandAppearActive_5461702166.bottom_fd9c8526ff, .expandAppearActive_5461702166.bottomStart_90acb9fa1e, .expandAppearActive_5461702166.bottomEnd_1cdaf5daef, .expandAppearActive_5461702166.right_4283bd3243, .expandAppearActive_5461702166.rightStart_58f0a7307c, .expandAppearActive_5461702166.rightEnd_2eb0c86348, .expandAppearActive_5461702166.left_ed20fcb5fe, .expandAppearActive_5461702166.leftStart_6e20b550d3, .expandAppearActive_5461702166.leftEnd_a7c648443d {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_f7c8b9ceee",sizeSmall:"sizeSmall_0d18097b41",sizeMedium:"sizeMedium_d2ee9026ac",sizeLarge:"sizeLarge_08a0797c93",typePopover:"typePopover_94b16b8a1f",typeModal:"typeModal_a594a830c3"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-12831727ea09_3_0_0-alpha_0";if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer_f7c8b9ceee:focus {\n  outline: none;\n}\n\n.sizeSmall_0d18097b41 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_d2ee9026ac {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_08a0797c93 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_94b16b8a1f {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, var(--box-shadow-medium));\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_a594a830c3 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer_d0c2ff581c",sizeSmall:"sizeSmall_22cf25b34a",sizeMedium:"sizeMedium_44703d11d6",sizeLarge:"sizeLarge_a0b3af27c0",typePopover:"typePopover_74e66e6c85",typeModal:"typeModal_b80f4fae65"};!function(e){const a="s_id-84014680658e_3_0_0-alpha_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_d0c2ff581c:focus {\n  outline: none;\n}\n\n.sizeSmall_22cf25b34a {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_44703d11d6 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_a0b3af27c0 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_74e66e6c85 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_b80f4fae65 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/src/components/Divider/Divider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={divider:"divider_bae7c807e3",withoutMargin:"withoutMargin_d513805fd1",horizontal:"horizontal_341eea39a4",vertical:"vertical_a6f8f30b2d"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-290500f5721e_3_0_0-alpha_0";if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".divider_bae7c807e3 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_bae7c807e3.withoutMargin_d513805fd1 {\n  margin: 0;\n}\n\n.horizontal_341eea39a4 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_a6f8f30b2d {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_dfba127190",withoutMargin:"withoutMargin_628f69d758",horizontal:"horizontal_6fa9f3d4c8",vertical:"vertical_b7d086e33a"};!function(e){const n="s_id-290500f5721e_3_0_0-alpha_10";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_dfba127190 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_dfba127190.withoutMargin_628f69d758 {\n  margin: 0;\n}\n\n.horizontal_6fa9f3d4c8 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_b7d086e33a {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/src/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useCallback as p}from"react";import m,{createFilter as f,components as O}from"react-select";import v from"react-select/async";import{noop as b}from"lodash-es";import{WindowedMenuList as g}from"react-windowed-select";import j from"./components/menu/menu.js";import C from"./components/DropdownIndicator/DropdownIndicator.js";import M from"./components/option/option.js";import y from"./components/singleValue/singleValue.js";import h from"./components/ClearIndicator/ClearIndicator.js";import w from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as S,DROPDOWN_MENU_PLACEMENT as I,DROPDOWN_MENU_POSITION as D,ADD_AUTO_HEIGHT_COMPONENTS as V,defaultCustomStyles as R,DROPDOWN_ID as P,DROPDOWN_MENU_ID as A,DROPDOWN_MENU_ARIA_LABEL as W}from"./DropdownConstants.js";import x,{customTheme as z}from"./Dropdown.styles.js";import E from"./components/Control/Control.js";import N from"./components/menu/menu.module.scss.js";import L from"./Dropdown.module.scss.js";import{withStaticProps as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var T=F(l((function(a,l){var f=a.className,S=a.optionWrapperClassName,I=a.singleValueWrapperClassName,D=a.dropdownMenuWrapperClassName,F=a.placeholder,T=void 0===F?"":F,k=a.disabled,B=void 0!==k&&k,H=a.readOnly,K=void 0!==H&&H,_=a.onMenuOpen,q=void 0===_?b:_,G=a.onMenuClose,J=void 0===G?b:G,Q=a.onFocus,U=void 0===Q?b:Q,X=a.onBlur,Y=void 0===X?b:X,Z=a.onChange,$=void 0===Z?b:Z,ee=a.searchable,ne=void 0===ee||ee,oe=a.options,te=void 0===oe?[]:oe,re=a.defaultValue,ie=a.value,ae=a.noOptionsMessage,se=a.openMenuOnFocus,le=a.openMenuOnClick,ce=a.clearable,ue=void 0===ce||ce,de=a.OptionRenderer,pe=a.optionRenderer,me=a.ValueRenderer,fe=a.valueRenderer,Oe=a.menuRenderer,ve=a.menuPlacement,be=void 0===ve?"bottom":ve,ge=a.rtl,je=a.size,Ce=void 0===je?"medium":je,Me=a.asyncOptions,ye=a.cacheOptions,he=a.defaultOptions,we=a.isVirtualized,Se=a.menuPortalTarget,Ie=a.extraStyles,De=void 0===Ie?R:Ie,Ve=a.maxMenuHeight,Re=a.menuIsOpen,Pe=a.tabIndex,Ae=void 0===Pe?"0":Pe,We=a.id,xe=void 0===We?P:We,ze=a.menuId,Ee=void 0===ze?A:ze,Ne=a.menuAriaLabel,Le=void 0===Ne?W:Ne,Fe=a.autoFocus,Te=void 0!==Fe&&Fe,ke=a.multi,Be=void 0!==ke&&ke,He=a.multiline,Ke=void 0!==He&&He,_e=a.onOptionRemove,qe=a.onOptionSelect,Ge=a.onClear,Je=a.onInputChange,Qe=void 0===Je?b:Je,Ue=a.closeMenuOnSelect,Xe=void 0===Ue?!Be:Ue,Ye=a.closeMenuOnScroll,Ze=void 0!==Ye&&Ye,$e=a.withMandatoryDefaultOptions,en=void 0!==$e&&$e,nn=a.isOptionSelected,on=a.insideOverflowContainer,tn=void 0!==on&&on,rn=a.insideOverflowWithTransformContainer,an=void 0!==rn&&rn,sn=a.tooltipContent,ln=void 0===sn?"":sn,cn=a.onKeyDown,un=void 0===cn?b:cn,dn=a.isLoading,pn=void 0!==dn&&dn,mn=a.loadingMessage,fn=a.ariaLabel,On=a.tabSelectsValue,vn=void 0===On||On,bn=a.popupsContainerSelector,gn=a.filterOption,jn=a.menuPosition,Cn=void 0===jn?"absolute":jn,Mn=a["data-testid"],yn=c(),hn=Se||bn&&document.querySelector(bn),wn=u((function(){return re?Array.isArray(re)?re.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},re),{isMandatory:!0}):re}),[re]),Sn=d(wn||[]),In=e(Sn,2),Dn=In[1],Vn=pe||de,Rn=fe||me,Pn=!!ie,An=null!=ie?ie:In[0],Wn=u((function(){return Array.isArray(An)?An.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[An]),xn=u((function(){return fn||"".concat(K?"Readonly ":""," ").concat(ln," ").concat(Array.isArray(An)?"Selected: ".concat(An.map((function(e){return e.label})).join(", ")):"Select")}),[fn,K,An,ln]),zn=Be?An:ie,En=u((function(){var o=x({size:Ce,rtl:ge,insideOverflowContainer:tn,controlRef:yn,insideOverflowWithTransformContainer:an}),t=De(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Be){Ke&&V.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ce,ge,tn,an,De,Be,Ke]),Nn=p((function(e){return s.createElement(j,Object.assign({},e,{id:Ee,ariaLabel:Le,Renderer:Oe,dropdownMenuWrapperClassName:D}))}),[D,Oe,Ee,Le]),Ln=p((function(e){return s.createElement(C,Object.assign({},e,{size:Ce}))}),[Ce]),Fn=p((function(e){return s.createElement(M,Object.assign({},e,{Renderer:Vn,optionWrapperClassName:S}))}),[Vn,S]),Tn=p((function(e){return s.createElement(O.Input,Object.assign({},e,{"aria-label":"Dropdown input","aria-controls":Ee}))}),[Ee]),kn=p((function(e){return s.createElement(y,Object.assign({},e,{readOnly:K,Renderer:Rn,selectedOption:An[0],singleValueWrapperClassName:I}))}),[Rn,K,An,I]),Bn=p((function(e){return s.createElement(h,Object.assign({},e,{size:Ce}))}),[Ce]),Hn=u((function(){return function(e,n){_e&&_e(Wn[e]);var o=Array.isArray(An)?An.filter((function(n){return n.value!==e})):An;$&&$(o,n),Dn(o)}}),[$,_e,An,Wn]),Kn=u((function(){return{selectedOptions:An,onSelectedDelete:Hn,isMultiline:Ke,insideOverflowContainer:tn,insideOverflowWithTransformContainer:an,controlRef:yn,tooltipContent:ln,popupsContainerSelector:bn,size:Ce}}),[An,Hn,Ke,tn,an,ln,bn,Ce]),_n=Me?v:m,qn=Object.assign({},Me&&Object.assign({loadOptions:Me,cacheOptions:ye},he&&{defaultOptions:he})),Gn=Object.assign(Object.assign({},!Me&&{options:te}),Be&&{isMulti:!0}),Jn=p((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(N.dropdownMenuWrapper))&&(Ze||tn||an)}),[tn,an,Ze]);return s.createElement(_n,Object.assign({className:i(L.dropdown,f),selectProps:Kn,components:Object.assign(Object.assign({DropdownIndicator:Ln,Menu:Nn,ClearIndicator:Bn,Input:Tn,Option:Fn,Control:E,SingleValue:kn},Be&&{MultiValue:b,ValueContainer:w}),we&&{MenuList:g}),closeMenuOnScroll:Jn,size:Ce,noOptionsMessage:ae,placeholder:T,isDisabled:B,isClearable:!K&&ue,isSearchable:!K&&ne,readOnly:K,"aria-readonly":K,"aria-label":xn,"aria-details":ln,"aria-expanded":!K&&Re,"aria-haspopup":"listbox","aria-activedescendant":!0,role:"combobox",defaultValue:re,value:zn,onMenuOpen:q,onMenuClose:J,onFocus:U,onBlur:Y,onChange:function(e,n){switch($&&$(e,n),n.action){case"select-option":var t=Be?n.option:e;qe&&qe(t),Pn||Dn([].concat(o(An),[t]));break;case"clear":Ge&&Ge(),Pn||Dn(en?wn:[])}},onKeyDown:un,onInputChange:Qe,openMenuOnFocus:se,openMenuOnClick:le,isRtl:ge,styles:En,theme:z,maxMenuHeight:Ve,menuPortalTarget:hn,menuPlacement:be,menuPosition:Cn,menuIsOpen:!K&&Re,tabIndex:Ae,id:xe,"data-testid":Mn||t(r.DROPDOWN,xe),autoFocus:Te,closeMenuOnSelect:Xe,ref:l,withMandatoryDefaultOptions:en,isOptionSelected:nn,isLoading:pn,loadingMessage:mn,tabSelectsValue:vn,filterOption:gn},qn,Gn))})),{sizes:a,chipColors:S,menuPlacements:I,menuPositions:D,createFilter:f});export{T as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useEffect as p,useCallback as m}from"react";import f,{createFilter as v,components as O}from"react-select";import b from"react-select/async";import g from"react-select/base";import{noop as j}from"lodash-es";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import S from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as D,DROPDOWN_MENU_PLACEMENT as R,DROPDOWN_MENU_POSITION as V,ADD_AUTO_HEIGHT_COMPONENTS as P,defaultCustomStyles as A,DROPDOWN_ID as W,DROPDOWN_MENU_ID as L,DROPDOWN_MENU_ARIA_LABEL as x,DROPDOWN_INPUT_ARIA_LABEL as z}from"./DropdownConstants.js";import E,{customTheme as N}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import T from"./components/menu/menu.module.scss.js";import B from"./Dropdown.module.scss.js";import{withStaticProps as k}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var H=k(l((function(a,l){var v=a.className,D=a.optionWrapperClassName,R=a.singleValueWrapperClassName,V=a.dropdownMenuWrapperClassName,k=a.placeholder,H=void 0===k?"":k,G=a.disabled,K=void 0!==G&&G,_=a.readOnly,q=void 0!==_&&_,J=a.onMenuOpen,Q=void 0===J?j:J,U=a.onMenuClose,X=void 0===U?j:U,Y=a.onFocus,Z=void 0===Y?j:Y,$=a.onBlur,ee=void 0===$?j:$,ne=a.onScroll,oe=void 0===ne?j:ne,te=a.onMenuScrollToBottom,re=void 0===te?j:te,ie=a.onChange,ae=void 0===ie?j:ie,se=a.searchable,le=void 0===se||se,ce=a.captureMenuScroll,ue=void 0!==ce&&ce,de=a.options,pe=void 0===de?[]:de,me=a.defaultValue,fe=a.value,ve=a.noOptionsMessage,Oe=a.openMenuOnFocus,be=a.openMenuOnClick,ge=a.clearable,je=void 0===ge||ge,Ce=a.OptionRenderer,Me=a.optionRenderer,ye=a.ValueRenderer,he=a.valueRenderer,we=a.menuRenderer,Se=a.menuPlacement,Ie=void 0===Se?"bottom":Se,De=a.rtl,Re=a.size,Ve=void 0===Re?"medium":Re,Pe=a.asyncOptions,Ae=a.cacheOptions,We=a.defaultOptions,Le=a.isVirtualized,xe=a.menuPortalTarget,ze=a.extraStyles,Ee=void 0===ze?A:ze,Ne=a.maxMenuHeight,Fe=a.menuIsOpen,Te=a.tabIndex,Be=void 0===Te?"0":Te,ke=a.id,He=void 0===ke?W:ke,Ge=a.menuId,Ke=void 0===Ge?L:Ge,_e=a.menuAriaLabel,qe=void 0===_e?x:_e,Je=a.inputAriaLabel,Qe=void 0===Je?z:Je,Ue=a.autoFocus,Xe=void 0!==Ue&&Ue,Ye=a.multi,Ze=void 0!==Ye&&Ye,$e=a.multiline,en=void 0!==$e&&$e,nn=a.onOptionRemove,on=a.onOptionSelect,tn=a.onClear,rn=a.onInputChange,an=void 0===rn?j:rn,sn=a.closeMenuOnSelect,ln=void 0===sn?!Ze:sn,cn=a.closeMenuOnScroll,un=void 0!==cn&&cn,dn=a.withMandatoryDefaultOptions,pn=void 0!==dn&&dn,mn=a.isOptionSelected,fn=a.insideOverflowContainer,vn=void 0!==fn&&fn,On=a.insideOverflowWithTransformContainer,bn=void 0!==On&&On,gn=a.tooltipContent,jn=void 0===gn?"":gn,Cn=a.onKeyDown,Mn=void 0===Cn?j:Cn,yn=a.isLoading,hn=void 0!==yn&&yn,wn=a.loadingMessage,Sn=a.ariaLabel,In=a.tabSelectsValue,Dn=void 0===In||In,Rn=a.popupsContainerSelector,Vn=a.filterOption,Pn=a.menuPosition,An=void 0===Pn?"absolute":Pn,Wn=a["data-testid"],Ln=a.withGroupDivider,xn=void 0!==Ln&&Ln,zn=c(),En=xe||Rn&&document.querySelector(Rn),Nn=u((function(){return me?Array.isArray(me)?me.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},me),{isMandatory:!0}):me}),[me]);g.prototype.renderLiveRegion=function(){return null};var Fn=d(null),Tn=e(Fn,2),Bn=Tn[0],kn=Tn[1];p((function(){I()&&import("react-windowed-select").then((function(e){kn((function(){return e.WindowedMenuList}))}))}),[]);var Hn=d(Nn||[]),Gn=e(Hn,2),Kn=Gn[0],_n=Gn[1],qn=d(""),Jn=e(qn,2),Qn=Jn[0],Un=Jn[1],Xn=Me||Ce,Yn=he||ye,Zn=!!fe,$n=null!=fe?fe:Kn,eo=u((function(){return Array.isArray($n)?$n.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[$n]),no=u((function(){return Sn||"".concat(q?"Readonly ":""," ").concat(jn," ").concat(Array.isArray($n)?"Selected: ".concat($n.map((function(e){return e.label})).join(", ")):"Select")}),[Sn,q,$n,jn]),oo=Ze?$n:fe,to=u((function(){var o=E({size:Ve,rtl:De,insideOverflowContainer:vn,controlRef:zn,insideOverflowWithTransformContainer:bn,withGroupDivider:xn}),t=Ee(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Ze){en&&P.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ve,De,vn,bn,Ee,Ze,en]),ro=m((function(e){return s.createElement(C,Object.assign({},e,{id:Ke,ariaLabel:qe,Renderer:we,dropdownMenuWrapperClassName:V,onScroll:oe}))}),[V,we,Ke,qe,oe]),io=m((function(e){return s.createElement(M,Object.assign({},e,{size:Ve}))}),[Ve]),ao=m((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:Un},e,{Renderer:Xn,optionWrapperClassName:D}))}),[Xn,D,Un]),so=m((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(O.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!q&&t,"aria-label":Qe,"aria-controls":Ke}))}),[Ke,q]),lo=m((function(e){return s.createElement(h,Object.assign({},e,{readOnly:q,Renderer:Yn,selectedOption:$n[0],singleValueWrapperClassName:R}))}),[Yn,q,$n,R]),co=m((function(e){return s.createElement(w,Object.assign({},e,{size:Ve}))}),[Ve]),uo=u((function(){return function(e,n){nn&&nn(eo[e]);var o=Array.isArray($n)?$n.filter((function(n){return n.value!==e})):$n;ae&&ae(o,n),_n(o)}}),[ae,nn,$n,eo]),po=u((function(){return{selectedOptions:$n,onSelectedDelete:uo,isMultiline:en,insideOverflowContainer:vn,insideOverflowWithTransformContainer:bn,controlRef:zn,tooltipContent:jn,popupsContainerSelector:Rn,size:Ve}}),[$n,uo,en,vn,bn,jn,Rn,Ve]),mo=Pe?b:f,fo=Object.assign({},Pe&&Object.assign({loadOptions:Pe,cacheOptions:Ae},We&&{defaultOptions:We})),vo=Object.assign(Object.assign({},!Pe&&{options:pe}),Ze&&{isMulti:!0}),Oo=m((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(T.dropdownMenuWrapper))&&(un||vn||bn)}),[vn,bn,un]);return s.createElement(mo,Object.assign({className:i(B.dropdown,v),selectProps:po,components:Object.assign(Object.assign({DropdownIndicator:io,Menu:ro,ClearIndicator:co,Input:so,Option:ao,Control:F,SingleValue:lo},Ze&&{MultiValue:j,ValueContainer:S}),Le&&Bn&&{MenuList:Bn}),closeMenuOnScroll:Oo,size:Ve,noOptionsMessage:ve,placeholder:H,isDisabled:K,isClearable:!q&&je,isSearchable:!q&&le,readOnly:q,"aria-readonly":q,"aria-label":no,"aria-details":jn,"aria-haspopup":"listbox",defaultValue:me,value:oo,onMenuOpen:Q,onMenuClose:X,onFocus:Z,onBlur:ee,onMenuScrollToBottom:re,captureMenuScroll:ue,onChange:function(e,n){switch(ae&&ae(e,n),n.action){case"select-option":var t=Ze?n.option:e;on&&on(t),Zn||_n([].concat(o($n),[t]));break;case"clear":tn&&tn(),Zn||_n(pn?Nn:[])}},onKeyDown:Mn,onInputChange:an,openMenuOnFocus:Oe,openMenuOnClick:be,focusedOptionId:Qn,isRtl:De,styles:to,theme:N,maxMenuHeight:Ne,menuPortalTarget:En,menuPlacement:Ie,menuPosition:An,menuIsOpen:!q&&Fe,tabIndex:Be,id:He,"data-testid":Wn||t(r.DROPDOWN,He),autoFocus:Xe,closeMenuOnSelect:ln,ref:l,withMandatoryDefaultOptions:pn,isOptionSelected:mn,isLoading:hn,loadingMessage:wn,tabSelectsValue:Dn,filterOption:Vn},fo,vo))})),{sizes:a,chipColors:D,menuPlacements:R,menuPositions:V,createFilter:v});export{H as default};
 //# sourceMappingURL=Dropdown.js.map