@activecollab/components 2.0.212 → 2.0.213
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/components/DatePicker/DatePicker.js +678 -301
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/Styles.js +91 -37
- package/dist/cjs/components/DatePicker/Styles.js.map +1 -1
- package/dist/cjs/components/DatePicker/index.js +0 -11
- package/dist/cjs/components/DatePicker/index.js.map +1 -1
- package/dist/cjs/components/SelectDate/SelectDate.js +126 -280
- package/dist/cjs/components/SelectDate/SelectDate.js.map +1 -1
- package/dist/cjs/components/SelectDate/index.js +0 -11
- package/dist/cjs/components/SelectDate/index.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js +94 -100
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/index.js +0 -11
- package/dist/cjs/components/Steppers/DateStepper/index.js.map +1 -1
- package/dist/cjs/components/index.js +0 -11
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +64 -26
- package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +619 -278
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/Styles.d.ts +21 -9
- package/dist/esm/components/DatePicker/Styles.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/Styles.js +89 -30
- package/dist/esm/components/DatePicker/Styles.js.map +1 -1
- package/dist/esm/components/DatePicker/index.d.ts +0 -1
- package/dist/esm/components/DatePicker/index.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/index.js +0 -1
- package/dist/esm/components/DatePicker/index.js.map +1 -1
- package/dist/esm/components/SelectDate/SelectDate.d.ts +20 -19
- package/dist/esm/components/SelectDate/SelectDate.d.ts.map +1 -1
- package/dist/esm/components/SelectDate/SelectDate.js +124 -246
- package/dist/esm/components/SelectDate/SelectDate.js.map +1 -1
- package/dist/esm/components/SelectDate/index.d.ts +0 -1
- package/dist/esm/components/SelectDate/index.d.ts.map +1 -1
- package/dist/esm/components/SelectDate/index.js +0 -1
- package/dist/esm/components/SelectDate/index.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts +10 -7
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js +88 -97
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/index.d.ts +0 -1
- package/dist/esm/components/Steppers/DateStepper/index.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/index.js +0 -1
- package/dist/esm/components/Steppers/DateStepper/index.js.map +1 -1
- package/dist/esm/components/index.d.ts +0 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/index.js +214 -1563
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -3
- package/dist/cjs/components/DatePicker/CustomNavBarElement.js +0 -41
- package/dist/cjs/components/DatePicker/CustomNavBarElement.js.map +0 -1
- package/dist/cjs/components/DatePicker/DatePickerV2.js +0 -734
- package/dist/cjs/components/DatePicker/DatePickerV2.js.map +0 -1
- package/dist/cjs/components/DatePicker/StylesV2.js +0 -100
- package/dist/cjs/components/DatePicker/StylesV2.js.map +0 -1
- package/dist/cjs/components/Pickers/NavBarElement.js +0 -52
- package/dist/cjs/components/Pickers/NavBarElement.js.map +0 -1
- package/dist/cjs/components/Pickers/Styles.js +0 -76
- package/dist/cjs/components/Pickers/Styles.js.map +0 -1
- package/dist/cjs/components/Pickers/YearMonthPicker.js +0 -80
- package/dist/cjs/components/Pickers/YearMonthPicker.js.map +0 -1
- package/dist/cjs/components/Pickers/index.js +0 -28
- package/dist/cjs/components/Pickers/index.js.map +0 -1
- package/dist/cjs/components/SelectDate/DatePickerForm.js +0 -94
- package/dist/cjs/components/SelectDate/DatePickerForm.js.map +0 -1
- package/dist/cjs/components/SelectDate/SelectDateV2.js +0 -263
- package/dist/cjs/components/SelectDate/SelectDateV2.js.map +0 -1
- package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js +0 -276
- package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
- package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts +0 -12
- package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts.map +0 -1
- package/dist/esm/components/DatePicker/CustomNavBarElement.js +0 -34
- package/dist/esm/components/DatePicker/CustomNavBarElement.js.map +0 -1
- package/dist/esm/components/DatePicker/DatePickerV2.d.ts +0 -68
- package/dist/esm/components/DatePicker/DatePickerV2.d.ts.map +0 -1
- package/dist/esm/components/DatePicker/DatePickerV2.js +0 -649
- package/dist/esm/components/DatePicker/DatePickerV2.js.map +0 -1
- package/dist/esm/components/DatePicker/StylesV2.d.ts +0 -22
- package/dist/esm/components/DatePicker/StylesV2.d.ts.map +0 -1
- package/dist/esm/components/DatePicker/StylesV2.js +0 -93
- package/dist/esm/components/DatePicker/StylesV2.js.map +0 -1
- package/dist/esm/components/Pickers/NavBarElement.d.ts +0 -9
- package/dist/esm/components/Pickers/NavBarElement.d.ts.map +0 -1
- package/dist/esm/components/Pickers/NavBarElement.js +0 -45
- package/dist/esm/components/Pickers/NavBarElement.js.map +0 -1
- package/dist/esm/components/Pickers/Styles.d.ts +0 -18
- package/dist/esm/components/Pickers/Styles.d.ts.map +0 -1
- package/dist/esm/components/Pickers/Styles.js +0 -56
- package/dist/esm/components/Pickers/Styles.js.map +0 -1
- package/dist/esm/components/Pickers/YearMonthPicker.d.ts +0 -17
- package/dist/esm/components/Pickers/YearMonthPicker.d.ts.map +0 -1
- package/dist/esm/components/Pickers/YearMonthPicker.js +0 -59
- package/dist/esm/components/Pickers/YearMonthPicker.js.map +0 -1
- package/dist/esm/components/Pickers/index.d.ts +0 -3
- package/dist/esm/components/Pickers/index.d.ts.map +0 -1
- package/dist/esm/components/Pickers/index.js +0 -3
- package/dist/esm/components/Pickers/index.js.map +0 -1
- package/dist/esm/components/SelectDate/DatePickerForm.d.ts +0 -39
- package/dist/esm/components/SelectDate/DatePickerForm.d.ts.map +0 -1
- package/dist/esm/components/SelectDate/DatePickerForm.js +0 -80
- package/dist/esm/components/SelectDate/DatePickerForm.js.map +0 -1
- package/dist/esm/components/SelectDate/SelectDateV2.d.ts +0 -102
- package/dist/esm/components/SelectDate/SelectDateV2.d.ts.map +0 -1
- package/dist/esm/components/SelectDate/SelectDateV2.js +0 -223
- package/dist/esm/components/SelectDate/SelectDateV2.js.map +0 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts +0 -45
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts.map +0 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js +0 -241
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Pickers/index.ts"],"sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,iBAAiB"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { FC, MouseEvent } from "react";
|
|
2
|
-
import { DayModifiers, DayProps } from "react-day-picker";
|
|
3
|
-
export interface IDatePickerForm {
|
|
4
|
-
mode: "instant" | "atomic";
|
|
5
|
-
saveButtonText?: string;
|
|
6
|
-
cancelButtonText?: string;
|
|
7
|
-
clearButtonText?: string;
|
|
8
|
-
onSave?: () => void;
|
|
9
|
-
onCancel?: (event: MouseEvent<HTMLElement>) => void;
|
|
10
|
-
onClear?: () => void;
|
|
11
|
-
onChange?: (dates?: {
|
|
12
|
-
from: Date;
|
|
13
|
-
to: Date;
|
|
14
|
-
}) => void;
|
|
15
|
-
/** Called when day is clicked */
|
|
16
|
-
onDayClick?: (day: Date, modifiers: DayModifiers) => void;
|
|
17
|
-
/** Set selected day or days */
|
|
18
|
-
selectedDays?: {
|
|
19
|
-
from?: Date | undefined;
|
|
20
|
-
to?: Date | undefined;
|
|
21
|
-
};
|
|
22
|
-
/** Modifiers */
|
|
23
|
-
modifiers?: DayModifiers;
|
|
24
|
-
/** Render day callback */
|
|
25
|
-
renderDay?: (props: DayProps) => JSX.Element | null;
|
|
26
|
-
/** Set selection range */
|
|
27
|
-
selectionMode?: string;
|
|
28
|
-
/** Set is date required */
|
|
29
|
-
dateRequired?: boolean;
|
|
30
|
-
/** Set first day of week */
|
|
31
|
-
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
32
|
-
/** on month change callback */
|
|
33
|
-
onMonthChange?: (month: Date) => void;
|
|
34
|
-
/** Selected month */
|
|
35
|
-
month: Date;
|
|
36
|
-
disabledSaveButton?: boolean;
|
|
37
|
-
}
|
|
38
|
-
export declare const DatePickerForm: FC<IDatePickerForm>;
|
|
39
|
-
//# sourceMappingURL=DatePickerForm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerForm.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAe1D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,YAAY,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAClE,gBAAgB;IAChB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACpD,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3C,+BAA+B;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,qBAAqB;IACrB,KAAK,EAAE,IAAI,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CA+F9C,CAAC"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
2
|
-
import { StyledButtonClose, StyledButtonCloseColored, StyledButtonSave, StyledSelectDateButtons, StyledSelectDateDatePicker, StyledSelectDateFooter } from "./Styles";
|
|
3
|
-
import { DatePicker } from "../DatePicker/DatePicker";
|
|
4
|
-
import { IconButton } from "../IconButton";
|
|
5
|
-
import CancelCrossIcon from "../Icons/collection/CancelCross";
|
|
6
|
-
import { Tooltip } from "../Tooltip/Tooltip";
|
|
7
|
-
export const DatePickerForm = _ref => {
|
|
8
|
-
let {
|
|
9
|
-
mode,
|
|
10
|
-
saveButtonText = "Save",
|
|
11
|
-
cancelButtonText = "Cancel",
|
|
12
|
-
clearButtonText = "Clear",
|
|
13
|
-
onSave,
|
|
14
|
-
onCancel,
|
|
15
|
-
onClear,
|
|
16
|
-
dateRequired = false,
|
|
17
|
-
firstDayOfWeek = 0,
|
|
18
|
-
selectedDays,
|
|
19
|
-
selectionMode = "custom",
|
|
20
|
-
onChange,
|
|
21
|
-
onDayClick,
|
|
22
|
-
onMonthChange,
|
|
23
|
-
month,
|
|
24
|
-
disabledSaveButton = false,
|
|
25
|
-
modifiers,
|
|
26
|
-
renderDay
|
|
27
|
-
} = _ref;
|
|
28
|
-
const handleOnKeyDown = useCallback(e => {
|
|
29
|
-
if (e.key === "Enter" && typeof onSave === "function") {
|
|
30
|
-
onSave();
|
|
31
|
-
} else if ((e.key === "Esc" || e.key === "Escape") && typeof onCancel === "function") {
|
|
32
|
-
onCancel(e);
|
|
33
|
-
}
|
|
34
|
-
}, [onSave, onCancel]);
|
|
35
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
36
|
-
onKeyDown: handleOnKeyDown,
|
|
37
|
-
tabIndex: -1,
|
|
38
|
-
className: "date-picker-form"
|
|
39
|
-
}, /*#__PURE__*/React.createElement(StyledSelectDateDatePicker, null, /*#__PURE__*/React.createElement(DatePicker, {
|
|
40
|
-
month: month,
|
|
41
|
-
onMonthChange: onMonthChange,
|
|
42
|
-
onChange: onChange,
|
|
43
|
-
onDayClick: onDayClick,
|
|
44
|
-
selectedDays: selectedDays,
|
|
45
|
-
selectionMode: selectionMode,
|
|
46
|
-
dateRequired: dateRequired,
|
|
47
|
-
firstDayOfWeek: firstDayOfWeek,
|
|
48
|
-
modifiers: modifiers,
|
|
49
|
-
renderDay: renderDay
|
|
50
|
-
})), mode === "atomic" || !dateRequired ? /*#__PURE__*/React.createElement(StyledSelectDateFooter, {
|
|
51
|
-
className: "date-picker-footer",
|
|
52
|
-
$mode: mode
|
|
53
|
-
}, mode === "atomic" ? /*#__PURE__*/React.createElement(StyledSelectDateButtons, {
|
|
54
|
-
className: "date-picker-buttons"
|
|
55
|
-
}, /*#__PURE__*/React.createElement(StyledButtonSave, {
|
|
56
|
-
size: "small",
|
|
57
|
-
variant: "primary",
|
|
58
|
-
onClick: onSave,
|
|
59
|
-
disabled: disabledSaveButton
|
|
60
|
-
}, saveButtonText), /*#__PURE__*/React.createElement(Tooltip, {
|
|
61
|
-
title: cancelButtonText,
|
|
62
|
-
popperTooltipStyle: {
|
|
63
|
-
zIndex: 1301
|
|
64
|
-
}
|
|
65
|
-
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
66
|
-
size: "small",
|
|
67
|
-
variant: "text gray",
|
|
68
|
-
onClick: onCancel
|
|
69
|
-
}, /*#__PURE__*/React.createElement(CancelCrossIcon, null))), !dateRequired ? /*#__PURE__*/React.createElement(StyledButtonClose, {
|
|
70
|
-
size: "small",
|
|
71
|
-
onClick: onClear,
|
|
72
|
-
variant: "text gray"
|
|
73
|
-
}, clearButtonText) : null) : !dateRequired && /*#__PURE__*/React.createElement(StyledButtonCloseColored, {
|
|
74
|
-
size: "small",
|
|
75
|
-
onClick: onClear,
|
|
76
|
-
variant: "text colored"
|
|
77
|
-
}, clearButtonText)) : null);
|
|
78
|
-
};
|
|
79
|
-
DatePickerForm.displayName = "DatePickerForm";
|
|
80
|
-
//# sourceMappingURL=DatePickerForm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerForm.js","names":["React","useCallback","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePicker","IconButton","CancelCrossIcon","Tooltip","DatePickerForm","_ref","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","createElement","onKeyDown","tabIndex","className","$mode","size","variant","onClick","disabled","title","popperTooltipStyle","zIndex","displayName"],"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"sourcesContent":["import React, { FC, MouseEvent, useCallback } from \"react\";\nimport { DayModifiers, DayProps } from \"react-day-picker\";\n\nimport {\n StyledButtonClose,\n StyledButtonCloseColored,\n StyledButtonSave,\n StyledSelectDateButtons,\n StyledSelectDateDatePicker,\n StyledSelectDateFooter,\n} from \"./Styles\";\nimport { DatePicker } from \"../DatePicker/DatePicker\";\nimport { IconButton } from \"../IconButton\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface IDatePickerForm {\n mode: \"instant\" | \"atomic\";\n saveButtonText?: string;\n cancelButtonText?: string;\n clearButtonText?: string;\n onSave?: () => void;\n onCancel?: (event: MouseEvent<HTMLElement>) => void;\n onClear?: () => void;\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked */\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /** Set selected day or days */\n selectedDays?: { from?: Date | undefined; to?: Date | undefined };\n /** Modifiers */\n modifiers?: DayModifiers;\n /** Render day callback */\n renderDay?: (props: DayProps) => JSX.Element | null;\n /** Set selection range */\n selectionMode?: string;\n /** Set is date required */\n dateRequired?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n /** on month change callback */\n onMonthChange?: (month: Date) => void;\n /** Selected month */\n month: Date;\n disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n mode,\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n onSave,\n onCancel,\n onClear,\n dateRequired = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n onChange,\n onDayClick,\n onMonthChange,\n month,\n disabledSaveButton = false,\n modifiers,\n renderDay,\n}) => {\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\" && typeof onSave === \"function\") {\n onSave();\n } else if (\n (e.key === \"Esc\" || e.key === \"Escape\") &&\n typeof onCancel === \"function\"\n ) {\n onCancel(e);\n }\n },\n [onSave, onCancel]\n );\n\n return (\n <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n <StyledSelectDateDatePicker>\n <DatePicker\n month={month}\n onMonthChange={onMonthChange}\n onChange={onChange}\n onDayClick={onDayClick}\n selectedDays={selectedDays}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n firstDayOfWeek={firstDayOfWeek}\n modifiers={modifiers}\n renderDay={renderDay}\n />\n </StyledSelectDateDatePicker>\n {mode === \"atomic\" || !dateRequired ? (\n <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n {mode === \"atomic\" ? (\n <StyledSelectDateButtons className=\"date-picker-buttons\">\n <StyledButtonSave\n size=\"small\"\n variant=\"primary\"\n onClick={onSave}\n disabled={disabledSaveButton}\n >\n {saveButtonText}\n </StyledButtonSave>\n <Tooltip\n title={cancelButtonText}\n popperTooltipStyle={{ zIndex: 1301 }}\n >\n <IconButton size=\"small\" variant=\"text gray\" onClick={onCancel}>\n <CancelCrossIcon />\n </IconButton>\n </Tooltip>\n {!dateRequired ? (\n <StyledButtonClose\n size=\"small\"\n onClick={onClear}\n variant=\"text gray\"\n >\n {clearButtonText}\n </StyledButtonClose>\n ) : null}\n </StyledSelectDateButtons>\n ) : (\n !dateRequired && (\n <StyledButtonCloseColored\n size=\"small\"\n onClick={onClear}\n variant=\"text colored\"\n >\n {clearButtonText}\n </StyledButtonCloseColored>\n )\n )}\n </StyledSelectDateFooter>\n ) : null}\n </div>\n );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"mappings":"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"}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { ElementType, FC, CSSProperties } from "react";
|
|
2
|
-
import { Placement } from "@popperjs/core";
|
|
3
|
-
import { Moment } from "moment";
|
|
4
|
-
import { DaysToModify } from "./types";
|
|
5
|
-
import { ChangeMode, TimestampDateRange } from "../DatePicker/DatePickerV2";
|
|
6
|
-
type TriggerStringType = "text" | "icon" | "inline";
|
|
7
|
-
type TriggerFunctionType = (text: string) => JSX.Element;
|
|
8
|
-
export interface ISelectDateV2 {
|
|
9
|
-
/** Change mode - can be atomic and instant */
|
|
10
|
-
changeMode?: "atomic" | "instant";
|
|
11
|
-
/** Trigger - can be text, icon, inline, or custom render function */
|
|
12
|
-
trigger?: TriggerStringType | TriggerFunctionType;
|
|
13
|
-
/** Save button text */
|
|
14
|
-
saveButtonText?: string;
|
|
15
|
-
/** Cancel button text */
|
|
16
|
-
cancelButtonText?: string;
|
|
17
|
-
/** Clear button text */
|
|
18
|
-
clearButtonText?: string;
|
|
19
|
-
/** Modal header text */
|
|
20
|
-
modalHeaderText?: string;
|
|
21
|
-
/** Modal cancel button text */
|
|
22
|
-
modalCancelBtnText?: string;
|
|
23
|
-
/** Modal discard button text */
|
|
24
|
-
modalDiscardBtnText?: string;
|
|
25
|
-
/** Modal discard message text */
|
|
26
|
-
modalDiscardMessage?: string;
|
|
27
|
-
/** Tooltip text */
|
|
28
|
-
tooltipText?: string;
|
|
29
|
-
/** Called when day is clicked */
|
|
30
|
-
onDayClick?: (day: Moment, modifiers: string[]) => void;
|
|
31
|
-
/** Save changes callback */
|
|
32
|
-
onSave?: (dates?: TimestampDateRange) => void;
|
|
33
|
-
/** Changing dates callback */
|
|
34
|
-
onChange?: (dates?: TimestampDateRange) => void;
|
|
35
|
-
/** On cancel closes datepicker or opens discard modal in atomic mode */
|
|
36
|
-
onCancel?: () => void;
|
|
37
|
-
/** Clear dates when they are not required */
|
|
38
|
-
onClear?: () => void;
|
|
39
|
-
/** Use this callback to get is picker visible */
|
|
40
|
-
onToggleDatePicker?: (value: boolean) => void;
|
|
41
|
-
/** Set selected day or days */
|
|
42
|
-
selectedDays?: TimestampDateRange;
|
|
43
|
-
/** Set month */
|
|
44
|
-
defaultMonth?: Moment;
|
|
45
|
-
/** Set selection range */
|
|
46
|
-
selectionMode?: ChangeMode;
|
|
47
|
-
/** Set is date required */
|
|
48
|
-
required?: boolean;
|
|
49
|
-
/** Set default show on date picker (only for text and icon mode) */
|
|
50
|
-
defaultShowDatePicker?: boolean;
|
|
51
|
-
/** Long date format (Always show year) */
|
|
52
|
-
longDateFormat?: boolean;
|
|
53
|
-
/** Set first day of week */
|
|
54
|
-
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
55
|
-
/** One of icon types */
|
|
56
|
-
icon?: ElementType;
|
|
57
|
-
/** Default Label text */
|
|
58
|
-
defaultLabelText?: string;
|
|
59
|
-
/** Date format */
|
|
60
|
-
dateFormat?: string;
|
|
61
|
-
/** Menu classes */
|
|
62
|
-
menuClassName?: string;
|
|
63
|
-
/** Target element classes */
|
|
64
|
-
targetClassName?: string;
|
|
65
|
-
/** Target element text classes */
|
|
66
|
-
targetTextClassName?: string;
|
|
67
|
-
/** Target element icon classes */
|
|
68
|
-
targetIconClassName?: string;
|
|
69
|
-
/** Background style for clickable element after the menu is open (opacity, color, etc...) */
|
|
70
|
-
backgroundElementClass?: string;
|
|
71
|
-
/** Days to modify */
|
|
72
|
-
daysToModify?: DaysToModify[];
|
|
73
|
-
/** Array of weekend days */
|
|
74
|
-
weekends?: number[];
|
|
75
|
-
/** Weekend label */
|
|
76
|
-
weekendLabel?: string;
|
|
77
|
-
/** Array of nonworking week days */
|
|
78
|
-
nonWorkingDaysOfWeek?: number[];
|
|
79
|
-
/** Nonworking week days label */
|
|
80
|
-
nonWorkingDaysOfWeekLabel?: string;
|
|
81
|
-
/** Allows weekends to be selected */
|
|
82
|
-
weekendIsSelectable?: boolean;
|
|
83
|
-
/** Popper Tooltip style */
|
|
84
|
-
popperTooltipStyle?: CSSProperties;
|
|
85
|
-
/** Popper Tooltip class name*/
|
|
86
|
-
popperTooltipClassName?: string;
|
|
87
|
-
/** Popper class name*/
|
|
88
|
-
popperClassName?: string;
|
|
89
|
-
/** Position of selectDate menu */
|
|
90
|
-
position?: Placement;
|
|
91
|
-
/** Disable days before specified date */
|
|
92
|
-
disableDaysBefore?: Moment;
|
|
93
|
-
/** Disable days after specified date */
|
|
94
|
-
disabledDaysAfter?: Moment;
|
|
95
|
-
/** Enable year selector */
|
|
96
|
-
enableYearPicker?: boolean;
|
|
97
|
-
/** Disable aniamtions */
|
|
98
|
-
disableAnimations?: boolean;
|
|
99
|
-
}
|
|
100
|
-
export declare const SelectDateV2: FC<ISelectDateV2>;
|
|
101
|
-
export {};
|
|
102
|
-
//# sourceMappingURL=SelectDateV2.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDateV2.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/SelectDateV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,223 +0,0 @@
|
|
|
1
|
-
import React, { useMemo } from "react";
|
|
2
|
-
import classnames from "classnames";
|
|
3
|
-
import moment from "moment-timezone";
|
|
4
|
-
import { SelectDateTarget } from "./SelectDateTarget";
|
|
5
|
-
import { StyledSelectDate, StyledSelectDateButton } from "./Styles";
|
|
6
|
-
import { formatDate } from "../../utils/dateUtils";
|
|
7
|
-
import { DatePickerV2, toMoment } from "../DatePicker/DatePickerV2";
|
|
8
|
-
const isDayInRange = (day, data) => {
|
|
9
|
-
const fromMoment = moment.unix(data.from).utc();
|
|
10
|
-
const toMoment = moment.unix(data.to).utc();
|
|
11
|
-
if (data.repeating) {
|
|
12
|
-
const year = day.year();
|
|
13
|
-
const from = moment.utc({
|
|
14
|
-
year,
|
|
15
|
-
month: fromMoment.month(),
|
|
16
|
-
date: fromMoment.date()
|
|
17
|
-
});
|
|
18
|
-
const to = moment.utc({
|
|
19
|
-
year,
|
|
20
|
-
month: toMoment.month(),
|
|
21
|
-
date: toMoment.date()
|
|
22
|
-
});
|
|
23
|
-
return day.isSameOrAfter(from, "day") && day.isSameOrBefore(to, "day");
|
|
24
|
-
}
|
|
25
|
-
return day.isSameOrAfter(fromMoment, "day") && day.isSameOrBefore(toMoment, "day");
|
|
26
|
-
};
|
|
27
|
-
export const SelectDateV2 = _ref => {
|
|
28
|
-
let {
|
|
29
|
-
changeMode: mode = "instant",
|
|
30
|
-
trigger: labelType = "text",
|
|
31
|
-
saveButtonText = "Save",
|
|
32
|
-
cancelButtonText = "Cancel",
|
|
33
|
-
clearButtonText = "Clear",
|
|
34
|
-
modalHeaderText = "Discard changes?",
|
|
35
|
-
modalDiscardMessage = "All unsaved changes will be lost.",
|
|
36
|
-
modalDiscardBtnText = "OK",
|
|
37
|
-
modalCancelBtnText = "Cancel",
|
|
38
|
-
onDayClick,
|
|
39
|
-
onSave,
|
|
40
|
-
onCancel,
|
|
41
|
-
onToggleDatePicker,
|
|
42
|
-
required: dateRequired = false,
|
|
43
|
-
longDateFormat = false,
|
|
44
|
-
defaultShowDatePicker = false,
|
|
45
|
-
firstDayOfWeek = 0,
|
|
46
|
-
selectedDays,
|
|
47
|
-
selectionMode = "custom",
|
|
48
|
-
menuClassName,
|
|
49
|
-
targetClassName,
|
|
50
|
-
icon,
|
|
51
|
-
defaultLabelText = "Set...",
|
|
52
|
-
targetTextClassName,
|
|
53
|
-
targetIconClassName,
|
|
54
|
-
backgroundElementClass,
|
|
55
|
-
dateFormat,
|
|
56
|
-
defaultMonth,
|
|
57
|
-
daysToModify = [],
|
|
58
|
-
weekends = [],
|
|
59
|
-
weekendLabel = "Weekend",
|
|
60
|
-
nonWorkingDaysOfWeek = [],
|
|
61
|
-
nonWorkingDaysOfWeekLabel = "Unavailable",
|
|
62
|
-
weekendIsSelectable = false,
|
|
63
|
-
tooltipText,
|
|
64
|
-
popperTooltipClassName,
|
|
65
|
-
popperClassName,
|
|
66
|
-
popperTooltipStyle,
|
|
67
|
-
position,
|
|
68
|
-
disableDaysBefore,
|
|
69
|
-
enableYearPicker,
|
|
70
|
-
disableAnimations,
|
|
71
|
-
disabledDaysAfter,
|
|
72
|
-
onChange
|
|
73
|
-
} = _ref;
|
|
74
|
-
const labelText = useMemo(() => {
|
|
75
|
-
if (!selectedDays) {
|
|
76
|
-
return defaultLabelText;
|
|
77
|
-
} else if (!selectedDays.from && !selectedDays.to) {
|
|
78
|
-
return defaultLabelText;
|
|
79
|
-
} else {
|
|
80
|
-
const formattedEndDate = selectedDays.to ? formatDate(toMoment(selectedDays.to), dateFormat, longDateFormat) : "";
|
|
81
|
-
const formattedStartDate = selectedDays.from ? formatDate(toMoment(selectedDays == null ? void 0 : selectedDays.from), dateFormat, longDateFormat) : "";
|
|
82
|
-
if (selectedDays.to && selectedDays.from && toMoment(selectedDays.from).isSame(toMoment(selectedDays.to))) {
|
|
83
|
-
return formattedEndDate;
|
|
84
|
-
}
|
|
85
|
-
if (!selectedDays.to && selectedDays.from) {
|
|
86
|
-
return formattedStartDate;
|
|
87
|
-
}
|
|
88
|
-
return formattedStartDate + " - " + formattedEndDate;
|
|
89
|
-
}
|
|
90
|
-
}, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);
|
|
91
|
-
const modifiers = useMemo(() => {
|
|
92
|
-
const userAvailabilities = daysToModify.filter(data => data.type === "user_day_off");
|
|
93
|
-
const globalDaysOff = daysToModify.filter(data => data.type === "global_day_off");
|
|
94
|
-
const selectableGlobalDaysOff = daysToModify.filter(data => data.type === "selectable_global_day_off");
|
|
95
|
-
return {
|
|
96
|
-
userAvailability: day => {
|
|
97
|
-
const matchedData = userAvailabilities.find(data => isDayInRange(day, data));
|
|
98
|
-
return {
|
|
99
|
-
matched: !!matchedData,
|
|
100
|
-
title: matchedData ? matchedData.title : null
|
|
101
|
-
};
|
|
102
|
-
},
|
|
103
|
-
weekend: day => {
|
|
104
|
-
const isWeekend = weekends.includes(day.day());
|
|
105
|
-
return {
|
|
106
|
-
matched: isWeekend,
|
|
107
|
-
title: isWeekend ? weekendLabel : null
|
|
108
|
-
};
|
|
109
|
-
},
|
|
110
|
-
nonWorkingDay: day => {
|
|
111
|
-
if (weekends.includes(day.day())) {
|
|
112
|
-
return {
|
|
113
|
-
matched: true,
|
|
114
|
-
title: ""
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];
|
|
118
|
-
const matchedData = nonWorkingDays.find(data => isDayInRange(day, data));
|
|
119
|
-
return {
|
|
120
|
-
matched: !!matchedData,
|
|
121
|
-
title: matchedData ? matchedData.title : null
|
|
122
|
-
};
|
|
123
|
-
},
|
|
124
|
-
nonWorkingDaysOfWeek: day => {
|
|
125
|
-
const isNonWorkingDay = nonWorkingDaysOfWeek.includes(day.day());
|
|
126
|
-
return {
|
|
127
|
-
matched: isNonWorkingDay,
|
|
128
|
-
title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null
|
|
129
|
-
};
|
|
130
|
-
},
|
|
131
|
-
day_disabled: day => {
|
|
132
|
-
const globalDayOff = globalDaysOff.find(data => isDayInRange(day, data));
|
|
133
|
-
return {
|
|
134
|
-
matched: !!globalDayOff,
|
|
135
|
-
title: null
|
|
136
|
-
};
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
}, [daysToModify, nonWorkingDaysOfWeek, nonWorkingDaysOfWeekLabel, weekendLabel, weekends]);
|
|
140
|
-
const renderTargetEl = useMemo(() => {
|
|
141
|
-
if (labelType === "icon" && icon) {
|
|
142
|
-
return /*#__PURE__*/React.createElement(SelectDateTarget, {
|
|
143
|
-
icon: icon,
|
|
144
|
-
title: tooltipText,
|
|
145
|
-
targetIconClassName: targetIconClassName,
|
|
146
|
-
popperTooltipClassName: popperTooltipClassName,
|
|
147
|
-
popperTooltipStyle: popperTooltipStyle
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
if (typeof labelType === "function") {
|
|
151
|
-
return labelType(labelText);
|
|
152
|
-
}
|
|
153
|
-
return /*#__PURE__*/React.createElement(StyledSelectDateButton, {
|
|
154
|
-
type: "button",
|
|
155
|
-
className: classnames("date-picker-target", targetClassName)
|
|
156
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
157
|
-
className: targetTextClassName
|
|
158
|
-
}, labelText));
|
|
159
|
-
}, [icon, labelText, labelType, popperTooltipClassName, popperTooltipStyle, targetClassName, targetIconClassName, targetTextClassName, tooltipText]);
|
|
160
|
-
return /*#__PURE__*/React.createElement(StyledSelectDate, {
|
|
161
|
-
className: "select-date"
|
|
162
|
-
}, labelType !== "inline" ? /*#__PURE__*/React.createElement(DatePickerV2, {
|
|
163
|
-
target: renderTargetEl,
|
|
164
|
-
position: position,
|
|
165
|
-
menuClassName: menuClassName,
|
|
166
|
-
popperClassName: popperClassName,
|
|
167
|
-
month: defaultMonth,
|
|
168
|
-
instant: mode === "instant",
|
|
169
|
-
mode: selectionMode,
|
|
170
|
-
required: dateRequired,
|
|
171
|
-
selected: selectedDays,
|
|
172
|
-
firstDayOfWeek: firstDayOfWeek,
|
|
173
|
-
saveLabel: saveButtonText,
|
|
174
|
-
cancelLabel: cancelButtonText,
|
|
175
|
-
clearLabel: clearButtonText,
|
|
176
|
-
onSave: onSave,
|
|
177
|
-
onChange: onChange,
|
|
178
|
-
onClose: onCancel,
|
|
179
|
-
modifiers: modifiers,
|
|
180
|
-
modalHeaderText: modalHeaderText,
|
|
181
|
-
modalDiscardMessage: modalDiscardMessage,
|
|
182
|
-
modalDiscardBtnText: modalDiscardBtnText,
|
|
183
|
-
modalCancelBtnText: modalCancelBtnText,
|
|
184
|
-
disabledDaysBefore: disableDaysBefore,
|
|
185
|
-
disabledDaysAfter: disabledDaysAfter,
|
|
186
|
-
backgroundElementClass: backgroundElementClass,
|
|
187
|
-
disabled: weekendIsSelectable ? [] : weekends,
|
|
188
|
-
popperTooltipClassName: popperTooltipClassName,
|
|
189
|
-
popperTooltipStyle: popperTooltipStyle,
|
|
190
|
-
open: defaultShowDatePicker,
|
|
191
|
-
onCalendarToggle: onToggleDatePicker,
|
|
192
|
-
onDayClick: onDayClick,
|
|
193
|
-
enableConfirmModal: mode === "atomic" && !dateRequired,
|
|
194
|
-
disableYearPicker: !enableYearPicker,
|
|
195
|
-
disableAnimations: disableAnimations,
|
|
196
|
-
showControls: true
|
|
197
|
-
}) : /*#__PURE__*/React.createElement(DatePickerV2, {
|
|
198
|
-
month: defaultMonth,
|
|
199
|
-
instant: mode === "instant",
|
|
200
|
-
mode: selectionMode,
|
|
201
|
-
required: dateRequired,
|
|
202
|
-
selected: selectedDays,
|
|
203
|
-
firstDayOfWeek: firstDayOfWeek,
|
|
204
|
-
saveLabel: saveButtonText,
|
|
205
|
-
cancelLabel: cancelButtonText,
|
|
206
|
-
clearLabel: clearButtonText,
|
|
207
|
-
disabledDaysBefore: disableDaysBefore,
|
|
208
|
-
disabledDaysAfter: disabledDaysAfter,
|
|
209
|
-
popperTooltipClassName: popperTooltipClassName,
|
|
210
|
-
popperTooltipStyle: popperTooltipStyle,
|
|
211
|
-
disabled: weekendIsSelectable ? [] : weekends,
|
|
212
|
-
onSave: onSave,
|
|
213
|
-
onChange: onChange,
|
|
214
|
-
modifiers: modifiers,
|
|
215
|
-
onDayClick: onDayClick,
|
|
216
|
-
disableYearPicker: !enableYearPicker,
|
|
217
|
-
disableAnimations: disableAnimations,
|
|
218
|
-
showControls: true,
|
|
219
|
-
open: true
|
|
220
|
-
}));
|
|
221
|
-
};
|
|
222
|
-
SelectDateV2.displayName = "SelectDateV2";
|
|
223
|
-
//# sourceMappingURL=SelectDateV2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDateV2.js","names":["React","useMemo","classnames","moment","SelectDateTarget","StyledSelectDate","StyledSelectDateButton","formatDate","DatePickerV2","toMoment","isDayInRange","day","data","fromMoment","unix","from","utc","to","repeating","year","month","date","isSameOrAfter","isSameOrBefore","SelectDateV2","_ref","changeMode","mode","trigger","labelType","saveButtonText","cancelButtonText","clearButtonText","modalHeaderText","modalDiscardMessage","modalDiscardBtnText","modalCancelBtnText","onDayClick","onSave","onCancel","onToggleDatePicker","required","dateRequired","longDateFormat","defaultShowDatePicker","firstDayOfWeek","selectedDays","selectionMode","menuClassName","targetClassName","icon","defaultLabelText","targetTextClassName","targetIconClassName","backgroundElementClass","dateFormat","defaultMonth","daysToModify","weekends","weekendLabel","nonWorkingDaysOfWeek","nonWorkingDaysOfWeekLabel","weekendIsSelectable","tooltipText","popperTooltipClassName","popperClassName","popperTooltipStyle","position","disableDaysBefore","enableYearPicker","disableAnimations","disabledDaysAfter","onChange","labelText","formattedEndDate","formattedStartDate","isSame","modifiers","userAvailabilities","filter","type","globalDaysOff","selectableGlobalDaysOff","userAvailability","matchedData","find","matched","title","weekend","isWeekend","includes","nonWorkingDay","nonWorkingDays","isNonWorkingDay","day_disabled","globalDayOff","renderTargetEl","createElement","className","target","instant","selected","saveLabel","cancelLabel","clearLabel","onClose","disabledDaysBefore","disabled","open","onCalendarToggle","enableConfirmModal","disableYearPicker","showControls","displayName"],"sources":["../../../../src/components/SelectDate/SelectDateV2.tsx"],"sourcesContent":["import React, { ElementType, FC, useMemo, CSSProperties } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport { SelectDateTarget } from \"./SelectDateTarget\";\nimport { StyledSelectDate, StyledSelectDateButton } from \"./Styles\";\nimport { DaysToModify } from \"./types\";\nimport { formatDate } from \"../../utils/dateUtils\";\nimport {\n ChangeMode,\n DatePickerV2,\n TimestampDateRange,\n toMoment,\n} from \"../DatePicker/DatePickerV2\";\n\ntype TriggerStringType = \"text\" | \"icon\" | \"inline\";\ntype TriggerFunctionType = (text: string) => JSX.Element;\n\nconst isDayInRange = (day: Moment, data: DaysToModify): boolean => {\n const fromMoment = moment.unix(data.from).utc();\n const toMoment = moment.unix(data.to).utc();\n\n if (data.repeating) {\n const year = day.year();\n const from = moment.utc({\n year,\n month: fromMoment.month(),\n date: fromMoment.date(),\n });\n const to = moment.utc({\n year,\n month: toMoment.month(),\n date: toMoment.date(),\n });\n\n return day.isSameOrAfter(from, \"day\") && day.isSameOrBefore(to, \"day\");\n }\n\n return (\n day.isSameOrAfter(fromMoment, \"day\") && day.isSameOrBefore(toMoment, \"day\")\n );\n};\n\nexport interface ISelectDateV2 {\n /** Change mode - can be atomic and instant */\n changeMode?: \"atomic\" | \"instant\";\n /** Trigger - can be text, icon, inline, or custom render function */\n trigger?: TriggerStringType | TriggerFunctionType;\n /** Save button text */\n saveButtonText?: string;\n /** Cancel button text */\n cancelButtonText?: string;\n /** Clear button text */\n clearButtonText?: string;\n /** Modal header text */\n modalHeaderText?: string;\n /** Modal cancel button text */\n modalCancelBtnText?: string;\n /** Modal discard button text */\n modalDiscardBtnText?: string;\n /** Modal discard message text */\n modalDiscardMessage?: string;\n /** Tooltip text */\n tooltipText?: string;\n /** Called when day is clicked */\n onDayClick?: (day: Moment, modifiers: string[]) => void;\n /** Save changes callback */\n onSave?: (dates?: TimestampDateRange) => void;\n /** Changing dates callback */\n onChange?: (dates?: TimestampDateRange) => void;\n /** On cancel closes datepicker or opens discard modal in atomic mode */\n onCancel?: () => void;\n /** Clear dates when they are not required */\n onClear?: () => void;\n /** Use this callback to get is picker visible */\n onToggleDatePicker?: (value: boolean) => void;\n /** Set selected day or days */\n selectedDays?: TimestampDateRange;\n /** Set month */\n defaultMonth?: Moment;\n /** Set selection range */\n selectionMode?: ChangeMode;\n /** Set is date required */\n required?: boolean;\n /** Set default show on date picker (only for text and icon mode) */\n defaultShowDatePicker?: boolean;\n /** Long date format (Always show year) */\n longDateFormat?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n /** One of icon types */\n icon?: ElementType;\n /** Default Label text */\n defaultLabelText?: string;\n /** Date format */\n dateFormat?: string;\n /** Menu classes */\n menuClassName?: string;\n /** Target element classes */\n targetClassName?: string;\n /** Target element text classes */\n targetTextClassName?: string;\n /** Target element icon classes */\n targetIconClassName?: string;\n /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n backgroundElementClass?: string;\n /** Days to modify */\n daysToModify?: DaysToModify[];\n /** Array of weekend days */\n weekends?: number[];\n /** Weekend label */\n weekendLabel?: string;\n /** Array of nonworking week days */\n nonWorkingDaysOfWeek?: number[];\n /** Nonworking week days label */\n nonWorkingDaysOfWeekLabel?: string;\n /** Allows weekends to be selected */\n weekendIsSelectable?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Popper class name*/\n popperClassName?: string;\n /** Position of selectDate menu */\n position?: Placement;\n /** Disable days before specified date */\n disableDaysBefore?: Moment;\n /** Disable days after specified date */\n disabledDaysAfter?: Moment;\n /** Enable year selector */\n enableYearPicker?: boolean;\n /** Disable aniamtions */\n disableAnimations?: boolean;\n}\n\nexport const SelectDateV2: FC<ISelectDateV2> = ({\n changeMode: mode = \"instant\",\n trigger: labelType = \"text\",\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n modalHeaderText = \"Discard changes?\",\n modalDiscardMessage = \"All unsaved changes will be lost.\",\n modalDiscardBtnText = \"OK\",\n modalCancelBtnText = \"Cancel\",\n onDayClick,\n onSave,\n onCancel,\n onToggleDatePicker,\n required: dateRequired = false,\n longDateFormat = false,\n defaultShowDatePicker = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n menuClassName,\n targetClassName,\n icon,\n defaultLabelText = \"Set...\",\n targetTextClassName,\n targetIconClassName,\n backgroundElementClass,\n dateFormat,\n defaultMonth,\n daysToModify = [],\n weekends = [],\n weekendLabel = \"Weekend\",\n nonWorkingDaysOfWeek = [],\n nonWorkingDaysOfWeekLabel = \"Unavailable\",\n weekendIsSelectable = false,\n tooltipText,\n popperTooltipClassName,\n popperClassName,\n popperTooltipStyle,\n position,\n disableDaysBefore,\n enableYearPicker,\n disableAnimations,\n disabledDaysAfter,\n onChange,\n}) => {\n const labelText = useMemo(() => {\n if (!selectedDays) {\n return defaultLabelText;\n } else if (!selectedDays.from && !selectedDays.to) {\n return defaultLabelText;\n } else {\n const formattedEndDate = selectedDays.to\n ? formatDate(toMoment(selectedDays.to), dateFormat, longDateFormat)\n : \"\";\n const formattedStartDate = selectedDays.from\n ? formatDate(toMoment(selectedDays?.from), dateFormat, longDateFormat)\n : \"\";\n\n if (\n selectedDays.to &&\n selectedDays.from &&\n toMoment(selectedDays.from).isSame(toMoment(selectedDays.to))\n ) {\n return formattedEndDate;\n }\n\n if (!selectedDays.to && selectedDays.from) {\n return formattedStartDate;\n }\n\n return `${formattedStartDate} - ${formattedEndDate}`;\n }\n }, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);\n\n const modifiers = useMemo(() => {\n const userAvailabilities = daysToModify.filter(\n (data) => data.type === \"user_day_off\"\n );\n const globalDaysOff = daysToModify.filter(\n (data) => data.type === \"global_day_off\"\n );\n const selectableGlobalDaysOff = daysToModify.filter(\n (data) => data.type === \"selectable_global_day_off\"\n );\n\n return {\n userAvailability: (day: Moment) => {\n const matchedData = userAvailabilities.find((data) =>\n isDayInRange(day, data)\n );\n return {\n matched: !!matchedData,\n title: matchedData ? matchedData.title : null,\n };\n },\n weekend: (day: Moment) => {\n const isWeekend = weekends.includes(day.day());\n return {\n matched: isWeekend,\n title: isWeekend ? weekendLabel : null,\n };\n },\n nonWorkingDay: (day: Moment) => {\n if (weekends.includes(day.day())) {\n return { matched: true, title: \"\" };\n }\n const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];\n\n const matchedData = nonWorkingDays.find((data) =>\n isDayInRange(day, data)\n );\n return {\n matched: !!matchedData,\n title: matchedData ? matchedData.title : null,\n };\n },\n nonWorkingDaysOfWeek: (day: Moment) => {\n const isNonWorkingDay = nonWorkingDaysOfWeek.includes(day.day());\n return {\n matched: isNonWorkingDay,\n title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null,\n };\n },\n day_disabled: (day: Moment) => {\n const globalDayOff = globalDaysOff.find((data) =>\n isDayInRange(day, data)\n );\n\n return {\n matched: !!globalDayOff,\n title: null,\n };\n },\n };\n }, [\n daysToModify,\n nonWorkingDaysOfWeek,\n nonWorkingDaysOfWeekLabel,\n weekendLabel,\n weekends,\n ]);\n\n const renderTargetEl = useMemo(() => {\n if (labelType === \"icon\" && icon) {\n return (\n <SelectDateTarget\n icon={icon}\n title={tooltipText}\n targetIconClassName={targetIconClassName}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n />\n );\n }\n if (typeof labelType === \"function\") {\n return labelType(labelText);\n }\n return (\n <StyledSelectDateButton\n type=\"button\"\n className={classnames(\"date-picker-target\", targetClassName)}\n >\n <span className={targetTextClassName}>{labelText}</span>\n </StyledSelectDateButton>\n );\n }, [\n icon,\n labelText,\n labelType,\n popperTooltipClassName,\n popperTooltipStyle,\n targetClassName,\n targetIconClassName,\n targetTextClassName,\n tooltipText,\n ]);\n\n return (\n <StyledSelectDate className=\"select-date\">\n {labelType !== \"inline\" ? (\n <DatePickerV2\n target={renderTargetEl}\n position={position}\n menuClassName={menuClassName}\n popperClassName={popperClassName}\n month={defaultMonth}\n instant={mode === \"instant\"}\n mode={selectionMode}\n required={dateRequired}\n selected={selectedDays}\n firstDayOfWeek={firstDayOfWeek}\n saveLabel={saveButtonText}\n cancelLabel={cancelButtonText}\n clearLabel={clearButtonText}\n onSave={onSave}\n onChange={onChange}\n onClose={onCancel}\n modifiers={modifiers}\n modalHeaderText={modalHeaderText}\n modalDiscardMessage={modalDiscardMessage}\n modalDiscardBtnText={modalDiscardBtnText}\n modalCancelBtnText={modalCancelBtnText}\n disabledDaysBefore={disableDaysBefore}\n disabledDaysAfter={disabledDaysAfter}\n backgroundElementClass={backgroundElementClass}\n disabled={weekendIsSelectable ? [] : weekends}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n open={defaultShowDatePicker}\n onCalendarToggle={onToggleDatePicker}\n onDayClick={onDayClick}\n enableConfirmModal={mode === \"atomic\" && !dateRequired}\n disableYearPicker={!enableYearPicker}\n disableAnimations={disableAnimations}\n showControls\n />\n ) : (\n <DatePickerV2\n month={defaultMonth}\n instant={mode === \"instant\"}\n mode={selectionMode}\n required={dateRequired}\n selected={selectedDays}\n firstDayOfWeek={firstDayOfWeek}\n saveLabel={saveButtonText}\n cancelLabel={cancelButtonText}\n clearLabel={clearButtonText}\n disabledDaysBefore={disableDaysBefore}\n disabledDaysAfter={disabledDaysAfter}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n disabled={weekendIsSelectable ? [] : weekends}\n onSave={onSave}\n onChange={onChange}\n modifiers={modifiers}\n onDayClick={onDayClick}\n disableYearPicker={!enableYearPicker}\n disableAnimations={disableAnimations}\n showControls\n open\n />\n )}\n </StyledSelectDate>\n );\n};\n\nSelectDateV2.displayName = \"SelectDateV2\";\n"],"mappings":"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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
import { Placement } from "@popperjs/core";
|
|
3
|
-
import { Moment } from "moment";
|
|
4
|
-
export interface IDateStepperPropsV2 {
|
|
5
|
-
/** One of the possible steps for this component */
|
|
6
|
-
step: "daily" | "weekly" | "monthly" | "quarterly" | "yearly" | "range";
|
|
7
|
-
/** Callback function that will be called after the changed range */
|
|
8
|
-
onChange?: (from: Date, to: Date) => void;
|
|
9
|
-
/** Start date of the range */
|
|
10
|
-
from: Moment | string;
|
|
11
|
-
/** End date of the range */
|
|
12
|
-
to: Moment | string;
|
|
13
|
-
/** Callback function that will format the text label */
|
|
14
|
-
formatCallback?: (from: string | Moment, to: string | Moment) => string;
|
|
15
|
-
/** Default month */
|
|
16
|
-
defaultMonth?: Moment;
|
|
17
|
-
/** Callback function onBack */
|
|
18
|
-
onBack?: (from: Date, to: Date) => void;
|
|
19
|
-
/** Callback function onForward */
|
|
20
|
-
onForward?: (from: Date, to: Date) => void;
|
|
21
|
-
/** Min date */
|
|
22
|
-
minValue?: Moment;
|
|
23
|
-
/** Max fate */
|
|
24
|
-
maxValue?: Moment;
|
|
25
|
-
/** html class */
|
|
26
|
-
className?: string;
|
|
27
|
-
/** Period for calculating week (isoWeek) */
|
|
28
|
-
period?: "week" | "isoWeek";
|
|
29
|
-
/** Classes for datePicker */
|
|
30
|
-
datePickerClass?: string;
|
|
31
|
-
/** Show datePicker in the middle button */
|
|
32
|
-
withDatePicker?: boolean;
|
|
33
|
-
/** Popper class name*/
|
|
34
|
-
popperClassName?: string;
|
|
35
|
-
/** DatePicker menu position */
|
|
36
|
-
position?: Placement;
|
|
37
|
-
/** Enable year picker in DatePicker */
|
|
38
|
-
enableYearPicker?: boolean;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
|
|
42
|
-
* onChange and onBack and onForward it will return "from: Date" and "to: Date" as function arguments
|
|
43
|
-
*/
|
|
44
|
-
export declare const DateStepperV2: FC<IDateStepperPropsV2>;
|
|
45
|
-
//# sourceMappingURL=DateStepperV2.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateStepperV2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepperV2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAiBhC,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,8BAA8B;IAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,4BAA4B;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACxE,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,kCAAkC;IAClC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AAEH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CA6SjD,CAAC"}
|