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

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

@@ -1,31 +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 React from 'react';
-import Icon from '../../../../Elements/Icon/Icon';
-import styled from '@xstyled/styled-components';
-import { th } from '@xstyled/system';
-export var List = styled.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: white;\n  box-shadow: dropShadow;\n  border-radius: 10px;\n  padding: 2;\n  min-width: 130px;\n"], ["\n  background-color: white;\n  box-shadow: dropShadow;\n  border-radius: 10px;\n  padding: 2;\n  min-width: 130px;\n"])));
-export var ListItem = styled.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  padding: 1 0;\n  cursor: pointer;\n"], ["\n  border-bottom: 1px solid ", ";\n  padding: 1 0;\n  cursor: pointer;\n"])), th('colors.bgLightGray1'));
-export var ListItemContent = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 8px 10px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 400;\n  color: ", ";\n  background-color: ", ";\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 8px 10px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 400;\n  color: ", ";\n  background-color: ", ";\n  :hover {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var selected = _a.selected;
-    return (selected ? th('colors.red1') : 'auto');
-}, function (_a) {
-    var selected = _a.selected;
-    return (selected ? th('colors.red20') : 'transparent');
-}, function (_a) {
-    var selected = _a.selected;
-    return (selected ? th('colors.red30') : th('colors.bgLightGray1'));
-});
-export var ListItemIcon = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-block;\n  border: 1px solid;\n  border-color: blue2;\n  border-radius: 2px;\n  margin-right: 2;\n  width: 12px;\n  height: 12px;\n  line-height: 6px;\n  padding-top: 1px;\n"], ["\n  display: inline-block;\n  border: 1px solid;\n  border-color: blue2;\n  border-radius: 2px;\n  margin-right: 2;\n  width: 12px;\n  height: 12px;\n  line-height: 6px;\n  padding-top: 1px;\n"])));
-var IconList = function (_a) {
-    var list = _a.list, selected = _a.selected, onClick = _a.onClick;
-    var handleClick = React.useCallback(function (item) { return function () {
-        onClick(item);
-    }; }, [onClick]);
-    return (_jsx(List, { className: "ignore-element-for-closing-hook", children: list.map(function (item) { return (_jsx(ListItem, { onClick: handleClick(item), children: _jsxs(ListItemContent, { selected: selected === item.value, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { icon: item.icon, fill: "red1", size: "8px" }) })), item.label] }) }, item.value)); }) }));
-};
-export default IconList;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

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

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { Input } from '../../../../Forms/Input/Input';
-import { ManageColumnRow } from './components/ManageColumnRow';
-import { closestCenter, useSensor, useSensors, DndContext, PointerSensor } from '@dnd-kit/core';
-import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
-import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { i18n } from '@lingui/core';
-import { x } from '@xstyled/styled-components';
-var modifiers = [restrictToVerticalAxis];
-var ManageColumnForm = function (_a) {
-    var columns = _a.columns, columnsConfigValues = _a.columnsConfigValues, setColumnsConfigOptions = _a.setColumnsConfigOptions, handleDragEnd = _a.handleDragEnd;
-    var _b = useState(''), searchedValue = _b[0], setSearchedValue = _b[1];
-    var onChangeInputValue = useCallback(function (e) {
-        setSearchedValue(e.target.value);
-    }, [setSearchedValue]);
-    var clear = useCallback(function () {
-        setSearchedValue('');
-    }, [setSearchedValue]);
-    var sensors = useSensors(useSensor(PointerSensor));
-    return (_jsxs(x.div, { children: [_jsx(Input, { icon: "search", type: "text", value: searchedValue, placeholder: i18n._({ id: 'manageColumn.searchPlaceholder', message: 'Find column...' }), onChange: onChangeInputValue, onClear: clear, variant: "gray" }), _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, modifiers: modifiers, children: _jsx(SortableContext, { items: columns.map(function (_a) {
-                        var name = _a.name;
-                        return name;
-                    }), strategy: verticalListSortingStrategy, children: _jsx(x.div, { h: "400px", overflowY: "scroll", mt: "20px", children: columns.map(function (column) { return (_jsx(ManageColumnRow, { column: column, columnsConfigValues: columnsConfigValues, setColumnsConfigOptions: setColumnsConfigOptions, searchedValue: searchedValue }, column.name)); }) }) }) })] }));
-};
-export default ManageColumnForm;

package/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.js

@@ -1,41 +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, useState } from 'react';
-import { Group } from '../../../../../Elements/Icon/icons/Group';
-import Toggle from '../../../../../Elements/Toggle/Toggle';
-import { H6 } from '../../../../../Elements/Typography/Typography';
-import { RowLayout } from '../styles';
-import { getTranslatedValue } from '../utils';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { x } from '@xstyled/styled-components';
-export var ManageColumnRow = function (_a) {
-    var _b, _c;
-    var column = _a.column, columnsConfigValues = _a.columnsConfigValues, setColumnsConfigOptions = _a.setColumnsConfigOptions, searchedValue = _a.searchedValue;
-    var _d = useState((_b = columnsConfigValues === null || columnsConfigValues === void 0 ? void 0 : columnsConfigValues.includes(column.name)) !== null && _b !== void 0 ? _b : false), isSelected = _d[0], setIsSelected = _d[1];
-    var handleToggleChange = useCallback(function () {
-        setColumnsConfigOptions(function (prevOptions) {
-            var _a;
-            return __assign(__assign({}, prevOptions), (_a = {}, _a[column.name] = !isSelected ? {} : { isHidden: true }, _a));
-        });
-        setIsSelected(!isSelected);
-    }, [setColumnsConfigOptions, isSelected, column.name]);
-    var translatedValue = getTranslatedValue(column);
-    var isVisible = ((_c = translatedValue === null || translatedValue === void 0 ? void 0 : translatedValue.toLocaleLowerCase()) === null || _c === void 0 ? void 0 : _c.includes(searchedValue.toLocaleLowerCase())) && !column.alwaysOn;
-    var _e = useSortable({
-        id: column.name,
-        disabled: !!searchedValue || !!column.sticky,
-        animateLayoutChanges: function () { return false; }
-    }), attributes = _e.attributes, listeners = _e.listeners, setNodeRef = _e.setNodeRef, transform = _e.transform, transition = _e.transition;
-    return (_jsx(RowLayout, { "$isVisible": isVisible, transition: transition, transform: CSS.Transform.toString(transform), ref: setNodeRef, children: _jsxs(x.div, { display: "flex", alignItems: "center", w: "100%", children: [_jsx(x.div, { w: "28px", children: _jsx(Toggle, { name: "", variant: "grid", onChange: handleToggleChange, spaceAround: false, checked: isSelected }) }), _jsxs(H6, __assign({ variant: "medium", ml: "8px", m: "0", w: "100%", p: "8px", cursor: "grab" }, attributes, listeners, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [translatedValue, _jsx(Group, {})] }))] }) }));
-};

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

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

package/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.js

@@ -1,16 +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 styled, { th } from '@xstyled/styled-components';
-export var RowLayout = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  height: 52px;\n  background-color: white;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  margin-bottom: 15px;\n  transition: ", ";\n  transform: ", ";\n"], ["\n  display: ", ";\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  height: 52px;\n  background-color: white;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  margin-bottom: 15px;\n  transition: ", ";\n  transform: ", ";\n"])), function (_a) {
-    var $isVisible = _a.$isVisible;
-    return ($isVisible ? 'flex' : 'none');
-}, th.color('lightGray6'), function (_a) {
-    var transition = _a.transition;
-    return transition;
-}, function (_a) {
-    var transform = _a.transform;
-    return transform;
-});
-var templateObject_1;

package/ui/Blocks/CommonGrid/components/ManageColumnForm/utils.js

@@ -1,10 +0,0 @@
-import { i18n } from '@lingui/core';
-import isObject from 'lodash/isObject';
-export var getTranslatedValue = function (column) {
-    var _a, _b, _c, _d;
-    return column && isObject(column === null || column === void 0 ? void 0 : column.title)
-        ? 'props' in column.title &&
-            ((_a = column.title) === null || _a === void 0 ? void 0 : _a.props) &&
-            i18n._({ id: (_c = (_b = column.title) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.id, message: (_d = column.title) === null || _d === void 0 ? void 0 : _d.props.message })
-        : column === null || column === void 0 ? void 0 : column.title;
-};

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 { MobileOverlayWrapper } from './MobileOverlayWrapper';
-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 && col.title; });
-    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", ignoreClickOutside: true, 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: MobileOverlayWrapper, comparators: defaultComparators, actionColumn: actionColumn, rowsData: rowsData, uxState: uxState, handleUxChange: handleUxChange, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions }, (filterType === 'date' && { compact: true }), (filterType === 'options' && { options: column.filterOptions, columnWidth: column === null || column === void 0 ? void 0 : column.flexBasis }), filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.defaultExtraProps, column.filterExtraProps))] }, column.name));
-            }) }) }));
-};
-export default MobileFilterModal;

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

@@ -1,7 +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 styled from '@xstyled/styled-components';
-export var MobileOverlayWrapper = 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 templateObject_1;

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", ignoreClickOutside: true, 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/Blocks/CommonGrid/components/OversizedScroll.js

@@ -1,19 +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 styled, { css } from '@xstyled/styled-components';
-var ScrollWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) {
-    return props.columnLayout !== 'no-scroll' && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      overflow-x: ", ";\n      position: relative;\n      @media (min-width: 1024px) {\n        overflow-x: auto;\n      }\n    "], ["\n      overflow-x: ", ";\n      position: relative;\n      @media (min-width: 1024px) {\n        overflow-x: auto;\n      }\n    "])), props.columnLayout === 'sticky' ? 'inherit' : 'auto');
-});
-var ScrollSizer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) {
-    return props.columnLayout !== 'no-scroll' && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: ", "px;\n    "], ["\n      width: ", "px;\n    "])), props.totalColumnsWidth);
-});
-var FloatPosition = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: sticky;\n  left: 0;\n"], ["\n  position: sticky;\n  left: 0;\n"])));
-var OversizedScroll = function (_a) {
-    var columnLayout = _a.columnLayout, children = _a.children, floatingChildren = _a.floatingChildren, totalColumnsWidth = _a.totalColumnsWidth, ref = _a.ref;
-    return (_jsxs(ScrollWrapper, { columnLayout: columnLayout, className: "gridWrapper", ref: ref, children: [_jsx(ScrollSizer, { columnLayout: columnLayout, totalColumnsWidth: totalColumnsWidth, children: children }), floatingChildren && _jsx(FloatPosition, { children: floatingChildren })] }));
-};
-export default OversizedScroll;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.js

@@ -1,7 +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 { styled } from '@xstyled/styled-components';
-export var TagRemove = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  margin-left: 6px;\n  height: fit-content;\n  width: 17px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  &:hover {\n    svg {\n      fill: black;\n    }\n  }\n"], ["\n  cursor: pointer;\n  margin-left: 6px;\n  height: fit-content;\n  width: 17px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  &:hover {\n    svg {\n      fill: black;\n    }\n  }\n"])));
-var templateObject_1;

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

@@ -1,32 +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 { useMemo } from 'react';
-import Button from '../../../../Elements/Button/Button';
-import { Cancel } from '../../../../Elements/Icon/icons/Cancel';
-import Tag from '../../../../Elements/Tag/Tag';
-import { palettes } from '../../../../Elements/Tag/palettes';
-import { H6 } from '../../../../Elements/Typography/Typography';
-import { TagRemove } from './components/TagRemove';
-import { Trans } from '@lingui/react';
-import { x } from '@xstyled/styled-components';
-import isEmpty from 'lodash/isEmpty';
-export var PresetsModalBody = function (_a) {
-    var onOpenCreatePresetModal = _a.onOpenCreatePresetModal, gridPresets = _a.gridPresets, handleSelectPreset = _a.handleSelectPreset, handleOpenDeletePresetModal = _a.handleOpenDeletePresetModal, selectedPresetName = _a.selectedPresetName, handleExportPresets = _a.handleExportPresets, handleImportButtonClick = _a.handleImportButtonClick, handleImportPresets = _a.handleImportPresets, fileInputRef = _a.fileInputRef, filters = _a.filters;
-    var presets = useMemo(function () { return Object.entries(gridPresets || {}); }, [gridPresets]);
-    var hasPresets = !!(presets === null || presets === void 0 ? void 0 : presets.length);
-    return (_jsxs(x.div, { children: [_jsx(x.div, { display: "flex", rowGap: "12px", flexWrap: "wrap", children: hasPresets ? (presets === null || presets === void 0 ? void 0 : presets.map(function (_a, index) {
-                    var presetName = _a[0], filters = _a[1];
-                    var isSelected = presetName === selectedPresetName;
-                    return (_jsxs(Tag, __assign({ size: "big", onClick: handleSelectPreset(presetName, filters) }, (isSelected ? palettes.redWhite : palettes.redRed), { pointer: true, children: [_jsx(H6, { mt: 0, mb: 0, variant: "semiBold", children: presetName }), _jsx(TagRemove, { onClick: handleOpenDeletePresetModal(presetName), children: _jsx(Cancel, { fill: isSelected ? 'white' : '#DB2B19', width: "11px", height: "11px" }) })] }), "".concat(presetName, "_").concat(index)));
-                })) : (_jsx(Trans, { id: "dataGrid.noPresets.title", message: "No presets available" })) }), _jsx(x.input, { type: "file", accept: ".json", onChange: handleImportPresets, ref: fileInputRef, display: "none" }), _jsxs(x.div, { display: "flex", mt: "34px", gap: "12px", justifyContent: "space-between", children: [_jsxs(x.div, { display: "flex", gap: "12px", children: [hasPresets && (_jsx(Button, { onClick: handleExportPresets, type: "button", appearance: "secondary", children: _jsx(Trans, { id: "dataGrid.exportPreset.title", message: "Export presets" }) })), _jsx(Button, { onClick: handleImportButtonClick, type: "button", appearance: "secondary", children: _jsx(Trans, { id: "dataGrid.importPreset.title", message: "Import presets" }) })] }), _jsx(Button, { type: "button", onClick: onOpenCreatePresetModal, disabled: isEmpty(filters), children: _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }) })] })] }));
-};

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

@@ -1,21 +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 Button from '../../../../Elements/Button';
-import Input from '../../../../Forms/Input';
-import styled, { x } from '@xstyled/styled-components';
-var StyledInput = styled(Input)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: ", ";\n  z-index: ", ";\n  width: auto;\n"], ["\n  position: ", ";\n  z-index: ", ";\n  width: auto;\n"])), function (_a) {
-    var isMobileInputView = _a.isMobileInputView;
-    return (isMobileInputView ? 'absolute' : 'relative');
-}, function (_a) {
-    var isMobileInputView = _a.isMobileInputView;
-    return (isMobileInputView ? '3' : '1');
-});
-var QuickFilter = function (_a) {
-    var searchedValue = _a.searchedValue, placeholderText = _a.placeholderText, onChange = _a.onChange, onClick = _a.onClick, displayInput = _a.displayInput, onClear = _a.onClear, isMobileInputView = _a.isMobileInputView, alwaysShowClear = _a.alwaysShowClear;
-    return (_jsx(x.div, { mr: "12px", children: displayInput ? (_jsx(StyledInput, { icon: "search", type: "text", value: searchedValue, placeholder: placeholderText, onChange: onChange, variant: "gray", onClear: onClear, alwaysShowClear: alwaysShowClear, isMobileInputView: isMobileInputView })) : (_jsx(Button, { variant: "icon", appearance: "secondary", icon: "search", onClick: onClick })) }));
-};
-export default QuickFilter;
-var templateObject_1;

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

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

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

@@ -1,33 +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 { useCallback } from 'react';
-import styled from '@xstyled/styled-components';
-var Resizer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 7px;\n  cursor: col-resize;\n  position: absolute;\n  z-index: 2;\n  right: 0px;\n  top: 0px;\n  border-left: 1px dotted;\n  border-right: 1px dotted;\n  border-left-color: primary;\n  border-right-color: primary;\n  opacity: 0;\n  transition: opacity 0.6s;\n  &:hover {\n    opacity: 1;\n  }\n"], ["\n  height: 100%;\n  width: 7px;\n  cursor: col-resize;\n  position: absolute;\n  z-index: 2;\n  right: 0px;\n  top: 0px;\n  border-left: 1px dotted;\n  border-right: 1px dotted;\n  border-left-color: primary;\n  border-right-color: primary;\n  opacity: 0;\n  transition: opacity 0.6s;\n  &:hover {\n    opacity: 1;\n  }\n"])));
-var Resize = function (_a) {
-    var onResize = _a.onResize, onResizeOver = _a.onResizeOver, onResizeOut = _a.onResizeOut;
-    var handleMouseDown = useCallback(function (downEvent) {
-        if ((downEvent === null || downEvent === void 0 ? void 0 : downEvent.button) !== 0) {
-            return;
-        }
-        var initialPosX = downEvent === null || downEvent === void 0 ? void 0 : downEvent.pageX;
-        var handleMouseMove = function (moveEvent) {
-            onResize(moveEvent.pageX - initialPosX);
-        };
-        var handleMouseUp = function (upEvent) {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', handleMouseUp);
-            upEvent.stopPropagation();
-            upEvent.preventDefault();
-        };
-        document.addEventListener('mousemove', handleMouseMove);
-        document.addEventListener('mouseup', handleMouseUp);
-        downEvent.stopPropagation();
-        downEvent.preventDefault();
-    }, [onResize]);
-    return _jsx(Resizer, { className: "resizer", onMouseDown: handleMouseDown, onMouseOver: onResizeOver, onMouseOut: onResizeOut });
-};
-export default Resize;
-var templateObject_1;

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

@@ -1,16 +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 styled, { system, th } from '@xstyled/styled-components';
-export var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  display: flex;\n  min-height: 32px;\n  border-bottom: 1px solid rgb(228, 231, 235);\n  cursor: ", ";\n"], ["\n  ", ";\n  display: flex;\n  min-height: 32px;\n  border-bottom: 1px solid rgb(228, 231, 235);\n  cursor: ", ";\n"])), system, function (props) { return (props.hasRowClick ? 'pointer' : 'auto'); });
-export var Cell = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: ", ";\n  transition: ", ";\n  transform: ", ";\n"], ["\n  ", ";\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: ", ";\n  transition: ", ";\n  transform: ", ";\n"])), system, function (props) { return props.align; }, function (props) { return props.transition; }, function (props) { return props.transform; });
-export var StyledDataRow = styled(Row)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (props) { return (props.isEven ? th('colors.bgLightGray') : 'white'); });
-export var TextCell = styled(Cell)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
-export var MessageCell = styled(Cell)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 100vw;\n  position: sticky;\n  left: 0;\n  justify-content: center;\n"], ["\n  width: 100vw;\n  position: sticky;\n  left: 0;\n  justify-content: center;\n"])));
-var variantColors = {
-    error: th('colors.red1'),
-    info: th('colors.gray1')
-};
-export var MessageCellBody = styled(Cell)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding: 2px 10px;\n  border-radius: 4px;\n  color: ", ";\n"], ["\n  padding: 2px 10px;\n  border-radius: 4px;\n  color: ", ";\n"])), function (props) { return variantColors[props.variant]; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -1,42 +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;
-};
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import Select from '../../../../Elements/Select/Select';
-import { Paragraph4 } from '../../../../Elements/Typography/Typography';
-import { rowsPerPageOptions } from '../../utils/constants';
-import { Trans } from '@lingui/react';
-import styled, { x } from '@xstyled/styled-components';
-var Wrapper = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  & > :nth-child(2) {\n    display: none;\n    @media (min-width: 1024px) {\n      display: block;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  & > :nth-child(2) {\n    display: none;\n    @media (min-width: 1024px) {\n      display: block;\n    }\n  }\n"])));
-var StyledSelect = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 15px;\n  @media (min-width: 1024px) {\n    margin-right: 8px;\n  }\n"], ["\n  margin-right: 15px;\n  @media (min-width: 1024px) {\n    margin-right: 8px;\n  }\n"])));
-var TablePagination = function (_a) {
-    var gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, autoRowsPerPage = _a.autoRowsPerPage, customPaginationHandler = _a.customPaginationHandler;
-    var setRowsPerPage = gridActions.setRowsPerPage;
-    var page = gridSelectors.page;
-    var rowsPerPage = gridSelectors.rowsPerPage || 10;
-    var options = useMemo(function () {
-        return autoRowsPerPage
-            ? __spreadArray(__spreadArray([], rowsPerPageOptions, true), [{ value: autoRowsPerPage, label: "auto (".concat(autoRowsPerPage, ")") }], false) : rowsPerPageOptions;
-    }, [autoRowsPerPage]);
-    var onSetRowsPerPage = useCallback(function (option) {
-        if (option && 'value' in option) {
-            var value = Number(option.value);
-            setRowsPerPage === null || setRowsPerPage === void 0 ? void 0 : setRowsPerPage(value);
-            customPaginationHandler === null || customPaginationHandler === void 0 ? void 0 : customPaginationHandler(page !== null && page !== void 0 ? page : 1, value);
-        }
-    }, [setRowsPerPage, page, customPaginationHandler]);
-    return (_jsxs(Wrapper, { children: [_jsx(StyledSelect, { minWidth: "110px", children: _jsx(Select, { name: "rowsPerPage", menuPlacement: "top", style: "gridFilter", placeholder: "".concat(rowsPerPage), options: options, value: rowsPerPage, isDarkPlaceholderText: true, onChange: onSetRowsPerPage }) }), _jsx(Paragraph4, { variant: "normal", mr: "20px", children: _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }) })] }));
-};
-export default TablePagination;
-var templateObject_1, templateObject_2;

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

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

package/ui/Blocks/CommonGrid/components/gridCells/BoolIcon.js

@@ -1,18 +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 React from 'react';
-import { ToastError, ToastSuccess } from '../../../../Elements/Icon';
-import styled from '@xstyled/styled-components';
-import get from 'lodash/fp/get';
-var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n"])));
-var BoolIcon = function (_a) {
-    var rowData = _a.rowData, column = _a.column;
-    var value = get(column.name, rowData);
-    var icon = value ? _jsx(ToastSuccess, {}) : _jsx(ToastError, {});
-    return _jsx(Center, { children: icon });
-};
-export var BoolIconCell = React.memo(BoolIcon);
-var templateObject_1;

package/ui/Blocks/CommonGrid/components/gridCells/ButtonInCell.js

@@ -1,16 +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";
-import Button from '../../../../Elements/Button/Button';
-export var ButtonInCell = function (props) {
-    return _jsx(Button, __assign({}, props, { appearance: "primary", variant: "link" }));
-};

package/ui/Blocks/CommonGrid/components/gridCells/Date.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DateTime } from 'luxon';
-import get from 'lodash/fp/get';
-export var DateCell = function (_a) {
-    var rowData = _a.rowData, column = _a.column;
-    var value = get(column.name, rowData);
-    return value ? _jsx("span", { children: DateTime.fromISO(value).toFormat('dd. MM. yyyy') }) : null;
-};

package/ui/Blocks/CommonGrid/components/gridCells/DateTime.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DateTime } from 'luxon';
-import get from 'lodash/fp/get';
-var defaultProps = {
-    dateTimeFormat: 'dd. MM. yyyy HH:mm'
-};
-export var DateTimeCell = function (_a) {
-    var _b;
-    var rowData = _a.rowData, column = _a.column;
-    var value = get(column.name, rowData);
-    var dateTimeFormat = ((_b = column === null || column === void 0 ? void 0 : column.passProps) !== null && _b !== void 0 ? _b : defaultProps).dateTimeFormat;
-    return value ? _jsx("span", { children: DateTime.fromISO(value).toFormat(dateTimeFormat) }) : null;
-};

package/ui/Blocks/CommonGrid/components/gridCells/EnumInCell.js

@@ -1,33 +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;
-};
-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";
-import { useMemo } from 'react';
-import HighlightBox from '../../../../Elements/HighlightBox';
-import styled from '@xstyled/styled-components';
-var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"])));
-export var EnumInCell = function (_a) {
-    var value = _a.value, enumObj = _a.enumObj, appearanceMap = _a.appearanceMap, size = _a.size;
-    var finalLabel = useMemo(function () {
-        return enumObj[value] ? enumObj[value]() : value;
-    }, [enumObj, value]);
-    var coloringProp = useMemo(function () {
-        return { appearance: appearanceMap[value] };
-    }, [appearanceMap, value]);
-    if (!finalLabel)
-        return null;
-    return (_jsx(Center, { "data-propagation": "true", children: _jsx(HighlightBox, __assign({}, coloringProp, { size: size, prefix: "grid", children: finalLabel })) }));
-};
-var templateObject_1;

package/ui/Blocks/CommonGrid/components/gridCells/HoverBubble.js

@@ -1,18 +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 styled from '@xstyled/styled-components';
-import get from 'lodash/fp/get';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    cursor: pointer;\n    .tooltip {\n      display: block;\n    }\n  }\n"], ["\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    cursor: pointer;\n    .tooltip {\n      display: block;\n    }\n  }\n"])));
-var Tooltip = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  margin-bottom: 2;\n\n  div {\n    display: none;\n    position: absolute;\n    background-color: white;\n    color: gray;\n    border-color: gray;\n    border: 1px solid;\n    border-radius: md;\n    padding: 2 3;\n    margin: 1;\n    z-index: 1;\n    box-shadow: tooltipBoxShadow;\n    transform: translateY(-100%);\n\n    max-width: 400px;\n    line-break: anywhere;\n    white-space: initial;\n  }\n"], ["\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  margin-bottom: 2;\n\n  div {\n    display: none;\n    position: absolute;\n    background-color: white;\n    color: gray;\n    border-color: gray;\n    border: 1px solid;\n    border-radius: md;\n    padding: 2 3;\n    margin: 1;\n    z-index: 1;\n    box-shadow: tooltipBoxShadow;\n    transform: translateY(-100%);\n\n    max-width: 400px;\n    line-break: anywhere;\n    white-space: initial;\n  }\n"])));
-export var HoverBubble = function (_a) {
-    var rowData = _a.rowData, column = _a.column;
-    var value = get(column.name, rowData);
-    if (value) {
-        return (_jsxs(Wrapper, { children: [_jsx(Tooltip, { children: _jsx("div", { className: "tooltip", children: value }) }), value] }));
-    }
-    return null;
-};
-var templateObject_1, templateObject_2;

package/ui/Blocks/CommonGrid/components/gridCells/IconButtonInCell.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Link as ReactLink } from 'react-router-dom';
-import Icon from '../../../../Elements/Icon/Icon';
-import Spinner from '../../../../Elements/Spinner/Spinner';
-import { x } from '@xstyled/styled-components';
-export var IconButtonInCell = function (_a) {
-    var icon = _a.icon, isLoading = _a.isLoading, onClick = _a.onClick, linkTo = _a.linkTo;
-    return (_jsx(_Fragment, { children: isLoading ? (_jsx(Spinner, { variant: "sm" })) : linkTo ? (_jsx(ReactLink, { to: linkTo, "data-cy": "".concat(icon !== null && icon !== void 0 ? icon : '', "IconBtn"), children: _jsx(Icon, { icon: icon || 'warning', size: "16px", fill: "blue2" }) })) : (_jsx(x.span, { onClick: onClick, "data-cy": "".concat(icon !== null && icon !== void 0 ? icon : '', "IconBtn"), cursor: "pointer", h: "100%", w: "100%", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Icon, { icon: icon || 'warning', size: "16px", fill: "blue2" }) })) }));
-};

package/ui/Blocks/CommonGrid/components/gridCells/ImageCell.js

@@ -1,23 +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 Image from '../../../../Elements/Image/Image';
-import styled from '@xstyled/styled-components';
-import get from 'lodash/fp/get';
-var ImageWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  ", "\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
-    var onClick = _a.onClick;
-    return (onClick ? 'cursor: pointer;' : '');
-});
-var StyledImage = styled(Image)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-width: 100%;\n  height: 30px;\n  border: 1x solid;\n  border-radius: md;\n  border-color: lightGray3;\n"], ["\n  max-width: 100%;\n  height: 30px;\n  border: 1x solid;\n  border-radius: md;\n  border-color: lightGray3;\n"])));
-export var ImageCell = function (_a) {
-    var _b;
-    var rowData = _a.rowData, column = _a.column, onClick = _a.onClick;
-    var value = get(column.name, rowData);
-    if ((_b = value === null || value === void 0 ? void 0 : value[0]) === null || _b === void 0 ? void 0 : _b.urlSmall) {
-        return (_jsx(ImageWrapper, { onClick: onClick, children: _jsx(StyledImage, { src: value[0].urlSmall }) }));
-    }
-    return null;
-};
-var templateObject_1, templateObject_2;