impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/DateRangePicker/index.js

@@ -0,0 +1,329 @@
+!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:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.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-left:5px;text-align:center;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader{left:0;padding:0 12px;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:1px}.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 .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__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)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useState, useCallback, useEffect } from "react";
+import moment from "moment";
+import "../../node_modules/react-dates/lib/initialize.js";
+import { DateRangePickerDropdown } from "./dateRangePickerDropdown.js";
+import { DateRangePickerInput } from "./dateRangePickerInput.js";
+import { rangeSelectorTypes } from "./utils.js";
+import { HelperText } from "../common/HelperText/index.js";
+
+
+const DateRangePicker = forwardRef(
+  ({
+    label,
+    isRequired,
+    labelOrientation = "top",
+    fullWidth,
+    startDate,
+    setStartDate,
+    startDateInputProps,
+    endDate,
+    setEndDate,
+    endDateInputProps,
+    isDisabled,
+    isError,
+    withPortal,
+    handleDatesChange,
+    handleFocusChange,
+    portalContainer = typeof document !== "undefined" ? document.body : void 0,
+    showWeekNumbers,
+    tertiaryButtonProps,
+    primaryButtonProps,
+    onPrimaryButtonClick,
+    onSecondaryButtonClick,
+    onResetClick,
+    showRangeSelector,
+    showMonthYearSelect,
+    customYears,
+    handleStartDateFocus,
+    handleEndDateFocus,
+    displayFormat = "DD-MM-YYYY",
+    customWeekNumberData,
+    suppressClickOnWeekNumber = false,
+    isAgGridCellRenderer = false,
+    minDate,
+    maxDate,
+    readOnly = false,
+    startDateOffset,
+    endDateOffset,
+    helperText,
+    isOutsideRange,
+    portalClassName,
+    customIcon,
+    className,
+    id,
+    "data-testid": dataTestId
+  }, ref) => {
+    const dateRangePickerMainContainerRef = useRef(null);
+    const inputContainerRef = useRef(null);
+    const dropDownContainerRef = useRef(null);
+    const startDateInputRef = useRef(null);
+    const endDateInputRef = useRef(null);
+    const startDateString = (startDate == null ? void 0 : startDate.format(displayFormat)) ?? "";
+    const endDateString = (endDate == null ? void 0 : endDate.format(displayFormat)) ?? "";
+    const selectedDaysNumber = startDate != null && endDate != null ? endDate.diff(startDate, "days") + 1 : 0;
+    const [isOpen, setIsOpen] = useState(false);
+    const [focusedInput, setFocusedInput] = useState("startDate");
+    const [tempStartDate, setTempStartDate] = useState(startDate ?? null);
+    const [tempEndDate, setTempEndDate] = useState(endDate ?? null);
+    const [selectedRange, setSelectedRange] = useState(rangeSelectorTypes[0].id);
+    const [hasInputErrors, setHasInputErrors] = useState(false);
+    const [clearErrorsTrigger, setClearErrorsTrigger] = useState(0);
+    const [resetTrigger, setResetTrigger] = useState(0);
+    const resetClicked = useRef(false);
+    const onStartDateFocus = useCallback(() => {
+      if (handleStartDateFocus) {
+        handleStartDateFocus(setFocusedInput);
+      }
+      setFocusedInput("startDate");
+      setIsOpen(true);
+    }, [handleStartDateFocus]);
+    const onEndDateFocus = useCallback(() => {
+      if (handleEndDateFocus) {
+        handleEndDateFocus(setFocusedInput);
+      }
+      setFocusedInput("endDate");
+      setIsOpen(true);
+    }, [handleEndDateFocus]);
+    const onDatesChange = useCallback(
+      ({ startDate: sd, endDate: ed }) => {
+        if (handleDatesChange) {
+          handleDatesChange(sd, ed);
+        } else {
+          setStartDate == null ? void 0 : setStartDate(sd);
+          setEndDate == null ? void 0 : setEndDate(ed);
+        }
+        setClearErrorsTrigger((prev) => prev + 1);
+      },
+      [handleDatesChange, setStartDate, setEndDate]
+    );
+    const onFocusChange = useCallback(
+      (focused) => {
+        if (handleFocusChange) {
+          handleFocusChange(focused, setFocusedInput, startDateInputRef, endDateInputRef);
+          return;
+        }
+        setFocusedInput(focused === null ? "startDate" : focused);
+        setTimeout(() => {
+          var _a, _b, _c, _d;
+          if (focused === null || focused === "startDate") {
+            (_a = startDateInputRef.current) == null ? void 0 : _a.focus();
+            (_b = startDateInputRef.current) == null ? void 0 : _b.setSelectionRange(0, 0);
+          }
+          if (focused === "endDate") {
+            (_c = endDateInputRef.current) == null ? void 0 : _c.focus();
+            (_d = endDateInputRef.current) == null ? void 0 : _d.setSelectionRange(0, 0);
+          }
+        }, 0);
+      },
+      [handleFocusChange]
+    );
+    const handleRangeSelectorChange = useCallback((event) => {
+      setSelectedRange(event.target.value);
+      setFocusedInput("startDate");
+    }, []);
+    const handleClickOutside = useCallback(
+      (event) => {
+        const target = event.target;
+        if (inputContainerRef.current != null && !inputContainerRef.current.contains(target) && dropDownContainerRef.current != null && !dropDownContainerRef.current.contains(target) && !target.closest(".ia-select-container-v3-styled-menu ") && !isAgGridCellRenderer && isOpen) {
+          setIsOpen(false);
+          if (!resetClicked.current) {
+            setStartDate == null ? void 0 : setStartDate(tempStartDate);
+            setEndDate == null ? void 0 : setEndDate(tempEndDate);
+            setClearErrorsTrigger((prev) => prev + 1);
+          }
+          resetClicked.current = false;
+        }
+      },
+      [isOpen, isAgGridCellRenderer, tempStartDate, tempEndDate, setStartDate, setEndDate]
+    );
+    useEffect(() => {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, [handleClickOutside]);
+    useEffect(() => {
+      if (!isAgGridCellRenderer) {
+        return void 0;
+      }
+      setIsOpen(true);
+      setFocusedInput("startDate");
+      const timer = window.setTimeout(() => {
+        var _a;
+        (_a = startDateInputRef.current) == null ? void 0 : _a.focus();
+      }, 0);
+      return () => {
+        window.clearTimeout(timer);
+      };
+    }, [isAgGridCellRenderer]);
+    const handleResetDates = useCallback(() => {
+      resetClicked.current = true;
+      setHasInputErrors(false);
+      setClearErrorsTrigger((prev) => prev + 1);
+      setResetTrigger((prev) => prev + 1);
+      handleStartDateFocus == null ? void 0 : handleStartDateFocus(setFocusedInput);
+      if (onResetClick) {
+        onResetClick();
+      } else {
+        setStartDate == null ? void 0 : setStartDate(null);
+        setEndDate == null ? void 0 : setEndDate(null);
+        setTempEndDate(null);
+        setTempStartDate(null);
+        setFocusedInput("startDate");
+      }
+    }, [onResetClick, setStartDate, setEndDate, handleStartDateFocus]);
+    const handleCancelDates = useCallback(() => {
+      onSecondaryButtonClick == null ? void 0 : onSecondaryButtonClick();
+      setStartDate == null ? void 0 : setStartDate(tempStartDate);
+      setEndDate == null ? void 0 : setEndDate(tempEndDate);
+      setFocusedInput("startDate");
+      setIsOpen(false);
+    }, [onSecondaryButtonClick, tempStartDate, tempEndDate, setStartDate, setEndDate]);
+    const handleApplyDates = useCallback(() => {
+      if (hasInputErrors) return;
+      onPrimaryButtonClick == null ? void 0 : onPrimaryButtonClick();
+      setIsOpen(false);
+      setTempStartDate(startDate ?? null);
+      setTempEndDate(endDate ?? null);
+    }, [hasInputErrors, onPrimaryButtonClick, startDate, endDate]);
+    const handleStartDateStringChange = useCallback(
+      (value) => {
+        if (value === null) {
+          setStartDate == null ? void 0 : setStartDate(null);
+          return;
+        }
+        if (moment.isMoment(value)) {
+          if (minDate != null && value.isBefore(minDate, "day")) return;
+          if (maxDate != null && value.isAfter(maxDate, "day")) return;
+          if (endDate != null && value.isAfter(endDate, "day")) return;
+          setStartDate == null ? void 0 : setStartDate(value);
+        } else {
+          const parsed = moment(value, displayFormat, true);
+          if (parsed.isValid()) {
+            if (minDate != null && parsed.isBefore(minDate, "day")) return;
+            if (maxDate != null && parsed.isAfter(maxDate, "day")) return;
+            if (endDate != null && parsed.isAfter(endDate, "day")) return;
+            setStartDate == null ? void 0 : setStartDate(parsed);
+          }
+        }
+      },
+      [displayFormat, minDate, maxDate, endDate, setStartDate]
+    );
+    const handleEndDateStringChange = useCallback(
+      (value) => {
+        if (value === null) {
+          setEndDate == null ? void 0 : setEndDate(null);
+          return;
+        }
+        if (moment.isMoment(value)) {
+          if (minDate != null && value.isBefore(minDate, "day")) return;
+          if (maxDate != null && value.isAfter(maxDate, "day")) return;
+          if (startDate != null && value.isBefore(startDate, "day")) return;
+          setEndDate == null ? void 0 : setEndDate(value);
+        } else {
+          const parsed = moment(value, displayFormat, true);
+          if (parsed.isValid()) {
+            if (minDate != null && parsed.isBefore(minDate, "day")) return;
+            if (maxDate != null && parsed.isAfter(maxDate, "day")) return;
+            if (startDate != null && parsed.isBefore(startDate, "day")) return;
+            setEndDate == null ? void 0 : setEndDate(parsed);
+          }
+        }
+      },
+      [displayFormat, minDate, maxDate, startDate, setEndDate]
+    );
+    const normalizedCustomYears = customYears == null || customYears.length === 0 ? void 0 : typeof customYears[0] === "object" && customYears[0] !== null ? customYears : customYears.map((y) => ({ label: String(y), value: String(y) }));
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: `impact-dateRangePicker-main-container ${labelOrientation === "left" ? "label-flex-row" : "label-flex-column"} ${fullWidth === true ? "impact-dateRangePicker-full-width-main-container" : ""} ${className ?? ""}`.trim(),
+        "data-testid": dataTestId,
+        id,
+        children: [
+          label != null && /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-label", children: [
+            label,
+            " ",
+            isRequired === true && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { ref: dateRangePickerMainContainerRef, className: "dateRangePicker-container", children: [
+            /* @__PURE__ */ jsx(
+              DateRangePickerInput,
+              {
+                clearErrorsTrigger,
+                customIcon,
+                "data-testid": dataTestId != null ? `${dataTestId}-input` : void 0,
+                displayFormat,
+                endDateInputProps,
+                endDateInputRef,
+                endDateString,
+                id: id != null ? `${id}-input` : void 0,
+                inputContainerRef,
+                isDisabled,
+                isError,
+                isOpen,
+                isOutsideRange,
+                maxDate: maxDate ?? null,
+                minDate: minDate ?? null,
+                readOnly,
+                resetTrigger,
+                startDateInputProps,
+                startDateInputRef,
+                startDateString,
+                onEndDateFocus,
+                onEndDateStringChange: handleEndDateStringChange,
+                onErrorStateChange: setHasInputErrors,
+                onStartDateFocus,
+                onStartDateStringChange: handleStartDateStringChange
+              }
+            ),
+            isOpen && /* @__PURE__ */ jsx(
+              DateRangePickerDropdown,
+              {
+                containerRef: dateRangePickerMainContainerRef,
+                customWeekNumberData,
+                customYears: normalizedCustomYears,
+                dropDownContainerRef,
+                endDate: endDate ?? null,
+                endDateOffset,
+                focusedInput,
+                handleApplyDates,
+                handleCancelDates,
+                handleRangeSelectorChange,
+                handleResetDates,
+                hasInputErrors,
+                isOutsideRange,
+                maxDate: maxDate ?? null,
+                minDate: minDate ?? null,
+                portalClassName,
+                portalContainer,
+                primaryButtonProps,
+                selectedDaysNumber,
+                selectedRange,
+                setIsOpen,
+                showMonthYearSelect,
+                showRangeSelector,
+                showWeekNumbers,
+                startDate: startDate ?? null,
+                startDateOffset,
+                suppressClickOnWeekNumber,
+                tertiaryButtonProps,
+                withPortal,
+                onDatesChange,
+                onFocusChange,
+                onSecondaryButtonClick
+              }
+            )
+          ] }),
+          helperText != null && helperText !== "" && /* @__PURE__ */ jsx(HelperText, { error: isError, helper: isError === true ? helperText : "" })
+        ]
+      }
+    );
+  }
+);
+DateRangePicker.displayName = "DateRangePicker";
+export {
+  DateRangePicker
+};

package/dist/components/DateRangePicker/utils.d.ts

@@ -0,0 +1,40 @@
+import { Moment } from 'moment';
+
+export declare const rangeSelectorTypes: readonly [{
+    readonly id: "custom";
+    readonly value: "custom";
+    readonly label: "Custom";
+}, {
+    readonly id: "last7Days";
+    readonly value: "last7Days";
+    readonly label: "Last 7 Days";
+}, {
+    readonly id: "week";
+    readonly value: "week";
+    readonly label: "Week";
+}, {
+    readonly id: "month";
+    readonly value: "month";
+    readonly label: "Month";
+}, {
+    readonly id: "quarter";
+    readonly value: "quarter";
+    readonly label: "Quarter";
+}, {
+    readonly id: "year";
+    readonly value: "year";
+    readonly label: "Year";
+}];
+export type RangeSelectorTypeId = (typeof rangeSelectorTypes)[number]['id'];
+export declare function setStartDateOffset(selectedRange: RangeSelectorTypeId, day: Moment): Moment;
+export declare function setEndDateOffset(selectedRange: RangeSelectorTypeId, day: Moment): Moment;
+export declare function calculatePosition({ containerRef, setCustomPosition, showRangeSelector, }: {
+    containerRef: React.RefObject<HTMLElement | null>;
+    setCustomPosition: (pos: {
+        left?: number | string;
+        right?: number | string;
+    }) => void;
+    showRangeSelector?: boolean;
+}): void;
+export declare function formatMomentDate(date: Moment | null | undefined, dateFormat?: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/DateRangePicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;EAOrB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAE5E,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAe1F;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAexF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,GAClB,EAAE;IACD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,IAAI,CAUP;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/B,UAAU,SAAe,GACxB,MAAM,CAER"}

package/dist/components/DateRangePicker/utils.js

@@ -0,0 +1,66 @@
+const rangeSelectorTypes = [
+  { id: "custom", value: "custom", label: "Custom" },
+  { id: "last7Days", value: "last7Days", label: "Last 7 Days" },
+  { id: "week", value: "week", label: "Week" },
+  { id: "month", value: "month", label: "Month" },
+  { id: "quarter", value: "quarter", label: "Quarter" },
+  { id: "year", value: "year", label: "Year" }
+];
+function setStartDateOffset(selectedRange, day) {
+  switch (selectedRange) {
+    case "last7Days":
+      return day.clone().subtract(7, "days");
+    case "week":
+      return day.clone().startOf("week");
+    case "month":
+      return day.clone().startOf("month");
+    case "quarter":
+      return day.clone().startOf("quarter");
+    case "year":
+      return day.clone().startOf("year");
+    default:
+      return day.clone();
+  }
+}
+function setEndDateOffset(selectedRange, day) {
+  switch (selectedRange) {
+    case "last7Days":
+      return day.clone();
+    case "week":
+      return day.clone().endOf("week");
+    case "month":
+      return day.clone().endOf("month");
+    case "quarter":
+      return day.clone().endOf("quarter");
+    case "year":
+      return day.clone().endOf("year");
+    default:
+      return day.clone();
+  }
+}
+function calculatePosition({
+  containerRef,
+  setCustomPosition,
+  showRangeSelector
+}) {
+  var _a;
+  const containerPos = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
+  if (!containerPos) return;
+  const { x } = containerPos;
+  const innerWidth = typeof window !== "undefined" ? window.innerWidth : 0;
+  const threshold = showRangeSelector ? 550 : 450;
+  const availableSpace = innerWidth - x - 20;
+  if (availableSpace < threshold) {
+    setCustomPosition({ left: "auto", right: 0 });
+  }
+}
+function formatMomentDate(date, dateFormat = "YYYY-MM-DD") {
+  return (date == null ? void 0 : date.format(dateFormat)) ?? "";
+}
+export {
+  calculatePosition,
+  formatMomentDate,
+  rangeSelectorTypes,
+  setEndDateOffset,
+  setStartDateOffset
+};

package/dist/components/DynamicLayout/DynamicLayout.types.d.ts

@@ -0,0 +1,26 @@
+import { ReactElement, ReactNode } from 'react';
+import { BaseComponentProps } from '../../types';
+
+export interface InjectedLayoutProps {
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    hasScroll: boolean;
+}
+export interface DynamicLayoutProps extends BaseComponentProps {
+    /**
+     * Left panel content (e.g. title, description, image)
+     */
+    leftPanel: ReactNode;
+    /**
+     * Right side content (single element; receives contentRef and hasScroll via cloneElement)
+     */
+    rightContent: ReactElement<InjectedLayoutProps>;
+    /**
+     * Width of the left panel (e.g. "375px" or "300px")
+     */
+    leftPanelWidth?: string | number;
+    /**
+     * Whether to show stepper styling on the right content area
+     */
+    showStepper?: boolean;
+}
+//# sourceMappingURL=DynamicLayout.types.d.ts.map

package/dist/components/DynamicLayout/DynamicLayout.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicLayout.types.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/DynamicLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAChD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/dist/components/DynamicLayout/index.d.ts

@@ -0,0 +1,12 @@
+import { DynamicLayoutProps } from './DynamicLayout.types';
+
+export type { DynamicLayoutProps, InjectedLayoutProps } from './DynamicLayout.types';
+/**
+ * Two-panel layout: left panel (fixed width) and right content that receives
+ * contentRef and hasScroll for scroll detection.
+ */
+export declare function DynamicLayout({ leftPanel, rightContent, leftPanelWidth, className, showStepper, ...props }: DynamicLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DynamicLayout {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DynamicLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,6BAA6B,CAAC;AAErC,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAErF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,cAAc,EACd,SAAc,EACd,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+CpB;yBAtDe,aAAa"}

package/dist/components/DynamicLayout/index.js

@@ -0,0 +1,48 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.dynamic-layout-container{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #ababab40;box-sizing:border-box;display:flex;top:90px;right:230px;bottom:90px;left:230px;position:absolute}.dynamic-layout-container .left-panel{border-right:1px solid #d9dde7;box-sizing:border-box;padding:100px 48px;width:375px}.dynamic-layout-container .left-panel h1{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:16px}.dynamic-layout-container .left-panel p{color:#666;font-size:14px;line-height:1.5}.dynamic-layout-container .right-content{background-color:#fff;border-radius:0 8px 8px 0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:100px 120px;width:calc(100% - 375px)}.dynamic-layout-container .right-content.with-stepper{padding-top:50px}.dynamic-layout-container .right-content .content-wrapper{flex:1;overflow-y:auto}.dynamic-layout-container .right-content .content-wrapper.no-scroll+.actions:before{display:none}.dynamic-layout-container .right-content .content-wrapper .heading{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .heading h2{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .heading .field-label{color:#666;font-size:14px;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .form-section{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .form-section .field-group{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-bottom:24px}.dynamic-layout-container .right-content .actions{background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:12px;position:relative}.dynamic-layout-container .right-content .actions:before{background:#d9dde7;content:"";height:1px;left:-25px;position:absolute;right:-25px;top:0}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-container{top:90px;right:150px;bottom:90px;left:150px}.dynamic-layout-container .right-content{padding:50px 90px}.dynamic-layout-container .left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-container .left-panel{width:300px}.dynamic-layout-container .right-content{width:calc(100% - 300px)}.dynamic-layout-container{top:90px;right:100px;bottom:90px;left:100px}.dynamic-layout-container .right-content{padding:50px 60px}.dynamic-layout-container .left-panel-image{width:100%}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useRef, useState, useLayoutEffect } from "react";
+
+function DynamicLayout({
+  leftPanel,
+  rightContent,
+  leftPanelWidth,
+  className = "",
+  showStepper = false,
+  ...props
+}) {
+  const contentRef = useRef(null);
+  const [hasScroll, setHasScroll] = useState(false);
+  useLayoutEffect(() => {
+    const el = contentRef.current;
+    const checkScroll = () => {
+      if (!el) return;
+      setHasScroll(el.scrollHeight > el.clientHeight);
+    };
+    checkScroll();
+    window.addEventListener("resize", checkScroll);
+    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(checkScroll) : null;
+    if (resizeObserver && el) resizeObserver.observe(el);
+    const mutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(checkScroll) : null;
+    if (mutationObserver && el) {
+      mutationObserver.observe(el, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+        attributes: true
+      });
+    }
+    return () => {
+      window.removeEventListener("resize", checkScroll);
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      mutationObserver == null ? void 0 : mutationObserver.disconnect();
+    };
+  }, [rightContent]);
+  return /* @__PURE__ */ jsxs("div", { className: `dynamic-layout-container ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: "left-panel", style: { width: leftPanelWidth }, children: leftPanel }),
+    /* @__PURE__ */ jsx("div", { className: `right-content ${showStepper ? "with-stepper" : ""}`, children: React__default.cloneElement(rightContent, { contentRef, hasScroll }) })
+  ] });
+}
+DynamicLayout.displayName = "DynamicLayout";
+export {
+  DynamicLayout
+};

package/dist/components/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { RootComponentProps } from '../../types';
+import { ButtonProps } from '../Button';
+
+export interface EmptyStateProps extends RootComponentProps {
+    /** Main heading text */
+    heading: string;
+    /** Description paragraph */
+    description?: string;
+    /** Label for secondary button */
+    secondaryButtonLabel?: string;
+    /** Handler for secondary button click */
+    onSecondaryButtonClick?: () => void;
+    /** Label for primary button */
+    primaryButtonLabel?: string;
+    /** Handler for primary button click */
+    onPrimaryButtonClick?: () => void;
+    /** Custom icon or illustration (overrides default empty state image) */
+    emptyStateIcon?: ReactNode | null;
+    /** Additional content below description, above buttons */
+    emptyStateBottomOptions?: ReactNode | null;
+    /** Props passed to the primary Button */
+    primaryButtonProps?: Partial<ButtonProps>;
+    /** Props passed to the secondary Button */
+    secondaryButtonProps?: Partial<ButtonProps>;
+}
+//# sourceMappingURL=EmptyState.types.d.ts.map

package/dist/components/EmptyState/EmptyState.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yCAAyC;IACzC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,+BAA+B;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uCAAuC;IACvC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,wEAAwE;IACxE,cAAc,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,0DAA0D;IAC1D,uBAAuB,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3C,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC7C"}

package/dist/components/EmptyState/EmptyStateImage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Default empty state illustration: one of six assets chosen at random after mount.
+ */
+export declare function EmptyStateImage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyStateImage.d.ts.map

package/dist/components/EmptyState/EmptyStateImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateImage.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyStateImage.tsx"],"names":[],"mappings":"AAkBA;;GAEG;AACH,wBAAgB,eAAe,4CA2B9B"}