@mailstep/design-system 0.7.67 → 0.7.68-beta.0

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

@@ -1,3 +1,5 @@
+import { FC } from 'react';
 import { NumberRangeProps } from './types';
-declare const NumberRange: (props: NumberRangeProps) => JSX.Element;
+
+declare const NumberRange: FC<NumberRangeProps>;
 export default NumberRange;

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

@@ -52,7 +52,9 @@ var createEqualComparators = [
     { 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(/[^0-9.]/g, '');
+    var normalized = String(number)
+        .replace(',', '.')
+        .replace(/[^0-9.]/g, '');
     if (isFloat || !normalized) {
         return normalized;
     }
@@ -70,9 +72,13 @@ var NumberRange = function (props) {
     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 () { return setOpen(false); }, []);
+    var onClose = useCallback(function () {
+        setOpen(false);
+    }, []);
     var pickerRef = useClickOutside({ onClose: onClose });
-    var togglePicker = useCallback(function () { return setOpen(!isOpen); }, [isOpen, setOpen]);
+    var togglePicker = useCallback(function () {
+        setOpen(!isOpen);
+    }, [isOpen, setOpen]);
     var onChangeTextInput = useEvent(function (event) {
         // @TODO find better way to detect between comparator
         if (comparator === 'between') {

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

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

package/ui/Blocks/CommonGrid/components/Filters/NumberRange/types.d.ts

@@ -1,4 +1,5 @@
 import { Comparator, FilterComponentProps } from '../../../types';
+
 export type ComparatorValue = 'eq' | 'neq' | 'lt' | 'lte' | 'gt' | 'gte';
 export type NumberRangeValue = {
     comparator?: ComparatorValue;

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

@@ -1,4 +1,6 @@
+import { FC } from 'react';
 import { Props } from './types';
+
 export declare const ipv4: RegExp;
-declare const TextRange: (props: Props) => JSX.Element;
+declare const TextRange: FC<Props>;
 export default TextRange;

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

@@ -74,7 +74,9 @@ var TextRange = function (props) {
         setOpen(false);
     }, []);
     var pickerRef = useClickOutside({ onClose: onClose });
-    var togglePicker = useCallback(function () { return setOpen(!isOpen); }, [isOpen, setOpen]);
+    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) {

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

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

package/ui/Blocks/CommonGrid/components/Filters/TextRange/types.d.ts

@@ -1,4 +1,5 @@
 import { FilterComponentProps, Comparator } from '../../../types';
+
 export type TextRangeComparator = 'like' | 'notLike' | 'eq' | 'neq' | 'startsWith' | 'endsWith' | 'contains';
 export type TextRangeValue = {
     comparator?: TextRangeComparator;

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

@@ -1,7 +1,9 @@
+import { FC } from 'react';
 import { FloatingButtonProps } from '../../types';
-export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {}, never>;
-export declare const StyledCross: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+
+export declare const StyledButton: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {}, never>;
+export declare const StyledCross: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isOpen: boolean;
 }, never>;
-declare const FloatingButton: ({ options, onClick }: FloatingButtonProps) => JSX.Element | null;
+declare const FloatingButton: FC<FloatingButtonProps>;
 export default FloatingButton;

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

@@ -4,9 +4,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useRef, useState } from 'react';
-import styled from '@xstyled/styled-components';
 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"])));
@@ -21,7 +21,9 @@ 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 () { return setShowDropdownMenu(false); }, []);
+    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; });

package/ui/Blocks/CommonGrid/components/FloatingButton/index.d.ts

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

package/ui/Blocks/CommonGrid/components/GridInfo/index.d.ts

@@ -1,4 +1,5 @@
-import type { FC } from 'react';
+import { FC } from 'react';
+
 type Props = {
     isSortTerminatedAppeal?: boolean;
     isSortTerminated?: boolean;

package/ui/Blocks/CommonGrid/components/GridModals/index.d.ts

@@ -1,6 +1,7 @@
-import React, { type FC } from 'react';
-import type { ColumnConfig, ColumnDefinition, GridActionsType, GridSelectorsType } from '../../types';
-import type { DragEndEvent } from '@dnd-kit/core';
+import { default as React, FC } from 'react';
+import { ColumnConfig, ColumnDefinition, GridActionsType, GridSelectorsType } from '../../types';
+import { DragEndEvent } from '@dnd-kit/core';
+
 type ModalsProps = {
     manageColumnFormVisible: boolean;
     onCloseForm: () => void;

package/ui/Blocks/CommonGrid/components/GridStatus/index.d.ts

@@ -1,4 +1,5 @@
-import type { FC } from 'react';
+import { FC } from 'react';
+
 type Props = {
     isLoading?: boolean;
     isEmpty?: boolean;

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

@@ -1,9 +1,11 @@
-import type { ActionColumn, Group, ColumnDefinition, GridSelectorsType } from '../types';
+import { FC } from 'react';
+import { ActionColumn, Group, ColumnDefinition, GridSelectorsType } from '../types';
+
 type GroupRowProps = {
     groups: Group[];
     actionColumn?: ActionColumn;
     columns: ColumnDefinition[];
     displayColumnsWidth: Required<GridSelectorsType>['columnsWidth'];
 };
-declare const GroupRow: ({ actionColumn, columns, groups, displayColumnsWidth }: GroupRowProps) => JSX.Element;
+declare const GroupRow: FC<GroupRowProps>;
 export default GroupRow;

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

@@ -1,5 +1,6 @@
-import type { FC } from 'react';
-import type { Group, Settings, ColumnDefinition, SortingValueType } from '../types';
+import { FC } from 'react';
+import { Group, Settings, ColumnDefinition, SortingValueType } from '../types';
+
 type HeadCellProps = {
     column: ColumnDefinition;
     isDragDisabled: boolean;

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

@@ -1,5 +1,7 @@
-import type { Settings, ColumnDefinition, GridSelectorsType, Group, CommonGridProps, GridActionsType } from '../types';
-import type { DragEndEvent } from '@dnd-kit/core';
+import { FC } from 'react';
+import { Settings, ColumnDefinition, GridSelectorsType, Group, CommonGridProps, GridActionsType } from '../types';
+import { DragEndEvent } from '@dnd-kit/core';
+
 type HeadRowProps = {
     columns: ColumnDefinition[];
     onAddSort: GridActionsType['addSorting'];
@@ -11,5 +13,5 @@ type HeadRowProps = {
     groups: Group[];
     isSortTerminated?: boolean;
 };
-declare const HeadRow: ({ columns, onAddSort, handleDragEnd, sortingValues, displayColumnsWidth, columnLayout, handleResizeDrag, groups, isSortTerminated }: HeadRowProps) => JSX.Element;
+declare const HeadRow: FC<HeadRowProps>;
 export default HeadRow;

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

@@ -1,9 +1,11 @@
-export declare const List: import("styled-components").StyledComponent<"ul", import("@xstyled/system").Theme, {}, never>;
-export declare const ListItem: import("styled-components").StyledComponent<"li", import("@xstyled/system").Theme, {}, never>;
-export declare const ListItemContent: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
-    selected?: boolean | undefined;
+import { FC } from 'react';
+
+export declare const List: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
+export declare const ListItem: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {}, never>;
+export declare const ListItemContent: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
+    selected?: boolean;
 }, never>;
-export declare const ListItemIcon: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const ListItemIcon: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
 type Item = {
     value: string;
     icon?: string;
@@ -14,5 +16,5 @@ type IconListProps = {
     selected: string;
     onClick: (item: Item) => void;
 };
-declare const IconList: ({ list, selected, onClick }: IconListProps) => JSX.Element;
+declare const IconList: FC<IconListProps>;
 export default IconList;

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

@@ -22,7 +22,9 @@ export var ListItemContent = styled.span(templateObject_3 || (templateObject_3 =
 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 () { return onClick(item); }; }, [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;

package/ui/Blocks/CommonGrid/components/IconList/index.d.ts

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

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { FC } from 'react';
-import type { ColumnConfig, CommonGridProps } from '../../types';
-import type { DragEndEvent } from '@dnd-kit/core';
+import { default as React, FC } from 'react';
+import { ColumnConfig, CommonGridProps } from '../../types';
+import { DragEndEvent } from '@dnd-kit/core';
+
 type ManageColumnProps = {
     columns: CommonGridProps['columnsDefinitions'];
     columnsConfigValues?: string[];

package/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { FC } from 'react';
-import type { ColumnConfig, ColumnDefinition } from '../../../types';
+import { default as React, FC } from 'react';
+import { ColumnConfig, ColumnDefinition } from '../../../types';
+
 type ActionRowProps = {
     column: ColumnDefinition;
     columnsConfigValues: string[] | undefined;

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

@@ -20,9 +20,9 @@ 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;
+    var _b, _c;
     var column = _a.column, columnsConfigValues = _a.columnsConfigValues, setColumnsConfigOptions = _a.setColumnsConfigOptions, searchedValue = _a.searchedValue;
-    var _c = useState((_b = columnsConfigValues === null || columnsConfigValues === void 0 ? void 0 : columnsConfigValues.includes(column.name)) !== null && _b !== void 0 ? _b : false), isSelected = _c[0], setIsSelected = _c[1];
+    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;
@@ -31,11 +31,11 @@ export var ManageColumnRow = function (_a) {
         setIsSelected(!isSelected);
     }, [setColumnsConfigOptions, isSelected, column.name]);
     var translatedValue = getTranslatedValue(column);
-    var isVisible = (translatedValue === null || translatedValue === void 0 ? void 0 : translatedValue.toLocaleLowerCase().includes(searchedValue.toLocaleLowerCase())) && !column.alwaysOn;
-    var _d = useSortable({
+    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 = _d.attributes, listeners = _d.listeners, setNodeRef = _d.setNodeRef, transform = _d.transform, transition = _d.transition;
+    }), 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.d.ts

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

package/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.d.ts

@@ -1,5 +1,5 @@
-export declare const RowLayout: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const RowLayout: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $isVisible: boolean;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    transition?: string;
+    transform?: string;
 }, never>;

package/ui/Blocks/CommonGrid/components/ManageColumnForm/utils.d.ts

@@ -1,2 +1,4 @@
+import { ReactNode } from 'react';
 import { ColumnDefinition } from '../../types';
-export declare const getTranslatedValue: (column?: ColumnDefinition | null) => any;
+
+export declare const getTranslatedValue: (column?: ColumnDefinition | null) => ReactNode;

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

@@ -1,10 +1,12 @@
-import React from 'react';
-import type { CommonGridProps } from '../types';
+import { default as React, FC } from 'react';
+import { CommonGridProps } from '../types';
+
 type OversizedScrollProps = {
     columnLayout: Required<CommonGridProps>['columnLayout'];
     children: React.ReactNode;
     floatingChildren?: React.ReactNode;
     totalColumnsWidth: number;
+    ref?: React.Ref<HTMLDivElement>;
 };
-declare const forwardedWrapper: React.ForwardRefExoticComponent<OversizedScrollProps & React.RefAttributes<any>>;
-export default forwardedWrapper;
+declare const OversizedScroll: FC<OversizedScrollProps>;
+export default OversizedScroll;

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

@@ -3,7 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
 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');
@@ -12,10 +11,9 @@ var ScrollSizer = styled.div(templateObject_4 || (templateObject_4 = __makeTempl
     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, ref) {
-    var columnLayout = _a.columnLayout, children = _a.children, floatingChildren = _a.floatingChildren, totalColumnsWidth = _a.totalColumnsWidth;
+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 })] }));
 };
-var forwardedWrapper = React.forwardRef(OversizedScroll);
-export default forwardedWrapper;
+export default OversizedScroll;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.d.ts

@@ -1 +1 @@
-export declare const TagRemove: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const TagRemove: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/CommonGrid/components/PresetsModalBody/index.d.ts

@@ -1,5 +1,6 @@
-import { ChangeEvent, type FC, MouseEvent, RefObject } from 'react';
+import { ChangeEvent, FC, MouseEvent, RefObject } from 'react';
 import { Filtering, GridPresets } from '../../types';
+
 type PresetsModalBodyProps = {
     onOpenCreatePresetModal: () => void;
     gridPresets?: GridPresets;

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

@@ -1,4 +1,5 @@
 import { ChangeEvent } from 'react';
+
 type QuickFilterProps = {
     searchedValue: string;
     placeholderText?: string;

package/ui/Blocks/CommonGrid/components/QuickFilter/index.d.ts

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

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

@@ -1,7 +1,9 @@
+import { FC } from 'react';
+
 interface Resize {
     onResize: (width: number) => void;
     onResizeOver: () => void;
     onResizeOut: () => void;
 }
-declare const Resize: ({ onResize, onResizeOver, onResizeOut }: Resize) => JSX.Element;
+declare const Resize: FC<Resize>;
 export default Resize;

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

@@ -1,48 +1,48 @@
-export declare const Row: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    hasRowClick?: boolean | undefined;
-    align?: string | undefined;
+export declare const Row: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    hasRowClick?: boolean;
+    align?: string;
 }, never>;
-export declare const Cell: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+export declare const Cell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
-export declare const StyledDataRow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    hasRowClick?: boolean | undefined;
-    align?: string | undefined;
+export declare const StyledDataRow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    hasRowClick?: boolean;
+    align?: string;
 } & {
     isEven: boolean;
 }, never>;
-export declare const TextCell: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+export declare const TextCell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
-export declare const MessageCell: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+export declare const MessageCell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
 declare const variantColors: {
-    error: (props: import("@xstyled/util").Props<import("@xstyled/system").Theme>) => import("@xstyled/system").CSSScalar;
-    info: (props: import("@xstyled/util").Props<import("@xstyled/system").Theme>) => import("@xstyled/system").CSSScalar;
+    error: (props: import('@xstyled/util').Props<import('@xstyled/system').Theme>) => import('@xstyled/system').CSSScalar;
+    info: (props: import('@xstyled/util').Props<import('@xstyled/system').Theme>) => import('@xstyled/system').CSSScalar;
 };
-export declare const MessageCellBody: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+export declare const MessageCellBody: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 } & {
     variant: keyof typeof variantColors;
 }, never>;

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

@@ -1,9 +1,11 @@
+import { FC } from 'react';
 import { GridActionsType, GridSelectorsType } from '../../types';
+
 type Props = {
     gridActions: GridActionsType;
     gridSelectors: GridSelectorsType;
     customPaginationHandler?: (page: number, rows: number) => void;
     autoRowsPerPage?: number;
 };
-declare const TablePagination: ({ gridActions, gridSelectors, autoRowsPerPage, customPaginationHandler }: Props) => JSX.Element;
+declare const TablePagination: FC<Props>;
 export default TablePagination;

package/ui/Blocks/CommonGrid/components/TablePagination/index.d.ts

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

package/ui/Blocks/CommonGrid/components/gridCells/BoolIcon.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { DataCellProps } from '../../types';
+
 type Props = DataCellProps<{}>;
-export declare const BoolIconCell: React.MemoExoticComponent<({ rowData, column }: Props) => JSX.Element>;
+export declare const BoolIconCell: React.NamedExoticComponent<Props>;
 export {};

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

@@ -4,9 +4,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 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';
-import { ToastError, ToastSuccess } from '../../../../Elements/Icon';
 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;

package/ui/Blocks/CommonGrid/components/gridCells/ButtonInCell.d.ts

@@ -1,4 +1,6 @@
+import { FC } from 'react';
 import { DataCellProps } from '../../types';
+
 type Props = DataCellProps<{}>;
-export declare const ButtonInCell: (props: Props) => JSX.Element;
+export declare const ButtonInCell: FC<Props>;
 export {};

package/ui/Blocks/CommonGrid/components/gridCells/Date.d.ts

@@ -1,4 +1,6 @@
+import { FC } from 'react';
 import { DataCellProps } from '../../types';
+
 type Props = DataCellProps<{}>;
-export declare const DateCell: ({ rowData, column }: Props) => JSX.Element | null;
+export declare const DateCell: FC<Props>;
 export {};

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import get from 'lodash/fp/get';
 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);

package/ui/Blocks/CommonGrid/components/gridCells/DateTime.d.ts

@@ -1,4 +1,6 @@
+import { FC } from 'react';
 import { DataCellProps } from '../../types';
+
 type Props = DataCellProps<{}>;
-export declare const DateTimeCell: ({ rowData, column }: Props) => JSX.Element | null;
+export declare const DateTimeCell: FC<Props>;
 export {};

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import get from 'lodash/fp/get';
 import { DateTime } from 'luxon';
+import get from 'lodash/fp/get';
 var defaultProps = {
-    dateTimeFormat: 'dd. MM. yyyy HH:mm',
+    dateTimeFormat: 'dd. MM. yyyy HH:mm'
 };
 export var DateTimeCell = function (_a) {
     var _b;

package/ui/Blocks/CommonGrid/components/gridCells/EnumInCell.d.ts

@@ -1,9 +1,11 @@
-import type { FlagAppearanceType } from '../../../../Elements/HighlightBox/HighlightBox';
+import { FC } from 'react';
+import { FlagAppearanceType } from '../../../../Elements/HighlightBox/HighlightBox';
+
 type Props = {
     value: string;
     appearanceMap: Record<string, FlagAppearanceType>;
     enumObj: Record<string, () => string>;
     size?: 'default' | 'small' | 'wide' | 'fitContent';
 };
-export declare const EnumInCell: ({ value, enumObj, appearanceMap, size }: Props) => JSX.Element | null;
+export declare const EnumInCell: FC<Props>;
 export {};

package/ui/Blocks/CommonGrid/components/gridCells/HoverBubble.d.ts

@@ -1,4 +1,6 @@
+import { FC } from 'react';
 import { DataCellProps } from '../../types';
+
 type Props = DataCellProps<{}>;
-export declare const HoverBubble: ({ rowData, column }: Props) => JSX.Element | null;
+export declare const HoverBubble: FC<Props>;
 export {};