@gisce/react-ooui 0.1.0

package/dist/widgets/base/one2many/One2manyTopBar.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.One2manyTopBar = void 0;
+var react_1 = __importDefault(require("react"));
+var ButtonWithTooltip_1 = __importDefault(require("@/common/ButtonWithTooltip"));
+var icons_1 = require("@ant-design/icons");
+var One2manyTopBar = function (props) {
+    var titleString = props.title, readOnly = props.readOnly, onCreateItem = props.onCreateItem, onToggleViewMode = props.onToggleViewMode, mode = props.mode, onDelete = props.onDelete, totalItems = props.totalItems, currentItemIndex = props.currentItemIndex, onPreviousItem = props.onPreviousItem, onNextItem = props.onNextItem, isMany2Many = props.isMany2Many, onSearchItem = props.onSearchItem, selectedRowKeys = props.selectedRowKeys;
+    function separator() {
+        return react_1.default.createElement("div", { className: "inline-block w-3" });
+    }
+    function title() {
+        return (react_1.default.createElement("div", { className: "h-8 flex flex-grow bg-gray-700 text-gray-200" },
+            react_1.default.createElement("div", { className: "h-full flex flex-col justify-center items-center" },
+                react_1.default.createElement("span", { className: "pl-2 font-bold" }, titleString))));
+    }
+    function deleteButton() {
+        return (react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: isMany2Many ? "Unlink" : "Delete", icon: isMany2Many ? react_1.default.createElement(icons_1.ApiOutlined, null) : react_1.default.createElement(icons_1.DeleteOutlined, null), onClick: onDelete, disabled: totalItems === 0 ||
+                readOnly ||
+                (mode !== "form" && selectedRowKeys.length === 0) }));
+    }
+    function index() {
+        var itemToShow = "_";
+        if (totalItems === 0) {
+            itemToShow = "_";
+        }
+        else {
+            itemToShow = (currentItemIndex + 1).toString();
+        }
+        return (react_1.default.createElement("span", { className: "pl-1 pr-1" },
+            "(",
+            itemToShow,
+            "/",
+            totalItems,
+            ")"));
+    }
+    function itemBrowser() {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            separator(),
+            react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: "Previous item", icon: react_1.default.createElement(icons_1.LeftOutlined, null), onClick: onPreviousItem }),
+            index(),
+            react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: "Next item", icon: react_1.default.createElement(icons_1.RightOutlined, null), onClick: onNextItem })));
+    }
+    return (react_1.default.createElement("div", { className: "flex mb-2" },
+        title(),
+        react_1.default.createElement("div", { className: "h-8 flex-none pl-2" },
+            mode !== "graph" && (react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: "Create new item", icon: react_1.default.createElement(icons_1.FileAddOutlined, null), disabled: readOnly, onClick: onCreateItem })),
+            isMany2Many && (react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: "Search existing item", icon: react_1.default.createElement(icons_1.SearchOutlined, null), disabled: readOnly, onClick: onSearchItem })),
+            mode !== "graph" && separator(),
+            mode !== "graph" && deleteButton(),
+            mode === "form" && itemBrowser(),
+            separator(),
+            react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: "Toggle view mode", icon: react_1.default.createElement(icons_1.AlignLeftOutlined, null), onClick: onToggleViewMode }))));
+};
+exports.One2manyTopBar = One2manyTopBar;
+//# sourceMappingURL=One2manyTopBar.js.map

package/dist/widgets/base/one2many/One2manyTopBar.js.map

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

package/dist/widgets/containers/Container.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Container as ContainerOoui } from "@gisce/ooui";
+declare type Props = {
+    container: ContainerOoui;
+    responsiveBehaviour: boolean;
+};
+declare const Container: (props: Props) => React.ReactElement;
+export default Container;
+//# sourceMappingURL=Container.d.ts.map

package/dist/widgets/containers/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/widgets/containers/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAiB,MAAM,aAAa,CAAC;AAYxE,aAAK,KAAK,GAAG;IACX,SAAS,EAAE,aAAa,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,KAAK,KAAG,MAAM,YA4EvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/widgets/containers/Container.js

@@ -0,0 +1,77 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ooui_1 = require("@gisce/ooui");
+var WidgetFactory_1 = require("@/widgets/WidgetFactory");
+var containerHelper_1 = require("@/helpers/containerHelper");
+var Container = function (props) {
+    var container = props.container, responsiveBehaviour = props.responsiveBehaviour;
+    var rows = container.rows;
+    var columns = container.columns;
+    // We check for the largest colspan for each row
+    // And if the value is smaller than the columns value
+    // We adjust the columns value
+    var maxColspanForRows = containerHelper_1.getMaxColspanForRows(rows);
+    if (maxColspanForRows < columns) {
+        columns = maxColspanForRows;
+    }
+    var fieldInRows = false;
+    var firstRow = [];
+    var content = rows.map(function (row, i) {
+        var rowWithoutInvisibleFields = row.filter(function (widget) {
+            return !widget.invisible;
+        });
+        var rowWithExpandedItems = containerHelper_1.expandWidgetsIfNeeded({
+            row: rowWithoutInvisibleFields,
+            numberOfColumns: columns,
+        });
+        var rowWithEmptiesToFit = containerHelper_1.fillRowWithEmptiesToFit({
+            row: rowWithExpandedItems,
+            numberOfColumns: columns,
+            mustFillWithEmpties: responsiveBehaviour,
+        });
+        if (i === 0) {
+            firstRow = firstRow.concat(rowWithEmptiesToFit);
+        }
+        return rowWithEmptiesToFit.map(function (item, j) {
+            // We check if we have any label+field inside the container.
+            // In this scenario, we must format the grid accordingly
+            // Otherwise, the grid will divide uniformly
+            if (item instanceof ooui_1.Label && item.fieldForLabel) {
+                fieldInRows = true;
+            }
+            var itemRowIndex = row.indexOf(item);
+            return (react_1.default.createElement("div", { key: i.toString() + "-" + itemRowIndex.toString(), style: __assign(__assign({}, containerHelper_1.getSpanStyleForItem({ item: item, responsiveBehaviour: responsiveBehaviour })), { minWidth: 0 }) }, WidgetFactory_1.createReactWidget({
+                ooui: item,
+                responsiveBehaviour: responsiveBehaviour,
+            })));
+        });
+    });
+    var templateColumns = rows.length === 1
+        ? containerHelper_1.getSingleRowTemplateColumns(firstRow, columns)
+        : containerHelper_1.getTemplateColumns(columns, fieldInRows);
+    var gridStyle = {
+        display: "grid",
+        gridTemplateColumns: responsiveBehaviour ? "auto" : templateColumns,
+        gap: "1rem",
+        minHeight: 0,
+        minWidth: 0,
+    };
+    return react_1.default.createElement("div", { style: gridStyle }, content);
+};
+exports.default = Container;
+//# sourceMappingURL=Container.js.map

package/dist/widgets/containers/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/widgets/containers/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAwE;AACxE,yDAA4D;AAE5D,6DAOmC;AAOnC,IAAM,SAAS,GAAG,UAAC,KAAY;IACrB,IAAA,SAAS,GAA0B,KAAK,UAA/B,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAW;IACzC,IAAA,IAAI,GAAK,SAAS,KAAd,CAAe;IACrB,IAAA,OAAO,GAAK,SAAS,QAAd,CAAe;IAE5B,gDAAgD;IAChD,qDAAqD;IACrD,8BAA8B;IAC9B,IAAM,iBAAiB,GAAG,sCAAoB,CAAC,IAAI,CAAC,CAAC;IACrD,IAAI,iBAAiB,GAAG,OAAO,EAAE;QAC/B,OAAO,GAAG,iBAAiB,CAAC;KAC7B;IAED,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAI,QAAQ,GAAa,EAAE,CAAC;IAE5B,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAa,EAAE,CAAC;QACxC,IAAM,yBAAyB,GAAG,GAAG,CAAC,MAAM,CAAC,UAAC,MAAM;YAClD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,IAAM,oBAAoB,GAAG,uCAAqB,CAAC;YACjD,GAAG,EAAE,yBAAyB;YAC9B,eAAe,EAAE,OAAO;SACzB,CAAC,CAAC;QAEH,IAAM,mBAAmB,GAAG,yCAAuB,CAAC;YAClD,GAAG,EAAE,oBAAoB;YACzB,eAAe,EAAE,OAAO;YACxB,mBAAmB,EAAE,mBAAmB;SACzC,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,CAAC,EAAE;YACX,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;SACjD;QAED,OAAO,mBAAmB,CAAC,GAAG,CAAC,UAAC,IAAY,EAAE,CAAS;YACrD,4DAA4D;YAC5D,wDAAwD;YACxD,4CAA4C;YAC5C,IAAI,IAAI,YAAY,YAAK,IAAK,IAAc,CAAC,aAAa,EAAE;gBAC1D,WAAW,GAAG,IAAI,CAAC;aACpB;YAED,IAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAEvC,OAAO,CACL,uCACE,GAAG,EAAK,CAAC,CAAC,QAAQ,EAAE,SAAI,YAAY,CAAC,QAAQ,EAAI,EACjD,KAAK,wBACA,qCAAmB,CAAC,EAAE,IAAI,MAAA,EAAE,mBAAmB,qBAAA,EAAE,CAAC,KACrD,QAAQ,EAAE,CAAC,OAGZ,iCAAiB,CAAC;gBACjB,IAAI,EAAE,IAAI;gBACV,mBAAmB,qBAAA;aACpB,CAAC,CACE,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAM,eAAe,GACnB,IAAI,CAAC,MAAM,KAAK,CAAC;QACf,CAAC,CAAC,6CAA2B,CAAC,QAAQ,EAAE,OAAO,CAAC;QAChD,CAAC,CAAC,oCAAkB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC/C,IAAM,SAAS,GAAG;QAChB,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe;QACnE,GAAG,EAAE,MAAM;QACX,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;KACZ,CAAC;IAEF,OAAO,uCAAK,KAAK,EAAE,SAAS,IAAG,OAAO,CAAO,CAAC;AAChD,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/widgets/containers/Group.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Group as GroupOoui } from "@gisce/ooui";
+declare type Props = {
+    ooui: GroupOoui;
+    showLabel?: boolean;
+    responsiveBehaviour: boolean;
+};
+declare function Group(props: Props): React.ReactElement;
+export default Group;
+//# sourceMappingURL=Group.d.ts.map

package/dist/widgets/containers/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/widgets/containers/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAIjD,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,iBAAS,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAoB/C;AAED,eAAe,KAAK,CAAC"}

package/dist/widgets/containers/Group.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Container_1 = __importDefault(require("./Container"));
+var Fieldset_1 = __importDefault(require("@/ui/Fieldset"));
+function Group(props) {
+    var ooui = props.ooui, _a = props.showLabel, showLabel = _a === void 0 ? true : _a, responsiveBehaviour = props.responsiveBehaviour;
+    return (react_1.default.createElement(react_1.default.Fragment, null, ooui.label && showLabel ? (react_1.default.createElement(Fieldset_1.default, { label: ooui.label },
+        react_1.default.createElement(Container_1.default, { container: ooui.container, responsiveBehaviour: responsiveBehaviour }))) : (react_1.default.createElement(Container_1.default, { container: ooui.container, responsiveBehaviour: responsiveBehaviour }))));
+}
+exports.default = Group;
+//# sourceMappingURL=Group.js.map

package/dist/widgets/containers/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/widgets/containers/Group.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,0DAAoC;AACpC,2DAAqC;AAQrC,SAAS,KAAK,CAAC,KAAY;IACjB,IAAA,IAAI,GAA4C,KAAK,KAAjD,EAAE,KAA0C,KAAK,UAA/B,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAW;IAE9D,OAAO,CACL,8DACG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACzB,8BAAC,kBAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK;QACzB,8BAAC,mBAAS,IACR,SAAS,EAAE,IAAK,CAAC,SAAS,EAC1B,mBAAmB,EAAE,mBAAmB,GACxC,CACO,CACZ,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAS,IACR,SAAS,EAAE,IAAK,CAAC,SAAS,EAC1B,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,KAAK,CAAC"}

package/dist/widgets/containers/Notebook.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Notebook as NotebookOoui } from "@gisce/ooui";
+declare type Props = {
+    ooui: NotebookOoui;
+    responsiveBehaviour: boolean;
+};
+declare function Notebook(props: Props): React.ReactElement;
+export default Notebook;
+//# sourceMappingURL=Notebook.d.ts.map

package/dist/widgets/containers/Notebook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notebook.d.ts","sourceRoot":"","sources":["../../../src/widgets/containers/Notebook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAsB,MAAM,aAAa,CAAC;AAG3E,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAoBlD;AAED,eAAe,QAAQ,CAAC"}

package/dist/widgets/containers/Notebook.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var TabPane = antd_1.Tabs.TabPane;
+var index_1 = require("@/index");
+function Notebook(props) {
+    var ooui = props.ooui, responsiveBehaviour = props.responsiveBehaviour;
+    var tabs = [].concat.apply([], ooui.container.rows);
+    return (react_1.default.createElement(antd_1.Tabs, { defaultActiveKey: "1" }, tabs
+        .filter(function (page) { return !page.invisible; })
+        .map(function (page) {
+        return (react_1.default.createElement(TabPane, { tab: page.label, key: page.label },
+            react_1.default.createElement(index_1.Group, { ooui: page, showLabel: false, responsiveBehaviour: responsiveBehaviour })));
+    })));
+}
+exports.default = Notebook;
+//# sourceMappingURL=Notebook.js.map

package/dist/widgets/containers/Notebook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notebook.js","sourceRoot":"","sources":["../../../src/widgets/containers/Notebook.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,6BAA4B;AACpB,IAAA,OAAO,GAAK,WAAI,QAAT,CAAU;AAGzB,iCAAgC;AAOhC,SAAS,QAAQ,CAAC,KAAY;IACpB,IAAA,IAAI,GAA0B,KAAK,KAA/B,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAW;IAC5C,IAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,IAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,CACL,8BAAC,WAAI,IAAC,gBAAgB,EAAC,GAAG,IACvB,IAAI;SACF,MAAM,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC,IAAI,CAAC,SAAS,EAAf,CAAe,CAAC;SACtC,GAAG,CAAC,UAAC,IAAS;QACb,OAAO,CACL,8BAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK;YACvC,8BAAC,aAAK,IACJ,IAAI,EAAE,IAAiB,EACvB,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,mBAAmB,GACxC,CACM,CACX,CAAC;IACJ,CAAC,CAAC,CACC,CACR,CAAC;AACJ,CAAC;AAED,kBAAe,QAAQ,CAAC"}

package/dist/widgets/custom/FiberGrid.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { WidgetProps } from "@/types";
+export declare const FiberGrid: (props: WidgetProps) => JSX.Element;
+interface FiberGridInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export declare const FiberGridInput: (props: FiberGridInputProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=FiberGrid.d.ts.map

package/dist/widgets/custom/FiberGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiberGrid.d.ts","sourceRoot":"","sources":["../../../src/widgets/custom/FiberGrid.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,SAAS,UAAW,WAAW,gBAW3C,CAAC;AAEF,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB,uBAyBxD,CAAC"}

package/dist/widgets/custom/FiberGrid.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FiberGridInput = exports.FiberGrid = void 0;
+var react_1 = __importDefault(require("react"));
+var Field_1 = __importDefault(require("@/common/Field"));
+var fiber_diagram_1 = require("fiber-diagram");
+var FiberGrid = function (props) {
+    var ooui = props.ooui;
+    var _a = ooui, id = _a.id, readOnly = _a.readOnly, required = _a.required;
+    // const requiredClass =
+    //   required && !readOnly ? Config.requiredClass : undefined;
+    return (react_1.default.createElement(Field_1.default, __assign({ required: required }, props),
+        react_1.default.createElement(exports.FiberGridInput, null)));
+};
+exports.FiberGrid = FiberGrid;
+var FiberGridInput = function (props) {
+    var value = props.value, onChange = props.onChange;
+    if (!value) {
+        return null;
+    }
+    // Validate string json
+    try {
+        JSON.parse(value);
+    }
+    catch (e) {
+        console.log(e);
+        return null;
+    }
+    return (react_1.default.createElement(fiber_diagram_1.GridUi, { inputJson: value, onChange: function (newValue) {
+            if (onChange) {
+                onChange(newValue);
+            }
+        } }));
+};
+exports.FiberGridInput = FiberGridInput;
+//# sourceMappingURL=FiberGrid.js.map

package/dist/widgets/custom/FiberGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiberGrid.js","sourceRoot":"","sources":["../../../src/widgets/custom/FiberGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yDAAmC;AAInC,+CAAuC;AAEhC,IAAM,SAAS,GAAG,UAAC,KAAkB;IAClC,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACjB,IAAA,KAA6B,IAAgB,EAA3C,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAqB,CAAC;IACpD,wBAAwB;IACxB,8DAA8D;IAE9D,OAAO,CACL,8BAAC,eAAK,aAAC,QAAQ,EAAE,QAAQ,IAAM,KAAK;QAClC,8BAAC,sBAAc,OAAG,CACZ,CACT,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,SAAS,aAWpB;AAOK,IAAM,cAAc,GAAG,UAAC,KAA0B;IAC/C,IAAA,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAElC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,uBAAuB;IACvB,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACnB;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACf,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,sBAAM,IACL,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,UAAC,QAAQ;YACjB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,QAAQ,CAAC,CAAC;aACpB;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,cAAc,kBAyBzB"}

package/dist/widgets/custom/Indicator.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Indicator as IndicatorOoui } from "@gisce/ooui";
+import { WidgetProps } from "@/types";
+declare type IndicatorProps = WidgetProps & {
+    ooui: IndicatorOoui;
+    value?: number;
+};
+export declare const Indicator: (props: IndicatorProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Indicator.d.ts.map

package/dist/widgets/custom/Indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../../src/widgets/custom/Indicator.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,aAAK,cAAc,GAAG,WAAW,GAAG;IAClC,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,cAAc,gBAQ9C,CAAC"}

package/dist/widgets/custom/Indicator.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Indicator = void 0;
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var antd_2 = require("antd");
+var Field_1 = __importDefault(require("@/common/Field"));
+var icons_1 = require("@ant-design/icons");
+var iconMapper_1 = __importDefault(require("@/helpers/iconMapper"));
+var Indicator = function (props) {
+    var ooui = props.ooui;
+    return (react_1.default.createElement(Field_1.default, { ooui: ooui },
+        react_1.default.createElement(IndicatorInput, { ooui: ooui })));
+};
+exports.Indicator = Indicator;
+var IndicatorInput = function (props) {
+    var ooui = props.ooui, value = props.value;
+    var title = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", null,
+            ooui.label,
+            " "),
+        ooui.tooltip &&
+            react_1.default.createElement(antd_1.Tooltip, { title: ooui.tooltip },
+                react_1.default.createElement(icons_1.QuestionCircleOutlined, { className: "text-xs text-blue-400 pr-1" }))));
+    var Icon = iconMapper_1.default(ooui.icon);
+    var formattedValue = value;
+    if (ooui.selectionValues.size) {
+        formattedValue = ooui.selectionValues.get(value);
+    }
+    else if (Array.isArray(value)) {
+        formattedValue = value[1];
+    }
+    var field = (react_1.default.createElement(antd_2.Statistic, { title: title, prefix: Icon && react_1.default.createElement(Icon, null), suffix: ooui.suffix, value: formattedValue }));
+    if (ooui.card) {
+        return (react_1.default.createElement(antd_2.Card, null, field));
+    }
+    else {
+        return field;
+    }
+};
+//# sourceMappingURL=Indicator.js.map

package/dist/widgets/custom/Indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../src/widgets/custom/Indicator.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,6BAA+B;AAC/B,6BAAuC;AAGvC,yDAAmC;AACnC,2CAAyD;AACzD,oEAA8C;AAOvC,IAAM,SAAS,GAAG,UAAC,KAAqB;IACrC,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IAEvB,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAE,IAAI;QACf,8BAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CACxB,CACT,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB;AAOF,IAAM,cAAc,GAAG,UAAC,KAA0B;IACxC,IAAA,IAAI,GAAY,KAAK,KAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAC9B,IAAM,KAAK,GAAG,CACZ;QACE;YAAO,IAAI,CAAC,KAAK;gBAAS;QACzB,IAAI,CAAC,OAAO;YACX,8BAAC,cAAO,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO;gBAC1B,8BAAC,8BAAsB,IAAC,SAAS,EAAC,4BAA4B,GAAE,CACxD,CAEX,CACJ,CAAC;IACF,IAAM,IAAI,GAAsB,oBAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,IAAI,cAAc,GAAG,KAAK,CAAC;IAC3B,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;QAC7B,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KAClD;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC/B,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;KAC3B;IACD,IAAM,KAAK,GAAG,CACZ,8BAAC,gBAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,IAAI,8BAAC,IAAI,OAAE,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,cAAc,GACrB,CACH,CAAA;IACD,IAAI,IAAI,CAAC,IAAI,EAAE;QACb,OAAO,CACL,8BAAC,WAAI,QACF,KAAK,CACD,CACR,CAAC;KACH;SAAM;QACL,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAA"}

package/dist/widgets/custom/Timeline.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Timeline as TimelineOoui } from "@gisce/ooui";
+import { One2manyValue } from "../base/one2many/One2manyInput";
+import { Views } from "@/types";
+declare type TimelineProps = {
+    ooui: TimelineOoui;
+};
+declare type TimelineInputProps = TimelineProps & {
+    value?: One2manyValue;
+    onChange?: (value: One2manyValue) => void;
+    views: Views;
+};
+export declare const Timeline: (props: TimelineProps) => JSX.Element;
+export declare const TimelineInput: (props: TimelineInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/widgets/custom/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/widgets/custom/Timeline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAgB,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,KAAK,EAAY,MAAM,SAAS,CAAC;AAO1C,aAAK,aAAa,GAAG;IACnB,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,aAAK,kBAAkB,GAAG,aAAa,GAAG;IACxC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,gBAsD5C,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBA+GtD,CAAC"}

package/dist/widgets/custom/Timeline.js

@@ -0,0 +1,231 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimelineInput = exports.Timeline = void 0;
+var react_1 = __importStar(require("react"));
+var Field_1 = __importDefault(require("@/common/Field"));
+var use_deep_compare_effect_1 = __importDefault(require("use-deep-compare-effect"));
+var FormContext_1 = require("@/context/FormContext");
+var ConnectionProvider_1 = __importDefault(require("@/ConnectionProvider"));
+var antd_1 = require("antd");
+var one2manyHelper_1 = require("@/helpers/one2manyHelper");
+var FormModal_1 = require("../modals/FormModal");
+var Timeline = function (props) {
+    var ooui = props.ooui;
+    var relation = ooui.relation, context = ooui.context, oouiViews = ooui.views;
+    var _a = react_1.useState(true), isLoading = _a[0], setIsLoading = _a[1];
+    var _b = react_1.useState(), error = _b[0], setError = _b[1];
+    var _c = react_1.useState(new Map()), views = _c[0], setViews = _c[1];
+    var formContext = react_1.useContext(FormContext_1.FormContext);
+    var getContext = (formContext || {}).getContext;
+    use_deep_compare_effect_1.default(function () {
+        fetchData();
+    }, [ooui]);
+    var getViewData = function (type) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (oouiViews && oouiViews[type]) {
+                        return [2 /*return*/, oouiViews[type]];
+                    }
+                    return [4 /*yield*/, ConnectionProvider_1.default.getHandler().getView({
+                            model: relation,
+                            type: type,
+                            context: __assign(__assign({}, getContext === null || getContext === void 0 ? void 0 : getContext()), context),
+                        })];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); };
+    var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var formView, treeView, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    setError(undefined);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, 5, 6]);
+                    return [4 /*yield*/, getViewData("form")];
+                case 2:
+                    formView = _a.sent();
+                    return [4 /*yield*/, getViewData("tree")];
+                case 3:
+                    treeView = _a.sent();
+                    views.set("form", formView);
+                    views.set("tree", treeView);
+                    setViews(views);
+                    return [3 /*break*/, 6];
+                case 4:
+                    err_1 = _a.sent();
+                    setError(err_1);
+                    return [3 /*break*/, 6];
+                case 5:
+                    setIsLoading(false);
+                    return [7 /*endfinally*/];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (isLoading) {
+        return react_1.default.createElement(antd_1.Spin, null);
+    }
+    if (error) {
+        return react_1.default.createElement(antd_1.Alert, { className: "mt-10", message: error, type: "error", banner: true });
+    }
+    return (react_1.default.createElement(Field_1.default, __assign({ type: "array" }, props),
+        react_1.default.createElement(exports.TimelineInput, { ooui: ooui, views: views })));
+};
+exports.Timeline = Timeline;
+var TimelineInput = function (props) {
+    var value = props.value, views = props.views, ooui = props.ooui, onChange = props.onChange;
+    var _a = (value || {}).items, items = _a === void 0 ? [] : _a;
+    var _b = react_1.useState(false), isLoading = _b[0], setIsLoading = _b[1];
+    var _c = react_1.useState(), error = _c[0], setError = _c[1];
+    var _d = react_1.useState(false), showFormModal = _d[0], setShowFormModal = _d[1];
+    var _e = react_1.useState(), modalItem = _e[0], setModalItem = _e[1];
+    var relation = ooui.relation, context = ooui.context, readOnly = ooui.readOnly, summaryField = ooui.summaryField, titleField = ooui.titleField;
+    var itemsToShow = items.filter(function (item) { return item.values; });
+    var formContext = react_1.useContext(FormContext_1.FormContext);
+    var getContext = (formContext || {}).getContext;
+    use_deep_compare_effect_1.default(function () {
+        fetchData();
+    }, [items]);
+    var triggerChange = function (changedValue) {
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            items: changedValue,
+        });
+    };
+    function fetchData() {
+        return __awaiter(this, void 0, void 0, function () {
+            var itemsWithValues, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setIsLoading(true);
+                        setError(undefined);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, one2manyHelper_1.readObjectValues({
+                                treeFields: views.get("tree").fields,
+                                formFields: views.get("form").fields,
+                                model: relation,
+                                items: items,
+                                context: __assign(__assign({}, getContext === null || getContext === void 0 ? void 0 : getContext()), context),
+                            })];
+                    case 2:
+                        itemsWithValues = _a.sent();
+                        triggerChange(itemsWithValues);
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_2 = _a.sent();
+                        setError(err_2);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        setIsLoading(false);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    if (error) {
+        return react_1.default.createElement(antd_1.Alert, { className: "mt-10", message: error, type: "error", banner: true });
+    }
+    if (isLoading) {
+        return react_1.default.createElement(antd_1.Spin, null);
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(antd_1.Timeline, { style: { padding: "1rem" } }, itemsToShow.map(function (item, index) {
+            var _a, _b;
+            return (react_1.default.createElement("div", { key: index },
+                react_1.default.createElement(antd_1.Timeline.Item, { key: index },
+                    react_1.default.createElement("div", { style: { display: "inline-block", cursor: "pointer" }, onClick: function () {
+                            setModalItem(itemsToShow.find(function (searchItem) { return item.id === searchItem.id; }));
+                            setShowFormModal(true);
+                        } },
+                        react_1.default.createElement("strong", null, (_a = item.values) === null || _a === void 0 ? void 0 : _a[titleField])),
+                    react_1.default.createElement("br", null),
+                    react_1.default.createElement("div", { style: { display: "inline-block", cursor: "pointer" }, onClick: function () {
+                            setModalItem(itemsToShow.find(function (searchItem) { return item.id === searchItem.id; }));
+                            setShowFormModal(true);
+                        } }, (_b = item.values) === null || _b === void 0 ? void 0 : _b[summaryField]))));
+        })),
+        react_1.default.createElement(FormModal_1.FormModal, { formView: views.get("form"), model: relation, id: modalItem === null || modalItem === void 0 ? void 0 : modalItem.id, values: modalItem === null || modalItem === void 0 ? void 0 : modalItem.values, defaultValues: modalItem === null || modalItem === void 0 ? void 0 : modalItem.defaultValues, visible: showFormModal, onSubmitSucceed: function () {
+                setShowFormModal(false);
+            }, parentContext: __assign(__assign({}, getContext === null || getContext === void 0 ? void 0 : getContext()), context), onCancel: function () {
+                setShowFormModal(false);
+            }, readOnly: readOnly, postSaveAction: fetchData })));
+};
+exports.TimelineInput = TimelineInput;
+//# sourceMappingURL=Timeline.js.map