@boarteam/boar-pack-common-frontend 3.4.0 → 4.0.0

package/dist/components/ChangesModal/ChangesModal.d.ts

@@ -0,0 +1,37 @@
+import { ProColumns } from "@ant-design/pro-components";
+import { TCreatedRecordsColumnsConfig } from "./NewRecordsTab";
+import { TDiffResult } from "../Table/useImportExport";
+export type TServerErrorItem = {
+    field: string;
+    message: string;
+};
+export type TRelationalFields = Map<string, {
+    key: string;
+    data: {
+        [key: string]: any;
+    };
+}>;
+export type TImportConflict = {
+    id: number;
+    version: number;
+    fields: Array<{
+        field: string;
+        current_value: any;
+        imported_value: any;
+    }>;
+};
+export type TImportResponse = {
+    errors?: Array<TServerErrorItem>;
+    conflicts?: Array<TImportConflict>;
+    created_count: number;
+    updated_count: number;
+};
+export declare function ChangesModal<Entity, ImportRequestParams>({ onClose, onCommit, changes, relationalFields, originRecordsColumnsConfig, changedRecordsColumnsConfig, createdRecordsColumnsConfig, }: {
+    onCommit: (params: ImportRequestParams) => Promise<TImportResponse>;
+    onClose: () => void;
+    changes?: TDiffResult<Entity>;
+    relationalFields?: TRelationalFields;
+    originRecordsColumnsConfig: ProColumns<Entity>[];
+    changedRecordsColumnsConfig: ProColumns<Entity>[];
+    createdRecordsColumnsConfig: TCreatedRecordsColumnsConfig<Entity>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ChangesModal/ChangesModal.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangesModal = ChangesModal;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const antd_style_1 = require("antd-style");
+const react_1 = require("react");
+const ConflictsTab_1 = tslib_1.__importDefault(require("./ConflictsTab"));
+const ErrorsTab_1 = tslib_1.__importDefault(require("./ErrorsTab"));
+const ResultsTab_1 = tslib_1.__importDefault(require("./ResultsTab"));
+const NewRecordsTab_1 = tslib_1.__importDefault(require("./NewRecordsTab"));
+const ChangesTab_1 = tslib_1.__importDefault(require("./ChangesTab"));
+var ModalTabs;
+(function (ModalTabs) {
+    ModalTabs["changes"] = "changes";
+    ModalTabs["newRecords"] = "newRecords";
+    ModalTabs["errors"] = "errors";
+    ModalTabs["results"] = "results";
+    ModalTabs["conflicts"] = "conflicts";
+})(ModalTabs || (ModalTabs = {}));
+const useStyles = (0, antd_style_1.createStyles)(() => {
+    return {
+        changesModal: {
+            ".ant-modal-content": {
+                width: 800,
+            },
+            ".ant-table-content": {
+                overflowX: "auto",
+            },
+            "ul": {
+                maxHeight: 500,
+                overflowY: "auto",
+            },
+        },
+    };
+});
+function ChangesModal({ onClose, onCommit, changes, relationalFields, originRecordsColumnsConfig, changedRecordsColumnsConfig, createdRecordsColumnsConfig, }) {
+    const { styles } = useStyles();
+    const [activeTab, setActiveTab] = (0, react_1.useState)(ModalTabs.changes);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [importResponse, setImportResponse] = (0, react_1.useState)();
+    const [serverErrors, setServerErrors] = (0, react_1.useState)([]);
+    const [resolvedData, setResolvedData] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        if (serverErrors.length > 0) {
+            setActiveTab(ModalTabs.errors);
+        }
+    }, [serverErrors.length]);
+    if (!changes)
+        return null;
+    const { created, updated, tableData } = changes;
+    const onCancel = () => {
+        setActiveTab(ModalTabs.changes);
+        setImportResponse(undefined);
+        setServerErrors([]);
+        setResolvedData([]);
+        onClose();
+    };
+    const handleCommitClick = async () => {
+        // TODO: Client validation
+        // ...
+        setServerErrors([]);
+        setIsLoading(true);
+        const modifiedSource = (resolvedData && resolvedData.length > 0)
+            ? resolvedData
+            : updated;
+        const payload = {
+            new: created,
+            modified: modifiedSource,
+        };
+        onCommit(payload).then((res) => {
+            setImportResponse(res);
+            // Check conflicts
+            if (res.conflicts?.length) {
+                setActiveTab(ModalTabs.conflicts);
+                antd_1.message.error("There are conflicts in the import. Please resolve them.");
+                return;
+            }
+            setActiveTab(ModalTabs.results);
+        }).catch((err) => {
+            // TODO: Simplify
+            const status = err?.status || err?.statusCode || err?.response?.status;
+            const payload = err?.body || err?.response?.data || err?.data || err;
+            if ((status === 400 || payload?.statusCode === 400) && Array.isArray(payload?.errors)) {
+                setServerErrors(payload.errors);
+                antd_1.message.error(payload.message || "Validation error");
+                return;
+            }
+            console.error("Commit failed:", err);
+            antd_1.message.error("Unexpected error while committing changes");
+        }).finally(() => {
+            setIsLoading(false);
+        });
+    };
+    const tabList = [
+        {
+            key: ModalTabs.changes,
+            tab: "Changed values",
+            disabled: tableData.length === 0,
+            label: tableData.length ? ((0, jsx_runtime_1.jsx)(antd_1.Badge, { size: "small", color: "blue", count: tableData.length, children: "Changed Values" })) : "Changed Values",
+            children: (0, jsx_runtime_1.jsx)(ChangesTab_1.default, { changedRecordsColumnsConfig: changedRecordsColumnsConfig, updated: tableData }),
+        },
+        {
+            key: ModalTabs.newRecords,
+            tab: "New records",
+            disabled: created.length === 0,
+            label: created.length ? ((0, jsx_runtime_1.jsx)(antd_1.Badge, { size: "small", color: "blue", count: created.length, children: "New Records" })) : "New Records",
+            children: (0, jsx_runtime_1.jsx)(NewRecordsTab_1.default, { createdRecordsColumnsConfig: createdRecordsColumnsConfig, created: created }),
+        },
+        {
+            key: ModalTabs.errors,
+            tab: "Import errors",
+            disabled: serverErrors.length === 0,
+            label: serverErrors.length ? ((0, jsx_runtime_1.jsx)(antd_1.Badge, { size: "small", count: serverErrors.length, children: "Errors" })) : "Errors",
+            children: (0, jsx_runtime_1.jsx)(ErrorsTab_1.default, { serverErrors: serverErrors }),
+        },
+        {
+            key: ModalTabs.conflicts,
+            tab: "Import conflicts",
+            disabled: !importResponse || importResponse.conflicts?.length === 0,
+            label: importResponse?.conflicts?.length ? ((0, jsx_runtime_1.jsx)(antd_1.Badge, { size: "small", count: importResponse.conflicts.length, children: "Conflicts" })) : "Conflicts",
+            children: (0, jsx_runtime_1.jsx)(ConflictsTab_1.default, { conflicts: importResponse?.conflicts, setResolvedData: setResolvedData, relationalFields: relationalFields, originColumns: originRecordsColumnsConfig }),
+        },
+        {
+            key: ModalTabs.results,
+            tab: "Import results",
+            disabled: !importResponse || !!importResponse.conflicts?.length,
+            label: "Results",
+            children: (0, jsx_runtime_1.jsx)(ResultsTab_1.default, { importStatistic: {
+                    created: importResponse?.created_count || 0,
+                    updated: importResponse?.updated_count || 0,
+                } }),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(antd_1.Modal, { title: "Preview changes", open: true, onCancel: onCancel, footer: [
+            (0, jsx_runtime_1.jsx)(antd_1.Button, { onClick: onCancel, children: "Close" }, "close"),
+            (0, jsx_runtime_1.jsx)(antd_1.Button, { loading: isLoading, type: "primary", onClick: handleCommitClick, disabled: importResponse?.conflicts?.length === 0
+                    || serverErrors.length > 0
+                    || updated.length === 0 && created.length === 0, children: "Commit" }, "approve"),
+        ], className: styles.changesModal, children: (0, jsx_runtime_1.jsx)(antd_1.Tabs, { activeKey: activeTab, onChange: setActiveTab, defaultActiveKey: "1", items: tabList }) }));
+}
+//# sourceMappingURL=ChangesModal.js.map

package/dist/components/ChangesModal/ChangesModal.js.map

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

package/dist/components/ChangesModal/ChangesTab.d.ts

@@ -0,0 +1,7 @@
+import { ProColumns } from "@ant-design/pro-components";
+import { TDiffResult } from "../Table/useImportExport";
+declare function ChangesTab<Entity>({ updated, changedRecordsColumnsConfig }: {
+    updated: TDiffResult<Entity>['tableData'];
+    changedRecordsColumnsConfig: ProColumns<Entity>[];
+}): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export default ChangesTab;

package/dist/components/ChangesModal/ChangesTab.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const pro_table_1 = tslib_1.__importDefault(require("@ant-design/pro-table"));
+function ChangesTab({ updated, changedRecordsColumnsConfig }) {
+    if (!updated.length) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No changes found." });
+    }
+    const updateColumns = [
+        ...changedRecordsColumnsConfig,
+        {
+            title: "Changes",
+            dataIndex: "diff",
+            key: "diff",
+            render: (_dom, entity) => ((0, jsx_runtime_1.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: entity.diff.map((change, index) => {
+                    const c = change;
+                    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)(antd_1.Tag, { color: "blue", children: c.path?.join(".") }), c.lhs ? `${c.lhs.toString()} →` : "- →", " ", c.rhs ? c.rhs : c.rhs === false ? 'false' : '-'] }, index));
+                }) })),
+        },
+    ];
+    return [
+        (0, jsx_runtime_1.jsx)("h3", { children: "Changed Values (Local Comparing)" }, 'changes-header'),
+        (0, jsx_runtime_1.jsx)(pro_table_1.default, { dataSource: updated, columns: updateColumns, rowKey: 'id', search: false, toolBarRender: false }, 'changes-data')
+    ];
+}
+exports.default = ChangesTab;
+//# sourceMappingURL=ChangesTab.js.map

package/dist/components/ChangesModal/ChangesTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangesTab.js","sourceRoot":"","sources":["../../../src/components/ChangesModal/ChangesTab.tsx"],"names":[],"mappings":";;;;AAAA,+BAA2B;AAG3B,8EAA6C;AAE7C,SAAS,UAAU,CAAU,EAAE,OAAO,EAAE,2BAA2B,EAGlE;IACC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,iFAEJ,CAAA;IACL,CAAC;IAED,MAAM,aAAa,GAAqC;QACtD,GAAI,2BAA2E;QAC/E;YACE,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CACxB,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,YACjE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACjC,MAAM,CAAC,GAAG,MAAgD,CAAC;oBAC3D,OAAO,CACL,iCAAiB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC/D,uBAAC,UAAG,IAAC,KAAK,EAAC,MAAM,YAAE,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,GAAO,EAC1C,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,OAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAFlF,KAAK,CAGT,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,CACP;SACF;KACF,CAAC;IAEF,OAAO;QACL,+EAAQ,gBAAgB,CAAsC;QAC9D,uBAAC,mBAAQ,IAEP,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAC,IAAI,EACX,MAAM,EAAE,KAAK,EACb,aAAa,EAAE,KAAK,IALhB,cAAc,CAMlB;KACH,CAAA;AACH,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/components/ChangesModal/ConflictsTab.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from "react";
+import { TImportResponse, TRelationalFields } from "./ChangesModal";
+import { ProColumns } from "@ant-design/pro-components";
+declare function ConflictsTab<Entity>({ conflicts, relationalFields, setResolvedData, originColumns, }: {
+    conflicts?: TImportResponse['conflicts'];
+    relationalFields?: TRelationalFields;
+    setResolvedData?: Dispatch<SetStateAction<Entity[]>>;
+    originColumns: ProColumns<Entity>[];
+}): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export default ConflictsTab;

package/dist/components/ChangesModal/ConflictsTab.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("../../index");
+const antd_1 = require("antd");
+const react_1 = require("react");
+const lodash_1 = require("lodash");
+const antd_style_1 = require("antd-style");
+const icons_1 = require("@ant-design/icons");
+const useStyles = (0, antd_style_1.createStyles)(() => {
+    return {
+        conflictsStyle: {
+            ".ant-descriptions-row > *:nth-child(1), .ant-descriptions-row > *:nth-child(2)": {},
+            ".ant-descriptions-row > *:nth-child(3)": {},
+            ".ant-descriptions-row > *:nth-child(4)": {
+                backgroundColor: "#f0fff0 !important",
+            },
+        },
+    };
+});
+const getCurrentKey = (field) => {
+    return `${field}-current`;
+};
+const getNormalizedKey = (field) => {
+    return field.replace('_id', '');
+};
+function ConflictsTab({ conflicts, relationalFields, setResolvedData, originColumns, }) {
+    if (!conflicts || conflicts.length === 0) {
+        return (0, jsx_runtime_1.jsx)("p", { children: "No conflicts found." });
+    }
+    const getRelationalData = (key, value) => {
+        if (relationalFields?.has(key)) {
+            const relation = relationalFields.get(key);
+            return relation?.data[value] ?? null;
+        }
+        return value;
+    };
+    /*Initial value based on received conflicts
+    {
+      field: 'importing field value',
+      field-current: 'current field name from server',
+      ...
+    }*/
+    const [resolvedData, setLocalResolvedData] = (0, react_1.useState)(conflicts.map(conflict => (conflict.fields.reduce((acc, currentValue) => {
+        const key = getNormalizedKey(currentValue.field);
+        acc[key] = getRelationalData(key, currentValue.imported_value);
+        acc[getCurrentKey(key)] = getRelationalData(key, currentValue.current_value);
+        return acc;
+    }, {}))));
+    (0, react_1.useEffect)(() => {
+        if (!setResolvedData)
+            return;
+        const payload = resolvedData.map((obj, i) => {
+            const data = { ...obj };
+            // Remove "current" postfix key from the resolved data
+            Object.keys(obj).forEach(key => {
+                if (key.endsWith('-current')) {
+                    delete data[key];
+                }
+            });
+            return {
+                id: conflicts[i].id,
+                ...data,
+                version: conflicts[i].version,
+            };
+        });
+        setResolvedData(payload);
+    }, [resolvedData, conflicts, setResolvedData]);
+    const { styles } = useStyles();
+    const useCurrentValue = (conflict, field) => {
+        const key = getNormalizedKey(field);
+        // Update the resolved data for this conflict
+        setLocalResolvedData(prev => {
+            const newData = [...prev];
+            const index = conflicts.indexOf(conflict);
+            newData[index] = {
+                ...newData[index],
+                [key]: newData[index][getCurrentKey(key)],
+            };
+            return newData;
+        });
+    };
+    const keyedOriginColumns = (0, lodash_1.keyBy)(originColumns, "dataIndex");
+    return conflicts.map((conflict, idx) => {
+        const conflictColumns = [];
+        conflict.fields.forEach(field => {
+            const key = getNormalizedKey(field.field);
+            const originColumn = keyedOriginColumns[key];
+            conflictColumns.push({
+                ...originColumn,
+                dataIndex: getCurrentKey(key),
+                editable: false,
+                // Should override render to keep -current value
+                render: (node) => node
+            });
+            conflictColumns.push({
+                ...originColumn,
+                title: ((0, jsx_runtime_1.jsx)("div", { style: { textAlign: 'center' }, children: (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: "Use value from server", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", type: "link", icon: (0, jsx_runtime_1.jsx)(icons_1.SwapOutlined, {}), onClick: () => useCurrentValue(conflict, field.field) }) }) })),
+            });
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 15, width: "100%" }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(antd_1.Tag, { color: "error", children: ["ID ", conflict.id] }), (0, jsx_runtime_1.jsxs)(antd_1.Tag, { color: "blue", children: ["Server version: v", conflict.version] })] }), (0, jsx_runtime_1.jsx)("table", { children: (0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { style: { width: '50%' }, children: "Current (From Server)" }), (0, jsx_runtime_1.jsx)("th", { style: { width: '50%' }, children: "New (Importing)" })] }) }) }), (0, jsx_runtime_1.jsx)(index_1.Descriptions, { size: "small", bordered: true, entity: resolvedData[idx], columns: conflictColumns, column: 2, canEdit: true, mainTitle: null, className: styles.conflictsStyle })] }, idx));
+    });
+}
+exports.default = ConflictsTab;
+//# sourceMappingURL=ConflictsTab.js.map

package/dist/components/ChangesModal/ConflictsTab.js.map

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

package/dist/components/ChangesModal/ErrorsTab.d.ts

@@ -0,0 +1,5 @@
+import { TServerErrorItem } from "./ChangesModal";
+declare const ErrorsTab: ({ serverErrors, }: {
+    serverErrors: TServerErrorItem[];
+}) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export default ErrorsTab;

package/dist/components/ChangesModal/ErrorsTab.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const formatField = (field) => {
+    const parts = field.split(".");
+    if (parts[0] === "new" && parts.length >= 3) {
+        const idx = Number(parts[1]);
+        return `New #${isNaN(idx) ? parts[1] : idx + 1}: ${parts.slice(2).join(".")}`;
+    }
+    if (parts[0] === "updated" && parts.length >= 3) {
+        const id = parts[1];
+        return `Updated ${id}: ${parts.slice(2).join(".")}`;
+    }
+    return field;
+};
+const ErrorsTab = ({ serverErrors, }) => {
+    if (serverErrors.length === 0) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "No errors" });
+    }
+    return ([
+        (0, jsx_runtime_1.jsx)("p", { children: "Please fix the following errors and repeat import" }, 'errors-header'),
+        (0, jsx_runtime_1.jsx)(antd_1.List, { size: "small", dataSource: serverErrors, renderItem: (err, idx) => ((0, jsx_runtime_1.jsx)(antd_1.List.Item, { children: (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [err.field && (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(antd_1.Tag, { color: "error", children: formatField(err.field) }) }), (0, jsx_runtime_1.jsx)("div", { children: err.message }), err.field && (0, jsx_runtime_1.jsxs)("div", { style: { color: "#999" }, children: ["(", err.field, ")"] })] }) }, idx)) }, 'errors-list'),
+    ]);
+};
+exports.default = ErrorsTab;
+//# sourceMappingURL=ErrorsTab.js.map

package/dist/components/ChangesModal/ErrorsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorsTab.js","sourceRoot":"","sources":["../../../src/components/ChangesModal/ErrorsTab.tsx"],"names":[],"mappings":";;;AAAA,+BAAiC;AAGjC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;IACpC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/B,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO,QAAQ,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;IAChF,CAAC;IACD,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAChD,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACpB,OAAO,WAAW,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;IACtD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACE,YAAY,GAGhC,EAAE,EAAE;IACH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,wDAAoB,CAAC;IAC9B,CAAC;IAED,OAAO,CACL;QACE,+FAAO,eAAe,CAAsD;QAC5E,uBAAC,WAAI,IAEH,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,YAAY,EACxB,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,uBAAC,WAAI,CAAC,IAAI,cACR,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAC5E,GAAG,CAAC,KAAK,IAAI,0CACZ,uBAAC,UAAG,IAAC,KAAK,EAAC,OAAO,YAAE,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,GAAO,GAC7C,EACN,0CAAM,GAAG,CAAC,OAAO,GAAO,EACvB,GAAG,CAAC,KAAK,IAAI,iCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAI,GAAG,CAAC,KAAK,SAAQ,IAC5D,IAPQ,GAAG,CAQP,CACb,IAbG,aAAa,CAcjB;KACH,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/components/ChangesModal/NewRecordsTab.d.ts

@@ -0,0 +1,12 @@
+import { ProColumns } from "@ant-design/pro-components";
+import { TDiffResult } from "../Table/useImportExport";
+import { TColumnsSet } from "../Table/useColumnsSets";
+export type TCreatedRecordsColumnsConfig<Entity> = {
+    columnsSets?: TColumnsSet<Entity>[];
+    columns: ProColumns<Entity>[];
+};
+declare function NewRecordsTab<Entity>({ created, createdRecordsColumnsConfig, }: {
+    created: TDiffResult<Entity>['created'];
+    createdRecordsColumnsConfig: TCreatedRecordsColumnsConfig<Entity>;
+}): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export default NewRecordsTab;

package/dist/components/ChangesModal/NewRecordsTab.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const pro_table_1 = tslib_1.__importDefault(require("@ant-design/pro-table"));
+const useColumnsSets_1 = tslib_1.__importDefault(require("../Table/useColumnsSets"));
+function NewRecordsTab({ created, createdRecordsColumnsConfig, }) {
+    const { columns, columnsSets } = createdRecordsColumnsConfig;
+    const { columnsSetSelect, columnsState, } = (0, useColumnsSets_1.default)({
+        columns,
+        columnsSets,
+    });
+    if (!created.length) {
+        return (0, jsx_runtime_1.jsx)("p", { children: "No new records found." });
+    }
+    return [
+        (0, jsx_runtime_1.jsx)("h3", { children: "New Records (Local Comparing)" }, 'new-records-header'),
+        (0, jsx_runtime_1.jsx)(pro_table_1.default, { dataSource: created, columns: columns, columnsState: columnsState, toolBarRender: (...args) => [
+                columnsSetSelect?.() || null,
+            ], rowKey: (record, index) => index, search: false }, 'new-records-data'),
+    ];
+}
+exports.default = NewRecordsTab;
+//# sourceMappingURL=NewRecordsTab.js.map

package/dist/components/ChangesModal/NewRecordsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewRecordsTab.js","sourceRoot":"","sources":["../../../src/components/ChangesModal/NewRecordsTab.tsx"],"names":[],"mappings":";;;;AAEA,8EAA6C;AAC7C,qFAAsE;AAOtE,SAAS,aAAa,CAAS,EACE,OAAO,EACP,2BAA2B,GAI3D;IACC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,2BAA2B,CAAC;IAE7D,MAAM,EACJ,gBAAgB,EAChB,YAAY,GACb,GAAG,IAAA,wBAAc,EAAS;QACzB,OAAO;QACP,WAAW;KACZ,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,kEAA4B,CAAA;IACrC,CAAC;IAED,OAAO;QACL,4EAAQ,oBAAoB,CAAmC;QAC/D,uBAAC,mBAAQ,IAEP,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC;gBAC1B,gBAAgB,EAAE,EAAE,IAAI,IAAI;aAC7B,EACD,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EAChC,MAAM,EAAE,KAAK,IART,kBAAkB,CAStB;KACH,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}

package/dist/components/ChangesModal/ResultsTab.d.ts

@@ -0,0 +1,8 @@
+type TImportStatistic = {
+    created: number;
+    updated: number;
+};
+declare const ResultsTab: ({ importStatistic }: {
+    importStatistic: TImportStatistic;
+}) => import("react/jsx-runtime").JSX.Element[];
+export default ResultsTab;

package/dist/components/ChangesModal/ResultsTab.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@ant-design/icons");
+const ResultsTab = ({ importStatistic }) => {
+    return [
+        (0, jsx_runtime_1.jsx)("h3", { children: "Import Results" }, 'results-header'),
+        (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: "16px", alignItems: "center" }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)(icons_1.CheckCircleOutlined, { style: { color: "#52c41a", marginRight: "8px" } }), (0, jsx_runtime_1.jsxs)("span", { children: ["Created: ", importStatistic.created] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)(icons_1.SyncOutlined, { style: { color: "#1890ff", marginRight: "8px" } }), (0, jsx_runtime_1.jsxs)("span", { children: ["Updated: ", importStatistic.updated] })] })] }, 'results-data')
+    ];
+};
+exports.default = ResultsTab;
+//# sourceMappingURL=ResultsTab.js.map

package/dist/components/ChangesModal/ResultsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsTab.js","sourceRoot":"","sources":["../../../src/components/ChangesModal/ResultsTab.tsx"],"names":[],"mappings":";;;AAAA,6CAAsE;AAOtE,MAAM,UAAU,GAAG,CAAC,EAClB,eAAe,EAGhB,EAAE,EAAE;IACH,OAAO;QACL,6DAAQ,gBAAgB,CAAoB;QAC5C,iCAAwB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACnF,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACnD,uBAAC,2BAAmB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,GAAI,EACxE,0DAAgB,eAAe,CAAC,OAAO,IAAQ,IAC3C,EACN,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACnD,uBAAC,oBAAY,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,GAAI,EACjE,0DAAgB,eAAe,CAAC,OAAO,IAAQ,IAC3C,KARC,cAAc,CASjB;KACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAC"}

package/dist/components/ChangesModal/index.d.ts

@@ -0,0 +1 @@
+export * from './ChangesModal';

package/dist/components/ChangesModal/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ChangesModal"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/ChangesModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChangesModal/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B"}

package/dist/components/Comment/Comment.d.ts

@@ -0,0 +1,12 @@
+export interface AuthorProps {
+    id: string;
+    name: string;
+}
+interface CommentProps {
+    key: string;
+    content: string;
+    author: AuthorProps;
+    date: string;
+}
+declare const Comment: React.FC<CommentProps>;
+export default Comment;

package/dist/components/Comment/Comment.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+const antd_style_1 = require("antd-style");
+const CommentAvatar_1 = tslib_1.__importDefault(require("./CommentAvatar"));
+const useStyles = (0, antd_style_1.createStyles)(() => {
+    return {
+        /**
+         * Styles for the ant-descriptions component to show edit icon on hover
+         */
+        commentStyles: {
+            display: 'flex',
+            alignItems: 'flex-start',
+            gap: '10px'
+        }
+    };
+});
+const Comment = ({ content, author, date, ...rest }) => {
+    const { styles } = useStyles();
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles.commentStyles, ...rest, children: [(0, jsx_runtime_1.jsx)(CommentAvatar_1.default, { author: author }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: author.name }), (0, jsx_runtime_1.jsx)("p", { children: content }), (0, jsx_runtime_1.jsx)("small", { style: { color: '#888' }, children: (0, dayjs_1.default)(date).format('DD.MM.YYYY HH:mm') })] })] }));
+};
+exports.default = Comment;
+//# sourceMappingURL=Comment.js.map

package/dist/components/Comment/Comment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.js","sourceRoot":"","sources":["../../../src/components/Comment/Comment.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,2CAA0C;AAC1C,4EAA4C;AAc5C,MAAM,SAAS,GAAG,IAAA,yBAAY,EAAC,GAAG,EAAE;IAClC,OAAO;QACL;;WAEG;QACH,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,YAAY;YACxB,GAAG,EAAE,MAAM;SACZ;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,OAAO,GAA2B,CAAC,EACvC,OAAO,EACP,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/B,OAAO,CACL,iCACE,SAAS,EAAE,MAAM,CAAC,aAAa,KAC3B,IAAI,aAER,uBAAC,uBAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EACjC,4CACE,6CAAS,MAAM,CAAC,IAAI,GAAU,EAC9B,wCAAI,OAAO,GAAK,EAChB,kCAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAS,IAC7E,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/components/Comment/CommentAvatar.d.ts

@@ -0,0 +1,7 @@
+import { AuthorProps } from "./Comment";
+import React from "react";
+interface CommentProps {
+    author: AuthorProps;
+}
+declare const CommentAvatar: React.FC<CommentProps>;
+export default CommentAvatar;

package/dist/components/Comment/CommentAvatar.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const ColorList = [
+    '#f56a00',
+    '#7265e6',
+    '#ffbf00',
+    '#00a2ae',
+    '#b45d7e',
+    '#ace665',
+    '#6e3aaf',
+    '#54ae00'
+];
+const getColorByAuthor = (authorId) => {
+    return ColorList[parseInt(authorId, 36) % ColorList.length];
+};
+const CommentAvatar = ({ author, }) => {
+    return ((0, jsx_runtime_1.jsx)(antd_1.Avatar, { style: { backgroundColor: getColorByAuthor(author.id), verticalAlign: 'middle', flexShrink: 0 }, size: "large", children: author.name.slice(0, 1) }));
+};
+exports.default = CommentAvatar;
+//# sourceMappingURL=CommentAvatar.js.map

package/dist/components/Comment/CommentAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentAvatar.js","sourceRoot":"","sources":["../../../src/components/Comment/CommentAvatar.tsx"],"names":[],"mappings":";;;AAAA,+BAA8B;AAQ9B,MAAM,SAAS,GAAG;IAChB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE;IAC5C,OAAO,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,aAAa,GAA2B,CAAC,EAC7C,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,aAAM,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,IAAI,EAAC,OAAO,YAClH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GACjB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/components/Comment/CommentForm.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CommentFormProps {
+    onSubmit: (content: string) => void;
+}
+declare const CommentForm: React.FC<CommentFormProps>;
+export default CommentForm;

package/dist/components/Comment/CommentForm.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const antd_1 = require("antd");
+const CommentForm = ({ onSubmit }) => {
+    const [content, setContent] = (0, react_1.useState)('');
+    const handleSubmit = () => {
+        if (content.trim()) {
+            onSubmit(content);
+            setContent('');
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(antd_1.Form, { layout: "vertical", onFinish: handleSubmit, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(antd_1.Form.Item, { label: "Leave a comment:", children: (0, jsx_runtime_1.jsx)(antd_1.Input.TextArea, { value: content, onChange: (e) => setContent(e.target.value), autoSize: { minRows: 3, maxRows: 6 } }) }) }), (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", htmlType: "submit", style: { width: 100 }, children: "Send" })] }));
+};
+exports.default = CommentForm;
+//# sourceMappingURL=CommentForm.js.map

package/dist/components/Comment/CommentForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentForm.js","sourceRoot":"","sources":["../../../src/components/Comment/CommentForm.tsx"],"names":[],"mappings":";;;AAAA,iCAAwC;AACxC,+BAA2C;AAM3C,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;YACnB,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,UAAU,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,WAAI,IAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAE,YAAY,aAC5C,0CACE,uBAAC,WAAI,CAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,YACjC,uBAAC,YAAK,CAAC,QAAQ,IACb,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GACpC,GACQ,GACR,EACN,uBAAC,aAAM,IAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,qBAErD,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/components/Comment/CommentFormModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CommentFormProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    onSubmit: (content: string) => void;
+    children?: React.ReactNode;
+    title?: string;
+}
+declare const CommentFormModal: React.FC<CommentFormProps>;
+export default CommentFormModal;