@mailstep/design-system 0.8.26-beta.7 → 0.8.27-beta.0

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

@@ -1,13 +1,13 @@
-var v2 = function v2(draft) {
-    Object.keys(draft).forEach(function(gridName) {
-        if (draft[gridName].columnConfig && Array.isArray(draft[gridName].columnConfig)) {
-            draft[gridName].columnConfig = {};
-        }
-    });
-    return draft;
+//#region packages/ui/Blocks/CommonGrid/store/migrateState.ts
+const v2 = (draft) => {
+	Object.keys(draft).forEach((gridName) => {
+		if (draft[gridName].columnConfig && Array.isArray(draft[gridName].columnConfig)) draft[gridName].columnConfig = {};
+	});
+	return draft;
 };
-var migrateState_default = function migrateState_default(draft) {
-    draft = v2(draft);
-    return draft;
+var migrateState_default = (draft) => {
+	draft = v2(draft);
+	return draft;
 };
+//#endregion
 export { migrateState_default as default };

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

@@ -0,0 +1 @@
+export {};

package/ui/Blocks/CommonGrid/storybook/components/ComplexCell.js

@@ -1,23 +1,19 @@
-import { jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-var ComplexCell = function ComplexCell(props) {
-    var handleActionClick = useCallback(function() {
-        if (props.onRowAction) {
-            var _props_onRowAction;
-            (_props_onRowAction = props.onRowAction(props.rowData.id, "get_invoice", null)) === null || _props_onRowAction === void 0 ? void 0 : _props_onRowAction.catch(function(error) {
-                console.error(error);
-            });
-        }
-    }, [
-        props
-    ]);
-    return /* @__PURE__ */ jsxs("button", {
-        onClick: handleActionClick,
-        children: [
-            " download ",
-            props.rowData.id,
-            " "
-        ]
-    });
+import { jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/CommonGrid/storybook/components/ComplexCell.tsx
+const ComplexCell = (props) => {
+	return /* @__PURE__ */ jsxs("button", {
+		onClick: useCallback(() => {
+			if (props.onRowAction) props.onRowAction(props.rowData.id, "get_invoice", null)?.catch((error) => {
+				console.error(error);
+			});
+		}, [props]),
+		children: [
+			" download ",
+			props.rowData.id,
+			" "
+		]
+	});
 };
+//#endregion
 export { ComplexCell };

package/ui/Blocks/CommonGrid/storybook/components/EnumCellExample.js

@@ -1,27 +1,22 @@
+import { EnumInCell } from "../../components/gridCells/EnumInCell.js";
 import { jsx } from "react/jsx-runtime";
-import { EnumInCell } from "../../components/gridCells/EnumInCell";
-var packagingTypeAppearance = {
-    "option A": "neutralSubtle",
-    "option B": "orangeSubtle",
-    "option C": "greenSubtle"
+//#region packages/ui/Blocks/CommonGrid/storybook/components/EnumCellExample.tsx
+const packagingTypeAppearance = {
+	"option A": "neutralSubtle",
+	"option B": "orangeSubtle",
+	"option C": "greenSubtle"
 };
-var PackagingTypeTrans = {
-    "option A": function() {
-        return "option A";
-    },
-    "option B": function() {
-        return "option B";
-    },
-    "option C": function() {
-        return "option C";
-    }
+const PackagingTypeTrans = {
+	"option A": () => "option A",
+	"option B": () => "option B",
+	"option C": () => "option C"
 };
-var EnumCellExample = function EnumCellExample(param) {
-    var rowData = param.rowData;
-    return /* @__PURE__ */ jsx(EnumInCell, {
-        value: rowData.enumColumn,
-        enumObj: PackagingTypeTrans,
-        appearanceMap: packagingTypeAppearance
-    });
+const EnumCellExample = ({ rowData }) => {
+	return /* @__PURE__ */ jsx(EnumInCell, {
+		value: rowData.enumColumn,
+		enumObj: PackagingTypeTrans,
+		appearanceMap: packagingTypeAppearance
+	});
 };
+//#endregion
 export { EnumCellExample };

package/ui/Blocks/CommonGrid/storybook/utils/actions.js

@@ -1,16 +1,10 @@
-var onRowEditClick = function onRowEditClick(id, props) {
-    return console.log("onRowEditClick", id, props);
-};
-var onRowReadClick = function onRowReadClick(id, props) {
-    return console.log("onRowReadClick", id, props);
-};
-var onRowAction = function onRowAction(id, field, value) {
-    return console.log("onRowAction", id, field, value);
-};
-var onRowClick = function onRowClick(id, field, value) {
-    return console.log("onRowClick", id, field);
-};
-var onBatchAction = function onBatchAction(action, affectedRows) {
-    console.log("onBatchAction called", action, affectedRows);
-};
+//#region packages/ui/Blocks/CommonGrid/storybook/utils/actions.ts
+const onRowEditClick = (id, props) => console.log("onRowEditClick", id, props);
+const onRowReadClick = (id, props) => console.log("onRowReadClick", id, props);
+const onRowAction = (id, field, value) => console.log("onRowAction", id, field, value);
+const onRowClick = (id, field, value) => console.log("onRowClick", id, field);
+const onBatchAction = (action, affectedRows) => {
+	console.log("onBatchAction called", action, affectedRows);
+};
+//#endregion
 export { onBatchAction, onRowAction, onRowClick, onRowEditClick, onRowReadClick };

package/ui/Blocks/CommonGrid/storybook/utils/columnDefinition.js

@@ -1,160 +1,125 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { ComplexCell } from "../components/ComplexCell";
-import { EnumCellExample } from "../components/EnumCellExample";
-import { enumValues } from "./utils";
-var oversizedArrayColumns = 25;
-var oversizedColumnDefinition = new Array(oversizedArrayColumns).fill(null).map(function(unused, index) {
-    return {
-        name: "column_".concat(index),
-        title: "column_".concat(index),
-        flexBasis: 120
-    };
-});
-var enumColumn = {
-    name: "enumColumn",
-    title: "Enum Column",
-    flexBasis: 160,
-    filterOptions: enumValues.map(function(v) {
-        return {
-            value: v,
-            label: v
-        };
-    }),
-    filterExtraProps: {
-        isMulti: true,
-        checkAllButton: true
-    },
-    filtering: true,
-    sorting: false,
-    cellComponent: EnumCellExample
+import { ComplexCell } from "../components/ComplexCell.js";
+import { EnumCellExample } from "../components/EnumCellExample.js";
+import { enumValues } from "./utils.js";
+//#region packages/ui/Blocks/CommonGrid/storybook/utils/columnDefinition.tsx
+const oversizedArrayColumns = 25;
+const oversizedColumnDefinition = new Array(25).fill(null).map((unused, index) => ({
+	name: `column_${index}`,
+	title: `column_${index}`,
+	flexBasis: 120
+}));
+const enumColumn = {
+	name: "enumColumn",
+	title: "Enum Column",
+	flexBasis: 160,
+	filterOptions: enumValues.map((v) => ({
+		value: v,
+		label: v
+	})),
+	filterExtraProps: {
+		isMulti: true,
+		checkAllButton: true
+	},
+	filtering: true,
+	sorting: false,
+	cellComponent: EnumCellExample
 };
-var columnDefinitions = [
-    {
-        name: "hiddenColumn",
-        title: "Hidden column",
-        flexBasis: 160,
-        filtering: true,
-        sorting: true,
-        defaultHidden: true
-    },
-    {
-        name: "textColumn",
-        title: "Text column",
-        flexBasis: 160,
-        filtering: true,
-        sorting: true
-    },
-    enumColumn,
-    {
-        name: "enumColumnAsync",
-        title: "Enum Column Async",
-        flexBasis: 160,
-        filterExtraProps: {
-            isMulti: true,
-            checkAllButton: true
-        },
-        filtering: true,
-        sorting: true,
-        asyncLoadKey: "enumColumnAsync"
-    },
-    {
-        name: "numberColumn",
-        title: "Number Column",
-        flexBasis: 160,
-        filtering: true,
-        filteringType: "number",
-        filterExtraProps: {
-            decimals: 2
-        },
-        sorting: true
-    },
-    {
-        name: "numberFloatColumn",
-        title: "Number Float Column",
-        flexBasis: 160,
-        filtering: true,
-        filteringType: "number",
-        sorting: true,
-        filterExtraProps: {
-            isFloat: true
-        }
-    },
-    {
-        name: "dateColumn",
-        title: "Date Column",
-        flexBasis: 160,
-        filtering: true,
-        filteringType: "date",
-        sorting: true,
-        filterExtraProps: {
-            filterTime: true
-        }
-    },
-    {
-        name: "boolColumn",
-        title: "Bool Column",
-        flexBasis: 160,
-        filtering: true,
-        filteringType: "flag",
-        sorting: true,
-        formatRowValue: function formatRowValue(row) {
-            return row.boolColumn ? "Yes" : "No";
-        }
-    },
-    {
-        name: "advancedColumn",
-        title: "Advanced Column",
-        flexBasis: 160,
-        formatRowValue: function formatRowValue(row) {
-            return "".concat(row.numberColumn / 4 * row.textColumn.length);
-        }
-    },
-    {
-        name: "complexColumn",
-        title: "Complex Column",
-        flexBasis: 350,
-        cellComponent: ComplexCell
-    },
-    {
-        name: "alwaysOffColumn",
-        title: "Always Off Column",
-        flexBasis: 0,
-        alwaysOff: true
-    }
+const columnDefinitions = [
+	{
+		name: "hiddenColumn",
+		title: "Hidden column",
+		flexBasis: 160,
+		filtering: true,
+		sorting: true,
+		defaultHidden: true
+	},
+	{
+		name: "textColumn",
+		title: "Text column",
+		flexBasis: 160,
+		filtering: true,
+		sorting: true
+	},
+	enumColumn,
+	{
+		name: "enumColumnAsync",
+		title: "Enum Column Async",
+		flexBasis: 160,
+		filterExtraProps: {
+			isMulti: true,
+			checkAllButton: true
+		},
+		filtering: true,
+		sorting: true,
+		asyncLoadKey: "enumColumnAsync"
+	},
+	{
+		name: "numberColumn",
+		title: "Number Column",
+		flexBasis: 160,
+		filtering: true,
+		filteringType: "number",
+		filterExtraProps: { decimals: 2 },
+		sorting: true
+	},
+	{
+		name: "numberFloatColumn",
+		title: "Number Float Column",
+		flexBasis: 160,
+		filtering: true,
+		filteringType: "number",
+		sorting: true,
+		filterExtraProps: { isFloat: true }
+	},
+	{
+		name: "dateColumn",
+		title: "Date Column",
+		flexBasis: 160,
+		filtering: true,
+		filteringType: "date",
+		sorting: true,
+		filterExtraProps: { filterTime: true }
+	},
+	{
+		name: "boolColumn",
+		title: "Bool Column",
+		flexBasis: 160,
+		filtering: true,
+		filteringType: "flag",
+		sorting: true,
+		formatRowValue: (row) => {
+			return row.boolColumn ? "Yes" : "No";
+		}
+	},
+	{
+		name: "advancedColumn",
+		title: "Advanced Column",
+		flexBasis: 160,
+		formatRowValue: (row) => {
+			return `${row.numberColumn / 4 * row.textColumn.length}`;
+		}
+	},
+	{
+		name: "complexColumn",
+		title: "Complex Column",
+		flexBasis: 350,
+		cellComponent: ComplexCell
+	},
+	{
+		name: "alwaysOffColumn",
+		title: "Always Off Column",
+		flexBasis: 0,
+		alwaysOff: true
+	}
 ];
-var stickyColumn = {
-    name: "stickyColumn",
-    title: "Sticky Column",
-    flexBasis: 160,
-    alwaysOn: true,
-    sticky: true,
-    stickTo: "right"
+const stickyColumn = {
+	name: "stickyColumn",
+	title: "Sticky Column",
+	flexBasis: 160,
+	alwaysOn: true,
+	sticky: true,
+	stickTo: "right"
 };
-var columnDefinitionsWithSticky = _to_consumable_array(columnDefinitions).concat([
-    stickyColumn
-]);
+const columnDefinitionsWithSticky = [...columnDefinitions, stickyColumn];
+//#endregion
 export { columnDefinitions, columnDefinitionsWithSticky, enumColumn, oversizedArrayColumns, oversizedColumnDefinition, stickyColumn };