@solidxai/core-ui 0.1.14-beta.6 → 0.1.14-beta.9

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardQuestionOnFormLoadHandler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,QAAA,MAAM,kCAAkC,UAAiB,YAAY;;;;EAsBpE,CAAA;AAED,eAAe,kCAAkC,CAAC"}

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.js

@@ -0,0 +1,62 @@
+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 };
+    }
+};
+import { SolidViewLayoutManager } from "../../../../../components/core/common/SolidViewLayoutManager";
+var dashboardQuestionOnFormLoadHandler = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+    var formData, formViewLayout, layout, layoutManager;
+    return __generator(this, function (_a) {
+        formData = event.formData, formViewLayout = event.formViewLayout;
+        layout = formViewLayout;
+        layoutManager = new SolidViewLayoutManager(layout);
+        if (formData.sourceType === 'sql') {
+            layoutManager.updateNodeAttributes('labelSql', { visible: true });
+            layoutManager.updateNodeAttributes('kpiSql', { visible: true });
+            layoutManager.updateNodeAttributes('providerName', { visible: false });
+        }
+        if (formData.sourceType === 'provider') {
+            layoutManager.updateNodeAttributes('labelSql', { visible: false });
+            layoutManager.updateNodeAttributes('kpiSql', { visible: false });
+            layoutManager.updateNodeAttributes('providerName', { visible: true });
+        }
+        return [2 /*return*/, {
+                layoutChanged: true,
+                dataChanged: false,
+                newLayout: layoutManager.getLayout(),
+            }];
+    });
+}); };
+export default dashboardQuestionOnFormLoadHandler;
+//# sourceMappingURL=dashboardQuestionOnFormLoadHandler.js.map

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardQuestionOnFormLoadHandler.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,IAAM,kCAAkC,GAAG,UAAO,KAAmB;;;QACzD,QAAQ,GAAqB,KAAK,SAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;QAErC,MAAM,GAAG,cAAc,CAAC;QACxB,aAAa,GAAG,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAEzD,IAAI,QAAQ,CAAC,UAAU,KAAK,KAAK,EAAE;YAC/B,aAAa,CAAC,oBAAoB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAClE,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAChE,aAAa,CAAC,oBAAoB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;SAC1E;QACD,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;YACpC,aAAa,CAAC,oBAAoB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACnE,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACjE,aAAa,CAAC,oBAAoB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;SACzE;QACD,sBAAO;gBACH,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,KAAK;gBAClB,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE;aACvC,EAAA;;KAEJ,CAAA;AAED,eAAe,kCAAkC,CAAC","sourcesContent":["\nimport { SolidUiEvent } from \"../../../../../types\";\nimport { SolidViewLayoutManager } from \"../../../../../components/core/common/SolidViewLayoutManager\";\n\nconst dashboardQuestionOnFormLoadHandler = async (event: SolidUiEvent) => {\n    const { formData, formViewLayout } = event;\n\n    const layout = formViewLayout;\n    const layoutManager = new SolidViewLayoutManager(layout);\n\n    if (formData.sourceType === 'sql') {\n        layoutManager.updateNodeAttributes('labelSql', { visible: true });\n        layoutManager.updateNodeAttributes('kpiSql', { visible: true });\n        layoutManager.updateNodeAttributes('providerName', { visible: false });\n    }\n    if (formData.sourceType === 'provider') {\n        layoutManager.updateNodeAttributes('labelSql', { visible: false });\n        layoutManager.updateNodeAttributes('kpiSql', { visible: false });\n        layoutManager.updateNodeAttributes('providerName', { visible: true });\n    }\n    return {\n        layoutChanged: true,\n        dataChanged: false,\n        newLayout: layoutManager.getLayout(),\n    }\n\n}\n\nexport default dashboardQuestionOnFormLoadHandler;\n"]}

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.ts

@@ -0,0 +1,29 @@
+
+import { SolidUiEvent } from "../../../../../types";
+import { SolidViewLayoutManager } from "../../../../../components/core/common/SolidViewLayoutManager";
+
+const dashboardQuestionOnFormLoadHandler = async (event: SolidUiEvent) => {
+    const { formData, formViewLayout } = event;
+
+    const layout = formViewLayout;
+    const layoutManager = new SolidViewLayoutManager(layout);
+
+    if (formData.sourceType === 'sql') {
+        layoutManager.updateNodeAttributes('labelSql', { visible: true });
+        layoutManager.updateNodeAttributes('kpiSql', { visible: true });
+        layoutManager.updateNodeAttributes('providerName', { visible: false });
+    }
+    if (formData.sourceType === 'provider') {
+        layoutManager.updateNodeAttributes('labelSql', { visible: false });
+        layoutManager.updateNodeAttributes('kpiSql', { visible: false });
+        layoutManager.updateNodeAttributes('providerName', { visible: true });
+    }
+    return {
+        layoutChanged: true,
+        dataChanged: false,
+        newLayout: layoutManager.getLayout(),
+    }
+
+}
+
+export default dashboardQuestionOnFormLoadHandler;

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.d.ts

@@ -0,0 +1,4 @@
+import { SolidFormWidgetProps } from "../../../../../types";
+declare const ChartFormPreviewWidget: ({ formData, field, fieldsMetadata, viewMetadata, formViewData }: SolidFormWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export default ChartFormPreviewWidget;
+//# sourceMappingURL=ChartFormPreviewWidget.d.ts.map

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFormPreviewWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI5D,QAAA,MAAM,sBAAsB,oEAAqE,oBAAoB,4CA2BpH,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { SolidMessage } from "../../../../../components/shad-cn-ui";
+import { SolidQuestionRenderer } from "../../../../../components/core/dashboard/SolidQuestionRenderer";
+var ChartFormPreviewWidget = function (_a) {
+    var formData = _a.formData, field = _a.field, fieldsMetadata = _a.fieldsMetadata, viewMetadata = _a.viewMetadata, formViewData = _a.formViewData;
+    console.log("formData: ");
+    console.log(formData);
+    console.log("field: ");
+    console.log(field);
+    console.log("fieldsMetadata: ");
+    console.log(fieldsMetadata);
+    console.log("viewMetadata: ");
+    console.log(viewMetadata);
+    console.log("formViewData: ");
+    console.log(formViewData);
+    if (!formData || !formData.visualisedAs) {
+        return (_jsx(_Fragment, { children: _jsx(SolidMessage, { text: "Preview Unavailable" }) }));
+    }
+    var visualisedAs = formData.visualisedAs.value;
+    return (_jsx("div", { className: "mt-3 p-2", children: _jsx(SolidQuestionRenderer, { question: formViewData === null || formViewData === void 0 ? void 0 : formViewData.data, isPreview: true, filters: [] }) }));
+};
+export default ChartFormPreviewWidget;
+//# sourceMappingURL=ChartFormPreviewWidget.js.map

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFormPreviewWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AAEvG,IAAM,sBAAsB,GAAG,UAAC,EAAqF;QAAnF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA;IACzF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAChC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE1B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE;QACrC,OAAO,CACH,4BACI,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,GAAG,GAC5C,CACN,CAAA;KACJ;IAED,IAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;IAEjD,OAAO,CACC,cAAK,SAAS,EAAC,UAAU,YACrB,KAAC,qBAAqB,IAAC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAI,GACnF,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["\n\nimport { SolidFormWidgetProps } from \"../../../../../types\";\nimport { SolidMessage } from \"../../../../../components/shad-cn-ui\";\nimport { SolidQuestionRenderer } from \"../../../../../components/core/dashboard/SolidQuestionRenderer\";\n\nconst ChartFormPreviewWidget = ({ formData, field, fieldsMetadata, viewMetadata, formViewData }: SolidFormWidgetProps) => {\n    console.log(`formData: `);\n    console.log(formData);\n    console.log(`field: `);\n    console.log(field);\n    console.log(`fieldsMetadata: `);\n    console.log(fieldsMetadata);\n    console.log(`viewMetadata: `);\n    console.log(viewMetadata);\n    console.log(`formViewData: `);\n    console.log(formViewData);\n\n    if (!formData || !formData.visualisedAs) {\n        return (\n            <>\n                <SolidMessage text=\"Preview Unavailable\" />\n            </>\n        )\n    }\n\n    const visualisedAs = formData.visualisedAs.value;\n\n    return (\n            <div className=\"mt-3 p-2\">\n                <SolidQuestionRenderer question={formViewData?.data} isPreview={true} filters={[]} />\n            </div>\n    );\n};\n\nexport default ChartFormPreviewWidget;\n"]}

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx

@@ -0,0 +1,36 @@
+
+
+import { SolidFormWidgetProps } from "../../../../../types";
+import { SolidMessage } from "../../../../../components/shad-cn-ui";
+import { SolidQuestionRenderer } from "../../../../../components/core/dashboard/SolidQuestionRenderer";
+
+const ChartFormPreviewWidget = ({ formData, field, fieldsMetadata, viewMetadata, formViewData }: SolidFormWidgetProps) => {
+    console.log(`formData: `);
+    console.log(formData);
+    console.log(`field: `);
+    console.log(field);
+    console.log(`fieldsMetadata: `);
+    console.log(fieldsMetadata);
+    console.log(`viewMetadata: `);
+    console.log(viewMetadata);
+    console.log(`formViewData: `);
+    console.log(formViewData);
+
+    if (!formData || !formData.visualisedAs) {
+        return (
+            <>
+                <SolidMessage text="Preview Unavailable" />
+            </>
+        )
+    }
+
+    const visualisedAs = formData.visualisedAs.value;
+
+    return (
+            <div className="mt-3 p-2">
+                <SolidQuestionRenderer question={formViewData?.data} isPreview={true} filters={[]} />
+            </div>
+    );
+};
+
+export default ChartFormPreviewWidget;

package/dist/components/core/form/SolidFormActionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormActionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormActionHeader.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB,2dAA4d,GAAG,4CAooBhgB,CAAA"}
+{"version":3,"file":"SolidFormActionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormActionHeader.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB,2dAA4d,GAAG,4CA6oBhgB,CAAA"}

package/dist/components/core/form/SolidFormActionHeader.js

@@ -103,7 +103,7 @@ export var SolidFormActionHeader = function (_a) {
     var FormActionDropdown = function () {
         var _a, _b;
         var closeMenu = function () { return setFormActionsMenuOpen(false); };
-        return (_jsxs(SolidPopover, { open: formActionsMenuOpen, onOpenChange: setFormActionsMenuOpen, children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button hidden bg-[var(--surface-card)] md:flex" }) }), _jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button bg-[var(--surface-card)] md:hidden" }) })] }), _jsx(SolidPopoverContent, { side: "bottom", align: "end", className: "solid-form-actions-popover", onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("div", { className: "solid-row-actions-menu solid-form-actions-menu", children: [params.embeded !== true &&
+        return (_jsxs(SolidPopover, { open: formActionsMenuOpen, onOpenChange: setFormActionsMenuOpen, children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button bg-[var(--surface-card)] max-[576px]:hidden sm:hidden lg:flex" }) }), _jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button bg-[var(--surface-card)] lg:hidden" }) })] }), _jsx(SolidPopoverContent, { side: "bottom", align: "end", className: "solid-form-actions-popover", onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("div", { className: "solid-row-actions-menu solid-form-actions-menu", children: [params.embeded !== true &&
                                 params.id !== "new" &&
                                 actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                 !isPublished &&
@@ -126,41 +126,41 @@ export var SolidFormActionHeader = function (_a) {
     };
     return (_jsx(_Fragment, { children: _jsx("div", { className: "page-header solid-list-toolbar flex-col lg:flex-row", children: _jsx("div", { className: "flex justify-between w-full solid-form-toolbar-row", children: params.id === "new" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-4 items-center solid-form-toolbar-left", children: [params.embeded == true &&
                                     _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: createHeaderTitle }), params.embeded !== true &&
-                                    _jsx(SolidFormStepper, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, onStepperUpdate: onStepperUpdate })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "hidden lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
+                                    _jsx(SolidFormStepper, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, onStepperUpdate: onStepperUpdate })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
                                         return (_jsx(SolidFormViewNormalHeaderButton, { button: button, params: params, formik: formik, formData: formData, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index));
                                     }) }), params.embeded !== true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     !formViewLayout.attrs.readonly &&
-                                    _jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), _jsx("div", { className: "hidden lg:flex", children: params.embeded !== true && params.draftEnabled &&
+                                    _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), _jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: params.embeded !== true && params.draftEnabled &&
                                         !formViewLayout.attrs.readonly && params.publish !== 'null' &&
                                         formik.dirty &&
                                         _jsx("div", { children: _jsx(SolidButton, { label: "Draft", size: "sm", type: "button" }) }) }), params.embeded == true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     !formViewLayout.attrs.readonly &&
-                                    _jsx(_Fragment, { children: showEmbeddedRelationSaveAndNew ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx(SolidButton, { label: "Save & Close", size: "sm", onClick: function () {
+                                    _jsx(_Fragment, { children: showEmbeddedRelationSaveAndNew ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save & Close", size: "sm", onClick: function () {
+                                                                    setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("close");
+                                                                    setRedirectToList(params.redirectToPath ? true : false);
+                                                                }, type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", onClick: function () {
                                                                 setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("close");
                                                                 setRedirectToList(params.redirectToPath ? true : false);
-                                                            }, type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", onClick: function () {
-                                                                setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("close");
-                                                                setRedirectToList(params.redirectToPath ? true : false);
-                                                            }, type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & Close" })] }), _jsxs("div", { children: [_jsx(SolidButton, { label: "Save & New", size: "sm", variant: "outline", onClick: function () {
+                                                            }, type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & Close" })] }), _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save & New", size: "sm", variant: "outline", onClick: function () {
+                                                                    setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("new");
+                                                                    setRedirectToList(false);
+                                                                }, type: "submit", className: "bg-[var(--primary-color-text)]", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", variant: "outline", onClick: function () {
                                                                 setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("new");
                                                                 setRedirectToList(false);
-                                                            }, type: "submit", className: "hidden lg:flex bg-[var(--primary-color-text)]", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", variant: "outline", onClick: function () {
-                                                                setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("new");
-                                                                setRedirectToList(false);
-                                                            }, type: "submit", className: "lg:hidden solid-icon-button bg-[var(--primary-color-text)]", icon: "si si-plus", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & New" })] })] })) : (_jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", onClick: function () {
-                                                        setRedirectToList(params.redirectToPath ? true : false);
-                                                    }, type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", onClick: function () {
+                                                            }, type: "submit", className: "lg:hidden solid-icon-button bg-[var(--primary-color-text)]", icon: "si si-plus", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & New" })] })] })) : (_jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", onClick: function () {
+                                                            setRedirectToList(params.redirectToPath ? true : false);
+                                                        }, type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", onClick: function () {
                                                         setRedirectToList(params.redirectToPath ? true : false);
                                                     }, type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] })) }), params.embeded == true &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_c = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showCogWheelFormButton) !== false &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_c = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showCogWheelFormButton) !== false &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     _jsx(FormActionDropdown, {}), showMobileOpenChatter &&
                                     _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { type: "button", icon: "si si-comments", size: "sm", className: "solid-icon-button", onClick: onMobileOpenChatter, "aria-label": "Open chatter" }) })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-4 items-center solid-form-toolbar-left", children: [params.embeded !== true &&
                                     _jsx(SolidFormStepper, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, onStepperUpdate: onStepperUpdate }), params.embeded == true &&
-                                    _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: viewMode === "edit" ? editHeaderTitle : solidView.model.displayName })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "hidden lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
+                                    _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: viewMode === "edit" ? editHeaderTitle : solidView.model.displayName })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "hidden items-center lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
                                         return (
                                         // <SolidButton
                                         //     text
@@ -187,7 +187,7 @@ export var SolidFormActionHeader = function (_a) {
                                     params.embeded !== true &&
                                     viewMode === "view" &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", label: "Add", size: 'sm', onClick: function () {
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", label: "Add", size: 'sm', onClick: function () {
                                                             setIsNavigating(true);
                                                             router.replace("".concat(normalizeSolidFormActionPath(pathname, "form"), "/new?viewMode=edit"));
                                                         }, loading: isNavigating, disabled: isNavigating }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { type: "button", icon: "si si-plus", size: 'sm', onClick: function () {
@@ -199,12 +199,12 @@ export var SolidFormActionHeader = function (_a) {
                                     viewMode === "view" &&
                                     isLatestVersion &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { label: "Edit", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button" }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { icon: "si si-pencil", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button", className: "solid-icon-button" }) })] }), params.embeded !== true &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { label: "Edit", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button" }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { icon: "si si-pencil", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button", className: "solid-icon-button" }) })] }), params.embeded !== true &&
                                     isLatestVersion &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     shouldShowSaveForExistingRecord &&
-                                    _jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded !== true &&
+                                    _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded !== true &&
                                     showDraftPublishActions &&
                                     !formViewLayout.attrs.readonly &&
                                     !isPublished &&
@@ -219,7 +219,7 @@ export var SolidFormActionHeader = function (_a) {
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     shouldShowSaveForExistingRecord &&
-                                    _jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded == true &&
+                                    _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded == true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                     ((_f = formViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showDeleteFormButton) !== false &&
                                     !formViewLayout.attrs.readonly &&
@@ -235,7 +235,7 @@ export var SolidFormActionHeader = function (_a) {
                                     isPublished &&
                                     actionsAllowed.includes(permissionExpression(params.modelName, 'unpublish')) &&
                                     _jsx("div", { children: _jsx(SolidButton, { label: "Unpublish", size: "sm", type: "button", variant: "destructive", onClick: function () { return handleDraftPublishWorkFlow('unpublish'); } }) }), params.embeded == true &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_g = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showCogWheelFormButton) !== false &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_g = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showCogWheelFormButton) !== false &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     _jsx(FormActionDropdown, {}), showMobileOpenChatter &&