@mailstep/design-system 0.8.30 → 0.8.31-beta.2

package/ui/Blocks/CommonGrid/components/gridCells/LinkInCell.d.ts

@@ -1 +1 @@
-export declare const LinkInCell: import("styled-components").StyledComponent<typeof import("react-router-dom").Link, import("@xstyled/system").Theme, import("../../../../Elements/SimpleLink/SimpleLink").Props, never>;
+export declare const LinkInCell: import('styled-components').StyledComponent<typeof import('react-router-dom').Link, import('@xstyled/system').Theme, import('../../../../Elements/SimpleLink/SimpleLink').Props, never>;

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

@@ -1,9 +1,8 @@
-import StyledLink from "../../../../Elements/SimpleLink/SimpleLink.js";
-import "../../../../Elements/SimpleLink/index.js";
-import styled$1 from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/LinkInCell.tsx
-const LinkInCell = styled$1(StyledLink)`
-  text-decoration: underline;
-`;
-//#endregion
-export { LinkInCell };
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from '@xstyled/styled-components';
+import { SimpleLink } from '../../../../Elements/SimpleLink';
+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.d.ts

@@ -1,7 +1,8 @@
-import type { FC } from 'react';
-import { type DataCellProps } from '../../types';
+import { FC } from 'react';
+import { DataCellProps } from '../../types';
+
 type Props = DataCellProps<any>;
-export declare const Wrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Trigger: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Wrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Trigger: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const RemoveCell: FC<Props>;
 export {};

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

@@ -1,41 +1,23 @@
-import Icon from "../../../../Elements/Icon/Icon.js";
-import React from "react";
-import styled$1 from "@xstyled/styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/RemoveItem.tsx
-const Wrap = styled$1.div`
-  width: 100%;
-`;
-const Trigger = styled$1.div`
-  display: flex;
-  justify-content: center;
-  cursor: pointer;
-  color: gray;
-  font-weight: bold;
-  font-size: 10px;
-  & .faIcon {
-    margin-right: 4px;
-  }
-`;
-const RemoveCell = ({ rowData, onRowAction }) => {
-	const onRemoveClick = React.useCallback(() => {
-		onRowAction?.(rowData.id, "remove", rowData);
-	}, [rowData, onRowAction]);
-	if (rowData?.product?.type === "virtual") return /* @__PURE__ */ jsx(Trans, {
-		id: "dataGrid.columnLot.NA",
-		message: "N/A"
-	});
-	return /* @__PURE__ */ jsx(Wrap, { children: /* @__PURE__ */ jsxs(Trigger, {
-		onClick: onRemoveClick,
-		children: [/* @__PURE__ */ jsx(Icon, {
-			icon: "deleteX",
-			size: "12px"
-		}), /* @__PURE__ */ jsx(Trans, {
-			id: "dataGrid.deleteItem",
-			message: "Delete"
-		})]
-	}) });
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 };
-//#endregion
-export { RemoveCell, Trigger, Wrap };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import Icon from '../../../../Elements/Icon/Icon';
+import { Trans } from '@lingui/react';
+import styled from '@xstyled/styled-components';
+export var Wrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+export 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.useCallback(function () {
+        onRowAction === null || onRowAction === void 0 ? void 0 : 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 (_jsx(Wrap, { children: _jsxs(Trigger, { onClick: onRemoveClick, children: [_jsx(Icon, { icon: "deleteX", size: "12px" }), _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" })] }) }));
+};
+var templateObject_1, templateObject_2;

package/ui/Blocks/CommonGrid/components/gridCells/RowActionsCell.d.ts

@@ -1,5 +1,6 @@
-import type { FC } from 'react';
-import type { DataCellProps, ActionColumn, UxState, GridActionsType } from '../../types';
+import { FC } from 'react';
+import { DataCellProps, ActionColumn, UxState, GridActionsType } from '../../types';
+
 type Props = DataCellProps<{
     id: string;
 }> & {

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

@@ -1,79 +1,55 @@
-import Checkbox_default from "../../../../Forms/Checkbox/index.js";
-import { IconButtonInCell } from "./IconButtonInCell.js";
-import { useCallback, useMemo } from "react";
-import { x } from "@xstyled/styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isFunction } from "lodash/fp";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/RowActionsCell.tsx
-const RowActionsCell = ({ actionColumnDefinition, rowData, addRowNumbers, rowIndex, checkedRows, withCheckboxes, onUxChange, onRowAction }) => {
-	const rowDataId = rowData?.id;
-	const canEdit = isFunction(actionColumnDefinition?.canRowEdit) ? actionColumnDefinition?.canRowEdit(rowData) : actionColumnDefinition?.canRowEdit;
-	const canRead = isFunction(actionColumnDefinition?.canRowRead) ? actionColumnDefinition?.canRowRead(rowData) : actionColumnDefinition?.canRowRead;
-	const onClick = useCallback(() => {
-		const action = canEdit ? "row_edit" : "row_read";
-		onRowAction?.(rowData?.id, action, rowData);
-	}, [
-		canEdit,
-		onRowAction,
-		rowData
-	]);
-	const linkTo = useMemo(() => {
-		const mode = canEdit ? "edit" : "read";
-		return actionColumnDefinition?.createLink?.({
-			mode,
-			id: rowData?.id
-		});
-	}, [canEdit, rowData?.id]);
-	const isChecked = !!checkedRows?.[rowDataId];
-	const onCheckboxChange = useCallback(() => {
-		const newCheckedRows = { ...checkedRows || {} };
-		if (!isChecked) newCheckedRows[rowDataId] = true;
-		else delete newCheckedRows[rowDataId];
-		onUxChange?.("checkedRows", newCheckedRows);
-	}, [
-		onUxChange,
-		isChecked,
-		rowDataId,
-		checkedRows
-	]);
-	const handleOnClick = useCallback(() => {
-		if (isFunction(onClick)) onClick();
-	}, [onClick]);
-	return /* @__PURE__ */ jsxs(x.div, {
-		w: "100%",
-		display: "flex",
-		gap: "16px",
-		pl: "4px",
-		pr: "4px",
-		children: [
-			withCheckboxes && /* @__PURE__ */ jsx(x.div, {
-				w: "100%",
-				children: /* @__PURE__ */ jsx(Checkbox_default, {
-					checked: isChecked,
-					onChange: onCheckboxChange,
-					label: ""
-				})
-			}),
-			addRowNumbers && /* @__PURE__ */ jsx(x.div, {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				pr: "8px",
-				w: "100%",
-				children: rowIndex
-			}),
-			canEdit && /* @__PURE__ */ jsx(IconButtonInCell, {
-				icon: "pen",
-				onClick: handleOnClick,
-				linkTo
-			}, "edit"),
-			!canEdit && canRead && /* @__PURE__ */ jsx(IconButtonInCell, {
-				icon: "chevronRight",
-				onClick: handleOnClick,
-				linkTo
-			}, "read")
-		]
-	});
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import Checkbox from '../../../../Forms/Checkbox';
+import { x } from '@xstyled/styled-components';
+import { isFunction } from 'lodash/fp';
+import { IconButtonInCell } from './IconButtonInCell';
+export var RowActionsCell = function (_a) {
+    var actionColumnDefinition = _a.actionColumnDefinition, rowData = _a.rowData, addRowNumbers = _a.addRowNumbers, rowIndex = _a.rowIndex, checkedRows = _a.checkedRows, withCheckboxes = _a.withCheckboxes, onUxChange = _a.onUxChange, onRowAction = _a.onRowAction;
+    var rowDataId = rowData === null || rowData === void 0 ? void 0 : rowData.id;
+    var canEdit = isFunction(actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowEdit)
+        ? actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowEdit(rowData)
+        : actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowEdit;
+    var canRead = isFunction(actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowRead)
+        ? actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowRead(rowData)
+        : actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowRead;
+    // if canEdit and canRead are both true, canEdit supersedes canRead
+    var onClick = useCallback(function () {
+        var action = canEdit ? 'row_edit' : 'row_read';
+        onRowAction === null || onRowAction === void 0 ? void 0 : onRowAction(rowData === null || rowData === void 0 ? void 0 : rowData.id, action, rowData);
+    }, [canEdit, onRowAction, rowData]);
+    var linkTo = useMemo(function () {
+        var _a;
+        var mode = canEdit ? 'edit' : 'read';
+        return (_a = actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.createLink) === null || _a === void 0 ? void 0 : _a.call(actionColumnDefinition, { mode: mode, id: rowData === null || rowData === void 0 ? void 0 : rowData.id });
+    }, [canEdit, rowData === null || rowData === void 0 ? void 0 : rowData.id]);
+    var isChecked = !!(checkedRows === null || checkedRows === void 0 ? void 0 : checkedRows[rowDataId]);
+    // @TODO this should be in reducer
+    var onCheckboxChange = useCallback(function () {
+        var newCheckedRows = __assign({}, (checkedRows || {}));
+        if (!isChecked) {
+            newCheckedRows[rowDataId] = true;
+        }
+        else {
+            delete newCheckedRows[rowDataId];
+        }
+        onUxChange === null || onUxChange === void 0 ? void 0 : onUxChange('checkedRows', newCheckedRows);
+    }, [onUxChange, isChecked, rowDataId, checkedRows]);
+    var handleOnClick = useCallback(function () {
+        if (isFunction(onClick)) {
+            onClick();
+        }
+    }, [onClick]);
+    return (_jsxs(x.div, { w: "100%", display: "flex", gap: "16px", pl: "4px", pr: "4px", children: [withCheckboxes && (_jsx(x.div, { w: "100%", children: _jsx(Checkbox, { checked: isChecked, onChange: onCheckboxChange, label: "" }) })), addRowNumbers && (_jsx(x.div, { display: "flex", alignItems: "center", justifyContent: "center", pr: "8px", w: "100%", children: rowIndex })), canEdit && _jsx(IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"), !canEdit && canRead && _jsx(IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read")] }));
 };
-//#endregion
-export { RowActionsCell };

package/ui/Blocks/CommonGrid/components/gridCells/StringJoin.d.ts

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import { type DataCellProps } from '../../types';
+import { FC } from 'react';
+import { DataCellProps } from '../../types';
+
 type Props = DataCellProps<{}>;
 export declare const StringJoinCell: FC<Props>;
 export {};

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

@@ -1,10 +1,7 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/StringJoin.tsx
-const StringJoinCell = ({ rowData, column }) => {
-	const values = get(column.name, rowData);
-	return values?.length ? /* @__PURE__ */ jsx("span", { children: values.join(", ") }) : null;
+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 = get(column.name, rowData);
+    return (values === null || values === void 0 ? void 0 : values.length) ? _jsx("span", { children: values.join(', ') }) : null;
 };
-//#endregion
-export { StringJoinCell };

package/ui/Blocks/CommonGrid/components/gridCells/SwitchInCell.d.ts

@@ -1,3 +1,4 @@
-import type { FC } from 'react';
-import { type Props } from '../../../../Elements/Toggle/types';
+import { FC } from 'react';
+import { Props } from '../../../../Elements/Toggle/types';
+
 export declare const SwitchInCell: FC<Props>;

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

@@ -1,12 +1,16 @@
-import Toggle from "../../../../Elements/Toggle/Toggle.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/SwitchInCell.tsx
-const SwitchInCell = (props) => {
-	return /* @__PURE__ */ jsx(Toggle, {
-		...props,
-		variant: "grid"
-	});
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Toggle from '../../../../Elements/Toggle/Toggle';
+export var SwitchInCell = function (props) {
+    return _jsx(Toggle, __assign({}, props, { variant: "grid" }));
 };
-//#endregion
-export { SwitchInCell };

package/ui/Blocks/CommonGrid/components/gridCells/ToggleCell.d.ts

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import { type DataCellProps } from '../../types';
+import { FC } from 'react';
+import { DataCellProps } from '../../types';
+
 type SwitchData = {
     id: string;
 };

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

@@ -1,33 +1,32 @@
-import { SwitchInCell } from "./SwitchInCell.js";
-import React, { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/ToggleCell.tsx
-const ToggleCell = ({ rowData, column, onRowAction }) => {
-	const inverse = !!column?.passProps?.inverse;
-	const rawValue = get(column.name, rowData);
-	const value = inverse ? !rawValue : !!rawValue;
-	const actionName = `toggle_${column.name}`;
-	const [isChecked, setIsChecked] = React.useState(value);
-	React.useEffect(() => {
-		setIsChecked(value);
-	}, [rowData.id]);
-	return /* @__PURE__ */ jsx(SwitchInCell, {
-		checked: isChecked,
-		onChange: useCallback(() => {
-			if (!onRowAction) return;
-			const ret = onRowAction(rowData.id, actionName, !isChecked, rowData);
-			if (ret) ret.then(() => {
-				setIsChecked(!isChecked);
-			});
-			else setIsChecked(!isChecked);
-		}, [
-			onRowAction,
-			rowData.id,
-			actionName,
-			isChecked
-		])
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import get from 'lodash/fp/get';
+import { SwitchInCell } from './SwitchInCell';
+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 = get(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 () {
+        setIsChecked(value);
+    }, [rowData.id]);
+    var onSwitchChange = useCallback(function () {
+        if (!onRowAction)
+            return;
+        var ret = onRowAction(rowData.id, actionName, !isChecked, rowData);
+        if (ret) {
+            // promise returned = we wait for result
+            ret.then(function () {
+                setIsChecked(!isChecked);
+            });
+        }
+        else {
+            // no promise = we fake feedback
+            setIsChecked(!isChecked);
+        }
+    }, [onRowAction, rowData.id, actionName, isChecked]);
+    return _jsx(SwitchInCell, { checked: isChecked, onChange: onSwitchChange });
 };
-//#endregion
-export { ToggleCell };

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

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

package/ui/Blocks/CommonGrid/components/icons/Edit.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 declare const Edit: FC<any>;
 export default Edit;

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

@@ -1,14 +1,14 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/icons/Edit.tsx
-const Edit = (props) => /* @__PURE__ */ jsx("svg", {
-	"data-icon": "edit",
-	viewBox: "0 0 16 16",
-	...props,
-	children: /* @__PURE__ */ 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"
-	})
-});
-//#endregion
-export { Edit as default };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+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.d.ts

@@ -1,3 +1,4 @@
-import type { FC } from 'react';
+import { FC } from 'react';
+
 declare const EyeOpen: FC<any>;
 export default EyeOpen;

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

@@ -1,14 +1,14 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/icons/EyeOpen.tsx
-const EyeOpen = (props) => /* @__PURE__ */ jsx("svg", {
-	"data-icon": "eye-open",
-	viewBox: "0 0 16 16",
-	...props,
-	children: /* @__PURE__ */ 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"
-	})
-});
-//#endregion
-export { EyeOpen as default };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+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.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 export declare const SortingUp: FC<any>;
 export declare const SortingDown: FC<any>;

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

@@ -1,21 +1,14 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/icons/Sorting.tsx
-const SortingUp = (props) => /* @__PURE__ */ jsx("svg", {
-	viewBox: "0 0 16 16",
-	...props,
-	children: /* @__PURE__ */ 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"
-	})
-});
-const SortingDown = (props) => /* @__PURE__ */ jsx("svg", {
-	viewBox: "0 0 16 16",
-	...props,
-	children: /* @__PURE__ */ 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"
-	})
-});
-//#endregion
-export { SortingDown, SortingUp };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+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.d.ts

@@ -1,4 +1,5 @@
 import { MouseEvent } from 'react';
+
 type Props = {
     handleRowClick: (e: MouseEvent<HTMLDivElement>) => void;
 };

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

@@ -1,21 +1,22 @@
-import { useState } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/utils.tsx
-const useTimeMeasurement = ({ handleRowClick }) => {
-	const [startTime, setStartTime] = useState(0);
-	const handleMouseDown = () => {
-		setStartTime(Date.now());
-	};
-	const handleMouseUp = (e) => {
-		if (startTime !== 0) {
-			const duration = Date.now() - startTime;
-			if (duration > 0 && duration < 200) handleRowClick(e);
-			setStartTime(0);
-		}
-	};
-	return {
-		handleMouseDown,
-		handleMouseUp
-	};
+import { useState } from 'react';
+export var useTimeMeasurement = function (_a) {
+    var handleRowClick = _a.handleRowClick;
+    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();
+        setStartTime(start);
+    };
+    var handleMouseUp = function (e) {
+        if (startTime !== 0) {
+            // Calculate the time difference between mouse down and up
+            var endTime = Date.now();
+            var duration = endTime - startTime;
+            if (duration > 0 && duration < 200) {
+                handleRowClick(e);
+            }
+            setStartTime(0);
+        }
+    };
+    return { handleMouseDown: handleMouseDown, handleMouseUp: handleMouseUp };
 };
-//#endregion
-export { useTimeMeasurement };

package/ui/Blocks/CommonGrid/hooks/useAddFilter.d.ts

@@ -1,4 +1,5 @@
-import type { GridActionsType, ColumnDefinition } from '../types';
+import { GridActionsType, ColumnDefinition } from '../types';
+
 type AddFilterRet = (value: any, column: ColumnDefinition, others?: any) => void;
-export declare const useAddFilter: (onChange: Required<GridActionsType>["addFilter"]) => AddFilterRet;
+export declare const useAddFilter: (onChange: Required<GridActionsType>['addFilter']) => AddFilterRet;
 export {};