impact-ui 4.0.1-alpha.3 → 4.0.1-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.d.ts +3 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/_virtual/_commonjsHelpers.js +1 -1
- package/dist/_virtual/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index2.js +2 -2
- package/dist/_virtual/index3.js +2 -2
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +3 -1
- package/dist/components/DateRangePicker/index.d.ts.map +1 -1
- package/dist/components/DateRangePicker/index.js +3 -1
- package/dist/components/Loader/Loader.types.d.ts +52 -0
- package/dist/components/Loader/Loader.types.d.ts.map +1 -0
- package/dist/components/Loader/index.d.ts +10 -6
- package/dist/components/Loader/index.d.ts.map +1 -1
- package/dist/components/Loader/index.js +70 -45
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +3 -9
- package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
- package/dist/components/Table/AgGridHeader.js +0 -2
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +1 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.js +5 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +3 -0
- package/dist/components/Table/index.d.ts +1 -2
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +153 -111
- package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
- package/dist/components/TableOld/AgGridHeader.js +0 -1
- package/dist/components/TableOld/index.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/mcp-component-registry.json +1 -1
- package/dist/node_modules/global-cache/index.js +4 -5
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-callable/index.js +1 -1
- package/dist/node_modules/lodash/lodash.js +1 -1
- package/dist/node_modules/object-inspect/index.js +1 -2
- package/dist/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/useLockScroll.d.ts +14 -0
- package/dist/utils/useLockScroll.d.ts.map +1 -0
- package/dist/utils/useLockScroll.js +41 -0
- package/package.json +1 -1
package/dist/App.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAgJA,QAAA,MAAM,GAAG,+CAuHR,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof
|
|
1
|
+
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : {};
|
|
2
2
|
function getDefaultExportFromCjs(x) {
|
|
3
3
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
|
|
4
4
|
}
|
package/dist/_virtual/index13.js
CHANGED
package/dist/_virtual/index14.js
CHANGED
package/dist/_virtual/index2.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAIhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,qHAwRtB,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n.impact-datepicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-datepicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-datepicker-main-container.label-flex-column{flex-direction:column}.impact-datepicker-main-container.label-flex-column .datePicker-label{margin-bottom:6px}.impact-datepicker-main-container .datePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-datepicker-main-container .datePicker-container{position:relative}.impact-datepicker-main-container .datePicker-input-container{height:32px;width:240px}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendar.svg) no-repeat;background-color:#fff;background-position:center right 12px;background-size:14px;border:1px solid #c3c8d4;border-radius:8px;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding-left:12px;width:100%}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:hover{border:1px solid #4259ee;cursor:pointer}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus{border:1px solid #4259ee;outline:none}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus::placeholder{color:#4259ee}.impact-datepicker-main-container .datePicker-input-container-custom-icon{display:flex;position:relative}.impact-datepicker-main-container .datePicker-input-container-custom-icon .impact-datepicker-date-input{background:#fff!important}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input{background-color:#f2f4fb;border:1px solid #d9dde7;pointer-events:none!important}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input:hover{border:1px solid #d9dde7}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input{border:1px solid red!important}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:hover{border:1px solid red!important;cursor:pointer}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus{border:1px solid red!important;outline:none}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus::placeholder{color:red}.impact-date-picker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;left:0;position:absolute;top:35px;width:269px;z-index:99}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-top{bottom:calc(100% + 4px);top:auto}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-portal{left:0;position:relative;top:0}.impact-date-picker-dropdown-container .DayPicker{width:269px!important}.impact-date-picker-dropdown-container .DayPicker>div{width:269px}.impact-date-picker-dropdown-container .DayPicker>div>div{width:269px!important}.impact-date-picker-dropdown-container .DayPicker__withBorder{box-shadow:none}.impact-date-picker-dropdown-container .DayPicker_focusRegion{width:269px!important}.impact-date-picker-dropdown-container .DayPicker_transitionContainer{min-height:266px;width:269px!important}.impact-date-picker-dropdown-container .CalendarMonthGrid__horizontal{left:0}.impact-date-picker-dropdown-container .CalendarMonthGrid_month__hidden,.impact-date-picker-dropdown-container .CalendarMonthGrid_month__horizontal{width:269px}.impact-date-picker-dropdown-container .CalendarMonth{padding:20px!important}.impact-date-picker-dropdown-container .CalendarMonth_caption{padding-bottom:28px;padding-top:0}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px;top:17px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:20px;top:17px}.impact-date-picker-dropdown-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li small{line-height:20px}.impact-date-picker-dropdown-container .DayPicker_weekHeader{left:0;padding:0 12px;top:50px;width:269px}.impact-date-picker-dropdown-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:1px}.impact-date-picker-dropdown-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:80%}.impact-date-picker-dropdown-container .DayPickerNavigation{position:relative;z-index:2}.impact-date-picker-dropdown-container .DayPickerNavigation__horizontal{height:0}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-date-picker-dropdown-container .DayPickerNavigation__bottom{height:auto}.impact-date-picker-dropdown-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-date-picker-dropdown-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-date-picker-dropdown-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default svg{display:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-date-picker-dropdown-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-date-picker-dropdown-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:22px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:22px;transform:rotate(-90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-date-picker-dropdown-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-date-picker-dropdown-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-date-picker-dropdown-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-date-picker-dropdown-container .CalendarMonth_table{border-collapse:initial;border-spacing:10px 8px;padding-top:8px}.impact-date-picker-dropdown-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-date-picker-dropdown-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-date-picker-dropdown-container .CalendarDay__selected,.impact-date-picker-dropdown-container .CalendarDay__selected:active,.impact-date-picker-dropdown-container .CalendarDay__selected:hover{background:#4259ee!important;border-radius:8px;color:#fff}.impact-date-picker-dropdown-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li{display:inline-block;margin-left:10px;text-align:center;width:20px!important}.datePicker-buttons-container{display:flex;gap:16px;justify-content:flex-end;padding:10px 19px;position:relative}.datePicker-buttons-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:90%}.datePicker-buttons-container.datePicker-buttons-container--hidden{display:none}.showWeekNumbers .DayPicker_weekHeader:after{left:25px}.showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.showWeekNumbers .CalendarMonth_table tbody{position:relative}.showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:calc(100% - 6px);left:-5px;position:absolute;top:6px;width:1px;z-index:1}.showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-portal-container{position:absolute;z-index:9999}.impact-datepicker-full-width-main-container .datePicker-input-container{width:100%}.date-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:23px;position:relative;top:-6px;width:188px;z-index:9999}.date-picker-show-month-year-select-container .date-picker-month-select-container{width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:105px;width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-picker-show-month-year-select-container .date-picker-year-select-container{width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-picker-month-select-dropdown,.date-picker-year-select-dropdown{min-width:115px!important;width:115px!important}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n.impact-datepicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-datepicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-datepicker-main-container.label-flex-column{flex-direction:column}.impact-datepicker-main-container.label-flex-column .datePicker-label{margin-bottom:6px}.impact-datepicker-main-container .datePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-datepicker-main-container .datePicker-container{position:relative}.impact-datepicker-main-container .datePicker-input-container{height:32px;width:240px}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendar.svg) no-repeat;background-color:#fff;background-position:center right 12px;background-size:14px;border:1px solid #c3c8d4;border-radius:8px;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding-left:12px;width:100%}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:hover{border:1px solid #4259ee;cursor:pointer}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus{border:1px solid #4259ee;outline:none}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus::placeholder{color:#4259ee}.impact-datepicker-main-container .datePicker-input-container-custom-icon{display:flex;position:relative}.impact-datepicker-main-container .datePicker-input-container-custom-icon .impact-datepicker-date-input{background:#fff!important}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input{background-color:#f2f4fb;border:1px solid #d9dde7;pointer-events:none!important}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input:hover{border:1px solid #d9dde7}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input{border:1px solid red!important}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:hover{border:1px solid red!important;cursor:pointer}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus{border:1px solid red!important;outline:none}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus::placeholder{color:red}.impact-date-picker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;left:0;position:absolute;top:35px;width:269px;z-index:99}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-top{bottom:calc(100% + 4px);top:auto}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-portal{left:0;position:relative;top:0}.impact-date-picker-dropdown-container .DayPicker{width:269px!important}.impact-date-picker-dropdown-container .DayPicker>div{width:269px}.impact-date-picker-dropdown-container .DayPicker>div>div{width:269px!important}.impact-date-picker-dropdown-container .DayPicker__withBorder{box-shadow:none}.impact-date-picker-dropdown-container .DayPicker_focusRegion{width:269px!important}.impact-date-picker-dropdown-container .DayPicker_transitionContainer{min-height:266px;width:269px!important}.impact-date-picker-dropdown-container .CalendarMonthGrid__horizontal{left:0}.impact-date-picker-dropdown-container .CalendarMonthGrid_month__hidden,.impact-date-picker-dropdown-container .CalendarMonthGrid_month__horizontal{width:269px}.impact-date-picker-dropdown-container .CalendarMonth{padding:20px!important}.impact-date-picker-dropdown-container .CalendarMonth_caption{padding-bottom:28px;padding-top:0}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px;top:17px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:20px;top:17px}.impact-date-picker-dropdown-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li small{line-height:20px}.impact-date-picker-dropdown-container .DayPicker_weekHeader{left:0;padding:0 12px;top:50px;width:269px}.impact-date-picker-dropdown-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:1px}.impact-date-picker-dropdown-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:80%}.impact-date-picker-dropdown-container .DayPickerNavigation{position:relative;z-index:2}.impact-date-picker-dropdown-container .DayPickerNavigation__horizontal{height:0}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-date-picker-dropdown-container .DayPickerNavigation__bottom{height:auto}.impact-date-picker-dropdown-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-date-picker-dropdown-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-date-picker-dropdown-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default svg{display:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-date-picker-dropdown-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-date-picker-dropdown-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:22px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:22px;transform:rotate(-90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-date-picker-dropdown-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-date-picker-dropdown-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-date-picker-dropdown-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-date-picker-dropdown-container .CalendarMonth_table{border-collapse:initial;border-spacing:10px 8px;padding-top:8px}.impact-date-picker-dropdown-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-date-picker-dropdown-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-date-picker-dropdown-container .CalendarDay__selected,.impact-date-picker-dropdown-container .CalendarDay__selected:active,.impact-date-picker-dropdown-container .CalendarDay__selected:hover{background:#4259ee!important;border-radius:8px;color:#fff}.impact-date-picker-dropdown-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li{display:inline-block;margin-left:10px;text-align:center;width:20px!important}.datePicker-buttons-container{display:flex;gap:16px;justify-content:flex-end;padding:10px 19px;position:relative}.datePicker-buttons-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:90%}.datePicker-buttons-container.datePicker-buttons-container--hidden{display:none}.showWeekNumbers .DayPicker_weekHeader:after{left:25px}.showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.showWeekNumbers .CalendarMonth_table tbody{position:relative}.showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:calc(100% - 6px);left:-5px;position:absolute;top:6px;width:1px;z-index:1}.showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-portal-container{position:absolute;z-index:9999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.impact-datepicker-full-width-main-container .datePicker-input-container{width:100%}.date-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:23px;position:relative;top:-6px;width:188px;z-index:9999}.date-picker-show-month-year-select-container .date-picker-month-select-container{width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:105px;width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-picker-show-month-year-select-container .date-picker-year-select-container{width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-picker-month-select-dropdown,.date-picker-year-select-dropdown{min-width:115px!important;width:115px!important}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, useRef, useState, useEffect, useCallback, useMemo } from "react";
|
|
4
4
|
import moment from "moment";
|
|
5
5
|
import "../../node_modules/react-dates/lib/initialize.js";
|
|
6
6
|
import { DatePickerDropdown } from "./datePickerDropdown.js";
|
|
7
7
|
import { DatePickerInput } from "./datePickerInput.js";
|
|
8
|
+
import { useLockScroll } from "../../utils/useLockScroll.js";
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
const DatePicker = forwardRef(
|
|
@@ -63,6 +64,7 @@ const DatePicker = forwardRef(
|
|
|
63
64
|
useEffect(() => {
|
|
64
65
|
setInputValue(dateString || "");
|
|
65
66
|
}, [dateString]);
|
|
67
|
+
useLockScroll(isOpen, datePickerMainContainerRef);
|
|
66
68
|
const updatePlacement = useCallback(() => {
|
|
67
69
|
var _a, _b;
|
|
68
70
|
const rect = (_a = datePickerMainContainerRef.current) == null ? void 0 : _a.getBoundingClientRect();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAMhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AAEvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,eAAe,wHAoW3B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n.impact-portal-container{position:absolute;z-index:9999}.impact-dateRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-dateRangePicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-dateRangePicker-main-container.label-flex-column{flex-direction:column}.impact-dateRangePicker-main-container.label-flex-column .dateRangePicker-label{margin-bottom:6px}.impact-dateRangePicker-main-container .dateRangePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-dateRangePicker-main-container .dateRangePicker-container{position:relative;width:240px}.impact-dateRangePicker-main-container .dateRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-start-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-end-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-end-date{border:1px solid #4259ee;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date{border:1px solid #c3c8d4;border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;flex:.8 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-color:#fff;background-position:center right 12px;border:1px solid #c3c8d4;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;flex:1 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-start-date{border:1px solid #d9dde7;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-end-date{border:1px solid #d9dde7;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-left:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-right:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-start-date{border:1px solid red;border-right:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-end-date{border:1px solid red;border-left:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date{border-bottom:1px solid red;border-left:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date:focus::placeholder{color:red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date{border-bottom:1px solid red;border-right:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date:focus::placeholder{color:red}.impact-dateRangePicker-full-width-main-container .dateRangePicker-container{width:100%}.impact-dateRangePicker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;display:flex;flex-direction:row;left:0;position:absolute;top:35px;width:auto;z-index:9999}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container{width:450px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker{background-color:#00f;height:fit-content;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div{height:inherit;width:432px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div>div{height:inherit;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__withBorder{border-radius:unset;box-shadow:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__horizontal{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-bottom:30px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li small{line-height:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li{display:inline-block;margin-right:5px;text-align:center;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader{left:0;padding:0;top:50px;width:269px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:5px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:70%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:nth-of-type(2) ul{padding-left:2px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation{position:relative;z-index:2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__horizontal{height:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottom{height:auto}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default svg{display:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_rightButton__horizontalDefault{right:15px;transform:rotate(-90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_table{border-collapse:initial;border-spacing:5px 6px;padding-top:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span{background:#e7eaff;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span:after,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span:after{background:#eceefd;bottom:0;content:"";left:-4px;position:absolute;right:-4px;top:0;z-index:-1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:active,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:hover{background:#4259ee!important;border:none;border-radius:8px;color:#fff}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 19px;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:95%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container{align-items:center;color:#60697d;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:18px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container .dateRangePicker-footer-value{color:#0d152c;font-weight:600}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-buttons-right-container{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container{padding:16px 8px;position:relative;width:100%;z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container:before{background-color:#d4d4d4;content:"";height:85%;left:0;position:absolute;top:20px;width:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-heading{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:8px;text-align:center}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton{margin:0!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton .MuiTypography-root{font-size:12px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader ul{padding-left:10px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPickerNavigation_rightButton__horizontalDefault{right:3px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader:after{left:20px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody{position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:130px;left:-5px;position:absolute;top:0;width:1px;z-index:1}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .suppress-click-on-week-number{pointer-events:none}.showRangeSelector{width:550px}.date-range-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:20px;position:relative;top:-6px;width:150px;z-index:9999}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-text-span{width:60px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:66px;width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-range-picker-month-select-dropdown,.date-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n.impact-portal-container{position:absolute;z-index:9999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.impact-dateRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-dateRangePicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-dateRangePicker-main-container.label-flex-column{flex-direction:column}.impact-dateRangePicker-main-container.label-flex-column .dateRangePicker-label{margin-bottom:6px}.impact-dateRangePicker-main-container .dateRangePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-dateRangePicker-main-container .dateRangePicker-container{position:relative;width:240px}.impact-dateRangePicker-main-container .dateRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-start-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-end-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-end-date{border:1px solid #4259ee;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date{border:1px solid #c3c8d4;border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;flex:.8 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-color:#fff;background-position:center right 12px;border:1px solid #c3c8d4;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;flex:1 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-start-date{border:1px solid #d9dde7;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-end-date{border:1px solid #d9dde7;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-left:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-right:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-start-date{border:1px solid red;border-right:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-end-date{border:1px solid red;border-left:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date{border-bottom:1px solid red;border-left:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date:focus::placeholder{color:red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date{border-bottom:1px solid red;border-right:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date:focus::placeholder{color:red}.impact-dateRangePicker-full-width-main-container .dateRangePicker-container{width:100%}.impact-dateRangePicker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;display:flex;flex-direction:row;left:0;position:absolute;top:35px;width:auto;z-index:9999}.impact-dateRangePicker-dropdown-container .DayPicker_transitionContainer{height:240px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container{width:450px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker{background-color:#00f;height:fit-content;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div{height:inherit;width:432px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div>div{height:inherit;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__withBorder{border-radius:unset;box-shadow:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__horizontal{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-bottom:30px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li small{line-height:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li{display:inline-block;margin-right:5px;text-align:center;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader{left:0;padding:0;top:50px;width:269px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:5px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:70%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:nth-of-type(2) ul{padding-left:2px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation{position:relative;z-index:2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__horizontal{height:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottom{height:auto}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default svg{display:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_rightButton__horizontalDefault{right:15px;transform:rotate(-90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_table{border-collapse:initial;border-spacing:5px 6px;padding-top:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span{background:#e7eaff;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span:after,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span:after{background:#eceefd;bottom:0;content:"";left:-4px;position:absolute;right:-4px;top:0;z-index:-1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:active,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:hover{background:#4259ee!important;border:none;border-radius:8px;color:#fff}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 19px;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:95%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container{align-items:center;color:#60697d;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:18px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container .dateRangePicker-footer-value{color:#0d152c;font-weight:600}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-buttons-right-container{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container{padding:16px 8px;position:relative;width:100%;z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container:before{background-color:#d4d4d4;content:"";height:85%;left:0;position:absolute;top:20px;width:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-heading{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:8px;text-align:center}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton{margin:0!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton .MuiTypography-root{font-size:12px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader ul{padding-left:10px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPickerNavigation_rightButton__horizontalDefault{right:3px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader:after{left:20px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody{position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:100%;left:-5px;position:absolute;top:0;width:1px;z-index:1}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .suppress-click-on-week-number{pointer-events:none}.showRangeSelector{width:550px}.date-range-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:20px;position:relative;top:-6px;width:150px;z-index:9999}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-text-span{width:60px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:66px;width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-range-picker-month-select-dropdown,.date-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, useRef, useState, useCallback, useEffect } from "react";
|
|
4
4
|
import moment from "moment";
|
|
@@ -6,6 +6,7 @@ import "../../node_modules/react-dates/lib/initialize.js";
|
|
|
6
6
|
import { DateRangePickerDropdown } from "./dateRangePickerDropdown.js";
|
|
7
7
|
import { DateRangePickerInput } from "./dateRangePickerInput.js";
|
|
8
8
|
import { rangeSelectorTypes } from "./utils.js";
|
|
9
|
+
import { useLockScroll } from "../../utils/useLockScroll.js";
|
|
9
10
|
import { HelperText } from "../common/HelperText/index.js";
|
|
10
11
|
|
|
11
12
|
|
|
@@ -73,6 +74,7 @@ const DateRangePicker = forwardRef(
|
|
|
73
74
|
const [clearErrorsTrigger, setClearErrorsTrigger] = useState(0);
|
|
74
75
|
const [resetTrigger, setResetTrigger] = useState(0);
|
|
75
76
|
const resetClicked = useRef(false);
|
|
77
|
+
useLockScroll(isOpen, dateRangePickerMainContainerRef);
|
|
76
78
|
const onStartDateFocus = useCallback(() => {
|
|
77
79
|
if (handleStartDateFocus) {
|
|
78
80
|
handleStartDateFocus(setFocusedInput);
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { RootComponentProps } from '../../types';
|
|
3
|
+
import { BoxProps } from '@mui/material/Box';
|
|
4
|
+
import { SkeletonProps } from '@mui/material/Skeleton';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Loader size variants affecting spinner and skeleton dimensions.
|
|
8
|
+
*/
|
|
9
|
+
export type LoaderSize = 'small' | 'medium' | 'large';
|
|
10
|
+
/**
|
|
11
|
+
* Loader component props.
|
|
12
|
+
* Extends BaseComponentProps; when showSkeleton is true, Skeleton/Box layout is used.
|
|
13
|
+
*/
|
|
14
|
+
export interface LoaderProps extends RootComponentProps {
|
|
15
|
+
/**
|
|
16
|
+
* Size of the loader (spinner or skeleton blocks).
|
|
17
|
+
* @default 'large'
|
|
18
|
+
*/
|
|
19
|
+
size?: LoaderSize;
|
|
20
|
+
/**
|
|
21
|
+
* Optional progress content shown inside the spinner (e.g. percentage).
|
|
22
|
+
* Not shown when size is 'small'.
|
|
23
|
+
*/
|
|
24
|
+
progress?: ReactNode;
|
|
25
|
+
/**
|
|
26
|
+
* When true, renders skeleton placeholders instead of the spinner.
|
|
27
|
+
* Uses MUI Skeleton; pass-through props can extend SkeletonProps/BoxProps via rest.
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
showSkeleton?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Text shown below the loader (e.g. "Loading...").
|
|
33
|
+
* @default 'Loading...'
|
|
34
|
+
*/
|
|
35
|
+
text?: ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* Optional props passed to the root Box when showSkeleton is true.
|
|
38
|
+
* Extends MUI BoxProps.
|
|
39
|
+
*/
|
|
40
|
+
boxProps?: Partial<BoxProps>;
|
|
41
|
+
/**
|
|
42
|
+
* Optional props passed to the Skeleton when showSkeleton is true.
|
|
43
|
+
* Extends MUI SkeletonProps.
|
|
44
|
+
*/
|
|
45
|
+
skeletonProps?: Partial<SkeletonProps>;
|
|
46
|
+
}
|
|
47
|
+
export interface LoaderSkeletonDimensions {
|
|
48
|
+
circular: number;
|
|
49
|
+
rectangularWidth: number;
|
|
50
|
+
rectangularHeight: number;
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=Loader.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.types.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC3B"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
import { LoaderProps } from './Loader.types';
|
|
1
2
|
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
})
|
|
3
|
+
export type { LoaderProps, LoaderSize } from './Loader.types';
|
|
4
|
+
/**
|
|
5
|
+
* Loader component: spinner or skeleton placeholders.
|
|
6
|
+
* Use **showSkeleton** for content loading states; otherwise shows a spinner with optional progress and text.
|
|
7
|
+
*/
|
|
8
|
+
export declare function Loader({ size, progress, showSkeleton, text, className, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, boxProps, skeletonProps, }: LoaderProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare namespace Loader {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
8
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,gBAAgB,CAAC;AAC5E,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAc9D;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAc,EACd,QAAa,EACb,YAAoB,EACpB,IAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAqB,EACnC,IAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,WAAW,2CAuDb;yBAnEe,MAAM"}
|
|
@@ -1,73 +1,98 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-loader-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:99999}.ia-styles.ia-loader-container .ia-loader-outer{border-radius:50%;
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-loader-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:99999}.ia-styles.ia-loader-container .ia-loader-outer{border-radius:50%;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ia-styles.ia-loader-container .ia-loader-outer{animation:spin 1s linear infinite}.ia-styles.ia-loader-container .ia-loader-outer .ia-loader-inner{align-items:center;animation:spin 1s linear infinite;animation-direction:reverse;background-color:#fff;border-radius:50%;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;justify-content:center;line-height:16.39px;position:absolute;text-align:center}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-small{height:24px;width:24px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-small .ia-loader-inner{height:20px;left:2px;top:2px;width:20px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-medium{height:48px;width:48px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-medium .ia-loader-inner{height:40px;left:4px;top:4px;width:40px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-large{height:72px;width:72px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-large .ia-loader-inner{height:60px;left:6px;top:6px;width:60px}.ia-styles.ia-loader-container .ia-loader-outer{background:conic-gradient(from 180deg at 50% 50%,#4259ee00,#4259ee 1turn)}.ia-styles.ia-loader-container .ia-loaderText{font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16.39px;margin-top:4px;text-align:left}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
|
|
5
5
|
import Box from "../../node_modules/@mui/material/Box/Box.js";
|
|
6
6
|
import Skeleton from "../../node_modules/@mui/material/Skeleton/Skeleton.js";
|
|
7
|
-
|
|
7
|
+
function getSkeletonDimensions(size) {
|
|
8
|
+
switch (size) {
|
|
9
|
+
case "small":
|
|
10
|
+
return { circular: 20, rectangularWidth: 200, rectangularHeight: 10 };
|
|
11
|
+
case "medium":
|
|
12
|
+
return { circular: 25, rectangularWidth: 250, rectangularHeight: 12 };
|
|
13
|
+
case "large":
|
|
14
|
+
default:
|
|
15
|
+
return { circular: 30, rectangularWidth: 268, rectangularHeight: 12 };
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
function Loader({
|
|
8
19
|
size = "large",
|
|
9
20
|
progress = "",
|
|
10
21
|
showSkeleton = false,
|
|
11
|
-
text = "Loading..."
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
default:
|
|
21
|
-
return { circular: 30, rectangularWidth: 268, rectangularHeight: 12 };
|
|
22
|
-
}
|
|
23
|
-
};
|
|
22
|
+
text = "Loading...",
|
|
23
|
+
className,
|
|
24
|
+
id,
|
|
25
|
+
"data-testid": dataTestId,
|
|
26
|
+
"aria-label": ariaLabel = "Loading",
|
|
27
|
+
role = "status",
|
|
28
|
+
boxProps,
|
|
29
|
+
skeletonProps
|
|
30
|
+
}) {
|
|
24
31
|
const skeletonDimensions = useMemo(() => getSkeletonDimensions(size), [size]);
|
|
25
32
|
if (showSkeleton) {
|
|
26
|
-
return /* @__PURE__ */ jsxs(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
return /* @__PURE__ */ jsxs(
|
|
34
|
+
Box,
|
|
35
|
+
{
|
|
36
|
+
alignItems: "center",
|
|
37
|
+
"aria-label": ariaLabel,
|
|
38
|
+
className,
|
|
39
|
+
"data-testid": dataTestId,
|
|
40
|
+
display: "flex",
|
|
41
|
+
id,
|
|
42
|
+
role,
|
|
43
|
+
...boxProps,
|
|
44
|
+
children: [
|
|
45
|
+
/* @__PURE__ */ jsx(
|
|
46
|
+
Skeleton,
|
|
47
|
+
{
|
|
48
|
+
height: skeletonDimensions.circular,
|
|
49
|
+
sx: { borderRadius: 1 },
|
|
50
|
+
variant: "rectangular",
|
|
51
|
+
width: skeletonDimensions.circular,
|
|
52
|
+
...skeletonProps
|
|
53
|
+
}
|
|
54
|
+
),
|
|
55
|
+
/* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", justifyContent: "space-between", ml: 2, children: [
|
|
44
56
|
/* @__PURE__ */ jsx(
|
|
45
57
|
Skeleton,
|
|
46
58
|
{
|
|
59
|
+
height: skeletonDimensions.rectangularHeight,
|
|
60
|
+
style: { marginBottom: 4 },
|
|
47
61
|
variant: "rectangular",
|
|
48
62
|
width: skeletonDimensions.rectangularWidth,
|
|
49
|
-
|
|
50
|
-
style: { marginBottom: 4 }
|
|
63
|
+
...skeletonProps
|
|
51
64
|
}
|
|
52
65
|
),
|
|
53
66
|
/* @__PURE__ */ jsx(
|
|
54
67
|
Skeleton,
|
|
55
68
|
{
|
|
69
|
+
height: skeletonDimensions.rectangularHeight,
|
|
56
70
|
variant: "rectangular",
|
|
57
71
|
width: skeletonDimensions.rectangularWidth,
|
|
58
|
-
|
|
72
|
+
...skeletonProps
|
|
59
73
|
}
|
|
60
74
|
)
|
|
61
|
-
]
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
75
|
+
] })
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
);
|
|
65
79
|
}
|
|
66
|
-
return /* @__PURE__ */ jsxs(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
80
|
+
return /* @__PURE__ */ jsxs(
|
|
81
|
+
"div",
|
|
82
|
+
{
|
|
83
|
+
"aria-label": ariaLabel,
|
|
84
|
+
className: `ia-styles ia-loader-container ${className ?? ""}`.trim(),
|
|
85
|
+
"data-testid": dataTestId,
|
|
86
|
+
id,
|
|
87
|
+
role,
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ jsx("div", { className: `ia-styles ia-loader-outer ia-loader-${size}`, children: /* @__PURE__ */ jsx("div", { className: "ia-loader ia-loader-inner", children: size !== "small" && progress }) }),
|
|
90
|
+
(progress || text) && /* @__PURE__ */ jsx("div", { className: "ia-loaderText", children: text })
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
}
|
|
95
|
+
Loader.displayName = "Loader";
|
|
71
96
|
export {
|
|
72
97
|
Loader
|
|
73
98
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EACV,WAAW,EAIZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgBhE,eAAO,MAAM,MAAM,yCAw2CjB,CAAC"}
|