linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.17
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/lib/alerts/index.d.ts +3 -3
- package/lib/alerts/index.js +2 -1
- package/lib/buttons/DefaultButton.js +1 -1
- package/lib/buttons/index.d.ts +1 -1
- package/lib/buttons/index.js +1 -0
- package/lib/calendar/base/helpers.js +27 -84
- package/lib/calendar/base/helpers.js.map +1 -1
- package/lib/calendar/base/index.js +29 -33
- package/lib/calendar/base/index.js.map +1 -1
- package/lib/checkbox/index.js +31 -44
- package/lib/checkbox/index.js.map +1 -1
- package/lib/dialog/Alert.js +10 -12
- package/lib/dialog/Alert.js.map +1 -1
- package/lib/dialog/Custom.js +2 -3
- package/lib/dialog/Custom.js.map +1 -1
- package/lib/dialog/Error.js +9 -11
- package/lib/dialog/Error.js.map +1 -1
- package/lib/dialog/Information.js +8 -10
- package/lib/dialog/Information.js.map +1 -1
- package/lib/dialog/Question.js +4 -4
- package/lib/dialog/Warning.js +11 -13
- package/lib/dialog/Warning.js.map +1 -1
- package/lib/dialog/base/index.d.ts +4 -0
- package/lib/dialog/base/index.js +78 -72
- package/lib/dialog/base/index.js.map +1 -1
- package/lib/dialog/form/index.js +3 -7
- package/lib/dialog/form/index.js.map +1 -1
- package/lib/drawer/Drawer.js +4 -5
- package/lib/drawer/Drawer.js.map +1 -1
- package/lib/dropdown/Popup.js.map +1 -1
- package/lib/dropdown/index.d.ts +3 -0
- package/lib/dropdown/index.js +6 -0
- package/lib/dropdown/index.js.map +1 -0
- package/lib/dropdown/withDropdown.js +1 -1
- package/lib/fieldset/index.js +17 -18
- package/lib/fieldset/index.js.map +1 -1
- package/lib/form/FieldArray.js +18 -20
- package/lib/form/FieldArray.js.map +1 -1
- package/lib/form/helpers.js +16 -17
- package/lib/form/helpers.js.map +1 -1
- package/lib/form/index.js +46 -52
- package/lib/form/index.js.map +1 -1
- package/lib/index.js +20 -23
- package/lib/index.js.map +1 -1
- package/lib/inputs/base/InputTextBase.js +1 -1
- package/lib/inputs/color/index.js +22 -25
- package/lib/inputs/color/index.js.map +1 -1
- package/lib/inputs/date/index.js +15 -19
- package/lib/inputs/date/index.js.map +1 -1
- package/lib/inputs/file/DefaultFile.js +1 -1
- package/lib/inputs/file/DragDropFile.js +3 -4
- package/lib/inputs/file/DragDropFile.js.map +1 -1
- package/lib/inputs/file/File.js +9 -11
- package/lib/inputs/file/File.js.map +1 -1
- package/lib/inputs/file/FileButtonSettings.js +1 -1
- package/lib/inputs/index.d.ts +14 -0
- package/lib/inputs/index.js +40 -0
- package/lib/inputs/index.js.map +1 -0
- package/lib/inputs/inputHOC.js +0 -1
- package/lib/inputs/inputHOC.js.map +1 -1
- package/lib/inputs/multiSelect/ActionButtons.js +16 -19
- package/lib/inputs/multiSelect/ActionButtons.js.map +1 -1
- package/lib/inputs/number/format_number.js +6 -7
- package/lib/inputs/number/format_number.js.map +1 -1
- package/lib/inputs/period/helper.js +19 -27
- package/lib/inputs/period/helper.js.map +1 -1
- package/lib/inputs/period/index.js +4 -5
- package/lib/inputs/period/index.js.map +1 -1
- package/lib/inputs/search/index.js +1 -1
- package/lib/inputs/select/helper.js +22 -23
- package/lib/inputs/select/helper.js.map +1 -1
- package/lib/inputs/select/index.js +7 -8
- package/lib/inputs/select/index.js.map +1 -1
- package/lib/inputs2/checkboxfield/index.js +1 -2
- package/lib/inputs2/checkboxfield/index.js.map +1 -1
- package/lib/inputs2/colorfield/index.js +1 -4
- package/lib/inputs2/colorfield/index.js.map +1 -1
- package/lib/inputs2/date/datefield/calendarbox.js +1 -4
- package/lib/inputs2/date/datefield/calendarbox.js.map +1 -1
- package/lib/inputs2/date/datefield/index.js +0 -1
- package/lib/inputs2/date/datefield/index.js.map +1 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +16 -19
- package/lib/inputs2/date/dateperiodfield/calendarbox.js.map +1 -1
- package/lib/inputs2/date/dateperiodfield/index.js +0 -1
- package/lib/inputs2/date/dateperiodfield/index.js.map +1 -1
- package/lib/inputs2/date/dateperiodfield/triggers.js +14 -18
- package/lib/inputs2/date/dateperiodfield/triggers.js.map +1 -1
- package/lib/inputs2/date/helpers.js +19 -30
- package/lib/inputs2/date/helpers.js.map +1 -1
- package/lib/inputs2/filefield/index.js +17 -20
- package/lib/inputs2/filefield/index.js.map +1 -1
- package/lib/inputs2/index.js +18 -18
- package/lib/inputs2/numberfield/currency.js +6 -11
- package/lib/inputs2/numberfield/currency.js.map +1 -1
- package/lib/inputs2/numberfield/decimal.js +9 -14
- package/lib/inputs2/numberfield/decimal.js.map +1 -1
- package/lib/inputs2/numberfield/index.js +12 -17
- package/lib/inputs2/numberfield/index.js.map +1 -1
- package/lib/inputs2/radiofield/index.js +1 -2
- package/lib/inputs2/radiofield/index.js.map +1 -1
- package/lib/inputs2/selectfield/index.js +4 -5
- package/lib/inputs2/selectfield/index.js.map +1 -1
- package/lib/inputs2/textareafield/index.js +4 -5
- package/lib/inputs2/textareafield/index.js.map +1 -1
- package/lib/inputs2/textfield/index.js +4 -5
- package/lib/inputs2/textfield/index.js.map +1 -1
- package/lib/internals/constants.js +3 -4
- package/lib/internals/constants.js.map +1 -1
- package/lib/labels/DefaultLabel.js +1 -1
- package/lib/labels/index.d.ts +1 -1
- package/lib/labels/index.js +5 -4
- package/lib/list/helpers.js +4 -6
- package/lib/list/helpers.js.map +1 -1
- package/lib/menus/float/index.js +1 -1
- package/lib/menus/sidenav/NavMenuItem.js +1 -1
- package/lib/menus/sidenav/NavSubMenuItem.js +1 -1
- package/lib/panel/Default.js +14 -15
- package/lib/panel/Default.js.map +1 -1
- package/lib/popover/index.js +1 -1
- package/lib/radio/index.js +1 -1
- package/lib/skeleton/index.js +13 -14
- package/lib/skeleton/index.js.map +1 -1
- package/lib/spinner/index.d.ts +2 -0
- package/lib/spinner/index.js +1 -0
- package/lib/spinner/index.js.map +1 -1
- package/lib/table/Body.js +23 -26
- package/lib/table/Body.js.map +1 -1
- package/lib/tabs/DropdownTabs.js +31 -40
- package/lib/tabs/DropdownTabs.js.map +1 -1
- package/lib/tabs/MenuTabs.js +16 -19
- package/lib/tabs/MenuTabs.js.map +1 -1
- package/lib/tabs/context.js +3 -3
- package/lib/treetable/Body.js +18 -24
- package/lib/treetable/Body.js.map +1 -1
- package/lib/treetable/Header.js +9 -12
- package/lib/treetable/Header.js.map +1 -1
- package/lib/treetable/Row.js +37 -40
- package/lib/treetable/Row.js.map +1 -1
- package/lib/uitour/index.js +3 -5
- package/lib/uitour/index.js.map +1 -1
- package/package.json +277 -34
- package/lib/buttons/ButtonGroups.js +0 -13
- package/lib/buttons/ButtonGroups.js.map +0 -1
- package/lib/dropdown/helper.js +0 -9
- package/lib/dropdown/helper.js.map +0 -1
- package/lib/panel/ToolBar.js +0 -20
- package/lib/panel/ToolBar.js.map +0 -1
package/lib/alerts/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { default as
|
|
1
|
+
import { default as withAlert } from './withAlert';
|
|
2
2
|
import { default as AlertProvider } from './AlertProvider';
|
|
3
|
-
export default
|
|
4
|
-
export { AlertProvider };
|
|
3
|
+
export default withAlert;
|
|
4
|
+
export { AlertProvider, withAlert };
|
package/lib/alerts/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import j from "../_virtual/lodash.js";
|
|
|
4
4
|
import c from "../icons/index.js";
|
|
5
5
|
import nt from "../spinner/index.js";
|
|
6
6
|
import it from "../dropdown/withDropdown.js";
|
|
7
|
-
import {
|
|
7
|
+
import { actionsOnPermissionDenied as rt, OPTIONS_ON_DENIED as k } from "../permissionValidations.js";
|
|
8
8
|
import st from "../tooltip/index.js";
|
|
9
9
|
const ot = ({
|
|
10
10
|
dropdown: e,
|
package/lib/buttons/index.d.ts
CHANGED
|
@@ -14,4 +14,4 @@ import { default as ActivateButton } from './ActivateButton';
|
|
|
14
14
|
import { default as InactivateButton } from './InactivateButton';
|
|
15
15
|
import { default as RestoreButton } from './RestoreButton';
|
|
16
16
|
export default Button;
|
|
17
|
-
export { ButtonContainer, PrimaryButton, DangerButton, WarningButton, SuccessButton, InfoButton, SaveButton, CancelButton, EditButton, DestroyButton, AddButton, ActivateButton, InactivateButton, RestoreButton, };
|
|
17
|
+
export { ButtonContainer, Button, PrimaryButton, DangerButton, WarningButton, SuccessButton, InfoButton, SaveButton, CancelButton, EditButton, DestroyButton, AddButton, ActivateButton, InactivateButton, RestoreButton, };
|
package/lib/buttons/index.js
CHANGED
|
@@ -1,101 +1,44 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "../../node_modules/moment/dist/moment.js";
|
|
2
2
|
import { createContext as u } from "react";
|
|
3
|
-
|
|
4
|
-
function
|
|
5
|
-
return e.startOf(t);
|
|
6
|
-
}
|
|
7
|
-
function l() {
|
|
3
|
+
e.locale("pt-br");
|
|
4
|
+
function d() {
|
|
8
5
|
return ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
|
|
9
6
|
}
|
|
10
|
-
function
|
|
11
|
-
return
|
|
12
|
-
}
|
|
13
|
-
function M(e) {
|
|
14
|
-
return r(e, "month");
|
|
15
|
-
}
|
|
16
|
-
function o(e, t) {
|
|
17
|
-
return s(e.format("YYYY-MM-DD")).isSame(t.format("YYYY-MM-DD"));
|
|
18
|
-
}
|
|
19
|
-
function m(e, t) {
|
|
20
|
-
return e.format("MM") !== t.format("MM");
|
|
7
|
+
function o(t, n) {
|
|
8
|
+
return e(t.format("YYYY-MM-DD")).isSame(n.format("YYYY-MM-DD"));
|
|
21
9
|
}
|
|
22
|
-
function
|
|
23
|
-
return
|
|
24
|
-
months: "janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),
|
|
25
|
-
monthsShort: "jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),
|
|
26
|
-
weekdays: "domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),
|
|
27
|
-
weekdaysShort: "dom_seg_ter_qua_qui_sex_sáb".split("_"),
|
|
28
|
-
weekdaysMin: "dom_2ª_3ª_4ª_5ª_6ª_sáb".split("_"),
|
|
29
|
-
longDateFormat: {
|
|
30
|
-
LT: "HH:mm",
|
|
31
|
-
L: "DD/MM/YYYY",
|
|
32
|
-
LL: "D [de] MMMM [de] YYYY",
|
|
33
|
-
LLL: "D [de] MMMM [de] YYYY [às] LT",
|
|
34
|
-
LLLL: "dddd, D [de] MMMM [de] YYYY [às] LT"
|
|
35
|
-
},
|
|
36
|
-
calendar: {
|
|
37
|
-
sameDay: "[Hoje às] LT",
|
|
38
|
-
nextDay: "[Amanhã às] LT",
|
|
39
|
-
nextWeek: "dddd [às] LT",
|
|
40
|
-
lastDay: "[Ontem às] LT",
|
|
41
|
-
lastWeek() {
|
|
42
|
-
return this.sameDay === "0" || this.sameDay === "6" ? "[Último] dddd [às] LT" : (
|
|
43
|
-
// Saturday + Sunday
|
|
44
|
-
"[Última] dddd [às] LT"
|
|
45
|
-
);
|
|
46
|
-
},
|
|
47
|
-
sameElse: "L"
|
|
48
|
-
},
|
|
49
|
-
relativeTime: {
|
|
50
|
-
future: "em %s",
|
|
51
|
-
past: "%s atrás",
|
|
52
|
-
s: "segundos",
|
|
53
|
-
m: "um minuto",
|
|
54
|
-
mm: "%d minutos",
|
|
55
|
-
h: "uma hora",
|
|
56
|
-
hh: "%d horas",
|
|
57
|
-
d: "um dia",
|
|
58
|
-
dd: "%d dias",
|
|
59
|
-
M: "um mês",
|
|
60
|
-
MM: "%d meses",
|
|
61
|
-
y: "um ano",
|
|
62
|
-
yy: "%d anos"
|
|
63
|
-
},
|
|
64
|
-
ordinal: "%dº"
|
|
65
|
-
};
|
|
10
|
+
function l(t, n) {
|
|
11
|
+
return t.format("MM") !== n.format("MM");
|
|
66
12
|
}
|
|
67
|
-
function
|
|
68
|
-
unpadding:
|
|
69
|
-
drawGridLines:
|
|
13
|
+
function f({
|
|
14
|
+
unpadding: t,
|
|
15
|
+
drawGridLines: n,
|
|
70
16
|
customClass: a,
|
|
71
|
-
colorStyle:
|
|
17
|
+
colorStyle: s
|
|
72
18
|
}) {
|
|
73
|
-
let
|
|
74
|
-
return
|
|
19
|
+
let r = `calendar-component ${a}`;
|
|
20
|
+
return r += ` -${s}`, r += t ? " -unpadding" : "", r += n ? " -draw-grid-lines" : "", r;
|
|
75
21
|
}
|
|
76
|
-
function
|
|
77
|
-
return
|
|
22
|
+
function m(t) {
|
|
23
|
+
return e(t).format() !== "Invalid date" ? t : e();
|
|
78
24
|
}
|
|
79
|
-
function
|
|
25
|
+
function C(t, n) {
|
|
80
26
|
let a = "monthday ";
|
|
81
|
-
return a += o(
|
|
27
|
+
return a += o(t, n) ? "-selectedday " : "", a;
|
|
82
28
|
}
|
|
83
|
-
function
|
|
29
|
+
function M(t, n) {
|
|
84
30
|
let a = "daybutton ";
|
|
85
|
-
return a += o(
|
|
31
|
+
return a += o(e(), n) ? "-nowday " : "", a += l(t, n) ? "-outmonth" : "", a;
|
|
86
32
|
}
|
|
87
|
-
const
|
|
33
|
+
const D = u({});
|
|
88
34
|
export {
|
|
89
|
-
|
|
35
|
+
D as CalendarContext,
|
|
90
36
|
o as dateIsEquals,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
M as getStartOfMonth,
|
|
98
|
-
f as getStartOfWeek,
|
|
99
|
-
L as validDate
|
|
37
|
+
d as dayNames,
|
|
38
|
+
l as dayOutOfCurrentMonth,
|
|
39
|
+
f as getCalendarCssClass,
|
|
40
|
+
C as getDayContainerCssClass,
|
|
41
|
+
M as getDayCssClass,
|
|
42
|
+
m as validDate
|
|
100
43
|
};
|
|
101
44
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../src/lib/calendar/base/helpers.ts"],"sourcesContent":["import moment, { Moment, unitOfTime } from 'moment';\nimport { createContext } from 'react';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { ICalendarProps } from '../types';\n\nmoment.locale('pt-br');\n\nfunction getStartOf(date: Moment, unit: unitOfTime.StartOf) {\n return date.startOf(unit);\n}\n\nexport function dayNames() {\n return [\n 'Dom',\n 'Seg',\n 'Ter',\n 'Qua',\n 'Qui',\n 'Sex',\n 'Sab',\n ];\n}\n\nexport function getStartOfWeek(date: Moment) {\n return getStartOf(date, 'week');\n}\n\nexport function getStartOfMonth(date: Moment) {\n return getStartOf(date, 'month');\n}\n\nexport function dateIsEquals(date1: Moment, date2: Moment) {\n return moment(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));\n}\n\nexport function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment) {\n return currentDate.format('MM') !== comparedDay.format('MM');\n}\n\nexport function getPtBrLocale() {\n return {\n months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split('_'),\n monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),\n weekdays: 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split('_'),\n weekdaysShort: 'dom_seg_ter_qua_qui_sex_sáb'.split('_'),\n weekdaysMin: 'dom_2ª_3ª_4ª_5ª_6ª_sáb'.split('_'),\n longDateFormat: {\n LT: 'HH:mm',\n L: 'DD/MM/YYYY',\n LL: 'D [de] MMMM [de] YYYY',\n LLL: 'D [de] MMMM [de] YYYY [às] LT',\n LLLL: 'dddd, D [de] MMMM [de] YYYY [às] LT',\n },\n calendar: {\n sameDay: '[Hoje às] LT',\n nextDay: '[Amanhã às] LT',\n nextWeek: 'dddd [às] LT',\n lastDay: '[Ontem às] LT',\n lastWeek(): string {\n return (this.sameDay === '0' || this.sameDay === '6') ?\n '[Último] dddd [às] LT' : // Saturday + Sunday\n '[Última] dddd [às] LT'; // Monday - Friday\n },\n sameElse: 'L',\n },\n relativeTime: {\n future: 'em %s',\n past: '%s atrás',\n s: 'segundos',\n m: 'um minuto',\n mm: '%d minutos',\n h: 'uma hora',\n hh: '%d horas',\n d: 'um dia',\n dd: '%d dias',\n M: 'um mês',\n MM: '%d meses',\n y: 'um ano',\n yy: '%d anos',\n },\n ordinal: '%dº',\n };\n}\n\n/** Functions used insed index.jsx */\nexport function getCalendarCssClass({\n unpadding, drawGridLines, customClass, colorStyle,\n}: { unpadding: boolean, drawGridLines: boolean, customClass: string | undefined,\n colorStyle: ColorStyles | undefined }) {\n let cssClass = `calendar-component ${customClass}`;\n cssClass += ` -${colorStyle}`;\n cssClass += unpadding ? ' -unpadding' : '';\n cssClass += drawGridLines ? ' -draw-grid-lines' : '';\n return cssClass;\n}\n\nexport function validDate(date: Moment) {\n if (moment(date).format() !== 'Invalid date') {\n return date;\n }\n return moment();\n}\n\n/** Functions used inside Day Component */\nexport function getDayContainerCssClass(currentDate: Moment, day: Moment) {\n let cssClass = 'monthday ';\n cssClass += dateIsEquals(currentDate, day) ? '-selectedday ' : '';\n return cssClass;\n}\n\nexport function getDayCssClass(currentDate: Moment, day: Moment) {\n let cssClass = 'daybutton ';\n cssClass += dateIsEquals(moment(), day) ? '-nowday ' : '';\n cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';\n return cssClass;\n}\n\nexport const CalendarContext = createContext<ICalendarProps>({} as ICalendarProps);\n"],"names":["moment","locale","
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../src/lib/calendar/base/helpers.ts"],"sourcesContent":["import moment, { Moment, unitOfTime } from 'moment';\nimport { createContext } from 'react';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { ICalendarProps } from '../types';\n\nmoment.locale('pt-br');\n\nfunction getStartOf(date: Moment, unit: unitOfTime.StartOf) {\n return date.startOf(unit);\n}\n\nexport function dayNames() {\n return [\n 'Dom',\n 'Seg',\n 'Ter',\n 'Qua',\n 'Qui',\n 'Sex',\n 'Sab',\n ];\n}\n\nexport function getStartOfWeek(date: Moment) {\n return getStartOf(date, 'week');\n}\n\nexport function getStartOfMonth(date: Moment) {\n return getStartOf(date, 'month');\n}\n\nexport function dateIsEquals(date1: Moment, date2: Moment) {\n return moment(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));\n}\n\nexport function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment) {\n return currentDate.format('MM') !== comparedDay.format('MM');\n}\n\nexport function getPtBrLocale() {\n return {\n months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split('_'),\n monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),\n weekdays: 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split('_'),\n weekdaysShort: 'dom_seg_ter_qua_qui_sex_sáb'.split('_'),\n weekdaysMin: 'dom_2ª_3ª_4ª_5ª_6ª_sáb'.split('_'),\n longDateFormat: {\n LT: 'HH:mm',\n L: 'DD/MM/YYYY',\n LL: 'D [de] MMMM [de] YYYY',\n LLL: 'D [de] MMMM [de] YYYY [às] LT',\n LLLL: 'dddd, D [de] MMMM [de] YYYY [às] LT',\n },\n calendar: {\n sameDay: '[Hoje às] LT',\n nextDay: '[Amanhã às] LT',\n nextWeek: 'dddd [às] LT',\n lastDay: '[Ontem às] LT',\n lastWeek(): string {\n return (this.sameDay === '0' || this.sameDay === '6') ?\n '[Último] dddd [às] LT' : // Saturday + Sunday\n '[Última] dddd [às] LT'; // Monday - Friday\n },\n sameElse: 'L',\n },\n relativeTime: {\n future: 'em %s',\n past: '%s atrás',\n s: 'segundos',\n m: 'um minuto',\n mm: '%d minutos',\n h: 'uma hora',\n hh: '%d horas',\n d: 'um dia',\n dd: '%d dias',\n M: 'um mês',\n MM: '%d meses',\n y: 'um ano',\n yy: '%d anos',\n },\n ordinal: '%dº',\n };\n}\n\n/** Functions used insed index.jsx */\nexport function getCalendarCssClass({\n unpadding, drawGridLines, customClass, colorStyle,\n}: { unpadding: boolean, drawGridLines: boolean, customClass: string | undefined,\n colorStyle: ColorStyles | undefined }) {\n let cssClass = `calendar-component ${customClass}`;\n cssClass += ` -${colorStyle}`;\n cssClass += unpadding ? ' -unpadding' : '';\n cssClass += drawGridLines ? ' -draw-grid-lines' : '';\n return cssClass;\n}\n\nexport function validDate(date: Moment) {\n if (moment(date).format() !== 'Invalid date') {\n return date;\n }\n return moment();\n}\n\n/** Functions used inside Day Component */\nexport function getDayContainerCssClass(currentDate: Moment, day: Moment) {\n let cssClass = 'monthday ';\n cssClass += dateIsEquals(currentDate, day) ? '-selectedday ' : '';\n return cssClass;\n}\n\nexport function getDayCssClass(currentDate: Moment, day: Moment) {\n let cssClass = 'daybutton ';\n cssClass += dateIsEquals(moment(), day) ? '-nowday ' : '';\n cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';\n return cssClass;\n}\n\nexport const CalendarContext = createContext<ICalendarProps>({} as ICalendarProps);\n"],"names":["moment","locale","dayNames","dateIsEquals","date1","date2","format","isSame","dayOutOfCurrentMonth","currentDate","comparedDay","getCalendarCssClass","unpadding","drawGridLines","customClass","colorStyle","cssClass","validDate","date","getDayContainerCssClass","day","getDayCssClass","CalendarContext","createContext"],"mappings":";;AAKAA,EAAOC,OAAO,OAAO;AAMd,SAASC,IAAW;AACzB,SAAO,CACL,OACA,OACA,OACA,OACA,OACA,OACA,KAAK;AAET;AAUO,SAASC,EAAaC,GAAeC,GAAe;AACzD,SAAOL,EAAOI,EAAME,OAAO,YAAY,CAAC,EAAEC,OAAOF,EAAMC,OAAO,YAAY,CAAC;AAC7E;AAEO,SAASE,EAAqBC,GAAqBC,GAAqB;AAC7E,SAAOD,EAAYH,OAAO,IAAI,MAAMI,EAAYJ,OAAO,IAAI;AAC7D;AAgDO,SAASK,EAAoB;AAAA,EAClCC,WAAAA;AAAAA,EAAWC,eAAAA;AAAAA,EAAeC,aAAAA;AAAAA,EAAaC,YAAAA;AAEH,GAAG;AACvC,MAAIC,IAAW,sBAAsBF,CAAW;AAChDE,SAAAA,KAAY,KAAKD,CAAU,IAC3BC,KAAYJ,IAAY,gBAAgB,IACxCI,KAAYH,IAAgB,sBAAsB,IAC3CG;AACT;AAEO,SAASC,EAAUC,GAAc;AACtC,SAAIlB,EAAOkB,CAAI,EAAEZ,OAAAA,MAAa,iBACrBY,IAEFlB,EAAAA;AACT;AAGO,SAASmB,EAAwBV,GAAqBW,GAAa;AACxE,MAAIJ,IAAW;AACfA,SAAAA,KAAYb,EAAaM,GAAaW,CAAG,IAAI,kBAAkB,IACxDJ;AACT;AAEO,SAASK,EAAeZ,GAAqBW,GAAa;AAC/D,MAAIJ,IAAW;AACfA,SAAAA,KAAYb,EAAaH,EAAAA,GAAUoB,CAAG,IAAI,aAAa,IACvDJ,KAAYR,EAAqBC,GAAaW,CAAG,IAAI,cAAc,IAC5DJ;AACT;AAEO,MAAMM,IAAkBC,EAA8B,CAAA,CAAoB;"}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import { jsx as s, jsxs as ie } from "react/jsx-runtime";
|
|
2
2
|
import { c as ye } from "../../_virtual/compiler-runtime.js";
|
|
3
|
-
import '../../assets/styles/button.css';import '../../assets/styles/
|
|
4
|
-
import { useRef as oe, useState as de, useEffect as
|
|
3
|
+
import '../../assets/styles/button.css';import '../../assets/styles/calendar.css';/* empty css */
|
|
4
|
+
import { useRef as oe, useState as de, useEffect as fe } from "react";
|
|
5
5
|
import d from "../../node_modules/moment/dist/moment.js";
|
|
6
|
-
|
|
7
|
-
import pe from "../../gridlayout/GridCol.js";
|
|
6
|
+
import Ce from "../../gridlayout/GridCol.js";
|
|
8
7
|
import ae from "../../buttons/Button.js";
|
|
9
|
-
/* empty css */
|
|
10
|
-
import "react-dom";
|
|
11
|
-
/* empty css */
|
|
12
8
|
/* empty css */
|
|
13
|
-
import {
|
|
9
|
+
import { getDayContainerCssClass as pe, getDayCssClass as Me, CalendarContext as we, validDate as De, getCalendarCssClass as be, dayNames as ge } from "./helpers.js";
|
|
14
10
|
import V from "../../node_modules/uuid/dist/v1.js";
|
|
15
|
-
const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"],
|
|
11
|
+
const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], We = (c) => {
|
|
16
12
|
const e = ye.c(56), {
|
|
17
13
|
currentDate: S,
|
|
18
14
|
onDateChange: v,
|
|
@@ -26,9 +22,9 @@ const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Ue = (c) => {
|
|
|
26
22
|
} = c;
|
|
27
23
|
let _;
|
|
28
24
|
e[0] !== S ? (_ = S === void 0 ? d() : S, e[0] = S, e[1] = _) : _ = e[1];
|
|
29
|
-
const
|
|
25
|
+
const f = _, Q = re === void 0 ? !1 : re, X = se === void 0 ? !1 : se, i = oe(null), Z = oe(null), me = oe(null), [m, le] = de(f);
|
|
30
26
|
let N;
|
|
31
|
-
e[2] !==
|
|
27
|
+
e[2] !== f ? (N = d(f).format("MM-YYYY"), e[2] = f, e[3] = N) : N = e[3];
|
|
32
28
|
const [l, ee] = de(N);
|
|
33
29
|
let A;
|
|
34
30
|
e[4] !== v ? (A = (t) => {
|
|
@@ -36,15 +32,15 @@ const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Ue = (c) => {
|
|
|
36
32
|
}, e[4] = v, e[5] = A) : A = e[5];
|
|
37
33
|
const u = A;
|
|
38
34
|
let E;
|
|
39
|
-
e[6] !==
|
|
35
|
+
e[6] !== m || e[7] !== l ? (E = () => {
|
|
40
36
|
const t = d(l, "MM-YYYY").startOf("month"), o = d(l, "MM-YYYY").endOf("month"), n = t.clone().startOf("week"), a = o.clone().endOf("week"), g = [], r = n.clone();
|
|
41
37
|
for (; r.isBefore(a, "day") || r.isSame(a, "day"); )
|
|
42
38
|
g.push({
|
|
43
39
|
date: r.clone(),
|
|
44
|
-
isDaySelected: r.isSame(
|
|
40
|
+
isDaySelected: r.isSame(m)
|
|
45
41
|
}), r.add(1, "day");
|
|
46
42
|
return g;
|
|
47
|
-
}, e[6] =
|
|
43
|
+
}, e[6] = m, e[7] = l, e[8] = E) : E = e[8];
|
|
48
44
|
const te = E;
|
|
49
45
|
let O;
|
|
50
46
|
e[9] !== l ? (O = (t) => {
|
|
@@ -92,19 +88,19 @@ const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Ue = (c) => {
|
|
|
92
88
|
}, e[12] = u, e[13] = B) : B = e[13];
|
|
93
89
|
const ne = B;
|
|
94
90
|
let L;
|
|
95
|
-
e[14] !== J || e[15] !==
|
|
96
|
-
le(
|
|
97
|
-
}, e[14] = J, e[15] =
|
|
91
|
+
e[14] !== J || e[15] !== f ? (L = () => {
|
|
92
|
+
le(De(f)), J?.(i?.current);
|
|
93
|
+
}, e[14] = J, e[15] = f, e[16] = L) : L = e[16];
|
|
98
94
|
let R;
|
|
99
|
-
e[17] === Symbol.for("react.memo_cache_sentinel") ? (R = [], e[17] = R) : R = e[17],
|
|
95
|
+
e[17] === Symbol.for("react.memo_cache_sentinel") ? (R = [], e[17] = R) : R = e[17], fe(L, R);
|
|
100
96
|
let I, G;
|
|
101
97
|
e[18] === Symbol.for("react.memo_cache_sentinel") ? (I = () => (document.addEventListener("keydown", (t) => {
|
|
102
98
|
t && t.code && Se.includes(t.code) && document.contains(i.current) && (ue(t), t.stopPropagation(), t.preventDefault());
|
|
103
|
-
}), Ne), G = [], e[18] = I, e[19] = G) : (I = e[18], G = e[19]),
|
|
99
|
+
}), Ne), G = [], e[18] = I, e[19] = G) : (I = e[18], G = e[19]), fe(I, G);
|
|
104
100
|
let P;
|
|
105
101
|
e[20] === Symbol.for("react.memo_cache_sentinel") ? (P = "calendar-container-".concat(V()), e[20] = P) : P = e[20];
|
|
106
102
|
let Y;
|
|
107
|
-
e[21] !== q || e[22] !== z || e[23] !== Q || e[24] !== X ? (Y =
|
|
103
|
+
e[21] !== q || e[22] !== z || e[23] !== Q || e[24] !== X ? (Y = be({
|
|
108
104
|
unpadding: X,
|
|
109
105
|
drawGridLines: Q,
|
|
110
106
|
customClass: z,
|
|
@@ -116,10 +112,10 @@ const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Ue = (c) => {
|
|
|
116
112
|
e[27] !== h ? (y = /* @__PURE__ */ s(ae, { id: T, tabIndex: -1, boxShadow: !1, iconName: "arrow_left", customClass: "navbutton nav-arrow-left", onClick: () => {
|
|
117
113
|
h(-1);
|
|
118
114
|
} }), e[27] = h, e[28] = y) : y = e[28];
|
|
119
|
-
let p;
|
|
120
|
-
e[29] !== l ? (p = d(l, "MM-YYYY").format("MMMM YYYY"), e[29] = l, e[30] = p) : p = e[30];
|
|
121
115
|
let C;
|
|
122
|
-
e[
|
|
116
|
+
e[29] !== l ? (C = d(l, "MM-YYYY").format("MMMM YYYY"), e[29] = l, e[30] = C) : C = e[30];
|
|
117
|
+
let p;
|
|
118
|
+
e[31] !== C ? (p = /* @__PURE__ */ s("span", { className: "monthname", children: C }), e[31] = C, e[32] = p) : p = e[32];
|
|
123
119
|
let W;
|
|
124
120
|
e[33] === Symbol.for("react.memo_cache_sentinel") ? (W = V(), e[33] = W) : W = e[33];
|
|
125
121
|
let M;
|
|
@@ -127,21 +123,21 @@ const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Ue = (c) => {
|
|
|
127
123
|
h(1);
|
|
128
124
|
} }), e[34] = h, e[35] = M) : M = e[35];
|
|
129
125
|
let w;
|
|
130
|
-
e[36] !== y || e[37] !==
|
|
126
|
+
e[36] !== y || e[37] !== p || e[38] !== M ? (w = /* @__PURE__ */ ie("div", { className: "calendarheader", children: [
|
|
131
127
|
y,
|
|
132
|
-
|
|
128
|
+
p,
|
|
133
129
|
M
|
|
134
|
-
] }), e[36] = y, e[37] =
|
|
130
|
+
] }), e[36] = y, e[37] = p, e[38] = M, e[39] = w) : w = e[39];
|
|
135
131
|
let $;
|
|
136
|
-
e[40] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ s("div", { className: "daynames", children:
|
|
132
|
+
e[40] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ s("div", { className: "daynames", children: ge().map(Ae) }), e[40] = $) : $ = e[40];
|
|
137
133
|
let D;
|
|
138
|
-
e[41] !== te || e[42] !==
|
|
134
|
+
e[41] !== te || e[42] !== m || e[43] !== H || e[44] !== u ? (D = /* @__PURE__ */ s("div", { ref: Z, className: "calendarmonth", children: /* @__PURE__ */ s("div", { className: "monthweek", children: te().map((t, o) => {
|
|
139
135
|
const {
|
|
140
136
|
date: n,
|
|
141
137
|
isDaySelected: a
|
|
142
138
|
} = t;
|
|
143
|
-
return /* @__PURE__ */ s("div", { ref: a ?
|
|
144
|
-
}) }) }), e[41] = te, e[42] =
|
|
139
|
+
return /* @__PURE__ */ s("div", { ref: a ? me : void 0, className: pe(m, n), children: /* @__PURE__ */ s(ae, { "data-day-index": o, id: V(), type: "button", buttonRef: (g) => a && g ? H?.(g) : void 0, tabIndex: -1, boxShadow: !1, label: n.date().toString(), onClick: () => u(n), customClass: ` ${Me(m, n)} numberdaycalendar` }) }, n.format("YYYY-MM-DD"));
|
|
140
|
+
}) }) }), e[41] = te, e[42] = m, e[43] = H, e[44] = u, e[45] = D) : D = e[45];
|
|
145
141
|
let j;
|
|
146
142
|
e[46] !== Y || e[47] !== w || e[48] !== D ? (j = /* @__PURE__ */ ie("div", { ref: i, role: "grid", "aria-label": P, className: Y, children: [
|
|
147
143
|
w,
|
|
@@ -150,9 +146,9 @@ const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Ue = (c) => {
|
|
|
150
146
|
] }), e[46] = Y, e[47] = w, e[48] = D, e[49] = j) : j = e[49];
|
|
151
147
|
const F = j;
|
|
152
148
|
let b;
|
|
153
|
-
e[50] !== F || e[51] !== x ? (b = x ? /* @__PURE__ */ s(
|
|
149
|
+
e[50] !== F || e[51] !== x ? (b = x ? /* @__PURE__ */ s(Ce, { customClass: "-withinput", cols: x, children: F }) : F, e[50] = F, e[51] = x, e[52] = b) : b = e[52];
|
|
154
150
|
let U;
|
|
155
|
-
return e[53] !== ne || e[54] !== b ? (U = /* @__PURE__ */ s(
|
|
151
|
+
return e[53] !== ne || e[54] !== b ? (U = /* @__PURE__ */ s(we.Provider, { value: ne, children: b }), e[53] = ne, e[54] = b, e[55] = U) : U = e[55], U;
|
|
156
152
|
};
|
|
157
153
|
function ve(c) {
|
|
158
154
|
return d(c, "MM-YYYY").subtract(1, "month").format("MM-YYYY");
|
|
@@ -169,6 +165,6 @@ function Ae(c) {
|
|
|
169
165
|
return /* @__PURE__ */ s("div", { children: c }, `day-${c}`);
|
|
170
166
|
}
|
|
171
167
|
export {
|
|
172
|
-
|
|
168
|
+
We as default
|
|
173
169
|
};
|
|
174
170
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/lib/calendar/base/index.tsx"],"sourcesContent":["import '../../assets/styles/calendar.scss';\nimport { useState, useEffect, useRef } from 'react';\nimport moment, { Moment } from 'moment';\nimport { v1 } from 'uuid';\nimport Grid from '../../gridlayout';\nimport Button from '../../buttons';\nimport { validDate, getCalendarCssClass, dayNames, CalendarContext, getDayContainerCssClass, getDayCssClass } from './helpers';\nimport { ICalendarProps } from '../types';\n\nconst arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];\nconst Calendar = (props: ICalendarProps) => {\n const {\n currentDate: currentDateProp = moment(), onDateChange, drawGridLines = false, colorStyle, \n unpadding = false, customClass, gridLayout, currentDateButton, calendarContainer,\n } = props;\n const currentCalendarRef = useRef<HTMLDivElement>(null);\n const calendarMonthsContainerRef = useRef<HTMLDivElement>(null);\n const currentDaySelectedContainerRef = useRef<HTMLDivElement>(null);\n const [currentDate, setCurrentDate] = useState(currentDateProp);\n const [currentMonth, setCurrentMonth] = useState(moment(currentDateProp).format('MM-YYYY'));\n\n const onDateChangeFunction = (date: Moment) => {\n setCurrentDate(date);\n if (onDateChange) onDateChange(date);\n };\n\n const createCalendarWithWeeksAndDays = () => {\n const firstDayOfMonth = moment(currentMonth, 'MM-YYYY').startOf('month');\n const lastDayOfMonth = moment(currentMonth, 'MM-YYYY').endOf('month');\n\n const startDate = firstDayOfMonth.clone().startOf('week');\n const endDate = lastDayOfMonth.clone().endOf('week');\n\n const days: { date: moment.Moment; isDaySelected: boolean }[] = [];\n const day = startDate.clone();\n\n while (day.isBefore(endDate, 'day') || day.isSame(endDate, 'day')) {\n days.push({\n date: day.clone(),\n isDaySelected: day.isSame(currentDate),\n });\n day.add(1, 'day');\n }\n\n return days;\n };\n\n const changeMonth = (amountMonthsToChange: number) => {\n const newDate = moment(currentMonth, 'MM-YYYY').add(amountMonthsToChange, 'month').format('MM-YYYY');\n setCurrentMonth(newDate);\n };\n\n const getFirstOrLastDayButtonOfCalendar = (firstOrLast: 'first' | 'last' = 'first') => {\n const listOfButtons = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement> || [];\n if (firstOrLast === 'first') return listOfButtons[0];\n if (firstOrLast === 'last') return listOfButtons[listOfButtons.length - 1];\n };\n\n const navigateWithArrows = (event: KeyboardEvent) => {\n let indexCurrentDay = 0;\n const eventTarget = event.target as HTMLButtonElement;\n indexCurrentDay = Number(eventTarget.getAttribute('data-day-index') || 0);\n const containerDaySelected = currentCalendarRef.current?.getElementsByClassName('-selectedday');\n const buttonDaySelected = containerDaySelected?.[0]?.firstChild as HTMLButtonElement;\n const daysOfMonth = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement>;\n const lastDayButtonElement = getFirstOrLastDayButtonOfCalendar('last');\n\n if (!currentCalendarRef.current?.contains(document.activeElement)) {\n if (currentCalendarRef.current?.contains(buttonDaySelected)) {\n buttonDaySelected.focus();\n indexCurrentDay = Number(buttonDaySelected.getAttribute('data-day-index') || 0);\n }\n }\n\n if (calendarMonthsContainerRef.current?.contains(document.activeElement)) {\n const element = {\n ArrowUp: daysOfMonth[indexCurrentDay - 7],\n ArrowRight: daysOfMonth[indexCurrentDay + 1],\n ArrowDown: daysOfMonth[indexCurrentDay + 7],\n ArrowLeft: daysOfMonth[indexCurrentDay - 1],\n }[event.code];\n\n if (element) element.focus();\n\n const lastButtonElementIndex = Number(lastDayButtonElement?.getAttribute('data-day-index') || 0);\n\n if (indexCurrentDay === 0 && event.code === 'ArrowLeft') {\n setCurrentMonth((prevState) => {\n return moment(prevState, 'MM-YYYY').subtract(1, 'month').format('MM-YYYY');\n });\n setTimeout(() => { getFirstOrLastDayButtonOfCalendar('last')?.focus(); }, 1);\n }\n\n if (indexCurrentDay === lastButtonElementIndex && event.code === 'ArrowRight') {\n setCurrentMonth((prevState) => {\n return moment(prevState, 'MM-YYYY').add(1, 'month').format('MM-YYYY');\n });\n setTimeout(() => { getFirstOrLastDayButtonOfCalendar('first')?.focus(); }, 1);\n }\n } else {\n if (calendarMonthsContainerRef.current?.contains(buttonDaySelected)) {\n buttonDaySelected.focus();\n } else {\n getFirstOrLastDayButtonOfCalendar('first')?.focus();\n }\n }\n };\n\n const contextValues = {\n handleDateChange: onDateChangeFunction,\n };\n\n useEffect(() => {\n setCurrentDate(validDate(currentDateProp));\n calendarContainer?.(currentCalendarRef?.current);\n }, []);\n\n useEffect(() => {\n document.addEventListener('keydown', (event: KeyboardEvent) => {\n if (event && event.code && arrowKeys.includes(event.code) &&\n document.contains(currentCalendarRef.current)) {\n navigateWithArrows(event);\n event.stopPropagation();\n event.preventDefault();\n }\n });\n\n return () => {\n document.removeEventListener('keydown', () => {});\n };\n }, []);\n\n const component = (\n <div\n ref={currentCalendarRef}\n role=\"grid\"\n aria-label={String('calendar-container-').concat(v1())}\n className={getCalendarCssClass({\n unpadding,\n drawGridLines,\n customClass,\n colorStyle,\n })}>\n <div className=\"calendarheader\">\n <Button\n id={v1()}\n tabIndex={-1}\n boxShadow={false}\n iconName=\"arrow_left\"\n customClass=\"navbutton nav-arrow-left\"\n onClick={() => { changeMonth(-1); }} />\n <span className=\"monthname\">\n {moment(currentMonth, 'MM-YYYY').format('MMMM YYYY')}\n </span>\n <Button\n id={v1()}\n tabIndex={-1}\n boxShadow={false}\n iconName=\"arrow_right\"\n customClass=\"navbutton nav-arrow-right\"\n onClick={() => { changeMonth(1); }} />\n </div>\n <div className=\"daynames\">\n {dayNames().map(name => <div key={`day-${name}`}>{name}</div>)}\n </div>\n <div ref={calendarMonthsContainerRef} className=\"calendarmonth\">\n <div className=\"monthweek\">\n {createCalendarWithWeeksAndDays().map(({ date, isDaySelected }, index) => (\n <div\n key={date.format('YYYY-MM-DD')}\n ref={isDaySelected ? currentDaySelectedContainerRef : undefined}\n className={getDayContainerCssClass(currentDate, date)}>\n <Button\n data-day-index={index}\n id={v1()}\n type=\"button\"\n buttonRef={ref => isDaySelected && ref ? currentDateButton?.(ref) : undefined}\n tabIndex={-1}\n boxShadow={false}\n label={date.date().toString()}\n onClick={() => onDateChangeFunction(date)}\n customClass={` ${getDayCssClass(currentDate, date)} numberdaycalendar`} />\n </div>\n ))}\n </div>\n </div>\n </div>\n );\n\n return (\n <CalendarContext.Provider value={contextValues}>\n {!gridLayout ? component : <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>}\n </CalendarContext.Provider>\n );\n};\n\nexport default Calendar;\n"],"names":["arrowKeys","Calendar","props","$","_c","currentDate","t0","onDateChange","drawGridLines","t1","colorStyle","unpadding","t2","customClass","gridLayout","currentDateButton","calendarContainer","t3","undefined","moment","currentDateProp","currentCalendarRef","useRef","calendarMonthsContainerRef","currentDaySelectedContainerRef","setCurrentDate","useState","t4","format","currentMonth","setCurrentMonth","t5","date","onDateChangeFunction","t6","firstDayOfMonth","startOf","lastDayOfMonth","endOf","startDate","clone","endDate","days","day","isBefore","isSame","push","isDaySelected","add","createCalendarWithWeeksAndDays","t7","amountMonthsToChange","newDate","changeMonth","t8","Symbol","for","getFirstOrLastDayButtonOfCalendar","t9","firstOrLast","listOfButtons","current","getElementsByClassName","length","event","indexCurrentDay","eventTarget","target","Number","getAttribute","buttonDaySelected","firstChild","daysOfMonth","lastDayButtonElement","contains","document","activeElement","focus","element","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","code","lastButtonElementIndex","_temp","setTimeout","_temp2","navigateWithArrows","handleDateChange","contextValues","t10","validDate","t11","useEffect","t12","t13","addEventListener","event_0","includes","stopPropagation","preventDefault","_temp4","t14","concat","v1","t15","getCalendarCssClass","t16","t17","jsx","Button","t18","t19","t20","t21","t22","t23","dayNames","map","_temp5","t24","t25","index","date_0","getDayContainerCssClass","ref","toString","getDayCssClass","jsxs","component","t26","Grid","t27","CalendarContext","prevState","subtract","prevState_0","_temp3","removeEventListener","name"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/lib/calendar/base/index.tsx"],"sourcesContent":["import '../../assets/styles/calendar.scss';\nimport { useState, useEffect, useRef } from 'react';\nimport moment, { Moment } from 'moment';\nimport { v1 } from 'uuid';\nimport Grid from '../../gridlayout';\nimport Button from '../../buttons';\nimport { validDate, getCalendarCssClass, dayNames, CalendarContext, getDayContainerCssClass, getDayCssClass } from './helpers';\nimport { ICalendarProps } from '../types';\n\nconst arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];\nconst Calendar = (props: ICalendarProps) => {\n const {\n currentDate: currentDateProp = moment(), onDateChange, drawGridLines = false, colorStyle, \n unpadding = false, customClass, gridLayout, currentDateButton, calendarContainer,\n } = props;\n const currentCalendarRef = useRef<HTMLDivElement>(null);\n const calendarMonthsContainerRef = useRef<HTMLDivElement>(null);\n const currentDaySelectedContainerRef = useRef<HTMLDivElement>(null);\n const [currentDate, setCurrentDate] = useState(currentDateProp);\n const [currentMonth, setCurrentMonth] = useState(moment(currentDateProp).format('MM-YYYY'));\n\n const onDateChangeFunction = (date: Moment) => {\n setCurrentDate(date);\n if (onDateChange) onDateChange(date);\n };\n\n const createCalendarWithWeeksAndDays = () => {\n const firstDayOfMonth = moment(currentMonth, 'MM-YYYY').startOf('month');\n const lastDayOfMonth = moment(currentMonth, 'MM-YYYY').endOf('month');\n\n const startDate = firstDayOfMonth.clone().startOf('week');\n const endDate = lastDayOfMonth.clone().endOf('week');\n\n const days: { date: moment.Moment; isDaySelected: boolean }[] = [];\n const day = startDate.clone();\n\n while (day.isBefore(endDate, 'day') || day.isSame(endDate, 'day')) {\n days.push({\n date: day.clone(),\n isDaySelected: day.isSame(currentDate),\n });\n day.add(1, 'day');\n }\n\n return days;\n };\n\n const changeMonth = (amountMonthsToChange: number) => {\n const newDate = moment(currentMonth, 'MM-YYYY').add(amountMonthsToChange, 'month').format('MM-YYYY');\n setCurrentMonth(newDate);\n };\n\n const getFirstOrLastDayButtonOfCalendar = (firstOrLast: 'first' | 'last' = 'first') => {\n const listOfButtons = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement> || [];\n if (firstOrLast === 'first') return listOfButtons[0];\n if (firstOrLast === 'last') return listOfButtons[listOfButtons.length - 1];\n };\n\n const navigateWithArrows = (event: KeyboardEvent) => {\n let indexCurrentDay = 0;\n const eventTarget = event.target as HTMLButtonElement;\n indexCurrentDay = Number(eventTarget.getAttribute('data-day-index') || 0);\n const containerDaySelected = currentCalendarRef.current?.getElementsByClassName('-selectedday');\n const buttonDaySelected = containerDaySelected?.[0]?.firstChild as HTMLButtonElement;\n const daysOfMonth = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement>;\n const lastDayButtonElement = getFirstOrLastDayButtonOfCalendar('last');\n\n if (!currentCalendarRef.current?.contains(document.activeElement)) {\n if (currentCalendarRef.current?.contains(buttonDaySelected)) {\n buttonDaySelected.focus();\n indexCurrentDay = Number(buttonDaySelected.getAttribute('data-day-index') || 0);\n }\n }\n\n if (calendarMonthsContainerRef.current?.contains(document.activeElement)) {\n const element = {\n ArrowUp: daysOfMonth[indexCurrentDay - 7],\n ArrowRight: daysOfMonth[indexCurrentDay + 1],\n ArrowDown: daysOfMonth[indexCurrentDay + 7],\n ArrowLeft: daysOfMonth[indexCurrentDay - 1],\n }[event.code];\n\n if (element) element.focus();\n\n const lastButtonElementIndex = Number(lastDayButtonElement?.getAttribute('data-day-index') || 0);\n\n if (indexCurrentDay === 0 && event.code === 'ArrowLeft') {\n setCurrentMonth((prevState) => {\n return moment(prevState, 'MM-YYYY').subtract(1, 'month').format('MM-YYYY');\n });\n setTimeout(() => { getFirstOrLastDayButtonOfCalendar('last')?.focus(); }, 1);\n }\n\n if (indexCurrentDay === lastButtonElementIndex && event.code === 'ArrowRight') {\n setCurrentMonth((prevState) => {\n return moment(prevState, 'MM-YYYY').add(1, 'month').format('MM-YYYY');\n });\n setTimeout(() => { getFirstOrLastDayButtonOfCalendar('first')?.focus(); }, 1);\n }\n } else {\n if (calendarMonthsContainerRef.current?.contains(buttonDaySelected)) {\n buttonDaySelected.focus();\n } else {\n getFirstOrLastDayButtonOfCalendar('first')?.focus();\n }\n }\n };\n\n const contextValues = {\n handleDateChange: onDateChangeFunction,\n };\n\n useEffect(() => {\n setCurrentDate(validDate(currentDateProp));\n calendarContainer?.(currentCalendarRef?.current);\n }, []);\n\n useEffect(() => {\n document.addEventListener('keydown', (event: KeyboardEvent) => {\n if (event && event.code && arrowKeys.includes(event.code) &&\n document.contains(currentCalendarRef.current)) {\n navigateWithArrows(event);\n event.stopPropagation();\n event.preventDefault();\n }\n });\n\n return () => {\n document.removeEventListener('keydown', () => {});\n };\n }, []);\n\n const component = (\n <div\n ref={currentCalendarRef}\n role=\"grid\"\n aria-label={String('calendar-container-').concat(v1())}\n className={getCalendarCssClass({\n unpadding,\n drawGridLines,\n customClass,\n colorStyle,\n })}>\n <div className=\"calendarheader\">\n <Button\n id={v1()}\n tabIndex={-1}\n boxShadow={false}\n iconName=\"arrow_left\"\n customClass=\"navbutton nav-arrow-left\"\n onClick={() => { changeMonth(-1); }} />\n <span className=\"monthname\">\n {moment(currentMonth, 'MM-YYYY').format('MMMM YYYY')}\n </span>\n <Button\n id={v1()}\n tabIndex={-1}\n boxShadow={false}\n iconName=\"arrow_right\"\n customClass=\"navbutton nav-arrow-right\"\n onClick={() => { changeMonth(1); }} />\n </div>\n <div className=\"daynames\">\n {dayNames().map(name => <div key={`day-${name}`}>{name}</div>)}\n </div>\n <div ref={calendarMonthsContainerRef} className=\"calendarmonth\">\n <div className=\"monthweek\">\n {createCalendarWithWeeksAndDays().map(({ date, isDaySelected }, index) => (\n <div\n key={date.format('YYYY-MM-DD')}\n ref={isDaySelected ? currentDaySelectedContainerRef : undefined}\n className={getDayContainerCssClass(currentDate, date)}>\n <Button\n data-day-index={index}\n id={v1()}\n type=\"button\"\n buttonRef={ref => isDaySelected && ref ? currentDateButton?.(ref) : undefined}\n tabIndex={-1}\n boxShadow={false}\n label={date.date().toString()}\n onClick={() => onDateChangeFunction(date)}\n customClass={` ${getDayCssClass(currentDate, date)} numberdaycalendar`} />\n </div>\n ))}\n </div>\n </div>\n </div>\n );\n\n return (\n <CalendarContext.Provider value={contextValues}>\n {!gridLayout ? component : <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>}\n </CalendarContext.Provider>\n );\n};\n\nexport default Calendar;\n"],"names":["arrowKeys","Calendar","props","$","_c","currentDate","t0","onDateChange","drawGridLines","t1","colorStyle","unpadding","t2","customClass","gridLayout","currentDateButton","calendarContainer","t3","undefined","moment","currentDateProp","currentCalendarRef","useRef","calendarMonthsContainerRef","currentDaySelectedContainerRef","setCurrentDate","useState","t4","format","currentMonth","setCurrentMonth","t5","date","onDateChangeFunction","t6","firstDayOfMonth","startOf","lastDayOfMonth","endOf","startDate","clone","endDate","days","day","isBefore","isSame","push","isDaySelected","add","createCalendarWithWeeksAndDays","t7","amountMonthsToChange","newDate","changeMonth","t8","Symbol","for","getFirstOrLastDayButtonOfCalendar","t9","firstOrLast","listOfButtons","current","getElementsByClassName","length","event","indexCurrentDay","eventTarget","target","Number","getAttribute","buttonDaySelected","firstChild","daysOfMonth","lastDayButtonElement","contains","document","activeElement","focus","element","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","code","lastButtonElementIndex","_temp","setTimeout","_temp2","navigateWithArrows","handleDateChange","contextValues","t10","validDate","t11","useEffect","t12","t13","addEventListener","event_0","includes","stopPropagation","preventDefault","_temp4","t14","concat","v1","t15","getCalendarCssClass","t16","t17","jsx","Button","t18","t19","t20","t21","t22","t23","dayNames","map","_temp5","t24","t25","index","date_0","getDayContainerCssClass","ref","toString","getDayCssClass","jsxs","component","t26","Grid","t27","CalendarContext","prevState","subtract","prevState_0","_temp3","removeEventListener","name"],"mappings":"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"}
|
package/lib/checkbox/index.js
CHANGED
|
@@ -1,45 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as G, useState as k, useRef as K, useImperativeHandle as M, useEffect as z } from "react";
|
|
3
|
-
import "../_virtual/compiler-runtime.js";
|
|
4
|
-
import '../assets/styles/tabs.css';import '../assets/styles/skeleton.css';import '../assets/styles/list.css';import '../assets/styles/toolbar.css';import '../assets/styles/label.css';import '../assets/styles/tooltip.css';import '../assets/styles/panel.css';import '../assets/styles/noPermission.css';import '../assets/styles/button.css';import '../assets/styles/checkbox.css';import '../assets/styles/gridlayout.css';/* empty css */
|
|
5
3
|
import A from "../gridlayout/GridCol.js";
|
|
6
4
|
import { actionsOnPermissionDenied as J, OPTIONS_ON_DENIED as g } from "../permissionValidations.js";
|
|
7
|
-
|
|
5
|
+
import '../assets/styles/tabs.css';import '../assets/styles/skeleton.css';import '../assets/styles/list.css';import '../assets/styles/label.css';import '../assets/styles/button.css';import '../assets/styles/toolbar.css';import '../assets/styles/panel.css';import '../assets/styles/checkbox.css';/* empty css */
|
|
8
6
|
import { ErrorMessage as L } from "../inputs/errorMessage/index.js";
|
|
9
|
-
import Q from "../icons/index.js";
|
|
10
|
-
import "../buttons/DefaultButton.js";
|
|
11
|
-
/* empty css */
|
|
12
|
-
import "../panel/helpers.js";
|
|
13
|
-
/* empty css */
|
|
14
7
|
/* empty css */
|
|
15
|
-
import "../
|
|
16
|
-
import "react-dom";
|
|
8
|
+
import "../_virtual/compiler-runtime.js";
|
|
17
9
|
/* empty css */
|
|
10
|
+
/* empty css */
|
|
18
11
|
/* empty css */
|
|
19
|
-
|
|
20
|
-
import "react-router-dom";
|
|
21
|
-
import "../list/helpers.js";
|
|
22
|
-
import "../dropdown/withDropdown.js";
|
|
12
|
+
import Q from "../icons/index.js";
|
|
23
13
|
/* empty css */
|
|
24
14
|
/* empty css */
|
|
25
15
|
import "../radio/index.js";
|
|
26
16
|
/* empty css */
|
|
27
17
|
import "../_virtual/lodash.js";
|
|
28
|
-
import "../tabs/MenuTabs.js";
|
|
29
|
-
import "../tabs/context.js";
|
|
30
|
-
import "../tabs/tabHelpers.js";
|
|
31
18
|
import "../dialog/base/index.js";
|
|
32
19
|
import N from "../textContent/index.js";
|
|
33
20
|
import U from "../popover/index.js";
|
|
34
21
|
import V from "../hint/index.js";
|
|
35
22
|
const W = G(({
|
|
36
|
-
name:
|
|
37
|
-
required:
|
|
23
|
+
name: l,
|
|
24
|
+
required: m,
|
|
38
25
|
value: I,
|
|
39
|
-
label:
|
|
26
|
+
label: p,
|
|
40
27
|
onChange: w,
|
|
41
28
|
autofocus: D,
|
|
42
|
-
hint:
|
|
29
|
+
hint: t,
|
|
43
30
|
id: d = void 0,
|
|
44
31
|
gridLayout: u,
|
|
45
32
|
checked: n = !1,
|
|
@@ -48,7 +35,7 @@ const W = G(({
|
|
|
48
35
|
tooltip: E,
|
|
49
36
|
tooltipPosition: O = "top",
|
|
50
37
|
tooltipWidth: P = "auto",
|
|
51
|
-
skeletonize:
|
|
38
|
+
skeletonize: c,
|
|
52
39
|
targetRef: f,
|
|
53
40
|
errorMessages: R,
|
|
54
41
|
customClassForLabel: j,
|
|
@@ -57,21 +44,21 @@ const W = G(({
|
|
|
57
44
|
popoverAlign: H = "left",
|
|
58
45
|
tabIndex: S = 0
|
|
59
46
|
}, T) => {
|
|
60
|
-
const [
|
|
61
|
-
M(T, () =>
|
|
47
|
+
const [o, x] = k(n), _ = [g.disabled, g.unvisible], [v] = k(J(_, y)), a = K(null);
|
|
48
|
+
M(T, () => a.current, [a.current]), z(() => {
|
|
62
49
|
x(n);
|
|
63
50
|
}, [n]);
|
|
64
51
|
const i = () => h || v.disabled, F = () => {
|
|
65
52
|
if (i()) return null;
|
|
66
53
|
const r = {
|
|
67
|
-
checked: !
|
|
54
|
+
checked: !o,
|
|
68
55
|
id: d,
|
|
69
|
-
name:
|
|
70
|
-
value: !
|
|
56
|
+
name: l,
|
|
57
|
+
value: !o
|
|
71
58
|
};
|
|
72
59
|
return {
|
|
73
60
|
onClick: () => {
|
|
74
|
-
!i() && !
|
|
61
|
+
!i() && !c && (x(!o), w?.({
|
|
75
62
|
target: r
|
|
76
63
|
}));
|
|
77
64
|
},
|
|
@@ -80,32 +67,32 @@ const W = G(({
|
|
|
80
67
|
tabIndex: -1
|
|
81
68
|
};
|
|
82
69
|
}, C = () => /* @__PURE__ */ s("div", { children: [
|
|
83
|
-
/* @__PURE__ */ s("div", { "data-skeletonized":
|
|
70
|
+
/* @__PURE__ */ s("div", { "data-skeletonized": c, className: "checkbox-component", style: {
|
|
84
71
|
display: "flex",
|
|
85
72
|
alignItems: "center"
|
|
86
73
|
}, children: [
|
|
87
|
-
/* @__PURE__ */ s("span", { "data-testid": "checkbox-container", className: "inputcontent", "aria-checked":
|
|
88
|
-
/* @__PURE__ */
|
|
89
|
-
f && f(r),
|
|
90
|
-
}, tabIndex: S, className: "input", type: "checkbox", autoFocus: D, checked:
|
|
74
|
+
/* @__PURE__ */ s("span", { "data-testid": "checkbox-container", className: "inputcontent", "aria-checked": o, ...F(), children: [
|
|
75
|
+
/* @__PURE__ */ e("input", { id: d || void 0, ref: (r) => {
|
|
76
|
+
f && f(r), a.current = r;
|
|
77
|
+
}, tabIndex: S, className: "input", type: "checkbox", autoFocus: D, checked: o, disabled: i(), name: l, required: m, value: I, onChange: () => {
|
|
91
78
|
} }),
|
|
92
|
-
/* @__PURE__ */
|
|
93
|
-
|
|
94
|
-
/* @__PURE__ */
|
|
95
|
-
|
|
96
|
-
/* @__PURE__ */
|
|
97
|
-
/* @__PURE__ */
|
|
79
|
+
/* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(Q, { size: 12, name: "checkmark" }) }),
|
|
80
|
+
p && /* @__PURE__ */ s("div", { className: "description", children: [
|
|
81
|
+
/* @__PURE__ */ e(N, { required: m, disabled: i(), className: j, tooltip: E, tooltipWidth: P, tooltipPosition: O }),
|
|
82
|
+
p,
|
|
83
|
+
/* @__PURE__ */ e(N, {}),
|
|
84
|
+
/* @__PURE__ */ e(V, { disabled: h, visible: !!t && b === "below", description: t, customClass: "hint" })
|
|
98
85
|
] })
|
|
99
86
|
] }),
|
|
100
|
-
!!
|
|
87
|
+
!!t && b === "onLabelRight" && !c && /* @__PURE__ */ e(U, { theme: B, align: H, customClass: "-hint", iconColor: "#03bde2", style: {
|
|
101
88
|
margin: "0px 5px",
|
|
102
89
|
height: "auto",
|
|
103
90
|
width: 20
|
|
104
|
-
}, children:
|
|
91
|
+
}, children: t })
|
|
105
92
|
] }),
|
|
106
|
-
/* @__PURE__ */
|
|
93
|
+
/* @__PURE__ */ e(L, { messages: R })
|
|
107
94
|
] });
|
|
108
|
-
return v.unvisible ? null : u ? /* @__PURE__ */
|
|
95
|
+
return v.unvisible ? null : u ? /* @__PURE__ */ e(A, { customClass: "-withinput", cols: u, children: C() }) : C();
|
|
109
96
|
});
|
|
110
97
|
W.displayName = "CheckBox";
|
|
111
98
|
export {
|