npm - @semcore/date-picker - Versions diffs - 4.17.0 → 4.18.0 - Mend

@semcore/date-picker 4.17.0 → 4.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/CHANGELOG.md +7 -1
package/lib/cjs/DateRangeComparator.js +188 -0
package/lib/cjs/DateRangeComparator.js.map +1 -0
package/lib/cjs/MonthDateRangeComparator.js +223 -0
package/lib/cjs/MonthDateRangeComparator.js.map +1 -0
package/lib/cjs/components/Calendar.js +103 -63
package/lib/cjs/components/Calendar.js.map +1 -1
package/lib/cjs/components/DateRangeComparatorAbstract.js +584 -0
package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -0
package/lib/cjs/components/InputTrigger.js +25 -18
package/lib/cjs/components/InputTrigger.js.map +1 -1
package/lib/cjs/components/PickerAbstract.js +25 -18
package/lib/cjs/components/PickerAbstract.js.map +1 -1
package/lib/cjs/components/RangePickerAbstract.js +25 -18
package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
package/lib/cjs/index.d.js.map +1 -1
package/lib/cjs/index.js +17 -1
package/lib/cjs/index.js.map +1 -1
package/lib/cjs/style/calendar.shadow.css +57 -10
package/lib/cjs/style/date-picker.shadow.css +31 -0
package/lib/es6/DateRangeComparator.js +180 -0
package/lib/es6/DateRangeComparator.js.map +1 -0
package/lib/es6/MonthDateRangeComparator.js +215 -0
package/lib/es6/MonthDateRangeComparator.js.map +1 -0
package/lib/es6/components/Calendar.js +103 -63
package/lib/es6/components/Calendar.js.map +1 -1
package/lib/es6/components/DateRangeComparatorAbstract.js +574 -0
package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -0
package/lib/es6/components/InputTrigger.js +25 -18
package/lib/es6/components/InputTrigger.js.map +1 -1
package/lib/es6/components/PickerAbstract.js +25 -18
package/lib/es6/components/PickerAbstract.js.map +1 -1
package/lib/es6/components/RangePickerAbstract.js +25 -18
package/lib/es6/components/RangePickerAbstract.js.map +1 -1
package/lib/es6/index.d.js.map +1 -1
package/lib/es6/index.js +2 -0
package/lib/es6/index.js.map +1 -1
package/lib/es6/style/calendar.shadow.css +57 -10
package/lib/es6/style/date-picker.shadow.css +31 -0
package/lib/types/index.d.ts +136 -2
package/package.json +5 -4

package/lib/cjs/components/RangePickerAbstract.js CHANGED Viewed

@@ -24,24 +24,31 @@ var _dropdown = _interopRequireDefault(require("@semcore/dropdown"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("../translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_nicxu_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_nicxu_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_nicxu_gg_:active,.___SPopper_nicxu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_nicxu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_nicxu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_nicxu_gg_,.___STitle_nicxu_gg_{display:flex;align-items:center}.___STitle_nicxu_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_nicxu_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_nicxu_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_nicxu_gg_ .___SInner_nicxu_gg_{justify-content:flex-start}.___SInputMask_nicxu_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_nicxu_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_nicxu_gg_{position:absolute;pointer-events:none}.___SDateRange_nicxu_gg_ .___SMask_nicxu_gg_,.___SDateRange_nicxu_gg_ .___SValue_nicxu_gg_,.___SSingleDateInput_nicxu_gg_ .___SMask_nicxu_gg_,.___SSingleDateInput_nicxu_gg_ .___SValue_nicxu_gg_{opacity:0}.___SSingleDateInput_nicxu_gg_:focus-within .___SHumanizedDate_nicxu_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_nicxu_gg_:focus-within .___SMask_nicxu_gg_,.___SSingleDateInput_nicxu_gg_:focus-within .___SValue_nicxu_gg_{opacity:1}.___SDateRange_nicxu_gg_:focus-within .___SHumanizedDate_nicxu_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_nicxu_gg_:focus-within .___SMask_nicxu_gg_,.___SDateRange_nicxu_gg_:focus-within .___SValue_nicxu_gg_{opacity:1}.___SInputMask_nicxu_gg_.__noHumanizedDate_nicxu_gg_ .___SMask_nicxu_gg_,.___SInputMask_nicxu_gg_.__noHumanizedDate_nicxu_gg_ .___SValue_nicxu_gg_{opacity:1}.___SDateRange_nicxu_gg_ .___SInputMask_nicxu_gg_:focus-within .___SMask_nicxu_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_nicxu_gg_:focus-within .___SRangeSep_nicxu_gg_,.___SRangeSep_nicxu_gg_.__fulfilled_nicxu_gg_{color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "nicxu_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_nicxu_gg_",
-  "__STitle": "___STitle_nicxu_gg_",
-  "__SToday": "___SToday_nicxu_gg_",
-  "__SPeriod": "___SPeriod_nicxu_gg_",
-  "__SButton": "___SButton_nicxu_gg_",
-  "__SInner": "___SInner_nicxu_gg_",
-  "__SInputMask": "___SInputMask_nicxu_gg_",
-  "__SIndicator": "___SIndicator_nicxu_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_nicxu_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_nicxu_gg_",
-  "__SValue": "___SValue_nicxu_gg_",
-  "__SDateRange": "___SDateRange_nicxu_gg_",
-  "__SMask": "___SMask_nicxu_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_nicxu_gg_",
-  "__SRangeSep": "___SRangeSep_nicxu_gg_",
-  "_fulfilled": "__fulfilled_nicxu_gg_",
-  "__SPopper": "___SPopper_nicxu_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_opjge_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_opjge_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_opjge_gg_:active,.___SPopper_opjge_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_opjge_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_opjge_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_opjge_gg_,.___STitle_opjge_gg_{display:flex;align-items:center}.___STitle_opjge_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_opjge_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_opjge_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_opjge_gg_ .___SInner_opjge_gg_{justify-content:flex-start}.___SInputMask_opjge_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_opjge_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_opjge_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_opjge_gg_._range_value_opjge_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_opjge_gg_._range_compare_opjge_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SHumanizedDate_opjge_gg_{position:absolute;pointer-events:none}.___SDateRange_opjge_gg_ .___SMask_opjge_gg_,.___SDateRange_opjge_gg_ .___SValue_opjge_gg_,.___SSingleDateInput_opjge_gg_ .___SMask_opjge_gg_,.___SSingleDateInput_opjge_gg_ .___SValue_opjge_gg_{opacity:0}.___SSingleDateInput_opjge_gg_:focus-within .___SHumanizedDate_opjge_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_opjge_gg_:focus-within .___SMask_opjge_gg_,.___SSingleDateInput_opjge_gg_:focus-within .___SValue_opjge_gg_{opacity:1}.___SDateRange_opjge_gg_:focus-within .___SHumanizedDate_opjge_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_opjge_gg_:focus-within .___SMask_opjge_gg_,.___SDateRange_opjge_gg_:focus-within .___SValue_opjge_gg_{opacity:1}.___SInputMask_opjge_gg_.__noHumanizedDate_opjge_gg_ .___SMask_opjge_gg_,.___SInputMask_opjge_gg_.__noHumanizedDate_opjge_gg_ .___SValue_opjge_gg_{opacity:1}.___SDateRange_opjge_gg_ .___SInputMask_opjge_gg_:focus-within .___SMask_opjge_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_opjge_gg_:focus-within .___SRangeSep_opjge_gg_,.___SRangeSep_opjge_gg_.__fulfilled_opjge_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_opjge_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_opjge_gg_,.___SRangeComparatorHeader_opjge_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_opjge_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_opjge_gg_,.___SPeriodsList_opjge_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "opjge_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_opjge_gg_",
+  "__STitle": "___STitle_opjge_gg_",
+  "__SToday": "___SToday_opjge_gg_",
+  "__SPeriod": "___SPeriod_opjge_gg_",
+  "__SButton": "___SButton_opjge_gg_",
+  "__SInner": "___SInner_opjge_gg_",
+  "__SInputMask": "___SInputMask_opjge_gg_",
+  "__SIndicator": "___SIndicator_opjge_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_opjge_gg_",
+  "_range_value": "_range_value_opjge_gg_",
+  "_range_compare": "_range_compare_opjge_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_opjge_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_opjge_gg_",
+  "__SValue": "___SValue_opjge_gg_",
+  "__SDateRange": "___SDateRange_opjge_gg_",
+  "__SMask": "___SMask_opjge_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_opjge_gg_",
+  "__SRangeSep": "___SRangeSep_opjge_gg_",
+  "_fulfilled": "__fulfilled_opjge_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_opjge_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_opjge_gg_",
+  "__SFooter": "___SFooter_opjge_gg_",
+  "__SPeriodsList": "___SPeriodsList_opjge_gg_",
+  "__SPopper": "___SPopper_opjge_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));

package/lib/cjs/components/RangePickerAbstract.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RangePickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_button","_flexBox","_divider","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","style","sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","_value","_slicedToArray2","startDate","_value$","endDate","RangePickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","dirtyValue","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","_next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","handleChange","preventDefault","includes","tagName","add","keyStep","_value2","_value2$","setState","_createClass2","key","uncontrolledProps","_this2","visible","_this2$asProps$value","undefined","props","_value$2","_value$3","getDefaultPeriods","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","CORE_INSTANCE","_this$asProps3","_this$asProps3$period","periods","unclearable","buttons","createElement","Fragment","Apply","Reset","ml","tabIndex","children","Flex","Box","mr","Header","Prev","Title","Calendar","Next","m","orientation","h","Period","mt","getHeaderProps","getTitleProps","index","_this$asProps4","locale","Intl","DateTimeFormat","month","year","format","startOf","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_props","_this$asProps5","disabled","onHighlightedChange","onVisibleChange","onChange","getPeriodProps","_this$asProps6","_this$asProps6$period","onDisplayedPeriodChange","handleApply","getApplyProps","_this3","_this$asProps7","getResetProps","_this4","render","_ref","_ref4","_this$asProps8","Children","styles","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref5","defaultValue","i18n","localizedMessages","defaultHighlighted","defaultVisible","Component","i18nEnhance","amount","unit","_ref2","arguments[0]","Button","_ref3","_default","exports"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n if (!Array.isArray(value)) return null;\n const [startDate, endDate = startDate] = value;\n return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n static displayName = 'DatePicker';\n static style = style;\n\n static defaultProps({ value, defaultValue }) {\n return {\n i18n: localizedMessages,\n locale: 'en',\n defaultDisplayedPeriod:\n getEndDate(value) \|\| getEndDate(defaultValue) \|\| defaultDisplayedPeriod,\n defaultValue: [],\n defaultHighlighted: [],\n defaultVisible: false,\n disabled: [],\n size: 'm',\n };\n }\n\n static enhance = [i18nEnhance(localizedMessages)];\n\n static add = (date, amount, unit) => {\n return dayjs(date).add(amount, unit).toDate();\n };\n\n static subtract = (date, amount, unit) => {\n return dayjs(date).subtract(amount, unit).toDate();\n };\n\n navigateStep;\n keyDiff;\n keyStep;\n\n state = {\n dirtyValue: [],\n // To remove after removing button trigger\n defaultInteraction: 'focus',\n };\n\n uncontrolledProps() {\n return {\n displayedPeriod: null,\n visible: [\n null,\n (visible) => {\n if (!visible) {\n this.handlers.highlighted([]);\n this.setState({ dirtyValue: [] });\n this.handlers.displayedPeriod(\n getEndDate(this.asProps.value ?? undefined) \|\| this.props.defaultDisplayedPeriod,\n );\n }\n },\n ],\n highlighted: null,\n value: [\n null,\n (value) => {\n this.handlers.visible(false);\n this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? undefined]));\n },\n ],\n };\n }\n\n navigateView = (direction) => {\n const { displayedPeriod } = this.asProps;\n const action = direction >= 1 ? 'add' : 'subtract';\n const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n this.handlers.displayedPeriod(date);\n };\n\n bindHandlerNavigateClick = (direction) => () => this.navigateView(direction);\n\n handlerKeyDown = (e) => {\n if (e.target !== e.currentTarget) return;\n const { displayedPeriod, highlighted } = this.asProps;\n const { dirtyValue } = this.state;\n const day = this.keyDiff[e.keyCode];\n\n const setNextDisplayedPeriod = (next_highlighted) => {\n const [, right_period] = next_highlighted;\n\n if (right_period) {\n const month_right_period = right_period.getMonth();\n const month_displayed_Period = displayedPeriod.getMonth();\n if (month_right_period - month_displayed_Period > 1) {\n return RangePickerAbstract.subtract(right_period, 1, 'month');\n } else if (month_right_period - month_displayed_Period < 0) {\n return right_period;\n }\n }\n return displayedPeriod;\n };\n\n if (e.keyCode === 32 && highlighted.length) {\n this.handleChange(highlighted[1] \|\| highlighted[0]);\n e.preventDefault();\n }\n if (day) {\n if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (highlighted.length) {\n let next_highlighted;\n if (dirtyValue.length === 1) {\n next_highlighted = [\n dirtyValue[0],\n dayjs(highlighted[1] \|\| highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n } else {\n next_highlighted = [\n dayjs(highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n }\n this.handlers.highlighted(next_highlighted);\n this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n } else {\n this.handlers.highlighted([displayedPeriod]);\n }\n e.preventDefault();\n }\n };\n\n handleApply = (value) => {\n const [startDate, endDate = startDate] = value;\n this.handleChange([]);\n this.handlers.value([startDate, endDate]);\n };\n\n handleChange = (date) => {\n let { dirtyValue } = this.state;\n let highlighted = [];\n if (Array.isArray(date)) {\n dirtyValue = date;\n } else if (!dirtyValue.length) {\n dirtyValue = [date];\n highlighted = [date];\n } else if (dirtyValue.length >= 2) {\n dirtyValue = [date];\n highlighted = [date];\n } else if (dirtyValue[0] > date) {\n dirtyValue = [date, dirtyValue[0]];\n } else {\n dirtyValue = [dirtyValue[0], date];\n }\n\n this.setState({ dirtyValue }, () => {\n this.handlers.highlighted(highlighted);\n });\n };\n\n getDefaultPeriods() {\n return [];\n }\n\n setDefaultInteractionToClick = () => {\n if (this.state.defaultInteraction === 'click') return;\n this.setState({ defaultInteraction: 'click' });\n };\n\n getButtonTriggerProps() {\n const { value, size } = this.asProps;\n\n return {\n size,\n empty: !value[0] && !value[1],\n onKeyDown: this.handlerKeyDown,\n setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n const buttons = (\n <>\n <Picker.Apply />\n {!unclearable && <Picker.Reset ml={2} />}\n </>\n );\n\n return {\n tabIndex: 0,\n onKeyDown: this.handlerKeyDown,\n children: (\n <>\n <Flex>\n <Box mr={2}>\n <Picker.Header>\n <Picker.Prev />\n <Picker.Title />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n <Box ml={2}>\n <Picker.Header>\n <Picker.Title />\n <Picker.Next />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n {periods.length ? (\n <>\n <Divider m='-16px 16px' orientation='vertical' h='auto' />\n <Flex direction='column'>\n <Picker.Period />\n <Flex mt='auto'>{buttons}</Flex>\n </Flex>\n </>\n ) : (\n <Flex mt={4}>{buttons}</Flex>\n )}\n </Flex>\n </>\n ),\n };\n }\n\n getHeaderProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n children: (\n <>\n <Picker.Prev />\n <Picker.Title />\n <Picker.Next />\n </>\n ),\n };\n }\n\n getTitleProps(props, index) {\n const { locale, displayedPeriod } = this.asProps;\n return {\n children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n\n getNextProps() {\n return {\n onClick: this.bindHandlerNavigateClick(1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getPrevProps() {\n return {\n onClick: this.bindHandlerNavigateClick(-1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getCalendarProps(_props, index) {\n const {\n locale,\n displayedPeriod,\n disabled,\n value,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n } = this.asProps;\n const { dirtyValue } = this.state;\n\n return {\n locale,\n displayedPeriod: dayjs(displayedPeriod)\n .add(index, this.navigateStep)\n .startOf(this.navigateStep)\n .toDate(),\n disabled,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n value: dirtyValue.length ? dirtyValue : value,\n onChange: this.handleChange,\n };\n }\n\n getPeriodProps() {\n const {\n periods = this.getDefaultPeriods(),\n value,\n onHighlightedChange,\n onDisplayedPeriodChange,\n } = this.asProps;\n const { dirtyValue } = this.state;\n return {\n periods,\n value: dirtyValue.length ? dirtyValue : value,\n onChange: this.handleApply,\n onHighlightedChange,\n onDisplayedPeriodChange,\n };\n }\n\n getApplyProps() {\n const { value, getI18nText } = this.asProps;\n const { dirtyValue } = this.state;\n return {\n getI18nText,\n onClick: () => this.handleApply(dirtyValue.length ? dirtyValue : value),\n };\n }\n\n getResetProps() {\n const { getI18nText } = this.asProps;\n return {\n getI18nText,\n onClick: () => this.handleApply([]),\n };\n }\n\n render() {\n const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n const { defaultInteraction } = this.state;\n\n return (\n <>\n {sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n interaction={defaultInteraction}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n )}\n </>\n );\n }\n}\n\nfunction Apply(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='primary' children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='tertiary' theme='muted' children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}
1	+ {"version":3,"file":"RangePickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_button","_flexBox","_divider","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","style","sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","_value","_slicedToArray2","startDate","_value$","endDate","RangePickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","dirtyValue","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","_next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","handleChange","preventDefault","includes","tagName","add","keyStep","_value2","_value2$","setState","_createClass2","key","uncontrolledProps","_this2","visible","_this2$asProps$value","undefined","props","_value$2","_value$3","getDefaultPeriods","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","CORE_INSTANCE","_this$asProps3","_this$asProps3$period","periods","unclearable","buttons","createElement","Fragment","Apply","Reset","ml","tabIndex","children","Flex","Box","mr","Header","Prev","Title","Calendar","Next","m","orientation","h","Period","mt","getHeaderProps","getTitleProps","index","_this$asProps4","locale","Intl","DateTimeFormat","month","year","format","startOf","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_props","_this$asProps5","disabled","onHighlightedChange","onVisibleChange","onChange","getPeriodProps","_this$asProps6","_this$asProps6$period","onDisplayedPeriodChange","handleApply","getApplyProps","_this3","_this$asProps7","getResetProps","_this4","render","_ref","_ref4","_this$asProps8","Children","styles","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref5","defaultValue","i18n","localizedMessages","defaultHighlighted","defaultVisible","Component","i18nEnhance","amount","unit","_ref2","arguments[0]","Button","_ref3","_default","exports"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n if (!Array.isArray(value)) return null;\n const [startDate, endDate = startDate] = value;\n return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n static displayName = 'DatePicker';\n static style = style;\n\n static defaultProps({ value, defaultValue }) {\n return {\n i18n: localizedMessages,\n locale: 'en',\n defaultDisplayedPeriod:\n getEndDate(value) \|\| getEndDate(defaultValue) \|\| defaultDisplayedPeriod,\n defaultValue: [],\n defaultHighlighted: [],\n defaultVisible: false,\n disabled: [],\n size: 'm',\n };\n }\n\n static enhance = [i18nEnhance(localizedMessages)];\n\n static add = (date, amount, unit) => {\n return dayjs(date).add(amount, unit).toDate();\n };\n\n static subtract = (date, amount, unit) => {\n return dayjs(date).subtract(amount, unit).toDate();\n };\n\n navigateStep;\n keyDiff;\n keyStep;\n\n state = {\n dirtyValue: [],\n // To remove after removing button trigger\n defaultInteraction: 'focus',\n };\n\n uncontrolledProps() {\n return {\n displayedPeriod: null,\n visible: [\n null,\n (visible) => {\n if (!visible) {\n this.handlers.highlighted([]);\n this.setState({ dirtyValue: [] });\n this.handlers.displayedPeriod(\n getEndDate(this.asProps.value ?? undefined) \|\| this.props.defaultDisplayedPeriod,\n );\n }\n },\n ],\n highlighted: null,\n value: [\n null,\n (value) => {\n this.handlers.visible(false);\n this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? undefined]));\n },\n ],\n };\n }\n\n navigateView = (direction) => {\n const { displayedPeriod } = this.asProps;\n const action = direction >= 1 ? 'add' : 'subtract';\n const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n this.handlers.displayedPeriod(date);\n };\n\n bindHandlerNavigateClick = (direction) => () => this.navigateView(direction);\n\n handlerKeyDown = (e) => {\n if (e.target !== e.currentTarget) return;\n const { displayedPeriod, highlighted } = this.asProps;\n const { dirtyValue } = this.state;\n const day = this.keyDiff[e.keyCode];\n\n const setNextDisplayedPeriod = (next_highlighted) => {\n const [, right_period] = next_highlighted;\n\n if (right_period) {\n const month_right_period = right_period.getMonth();\n const month_displayed_Period = displayedPeriod.getMonth();\n if (month_right_period - month_displayed_Period > 1) {\n return RangePickerAbstract.subtract(right_period, 1, 'month');\n } else if (month_right_period - month_displayed_Period < 0) {\n return right_period;\n }\n }\n return displayedPeriod;\n };\n\n if (e.keyCode === 32 && highlighted.length) {\n this.handleChange(highlighted[1] \|\| highlighted[0]);\n e.preventDefault();\n }\n if (day) {\n if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (highlighted.length) {\n let next_highlighted;\n if (dirtyValue.length === 1) {\n next_highlighted = [\n dirtyValue[0],\n dayjs(highlighted[1] \|\| highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n } else {\n next_highlighted = [\n dayjs(highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n }\n this.handlers.highlighted(next_highlighted);\n this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n } else {\n this.handlers.highlighted([displayedPeriod]);\n }\n e.preventDefault();\n }\n };\n\n handleApply = (value) => {\n const [startDate, endDate = startDate] = value;\n this.handleChange([]);\n this.handlers.value([startDate, endDate]);\n };\n\n handleChange = (date) => {\n let { dirtyValue } = this.state;\n let highlighted = [];\n if (Array.isArray(date)) {\n dirtyValue = date;\n } else if (!dirtyValue.length) {\n dirtyValue = [date];\n highlighted = [date];\n } else if (dirtyValue.length >= 2) {\n dirtyValue = [date];\n highlighted = [date];\n } else if (dirtyValue[0] > date) {\n dirtyValue = [date, dirtyValue[0]];\n } else {\n dirtyValue = [dirtyValue[0], date];\n }\n\n this.setState({ dirtyValue }, () => {\n this.handlers.highlighted(highlighted);\n });\n };\n\n getDefaultPeriods() {\n return [];\n }\n\n setDefaultInteractionToClick = () => {\n if (this.state.defaultInteraction === 'click') return;\n this.setState({ defaultInteraction: 'click' });\n };\n\n getButtonTriggerProps() {\n const { value, size } = this.asProps;\n\n return {\n size,\n empty: !value[0] && !value[1],\n onKeyDown: this.handlerKeyDown,\n setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n const buttons = (\n <>\n <Picker.Apply />\n {!unclearable && <Picker.Reset ml={2} />}\n </>\n );\n\n return {\n tabIndex: 0,\n onKeyDown: this.handlerKeyDown,\n children: (\n <>\n <Flex>\n <Box mr={2}>\n <Picker.Header>\n <Picker.Prev />\n <Picker.Title />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n <Box ml={2}>\n <Picker.Header>\n <Picker.Title />\n <Picker.Next />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n {periods.length ? (\n <>\n <Divider m='-16px 16px' orientation='vertical' h='auto' />\n <Flex direction='column'>\n <Picker.Period />\n <Flex mt='auto'>{buttons}</Flex>\n </Flex>\n </>\n ) : (\n <Flex mt={4}>{buttons}</Flex>\n )}\n </Flex>\n </>\n ),\n };\n }\n\n getHeaderProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n children: (\n <>\n <Picker.Prev />\n <Picker.Title />\n <Picker.Next />\n </>\n ),\n };\n }\n\n getTitleProps(props, index) {\n const { locale, displayedPeriod } = this.asProps;\n return {\n children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n\n getNextProps() {\n return {\n onClick: this.bindHandlerNavigateClick(1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getPrevProps() {\n return {\n onClick: this.bindHandlerNavigateClick(-1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getCalendarProps(_props, index) {\n const {\n locale,\n displayedPeriod,\n disabled,\n value,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n } = this.asProps;\n const { dirtyValue } = this.state;\n\n return {\n locale,\n displayedPeriod: dayjs(displayedPeriod)\n .add(index, this.navigateStep)\n .startOf(this.navigateStep)\n .toDate(),\n disabled,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n value: dirtyValue.length ? dirtyValue : value,\n onChange: this.handleChange,\n };\n }\n\n getPeriodProps() {\n const {\n periods = this.getDefaultPeriods(),\n value,\n onHighlightedChange,\n onDisplayedPeriodChange,\n } = this.asProps;\n const { dirtyValue } = this.state;\n return {\n periods,\n value: dirtyValue.length ? dirtyValue : value,\n onChange: this.handleApply,\n onHighlightedChange,\n onDisplayedPeriodChange,\n };\n }\n\n getApplyProps() {\n const { value, getI18nText } = this.asProps;\n const { dirtyValue } = this.state;\n return {\n getI18nText,\n onClick: () => this.handleApply(dirtyValue.length ? dirtyValue : value),\n };\n }\n\n getResetProps() {\n const { getI18nText } = this.asProps;\n return {\n getI18nText,\n onClick: () => this.handleApply([]),\n };\n }\n\n render() {\n const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n const { defaultInteraction } = this.state;\n\n return (\n <>\n {sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n interaction={defaultInteraction}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n )}\n </>\n );\n }\n}\n\nfunction Apply(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='primary' children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='tertiary' theme='muted' children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}

package/lib/cjs/index.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\n\nexport type DateConstructorParams = string \| number \| Date;\n\n/** @deprecated /\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n /\n Locale for displaying the days of a week and months, to be transferred to `Intl`\n * @default en\n * /\n locale?: NavigatorLanguage['language'];\n /\n Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date \| false, Date \| false]), crontab(6,7)\n * /\n disabled?: (Date \| (Date \| false)[] \| string)[];\n /\n @ignore\n * /\n highlighted?: DateConstructorParams[];\n /\n @ignore\n * /\n onHighlightedChange?: (date: Date[]) => void;\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n value?: DateConstructorParams[];\n /\n To be activated upon selecting the date\n * /\n onChange?: (date: Date[]) => void;\n /\n Date for showing the necessary month\n * @default new Date()\n * /\n displayedPeriod?: Date;\n\n renderOutdated?: boolean;\n};\n\n/* @deprecated /\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n days: CalendarUnitProps[];\n};\n\n/* @deprecated /\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n months: CalendarUnitProps[];\n};\n\n/* @deprecated /\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n selected?: boolean;\n outdated?: boolean;\n disabled?: boolean;\n today?: boolean;\n startSelected?: boolean;\n endSelected?: boolean;\n highlighted?: boolean;\n startHighlighted?: boolean;\n endHighlighted?: boolean;\n date?: Date;\n children?: React.ReactNode;\n};\n\n/* @deprecated /\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n 'div',\n CalendarProps,\n CalendarContext & CalendarDaysContext,\n [handlers: AbstractDatePickerHandlers]\n> & {\n Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/* @deprecated /\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = DropdownProps &\n WithI18nEnhanceProps & {\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n value?: DateConstructorParams;\n /\n To be activated upon selecting the date\n * /\n onChange?: (date: Date) => void;\n /\n Array of dates blocked for selection\n * /\n disabled?: (Date \| (Date \| false)[] \| string)[];\n /\n Date for showing the necessary month\n * @default new Date()\n * /\n displayedPeriod?: DateConstructorParams;\n /\n To be activated upon changing the current shown month\n * /\n onDisplayedPeriodChange?: (date: Date) => void;\n /\n Component size\n * @default m\n /\n size?: 'm' \| 'l';\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n highlighted?: DateConstructorParams[];\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultValue?: DateConstructorParams;\n /\n Default value date for showing the necessary month\n * /\n defaultDisplayedPeriod?: DateConstructorParams;\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultHighlighted?: DateConstructorParams[];\n };\n\n/* @deprecated /\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = DropdownProps &\n WithI18nEnhanceProps & {\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n value?: DateConstructorParams[];\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultValue?: DateConstructorParams[];\n /\n Default value date for showing the necessary month\n * /\n defaultDisplayedPeriod?: DateConstructorParams;\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultHighlighted?: DateConstructorParams[];\n /\n To be activated upon selecting the date\n * /\n onChange?: (date: Date[]) => void;\n /\n Array of dates blocked for selection\n * /\n disabled?: (Date \| (Date \| false)[] \| string)[];\n /\n Date for showing the necessary month\n * @default new Date()\n * /\n displayedPeriod?: DateConstructorParams;\n /\n To be activated upon changing the current shown month\n * /\n onDisplayedPeriodChange?: (date: Date) => void;\n /\n Component size\n * @default m\n /\n size?: 'm' \| 'l' \| 'xl';\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n highlighted?: DateConstructorParams[];\n /\n Remove the 'Reset' button\n * /\n unclearable?: boolean;\n /\n To be activated upon selecting the date\n * /\n onHighlightedChange?: (date: Date[]) => void;\n /\n Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * /\n periods?: (ButtonProps & { value: Date[] })[];\n };\n\n/* @deprecated /\nexport interface IDateRangePickerPeriodProps\n extends DateRangePickerPeriodProps,\n UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n /\n Current selected period\n * /\n value?: DateConstructorParams[];\n /\n To be activated by clicking the button for switching the selected period.\n * /\n onChange?: (date: Date[]) => void;\n /\n To be activated by hovering a cursor over the button for changing the current displayed month.\n * /\n onDisplayedPeriodChange?: (date: Date) => void;\n /\n To be activated by hovering a cursor over the button for selecting the dates.\n * /\n onHighlightedChange?: (date: Date[]) => void;\n /\n Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * /\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/* @deprecated /\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getTodayProps: PropGetterFn;\n};\n\n/* @deprecated /\nexport interface IAbstractDatePickerHandlers\n extends AbstractDatePickerHandlers,\n UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n displayedPeriod: (value: DateConstructorParams) => void;\n visible: (index: boolean) => void;\n highlighted: (list: DateConstructorParams[]) => void;\n value: (index: DateConstructorParams) => void;\n};\n\n/* @deprecated /\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n visible: (index: boolean) => void;\n};\n\n/* @deprecated /\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\ntype BaseInputTriggerProps = InputProps & {\n /\n Date input placeholder characters\n * @default { year: 'Y'; month: 'M'; day: 'D' }\n /\n placeholders?: { year: string; month: string; day: string };\n locale?: string;\n onDisplayedPeriodChange?: (date: Date) => void;\n};\nexport type InputTriggerProps = BaseInputTriggerProps & {\n value?: Date;\n onChange?: (date: Date, event: ChangeEvent) => void;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n value?: Date[];\n onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/* @deprecated /\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/* @deprecated /\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/* @deprecated /\nexport interface IDatePickerMaskedInputProps\n extends DatePickerMaskedInputProps,\n UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n date?: Date;\n onDateChange?: (date: Date, event: ChangeEvent) => void;\n onDisplayedPeriodChange?: (date: Date) => void;\n locale?: string;\n parts?: { year: Boolean; month: Boolean; day: Boolean };\n disabledDates?: (Date \| (Date \| false)[] \| string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & InputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n Indicator: typeof Input.Addon;\n MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & RangeInputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n Indicator: typeof Input.Addon;\n RangeSep: typeof Input.Addon;\n FromMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n ToMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n DatePickerContext & CalendarDaysContext\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead /\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Today: typeof Box;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/* @deprecated /\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n DateRangePickerContext & CalendarDaysContext,\n [handlers: DatePickerHandlers]\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead /\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/* @deprecated /\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n MonthPickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead /\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/* @deprecated /\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n MonthRangePickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport { DatePicker, DateRangePicker, MonthPicker, MonthRangePicker };\n"],"mappings":""}
1	+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\nimport Checkbox from '@semcore/checkbox';\n\nexport type DateConstructorParams = string \| number \| Date;\n\n/** @deprecated /\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n /\n Locale for displaying the days of a week and months, to be transferred to `Intl`\n * @default en\n * /\n locale?: NavigatorLanguage['language'];\n /\n Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date \| false, Date \| false]), crontab(6,7)\n * /\n disabled?: (Date \| (Date \| false)[] \| string)[];\n /\n @ignore\n * /\n highlighted?: DateConstructorParams[];\n /\n @ignore\n * /\n onHighlightedChange?: (date: Date[]) => void;\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n value?: DateConstructorParams[];\n /\n To be activated upon selecting the date\n * /\n onChange?: (date: Date[]) => void;\n /\n Date for showing the necessary month\n * @default new Date()\n * /\n displayedPeriod?: Date;\n\n renderOutdated?: boolean;\n};\n\n/* @deprecated /\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n days: CalendarUnitProps[];\n};\n\n/* @deprecated /\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n months: CalendarUnitProps[];\n};\n\n/* @deprecated /\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n selected?: boolean;\n outdated?: boolean;\n disabled?: boolean;\n today?: boolean;\n startSelected?: boolean;\n endSelected?: boolean;\n highlighted?: boolean;\n startHighlighted?: boolean;\n endHighlighted?: boolean;\n date?: Date;\n children?: React.ReactNode;\n};\n\n/* @deprecated /\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n 'div',\n CalendarProps,\n CalendarContext & CalendarDaysContext,\n [handlers: AbstractDatePickerHandlers]\n> & {\n Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/* @deprecated /\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = DropdownProps &\n WithI18nEnhanceProps & {\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n value?: DateConstructorParams;\n /\n To be activated upon selecting the date\n * /\n onChange?: (date: Date) => void;\n /\n Array of dates blocked for selection\n * /\n disabled?: (Date \| (Date \| false)[] \| string)[];\n /\n Date for showing the necessary month\n * @default new Date()\n * /\n displayedPeriod?: DateConstructorParams;\n /\n To be activated upon changing the current shown month\n * /\n onDisplayedPeriodChange?: (date: Date) => void;\n /\n Component size\n * @default m\n /\n size?: 'm' \| 'l';\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n highlighted?: DateConstructorParams[];\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultValue?: DateConstructorParams;\n /\n Default value date for showing the necessary month\n * /\n defaultDisplayedPeriod?: DateConstructorParams;\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultHighlighted?: DateConstructorParams[];\n };\n\n/* @deprecated /\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = DropdownProps &\n WithI18nEnhanceProps & {\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n value?: DateConstructorParams[];\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultValue?: DateConstructorParams[];\n /\n Default value date for showing the necessary month\n * /\n defaultDisplayedPeriod?: DateConstructorParams;\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultHighlighted?: DateConstructorParams[];\n /\n To be activated upon selecting the date\n * /\n onChange?: (date: Date[]) => void;\n /\n Array of dates blocked for selection\n * /\n disabled?: (Date \| (Date \| false)[] \| string)[];\n /\n Date for showing the necessary month\n * @default new Date()\n * /\n displayedPeriod?: DateConstructorParams;\n /\n To be activated upon changing the current shown month\n * /\n onDisplayedPeriodChange?: (date: Date) => void;\n /\n Component size\n * @default m\n /\n size?: 'm' \| 'l' \| 'xl';\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n highlighted?: DateConstructorParams[];\n /\n Remove the 'Reset' button\n * /\n unclearable?: boolean;\n /\n To be activated upon selecting the date\n * /\n onHighlightedChange?: (date: Date[]) => void;\n /\n Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * /\n periods?: (ButtonProps & { value: Date[] })[];\n };\n\n/* @deprecated /\nexport interface IDateRangePickerPeriodProps\n extends DateRangePickerPeriodProps,\n UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n /\n Current selected period\n * /\n value?: DateConstructorParams[];\n /\n To be activated by clicking the button for switching the selected period.\n * /\n onChange?: (date: Date[]) => void;\n /\n To be activated by hovering a cursor over the button for changing the current displayed month.\n * /\n onDisplayedPeriodChange?: (date: Date) => void;\n /\n To be activated by hovering a cursor over the button for selecting the dates.\n * /\n onHighlightedChange?: (date: Date[]) => void;\n /\n Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * /\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/* @deprecated /\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getTodayProps: PropGetterFn;\n};\n\n/* @deprecated /\nexport interface IAbstractDatePickerHandlers\n extends AbstractDatePickerHandlers,\n UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n displayedPeriod: (value: DateConstructorParams) => void;\n visible: (index: boolean) => void;\n highlighted: (list: DateConstructorParams[]) => void;\n value: (index: DateConstructorParams) => void;\n};\n\n/* @deprecated /\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n visible: (index: boolean) => void;\n};\n\n/* @deprecated /\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\ntype BaseInputTriggerProps = InputProps & {\n /\n Date input placeholder characters\n * @default { year: 'Y'; month: 'M'; day: 'D' }\n /\n placeholders?: { year: string; month: string; day: string };\n locale?: string;\n onDisplayedPeriodChange?: (date: Date) => void;\n};\nexport type InputTriggerProps = BaseInputTriggerProps & {\n value?: Date;\n onChange?: (date: Date, event: ChangeEvent) => void;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n value?: Date[];\n onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/* @deprecated /\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/* @deprecated /\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/* @deprecated /\nexport interface IDatePickerMaskedInputProps\n extends DatePickerMaskedInputProps,\n UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n date?: Date;\n onDateChange?: (date: Date, event: ChangeEvent) => void;\n onDisplayedPeriodChange?: (date: Date) => void;\n locale?: string;\n parts?: { year: Boolean; month: Boolean; day: Boolean };\n disabledDates?: (Date \| (Date \| false)[] \| string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & InputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n Indicator: typeof Input.Addon;\n MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & RangeInputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n Indicator: typeof Input.Addon;\n RangeSep: typeof Input.Addon;\n FromMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n ToMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n DatePickerContext & CalendarDaysContext\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead /\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Today: typeof Box;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/* @deprecated /\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n DateRangePickerContext & CalendarDaysContext,\n [handlers: DatePickerHandlers]\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead /\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/* @deprecated /\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n MonthPickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead /\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/* @deprecated /\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n MonthRangePickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /* @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead /\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number \| Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorProps = DropdownProps &\n WithI18nEnhanceProps & {\n /\n Selected date ranges\n * /\n value?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n /\n Default value for selected date ranges\n * /\n defaultValue?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n /\n Default value date for showing the necessary month\n * /\n defaultDisplayedPeriod?: DateConstructorParams;\n /\n Default value selected date, accepts everything which is accepted by `new Date()`\n * /\n defaultHighlighted?: DateConstructorParams[];\n /\n Called with selected date when user clicks `Apply` button.\n * /\n onChange?: (ranges: {\n value?: DateConstructorParams[];\n compare?: DateConstructorParams[];\n }) => void;\n /\n Array of dates blocked for selection\n * /\n disabled?: (Date \| (Date \| false)[] \| string)[];\n /\n Date for showing the necessary month\n * @default new Date()\n * /\n displayedPeriod?: DateConstructorParams;\n /\n To be activated upon changing the current shown month\n * /\n onDisplayedPeriodChange?: (date: Date) => void;\n /\n Component size\n * @default m\n /\n size?: 'm' \| 'l' \| 'xl';\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n highlighted?: DateConstructorParams[];\n /\n To be activated upon selecting the date\n * /\n onHighlightedChange?: (date: Date[]) => void;\n /\n The selected date, accepts everything which is accepted by `new Date()`\n * /\n compareHighlighted?: DateConstructorParams[];\n /\n To be activated upon selecting the date\n * /\n onCompareHighlightedChange?: (date: Date[]) => void;\n /\n Remove the 'Reset' button\n * /\n unclearable?: boolean;\n /\n Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * /\n periods?: (ButtonProps & { value: Date[] })[];\n };\n\nexport type DateRangeComparatorContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n BaseTriggerProps & {\n /\n Text between the selected date range and the compared date range when both are selected.\n * @default 'vs.'\n /\n separator?: string;\n /\n Trigger text when no ranges are selected.\n */\n placeholder?: string;\n };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n 'div',\n DateRangeComparatorProps,\n DateRangeComparatorContext & CalendarDaysContext\n> & {\n Popper: typeof Dropdown.Popper;\n Header: typeof Flex;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Apply: typeof Button;\n Reset: typeof Button;\n\n CalendarHeader: typeof Box;\n Title: typeof Box;\n\n Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n CompareToggle: typeof Checkbox;\n CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n Body: typeof Flex;\n RangeCalendar: typeof Flex;\n Periods: typeof Flex;\n Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n DatePicker,\n DateRangePicker,\n MonthPicker,\n MonthRangePicker,\n DateRangeComparator,\n MonthDateRangeComparator,\n};\n"],"mappings":""}

package/lib/cjs/index.js CHANGED Viewed

@@ -8,8 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   DatePicker: true,
   DateRangePicker: true,
+  DateRangeComparator: true,
   MonthPicker: true,
-  MonthRangePicker: true
+  MonthRangePicker: true,
+  MonthDateRangeComparator: true
 };
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
@@ -17,12 +19,24 @@ Object.defineProperty(exports, "DatePicker", {
     return _DatePicker["default"];
   }
 });
+Object.defineProperty(exports, "DateRangeComparator", {
+  enumerable: true,
+  get: function get() {
+    return _DateRangeComparator["default"];
+  }
+});
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
   get: function get() {
     return _DateRangePicker["default"];
   }
 });
+Object.defineProperty(exports, "MonthDateRangeComparator", {
+  enumerable: true,
+  get: function get() {
+    return _MonthDateRangeComparator["default"];
+  }
+});
 Object.defineProperty(exports, "MonthPicker", {
   enumerable: true,
   get: function get() {
@@ -48,6 +62,8 @@ Object.keys(_DatePicker).forEach(function (key) {
   });
 });
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
+var _DateRangeComparator = _interopRequireDefault(require("./DateRangeComparator"));
 var _MonthPicker = _interopRequireDefault(require("./MonthPicker"));
 var _MonthRangePicker = _interopRequireDefault(require("./MonthRangePicker"));
+var _MonthDateRangeComparator = _interopRequireDefault(require("./MonthDateRangeComparator"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_DatePicker","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DateRangePicker","_interopRequireDefault","_MonthPicker","_MonthRangePicker"],"sources":["../../src/index.js"],"sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,gBAAA,GAAAC,sBAAA,CAAAd,OAAA;AAEA,IAAAe,~~YAAA~~,GAAAD,sBAAA,CAAAd,OAAA;AAEA,IAAAgB,~~iBAAA~~,GAAAF,sBAAA,CAAAd,OAAA"}
1	+ {"version":3,"file":"index.js","names":["_DatePicker","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DateRangePicker","_interopRequireDefault","_DateRangeComparator","_MonthPicker","_MonthRangePicker","_MonthDateRangeComparator"],"sources":["../../src/index.js"],"sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as DateRangeComparator } from './DateRangeComparator';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n\nexport { default as MonthDateRangeComparator } from './MonthDateRangeComparator';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,gBAAA,GAAAC,sBAAA,CAAAd,OAAA;AAEA,IAAAe,oBAAA,GAAAD,sBAAA,CAAAd,OAAA;AAEA,IAAAgB,YAAA,GAAAF,sBAAA,CAAAd,OAAA;AAEA,IAAAiB,iBAAA,GAAAH,sBAAA,CAAAd,OAAA;AAEA,IAAAkB,yBAAA,GAAAJ,sBAAA,CAAAd,OAAA"}

package/lib/cjs/style/calendar.shadow.css CHANGED Viewed

@@ -47,7 +47,7 @@ SCalendarUnit {
   user-select: none;
   touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
-  background: var(--intergalactic-date-picker-cell, #ffffff);
+  background-color: var(--intergalactic-date-picker-cell, #ffffff);
   align-items: center;
   border-radius: var(--intergalactic-control-rounded, 6px);
@@ -62,10 +62,11 @@ SCalendarUnit {
   transition: color 0.15s, background 0.15s, border-radius 0.15s 0.15s;
   outline: none;
   margin: 0;
+  margin-top: 4px;
   &:hover {
     color: var(--intergalactic-text-primary, #191b23);
-    background: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
+    background-color: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
   }
   &:focus-visible {
@@ -96,30 +97,30 @@ SCalendarUnit[today]SCalendarUnit[endSelected] {
 }
 SCalendarUnit[selected] {
-  background: var(--intergalactic-date-picker-cell-range, #c4e5fe);
+  background-color: var(--intergalactic-date-picker-cell-range, #c4e5fe);
   border-radius: 0;
   transition: color 0.15s, background 0.15s, border-radius 0s 0s;
   color: var(--intergalactic-text-primary, #191b23);
   &:hover {
-    background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+    background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
   }
 }
 SCalendarUnit[highlighted] {
-  background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+  background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
   border-radius: 0;
   transition: color 0.15s, background 0.15s, border-radius 0s 0s;
   color: var(--intergalactic-text-primary, #191b23);
   &:hover {
-    background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+    background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
   }
 }
 SCalendarUnit[startSelected] {
   color: var(--intergalactic-text-primary-invert, #ffffff);
-  background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
   &:not([highlighted]) {
     border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
@@ -130,12 +131,12 @@ SCalendarUnit[startSelected] {
   &:hover {
     color: var(--intergalactic-text-primary-invert, #ffffff);
-    background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
+    background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
   }
 }
 SCalendarUnit[endSelected] {
-  background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
   color: var(--intergalactic-text-primary-invert, #ffffff);
   &:not([highlighted]) {
@@ -147,7 +148,7 @@ SCalendarUnit[endSelected] {
   &:hover {
     color: var(--intergalactic-text-primary-invert, #ffffff);
-    background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
+    background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
   }
 }
@@ -179,6 +180,52 @@ SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
   border-top-right-radius: var(--intergalactic-control-rounded, 6px);
 }
+SCalendarUnit[compareHighlighted] {
+  border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-radius: 0;
+  transition: none;
+}
+SCalendarUnit[compareStartHighlighted],
+SCalendarUnit[compareEndHighlighted] {
+  border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+}
+SCalendarUnit[compareStart],
+SCalendarUnit[compareEnd] {
+  border-radius: 0;
+  background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  color: var(--intergalactic-text-primary-invert, #ffffff);
+  &:hover {
+    color: var(--intergalactic-text-primary-invert, #ffffff);
+    background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab);
+  }
+}
+SCalendarUnit[compareStartHighlighted] {
+  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
+}
+SCalendarUnit[compareEndHighlighted] {
+  border-top-right-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-right-radius: var(--intergalactic-control-rounded, 6px);
+}
+SCalendarUnit[compareStart]:not([compareHighlighted]) {
+  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
+}
+SCalendarUnit[compareEnd]:not([compareHighlighted]) {
+  border-top-right-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-right-radius: var(--intergalactic-control-rounded, 6px);
+}
 SCalendarUnit[outdated] {
   opacity: 0.2;
 }

package/lib/cjs/style/date-picker.shadow.css CHANGED Viewed

@@ -59,6 +59,19 @@ SIndicator {
   color: var(--intergalactic-text-secondary, #6c6e79);
 }
+SRangeIndicator {
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+SRangeIndicator[range='value'] {
+  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+}
+SRangeIndicator[range='compare'] {
+  background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+}
 SHumanizedDate {
   position: absolute;
   pointer-events: none;
@@ -107,4 +120,22 @@ SDateRange SInputMask:focus-within SMask {
 SRangeSep[fulfilled],
 SDateRange:focus-within SRangeSep {
   color: var(--intergalactic-text-primary, #191b23);
+}
+SRangeComparatorHeader {
+  border-bottom: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+SRangeCalendar {
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+SFooter {
+  border-top: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+SPeriodsList {
+  padding: var(--intergalactic-spacing-4x, 16px);
 }