@voplus/morpho-csp 4.0.5 → 4.0.7

package/es/modules/corporate/company/share-transactions-register/components/ShareTransactionItems/TableDataContext.js

@@ -1,91 +1,91 @@
-import { __decorate } from "tslib";
-import { computed, observable, makeObservable } from "mobx";
-import { createContext, useContext } from "react";
-export class TableDataContextState {
-    constructor() {
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** Array of new lines to be added. */
-        Object.defineProperty(this, "InvoiceLine", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                shareholder: "",
-                consideration: 0,
-                currency: "",
-                shares: 0,
-            }
-        });
-        /** Id of Delete of line */
-        Object.defineProperty(this, "hoverKey", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** lines of invoice */
-        Object.defineProperty(this, "invoiceLines", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** loading of saving */
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    /** Total of shares of line  */
-    get sharesTotal() {
-        var _a;
-        return (_a = this.invoiceLines) === null || _a === void 0 ? void 0 : _a.reduce((total, line) => Number.parseFloat((total + line.shares).toFixed(2)), 0);
-    }
-    /** Total of shares of line  */
-    get considerationTotal() {
-        var _a;
-        return (_a = this.invoiceLines) === null || _a === void 0 ? void 0 : _a.reduce((total, line) => Number.parseFloat((total + line.consideration).toFixed(2)), 0);
-    }
-    /** readonly */
-    get readonly() {
-        return this.props && this.props.data && !!this.props.data.readonly;
-    }
-    /** Is Adding */
-    get isAdding() {
-        return this.invoiceLines.some(({ added }) => !!added);
-    }
-}
-__decorate([
-    observable
-], TableDataContextState.prototype, "hoverKey", void 0);
-__decorate([
-    observable
-], TableDataContextState.prototype, "invoiceLines", void 0);
-__decorate([
-    observable
-], TableDataContextState.prototype, "loading", void 0);
-__decorate([
-    computed
-], TableDataContextState.prototype, "sharesTotal", null);
-__decorate([
-    computed
-], TableDataContextState.prototype, "considerationTotal", null);
-__decorate([
-    computed
-], TableDataContextState.prototype, "readonly", null);
-__decorate([
-    computed
-], TableDataContextState.prototype, "isAdding", null);
-/** React context for TableDataContextState. */
-export const TableDataContext = createContext(null);
-/** React hook to retrieve the nearest TableDataContext. */
-export const useTableDataContext = () => useContext(TableDataContext);
+import { __decorate } from "tslib";
+import { computed, observable, makeObservable } from "mobx";
+import { createContext, useContext } from "react";
+export class TableDataContextState {
+    constructor() {
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** Array of new lines to be added. */
+        Object.defineProperty(this, "InvoiceLine", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                shareholder: "",
+                consideration: 0,
+                currency: "",
+                shares: 0,
+            }
+        });
+        /** Id of Delete of line */
+        Object.defineProperty(this, "hoverKey", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** lines of invoice */
+        Object.defineProperty(this, "invoiceLines", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** loading of saving */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    /** Total of shares of line  */
+    get sharesTotal() {
+        var _a;
+        return (_a = this.invoiceLines) === null || _a === void 0 ? void 0 : _a.reduce((total, line) => Number.parseFloat((total + line.shares).toFixed(2)), 0);
+    }
+    /** Total of shares of line  */
+    get considerationTotal() {
+        var _a;
+        return (_a = this.invoiceLines) === null || _a === void 0 ? void 0 : _a.reduce((total, line) => Number.parseFloat((total + line.consideration).toFixed(2)), 0);
+    }
+    /** readonly */
+    get readonly() {
+        return this.props && this.props.data && !!this.props.data.readonly;
+    }
+    /** Is Adding */
+    get isAdding() {
+        return this.invoiceLines.some(({ added }) => !!added);
+    }
+}
+__decorate([
+    observable
+], TableDataContextState.prototype, "hoverKey", void 0);
+__decorate([
+    observable
+], TableDataContextState.prototype, "invoiceLines", void 0);
+__decorate([
+    observable
+], TableDataContextState.prototype, "loading", void 0);
+__decorate([
+    computed
+], TableDataContextState.prototype, "sharesTotal", null);
+__decorate([
+    computed
+], TableDataContextState.prototype, "considerationTotal", null);
+__decorate([
+    computed
+], TableDataContextState.prototype, "readonly", null);
+__decorate([
+    computed
+], TableDataContextState.prototype, "isAdding", null);
+/** React context for TableDataContextState. */
+export const TableDataContext = createContext(null);
+/** React hook to retrieve the nearest TableDataContext. */
+export const useTableDataContext = () => useContext(TableDataContext);
 //# sourceMappingURL=TableDataContext.js.map

package/es/modules/corporate/company/share-transactions-register/components/ShareTransactionItems/TableDragCell.d.ts

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

package/es/modules/corporate/company/share-transactions-register/components/ShareTransactionItems/TableDragCell.js

@@ -1,145 +1,145 @@
-import { AutoComplete, Button, Form, InputNumber } from "antd";
-import { useShareTransactionStore, } from "../../../../../../data/share-transaction";
-import React, { useRef, useState } from "react";
-import { faBars, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
-import CurrencyView from "../../../../../../components/CurrencyView";
-import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
-import ReferenceList from "@voplus/morpho-document/es/controls/ReferenceList";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import ShareholderSelector from "../ShareholderSelector";
-import classnames from "classnames";
-import { isEqual } from "lodash-es";
-import { observe } from "@voplus/morpho-ui";
-import { useFormRowContext } from "../../../../../../components/TableDragRow/FormRowContext";
-import { useTableDataContext } from "./TableDataContext";
-import CertCancelCreateDialog from "../CertCancelCreateDialog";
-const DragTableCell = (props) => {
-    const { shareTransaction, verified, confirmed, editable, dataIndex, record, rowIndex, children, onAdd, onDel, ...restProps } = props;
-    const formContext = useFormRowContext();
-    const dataContext = useTableDataContext();
-    const store = useShareTransactionStore();
-    const [editing, setEditing] = useState(false);
-    const [certCancelCreate, setCertCancelCreate] = useState({ visible: false, shareLine: {} });
-    /** Open of shareType */
-    const [open, setOpen] = useState(false);
-    const ref = useRef();
-    const required = dataIndex === "certificate" || dataIndex === "currency" ? false : true;
-    return observe(() => {
-        var _a, _b, _c, _d, _e;
-        return (React.createElement("td", { ...restProps, ref: ref },
-            dataIndex === "Dnd" ? (record.added ? (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
-                React.createElement(FAIcon, { icon: faTrashAlt }))) : (formContext.connectDragSource(React.createElement("span", { style: shareTransaction.readonly ? { pointerEvents: "none" } : { cursor: "move" } },
-                React.createElement(FAIcon, { icon: faBars }))))) : editable ? ((record && record.added) || editing ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [{ required: required, message: `${dataIndex} is required.` }] }, dataIndex === "shareholder" ? (React.createElement(ShareholderSelector, { memberId: shareTransaction.memberRegisterId, open: editing, defaultValue: record.shareholder, onChange: save })) : dataIndex === "class" ? (React.createElement(AutoComplete
-            // autoFocus
-            , { 
-                // autoFocus
-                open: open || editing, onSelect: save, onBlur: save, onDropdownVisibleChange: (open) => setOpen(open) },
-                React.createElement(AutoComplete.Option, { value: "Ordinary" }, "Ordinary"),
-                React.createElement(AutoComplete.Option, { value: "Preference" }, "Preference"))) : dataIndex === "certificate" ? null : dataIndex === "currency" ? (React.createElement(CurrencyView, { currency: record.currency, editable: !!record.added, onChange: save })) : (React.createElement(InputNumber, { autoFocus: editing, min: inputNumberMinVal(shareTransaction.transactionType, dataIndex), max: dataIndex === "discount" ? 100 : 100000000000, precision: dataIndex === "price" ? 2 : 0, onPressEnter: save, onBlur: save, onKeyDown: onKeyDown })))) : dataIndex === "shareholder" && record.shareholder ? (React.createElement("div", { onClick: () => !record.id && toggleEdit() }, record.shareholder.name)) : dataIndex === "certificate" ? (record.newCertificate || ((_a = record.cancelledCertificates) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement("div", { className: "share-transaction-table-share" },
-                record.newCertificate && (React.createElement("div", { className: "new-certificate" },
-                    ((_b = record.cancelledCertificates) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement("div", { className: "new-certificate-title" }, "New")) : null,
-                    React.createElement(DocumentReference, { id: (_c = record.newCertificate) === null || _c === void 0 ? void 0 : _c.id }))),
-                ((_d = record.cancelledCertificates) === null || _d === void 0 ? void 0 : _d.length) > 0 ? (React.createElement("div", { className: "cancelled-certificates" },
-                    React.createElement("div", { className: "cancelled-certificates-title" }, "Cancelled"),
-                    React.createElement(ReferenceList, { canEdit: false, document: record.cancelledCertificates }))) : null)) : record.shares > 0 ? (confirmed && verified ? (React.createElement(Button, { disabled: shareTransaction.readonly, onClick: () => createCertificate(record.id) }, "Create")) : null) : confirmed && verified ? (React.createElement(Button, { disabled: shareTransaction.readonly, onClick: () => setCertCancelCreate({
-                    visible: true,
-                    shareLine: record,
-                }) }, "Create")) : null) : (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: classnames({
-                        "editable-cell-wrap": dataIndex === "consideration",
-                    }) },
-                    React.createElement("div", { onClick: toggleEdit }, children),
-                    dataIndex === "consideration" &&
-                        dataContext.hoverKey === rowIndex &&
-                        !((_e = record.certificate) === null || _e === void 0 ? void 0 : _e.id) &&
-                        verified === false &&
-                        confirmed === false && (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
-                        React.createElement(FAIcon, { icon: faTrashAlt }))))))) : dataIndex === "shareholder" && record.shareholder ? (record.shareholder.name) : (children),
-            certCancelCreate.visible && (React.createElement(CertCancelCreateDialog, { transactionId: shareTransaction.id, shareLine: certCancelCreate.shareLine, onCancel: () => setCertCancelCreate({
-                    visible: false,
-                    shareLine: {},
-                }) }))));
-    });
-    function inputNumberMinVal(transactionType, dataIndex) {
-        if (transactionType === "Allotment") {
-            return 0;
-        }
-        else {
-            if (dataIndex === "shares") {
-                return undefined;
-            }
-            return 0;
-        }
-    }
-    function toggleEdit() {
-        var _a;
-        if ((_a = record.certificate) === null || _a === void 0 ? void 0 : _a.id)
-            return;
-        if (verified || confirmed)
-            return;
-        formContext.form.setFieldsValue(record);
-        setEditing(!editing);
-    }
-    async function createCertificate(lineId) {
-        await store
-            .createCertificate(shareTransaction.id, lineId, {
-            error: "message",
-        })
-            .then(() => store.refresh(shareTransaction.id, {}));
-    }
-    function save() {
-        formContext.form
-            .validateFields()
-            .then((sharesLine) => {
-            const { added, shareholder, consideration, shares, currency } = record;
-            const line = {
-                shareholder: sharesLine.shareholder || shareholder,
-                class: sharesLine.class || record.class,
-                consideration: sharesLine.consideration || consideration,
-                shares: sharesLine.shares || shares,
-                currency: sharesLine.currency || currency,
-            };
-            const hasChange = !isEqual(line, {
-                shareholder,
-                class: record.class,
-                consideration,
-                shares,
-                currency,
-            });
-            /** Add or edit shareOption line  */
-            if (added || hasChange) {
-                setSharesLine(rowIndex, sharesLine);
-            }
-            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 setSharesLine(index, sharesLine) {
-        dataContext.invoiceLines[index] = {
-            ...dataContext.invoiceLines[index],
-            ...sharesLine,
-        };
-        dataContext.invoiceLines = [...dataContext.invoiceLines];
-    }
-};
-export default DragTableCell;
+import { AutoComplete, Button, Form, InputNumber } from "antd";
+import { useShareTransactionStore, } from "../../../../../../data/share-transaction";
+import React, { useRef, useState } from "react";
+import { faBars, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import CurrencyView from "../../../../../../components/CurrencyView";
+import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
+import ReferenceList from "@voplus/morpho-document/es/controls/ReferenceList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ShareholderSelector from "../ShareholderSelector";
+import classnames from "classnames";
+import { isEqual } from "lodash-es";
+import { observe } from "@voplus/morpho-ui";
+import { useFormRowContext } from "../../../../../../components/TableDragRow/FormRowContext";
+import { useTableDataContext } from "./TableDataContext";
+import CertCancelCreateDialog from "../CertCancelCreateDialog";
+const DragTableCell = (props) => {
+    const { shareTransaction, verified, confirmed, editable, dataIndex, record, rowIndex, children, onAdd, onDel, ...restProps } = props;
+    const formContext = useFormRowContext();
+    const dataContext = useTableDataContext();
+    const store = useShareTransactionStore();
+    const [editing, setEditing] = useState(false);
+    const [certCancelCreate, setCertCancelCreate] = useState({ visible: false, shareLine: {} });
+    /** Open of shareType */
+    const [open, setOpen] = useState(false);
+    const ref = useRef();
+    const required = dataIndex === "certificate" || dataIndex === "currency" ? false : true;
+    return observe(() => {
+        var _a, _b, _c, _d, _e;
+        return (React.createElement("td", { ...restProps, ref: ref },
+            dataIndex === "Dnd" ? (record.added ? (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
+                React.createElement(FAIcon, { icon: faTrashAlt }))) : (formContext.connectDragSource(React.createElement("span", { style: shareTransaction.readonly ? { pointerEvents: "none" } : { cursor: "move" } },
+                React.createElement(FAIcon, { icon: faBars }))))) : editable ? ((record && record.added) || editing ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [{ required: required, message: `${dataIndex} is required.` }] }, dataIndex === "shareholder" ? (React.createElement(ShareholderSelector, { memberId: shareTransaction.memberRegisterId, open: editing, defaultValue: record.shareholder, onChange: save })) : dataIndex === "class" ? (React.createElement(AutoComplete
+            // autoFocus
+            , { 
+                // autoFocus
+                open: open || editing, onSelect: save, onBlur: save, onDropdownVisibleChange: (open) => setOpen(open) },
+                React.createElement(AutoComplete.Option, { value: "Ordinary" }, "Ordinary"),
+                React.createElement(AutoComplete.Option, { value: "Preference" }, "Preference"))) : dataIndex === "certificate" ? null : dataIndex === "currency" ? (React.createElement(CurrencyView, { currency: record.currency, editable: !!record.added, onChange: save })) : (React.createElement(InputNumber, { autoFocus: editing, min: inputNumberMinVal(shareTransaction.transactionType, dataIndex), max: dataIndex === "discount" ? 100 : 100000000000, precision: dataIndex === "price" ? 2 : 0, onPressEnter: save, onBlur: save, onKeyDown: onKeyDown })))) : dataIndex === "shareholder" && record.shareholder ? (React.createElement("div", { onClick: () => !record.id && toggleEdit() }, record.shareholder.name)) : dataIndex === "certificate" ? (record.newCertificate || ((_a = record.cancelledCertificates) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement("div", { className: "share-transaction-table-share" },
+                record.newCertificate && (React.createElement("div", { className: "new-certificate" },
+                    ((_b = record.cancelledCertificates) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement("div", { className: "new-certificate-title" }, "New")) : null,
+                    React.createElement(DocumentReference, { id: (_c = record.newCertificate) === null || _c === void 0 ? void 0 : _c.id }))),
+                ((_d = record.cancelledCertificates) === null || _d === void 0 ? void 0 : _d.length) > 0 ? (React.createElement("div", { className: "cancelled-certificates" },
+                    React.createElement("div", { className: "cancelled-certificates-title" }, "Cancelled"),
+                    React.createElement(ReferenceList, { canEdit: false, document: record.cancelledCertificates }))) : null)) : record.shares > 0 ? (confirmed && verified ? (React.createElement(Button, { disabled: shareTransaction.readonly, onClick: () => createCertificate(record.id) }, "Create")) : null) : confirmed && verified ? (React.createElement(Button, { disabled: shareTransaction.readonly, onClick: () => setCertCancelCreate({
+                    visible: true,
+                    shareLine: record,
+                }) }, "Create")) : null) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: classnames({
+                        "editable-cell-wrap": dataIndex === "consideration",
+                    }) },
+                    React.createElement("div", { onClick: toggleEdit }, children),
+                    dataIndex === "consideration" &&
+                        dataContext.hoverKey === rowIndex &&
+                        !((_e = record.certificate) === null || _e === void 0 ? void 0 : _e.id) &&
+                        verified === false &&
+                        confirmed === false && (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
+                        React.createElement(FAIcon, { icon: faTrashAlt }))))))) : dataIndex === "shareholder" && record.shareholder ? (record.shareholder.name) : (children),
+            certCancelCreate.visible && (React.createElement(CertCancelCreateDialog, { transactionId: shareTransaction.id, shareLine: certCancelCreate.shareLine, onCancel: () => setCertCancelCreate({
+                    visible: false,
+                    shareLine: {},
+                }) }))));
+    });
+    function inputNumberMinVal(transactionType, dataIndex) {
+        if (transactionType === "Allotment") {
+            return 0;
+        }
+        else {
+            if (dataIndex === "shares") {
+                return undefined;
+            }
+            return 0;
+        }
+    }
+    function toggleEdit() {
+        var _a;
+        if ((_a = record.certificate) === null || _a === void 0 ? void 0 : _a.id)
+            return;
+        if (verified || confirmed)
+            return;
+        formContext.form.setFieldsValue(record);
+        setEditing(!editing);
+    }
+    async function createCertificate(lineId) {
+        await store
+            .createCertificate(shareTransaction.id, lineId, {
+            error: "message",
+        })
+            .then(() => store.refresh(shareTransaction.id, {}));
+    }
+    function save() {
+        formContext.form
+            .validateFields()
+            .then((sharesLine) => {
+            const { added, shareholder, consideration, shares, currency } = record;
+            const line = {
+                shareholder: sharesLine.shareholder || shareholder,
+                class: sharesLine.class || record.class,
+                consideration: sharesLine.consideration || consideration,
+                shares: sharesLine.shares || shares,
+                currency: sharesLine.currency || currency,
+            };
+            const hasChange = !isEqual(line, {
+                shareholder,
+                class: record.class,
+                consideration,
+                shares,
+                currency,
+            });
+            /** Add or edit shareOption line  */
+            if (added || hasChange) {
+                setSharesLine(rowIndex, sharesLine);
+            }
+            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 setSharesLine(index, sharesLine) {
+        dataContext.invoiceLines[index] = {
+            ...dataContext.invoiceLines[index],
+            ...sharesLine,
+        };
+        dataContext.invoiceLines = [...dataContext.invoiceLines];
+    }
+};
+export default DragTableCell;
 //# sourceMappingURL=TableDragCell.js.map

package/es/modules/corporate/company/share-transactions-register/components/ShareTransactionItems/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { IShareTransaction } from "../../../../../../data/share-transaction";
-declare const ShareTransactionItems: (props: {
-    data: IShareTransaction;
-    transactionType?: string;
-    verified?: boolean;
-    confirmed?: boolean;
-}) => JSX.Element;
-export default ShareTransactionItems;
+/// <reference types="react" />
+import { IShareTransaction } from "../../../../../../data/share-transaction";
+declare const ShareTransactionItems: (props: {
+    data: IShareTransaction;
+    transactionType?: string;
+    verified?: boolean;
+    confirmed?: boolean;
+}) => JSX.Element;
+export default ShareTransactionItems;