@solidstarters/solid-core-ui 1.1.78 → 1.1.80

package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js

@@ -0,0 +1,67 @@
+'use client';
+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);
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { FilterMatchMode } from 'primereact/api';
+import { Column } from "primereact/column";
+import { InputTypes, SolidVarInputsFilterElement } from "../../SolidVarInputsFilterElement";
+import { getExtensionComponent } from '../../../../../helpers/registry';
+var SolidRelationManyToOneColumn = function (_a) {
+    var _b;
+    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var filterable = column.attrs.filterable;
+    var showFilterOperator = false;
+    var filterMatchModeOptions = [
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN },
+    ];
+    var columnDataType = undefined;
+    var filterTemplate = function (options) {
+        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, inputType: InputTypes.RelationManyToOne, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+    };
+    var header = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    return (_jsx(Column, { field: fieldMetadata.name, header: header, 
+        // className="text-sm"
+        sortable: column.attrs.sortable, 
+        // filter={filterable}
+        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, body: function (rowData) {
+            var viewWidget = column.attrs.viewWidget;
+            if (!viewWidget) {
+                viewWidget = 'DefaultRelationManyToOneListWidget';
+            }
+            var DynamicWidget = getExtensionComponent(viewWidget);
+            var widgetProps = {
+                rowData: rowData,
+                solidListViewMetaData: solidListViewMetaData,
+                fieldMetadata: fieldMetadata,
+                column: column
+            };
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+        }, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName), style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }, fieldMetadata.name));
+};
+export default SolidRelationManyToOneColumn;
+export var DefaultRelationManyToOneListWidget = function (_a) {
+    var _b, _c;
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var manyToOneFieldData = rowData[column.attrs.name];
+    // This is the userkey that will be present within the rowData.
+    if (manyToOneFieldData) {
+        // Since this is a many-to-one field, we fetch the user key field of the associated model.
+        var userKeyField = (_c = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name;
+        var manyToOneColVal = manyToOneFieldData[userKeyField];
+        return _jsx("span", { children: manyToOneColVal });
+    }
+    else {
+        return _jsx("span", {});
+    }
+};
+//# sourceMappingURL=SolidRelationManyToOneColumn.js.map

package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js.map

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

package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.js

@@ -0,0 +1,70 @@
+'use client';
+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);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FilterMatchMode } from 'primereact/api';
+import { Column } from "primereact/column";
+import { InputTypes, SolidVarInputsFilterElement } from "../../SolidVarInputsFilterElement";
+import { Button } from 'primereact/button';
+import { getExtensionComponent } from '../../../../../helpers/registry';
+var SolidRelationOneToManyColumn = function (_a) {
+    var _b;
+    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var filterable = column.attrs.filterable;
+    var showFilterOperator = false;
+    var filterMatchModeOptions = [
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN },
+    ];
+    var columnDataType = undefined;
+    var filterTemplate = function (options) {
+        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, inputType: InputTypes.RelationManyToOne, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+    };
+    var header = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    return (_jsx(Column, { field: fieldMetadata.name, header: header, 
+        // className="text-sm"
+        sortable: column.attrs.sortable, 
+        // filter={filterable}
+        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, body: function (rowData) {
+            var viewWidget = column.attrs.viewWidget;
+            if (!viewWidget) {
+                viewWidget = 'DefaultRelationOneToManyListWidget';
+            }
+            var DynamicWidget = getExtensionComponent(viewWidget);
+            var widgetProps = {
+                rowData: rowData,
+                solidListViewMetaData: solidListViewMetaData,
+                fieldMetadata: fieldMetadata,
+                column: column
+            };
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+        }, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName), style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }, fieldMetadata.name));
+};
+export default SolidRelationOneToManyColumn;
+export var DefaultRelationOneToManyListWidget = function (_a) {
+    var _b, _c;
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var manyToManyFieldData = rowData[column.attrs.name];
+    // This is the userkey that will be present within the rowData.
+    if (manyToManyFieldData) {
+        // Since this is a many-to-one field, we fetch the user key field of the associated model.
+        var userKeyField_1 = (_c = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name;
+        var manyToManyColVal = manyToManyFieldData.map(function (f) { return f[userKeyField_1]; });
+        // TODO: change this to use an anchor tag so that on click we open that entity form view. 
+        return (_jsx(_Fragment, { children: manyToManyColVal.length > 0 &&
+                _jsxs("p", { children: [manyToManyColVal[0], _jsx(Button, { text: true, className: "kaban-load-more", style: { padding: 0, paddingBottom: "3px" }, size: "small", onClick: function () { }, label: manyToManyColVal.length - 1 > 0 ? "...".concat(manyToManyColVal.length - 1, " more") : "" })] }) }));
+    }
+    else {
+        return _jsx("span", {});
+    }
+};
+//# sourceMappingURL=SolidRelationOneToManyColumn.js.map

package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.js.map

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

package/dist/components/core/list/widgets/SolidRelationAvatarWidget.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var AvatarWidget = function (_a) {
+    // use "widget": "SolidUserNameAvatarWidget" in the list view field 
+    var value = _a.value;
+    var getInitials = function (value) {
+        if (value) {
+            var names = value === null || value === void 0 ? void 0 : value.trim().split(' ');
+            var initials_1 = names.length === 1
+                ? names[0][0]
+                : names[0][0] + names[names.length - 1][0];
+            return initials_1.toUpperCase();
+        }
+        else {
+            return "";
+        }
+    };
+    var getColorFromInitials = function (initials) {
+        var hash = 0;
+        for (var i = 0; i < initials.length; i++) {
+            hash = initials.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        var hue = Math.abs(hash) % 360;
+        return "hsl(".concat(hue, ", 60%, 60%)"); // nice pastel color
+    };
+    var initials = getInitials(value);
+    var bgColor = getColorFromInitials(initials);
+    return (_jsx("div", { className: "solid-table-row", children: value &&
+            _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [_jsx("div", { style: {
+                            width: 20,
+                            height: 20,
+                            borderRadius: '50%',
+                            backgroundColor: bgColor,
+                            color: 'white',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            fontWeight: 600,
+                            fontSize: 12,
+                            boxShadow: '0 0 0 2px rgba(0,0,0,0.1)',
+                        }, children: initials }), _jsx("span", { children: value })] }) }));
+};
+export var SolidRelationAvatarWidget = function (_a) {
+    var _b, _c;
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var manyToManyFieldData = rowData[column.attrs.name];
+    // This is the userkey that will be present within the rowData.
+    if (manyToManyFieldData) {
+        // Since this is a many-to-one field, we fetch the user key field of the associated model.
+        var userKeyField_1 = (_c = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name;
+        var manyToManyColVal = manyToManyFieldData.map(function (f) { return f[userKeyField_1]; });
+        // TODO: change this to use an anchor tag so that on click we open that entity form view. 
+        return (_jsx(_Fragment, { children: manyToManyColVal.length > 0 &&
+                manyToManyColVal.map(function (m) {
+                    return _jsx(AvatarWidget, { value: m });
+                }) }));
+    }
+    else {
+        return _jsx("span", {});
+    }
+};
+//# sourceMappingURL=SolidRelationAvatarWidget.js.map

package/dist/components/core/list/widgets/SolidRelationAvatarWidget.js.map

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

package/dist/components/core/list/widgets/SolidShortTextAvatarWidget.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var SolidShortTextAvatarWidget = function (_a) {
+    // use "widget": "SolidUserNameAvatarWidget" in the list view field 
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var value = rowData[fieldMetadata.name];
+    var getInitials = function (value) {
+        if (value) {
+            var names = value === null || value === void 0 ? void 0 : value.trim().split(' ');
+            var initials_1 = names.length === 1
+                ? names[0][0]
+                : names[0][0] + names[names.length - 1][0];
+            return initials_1.toUpperCase();
+        }
+        else {
+            return "";
+        }
+    };
+    var getColorFromInitials = function (initials) {
+        var hash = 0;
+        for (var i = 0; i < initials.length; i++) {
+            hash = initials.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        var hue = Math.abs(hash) % 360;
+        return "hsl(".concat(hue, ", 60%, 60%)"); // nice pastel color
+    };
+    var initials = getInitials(value);
+    var bgColor = getColorFromInitials(initials);
+    return (_jsx("div", { className: "solid-table-row", children: value &&
+            _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [_jsx("div", { style: {
+                            width: 20,
+                            height: 20,
+                            borderRadius: '50%',
+                            backgroundColor: bgColor,
+                            color: 'white',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            fontWeight: 600,
+                            fontSize: 12,
+                        }, children: initials }), _jsx("span", { children: value })] }) }));
+};
+//# sourceMappingURL=SolidShortTextAvatarWidget.js.map

package/dist/components/core/list/widgets/SolidShortTextAvatarWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidShortTextAvatarWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidShortTextAvatarWidget.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAAoF;IAC3H,oEAAoE;QAD3B,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAG9F,IAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE1C,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAI,KAAK,EAAE;YACP,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,IAAM,UAAQ,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;gBACd,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,UAAQ,CAAC,WAAW,EAAE,CAAC;SACjC;aAAM;YACH,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,QAAgB;QAC1C,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;SACxD;QACD,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACjC,OAAO,cAAO,GAAG,gBAAa,CAAC,CAAC,oBAAoB;IACxD,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,IAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACH,cAAK,SAAS,EAAC,iBAAiB,YAC3B,KAAK;YACF,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,aACjE,cACI,KAAK,EAAE;4BACH,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,OAAO;4BACxB,KAAK,EAAE,OAAO;4BACd,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,GAAG;4BACf,QAAQ,EAAE,EAAE;yBACf,YAEA,QAAQ,GACP,EACN,yBAAO,KAAK,GAAQ,IAClB,GAGP,CACV,CAAC;AACN,CAAC,CAAC"}

package/dist/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SolidShortTextFieldImageListWidget = function (_a) {
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
+    return (_jsx("img", { src: rowData[fieldMetadata.name], alt: "product-image-single", className: "shadow-2 border-round", width: 40, height: 40, style: { objectFit: "cover" }, onClick: function (event) {
+            event.stopPropagation();
+            setLightboxUrls([{ src: rowData[fieldMetadata.name], downloadUrl: rowData[fieldMetadata.name] }]);
+            setOpenLightbox(true);
+        } }));
+};
+//# sourceMappingURL=SolidShortTextFieldImageRenderModeWidget.js.map

package/dist/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidShortTextFieldImageRenderModeWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAA2H;QAAzH,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA;IAExI,OAAO,CACH,cACI,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAChC,GAAG,EAAC,sBAAsB,EAC1B,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAC7B,OAAO,EAAE,UAAC,KAAK;YACX,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YAClG,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/core/model/CreateModel.js

@@ -0,0 +1,349 @@
+"use client";
+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 __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 (g && (g = 0, op[0] && (_ = 0)), _) 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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CancelButton } from "../../../components/common/CancelButton";
+import { handleError } from "../../../helpers/ToastContainer";
+import { useGetFieldDefaultMetaDataQuery } from "../../../redux/api/fieldApi";
+import { useCreatemodelMutation, useDeletemodelMutation, useLazyGetModelsQuery, useUpdatemodelMutation } from "../../../redux/api/modelApi";
+import { usePathname, useRouter } from "next/navigation";
+import { Button } from "primereact/button";
+import { TabPanel, TabView } from "primereact/tabview";
+import { Toast } from "primereact/toast";
+import qs from "qs";
+import { useEffect, useRef, useState } from "react";
+import FieldMetaData from "./FieldMetaData";
+import ModelMetaData from "./ModelMetaData";
+import { BackButton } from "../../../components/common/BackButton";
+import { Dialog } from "primereact/dialog";
+import { Divider } from "primereact/divider";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { SolidFormHeader } from "../../../components/common/SolidFormHeader";
+var CreateModel = function (_a) {
+    var data = _a.data, params = _a.params;
+    var toast = useRef(null);
+    var router = useRouter();
+    var pathname = usePathname();
+    var _b = useState(false), deleteEntity = _b[0], setDeleteEntity = _b[1];
+    var _c = useState(data ? true : false), isLoadingData = _c[0], setIsLoadingData = _c[1];
+    var formikModelMetadataRef = useRef();
+    var formikFieldsMetadataRef = useRef();
+    var _d = useState(), modelMetaData = _d[0], setModelMetaData = _d[1];
+    var _e = useState([]), fieldMetaData = _e[0], setFieldMetaData = _e[1];
+    var _f = useGetFieldDefaultMetaDataQuery(null), fieldDefaultMetaData = _f.data, refetch = _f.refetch;
+    var _g = useState([]), allModelsNames = _g[0], setAllModelsNames = _g[1];
+    var _h = useLazyGetModelsQuery(), triggerGetModels = _h[0], _j = _h[1], allmodels = _j.data, isAllModelsLoaded = _j.isLoading, allModelsError = _j.error;
+    var _k = useCreatemodelMutation(), createModel = _k[0], _l = _k[1], isCreateModelLoading = _l.isLoading, isCreateModelSuccess = _l.isSuccess, isCreateModelError = _l.isError, createModelError = _l.error, newModel = _l.data;
+    var _m = useUpdatemodelMutation(), updateModel = _m[0], _o = _m[1], isUpdatedModelUpdating = _o.isLoading, isUpdatedModelSuceess = _o.isSuccess, isUpdateModelError = _o.isError, updateModelError = _o.error, updatedModel = _o.data;
+    var _p = useDeletemodelMutation(), deleteModel = _p[0], _q = _p[1], isModelDeleted = _q.isLoading, isDeleteModelSuceess = _q.isSuccess, isDeleteModelError = _q.isError, deleteModelError = _q.error, DeletedModel = _q.data;
+    var _r = useState(0), activeIndex = _r[0], setActiveIndex = _r[1];
+    var _s = useState({}), tabErrors = _s[0], setTabErrors = _s[1];
+    var _t = useState({}), formErrors = _t[0], setFormErrors = _t[1];
+    var nextTab = function () {
+        setActiveIndex(activeIndex + 1);
+    };
+    useEffect(function () {
+        var _a;
+        if (data) {
+            var modelData = __assign(__assign({}, data), { moduleId: (_a = data === null || data === void 0 ? void 0 : data.module) === null || _a === void 0 ? void 0 : _a.id, parentModelId: data === null || data === void 0 ? void 0 : data.parentModel });
+            setIsLoadingData(false);
+            setModelMetaData(modelData);
+            var fieldData = data.fields.map(function (f) {
+                var fieldCopy = __assign({}, f); // Create a shallow copy of the field object
+                fieldCopy.identifier = f.id; // Add the identifier property
+                if (fieldCopy.type == "mediaSingle" || fieldCopy.type == "mediaMultiple") {
+                    fieldCopy.mediaMaxSizeKb = f.mediaMaxSizeKb / 1024; // Add the identifier property
+                }
+                return fieldCopy;
+            });
+            setFieldMetaData(fieldData.sort(function (a, b) { return b.id - a.id; }));
+        }
+    }, [data]);
+    useEffect(function () {
+        var queryData = {
+            offset: 0,
+            limit: 1000,
+        };
+        var queryString = qs.stringify(queryData, {
+            encodeValuesOnly: true
+        });
+        triggerGetModels(queryString);
+    }, [isDeleteModelSuceess]);
+    useEffect(function () {
+        if (allmodels) {
+            if (data) {
+                setAllModelsNames(allmodels === null || allmodels === void 0 ? void 0 : allmodels.records.filter(function (i) { return i.id !== data.id; }).map(function (e) { return e.singularName; }));
+            }
+            else {
+                setAllModelsNames(allmodels === null || allmodels === void 0 ? void 0 : allmodels.records.map(function (e) { return e.singularName; }));
+            }
+        }
+    }, [allmodels, data]);
+    var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!formikModelMetadataRef.current) return [3 /*break*/, 2];
+                    return [4 /*yield*/, formikModelMetadataRef.current.submitForm()];
+                case 1:
+                    _a.sent(); // Call the handleSubmit function from the formik instance
+                    // @ts-ignore
+                    // formikModelMetadataRef.current.validateForm().then(() => {
+                    //   if (Object.keys(formikModelMetadataRef?.current?.errors).length === 0) {
+                    //     if (fieldMetaData.length > 0) {
+                    //       handleFormSubmit();
+                    //     } else {
+                    //       if (activeIndex === 0) {
+                    //         nextTab();
+                    //         // showError({ error: "Please add Atleast one field" });
+                    //         handleError(["Please add Atleast one field"])
+                    //       } else {
+                    //         handleError(["Please add Atleast one field"])
+                    //         // showError({ error: "Please add Atleast one field" });
+                    //       }
+                    //     }
+                    //   }
+                    // });
+                    formikModelMetadataRef.current.validateForm().then(function (errors) {
+                        var _a;
+                        var firstErrorTab;
+                        if (Object.keys(errors).length > 0) {
+                            setFormErrors(errors);
+                            var errorMessages = Object.values(errors);
+                            errorMessages.forEach(function (error) {
+                                handleError([error]); // Call handleError for each error separately
+                            });
+                            firstErrorTab = 0; // Model Metadata tab has errors
+                        }
+                        else {
+                            setFormErrors({});
+                        }
+                        if (fieldMetaData.length === 0) {
+                            handleError(["Please add at least one field"]);
+                            firstErrorTab = firstErrorTab !== null && firstErrorTab !== void 0 ? firstErrorTab : 1; // If no prior error, set to Field tab
+                        }
+                        if (firstErrorTab !== undefined) {
+                            setTabErrors((_a = {}, _a[firstErrorTab] = true, _a)); // Set error only on the first tab with an issue
+                            setActiveIndex(firstErrorTab); // Switch to the tab with an error
+                        }
+                        else {
+                            handleFormSubmit();
+                        }
+                    });
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleFormSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var fieldData, module_1, parentModel, createdAt, updatedAt, id, deletedAt, modelData, updateData, fieldData, module_2, parentModel, modelData, data_1;
+        return __generator(this, function (_a) {
+            if (data) {
+                fieldData = fieldMetaData.map(function (_a) {
+                    var createdAt = _a.createdAt, updatedAt = _a.updatedAt, deletedAt = _a.deletedAt, mediaStorageProvider = _a.mediaStorageProvider, identifier = _a.identifier, rest = __rest(_a, ["createdAt", "updatedAt", "deletedAt", "mediaStorageProvider", "identifier"]);
+                    if (rest.mediaMaxSizeKb) {
+                        rest.mediaMaxSizeKb = rest.mediaMaxSizeKb ? rest.mediaMaxSizeKb * 1024 : 0;
+                    }
+                    return rest;
+                });
+                module_1 = modelMetaData.module, parentModel = modelMetaData.parentModel, createdAt = modelMetaData.createdAt, updatedAt = modelMetaData.updatedAt, id = modelMetaData.id, deletedAt = modelMetaData.deletedAt, modelData = __rest(modelMetaData, ["module", "parentModel", "createdAt", "updatedAt", "id", "deletedAt"]);
+                updateData = __assign(__assign({}, modelData), { displayName: modelData.displayName.trim(), fields: fieldData });
+                updateModel({ id: data.id, data: updateData });
+            }
+            else {
+                if (modelMetaData) {
+                    fieldData = fieldMetaData.map(function (_a) {
+                        var mediaStorageProvider = _a.mediaStorageProvider, identifier = _a.identifier, rest = __rest(_a, ["mediaStorageProvider", "identifier"]);
+                        if (rest.mediaMaxSizeKb) {
+                            rest.mediaMaxSizeKb = rest.mediaMaxSizeKb ? rest.mediaMaxSizeKb * 1024 : 0;
+                        }
+                        return rest;
+                    });
+                    module_2 = modelMetaData.module, parentModel = modelMetaData.parentModel, modelData = __rest(modelMetaData, ["module", "parentModel"]);
+                    data_1 = __assign(__assign({}, modelData), { displayName: modelData.displayName.trim(), fields: fieldData });
+                    createModel(data_1);
+                    if (isCreateModelSuccess) {
+                    }
+                }
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var deleteModelFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            deleteModel(data === null || data === void 0 ? void 0 : data.id);
+            return [2 /*return*/];
+        });
+    }); };
+    useEffect(function () {
+        if (isCreateModelSuccess == true || isUpdatedModelSuceess == true || isDeleteModelSuceess == true) {
+            // router.push(`/admin/app-builder/model/all`);
+            router.back();
+        }
+    }, [isCreateModelSuccess, isUpdatedModelSuceess, isDeleteModelSuceess]);
+    var showError = function (errors) { return __awaiter(void 0, void 0, void 0, function () {
+        var errorMessages;
+        var _a;
+        return __generator(this, function (_b) {
+            errorMessages = Object.values(errors);
+            if (errorMessages.length > 0) {
+                (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                    severity: "error",
+                    summary: "Can you send me the report?",
+                    // sticky: true,
+                    life: 3000,
+                    //@ts-ignore
+                    content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
+                });
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var isFetchBaseQueryErrorWithErrorResponse = function (error) {
+        return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
+    };
+    // const handleError = (errorToast: any) => {
+    //   let errorMessage: any = ['An error occurred'];
+    //   if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+    //     errorMessage = errorToast.data.message;
+    //   } else {
+    //     errorMessage = ['Something went wrong'];
+    //   }
+    //   toast?.current?.show({
+    //     severity: 'error',
+    //     summary: 'Error',
+    //     detail: errorMessage,
+    //     life: 3000,
+    //     //@ts-ignore
+    //     content: (props) => (
+    //       <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
+    //         {Array.isArray(errorMessage) ? (
+    //           errorMessage.map((message, index) => (
+    //             <div className="flex align-items-center gap-2" key={index}>
+    //               <span className="font-bold text-900">{message.trim()}</span>
+    //             </div>
+    //           ))
+    //         ) : (
+    //           <div className="flex align-items-center gap-2">
+    //             <span className="font-bold text-900">{errorMessage?.trim()}</span>
+    //           </div>
+    //         )}
+    //       </div>
+    //     ),
+    //   });
+    // };
+    // Error Handler 
+    // Added useEffect to remove active tab class border color if error is there.
+    useEffect(function () {
+        var tabHeaders = document.querySelectorAll(".p-tabview-nav li");
+        if (tabHeaders.length > 0) {
+            if (tabErrors[0]) {
+                tabHeaders[0].classList.remove("p-highlight");
+            }
+            if (tabErrors[1]) {
+                tabHeaders[1].classList.remove("p-highlight");
+            }
+        }
+    }, [tabErrors]);
+    useEffect(function () {
+        var errors = [
+            { isError: isCreateModelError, error: createModelError },
+            { isError: isDeleteModelError, error: deleteModelError },
+            { isError: isUpdateModelError, error: updateModelError },
+        ];
+        if (errors.length > 0) {
+            // Handle any error
+            errors.forEach(function (_a) {
+                var isError = _a.isError, error = _a.error;
+                if (isError && error) {
+                    handleError(error); // Call the centralized error handler
+                }
+            });
+        }
+    }, [isCreateModelError, isDeleteModelError, isUpdateModelError]);
+    var op = useRef(null);
+    var formActionDropdown = function () {
+        return (_jsxs("div", { children: [_jsx(Button, { outlined: true, severity: "secondary", type: "button", icon: 'pi pi-cog', size: "small", className: "surface-card p-0", style: {
+                        height: 33.06,
+                        width: 33.06
+                    }, onClick: function (e) {
+                        // @ts-ignore 
+                        return op.current.toggle(e);
+                    } }), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", children: _jsx("div", { className: "flex flex-column gap-1 p-1", children: _jsx(Button, { text: true, type: "button", className: "w-8rem text-left gap-2", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: 'pi pi-trash', onClick: function () { return setDeleteEntity(true); } }) }) })] }));
+    };
+    var _u = useState(false), isDirty = _u[0], setIsDirty = _u[1];
+    return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { style: { width: '77.5%', borderRight: '1px solid var(--primary-light-color' }, children: [_jsx("div", { className: "solid-form-header", children: params.id === "new" ?
+                            _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [_jsx(BackButton, {}), _jsx("div", { className: "form-wrapper-title", children: "Create Model" })] }), _jsxs("div", { className: "gap-3 flex", children: [isDirty &&
+                                                _jsx(Button, { label: "Save", size: "small", onClick: handleSubmit, type: "submit" }), _jsx(CancelButton, {})] })] })
+                            :
+                                _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [_jsx(BackButton, {}), _jsx("div", { className: "form-wrapper-title", children: "Edit Model" })] }), _jsxs("div", { className: "gap-3 flex", children: [(data === null || data === void 0 ? void 0 : data.isSystem) !== true &&
+                                                    _jsx(_Fragment, { children: _jsx("div", { children: isDirty &&
+                                                                _jsx(Button, { label: "Save", size: "small", type: "submit", onClick: handleSubmit }) }) }), _jsx(CancelButton, {}), formActionDropdown()] })] }) }), _jsx(SolidFormHeader, {}), _jsx("div", { className: "p-4 solid-form-content", children: _jsxs(TabView, { activeIndex: activeIndex, onTabChange: function (e) {
+                                if (activeIndex == 0) {
+                                    formikModelMetadataRef.current.handleSubmit();
+                                    setActiveIndex(e.index);
+                                }
+                                if (activeIndex == 1) {
+                                    setActiveIndex(e.index);
+                                }
+                            }, panelContainerClassName: "px-0", className: "relative", children: [_jsx(TabPanel, { header: "Model", headerClassName: tabErrors[0] ? "tab-error" : "", children: _jsx(ModelMetaData, { modelMetaData: modelMetaData, setModelMetaData: setModelMetaData, allModelsNames: allModelsNames, deleteModelFunction: deleteModelFunction, nextTab: nextTab, formikModelMetadataRef: formikModelMetadataRef, params: params, formErrors: formErrors, setIsDirty: setIsDirty }) }), _jsx(TabPanel, { header: "Fields", headerClassName: tabErrors[1] ? "tab-error" : "", children: _jsx(FieldMetaData, { modelMetaData: modelMetaData, fieldMetaData: fieldMetaData, setFieldMetaData: setFieldMetaData, deleteModelFunction: deleteModelFunction, nextTab: nextTab, formikFieldsMetadataRef: formikFieldsMetadataRef, params: params, setIsDirty: setIsDirty }) })] }) })] }), _jsx("div", { style: { width: '22.5%' } }), _jsxs(Dialog, { header: "Delete Field", headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: '20vw' }, onHide: function () { if (!deleteEntity)
+                    return; setDeleteEntity(false); }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this Field ?" }), _jsx("p", { className: "", style: { color: 'var{--solid-grey-500}' }, children: modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", size: "small", onClick: deleteModelFunction }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true })] })] })] })] }));
+};
+export default CreateModel;
+//# sourceMappingURL=CreateModel.js.map