@newskit-render/shared-components 4.3.0 → 4.4.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.
- package/dist/cjs/Calendar/Calendar.d.ts +0 -1
- package/dist/cjs/Calendar/Calendar.js +217 -22
- package/dist/cjs/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/Calendar/CalendarStylesTheme.d.ts +11 -0
- package/dist/cjs/Calendar/CalendarStylesTheme.js +48 -65
- package/dist/cjs/Calendar/CalendarStylesTheme.js.map +1 -1
- package/dist/cjs/Calendar/defaults.js +6 -0
- package/dist/cjs/Calendar/defaults.js.map +1 -1
- package/dist/cjs/Calendar/style-presets.d.ts +5 -0
- package/dist/cjs/Calendar/style-presets.js +5 -0
- package/dist/cjs/Calendar/style-presets.js.map +1 -1
- package/dist/cjs/Calendar/types.d.ts +15 -2
- package/dist/cjs/Calendar/types.js +6 -0
- package/dist/cjs/Calendar/types.js.map +1 -1
- package/dist/cjs/helpers/setupTests.d.ts +1 -1
- package/dist/cjs/helpers/setupTests.js +1 -1
- package/dist/cjs/helpers/setupTests.js.map +1 -1
- package/dist/cjs/utils/dateUtils.d.ts +3 -0
- package/dist/cjs/utils/dateUtils.js +40 -0
- package/dist/cjs/utils/dateUtils.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/esm/Calendar/Calendar.d.ts +0 -1
- package/dist/esm/Calendar/Calendar.js +216 -24
- package/dist/esm/Calendar/Calendar.js.map +1 -1
- package/dist/esm/Calendar/CalendarStylesTheme.d.ts +11 -0
- package/dist/esm/Calendar/CalendarStylesTheme.js +48 -65
- package/dist/esm/Calendar/CalendarStylesTheme.js.map +1 -1
- package/dist/esm/Calendar/defaults.js +6 -0
- package/dist/esm/Calendar/defaults.js.map +1 -1
- package/dist/esm/Calendar/style-presets.d.ts +5 -0
- package/dist/esm/Calendar/style-presets.js +5 -0
- package/dist/esm/Calendar/style-presets.js.map +1 -1
- package/dist/esm/Calendar/types.d.ts +15 -2
- package/dist/esm/Calendar/types.js +5 -1
- package/dist/esm/Calendar/types.js.map +1 -1
- package/dist/esm/helpers/setupTests.d.ts +1 -1
- package/dist/esm/helpers/setupTests.js +1 -1
- package/dist/esm/helpers/setupTests.js.map +1 -1
- package/dist/esm/utils/dateUtils.d.ts +3 -0
- package/dist/esm/utils/dateUtils.js +34 -0
- package/dist/esm/utils/dateUtils.js.map +1 -0
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/package.json +5 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAQgB;AAGH,QAAA,
|
|
1
|
+
{"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -108,6 +108,12 @@ exports.calendarDefaults = {
|
|
|
108
108
|
stylePreset: 'dateInputStylePreset',
|
|
109
109
|
},
|
|
110
110
|
},
|
|
111
|
+
calendarCustomContainer: {
|
|
112
|
+
stylePreset: 'calendarContainer',
|
|
113
|
+
sizing: {
|
|
114
|
+
height: 'sizing045',
|
|
115
|
+
},
|
|
116
|
+
},
|
|
111
117
|
},
|
|
112
118
|
};
|
|
113
119
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/Calendar/defaults.ts"],"names":[],"mappings":";;;AAEa,QAAA,gBAAgB,GAAwB;IACnD,QAAQ,EAAE;QACR,gBAAgB,EAAE,gBAAgB;QAClC,OAAO,EAAE;YACP,WAAW,EAAE,qBAAqB;SACnC;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE;gBACP,WAAW,EAAE,qBAAqB;aACnC;SACF;QACD,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,cAAc;YAC/B,gBAAgB,EAAE,gBAAgB;YAClC,KAAK,EAAE;gBACL,eAAe,EAAE,cAAc;aAChC;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL,KAAK,EAAE,YAAY;wBACnB,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,UAAU,EAAE;oBACV,KAAK,EAAE,cAAc;iBACtB;aACF;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,QAAQ,EAAE;oBACR,MAAM,EAAE;wBACN,KAAK,EAAE;4BACL,KAAK,EAAE,YAAY;4BACnB,eAAe,EAAE,uBAAuB;yBACzC;qBACF;iBACF;gBACD,KAAK,EAAE;oBACL,eAAe,EAAE,uBAAuB;oBACxC,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE;wBACN,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,gBAAgB,EAAE,mBAAmB;gBACrC,KAAK,EAAE,gBAAgB;aACxB;YACD,UAAU,EAAE;gBACV,OAAO,EAAE;oBACP,WAAW,EAAE,wBAAwB;iBACtC;gBACD,QAAQ,EAAE;oBACR,OAAO,EAAE;wBACP,IAAI,EAAE,UAAU;qBACjB;iBACF;gBACD,KAAK,EAAE;oBACL,WAAW,EAAE,YAAY;oBACzB,GAAG,EAAE;wBACH,IAAI,EAAE;4BACJ,IAAI,EAAE,SAAS;yBAChB;wBACD,QAAQ,EAAE;4BACR,KAAK,EAAE,WAAW;4BAClB,MAAM,EAAE,WAAW;4BACnB,IAAI,EAAE,SAAS;yBAChB;qBACF;iBACF;aACF;SACF;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,EAAE;YACpB,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,eAAe,EAAE,qBAAqB;aACvC;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,UAAU;gBACvB,OAAO,EAAE,WAAW;aACrB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;aACV;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,sBAAsB;aACpC;SACF;KACF;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/Calendar/defaults.ts"],"names":[],"mappings":";;;AAEa,QAAA,gBAAgB,GAAwB;IACnD,QAAQ,EAAE;QACR,gBAAgB,EAAE,gBAAgB;QAClC,OAAO,EAAE;YACP,WAAW,EAAE,qBAAqB;SACnC;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE;gBACP,WAAW,EAAE,qBAAqB;aACnC;SACF;QACD,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,cAAc;YAC/B,gBAAgB,EAAE,gBAAgB;YAClC,KAAK,EAAE;gBACL,eAAe,EAAE,cAAc;aAChC;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL,KAAK,EAAE,YAAY;wBACnB,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,UAAU,EAAE;oBACV,KAAK,EAAE,cAAc;iBACtB;aACF;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,QAAQ,EAAE;oBACR,MAAM,EAAE;wBACN,KAAK,EAAE;4BACL,KAAK,EAAE,YAAY;4BACnB,eAAe,EAAE,uBAAuB;yBACzC;qBACF;iBACF;gBACD,KAAK,EAAE;oBACL,eAAe,EAAE,uBAAuB;oBACxC,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE;wBACN,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,gBAAgB,EAAE,mBAAmB;gBACrC,KAAK,EAAE,gBAAgB;aACxB;YACD,UAAU,EAAE;gBACV,OAAO,EAAE;oBACP,WAAW,EAAE,wBAAwB;iBACtC;gBACD,QAAQ,EAAE;oBACR,OAAO,EAAE;wBACP,IAAI,EAAE,UAAU;qBACjB;iBACF;gBACD,KAAK,EAAE;oBACL,WAAW,EAAE,YAAY;oBACzB,GAAG,EAAE;wBACH,IAAI,EAAE;4BACJ,IAAI,EAAE,SAAS;yBAChB;wBACD,QAAQ,EAAE;4BACR,KAAK,EAAE,WAAW;4BAClB,MAAM,EAAE,WAAW;4BACnB,IAAI,EAAE,SAAS;yBAChB;qBACF;iBACF;aACF;SACF;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,EAAE;YACpB,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,eAAe,EAAE,qBAAqB;aACvC;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,UAAU;gBACvB,OAAO,EAAE,WAAW;aACrB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;aACV;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,sBAAsB;aACpC;SACF;QACD,uBAAuB,EAAE;YACvB,WAAW,EAAE,mBAAmB;YAChC,MAAM,EAAE;gBACN,MAAM,EAAE,WAAW;aACpB;SACF;KACF;CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/Calendar/style-presets.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;IAC7B,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/Calendar/style-presets.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;IAC7B,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;SAClD;KACF;CACF,CAAA"}
|
|
@@ -3,9 +3,7 @@ export interface CalendarRangePickerProps {
|
|
|
3
3
|
startDate: Date | null;
|
|
4
4
|
endDate: Date | null;
|
|
5
5
|
setDates: (start: null | Date, end: null | Date) => void;
|
|
6
|
-
isFocused?: (focusedInput: string | null) => void;
|
|
7
6
|
numberOfMonths: number;
|
|
8
|
-
daySize: number;
|
|
9
7
|
}
|
|
10
8
|
export interface CalendarStylesProps {
|
|
11
9
|
calendar: {
|
|
@@ -114,5 +112,20 @@ export interface CalendarStylesProps {
|
|
|
114
112
|
stylePreset: string;
|
|
115
113
|
};
|
|
116
114
|
};
|
|
115
|
+
calendarCustomContainer: {
|
|
116
|
+
stylePreset: string;
|
|
117
|
+
sizing: {
|
|
118
|
+
height: string;
|
|
119
|
+
};
|
|
120
|
+
spacing?: {
|
|
121
|
+
marginTop: string;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
117
124
|
};
|
|
125
|
+
calendarVisible?: boolean;
|
|
126
|
+
isMonthWithSixRows?: boolean;
|
|
127
|
+
}
|
|
128
|
+
export declare enum DateRangeInputIds {
|
|
129
|
+
'start' = "startDate",
|
|
130
|
+
'end' = "endDate"
|
|
118
131
|
}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DateRangeInputIds = void 0;
|
|
4
|
+
var DateRangeInputIds;
|
|
5
|
+
(function (DateRangeInputIds) {
|
|
6
|
+
DateRangeInputIds["start"] = "startDate";
|
|
7
|
+
DateRangeInputIds["end"] = "endDate";
|
|
8
|
+
})(DateRangeInputIds = exports.DateRangeInputIds || (exports.DateRangeInputIds = {}));
|
|
3
9
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Calendar/types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Calendar/types.ts"],"names":[],"mappings":";;;AAiIA,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;AACnB,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAG5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@testing-library/jest-dom
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../../src/helpers/setupTests.ts"],"names":[],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../../src/helpers/setupTests.ts"],"names":[],"mappings":";;AAAA,qCAAkC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.addOrdinalSuffix = exports.compareAndFormatDate = exports.formatDateToDDMMYYYY = void 0;
|
|
4
|
+
var dateFormatOptions = {
|
|
5
|
+
year: 'numeric',
|
|
6
|
+
month: 'numeric',
|
|
7
|
+
day: 'numeric',
|
|
8
|
+
};
|
|
9
|
+
var formatDateToDDMMYYYY = function (date) {
|
|
10
|
+
if (!date || isNaN(date.getTime()))
|
|
11
|
+
return '';
|
|
12
|
+
return date.toLocaleDateString('en-GB', dateFormatOptions);
|
|
13
|
+
};
|
|
14
|
+
exports.formatDateToDDMMYYYY = formatDateToDDMMYYYY;
|
|
15
|
+
var compareAndFormatDate = function (today, value, startDate) {
|
|
16
|
+
var dateInputPattern = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;
|
|
17
|
+
var isValid = dateInputPattern.test(value);
|
|
18
|
+
var compareWith = startDate ? new Date(startDate) : today;
|
|
19
|
+
compareWith.setHours(0, 0, 0, 0);
|
|
20
|
+
if (isValid) {
|
|
21
|
+
var _a = value.split('/'), day = _a[0], month = _a[1], year = _a[2];
|
|
22
|
+
var date = new Date(parseInt(year), parseInt(month) - 1, parseInt(day)); // -1 because month is 0-based
|
|
23
|
+
if (date >= compareWith) {
|
|
24
|
+
return date;
|
|
25
|
+
}
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
28
|
+
return null;
|
|
29
|
+
};
|
|
30
|
+
exports.compareAndFormatDate = compareAndFormatDate;
|
|
31
|
+
var addOrdinalSuffix = function (number) {
|
|
32
|
+
var ordinalSuffixes = ['th', 'st', 'nd', 'rd'];
|
|
33
|
+
var dividedNumber = number % 100;
|
|
34
|
+
var suffix = ordinalSuffixes[(dividedNumber - 20) % 10] ||
|
|
35
|
+
ordinalSuffixes[dividedNumber] ||
|
|
36
|
+
ordinalSuffixes[0];
|
|
37
|
+
return "".concat(number).concat(suffix);
|
|
38
|
+
};
|
|
39
|
+
exports.addOrdinalSuffix = addOrdinalSuffix;
|
|
40
|
+
//# sourceMappingURL=dateUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateUtils.js","sourceRoot":"","sources":["../../../src/utils/dateUtils.ts"],"names":[],"mappings":";;;AAAA,IAAM,iBAAiB,GAA+B;IACpD,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;CACf,CAAA;AAEM,IAAM,oBAAoB,GAAG,UAAC,IAAiB;IACpD,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAAE,OAAO,EAAE,CAAA;IAE7C,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAA;AAC5D,CAAC,CAAA;AAJY,QAAA,oBAAoB,wBAIhC;AAEM,IAAM,oBAAoB,GAAG,UAClC,KAAW,EACX,KAAa,EACb,SAAuB;IAEvB,IAAM,gBAAgB,GAAG,oDAAoD,CAAA;IAC7E,IAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC5C,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAC3D,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEhC,IAAI,OAAO,EAAE;QACL,IAAA,KAAqB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAApC,GAAG,QAAA,EAAE,KAAK,QAAA,EAAE,IAAI,QAAoB,CAAA;QAC3C,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA,CAAC,8BAA8B;QAExG,IAAI,IAAI,IAAI,WAAW,EAAE;YACvB,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AApBY,QAAA,oBAAoB,wBAoBhC;AAEM,IAAM,gBAAgB,GAAG,UAAC,MAAc;IAC7C,IAAM,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;IAChD,IAAM,aAAa,GAAG,MAAM,GAAG,GAAG,CAAA;IAClC,IAAM,MAAM,GACV,eAAe,CAAC,CAAC,aAAa,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAC1C,eAAe,CAAC,aAAa,CAAC;QAC9B,eAAe,CAAC,CAAC,CAAC,CAAA;IAEpB,OAAO,UAAG,MAAM,SAAG,MAAM,CAAE,CAAA;AAC7B,CAAC,CAAA;AATY,QAAA,gBAAgB,oBAS5B"}
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -19,4 +19,5 @@ __exportStar(require("./getHost"), exports);
|
|
|
19
19
|
__exportStar(require("./checkRequestHeaders"), exports);
|
|
20
20
|
__exportStar(require("./getAspectRatio"), exports);
|
|
21
21
|
__exportStar(require("./safeJsonParse"), exports);
|
|
22
|
+
__exportStar(require("./dateUtils"), exports);
|
|
22
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,4CAAyB;AACzB,wDAAqC;AACrC,mDAAgC;AAChC,kDAA+B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,4CAAyB;AACzB,wDAAqC;AACrC,mDAAgC;AAChC,kDAA+B;AAC/B,8CAA2B"}
|
|
@@ -9,33 +9,225 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
+
function step(op) {
|
|
26
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
+
switch (op[0]) {
|
|
31
|
+
case 0: case 1: t = op; break;
|
|
32
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
+
default:
|
|
36
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
+
if (t[2]) _.ops.pop();
|
|
41
|
+
_.trys.pop(); continue;
|
|
42
|
+
}
|
|
43
|
+
op = body.call(thisArg, _);
|
|
44
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
49
|
+
import DatePicker from 'react-datepicker';
|
|
50
|
+
import { toNewsKitIcon } from 'newskit';
|
|
15
51
|
import { ChevronRight as FilledChevronRight } from '@emotion-icons/material/ChevronRight';
|
|
16
|
-
import {
|
|
17
|
-
import { CalendarStyles } from './CalendarStylesTheme';
|
|
52
|
+
import { CalendarStyles, CalendarWrapper, InputsWrapper, Container, } from './CalendarStylesTheme';
|
|
18
53
|
import { calendarDefaults } from './defaults';
|
|
54
|
+
import { DateRangeInputIds } from './types';
|
|
55
|
+
import { compareAndFormatDate, formatDateToDDMMYYYY } from '../utils';
|
|
56
|
+
// eslint-disable-next-line
|
|
57
|
+
var dateInputValidationPattern = /^[0-9\/]+$/; // Checks for numbers and slashes
|
|
19
58
|
var IconFilledChevronRight = toNewsKitIcon(FilledChevronRight);
|
|
20
59
|
export var Calendar = function (_a) {
|
|
21
|
-
var _b = _a.overrides, overrides = _b === void 0 ? calendarDefaults : _b, startDate = _a.startDate, endDate = _a.endDate,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
60
|
+
var _b = _a.overrides, overrides = _b === void 0 ? calendarDefaults : _b, startDate = _a.startDate, endDate = _a.endDate,
|
|
61
|
+
/* istanbul ignore next */
|
|
62
|
+
_c = _a.numberOfMonths,
|
|
63
|
+
/* istanbul ignore next */
|
|
64
|
+
numberOfMonths = _c === void 0 ? 2 : _c, setDates = _a.setDates;
|
|
65
|
+
var today = new Date();
|
|
66
|
+
today.setHours(0, 0, 0, 0); // For strict date comparison
|
|
67
|
+
var _d = useState(false), calendarVisible = _d[0], setCalendarVisible = _d[1];
|
|
68
|
+
var _e = useState(''), start = _e[0], setStart = _e[1];
|
|
69
|
+
var _f = useState(''), end = _f[0], setEnd = _f[1];
|
|
70
|
+
var _g = useState(''), focusedInputName = _g[0], setFocusedInputName = _g[1];
|
|
71
|
+
var _h = useState(false), isMonthWithSixRows = _h[0], setIsMonthWithSixRows = _h[1];
|
|
72
|
+
var startDateInputRef = useRef(null);
|
|
73
|
+
var endDateInputRef = useRef(null);
|
|
74
|
+
var calendarStylesRef = useRef(null);
|
|
75
|
+
var datePickerRef = useRef(null);
|
|
76
|
+
var handleDatePickerChange = function (dates) {
|
|
77
|
+
var selectedStart = dates[0], selectedEnd = dates[1];
|
|
78
|
+
if (focusedInputName === DateRangeInputIds.start) {
|
|
79
|
+
if (endDate && selectedStart > endDate) {
|
|
80
|
+
setDates(selectedStart, null);
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
setDates(selectedStart, endDate);
|
|
84
|
+
}
|
|
85
|
+
/* istanbul ignore next */
|
|
86
|
+
if (endDateInputRef === null || endDateInputRef === void 0 ? void 0 : endDateInputRef.current)
|
|
87
|
+
endDateInputRef.current.focus();
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
if (!startDate && !selectedEnd) {
|
|
91
|
+
setDates(today, selectedStart);
|
|
92
|
+
setFocusedInputName('');
|
|
93
|
+
setCalendarVisible(false);
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
var newEndDate = selectedEnd || selectedStart;
|
|
97
|
+
if (startDate && newEndDate < startDate) {
|
|
98
|
+
setDates(today, newEndDate);
|
|
99
|
+
/* istanbul ignore next */
|
|
100
|
+
if (startDateInputRef === null || startDateInputRef === void 0 ? void 0 : startDateInputRef.current)
|
|
101
|
+
startDateInputRef.current.focus();
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
setDates(startDate, newEndDate);
|
|
105
|
+
setCalendarVisible(false);
|
|
106
|
+
setFocusedInputName('');
|
|
107
|
+
};
|
|
108
|
+
var handleDateInputFocus = function (ev) {
|
|
109
|
+
if (ev.target.id === DateRangeInputIds.start) {
|
|
110
|
+
setFocusedInputName(DateRangeInputIds.start);
|
|
111
|
+
}
|
|
112
|
+
else {
|
|
113
|
+
setFocusedInputName(DateRangeInputIds.end);
|
|
114
|
+
}
|
|
115
|
+
if (!calendarVisible) {
|
|
116
|
+
setCalendarVisible(true);
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
var handleEndDateInputChange = function (ev) {
|
|
120
|
+
var value = ev.target.value;
|
|
121
|
+
if (!dateInputValidationPattern.test(value))
|
|
122
|
+
return;
|
|
123
|
+
setEnd(value);
|
|
124
|
+
var date = compareAndFormatDate(today, value, startDate);
|
|
125
|
+
if (date) {
|
|
126
|
+
setDates(startDate, date);
|
|
127
|
+
setCalendarVisible(false);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
setDates(startDate, null);
|
|
131
|
+
};
|
|
132
|
+
var handleStartDateInputChange = function (ev) {
|
|
133
|
+
var value = ev.target.value;
|
|
134
|
+
if (!dateInputValidationPattern.test(value))
|
|
135
|
+
return;
|
|
136
|
+
setStart(value);
|
|
137
|
+
var date = compareAndFormatDate(today, value);
|
|
138
|
+
if (date) {
|
|
139
|
+
setDates(date, endDate);
|
|
140
|
+
setCalendarVisible(false);
|
|
141
|
+
/* istanbul ignore next */
|
|
142
|
+
if (endDateInputRef === null || endDateInputRef === void 0 ? void 0 : endDateInputRef.current)
|
|
143
|
+
endDateInputRef.current.focus();
|
|
144
|
+
return;
|
|
145
|
+
}
|
|
146
|
+
setDates(null, endDate);
|
|
147
|
+
};
|
|
148
|
+
var handleMonthRowsCalculation = function () {
|
|
149
|
+
var _a, _b;
|
|
150
|
+
var monthElements = document.querySelectorAll('.react-datepicker__month');
|
|
151
|
+
/* istanbul ignore next */
|
|
152
|
+
if (monthElements &&
|
|
153
|
+
monthElements.length &&
|
|
154
|
+
(((_a = monthElements[0]) === null || _a === void 0 ? void 0 : _a.clientHeight) > 190 ||
|
|
155
|
+
((_b = monthElements[1]) === null || _b === void 0 ? void 0 : _b.clientHeight) > 190)) {
|
|
156
|
+
setIsMonthWithSixRows(true);
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
setIsMonthWithSixRows(false);
|
|
160
|
+
};
|
|
161
|
+
var handleOnMonthChange = function () {
|
|
162
|
+
if (!document)
|
|
163
|
+
return;
|
|
164
|
+
handleMonthRowsCalculation();
|
|
165
|
+
};
|
|
166
|
+
var handlePageClick = function (ev) {
|
|
167
|
+
var _a, _b;
|
|
168
|
+
/* istanbul ignore next */
|
|
169
|
+
if (ev.target.nodeName === 'path')
|
|
170
|
+
return;
|
|
171
|
+
if (calendarStylesRef.current &&
|
|
172
|
+
!((_a = ev.target.className) === null || _a === void 0 ? void 0 : _a.includes('react-datepicker')) &&
|
|
173
|
+
!((_b = calendarStylesRef === null || calendarStylesRef === void 0 ? void 0 : calendarStylesRef.current) === null || _b === void 0 ? void 0 : _b.contains(ev.target))) {
|
|
174
|
+
setCalendarVisible(false);
|
|
175
|
+
setFocusedInputName('');
|
|
176
|
+
}
|
|
177
|
+
};
|
|
178
|
+
var handlePageTabKey = function (ev) { return __awaiter(void 0, void 0, void 0, function () {
|
|
179
|
+
return __generator(this, function (_a) {
|
|
180
|
+
switch (_a.label) {
|
|
181
|
+
case 0:
|
|
182
|
+
if (!((calendarStylesRef === null || calendarStylesRef === void 0 ? void 0 : calendarStylesRef.current) && ev.key === 'Tab')) return [3 /*break*/, 2];
|
|
183
|
+
// We need this Promise because the document.activeElement is showing the previous focused element otherwise
|
|
184
|
+
// setTimeout without time is moving the execution of this function in the end of the call stack
|
|
185
|
+
// and document.activeElement is updated with the latest focused element
|
|
186
|
+
return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve); })];
|
|
187
|
+
case 1:
|
|
188
|
+
// We need this Promise because the document.activeElement is showing the previous focused element otherwise
|
|
189
|
+
// setTimeout without time is moving the execution of this function in the end of the call stack
|
|
190
|
+
// and document.activeElement is updated with the latest focused element
|
|
191
|
+
_a.sent();
|
|
192
|
+
if (!calendarStylesRef.current.contains(document.activeElement)) {
|
|
193
|
+
setCalendarVisible(false);
|
|
194
|
+
}
|
|
195
|
+
_a.label = 2;
|
|
196
|
+
case 2: return [2 /*return*/];
|
|
197
|
+
}
|
|
198
|
+
});
|
|
199
|
+
}); };
|
|
200
|
+
useEffect(function () {
|
|
201
|
+
setStart(formatDateToDDMMYYYY(startDate) || '');
|
|
202
|
+
setEnd(formatDateToDDMMYYYY(endDate) || '');
|
|
203
|
+
}, [startDate, endDate]);
|
|
204
|
+
useEffect(function () {
|
|
205
|
+
if (calendarVisible)
|
|
206
|
+
handleMonthRowsCalculation();
|
|
207
|
+
}, [calendarVisible]);
|
|
208
|
+
useEffect(function () {
|
|
209
|
+
document.addEventListener('click', handlePageClick);
|
|
210
|
+
document.addEventListener('keydown', handlePageTabKey);
|
|
211
|
+
return function () {
|
|
212
|
+
document.removeEventListener('click', handlePageClick);
|
|
213
|
+
document.removeEventListener('keydown', handlePageTabKey);
|
|
214
|
+
};
|
|
215
|
+
}, []);
|
|
216
|
+
return (React.createElement(CalendarStyles, __assign({}, overrides, { ref: calendarStylesRef, calendarVisible: calendarVisible, isMonthWithSixRows: isMonthWithSixRows }),
|
|
217
|
+
React.createElement(InputsWrapper, __assign({}, overrides),
|
|
218
|
+
React.createElement("div", { className: "input-container" },
|
|
219
|
+
React.createElement("input", { value: start, onFocus: handleDateInputFocus, onChange: handleStartDateInputChange, id: DateRangeInputIds.start, name: DateRangeInputIds.start, ref: startDateInputRef, className: "react-datepicker-input", placeholder: "Start Date", autoComplete: "off", "aria-label": "Start Date", type: "text" }),
|
|
220
|
+
calendarVisible && focusedInputName === DateRangeInputIds.start && (React.createElement("div", { className: "chevron" }))),
|
|
221
|
+
React.createElement("div", { className: "react-datepicker-input-arrow" },
|
|
222
|
+
React.createElement(IconFilledChevronRight, { overrides: {
|
|
223
|
+
size: 'iconSize020',
|
|
224
|
+
stylePreset: 'iconCustom',
|
|
225
|
+
} })),
|
|
226
|
+
React.createElement("div", { className: "input-container" },
|
|
227
|
+
React.createElement("input", { value: end, onFocus: handleDateInputFocus, onChange: handleEndDateInputChange, id: DateRangeInputIds.end, name: DateRangeInputIds.end, ref: endDateInputRef, className: "react-datepicker-input", placeholder: "End Date", autoComplete: "off", "aria-label": "End Date", type: "text" }),
|
|
228
|
+
calendarVisible && focusedInputName === DateRangeInputIds.end && (React.createElement("div", { className: "chevron" })))),
|
|
229
|
+
React.createElement(CalendarWrapper, null,
|
|
230
|
+
React.createElement(Container, __assign({ className: "calendar-custom-container", stylePreset: overrides.calendar.calendarCustomContainer.stylePreset }, overrides),
|
|
231
|
+
React.createElement(DatePicker, { selected: startDate, startDate: startDate, endDate: endDate, monthsShown: numberOfMonths, selectsRange: true, inline: true, minDate: today, onChange: handleDatePickerChange, onMonthChange: handleOnMonthChange, disabledKeyboardNavigation: true, showDisabledMonthNavigation: true, ref: datePickerRef })))));
|
|
40
232
|
};
|
|
41
233
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CalendarStylesProps } from './types';
|
|
3
|
+
export declare const CalendarWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
export declare const Container: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
} & CalendarStylesProps, {}, {}>;
|
|
10
|
+
export declare const InputsWrapper: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
} & CalendarStylesProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3
14
|
export declare const CalendarStyles: import("@emotion/styled").StyledComponent<{
|
|
4
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
16
|
as?: import("react").ElementType<any> | undefined;
|