@mailstep/design-system 0.8.26 → 0.8.27

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { DateTimeOthers } from '../../../../../Elements/DatePicker/Datetime/types';
-import { FilterComponentProps } from '../../../types';
-
+import { type FC } from 'react';
+import type { DateTimeOthers } from '../../../../../Elements/DatePicker/Datetime/types';
+import type { FilterComponentProps } from '../../../types';
 type InitialView = 'past' | 'future';
 type DatePickerRangeProps = FilterComponentProps<Date[]> & {
     filterTime?: number;

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.js

@@ -0,0 +1,376 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n      .rdtPicker {\n        min-width: unset;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 0.5rem 0.5rem;\n      }\n      .rdtPicker .rdtDays {\n        min-width: unset;\n      }\n      .rdtPicker td {\n        padding: 0 0.2rem;\n      }\n    "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  display: ",
+        ";\n  flex-direction: ",
+        ";\n  margin-right: ",
+        ";\n\n  ",
+        "\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useState, useCallback, useMemo } from "react";
+import { DateTime } from "luxon";
+import DatePicker from "../../../../../Elements/DatePicker";
+import Input from "../../../../../Forms/Input";
+import { useClickOutside } from "../../../../Modal/hooks/useClickOutside";
+import { getCleanValues } from "./utils/getCleanValues";
+import { pickerRangeToString } from "./utils/pickerRangeToString";
+import { i18n } from "@lingui/core";
+import styled, { css } from "@xstyled/styled-components";
+var RangeWrapper = styled.div(_templateObject1(), function(param) {
+    var $compact = param.$compact;
+    return $compact ? "flex" : "inline-flex";
+}, function(param) {
+    var $compact = param.$compact;
+    return $compact ? "column" : "row";
+}, function(param) {
+    var $compact = param.$compact;
+    return $compact ? "0" : "20px";
+}, function(param) {
+    var $compact = param.$compact;
+    return $compact && css(_templateObject());
+});
+var OverlayComponentDefault = function OverlayComponentDefault(param) {
+    var children = param.children;
+    return /* @__PURE__ */ jsx("div", {
+        children: children
+    });
+};
+var DatePickerRange = function DatePickerRange(props) {
+    var _ref, _ref1, _cleanValue_;
+    var onChange = props.onChange, error = props.error, label = props.label, value = props.value, others = props.others, filterTime = props.filterTime, initialView = props.initialView, compact = props.compact, _props_OverlayComponent = props.OverlayComponent, OverlayComponent = _props_OverlayComponent === void 0 ? OverlayComponentDefault : _props_OverlayComponent, rest = _object_without_properties(props, [
+        "onChange",
+        "error",
+        "label",
+        "value",
+        "others",
+        "filterTime",
+        "initialView",
+        "compact",
+        "OverlayComponent"
+    ]);
+    var _useState = _sliced_to_array(useState((_ref = value === null || value === void 0 ? void 0 : value[0]) !== null && _ref !== void 0 ? _ref : void 0), 2), startRangeValue = _useState[0], setStartRangeValue = _useState[1];
+    var _useState1 = _sliced_to_array(useState((_ref1 = value === null || value === void 0 ? void 0 : value[1]) !== null && _ref1 !== void 0 ? _ref1 : void 0), 2), endRangeValue = _useState1[0], setEndRangeValue = _useState1[1];
+    var timeFormat = filterTime ? "HH:mm" : false;
+    var cleanValue = React.useMemo(function() {
+        return getCleanValues(value);
+    }, [
+        value
+    ]);
+    var initialViewDate = useMemo(function() {
+        if (cleanValue[0] && cleanValue[1]) {
+            return cleanValue;
+        }
+        var firstDate = /* @__PURE__ */ new Date();
+        firstDate.setHours(0, 0, 0, 0);
+        var secondDate = /* @__PURE__ */ new Date();
+        secondDate.setHours(23, 59, 59, 0);
+        if (initialView === "future") {
+            secondDate.setMonth(secondDate.getMonth() + 1);
+        } else {
+            firstDate.setMonth(firstDate.getMonth());
+        }
+        return [
+            cleanValue[0] || firstDate,
+            cleanValue[1] || secondDate
+        ];
+    }, [
+        cleanValue,
+        initialView
+    ]);
+    var _useState2 = _sliced_to_array(useState(false), 2), isOpen = _useState2[0], setOpen = _useState2[1];
+    var setDateFrom = useCallback(function(v) {
+        setStartRangeValue(v);
+        onChange([
+            v,
+            cleanValue[1]
+        ], others);
+    }, [
+        onChange,
+        others,
+        cleanValue
+    ]);
+    var setDateTo = useCallback(function(v) {
+        setEndRangeValue(v);
+        onChange([
+            cleanValue[0],
+            v
+        ], others);
+    }, [
+        onChange,
+        others,
+        cleanValue
+    ]);
+    var handleOthersChangeFrom = useCallback(function(othersFrom) {
+        onChange(cleanValue, [
+            othersFrom,
+            others === null || others === void 0 ? void 0 : others[1]
+        ]);
+    }, [
+        onChange,
+        cleanValue,
+        others
+    ]);
+    var handleOthersChangeTo = useCallback(function(othersTo) {
+        onChange(cleanValue, [
+            others === null || others === void 0 ? void 0 : others[0],
+            othersTo
+        ]);
+    }, [
+        onChange,
+        cleanValue,
+        others
+    ]);
+    var openPicker = useCallback(function() {
+        setOpen(true);
+    }, [
+        setOpen
+    ]);
+    var clear = useCallback(function() {
+        onChange([], []);
+        setStartRangeValue(void 0);
+        setEndRangeValue(void 0);
+    }, [
+        onChange
+    ]);
+    var isValidDateFrom = useCallback(function(current) {
+        return !cleanValue[1] || DateTime.fromJSDate(cleanValue[1]) >= DateTime.fromJSDate(current);
+    }, [
+        cleanValue
+    ]);
+    var isValidDateTo = useCallback(function(current) {
+        return !cleanValue[0] || DateTime.fromJSDate(current) >= DateTime.fromJSDate(cleanValue[0]);
+    }, [
+        cleanValue
+    ]);
+    var onClose = useCallback(function() {
+        setOpen(false);
+    }, []);
+    var secondDatePickerValue = cleanValue[1] === null ? cleanValue[0] : cleanValue[1];
+    var ref = useClickOutside({
+        onClose: onClose
+    });
+    return /* @__PURE__ */ jsxs("div", {
+        ref: ref,
+        children: [
+            /* @__PURE__ */ jsx(Input, {
+                name: props.name,
+                type: "text",
+                icon: "calendar",
+                value: pickerRangeToString(cleanValue, others),
+                label: props.label,
+                onFocus: openPicker,
+                iconOnClick: openPicker,
+                onClear: clear,
+                error: error,
+                readOnly: true
+            }),
+            /* @__PURE__ */ jsx(OverlayComponent, {
+                children: /* @__PURE__ */ jsx(Fragment, {
+                    children: isOpen && /* @__PURE__ */ jsxs(RangeWrapper, {
+                        $compact: compact,
+                        className: "ignore-element-for-closing-hook",
+                        children: [
+                            /* @__PURE__ */ jsx(DatePicker, _object_spread_props(_object_spread({}, rest), {
+                                timeFormat: timeFormat,
+                                value: (_cleanValue_ = cleanValue[0]) !== null && _cleanValue_ !== void 0 ? _cleanValue_ : "",
+                                initialViewDate: initialViewDate[0],
+                                secondValue: endRangeValue,
+                                onChange: setDateFrom,
+                                others: others === null || others === void 0 ? void 0 : others[0],
+                                onChangeOthers: handleOthersChangeFrom,
+                                icon: false,
+                                label: isOpen && i18n._({
+                                    id: "dataGrid.filterCell.from",
+                                    message: "From"
+                                }),
+                                isValidDate: isValidDateFrom,
+                                input: false,
+                                spaceAround: !compact,
+                                open: true
+                            })),
+                            /* @__PURE__ */ jsx(DatePicker, _object_spread_props(_object_spread({}, rest), {
+                                timeFormat: timeFormat,
+                                value: secondDatePickerValue,
+                                initialViewDate: initialViewDate[1],
+                                secondValue: startRangeValue,
+                                onChange: setDateTo,
+                                others: others === null || others === void 0 ? void 0 : others[1],
+                                onChangeOthers: handleOthersChangeTo,
+                                icon: false,
+                                label: isOpen && i18n._({
+                                    id: "dataGrid.filterCell.to",
+                                    message: "To"
+                                }),
+                                isValidDate: isValidDateTo,
+                                input: false,
+                                spaceAround: !compact,
+                                open: true,
+                                isSecondDatePicker: true
+                            }))
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+var DatePickerRange_default = DatePickerRange;
+export { DatePickerRange_default as default };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/index.d.ts

@@ -1,3 +1,2 @@
-import { default as DatePickerRange } from './DatePickerRange';
-
+import DatePickerRange from './DatePickerRange';
 export default DatePickerRange;

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/index.js

@@ -0,0 +1,3 @@
+import DatePickerRange from "./DatePickerRange";
+var DatePickerRange_default = DatePickerRange;
+export { DatePickerRange_default as default };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.js

@@ -0,0 +1,15 @@
+var getCleanValue = function getCleanValue(value) {
+    if (typeof value === "string") {
+        return new Date(value);
+    }
+    return value || void 0;
+};
+var getCleanValues = function getCleanValues(value) {
+    var from = getCleanValue(value === null || value === void 0 ? void 0 : value[0]);
+    var to = getCleanValue(value === null || value === void 0 ? void 0 : value[1]);
+    return [
+        from,
+        to
+    ];
+};
+export { getCleanValues };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.d.ts

@@ -1,3 +1,2 @@
-import { DateTimeOthers } from '../../../../../../Elements/DatePicker/Datetime/types';
-
+import type { DateTimeOthers } from '../../../../../../Elements/DatePicker/Datetime/types';
 export declare const pickerRangeToString: (values?: Date[], others?: DateTimeOthers[]) => string;

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.js

@@ -0,0 +1,28 @@
+import { DateTime } from "luxon";
+import { DatePickerRepeatTrans, TimePickerRepeatTrans } from "../../../../../../Elements/DatePicker/utils/constants";
+import { sameDate } from "./sameDate";
+var pickerRangeToString = function pickerRangeToString() {
+    var values = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], others = arguments.length > 1 ? arguments[1] : void 0;
+    var _others_, _others_1;
+    if ((others === null || others === void 0 ? void 0 : (_others_ = others[0]) === null || _others_ === void 0 ? void 0 : _others_.dateTypeRepeater) || (others === null || others === void 0 ? void 0 : (_others_1 = others[1]) === null || _others_1 === void 0 ? void 0 : _others_1.dateTypeRepeater)) {
+        return others.map(function(other, i) {
+            if (!(other === null || other === void 0 ? void 0 : other.dateTypeRepeater)) {
+                return values[i] && DateTime.fromJSDate(values[i]).toFormat("dd.LL.yyyy HH:mm");
+            }
+            var repeaterDate = DatePickerRepeatTrans[other === null || other === void 0 ? void 0 : other.dateTypeRepeater];
+            var repeaterTime = i === 0 ? TimePickerRepeatTrans.from : TimePickerRepeatTrans.to;
+            var time = (other === null || other === void 0 ? void 0 : other.time) ? "".concat(String(other === null || other === void 0 ? void 0 : other.time.h).padStart(2, "0"), ":").concat(String(other === null || other === void 0 ? void 0 : other.time.m).padStart(2, "0")) : "";
+            return "".concat(repeaterTime, " ").concat(repeaterDate, " ").concat(time).trim();
+        }).filter(Boolean).join(" - ");
+    }
+    if (!values[0] && !values[1]) {
+        return "";
+    }
+    if (values[0] && !values[1] || sameDate(values[0], values[1])) {
+        return DateTime.fromJSDate(values[0]).toFormat("dd.LL.yyyy");
+    }
+    return values.map(function(v) {
+        return v && DateTime.fromJSDate(v).toFormat("dd.LL.yyyy HH:mm");
+    }).join(" - ");
+};
+export { pickerRangeToString };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.js

@@ -0,0 +1,4 @@
+var sameDate = function sameDate(date1, date2) {
+    return date1 && date1.getTime && date2 && date2.getTime && date1.getTime() === date2.getTime();
+};
+export { sameDate };

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { Option } from '../../../../../Elements/Select/types';
-import { CommonGridProps } from '../../../types';
-
+import type { FC } from 'react';
+import { type Option } from '../../../../../Elements/Select/types';
+import { type CommonGridProps } from '../../../types';
 type Props = {
     onChange: (data: any) => void;
     onAsyncLoadFilterOptions?: CommonGridProps['onAsyncLoadFilterOptions'];