@semcore/date-picker 16.1.1 → 16.1.2-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +2 -28
- package/lib/cjs/DatePicker.js +27 -31
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangeComparator.js +28 -29
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/DateRangePicker.js +19 -20
- package/lib/cjs/DateRangePicker.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +33 -34
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthPicker.js +18 -19
- package/lib/cjs/MonthPicker.js.map +1 -1
- package/lib/cjs/MonthRangePicker.js +20 -21
- package/lib/cjs/MonthRangePicker.js.map +1 -1
- package/lib/cjs/components/ButtonTrigger.js +3 -4
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/Calendar.js +105 -114
- package/lib/cjs/components/Calendar.js.map +1 -1
- package/lib/cjs/components/DateRangeComparatorAbstract.js +93 -95
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +158 -166
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +53 -54
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +61 -62
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +35 -39
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +2 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/utils/cronTabScheduler.js +6 -5
- package/lib/cjs/utils/cronTabScheduler.js.map +1 -1
- package/lib/cjs/utils/datesIntersects.js +3 -4
- package/lib/cjs/utils/datesIntersects.js.map +1 -1
- package/lib/cjs/utils/formatDate.js +3 -5
- package/lib/cjs/utils/formatDate.js.map +1 -1
- package/lib/cjs/utils/includesDate.js +2 -3
- package/lib/cjs/utils/includesDate.js.map +1 -1
- package/lib/cjs/utils/isBetweenPlugin.js +1 -2
- package/lib/cjs/utils/isBetweenPlugin.js.map +1 -1
- package/lib/cjs/utils/shortDateRangeFormat.js +2 -2
- package/lib/cjs/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/es6/DatePicker.js +25 -27
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangeComparator.js +26 -26
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/DateRangePicker.js +16 -16
- package/lib/es6/DateRangePicker.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +31 -31
- package/lib/es6/MonthDateRangeComparator.js.map +1 -1
- package/lib/es6/MonthPicker.js +16 -16
- package/lib/es6/MonthPicker.js.map +1 -1
- package/lib/es6/MonthRangePicker.js +17 -17
- package/lib/es6/MonthRangePicker.js.map +1 -1
- package/lib/es6/components/ButtonTrigger.js +2 -2
- package/lib/es6/components/ButtonTrigger.js.map +1 -1
- package/lib/es6/components/Calendar.js +102 -109
- package/lib/es6/components/Calendar.js.map +1 -1
- package/lib/es6/components/DateRangeComparatorAbstract.js +94 -95
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +158 -165
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +52 -52
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +62 -62
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +33 -35
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/utils/cronTabScheduler.js +5 -4
- package/lib/es6/utils/cronTabScheduler.js.map +1 -1
- package/lib/es6/utils/datesIntersects.js +1 -1
- package/lib/es6/utils/datesIntersects.js.map +1 -1
- package/lib/es6/utils/formatDate.js.map +1 -1
- package/lib/es6/utils/includesDate.js.map +1 -1
- package/lib/es6/utils/isBetweenPlugin.js +1 -1
- package/lib/es6/utils/isBetweenPlugin.js.map +1 -1
- package/lib/es6/utils/shortDateRangeFormat.js +1 -1
- package/lib/es6/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/esm/DatePicker.mjs +32 -27
- package/lib/esm/DateRangeComparator.mjs +33 -26
- package/lib/esm/DateRangePicker.mjs +25 -18
- package/lib/esm/MonthDateRangeComparator.mjs +38 -31
- package/lib/esm/MonthPicker.mjs +24 -17
- package/lib/esm/MonthRangePicker.mjs +26 -19
- package/lib/esm/components/ButtonTrigger.mjs +1 -1
- package/lib/esm/components/Calendar.mjs +99 -103
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +74 -74
- package/lib/esm/components/InputTrigger.mjs +128 -133
- package/lib/esm/components/PickerAbstract.mjs +55 -53
- package/lib/esm/components/RangePickerAbstract.mjs +63 -61
- package/lib/esm/components/index.mjs +28 -28
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/utils/cronTabScheduler.mjs +4 -4
- package/lib/esm/utils/datesIntersects.mjs +1 -1
- package/lib/esm/utils/isBetweenPlugin.mjs +1 -1
- package/lib/types/index.d.ts +129 -125
- package/package.json +17 -17
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthRangePicker.js","names":["_react","_interopRequireDefault","require","_dayjs","_core","_shortDateRangeFormat","_components","_Calendar","_RangePickerAbstract2","_interopRequireWildcard","dateParts","day","month","year","MonthRangePickerRoot","_RangePickerAbstract","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_createClass2","key","value","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","dayjs","subtract","startOf","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread2","_get2","_getPrototypeOf2","prototype","placeholder","shortDateRangeFormat","getTriggerProps","_this$asProps2","visible","preselectedValue","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","animationsDisabled","parts","disabledDates","createElement","InputTrigger","DateRange","unit","keyStep","getTitleProps","props","index","_this$asProps3","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","Fragment","MonthRangePicker","Trigger","Popper","createComponent","ButtonTrigger","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent","_default","exports"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { createComponent } from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport {\n Header,\n Next,\n Period,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\n\nconst dateParts = { day: false, month: true, year: true };\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n static displayName = 'MonthRangePicker';\n static defaultProps = (props) => {\n return {\n ...RangePickerAbstract.defaultProps(props),\n children: (\n <>\n <MonthRangePicker.Trigger />\n <MonthRangePicker.Popper />\n </>\n ),\n };\n };\n\n navigateStep = 'year';\n keyStep = 'month';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -3,\n ArrowRight: 1,\n ArrowDown: 3,\n };\n\n getDefaultPeriods() {\n const { getI18nText } = this.asProps;\n const today = new Date(new Date().setHours(0, 0, 0, 0));\n return [\n {\n children: getI18nText('lastMonth'),\n value: [\n dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last3Months'),\n value: [\n dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last6Months'),\n value: [\n dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last12Months'),\n value: [\n dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n ];\n }\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select month period',\n children: shortDateRangeFormat(value, {\n locale,\n month: 'short',\n year: 'numeric',\n }),\n };\n }\n\n getTriggerProps() {\n const {\n visible,\n preselectedValue,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n disabledErrorText,\n getI18nText,\n animationsDisabled,\n } = this.asProps;\n const value = visible\n ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]]\n : this.asProps.value;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n parts: dateParts,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\n }\n\n getTitleProps(props, index) {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(props, index),\n children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n}\n\nconst MonthRangePicker = createComponent(\n MonthRangePickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n Period,\n Apply,\n Reset,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default MonthRangePicker;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MonthRangePicker.js","names":["_core","require","_dayjs","_interopRequireDefault","_react","_components","_Calendar","_RangePickerAbstract2","_interopRequireWildcard","_shortDateRangeFormat","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","_superPropGet","r","p","_get2","prototype","dateParts","day","month","year","MonthRangePickerRoot","_RangePickerAbstract","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_inherits2","_createClass2","key","value","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","dayjs","subtract","startOf","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread2","placeholder","shortDateRangeFormat","getTriggerProps","_this$asProps2","visible","preselectedValue","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","animationsDisabled","parts","disabledDates","createElement","InputTrigger","DateRange","unit","keyStep","getTitleProps","props","index","_this$asProps3","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","Fragment","MonthRangePicker","Trigger","Popper","createComponent","ButtonTrigger","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent","_default","exports"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport {\n Header,\n Next,\n Period,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\n\nconst dateParts = { day: false, month: true, year: true };\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n static displayName = 'MonthRangePicker';\n static defaultProps = (props) => {\n return {\n ...RangePickerAbstract.defaultProps(props),\n children: (\n <>\n <MonthRangePicker.Trigger />\n <MonthRangePicker.Popper />\n </>\n ),\n };\n };\n\n navigateStep = 'year';\n keyStep = 'month';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -3,\n ArrowRight: 1,\n ArrowDown: 3,\n };\n\n getDefaultPeriods() {\n const { getI18nText } = this.asProps;\n const today = new Date(new Date().setHours(0, 0, 0, 0));\n return [\n {\n children: getI18nText('lastMonth'),\n value: [\n dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last3Months'),\n value: [\n dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last6Months'),\n value: [\n dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last12Months'),\n value: [\n dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n ];\n }\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select month period',\n children: shortDateRangeFormat(value, {\n locale,\n month: 'short',\n year: 'numeric',\n }),\n };\n }\n\n getTriggerProps() {\n const {\n visible,\n preselectedValue,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n disabledErrorText,\n getI18nText,\n animationsDisabled,\n } = this.asProps;\n const value = visible\n ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]]\n : this.asProps.value;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n parts: dateParts,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\n }\n\n getTitleProps(props, index) {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(props, index),\n children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n}\n\nconst MonthRangePicker = createComponent(\n MonthRangePickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n Period,\n Apply,\n Reset,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default MonthRangePicker;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _core = require("@semcore/core");
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _baseTrigger = _interopRequireDefault(require("@semcore/base-trigger"));
|
|
11
10
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
12
11
|
var _m = _interopRequireDefault(require("@semcore/icon/Calendar/m"));
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
|
|
14
14
|
var _ref = arguments[0];
|
|
15
15
|
var Children = _ref2.Children;
|
|
@@ -22,6 +22,5 @@ var ButtonTrigger = (0, _core.createComponent)(ButtonTriggerRoot, {
|
|
|
22
22
|
Text: _baseTrigger["default"].Text,
|
|
23
23
|
Addon: _baseTrigger["default"].Addon
|
|
24
24
|
});
|
|
25
|
-
var _default = ButtonTrigger;
|
|
26
|
-
exports["default"] = _default;
|
|
25
|
+
var _default = exports["default"] = ButtonTrigger;
|
|
27
26
|
//# sourceMappingURL=ButtonTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_baseTrigger","_interopRequireDefault","_addonTextChildren","_m","_react","ButtonTriggerRoot","_ref2","_ref","arguments[0]","Children","createElement","BaseTrigger","assignProps","ButtonTrigger","Addon","tag","Calendar","addonTextChildren","Text","displayName","createComponent","_default","exports"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import BaseTrigger from '@semcore/base-trigger';\nimport { createComponent, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport React from 'react';\n\nconst ButtonTriggerRoot = ({ Children }) => {\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true)}\n </Root>\n );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,EAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AAEA,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAAqB;EAAA,IAAAC,IAAA,GAAAC,YAAA;EAAA,IAAfC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;EACnC,oBACEL,MAAA,YAAAM,aAAA,CAAcC,uBAAW,MAAAb,KAAA,CAAAc,WAAA,MAAAL,IAAA,gBACvBH,MAAA,YAAAM,aAAA,CAACG,aAAa,CAACC,KAAK;IAACC,GAAG,EAAEC;EAAS,CAAE,CAAC,EACrC,IAAAC,6BAAiB,EAACR,QAAQ,EAAEI,aAAa,CAACK,IAAI,EAAEL,aAAa,CAACC,KAAK,EAAE,IAAI,CACtE,CAAC;AAEX,CAAC;AAEDT,iBAAiB,CAACc,WAAW,GAAG,eAAe;AAE/C,IAAMN,aAAa,GAAG,IAAAO,qBAAe,EAACf,iBAAiB,EAAE;EACvDa,IAAI,EAAEP,uBAAW,CAACO,IAAI;EACtBJ,KAAK,EAAEH,uBAAW,CAACG;AACrB,CAAC,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEYT,aAAa","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,53 +10,55 @@ exports.CalendarWeekDays = void 0;
|
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
12
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
14
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
16
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
17
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
16
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
18
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
20
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
20
21
|
var _core = require("@semcore/core");
|
|
21
|
-
var
|
|
22
|
-
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
23
|
-
var _isBetweenPlugin = _interopRequireDefault(require("../utils/isBetweenPlugin"));
|
|
24
|
-
var _flexBox = require("@semcore/flex-box");
|
|
22
|
+
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
|
|
25
23
|
var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
|
|
26
|
-
var
|
|
24
|
+
var _flexBox = require("@semcore/flex-box");
|
|
25
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
27
|
var _formatDate = require("../utils/formatDate");
|
|
28
|
-
var
|
|
28
|
+
var _includesDate = require("../utils/includesDate");
|
|
29
|
+
var _isBetweenPlugin = _interopRequireDefault(require("../utils/isBetweenPlugin"));
|
|
29
30
|
var _excluded = ["date"];
|
|
31
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
30
32
|
/*!__reshadow-styles__:"../style/calendar.shadow.css"*/
|
|
31
|
-
var style = (
|
|
33
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCalendar_15xgr_gg_{display:flex;flex-direction:column}.___SGridDays_15xgr_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_15xgr_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_15xgr_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_15xgr_gg_,.___SWeekDay_15xgr_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_15xgr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_15xgr_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_15xgr_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_15xgr_gg_:focus-visible{outline:0}.___SCalendarUnit_15xgr_gg_.__today_15xgr_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_15xgr_gg_.___SCalendarUnit_15xgr_gg_.__today_15xgr_gg_.__endSelected_15xgr_gg_:before,.___SCalendarUnit_15xgr_gg_.___SCalendarUnit_15xgr_gg_.__today_15xgr_gg_.__startSelected_15xgr_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_15xgr_gg_.__highlighted_15xgr_gg_,.___SCalendarUnit_15xgr_gg_.__selected_15xgr_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_15xgr_gg_.__selected_15xgr_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_15xgr_gg_.__selected_15xgr_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_15xgr_gg_.__highlighted_15xgr_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_15xgr_gg_.__highlighted_15xgr_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_15xgr_gg_.__startSelected_15xgr_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_15xgr_gg_.__startSelected_15xgr_gg_:not(.__highlighted_15xgr_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_15xgr_gg_.__startSelected_15xgr_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_15xgr_gg_.__endSelected_15xgr_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_15xgr_gg_.__endSelected_15xgr_gg_:not(.__highlighted_15xgr_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_15xgr_gg_.__endSelected_15xgr_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_15xgr_gg_.__startHighlighted_15xgr_gg_:not(.__selected_15xgr_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_15xgr_gg_.__endHighlighted_15xgr_gg_:not(.__selected_15xgr_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_15xgr_gg_.__startHighlighted_15xgr_gg_.___SCalendarUnit_15xgr_gg_.__endHighlighted_15xgr_gg_,.___SCalendarUnit_15xgr_gg_.__startSelected_15xgr_gg_.___SCalendarUnit_15xgr_gg_.__endSelected_15xgr_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_15xgr_gg_.__compareHighlighted_15xgr_gg_{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_15xgr_gg_.__compareEndHighlighted_15xgr_gg_,.___SCalendarUnit_15xgr_gg_.__compareStartHighlighted_15xgr_gg_{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_15xgr_gg_.__compareEnd_15xgr_gg_,.___SCalendarUnit_15xgr_gg_.__compareStart_15xgr_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_15xgr_gg_.__compareEnd_15xgr_gg_:hover,.___SCalendarUnit_15xgr_gg_.__compareStart_15xgr_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_15xgr_gg_.__compareStartHighlighted_15xgr_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_15xgr_gg_.__compareEndHighlighted_15xgr_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_15xgr_gg_.__compareStart_15xgr_gg_:not(.__compareHighlighted_15xgr_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_15xgr_gg_.__compareEnd_15xgr_gg_:not(.__compareHighlighted_15xgr_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_15xgr_gg_.__outdated_15xgr_gg_{opacity:.2}.___SCalendarUnit_15xgr_gg_.__disabled_15xgr_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_15xgr_gg_:focus{outline:0}.___SCalendar_15xgr_gg_:focus .___SCalendarUnit_15xgr_gg_.__highlighted_15xgr_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n )}.___SCalendar_15xgr_gg_:focus:not(.___SCalendar_15xgr_gg_:focus:has(.___SCalendarUnit_15xgr_gg_.__highlighted_15xgr_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n )}@media (prefers-reduced-motion){.___SCalendarUnit_15xgr_gg_,.___SCalendarUnit_15xgr_gg_.__highlighted_15xgr_gg_,.___SCalendarUnit_15xgr_gg_.__selected_15xgr_gg_{transition:none}}", /*__inner_css_end__*/"15xgr_gg_"),
|
|
32
34
|
/*__reshadow_css_end__*/
|
|
33
35
|
{
|
|
34
|
-
"__SCalendar": "
|
|
35
|
-
"__SGridDays": "
|
|
36
|
-
"__SGridMonths": "
|
|
37
|
-
"__SWeekDays": "
|
|
38
|
-
"__SWeekDay": "
|
|
39
|
-
"__SCalendarUnit": "
|
|
40
|
-
"_startHighlighted": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_endHighlighted": "
|
|
43
|
-
"_startSelected": "
|
|
44
|
-
"_endSelected": "
|
|
45
|
-
"_compareHighlighted": "
|
|
46
|
-
"_compareStartHighlighted": "
|
|
47
|
-
"_compareEndHighlighted": "
|
|
48
|
-
"_compareStart": "
|
|
49
|
-
"_compareEnd": "
|
|
50
|
-
"_outdated": "
|
|
51
|
-
"_disabled": "
|
|
52
|
-
"_highlighted": "
|
|
53
|
-
"_today": "
|
|
36
|
+
"__SCalendar": "___SCalendar_15xgr_gg_",
|
|
37
|
+
"__SGridDays": "___SGridDays_15xgr_gg_",
|
|
38
|
+
"__SGridMonths": "___SGridMonths_15xgr_gg_",
|
|
39
|
+
"__SWeekDays": "___SWeekDays_15xgr_gg_",
|
|
40
|
+
"__SWeekDay": "___SWeekDay_15xgr_gg_",
|
|
41
|
+
"__SCalendarUnit": "___SCalendarUnit_15xgr_gg_",
|
|
42
|
+
"_startHighlighted": "__startHighlighted_15xgr_gg_",
|
|
43
|
+
"_selected": "__selected_15xgr_gg_",
|
|
44
|
+
"_endHighlighted": "__endHighlighted_15xgr_gg_",
|
|
45
|
+
"_startSelected": "__startSelected_15xgr_gg_",
|
|
46
|
+
"_endSelected": "__endSelected_15xgr_gg_",
|
|
47
|
+
"_compareHighlighted": "__compareHighlighted_15xgr_gg_",
|
|
48
|
+
"_compareStartHighlighted": "__compareStartHighlighted_15xgr_gg_",
|
|
49
|
+
"_compareEndHighlighted": "__compareEndHighlighted_15xgr_gg_",
|
|
50
|
+
"_compareStart": "__compareStart_15xgr_gg_",
|
|
51
|
+
"_compareEnd": "__compareEnd_15xgr_gg_",
|
|
52
|
+
"_outdated": "__outdated_15xgr_gg_",
|
|
53
|
+
"_disabled": "__disabled_15xgr_gg_",
|
|
54
|
+
"_highlighted": "__highlighted_15xgr_gg_",
|
|
55
|
+
"_today": "__today_15xgr_gg_"
|
|
54
56
|
});
|
|
55
57
|
_dayjs["default"].extend(_isBetweenPlugin["default"]);
|
|
56
58
|
var range = function range(N, cb) {
|
|
57
59
|
return Array.from({
|
|
58
60
|
length: N
|
|
59
|
-
}, function (
|
|
61
|
+
}, function (_v, k) {
|
|
60
62
|
return cb(k);
|
|
61
63
|
});
|
|
62
64
|
};
|
|
@@ -71,13 +73,12 @@ function getDayJSLocaleParams(locale) {
|
|
|
71
73
|
}, _dayjs["default"].Ls[locale]);
|
|
72
74
|
}
|
|
73
75
|
var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
|
|
74
|
-
(0, _inherits2["default"])(CalendarWeekDaysRoot, _Component);
|
|
75
|
-
var _super = (0, _createSuper2["default"])(CalendarWeekDaysRoot);
|
|
76
76
|
function CalendarWeekDaysRoot() {
|
|
77
77
|
(0, _classCallCheck2["default"])(this, CalendarWeekDaysRoot);
|
|
78
|
-
return
|
|
78
|
+
return _callSuper(this, CalendarWeekDaysRoot, arguments);
|
|
79
79
|
}
|
|
80
|
-
(0,
|
|
80
|
+
(0, _inherits2["default"])(CalendarWeekDaysRoot, _Component);
|
|
81
|
+
return (0, _createClass2["default"])(CalendarWeekDaysRoot, [{
|
|
81
82
|
key: "getDaysByWeek",
|
|
82
83
|
value: function getDaysByWeek() {
|
|
83
84
|
var locale = this.asProps.locale;
|
|
@@ -91,7 +92,7 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
|
|
|
91
92
|
}).format(date.valueOf());
|
|
92
93
|
date = date.add(1, 'day');
|
|
93
94
|
return {
|
|
94
|
-
children: _short,
|
|
95
|
+
'children': _short,
|
|
95
96
|
'aria-label': _long
|
|
96
97
|
};
|
|
97
98
|
});
|
|
@@ -115,14 +116,13 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
|
|
|
115
116
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWeekDays, _ref6.cn("SWeekDays", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
|
|
116
117
|
}
|
|
117
118
|
}]);
|
|
118
|
-
return CalendarWeekDaysRoot;
|
|
119
119
|
}(_core.Component);
|
|
120
120
|
(0, _defineProperty2["default"])(CalendarWeekDaysRoot, "displayName", 'CalendarWeekDays');
|
|
121
121
|
(0, _defineProperty2["default"])(CalendarWeekDaysRoot, "style", style);
|
|
122
122
|
(0, _defineProperty2["default"])(CalendarWeekDaysRoot, "defaultProps", {
|
|
123
123
|
locale: 'en',
|
|
124
|
-
children: function children(
|
|
125
|
-
var days =
|
|
124
|
+
children: function children(_ref15) {
|
|
125
|
+
var days = _ref15.days;
|
|
126
126
|
return days.map(function (data, i) {
|
|
127
127
|
return /*#__PURE__*/_react["default"].createElement(CalendarWeekDays.Unit, (0, _extends2["default"])({
|
|
128
128
|
key: i
|
|
@@ -130,10 +130,10 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
|
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
132
|
});
|
|
133
|
-
function CalendarWeekUnit(
|
|
133
|
+
function CalendarWeekUnit(_ref1) {
|
|
134
134
|
var _ref2 = arguments[0],
|
|
135
135
|
_ref7;
|
|
136
|
-
var styles =
|
|
136
|
+
var styles = _ref1.styles;
|
|
137
137
|
var SWeekDay = _flexBox.Box;
|
|
138
138
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWeekDay, _ref7.cn("SWeekDay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
139
139
|
"role": 'columnheader'
|
|
@@ -144,9 +144,9 @@ function resolveHighlighting(date, unit, highlighted) {
|
|
|
144
144
|
var highlighted1 = highlighted[1] ? (0, _dayjs["default"])(highlighted[1]) : highlighted0;
|
|
145
145
|
if (highlighted0 && highlighted1) {
|
|
146
146
|
if (highlighted0 > highlighted1) {
|
|
147
|
-
var
|
|
148
|
-
highlighted1 =
|
|
149
|
-
highlighted0 =
|
|
147
|
+
var _ref10 = [highlighted0, highlighted1];
|
|
148
|
+
highlighted1 = _ref10[0];
|
|
149
|
+
highlighted0 = _ref10[1];
|
|
150
150
|
}
|
|
151
151
|
return {
|
|
152
152
|
highlighted: date.isBetween(highlighted0, highlighted1, unit, '[]'),
|
|
@@ -166,9 +166,9 @@ function resolveSelecting(date, unit, value) {
|
|
|
166
166
|
var selected;
|
|
167
167
|
if (value0 && value1) {
|
|
168
168
|
if (value0 > value1) {
|
|
169
|
-
var
|
|
170
|
-
value1 =
|
|
171
|
-
value0 =
|
|
169
|
+
var _ref11 = [value0, value1];
|
|
170
|
+
value1 = _ref11[0];
|
|
171
|
+
value0 = _ref11[1];
|
|
172
172
|
}
|
|
173
173
|
selected = date.isBetween(value0, value1, unit, '()');
|
|
174
174
|
}
|
|
@@ -181,29 +181,28 @@ function resolveSelecting(date, unit, value) {
|
|
|
181
181
|
};
|
|
182
182
|
}
|
|
183
183
|
var CalendarAbstract = /*#__PURE__*/function (_Component2) {
|
|
184
|
-
(0, _inherits2["default"])(CalendarAbstract, _Component2);
|
|
185
|
-
var _super2 = (0, _createSuper2["default"])(CalendarAbstract);
|
|
186
184
|
function CalendarAbstract() {
|
|
187
185
|
var _this;
|
|
188
186
|
(0, _classCallCheck2["default"])(this, CalendarAbstract);
|
|
189
187
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
190
188
|
args[_key] = arguments[_key];
|
|
191
189
|
}
|
|
192
|
-
_this =
|
|
193
|
-
(0, _defineProperty2["default"])(
|
|
194
|
-
(0, _defineProperty2["default"])(
|
|
190
|
+
_this = _callSuper(this, CalendarAbstract, [].concat(args));
|
|
191
|
+
(0, _defineProperty2["default"])(_this, "today", new Date(new Date().setHours(0, 0, 0, 0)));
|
|
192
|
+
(0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
|
|
195
193
|
var highlighted = _this.asProps.highlighted;
|
|
196
|
-
(0, _fire["default"])(
|
|
194
|
+
(0, _fire["default"])(_this, 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
|
|
197
195
|
});
|
|
198
|
-
(0, _defineProperty2["default"])(
|
|
196
|
+
(0, _defineProperty2["default"])(_this, "formatter", _formatDate.formatDDMMYY);
|
|
199
197
|
return _this;
|
|
200
198
|
}
|
|
201
|
-
(0,
|
|
199
|
+
(0, _inherits2["default"])(CalendarAbstract, _Component2);
|
|
200
|
+
return (0, _createClass2["default"])(CalendarAbstract, [{
|
|
202
201
|
key: "createUnit",
|
|
203
|
-
value: function createUnit(
|
|
202
|
+
value: function createUnit(_ref12, unit) {
|
|
204
203
|
var _this2 = this;
|
|
205
|
-
var date =
|
|
206
|
-
other = (0, _objectWithoutProperties2["default"])(
|
|
204
|
+
var date = _ref12.date,
|
|
205
|
+
other = (0, _objectWithoutProperties2["default"])(_ref12, _excluded);
|
|
207
206
|
var self = this;
|
|
208
207
|
var _this$asProps2 = this.asProps,
|
|
209
208
|
_disabled = _this$asProps2.disabled,
|
|
@@ -218,27 +217,27 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
|
|
|
218
217
|
var comparing = resolveSelecting(date, unit, compare !== null && compare !== void 0 ? compare : []);
|
|
219
218
|
var disabled = _disabled.some((0, _includesDate.includesDate)(date, unit));
|
|
220
219
|
return (0, _objectSpread2["default"])({
|
|
221
|
-
date: (0, _formatDate.formatDDMMYY)(date, locale),
|
|
222
|
-
dateKey: this.formatter(date, locale),
|
|
223
|
-
children: '',
|
|
224
|
-
role: 'gridcell',
|
|
225
|
-
startSelected: selecting.startSelected,
|
|
226
|
-
endSelected: selecting.endSelected,
|
|
227
|
-
selected: selecting.selected,
|
|
228
|
-
highlighted: highlighting.highlighted,
|
|
229
|
-
startHighlighted: highlighting.startHighlighted,
|
|
230
|
-
endHighlighted: highlighting.endHighlighted,
|
|
231
|
-
compareHighlighted: comparedHighlighting.highlighted || comparing.selected,
|
|
232
|
-
compareStartHighlighted: comparedHighlighting.startHighlighted,
|
|
233
|
-
compareEndHighlighted: comparedHighlighting.endHighlighted,
|
|
234
|
-
compareStart: comparing.startSelected,
|
|
235
|
-
compareEnd: comparing.endSelected,
|
|
220
|
+
'date': (0, _formatDate.formatDDMMYY)(date, locale),
|
|
221
|
+
'dateKey': this.formatter(date, locale),
|
|
222
|
+
'children': '',
|
|
223
|
+
'role': 'gridcell',
|
|
224
|
+
'startSelected': selecting.startSelected,
|
|
225
|
+
'endSelected': selecting.endSelected,
|
|
226
|
+
'selected': selecting.selected,
|
|
227
|
+
'highlighted': highlighting.highlighted,
|
|
228
|
+
'startHighlighted': highlighting.startHighlighted,
|
|
229
|
+
'endHighlighted': highlighting.endHighlighted,
|
|
230
|
+
'compareHighlighted': comparedHighlighting.highlighted || comparing.selected,
|
|
231
|
+
'compareStartHighlighted': comparedHighlighting.startHighlighted,
|
|
232
|
+
'compareEndHighlighted': comparedHighlighting.endHighlighted,
|
|
233
|
+
'compareStart': comparing.startSelected,
|
|
234
|
+
'compareEnd': comparing.endSelected,
|
|
236
235
|
'aria-selected': selecting.selected,
|
|
237
236
|
'aria-disabled': disabled,
|
|
238
237
|
'aria-current': highlighting.highlighted ? 'date' : undefined,
|
|
239
238
|
disabled: disabled,
|
|
240
|
-
today: date.isSame(self.today, unit),
|
|
241
|
-
onClick: function onClick() {
|
|
239
|
+
'today': date.isSame(self.today, unit),
|
|
240
|
+
'onClick': function onClick() {
|
|
242
241
|
var _this2$asProps = _this2.asProps,
|
|
243
242
|
range = _this2$asProps.range,
|
|
244
243
|
_highlighted = _this2$asProps.highlighted;
|
|
@@ -255,7 +254,7 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
|
|
|
255
254
|
}
|
|
256
255
|
(0, _fire["default"])(_this2, 'onChange', date.toDate());
|
|
257
256
|
},
|
|
258
|
-
onMouseEnter: function onMouseEnter() {
|
|
257
|
+
'onMouseEnter': function onMouseEnter() {
|
|
259
258
|
var _this2$asProps2 = _this2.asProps,
|
|
260
259
|
range = _this2$asProps2.range,
|
|
261
260
|
_highlighted = _this2$asProps2.highlighted;
|
|
@@ -274,14 +273,14 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
|
|
|
274
273
|
}
|
|
275
274
|
}, {
|
|
276
275
|
key: "getUnitProps",
|
|
277
|
-
value: function getUnitProps(
|
|
278
|
-
var dateKey =
|
|
276
|
+
value: function getUnitProps(_ref13, index) {
|
|
277
|
+
var dateKey = _ref13.dateKey;
|
|
279
278
|
var inRow = 7;
|
|
280
279
|
var unitRefs = this.asProps.unitRefs;
|
|
281
280
|
return {
|
|
282
281
|
'aria-colindex': index % inRow + 1,
|
|
283
282
|
'aria-rowindex': Math.floor(index / inRow) + 1,
|
|
284
|
-
ref: function ref(node) {
|
|
283
|
+
'ref': function ref(node) {
|
|
285
284
|
if (!dateKey) return;
|
|
286
285
|
unitRefs[dateKey] = node;
|
|
287
286
|
}
|
|
@@ -340,18 +339,17 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
|
|
|
340
339
|
return description;
|
|
341
340
|
}
|
|
342
341
|
}]);
|
|
343
|
-
return CalendarAbstract;
|
|
344
342
|
}(_core.Component);
|
|
345
343
|
(0, _defineProperty2["default"])(CalendarAbstract, "style", style);
|
|
346
|
-
function CalendarUnit(
|
|
344
|
+
function CalendarUnit(_ref14) {
|
|
347
345
|
var _ref3 = arguments[0],
|
|
348
346
|
_ref8;
|
|
349
|
-
var styles =
|
|
350
|
-
date =
|
|
351
|
-
_long2 =
|
|
352
|
-
outdated =
|
|
353
|
-
disabled =
|
|
354
|
-
highlighted =
|
|
347
|
+
var styles = _ref14.styles,
|
|
348
|
+
date = _ref14.date,
|
|
349
|
+
_long2 = _ref14["long"],
|
|
350
|
+
outdated = _ref14.outdated,
|
|
351
|
+
disabled = _ref14.disabled,
|
|
352
|
+
highlighted = _ref14.highlighted;
|
|
355
353
|
var SCalendarUnit = _flexBox.Box;
|
|
356
354
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendarUnit, _ref8.cn("SCalendarUnit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
357
355
|
"use:disabled": disabled || outdated || !date,
|
|
@@ -361,14 +359,13 @@ function CalendarUnit(_ref16) {
|
|
|
361
359
|
}, _ref3))));
|
|
362
360
|
}
|
|
363
361
|
CalendarUnit.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
|
364
|
-
var CalendarDaysRoot = /*#__PURE__*/function (
|
|
365
|
-
(0, _inherits2["default"])(CalendarDaysRoot, _CalendarAbstract);
|
|
366
|
-
var _super3 = (0, _createSuper2["default"])(CalendarDaysRoot);
|
|
362
|
+
var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
|
|
367
363
|
function CalendarDaysRoot() {
|
|
368
364
|
(0, _classCallCheck2["default"])(this, CalendarDaysRoot);
|
|
369
|
-
return
|
|
365
|
+
return _callSuper(this, CalendarDaysRoot, arguments);
|
|
370
366
|
}
|
|
371
|
-
(0,
|
|
367
|
+
(0, _inherits2["default"])(CalendarDaysRoot, _CalendarAbstract2);
|
|
368
|
+
return (0, _createClass2["default"])(CalendarDaysRoot, [{
|
|
372
369
|
key: "getDaysByMonth",
|
|
373
370
|
value: function getDaysByMonth() {
|
|
374
371
|
var _this4 = this;
|
|
@@ -455,7 +452,6 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
|
|
|
455
452
|
}), description)));
|
|
456
453
|
}
|
|
457
454
|
}]);
|
|
458
|
-
return CalendarDaysRoot;
|
|
459
455
|
}(CalendarAbstract);
|
|
460
456
|
(0, _defineProperty2["default"])(CalendarDaysRoot, "displayName", 'CalendarDays');
|
|
461
457
|
(0, _defineProperty2["default"])(CalendarDaysRoot, "defaultProps", {
|
|
@@ -463,8 +459,8 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
|
|
|
463
459
|
disabled: [],
|
|
464
460
|
value: [],
|
|
465
461
|
locale: 'en',
|
|
466
|
-
children: function children(
|
|
467
|
-
var days =
|
|
462
|
+
children: function children(_ref16) {
|
|
463
|
+
var days = _ref16.days;
|
|
468
464
|
return days.map(function (data, i) {
|
|
469
465
|
return /*#__PURE__*/_react["default"].createElement(CalendarDays.Unit, (0, _extends2["default"])({
|
|
470
466
|
key: i
|
|
@@ -472,20 +468,19 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
|
|
|
472
468
|
});
|
|
473
469
|
}
|
|
474
470
|
});
|
|
475
|
-
var CalendarMonthsRoot = /*#__PURE__*/function (
|
|
476
|
-
(0, _inherits2["default"])(CalendarMonthsRoot, _CalendarAbstract2);
|
|
477
|
-
var _super4 = (0, _createSuper2["default"])(CalendarMonthsRoot);
|
|
471
|
+
var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
|
|
478
472
|
function CalendarMonthsRoot() {
|
|
479
473
|
var _this5;
|
|
480
474
|
(0, _classCallCheck2["default"])(this, CalendarMonthsRoot);
|
|
481
475
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
482
476
|
args[_key2] = arguments[_key2];
|
|
483
477
|
}
|
|
484
|
-
_this5 =
|
|
485
|
-
(0, _defineProperty2["default"])(
|
|
478
|
+
_this5 = _callSuper(this, CalendarMonthsRoot, [].concat(args));
|
|
479
|
+
(0, _defineProperty2["default"])(_this5, "formatter", _formatDate.formatMMYY);
|
|
486
480
|
return _this5;
|
|
487
481
|
}
|
|
488
|
-
(0,
|
|
482
|
+
(0, _inherits2["default"])(CalendarMonthsRoot, _CalendarAbstract3);
|
|
483
|
+
return (0, _createClass2["default"])(CalendarMonthsRoot, [{
|
|
489
484
|
key: "getMonthsByYear",
|
|
490
485
|
value: function getMonthsByYear() {
|
|
491
486
|
var _this6 = this;
|
|
@@ -519,31 +514,30 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
|
|
|
519
514
|
key: "render",
|
|
520
515
|
value: function render() {
|
|
521
516
|
var _ref5 = this.asProps,
|
|
522
|
-
|
|
517
|
+
_ref0;
|
|
523
518
|
var SCalendar = _flexBox.Box;
|
|
524
519
|
var SGridMonths = 'div';
|
|
525
520
|
var _this$asProps7 = this.asProps,
|
|
526
521
|
Children = _this$asProps7.Children,
|
|
527
522
|
styles = _this$asProps7.styles;
|
|
528
523
|
var description = this.describeValue();
|
|
529
|
-
return
|
|
524
|
+
return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendar, _ref0.cn("SCalendar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, this.getRootProps()), _ref5))), /*#__PURE__*/_react["default"].createElement(SGridMonths, _ref0.cn("SGridMonths", {
|
|
530
525
|
"onMouseLeave": this.handleMouseLeave,
|
|
531
526
|
"role": 'row'
|
|
532
|
-
}), /*#__PURE__*/_react["default"].createElement(Children,
|
|
527
|
+
}), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref0.cn("ScreenReaderOnly", {
|
|
533
528
|
"role": 'row'
|
|
534
|
-
}), /*#__PURE__*/_react["default"].createElement("span",
|
|
529
|
+
}), /*#__PURE__*/_react["default"].createElement("span", _ref0.cn("span", {
|
|
535
530
|
"aria-live": 'polite',
|
|
536
531
|
"role": 'gridcell'
|
|
537
532
|
}), description)));
|
|
538
533
|
}
|
|
539
534
|
}]);
|
|
540
|
-
return CalendarMonthsRoot;
|
|
541
535
|
}(CalendarAbstract);
|
|
542
536
|
(0, _defineProperty2["default"])(CalendarMonthsRoot, "displayName", 'CalendarMonths');
|
|
543
537
|
(0, _defineProperty2["default"])(CalendarMonthsRoot, "defaultProps", {
|
|
544
538
|
locale: 'en',
|
|
545
|
-
children: function children(
|
|
546
|
-
var months =
|
|
539
|
+
children: function children(_ref17) {
|
|
540
|
+
var months = _ref17.months;
|
|
547
541
|
return months.map(function (data, i) {
|
|
548
542
|
return /*#__PURE__*/_react["default"].createElement(CalendarMonths.Unit, (0, _extends2["default"])({
|
|
549
543
|
key: i
|
|
@@ -551,16 +545,13 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
|
|
|
551
545
|
});
|
|
552
546
|
}
|
|
553
547
|
});
|
|
554
|
-
var CalendarWeekDays = (0, _core.createComponent)(CalendarWeekDaysRoot, {
|
|
548
|
+
var CalendarWeekDays = exports.CalendarWeekDays = (0, _core.createComponent)(CalendarWeekDaysRoot, {
|
|
555
549
|
Unit: CalendarWeekUnit
|
|
556
550
|
});
|
|
557
|
-
exports.
|
|
558
|
-
var CalendarDays = (0, _core.createComponent)(CalendarDaysRoot, {
|
|
551
|
+
var CalendarDays = exports.CalendarDays = (0, _core.createComponent)(CalendarDaysRoot, {
|
|
559
552
|
Unit: CalendarUnit
|
|
560
553
|
});
|
|
561
|
-
exports.
|
|
562
|
-
var CalendarMonths = (0, _core.createComponent)(CalendarMonthsRoot, {
|
|
554
|
+
var CalendarMonths = exports.CalendarMonths = (0, _core.createComponent)(CalendarMonthsRoot, {
|
|
563
555
|
Unit: CalendarUnit
|
|
564
556
|
});
|
|
565
|
-
exports.CalendarMonths = CalendarMonths;
|
|
566
557
|
//# sourceMappingURL=Calendar.js.map
|