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

package/ui/Blocks/CommonGrid/storybook/components/ComplexCell.js

@@ -1,13 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-export var ComplexCell = function (props) {
-    var handleActionClick = useCallback(function () {
-        var _a;
-        if (props.onRowAction) {
-            (_a = props.onRowAction(props.rowData.id, 'get_invoice', null)) === null || _a === void 0 ? void 0 : _a.catch(function (error) {
-                console.error(error);
-            });
-        }
-    }, [props]);
-    return _jsxs("button", { onClick: handleActionClick, children: [" download ", props.rowData.id, " "] });
-};

package/ui/Blocks/CommonGrid/storybook/components/EnumCellExample.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { EnumInCell } from '../../components/gridCells/EnumInCell';
-var packagingTypeAppearance = {
-    'option A': 'neutralSubtle',
-    'option B': 'orangeSubtle',
-    'option C': 'greenSubtle'
-};
-var PackagingTypeTrans = {
-    'option A': function () { return 'option A'; },
-    'option B': function () { return 'option B'; },
-    'option C': function () { return 'option C'; }
-};
-export var EnumCellExample = function (_a) {
-    var rowData = _a.rowData;
-    return _jsx(EnumInCell, { value: rowData.enumColumn, enumObj: PackagingTypeTrans, appearanceMap: packagingTypeAppearance });
-};

package/ui/Blocks/CommonGrid/storybook/stories/complexWithPaginationAndRedux.stories.js

@@ -1,103 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-import withReduxActions from '../../HoC/withReduxActions';
-import { useAddFilter } from '../../hooks/useAddFilter';
-import { ExtraControlButtonPosition } from '../../types';
-import { onRowEditClick, onRowReadClick, onRowAction, onRowClick, onBatchAction } from '../utils/actions';
-import { columnDefinitions, enumColumn, columnDefinitionsWithSticky } from '../utils/columnDefinition';
-import { ReduxGrid, createRandomData, enumValues, gridDummyActions, onAsyncLoadFilterOptions } from '../utils/utils';
-import withRedux from '../utils/withRedux';
-var FilterSetter = function (_a) {
-    var gridActions = _a.gridActions;
-    var handleAddFilter = useAddFilter(gridActions === null || gridActions === void 0 ? void 0 : gridActions.addFilter);
-    React.useEffect(function () {
-        handleAddFilter(enumValues[1], enumColumn);
-    }, []);
-    return null;
-};
-var getRowsPerPage = function (height) { return 13; };
-var ConnectedFilterSetter = withReduxActions('testGrid')(FilterSetter);
-var extraControlButtons = [
-    {
-        position: ExtraControlButtonPosition.TopRight,
-        label: 'Create',
-        onClick: alert
-    },
-    {
-        position: ExtraControlButtonPosition.TopRight,
-        label: 'Print',
-        onSelect: function (value) {
-            console.log(value);
-        },
-        options: [
-            { label: 'CSV', value: 'CSV' },
-            { label: 'ODS', value: 'ODS' },
-            { label: 'XLSX', value: 'XLSX' }
-        ]
-    },
-    {
-        position: ExtraControlButtonPosition.TopRight,
-        label: 'Allocate',
-        onSelect: function (value) {
-            console.log(value);
-        },
-        options: [
-            { label: 'Allocate all', value: 'all' },
-            { label: 'Allocate selected', value: 'selected' }
-        ]
-    }
-];
-var comparators = {
-    text: [
-        { label: 'yellow', value: 'Yell' },
-        { label: 'blue', value: 'Blue' }
-    ],
-    number: [
-        { label: 'eq', value: 'equal' },
-        { label: 'gt', value: 'greater' },
-        { label: 'between', value: 'between' }
-    ]
-};
-export default {
-    title: 'Blocks/CommonGrid',
-    decorators: [withRedux]
-};
-export var ComplexWithPaginationAndRedux = function () { return (_jsxs(LinguiContainer, { children: [_jsx(ConnectedFilterSetter, { gridActions: gridDummyActions }), _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), onRowAction: onRowAction, onRowClick: onRowClick, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, onBatchAction: onBatchAction, getRowsPerPage: getRowsPerPage, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions, quickFilter: "textColumn", extraControlButtons: extraControlButtons, comparators: comparators, gridName: "gridName" })] })); };
-ComplexWithPaginationAndRedux.story = {
-    name: 'Complex, with pagination and redux'
-};
-export var ComplexWithReload = function () { return (_jsxs(LinguiContainer, { children: [_jsx(ConnectedFilterSetter, { gridActions: gridDummyActions }), _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), onRowAction: onRowAction, onRowClick: onRowClick, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, onBatchAction: onBatchAction, getRowsPerPage: getRowsPerPage, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions, quickFilter: "textColumn", extraControlButtons: extraControlButtons, comparators: comparators, gridName: "gridName", onReload: function () {
-                console.log('reload');
-            } })] })); };
-ComplexWithReload.story = {
-    name: 'Complex, with reload button'
-};
-export var ComplexWithTooManyResults = function () { return (_jsxs(LinguiContainer, { children: [_jsx(ConnectedFilterSetter, { gridActions: gridDummyActions }), _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), onRowAction: onRowAction, onRowClick: onRowClick, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, onBatchAction: onBatchAction, getRowsPerPage: getRowsPerPage, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions, quickFilter: "textColumn", extraControlButtons: extraControlButtons, comparators: comparators, gridName: "gridName", allowSortingOnlyUnderTotalRows: [10, 10] })] })); };
-ComplexWithTooManyResults.story = {
-    name: 'Complex, with too many results'
-};
-export var ComplexWithCheckbox = function () { return (_jsxs(LinguiContainer, { children: [_jsx(ConnectedFilterSetter, { gridActions: gridDummyActions }), _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), onRowAction: onRowAction, onRowClick: onRowClick, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, onBatchAction: onBatchAction, getRowsPerPage: getRowsPerPage, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions, quickFilter: "textColumn", extraControlButtons: extraControlButtons, comparators: comparators, gridName: "gridName", actionColumnDefinition: {
-                flexBasis: 40,
-                forceCheckboxes: true,
-                addRowNumbers: false,
-                canRowEdit: false,
-                canRowRead: false
-            } })] })); };
-ComplexWithCheckbox.story = {
-    name: 'Complex, with checkbox'
-};
-export var ComplexWithEditButton = function () { return (_jsxs(LinguiContainer, { children: [_jsx(ConnectedFilterSetter, { gridActions: gridDummyActions }), _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), onRowAction: onRowAction, onRowClick: onRowClick, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, onBatchAction: onBatchAction, getRowsPerPage: getRowsPerPage, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions, quickFilter: "textColumn", extraControlButtons: extraControlButtons, comparators: comparators, gridName: "gridName", actionColumnDefinition: {
-                flexBasis: 70,
-                forceCheckboxes: true,
-                addRowNumbers: false,
-                canRowEdit: true,
-                canRowRead: false
-            } })] })); };
-ComplexWithEditButton.story = {
-    name: 'Complex, with edit button'
-};
-export var ComplexWithStickyColumn = function () { return (_jsxs(LinguiContainer, { children: [_jsx(ConnectedFilterSetter, { gridActions: gridDummyActions }), _jsx(ReduxGrid, { columnsDefinitions: columnDefinitionsWithSticky, rowsData: createRandomData(10), onRowAction: onRowAction, onRowClick: onRowClick, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, onBatchAction: onBatchAction, getRowsPerPage: getRowsPerPage, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions, quickFilter: "textColumn", extraControlButtons: extraControlButtons, comparators: comparators, gridName: "gridNameSticky" })] })); };
-ComplexWithStickyColumn.story = {
-    name: 'Complex, with sticky column'
-};

package/ui/Blocks/CommonGrid/storybook/stories/default.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CommonGrid from '../../CommonGridContainer';
-import { createRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
-import { columnDefinitions } from '../utils/columnDefinition';
-import withTheme from '../utils/withTheme';
-import withRouter from '../utils/withRouter';
-import withRedux from '../utils/withRedux';
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-export default {
-    title: 'Blocks/CommonGrid',
-    decorators: [withTheme, withRouter, withRedux]
-};
-export var Default = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridActions: gridDummyActions, gridSelectors: gridSelectors }) }));
-};

package/ui/Blocks/CommonGrid/storybook/stories/gridStates.stories.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-import CommonGrid from '../../CommonGridContainer';
-import { columnDefinitions } from '../utils/columnDefinition';
-import { createRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
-export default {
-    title: 'Blocks/CommonGrid'
-};
-export var LoadingState = function () { return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridSelectors: gridSelectors, gridActions: gridDummyActions, isLoading: true }) })); };
-export var ErrorState = function () { return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridSelectors: gridSelectors, gridActions: gridDummyActions, errorMessage: "error message" }) })); };
-export var WarningSortState = function () { return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridSelectors: gridSelectors, gridActions: gridDummyActions, totalRowsCount: 10, allowSortingOnlyUnderTotalRows: [5, 20] }) })); };
-export var TerminatedSortState = function () { return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridSelectors: gridSelectors, gridActions: gridDummyActions, totalRowsCount: 100, allowSortingOnlyUnderTotalRows: [5, 20] }) })); };

package/ui/Blocks/CommonGrid/storybook/stories/manyColumnsNoScrollLayout.stories.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CommonGrid from '../../CommonGridContainer';
-import { createOversizedRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
-import { oversizedColumnDefinition } from '../utils/columnDefinition';
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-export default {
-    title: 'Blocks/CommonGrid'
-};
-export var ManyColumnsNoScrollLayout = function () { return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { rowsData: createOversizedRandomData(5), columnsDefinitions: oversizedColumnDefinition, columnLayout: "no-scroll", gridSelectors: gridSelectors, gridActions: gridDummyActions }) })); };
-ManyColumnsNoScrollLayout.story = {
-    name: 'many columns no-scroll layout'
-};

package/ui/Blocks/CommonGrid/storybook/stories/manyColumnsNormalLayout.stories.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CommonGrid from '../../CommonGridContainer';
-import { createOversizedRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
-import { oversizedColumnDefinition } from '../utils/columnDefinition';
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-export default {
-    title: 'Blocks/CommonGrid'
-};
-export var ManyColumnsNormalLayoutANoControls = function () { return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { rowsData: createOversizedRandomData(5), columnsDefinitions: oversizedColumnDefinition, gridSelectors: gridSelectors, gridActions: gridDummyActions }) })); };
-ManyColumnsNormalLayoutANoControls.story = {
-    name: 'many columns normal layout a no controls'
-};

package/ui/Blocks/CommonGrid/storybook/stories/styledCommonGrid.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ReduxGrid, createRandomData, gridSelectors, gridDummyActions, extraControlButtons } from '../utils/utils';
-import { onRowAction } from '../utils/actions';
-import { columnDefinitions } from '../utils/columnDefinition';
-import withTheme from '../utils/withTheme';
-import withRouter from '../utils/withRouter';
-import withRedux from '../utils/withRedux';
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-export default {
-    title: 'Blocks/CommonGrid',
-    decorators: [withTheme, withRouter, withRedux]
-};
-export var Styled = function () {
-    return (_jsx(LinguiContainer, { children: _jsx("div", { className: "styled", children: _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), onRowAction: onRowAction, gridActions: gridDummyActions, gridSelectors: gridSelectors, extraControlButtons: extraControlButtons }) }) }));
-};

package/ui/Blocks/CommonGrid/storybook/stories/withCustomGridActions.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CommonGrid from '../../CommonGridContainer';
-import { createRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
-import { columnDefinitions } from '../utils/columnDefinition';
-import { onRowAction } from '../utils/actions';
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-export default {
-    title: 'Blocks/CommonGrid'
-};
-export var WithCustomGridActions = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), onRowAction: onRowAction, gridSelectors: gridSelectors, gridActions: gridDummyActions }) }));
-};
-WithCustomGridActions.story = {
-    name: 'With custom grid actions'
-};

package/ui/Blocks/CommonGrid/storybook/stories/withForcedCheckboxes.stories.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-import { onRowEditClick, onRowReadClick, onRowAction } from '../utils/actions';
-import { columnDefinitions } from '../utils/columnDefinition';
-import { ReduxGrid, createRandomData } from '../utils/utils';
-import withRedux from '../utils/withRedux';
-export var ActionColumnCheckboxes = {
-    flexBasis: 160,
-    forceCheckboxes: true
-};
-var components = {
-    ColumnTitle: function (_a) {
-        var title = _a.title, isSortable = _a.isSortable;
-        return _jsx("div", { children: "".concat(title, " is ").concat(isSortable ? '' : 'NOT', " sortable") });
-    }
-};
-export default {
-    title: 'Blocks/CommonGrid',
-    decorators: [withRedux],
-    excludeStories: ['ActionColumnCheckboxes']
-};
-export var WithForcedCheckboxesAndCustomTitle = function () { return (_jsx(LinguiContainer, { children: _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, actionColumnDefinition: ActionColumnCheckboxes, rowsData: createRandomData(10), onRowAction: onRowAction, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, components: components }) })); };
-WithForcedCheckboxesAndCustomTitle.story = {
-    name: 'With forced checkboxes and custom title'
-};

package/ui/Blocks/CommonGrid/storybook/stories/withQuickFilter.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CommonGrid from '../../CommonGridContainer';
-import { createRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
-import { columnDefinitions } from '../utils/columnDefinition';
-import withTheme from '../utils/withTheme';
-import withRouter from '../utils/withRouter';
-import withRedux from '../utils/withRedux';
-import { LinguiContainer } from '../../../../utils/LinguiContainer';
-export default {
-    title: '@Blocks/CommonGrid',
-    decorators: [withTheme, withRouter, withRedux]
-};
-export var WithQuickFilter = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridActions: gridDummyActions, gridSelectors: gridSelectors, quickFilter: "numberColumn" }) }));
-};
-WithQuickFilter.story = {
-    name: 'with quick filter'
-};

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

@@ -1,7 +0,0 @@
-export var onRowEditClick = function (id, props) { return console.log('onRowEditClick', id, props); };
-export var onRowReadClick = function (id, props) { return console.log('onRowReadClick', id, props); };
-export var onRowAction = function (id, field, value) { return console.log('onRowAction', id, field, value); };
-export var onRowClick = function (id, field, value) { return console.log('onRowClick', id, field); };
-export var onBatchAction = function (action, affectedRows) {
-    console.log('onBatchAction called', action, affectedRows);
-};

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

@@ -1,128 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { ComplexCell } from '../components/ComplexCell';
-import { EnumCellExample } from '../components/EnumCellExample';
-import { enumValues } from './utils';
-export var oversizedArrayColumns = 25;
-export var oversizedColumnDefinition = new Array(oversizedArrayColumns).fill(null).map(function (unused, index) { return ({
-    name: "column_".concat(index),
-    title: "column_".concat(index),
-    flexBasis: 120
-}); });
-export 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
-};
-export 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 (row) {
-            return row.boolColumn ? 'Yes' : 'No';
-        }
-    },
-    {
-        name: 'advancedColumn',
-        title: 'Advanced Column',
-        flexBasis: 160,
-        formatRowValue: function (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
-    }
-];
-export var stickyColumn = {
-    name: 'stickyColumn',
-    title: 'Sticky Column',
-    flexBasis: 160,
-    alwaysOn: true,
-    sticky: true,
-    stickTo: 'right'
-};
-export var columnDefinitionsWithSticky = __spreadArray(__spreadArray([], columnDefinitions, true), [stickyColumn], false);

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

@@ -1,93 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import faker from 'faker';
-import CommonGrid from '../../CommonGridContainer';
-import withReduxActions from '../../HoC/withReduxActions';
-import { rowClassSymbol, ExtraControlButtonPosition } from '../../types';
-export var enumValues = ['option A', 'option B', 'option C'];
-export var oversizedArrayColumns = 25;
-export var gridSelectors = {};
-/**
- * randomly returns given data or undefined. used to simulate optional pros on object data types
- */
-function makeOptional(fakerData, chance) {
-    chance = chance || 0.5;
-    return Math.random() < chance ? fakerData : undefined;
-}
-export var createRandomData = function (count) {
-    return new Array(count).fill(null).map(function () {
-        var _a;
-        return (_a = {
-                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()
-            },
-            _a[rowClassSymbol] = makeOptional('foo'),
-            _a);
-    });
-};
-export var gridDummyActions = {
-    // @see types for full list of actions
-    setPage: function (number) {
-        console.log('setPage', number);
-    },
-    setRowsPerPage: function (number) {
-        console.log('setRowsPerPage', number);
-    },
-    addFilter: function (column, value, filterProps, others) {
-        console.log('addFilter', column, value, filterProps, others);
-    }
-};
-export var createOversizedRandomData = function (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;
-    });
-};
-export var ReduxGrid = function (props) {
-    var WithActions = React.useMemo(function () { return withReduxActions('storybookGrid')(CommonGrid); }, []);
-    return _jsx(WithActions, __assign({}, props));
-};
-export var extraControlButtons = [
-    { label: 'Reload', position: ExtraControlButtonPosition.TopLeft },
-    { label: 'Export all', position: ExtraControlButtonPosition.TopRight }
-];
-export var onAsyncLoadFilterOptions = function (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' },
-            ]);
-        }, 1000);
-    });
-};

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

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

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

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

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

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

package/ui/Blocks/CommonGrid/styles.js

@@ -1,35 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { gridRowHeight, gridFooterHeight, gridButtonStripHeight, gridHeadHeight, gridFilterHeight } from './utils/constants';
-import styled, { x } from '@xstyled/styled-components';
-import { th } from '@xstyled/system';
-import CommonGrid from './CommonGrid';
-export var BottomWrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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"], ["\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"])), function (_a) {
-    var withPagination = _a.withPagination;
-    return (withPagination ? '10px 0' : '0px');
-}, function (_a) {
-    var withPagination = _a.withPagination;
-    return (withPagination ? gridFooterHeight : 0);
-});
-export var ContentContainer = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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"], ["\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"])));
-export var CommonGridWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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"], ["\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"])), function (_a) {
-    var withPagination = _a.withPagination;
-    return (withPagination ? gridFooterHeight : 0);
-});
-export var StyledButtonStrip = styled(x.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\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"], ["\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"])), gridButtonStripHeight);
-export var CommonGridWithStyles = styled(CommonGrid)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\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"], ["\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"])), th('fonts.primary'), gridRowHeight, function (_a) {
-    var hasGroups = _a.hasGroups;
-    return gridHeadHeight + (hasGroups ? gridFilterHeight : 0);
-}, th('colors.lightGray6'), function (_a) {
-    var hasGroupsOrFilters = _a.hasGroupsOrFilters;
-    return gridHeadHeight + (hasGroupsOrFilters ? gridFilterHeight : 0);
-}, th('fonts.primary'), function (_a) {
-    var withButtonStrip = _a.withButtonStrip;
-    return (withButtonStrip ? gridButtonStripHeight : 0);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.white;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/ui/Blocks/CommonGrid/types.js

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

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

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

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

@@ -1,23 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Reload } from '../../../Elements/Icon/icons/Reload';
-import { ExtraControlButtonPosition } from '../types';
-import compact from 'lodash/compact';
-export var getExtendedExtraControlButtons = function (extraControlButtons, onReload) {
-    return compact(__spreadArray([
-        onReload && {
-            onClick: onReload,
-            label: _jsx(Reload, { width: "16px", height: "16px", fill: "white" }),
-            position: ExtraControlButtonPosition.TopLeft,
-            buttonProps: { 'data-testid': 'reload-button' }
-        }
-    ], (extraControlButtons || []), true));
-};

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

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