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

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

@@ -1,24 +1,31 @@
+"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import styled from '@xstyled/styled-components';
-import { Trans } from '@lingui/react';
-import Icon from '../../../../Elements/Icon/Icon';
-export var Wrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var Trigger = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  color: gray;\n  font-weight: bold;\n  font-size: 10px;\n  & .faIcon {\n    margin-right: 4px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  color: gray;\n  font-weight: bold;\n  font-size: 10px;\n  & .faIcon {\n    margin-right: 4px;\n  }\n"])));
-export var RemoveCell = function (_a) {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemoveCell = exports.Wrap = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("@xstyled/styled-components"));
+var react_2 = require("@lingui/react");
+var Icon_1 = __importDefault(require("../../../../Elements/Icon/Icon"));
+exports.Wrap = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var Trigger = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  color: gray;\n  font-weight: bold;\n  font-size: 10px;\n  & .faIcon {\n    margin-right: 4px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  color: gray;\n  font-weight: bold;\n  font-size: 10px;\n  & .faIcon {\n    margin-right: 4px;\n  }\n"])));
+var RemoveCell = function (_a) {
     var _b;
     var rowData = _a.rowData, onRowAction = _a.onRowAction;
-    var onRemoveClick = React.useCallback(function () {
+    var onRemoveClick = react_1.default.useCallback(function () {
         if (onRowAction)
             onRowAction(rowData.id, 'remove', rowData);
     }, [rowData, onRowAction]);
     if (((_b = rowData === null || rowData === void 0 ? void 0 : rowData.product) === null || _b === void 0 ? void 0 : _b.type) === 'virtual') {
-        return _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" });
+        return (0, jsx_runtime_1.jsx)(react_2.Trans, { id: "dataGrid.columnLot.NA", message: "N/A" });
     }
-    return (_jsx(Wrap, { children: _jsxs(Trigger, { onClick: onRemoveClick, children: [_jsx(Icon, { icon: "deleteX", size: "12px" }), _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" })] }) }));
+    return ((0, jsx_runtime_1.jsx)(exports.Wrap, { children: (0, jsx_runtime_1.jsxs)(Trigger, { onClick: onRemoveClick, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { icon: "deleteX", size: "12px" }), (0, jsx_runtime_1.jsx)(react_2.Trans, { id: "dataGrid.deleteItem", message: "Delete" })] }) }));
 };
+exports.RemoveCell = RemoveCell;
 var templateObject_1, templateObject_2;

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

@@ -1,30 +1,37 @@
+"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import styled from '@xstyled/styled-components';
-import { isFunction } from 'lodash/fp';
-import { IconButtonInCell } from './IconButtonInCell';
-var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  width: 100%;\n\n  svg {\n    color: blue2;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  width: 100%;\n\n  svg {\n    color: blue2;\n  }\n"])));
-export var RowActionsCell = function (_a) {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowActionsCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("@xstyled/styled-components"));
+var fp_1 = require("lodash/fp");
+var IconButtonInCell_1 = require("./IconButtonInCell");
+var Center = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  width: 100%;\n\n  svg {\n    color: blue2;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  width: 100%;\n\n  svg {\n    color: blue2;\n  }\n"])));
+var RowActionsCell = function (_a) {
     var canEdit = _a.canEdit, onClick = _a.onClick, linkTo = _a.linkTo;
-    var handleOnClick = useCallback(function () {
-        if (isFunction(onClick)) {
+    var handleOnClick = (0, react_1.useCallback)(function () {
+        if ((0, fp_1.isFunction)(onClick)) {
             onClick();
         }
     }, [onClick]);
-    var actions = useMemo(function () {
+    var actions = (0, react_1.useMemo)(function () {
         var actionOptions = [];
         if (canEdit) {
-            actionOptions.push(_jsx(IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"));
+            actionOptions.push((0, jsx_runtime_1.jsx)(IconButtonInCell_1.IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"));
         }
         else {
-            actionOptions.push(_jsx(IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read"));
+            actionOptions.push((0, jsx_runtime_1.jsx)(IconButtonInCell_1.IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read"));
         }
         return actionOptions;
     }, [canEdit, handleOnClick, linkTo]);
-    return _jsx(Center, { onClick: handleOnClick, children: actions });
+    return (0, jsx_runtime_1.jsx)(Center, { onClick: handleOnClick, children: actions });
 };
+exports.RowActionsCell = RowActionsCell;
 var templateObject_1;

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

@@ -1,7 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import get from 'lodash/fp/get';
-export var StringJoinCell = function (_a) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringJoinCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var get_1 = __importDefault(require("lodash/fp/get"));
+var StringJoinCell = function (_a) {
     var rowData = _a.rowData, column = _a.column;
-    var values = get(column.name, rowData);
-    return values && values.length ? _jsx("span", { className: "cell", children: values.join(', ') }) : null;
+    var values = (0, get_1.default)(column.name, rowData);
+    return values && values.length ? (0, jsx_runtime_1.jsx)("span", { className: "cell", children: values.join(', ') }) : null;
 };
+exports.StringJoinCell = StringJoinCell;

package/ui/Blocks/CommonGrid/components/gridCells/SwitchInCell.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,8 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import Toggle from '../../../../Elements/Toggle/Toggle';
-export var SwitchInCell = function (props) {
-    return _jsx(Toggle, __assign({}, props, { variant: "grid" }));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchInCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Toggle_1 = __importDefault(require("../../../../Elements/Toggle/Toggle"));
+var SwitchInCell = function (props) {
+    return (0, jsx_runtime_1.jsx)(Toggle_1.default, __assign({}, props, { variant: "grid" }));
+};
+exports.SwitchInCell = SwitchInCell;

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

@@ -1,19 +1,48 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
-import { SwitchInCell } from './SwitchInCell';
-import get from 'lodash/fp/get';
-export var ToggleCell = function (_a) {
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var SwitchInCell_1 = require("./SwitchInCell");
+var get_1 = __importDefault(require("lodash/fp/get"));
+var ToggleCell = function (_a) {
     var _b;
     var rowData = _a.rowData, column = _a.column, onRowAction = _a.onRowAction;
     var inverse = !!((_b = column === null || column === void 0 ? void 0 : column.passProps) === null || _b === void 0 ? void 0 : _b.inverse);
-    var rawValue = get(column.name, rowData);
+    var rawValue = (0, get_1.default)(column.name, rowData);
     var value = inverse ? !rawValue : !!rawValue;
     var actionName = "toggle_".concat(column.name);
-    var _c = React.useState(value), isChecked = _c[0], setIsChecked = _c[1];
-    React.useEffect(function () {
+    var _c = react_1.default.useState(value), isChecked = _c[0], setIsChecked = _c[1];
+    react_1.default.useEffect(function () {
         setIsChecked(value);
     }, [rowData.id]);
-    var onSwitchChange = useCallback(function () {
+    var onSwitchChange = (0, react_1.useCallback)(function () {
         if (!onRowAction)
             return;
         var ret = onRowAction(rowData.id, actionName, !isChecked);
@@ -26,5 +55,6 @@ export var ToggleCell = function (_a) {
             setIsChecked(!isChecked);
         }
     }, [onRowAction, rowData.id, actionName, isChecked]);
-    return _jsx(SwitchInCell, { checked: isChecked, onChange: onSwitchChange });
+    return (0, jsx_runtime_1.jsx)(SwitchInCell_1.SwitchInCell, { checked: isChecked, onChange: onSwitchChange });
 };
+exports.ToggleCell = ToggleCell;

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

@@ -1,14 +1,31 @@
-export { DateCell } from './Date';
-export { DateTimeCell } from './DateTime';
-export { StringJoinCell } from './StringJoin';
-export { BoolIconCell } from './BoolIcon';
-export { RemoveCell } from './RemoveItem';
-export { LinkInCell } from './LinkInCell';
-export { ButtonInCell } from './ButtonInCell';
-export { IconButtonInCell } from './IconButtonInCell';
-export { SwitchInCell } from './SwitchInCell';
-export { ImageCell } from './ImageCell';
-export { EnumInCell } from './EnumInCell';
-export { HoverBubble } from './HoverBubble';
-export { RowActionsCell } from './RowActionsCell';
-export { ToggleCell } from './ToggleCell';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleCell = exports.RowActionsCell = exports.HoverBubble = exports.EnumInCell = exports.ImageCell = exports.SwitchInCell = exports.IconButtonInCell = exports.ButtonInCell = exports.LinkInCell = exports.RemoveCell = exports.BoolIconCell = exports.StringJoinCell = exports.DateTimeCell = exports.DateCell = void 0;
+var Date_1 = require("./Date");
+Object.defineProperty(exports, "DateCell", { enumerable: true, get: function () { return Date_1.DateCell; } });
+var DateTime_1 = require("./DateTime");
+Object.defineProperty(exports, "DateTimeCell", { enumerable: true, get: function () { return DateTime_1.DateTimeCell; } });
+var StringJoin_1 = require("./StringJoin");
+Object.defineProperty(exports, "StringJoinCell", { enumerable: true, get: function () { return StringJoin_1.StringJoinCell; } });
+var BoolIcon_1 = require("./BoolIcon");
+Object.defineProperty(exports, "BoolIconCell", { enumerable: true, get: function () { return BoolIcon_1.BoolIconCell; } });
+var RemoveItem_1 = require("./RemoveItem");
+Object.defineProperty(exports, "RemoveCell", { enumerable: true, get: function () { return RemoveItem_1.RemoveCell; } });
+var LinkInCell_1 = require("./LinkInCell");
+Object.defineProperty(exports, "LinkInCell", { enumerable: true, get: function () { return LinkInCell_1.LinkInCell; } });
+var ButtonInCell_1 = require("./ButtonInCell");
+Object.defineProperty(exports, "ButtonInCell", { enumerable: true, get: function () { return ButtonInCell_1.ButtonInCell; } });
+var IconButtonInCell_1 = require("./IconButtonInCell");
+Object.defineProperty(exports, "IconButtonInCell", { enumerable: true, get: function () { return IconButtonInCell_1.IconButtonInCell; } });
+var SwitchInCell_1 = require("./SwitchInCell");
+Object.defineProperty(exports, "SwitchInCell", { enumerable: true, get: function () { return SwitchInCell_1.SwitchInCell; } });
+var ImageCell_1 = require("./ImageCell");
+Object.defineProperty(exports, "ImageCell", { enumerable: true, get: function () { return ImageCell_1.ImageCell; } });
+var EnumInCell_1 = require("./EnumInCell");
+Object.defineProperty(exports, "EnumInCell", { enumerable: true, get: function () { return EnumInCell_1.EnumInCell; } });
+var HoverBubble_1 = require("./HoverBubble");
+Object.defineProperty(exports, "HoverBubble", { enumerable: true, get: function () { return HoverBubble_1.HoverBubble; } });
+var RowActionsCell_1 = require("./RowActionsCell");
+Object.defineProperty(exports, "RowActionsCell", { enumerable: true, get: function () { return RowActionsCell_1.RowActionsCell; } });
+var ToggleCell_1 = require("./ToggleCell");
+Object.defineProperty(exports, "ToggleCell", { enumerable: true, get: function () { return ToggleCell_1.ToggleCell; } });

package/ui/Blocks/CommonGrid/components/icons/Edit.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,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-var Edit = function (props) { return (_jsx("svg", __assign({ "data-icon": "edit", viewBox: "0 0 16 16" }, props, { children: _jsx("path", { d: "M3.25 10.26l2.47 2.47 6.69-6.69-2.46-2.48-6.7 6.7zM.99 14.99l3.86-1.39-2.46-2.44-1.4 3.83zm12.25-14c-.48 0-.92.2-1.24.51l-1.44 1.44 2.47 2.47 1.44-1.44c.32-.32.51-.75.51-1.24.01-.95-.77-1.74-1.74-1.74z", fillRule: "evenodd" }) }))); };
-export default Edit;
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Edit = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ "data-icon": "edit", viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.25 10.26l2.47 2.47 6.69-6.69-2.46-2.48-6.7 6.7zM.99 14.99l3.86-1.39-2.46-2.44-1.4 3.83zm12.25-14c-.48 0-.92.2-1.24.51l-1.44 1.44 2.47 2.47 1.44-1.44c.32-.32.51-.75.51-1.24.01-.95-.77-1.74-1.74-1.74z", fillRule: "evenodd" }) }))); };
+exports.default = Edit;

package/ui/Blocks/CommonGrid/components/icons/EyeOpen.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,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-var EyeOpen = function (props) { return (_jsx("svg", __assign({ "data-icon": "eye-open", viewBox: "0 0 16 16" }, props, { children: _jsx("path", { d: "M8.002 7.003a1.003 1.003 0 000 2.005 1.003 1.003 0 000-2.005zm7.988.972v-.02-.01-.02-.02a.675.675 0 00-.17-.36c-.509-.673-1.118-1.264-1.737-1.806-1.328-1.173-2.846-2.155-4.523-2.546a6.702 6.702 0 00-2.925-.06c-.889.18-1.738.541-2.546.992C2.84 4.837 1.692 5.81.694 6.902c-.18.211-.36.411-.53.632a.742.742 0 000 .932c.51.672 1.119 1.264 1.738 1.805 1.328 1.173 2.846 2.156 4.523 2.547.968.23 1.947.24 2.925.04.889-.18 1.738-.542 2.546-.993 1.248-.712 2.397-1.684 3.395-2.777.18-.2.37-.411.54-.632.09-.1.149-.23.169-.36v-.02-.02-.01-.02-.03c0-.01-.01-.01-.01-.02zm-7.988 3.038a2.998 2.998 0 01-2.995-3.008 2.998 2.998 0 012.995-3.008 2.998 2.998 0 012.996 3.008 2.998 2.998 0 01-2.996 3.008z", fillRule: "evenodd" }) }))); };
-export default EyeOpen;
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var EyeOpen = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ "data-icon": "eye-open", viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8.002 7.003a1.003 1.003 0 000 2.005 1.003 1.003 0 000-2.005zm7.988.972v-.02-.01-.02-.02a.675.675 0 00-.17-.36c-.509-.673-1.118-1.264-1.737-1.806-1.328-1.173-2.846-2.155-4.523-2.546a6.702 6.702 0 00-2.925-.06c-.889.18-1.738.541-2.546.992C2.84 4.837 1.692 5.81.694 6.902c-.18.211-.36.411-.53.632a.742.742 0 000 .932c.51.672 1.119 1.264 1.738 1.805 1.328 1.173 2.846 2.156 4.523 2.547.968.23 1.947.24 2.925.04.889-.18 1.738-.542 2.546-.993 1.248-.712 2.397-1.684 3.395-2.777.18-.2.37-.411.54-.632.09-.1.149-.23.169-.36v-.02-.02-.01-.02-.03c0-.01-.01-.01-.01-.02zm-7.988 3.038a2.998 2.998 0 01-2.995-3.008 2.998 2.998 0 012.995-3.008 2.998 2.998 0 012.996 3.008 2.998 2.998 0 01-2.996 3.008z", fillRule: "evenodd" }) }))); };
+exports.default = EyeOpen;

package/ui/Blocks/CommonGrid/components/icons/Sorting.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,6 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-export var SortingUp = function (props) { return (_jsx("svg", __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx("path", { d: "M12.71 9.29l-4-4C8.53 5.11 8.28 5 8 5s-.53.11-.71.29l-4 4a1.003 1.003 0 001.42 1.42L8 7.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71z", fillRule: "evenodd" }) }))); };
-export var SortingDown = function (props) { return (_jsx("svg", __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx("path", { d: "M12 5c-.28 0-.53.11-.71.29L8 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0012 5z", fillRule: "evenodd" }) }))); };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SortingDown = exports.SortingUp = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SortingUp = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M12.71 9.29l-4-4C8.53 5.11 8.28 5 8 5s-.53.11-.71.29l-4 4a1.003 1.003 0 001.42 1.42L8 7.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71z", fillRule: "evenodd" }) }))); };
+exports.SortingUp = SortingUp;
+var SortingDown = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M12 5c-.28 0-.53.11-.71.29L8 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0012 5z", fillRule: "evenodd" }) }))); };
+exports.SortingDown = SortingDown;

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

@@ -1,7 +1,10 @@
-import { useState } from 'react';
-export var useTimeMeasurement = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimeMeasurement = void 0;
+var react_1 = require("react");
+var useTimeMeasurement = function (_a) {
     var handleRowClick = _a.handleRowClick;
-    var _b = useState(0), startTime = _b[0], setStartTime = _b[1];
+    var _b = (0, react_1.useState)(0), startTime = _b[0], setStartTime = _b[1];
     var handleMouseDown = function () {
         // Set the start time when mouse is pressed
         var start = Date.now();
@@ -20,3 +23,4 @@ export var useTimeMeasurement = function (_a) {
     };
     return { handleMouseDown: handleMouseDown, handleMouseUp: handleMouseUp };
 };
+exports.useTimeMeasurement = useTimeMeasurement;

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

@@ -1,14 +1,18 @@
-import { useCallback } from 'react';
-import { createFilterType, getFilterName } from '../utils';
-export var useAddFilter = function (onChange) {
-    return useCallback(function (value, column) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAddFilter = void 0;
+var react_1 = require("react");
+var utils_1 = require("../utils");
+var useAddFilter = function (onChange) {
+    return (0, react_1.useCallback)(function (value, column) {
         if (onChange) {
             var filterProps = {
-                type: createFilterType(column),
+                type: (0, utils_1.createFilterType)(column),
                 filterExtraProps: column.filterExtraProps || {},
                 computedValue: column.getFilterCriteria ? column.getFilterCriteria(value) : null,
             };
-            onChange(getFilterName(column), value, filterProps);
+            onChange((0, utils_1.getFilterName)(column), value, filterProps);
         }
     }, [onChange]);
 };
+exports.useAddFilter = useAddFilter;

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

@@ -1,32 +1,37 @@
-import React from 'react';
-import sum from 'lodash/sum';
+"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 sum_1 = __importDefault(require("lodash/sum"));
 var useColumnSizes = function (displayColumnsDefinitions, storeColumnsWidth, storeColumnsWidthVariant, setColumnWidth, columnLayout, minColumnWidth) {
     /**
      * decorate grid resize with layout and reset grid widths if layout changes
      */
     if (minColumnWidth === void 0) { minColumnWidth = 50; }
-    var handleSetColumnWidth = React.useCallback(function (columnWidth) { return setColumnWidth(columnWidth, columnLayout); }, [columnLayout, setColumnWidth]);
-    React.useEffect(function () {
+    var handleSetColumnWidth = react_1.default.useCallback(function (columnWidth) { return setColumnWidth(columnWidth, columnLayout); }, [columnLayout, setColumnWidth]);
+    react_1.default.useEffect(function () {
         if (storeColumnsWidthVariant != columnLayout)
             handleSetColumnWidth(null);
     }, [columnLayout, storeColumnsWidthVariant, handleSetColumnWidth]);
     /**
      * base width of each displayed column and of all displayed columns put together
      */
-    var displayColumnsWidth = React.useMemo(function () {
+    var displayColumnsWidth = react_1.default.useMemo(function () {
         var displayColumnsWidth = {};
         displayColumnsDefinitions.forEach(function (column) { return (displayColumnsWidth[column.name] = (storeColumnsWidth === null || storeColumnsWidth === void 0 ? void 0 : storeColumnsWidth[column.name]) || column.flexBasis); });
         return displayColumnsWidth;
     }, [displayColumnsDefinitions, storeColumnsWidth]);
-    var totalColumnsWidth = React.useMemo(function () {
-        return sum(Object.values(displayColumnsWidth));
+    var totalColumnsWidth = react_1.default.useMemo(function () {
+        return (0, sum_1.default)(Object.values(displayColumnsWidth));
     }, [displayColumnsWidth]);
     /**
      * handling of remaining space
      */
     // TODO optimize better
-    var gridBoxRef = React.useRef(null);
-    var testAdjustLastColumn = React.useCallback(function () {
+    var gridBoxRef = react_1.default.useRef(null);
+    var testAdjustLastColumn = react_1.default.useCallback(function () {
         var _a;
         var _b;
         var gridWidth = ((_b = gridBoxRef === null || gridBoxRef === void 0 ? void 0 : gridBoxRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) || null;
@@ -38,17 +43,17 @@ var useColumnSizes = function (displayColumnsDefinitions, storeColumnsWidth, sto
             }
         }
     }, [columnLayout, displayColumnsDefinitions, displayColumnsWidth, gridBoxRef, handleSetColumnWidth, totalColumnsWidth]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         testAdjustLastColumn();
     }, [testAdjustLastColumn]);
-    React.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(function () {
         window.addEventListener('resize', testAdjustLastColumn);
         return function () { return window.removeEventListener('resize', testAdjustLastColumn); };
     }, [testAdjustLastColumn]);
     /**
      * resizing of columns
      */
-    var handleResizeDrag = React.useCallback(function (columnName, width) {
+    var handleResizeDrag = react_1.default.useCallback(function (columnName, width) {
         var _a, _b;
         var _c;
         var i = displayColumnsDefinitions.findIndex(function (_a) {
@@ -80,4 +85,4 @@ var useColumnSizes = function (displayColumnsDefinitions, storeColumnsWidth, sto
     }, [displayColumnsDefinitions, columnLayout, displayColumnsWidth, totalColumnsWidth, minColumnWidth, handleSetColumnWidth]);
     return { totalColumnsWidth: totalColumnsWidth, gridBoxRef: gridBoxRef, displayColumnsWidth: displayColumnsWidth, handleResizeDrag: handleResizeDrag };
 };
-export default useColumnSizes;
+exports.default = useColumnSizes;

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

@@ -1,3 +1,4 @@
+"use strict";
 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)) {
@@ -7,8 +8,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { useCallback, useMemo } from 'react';
-import getReadEditButtonCell from '../components/ReadEditButtonCell';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var ReadEditButtonCell_1 = __importDefault(require("../components/ReadEditButtonCell"));
 /**
  * Because in new design we are displaying lot of the controlls differently, including read and edit buttons in grid,
  * easiest way to make all the definition changes is to just overwrite the here once, instead of modifying every single grid (33 instances atm).
@@ -16,7 +21,7 @@ import getReadEditButtonCell from '../components/ReadEditButtonCell';
  * */
 var useEditReadAsColumn = function (props) {
     var onRowAction = props.onRowAction, actionColumnDefinition = props.actionColumnDefinition, columnsDefinitions = props.columnsDefinitions, onRowEditClick = props.onRowEditClick, onRowReadClick = props.onRowReadClick;
-    var modifiedActionColumnDefinition = useMemo(function () {
+    var modifiedActionColumnDefinition = (0, react_1.useMemo)(function () {
         var _a;
         if ((actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.forceCheckboxes) || ((_a = actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.actionOptions) === null || _a === void 0 ? void 0 : _a.length)) {
             // note: this also removes actions, because we render action trigger outside the grid anyway
@@ -29,7 +34,7 @@ var useEditReadAsColumn = function (props) {
             return undefined;
         }
     }, [actionColumnDefinition]);
-    var modifiedOnRowAction = useCallback(function (id, field, value) {
+    var modifiedOnRowAction = (0, react_1.useCallback)(function (id, field, value) {
         if (field === 'row_edit' || field === 'row_read') {
             if (field === 'row_edit' && onRowEditClick)
                 onRowEditClick(id, value);
@@ -41,8 +46,8 @@ var useEditReadAsColumn = function (props) {
         }
     }, [onRowAction, onRowEditClick, onRowReadClick]);
     // TODO Entire logic of row edit / row read need to be completely refactored.
-    var CellComponent = useMemo(function () { return getReadEditButtonCell(actionColumnDefinition); }, [actionColumnDefinition]);
-    var modifiedColumnsDefinitions = useMemo(function () {
+    var CellComponent = (0, react_1.useMemo)(function () { return (0, ReadEditButtonCell_1.default)(actionColumnDefinition); }, [actionColumnDefinition]);
+    var modifiedColumnsDefinitions = (0, react_1.useMemo)(function () {
         if ((actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowEdit) !== undefined || (actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowRead) !== undefined) {
             return __spreadArray(__spreadArray([], columnsDefinitions, true), [
                 {
@@ -67,4 +72,4 @@ var useEditReadAsColumn = function (props) {
         onRowAction: modifiedOnRowAction,
     };
 };
-export default useEditReadAsColumn;
+exports.default = useEditReadAsColumn;

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

@@ -1,6 +1,8 @@
-import { useMemo } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
 var useFloatingButton = function (hasPermission, onClick, options, onSelect) {
-    return useMemo(function () {
+    return (0, react_1.useMemo)(function () {
         if (!hasPermission)
             return;
         return {
@@ -10,4 +12,4 @@ var useFloatingButton = function (hasPermission, onClick, options, onSelect) {
         };
     }, [hasPermission, onClick, options, onSelect]);
 };
-export default useFloatingButton;
+exports.default = useFloatingButton;

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

@@ -1,11 +1,13 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
 var useGetGridHeight = function () {
-    var _a = useState(window.innerHeight), windowHeight = _a[0], setWindowHeight = _a[1];
-    var _b = useState(0), topDistance = _b[0], setTopDistance = _b[1];
-    var _c = useState(0), bottomDistance = _c[0], setBottomDistance = _c[1];
-    var gridRef = useRef(null);
-    var paginationRef = useRef(null);
-    useEffect(function () {
+    var _a = (0, react_1.useState)(window.innerHeight), windowHeight = _a[0], setWindowHeight = _a[1];
+    var _b = (0, react_1.useState)(0), topDistance = _b[0], setTopDistance = _b[1];
+    var _c = (0, react_1.useState)(0), bottomDistance = _c[0], setBottomDistance = _c[1];
+    var gridRef = (0, react_1.useRef)(null);
+    var paginationRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
         var handleResize = function () {
             var _a, _b;
             setTopDistance(((_a = gridRef.current) === null || _a === void 0 ? void 0 : _a.offsetTop) || 0);
@@ -18,7 +20,7 @@ var useGetGridHeight = function () {
             window.removeEventListener('resize', handleResize);
         };
     }, []);
-    var gridHeight = useMemo(function () {
+    var gridHeight = (0, react_1.useMemo)(function () {
         var calculatedHeight = windowHeight - topDistance - bottomDistance;
         if (calculatedHeight !== windowHeight && calculatedHeight > 360) {
             return calculatedHeight - 25;
@@ -30,4 +32,4 @@ var useGetGridHeight = function () {
     }, [bottomDistance, topDistance, windowHeight]);
     return { gridHeight: gridHeight, gridRef: gridRef, paginationRef: paginationRef };
 };
-export default useGetGridHeight;
+exports.default = useGetGridHeight;

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

@@ -1,25 +1,32 @@
-import { useMemo, useCallback } from 'react';
-import find from 'lodash/find';
-export var useGridActionTrigger = function (rowsData, uxState, actionOptions, onBatchAction) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridActionTrigger = void 0;
+var react_1 = require("react");
+var find_1 = __importDefault(require("lodash/find"));
+var useGridActionTrigger = function (rowsData, uxState, actionOptions, onBatchAction) {
     if (actionOptions === void 0) { actionOptions = []; }
-    var actionRows = useMemo(function () {
+    var actionRows = (0, react_1.useMemo)(function () {
         return (rowsData || []).filter(function (row) { var _a; return (_a = uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; });
     }, [uxState, rowsData]);
-    var enabledActions = useMemo(function () {
+    var enabledActions = (0, react_1.useMemo)(function () {
         var actionsOptions = actionOptions || [];
         return actionsOptions.filter(function (action) {
             if (action.isEnabled) {
                 return action.isEnabled(actionRows);
             }
             else {
-                return uxState.checkedRows && find(uxState.checkedRows, Boolean);
+                return uxState.checkedRows && (0, find_1.default)(uxState.checkedRows, Boolean);
             }
         });
     }, [uxState, actionRows, actionOptions]);
-    var handleBatchAction = useCallback(function (value) {
+    var handleBatchAction = (0, react_1.useCallback)(function (value) {
         var actionsOptions = actionOptions || [];
         var action = actionsOptions.find(function (option) { return option.value == value; });
         action && onBatchAction && onBatchAction(action, actionRows);
     }, [actionOptions, onBatchAction, actionRows]);
     return [enabledActions, handleBatchAction];
 };
+exports.useGridActionTrigger = useGridActionTrigger;