@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

package/dist/components/core/filter/fields/relations/SolidRelationManyToManyField.js

@@ -13,13 +13,13 @@ var SolidRelationManyToManyField = function (_a) {
     var noInputOperators = ['$null', '$notNull'];
     var needsInput = !noInputOperators.includes(rule.matchMode);
     var numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;
-    return (_jsxs("div", { className: "flex flex-column md:flex-row align-items-start gap-2 md:gap-1", children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
+    return (_jsxs("div", { className: "flex flex-col items-start gap-2 md:flex-row md:gap-1", children: [_jsx("div", { className: "w-full md:w-1/2 px-0 md:pr-0 md:pl-0 p-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
                         onChange(rule.id, 'matchMode', e.value);
                         // Clear value if switching to no-input operator
                         if (noInputOperators.includes(e.value)) {
                             onChange(rule.id, 'value', []);
                         }
-                    }, options: filterMatchModeOptions, optionLabel: "label", optionValue: "value", placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: "flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0", children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (value) {
+                    }, options: filterMatchModeOptions, optionLabel: "label", optionValue: "value", placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: "flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-2 md:pr-0", children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (value) {
                         onChange(index, 'value', value);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.RelationManyToMany, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/relations/SolidRelationManyToManyField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToManyField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToManyField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA2B,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACrH,OAAO,EAAE,2BAA2B,EAAE,UAAU,EAAE,MAAM,mEAAmE,CAAC;AAC5H,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,IAAM,4BAA4B,GAAG,UAAC,EAKZ;QAJtB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA;IAGJ,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,yCAAyC;QACzC,gDAAgD;KACnD,CAAC;IAEF,IAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9D,IAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAE1E,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAC;wBACR,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;wBACxC,gDAAgD;wBAChD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;4BACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;yBAClC;oBACL,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAGN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,KAAU;wBACjB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,kBAAkB,EACxC,aAAa,EAAE,aAAa,GAC9B,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC","sourcesContent":["\n\nimport { SolidFilterFieldsParams, getNumberOfInputs } from '../../../../../components/core/filter/SolidFilterFields';\nimport { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { SolidSelect } from \"../../../../shad-cn-ui/SolidSelect\";\n\nconst SolidRelationManyToManyField = ({\n    fieldMetadata,\n    onChange,\n    index,\n    rule,\n}: SolidFilterFieldsParams) => {\n\n    const filterMatchModeOptions = [\n        { label: 'In', value: '$in' },\n        { label: 'Not In', value: '$notIn' }\n        // { label: 'Is Empty', value: '$null' },\n        // { label: 'Is Not Empty', value: '$notNull' },\n    ];\n\n    const noInputOperators = ['$null', '$notNull'];\n    const needsInput = !noInputOperators.includes(rule.matchMode);\n    const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;\n\n    return (\n        <div className=\"flex flex-column md:flex-row align-items-start gap-2 md:gap-1\">\n            {/* Operator */}\n            <div className=\"col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e) => {\n                        onChange(rule.id, 'matchMode', e.value);\n                        // Clear value if switching to no-input operator\n                        if (noInputOperators.includes(e.value)) {\n                            onChange(rule.id, 'value', []);\n                        }\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel=\"label\"\n                    optionValue=\"value\"\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full\"\n                />\n            </div>\n\n            {/* MultiSelect input */}\n            <div className=\"flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0\">\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(value: any) => {\n                        onChange(index, 'value', value);\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.RelationManyToMany}\n                    fieldMetadata={fieldMetadata}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default SolidRelationManyToManyField;\n"]}
+{"version":3,"file":"SolidRelationManyToManyField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToManyField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA2B,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACrH,OAAO,EAAE,2BAA2B,EAAE,UAAU,EAAE,MAAM,mEAAmE,CAAC;AAC5H,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,IAAM,4BAA4B,GAAG,UAAC,EAKZ;QAJtB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA;IAGJ,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,yCAAyC;QACzC,gDAAgD;KACnD,CAAC;IAEF,IAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9D,IAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aAEjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAC;wBACR,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;wBACxC,gDAAgD;wBAChD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;4BACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;yBAClC;oBACL,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAGN,cAAK,SAAS,EAAC,0DAA0D,YACrE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,KAAU;wBACjB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,kBAAkB,EACxC,aAAa,EAAE,aAAa,GAC9B,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC","sourcesContent":["\n\nimport { SolidFilterFieldsParams, getNumberOfInputs } from '../../../../../components/core/filter/SolidFilterFields';\nimport { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { SolidSelect } from \"../../../../shad-cn-ui/SolidSelect\";\n\nconst SolidRelationManyToManyField = ({\n    fieldMetadata,\n    onChange,\n    index,\n    rule,\n}: SolidFilterFieldsParams) => {\n\n    const filterMatchModeOptions = [\n        { label: 'In', value: '$in' },\n        { label: 'Not In', value: '$notIn' }\n        // { label: 'Is Empty', value: '$null' },\n        // { label: 'Is Not Empty', value: '$notNull' },\n    ];\n\n    const noInputOperators = ['$null', '$notNull'];\n    const needsInput = !noInputOperators.includes(rule.matchMode);\n    const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;\n\n    return (\n        <div className=\"flex flex-col items-start gap-2 md:flex-row md:gap-1\">\n            {/* Operator */}\n            <div className=\"w-full md:w-1/2 px-0 md:pr-0 md:pl-0 p-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e) => {\n                        onChange(rule.id, 'matchMode', e.value);\n                        // Clear value if switching to no-input operator\n                        if (noInputOperators.includes(e.value)) {\n                            onChange(rule.id, 'value', []);\n                        }\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel=\"label\"\n                    optionValue=\"value\"\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full\"\n                />\n            </div>\n\n            {/* MultiSelect input */}\n            <div className=\"flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-2 md:pr-0\">\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(value: any) => {\n                        onChange(index, 'value', value);\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.RelationManyToMany}\n                    fieldMetadata={fieldMetadata}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default SolidRelationManyToManyField;\n"]}

package/dist/components/core/filter/fields/relations/SolidRelationManyToManyField.tsx

@@ -23,9 +23,9 @@ const SolidRelationManyToManyField = ({
     const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;
 
     return (
-        <div className="flex flex-column md:flex-row align-items-start gap-2 md:gap-1">
+        <div className="flex flex-col items-start gap-2 md:flex-row md:gap-1">
             {/* Operator */}
-            <div className="col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0">
+            <div className="w-full md:w-1/2 px-0 md:pr-0 md:pl-0 p-0">
                 <SolidSelect
                     value={rule.matchMode}
                     native={false}
@@ -45,7 +45,7 @@ const SolidRelationManyToManyField = ({
             </div>
 
             {/* MultiSelect input */}
-            <div className="flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0">
+            <div className="flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-2 md:pr-0">
                 <SolidVarInputsFilterElement
                     values={rule.value}
                     onChange={(value: any) => {

package/dist/components/core/filter/fields/relations/SolidRelationManyToOneField.js

@@ -40,9 +40,9 @@ var SolidRelationManyToOneField = function (_a) {
     //     }
     // };
     // const header = column.attrs.label ?? fieldMetadata.displayName;
-    return (_jsxs("div", { className: 'flex flex-column md:flex-row align-items-start gap-2 md:gap-1', children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
+    return (_jsxs("div", { className: 'flex flex-col items-start gap-2 md:flex-row md:gap-1', children: [_jsx("div", { className: "w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
                         onChange(rule.id, 'matchMode', e.value);
-                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: 'flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(index, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.RelationManyToOne, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/relations/SolidRelationManyToOneField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToOneField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,mEAAmE,CAAC;AAC5H,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAA2B,MAAM,yDAAyD,CAAC;AAErH,IAAM,2BAA2B,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACvE,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvC,CAAC;IACF,IAAM,cAAc,GAAG,SAAS,CAAC;IACjC,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,4EAA4E;IAE5E,eAAe;IACf,uCAAuC;IACvC,qCAAqC;IACrC,sGAAsG;IACtG,uDAAuD;IACvD,4DAA4D;IAC5D,4CAA4C;IAC5C,8BAA8B;IAC9B,YAAY;IACZ,yCAAyC;IACzC,QAAQ;IACR,KAAK;IAEL,2CAA2C;IAC3C,6DAA6D;IAE7D,sEAAsE;IACtE,gCAAgC;IAChC,qGAAqG;IACrG,8EAA8E;IAE9E,oEAAoE;IAEpE,qGAAqG;IACrG,iDAAiD;IACjD,QAAQ;IACR,aAAa;IACb,+BAA+B;IAC/B,QAAQ;IACR,KAAK;IACL,kEAAkE;IAElE,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAC1E,cAAK,SAAS,EAAC,0CAA0C,YAEzD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACI,EAEN,cAAK,SAAS,EAAC,iEAAiE,YAC5E,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBAC/B,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\nimport { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { SolidSelect } from \"../../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../../../../../components/core/filter/SolidFilterFields';\n\nconst SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const filterMatchModeOptions = [\n        { label: 'In', value: \"$in\" },\n        { label: 'Not In', value: \"$notIn\" },\n    ];\n    const columnDataType = undefined;\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    // const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n\n    //     return (\n    //         <SolidVarInputsFilterElement\n    //             values={options.value}\n    //             onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n    //             inputType={InputTypes.RelationManyToOne}\n    //             solidListViewMetaData={solidListViewMetaData}\n    //             fieldMetadata={fieldMetadata}\n    //             column={column}\n    //         >\n    //         </SolidVarInputsFilterElement>\n    //     )\n    // };\n\n    // const bodyTemplate = (rowData: any) => {\n    //     const manyToOneFieldData = rowData[column.attrs.name];\n\n    //     // This is the userkey that will be present within the rowData.\n    //     if (manyToOneFieldData) {\n    //         // Since this is a many-to-one field, we fetch the user key field of the associated model.\n    //         const userKeyField = fieldMetadata.relationModel.userKeyField.name;\n\n    //         const manyToOneColVal = manyToOneFieldData[userKeyField];\n\n    //         // TODO: change this to use an anchor tag so that on click we open that entity form view. \n    //         return <span>{manyToOneColVal}</span>;\n    //     }\n    //     else {\n    //         return <span></span>\n    //     }\n    // };\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-1'>\n            <div className=\"col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0\">\n\n            <SolidSelect\n                value={rule.matchMode}\n                native={false}\n                onChange={(e: any) => {\n                    onChange(rule.id, 'matchMode', e.value)\n                }}\n                options={filterMatchModeOptions}\n                optionLabel='label'\n                optionValue='value'\n                placeholder=\"Select Operator\"\n                className=\"p-inputtext-sm w-full\"\n            />\n            </div>\n\n            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(index, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.RelationManyToOne}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidRelationManyToOneField;\n"]}
+{"version":3,"file":"SolidRelationManyToOneField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,mEAAmE,CAAC;AAC5H,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAA2B,MAAM,yDAAyD,CAAC;AAErH,IAAM,2BAA2B,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACvE,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvC,CAAC;IACF,IAAM,cAAc,GAAG,SAAS,CAAC;IACjC,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,4EAA4E;IAE5E,eAAe;IACf,uCAAuC;IACvC,qCAAqC;IACrC,sGAAsG;IACtG,uDAAuD;IACvD,4DAA4D;IAC5D,4CAA4C;IAC5C,8BAA8B;IAC9B,YAAY;IACZ,yCAAyC;IACzC,QAAQ;IACR,KAAK;IAEL,2CAA2C;IAC3C,6DAA6D;IAE7D,sEAAsE;IACtE,gCAAgC;IAChC,qGAAqG;IACrG,8EAA8E;IAE9E,oEAAoE;IAEpE,qGAAqG;IACrG,iDAAiD;IACjD,QAAQ;IACR,aAAa;IACb,+BAA+B;IAC/B,QAAQ;IACR,KAAK;IACL,kEAAkE;IAElE,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YAEzD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACI,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBAC/B,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\nimport { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { SolidSelect } from \"../../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../../../../../components/core/filter/SolidFilterFields';\n\nconst SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const filterMatchModeOptions = [\n        { label: 'In', value: \"$in\" },\n        { label: 'Not In', value: \"$notIn\" },\n    ];\n    const columnDataType = undefined;\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    // const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n\n    //     return (\n    //         <SolidVarInputsFilterElement\n    //             values={options.value}\n    //             onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n    //             inputType={InputTypes.RelationManyToOne}\n    //             solidListViewMetaData={solidListViewMetaData}\n    //             fieldMetadata={fieldMetadata}\n    //             column={column}\n    //         >\n    //         </SolidVarInputsFilterElement>\n    //     )\n    // };\n\n    // const bodyTemplate = (rowData: any) => {\n    //     const manyToOneFieldData = rowData[column.attrs.name];\n\n    //     // This is the userkey that will be present within the rowData.\n    //     if (manyToOneFieldData) {\n    //         // Since this is a many-to-one field, we fetch the user key field of the associated model.\n    //         const userKeyField = fieldMetadata.relationModel.userKeyField.name;\n\n    //         const manyToOneColVal = manyToOneFieldData[userKeyField];\n\n    //         // TODO: change this to use an anchor tag so that on click we open that entity form view. \n    //         return <span>{manyToOneColVal}</span>;\n    //     }\n    //     else {\n    //         return <span></span>\n    //     }\n    // };\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n\n            <SolidSelect\n                value={rule.matchMode}\n                native={false}\n                onChange={(e: any) => {\n                    onChange(rule.id, 'matchMode', e.value)\n                }}\n                options={filterMatchModeOptions}\n                optionLabel='label'\n                optionValue='value'\n                placeholder=\"Select Operator\"\n                className=\"p-inputtext-sm w-full\"\n            />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(index, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.RelationManyToOne}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidRelationManyToOneField;\n"]}

package/dist/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx

@@ -48,8 +48,8 @@ const SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: S
     // const header = column.attrs.label ?? fieldMetadata.displayName;
 
     return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-1'>
-            <div className="col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0">
+        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>
+            <div className="w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0">
 
             <SolidSelect
                 value={rule.matchMode}
@@ -65,7 +65,7 @@ const SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: S
             />
             </div>
 
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-0 md:pr-0 p-0'>
+            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>
                 <SolidVarInputsFilterElement
                     values={rule.value}
                     onChange={(e: any) => {

package/dist/components/core/filter/fields/relations/SolidRelationOneToManyField.js

@@ -11,13 +11,13 @@ var SolidRelationOneToManyField = function (_a) {
     var noInputOperators = ['$null', '$notNull'];
     var needsInput = !noInputOperators.includes(rule.matchMode);
     var numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;
-    return (_jsxs("div", { className: "flex flex-column md:flex-row align-items-start gap-2 md:gap-1", children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
+    return (_jsxs("div", { className: "flex flex-col items-start gap-2 md:flex-row md:gap-1", children: [_jsx("div", { className: "w-full md:w-1/2 px-0 md:pr-0 md:pl-0 p-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
                         onChange(rule.id, 'matchMode', e.value);
                         // Clear value if switching to no-input operator
                         if (noInputOperators.includes(e.value)) {
                             onChange(rule.id, 'value', []);
                         }
-                    }, options: filterMatchModeOptions, optionLabel: "label", optionValue: "value", placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: "flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0", children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (value) {
+                    }, options: filterMatchModeOptions, optionLabel: "label", optionValue: "value", placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: "flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-2 md:pr-0", children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (value) {
                         onChange(index, 'value', value);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.RelationOneToMany, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/relations/SolidRelationOneToManyField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationOneToManyField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationOneToManyField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA2B,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACrH,OAAO,EAAE,2BAA2B,EAAE,UAAU,EAAE,MAAM,mEAAmE,CAAC;AAC5H,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,IAAM,2BAA2B,GAAG,UAAC,EAKX;QAJtB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA;IAGJ,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvC,CAAC;IAEF,IAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9D,IAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAE1E,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAC;wBACR,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;wBACxC,gDAAgD;wBAChD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;4BACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;yBAClC;oBACL,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAGN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,KAAU;wBACjB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,aAAa,EAAE,aAAa,GAC9B,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\n\nimport { SolidFilterFieldsParams, getNumberOfInputs } from '../../../../../components/core/filter/SolidFilterFields';\nimport { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { SolidSelect } from \"../../../../shad-cn-ui/SolidSelect\";\n\nconst SolidRelationOneToManyField = ({\n    fieldMetadata,\n    onChange,\n    index,\n    rule,\n}: SolidFilterFieldsParams) => {\n\n    const filterMatchModeOptions = [\n        { label: 'In', value: '$in' },\n        { label: 'Not In', value: '$notIn' }\n    ];\n\n    const noInputOperators = ['$null', '$notNull'];\n    const needsInput = !noInputOperators.includes(rule.matchMode);\n    const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;\n\n    return (\n        <div className=\"flex flex-column md:flex-row align-items-start gap-2 md:gap-1\">\n            {/* Operator */}\n            <div className=\"col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e) => {\n                        onChange(rule.id, 'matchMode', e.value);\n                        // Clear value if switching to no-input operator\n                        if (noInputOperators.includes(e.value)) {\n                            onChange(rule.id, 'value', []);\n                        }\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel=\"label\"\n                    optionValue=\"value\"\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full\"\n                />\n            </div>\n\n            {/* MultiSelect input */}\n            <div className=\"flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0\">\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(value: any) => {\n                        onChange(index, 'value', value);\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.RelationOneToMany}\n                    fieldMetadata={fieldMetadata}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default SolidRelationOneToManyField;\n"]}
+{"version":3,"file":"SolidRelationOneToManyField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationOneToManyField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA2B,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACrH,OAAO,EAAE,2BAA2B,EAAE,UAAU,EAAE,MAAM,mEAAmE,CAAC;AAC5H,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,IAAM,2BAA2B,GAAG,UAAC,EAKX;QAJtB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA;IAGJ,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvC,CAAC;IAEF,IAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9D,IAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aAEjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAC;wBACR,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;wBACxC,gDAAgD;wBAChD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;4BACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;yBAClC;oBACL,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAGN,cAAK,SAAS,EAAC,0DAA0D,YACrE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,KAAU;wBACjB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,aAAa,EAAE,aAAa,GAC9B,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\n\nimport { SolidFilterFieldsParams, getNumberOfInputs } from '../../../../../components/core/filter/SolidFilterFields';\nimport { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { SolidSelect } from \"../../../../shad-cn-ui/SolidSelect\";\n\nconst SolidRelationOneToManyField = ({\n    fieldMetadata,\n    onChange,\n    index,\n    rule,\n}: SolidFilterFieldsParams) => {\n\n    const filterMatchModeOptions = [\n        { label: 'In', value: '$in' },\n        { label: 'Not In', value: '$notIn' }\n    ];\n\n    const noInputOperators = ['$null', '$notNull'];\n    const needsInput = !noInputOperators.includes(rule.matchMode);\n    const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;\n\n    return (\n        <div className=\"flex flex-col items-start gap-2 md:flex-row md:gap-1\">\n            {/* Operator */}\n            <div className=\"w-full md:w-1/2 px-0 md:pr-0 md:pl-0 p-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e) => {\n                        onChange(rule.id, 'matchMode', e.value);\n                        // Clear value if switching to no-input operator\n                        if (noInputOperators.includes(e.value)) {\n                            onChange(rule.id, 'value', []);\n                        }\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel=\"label\"\n                    optionValue=\"value\"\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full\"\n                />\n            </div>\n\n            {/* MultiSelect input */}\n            <div className=\"flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-2 md:pr-0\">\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(value: any) => {\n                        onChange(index, 'value', value);\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.RelationOneToMany}\n                    fieldMetadata={fieldMetadata}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default SolidRelationOneToManyField;\n"]}

package/dist/components/core/filter/fields/relations/SolidRelationOneToManyField.tsx

@@ -21,9 +21,9 @@ const SolidRelationOneToManyField = ({
     const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;
 
     return (
-        <div className="flex flex-column md:flex-row align-items-start gap-2 md:gap-1">
+        <div className="flex flex-col items-start gap-2 md:flex-row md:gap-1">
             {/* Operator */}
-            <div className="col-12 md:col-6 px-0 md:pr-0 md:pl-0 p-0">
+            <div className="w-full md:w-1/2 px-0 md:pr-0 md:pl-0 p-0">
                 <SolidSelect
                     value={rule.matchMode}
                     native={false}
@@ -43,7 +43,7 @@ const SolidRelationOneToManyField = ({
             </div>
 
             {/* MultiSelect input */}
-            <div className="flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0">
+            <div className="flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-2 md:pr-0">
                 <SolidVarInputsFilterElement
                     values={rule.value}
                     onChange={(value: any) => {

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

@@ -102,7 +102,7 @@ export var SolidFormActionHeader = function (_a) {
         var canPublish = actionsAllowed.includes(permissionExpression(params.modelName, 'publish'));
         var canUnpublish = actionsAllowed.includes(permissionExpression(params.modelName, 'unpublish'));
         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: "surface-card solid-icon-button hidden md:flex" }) }), _jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "surface-card solid-icon-button 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 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 &&
                                 params.id !== "new" &&
                                 actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                 !isPublished &&
@@ -122,16 +122,16 @@ export var SolidFormActionHeader = function (_a) {
                                         } }))] })), contextMenuHeaderButtons.map(function (button, index) {
                                 var _a, _b;
                                 return (_jsx(SolidFormViewContextMenuHeaderButton, { button: button, params: params, formik: formik, formData: formData, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick, variant: "menu", onActionComplete: closeMenu }, (_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.action) !== null && _b !== void 0 ? _b : index));
-                            }), _jsxs("div", { className: "lg:hidden flex flex-column gap-1", children: [normalHeaderButtons.map(function (button, index) {
+                            }), _jsxs("div", { className: "lg:hidden flex flex-col gap-1", children: [normalHeaderButtons.map(function (button, index) {
                                         var _a, _b;
                                         return (_jsx(SolidFormViewNormalHeaderButton, { button: button, params: params, formik: formik, formData: formData, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick, variant: "menu", onActionComplete: closeMenu }, (_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.action) !== null && _b !== void 0 ? _b : index));
                                     }), params.embeded !== true && params.draftEnabled &&
                                         !formViewLayout.attrs.readonly && params.publish !== 'null' &&
                                         formik.dirty && (_jsx(FormActionMenuButton, { label: "Draft", onClick: function () { } }))] })] }) })] }));
     };
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "page-header solid-list-toolbar flex-column lg:flex-row", children: _jsx("div", { className: "flex justify-content-between w-full solid-form-toolbar-row", children: params.id === "new" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-3 align-items-center solid-form-toolbar-left", children: [params.embeded == true &&
+    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 align-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: "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'))) &&
@@ -149,13 +149,13 @@ export var SolidFormActionHeader = function (_a) {
                                                 }, type: "submit", className: "hidden lg:flex", 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-primary-reverse ', 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: 'bg-primary-reverse solid-icon-button' }) })] }), ((_b = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.showCogWheelFormButton) !== false &&
+                                    _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)]' }) })] }), ((_b = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.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-3 align-items-center solid-form-toolbar-left", children: [params.embeded !== true &&
+                                    _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 align-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 lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
                                         return (
                                         // <SolidButton
                                         //     text
@@ -208,7 +208,7 @@ export var SolidFormActionHeader = function (_a) {
                                     !formViewLayout.attrs.readonly &&
                                     !isPublished &&
                                     _jsx("div", { children: _jsx(SolidButton, { size: "sm", type: "button", label: "Delete", variant: "destructive", onClick: function () { return setDeleteDialogVisible(true); } }) }), 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-primary-reverse ', 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: 'bg-primary-reverse solid-icon-button' }) })] }), ((_f = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showCogWheelFormButton) !== false &&
+                                    _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)]' }) })] }), ((_f = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showCogWheelFormButton) !== false &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     _jsx(FormActionDropdown, {}), showMobileOpenChatter &&

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

@@ -1 +1 @@
-{"version":3,"file":"SolidFormActionHeader.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormActionHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SolidHeaderRequestStatus } from \"../../../components/common/SolidHeaderRequestStatus\";\nimport { useHandleFormCustomButtonClickaction } from \"../../../components/common/useHandleFormCustomButtonClick\";\nimport { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { normalizeSolidFormActionPath } from \"../../../helpers/routePaths\";\nimport { useEffect, useState } from \"react\";\nimport { SolidFormViewNormalHeaderButton } from \"./SolidFormViewNormalHeaderButton\";\nimport { SolidFormViewContextMenuHeaderButton } from \"./SolidFormViewContextMenuHeaderButton\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { useSession } from '../../../hooks/useSession'\nimport { SolidFormStepper } from \"../../../components/common/SolidFormStepper\";\nimport { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../../shad-cn-ui\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\n\nexport const SolidFormActionHeader = ({ formik, params, actionsAllowed, formViewLayout, solidView, solidFormViewMetaData, initialEntityData, setDeleteDialogVisible, setLayoutDialogVisible, setRedirectToList, viewMode, setViewMode, solidWorkflowFieldValue, setSolidWorkflowFieldValue, internationalisationEnabled, handleDraftPublishWorkFlow, publish, draftEnabled, onStepperUpdate, formData, isSubmitting, headerRequestStatusLabel, showMobileOpenChatter, onMobileOpenChatter }: any) => {\n    const handleCustomButtonClick = useHandleFormCustomButtonClickaction();\n    const router = useRouter();\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    const [contextMenuHeaderButtons, setContextMenuHeaderButtons] = useState<any>([]);\n    const [normalHeaderButtons, setNormalHeaderButtons] = useState<any>([]);\n    const [isNavigating, setIsNavigating] = useState(false);\n    const [formActionsMenuOpen, setFormActionsMenuOpen] = useState(false);\n    const createHeaderTitle = `Create ${solidView.model.displayName}`;\n    const editHeaderTitle = `Edit ${solidView.model.displayName}`;\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const isPublished = publish && publish !== 'null';   // record is published if publish has value\n    const activeHeaderRequestStatusLabel = headerRequestStatusLabel || (isNavigating ? \"Loading...\" : null);\n    // const shouldShowSaveForExistingRecord = viewMode === \"edit\" && formik.dirty;\n    const hasUserInteraction = Object.keys(formik?.touched || {}).length > 0;\n    const shouldShowSaveForExistingRecord = viewMode === \"edit\" && formik.dirty && hasUserInteraction;\n    \n    useEffect(() => {\n        if (solidView) {\n            let contextMenuHeaderButtonsData: any = [];\n            let normalHeaderButtonsData: any = [];\n            const formHeaderButtons = formViewLayout?.attrs?.formButtons;\n            if (formHeaderButtons && formHeaderButtons.length > 0) {\n\n                // Process normal header buttons\n                contextMenuHeaderButtonsData = formHeaderButtons.filter((button: any) => {\n                    const visibleToRole = button.attrs?.roles || [];\n                    const defaultVisible = button.attrs?.visible;\n                    if (defaultVisible === false) {\n                        return false;\n                    }\n                    if (visibleToRole.length > 0) {\n                        if (!hasAnyRole(user?.roles, visibleToRole)) {\n                            return false;\n                        }\n                    }\n                    return button.attrs && button.attrs.actionInContextMenu && button.attrs.actionInContextMenu === true;\n                });\n                setContextMenuHeaderButtons(contextMenuHeaderButtonsData)\n\n                // Process normal header buttons\n                normalHeaderButtonsData = formHeaderButtons.filter((button: any) => {\n                    const visibleToRole = button.attrs?.roles || [];\n                    if (visibleToRole.length > 0) {\n                        if (!hasAnyRole(user?.roles, visibleToRole)) {\n                            return false;\n                        }\n                    }\n\n                    return !button.attrs || !button.attrs.actionInContextMenu || button.attrs.actionInContextMenu === false;\n                });\n                setNormalHeaderButtons(normalHeaderButtonsData);\n            }\n        }\n    }, [formViewLayout]);\n\n    const updateViewMode = (newMode: \"view\" | \"edit\") => {\n        setViewMode(newMode);\n        const queryParams = new URLSearchParams(searchParams.toString());\n        queryParams.set(\"viewMode\", newMode);\n        const basePath = params?.id\n            ? normalizeSolidFormActionPath(pathname, `form/${params.id}`)\n            : pathname;\n        router.push(`${basePath}?${queryParams.toString()}`);\n        // const router = useRouter();\n        // const pathname = usePathname();\n        // const params = new URLSearchParams(searchParams?.toString() || \"\");\n        // params.set(\"viewMode\", newMode);\n        // router.push(`${pathname}?${params.toString()}`, { scroll: false });\n\n    };\n    const menuButtonClassNames = (...parts: Array<string | false | undefined>) => parts.filter(Boolean).join(\" \");\n\n    const FormActionMenuButton = ({\n        label,\n        icon,\n        onClick,\n        danger,\n    }: {\n        label: string;\n        icon?: string;\n        onClick: () => void;\n        danger?: boolean;\n    }) => (\n        <button\n            type=\"button\"\n            className={menuButtonClassNames(\"solid-row-action-button\", danger && \"solid-row-action-button-danger\")}\n            onClick={onClick}\n        >\n            {icon && (() => { const m = parseSolidIconMeta(icon); return m ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-row-action-button-icon\" /> : <i className={`${icon} solid-row-action-button-icon`} />; })()}\n            <span className=\"solid-row-action-button-label\">{label}</span>\n        </button>\n    );\n\n    const FormActionDropdown = () => {\n        const canPublish = actionsAllowed.includes(permissionExpression(params.modelName, 'publish'));\n        const canUnpublish = actionsAllowed.includes(permissionExpression(params.modelName, 'unpublish'));\n        const closeMenu = () => setFormActionsMenuOpen(false);\n\n        return (\n            <SolidPopover open={formActionsMenuOpen} onOpenChange={setFormActionsMenuOpen}>\n                <div className=\"flex gap-2\">\n                    <SolidPopoverTrigger asChild>\n                        <SolidButton\n                            variant=\"outline\"\n                            type=\"button\"\n                            icon={'si si-cog'}\n                            size=\"sm\"\n                            className=\"surface-card solid-icon-button hidden md:flex\"\n                        />\n                    </SolidPopoverTrigger>\n                    <SolidPopoverTrigger asChild>\n                        <SolidButton\n                            variant=\"outline\"\n                            type=\"button\"\n                            icon={'si si-cog'}\n                            size=\"sm\"\n                            className=\"surface-card solid-icon-button md:hidden\"\n                        />\n                    </SolidPopoverTrigger>\n                </div>\n                <SolidPopoverContent\n                    side=\"bottom\"\n                    align=\"end\"\n                    className=\"solid-form-actions-popover\"\n                    onClick={(event) => event.stopPropagation()}\n                >\n                    <div className=\"solid-row-actions-menu solid-form-actions-menu\">\n                        {params.embeded !== true &&\n                            params.id !== \"new\" &&\n                            actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&\n                            !isPublished &&\n                            solidView?.layout?.attrs?.showDeleteFormButton !== false &&\n                            !formViewLayout.attrs.readonly && (\n                                <FormActionMenuButton\n                                    label=\"Delete\"\n                                    icon=\"si si-trash\"\n                                    danger\n                                    onClick={() => {\n                                        setDeleteDialogVisible(true);\n                                        closeMenu();\n                                    }}\n                                />\n                            )}\n                        <FormActionMenuButton\n                            label=\"Layout\"\n                            icon=\"si si-objects-column\"\n                            onClick={() => {\n                                setLayoutDialogVisible(true);\n                                closeMenu();\n                            }}\n                        />\n                        {draftEnabled && params.id !== 'new' && (\n                            <>\n                                {!isPublished && canPublish && (\n                                    <FormActionMenuButton\n                                        label=\"Publish\"\n                                        icon=\"si si-cloud-upload\"\n                                        onClick={() => {\n                                            handleDraftPublishWorkFlow('publish');\n                                            closeMenu();\n                                        }}\n                                    />\n                                )}\n\n                                {isPublished && canUnpublish && (\n                                    <FormActionMenuButton\n                                        label=\"Unpublish\"\n                                        icon=\"si si-cloud-download\"\n                                        onClick={() => {\n                                            handleDraftPublishWorkFlow('unpublish');\n                                            closeMenu();\n                                        }}\n                                    />\n                                )}\n                            </>\n                        )}\n\n                        {contextMenuHeaderButtons.map((button: any, index: number) => {\n                            return (\n                                <SolidFormViewContextMenuHeaderButton\n                                    key={button?.attrs?.action ?? index}\n                                    button={button}\n                                    params={params}\n                                    formik={formik}\n                                    formData={formData}\n                                    solidFormViewMetaData={solidFormViewMetaData}\n                                    handleCustomButtonClick={handleCustomButtonClick}\n                                    variant=\"menu\"\n                                    onActionComplete={closeMenu}\n                                />\n                            )\n                        })}\n                        <div className=\"lg:hidden flex flex-column gap-1\">\n                            {normalHeaderButtons.map((button: any, index: number) => {\n                                return (\n                                    <SolidFormViewNormalHeaderButton\n                                        key={button?.attrs?.action ?? index}\n                                        button={button}\n                                        params={params}\n                                        formik={formik}\n                                        formData={formData}\n                                        solidFormViewMetaData={solidFormViewMetaData}\n                                        handleCustomButtonClick={handleCustomButtonClick}\n                                        variant=\"menu\"\n                                        onActionComplete={closeMenu}\n                                    />\n                                )\n                            })}\n                            {params.embeded !== true && params.draftEnabled &&\n                                !formViewLayout.attrs.readonly && params.publish !== 'null' &&\n                                formik.dirty && (\n                                    <FormActionMenuButton\n                                        label=\"Draft\"\n                                        onClick={() => { }}\n                                    />\n                                )}\n                        </div>\n                    </div>\n                </SolidPopoverContent>\n            </SolidPopover>\n        )\n    }\n    return (\n        <>\n            <div className=\"page-header solid-list-toolbar flex-column lg:flex-row\">\n                <div className=\"flex justify-content-between w-full solid-form-toolbar-row\">\n                    {params.id === \"new\" ? (\n                        <>\n                            <div className=\"flex gap-3 align-items-center solid-form-toolbar-left\">\n                                {/* {params.embeded !== true && <BackButton />}*/}\n                                {params.embeded == true &&\n                                    <p className=\"m-0 view-title solid-text-wrapper\">{createHeaderTitle}</p>\n                                }\n                                {params.embeded !== true &&\n                                    <SolidFormStepper\n                                        solidFormViewMetaData={solidFormViewMetaData}\n                                        initialEntityData={initialEntityData}\n                                        modelName={params.modelName}\n                                        id={params.id}\n                                        solidWorkflowFieldValue={solidWorkflowFieldValue}\n                                        setSolidWorkflowFieldValue={setSolidWorkflowFieldValue}\n                                        onStepperUpdate={onStepperUpdate}\n                                    ></SolidFormStepper>\n                                }\n                            </div>\n                            <div className=\"flex align-items-center solid-header-buttons-wrapper solid-form-toolbar-actions\">\n                                <SolidHeaderRequestStatus label={activeHeaderRequestStatusLabel} />\n                                <div className=\"hidden lg:flex solid-header-buttons-wrapper\">\n                                    {normalHeaderButtons.map((button: any, index: number) => {\n                                        return (\n                                            <SolidFormViewNormalHeaderButton\n                                                key={index}\n                                                button={button}\n                                                params={params}\n                                                formik={formik}\n                                                formData={formData}\n                                                solidFormViewMetaData={solidFormViewMetaData}\n                                                handleCustomButtonClick={handleCustomButtonClick}\n                                            />\n\n                                        )\n                                    })\n                                    }\n                                </div>\n                                {params.embeded !== true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    formik.dirty &&\n                                    <div>\n                                        <SolidButton\n                                            label=\"Save\"\n                                            size=\"sm\"\n                                            type=\"submit\"\n                                            className=\"hidden lg:flex\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                        <SolidButton\n                                            size=\"sm\"\n                                            type=\"submit\"\n                                            className=\"lg:hidden solid-icon-button\"\n                                            icon=\"si si-check\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                    </div>\n                                }\n                                <div className=\"hidden lg:flex\">\n                                    {params.embeded !== true && params.draftEnabled &&\n                                        !formViewLayout.attrs.readonly && params.publish !== 'null' &&\n                                        formik.dirty &&\n                                        <div>\n                                            <SolidButton\n                                                label=\"Draft\"\n                                                size=\"sm\"\n                                                type=\"button\"\n                                            />\n                                        </div>\n                                    }\n                                </div>\n                                {params.embeded == true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    formik.dirty &&\n                                    <div>\n                                        <SolidButton\n                                            label=\"Save\"\n                                            size=\"sm\"\n                                            onClick={() => {\n                                                setRedirectToList(params.redirectToPath ? true : false);\n                                            }}\n                                            type=\"submit\"\n                                            className=\"hidden lg:flex\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                        <SolidButton\n                                            size=\"sm\"\n                                            onClick={() => {\n                                                setRedirectToList(params.redirectToPath ? true : false);\n                                            }}\n                                            type=\"submit\"\n                                            className=\"lg:hidden solid-icon-button\"\n                                            icon=\"si si-check\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                    </div>\n                                }\n                                {params.embeded == true &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" label=\"Close\" onClick={() => params.handlePopupClose()} className='bg-primary-reverse ' style={{ minWidth: 66 }} />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" icon=\"si si-times\" onClick={() => params.handlePopupClose()} className='bg-primary-reverse solid-icon-button' />\n                                        </div>\n                                    </>\n                                }\n                                {/* {params.embeded !== true &&\n                                <SolidCancelButton />\n                            } */}\n                                {\n                                    formViewLayout?.attrs?.showCogWheelFormButton !== false &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    <FormActionDropdown />\n                                }\n                                {\n                                    showMobileOpenChatter &&\n                                    <div className=\"lg:hidden\">\n                                        <SolidButton\n                                            type=\"button\"\n                                            icon=\"si si-comments\"\n                                            size=\"sm\"\n                                            className=\"solid-icon-button\"\n                                            onClick={onMobileOpenChatter}\n                                            aria-label=\"Open chatter\"\n                                        />\n                                    </div>\n                                }\n                            </div>\n                        </>\n                    ) : (\n                        <>\n                            <div className=\"flex gap-3 align-items-center solid-form-toolbar-left\">\n                                {params.embeded !== true &&\n                                    <SolidFormStepper\n                                        solidFormViewMetaData={solidFormViewMetaData}\n                                        initialEntityData={initialEntityData}\n                                        modelName={params.modelName}\n                                        id={params.id}\n                                        solidWorkflowFieldValue={solidWorkflowFieldValue}\n                                        setSolidWorkflowFieldValue={setSolidWorkflowFieldValue}\n                                        onStepperUpdate={onStepperUpdate}\n                                    ></SolidFormStepper>\n                                }\n                                {/* {params.embeded !== true && <BackButton />} */}\n                                {params.embeded == true &&\n                                    <p className=\"m-0 view-title solid-text-wrapper\">{viewMode === \"edit\" ? editHeaderTitle : solidView.model.displayName}</p>\n                                }\n                            </div>\n\n                            <div className=\"flex align-items-center solid-header-buttons-wrapper solid-form-toolbar-actions\">\n                                <SolidHeaderRequestStatus label={activeHeaderRequestStatusLabel} />\n                                <div className=\"hidden lg:flex solid-header-buttons-wrapper\">\n                                    {normalHeaderButtons.map((button: any, index: number) => {\n                                        return (\n                                            // <SolidButton\n                                            //     text\n                                            //      type=\"button\"\n                                            //     className=\"w-full text-left gap-2\"\n                                            //     label={button.attrs.label}\n                                            //     size=\"small\"\n                                            //     iconPos=\"left\"\n                                            //     severity=\"contrast\"\n                                            //     icon={button?.attrs?.className ? button?.attrs?.className : \"si si-pencil\"}\n                                            //     onClick={() => {\n                                            //         const event = {\n                                            //             action: button.attrs.action,\n                                            //             params,\n                                            //             formik,\n                                            //             solidFormViewMetaData: solidFormViewMetaData.data\n                                            //         }\n                                            //         handleCustomButtonClick(button.attrs, event)\n                                            //     }}\n                                            // />\n                                            <SolidFormViewNormalHeaderButton\n                                                key={index}\n                                                button={button}\n                                                params={params}\n                                                formik={formik}\n                                                formData={formData}\n                                                solidFormViewMetaData={solidFormViewMetaData}\n                                                handleCustomButtonClick={handleCustomButtonClick}\n                                            />\n                                        )\n                                    })\n                                    }\n                                </div>\n                                {\n                                    !formViewLayout.attrs.readonly &&\n                                    formViewLayout.attrs?.showAddFormButton !== false &&\n                                    params.embeded !== true &&\n                                    viewMode === \"view\" &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton type=\"button\" label=\"Add\" size='sm' onClick={() => {\n                                                    setIsNavigating(true);\n                                                    router.replace(`${normalizeSolidFormActionPath(pathname, \"form\")}/new?viewMode=edit`);\n                                                }} loading={isNavigating} disabled={isNavigating} />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton type=\"button\" icon=\"si si-plus\" size='sm' onClick={() => {\n                                                setIsNavigating(true);\n                                                router.replace(`${normalizeSolidFormActionPath(pathname, \"form\")}/new?viewMode=edit`);\n                                            }} className=\"solid-icon-button\" loading={isNavigating} disabled={isNavigating} />\n                                        </div>\n                                    </>\n                                }\n                                {\n                                    !formViewLayout.attrs.readonly &&\n                                    formViewLayout.attrs?.showEditFormButton !== false &&\n                                    params.embeded !== true &&\n                                    viewMode === \"view\" &&\n                                    !isPublished &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton label=\"Edit\" size=\"sm\" onClick={() => updateViewMode(\"edit\")} type=\"button\" />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton icon=\"si si-pencil\" size=\"sm\" onClick={() => updateViewMode(\"edit\")} type=\"button\" className=\"solid-icon-button\" />\n                                        </div>\n                                    </>\n                                }\n\n                                {\n                                    params.embeded !== true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    shouldShowSaveForExistingRecord &&\n\n                                    <div>\n                                        <SolidButton label=\"Save\" size=\"sm\" type=\"submit\" className=\"hidden lg:flex\" loading={isSubmitting} disabled={isSubmitting} />\n                                        <SolidButton size=\"sm\" type=\"submit\" className=\"lg:hidden solid-icon-button\" icon=\"si si-check\" loading={isSubmitting} disabled={isSubmitting} />\n                                    </div>\n                                }\n\n                                {/* Inline */}\n\n                                {\n                                    params.embeded == true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    shouldShowSaveForExistingRecord &&\n\n                                    <div>\n                                        <SolidButton label=\"Save\" size=\"sm\" type=\"submit\" className=\"hidden lg:flex\" loading={isSubmitting} disabled={isSubmitting} />\n                                        <SolidButton size=\"sm\" type=\"submit\" className=\"lg:hidden solid-icon-button\" icon=\"si si-check\" loading={isSubmitting} disabled={isSubmitting} />\n\n                                    </div>\n                                }\n\n                                {\n                                    params.embeded == true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&\n                                    formViewLayout.attrs?.showDeleteFormButton !== false &&\n                                    !formViewLayout.attrs.readonly &&\n                                    !isPublished &&\n                                    <div>\n                                        <SolidButton size=\"sm\" type=\"button\" label=\"Delete\" variant=\"destructive\" onClick={() => setDeleteDialogVisible(true)} />\n                                    </div>\n                                }\n                                {\n                                    params.embeded == true &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" label=\"Close\" onClick={() => params.handlePopupClose()} className='bg-primary-reverse ' style={{ minWidth: 66 }} />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" icon=\"si si-times\" onClick={() => params.handlePopupClose()} className='bg-primary-reverse solid-icon-button' />\n                                        </div>\n                                    </>\n                                }\n                                {/* {\n                                params.embeded !== true &&\n\n                                <SolidCancelButton />\n                            } */}\n                                {\n                                    formViewLayout?.attrs?.showCogWheelFormButton !== false &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n\n                                    <FormActionDropdown />\n                                }\n                                {\n                                    showMobileOpenChatter &&\n                                    <div className=\"lg:hidden\">\n                                        <SolidButton\n                                            type=\"button\"\n                                            icon=\"si si-comments\"\n                                            size=\"sm\"\n                                            className=\"solid-icon-button\"\n                                            onClick={onMobileOpenChatter}\n                                            aria-label=\"Open chatter\"\n                                        />\n                                    </div>\n                                }\n                            </div>\n                        </>\n                    )}\n                </div>\n            </div>\n            {/* {params.embeded !== true &&\n                <SolidFormHeader\n                    solidFormViewMetaData={solidFormViewMetaData}\n                    initialEntityData={initialEntityData}\n                    modelName={params.modelName}\n                    id={params.id}\n                    solidWorkflowFieldValue={solidWorkflowFieldValue}\n                    setSolidWorkflowFieldValue={setSolidWorkflowFieldValue}\n                    onStepperUpdate={onStepperUpdate}\n                />\n            } */}\n        </>\n    )\n}\n"]}
+{"version":3,"file":"SolidFormActionHeader.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormActionHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SolidHeaderRequestStatus } from \"../../../components/common/SolidHeaderRequestStatus\";\nimport { useHandleFormCustomButtonClickaction } from \"../../../components/common/useHandleFormCustomButtonClick\";\nimport { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { normalizeSolidFormActionPath } from \"../../../helpers/routePaths\";\nimport { useEffect, useState } from \"react\";\nimport { SolidFormViewNormalHeaderButton } from \"./SolidFormViewNormalHeaderButton\";\nimport { SolidFormViewContextMenuHeaderButton } from \"./SolidFormViewContextMenuHeaderButton\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { useSession } from '../../../hooks/useSession'\nimport { SolidFormStepper } from \"../../../components/common/SolidFormStepper\";\nimport { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../../shad-cn-ui\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\n\nexport const SolidFormActionHeader = ({ formik, params, actionsAllowed, formViewLayout, solidView, solidFormViewMetaData, initialEntityData, setDeleteDialogVisible, setLayoutDialogVisible, setRedirectToList, viewMode, setViewMode, solidWorkflowFieldValue, setSolidWorkflowFieldValue, internationalisationEnabled, handleDraftPublishWorkFlow, publish, draftEnabled, onStepperUpdate, formData, isSubmitting, headerRequestStatusLabel, showMobileOpenChatter, onMobileOpenChatter }: any) => {\n    const handleCustomButtonClick = useHandleFormCustomButtonClickaction();\n    const router = useRouter();\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    const [contextMenuHeaderButtons, setContextMenuHeaderButtons] = useState<any>([]);\n    const [normalHeaderButtons, setNormalHeaderButtons] = useState<any>([]);\n    const [isNavigating, setIsNavigating] = useState(false);\n    const [formActionsMenuOpen, setFormActionsMenuOpen] = useState(false);\n    const createHeaderTitle = `Create ${solidView.model.displayName}`;\n    const editHeaderTitle = `Edit ${solidView.model.displayName}`;\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const isPublished = publish && publish !== 'null';   // record is published if publish has value\n    const activeHeaderRequestStatusLabel = headerRequestStatusLabel || (isNavigating ? \"Loading...\" : null);\n    // const shouldShowSaveForExistingRecord = viewMode === \"edit\" && formik.dirty;\n    const hasUserInteraction = Object.keys(formik?.touched || {}).length > 0;\n    const shouldShowSaveForExistingRecord = viewMode === \"edit\" && formik.dirty && hasUserInteraction;\n    \n    useEffect(() => {\n        if (solidView) {\n            let contextMenuHeaderButtonsData: any = [];\n            let normalHeaderButtonsData: any = [];\n            const formHeaderButtons = formViewLayout?.attrs?.formButtons;\n            if (formHeaderButtons && formHeaderButtons.length > 0) {\n\n                // Process normal header buttons\n                contextMenuHeaderButtonsData = formHeaderButtons.filter((button: any) => {\n                    const visibleToRole = button.attrs?.roles || [];\n                    const defaultVisible = button.attrs?.visible;\n                    if (defaultVisible === false) {\n                        return false;\n                    }\n                    if (visibleToRole.length > 0) {\n                        if (!hasAnyRole(user?.roles, visibleToRole)) {\n                            return false;\n                        }\n                    }\n                    return button.attrs && button.attrs.actionInContextMenu && button.attrs.actionInContextMenu === true;\n                });\n                setContextMenuHeaderButtons(contextMenuHeaderButtonsData)\n\n                // Process normal header buttons\n                normalHeaderButtonsData = formHeaderButtons.filter((button: any) => {\n                    const visibleToRole = button.attrs?.roles || [];\n                    if (visibleToRole.length > 0) {\n                        if (!hasAnyRole(user?.roles, visibleToRole)) {\n                            return false;\n                        }\n                    }\n\n                    return !button.attrs || !button.attrs.actionInContextMenu || button.attrs.actionInContextMenu === false;\n                });\n                setNormalHeaderButtons(normalHeaderButtonsData);\n            }\n        }\n    }, [formViewLayout]);\n\n    const updateViewMode = (newMode: \"view\" | \"edit\") => {\n        setViewMode(newMode);\n        const queryParams = new URLSearchParams(searchParams.toString());\n        queryParams.set(\"viewMode\", newMode);\n        const basePath = params?.id\n            ? normalizeSolidFormActionPath(pathname, `form/${params.id}`)\n            : pathname;\n        router.push(`${basePath}?${queryParams.toString()}`);\n        // const router = useRouter();\n        // const pathname = usePathname();\n        // const params = new URLSearchParams(searchParams?.toString() || \"\");\n        // params.set(\"viewMode\", newMode);\n        // router.push(`${pathname}?${params.toString()}`, { scroll: false });\n\n    };\n    const menuButtonClassNames = (...parts: Array<string | false | undefined>) => parts.filter(Boolean).join(\" \");\n\n    const FormActionMenuButton = ({\n        label,\n        icon,\n        onClick,\n        danger,\n    }: {\n        label: string;\n        icon?: string;\n        onClick: () => void;\n        danger?: boolean;\n    }) => (\n        <button\n            type=\"button\"\n            className={menuButtonClassNames(\"solid-row-action-button\", danger && \"solid-row-action-button-danger\")}\n            onClick={onClick}\n        >\n            {icon && (() => { const m = parseSolidIconMeta(icon); return m ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-row-action-button-icon\" /> : <i className={`${icon} solid-row-action-button-icon`} />; })()}\n            <span className=\"solid-row-action-button-label\">{label}</span>\n        </button>\n    );\n\n    const FormActionDropdown = () => {\n        const canPublish = actionsAllowed.includes(permissionExpression(params.modelName, 'publish'));\n        const canUnpublish = actionsAllowed.includes(permissionExpression(params.modelName, 'unpublish'));\n        const closeMenu = () => setFormActionsMenuOpen(false);\n\n        return (\n            <SolidPopover open={formActionsMenuOpen} onOpenChange={setFormActionsMenuOpen}>\n                <div className=\"flex gap-2\">\n                    <SolidPopoverTrigger asChild>\n                        <SolidButton\n                            variant=\"outline\"\n                            type=\"button\"\n                            icon={'si si-cog'}\n                            size=\"sm\"\n                            className=\"solid-icon-button hidden bg-[var(--surface-card)] md:flex\"\n                        />\n                    </SolidPopoverTrigger>\n                    <SolidPopoverTrigger asChild>\n                        <SolidButton\n                            variant=\"outline\"\n                            type=\"button\"\n                            icon={'si si-cog'}\n                            size=\"sm\"\n                            className=\"solid-icon-button bg-[var(--surface-card)] md:hidden\"\n                        />\n                    </SolidPopoverTrigger>\n                </div>\n                <SolidPopoverContent\n                    side=\"bottom\"\n                    align=\"end\"\n                    className=\"solid-form-actions-popover\"\n                    onClick={(event) => event.stopPropagation()}\n                >\n                    <div className=\"solid-row-actions-menu solid-form-actions-menu\">\n                        {params.embeded !== true &&\n                            params.id !== \"new\" &&\n                            actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&\n                            !isPublished &&\n                            solidView?.layout?.attrs?.showDeleteFormButton !== false &&\n                            !formViewLayout.attrs.readonly && (\n                                <FormActionMenuButton\n                                    label=\"Delete\"\n                                    icon=\"si si-trash\"\n                                    danger\n                                    onClick={() => {\n                                        setDeleteDialogVisible(true);\n                                        closeMenu();\n                                    }}\n                                />\n                            )}\n                        <FormActionMenuButton\n                            label=\"Layout\"\n                            icon=\"si si-objects-column\"\n                            onClick={() => {\n                                setLayoutDialogVisible(true);\n                                closeMenu();\n                            }}\n                        />\n                        {draftEnabled && params.id !== 'new' && (\n                            <>\n                                {!isPublished && canPublish && (\n                                    <FormActionMenuButton\n                                        label=\"Publish\"\n                                        icon=\"si si-cloud-upload\"\n                                        onClick={() => {\n                                            handleDraftPublishWorkFlow('publish');\n                                            closeMenu();\n                                        }}\n                                    />\n                                )}\n\n                                {isPublished && canUnpublish && (\n                                    <FormActionMenuButton\n                                        label=\"Unpublish\"\n                                        icon=\"si si-cloud-download\"\n                                        onClick={() => {\n                                            handleDraftPublishWorkFlow('unpublish');\n                                            closeMenu();\n                                        }}\n                                    />\n                                )}\n                            </>\n                        )}\n\n                        {contextMenuHeaderButtons.map((button: any, index: number) => {\n                            return (\n                                <SolidFormViewContextMenuHeaderButton\n                                    key={button?.attrs?.action ?? index}\n                                    button={button}\n                                    params={params}\n                                    formik={formik}\n                                    formData={formData}\n                                    solidFormViewMetaData={solidFormViewMetaData}\n                                    handleCustomButtonClick={handleCustomButtonClick}\n                                    variant=\"menu\"\n                                    onActionComplete={closeMenu}\n                                />\n                            )\n                        })}\n                        <div className=\"lg:hidden flex flex-col gap-1\">\n                            {normalHeaderButtons.map((button: any, index: number) => {\n                                return (\n                                    <SolidFormViewNormalHeaderButton\n                                        key={button?.attrs?.action ?? index}\n                                        button={button}\n                                        params={params}\n                                        formik={formik}\n                                        formData={formData}\n                                        solidFormViewMetaData={solidFormViewMetaData}\n                                        handleCustomButtonClick={handleCustomButtonClick}\n                                        variant=\"menu\"\n                                        onActionComplete={closeMenu}\n                                    />\n                                )\n                            })}\n                            {params.embeded !== true && params.draftEnabled &&\n                                !formViewLayout.attrs.readonly && params.publish !== 'null' &&\n                                formik.dirty && (\n                                    <FormActionMenuButton\n                                        label=\"Draft\"\n                                        onClick={() => { }}\n                                    />\n                                )}\n                        </div>\n                    </div>\n                </SolidPopoverContent>\n            </SolidPopover>\n        )\n    }\n    return (\n        <>\n            <div className=\"page-header solid-list-toolbar flex-col lg:flex-row\">\n                <div className=\"flex justify-between w-full solid-form-toolbar-row\">\n                    {params.id === \"new\" ? (\n                        <>\n                            <div className=\"flex gap-4 items-center solid-form-toolbar-left\">\n                                {/* {params.embeded !== true && <BackButton />}*/}\n                                {params.embeded == true &&\n                                    <p className=\"m-0 view-title solid-text-wrapper\">{createHeaderTitle}</p>\n                                }\n                                {params.embeded !== true &&\n                                    <SolidFormStepper\n                                        solidFormViewMetaData={solidFormViewMetaData}\n                                        initialEntityData={initialEntityData}\n                                        modelName={params.modelName}\n                                        id={params.id}\n                                        solidWorkflowFieldValue={solidWorkflowFieldValue}\n                                        setSolidWorkflowFieldValue={setSolidWorkflowFieldValue}\n                                        onStepperUpdate={onStepperUpdate}\n                                    ></SolidFormStepper>\n                                }\n                            </div>\n                            <div className=\"flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions\">\n                                <SolidHeaderRequestStatus label={activeHeaderRequestStatusLabel} />\n                                <div className=\"hidden lg:flex solid-header-buttons-wrapper\">\n                                    {normalHeaderButtons.map((button: any, index: number) => {\n                                        return (\n                                            <SolidFormViewNormalHeaderButton\n                                                key={index}\n                                                button={button}\n                                                params={params}\n                                                formik={formik}\n                                                formData={formData}\n                                                solidFormViewMetaData={solidFormViewMetaData}\n                                                handleCustomButtonClick={handleCustomButtonClick}\n                                            />\n\n                                        )\n                                    })\n                                    }\n                                </div>\n                                {params.embeded !== true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    formik.dirty &&\n                                    <div>\n                                        <SolidButton\n                                            label=\"Save\"\n                                            size=\"sm\"\n                                            type=\"submit\"\n                                            className=\"hidden lg:flex\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                        <SolidButton\n                                            size=\"sm\"\n                                            type=\"submit\"\n                                            className=\"lg:hidden solid-icon-button\"\n                                            icon=\"si si-check\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                    </div>\n                                }\n                                <div className=\"hidden lg:flex\">\n                                    {params.embeded !== true && params.draftEnabled &&\n                                        !formViewLayout.attrs.readonly && params.publish !== 'null' &&\n                                        formik.dirty &&\n                                        <div>\n                                            <SolidButton\n                                                label=\"Draft\"\n                                                size=\"sm\"\n                                                type=\"button\"\n                                            />\n                                        </div>\n                                    }\n                                </div>\n                                {params.embeded == true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    formik.dirty &&\n                                    <div>\n                                        <SolidButton\n                                            label=\"Save\"\n                                            size=\"sm\"\n                                            onClick={() => {\n                                                setRedirectToList(params.redirectToPath ? true : false);\n                                            }}\n                                            type=\"submit\"\n                                            className=\"hidden lg:flex\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                        <SolidButton\n                                            size=\"sm\"\n                                            onClick={() => {\n                                                setRedirectToList(params.redirectToPath ? true : false);\n                                            }}\n                                            type=\"submit\"\n                                            className=\"lg:hidden solid-icon-button\"\n                                            icon=\"si si-check\"\n                                            loading={isSubmitting}\n                                            disabled={isSubmitting}\n                                        />\n                                    </div>\n                                }\n                                {params.embeded == true &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" label=\"Close\" onClick={() => params.handlePopupClose()} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }} />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" icon=\"si si-times\" onClick={() => params.handlePopupClose()} className='solid-icon-button bg-[var(--primary-color-text)]' />\n                                        </div>\n                                    </>\n                                }\n                                {/* {params.embeded !== true &&\n                                <SolidCancelButton />\n                            } */}\n                                {\n                                    formViewLayout?.attrs?.showCogWheelFormButton !== false &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    <FormActionDropdown />\n                                }\n                                {\n                                    showMobileOpenChatter &&\n                                    <div className=\"lg:hidden\">\n                                        <SolidButton\n                                            type=\"button\"\n                                            icon=\"si si-comments\"\n                                            size=\"sm\"\n                                            className=\"solid-icon-button\"\n                                            onClick={onMobileOpenChatter}\n                                            aria-label=\"Open chatter\"\n                                        />\n                                    </div>\n                                }\n                            </div>\n                        </>\n                    ) : (\n                        <>\n                            <div className=\"flex gap-4 items-center solid-form-toolbar-left\">\n                                {params.embeded !== true &&\n                                    <SolidFormStepper\n                                        solidFormViewMetaData={solidFormViewMetaData}\n                                        initialEntityData={initialEntityData}\n                                        modelName={params.modelName}\n                                        id={params.id}\n                                        solidWorkflowFieldValue={solidWorkflowFieldValue}\n                                        setSolidWorkflowFieldValue={setSolidWorkflowFieldValue}\n                                        onStepperUpdate={onStepperUpdate}\n                                    ></SolidFormStepper>\n                                }\n                                {/* {params.embeded !== true && <BackButton />} */}\n                                {params.embeded == true &&\n                                    <p className=\"m-0 view-title solid-text-wrapper\">{viewMode === \"edit\" ? editHeaderTitle : solidView.model.displayName}</p>\n                                }\n                            </div>\n\n                            <div className=\"flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions\">\n                                <SolidHeaderRequestStatus label={activeHeaderRequestStatusLabel} />\n                                <div className=\"hidden lg:flex solid-header-buttons-wrapper\">\n                                    {normalHeaderButtons.map((button: any, index: number) => {\n                                        return (\n                                            // <SolidButton\n                                            //     text\n                                            //      type=\"button\"\n                                            //     className=\"w-full text-left gap-2\"\n                                            //     label={button.attrs.label}\n                                            //     size=\"small\"\n                                            //     iconPos=\"left\"\n                                            //     severity=\"contrast\"\n                                            //     icon={button?.attrs?.className ? button?.attrs?.className : \"si si-pencil\"}\n                                            //     onClick={() => {\n                                            //         const event = {\n                                            //             action: button.attrs.action,\n                                            //             params,\n                                            //             formik,\n                                            //             solidFormViewMetaData: solidFormViewMetaData.data\n                                            //         }\n                                            //         handleCustomButtonClick(button.attrs, event)\n                                            //     }}\n                                            // />\n                                            <SolidFormViewNormalHeaderButton\n                                                key={index}\n                                                button={button}\n                                                params={params}\n                                                formik={formik}\n                                                formData={formData}\n                                                solidFormViewMetaData={solidFormViewMetaData}\n                                                handleCustomButtonClick={handleCustomButtonClick}\n                                            />\n                                        )\n                                    })\n                                    }\n                                </div>\n                                {\n                                    !formViewLayout.attrs.readonly &&\n                                    formViewLayout.attrs?.showAddFormButton !== false &&\n                                    params.embeded !== true &&\n                                    viewMode === \"view\" &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton type=\"button\" label=\"Add\" size='sm' onClick={() => {\n                                                    setIsNavigating(true);\n                                                    router.replace(`${normalizeSolidFormActionPath(pathname, \"form\")}/new?viewMode=edit`);\n                                                }} loading={isNavigating} disabled={isNavigating} />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton type=\"button\" icon=\"si si-plus\" size='sm' onClick={() => {\n                                                setIsNavigating(true);\n                                                router.replace(`${normalizeSolidFormActionPath(pathname, \"form\")}/new?viewMode=edit`);\n                                            }} className=\"solid-icon-button\" loading={isNavigating} disabled={isNavigating} />\n                                        </div>\n                                    </>\n                                }\n                                {\n                                    !formViewLayout.attrs.readonly &&\n                                    formViewLayout.attrs?.showEditFormButton !== false &&\n                                    params.embeded !== true &&\n                                    viewMode === \"view\" &&\n                                    !isPublished &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton label=\"Edit\" size=\"sm\" onClick={() => updateViewMode(\"edit\")} type=\"button\" />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton icon=\"si si-pencil\" size=\"sm\" onClick={() => updateViewMode(\"edit\")} type=\"button\" className=\"solid-icon-button\" />\n                                        </div>\n                                    </>\n                                }\n\n                                {\n                                    params.embeded !== true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    shouldShowSaveForExistingRecord &&\n\n                                    <div>\n                                        <SolidButton label=\"Save\" size=\"sm\" type=\"submit\" className=\"hidden lg:flex\" loading={isSubmitting} disabled={isSubmitting} />\n                                        <SolidButton size=\"sm\" type=\"submit\" className=\"lg:hidden solid-icon-button\" icon=\"si si-check\" loading={isSubmitting} disabled={isSubmitting} />\n                                    </div>\n                                }\n\n                                {/* Inline */}\n\n                                {\n                                    params.embeded == true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    !formViewLayout.attrs.readonly &&\n                                    shouldShowSaveForExistingRecord &&\n\n                                    <div>\n                                        <SolidButton label=\"Save\" size=\"sm\" type=\"submit\" className=\"hidden lg:flex\" loading={isSubmitting} disabled={isSubmitting} />\n                                        <SolidButton size=\"sm\" type=\"submit\" className=\"lg:hidden solid-icon-button\" icon=\"si si-check\" loading={isSubmitting} disabled={isSubmitting} />\n\n                                    </div>\n                                }\n\n                                {\n                                    params.embeded == true &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&\n                                    formViewLayout.attrs?.showDeleteFormButton !== false &&\n                                    !formViewLayout.attrs.readonly &&\n                                    !isPublished &&\n                                    <div>\n                                        <SolidButton size=\"sm\" type=\"button\" label=\"Delete\" variant=\"destructive\" onClick={() => setDeleteDialogVisible(true)} />\n                                    </div>\n                                }\n                                {\n                                    params.embeded == true &&\n                                    <>\n                                        <div className=\"hidden lg:flex\">\n                                            <div>\n                                                <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" label=\"Close\" onClick={() => params.handlePopupClose()} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }} />\n                                            </div>\n                                        </div>\n                                        <div className=\"lg:hidden\">\n                                            <SolidButton variant=\"outline\" size=\"sm\" type=\"button\" icon=\"si si-times\" onClick={() => params.handlePopupClose()} className='solid-icon-button bg-[var(--primary-color-text)]' />\n                                        </div>\n                                    </>\n                                }\n                                {/* {\n                                params.embeded !== true &&\n\n                                <SolidCancelButton />\n                            } */}\n                                {\n                                    formViewLayout?.attrs?.showCogWheelFormButton !== false &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&\n                                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n\n                                    <FormActionDropdown />\n                                }\n                                {\n                                    showMobileOpenChatter &&\n                                    <div className=\"lg:hidden\">\n                                        <SolidButton\n                                            type=\"button\"\n                                            icon=\"si si-comments\"\n                                            size=\"sm\"\n                                            className=\"solid-icon-button\"\n                                            onClick={onMobileOpenChatter}\n                                            aria-label=\"Open chatter\"\n                                        />\n                                    </div>\n                                }\n                            </div>\n                        </>\n                    )}\n                </div>\n            </div>\n            {/* {params.embeded !== true &&\n                <SolidFormHeader\n                    solidFormViewMetaData={solidFormViewMetaData}\n                    initialEntityData={initialEntityData}\n                    modelName={params.modelName}\n                    id={params.id}\n                    solidWorkflowFieldValue={solidWorkflowFieldValue}\n                    setSolidWorkflowFieldValue={setSolidWorkflowFieldValue}\n                    onStepperUpdate={onStepperUpdate}\n                />\n            } */}\n        </>\n    )\n}\n"]}