@mailstep/design-system 0.8.26 → 0.8.27

package/ui/Blocks/CommonGrid/storybook/utils/columnDefinition.js

@@ -0,0 +1,160 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { ComplexCell } from "../components/ComplexCell";
+import { EnumCellExample } from "../components/EnumCellExample";
+import { enumValues } from "./utils";
+var oversizedArrayColumns = 25;
+var oversizedColumnDefinition = new Array(oversizedArrayColumns).fill(null).map(function(unused, index) {
+    return {
+        name: "column_".concat(index),
+        title: "column_".concat(index),
+        flexBasis: 120
+    };
+});
+var enumColumn = {
+    name: "enumColumn",
+    title: "Enum Column",
+    flexBasis: 160,
+    filterOptions: enumValues.map(function(v) {
+        return {
+            value: v,
+            label: v
+        };
+    }),
+    filterExtraProps: {
+        isMulti: true,
+        checkAllButton: true
+    },
+    filtering: true,
+    sorting: false,
+    cellComponent: EnumCellExample
+};
+var columnDefinitions = [
+    {
+        name: "hiddenColumn",
+        title: "Hidden column",
+        flexBasis: 160,
+        filtering: true,
+        sorting: true,
+        defaultHidden: true
+    },
+    {
+        name: "textColumn",
+        title: "Text column",
+        flexBasis: 160,
+        filtering: true,
+        sorting: true
+    },
+    enumColumn,
+    {
+        name: "enumColumnAsync",
+        title: "Enum Column Async",
+        flexBasis: 160,
+        filterExtraProps: {
+            isMulti: true,
+            checkAllButton: true
+        },
+        filtering: true,
+        sorting: true,
+        asyncLoadKey: "enumColumnAsync"
+    },
+    {
+        name: "numberColumn",
+        title: "Number Column",
+        flexBasis: 160,
+        filtering: true,
+        filteringType: "number",
+        filterExtraProps: {
+            decimals: 2
+        },
+        sorting: true
+    },
+    {
+        name: "numberFloatColumn",
+        title: "Number Float Column",
+        flexBasis: 160,
+        filtering: true,
+        filteringType: "number",
+        sorting: true,
+        filterExtraProps: {
+            isFloat: true
+        }
+    },
+    {
+        name: "dateColumn",
+        title: "Date Column",
+        flexBasis: 160,
+        filtering: true,
+        filteringType: "date",
+        sorting: true,
+        filterExtraProps: {
+            filterTime: true
+        }
+    },
+    {
+        name: "boolColumn",
+        title: "Bool Column",
+        flexBasis: 160,
+        filtering: true,
+        filteringType: "flag",
+        sorting: true,
+        formatRowValue: function formatRowValue(row) {
+            return row.boolColumn ? "Yes" : "No";
+        }
+    },
+    {
+        name: "advancedColumn",
+        title: "Advanced Column",
+        flexBasis: 160,
+        formatRowValue: function formatRowValue(row) {
+            return "".concat(row.numberColumn / 4 * row.textColumn.length);
+        }
+    },
+    {
+        name: "complexColumn",
+        title: "Complex Column",
+        flexBasis: 350,
+        cellComponent: ComplexCell
+    },
+    {
+        name: "alwaysOffColumn",
+        title: "Always Off Column",
+        flexBasis: 0,
+        alwaysOff: true
+    }
+];
+var stickyColumn = {
+    name: "stickyColumn",
+    title: "Sticky Column",
+    flexBasis: 160,
+    alwaysOn: true,
+    sticky: true,
+    stickTo: "right"
+};
+var columnDefinitionsWithSticky = _to_consumable_array(columnDefinitions).concat([
+    stickyColumn
+]);
+export { columnDefinitions, columnDefinitionsWithSticky, enumColumn, oversizedArrayColumns, oversizedColumnDefinition, stickyColumn };

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

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { GridActionsType, rowClassSymbol, ExtraControlButton } from '../../types';
-
+import type { FC } from 'react';
+import { type GridActionsType, rowClassSymbol, type ExtraControlButton } from '../../types';
 export declare const enumValues: string[];
 export declare const oversizedArrayColumns = 25;
 export declare const gridSelectors: {};

package/ui/Blocks/CommonGrid/storybook/utils/utils.js

@@ -0,0 +1,153 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import faker from "faker";
+import CommonGrid from "../../CommonGridContainer";
+import withReduxActions from "../../HoC/withReduxActions";
+import { rowClassSymbol, ExtraControlButtonPosition } from "../../types";
+var enumValues = [
+    "option A",
+    "option B",
+    "option C"
+];
+var oversizedArrayColumns = 25;
+var gridSelectors = {};
+function makeOptional(fakerData, chance) {
+    chance = chance || 0.5;
+    return Math.random() < chance ? fakerData : void 0;
+}
+var createRandomData = function createRandomData(count) {
+    return new Array(count).fill(null).map(function() {
+        return _define_property({
+            id: faker.random.uuid(),
+            stickyColumn: faker.random.word(),
+            textColumn: faker.random.word(),
+            enumColumn: enumValues[faker.random.number({
+                min: 0,
+                max: 2
+            })],
+            numberColumn: faker.random.number(),
+            dateColumn: faker.date.recent().toISOString(),
+            boolColumn: faker.random.boolean()
+        }, rowClassSymbol, makeOptional("foo"));
+    });
+};
+var gridDummyActions = {
+    // @see types for full list of actions
+    setPage: function setPage(number) {
+        console.log("setPage", number);
+    },
+    setRowsPerPage: function setRowsPerPage(number) {
+        console.log("setRowsPerPage", number);
+    },
+    addFilter: function addFilter(column, value, filterProps, others) {
+        console.log("addFilter", column, value, filterProps, others);
+    }
+};
+var createOversizedRandomData = function createOversizedRandomData(count) {
+    return new Array(count).fill(null).map(function() {
+        var newData = {
+            id: "".concat(faker.random.uuid())
+        };
+        for(var index = 0; index < oversizedArrayColumns; index++){
+            newData["column_".concat(index)] = faker.name.lastName();
+        }
+        return newData;
+    });
+};
+var ReduxGrid = function ReduxGrid(props) {
+    var WithActions = React.useMemo(function() {
+        return withReduxActions("storybookGrid")(CommonGrid);
+    }, []);
+    return /* @__PURE__ */ jsx(WithActions, _object_spread({}, props));
+};
+var extraControlButtons = [
+    {
+        label: "Reload",
+        position: ExtraControlButtonPosition.TopLeft
+    },
+    {
+        label: "Export all",
+        position: ExtraControlButtonPosition.TopRight
+    }
+];
+var onAsyncLoadFilterOptions = function onAsyncLoadFilterOptions(key, value) {
+    return new Promise(function(resolve) {
+        setTimeout(function() {
+            resolve([
+                {
+                    label: "Apple",
+                    value: "apple"
+                },
+                {
+                    label: "Banana",
+                    value: "banana"
+                },
+                {
+                    label: "Cherry",
+                    value: "cherry"
+                },
+                {
+                    label: "Date",
+                    value: "date"
+                },
+                {
+                    label: "Elderberry",
+                    value: "elderberry"
+                },
+                {
+                    label: "Fig",
+                    value: "fig"
+                },
+                {
+                    label: "Grape",
+                    value: "grape"
+                },
+                {
+                    label: "Honeydew",
+                    value: "honeydew"
+                },
+                {
+                    label: "Kiwi",
+                    value: "kiwi"
+                },
+                {
+                    label: "Lemon",
+                    value: "lemon"
+                },
+                {
+                    label: "Lime",
+                    value: "lime"
+                }
+            ]);
+        }, 1e3);
+    });
+};
+export { ReduxGrid, createOversizedRandomData, createRandomData, enumValues, extraControlButtons, gridDummyActions, gridSelectors, onAsyncLoadFilterOptions, oversizedArrayColumns };

package/ui/Blocks/CommonGrid/storybook/utils/withRedux.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Provider } from "react-redux";
+import { combineReducers, createStore, compose } from "redux";
+import commonGridReducer from "../../store";
+var reduxComposeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+var withProvider = function withProvider(story) {
+    var reducers = combineReducers({
+        commonGrid: commonGridReducer
+    });
+    var store = createStore(reducers, {}, reduxComposeEnhancer());
+    return /* @__PURE__ */ jsx(Provider, {
+        store: store,
+        children: story()
+    });
+};
+var withRedux_default = withProvider;
+export { withRedux_default as default, reduxComposeEnhancer, withProvider };

package/ui/Blocks/CommonGrid/storybook/utils/withRouter.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { MemoryRouter } from "react-router";
+var withProvider = function withProvider(story) {
+    return /* @__PURE__ */ jsx(MemoryRouter, {
+        children: story()
+    });
+};
+var withRouter_default = withProvider;
+export { withRouter_default as default };

package/ui/Blocks/CommonGrid/storybook/utils/withTheme.js

@@ -0,0 +1,5 @@
+var withProvider = function withProvider(story) {
+    return story();
+};
+var withTheme_default = withProvider;
+export { withTheme_default as default };

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

@@ -1,18 +1,18 @@
-export declare const BottomWrapper: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+export declare const BottomWrapper: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
     withPagination: boolean;
 }, "color">;
-export declare const ContentContainer: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
-export declare const CommonGridWrap: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+export declare const ContentContainer: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
+export declare const CommonGridWrap: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
     withPagination: boolean;
 }, "color">;
-export declare const StyledButtonStrip: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
-export declare const CommonGridWithStyles: import('styled-components').StyledComponent<import('react').FC<import('./types').CommonGridProps & {
-    filters?: import('./types').FiltersConfig;
-    handleDragEnd: (item: import('@dnd-kit/core').DragEndEvent) => void;
-    displayColumnsDefinitions: import('./types').ColumnDefinition[];
+export declare const StyledButtonStrip: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
+export declare const CommonGridWithStyles: import("styled-components").StyledComponent<import("react").FC<import("./types").CommonGridProps & {
+    filters?: import("./types").FiltersConfig;
+    handleDragEnd: (item: import("@dnd-kit/core").DragEndEvent) => void;
+    displayColumnsDefinitions: import("./types").ColumnDefinition[];
     hasGroups: boolean;
     hasFilters: boolean;
-}>, import('@xstyled/system').Theme, {
+}>, import("@xstyled/system").Theme, {
     withButtonStrip: boolean;
     hasGroupsOrFilters: boolean;
     hasGroups: boolean;

package/ui/Blocks/CommonGrid/styles.js

@@ -0,0 +1,98 @@
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  position: relative;\n  z-index: 2;\n  flex-shrink: 0;\n  padding: ",
+        ";\n  width: 100%;\n  height: ",
+        "px;\n  background-color: bgLightGray;\n\n  @media print {\n    display: none;\n  }\n\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: 0;\n    margin-bottom: 0;\n  }\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: white;\n  box-shadow: gridShadow;\n  border-radius: 8px;\n  flex-grow: 1;\n  height: 100%;\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 1024px) {\n    display: block;\n    height: calc(100% - ",
+        "px);\n    flex: unset;\n    min-height: unset;\n    overflow: visible;\n  }\n"
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-height: auto;\n  padding: 10px;\n  flex-wrap: wrap;\n  z-index: 3;\n\n  @media (min-width: 768px) {\n    min-height: ",
+        "px;\n    padding: 18px 20px;\n  }\n"
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n  & .cell {\n    padding: 0 4px;\n  }\n  & .dataRow {\n    font-size: 12px;\n    font-family: ",
+        ";\n    color: typoPrimary;\n    font-weight: normal;\n    border-bottom: 1px solid;\n    border-color: lightGray3;\n    height: ",
+        "px;\n  }\n  & .gridHead {\n    height: ",
+        "px;\n    background-color: neutral20;\n    padding-bottom: 8px;\n    position: sticky;\n    top: -1px;\n    z-index: 2;\n    border-top: 1px solid ",
+        ";\n  }\n\n  & .filterRow {\n    display: none;\n  }\n\n  @media (min-width: 1023px) {\n    & .gridHead {\n      height: ",
+        "px;\n    }\n    & .filterRow {\n      display: flex;\n    }\n  }\n  & .headRow {\n    font-size: 12px;\n    font-family: ",
+        ";\n    color: typoPrimary;\n    font-weight: bold;\n    border-bottom: none; // TODO fix in common-grid\n\n    & .cell {\n      overflow: hidden;\n      max-height: 32px;\n      position: relative;\n    }\n\n    & .sticky {\n      background-color: bgLightGray1;\n    }\n  }\n\n  & .filterRow {\n    & .cell {\n      overflow: visible;\n    }\n\n    & .cell > div {\n      width: 100%; // TODO fix in common-grid\n    }\n\n    & .sticky {\n      background-color: bgLightGray1;\n    }\n    border-bottom: none; // TODO fix in common-grid\n  }\n\n  & .body {\n    flex-grow: 1;\n  }\n\n  flex: 1;\n  min-height: 0;\n\n  @media (min-width: 1024px) {\n    flex: unset;\n    min-height: unset;\n    height: calc(100% - ",
+        "px);\n  }\n\n  & .gridWrapper {\n    background-color: ",
+        ";\n    width: auto;\n    height: 100%;\n    overflow-y: auto;\n\n    @media (min-width: 1024px) {\n      height: 100%;\n      overflow-y: auto;\n    }\n    @media print {\n      margin: 0;\n      width: 100%;\n      height: auto;\n      overflow-x: hidden;\n    }\n  }\n\n  & .fullWidthGrid > .gridWrapper > div {\n    width: 100% !important;\n  }\n\n  & .paginatorWrapper,\n  & .buttonsStrip {\n    @media print {\n      display: none;\n    }\n  }\n  & .cell {\n    padding-left: 4px;\n    padding-right: 4px;\n    @media print {\n      white-space: unset;\n    }\n  }\n\n  .dataRow {\n    &.grayedOut {\n      background: lightGray1;\n    }\n\n    .sticky-right,\n    .sticky-left {\n      background: white;\n    }\n\n    .sticky-right {\n      border-left: 1px solid #dfe1e6;\n    }\n\n    .sticky-left {\n      border-right: 1px solid #dfe1e6;\n    }\n\n    &:hover,\n    &.checked,\n    &.selected {\n      background-color: red30;\n    }\n  }\n\n  .dataRow:nth-child(even) {\n    .sticky-left,\n    .sticky-right {\n      background-color: bgLightGray;\n    }\n  }\n\n  @media print {\n    .filterRow .sticky {\n      display: none;\n    }\n\n    .headRow .sticky {\n      display: none;\n    }\n\n    .dataRow .sticky {\n      display: none;\n    }\n  }\n\n  .resizer {\n    z-index: unset;\n  }\n\n  // hotfix table head\n  .cell .sortable {\n    display: flex;\n    align-items: center;\n    padding-right: 2px;\n  }\n\n  .sticky {\n    position: sticky !important;\n    z-index: 1;\n  }\n\n  .sticky-left {\n    left: 0;\n  }\n\n  .sticky-right {\n    right: 0;\n  }\n"
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { gridRowHeight, gridFooterHeight, gridButtonStripHeight, gridHeadHeight, gridFilterHeight } from "./utils/constants";
+import styled, { x } from "@xstyled/styled-components";
+import { th } from "@xstyled/system";
+import CommonGrid from "./CommonGrid";
+var BottomWrapper = styled(x.div)(_templateObject(), function(param) {
+    var withPagination = param.withPagination;
+    return withPagination ? "10px 0" : "0px";
+}, function(param) {
+    var withPagination = param.withPagination;
+    return withPagination ? gridFooterHeight : 0;
+});
+var ContentContainer = styled(x.div)(_templateObject1());
+var CommonGridWrap = styled(x.div)(_templateObject2(), function(param) {
+    var withPagination = param.withPagination;
+    return withPagination ? gridFooterHeight : 0;
+});
+var StyledButtonStrip = styled(x.div)(_templateObject3(), gridButtonStripHeight);
+var CommonGridWithStyles = styled(CommonGrid)(_templateObject4(), th("fonts.primary"), gridRowHeight, function(param) {
+    var hasGroups = param.hasGroups;
+    return gridHeadHeight + (hasGroups ? gridFilterHeight : 0);
+}, th("colors.lightGray6"), function(param) {
+    var hasGroupsOrFilters = param.hasGroupsOrFilters;
+    return gridHeadHeight + (hasGroupsOrFilters ? gridFilterHeight : 0);
+}, th("fonts.primary"), function(param) {
+    var withButtonStrip = param.withButtonStrip;
+    return withButtonStrip ? gridButtonStripHeight : 0;
+}, function(param) {
+    var theme = param.theme;
+    return theme.colors.white;
+});
+export { BottomWrapper, CommonGridWithStyles, CommonGridWrap, ContentContainer, StyledButtonStrip };

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

@@ -1,5 +1,4 @@
-import { Props as ButtonProps, AppearanceValue, VariantValue } from '../../Elements/Button/types';
-
+import { type Props as ButtonProps, type AppearanceValue, type VariantValue } from '../../Elements/Button/types';
 export declare const rowClassSymbol: unique symbol;
 type Option = {
     value: string | number;

package/ui/Blocks/CommonGrid/types.js

@@ -0,0 +1,14 @@
+var rowClassSymbol = /* @__PURE__ */ Symbol();
+var EditReadPosition = /* @__PURE__ */ function(EditReadPosition2) {
+    EditReadPosition2["Left"] = "left";
+    EditReadPosition2["Right"] = "right";
+    return EditReadPosition2;
+}(EditReadPosition || {});
+var ExtraControlButtonPosition = /* @__PURE__ */ function(ExtraControlButtonPosition2) {
+    ExtraControlButtonPosition2["TopLeft"] = "top-left";
+    ExtraControlButtonPosition2["TopRight"] = "top-right";
+    ExtraControlButtonPosition2["BottomLeft"] = "bottom-left";
+    ExtraControlButtonPosition2["BottomRight"] = "bottom-right";
+    return ExtraControlButtonPosition2;
+}(ExtraControlButtonPosition || {});
+export { EditReadPosition, ExtraControlButtonPosition, rowClassSymbol };

package/ui/Blocks/CommonGrid/utils/constants.js

@@ -0,0 +1,24 @@
+var rowsPerPageOptions = [
+    {
+        value: 10,
+        label: 10
+    },
+    {
+        value: 20,
+        label: 20
+    },
+    {
+        value: 50,
+        label: 50
+    },
+    {
+        value: 100,
+        label: 100
+    }
+];
+var gridButtonStripHeight = 75;
+var gridHeadHeight = 40;
+var gridFilterHeight = 39;
+var gridFooterHeight = 60;
+var gridRowHeight = 40;
+export { gridButtonStripHeight, gridFilterHeight, gridFooterHeight, gridHeadHeight, gridRowHeight, rowsPerPageOptions };

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

@@ -1,3 +1,2 @@
-import { ExtraControlButton } from '../types';
-
+import { type ExtraControlButton } from '../types';
 export declare const getExtendedExtraControlButtons: (extraControlButtons?: ExtraControlButton[], onReload?: () => void) => ExtraControlButton[] | undefined;

package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.js

@@ -0,0 +1,46 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { jsx } from "react/jsx-runtime";
+import { Reload } from "../../../Elements/Icon/icons/Reload";
+import { ExtraControlButtonPosition } from "../types";
+import compact from "lodash/compact";
+var getExtendedExtraControlButtons = function getExtendedExtraControlButtons(extraControlButtons, onReload) {
+    return compact([
+        onReload && {
+            onClick: onReload,
+            label: /* @__PURE__ */ jsx(Reload, {
+                width: "16px",
+                height: "16px",
+                fill: "white"
+            }),
+            position: ExtraControlButtonPosition.TopLeft,
+            buttonProps: {
+                "data-testid": "reload-button"
+            }
+        }
+    ].concat(_to_consumable_array(extraControlButtons || [])));
+};
+export { getExtendedExtraControlButtons };

package/ui/Blocks/CommonGrid/utils/getRowsPerPage.js

@@ -0,0 +1,11 @@
+import { gridHeadHeight, gridFilterHeight, gridButtonStripHeight, gridFooterHeight, gridRowHeight } from "./constants";
+var getRowsPerPage = function getRowsPerPage(ref, withPagination, withButtonStrip, hasGroupsOrFilters) {
+    var _ref_current;
+    var containerHeight = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.clientHeight;
+    var gridHeaderHeight = gridHeadHeight + (hasGroupsOrFilters ? gridFilterHeight : 0) + (withButtonStrip ? gridButtonStripHeight : 0);
+    if (containerHeight) {
+        return Math.floor((containerHeight - gridHeaderHeight - (withPagination ? gridFooterHeight : 0)) / gridRowHeight);
+    }
+    return 0;
+};
+export { getRowsPerPage };

package/ui/Blocks/CommonGrid/utils/hasSortTerminated.js

@@ -0,0 +1,11 @@
+var hasSortTerminated = function hasSortTerminated(param) {
+    var allowSortingOnlyUnderTotalRows = param.allowSortingOnlyUnderTotalRows, totalRowsCount = param.totalRowsCount;
+    var allowSorting = allowSortingOnlyUnderTotalRows && totalRowsCount;
+    var isSortTerminatedAppeal = !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[0]);
+    var isSortTerminated = !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[1]);
+    return {
+        isSortTerminatedAppeal: isSortTerminatedAppeal,
+        isSortTerminated: isSortTerminated
+    };
+};
+export { hasSortTerminated };

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

@@ -1,5 +1,4 @@
-import { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
-
+import type { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
 type CellSizePropsResult = {
     flexBasis?: number;
     flexGrow?: number;