@mailstep/design-system 0.8.24 → 0.8.26-beta.0

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

@@ -1,11 +0,0 @@
-var getCleanValue = function (value) {
-    if (typeof value === 'string') {
-        return new Date(value);
-    }
-    return value || undefined;
-};
-export var getCleanValues = function (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];
-};

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

@@ -1,32 +0,0 @@
-import { DateTime } from 'luxon';
-import { DatePickerRepeatTrans, TimePickerRepeatTrans } from '../../../../../../Elements/DatePicker/utils/constants';
-import { sameDate } from './sameDate';
-// User readable date range.
-export var pickerRangeToString = function (values, others) {
-    var _a, _b;
-    if (values === void 0) { values = []; }
-    if (((_a = others === null || others === void 0 ? void 0 : others[0]) === null || _a === void 0 ? void 0 : _a.dateTypeRepeater) || ((_b = others === null || others === void 0 ? void 0 : others[1]) === null || _b === void 0 ? void 0 : _b.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 no date is specified
-    if (!values[0] && !values[1]) {
-        return '';
-    }
-    // If only From date is specified or if both of date are same, show only one date
-    if ((values[0] && !values[1]) || sameDate(values[0], values[1])) {
-        return DateTime.fromJSDate(values[0]).toFormat('dd.LL.yyyy');
-    }
-    // Format each date separately and join together
-    return values.map(function (v) { return v && DateTime.fromJSDate(v).toFormat('dd.LL.yyyy HH:mm'); }).join(' - ');
-};

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

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

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

@@ -1,114 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState, useMemo } from 'react';
-import Select from '../../../../../Elements/Select';
-import SingleSelect from '../../../../../Elements/SingleSelect';
-import { i18n } from '@lingui/core';
-import isArray from 'lodash/isArray';
-import uniqBy from 'lodash/uniqBy';
-import { isOptionArray } from './guards';
-var minColumnWidth = 120;
-var noOptionsMessage = function () { return null; };
-var SelectFilter = function (_a) {
-    var onChange = _a.onChange, _b = _a.isClearable, isClearable = _b === void 0 ? true : _b, disabled = _a.disabled, placeholder = _a.placeholder, _c = _a.showValue, showValue = _c === void 0 ? true : _c, columnWidth = _a.columnWidth, isMulti = _a.isMulti, value = _a.value, options = _a.options, checkAllButton = _a.checkAllButton, asyncLoadKey = _a.asyncLoadKey, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, _d = _a.withNotEqComparator, withNotEqComparator = _d === void 0 ? true : _d;
-    var _e = useState([]), loadedOptions = _e[0], setLoadedOptions = _e[1];
-    var _f = useState(false), isNotEqNoValue = _f[0], setIsNotEqNoValue = _f[1];
-    var isAsync = !!asyncLoadKey;
-    var isNotEq = useMemo(function () { return (isOptionArray(value) ? value.some(function (option) { return option.isNotEq; }) : isNotEqNoValue); }, [value, isNotEqNoValue]);
-    var handleOnMultiChange = useCallback(function (options) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(!isArray(options) || !(options === null || options === void 0 ? void 0 : options.length) ? null : options === null || options === void 0 ? void 0 : options.map(function (option) { return (__assign(__assign({}, option), { isNotEq: isNotEq })); }));
-    }, [onChange, isNotEq]);
-    var handleLoadOptions = useCallback(function (fulltext) { return __awaiter(void 0, void 0, void 0, function () {
-        var data;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    data = [];
-                    if (!asyncLoadKey) return [3 /*break*/, 2];
-                    return [4 /*yield*/, (onAsyncLoadFilterOptions === null || onAsyncLoadFilterOptions === void 0 ? void 0 : onAsyncLoadFilterOptions(asyncLoadKey, fulltext))];
-                case 1:
-                    data = (_a.sent()) || [];
-                    _a.label = 2;
-                case 2:
-                    setLoadedOptions(data);
-                    return [2 /*return*/, data];
-            }
-        });
-    }); }, [asyncLoadKey, onAsyncLoadFilterOptions]);
-    var handleIconClick = useCallback(function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!value || !isOptionArray(value)) {
-            setIsNotEqNoValue(function (prev) { return !prev; });
-            return;
-        }
-        var newOptions = value === null || value === void 0 ? void 0 : value.map(function (option) { return (__assign(__assign({}, option), { isNotEq: !isNotEq })); });
-        onChange(newOptions);
-    }, [value, isNotEq, onChange]);
-    var defaultOptions = useMemo(function () { return (isMulti && isAsync && isOptionArray(value) ? uniqBy(__spreadArray(__spreadArray([], loadedOptions, true), value, true), 'value') : undefined); }, [isAsync, value, loadedOptions]);
-    var isWide = columnWidth && columnWidth > minColumnWidth;
-    var isSelectClearable = isWide ? isClearable : false;
-    var placeholderValue = placeholder || (isAsync ? i18n._({ id: 'dataGrid.filterCell', message: 'Type to filter' }) : undefined);
-    if (isMulti) {
-        var placeholderIcon = isWide && withNotEqComparator ? (isNotEq ? 'notEqual' : 'equals') : null;
-        var selectValue = showValue ? (isOptionArray(value) ? value.map(function (option) { return String(option.value); }) : value) : undefined;
-        return (_jsx(Select, { maxMenuHeight: 250, onChange: handleOnMultiChange, value: selectValue, options: defaultOptions || options, showSelectAllButton: checkAllButton, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, defaultOptions: defaultOptions, placeholder: placeholderValue, noOptionsMessage: noOptionsMessage, containerVariant: isAsync ? 'search' : undefined, placeholderIcon: placeholderIcon, onIconClick: withNotEqComparator ? handleIconClick : undefined, optionVariant: "checkbox", multiLabelVariant: "count", shortVariant: "join", isMulti: true, disabled: disabled, isClearable: isSelectClearable }));
-    }
-    return (_jsx(SingleSelect, { maxMenuHeight: 250, onChange: onChange, value: showValue ? value : undefined, options: options, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, placeholder: placeholderValue, placeholderIcon: isWide ? undefined : null, isClearable: isSelectClearable, disabled: disabled }));
-};
-export default SelectFilter;

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/guards.js

@@ -1,3 +0,0 @@
-export var isOptionArray = function (value) {
-    return Array.isArray(value) && value.every(function (v) { return typeof v === 'object' && v !== null && 'label' in v && 'value' in v; });
-};

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

@@ -1,2 +0,0 @@
-import GridSelect from './GridSelect';
-export default GridSelect;

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

@@ -1,111 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { Input } from '../../../../../Forms/Input/Input';
-import { useClickOutside } from '../../../../Modal/hooks/useClickOutside';
-import { useEvent } from '../../../hooks/useEvent';
-import IconList from '../../IconList';
-import { i18n } from '@lingui/core';
-var OverlayComponentDefault = function (_a) {
-    var children = _a.children;
-    return _jsx("div", { children: children });
-};
-var createNumberComparators = function () { return [
-    { label: i18n._({ id: 'dataGrid.comparator.equals', message: 'Equals' }), value: 'eq', icon: 'equals' },
-    { label: i18n._({ id: 'dataGrid.comparator.notEquals', message: 'Not equal' }), value: 'neq', icon: 'notEqual' },
-    { label: i18n._({ id: 'dataGrid.comparator.lessThan', message: 'Less than' }), value: 'lt', icon: 'lessThen' },
-    {
-        label: i18n._({ id: 'dataGrid.comparator.lessThanOrEquals', message: 'Less than or equals' }),
-        value: 'lte',
-        icon: 'lessThanEqual'
-    },
-    { label: i18n._({ id: 'dataGrid.comparator.greaterThan', message: 'Greater than' }), value: 'gt', icon: 'greaterThan' },
-    {
-        label: i18n._({ id: 'dataGrid.comparator.greaterThanOrEquals', message: 'Greater than or equal' }),
-        value: 'gte',
-        icon: 'greaterThanEqual'
-    }
-]; };
-var createEqualComparators = [
-    { label: i18n._({ id: 'dataGrid.comparator.equals', message: 'Equals' }), value: 'eq', icon: 'equals' },
-    { label: i18n._({ id: 'dataGrid.comparator.notEquals', message: 'Not equal' }), value: 'neq', icon: 'notEqual' }
-];
-var normalizeValue = function (number, isFloat, decimals) {
-    var normalized = String(number)
-        .replace(',', '.')
-        .replace(/(?!^)-/g, '')
-        .replace(/[^0-9.-]/g, '');
-    if (isFloat || !normalized) {
-        return normalized;
-    }
-    if (normalized === '-') {
-        return '-';
-    }
-    return !decimals ? parseInt(normalized, 10) : (parseFloat(normalized) || 0).toFixed(decimals).substr(0, String(number).length);
-};
-var NumberRange = function (props) {
-    var _a;
-    var numberComparators = createNumberComparators();
-    var name = props.name, _b = props.value, value = _b === void 0 ? {} : _b, label = props.label, onChange = props.onChange, decimals = props.decimals, isFloat = props.isFloat, className = props.className, _c = props.OverlayComponent, OverlayComponent = _c === void 0 ? OverlayComponentDefault : _c, comparators = props.comparators, defaultComparator = props.defaultComparator, isEqual = props.isEqual, rest = __rest(props, ["name", "value", "label", "onChange", "decimals", "isFloat", "className", "OverlayComponent", "comparators", "defaultComparator", "isEqual"]);
-    var _d = useState(false), isOpen = _d[0], setOpen = _d[1];
-    var comparator = (value === null || value === void 0 ? void 0 : value.comparator) ||
-        defaultComparator ||
-        ((_a = comparators === null || comparators === void 0 ? void 0 : comparators[0]) === null || _a === void 0 ? void 0 : _a.value) ||
-        numberComparators[0].value;
-    var defaultComparators = isEqual ? createEqualComparators : numberComparators;
-    var comparatorOptions = comparators || defaultComparators;
-    var fieldValue = (value === null || value === void 0 ? void 0 : value.value) || (value === null || value === void 0 ? void 0 : value.value) === 0 ? value.value : '';
-    var onClose = useCallback(function () {
-        setOpen(false);
-    }, []);
-    var pickerRef = useClickOutside({ onClose: onClose });
-    var togglePicker = useCallback(function () {
-        setOpen(!isOpen);
-    }, [isOpen, setOpen]);
-    var onChangeTextInput = useEvent(function (event) {
-        // @TODO find better way to detect between comparator
-        if (comparator === 'between') {
-            var values = String(event.target.value).split(',');
-            // to many ',', invalid value
-            if (values.length > 2) {
-                onChange({ comparator: comparator, value: '' });
-                return;
-            }
-            // two values for between comparation
-            if (values.length === 2) {
-                var normalizedValues = values.map(function (value) { return normalizeValue(value, false, 0); });
-                onChange({ comparator: comparator, value: normalizedValues.join(',') });
-                return;
-            }
-        }
-        var number = normalizeValue(event.target.value, isFloat, decimals);
-        var isValid = number || number === 0;
-        onChange({ comparator: comparator, value: isValid ? number : '' });
-    });
-    var onChangeComparator = useEvent(function (option) {
-        onChange({ comparator: option.value, value: fieldValue });
-    });
-    return (_jsxs("div", { ref: pickerRef, children: [_jsx(Input, __assign({ name: name, value: fieldValue, label: label, "data-cy": "".concat(name, "Inp"), onChange: onChangeTextInput, iconOnClick: togglePicker, icon: "ellipsisVertical", iconPlacement: "right", type: "text", className: className, autoComplete: "off" }, rest)), isOpen && (_jsx(OverlayComponent, { children: _jsx(IconList, { list: comparatorOptions, selected: comparator, onClick: onChangeComparator }) }))] }));
-};
-export default NumberRange;

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

@@ -1,2 +0,0 @@
-import NumberRange from './NumberRange';
-export default NumberRange;

package/ui/Blocks/CommonGrid/components/Filters/NumberRange/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,96 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { Input } from '../../../../../Forms/Input/Input';
-import { useClickOutside } from '../../../../Modal/hooks/useClickOutside';
-import { useEvent } from '../../../hooks/useEvent';
-import IconList from '../../IconList/IconList';
-import { i18n } from '@lingui/core';
-import { Trans } from '@lingui/react';
-var OverlayComponentDefault = function (_a) {
-    var children = _a.children;
-    return _jsx("div", { children: children });
-};
-export var ipv4 = /^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/;
-var createTextComparators = function () { return [
-    { label: i18n._({ id: 'dataGrid.comparator.contains', message: 'Contains' }), value: 'like', icon: 'check' },
-    { label: i18n._({ id: 'dataGrid.comparator.notContains', message: 'Not contains' }), value: 'notLike', icon: 'false' },
-    { label: i18n._({ id: 'dataGrid.comparator.equals', message: 'Equals' }), value: 'eq', icon: 'equals' },
-    { label: i18n._({ id: 'dataGrid.comparator.notEquals', message: 'Not equal' }), value: 'neq', icon: 'notEqual' },
-    { label: i18n._({ id: 'dataGrid.comparator.startsWith', message: 'Starts with' }), value: 'startsWith', icon: 'startsWith' },
-    { label: i18n._({ id: 'dataGrid.comparator.endsWith', message: 'Ends with' }), value: 'endsWith', icon: 'endsWith' }
-]; };
-var createPresentTextComparators = function () { return [
-    { label: i18n._({ id: 'dataGrid.comparator.contains', message: 'Contains' }), value: 'like', icon: 'check' },
-    { label: i18n._({ id: 'dataGrid.comparator.equals', message: 'Equals' }), value: 'in', icon: 'equals' }
-]; };
-var createEqualComparators = function () { return [
-    { label: i18n._({ id: 'dataGrid.comparator.equals', message: 'Equals' }), value: 'eq', icon: 'equals' },
-    { label: i18n._({ id: 'dataGrid.comparator.notEquals', message: 'Not equal' }), value: 'neq', icon: 'notEqual' }
-]; };
-var validations = {
-    ip: {
-        check: function (value) { return ipv4.test(value.trim()); },
-        errorMsg: _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" })
-    }
-};
-var TextRange = function (props) {
-    var _a;
-    var name = props.name, _b = props.value, value = _b === void 0 ? {} : _b, label = props.label, onChange = props.onChange, className = props.className, _c = props.OverlayComponent, OverlayComponent = _c === void 0 ? OverlayComponentDefault : _c, eqOnly = props.eqOnly, isPresent = props.isPresent, isEqual = props.isEqual, defaultComparator = props.defaultComparator, // from filterExtraProps
-    comparators = props.comparators, // from filterExtraProps or customComparators
-    validationKey = props.validation, rest = __rest(props, ["name", "value", "label", "onChange", "className", "OverlayComponent", "eqOnly", "isPresent", "isEqual", "defaultComparator", "comparators", "validation"]);
-    var eqOnlyTxt = i18n._({ id: 'dataGrid.filterTxtEqWarning', message: 'This filter can only do exact match' });
-    var _d = useState(false), isOpen = _d[0], setOpen = _d[1];
-    var textComparators = createTextComparators();
-    var presentTextComparators = createPresentTextComparators();
-    var equalComparators = createEqualComparators();
-    var fallbackComparator = defaultComparator || ((_a = comparators === null || comparators === void 0 ? void 0 : comparators[0]) === null || _a === void 0 ? void 0 : _a.value) || textComparators[0].value;
-    var comparator = eqOnly ? 'eq' : (value === null || value === void 0 ? void 0 : value.comparator) || fallbackComparator;
-    var defaultComparators = isEqual ? equalComparators : isPresent ? presentTextComparators : textComparators;
-    var comparatorOptions = comparators || defaultComparators;
-    var fieldValue = (value === null || value === void 0 ? void 0 : value.value) || '';
-    var onClose = useCallback(function () {
-        setOpen(false);
-    }, []);
-    var pickerRef = useClickOutside({ onClose: onClose });
-    var togglePicker = useCallback(function () {
-        setOpen(!isOpen);
-    }, [isOpen, setOpen]);
-    var validation = !!validationKey && validations[validationKey];
-    var isInvalid = validation && Boolean(fieldValue && !validation.check(String(fieldValue)));
-    var onChangeTextInput = useEvent(function (event) {
-        var txtValue = event.target.value;
-        if (txtValue) {
-            onChange({ comparator: comparator, value: txtValue, isInvalid: validation && !validation.check(txtValue) });
-        }
-        else {
-            onChange(null);
-        }
-    });
-    var onChangeComparator = useEvent(function (option) {
-        onChange({ comparator: option.value, value: fieldValue, isInvalid: isInvalid });
-    });
-    return (_jsxs("div", { ref: pickerRef, children: [_jsx(Input, __assign({ name: name, "data-test": name, "data-cy": "".concat(name, "Inp"), value: fieldValue, label: label, onChange: onChangeTextInput, iconOnClick: !eqOnly ? togglePicker : undefined, icon: !eqOnly ? 'ellipsisVertical' : 'warning', iconPlacement: "right", iconTooltip: eqOnly ? eqOnlyTxt : undefined, type: "text", className: className, error: (!!validation && isInvalid && validation.errorMsg) || '', errorAppearance: 'tooltip', autoComplete: "off" }, rest)), isOpen && (_jsx(OverlayComponent, { children: _jsx(IconList, { list: comparatorOptions, selected: comparator, onClick: onChangeComparator }) }))] }));
-};
-export default TextRange;

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

@@ -1,2 +0,0 @@
-import TextRange from './TextRange';
-export default TextRange;

package/ui/Blocks/CommonGrid/components/Filters/TextRange/types.js

@@ -1 +0,0 @@
-export {};

package/ui/Blocks/CommonGrid/components/FloatingButton/FloatingButton.js

@@ -1,36 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
-import DropdownMenu from '../../../../Elements/DropdownMenu';
-import Popover from '../../../Popover';
-import styled from '@xstyled/styled-components';
-var FloatingWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  position: absolute;\n  bottom: 20px;\n  right: 24px;\n  @media (min-width: 1024px) {\n    display: none;\n  }\n"], ["\n  display: block;\n  position: absolute;\n  bottom: 20px;\n  right: 24px;\n  @media (min-width: 1024px) {\n    display: none;\n  }\n"])));
-var StyledDropdownMenu = styled(DropdownMenu)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: 160px;\n  width: max-content;\n"], ["\n  min-width: 160px;\n  width: max-content;\n"])));
-export var StyledButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  border: none;\n  background-color: red1;\n  display: flex;\n  z-index: 1;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  bottom: 65px;\n  right: 24px;\n\n  :hover {\n    cursor: pointer;\n  }\n"], ["\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  border: none;\n  background-color: red1;\n  display: flex;\n  z-index: 1;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  bottom: 65px;\n  right: 24px;\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
-export var StyledCross = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  .line {\n    border: 1px solid white;\n    display: flex;\n    width: 16px;\n    background-color: white;\n    transition: 0.3s;\n  }\n  > :nth-child(1) {\n    transform: ", ";\n  }\n  > :nth-child(2) {\n    transform: ", ";\n  }\n"], ["\n  .line {\n    border: 1px solid white;\n    display: flex;\n    width: 16px;\n    background-color: white;\n    transition: 0.3s;\n  }\n  > :nth-child(1) {\n    transform: ", ";\n  }\n  > :nth-child(2) {\n    transform: ", ";\n  }\n"])), function (_a) {
-    var isOpen = _a.isOpen;
-    return (isOpen ? 'rotate(135deg) translate(1px, 0)' : 'none');
-}, function (_a) {
-    var isOpen = _a.isOpen;
-    return (isOpen ? 'rotate(45deg) translate(-1px, -1px)' : 'rotate(90deg) translate(-2px, 0)');
-});
-var FloatingButton = function (_a) {
-    var options = _a.options, onClick = _a.onClick;
-    var _b = useState(false), showDropdownMenu = _b[0], setShowDropdownMenu = _b[1];
-    var ref = useRef(null);
-    var onClose = useCallback(function () {
-        setShowDropdownMenu(false);
-    }, []);
-    var handleOnClick = useCallback(function () {
-        if (options && (options === null || options === void 0 ? void 0 : options.length) > 0) {
-            setShowDropdownMenu(function (prev) { return !prev; });
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-    }, [onClick, options]);
-    return (_jsx(FloatingWrapper, { children: _jsxs(StyledButton, { ref: ref, onClick: handleOnClick, children: [_jsxs(StyledCross, { isOpen: showDropdownMenu, children: [_jsx("span", { className: "line" }), _jsx("span", { className: "line" })] }), showDropdownMenu && (_jsx(Popover, { parentRef: ref, onClose: onClose, placement: "top-end", children: _jsx(StyledDropdownMenu, { showMenu: true, items: options }) }))] }) }));
-};
-export default FloatingButton;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Blocks/CommonGrid/components/FloatingButton/index.js

@@ -1,2 +0,0 @@
-import FloatingButton from './FloatingButton';
-export default FloatingButton;

package/ui/Blocks/CommonGrid/components/GridInfo/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '../../../../Elements/Icon';
-import { Trans } from '@lingui/react';
-import { x } from '@xstyled/styled-components';
-export var GridInfo = function (_a) {
-    var isSortTerminatedAppeal = _a.isSortTerminatedAppeal, isSortTerminated = _a.isSortTerminated;
-    if (!isSortTerminatedAppeal)
-        return null;
-    return (_jsxs(x.span, { w: "100%", ml: "8px", fontSize: "12px", display: "flex", gap: "8px", alignItems: "center", children: [isSortTerminatedAppeal && !isSortTerminated && (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: "circleTriangle", size: "20px", fill: "yellow70" }), _jsx(Trans, { id: "dataGrid.sortingTerminatedAppeal", message: "Too many results, please set a filter" })] })), isSortTerminated && (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: "circleTriangle", size: "20px", fill: "dangerColor" }), _jsx(Trans, { id: "dataGrid.sortingTerminated", message: "Too many results, sorting cannot be used" })] }))] }));
-};

package/ui/Blocks/CommonGrid/components/GridModals/index.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input } from '../../../../Forms/Input/Input';
-import { Modal } from '../../../Modal/Modal';
-import { useCreatePreset } from '../../hooks/useCreatePreset';
-import { useDeletePreset } from '../../hooks/useDeletePreset';
-import { usePresetFileHandlers } from '../../hooks/usePresetFileHandlers';
-import { useSelectPreset } from '../../hooks/useSelectPreset';
-import ManageColumnForm from '../ManageColumnForm';
-import { PresetsModalBody } from '../PresetsModalBody';
-import { Trans } from '@lingui/react';
-export var GridModals = function (_a) {
-    var manageColumnFormVisible = _a.manageColumnFormVisible, onCloseForm = _a.onCloseForm, resetColumnConfig = _a.resetColumnConfig, onConfirmForm = _a.onConfirmForm, manageColumnsFormDefinitions = _a.manageColumnsFormDefinitions, columnsConfigValues = _a.columnsConfigValues, setColumnsConfigOptions = _a.setColumnsConfigOptions, handleDragEnd = _a.handleDragEnd, gridName = _a.gridName, gridSelectors = _a.gridSelectors, gridActions = _a.gridActions, isPresetsModalOpen = _a.isPresetsModalOpen, onClosePresetsModal = _a.onClosePresetsModal, selectedPresetName = _a.selectedPresetName, setSelectedPresetName = _a.setSelectedPresetName;
-    var handleSelectPreset = useSelectPreset({
-        gridName: gridName,
-        gridActions: gridActions,
-        setSelectedPresetName: setSelectedPresetName,
-        onClosePresetsModal: onClosePresetsModal,
-        gridSelectors: gridSelectors
-    }).handleSelectPreset;
-    var _b = useCreatePreset({ gridName: gridName, gridActions: gridActions, onClosePresetsModal: onClosePresetsModal, setSelectedPresetName: setSelectedPresetName, filters: gridSelectors.filter }), isCreatePresetModalOpen = _b.isCreatePresetModalOpen, handleCloseCreatePresetModal = _b.handleCloseCreatePresetModal, onOpenCreatePresetModal = _b.onOpenCreatePresetModal, handleCreatePreset = _b.handleCreatePreset, presetName = _b.presetName, handleChangePresetName = _b.handleChangePresetName;
-    var _c = useDeletePreset({ gridName: gridName, selectedPresetName: selectedPresetName, gridActions: gridActions, setSelectedPresetName: setSelectedPresetName }), handleOpenDeletePresetModal = _c.handleOpenDeletePresetModal, handleDeletePreset = _c.handleDeletePreset, onCloseDeletePresetModal = _c.onCloseDeletePresetModal, presetNameToDelete = _c.presetNameToDelete, isDeletePresetModalOpen = _c.isDeletePresetModalOpen;
-    var _d = usePresetFileHandlers({
-        gridName: gridName,
-        gridActions: gridActions,
-        gridSelectors: gridSelectors
-    }), fileInputRef = _d.fileInputRef, handleImportPresets = _d.handleImportPresets, handleExportPresets = _d.handleExportPresets, handleImportButtonClick = _d.handleImportButtonClick;
-    return (_jsxs(_Fragment, { children: [_jsx(Modal, { title: _jsx(Trans, { id: "manageColumn.title", message: "Manage columns" }), onClose: onCloseForm, onCancel: onCloseForm, onExtraAction: resetColumnConfig, onConfirm: onConfirmForm, isShown: manageColumnFormVisible, width: "auto", minWidth: "350px", hasFooter: true, extraActionLabel: _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), cancelLabel: _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), confirmLabel: _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), children: _jsx(ManageColumnForm, { columns: manageColumnsFormDefinitions, columnsConfigValues: columnsConfigValues, setColumnsConfigOptions: setColumnsConfigOptions, handleDragEnd: handleDragEnd }) }), _jsx(Modal, { isShown: isPresetsModalOpen, title: _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), onClose: onClosePresetsModal, width: "narrow", children: _jsx(PresetsModalBody, { onOpenCreatePresetModal: onOpenCreatePresetModal, gridPresets: gridSelectors.presets, handleSelectPreset: handleSelectPreset, handleOpenDeletePresetModal: handleOpenDeletePresetModal, selectedPresetName: selectedPresetName, handleExportPresets: handleExportPresets, handleImportPresets: handleImportPresets, handleImportButtonClick: handleImportButtonClick, fileInputRef: fileInputRef, filters: gridSelectors.filter }) }), _jsx(Modal, { isShown: isCreatePresetModalOpen, title: _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }), onCancel: handleCloseCreatePresetModal, onConfirm: handleCreatePreset, isConfirmDisabled: !presetName, width: "narrow", children: _jsx(Input, { type: "text", onChange: handleChangePresetName, value: presetName, label: _jsx(Trans, { id: "dataGrid.presetName.title", message: "Preset name" }) }) }), _jsx(Modal, { isShown: isDeletePresetModalOpen, title: _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), onCancel: onCloseDeletePresetModal, onConfirm: handleDeletePreset, isConfirmDisabled: !presetNameToDelete, width: "narrow", children: _jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), " \"", presetNameToDelete, "\" ?"] }) })] }));
-};

package/ui/Blocks/CommonGrid/components/GridStatus/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Row, MessageCell, MessageCellBody } from '../Table';
-import { Trans } from '@lingui/react';
-export var GridStatus = function (_a) {
-    var isLoading = _a.isLoading, isEmpty = _a.isEmpty, errorMessage = _a.errorMessage;
-    var hasError = !isLoading && errorMessage;
-    var variant = hasError ? 'error' : 'info';
-    return (_jsx(Row, { className: "dataRow", align: "center", children: _jsx(MessageCell, { children: _jsxs(MessageCellBody, { variant: variant, children: [isLoading && _jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), hasError && errorMessage, isEmpty && _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." })] }) }) }));
-};

package/ui/Blocks/CommonGrid/components/GroupRow.js

@@ -1,25 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getCellSizeProps, getGroupClassNames, getStickyCollClassNames } from '../utils';
-import { Row, Cell } from './Table';
-var GroupCell = function (_a) {
-    var column = _a.column, group = _a.group, displayColumnWidth = _a.displayColumnWidth;
-    var cellSizeProps = getCellSizeProps(column, displayColumnWidth);
-    var cellClassName = "cell".concat(getStickyCollClassNames(!!column.sticky, column.stickTo), " ").concat(getGroupClassNames(group));
-    return (_jsx(Cell, __assign({ className: cellClassName }, cellSizeProps, { children: group.start && _jsx(_Fragment, { children: group.name }) })));
-};
-var GroupRow = function (_a) {
-    var actionColumn = _a.actionColumn, columns = _a.columns, groups = _a.groups, displayColumnsWidth = _a.displayColumnsWidth;
-    return (_jsxs(Row, { className: "group-row", children: [actionColumn && _jsx(Cell, { className: "cell", flexBasis: actionColumn.flexBasis, flexGrow: 0, flexShrink: 0 }, "actions"), groups.map(function (group, key) { return (_jsx(GroupCell, { column: columns[key], group: group, displayColumnWidth: displayColumnsWidth[columns[key].name] }, key)); })] }));
-};
-export default GroupRow;

package/ui/Blocks/CommonGrid/components/HeadCell.js

@@ -1,29 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getCellSizeProps, getGroupClassNames, getSortName, getStickyCollClassNames } from '../utils';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import ColumnTitle from './ColumnTitle';
-import Resize from './Resize';
-import { Cell } from './Table';
-export var HeadCell = function (_a) {
-    var _b;
-    var column = _a.column, isDragDisabled = _a.isDragDisabled, displayColumnsWidth = _a.displayColumnsWidth, onResizeOut = _a.onResizeOut, onResizeOver = _a.onResizeOver, onResize = _a.onResize, sortingValues = _a.sortingValues, onSetSort = _a.onSetSort, group = _a.group, hasResize = _a.hasResize, isSortTerminated = _a.isSortTerminated;
-    var _c = useSortable({
-        id: column.name,
-        disabled: isDragDisabled || !!column.sticky,
-        animateLayoutChanges: function () { return false; }
-    }), attributes = _c.attributes, listeners = _c.listeners, setNodeRef = _c.setNodeRef, transform = _c.transform, transition = _c.transition;
-    var cellClassName = "cell".concat(getStickyCollClassNames(!!(column === null || column === void 0 ? void 0 : column.sticky), column === null || column === void 0 ? void 0 : column.stickTo), " ").concat(getGroupClassNames(group));
-    return (_jsxs(Cell, __assign({}, getCellSizeProps(column, displayColumnsWidth[column.name]), attributes, listeners, { className: cellClassName, transition: transition, transform: CSS.Transform.toString(transform), ref: setNodeRef, children: [_jsx(ColumnTitle, { title: column === null || column === void 0 ? void 0 : column.title, isSortable: !!column.sorting && !isSortTerminated, onSetSort: onSetSort(column.name, column.systemName), sortValue: ((_b = sortingValues.find(function (sorting) { return sorting.column === getSortName(column); })) === null || _b === void 0 ? void 0 : _b.direction) || null }), hasResize && onResizeOut && onResizeOver && (_jsx(Resize, { onResize: onResize(column.name), onResizeOver: onResizeOver, onResizeOut: onResizeOut }))] })));
-};

package/ui/Blocks/CommonGrid/components/HeadRow.js

@@ -1,54 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import { getCellSizeProps, getStickyCollClassNames } from '../utils';
-import { closestCenter, useSensor, useSensors, DndContext, PointerSensor } from '@dnd-kit/core';
-import { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';
-import ColumnTitle from './ColumnTitle';
-import { HeadCell } from './HeadCell';
-import { Row, Cell } from './Table';
-var getStickyComponent = function (columns, stickyTo, displayColumnsWidth) {
-    var _a;
-    return (_a = columns === null || columns === void 0 ? void 0 : columns.filter(function (item) { return item.sticky && item.stickTo === stickyTo; })) === null || _a === void 0 ? void 0 : _a.map(function (column) {
-        var cellClassName = "cell".concat(getStickyCollClassNames(!!column.sticky, column.stickTo));
-        return (_jsx(Cell, __assign({}, getCellSizeProps(column, displayColumnsWidth[column.name]), { className: cellClassName, children: _jsx(ColumnTitle, { title: column === null || column === void 0 ? void 0 : column.title, isSortable: false, sortValue: null }) }), column.name));
-    });
-};
-var HeadRow = function (_a) {
-    var columns = _a.columns, onAddSort = _a.onAddSort, handleDragEnd = _a.handleDragEnd, _b = _a.sortingValues, sortingValues = _b === void 0 ? [] : _b, displayColumnsWidth = _a.displayColumnsWidth, columnLayout = _a.columnLayout, handleResizeDrag = _a.handleResizeDrag, groups = _a.groups, isSortTerminated = _a.isSortTerminated;
-    var _c = useState(false), showUIElements = _c[0], setShowUIElements = _c[1];
-    useEffect(function () {
-        setShowUIElements(true);
-    }, []);
-    var _d = useState(false), isDragDisabled = _d[0], setIsDragDisabled = _d[1];
-    var onResizeOver = React.useCallback(function () {
-        setIsDragDisabled(true);
-    }, [setIsDragDisabled]);
-    var onResizeOut = React.useCallback(function () {
-        setIsDragDisabled(false);
-    }, [setIsDragDisabled]);
-    var onResize = React.useCallback(function (name) { return function (width) {
-        handleResizeDrag === null || handleResizeDrag === void 0 ? void 0 : handleResizeDrag(name, width);
-    }; }, [handleResizeDrag]);
-    var onSetSort = React.useCallback(function (name, systemName) { return function (value) {
-        onAddSort === null || onAddSort === void 0 ? void 0 : onAddSort(systemName || name, value);
-    }; }, [onAddSort]);
-    var sensors = useSensors(useSensor(PointerSensor));
-    return (_jsx(_Fragment, { children: showUIElements && (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: columns.map(function (_a) {
-                    var name = _a.name;
-                    return name;
-                }), strategy: horizontalListSortingStrategy, children: _jsxs(Row, { className: "headRow", children: [getStickyComponent(columns, 'left', displayColumnsWidth), columns
-                            .filter(function (item) { return !item.sticky; })
-                            .map(function (column, index) { return (_jsx(HeadCell, { column: column, isDragDisabled: isDragDisabled, displayColumnsWidth: displayColumnsWidth, onResizeOut: onResizeOut, onResizeOver: onResizeOver, onResize: onResize, sortingValues: sortingValues, onSetSort: onSetSort, group: groups[index], hasResize: columnLayout === 'normal' || !!columns[index + 1], isSortTerminated: isSortTerminated }, column.name)); }), getStickyComponent(columns, 'right', displayColumnsWidth)] }) }) })) }));
-};
-export default HeadRow;