@mailstep/design-system 0.8.31-beta.3 → 0.8.31

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/styled-components").Theme, import("../../../../Elements/SimpleLink/SimpleLink").Props, never>;

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

@@ -1,8 +1,9 @@
-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;
+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 };

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

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

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

@@ -1,23 +1,41 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+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"
+		})]
+	}) });
 };
-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;
+//#endregion
+export { RemoveCell, Trigger, Wrap };

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

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

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

@@ -1,55 +1,79 @@
-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")] }));
+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")
+		]
+	});
 };
+//#endregion
+export { RowActionsCell };

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

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

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

@@ -1,7 +1,10 @@
-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;
+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;
 };
+//#endregion
+export { StringJoinCell };

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

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

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

@@ -1,16 +1,12 @@
-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" }));
+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"
+	});
 };
+//#endregion
+export { SwitchInCell };

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

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

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

@@ -1,32 +1,33 @@
-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 });
+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
+		])
+	});
 };
+//#endregion
+export { ToggleCell };

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

@@ -1,14 +1,15 @@
-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';
+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 };

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

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

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

@@ -1,14 +1,14 @@
-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;
+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 };

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

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

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

@@ -1,14 +1,14 @@
-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;
+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 };

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

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

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

@@ -1,14 +1,21 @@
-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" }) }))); };
+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 };

package/ui/Blocks/CommonGrid/components/utils.d.ts

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

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

@@ -1,22 +1,21 @@
-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 };
+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
+	};
 };
+//#endregion
+export { useTimeMeasurement };

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

@@ -1,5 +1,4 @@
-import { GridActionsType, ColumnDefinition } from '../types';
-
+import type { 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 {};