@mailstep/design-system 0.6.2-beta.2 → 0.6.2-beta.3

package/ui/Blocks/CommonGrid/hooks/useManageColumn.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,26 +10,27 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useCallback, useMemo, useState } from 'react';
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
 var useManageColumn = function (_a) {
     var columns = _a.columns, gridSelectors = _a.gridSelectors, gridActions = _a.gridActions, onClose = _a.onClose;
     var resetGrid = gridActions.resetGrid, setColumnConfig = gridActions.setColumnConfig;
     var columnConfig = gridSelectors.columnConfig;
-    var _b = useState(__assign({}, columnConfig)), columnsConfigOptions = _b[0], setColumnsConfigOptions = _b[1];
-    var columnsConfigValues = useMemo(function () {
+    var _b = (0, react_1.useState)(__assign({}, columnConfig)), columnsConfigOptions = _b[0], setColumnsConfigOptions = _b[1];
+    var columnsConfigValues = (0, react_1.useMemo)(function () {
         return columns === null || columns === void 0 ? void 0 : columns.filter(function (column) {
             var _a;
             var isHidden = (_a = columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig[column.name]) === null || _a === void 0 ? void 0 : _a.isHidden;
             return (column === null || column === void 0 ? void 0 : column.alwaysOn) || typeof isHidden === 'boolean' ? !isHidden : !(column === null || column === void 0 ? void 0 : column.defaultHidden);
         }).map(function (column) { return column.name; });
     }, [columnConfig, columns]);
-    var onConfirmForm = useCallback(function () {
+    var onConfirmForm = (0, react_1.useCallback)(function () {
         (setColumnConfig === null || setColumnConfig === void 0 ? void 0 : setColumnConfig(columnsConfigOptions)) && (onClose === null || onClose === void 0 ? void 0 : onClose());
     }, [columnsConfigOptions, onClose, setColumnConfig]);
-    var resetColumnConfig = useCallback(function () {
+    var resetColumnConfig = (0, react_1.useCallback)(function () {
         (resetGrid === null || resetGrid === void 0 ? void 0 : resetGrid()) && (onClose === null || onClose === void 0 ? void 0 : onClose());
         setColumnsConfigOptions(columnConfig || {});
     }, [onClose, resetGrid]);
     return { columnsConfigValues: columnsConfigValues, setColumnsConfigOptions: setColumnsConfigOptions, onConfirmForm: onConfirmForm, resetColumnConfig: resetColumnConfig };
 };
-export default useManageColumn;
+exports.default = useManageColumn;

package/ui/Blocks/CommonGrid/hooks/useRowsKeyControls.js

@@ -1,6 +1,11 @@
-import React from 'react';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
 var useRowsKeyControls = function (rowsData, uxState, onUxChange) {
-    return React.useCallback(function (e) {
+    return react_1.default.useCallback(function (e) {
         var _a, _b;
         var selectedRowId = uxState.selectedRow;
         if (!selectedRowId)
@@ -18,4 +23,4 @@ var useRowsKeyControls = function (rowsData, uxState, onUxChange) {
             onUxChange === null || onUxChange === void 0 ? void 0 : onUxChange('selectedRow', null);
     }, [uxState, rowsData, onUxChange]);
 };
-export default useRowsKeyControls;
+exports.default = useRowsKeyControls;

package/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.js

@@ -1,7 +1,10 @@
-import { useMemo, useCallback } from 'react';
-export var useToggleAllCheckbox = function (rowsData, uxState, handleUxChange) {
-    var allChecked = useMemo(function () { return (rowsData || []).length >= 1 && rowsData.every(function (row) { var _a; return (_a = uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; }); }, [rowsData, uxState.checkedRows]);
-    var toggleAllHandler = useCallback(function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggleAllCheckbox = void 0;
+var react_1 = require("react");
+var useToggleAllCheckbox = function (rowsData, uxState, handleUxChange) {
+    var allChecked = (0, react_1.useMemo)(function () { return (rowsData || []).length >= 1 && rowsData.every(function (row) { var _a; return (_a = uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; }); }, [rowsData, uxState.checkedRows]);
+    var toggleAllHandler = (0, react_1.useCallback)(function () {
         var checkedRows = {};
         // if check all is not check, we check all
         if (!allChecked && rowsData) {
@@ -13,3 +16,4 @@ export var useToggleAllCheckbox = function (rowsData, uxState, handleUxChange) {
     }, [handleUxChange, rowsData, allChecked]);
     return [allChecked, toggleAllHandler];
 };
+exports.useToggleAllCheckbox = useToggleAllCheckbox;

package/ui/Blocks/CommonGrid/hooks/useUxReset.js

@@ -1,7 +1,12 @@
-import React from 'react';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
 var useUxReset = function (rowsData, uxState, clearUxState) {
-    var _a = React.useState('|'), previous = _a[0], setPrevious = _a[1];
-    React.useEffect(function () {
+    var _a = react_1.default.useState('|'), previous = _a[0], setPrevious = _a[1];
+    react_1.default.useEffect(function () {
         var ids = (rowsData || []).map(function (row) { return row.id; }).join('|');
         // clear uxState if listed rows change and uxState is not clear already
         if (ids !== previous) {
@@ -12,4 +17,4 @@ var useUxReset = function (rowsData, uxState, clearUxState) {
         setPrevious(ids);
     }, [rowsData]); // eslint-disable-line react-hooks/exhaustive-deps
 };
-export default useUxReset;
+exports.default = useUxReset;

package/ui/Blocks/CommonGrid/index.js

@@ -1,10 +1,51 @@
-import CommonGrid from './CommonGridContainer';
-import withReduxActions from './HoC/withReduxActions';
-import reducer, { actionPrefix, createActions, createSelectors, createFullSelector, actionTypes } from './store';
-import useFloatingButton from './hooks/useFloatingButton';
-import * as Types from './types';
-export * from './StandardButtons';
-export * from './components/gridCells';
-import { useAddFilter } from './hooks/useAddFilter';
-export default CommonGrid;
-export { withReduxActions, reducer, actionPrefix, actionTypes, createActions, createSelectors, createFullSelector, Types, useFloatingButton, useAddFilter, };
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAddFilter = exports.useFloatingButton = exports.Types = exports.createFullSelector = exports.createSelectors = exports.createActions = exports.actionTypes = exports.actionPrefix = exports.reducer = exports.withReduxActions = void 0;
+var CommonGridContainer_1 = __importDefault(require("./CommonGridContainer"));
+var withReduxActions_1 = __importDefault(require("./HoC/withReduxActions"));
+exports.withReduxActions = withReduxActions_1.default;
+var store_1 = __importStar(require("./store"));
+exports.reducer = store_1.default;
+Object.defineProperty(exports, "actionPrefix", { enumerable: true, get: function () { return store_1.actionPrefix; } });
+Object.defineProperty(exports, "createActions", { enumerable: true, get: function () { return store_1.createActions; } });
+Object.defineProperty(exports, "createSelectors", { enumerable: true, get: function () { return store_1.createSelectors; } });
+Object.defineProperty(exports, "createFullSelector", { enumerable: true, get: function () { return store_1.createFullSelector; } });
+Object.defineProperty(exports, "actionTypes", { enumerable: true, get: function () { return store_1.actionTypes; } });
+var useFloatingButton_1 = __importDefault(require("./hooks/useFloatingButton"));
+exports.useFloatingButton = useFloatingButton_1.default;
+var Types = __importStar(require("./types"));
+exports.Types = Types;
+__exportStar(require("./StandardButtons"), exports);
+__exportStar(require("./components/gridCells"), exports);
+var useAddFilter_1 = require("./hooks/useAddFilter");
+Object.defineProperty(exports, "useAddFilter", { enumerable: true, get: function () { return useAddFilter_1.useAddFilter; } });
+exports.default = CommonGridContainer_1.default;

package/ui/Blocks/CommonGrid/store/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,11 +10,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import produce from 'immer';
-import getOr from 'lodash/fp/getOr';
-import migrateState from './migrateState';
-import { createSelector } from 'reselect';
-export var initialState = {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFullSelector = exports.createSelectors = exports.createActions = exports.actionTypes = exports.actionPrefix = exports.initialState = void 0;
+var immer_1 = __importDefault(require("immer"));
+var getOr_1 = __importDefault(require("lodash/fp/getOr"));
+var migrateState_1 = __importDefault(require("./migrateState"));
+var reselect_1 = require("reselect");
+exports.initialState = {
     page: 1,
     rowsPerPage: 10,
     sorting: [],
@@ -28,33 +34,33 @@ export var initialState = {
     columnsOrder: [],
     defaultSorting: [],
 };
-export var actionPrefix = '@store/CommonGrid';
-export var actionTypes = {
-    init: "".concat(actionPrefix, "/init"),
-    clearUxState: "".concat(actionPrefix, "/clearUxState"),
-    handleUxChange: "".concat(actionPrefix, "/handleUxChange"),
-    openConfigForm: "".concat(actionPrefix, "/openConfigForm"),
-    closeConfigForm: "".concat(actionPrefix, "/closeConfigForm"),
-    setColumnConfig: "".concat(actionPrefix, "/setColumnConfig"),
-    setPage: "".concat(actionPrefix, "/setPage"),
-    setRowsPerPage: "".concat(actionPrefix, "/setRowsPerPage"),
-    resetFilters: "".concat(actionPrefix, "/resetFilters"),
-    addFilter: "".concat(actionPrefix, "/addFilter"),
-    addSorting: "".concat(actionPrefix, "/addSorting"),
-    clearSettings: "".concat(actionPrefix, "/clearSettings"),
-    resetGrid: "".concat(actionPrefix, "/resetGrid"),
-    setColumnWidth: "".concat(actionPrefix, "/setColumnWidth"),
-    setColumnsOrder: "".concat(actionPrefix, "/setColumnsOrder"),
+exports.actionPrefix = '@store/CommonGrid';
+exports.actionTypes = {
+    init: "".concat(exports.actionPrefix, "/init"),
+    clearUxState: "".concat(exports.actionPrefix, "/clearUxState"),
+    handleUxChange: "".concat(exports.actionPrefix, "/handleUxChange"),
+    openConfigForm: "".concat(exports.actionPrefix, "/openConfigForm"),
+    closeConfigForm: "".concat(exports.actionPrefix, "/closeConfigForm"),
+    setColumnConfig: "".concat(exports.actionPrefix, "/setColumnConfig"),
+    setPage: "".concat(exports.actionPrefix, "/setPage"),
+    setRowsPerPage: "".concat(exports.actionPrefix, "/setRowsPerPage"),
+    resetFilters: "".concat(exports.actionPrefix, "/resetFilters"),
+    addFilter: "".concat(exports.actionPrefix, "/addFilter"),
+    addSorting: "".concat(exports.actionPrefix, "/addSorting"),
+    clearSettings: "".concat(exports.actionPrefix, "/clearSettings"),
+    resetGrid: "".concat(exports.actionPrefix, "/resetGrid"),
+    setColumnWidth: "".concat(exports.actionPrefix, "/setColumnWidth"),
+    setColumnsOrder: "".concat(exports.actionPrefix, "/setColumnsOrder"),
 };
 var migrationChecked = false;
-export default (function (state, action) {
+exports.default = (function (state, action) {
     if (state === void 0) { state = {}; }
-    return produce(state, function (draft) {
+    return (0, immer_1.default)(state, function (draft) {
         var _a, _b;
         var _c, _d, _e, _f, _g;
         // version migrations
         if (!migrationChecked && state && Object.keys(state).length > 0) {
-            draft = migrateState(draft);
+            draft = (0, migrateState_1.default)(draft);
             migrationChecked = true;
         }
         var gridName = action.gridName;
@@ -62,9 +68,9 @@ export default (function (state, action) {
             return draft; // action does not contains gridName, skip immediatelly
         if (!draft[gridName]) {
             // if this grid is not yet in store, initialize
-            draft[gridName] = __assign({}, initialState);
+            draft[gridName] = __assign({}, exports.initialState);
         }
-        if (action.type === actionTypes.init) {
+        if (action.type === exports.actionTypes.init) {
             var defaultSorting = action.initProps.defaultSorting;
             draft[gridName].page = 1;
             if (defaultSorting) {
@@ -72,34 +78,34 @@ export default (function (state, action) {
                 draft[gridName].sorting = ((_c = draft[gridName].sorting) === null || _c === void 0 ? void 0 : _c.length) ? draft[gridName].sorting : defaultSorting;
             }
         }
-        else if (action.type === actionTypes.clearUxState) {
-            draft[gridName].uxState = initialState.uxState;
+        else if (action.type === exports.actionTypes.clearUxState) {
+            draft[gridName].uxState = exports.initialState.uxState;
         }
-        else if (action.type === actionTypes.handleUxChange) {
+        else if (action.type === exports.actionTypes.handleUxChange) {
             // for a specific row id (action.id) append uxState from action
             draft[gridName].uxState = __assign(__assign({}, draft[gridName].uxState), (_a = {}, _a[action.uxKey] = action.uxValue, _a));
         }
-        else if (action.type === actionTypes.openConfigForm) {
+        else if (action.type === exports.actionTypes.openConfigForm) {
             draft[gridName].isConfigFormOpen = true;
         }
-        else if (action.type === actionTypes.closeConfigForm) {
+        else if (action.type === exports.actionTypes.closeConfigForm) {
             draft[gridName].isConfigFormOpen = false;
         }
-        else if (action.type === actionTypes.setColumnConfig) {
+        else if (action.type === exports.actionTypes.setColumnConfig) {
             draft[gridName].columnConfig = action.columnConfig;
             draft[gridName].isConfigFormOpen = false;
         }
-        else if (action.type === actionTypes.resetFilters) {
+        else if (action.type === exports.actionTypes.resetFilters) {
             draft[gridName].filter = {};
         }
-        else if (action.type === actionTypes.addFilter) {
+        else if (action.type === exports.actionTypes.addFilter) {
             // append desired filter for specific column to existing filters
             var column = action.column, value = action.value, filterProps = action.filterProps;
             var currentFilterState = (_b = {}, _b[column] = { value: value, filterProps: filterProps }, _b);
             draft[gridName].filter = __assign(__assign({}, draft[gridName].filter), currentFilterState);
             draft[gridName].page = 1;
         }
-        else if (action.type === actionTypes.addSorting) {
+        else if (action.type === exports.actionTypes.addSorting) {
             // append desired sorting for specific column to existing sortings
             var direction = action.direction;
             var column = action.column;
@@ -113,109 +119,111 @@ export default (function (state, action) {
             }
             draft[gridName].sorting = sorting;
         }
-        else if (action.type === actionTypes.clearSettings) {
+        else if (action.type === exports.actionTypes.clearSettings) {
             // clear grid for reuse
-            draft[gridName].page = initialState.page;
-            draft[gridName].filter = initialState.filter;
-            draft[gridName].uxState = initialState.uxState;
+            draft[gridName].page = exports.initialState.page;
+            draft[gridName].filter = exports.initialState.filter;
+            draft[gridName].uxState = exports.initialState.uxState;
         }
-        else if (action.type === actionTypes.setPage) {
+        else if (action.type === exports.actionTypes.setPage) {
             draft[gridName].page = action.page;
         }
-        else if (action.type === actionTypes.setRowsPerPage) {
+        else if (action.type === exports.actionTypes.setRowsPerPage) {
             draft[gridName].rowsPerPage = action.rowsPerPage;
         }
-        else if (action.type === actionTypes.resetGrid) {
-            draft[gridName] = __assign(__assign({}, initialState), { rowsPerPage: draft[gridName].rowsPerPage });
+        else if (action.type === exports.actionTypes.resetGrid) {
+            draft[gridName] = __assign(__assign({}, exports.initialState), { rowsPerPage: draft[gridName].rowsPerPage });
         }
-        else if (action.type === actionTypes.setColumnWidth) {
+        else if (action.type === exports.actionTypes.setColumnWidth) {
             if (action.columnsWidth === null) {
-                draft[gridName].columnsWidth = initialState.columnsWidth;
+                draft[gridName].columnsWidth = exports.initialState.columnsWidth;
             }
             else {
                 draft[gridName].columnsWidth = __assign(__assign({}, draft[gridName].columnsWidth), action.columnsWidth);
             }
             draft[gridName].columnsWidthVariant = action.columnLayout;
         }
-        else if (action.type === actionTypes.setColumnsOrder) {
+        else if (action.type === exports.actionTypes.setColumnsOrder) {
             draft[gridName].columnsOrder = action.columnsOrder;
         }
         return draft;
     });
 });
-export var createActions = function (gridName) { return ({
-    init: function (initProps) { return ({ gridName: gridName, type: actionTypes.init, initProps: initProps }); },
-    clearUxState: function () { return ({ gridName: gridName, type: actionTypes.clearUxState }); },
+var createActions = function (gridName) { return ({
+    init: function (initProps) { return ({ gridName: gridName, type: exports.actionTypes.init, initProps: initProps }); },
+    clearUxState: function () { return ({ gridName: gridName, type: exports.actionTypes.clearUxState }); },
     handleUxChange: function (uxKey, uxValue) { return ({
         gridName: gridName,
-        type: actionTypes.handleUxChange,
+        type: exports.actionTypes.handleUxChange,
         uxKey: uxKey,
         uxValue: uxValue,
     }); },
-    openConfigForm: function () { return ({ gridName: gridName, type: actionTypes.openConfigForm }); },
-    closeConfigForm: function () { return ({ gridName: gridName, type: actionTypes.closeConfigForm }); },
-    setColumnConfig: function (columnConfig) { return ({ gridName: gridName, type: actionTypes.setColumnConfig, columnConfig: columnConfig }); },
-    setPage: function (page) { return ({ gridName: gridName, type: actionTypes.setPage, page: page }); },
+    openConfigForm: function () { return ({ gridName: gridName, type: exports.actionTypes.openConfigForm }); },
+    closeConfigForm: function () { return ({ gridName: gridName, type: exports.actionTypes.closeConfigForm }); },
+    setColumnConfig: function (columnConfig) { return ({ gridName: gridName, type: exports.actionTypes.setColumnConfig, columnConfig: columnConfig }); },
+    setPage: function (page) { return ({ gridName: gridName, type: exports.actionTypes.setPage, page: page }); },
     setColumnWidth: function (columnsWidth, columnLayout) { return ({
         gridName: gridName,
-        type: actionTypes.setColumnWidth,
+        type: exports.actionTypes.setColumnWidth,
         columnsWidth: columnsWidth,
         columnLayout: columnLayout,
     }); },
-    resetGrid: function () { return ({ gridName: gridName, type: actionTypes.resetGrid }); },
+    resetGrid: function () { return ({ gridName: gridName, type: exports.actionTypes.resetGrid }); },
     setColumnsOrder: function (columnsOrder) { return ({
         gridName: gridName,
-        type: actionTypes.setColumnsOrder,
+        type: exports.actionTypes.setColumnsOrder,
         columnsOrder: columnsOrder,
     }); },
-    setRowsPerPage: function (rowsPerPage) { return ({ gridName: gridName, type: actionTypes.setRowsPerPage, rowsPerPage: rowsPerPage }); },
-    resetFilters: function () { return ({ gridName: gridName, type: actionTypes.resetFilters }); },
+    setRowsPerPage: function (rowsPerPage) { return ({ gridName: gridName, type: exports.actionTypes.setRowsPerPage, rowsPerPage: rowsPerPage }); },
+    resetFilters: function () { return ({ gridName: gridName, type: exports.actionTypes.resetFilters }); },
     addFilter: function (column, value, filterProps) { return ({
         gridName: gridName,
-        type: actionTypes.addFilter,
+        type: exports.actionTypes.addFilter,
         column: column,
         value: value,
         filterProps: filterProps,
     }); },
     addSorting: function (column, direction) { return ({
         gridName: gridName,
-        type: actionTypes.addSorting,
+        type: exports.actionTypes.addSorting,
         column: column,
         direction: direction,
     }); },
-    clearSettings: function () { return ({ gridName: gridName, type: actionTypes.clearSettings }); },
+    clearSettings: function () { return ({ gridName: gridName, type: exports.actionTypes.clearSettings }); },
 }); };
-export var createSelectors = function (gridName) { return ({
+exports.createActions = createActions;
+var createSelectors = function (gridName) { return ({
     getUxState: function (state) {
-        return getOr(initialState.uxState, "commonGrid.".concat(gridName, ".uxState"), state);
+        return (0, getOr_1.default)(exports.initialState.uxState, "commonGrid.".concat(gridName, ".uxState"), state);
     },
     isConfigFormOpen: function (state) {
-        return getOr(initialState.isConfigFormOpen, "commonGrid.".concat(gridName, ".isConfigFormOpen"), state);
+        return (0, getOr_1.default)(exports.initialState.isConfigFormOpen, "commonGrid.".concat(gridName, ".isConfigFormOpen"), state);
     },
     getColumnConfig: function (state) {
-        return getOr(initialState.columnConfig, "commonGrid.".concat(gridName, ".columnConfig"), state);
+        return (0, getOr_1.default)(exports.initialState.columnConfig, "commonGrid.".concat(gridName, ".columnConfig"), state);
     },
-    getPage: function (state) { return getOr(initialState.page, "commonGrid.".concat(gridName, ".page"), state); },
+    getPage: function (state) { return (0, getOr_1.default)(exports.initialState.page, "commonGrid.".concat(gridName, ".page"), state); },
     getRowsPerPage: function (state) {
-        return getOr(initialState.rowsPerPage, "commonGrid.".concat(gridName, ".rowsPerPage"), state);
+        return (0, getOr_1.default)(exports.initialState.rowsPerPage, "commonGrid.".concat(gridName, ".rowsPerPage"), state);
     },
-    getFilter: function (state) { return getOr(initialState.filter, "commonGrid.".concat(gridName, ".filter"), state); },
+    getFilter: function (state) { return (0, getOr_1.default)(exports.initialState.filter, "commonGrid.".concat(gridName, ".filter"), state); },
     getSorting: function (state) {
-        return getOr(initialState.sorting, "commonGrid.".concat(gridName, ".sorting"), state);
+        return (0, getOr_1.default)(exports.initialState.sorting, "commonGrid.".concat(gridName, ".sorting"), state);
     },
     getColumnsWidth: function (state) {
-        return getOr(null, "commonGrid.".concat(gridName, ".columnsWidth"), state);
+        return (0, getOr_1.default)(null, "commonGrid.".concat(gridName, ".columnsWidth"), state);
     },
     getColumnsWidthVariant: function (state) {
-        return getOr(undefined, "commonGrid.".concat(gridName, ".columnsWidthVariant"), state);
+        return (0, getOr_1.default)(undefined, "commonGrid.".concat(gridName, ".columnsWidthVariant"), state);
     },
     getColumnsOrder: function (state) {
-        return getOr([], "commonGrid.".concat(gridName, ".columnsOrder"), state);
+        return (0, getOr_1.default)([], "commonGrid.".concat(gridName, ".columnsOrder"), state);
     },
 }); };
-export var createFullSelector = function (gridName) {
-    var selectors = createSelectors(gridName);
-    return createSelector(function (state) { return selectors.getUxState(state); }, function (state) { return selectors.isConfigFormOpen(state); }, function (state) { return selectors.getColumnConfig(state); }, function (state) { return selectors.getPage(state); }, function (state) { return selectors.getRowsPerPage(state); }, function (state) { return selectors.getFilter(state); }, function (state) { return selectors.getSorting(state); }, function (state) { return selectors.getColumnsWidth(state); }, function (state) { return selectors.getColumnsWidthVariant(state); }, function (state) { return selectors.getColumnsOrder(state); }, function (uxState, isConfigFormOpen, columnConfig, page, rowsPerPage, filter, sorting, columnsWidth, columnsWidthVariant, columnsOrder) { return ({
+exports.createSelectors = createSelectors;
+var createFullSelector = function (gridName) {
+    var selectors = (0, exports.createSelectors)(gridName);
+    return (0, reselect_1.createSelector)(function (state) { return selectors.getUxState(state); }, function (state) { return selectors.isConfigFormOpen(state); }, function (state) { return selectors.getColumnConfig(state); }, function (state) { return selectors.getPage(state); }, function (state) { return selectors.getRowsPerPage(state); }, function (state) { return selectors.getFilter(state); }, function (state) { return selectors.getSorting(state); }, function (state) { return selectors.getColumnsWidth(state); }, function (state) { return selectors.getColumnsWidthVariant(state); }, function (state) { return selectors.getColumnsOrder(state); }, function (uxState, isConfigFormOpen, columnConfig, page, rowsPerPage, filter, sorting, columnsWidth, columnsWidthVariant, columnsOrder) { return ({
         uxState: uxState,
         isConfigFormOpen: isConfigFormOpen,
         columnConfig: columnConfig,
@@ -228,3 +236,4 @@ export var createFullSelector = function (gridName) {
         columnsOrder: columnsOrder,
     }); });
 };
+exports.createFullSelector = createFullSelector;

package/ui/Blocks/CommonGrid/store/migrateState.js

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 // v1 to v2
 var v2 = function (draft) {
     Object.keys(draft).forEach(function (gridName) {
@@ -8,7 +10,7 @@ var v2 = function (draft) {
     return draft;
 };
 // migration management
-export default (function (draft) {
+exports.default = (function (draft) {
     draft = v2(draft);
     return draft;
 });

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

@@ -1,12 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ReduxGrid, createRandomData, enumValues, gridDummyActions } from '../utils/utils';
-import { onRowEditClick, onRowReadClick, onRowAction, onBatchAction } from '../utils/actions';
-import { useAddFilter } from '../../hooks/useAddFilter';
-import withReduxActions from '../../HoC/withReduxActions';
-import { columnDefinitions, enumColumn } from '../utils/columnDefinition';
-import withRedux from '../utils/withRedux';
-import { LinguiContainer } from '../utils/linguiContainer';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComplexWithPaginationAndRedux = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var utils_1 = require("../utils/utils");
+var actions_1 = require("../utils/actions");
+var useAddFilter_1 = require("../../hooks/useAddFilter");
+var withReduxActions_1 = __importDefault(require("../../HoC/withReduxActions"));
+var columnDefinition_1 = require("../utils/columnDefinition");
+var withRedux_1 = __importDefault(require("../utils/withRedux"));
+var linguiContainer_1 = require("../utils/linguiContainer");
 var ActionColumnButtons = {
     flexBasis: 160,
     canRowRead: true,
@@ -14,18 +20,19 @@ var ActionColumnButtons = {
 };
 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);
+    var handleAddFilter = (0, useAddFilter_1.useAddFilter)(gridActions === null || gridActions === void 0 ? void 0 : gridActions.addFilter);
+    react_1.default.useEffect(function () {
+        handleAddFilter(utils_1.enumValues[1], columnDefinition_1.enumColumn);
     }, []);
     return null;
 };
-var ConnectedFilterSetter = withReduxActions('testGrid')(FilterSetter);
-export default {
+var ConnectedFilterSetter = (0, withReduxActions_1.default)('testGrid')(FilterSetter);
+exports.default = {
     title: '@Blocks/CommonGrid',
-    decorators: [withRedux],
+    decorators: [withRedux_1.default],
 };
-export var ComplexWithPaginationAndRedux = function () { return (_jsxs(LinguiContainer, { children: [_jsx(ConnectedFilterSetter, { gridActions: gridDummyActions }), _jsx(ReduxGrid, { columnsDefinitions: columnDefinitions, actionColumnDefinition: ActionColumnButtons, rowsData: createRandomData(10), onRowAction: onRowAction, onRowReadClick: onRowReadClick, onRowEditClick: onRowEditClick, totalRowsCount: 200, onBatchAction: onBatchAction, confirmOnReset: function () { return window.confirm('Are you sure you want to reset grid?'); } })] })); };
-ComplexWithPaginationAndRedux.story = {
+var ComplexWithPaginationAndRedux = function () { return ((0, jsx_runtime_1.jsxs)(linguiContainer_1.LinguiContainer, { children: [(0, jsx_runtime_1.jsx)(ConnectedFilterSetter, { gridActions: utils_1.gridDummyActions }), (0, jsx_runtime_1.jsx)(utils_1.ReduxGrid, { columnsDefinitions: columnDefinition_1.columnDefinitions, actionColumnDefinition: ActionColumnButtons, rowsData: (0, utils_1.createRandomData)(10), onRowAction: actions_1.onRowAction, onRowReadClick: actions_1.onRowReadClick, onRowEditClick: actions_1.onRowEditClick, totalRowsCount: 200, onBatchAction: actions_1.onBatchAction, confirmOnReset: function () { return window.confirm('Are you sure you want to reset grid?'); } })] })); };
+exports.ComplexWithPaginationAndRedux = ComplexWithPaginationAndRedux;
+exports.ComplexWithPaginationAndRedux.story = {
     name: 'Complex, with pagination and redux',
 };

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

@@ -1,15 +1,22 @@
-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 {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CommonGridContainer_1 = __importDefault(require("../../CommonGridContainer"));
+var utils_1 = require("../utils/utils");
+var columnDefinition_1 = require("../utils/columnDefinition");
+var withTheme_1 = __importDefault(require("../utils/withTheme"));
+var withRouter_1 = __importDefault(require("../utils/withRouter"));
+var withRedux_1 = __importDefault(require("../utils/withRedux"));
+var linguiContainer_1 = require("../utils/linguiContainer");
+exports.default = {
     title: '@Blocks/CommonGrid',
-    decorators: [withTheme, withRouter, withRedux],
+    decorators: [withTheme_1.default, withRouter_1.default, withRedux_1.default],
 };
-export var Default = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridActions: gridDummyActions, gridSelectors: gridSelectors }) }));
+var Default = function () {
+    return ((0, jsx_runtime_1.jsx)(linguiContainer_1.LinguiContainer, { children: (0, jsx_runtime_1.jsx)(CommonGridContainer_1.default, { columnsDefinitions: columnDefinition_1.columnDefinitions, rowsData: (0, utils_1.createRandomData)(10), gridActions: utils_1.gridDummyActions, gridSelectors: utils_1.gridSelectors }) }));
 };
+exports.Default = Default;

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

@@ -1,12 +1,19 @@
-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 { LinguiContainer } from '../utils/linguiContainer';
-export default {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingState = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CommonGridContainer_1 = __importDefault(require("../../CommonGridContainer"));
+var utils_1 = require("../utils/utils");
+var columnDefinition_1 = require("../utils/columnDefinition");
+var linguiContainer_1 = require("../utils/linguiContainer");
+exports.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, hideColumnConfig: true }) })); };
-LoadingState.story = {
+var LoadingState = function () { return ((0, jsx_runtime_1.jsx)(linguiContainer_1.LinguiContainer, { children: (0, jsx_runtime_1.jsx)(CommonGridContainer_1.default, { columnsDefinitions: columnDefinition_1.columnDefinitions, rowsData: (0, utils_1.createRandomData)(10), gridSelectors: utils_1.gridSelectors, gridActions: utils_1.gridDummyActions, isLoading: true, hideColumnConfig: true }) })); };
+exports.LoadingState = LoadingState;
+exports.LoadingState.story = {
     name: 'Loading state',
 };