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

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

@@ -1,4 +1,3 @@
-"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;
@@ -14,27 +13,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnumInCell = 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 HighlightBox_1 = __importDefault(require("../../../../Elements/HighlightBox"));
-var Center = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"])));
-var EnumInCell = function (_a) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import styled from '@xstyled/styled-components';
+import HighlightBox from '../../../../Elements/HighlightBox/index.js';
+var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"])));
+export var EnumInCell = function (_a) {
     var value = _a.value, enumObj = _a.enumObj, appearanceMap = _a.appearanceMap, size = _a.size;
-    var finalLabel = (0, react_1.useMemo)(function () {
+    var finalLabel = useMemo(function () {
         return enumObj[value] ? enumObj[value]() : value;
     }, [enumObj, value]);
-    var coloringProp = (0, react_1.useMemo)(function () {
+    var coloringProp = useMemo(function () {
         return { appearance: appearanceMap[value] };
     }, [appearanceMap, value]);
     if (!finalLabel)
         return null;
-    return ((0, jsx_runtime_1.jsx)(Center, { children: (0, jsx_runtime_1.jsx)(HighlightBox_1.default, __assign({}, coloringProp, { size: size, prefix: "grid", children: finalLabel })) }));
+    return (_jsx(Center, { children: _jsx(HighlightBox, __assign({}, coloringProp, { size: size, prefix: "grid", children: finalLabel })) }));
 };
-exports.EnumInCell = EnumInCell;
 var templateObject_1;

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

@@ -1,25 +1,18 @@
-"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;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HoverBubble = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("@xstyled/styled-components"));
-var get_1 = __importDefault(require("lodash/fp/get"));
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    cursor: pointer;\n    .tooltip {\n      display: block;\n    }\n  }\n"], ["\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    cursor: pointer;\n    .tooltip {\n      display: block;\n    }\n  }\n"])));
-var Tooltip = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  margin-bottom: 2;\n\n  div {\n    display: none;\n    position: absolute;\n    background-color: white;\n    color: gray;\n    border-color: gray;\n    border: 1px solid;\n    border-radius: md;\n    padding: 2 3;\n    margin: 1;\n    z-index: 1;\n    box-shadow: tooltipBoxShadow;\n    transform: translateY(-100%);\n\n    max-width: 400px;\n    line-break: anywhere;\n    white-space: initial;\n  }\n"], ["\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  margin-bottom: 2;\n\n  div {\n    display: none;\n    position: absolute;\n    background-color: white;\n    color: gray;\n    border-color: gray;\n    border: 1px solid;\n    border-radius: md;\n    padding: 2 3;\n    margin: 1;\n    z-index: 1;\n    box-shadow: tooltipBoxShadow;\n    transform: translateY(-100%);\n\n    max-width: 400px;\n    line-break: anywhere;\n    white-space: initial;\n  }\n"])));
-var HoverBubble = function (_a) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@xstyled/styled-components';
+import get from 'lodash/fp/get';
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    cursor: pointer;\n    .tooltip {\n      display: block;\n    }\n  }\n"], ["\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    cursor: pointer;\n    .tooltip {\n      display: block;\n    }\n  }\n"])));
+var Tooltip = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  margin-bottom: 2;\n\n  div {\n    display: none;\n    position: absolute;\n    background-color: white;\n    color: gray;\n    border-color: gray;\n    border: 1px solid;\n    border-radius: md;\n    padding: 2 3;\n    margin: 1;\n    z-index: 1;\n    box-shadow: tooltipBoxShadow;\n    transform: translateY(-100%);\n\n    max-width: 400px;\n    line-break: anywhere;\n    white-space: initial;\n  }\n"], ["\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  margin-bottom: 2;\n\n  div {\n    display: none;\n    position: absolute;\n    background-color: white;\n    color: gray;\n    border-color: gray;\n    border: 1px solid;\n    border-radius: md;\n    padding: 2 3;\n    margin: 1;\n    z-index: 1;\n    box-shadow: tooltipBoxShadow;\n    transform: translateY(-100%);\n\n    max-width: 400px;\n    line-break: anywhere;\n    white-space: initial;\n  }\n"])));
+export var HoverBubble = function (_a) {
     var rowData = _a.rowData, column = _a.column;
-    var value = (0, get_1.default)(column.name, rowData);
+    var value = get(column.name, rowData);
     if (value) {
-        return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(Tooltip, { children: (0, jsx_runtime_1.jsx)("div", { className: "tooltip", children: value }) }), value] }));
+        return (_jsxs(Wrapper, { children: [_jsx(Tooltip, { children: _jsx("div", { className: "tooltip", children: value }) }), value] }));
     }
     return null;
 };
-exports.HoverBubble = HoverBubble;
 var templateObject_1, templateObject_2;

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

@@ -1,22 +1,15 @@
-"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;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButtonInCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("@xstyled/styled-components"));
-var react_router_dom_1 = require("react-router-dom");
-var Spinner_1 = __importDefault(require("../../../../Elements/Spinner/Spinner"));
-var Icon_1 = __importDefault(require("../../../../Elements/Icon/Icon"));
-var Center = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  & > * {\n    cursor: pointer;\n    color: gray1;\n    :hover {\n      color: blue2;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  & > * {\n    cursor: pointer;\n    color: gray1;\n    :hover {\n      color: blue2;\n    }\n  }\n"])));
-var IconButtonInCell = function (_a) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@xstyled/styled-components';
+import { Link as ReactLink } from 'react-router-dom';
+import Spinner from '../../../../Elements/Spinner/Spinner.js';
+import Icon from '../../../../Elements/Icon/Icon.js';
+var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  & > * {\n    cursor: pointer;\n    color: gray1;\n    :hover {\n      color: blue2;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  & > * {\n    cursor: pointer;\n    color: gray1;\n    :hover {\n      color: blue2;\n    }\n  }\n"])));
+export var IconButtonInCell = function (_a) {
     var icon = _a.icon, isLoading = _a.isLoading, onClick = _a.onClick, linkTo = _a.linkTo;
-    return ((0, jsx_runtime_1.jsx)(Center, { children: isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.default, { variant: "sm" })) : linkTo ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: linkTo, "data-cy": "".concat(icon, "IconBtn"), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon || 'warning', size: "16px" }) })) : ((0, jsx_runtime_1.jsx)("span", { onClick: onClick, "data-cy": "".concat(icon, "IconBtn"), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon || 'warning', size: "16px" }) })) }));
+    return (_jsx(Center, { children: isLoading ? (_jsx(Spinner, { variant: "sm" })) : linkTo ? (_jsx(ReactLink, { to: linkTo, "data-cy": "".concat(icon, "IconBtn"), children: _jsx(Icon, { icon: icon || 'warning', size: "16px" }) })) : (_jsx("span", { onClick: onClick, "data-cy": "".concat(icon, "IconBtn"), children: _jsx(Icon, { icon: icon || 'warning', size: "16px" }) })) }));
 };
-exports.IconButtonInCell = IconButtonInCell;
 var templateObject_1;

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

@@ -1,30 +1,23 @@
-"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;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("@xstyled/styled-components"));
-var get_1 = __importDefault(require("lodash/fp/get"));
-var Image_1 = __importDefault(require("../../../../Elements/Image/Image"));
-var ImageWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  ", "\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@xstyled/styled-components';
+import get from 'lodash/fp/get';
+import Image from '../../../../Elements/Image/Image.js';
+var ImageWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  ", "\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
     var onClick = _a.onClick;
     return (onClick ? 'cursor: pointer;' : '');
 });
-var StyledImage = (0, styled_components_1.default)(Image_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-width: 100%;\n  height: 30px;\n  border: 1x solid;\n  border-radius: md;\n  border-color: lightGray3;\n"], ["\n  max-width: 100%;\n  height: 30px;\n  border: 1x solid;\n  border-radius: md;\n  border-color: lightGray3;\n"])));
-var ImageCell = function (_a) {
+var StyledImage = styled(Image)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-width: 100%;\n  height: 30px;\n  border: 1x solid;\n  border-radius: md;\n  border-color: lightGray3;\n"], ["\n  max-width: 100%;\n  height: 30px;\n  border: 1x solid;\n  border-radius: md;\n  border-color: lightGray3;\n"])));
+export var ImageCell = function (_a) {
     var _b;
     var rowData = _a.rowData, column = _a.column, onClick = _a.onClick;
-    var value = (0, get_1.default)(column.name, rowData);
+    var value = get(column.name, rowData);
     if ((_b = value === null || value === void 0 ? void 0 : value[0]) === null || _b === void 0 ? void 0 : _b.urlSmall) {
-        return ((0, jsx_runtime_1.jsx)(ImageWrapper, { onClick: onClick, children: (0, jsx_runtime_1.jsx)(StyledImage, { src: value[0].urlSmall }) }));
+        return (_jsx(ImageWrapper, { onClick: onClick, children: _jsx(StyledImage, { src: value[0].urlSmall }) }));
     }
     return null;
 };
-exports.ImageCell = ImageCell;
 var templateObject_1, templateObject_2;

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

@@ -1,14 +1,8 @@
-"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;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkInCell = void 0;
-var styled_components_1 = __importDefault(require("@xstyled/styled-components"));
-var SimpleLink_1 = require("../../../../Elements/SimpleLink");
-exports.LinkInCell = (0, styled_components_1.default)(SimpleLink_1.SimpleLink)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: underline;\n"], ["\n  text-decoration: underline;\n"])));
+import styled from '@xstyled/styled-components';
+import { SimpleLink } from '../../../../Elements/SimpleLink/index.js';
+export var LinkInCell = styled(SimpleLink)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: underline;\n"], ["\n  text-decoration: underline;\n"])));
 var templateObject_1;

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

@@ -1,31 +1,24 @@
-"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;
 };
-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) {
+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.js';
+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 _b;
     var rowData = _a.rowData, onRowAction = _a.onRowAction;
-    var onRemoveClick = react_1.default.useCallback(function () {
+    var onRemoveClick = React.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 (0, jsx_runtime_1.jsx)(react_2.Trans, { id: "dataGrid.columnLot.NA", message: "N/A" });
+        return _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" });
     }
-    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" })] }) }));
+    return (_jsx(Wrap, { children: _jsxs(Trigger, { onClick: onRemoveClick, children: [_jsx(Icon, { icon: "deleteX", size: "12px" }), _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" })] }) }));
 };
-exports.RemoveCell = RemoveCell;
 var templateObject_1, templateObject_2;

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

@@ -1,37 +1,30 @@
-"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;
 };
-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) {
+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.js';
+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 canEdit = _a.canEdit, onClick = _a.onClick, linkTo = _a.linkTo;
-    var handleOnClick = (0, react_1.useCallback)(function () {
-        if ((0, fp_1.isFunction)(onClick)) {
+    var handleOnClick = useCallback(function () {
+        if (isFunction(onClick)) {
             onClick();
         }
     }, [onClick]);
-    var actions = (0, react_1.useMemo)(function () {
+    var actions = useMemo(function () {
         var actionOptions = [];
         if (canEdit) {
-            actionOptions.push((0, jsx_runtime_1.jsx)(IconButtonInCell_1.IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"));
+            actionOptions.push(_jsx(IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"));
         }
         else {
-            actionOptions.push((0, jsx_runtime_1.jsx)(IconButtonInCell_1.IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read"));
+            actionOptions.push(_jsx(IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read"));
         }
         return actionOptions;
     }, [canEdit, handleOnClick, linkTo]);
-    return (0, jsx_runtime_1.jsx)(Center, { onClick: handleOnClick, children: actions });
+    return _jsx(Center, { onClick: handleOnClick, children: actions });
 };
-exports.RowActionsCell = RowActionsCell;
 var templateObject_1;

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

@@ -1,14 +1,7 @@
-"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) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import get from 'lodash/fp/get';
+export var StringJoinCell = function (_a) {
     var rowData = _a.rowData, column = _a.column;
-    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;
+    var values = get(column.name, rowData);
+    return values && values.length ? _jsx("span", { className: "cell", children: values.join(', ') }) : null;
 };
-exports.StringJoinCell = StringJoinCell;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,14 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { jsx as _jsx } from "react/jsx-runtime";
+import Toggle from '../../../../Elements/Toggle/Toggle.js';
+export var SwitchInCell = function (props) {
+    return _jsx(Toggle, __assign({}, props, { variant: "grid" }));
 };
-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,48 +1,19 @@
-"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) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { SwitchInCell } from './SwitchInCell.js';
+import get from 'lodash/fp/get';
+export 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 = (0, get_1.default)(column.name, rowData);
+    var rawValue = get(column.name, rowData);
     var value = inverse ? !rawValue : !!rawValue;
     var actionName = "toggle_".concat(column.name);
-    var _c = react_1.default.useState(value), isChecked = _c[0], setIsChecked = _c[1];
-    react_1.default.useEffect(function () {
+    var _c = React.useState(value), isChecked = _c[0], setIsChecked = _c[1];
+    React.useEffect(function () {
         setIsChecked(value);
     }, [rowData.id]);
-    var onSwitchChange = (0, react_1.useCallback)(function () {
+    var onSwitchChange = useCallback(function () {
         if (!onRowAction)
             return;
         var ret = onRowAction(rowData.id, actionName, !isChecked);
@@ -55,6 +26,5 @@ var ToggleCell = function (_a) {
             setIsChecked(!isChecked);
         }
     }, [onRowAction, rowData.id, actionName, isChecked]);
-    return (0, jsx_runtime_1.jsx)(SwitchInCell_1.SwitchInCell, { checked: isChecked, onChange: onSwitchChange });
+    return _jsx(SwitchInCell, { checked: isChecked, onChange: onSwitchChange });
 };
-exports.ToggleCell = ToggleCell;

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

@@ -1,31 +1,14 @@
-"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; } });
+export { DateCell } from './Date.js';
+export { DateTimeCell } from './DateTime.js';
+export { StringJoinCell } from './StringJoin.js';
+export { BoolIconCell } from './BoolIcon.js';
+export { RemoveCell } from './RemoveItem.js';
+export { LinkInCell } from './LinkInCell.js';
+export { ButtonInCell } from './ButtonInCell.js';
+export { IconButtonInCell } from './IconButtonInCell.js';
+export { SwitchInCell } from './SwitchInCell.js';
+export { ImageCell } from './ImageCell.js';
+export { EnumInCell } from './EnumInCell.js';
+export { HoverBubble } from './HoverBubble.js';
+export { RowActionsCell } from './RowActionsCell.js';
+export { ToggleCell } from './ToggleCell.js';

package/ui/Blocks/CommonGrid/components/icons/Edit.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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;
+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;

package/ui/Blocks/CommonGrid/components/icons/EyeOpen.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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;
+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;

package/ui/Blocks/CommonGrid/components/icons/Sorting.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,10 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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;
+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" }) }))); };

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

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

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

@@ -1,18 +1,14 @@
-"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) {
+import { useCallback } from 'react';
+import { createFilterType, getFilterName } from '../utils/index.js';
+export var useAddFilter = function (onChange) {
+    return useCallback(function (value, column) {
         if (onChange) {
             var filterProps = {
-                type: (0, utils_1.createFilterType)(column),
+                type: createFilterType(column),
                 filterExtraProps: column.filterExtraProps || {},
                 computedValue: column.getFilterCriteria ? column.getFilterCriteria(value) : null,
             };
-            onChange((0, utils_1.getFilterName)(column), value, filterProps);
+            onChange(getFilterName(column), value, filterProps);
         }
     }, [onChange]);
 };
-exports.useAddFilter = useAddFilter;