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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.67",
+  "version": "0.7.68-beta.1",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -55,9 +55,9 @@
     "@types/lodash": "^4.17.13",
     "@types/luxon": "^3.4.2",
     "@types/node": "^20.1.7",
-    "@types/react": "^18.2.6",
+    "@types/react": "^19.2.2",
     "@types/react-beautiful-dnd": "^13.1.2",
-    "@types/react-dom": "^18.2.4",
+    "@types/react-dom": "^19.2.2",
     "@types/react-helmet": "^6.1.11",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
@@ -86,8 +86,8 @@
     "luxon": "^3.4.4",
     "moment": "^2.30.1",
     "prettier": "2.8.8",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-helmet": "^6.1.0",
     "react-image": "^4.1.0",
     "react-onclickoutside": "^6.13.0",
@@ -131,8 +131,8 @@
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",
     "moment": "^2.30.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-helmet": "^6.1.0",
     "react-image": "^4.1.0",
     "react-onclickoutside": "^6.13.0",

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

@@ -1,5 +1,7 @@
-import type { DragEndEvent } from '@dnd-kit/core';
-import type { CommonGridProps, FiltersConfig, ColumnDefinition } from './types';
+import { FC } from 'react';
+import { DragEndEvent } from '@dnd-kit/core';
+import { CommonGridProps, FiltersConfig, ColumnDefinition } from './types';
+
 type Props = CommonGridProps & {
     filters?: FiltersConfig;
     handleDragEnd: (item: DragEndEvent) => void;
@@ -7,5 +9,5 @@ type Props = CommonGridProps & {
     hasGroups: boolean;
     hasFilters: boolean;
 };
-declare const CommonGrid: ({ filters, comparators, handleDragEnd, gridSelectors, gridActions, isLoading, rowsData, hasColouredRows, actionColumnDefinition, allowRowSelect, allowRowSelectOnAction, onRowAction, onRowClick, columnLayout, displayColumnsDefinitions, className, minColumnWidth, errorMessage, floatingButtonProps, hasGroups, hasFilters, isSortTerminated }: Props) => JSX.Element;
+declare const CommonGrid: FC<Props>;
 export default CommonGrid;

package/ui/Blocks/CommonGrid/CommonGrid.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
+import { useCallback, useMemo } from 'react';
 import DataRow from './components/DataRow';
 import FilterRow from './components/FilterRow';
 import FloatingButton from './components/FloatingButton/FloatingButton';
@@ -45,10 +45,10 @@ var CommonGrid = function (_a) {
     var handleRowsKeyDown = useRowsKeyControls(rowsData, uxState, handleUxChange);
     useUxReset(rowsData, uxState, clearUxState);
     var _k = useColumnSizes(displayColumnsDefinitions, columnsWidth, columnsWidthVariant, setColumnWidth, columnLayout, minColumnWidth), displayColumnsWidth = _k.displayColumnsWidth, totalColumnsWidth = _k.totalColumnsWidth, gridBoxRef = _k.gridBoxRef, handleResizeDrag = _k.handleResizeDrag;
-    var groups = React.useMemo(function () {
+    var groups = useMemo(function () {
         return getGroups(displayColumnsDefinitions);
     }, [displayColumnsDefinitions]);
-    var commonGridRef = React.useCallback(function (node) {
+    var commonGridRef = useCallback(function (node) {
         gridBoxRef.current = node;
     }, []);
     var isEmpty = !isLoading && !errorMessage && (!rowsData || rowsData.length < 1);

package/ui/Blocks/CommonGrid/CommonGridContainer.d.ts

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

package/ui/Blocks/CommonGrid/HoC/withProps.d.ts

@@ -1,3 +1,4 @@
-import type { FC } from 'react';
+import { FC } from 'react';
+
 declare const withProps: (input: any) => <P>(Component: FC<P>) => FC<P>;
 export default withProps;

package/ui/Blocks/CommonGrid/HoC/withReduxActions.d.ts

@@ -1,2 +1,2 @@
-declare const withReduxActions: (gridName: string, prefix?: string) => import("react-redux").InferableComponentEnhancerWithProps<{}, {}>;
+declare const withReduxActions: (gridName: string, prefix?: string) => import('react-redux').InferableComponentEnhancerWithProps<{}, {}>;
 export default withReduxActions;

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

@@ -1,4 +1,6 @@
+import { FC } from 'react';
 import { GridActionsType, GridSelectorsType, OnBatchActionFn, RowProps, ActionColumn } from '../../types';
+
 type Props = {
     gridActions: GridActionsType;
     gridSelectors: GridSelectorsType;
@@ -8,5 +10,5 @@ type Props = {
     processCheckedValues?: () => void;
     processCheckedValuesTitle?: string;
 };
-declare const ActionHead: ({ gridActions, gridSelectors, actionOptions, onBatchAction, rowsData, processCheckedValues, processCheckedValuesTitle }: Props) => JSX.Element;
+declare const ActionHead: FC<Props>;
 export default ActionHead;

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

@@ -32,7 +32,9 @@ var ActionHead = function (_a) {
         if (actionOptions === null || actionOptions === void 0 ? void 0 : actionOptions.length) {
             return actionOptions.map(function (option) { return ({
                 title: option.label,
-                onClick: function () { return onSubmit(option.value); },
+                onClick: function () {
+                    onSubmit(option.value);
+                },
                 link: '#'
             }); });
         }

package/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownMenu.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
+
 type ItemType = {
-    title: string | JSX.Element;
+    title: string | ReactNode;
     onClick: () => void;
     link: string;
 };

package/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownSelect.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import { default as React, ReactNode } from 'react';
+
 type Item = {
-    label: string | JSX.Element;
+    label: string | ReactNode;
     value: string;
 };
 type DropdownSelectProps = {
@@ -8,5 +9,5 @@ type DropdownSelectProps = {
     onSelect: (value: Item['value']) => void;
     disabled?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ options, onSelect, disabled }: DropdownSelectProps) => JSX.Element>;
+declare const _default: React.NamedExoticComponent<DropdownSelectProps>;
 export default _default;

package/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownSelect.js

@@ -4,12 +4,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { memo, useRef } from 'react';
+import Icon from '../../../../../Elements/Icon/Icon';
+import Popover from '../../../../Popover';
+import { Trans } from '@lingui/react';
 import styled from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
-import { Trans } from '@lingui/react';
 import ActionDropdownMenu from './ActionDropdownMenu';
-import Popover from '../../../../Popover';
-import Icon from '../../../../../Elements/Icon/Icon';
 var Content = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 1 2;\n  min-width: 9rem;\n  height: 28px;\n  background-color: ", ";\n  color: ", ";\n  border: slim;\n  border-color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: ", ";\n  transition: 0.2s;\n  &:not(:disabled):hover {\n    color: ", ";\n    border-color: ", ";\n  }\n  p {\n    margin: 0;\n    margin-right: auto;\n    padding-right: 36px;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 1 2;\n  min-width: 9rem;\n  height: 28px;\n  background-color: ", ";\n  color: ", ";\n  border: slim;\n  border-color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: ", ";\n  transition: 0.2s;\n  &:not(:disabled):hover {\n    color: ", ";\n    border-color: ", ";\n  }\n  p {\n    margin: 0;\n    margin-right: auto;\n    padding-right: 36px;\n  }\n"])), th.color('white'), function (_a) {
     var $isDisabled = _a.$isDisabled;
     return ($isDisabled ? th.color('lightGray7') : th.color('lightGray5'));
@@ -37,7 +37,13 @@ var ActionDropdownSelect = function (_a) {
         setShowDropdownMenu(false);
         onSelect(item.value);
     }, [onSelect]);
-    var items = options.map(function (item) { return ({ title: item.label, onClick: function () { return handleSelectItem(item); }, link: '#' }); });
+    var items = options.map(function (item) { return ({
+        title: item.label,
+        onClick: function () {
+            handleSelectItem(item);
+        },
+        link: '#'
+    }); });
     var ref = useRef(null);
     return (_jsxs(_Fragment, { children: [_jsxs(Content, { "$isDisabled": disabled, "$isOpened": showDropdownMenu, onClick: toggleDropdownMenu, ref: ref, children: [_jsx("p", { children: _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }) }), _jsx(IconWrap, { "$isDisabled": disabled, "$isOpened": showDropdownMenu, children: _jsx(Icon, { icon: "goDown" }) })] }), showDropdownMenu && !disabled && (items === null || items === void 0 ? void 0 : items.length) > 0 && (_jsx(Popover, { parentRef: ref, onClose: toggleDropdownMenu, placement: "bottom-start", children: _jsx(ActionDropdownMenu, { items: items }) }))] }));
 };

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

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

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React, FC } from 'react';
+
 type ItemType = {
     title: string | React.ReactElement;
     onClick: () => void;
@@ -9,5 +10,5 @@ export type Props = {
     disabled?: boolean;
     dropdownPosition?: 'top' | 'bottom';
 };
-declare const ButtonMore: ({ items, disabled, dropdownPosition }: Props) => JSX.Element;
+declare const ButtonMore: FC<Props>;
 export default ButtonMore;

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

@@ -4,10 +4,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
-import styled from '@xstyled/styled-components';
-import { useClickOutside } from '../../../Modal/hooks/useClickOutside';
 import Button from '../../../../Elements/Button/Button';
 import DropdownMenu from '../../../../Elements/DropdownMenu';
+import { useClickOutside } from '../../../Modal/hooks/useClickOutside';
+import styled from '@xstyled/styled-components';
 var ButtonWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: fit-content;\n"], ["\n  position: relative;\n  width: fit-content;\n"])));
 var StyledDropdownMenu = styled(DropdownMenu)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  right: 0;\n  width: max-content;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  right: 0;\n  width: max-content;\n  z-index: 2;\n"])), function (_a) {
     var dropdownPosition = _a.dropdownPosition;

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

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

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

@@ -1,4 +1,6 @@
-import type { ColumnDefinition, GridActionsType, FiltersConfig, CustomComparators, Group, ActionColumn, UxState, RowProps } from '../types';
+import { FC } from 'react';
+import { ColumnDefinition, GridActionsType, FiltersConfig, CustomComparators, Group, ActionColumn, UxState, RowProps } from '../types';
+
 type Props = {
     onChange: Required<GridActionsType>['addFilter'];
     value?: any;
@@ -13,5 +15,5 @@ type Props = {
     uxState: UxState;
     handleUxChange: GridActionsType['handleUxChange'];
 };
-declare const ColumnFilterCell: ({ onChange, value, others, displayColumnWidth, filters, column: columnDefinition, group, comparators, actionColumn, rowsData, uxState, handleUxChange }: Props) => JSX.Element;
+declare const ColumnFilterCell: FC<Props>;
 export default ColumnFilterCell;

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ColumnTitleComponentType } from '../../types';
+
 declare const ColumnTitle: React.FC<ColumnTitleComponentType>;
 export default ColumnTitle;

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

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

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

@@ -1,4 +1,5 @@
-import React from 'react';
-import type { ColumnTitleComponentType } from '../types';
+import { default as React } from 'react';
+import { ColumnTitleComponentType } from '../types';
+
 declare const _default: React.NamedExoticComponent<ColumnTitleComponentType>;
 export default _default;

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

@@ -1,11 +1,12 @@
-import { Dispatch } from 'react';
+import { default as React, Dispatch, FC } from 'react';
 import { CommonGridProps, GridActionsType, GridSelectorsType, ColumnDefinition, FiltersConfig } from '../../types';
+
 type Props = {
     extraControlButtons: CommonGridProps['extraControlButtons'];
     gridActions: GridActionsType;
     gridSelectors: GridSelectorsType;
     quickFilter?: CommonGridProps['quickFilter'];
-    displayColumnsDefinitions?: ColumnDefinition<string>[];
+    displayColumnsDefinitions?: Array<ColumnDefinition<string>>;
     filters?: FiltersConfig;
     hideControlButtons?: boolean;
     displayManageColumnButton?: boolean;
@@ -17,5 +18,5 @@ type Props = {
     withPresets?: boolean;
     withManageColumnButton?: boolean;
 };
-declare const ControlButtons: ({ extraControlButtons, gridActions, gridSelectors, quickFilter, displayColumnsDefinitions, filters, hideControlButtons, displayManageColumnButton, openManageColumnForm, setDisplayManageColumnButton, onOpenPresetsModal, gridName, selectedPresetName, withPresets, withManageColumnButton }: Props) => JSX.Element;
+declare const ControlButtons: FC<Props>;
 export default ControlButtons;

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

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

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const ControlButtonsContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Left: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Right: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const StyledColumnButton: import("styled-components").StyledComponent<({ isLoading, loadingText, icon, iconLeft, iconRight, variant, appearance, disabled, fullWidth, height, buttonRef, onClick, ...props }: import("../../../../Elements/Button/types").Props) => JSX.Element, import("@xstyled/system").Theme, {}, never>;
+export declare const ControlButtonsContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Left: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Right: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const StyledColumnButton: import('styled-components').StyledComponent<import('react').FC<import('../../../../Elements/Button/types').Props>, import('@xstyled/system').Theme, {}, never>;

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

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ColumnDefinition, RowProps, Group } from '../types';
+
 type DataCellPros = {
     column: ColumnDefinition;
     rowData: RowProps;

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

@@ -11,9 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { getCellSizeProps, getGroupClassNames, getStickyCollClassNames } from '../utils';
 import get from 'lodash/fp/get';
 import { TextCell } from './Table';
-import { getCellSizeProps, getGroupClassNames, getStickyCollClassNames } from '../utils';
 var DataCell = function (_a) {
     var column = _a.column, group = _a.group, rowData = _a.rowData, onRowAction = _a.onRowAction, displayColumnWidth = _a.displayColumnWidth, rowIndex = _a.rowIndex;
     var Wrapper = column.fixedSize ? 'div' : TextCell;

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

@@ -1,4 +1,6 @@
-import type { ColumnDefinition, RowProps, UxState, GridSelectorsType, Group } from '../types';
+import { FC } from 'react';
+import { ColumnDefinition, RowProps, UxState, GridSelectorsType, Group } from '../types';
+
 type DataRowProps = {
     columns: ColumnDefinition[];
     rowData: RowProps;
@@ -14,5 +16,5 @@ type DataRowProps = {
     groups: Group[];
     isEven?: boolean;
 };
-declare const DataRow: ({ columns, rowData, rowIndex, uxState, allowRowSelect, allowRowSelectOnAction, onUxChange, onRowClick, onRowAction, displayColumnsWidth, groups, isEven }: DataRowProps) => JSX.Element;
+declare const DataRow: FC<DataRowProps>;
 export default DataRow;

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

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import { Item } from '../../types';
+import { ReactNode, FC } from 'react';
 import { AppearanceValue } from '../../../../Elements/Button/types';
+import { Item } from '../../types';
+
 type Props = {
-    label: string | JSX.Element;
+    label: string | ReactNode;
     items: Item[];
     appearance?: AppearanceValue;
 };
-declare const DropdownButton: ({ label, items, appearance }: Props) => JSX.Element;
+declare const DropdownButton: FC<Props>;
 export default DropdownButton;

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

@@ -3,12 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from '@xstyled/styled-components';
 import React, { useCallback, useState } from 'react';
 import Button from '../../../../Elements/Button/Button';
-import { useClickOutside } from '../../../Modal/hooks/useClickOutside';
 import DropdownMenu from '../../../../Elements/DropdownMenu';
 import { ArrowDown, ArrowUp } from '../../../../Elements/Icon';
+import { useClickOutside } from '../../../Modal/hooks/useClickOutside';
+import styled from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
 var ButtonWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: fit-content;\n"], ["\n  position: relative;\n  width: fit-content;\n"])));
 var StyledDropdownMenu = styled(DropdownMenu)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  width: max-content;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  width: max-content;\n  z-index: 2;\n"])));
@@ -21,7 +21,9 @@ var Separator = styled.div(templateObject_5 || (templateObject_5 = __makeTemplat
 var DropdownButton = function (_a) {
     var label = _a.label, items = _a.items, appearance = _a.appearance;
     var _b = useState(false), showDropdownMenu = _b[0], setShowDropdownMenu = _b[1];
-    var onClose = useCallback(function () { return setShowDropdownMenu(false); }, []);
+    var onClose = useCallback(function () {
+        setShowDropdownMenu(false);
+    }, []);
     var handleClick = React.useCallback(function () {
         setShowDropdownMenu(function (prev) { return !prev; });
     }, []);

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

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

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

@@ -1,8 +1,10 @@
+import { FC } from 'react';
 import { CommonGridProps, ExtraControlButton } from '../../types';
-export declare const Row: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+
+export declare const Row: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 type Props = {
     extraControlButtons: CommonGridProps['extraControlButtons'];
     targetPosition: ExtraControlButton['position'];
 };
-declare const ExtraControlButtons: ({ extraControlButtons, targetPosition }: Props) => JSX.Element;
+declare const ExtraControlButtons: FC<Props>;
 export default ExtraControlButtons;

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

@@ -14,9 +14,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import styled, { x } from '@xstyled/styled-components';
 import Button from '../../../../Elements/Button/Button';
 import DropdownSelect from '../../../../Elements/DropdownSelect';
+import styled, { x } from '@xstyled/styled-components';
 export var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  & > * {\n    margin-right: 12px;\n  }\n  z-index: 2;\n"], ["\n  display: flex;\n  & > * {\n    margin-right: 12px;\n  }\n  z-index: 2;\n"])));
 var StyledButton = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: none;\n\n  @media (min-width: 1024px) {\n    display: block;\n  }\n"], ["\n  display: none;\n\n  @media (min-width: 1024px) {\n    display: block;\n  }\n"])));
 var ControlButton = function (_a) {

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

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

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

@@ -1,3 +1,4 @@
-import { PropsWithChildren } from 'react';
-declare const OverlayComponent: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+import { PropsWithChildren, ReactElement } from 'react';
+
+declare const OverlayComponent: ({ children }: PropsWithChildren) => ReactElement;
 export default OverlayComponent;

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

@@ -10,22 +10,22 @@ var OverlayComponent = function (_a) {
     var children = _a.children;
     var overlayRef = React.useRef(null);
     React.useEffect(function () {
-        var _a;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         var Overlay = overlayRef.current;
         if (!Overlay)
             return;
-        var FilterCell = Overlay === null || Overlay === void 0 ? void 0 : Overlay.closest('.cell');
+        var FilterCell = Overlay.closest('.cell');
         var GridWrapper = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.closest('.gridWrapper');
         // position of left edge of filter cell
-        var relativeLeftOffset = (FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) - ((_a = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.parentElement) === null || _a === void 0 ? void 0 : _a.offsetLeft); // parent element = row
+        var relativeLeftOffset = ((_a = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) !== null && _a !== void 0 ? _a : 0) - ((_c = (_b = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.parentElement) === null || _b === void 0 ? void 0 : _b.offsetLeft) !== null && _c !== void 0 ? _c : 0); // parent element = row
         // space available to the right edge of visible part of grid
-        var spaceTotal = (GridWrapper === null || GridWrapper === void 0 ? void 0 : GridWrapper.clientWidth) + (GridWrapper === null || GridWrapper === void 0 ? void 0 : GridWrapper.scrollLeft) - relativeLeftOffset;
+        var spaceTotal = ((_d = GridWrapper === null || GridWrapper === void 0 ? void 0 : GridWrapper.clientWidth) !== null && _d !== void 0 ? _d : 0) + ((_e = GridWrapper === null || GridWrapper === void 0 ? void 0 : GridWrapper.scrollLeft) !== null && _e !== void 0 ? _e : 0) - relativeLeftOffset;
         // difference between availible space and width
-        var spaceLeft = spaceTotal - (Overlay === null || Overlay === void 0 ? void 0 : Overlay.clientWidth);
+        var spaceLeft = spaceTotal - ((_f = Overlay.clientWidth) !== null && _f !== void 0 ? _f : 0);
         // left position
-        var left = spaceLeft > 0 ? FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft : (FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) + spaceLeft;
+        var left = spaceLeft > 0 ? (_g = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) !== null && _g !== void 0 ? _g : 0 : ((_h = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) !== null && _h !== void 0 ? _h : 0) + spaceLeft;
         // top calculation
-        var topOffset = (FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetTop) + (FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.clientHeight);
+        var topOffset = ((_j = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetTop) !== null && _j !== void 0 ? _j : 0) + ((_k = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.clientHeight) !== null && _k !== void 0 ? _k : 0);
         Overlay.style.left = "".concat(left, "px");
         Overlay.style.top = "".concat(topOffset, "px");
         Overlay.style.visibility = "initial";

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

@@ -1,4 +1,6 @@
-import type { Settings, ColumnDefinition as ColumnDefinitionType, ActionColumn, GridActionsType, GridSelectorsType, Group, CustomComparators, FiltersConfig, UxState, RowProps } from '../types';
+import { FC } from 'react';
+import { Settings, ColumnDefinition as ColumnDefinitionType, ActionColumn, GridActionsType, GridSelectorsType, Group, CustomComparators, FiltersConfig, UxState, RowProps } from '../types';
+
 type Props = {
     columns: ColumnDefinitionType[];
     actionColumn?: ActionColumn;
@@ -12,5 +14,5 @@ type Props = {
     rowsData: RowProps[];
     uxState: UxState;
 };
-declare const FilterRow: ({ columns, groups, actionColumn, onChange, filterValues, displayColumnsWidth, filters, comparators, handleUxChange, rowsData, uxState }: Props) => JSX.Element;
+declare const FilterRow: FC<Props>;
 export default FilterRow;

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

@@ -1,5 +1,6 @@
-import type { FC } from 'react';
-import type { ActionColumn, GridActionsType, RowProps, UxState } from '../../../types';
+import { FC } from 'react';
+import { ActionColumn, GridActionsType, RowProps, UxState } from '../../../types';
+
 type Props = {
     actionColumn?: ActionColumn;
     rowsData?: RowProps[];

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

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

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

@@ -1,6 +1,8 @@
+import { FC } from 'react';
+
 type Props = {
     onChange: (data: any) => void;
     value?: string;
 };
-declare const SelectFilter: ({ ...restProps }: Props) => JSX.Element;
+declare const SelectFilter: FC<Props>;
 export default SelectFilter;

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

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import GridSelect from '../GridSelect';
@@ -27,11 +16,10 @@ import { i18n } from '@lingui/core';
 var getFlagOptions = function () { return [
     { value: '', label: i18n._({ id: 'dataGrid.columnActive.filterOptions.all', message: 'All' }) },
     { value: '1', label: i18n._({ id: 'dataGrid.columnActive.filterOptions.yes', message: 'Yes' }) },
-    { value: '0', label: i18n._({ id: 'dataGrid.columnActive.filterOptions.no', message: 'No' }) },
+    { value: '0', label: i18n._({ id: 'dataGrid.columnActive.filterOptions.no', message: 'No' }) }
 ]; };
-var SelectFilter = function (_a) {
-    var restProps = __rest(_a, []);
+var SelectFilter = function (props) {
     var options = useMemo(function () { return getFlagOptions(); }, []);
-    return _jsx(GridSelect, __assign({ options: options }, restProps));
+    return _jsx(GridSelect, __assign({ options: options }, props));
 };
 export default SelectFilter;

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

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

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

@@ -1,5 +1,7 @@
-import type { DateTimeOthers } from '../../../../../Elements/DatePicker/Datetime/types';
-import type { FilterComponentProps } from '../../../types';
+import { FC } from 'react';
+import { DateTimeOthers } from '../../../../../Elements/DatePicker/Datetime/types';
+import { FilterComponentProps } from '../../../types';
+
 type InitialView = 'past' | 'future';
 type DatePickerRangeProps = FilterComponentProps<Date[]> & {
     filterTime?: number;
@@ -10,5 +12,5 @@ type DateRangeProps = DatePickerRangeProps & {
     error?: string;
     label?: string;
 };
-declare const DatePickerRange: (props: DateRangeProps) => JSX.Element;
+declare const DatePickerRange: FC<DateRangeProps>;
 export default DatePickerRange;

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

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

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

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

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

@@ -1,4 +1,6 @@
+import { FC } from 'react';
 import { ColumnDefinition } from '../../../types';
+
 type Props = {
     onChange: (data: any) => void;
     isMulti?: boolean;
@@ -6,5 +8,5 @@ type Props = {
     value?: string | string[];
     checkAllButton?: boolean;
 };
-declare const SelectFilter: ({ onChange, isMulti, value, options, checkAllButton }: Props) => JSX.Element;
+declare const SelectFilter: FC<Props>;
 export default SelectFilter;

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

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