@mailstep/design-system 0.8.12 → 0.8.14

package/ui/utils/translations.js

@@ -2,5 +2,5 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Trans } from '@lingui/react';
 /** catalog for lungui to track translations - DO NOT REMOVE */
 var Translations = function () {
-    return (_jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.filterCell.time", message: "Time" }), _jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." }), _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), _jsx(Trans, { id: "dataGrid.buttonGridConfig", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.title", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.buttonReset", message: "Reset all" }), _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }), _jsx(Trans, { id: "manageColumn.title", message: "Manage column" }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset" }), _jsx(Trans, { id: "dataGrid.sortingTerminatedAppeal", message: "Too many results, please set a filter" }), _jsx(Trans, { id: "dataGrid.sortingTerminated", message: "Too many results, sorting cannot be used" }), _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "form.buttonImport", message: "Import" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }), ",", _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }), ",", _jsx(Trans, { id: "datagrid.filterCell.selectAllLabel", message: "select all" }), _jsx(Trans, { id: "datagrid.filterCell.optionsSelectedLabel", message: '{count} options' }), ",", _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" }), ",", _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" }), ",", _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }), ",", _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.all", message: "All" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.yes", message: "Yes" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.no", message: "No" }), _jsx(Trans, { id: "dataGrid.checkedRowsCount", message: "Selected {checkedRowsCount} items" }), ",", _jsx(Trans, { id: "dataGrid.filterCell", message: "Type to filter" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.from", message: "From" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.to", message: "To" }), ",", _jsx(Trans, { id: "manageColumn.searchPlaceholder", message: "Find column..." }), ",", _jsx(Trans, { id: "dataGrid.comparator.equals", message: "Equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notEquals", message: "Not equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThan", message: "Less than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThanOrEquals", message: "Less than or equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThan", message: "Greater than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThanOrEquals", message: "Greater than or equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.contains", message: "Contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notContains", message: "Not contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.startsWith", message: "Starts with'" }), ",", _jsx(Trans, { id: "dataGrid.comparator.endsWith", message: "Ends with" }), ",", _jsx(Trans, { id: "select.noOptions", message: "no options" }), ",", _jsx(Trans, { id: "components.dropdown.loading", message: "Loading..." }), ",", _jsx(Trans, { id: "components.dropdown.placeholder", message: "Select..." }), ",", _jsx(Trans, { id: "components.dropdown.notReact", message: "Select related values first..." }), ",", _jsx(Trans, { id: "components.dropdown.writeMoreChars", message: "Write at least ${asyncLoadMinChars} characters." }), ",", _jsx(Trans, { id: "components.dropdown.noOptions", message: "No options" }), ",", _jsx(Trans, { id: "components.dropdown.newOption", message: "new value" }), ",", _jsx(Trans, { id: "form.general.min2Chars", message: "Minimal length is 2 characters." }), ",", _jsx(Trans, { id: "controlButtons.searchPlaceholder", message: "Search ${translatedValue} ..." }), ",", _jsx(Trans, { id: "dataGrid.everyToday", message: "Every today" }), ",", _jsx(Trans, { id: "dataGrid.everyYesterday", message: "Every yesterday" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.from", message: "from" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.to", message: "to" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.at", message: "at" }), ",", _jsx(Trans, { id: "dataGrid.repeat", message: "Repeat" }), ",", _jsx(Trans, { id: "dataGrid.noRepeat", message: "No repeat" }), ",", _jsx(Trans, { id: "dataGrid.filter", message: "Filter" }), _jsx(Trans, { id: "dataGrid.sort", message: "Sort" }), _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), _jsx(Trans, { id: "dataGrid.presetName.title", message: "Preset name" }), _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), _jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), _jsx(Trans, { id: "dataGrid.noPresets.title", message: "No presets available" }), _jsx(Trans, { id: "dataGrid.exportPreset.title", message: "Export presets" }), _jsx(Trans, { id: "dataGrid.importPreset.title", message: "Import presets" }), _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }), _jsx(Trans, { id: "dataGrid.importPresets.gridNameNotSame", message: "Grid name in file is not the same as current grid." }), _jsx(Trans, { id: "dataGrid.importPresets.error", message: "Error with importing files." }), _jsx(Trans, { id: "card.entrustLogisticsEshopProfessionals", message: "Entrust the logistics of your e-shop to professionals." }), _jsx(Trans, { id: "form.heading.support", message: "Support:" }), _jsx(Trans, { id: "requiredField", message: "Required field" }), _jsx(Trans, { id: "form.login.label", message: "Login" }), _jsx(Trans, { id: "form.password.label", message: "Password" }), _jsx(Trans, { id: "form.distributionCenter.label", message: "Distribution center" }), _jsx(Trans, { id: "form.buttonSignIn", message: "Sign in" }), _jsx(Trans, { id: "footer.collapse", message: "Collapse" }), _jsx(Trans, { id: "step", message: "Step" }), _jsx(Trans, { id: "logout", message: "Logout" })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.filterCell.time", message: "Time" }), _jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." }), _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), _jsx(Trans, { id: "dataGrid.buttonGridConfig", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.title", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.buttonReset", message: "Reset all" }), _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }), _jsx(Trans, { id: "manageColumn.title", message: "Manage column" }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset" }), _jsx(Trans, { id: "dataGrid.sortingTerminatedAppeal", message: "Too many results, please set a filter" }), _jsx(Trans, { id: "dataGrid.sortingTerminated", message: "Too many results, sorting cannot be used" }), _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "form.buttonImport", message: "Import" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }), ",", _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }), ",", _jsx(Trans, { id: "datagrid.filterCell.selectAllLabel", message: "select all" }), _jsx(Trans, { id: "datagrid.filterCell.optionsSelectedLabel", message: '{count} options' }), ",", _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" }), ",", _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" }), ",", _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }), ",", _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.all", message: "All" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.yes", message: "Yes" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.no", message: "No" }), _jsx(Trans, { id: "dataGrid.checkedRowsCount", message: "Selected {checkedRowsCount} items" }), ",", _jsx(Trans, { id: "dataGrid.filterCell", message: "Type to filter" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.from", message: "From" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.to", message: "To" }), ",", _jsx(Trans, { id: "manageColumn.searchPlaceholder", message: "Find column..." }), ",", _jsx(Trans, { id: "dataGrid.comparator.equals", message: "Equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notEquals", message: "Not equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThan", message: "Less than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThanOrEquals", message: "Less than or equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThan", message: "Greater than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThanOrEquals", message: "Greater than or equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.contains", message: "Contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notContains", message: "Not contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.startsWith", message: "Starts with'" }), ",", _jsx(Trans, { id: "dataGrid.comparator.endsWith", message: "Ends with" }), ",", _jsx(Trans, { id: "select.noOptions", message: "no options" }), ",", _jsx(Trans, { id: "components.dropdown.loading", message: "Loading..." }), ",", _jsx(Trans, { id: "components.dropdown.placeholder", message: "Select..." }), ",", _jsx(Trans, { id: "components.dropdown.notReact", message: "Select related values first..." }), ",", _jsx(Trans, { id: "components.dropdown.writeMoreChars", message: "Write at least ${asyncLoadMinChars} characters." }), ",", _jsx(Trans, { id: "components.dropdown.noOptions", message: "No options" }), ",", _jsx(Trans, { id: "components.dropdown.newOption", message: "new value" }), ",", _jsx(Trans, { id: "form.general.min2Chars", message: "Minimal length is 2 characters." }), ",", _jsx(Trans, { id: "controlButtons.searchPlaceholder", message: "Search ${translatedValue} ..." }), ",", _jsx(Trans, { id: "dataGrid.everyToday", message: "Every today" }), ",", _jsx(Trans, { id: "dataGrid.everyYesterday", message: "Every yesterday" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.from", message: "from" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.to", message: "to" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.at", message: "at" }), ",", _jsx(Trans, { id: "dataGrid.repeat", message: "Repeat" }), ",", _jsx(Trans, { id: "dataGrid.noRepeat", message: "No repeat" }), ",", _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), _jsx(Trans, { id: "dataGrid.presetName.title", message: "Preset name" }), _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), _jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), _jsx(Trans, { id: "dataGrid.noPresets.title", message: "No presets available" }), _jsx(Trans, { id: "dataGrid.exportPreset.title", message: "Export presets" }), _jsx(Trans, { id: "dataGrid.importPreset.title", message: "Import presets" }), _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }), _jsx(Trans, { id: "dataGrid.importPresets.gridNameNotSame", message: "Grid name in file is not the same as current grid." }), _jsx(Trans, { id: "dataGrid.importPresets.error", message: "Error with importing files." }), _jsx(Trans, { id: "card.entrustLogisticsEshopProfessionals", message: "Entrust the logistics of your e-shop to professionals." }), _jsx(Trans, { id: "form.heading.support", message: "Support:" }), _jsx(Trans, { id: "requiredField", message: "Required field" }), _jsx(Trans, { id: "form.login.label", message: "Login" }), _jsx(Trans, { id: "form.password.label", message: "Password" }), _jsx(Trans, { id: "form.distributionCenter.label", message: "Distribution center" }), _jsx(Trans, { id: "form.buttonSignIn", message: "Sign in" }), _jsx(Trans, { id: "footer.collapse", message: "Collapse" }), _jsx(Trans, { id: "step", message: "Step" }), _jsx(Trans, { id: "logout", message: "Logout" })] }));
 };

package/ui/Blocks/CommonGrid/components/MobileFilterDropdown.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren, ReactElement } from 'react';
-
-declare const MobileFilterDropdown: ({ children }: PropsWithChildren) => ReactElement;
-export default MobileFilterDropdown;

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

@@ -1,13 +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 } from "react/jsx-runtime";
-import styled from '@xstyled/styled-components';
-var OverlayWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  z-index: 10;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n"], ["\n  position: absolute;\n  z-index: 10;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n"])));
-var MobileFilterDropdown = function (_a) {
-    var children = _a.children;
-    return _jsx(OverlayWrapper, { children: children });
-};
-export default MobileFilterDropdown;
-var templateObject_1;

package/ui/Blocks/CommonGrid/components/MobileFilterModal.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { ColumnDefinition, GridActionsType, FiltersConfig, CustomComparators, ActionColumn, UxState, RowProps, GridSelectorsType } from '../types';
-
-type Props = {
-    isShown: boolean;
-    onClose: () => void;
-    columns: ColumnDefinition[];
-    actionColumn?: ActionColumn;
-    filters?: FiltersConfig;
-    comparators?: CustomComparators;
-    filterValues?: GridSelectorsType['filter'];
-    setFilters: Required<GridActionsType>['setFilters'];
-    rowsData: RowProps[];
-    uxState: UxState;
-    handleUxChange?: GridActionsType['handleUxChange'];
-    onAsyncLoadFilterOptions?: (key: string, value: string) => void;
-    onClearSettings?: () => void;
-};
-declare const MobileFilterModal: FC<Props>;
-export default MobileFilterModal;

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

@@ -1,69 +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 { useCallback, useEffect, useState } from 'react';
-import { H6 } from '../../../Elements/Typography';
-import { Modal } from '../../Modal/Modal';
-import { createFilterType, getFilterName, isFilterActive } from '../utils';
-import { Trans } from '@lingui/react';
-import { x } from '@xstyled/styled-components';
-import get from 'lodash/fp/get';
-import OverlayComponent from './MobileFilterDropdown';
-var MobileFilterModal = function (_a) {
-    var isShown = _a.isShown, onClose = _a.onClose, columns = _a.columns, filters = _a.filters, comparators = _a.comparators, _b = _a.filterValues, filterValues = _b === void 0 ? {} : _b, setFilters = _a.setFilters, rowsData = _a.rowsData, uxState = _a.uxState, handleUxChange = _a.handleUxChange, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, actionColumn = _a.actionColumn, onClearSettings = _a.onClearSettings;
-    var filterableColumns = columns.filter(function (col) { return col.filtering; });
-    var _c = useState(filterValues !== null && filterValues !== void 0 ? filterValues : {}), localFilterValues = _c[0], setLocalFilterValues = _c[1];
-    // Re-sync local state whenever the modal is opened
-    useEffect(function () {
-        if (isShown) {
-            setLocalFilterValues(filterValues !== null && filterValues !== void 0 ? filterValues : {});
-        }
-    }, [isShown]);
-    var hasActiveFilters = Object.values(localFilterValues).some(function (item) { return isFilterActive(item.value); });
-    var handleChange = useCallback(function (column) {
-        return function (event, extraOthers) {
-            var value = (event === null || event === void 0 ? void 0 : event.target) ? event.target.value : event;
-            setLocalFilterValues(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[getFilterName(column)] = {
-                    value: value,
-                    filterProps: {
-                        type: createFilterType(column),
-                        filterExtraProps: column.filterExtraProps || {},
-                        computedValue: column.getFilterCriteria ? column.getFilterCriteria(value) : null
-                    },
-                    others: extraOthers
-                }, _a)));
-            });
-        };
-    }, []);
-    var handleApplyFilters = useCallback(function (close) {
-        setFilters(localFilterValues);
-        close();
-    }, [localFilterValues, setFilters]);
-    var handleReset = useCallback(function () {
-        setLocalFilterValues({});
-        onClearSettings === null || onClearSettings === void 0 ? void 0 : onClearSettings();
-    }, [onClearSettings]);
-    return (_jsx(Modal, { isShown: isShown, onClose: onClose, title: _jsx(Trans, { id: "dataGrid.filter", message: "Filter" }), onCancel: handleReset, cancelLabel: _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset" }), onConfirm: handleApplyFilters, confirmLabel: _jsx(Trans, { id: "dataGrid.filter", message: "Filter" }), hasFooter: hasActiveFilters, width: "narrow", children: _jsx(x.div, { display: "flex", flexDirection: "column", gap: "16px", p: "8px 4px", children: filterableColumns.map(function (column) {
-                var filterType = createFilterType(column);
-                var filterConfig = filters === null || filters === void 0 ? void 0 : filters[filterType];
-                var defaultComparators = comparators === null || comparators === void 0 ? void 0 : comparators[filterType];
-                var value = get([getFilterName(column), 'value'], localFilterValues);
-                var others = get([getFilterName(column), 'others'], localFilterValues);
-                if (!(filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.CellComponent))
-                    return null;
-                var RenderComponent = filterConfig.CellComponent;
-                return (_jsxs(x.div, { display: "flex", flexDirection: "column", gap: "6px", position: "relative", children: [column.title && (_jsx(H6, { mt: 0, mb: 0, variant: "semiBold", children: column.title })), _jsx(RenderComponent, __assign({ asyncLoadKey: column.asyncLoadKey, "data-test": column.name, name: column.name, onChange: handleChange(column), value: value, others: others, OverlayComponent: OverlayComponent, comparators: defaultComparators, actionColumn: actionColumn, rowsData: rowsData, uxState: uxState, handleUxChange: handleUxChange, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions }, (filterType === 'date' && { compact: true }), (filterType === 'options' && { options: column.filterOptions }), filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.defaultExtraProps, column.filterExtraProps))] }, column.name));
-            }) }) }));
-};
-export default MobileFilterModal;

package/ui/Blocks/CommonGrid/components/MobileSortModal.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { ColumnDefinition, GridActionsType, GridSelectorsType } from '../types';
-
-type Props = {
-    isShown: boolean;
-    onClose: () => void;
-    columns: ColumnDefinition[];
-    sortingValues?: GridSelectorsType['sorting'];
-    onAddSorting: Required<GridActionsType>['addSorting'];
-    onResetSorting?: GridActionsType['resetSorting'];
-};
-declare const MobileSortModal: FC<Props>;
-export default MobileSortModal;

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

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import Button from '../../../Elements/Button';
-import { Modal } from '../../Modal/Modal';
-import { getSortName } from '../utils';
-import { SortingUp, SortingDown } from './icons/Sorting';
-import { Trans } from '@lingui/react';
-import { x } from '@xstyled/styled-components';
-var AscIcon = _jsx(SortingUp, { width: "16", fill: "white" });
-var DescIcon = _jsx(SortingDown, { width: "16", fill: "white" });
-var SortRow = function (_a) {
-    var column = _a.column, currentDirection = _a.currentDirection, onCycle = _a.onCycle;
-    var handleClick = useCallback(function () {
-        onCycle(column);
-    }, [column, onCycle]);
-    var icon = currentDirection === 'asc' ? AscIcon : currentDirection === 'desc' ? DescIcon : null;
-    return (_jsx(Button, { type: "button", onClick: handleClick, appearance: currentDirection ? 'primary' : 'secondary', iconRight: icon, fullWidth: true, children: column.title }));
-};
-var MobileSortModal = function (_a) {
-    var isShown = _a.isShown, onClose = _a.onClose, columns = _a.columns, _b = _a.sortingValues, sortingValues = _b === void 0 ? [] : _b, onAddSorting = _a.onAddSorting, onResetSorting = _a.onResetSorting;
-    var sortableColumns = columns.filter(function (col) { return col.sorting; });
-    var getCurrentDirection = useCallback(function (column) { var _a; return ((_a = sortingValues.find(function (s) { return s.column === getSortName(column); })) === null || _a === void 0 ? void 0 : _a.direction) || null; }, [sortingValues]);
-    var activeSortedColumn = sortableColumns.find(function (col) { return getCurrentDirection(col) !== null; });
-    var handleCycle = useCallback(function (column) {
-        var current = getCurrentDirection(column);
-        var next = current ? (current === 'asc' ? 'desc' : null) : 'asc';
-        onAddSorting(getSortName(column), next);
-    }, [getCurrentDirection, onAddSorting]);
-    var handleClearSort = useCallback(function () {
-        onResetSorting === null || onResetSorting === void 0 ? void 0 : onResetSorting();
-    }, [onResetSorting]);
-    return (_jsx(Modal, { isShown: isShown, onClose: onClose, title: _jsx(Trans, { id: "dataGrid.sort", message: "Sort" }), onConfirm: activeSortedColumn ? handleClearSort : undefined, confirmLabel: _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset" }), width: "narrow", children: _jsx(x.div, { display: "flex", flexDirection: "column", gap: "8px", p: "8px 4px", children: sortableColumns.map(function (column) { return (_jsx(SortRow, { column: column, currentDirection: getCurrentDirection(column), onCycle: handleCycle }, column.name)); }) }) }));
-};
-export default MobileSortModal;

package/ui/Elements/Icon/icons/Filter.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { SvgProps } from '../types';
-
-export declare const Filter: FC<SvgProps>;

package/ui/Elements/Icon/icons/Filter.js

@@ -1,13 +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 } from "react/jsx-runtime";
-export var Filter = function (props) { return (_jsx("svg", __assign({ width: "14", height: "9", viewBox: "0 0 14 9", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0V1.5H13.5V0H0ZM5.25 9H8.25V7.5H5.25V9ZM11.25 5.25H2.25V3.75H11.25V5.25Z" }) }))); };

package/ui/Elements/Icon/icons/Sort.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { SvgProps } from '../types';
-
-export declare const Sort: FC<SvgProps>;

package/ui/Elements/Icon/icons/Sort.js

@@ -1,13 +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";
-export var Sort = function (props) { return (_jsxs("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", stroke: "#DB2B19", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M3.5 1.5V12.5M3.5 12.5L1.5 10.5M3.5 12.5L5.5 10.5", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10.5 12.5V1.5M10.5 1.5L8.5 3.5M10.5 1.5L12.5 3.5", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };