indicator-ui 0.0.51 → 0.0.53
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/index.js
CHANGED
|
@@ -7478,42 +7478,52 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7478
7478
|
/* harmony export */ getInitChosenInterval: () => (/* binding */ getInitChosenInterval),
|
|
7479
7479
|
/* harmony export */ getInitTargetDate: () => (/* binding */ getInitTargetDate),
|
|
7480
7480
|
/* harmony export */ getIntervalDate: () => (/* binding */ getIntervalDate),
|
|
7481
|
-
/* harmony export */ getNewInterval: () => (/* binding */ getNewInterval)
|
|
7482
|
-
/* harmony export */
|
|
7483
|
-
/* harmony
|
|
7484
|
-
/* harmony import */ var
|
|
7485
|
-
/* harmony import */ var
|
|
7486
|
-
/* harmony import */ var
|
|
7487
|
-
/* harmony import */ var
|
|
7488
|
-
/* harmony import */ var
|
|
7489
|
-
/* harmony import */ var
|
|
7490
|
-
/* harmony import */ var
|
|
7491
|
-
/* harmony import */ var
|
|
7492
|
-
/* harmony import */ var
|
|
7493
|
-
/* harmony import */ var
|
|
7481
|
+
/* harmony export */ getNewInterval: () => (/* binding */ getNewInterval),
|
|
7482
|
+
/* harmony export */ saveParseDate: () => (/* binding */ saveParseDate)
|
|
7483
|
+
/* harmony export */ });
|
|
7484
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/parse.js");
|
|
7485
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/startOfWeek.js");
|
|
7486
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/startOfMonth.js");
|
|
7487
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/endOfWeek.js");
|
|
7488
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/endOfMonth.js");
|
|
7489
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/differenceInDays.js");
|
|
7490
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/addWeeks.js");
|
|
7491
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/isEqual.js");
|
|
7492
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/closestIndexTo.js");
|
|
7493
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/min.js");
|
|
7494
|
+
/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/max.js");
|
|
7494
7495
|
/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../const */ "./src/ui/DatePicker/const/index.ts");
|
|
7495
7496
|
|
|
7496
7497
|
|
|
7498
|
+
const saveParseDate = (date, dateFormat) => {
|
|
7499
|
+
try {
|
|
7500
|
+
const parsedDate = (0,date_fns__WEBPACK_IMPORTED_MODULE_1__.parse)(date, dateFormat, new Date());
|
|
7501
|
+
return isNaN(parsedDate.getTime()) ? undefined : parsedDate;
|
|
7502
|
+
}
|
|
7503
|
+
catch (error) {
|
|
7504
|
+
return undefined;
|
|
7505
|
+
}
|
|
7506
|
+
};
|
|
7497
7507
|
const getIntervalDate = (targetDate) => {
|
|
7498
|
-
let start = (0,
|
|
7499
|
-
let end = (0,
|
|
7500
|
-
const daysBetween = (0,
|
|
7508
|
+
let start = (0,date_fns__WEBPACK_IMPORTED_MODULE_2__.startOfWeek)((0,date_fns__WEBPACK_IMPORTED_MODULE_3__.startOfMonth)(targetDate), { weekStartsOn: 1 });
|
|
7509
|
+
let end = (0,date_fns__WEBPACK_IMPORTED_MODULE_4__.endOfWeek)((0,date_fns__WEBPACK_IMPORTED_MODULE_5__.endOfMonth)(targetDate), { weekStartsOn: 1 });
|
|
7510
|
+
const daysBetween = (0,date_fns__WEBPACK_IMPORTED_MODULE_6__.differenceInDays)(end, start);
|
|
7501
7511
|
if (_const__WEBPACK_IMPORTED_MODULE_0__.NUM_OF_COLS * _const__WEBPACK_IMPORTED_MODULE_0__.NUM_OF_ROWS > daysBetween) {
|
|
7502
|
-
end = (0,
|
|
7512
|
+
end = (0,date_fns__WEBPACK_IMPORTED_MODULE_4__.endOfWeek)((0,date_fns__WEBPACK_IMPORTED_MODULE_7__.addWeeks)(end, 1));
|
|
7503
7513
|
}
|
|
7504
7514
|
return { start: start.toISOString(), end: end.toISOString() };
|
|
7505
7515
|
};
|
|
7506
7516
|
const getNewInterval = (prevState, newDate) => {
|
|
7507
7517
|
const start = prevState.start;
|
|
7508
7518
|
const end = prevState.end;
|
|
7509
|
-
if (start && (0,
|
|
7519
|
+
if (start && (0,date_fns__WEBPACK_IMPORTED_MODULE_8__.isEqual)(start, newDate)) {
|
|
7510
7520
|
return { ...prevState, start: undefined };
|
|
7511
7521
|
}
|
|
7512
|
-
if (end && (0,
|
|
7522
|
+
if (end && (0,date_fns__WEBPACK_IMPORTED_MODULE_8__.isEqual)(end, newDate)) {
|
|
7513
7523
|
return { ...prevState, end: undefined };
|
|
7514
7524
|
}
|
|
7515
7525
|
if (start && end) {
|
|
7516
|
-
const closestDateIndex = (0,
|
|
7526
|
+
const closestDateIndex = (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.closestIndexTo)(newDate, [start, end]);
|
|
7517
7527
|
if (closestDateIndex === 0) {
|
|
7518
7528
|
return { ...prevState, start: newDate };
|
|
7519
7529
|
}
|
|
@@ -7523,15 +7533,15 @@ const getNewInterval = (prevState, newDate) => {
|
|
|
7523
7533
|
}
|
|
7524
7534
|
else if (start || end) {
|
|
7525
7535
|
const existDate = start || end;
|
|
7526
|
-
return { start: (0,
|
|
7536
|
+
return { start: (0,date_fns__WEBPACK_IMPORTED_MODULE_10__.min)([existDate, newDate]).toISOString(), end: (0,date_fns__WEBPACK_IMPORTED_MODULE_11__.max)([existDate, newDate]).toISOString() };
|
|
7527
7537
|
}
|
|
7528
7538
|
else {
|
|
7529
7539
|
return { start: newDate };
|
|
7530
7540
|
}
|
|
7531
7541
|
};
|
|
7532
7542
|
const getInitChosenInterval = ({ start, end, multiple, formatIn }) => {
|
|
7533
|
-
const formatStart =
|
|
7534
|
-
const formatEnd =
|
|
7543
|
+
const formatStart = saveParseDate(start, formatIn || 'yyyy-MM-dd')?.toISOString();
|
|
7544
|
+
const formatEnd = saveParseDate(end, formatIn || 'yyyy-MM-dd')?.toISOString();
|
|
7535
7545
|
if (multiple) {
|
|
7536
7546
|
return { start: formatStart, end: formatEnd };
|
|
7537
7547
|
}
|
|
@@ -7539,15 +7549,7 @@ const getInitChosenInterval = ({ start, end, multiple, formatIn }) => {
|
|
|
7539
7549
|
};
|
|
7540
7550
|
const getInitTargetDate = ({ start, end, formatIn }) => {
|
|
7541
7551
|
const chosenDate = start || end;
|
|
7542
|
-
|
|
7543
|
-
try {
|
|
7544
|
-
formatDate = chosenDate ? (0,date_fns__WEBPACK_IMPORTED_MODULE_11__.parse)(chosenDate, formatIn || 'yyyy-MM-dd', new Date()).toISOString() : undefined;
|
|
7545
|
-
}
|
|
7546
|
-
catch (e) { }
|
|
7547
|
-
if (formatDate) {
|
|
7548
|
-
return formatDate;
|
|
7549
|
-
}
|
|
7550
|
-
return (new Date()).toISOString();
|
|
7552
|
+
return (saveParseDate(chosenDate, formatIn || 'yyyy-MM-dd') || new Date())?.toISOString();
|
|
7551
7553
|
};
|
|
7552
7554
|
|
|
7553
7555
|
|
|
@@ -7832,18 +7834,8 @@ function DatePicker({ chosenStart, chosenEnd, markFun, infoFun, onSubmit, format
|
|
|
7832
7834
|
setTargetDate(prevState => (0,date_fns__WEBPACK_IMPORTED_MODULE_8__.addMonths)(prevState, 1).toISOString());
|
|
7833
7835
|
};
|
|
7834
7836
|
const handleSubmit = () => {
|
|
7835
|
-
let start = undefined;
|
|
7836
|
-
let end = undefined;
|
|
7837
|
-
try {
|
|
7838
|
-
start = chosenInterval.start ? (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(chosenInterval.start, formatOut || 'yyyy-MM-dd') : undefined;
|
|
7839
|
-
}
|
|
7840
|
-
catch (e) {
|
|
7841
|
-
}
|
|
7842
|
-
try {
|
|
7843
|
-
end = chosenInterval.end ? (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(chosenInterval.end, formatOut || 'yyyy-MM-dd') : undefined;
|
|
7844
|
-
}
|
|
7845
|
-
catch (e) {
|
|
7846
|
-
}
|
|
7837
|
+
let start = chosenInterval.start ? (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(chosenInterval.start, formatOut || 'yyyy-MM-dd') : undefined;
|
|
7838
|
+
let end = chosenInterval.end ? (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(chosenInterval.end, formatOut || 'yyyy-MM-dd') : undefined;
|
|
7847
7839
|
onSubmit && onSubmit({ start: start, end: end });
|
|
7848
7840
|
};
|
|
7849
7841
|
const onClickDate = (date) => {
|
|
@@ -8740,7 +8732,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8740
8732
|
|
|
8741
8733
|
|
|
8742
8734
|
|
|
8743
|
-
const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, buttonState = 'gray', onButtonClick, className = _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle, }, ref) => {
|
|
8735
|
+
const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, unmask, buttonState = 'gray', onButtonClick, className = _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle, }, ref) => {
|
|
8744
8736
|
const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
8745
8737
|
const handleChange = (newValue) => {
|
|
8746
8738
|
onChange && onChange(newValue);
|
|
@@ -8758,7 +8750,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
|
|
|
8758
8750
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.inputField, { [className?.placeholder]: !value && placeholder }), children: value || placeholder }));
|
|
8759
8751
|
}
|
|
8760
8752
|
let validValue = typeof value === 'string' ? value : '';
|
|
8761
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, className: className?.inputField });
|
|
8753
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, unmask: unmask, className: className?.inputField });
|
|
8762
8754
|
};
|
|
8763
8755
|
const getIcon = () => {
|
|
8764
8756
|
return icon ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.icon, children: icon }) : undefined;
|