@semcore/date-picker 16.2.4 → 17.0.0-prerelease.18
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/lib/cjs/DatePicker.js +116 -139
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangeComparator.js +144 -149
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/DateRangePicker.js +86 -101
- package/lib/cjs/DateRangePicker.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +173 -180
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthPicker.js +70 -87
- package/lib/cjs/MonthPicker.js.map +1 -1
- package/lib/cjs/MonthRangePicker.js +96 -111
- package/lib/cjs/MonthRangePicker.js.map +1 -1
- package/lib/cjs/components/ButtonTrigger.js +12 -11
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/Calendar.js +409 -466
- package/lib/cjs/components/Calendar.js.map +1 -1
- package/lib/cjs/components/DateRangeComparatorAbstract.js +574 -626
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +585 -677
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +254 -273
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +407 -439
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +92 -102
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +15 -15
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +17 -17
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/utils/cronTabScheduler.js +13 -22
- package/lib/cjs/utils/cronTabScheduler.js.map +1 -1
- package/lib/cjs/utils/datesIntersects.js +12 -19
- package/lib/cjs/utils/datesIntersects.js.map +1 -1
- package/lib/cjs/utils/formatDate.js +11 -9
- package/lib/cjs/utils/formatDate.js.map +1 -1
- package/lib/cjs/utils/includesDate.js +11 -16
- package/lib/cjs/utils/includesDate.js.map +1 -1
- package/lib/cjs/utils/isBetweenPlugin.js +6 -6
- package/lib/cjs/utils/isBetweenPlugin.js.map +1 -1
- package/lib/cjs/utils/shortDateRangeFormat.js +29 -33
- package/lib/cjs/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/es6/DatePicker.js +117 -141
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangeComparator.js +130 -135
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/DateRangePicker.js +87 -102
- package/lib/es6/DateRangePicker.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +159 -166
- package/lib/es6/MonthDateRangeComparator.js.map +1 -1
- package/lib/es6/MonthPicker.js +72 -89
- package/lib/es6/MonthPicker.js.map +1 -1
- package/lib/es6/MonthRangePicker.js +97 -112
- package/lib/es6/MonthRangePicker.js.map +1 -1
- package/lib/es6/components/ButtonTrigger.js +4 -3
- package/lib/es6/components/ButtonTrigger.js.map +1 -1
- package/lib/es6/components/Calendar.js +400 -457
- package/lib/es6/components/Calendar.js.map +1 -1
- package/lib/es6/components/DateRangeComparatorAbstract.js +552 -604
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +568 -660
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +246 -265
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +397 -429
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +74 -85
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/utils/cronTabScheduler.js +13 -21
- package/lib/es6/utils/cronTabScheduler.js.map +1 -1
- package/lib/es6/utils/datesIntersects.js +10 -18
- package/lib/es6/utils/datesIntersects.js.map +1 -1
- package/lib/es6/utils/formatDate.js +6 -6
- package/lib/es6/utils/formatDate.js.map +1 -1
- package/lib/es6/utils/includesDate.js +10 -15
- package/lib/es6/utils/includesDate.js.map +1 -1
- package/lib/es6/utils/isBetweenPlugin.js +4 -4
- package/lib/es6/utils/isBetweenPlugin.js.map +1 -1
- package/lib/es6/utils/shortDateRangeFormat.js +27 -31
- package/lib/es6/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/esm/DatePicker.mjs +109 -114
- package/lib/esm/DateRangeComparator.mjs +112 -105
- package/lib/esm/DateRangePicker.mjs +76 -80
- package/lib/esm/MonthDateRangeComparator.mjs +141 -134
- package/lib/esm/MonthPicker.mjs +65 -70
- package/lib/esm/MonthRangePicker.mjs +86 -88
- package/lib/esm/components/ButtonTrigger.mjs +4 -3
- package/lib/esm/components/Calendar.mjs +397 -423
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +559 -516
- package/lib/esm/components/InputTrigger.mjs +550 -557
- package/lib/esm/components/PickerAbstract.mjs +249 -244
- package/lib/esm/components/RangePickerAbstract.mjs +400 -384
- package/lib/esm/components/index.mjs +73 -69
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/esm/utils/cronTabScheduler.mjs +13 -18
- package/lib/esm/utils/datesIntersects.mjs +10 -14
- package/lib/esm/utils/formatDate.mjs +6 -6
- package/lib/esm/utils/includesDate.mjs +10 -13
- package/lib/esm/utils/isBetweenPlugin.mjs +4 -4
- package/lib/esm/utils/shortDateRangeFormat.mjs +27 -27
- package/lib/types/index.d.ts +2 -44
- package/package.json +16 -17
|
@@ -1,68 +1,64 @@
|
|
|
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
|
-
exports
|
|
8
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
7
|
+
exports.default = shortDateRangeFormat;
|
|
9
8
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
10
|
-
var _excluded = ["locale"],
|
|
11
|
-
_excluded2 = ["year"];
|
|
12
9
|
function getDayJSLocale(locale) {
|
|
13
10
|
if (locale.includes('en') || locale.includes('ja')) {
|
|
14
11
|
return 'en';
|
|
15
12
|
}
|
|
16
13
|
return 'ru';
|
|
17
14
|
}
|
|
18
|
-
function shortDateRangeFormat(dates,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
format
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var monthsYears = dates.map(function (date) {
|
|
28
|
-
return [(0, _dayjs["default"])(date).date(), (0, _dayjs["default"])(date).month(), (0, _dayjs["default"])(date).year()];
|
|
29
|
-
});
|
|
15
|
+
function shortDateRangeFormat(dates, {
|
|
16
|
+
locale = 'en-US',
|
|
17
|
+
...options
|
|
18
|
+
}) {
|
|
19
|
+
const {
|
|
20
|
+
format
|
|
21
|
+
} = new Intl.DateTimeFormat(locale, options);
|
|
22
|
+
const normalizeDates = dates.map(date => (0, _dayjs.default)(date).toDate());
|
|
23
|
+
const monthsYears = dates.map(date => [(0, _dayjs.default)(date).date(), (0, _dayjs.default)(date).month(), (0, _dayjs.default)(date).year()]);
|
|
30
24
|
if (monthsYears.length > 1) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
const isSimilarDay = monthsYears[0][0] === monthsYears[1][0];
|
|
26
|
+
const isSimilarMonth = monthsYears[0][1] === monthsYears[1][1];
|
|
27
|
+
const isSimilarYear = monthsYears[0][2] === monthsYears[1][2];
|
|
34
28
|
if (isSimilarMonth && isSimilarYear && !options.day) {
|
|
35
29
|
return format(normalizeDates[0]);
|
|
36
30
|
}
|
|
37
31
|
if (isSimilarMonth && isSimilarYear) {
|
|
38
32
|
if (getDayJSLocale(locale) === 'en') {
|
|
39
33
|
if (isSimilarDay) {
|
|
40
|
-
return
|
|
34
|
+
return `${new Intl.DateTimeFormat(locale, {
|
|
41
35
|
month: options.month
|
|
42
|
-
}).format(normalizeDates[0])
|
|
36
|
+
}).format(normalizeDates[0])} ${normalizeDates[0].getDate()}, ${normalizeDates[0].getFullYear()}`;
|
|
43
37
|
}
|
|
44
|
-
return
|
|
38
|
+
return `${new Intl.DateTimeFormat(locale, {
|
|
45
39
|
month: options.month
|
|
46
|
-
}).format(normalizeDates[0])
|
|
40
|
+
}).format(normalizeDates[0])} ${normalizeDates[0].getDate()}-${normalizeDates[1].getDate()}, ${normalizeDates[0].getFullYear()}`;
|
|
47
41
|
}
|
|
48
42
|
if (isSimilarDay) {
|
|
49
|
-
return
|
|
43
|
+
return `${normalizeDates[0].getDate()} ${new Intl.DateTimeFormat(locale, {
|
|
50
44
|
month: options.month
|
|
51
|
-
}).format(normalizeDates[0])
|
|
45
|
+
}).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;
|
|
52
46
|
}
|
|
53
|
-
return
|
|
47
|
+
return `${normalizeDates[0].getDate()}-${normalizeDates[1].getDate()} ${new Intl.DateTimeFormat(locale, {
|
|
54
48
|
month: options.month
|
|
55
|
-
}).format(normalizeDates[0])
|
|
49
|
+
}).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;
|
|
56
50
|
}
|
|
57
51
|
if (isSimilarYear) {
|
|
58
|
-
|
|
59
|
-
|
|
52
|
+
const {
|
|
53
|
+
year: _year,
|
|
54
|
+
...newOptions
|
|
55
|
+
} = options;
|
|
60
56
|
if (getDayJSLocale(locale) === 'en') {
|
|
61
|
-
return
|
|
57
|
+
return `${new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[0])}-${new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[1])}, ${normalizeDates[0].getFullYear()}`;
|
|
62
58
|
}
|
|
63
|
-
return
|
|
59
|
+
return `${new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[0])}-${new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[1])} ${normalizeDates[0].getFullYear()}`;
|
|
64
60
|
}
|
|
65
|
-
return
|
|
61
|
+
return `${format(normalizeDates[0])}-${format(normalizeDates[1])}`;
|
|
66
62
|
}
|
|
67
63
|
return format(normalizeDates[0]);
|
|
68
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shortDateRangeFormat.js","names":["_dayjs","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"file":"shortDateRangeFormat.js","names":["_dayjs","_interopRequireDefault","require","getDayJSLocale","locale","includes","shortDateRangeFormat","dates","options","format","Intl","DateTimeFormat","normalizeDates","map","date","dayjs","toDate","monthsYears","month","year","length","isSimilarDay","isSimilarMonth","isSimilarYear","day","getDate","getFullYear","_year","newOptions"],"sources":["../../../src/utils/shortDateRangeFormat.js"],"sourcesContent":["import dayjs from 'dayjs';\n\nfunction getDayJSLocale(locale) {\n if (locale.includes('en') || locale.includes('ja')) {\n return 'en';\n }\n return 'ru';\n}\n\nexport default function shortDateRangeFormat(dates, { locale = 'en-US', ...options }) {\n const { format } = new Intl.DateTimeFormat(locale, options);\n const normalizeDates = dates.map((date) => dayjs(date).toDate());\n const monthsYears = dates.map((date) => [\n dayjs(date).date(),\n dayjs(date).month(),\n dayjs(date).year(),\n ]);\n\n if (monthsYears.length > 1) {\n const isSimilarDay = monthsYears[0][0] === monthsYears[1][0];\n const isSimilarMonth = monthsYears[0][1] === monthsYears[1][1];\n const isSimilarYear = monthsYears[0][2] === monthsYears[1][2];\n\n if (isSimilarMonth && isSimilarYear && !options.day) {\n return format(normalizeDates[0]);\n }\n if (isSimilarMonth && isSimilarYear) {\n if (getDayJSLocale(locale) === 'en') {\n if (isSimilarDay) {\n return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n normalizeDates[0],\n )} ${normalizeDates[0].getDate()}, ${normalizeDates[0].getFullYear()}`;\n }\n return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n normalizeDates[0],\n )} ${normalizeDates[0].getDate()}-${normalizeDates[1].getDate()}, ${normalizeDates[0].getFullYear()}`;\n }\n if (isSimilarDay) {\n return `${normalizeDates[0].getDate()} ${new Intl.DateTimeFormat(locale, {\n month: options.month,\n }).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n }\n return `${normalizeDates[0].getDate()}-${normalizeDates[1].getDate()} ${new Intl.DateTimeFormat(\n locale,\n { month: options.month },\n ).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n }\n\n if (isSimilarYear) {\n const { year: _year, ...newOptions } = options;\n if (getDayJSLocale(locale) === 'en') {\n return `${new Intl.DateTimeFormat(locale, newOptions).format(\n normalizeDates[0],\n )}-${new Intl.DateTimeFormat(locale, newOptions).format(\n normalizeDates[1],\n )}, ${normalizeDates[0].getFullYear()}`;\n }\n return `${new Intl.DateTimeFormat(locale, newOptions).format(\n normalizeDates[0],\n )}-${new Intl.DateTimeFormat(locale, newOptions).format(\n normalizeDates[1],\n )} ${normalizeDates[0].getFullYear()}`;\n }\n\n return `${format(normalizeDates[0])}-${format(normalizeDates[1])}`;\n }\n\n return format(normalizeDates[0]);\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,cAAcA,CAACC,MAAM,EAAE;EAC9B,IAAIA,MAAM,CAACC,QAAQ,CAAC,IAAI,CAAC,IAAID,MAAM,CAACC,QAAQ,CAAC,IAAI,CAAC,EAAE;IAClD,OAAO,IAAI;EACb;EACA,OAAO,IAAI;AACb;AAEe,SAASC,oBAAoBA,CAACC,KAAK,EAAE;EAAEH,MAAM,GAAG,OAAO;EAAE,GAAGI;AAAQ,CAAC,EAAE;EACpF,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACP,MAAM,EAAEI,OAAO,CAAC;EAC3D,MAAMI,cAAc,GAAGL,KAAK,CAACM,GAAG,CAAEC,IAAI,IAAK,IAAAC,cAAK,EAACD,IAAI,CAAC,CAACE,MAAM,CAAC,CAAC,CAAC;EAChE,MAAMC,WAAW,GAAGV,KAAK,CAACM,GAAG,CAAEC,IAAI,IAAK,CACtC,IAAAC,cAAK,EAACD,IAAI,CAAC,CAACA,IAAI,CAAC,CAAC,EAClB,IAAAC,cAAK,EAACD,IAAI,CAAC,CAACI,KAAK,CAAC,CAAC,EACnB,IAAAH,cAAK,EAACD,IAAI,CAAC,CAACK,IAAI,CAAC,CAAC,CACnB,CAAC;EAEF,IAAIF,WAAW,CAACG,MAAM,GAAG,CAAC,EAAE;IAC1B,MAAMC,YAAY,GAAGJ,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAKA,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAMK,cAAc,GAAGL,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAKA,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAMM,aAAa,GAAGN,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAKA,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7D,IAAIK,cAAc,IAAIC,aAAa,IAAI,CAACf,OAAO,CAACgB,GAAG,EAAE;MACnD,OAAOf,MAAM,CAACG,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC;IACA,IAAIU,cAAc,IAAIC,aAAa,EAAE;MACnC,IAAIpB,cAAc,CAACC,MAAM,CAAC,KAAK,IAAI,EAAE;QACnC,IAAIiB,YAAY,EAAE;UAChB,OAAO,GAAG,IAAIX,IAAI,CAACC,cAAc,CAACP,MAAM,EAAE;YAAEc,KAAK,EAAEV,OAAO,CAACU;UAAM,CAAC,CAAC,CAACT,MAAM,CACxEG,cAAc,CAAC,CAAC,CAClB,CAAC,IAAIA,cAAc,CAAC,CAAC,CAAC,CAACa,OAAO,CAAC,CAAC,KAAKb,cAAc,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,CAAC,EAAE;QACxE;QACA,OAAO,GAAG,IAAIhB,IAAI,CAACC,cAAc,CAACP,MAAM,EAAE;UAAEc,KAAK,EAAEV,OAAO,CAACU;QAAM,CAAC,CAAC,CAACT,MAAM,CACxEG,cAAc,CAAC,CAAC,CAClB,CAAC,IAAIA,cAAc,CAAC,CAAC,CAAC,CAACa,OAAO,CAAC,CAAC,IAAIb,cAAc,CAAC,CAAC,CAAC,CAACa,OAAO,CAAC,CAAC,KAAKb,cAAc,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,CAAC,EAAE;MACvG;MACA,IAAIL,YAAY,EAAE;QAChB,OAAO,GAAGT,cAAc,CAAC,CAAC,CAAC,CAACa,OAAO,CAAC,CAAC,IAAI,IAAIf,IAAI,CAACC,cAAc,CAACP,MAAM,EAAE;UACvEc,KAAK,EAAEV,OAAO,CAACU;QACjB,CAAC,CAAC,CAACT,MAAM,CAACG,cAAc,CAAC,CAAC,CAAC,CAAC,IAAIA,cAAc,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,CAAC,EAAE;MACnE;MACA,OAAO,GAAGd,cAAc,CAAC,CAAC,CAAC,CAACa,OAAO,CAAC,CAAC,IAAIb,cAAc,CAAC,CAAC,CAAC,CAACa,OAAO,CAAC,CAAC,IAAI,IAAIf,IAAI,CAACC,cAAc,CAC7FP,MAAM,EACN;QAAEc,KAAK,EAAEV,OAAO,CAACU;MAAM,CACzB,CAAC,CAACT,MAAM,CAACG,cAAc,CAAC,CAAC,CAAC,CAAC,IAAIA,cAAc,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,CAAC,EAAE;IAClE;IAEA,IAAIH,aAAa,EAAE;MACjB,MAAM;QAAEJ,IAAI,EAAEQ,KAAK;QAAE,GAAGC;MAAW,CAAC,GAAGpB,OAAO;MAC9C,IAAIL,cAAc,CAACC,MAAM,CAAC,KAAK,IAAI,EAAE;QACnC,OAAO,GAAG,IAAIM,IAAI,CAACC,cAAc,CAACP,MAAM,EAAEwB,UAAU,CAAC,CAACnB,MAAM,CAC1DG,cAAc,CAAC,CAAC,CAClB,CAAC,IAAI,IAAIF,IAAI,CAACC,cAAc,CAACP,MAAM,EAAEwB,UAAU,CAAC,CAACnB,MAAM,CACrDG,cAAc,CAAC,CAAC,CAClB,CAAC,KAAKA,cAAc,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,CAAC,EAAE;MACzC;MACA,OAAO,GAAG,IAAIhB,IAAI,CAACC,cAAc,CAACP,MAAM,EAAEwB,UAAU,CAAC,CAACnB,MAAM,CAC1DG,cAAc,CAAC,CAAC,CAClB,CAAC,IAAI,IAAIF,IAAI,CAACC,cAAc,CAACP,MAAM,EAAEwB,UAAU,CAAC,CAACnB,MAAM,CACrDG,cAAc,CAAC,CAAC,CAClB,CAAC,IAAIA,cAAc,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,CAAC,EAAE;IACxC;IAEA,OAAO,GAAGjB,MAAM,CAACG,cAAc,CAAC,CAAC,CAAC,CAAC,IAAIH,MAAM,CAACG,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;EACpE;EAEA,OAAOH,MAAM,CAACG,cAAc,CAAC,CAAC,CAAC,CAAC;AAClC","ignoreList":[]}
|
package/lib/es6/DatePicker.js
CHANGED
|
@@ -1,16 +1,10 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
-
import _superPropGet from "@babel/runtime/helpers/superPropGet";
|
|
6
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
2
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
3
|
+
import { Box } from '@semcore/base-components';
|
|
9
4
|
import Button from '@semcore/button';
|
|
10
5
|
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
11
6
|
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
12
7
|
import Divider from '@semcore/divider';
|
|
13
|
-
import { Box } from '@semcore/flex-box';
|
|
14
8
|
import dayjs from 'dayjs';
|
|
15
9
|
import React from 'react';
|
|
16
10
|
import { Header, Next, Popper, Prev, Title, Trigger as ButtonTrigger, InputTrigger } from './components';
|
|
@@ -19,151 +13,133 @@ import PickerAbstract from './components/PickerAbstract';
|
|
|
19
13
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
20
14
|
import { formatDDMMYY } from './utils/formatDate';
|
|
21
15
|
import { includesDate } from './utils/includesDate';
|
|
22
|
-
export
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
_this = _callSuper(this, DatePickerRoot, [].concat(args));
|
|
30
|
-
_defineProperty(_this, "navigateStep", 'month');
|
|
31
|
-
_defineProperty(_this, "keyStep", 'day');
|
|
32
|
-
_defineProperty(_this, "keyDiff", {
|
|
16
|
+
export class DatePickerRoot extends PickerAbstract {
|
|
17
|
+
constructor(...args) {
|
|
18
|
+
super(...args);
|
|
19
|
+
_defineProperty(this, "navigateStep", 'month');
|
|
20
|
+
_defineProperty(this, "keyStep", 'day');
|
|
21
|
+
_defineProperty(this, "keyDiff", {
|
|
33
22
|
ArrowLeft: -1,
|
|
34
23
|
ArrowUp: -7,
|
|
35
24
|
ArrowRight: 1,
|
|
36
25
|
ArrowDown: 7
|
|
37
26
|
});
|
|
38
|
-
_defineProperty(
|
|
39
|
-
|
|
27
|
+
_defineProperty(this, "handlerToday", () => {
|
|
28
|
+
this.handlers.value(new Date(new Date().setHours(0, 0, 0, 0)));
|
|
40
29
|
});
|
|
41
|
-
return _this;
|
|
42
30
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
mt: 4,
|
|
89
|
-
w: "calc(100% + 32px)"
|
|
90
|
-
}), /*#__PURE__*/React.createElement(DatePicker.Today, null))
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
}, {
|
|
94
|
-
key: "getTitleProps",
|
|
95
|
-
value: function getTitleProps() {
|
|
96
|
-
var _this$asProps3 = this.asProps,
|
|
97
|
-
displayedPeriod = _this$asProps3.displayedPeriod,
|
|
98
|
-
locale = _this$asProps3.locale;
|
|
99
|
-
return _objectSpread(_objectSpread({}, _superPropGet(DatePickerRoot, "getTitleProps", this, 3)([])), {}, {
|
|
100
|
-
children: new Intl.DateTimeFormat(locale, {
|
|
101
|
-
month: 'long',
|
|
102
|
-
year: 'numeric'
|
|
103
|
-
}).format(dayjs(displayedPeriod).startOf('month').toDate())
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
}, {
|
|
107
|
-
key: "getTodayProps",
|
|
108
|
-
value: function getTodayProps() {
|
|
109
|
-
var _this$asProps4 = this.asProps,
|
|
110
|
-
i18n = _this$asProps4.i18n,
|
|
111
|
-
locale = _this$asProps4.locale,
|
|
112
|
-
disabled = _this$asProps4.disabled;
|
|
113
|
-
return {
|
|
114
|
-
i18n: i18n,
|
|
115
|
-
locale: locale,
|
|
116
|
-
onClick: this.handlerToday,
|
|
117
|
-
disabled: disabled.some(includesDate(dayjs(), 'day'))
|
|
118
|
-
};
|
|
119
|
-
}
|
|
120
|
-
}]);
|
|
121
|
-
}(PickerAbstract);
|
|
122
|
-
_defineProperty(DatePickerRoot, "displayName", 'DatePicker');
|
|
123
|
-
_defineProperty(DatePickerRoot, "defaultProps", function (props) {
|
|
124
|
-
return _objectSpread(_objectSpread({}, PickerAbstract.defaultProps(props)), {}, {
|
|
125
|
-
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePicker.Trigger, null), /*#__PURE__*/React.createElement(DatePicker.Popper, null))
|
|
126
|
-
});
|
|
127
|
-
});
|
|
128
|
-
var Today = /*#__PURE__*/function (_Component) {
|
|
129
|
-
function Today() {
|
|
130
|
-
_classCallCheck(this, Today);
|
|
131
|
-
return _callSuper(this, Today, arguments);
|
|
31
|
+
getButtonTriggerProps() {
|
|
32
|
+
const {
|
|
33
|
+
value,
|
|
34
|
+
locale
|
|
35
|
+
} = this.asProps;
|
|
36
|
+
return {
|
|
37
|
+
...super.getButtonTriggerProps(),
|
|
38
|
+
placeholder: 'Select date',
|
|
39
|
+
children: value ? formatDDMMYY(value, locale) : null
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
getTriggerProps() {
|
|
43
|
+
const {
|
|
44
|
+
value,
|
|
45
|
+
onChange,
|
|
46
|
+
onDisplayedPeriodChange,
|
|
47
|
+
locale,
|
|
48
|
+
disabled,
|
|
49
|
+
disabledErrorText,
|
|
50
|
+
getI18nText,
|
|
51
|
+
animationsDisabled
|
|
52
|
+
} = this.asProps;
|
|
53
|
+
return {
|
|
54
|
+
...super.getButtonTriggerProps(),
|
|
55
|
+
value,
|
|
56
|
+
onChange,
|
|
57
|
+
onDisplayedPeriodChange,
|
|
58
|
+
locale,
|
|
59
|
+
disabledDates: disabled,
|
|
60
|
+
disabledErrorText,
|
|
61
|
+
children: () => /*#__PURE__*/React.createElement(InputTrigger.SingleDateInput, null),
|
|
62
|
+
getI18nText,
|
|
63
|
+
animationsDisabled,
|
|
64
|
+
unit: this.keyStep
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
getPopperProps() {
|
|
68
|
+
return {
|
|
69
|
+
...super.getPopperProps(),
|
|
70
|
+
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePicker.Header, null), /*#__PURE__*/React.createElement(DatePicker.Calendar, null), /*#__PURE__*/React.createElement(Divider, {
|
|
71
|
+
ml: -4,
|
|
72
|
+
mt: 4,
|
|
73
|
+
w: "calc(100% + 32px)"
|
|
74
|
+
}), /*#__PURE__*/React.createElement(DatePicker.Today, null))
|
|
75
|
+
};
|
|
132
76
|
}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
77
|
+
getTitleProps() {
|
|
78
|
+
const {
|
|
79
|
+
displayedPeriod,
|
|
80
|
+
locale
|
|
81
|
+
} = this.asProps;
|
|
82
|
+
return {
|
|
83
|
+
...super.getTitleProps(),
|
|
84
|
+
children: new Intl.DateTimeFormat(locale, {
|
|
85
|
+
month: 'long',
|
|
86
|
+
year: 'numeric'
|
|
87
|
+
}).format(dayjs(displayedPeriod).startOf('month').toDate())
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
getTodayProps() {
|
|
91
|
+
const {
|
|
92
|
+
i18n,
|
|
93
|
+
locale,
|
|
94
|
+
disabled
|
|
95
|
+
} = this.asProps;
|
|
96
|
+
return {
|
|
97
|
+
i18n,
|
|
98
|
+
locale,
|
|
99
|
+
onClick: this.handlerToday,
|
|
100
|
+
disabled: disabled.some(includesDate(dayjs(), 'day'))
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
_defineProperty(DatePickerRoot, "displayName", 'DatePicker');
|
|
105
|
+
_defineProperty(DatePickerRoot, "defaultProps", props => ({
|
|
106
|
+
...PickerAbstract.defaultProps(props),
|
|
107
|
+
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePicker.Trigger, null), /*#__PURE__*/React.createElement(DatePicker.Popper, null))
|
|
108
|
+
}));
|
|
109
|
+
class Today extends Component {
|
|
110
|
+
render() {
|
|
111
|
+
var _ref = this.asProps,
|
|
112
|
+
_ref2;
|
|
113
|
+
const SToday = Box;
|
|
114
|
+
const {
|
|
115
|
+
styles,
|
|
116
|
+
getI18nText,
|
|
117
|
+
disabled,
|
|
118
|
+
onClick
|
|
119
|
+
} = this.asProps;
|
|
120
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SToday, _ref2.cn("SToday", {
|
|
121
|
+
..._assignProps({
|
|
146
122
|
"__excludeProps": ['onClick']
|
|
147
|
-
}, _ref)
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
123
|
+
}, _ref)
|
|
124
|
+
}), /*#__PURE__*/React.createElement(Button, _ref2.cn("Button", {
|
|
125
|
+
"use": 'tertiary',
|
|
126
|
+
"children": getI18nText('today'),
|
|
127
|
+
"disabled": disabled,
|
|
128
|
+
"onClick": onClick
|
|
129
|
+
})));
|
|
130
|
+
}
|
|
131
|
+
}
|
|
156
132
|
_defineProperty(Today, "enhance", [i18nEnhance(localizedMessages)]);
|
|
157
|
-
|
|
133
|
+
const DatePicker = createComponent(DatePickerRoot, {
|
|
158
134
|
Trigger: InputTrigger,
|
|
159
|
-
ButtonTrigger
|
|
160
|
-
Popper
|
|
161
|
-
Header
|
|
162
|
-
Title
|
|
163
|
-
Prev
|
|
164
|
-
Next
|
|
165
|
-
Calendar
|
|
166
|
-
Today
|
|
135
|
+
ButtonTrigger,
|
|
136
|
+
Popper,
|
|
137
|
+
Header,
|
|
138
|
+
Title,
|
|
139
|
+
Prev,
|
|
140
|
+
Next,
|
|
141
|
+
Calendar,
|
|
142
|
+
Today
|
|
167
143
|
}, {
|
|
168
144
|
parent: Calendar
|
|
169
145
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","names":["Button","createComponent","Component","Root","sstyled","i18nEnhance","Divider","Box","dayjs","React","Header","Next","Popper","Prev","Title","Trigger","ButtonTrigger","InputTrigger","CalendarDays","Calendar","PickerAbstract","localizedMessages","formatDDMMYY","includesDate","DatePickerRoot","_PickerAbstract","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","handlers","value","Date","setHours","_inherits","_createClass","key","getButtonTriggerProps","_this$asProps","asProps","locale","_objectSpread","_superPropGet","placeholder","children","getTriggerProps","_this$asProps2","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","getI18nText","animationsDisabled","disabledDates","createElement","SingleDateInput","unit","keyStep","getPopperProps","Fragment","DatePicker","ml","mt","w","Today","getTitleProps","_this$asProps3","displayedPeriod","Intl","DateTimeFormat","month","year","format","startOf","toDate","getTodayProps","_this$asProps4","i18n","onClick","handlerToday","some","props","defaultProps","_Component","render","_ref","_ref2","SToday","_this$asProps5","styles","cn","_assignProps","parent"],"sources":["../../src/DatePicker.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Divider from '@semcore/divider';\nimport { Box } from '@semcore/flex-box';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport {\n Header,\n Next,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { formatDDMMYY } from './utils/formatDate';\nimport { includesDate } from './utils/includesDate';\n\nexport class DatePickerRoot extends PickerAbstract {\n static displayName = 'DatePicker';\n\n static defaultProps = (props) => ({\n ...PickerAbstract.defaultProps(props),\n children: (\n <>\n <DatePicker.Trigger />\n <DatePicker.Popper />\n </>\n ),\n });\n\n navigateStep = 'month';\n keyStep = 'day';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -7,\n ArrowRight: 1,\n ArrowDown: 7,\n };\n\n handlerToday = () => {\n this.handlers.value(new Date(new Date().setHours(0, 0, 0, 0)));\n };\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select date',\n children: value ? formatDDMMYY(value, locale) : null,\n };\n }\n\n getTriggerProps() {\n const {\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n disabledErrorText,\n getI18nText,\n animationsDisabled,\n } = this.asProps;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.SingleDateInput />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\n }\n\n getPopperProps() {\n return {\n ...super.getPopperProps(),\n children: (\n <>\n <DatePicker.Header />\n <DatePicker.Calendar />\n <Divider ml={-4} mt={4} w='calc(100% + 32px)' />\n <DatePicker.Today />\n </>\n ),\n };\n }\n\n getTitleProps() {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(),\n children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n dayjs(displayedPeriod).startOf('month').toDate(),\n ),\n };\n }\n\n getTodayProps() {\n const { i18n, locale, disabled } = this.asProps;\n\n return {\n i18n,\n locale,\n onClick: this.handlerToday,\n disabled: disabled.some(includesDate(dayjs(), 'day')),\n };\n }\n}\n\nclass Today extends Component {\n static enhance = [i18nEnhance(localizedMessages)];\n\n render() {\n const SToday = Root;\n const { styles, getI18nText, disabled, onClick } = this.asProps;\n return sstyled(styles)(\n <SToday render={Box} __excludeProps={['onClick']}>\n <Button\n use='tertiary'\n children={getI18nText('today')}\n disabled={disabled}\n onClick={onClick}\n />\n </SToday>,\n );\n }\n}\n\nconst DatePicker = createComponent(\n DatePickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n Today,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default DatePicker;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","names":["Box","Button","createComponent","Component","Root","sstyled","i18nEnhance","Divider","dayjs","React","Header","Next","Popper","Prev","Title","Trigger","ButtonTrigger","InputTrigger","CalendarDays","Calendar","PickerAbstract","localizedMessages","formatDDMMYY","includesDate","DatePickerRoot","constructor","args","_defineProperty","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","handlers","value","Date","setHours","getButtonTriggerProps","locale","asProps","placeholder","children","getTriggerProps","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","getI18nText","animationsDisabled","disabledDates","createElement","SingleDateInput","unit","keyStep","getPopperProps","Fragment","DatePicker","ml","mt","w","Today","getTitleProps","displayedPeriod","Intl","DateTimeFormat","month","year","format","startOf","toDate","getTodayProps","i18n","onClick","handlerToday","some","props","defaultProps","render","_ref","_ref2","SToday","styles","cn","_assignProps","parent"],"sources":["../../src/DatePicker.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Divider from '@semcore/divider';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport {\n Header,\n Next,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { formatDDMMYY } from './utils/formatDate';\nimport { includesDate } from './utils/includesDate';\n\nexport class DatePickerRoot extends PickerAbstract {\n static displayName = 'DatePicker';\n\n static defaultProps = (props) => ({\n ...PickerAbstract.defaultProps(props),\n children: (\n <>\n <DatePicker.Trigger />\n <DatePicker.Popper />\n </>\n ),\n });\n\n navigateStep = 'month';\n keyStep = 'day';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -7,\n ArrowRight: 1,\n ArrowDown: 7,\n };\n\n handlerToday = () => {\n this.handlers.value(new Date(new Date().setHours(0, 0, 0, 0)));\n };\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select date',\n children: value ? formatDDMMYY(value, locale) : null,\n };\n }\n\n getTriggerProps() {\n const {\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n disabledErrorText,\n getI18nText,\n animationsDisabled,\n } = this.asProps;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.SingleDateInput />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\n }\n\n getPopperProps() {\n return {\n ...super.getPopperProps(),\n children: (\n <>\n <DatePicker.Header />\n <DatePicker.Calendar />\n <Divider ml={-4} mt={4} w='calc(100% + 32px)' />\n <DatePicker.Today />\n </>\n ),\n };\n }\n\n getTitleProps() {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(),\n children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n dayjs(displayedPeriod).startOf('month').toDate(),\n ),\n };\n }\n\n getTodayProps() {\n const { i18n, locale, disabled } = this.asProps;\n\n return {\n i18n,\n locale,\n onClick: this.handlerToday,\n disabled: disabled.some(includesDate(dayjs(), 'day')),\n };\n }\n}\n\nclass Today extends Component {\n static enhance = [i18nEnhance(localizedMessages)];\n\n render() {\n const SToday = Root;\n const { styles, getI18nText, disabled, onClick } = this.asProps;\n return sstyled(styles)(\n <SToday render={Box} __excludeProps={['onClick']}>\n <Button\n use='tertiary'\n children={getI18nText('today')}\n disabled={disabled}\n onClick={onClick}\n />\n </SToday>,\n );\n }\n}\n\nconst DatePicker = createComponent(\n DatePickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n Today,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default DatePicker;\n"],"mappings":"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","ignoreList":[]}
|