@simplybusiness/mobius-datepicker 4.2.6 → 4.3.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/CHANGELOG.md +15 -0
- package/dist/cjs/components/DatePicker/DatePicker.js +146 -80
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePickerIcon.js +14 -5
- package/dist/cjs/components/DatePicker/DatePickerIcon.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePickerModal.js +75 -31
- package/dist/cjs/components/DatePicker/DatePickerModal.js.map +1 -1
- package/dist/cjs/components/DatePicker/constants.js +24 -5
- package/dist/cjs/components/DatePicker/constants.js.map +1 -1
- package/dist/cjs/components/DatePicker/index.js +18 -16
- package/dist/cjs/components/DatePicker/index.js.map +1 -1
- package/dist/cjs/components/DatePicker/utils/dateObjToString.js +12 -5
- package/dist/cjs/components/DatePicker/utils/dateObjToString.js.map +1 -1
- package/dist/cjs/components/DatePicker/utils/formatErrorMessageText.js +24 -9
- package/dist/cjs/components/DatePicker/utils/formatErrorMessageText.js.map +1 -1
- package/dist/cjs/components/DatePicker/utils/getStartWeekday.js +21 -0
- package/dist/cjs/components/DatePicker/utils/getStartWeekday.js.map +1 -0
- package/dist/cjs/components/DatePicker/utils/index.js +21 -19
- package/dist/cjs/components/DatePicker/utils/index.js.map +1 -1
- package/dist/cjs/components/DatePicker/utils/validateDateFormat.js +23 -9
- package/dist/cjs/components/DatePicker/utils/validateDateFormat.js.map +1 -1
- package/dist/cjs/components/DatePicker/utils/weekdayAsOneLetter.js +16 -9
- package/dist/cjs/components/DatePicker/utils/weekdayAsOneLetter.js.map +1 -1
- package/dist/cjs/hooks/index.js +18 -16
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useFocusTrap/index.js +18 -16
- package/dist/cjs/hooks/useFocusTrap/index.js.map +1 -1
- package/dist/cjs/hooks/useFocusTrap/useFocusTrap.js +24 -15
- package/dist/cjs/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
- package/dist/cjs/index.js +18 -16
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles.d.js +3 -0
- package/dist/cjs/styles.d.js.map +1 -0
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/cjs/utils/StoryContainer.js +21 -9
- package/dist/cjs/utils/StoryContainer.js.map +1 -1
- package/dist/cjs/utils/excludeControls.js +19 -5
- package/dist/cjs/utils/excludeControls.js.map +1 -1
- package/dist/cjs/utils/index.js +20 -18
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/isTouchDevice.js +11 -4
- package/dist/cjs/utils/isTouchDevice.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +82 -42
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePickerIcon.js +5 -2
- package/dist/esm/components/DatePicker/DatePickerIcon.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePickerModal.js +47 -13
- package/dist/esm/components/DatePicker/DatePickerModal.js.map +1 -1
- package/dist/esm/components/DatePicker/constants.js +3 -2
- package/dist/esm/components/DatePicker/constants.js.map +1 -1
- package/dist/esm/components/DatePicker/index.js +1 -0
- package/dist/esm/components/DatePicker/index.js.map +1 -1
- package/dist/esm/components/DatePicker/utils/dateObjToString.js +2 -1
- package/dist/esm/components/DatePicker/utils/dateObjToString.js.map +1 -1
- package/dist/esm/components/DatePicker/utils/formatErrorMessageText.js +2 -1
- package/dist/esm/components/DatePicker/utils/formatErrorMessageText.js.map +1 -1
- package/dist/esm/components/DatePicker/utils/getStartWeekday.js +13 -0
- package/dist/esm/components/DatePicker/utils/getStartWeekday.js.map +1 -0
- package/dist/esm/components/DatePicker/utils/index.js +1 -0
- package/dist/esm/components/DatePicker/utils/index.js.map +1 -1
- package/dist/esm/components/DatePicker/utils/validateDateFormat.js +2 -1
- package/dist/esm/components/DatePicker/utils/validateDateFormat.js.map +1 -1
- package/dist/esm/components/DatePicker/utils/weekdayAsOneLetter.js +6 -5
- package/dist/esm/components/DatePicker/utils/weekdayAsOneLetter.js.map +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useFocusTrap/index.js +1 -0
- package/dist/esm/hooks/useFocusTrap/index.js.map +1 -1
- package/dist/esm/hooks/useFocusTrap/useFocusTrap.js +12 -10
- package/dist/esm/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles.d.js +2 -0
- package/dist/esm/styles.d.js.map +1 -0
- package/dist/esm/utils/StoryContainer.js +5 -1
- package/dist/esm/utils/StoryContainer.js.map +1 -1
- package/dist/esm/utils/excludeControls.js +9 -1
- package/dist/esm/utils/excludeControls.js.map +1 -1
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/isTouchDevice.js +2 -1
- package/dist/esm/utils/isTouchDevice.js.map +1 -1
- package/package.json +23 -28
- package/src/components/DatePicker/DatePicker.tsx +4 -4
- package/src/components/DatePicker/DatePickerModal.tsx +4 -2
- package/src/components/DatePicker/constants.ts +2 -3
- package/src/components/DatePicker/utils/getStartWeekday.test.ts +33 -0
- package/src/components/DatePicker/utils/getStartWeekday.ts +19 -0
- package/src/components/DatePicker/utils/weekdayAsOneLetter.ts +2 -2
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +0 -9
- package/dist/cjs/components/DatePicker/DatePicker.stories.d.ts +0 -11
- package/dist/cjs/components/DatePicker/DatePicker.stories.js +0 -79
- package/dist/cjs/components/DatePicker/DatePicker.stories.js.map +0 -1
- package/dist/cjs/components/DatePicker/DatePicker.test.d.ts +0 -1
- package/dist/cjs/components/DatePicker/DatePicker.test.js +0 -137
- package/dist/cjs/components/DatePicker/DatePicker.test.js.map +0 -1
- package/dist/cjs/components/DatePicker/DatePickerIcon.d.ts +0 -1
- package/dist/cjs/components/DatePicker/DatePickerModal.d.ts +0 -10
- package/dist/cjs/components/DatePicker/DatePickerModal.test.d.ts +0 -1
- package/dist/cjs/components/DatePicker/DatePickerModal.test.js +0 -105
- package/dist/cjs/components/DatePicker/DatePickerModal.test.js.map +0 -1
- package/dist/cjs/components/DatePicker/constants.d.ts +0 -2
- package/dist/cjs/components/DatePicker/index.d.ts +0 -1
- package/dist/cjs/components/DatePicker/utils/dateObjToString.d.ts +0 -1
- package/dist/cjs/components/DatePicker/utils/dateObjToString.test.d.ts +0 -1
- package/dist/cjs/components/DatePicker/utils/dateObjToString.test.js +0 -15
- package/dist/cjs/components/DatePicker/utils/dateObjToString.test.js.map +0 -1
- package/dist/cjs/components/DatePicker/utils/formatErrorMessageText.d.ts +0 -2
- package/dist/cjs/components/DatePicker/utils/formatErrorMessageText.test.d.ts +0 -1
- package/dist/cjs/components/DatePicker/utils/formatErrorMessageText.test.js +0 -35
- package/dist/cjs/components/DatePicker/utils/formatErrorMessageText.test.js.map +0 -1
- package/dist/cjs/components/DatePicker/utils/index.d.ts +0 -4
- package/dist/cjs/components/DatePicker/utils/validateDateFormat.d.ts +0 -2
- package/dist/cjs/components/DatePicker/utils/validateDateFormat.test.d.ts +0 -1
- package/dist/cjs/components/DatePicker/utils/validateDateFormat.test.js +0 -26
- package/dist/cjs/components/DatePicker/utils/validateDateFormat.test.js.map +0 -1
- package/dist/cjs/components/DatePicker/utils/weekdayAsOneLetter.d.ts +0 -2
- package/dist/cjs/components/DatePicker/utils/weekdayAsOneLetter.test.d.ts +0 -1
- package/dist/cjs/components/DatePicker/utils/weekdayAsOneLetter.test.js +0 -23
- package/dist/cjs/components/DatePicker/utils/weekdayAsOneLetter.test.js.map +0 -1
- package/dist/cjs/hooks/index.d.ts +0 -1
- package/dist/cjs/hooks/useFocusTrap/index.d.ts +0 -1
- package/dist/cjs/hooks/useFocusTrap/useFocusTrap.d.ts +0 -5
- package/dist/cjs/hooks/useFocusTrap/useFocusTrap.test.d.ts +0 -1
- package/dist/cjs/hooks/useFocusTrap/useFocusTrap.test.js +0 -65
- package/dist/cjs/hooks/useFocusTrap/useFocusTrap.test.js.map +0 -1
- package/dist/cjs/index.d.ts +0 -1
- package/dist/cjs/utils/StoryContainer.d.ts +0 -1
- package/dist/cjs/utils/excludeControls.d.ts +0 -1
- package/dist/cjs/utils/excludeControls.test.d.ts +0 -1
- package/dist/cjs/utils/excludeControls.test.js +0 -25
- package/dist/cjs/utils/excludeControls.test.js.map +0 -1
- package/dist/cjs/utils/index.d.ts +0 -3
- package/dist/cjs/utils/isTouchDevice.d.ts +0 -1
- package/dist/esm/components/DatePicker/utils/dateObjToString.test.js +0 -13
- package/dist/esm/components/DatePicker/utils/dateObjToString.test.js.map +0 -1
- package/dist/esm/components/DatePicker/utils/formatErrorMessageText.test.js +0 -33
- package/dist/esm/components/DatePicker/utils/formatErrorMessageText.test.js.map +0 -1
- package/dist/esm/components/DatePicker/utils/validateDateFormat.test.js +0 -24
- package/dist/esm/components/DatePicker/utils/validateDateFormat.test.js.map +0 -1
- package/dist/esm/components/DatePicker/utils/weekdayAsOneLetter.test.js +0 -21
- package/dist/esm/components/DatePicker/utils/weekdayAsOneLetter.test.js.map +0 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +0 -1
- package/dist/esm/utils/excludeControls.test.js +0 -23
- package/dist/esm/utils/excludeControls.test.js.map +0 -1
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "dateObjToString", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return dateObjToString;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _datefns = require("date-fns");
|
|
12
|
+
const dateObjToString = (date)=>(0, _datefns.format)(date, "yyyy-MM-dd");
|
|
13
|
+
|
|
7
14
|
//# sourceMappingURL=dateObjToString.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/DatePicker/utils/dateObjToString.ts"],"sourcesContent":["import { format } from \"date-fns\";\n\nexport const dateObjToString = (date: Date) => format(date, \"yyyy-MM-dd\");\n"],"names":["dateObjToString","date","format"],"mappings":";;;;+BAEaA;;;eAAAA;;;yBAFU;AAEhB,MAAMA,kBAAkB,CAACC,OAAeC,IAAAA,eAAM,EAACD,MAAM"}
|
|
@@ -1,19 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
DEFAULT_INVALID_DATE_MESSAGE: function() {
|
|
13
|
+
return DEFAULT_INVALID_DATE_MESSAGE;
|
|
14
|
+
},
|
|
15
|
+
formatErrorMessageText: function() {
|
|
16
|
+
return formatErrorMessageText;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _datefns = require("date-fns");
|
|
20
|
+
const DEFAULT_INVALID_DATE_MESSAGE = "Please enter a valid date";
|
|
21
|
+
const formatErrorMessageText = (actual, min, max)=>{
|
|
7
22
|
const actualDate = new Date(actual);
|
|
8
23
|
const minDate = min && new Date(min);
|
|
9
24
|
const maxDate = max && new Date(max);
|
|
10
|
-
if (minDate && (0,
|
|
25
|
+
if (minDate && (0, _datefns.isBefore)(actualDate, minDate)) {
|
|
11
26
|
return `The selected date ${actual} is before earliest possible ${min} date`;
|
|
12
27
|
}
|
|
13
|
-
if (maxDate && (0,
|
|
28
|
+
if (maxDate && (0, _datefns.isAfter)(actualDate, maxDate)) {
|
|
14
29
|
return `The selected date ${actual} is after latest possible ${max} date`;
|
|
15
30
|
}
|
|
16
|
-
return
|
|
31
|
+
return DEFAULT_INVALID_DATE_MESSAGE;
|
|
17
32
|
};
|
|
18
|
-
|
|
33
|
+
|
|
19
34
|
//# sourceMappingURL=formatErrorMessageText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/DatePicker/utils/formatErrorMessageText.ts"],"sourcesContent":["import { isBefore, isAfter } from \"date-fns\";\n\nexport const DEFAULT_INVALID_DATE_MESSAGE = \"Please enter a valid date\";\n\nexport const formatErrorMessageText = (\n actual: string,\n min?: string,\n max?: string,\n) => {\n const actualDate = new Date(actual);\n const minDate = min && new Date(min);\n const maxDate = max && new Date(max);\n\n if (minDate && isBefore(actualDate, minDate)) {\n return `The selected date ${actual} is before earliest possible ${min} date`;\n }\n\n if (maxDate && isAfter(actualDate, maxDate)) {\n return `The selected date ${actual} is after latest possible ${max} date`;\n }\n\n return DEFAULT_INVALID_DATE_MESSAGE;\n};\n"],"names":["DEFAULT_INVALID_DATE_MESSAGE","formatErrorMessageText","actual","min","max","actualDate","Date","minDate","maxDate","isBefore","isAfter"],"mappings":";;;;;;;;;;;IAEaA,4BAA4B;eAA5BA;;IAEAC,sBAAsB;eAAtBA;;;yBAJqB;AAE3B,MAAMD,+BAA+B;AAErC,MAAMC,yBAAyB,CACpCC,QACAC,KACAC;IAEA,MAAMC,aAAa,IAAIC,KAAKJ;IAC5B,MAAMK,UAAUJ,OAAO,IAAIG,KAAKH;IAChC,MAAMK,UAAUJ,OAAO,IAAIE,KAAKF;IAEhC,IAAIG,WAAWE,IAAAA,iBAAQ,EAACJ,YAAYE,UAAU;QAC5C,OAAO,CAAC,kBAAkB,EAAEL,OAAO,6BAA6B,EAAEC,IAAI,KAAK,CAAC;IAC9E;IAEA,IAAIK,WAAWE,IAAAA,gBAAO,EAACL,YAAYG,UAAU;QAC3C,OAAO,CAAC,kBAAkB,EAAEN,OAAO,0BAA0B,EAAEE,IAAI,KAAK,CAAC;IAC3E;IAEA,OAAOJ;AACT"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "getStartWeekday", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return getStartWeekday;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _constants = require("../constants");
|
|
12
|
+
const getStartWeekday = (locale)=>{
|
|
13
|
+
switch(locale || _constants.DEFAULT_LOCALE){
|
|
14
|
+
case "en-US":
|
|
15
|
+
return _constants.SUNDAY_AS_NUMBER;
|
|
16
|
+
default:
|
|
17
|
+
return _constants.MONDAY_AS_NUMBER;
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=getStartWeekday.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/DatePicker/utils/getStartWeekday.ts"],"sourcesContent":["import {\n DEFAULT_LOCALE,\n MONDAY_AS_NUMBER,\n SUNDAY_AS_NUMBER,\n} from \"../constants\";\n\ntype WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n\n// Calculates start of week for calendar in UK and US locales\n// Add more to the switch statement as needed\nexport const getStartWeekday = (locale?: string): WeekStart => {\n switch (locale || DEFAULT_LOCALE) {\n case \"en-US\":\n return SUNDAY_AS_NUMBER;\n\n default:\n return MONDAY_AS_NUMBER;\n }\n};\n"],"names":["getStartWeekday","locale","DEFAULT_LOCALE","SUNDAY_AS_NUMBER","MONDAY_AS_NUMBER"],"mappings":";;;;+BAUaA;;;eAAAA;;;2BANN;AAMA,MAAMA,kBAAkB,CAACC;IAC9B,OAAQA,UAAUC,yBAAc;QAC9B,KAAK;YACH,OAAOC,2BAAgB;QAEzB;YACE,OAAOC,2BAAgB;IAC3B;AACF"}
|
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
_export_star(require("./dateObjToString"), exports);
|
|
6
|
+
_export_star(require("./formatErrorMessageText"), exports);
|
|
7
|
+
_export_star(require("./validateDateFormat"), exports);
|
|
8
|
+
_export_star(require("./weekdayAsOneLetter"), exports);
|
|
9
|
+
function _export_star(from, to) {
|
|
10
|
+
Object.keys(from).forEach(function(k) {
|
|
11
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
12
|
+
Object.defineProperty(to, k, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function() {
|
|
15
|
+
return from[k];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
return from;
|
|
21
|
+
}
|
|
22
|
+
|
|
21
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/DatePicker/utils/index.ts"],"sourcesContent":["export * from \"./dateObjToString\";\nexport * from \"./formatErrorMessageText\";\nexport * from \"./validateDateFormat\";\nexport * from \"./weekdayAsOneLetter\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA"}
|
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
DATE_FORMAT: function() {
|
|
13
|
+
return DATE_FORMAT;
|
|
14
|
+
},
|
|
15
|
+
validateDateFormat: function() {
|
|
16
|
+
return validateDateFormat;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _datefns = require("date-fns");
|
|
20
|
+
const DATE_FORMAT = "yyyy-MM-dd";
|
|
21
|
+
const validateDateFormat = (date)=>{
|
|
8
22
|
if (date === "") {
|
|
9
23
|
return "";
|
|
10
24
|
}
|
|
11
|
-
if ((0,
|
|
25
|
+
if ((0, _datefns.isMatch)(date, DATE_FORMAT)) {
|
|
12
26
|
return date;
|
|
13
27
|
}
|
|
14
|
-
throw Error(`DatePicker defaultValue '${date}' is invalid. The expected format is '${
|
|
28
|
+
throw Error(`DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `);
|
|
15
29
|
};
|
|
16
|
-
|
|
30
|
+
|
|
17
31
|
//# sourceMappingURL=validateDateFormat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/DatePicker/utils/validateDateFormat.ts"],"sourcesContent":["import { isMatch } from \"date-fns\";\n\n// eg 2023-12-31\nexport const DATE_FORMAT = \"yyyy-MM-dd\";\n\nexport const validateDateFormat = (date: string) => {\n if (date === \"\") {\n return \"\";\n }\n\n if (isMatch(date, DATE_FORMAT)) {\n return date;\n }\n\n throw Error(\n `DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `,\n );\n};\n"],"names":["DATE_FORMAT","validateDateFormat","date","isMatch","Error"],"mappings":";;;;;;;;;;;IAGaA,WAAW;eAAXA;;IAEAC,kBAAkB;eAAlBA;;;yBALW;AAGjB,MAAMD,cAAc;AAEpB,MAAMC,qBAAqB,CAACC;IACjC,IAAIA,SAAS,IAAI;QACf,OAAO;IACT;IAEA,IAAIC,IAAAA,gBAAO,EAACD,MAAMF,cAAc;QAC9B,OAAOE;IACT;IAEA,MAAME,MACJ,CAAC,yBAAyB,EAAEF,KAAK,sCAAsC,EAAEF,YAAY,EAAE,CAAC;AAE5F"}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "weekdayAsOneLetter", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return weekdayAsOneLetter;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _constants = require("../constants");
|
|
12
|
+
const weekdayAsOneLetter = (date, options)=>{
|
|
13
|
+
var _options_locale;
|
|
14
|
+
const locale = (options === null || options === void 0 ? void 0 : (_options_locale = options.locale) === null || _options_locale === void 0 ? void 0 : _options_locale.code) || _constants.DEFAULT_LOCALE;
|
|
15
|
+
const oneLetter = date.toLocaleString(locale, {
|
|
16
|
+
weekday: "narrow"
|
|
10
17
|
});
|
|
11
18
|
return oneLetter;
|
|
12
19
|
};
|
|
13
|
-
|
|
20
|
+
|
|
14
21
|
//# sourceMappingURL=weekdayAsOneLetter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/DatePicker/utils/weekdayAsOneLetter.ts"],"sourcesContent":["import { DateFormatter } from \"react-day-picker\";\nimport { DEFAULT_LOCALE } from \"../constants\";\n\nexport const weekdayAsOneLetter: DateFormatter = (date, options) => {\n const locale = options?.locale?.code || DEFAULT_LOCALE;\n const oneLetter = date.toLocaleString(locale, {\n weekday: \"narrow\",\n });\n\n return oneLetter;\n};\n"],"names":["weekdayAsOneLetter","date","options","locale","code","DEFAULT_LOCALE","oneLetter","toLocaleString","weekday"],"mappings":";;;;+BAGaA;;;eAAAA;;;2BAFkB;AAExB,MAAMA,qBAAoC,CAACC,MAAMC;QACvCA;IAAf,MAAMC,SAASD,CAAAA,oBAAAA,+BAAAA,kBAAAA,QAASC,MAAM,cAAfD,sCAAAA,gBAAiBE,IAAI,KAAIC,yBAAc;IACtD,MAAMC,YAAYL,KAAKM,cAAc,CAACJ,QAAQ;QAC5CK,SAAS;IACX;IAEA,OAAOF;AACT"}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
_export_star(require("./useFocusTrap"), exports);
|
|
6
|
+
function _export_star(from, to) {
|
|
7
|
+
Object.keys(from).forEach(function(k) {
|
|
8
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
9
|
+
Object.defineProperty(to, k, {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function() {
|
|
12
|
+
return from[k];
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
return from;
|
|
18
|
+
}
|
|
19
|
+
|
|
18
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/index.tsx"],"sourcesContent":["export * from \"./useFocusTrap\";\n"],"names":[],"mappings":";;;;qBAAc"}
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
_export_star(require("./useFocusTrap"), exports);
|
|
6
|
+
function _export_star(from, to) {
|
|
7
|
+
Object.keys(from).forEach(function(k) {
|
|
8
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
9
|
+
Object.defineProperty(to, k, {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function() {
|
|
12
|
+
return from[k];
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
return from;
|
|
18
|
+
}
|
|
19
|
+
|
|
18
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../src/hooks/useFocusTrap/index.tsx"],"sourcesContent":["export * from \"./useFocusTrap\";\n"],"names":[],"mappings":";;;;qBAAc"}
|
|
@@ -1,41 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return FocusTrap;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _react = require("react");
|
|
13
|
+
const useFocusTrap = ()=>{
|
|
14
|
+
const containerRef = (0, _react.useRef)(null);
|
|
15
|
+
(0, _react.useEffect)(()=>{
|
|
8
16
|
if (containerRef.current) {
|
|
9
17
|
const element = containerRef.current;
|
|
10
18
|
const focusableElements = containerRef.current.querySelectorAll('.rdp-nav_button, [tabindex="0"]');
|
|
11
19
|
const firstElement = focusableElements[0];
|
|
12
20
|
const lastElement = focusableElements[focusableElements.length - 1];
|
|
13
|
-
const handleTabKeyPress = (event)
|
|
21
|
+
const handleTabKeyPress = (event)=>{
|
|
14
22
|
if (event.key === "Tab") {
|
|
15
23
|
if (event.shiftKey && document.activeElement === firstElement) {
|
|
16
24
|
event.preventDefault();
|
|
17
25
|
lastElement.focus();
|
|
18
|
-
}
|
|
19
|
-
else if (!event.shiftKey &&
|
|
20
|
-
document.activeElement &&
|
|
21
|
-
document.activeElement.className.indexOf("rdp-day") > -1) {
|
|
26
|
+
} else if (!event.shiftKey && document.activeElement && document.activeElement.className.indexOf("rdp-day") > -1) {
|
|
22
27
|
event.preventDefault();
|
|
23
28
|
firstElement.focus();
|
|
24
29
|
}
|
|
25
30
|
}
|
|
26
31
|
};
|
|
27
32
|
element.addEventListener("keydown", handleTabKeyPress);
|
|
28
|
-
return ()
|
|
33
|
+
return ()=>{
|
|
29
34
|
element.removeEventListener("keydown", handleTabKeyPress);
|
|
30
35
|
};
|
|
31
36
|
}
|
|
32
|
-
return ()
|
|
37
|
+
return ()=>{};
|
|
33
38
|
}, []);
|
|
34
39
|
return containerRef;
|
|
35
40
|
};
|
|
36
41
|
function FocusTrap({ children }) {
|
|
37
42
|
const focusRef = useFocusTrap();
|
|
38
|
-
return (
|
|
43
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
44
|
+
className: "trap",
|
|
45
|
+
ref: focusRef,
|
|
46
|
+
children: children
|
|
47
|
+
});
|
|
39
48
|
}
|
|
40
|
-
|
|
49
|
+
|
|
41
50
|
//# sourceMappingURL=useFocusTrap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../src/hooks/useFocusTrap/useFocusTrap.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef } from \"react\";\n\nconst useFocusTrap = () => {\n const containerRef = useRef<HTMLDivElement | null>(null);\n\n useEffect(() => {\n if (containerRef.current) {\n const element = containerRef.current;\n const focusableElements =\n containerRef.current.querySelectorAll<HTMLElement>(\n '.rdp-nav_button, [tabindex=\"0\"]',\n );\n\n const firstElement = focusableElements[0];\n const lastElement = focusableElements[focusableElements.length - 1];\n\n const handleTabKeyPress = (event: KeyboardEvent) => {\n if (event.key === \"Tab\") {\n if (event.shiftKey && document.activeElement === firstElement) {\n event.preventDefault();\n lastElement.focus();\n } else if (\n !event.shiftKey &&\n document.activeElement &&\n document.activeElement.className.indexOf(\"rdp-day\") > -1\n ) {\n event.preventDefault();\n firstElement.focus();\n }\n }\n };\n\n element.addEventListener(\"keydown\", handleTabKeyPress);\n return () => {\n element.removeEventListener(\"keydown\", handleTabKeyPress);\n };\n }\n return () => {};\n }, []);\n\n return containerRef;\n};\n\nexport type FocusTrapProps = {\n children: ReactNode;\n};\n\nexport default function FocusTrap({ children }: FocusTrapProps) {\n const focusRef = useFocusTrap();\n\n return (\n <div className=\"trap\" ref={focusRef}>\n {children}\n </div>\n );\n}\n"],"names":["FocusTrap","useFocusTrap","containerRef","useRef","useEffect","current","element","focusableElements","querySelectorAll","firstElement","lastElement","length","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","className","indexOf","addEventListener","removeEventListener","children","focusRef","div","ref"],"mappings":";;;;+BA+CA;;;eAAwBA;;;;uBA/CqB;AAE7C,MAAMC,eAAe;IACnB,MAAMC,eAAeC,IAAAA,aAAM,EAAwB;IAEnDC,IAAAA,gBAAS,EAAC;QACR,IAAIF,aAAaG,OAAO,EAAE;YACxB,MAAMC,UAAUJ,aAAaG,OAAO;YACpC,MAAME,oBACJL,aAAaG,OAAO,CAACG,gBAAgB,CACnC;YAGJ,MAAMC,eAAeF,iBAAiB,CAAC,EAAE;YACzC,MAAMG,cAAcH,iBAAiB,CAACA,kBAAkBI,MAAM,GAAG,EAAE;YAEnE,MAAMC,oBAAoB,CAACC;gBACzB,IAAIA,MAAMC,GAAG,KAAK,OAAO;oBACvB,IAAID,MAAME,QAAQ,IAAIC,SAASC,aAAa,KAAKR,cAAc;wBAC7DI,MAAMK,cAAc;wBACpBR,YAAYS,KAAK;oBACnB,OAAO,IACL,CAACN,MAAME,QAAQ,IACfC,SAASC,aAAa,IACtBD,SAASC,aAAa,CAACG,SAAS,CAACC,OAAO,CAAC,aAAa,CAAC,GACvD;wBACAR,MAAMK,cAAc;wBACpBT,aAAaU,KAAK;oBACpB;gBACF;YACF;YAEAb,QAAQgB,gBAAgB,CAAC,WAAWV;YACpC,OAAO;gBACLN,QAAQiB,mBAAmB,CAAC,WAAWX;YACzC;QACF;QACA,OAAO,KAAO;IAChB,GAAG,EAAE;IAEL,OAAOV;AACT;AAMe,SAASF,UAAU,EAAEwB,QAAQ,EAAkB;IAC5D,MAAMC,WAAWxB;IAEjB,qBACE,qBAACyB;QAAIN,WAAU;QAAOO,KAAKF;kBACxBD;;AAGP"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
_export_star(require("./components/DatePicker"), exports);
|
|
6
|
+
function _export_star(from, to) {
|
|
7
|
+
Object.keys(from).forEach(function(k) {
|
|
8
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
9
|
+
Object.defineProperty(to, k, {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function() {
|
|
12
|
+
return from[k];
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
return from;
|
|
18
|
+
}
|
|
19
|
+
|
|
18
20
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./components/DatePicker\";\n"],"names":[],"mappings":";;;;qBAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/styles.d.ts"],"names":[],"mappings":""}
|