@voplus/morpho-csp 1.2.9 → 1.2.10-2.fix1

package/es/modules/legal-entity/share-transactions-register/pages/ShareTransactionDefaultView/index.less

@@ -0,0 +1,89 @@
+@import "../../../../../style/common.less";
+:global {
+	.share-transaction-default-view {
+		// padding: 10px 0;
+		.ant-table {
+			margin: 0 20px;
+		}
+		.shareTransaction-item-info {
+			display: flex;
+			padding: 0 15px 10px 15px;
+			> div {
+				flex: 1;
+				color: #000;
+				padding: 0 10px;
+			}
+			.bold {
+				font-weight: 500;
+				font-size: 15px;
+				padding-bottom: 10px;
+			}
+			.morpho-inline-edit {
+				display: inline-block;
+
+				.svg-inline--fa {
+					margin-right: 5px;
+				}
+			}
+			.ant-select {
+				width: 130px !important;
+			}
+		}
+		.ant-table {
+			.ant-table-container {
+				overflow-x: auto;
+			}
+			.ant-input-number {
+				width: 100%;
+			}
+			.ant-table-thead > tr > th {
+				padding: 10px;
+			}
+			.ant-table-tbody > tr > td {
+				padding: 5px 10px;
+				min-width: 120px;
+				height: 54px;
+				&.column-dnd {
+					min-width: 40px;
+					text-align: center;
+				}
+			}
+			.editable-cell-wrap {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				> div {
+					flex: 1;
+				}
+				.ant-empty {
+					width: 100%;
+				}
+			}
+			.ant-table-footer {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 10px 0;
+				.operate {
+					flex: 1;
+					.cancel {
+						color: #666;
+					}
+				}
+				.total {
+					display: inline-block;
+					min-width: calc((100% - 40px) / 5);
+					padding-left: 10px;
+					span {
+						margin-left: 5px;
+						font-size: 15px;
+						font-weight: 500;
+					}
+					& + .total {
+						margin-left: calc((100% - 40px) / 5);
+					}
+				}
+			}
+		}
+	}
+}

package/es/modules/legal-entity/share-transactions-register/pages/ShareTransactionRegisterDefaultView/index.js

@@ -0,0 +1,49 @@
+import "./index.less";
+import { Archive, Reload, Sidebar } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import React, { useEffect, useState } from "react";
+import { useRouteMatch } from "react-router";
+import { AsideContent } from "@voplus/morpho-ui";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import ShareTransactionList from "../../components/ShareTransactionList";
+import ShareTransactionPropertiesView from "../../../../../components/ShareTransactionPropertiesView";
+import { Skeleton } from "@voplus/antd";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { observe } from "@voplus/morpho-ui";
+import { useShareTransaction } from "../../../../../data/shareTransaction";
+import { useTabItem } from "@voplus/morpho-data";
+const ShareTransactionRegisterDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [reload, setReload] = useState(true);
+    const shareTransaction = useShareTransaction(id, { reload, includes: "tags" });
+    const tab = useTabItem();
+    const [asideContext] = useState(AsideContent.createContext());
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    useEffect(() => {
+        tab.title = (shareTransaction === null || shareTransaction === void 0 ? void 0 : shareTransaction.name) || "";
+    }, [shareTransaction === null || shareTransaction === void 0 ? void 0 : shareTransaction.name]);
+    const AsideElement = React.createElement(ShareTransactionPropertiesView, { id: id, content: false });
+    return observe(() => (React.createElement(AsideContent, { context: asideContext, className: "share-transaction-aside-content" },
+        React.createElement("div", { className: "csp-default-view share-transaction-register-view" },
+            shareTransaction.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+                React.createElement(Skeleton, { active: true }))) : (React.createElement(React.Fragment, null,
+                React.createElement(DocumentHeader, { id: id, size: "h2", quickDataBarAlign: "left", tools: React.createElement(ToolBar, { id: id },
+                        React.createElement(Reload, { action: onReLoad }),
+                        React.createElement(Sidebar, { action: () => asideContext.asideContent
+                                ? asideContext.closeAside()
+                                : asideContext.openAside(AsideElement, { span: 12 }) }),
+                        React.createElement(Archive, null)) }),
+                React.createElement(DescriptionEditor, { id: id, description: shareTransaction.description, readonly: shareTransaction.readonly, padding: "0 0 0.75rem 0" }))),
+            reload && React.createElement(ShareTransactionList, { parentId: id, readonly: shareTransaction.readonly })))));
+    function onReLoad() {
+        setReload(false);
+        setTimeout(() => {
+            setReload(true);
+        }, 100);
+    }
+};
+export default ShareTransactionRegisterDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/legal-entity/share-transactions-register/pages/ShareTransactionRegisterDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/legal-entity/share-transactions-register/pages/ShareTransactionRegisterDefaultView/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/legal-entity/share-transactions-register/pages/ShareTransactionRegisterDefaultView/index.less

@@ -0,0 +1,18 @@
+@import "../../../../../style/common.less";
+:global {
+	.share-transaction-register-view {
+		.document-header-default {
+			margin-bottom: 0.5em;
+		}
+		.shareTransaction-list-header {
+			display: flex;
+			flex: 1;
+			justify-content: space-between;
+			line-height: 21px;
+			color: #fff;
+		}
+		.share-transaction-loading {
+			padding: 10px 20px;
+		}
+	}
+}

package/es/modules/order/components/OrderItem/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const OrderItem: (props: {
+    id: string;
+}) => JSX.Element;
+export default OrderItem;

package/es/modules/order/components/OrderItem/index.js

@@ -0,0 +1,13 @@
+import "./index.less";
+import { useOrder, useOrderStore } from "../../../../data/order";
+import React from "react";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { observe } from "@voplus/morpho-ui";
+const OrderItem = (props) => {
+    const { id } = props;
+    const order = useOrder(id, { reload: false });
+    const store = useOrderStore();
+    return observe(() => (React.createElement(DocumentHeader, { id: id, className: "Order-item", quickDataBarAlign: "left", flagVisible: false, preVisible: false, toolsVisible: false, quickVisible: false })));
+};
+export default OrderItem;
+//# sourceMappingURL=index.js.map

package/es/modules/order/components/OrderItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/order/components/OrderItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAU,QAAQ,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAE9B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,YAAY,EACtB,iBAAiB,EAAC,MAAM,EACxB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,KAAK,EACnB,YAAY,EAAE,KAAK,GAClB,CACF,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,SAAS,CAAC"}

package/es/modules/order/components/OrderItem/index.less

@@ -0,0 +1,21 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.Order-item {
+		position: relative;
+		align-items: center;
+		cursor: pointer;
+		.flag-icon {
+			display: inline-block;
+			width: 23px;
+			margin-left: 0;
+		}
+		&:after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			right: 0;
+			bottom: 0;
+			border-bottom: 1px solid @border-color-base;
+		}
+	}
+}

package/es/modules/order/components/OrderItems/DragTableCell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DragTableCell: (props: any) => JSX.Element;
+export default DragTableCell;

package/es/modules/order/components/OrderItems/DragTableCell.js

@@ -0,0 +1,75 @@
+import { Button, Form, Input, InputNumber } from "@voplus/antd";
+import React, { useState } from "react";
+import { faBars, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import classnames from "classnames";
+import { isEqual } from "lodash-es";
+import { observe } from "@voplus/morpho-ui";
+import { useFormRowContext } from "../../../../components/DragTableRow/FormRowContext";
+import { useOrderContext } from "../../context/OrderContext";
+const DragTableCell = (props) => {
+    const { key, editable, dataIndex, record, rowIndex, children, connectDragSource, className, onAdd, onDel, ...restProps } = props;
+    const formContext = useFormRowContext();
+    const orderContext = useOrderContext();
+    const [editing, setEditing] = useState(false);
+    return observe(() => {
+        var _a;
+        return (React.createElement("td", { ...restProps, className: classnames({ "column-edit": ((record && record.added) || editing) && dataIndex === "description" }, className) }, dataIndex === "amount" ? (editable && orderContext.hoverKey === rowIndex ? (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
+            React.createElement(FAIcon, { icon: faTrashAlt }))) : ((_a = orderContext.getAmount(record)) === null || _a === void 0 ? void 0 : _a.toLocaleString(undefined, {
+            minimumFractionDigits: 2,
+        }))) : dataIndex === "Dnd" ? (formContext.connectDragSource(React.createElement("span", { style: { cursor: "move" } },
+            React.createElement(FAIcon, { icon: faBars })))) : editable ? (record.added || editing ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [{ required: true, message: `${dataIndex} is required.` }] }, dataIndex === "description" ? (React.createElement(Input.TextArea, { autoFocus: editing, rows: 4, onBlur: save })) : (React.createElement(InputNumber, { min: dataIndex === "qty" ? 1 : 0, max: dataIndex === "discount" ? 100 : 100000000000, precision: dataIndex === "price" ? 2 : 0, onPressEnter: save, onBlur: save, onKeyDown: onKeyDown })))) : (React.createElement("div", { className: "editable-cell-value-wrap", onClick: toggleEdit }, children))) : (children)));
+    });
+    function toggleEdit() {
+        formContext.form.setFieldsValue({ ...record });
+        setEditing(!editing);
+    }
+    function save() {
+        formContext.form
+            .validateFields()
+            .then((orderLine) => {
+            const { added, description, price, qty, discount } = record;
+            const line = {
+                description: orderLine.description || description,
+                price: orderLine.price >= 0 ? orderLine.price : price,
+                qty: orderLine.qty || qty,
+                discount: orderLine.discount >= 0 ? orderLine.discount : discount,
+            };
+            const hasChange = !isEqual(line, { description, price, qty, discount });
+            /** Add or edit  Order line  */
+            if (added || hasChange) {
+                setOrderLine(rowIndex, orderLine);
+            }
+            if (!added)
+                return toggleEdit();
+        })
+            .catch((errorInfo) => {
+            // console.log(errorInfo, "errorInfo");
+        });
+    }
+    function onKeyDown(e) {
+        /** Esc to quit editing */
+        if (e.keyCode === 27)
+            return setEditing(false);
+        if (e.keyCode !== 9 || dataIndex !== "discount")
+            return;
+        formContext.form
+            .validateFields()
+            .then(() => {
+            onAdd();
+        })
+            .catch((errorInfo) => {
+            // console.log(errorInfo, "errorInfo");
+        });
+        return;
+    }
+    function setOrderLine(index, orderLine) {
+        orderContext.orderLines[index] = {
+            ...orderContext.orderLines[index],
+            ...orderLine,
+        };
+        orderContext.orderLines = [...orderContext.orderLines];
+    }
+};
+export default DragTableCell;
+//# sourceMappingURL=DragTableCell.js.map

package/es/modules/order/components/OrderItems/DragTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragTableCell.js","sourceRoot":"","sources":["../../../../../src/modules/order/components/OrderItems/DragTableCell.tsx"],"names":[],"mappings":"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"}

package/es/modules/order/components/OrderItems/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ItemsProps } from "./state";
+declare const OrderItems: (props: ItemsProps) => JSX.Element;
+export default OrderItems;

package/es/modules/order/components/OrderItems/index.js

@@ -0,0 +1,160 @@
+import { Button, Modal, Table } from "@voplus/antd";
+import { useOrderStore } from "../../../../data/order";
+import { State } from "./state";
+import React, { useEffect, useState } from "react";
+import { clone, isEqual } from "lodash-es";
+import { runInAction, toJS } from "mobx";
+import { DndProvider } from "react-dnd";
+import DragTableCell from "./DragTableCell";
+import DragTableRow from "../../../../components/DragTableRow";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { OrderContext } from "../../context/OrderContext";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import update from "immutability-helper";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const OrderItems = (props) => {
+    const { data } = props;
+    const [state] = useState(new State());
+    state.props = props;
+    const store = useOrderStore();
+    const documents = useDocumentStore();
+    const columnsList = [
+        {
+            title: "",
+            dataIndex: "Dnd",
+            width: 40,
+            align: "center",
+            className: "column-dnd",
+        },
+        {
+            title: "Item",
+            dataIndex: "description",
+            editable: !state.readonly,
+        },
+        {
+            title: "Unit Price",
+            dataIndex: "price",
+            editable: !state.readonly,
+            width: 120,
+        },
+        {
+            title: "Qty",
+            dataIndex: "qty",
+            editable: !state.readonly,
+            width: 120,
+        },
+        {
+            title: (React.createElement("div", null,
+                "Discount",
+                React.createElement("div", null, "(%)"))),
+            dataIndex: "discount",
+            editable: !state.readonly,
+            width: 120,
+        },
+        {
+            title: "Amount",
+            dataIndex: "amount",
+            editable: !state.readonly,
+            width: 120,
+            align: "right",
+        },
+    ];
+    const components = {
+        body: {
+            row: DragTableRow,
+            cell: DragTableCell,
+        },
+    };
+    const columns = columnsList.map((col) => {
+        return {
+            ...col,
+            onCell: (record, rowIndex) => {
+                return {
+                    record,
+                    editable: col.editable,
+                    dataIndex: col.dataIndex,
+                    rowIndex: rowIndex,
+                    onAdd,
+                    onDel,
+                };
+            },
+        };
+    });
+    useEffect(() => {
+        runInAction(() => (state.orderLines = clone(data.lines)));
+    }, [data.lines]);
+    return observe(() => (React.createElement(OrderContext.Provider, { value: state },
+        React.createElement(DndProvider, { backend: HTML5Backend },
+            React.createElement(Table, { className: styles["order-lines-table"], components: components, pagination: false, rowClassName: () => "editable-row", bordered: true, dataSource: state.orderLines, columns: columns, rowKey: "id", onRow: (record, index) => ({
+                    index,
+                    moveAfter: moveAfter,
+                    onMouseEnter: () => runInAction(() => (state.hoverKey = index)),
+                    onMouseLeave: () => runInAction(() => (state.hoverKey = -1)),
+                }), footer: () => {
+                    var _a;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("div", null, !state.readonly && (React.createElement(React.Fragment, null,
+                            React.createElement(Button, { type: "link", onClick: onAdd }, "Add an item"),
+                            React.createElement(Button, { type: "link", className: "cancel", onClick: getOrder }, "Reset"),
+                            React.createElement(Button, { loading: state.loading, type: "link", disabled: isEqual(toJS(state.orderLines), data.lines), onClick: onSave }, "Save"))
+                        // 	)}
+                        // </React.Fragment>
+                        )),
+                        React.createElement("div", { className: "total" },
+                            "TOTAL",
+                            React.createElement("span", null, (_a = state.total) === null || _a === void 0 ? void 0 : _a.toLocaleString(undefined, {
+                                minimumFractionDigits: 2,
+                            })))));
+                } })))));
+    /** reload order */
+    function getOrder() {
+        const document = documents.items.get(data.id);
+        runInAction(() => {
+            state.orderLines = clone(document.lines);
+        });
+    }
+    /** Add Order */
+    function onAdd() {
+        const id = Math.floor(Math.random() * 100000 + 1);
+        runInAction(() => (state.orderLines = [...(state.orderLines || []), { id, added: true, ...state.orderLines }]));
+    }
+    /**  */
+    function onDel(id) {
+        runInAction(() => {
+            if (state.isAdding)
+                return (state.orderLines = state.orderLines.filter((line) => line.id !== id));
+            return Modal.confirm({
+                title: "Do you want to delete this item?",
+                onOk() {
+                    state.orderLines = state.orderLines.filter((line) => line.id !== id);
+                    onSave();
+                },
+            });
+        });
+    }
+    async function onSave() {
+        const Lines = state.orderLines.map(({ description, price, qty, discount }) => ({
+            Description: description,
+            Price: price,
+            Qty: qty,
+            Discount: discount,
+        }));
+        state.loading = true;
+        await store.edit(data.id, { data: { Lines }, error: "message" });
+        runInAction(() => (state.loading = false));
+        getOrder();
+    }
+    function moveAfter(dragIndex, afterIndex) {
+        const dragRow = state.orderLines[dragIndex];
+        runInAction(() => (state.orderLines = update(state.orderLines, {
+            $splice: [
+                [dragIndex, 1],
+                [afterIndex, 0, dragRow],
+            ],
+        })));
+        // onSave();
+    }
+};
+export default OrderItems;
+//# sourceMappingURL=index.js.map

package/es/modules/order/components/OrderItems/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/order/components/OrderItems/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAsB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAc,KAAK,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,UAAU,GAAG,CAAC,KAAiB,EAAE,EAAE;IACxC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG;QACnB;YACC,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,YAAY;SACvB;QACD;YACC,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,aAAa;YACxB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ;SACzB;QACD;YACC,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ;YACzB,KAAK,EAAE,GAAG;SACV;QACD;YACC,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ;YACzB,KAAK,EAAE,GAAG;SACV;QACD;YACC,KAAK,EAAE,CACN;;gBACS,uCAAc,CACjB,CACN;YACD,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ;YACzB,KAAK,EAAE,GAAG;SACV;QACD;YACC,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ;YACzB,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,OAAO;SACd;KACD,CAAC;IACF,MAAM,UAAU,GAAG;QAClB,IAAI,EAAE;YACL,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;SACnB;KACD,CAAC;IACF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACvC,OAAO;YACN,GAAG,GAAG;YACN,MAAM,EAAE,CAAC,MAAW,EAAE,QAAgB,EAAE,EAAE;gBACzC,OAAO;oBACN,MAAM;oBACN,QAAQ,EAAE,GAAG,CAAC,QAAQ;oBACtB,SAAS,EAAE,GAAG,CAAC,SAAS;oBACxB,QAAQ,EAAE,QAAQ;oBAClB,KAAK;oBACL,KAAK;iBACL,CAAC;YACH,CAAC;SACD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,oBAAC,WAAW,IAAC,OAAO,EAAE,YAAY;YACjC,oBAAC,KAAK,IACL,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EACtC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,EAClC,QAAQ,QACR,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,OAAgB,EACzB,MAAM,EAAC,IAAI,EACX,KAAK,EAAE,CAAC,MAAM,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC;oBAClC,KAAK;oBACL,SAAS,EAAE,SAAS;oBACpB,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC;oBAC/D,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;iBAC5D,CAAC,EACF,MAAM,EAAE,GAAG,EAAE;;oBAAC,OAAA,CACb,oBAAC,KAAK,CAAC,QAAQ;wBACd,iCACE,CAAC,KAAK,CAAC,QAAQ,IAAI,CACnB,oBAAC,KAAK,CAAC,QAAQ;4BACd,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,kBAEzB;4BAGT,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YAE/C;4BACT,oBAAC,MAAM,IACN,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,MAAM,WAGP,CACO;wBACjB,MAAM;wBACN,oBAAoB;yBACpB,CACI;wBACN,6BAAK,SAAS,EAAC,OAAO;;4BAErB,kCACE,MAAA,KAAK,CAAC,KAAK,0CAAE,cAAc,CAAC,SAAS,EAAE;gCACvC,qBAAqB,EAAE,CAAC;6BACxB,CAAC,CACI,CACF,CAMU,CACjB,CAAA;iBAAA,GACA,CACW,CACS,CACxB,CAAC,CAAC;IAEH,mBAAmB;IACnB,SAAS,QAAQ;QAChB,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAQ,CAAC;QACrD,WAAW,CAAC,GAAG,EAAE;YAChB,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,gBAAgB;IAChB,SAAS,KAAK;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAClD,WAAW,CACV,GAAG,EAAE,CACJ,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAC7F,CAAC;IACH,CAAC;IACD,OAAO;IACP,SAAS,KAAK,CAAC,EAAU;QACxB,WAAW,CAAC,GAAG,EAAE;YAChB,IAAI,KAAK,CAAC,QAAQ;gBACjB,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YAC/E,OAAO,KAAK,CAAC,OAAO,CAAC;gBACpB,KAAK,EAAE,kCAAkC;gBACzC,IAAI;oBACH,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;oBACrE,MAAM,EAAE,CAAC;gBACV,CAAC;aACD,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,KAAK,UAAU,MAAM;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAc,EAAE,EAAE,CAAC,CAAC;YAC1F,WAAW,EAAE,WAAW;YACxB,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,QAAQ;SAClB,CAAC,CAAC,CAAC;QACJ,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAS,CAAC,CAAC;QACxE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;QAC3C,QAAQ,EAAE,CAAC;IACZ,CAAC;IACD,SAAS,SAAS,CAAC,SAAiB,EAAE,UAAkB;QACvD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAC5C,WAAW,CACV,GAAG,EAAE,CACJ,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE;YAC5C,OAAO,EAAE;gBACR,CAAC,SAAS,EAAE,CAAC,CAAC;gBACd,CAAC,UAAU,EAAE,CAAC,EAAE,OAAO,CAAC;aACxB;SACD,CAAC,CAAC,CACJ,CAAC;QACF,YAAY;IACb,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/modules/order/components/OrderItems/index.less

@@ -0,0 +1,48 @@
+.order-lines-table {
+	padding: 0 20px;
+	:global {
+		.ant-table {
+			.ant-table-container {
+				overflow-x: auto;
+			}
+			.ant-input-number {
+				width: 100%;
+			}
+			.ant-table-thead > tr > th {
+				padding: 0 10px;
+			}
+			td {
+				padding: 0 10px;
+				min-width: 100px;
+				height: 54px;
+				textarea.ant-input {
+					margin: 0;
+				}
+				&.column-edit {
+					padding: 0;
+				}
+				&.column-dnd {
+					min-width: 40px;
+				}
+			}
+			.ant-table-footer {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 10px 0;
+				.cancel {
+					color: #666;
+				}
+				.total {
+					font-size: 13px;
+					padding: 0 10px;
+					span {
+						margin-left: 5px;
+						font-size: 15px;
+						font-weight: 500;
+					}
+				}
+			}
+		}
+	}
+}

package/es/modules/order/components/OrderItems/state.d.ts

@@ -0,0 +1,29 @@
+import { IOrder, IOrderLine } from "../../../../data/order";
+export declare type ItemsProps = {
+    data: IOrder;
+};
+export declare class State {
+    props: ItemsProps;
+    /** Array of new lines to be added. */
+    OrderLine: {
+        description: string;
+        price: number;
+        qty: number;
+        discount: number;
+    };
+    /** Id of Delete of line */
+    hoverKey: number;
+    /** lines of order */
+    orderLines: any[];
+    /** loading of saving */
+    loading: boolean;
+    constructor();
+    /** amount of order line */
+    getAmount: (line: IOrderLine) => number;
+    /** Total of Amount of OrderLine  */
+    get total(): any;
+    /** readonly */
+    get readonly(): boolean;
+    /** Is Adding */
+    get isAdding(): boolean;
+}

package/es/modules/order/components/OrderItems/state.js

@@ -0,0 +1,89 @@
+import { __decorate } from "tslib";
+import { computed, makeAutoObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** Array of new lines to be added. */
+        Object.defineProperty(this, "OrderLine", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                description: "",
+                price: 0,
+                qty: 1,
+                discount: 0,
+            }
+        });
+        /** Id of Delete of line */
+        Object.defineProperty(this, "hoverKey", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** lines of order */
+        Object.defineProperty(this, "orderLines", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** loading of saving */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** amount of order line */
+        Object.defineProperty(this, "getAmount", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (line) => {
+                return line
+                    ? Number.parseFloat((line.price * (line.qty * ((100 - line.discount) / 100))).toFixed(2))
+                    : 0;
+            }
+        });
+        makeAutoObservable(this);
+    }
+    /** Total of Amount of OrderLine  */
+    get total() {
+        var _a;
+        return (_a = this.orderLines) === null || _a === void 0 ? void 0 : _a.reduce((total, line) => Number.parseFloat((total + this.getAmount(line)).toFixed(2)), 0);
+    }
+    /** readonly */
+    get readonly() {
+        return this.props && this.props.data && !!this.props.data.readonly;
+    }
+    /** Is Adding */
+    get isAdding() {
+        return this.orderLines.some(({ added }) => !!added);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "hoverKey", void 0);
+__decorate([
+    observable
+], State.prototype, "orderLines", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    computed
+], State.prototype, "total", null);
+__decorate([
+    computed
+], State.prototype, "readonly", null);
+__decorate([
+    computed
+], State.prototype, "isAdding", null);
+//# sourceMappingURL=state.js.map

package/es/modules/order/components/OrderItems/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/order/components/OrderItems/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMhE,MAAM,OAAO,KAAK;IAgBjB;QAfA;;;;;WAAyB;QACzB,sCAAsC;QACtC;;;;mBAAmB;gBAClB,WAAW,EAAE,EAAE;gBACf,KAAK,EAAE,CAAC;gBACR,GAAG,EAAE,CAAC;gBACN,QAAQ,EAAE,CAAC;aACX;WAAC;QACF,2BAA2B;QACf;;;;;WAAwB;QACpC,qBAAqB;QACT;;;;mBAA2B,EAAE;WAAC;QAC1C,wBAAwB;QACZ;;;;mBAAiB,KAAK;WAAC;QAMnC,2BAA2B;QAC3B;;;;mBAAmB,CAAC,IAAgB,EAAE,EAAE;gBACvC,OAAO,IAAI;oBACV,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;oBACzF,CAAC,CAAC,CAAC,CAAC;YACN,CAAC;WAAC;QARD,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAQD,oCAAoC;IAEpC,IAAW,KAAK;;QACf,OAAO,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,CAC7B,CAAC,KAAa,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EACrF,CAAC,CACD,CAAC;IACH,CAAC;IACD,eAAe;IAEf,IAAW,QAAQ;QAClB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;IACpE,CAAC;IACD,gBAAgB;IAEhB,IAAW,QAAQ;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;CACD;AAlCY;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;yCAA+B;AAE9B;IAAX,UAAU;sCAAwB;AAcnC;IADC,QAAQ;kCAMR;AAGD;IADC,QAAQ;qCAGR;AAGD;IADC,QAAQ;qCAGR"}

package/es/modules/order/components/OrderListView/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const OrderList: (props: {
+    parentId?: string;
+}) => JSX.Element;
+export default OrderList;