@solidstarters/solid-core-ui 1.1.206 → 1.1.207

package/dist/components/core/filter/fields/SolidMediaSingleField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,qBAAqB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACjE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;QAChD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,kEAAkE;IAElE,OAAO,CACH,eAAK,SAAS,EAAC,qCAAqC,aAChD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;oBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC1C,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,qBAAqB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACjE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;QAChD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,kEAAkE;IAElE,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAC1E,cAAK,SAAS,EAAC,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,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,wBAAwB,GACpC,GACA,EAEN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/core/filter/fields/SolidRelationField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,QAAA,MAAM,kBAAkB,6CAA8C,uBAAuB,wDAM5F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SolidRelationField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAI/D,QAAA,MAAM,kBAAkB,6CAA8C,uBAAuB,wDAS5F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/core/filter/fields/SolidRelationField.js

@@ -1,10 +1,14 @@
 "use client";
+import SolidRelationManyToManyField from './relations/SolidRelationManyToManyField';
 import SolidRelationManyToOneField from './relations/SolidRelationManyToOneField';
 var SolidRelationField = function (_a) {
     var fieldMetadata = _a.fieldMetadata, onChange = _a.onChange, index = _a.index, rule = _a.rule;
     if (fieldMetadata.relationType === 'many-to-one') {
         return SolidRelationManyToOneField({ fieldMetadata: fieldMetadata, onChange: onChange, index: index, rule: rule });
     }
+    if (fieldMetadata.relationType === 'many-to-many') {
+        return SolidRelationManyToManyField({ fieldMetadata: fieldMetadata, onChange: onChange, index: index, rule: rule });
+    }
     // TODO: Support one-to-many
     // TODO: Support many-to-many
 };

package/dist/components/core/filter/fields/SolidRelationField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,2BAA2B,MAAM,yCAAyC,CAAC;AAElF,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC9D,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,2BAA2B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAChF;IACD,4BAA4B;IAC5B,6BAA6B;AACjC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SolidRelationField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,4BAA4B,MAAM,0CAA0C,CAAC;AACpF,OAAO,2BAA2B,MAAM,yCAAyC,CAAC;AAElF,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC9D,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,2BAA2B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAChF;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,cAAc,EAAE;QAC/C,OAAO,4BAA4B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KACjF;IACD,4BAA4B;IAC5B,6BAA6B;AACjC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/core/filter/fields/SolidSelectionDynamicField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionDynamicField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGlF,QAAA,MAAM,0BAA0B,6CAA8C,uBAAuB,4CAuCpG,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"SolidSelectionDynamicField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGlF,QAAA,MAAM,0BAA0B,6CAA8C,uBAAuB,4CA6CpG,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/core/filter/fields/SolidSelectionDynamicField.js

@@ -9,11 +9,13 @@ var SolidSelectionDynamicField = function (_a) {
     var filterMatchModeOptions = [
         { label: 'In', value: "$in" },
         { label: 'Not In', value: "$notIn" },
+        { label: 'Is null', value: "$null" },
+        { label: 'Is Not null', value: "$notNull" }
     ];
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (_jsxs("div", { className: 'flex align-items-start gap-3 w-full', children: [_jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
-                    onChange(rule.id, 'matchMode', e.value);
-                }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full p-inputtext-sm" }), _jsx("div", { className: 'flex flex-column gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+    return (_jsxs("div", { className: 'flex flex-column md:flex-row align-items-start gap-2 md:gap-0', children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, 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-2 md:pr-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.SelectionDynamic, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/SolidSelectionDynamicField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionDynamicField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,0BAA0B,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACtE,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,aAAa,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACvF,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,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAIzD,OAAO,CACH,eAAK,SAAS,EAAC,qCAAqC,aAChD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;oBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC1C,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,gBAAgB,EACtC,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"SolidSelectionDynamicField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,0BAA0B,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACtE,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,aAAa,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACvF,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAIzD,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAC1E,cAAK,SAAS,EAAC,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,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,GACA,EAEN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,gBAAgB,EACtC,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/core/filter/fields/SolidSelectionStaticField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAIlF,QAAA,MAAM,yBAAyB,6CAA8C,uBAAuB,4CAuCnG,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"SolidSelectionStaticField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAIlF,QAAA,MAAM,yBAAyB,6CAA8C,uBAAuB,4CA6CnG,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/core/filter/fields/SolidSelectionStaticField.js

@@ -11,11 +11,13 @@ var SolidSelectionStaticField = function (_a) {
     var filterMatchModeOptions = [
         { label: 'In', value: "$in" },
         { label: 'Not In', value: "$notIn" },
+        { label: 'Is null', value: "$null" },
+        { label: 'Is Not null', value: "$notNull" }
     ];
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (_jsxs("div", { className: 'flex align-items-start gap-3 w-full', children: [_jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
-                    onChange(rule.id, 'matchMode', e.value);
-                }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full p-inputtext-sm" }), _jsx("div", { className: 'flex flex-column gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+    return (_jsxs("div", { className: 'flex flex-column md:flex-row align-items-start gap-2 md:gap-0', children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, 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-2 md:pr-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.SelectionStatic, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/SolidSelectionStaticField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAGzF,IAAM,yBAAyB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAErE,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,aAAa,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACvF,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,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,qCAAqC,aAChD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;oBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC1C,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,eAAe,EACrC,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"SolidSelectionStaticField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAGzF,IAAM,yBAAyB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAErE,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,aAAa,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACvF,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IAEF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAC1E,cAAK,SAAS,EAAC,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,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,GACA,EAEN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,eAAe,EACrC,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/core/filter/fields/SolidShortTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidShortTextField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGlF,QAAA,MAAM,mBAAmB,6CAA8C,uBAAuB,4CA8C7F,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SolidShortTextField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGlF,QAAA,MAAM,mBAAmB,6CAA8C,uBAAuB,4CAoD7F,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/core/filter/fields/SolidShortTextField.js

@@ -16,13 +16,15 @@ var SolidShortTextField = function (_a) {
         { label: 'Equals', value: "$eqi" },
         { label: 'Not Equals', value: "$nei" },
         { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" }
+        { label: 'Not In', value: "$notIn" },
+        { label: 'Is null', value: "$null" },
+        { label: 'Is Not null', value: "$notNull" }
     ];
     // const header = column.attrs.label ?? fieldMetadata.displayName;
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (_jsxs("div", { className: 'flex align-items-start gap-3 w-full', children: [_jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
-                    onChange(rule.id, 'matchMode', e.value);
-                }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full p-inputtext-sm" }), _jsx("div", { className: 'flex flex-column gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+    return (_jsxs("div", { className: 'flex flex-column md:flex-row align-items-start gap-2 md:gap-0', children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, 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-2 md:pr-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/SolidShortTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidShortTextField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,mBAAmB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC/D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;QAChD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvC,CAAC;IAEF,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,qCAAqC,aAChD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;oBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC1C,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SolidShortTextField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,mBAAmB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC/D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;QAChD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IAEF,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAC1E,cAAK,SAAS,EAAC,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,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,GACA,EAEN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/core/filter/fields/SolidTimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTimeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidTimeField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAIlF,QAAA,MAAM,cAAc,6CAA8C,uBAAuB,4CAoCxF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidTimeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidTimeField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAIlF,QAAA,MAAM,cAAc,6CAA8C,uBAAuB,4CAuCxF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/core/filter/fields/SolidTimeField.js

@@ -12,9 +12,9 @@ var SolidTimeField = function (_a) {
     // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
     // const header = column.attrs.label ?? fieldMetadata.displayName;
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (_jsxs("div", { className: 'flex align-items-start gap-3 w-full', children: [_jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
-                    onChange(rule.id, 'matchMode', e.value);
-                }, options: dateFilterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full p-inputtext-sm" }), _jsx("div", { className: 'flex flex-column gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+    return (_jsxs("div", { className: 'flex flex-column md:flex-row align-items-start gap-2 md:gap-0', children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
+                        onChange(rule.id, 'matchMode', e.value);
+                    }, options: dateFilterMatchModeOptions, 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 (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Time, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/SolidTimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidTimeField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAE9D,IAAM,cAAc,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC1D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAE9B,kHAAkH;IAClH,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,OAAO,CACH,eAAK,SAAS,EAAC,qCAAqC,aAChD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;oBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC3C,CAAC,EACD,OAAO,EAAE,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC1C,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidTimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidTimeField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAE9D,IAAM,cAAc,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC1D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAE9B,kHAAkH;IAClH,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAC1E,cAAK,SAAS,EAAC,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAEN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/core/filter/fields/SolidUuidField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidUuidField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidUuidField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGlF,QAAA,MAAM,cAAc,6CAA8C,uBAAuB,4CAqCxF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidUuidField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidUuidField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGlF,QAAA,MAAM,cAAc,6CAA8C,uBAAuB,4CA2CxF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/core/filter/fields/SolidUuidField.js

@@ -10,11 +10,13 @@ var SolidUuidField = function (_a) {
     var filterMatchModeOptions = [
         { label: 'In', value: "$in" },
         { label: 'Not In', value: "$notIn" },
+        { label: 'Is null', value: "$null" },
+        { label: 'Is Not null', value: "$notNull" }
     ];
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (_jsxs("div", { className: 'flex align-items-start gap-3 w-full', children: [_jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
-                    onChange(rule.id, 'matchMode', e.value);
-                }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full p-inputtext-sm" }), _jsx("div", { className: 'flex flex-column gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+    return (_jsxs("div", { className: 'flex flex-column md:flex-row align-items-start gap-2 md:gap-0', children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
+                        onChange(rule.id, 'matchMode', e.value);
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full p-inputtext-sm col-12 md:col-6" }) }), _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 (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/SolidUuidField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidUuidField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidUuidField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,cAAc,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC1D,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,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,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,qCAAqC,aAChD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;oBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC1C,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidUuidField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidUuidField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,cAAc,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC1D,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAC1E,cAAK,SAAS,EAAC,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,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,uCAAuC,GACnD,GACA,EAEN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/core/filter/fields/relations/SolidRelationManyToManyField.d.ts

@@ -0,0 +1,4 @@
+import { SolidFilterFieldsParams } from '../../SolidFilterFields';
+declare const SolidRelationManyToManyField: ({ fieldMetadata, onChange, index, rule, }: SolidFilterFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidRelationManyToManyField;
+//# sourceMappingURL=SolidRelationManyToManyField.d.ts.map

package/dist/components/core/filter/fields/relations/SolidRelationManyToManyField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRelationManyToManyField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToManyField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAqB,MAAM,yBAAyB,CAAC;AAIrF,QAAA,MAAM,4BAA4B,8CAK/B,uBAAuB,4CAgDzB,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

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

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getNumberOfInputs } from '../../SolidFilterFields';
+import { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';
+import { Dropdown } from 'primereact/dropdown';
+var SolidRelationManyToManyField = function (_a) {
+    var fieldMetadata = _a.fieldMetadata, onChange = _a.onChange, index = _a.index, rule = _a.rule;
+    var filterMatchModeOptions = [
+        { label: 'In', value: '$in' },
+        { label: 'Not In', value: '$notIn' }
+        // { label: 'Is Empty', value: '$null' },
+        // { label: 'Is Not Empty', value: '$notNull' },
+    ];
+    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-0", children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, 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) {
+                        onChange(index, 'value', value);
+                    }, numberOfInputs: numberOfInputs, inputType: InputTypes.RelationManyToMany, fieldMetadata: fieldMetadata }) })] }));
+};
+export default SolidRelationManyToManyField;
+//# sourceMappingURL=SolidRelationManyToManyField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRelationManyToManyField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToManyField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA2B,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,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,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,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"}

package/dist/components/core/filter/fields/relations/SolidRelationManyToOneField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToOneField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAErF,QAAA,MAAM,2BAA2B,6CAA8C,uBAAuB,4CAwErG,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"SolidRelationManyToOneField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAErF,QAAA,MAAM,2BAA2B,6CAA8C,uBAAuB,4CA4ErG,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

@@ -41,9 +41,9 @@ var SolidRelationManyToOneField = function (_a) {
     //     }
     // };
     // const header = column.attrs.label ?? fieldMetadata.displayName;
-    return (_jsxs("div", { className: 'flex align-items-start gap-3 w-full', children: [_jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
-                    onChange(rule.id, 'matchMode', e.value);
-                }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full p-inputtext-sm" }), _jsx("div", { className: 'flex flex-column gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+    return (_jsxs("div", { className: 'flex flex-column md:flex-row align-items-start gap-2 md:gap-0', children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, 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-2 md:pr-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":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAErF,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,qCAAqC,aAChD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM;oBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC1C,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"}
+{"version":3,"file":"SolidRelationManyToOneField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAErF,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,sCAAsC,YAErD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,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,6DAA6D,YACxE,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"}

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

@@ -1,2 +1,2 @@
-export declare const SolidFormActionHeader: ({ formik, params, actionsAllowed, formViewLayout, solidView, solidFormViewMetaData, initialEntityData, setDeleteDialogVisible, setLayoutDialogVisible, setRedirectToList, viewMode, setViewMode, solidWorkflowFieldValue, setSolidWorkflowFieldValue, internationalisationEnabled, handleDraftPublishWorkFlow, publish, draftEnabled }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SolidFormActionHeader: ({ formik, params, actionsAllowed, formViewLayout, solidView, solidFormViewMetaData, initialEntityData, setDeleteDialogVisible, setLayoutDialogVisible, setRedirectToList, viewMode, setViewMode, solidWorkflowFieldValue, setSolidWorkflowFieldValue, internationalisationEnabled, handleDraftPublishWorkFlow, publish, draftEnabled, onStepperUpdate }: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SolidFormActionHeader.d.ts.map

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

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

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

@@ -1,7 +1,6 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { BackButton } from "../../../components/common/BackButton";
-import { SolidCancelButton } from "../../../components/common/CancelButton";
 import { SolidFormHeader } from "../../../components/common/SolidFormHeader";
 import { useHandleFormCustomButtonClickaction } from "../../../components/common/useHandleFormCustomButtonClick";
 import { permissionExpression } from "../../../helpers/permissions";
@@ -14,15 +13,15 @@ import { SolidFormViewContextMenuHeaderButton } from "./SolidFormViewContextMenu
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { useSelector } from "react-redux";
 export var SolidFormActionHeader = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    var formik = _a.formik, params = _a.params, actionsAllowed = _a.actionsAllowed, formViewLayout = _a.formViewLayout, solidView = _a.solidView, solidFormViewMetaData = _a.solidFormViewMetaData, initialEntityData = _a.initialEntityData, setDeleteDialogVisible = _a.setDeleteDialogVisible, setLayoutDialogVisible = _a.setLayoutDialogVisible, setRedirectToList = _a.setRedirectToList, viewMode = _a.viewMode, setViewMode = _a.setViewMode, solidWorkflowFieldValue = _a.solidWorkflowFieldValue, setSolidWorkflowFieldValue = _a.setSolidWorkflowFieldValue, internationalisationEnabled = _a.internationalisationEnabled, handleDraftPublishWorkFlow = _a.handleDraftPublishWorkFlow, publish = _a.publish, draftEnabled = _a.draftEnabled;
+    var _b, _c, _d, _e, _f;
+    var formik = _a.formik, params = _a.params, actionsAllowed = _a.actionsAllowed, formViewLayout = _a.formViewLayout, solidView = _a.solidView, solidFormViewMetaData = _a.solidFormViewMetaData, initialEntityData = _a.initialEntityData, setDeleteDialogVisible = _a.setDeleteDialogVisible, setLayoutDialogVisible = _a.setLayoutDialogVisible, setRedirectToList = _a.setRedirectToList, viewMode = _a.viewMode, setViewMode = _a.setViewMode, solidWorkflowFieldValue = _a.solidWorkflowFieldValue, setSolidWorkflowFieldValue = _a.setSolidWorkflowFieldValue, internationalisationEnabled = _a.internationalisationEnabled, handleDraftPublishWorkFlow = _a.handleDraftPublishWorkFlow, publish = _a.publish, draftEnabled = _a.draftEnabled, onStepperUpdate = _a.onStepperUpdate;
     var handleCustomButtonClick = useHandleFormCustomButtonClickaction();
     var router = useRouter();
     var pathname = usePathname();
     var searchParams = useSearchParams();
     var op = useRef(null);
-    var _k = useState([]), contextMenuHeaderButtons = _k[0], setContextMenuHeaderButtons = _k[1];
-    var _l = useState([]), normalHeaderButtons = _l[0], setNormalHeaderButtons = _l[1];
+    var _g = useState([]), contextMenuHeaderButtons = _g[0], setContextMenuHeaderButtons = _g[1];
+    var _h = useState([]), normalHeaderButtons = _h[0], setNormalHeaderButtons = _h[1];
     var createHeaderTitle = "Create ".concat(solidView.model.displayName);
     var editHeaderTitle = "Edit ".concat(solidView.model.displayName);
     var user = useSelector(function (state) { return state.auth; }).user;
@@ -64,7 +63,7 @@ export var SolidFormActionHeader = function (_a) {
                 setNormalHeaderButtons(normalHeaderButtonsData);
             }
         }
-    }, []);
+    }, [formViewLayout]);
     var updateViewMode = function (newMode) {
         setViewMode(newMode);
         var params = new URLSearchParams(searchParams.toString());
@@ -80,114 +79,111 @@ export var SolidFormActionHeader = function (_a) {
         var _a, _b;
         var canPublish = actionsAllowed.includes(permissionExpression(params.modelName, 'publish'));
         var canUnpublish = actionsAllowed.includes(permissionExpression(params.modelName, 'unpublish'));
-        return (_jsxs("div", { children: [_jsx(Button, { outlined: true, severity: "secondary", type: "button", icon: 'pi pi-cog', size: "small", className: "surface-card p-0", style: {
-                        height: 33.06,
-                        width: 33.06
-                    }, onClick: function (e) {
-                        // @ts-ignore 
-                        return op.current.toggle(e);
-                    } }), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [params.embeded !== true &&
+        return (_jsxs("div", { children: [_jsxs("div", { children: [_jsx(Button, { outlined: true, severity: "secondary", type: "button", icon: 'pi pi-cog', size: "small", className: "surface-card solid-icon-button hidden md:flex", 
+                            // style={{
+                            //     height: 33.06,
+                            //     width: 33.06
+                            // }}
+                            onClick: function (e) {
+                                // @ts-ignore 
+                                return op.current.toggle(e);
+                            } }), _jsx(Button, { outlined: true, type: "button", icon: 'pi pi-cog', size: "small", className: "surface-card solid-icon-button md:hidden", 
+                            // style={{
+                            //     height: 33.06,
+                            //     width: 33.06
+                            // }}
+                            onClick: function (e) {
+                                // @ts-ignore 
+                                return op.current.toggle(e);
+                            } })] }), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [params.embeded !== true &&
                                 params.id !== "new" &&
                                 actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                 !isPublished &&
                                 ((_b = (_a = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b.showDeleteFormButton) !== false &&
                                 !formViewLayout.attrs.readonly &&
                                 _jsx(Button, { text: true, type: "button", className: "w-8rem text-left gap-2", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: 'pi pi-trash', onClick: function () { return setDeleteDialogVisible(true); } }), _jsx(Button, { text: true, type: "button", className: "w-8rem text-left gap-2 purple-200", label: "Layout", size: "small", iconPos: "left", severity: "contrast", icon: 'pi pi-objects-column', onClick: function () { return setLayoutDialogVisible(true); } }), draftEnabled && params.id !== 'new' && (_jsxs(_Fragment, { children: [!isPublished && canPublish && (_jsx(Button, { text: true, type: "button", className: "w-8rem text-left gap-2 purple-200", label: "Publish", size: "small", iconPos: "left", severity: "contrast", icon: "pi pi-cloud-upload", onClick: function () { return handleDraftPublishWorkFlow('publish'); } })), isPublished && canUnpublish && (_jsx(Button, { text: true, type: "button", className: "w-8rem text-left gap-2 purple-200", label: "Unpublish", size: "small", iconPos: "left", severity: "contrast", icon: "pi pi-cloud-download", onClick: function () { return handleDraftPublishWorkFlow('unpublish'); } }))] })), contextMenuHeaderButtons.map(function (button, index) {
-                                return (_jsx(SolidFormViewContextMenuHeaderButton, { button: button, params: params, formik: formik, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index));
-                            })] }) })] }));
+                                var _a, _b;
+                                return (_jsx(SolidFormViewContextMenuHeaderButton, { button: button, params: params, formik: formik, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, (_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) {
+                                        var _a, _b;
+                                        return (_jsx(SolidFormViewNormalHeaderButton, { button: button, params: params, formik: formik, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, (_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("div", { children: _jsx(Button, { label: "Draft", size: "small", type: "button" }) })] })] }) })] }));
     };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "solid-form-header", children: params.id === "new" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [params.embeded !== true && _jsx(BackButton, {}), _jsxs("div", { className: "form-wrapper-title", children: [" ", createHeaderTitle] })] }), _jsxs("div", { className: "gap-3 flex", children: [normalHeaderButtons.map(function (button, index) {
-                                    return (
-                                    // <Button
-                                    //     text
-                                    //     type="button"
-                                    //     className="w-full text-left gap-2"
-                                    //     label={button.attrs.label}
-                                    //     size="small"
-                                    //     iconPos="left"
-                                    //     severity="contrast"
-                                    //     icon={button?.attrs?.className ? button?.attrs?.className : "pi pi-pencil"}
-                                    //     onClick={() => {
-                                    //         const event = {
-                                    //             action: button.attrs.action,
-                                    //             params,
-                                    //             formik,
-                                    //             solidFormViewMetaData: solidFormViewMetaData.data
-                                    //         }
-                                    //         handleCustomButtonClick(button.attrs, event)
-                                    //     }}
-                                    // />
-                                    _jsx(SolidFormViewNormalHeaderButton, { button: button, params: params, formik: formik, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index));
-                                }), params.embeded !== true &&
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "solid-form-header", children: params.id === "new" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [params.embeded !== true && _jsx(BackButton, {}), _jsxs("div", { className: "form-wrapper-title solid-text-wrapper", children: [" ", createHeaderTitle] })] }), _jsxs("div", { className: "flex solid-header-buttons-wrapper", children: [_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, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index));
+                                    }) }), params.embeded !== true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     formik.dirty &&
-                                    _jsx("div", { children: _jsx(Button, { label: "Save", size: "small", type: "submit" }) }), params.embeded !== true && params.draftEnabled &&
-                                    !formViewLayout.attrs.readonly && params.publish !== 'null' &&
-                                    formik.dirty &&
-                                    _jsx("div", { children: _jsx(Button, { label: "Draft", size: "small", type: "button" }) }), params.embeded == true &&
+                                    _jsxs("div", { children: [_jsx(Button, { label: "Save", size: "small", type: "submit", className: "hidden lg:flex" }), _jsx(Button, { size: "small", type: "submit", className: "lg:hidden solid-icon-button", icon: "pi pi-check" })] }), _jsx("div", { className: "hidden lg:flex", children: params.embeded !== true && params.draftEnabled &&
+                                        !formViewLayout.attrs.readonly && params.publish !== 'null' &&
+                                        formik.dirty &&
+                                        _jsx("div", { children: _jsx(Button, { label: "Draft", size: "small", type: "button" }) }) }), params.embeded == true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     formik.dirty &&
-                                    _jsx("div", { children: _jsx(Button, { label: "Save", size: "small", onClick: function () {
-                                                setRedirectToList(params.redirectToPath ? true : false);
-                                            }, type: "submit" }) }), params.embeded == true &&
-                                    _jsx(Button, { outlined: true, size: "small", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-primary-reverse', style: { minWidth: 66 } }), params.embeded !== true &&
-                                    _jsx(SolidCancelButton, {}), ((_b = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.showCogWheelFormButton) !== false &&
+                                    _jsxs("div", { children: [_jsx(Button, { label: "Save", size: "small", onClick: function () {
+                                                    setRedirectToList(params.redirectToPath ? true : false);
+                                                }, type: "submit", className: "hidden lg:flex" }), _jsx(Button, { size: "small", onClick: function () {
+                                                    setRedirectToList(params.redirectToPath ? true : false);
+                                                }, type: "submit", className: "lg:hidden solid-icon-button", icon: "pi pi-check" })] }), params.embeded == true &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(Button, { outlined: true, size: "small", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-primary-reverse ', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(Button, { outlined: true, size: "small", type: "button", icon: "pi pi-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 &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                    _jsx(FormActionDropdown, {})] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [params.embeded !== true && _jsx(BackButton, {}), _jsxs("div", { className: "form-wrapper-title", children: [" ", viewMode === "edit" ? editHeaderTitle : solidView.model.displayName] })] }), _jsxs("div", { className: "gap-3 flex", children: [normalHeaderButtons.map(function (button, index) {
-                                    return (
-                                    // <Button
-                                    //     text
-                                    //     type="button"
-                                    //     className="w-full text-left gap-2"
-                                    //     label={button.attrs.label}
-                                    //     size="small"
-                                    //     iconPos="left"
-                                    //     severity="contrast"
-                                    //     icon={button?.attrs?.className ? button?.attrs?.className : "pi pi-pencil"}
-                                    //     onClick={() => {
-                                    //         const event = {
-                                    //             action: button.attrs.action,
-                                    //             params,
-                                    //             formik,
-                                    //             solidFormViewMetaData: solidFormViewMetaData.data
-                                    //         }
-                                    //         handleCustomButtonClick(button.attrs, event)
-                                    //     }}
-                                    // />
-                                    _jsx(SolidFormViewNormalHeaderButton, { button: button, params: params, formik: formik, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index));
-                                }), !formViewLayout.attrs.readonly &&
-                                    ((_d = (_c = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.showAddFormButton) !== false &&
+                                    _jsx(FormActionDropdown, {})] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [params.embeded !== true && _jsx(BackButton, {}), _jsxs("div", { className: "form-wrapper-title solid-text-wrapper", children: [" ", viewMode === "edit" ? editHeaderTitle : solidView.model.displayName] })] }), _jsxs("div", { className: "flex solid-header-buttons-wrapper", children: [_jsx("div", { className: "hidden lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
+                                        return (
+                                        // <Button
+                                        //     text
+                                        //     type="button"
+                                        //     className="w-full text-left gap-2"
+                                        //     label={button.attrs.label}
+                                        //     size="small"
+                                        //     iconPos="left"
+                                        //     severity="contrast"
+                                        //     icon={button?.attrs?.className ? button?.attrs?.className : "pi pi-pencil"}
+                                        //     onClick={() => {
+                                        //         const event = {
+                                        //             action: button.attrs.action,
+                                        //             params,
+                                        //             formik,
+                                        //             solidFormViewMetaData: solidFormViewMetaData.data
+                                        //         }
+                                        //         handleCustomButtonClick(button.attrs, event)
+                                        //     }}
+                                        // />
+                                        _jsx(SolidFormViewNormalHeaderButton, { button: button, params: params, formik: formik, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index));
+                                    }) }), !formViewLayout.attrs.readonly &&
+                                    ((_c = formViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showAddFormButton) !== false &&
                                     params.embeded !== true &&
                                     viewMode === "view" &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                    _jsx(Button, { type: "button", label: "Add", size: 'small', onClick: function () { return router.replace('new?viewMode=edit'); } }), !formViewLayout.attrs.readonly &&
-                                    ((_f = (_e = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.showEditFormButton) !== false &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(Button, { type: "button", label: "Add", size: 'small', onClick: function () { return router.replace('new?viewMode=edit'); } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(Button, { type: "button", icon: "pi pi-plus", size: 'small', onClick: function () { return router.replace('new?viewMode=edit'); }, className: "p-button-sm solid-icon-button" }) })] }), !formViewLayout.attrs.readonly &&
+                                    ((_d = formViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.showEditFormButton) !== false &&
                                     params.embeded !== true &&
                                     viewMode === "view" &&
                                     !isPublished &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-                                    _jsx("div", { children: _jsx(Button, { label: "Edit", size: "small", onClick: function () { return updateViewMode("edit"); }, type: "button" }) }), params.embeded !== true &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(Button, { label: "Edit", size: "small", onClick: function () { return updateViewMode("edit"); }, type: "button" }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(Button, { icon: "pi pi-pencil", size: "small", onClick: function () { return updateViewMode("edit"); }, type: "button", className: "p-button-sm solid-icon-button " }) })] }), params.embeded !== true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     formik.dirty &&
-                                    _jsx("div", { children: _jsx(Button, { label: "Save", size: "small", type: "submit" }) }), params.embeded == true &&
+                                    _jsxs("div", { children: [_jsx(Button, { label: "Save", size: "small", type: "submit", className: "hidden lg:flex" }), _jsx(Button, { size: "small", type: "submit", className: "lg:hidden solid-icon-button", icon: "pi pi-check" })] }), params.embeded == true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     formik.dirty &&
-                                    _jsx("div", { children: _jsx(Button, { label: "Save", size: "small", type: "submit" }) }), params.embeded == true &&
+                                    _jsxs("div", { children: [_jsx(Button, { label: "Save", size: "small", type: "submit", className: "hidden lg:flex" }), _jsx(Button, { size: "small", type: "submit", className: "lg:hidden solid-icon-button", icon: "pi pi-check" })] }), params.embeded == true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-                                    ((_h = (_g = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.showDeleteFormButton) !== false &&
+                                    ((_e = formViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.showDeleteFormButton) !== false &&
                                     !formViewLayout.attrs.readonly &&
                                     !isPublished &&
                                     _jsx("div", { children: _jsx(Button, { size: "small", type: "button", label: "Delete", severity: "danger", onClick: function () { return setDeleteDialogVisible(true); } }) }), params.embeded == true &&
-                                    _jsx(Button, { outlined: true, size: "small", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-primary-reverse', style: { minWidth: 66 } }), params.embeded !== true &&
-                                    _jsx(SolidCancelButton, {}), ((_j = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _j === void 0 ? void 0 : _j.showCogWheelFormButton) !== false &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(Button, { outlined: true, size: "small", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-primary-reverse ', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(Button, { outlined: true, size: "small", type: "button", icon: "pi pi-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 &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     _jsx(FormActionDropdown, {})] })] })) }), params.embeded !== true &&
-                _jsx(SolidFormHeader, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue })] }));
+                _jsx(SolidFormHeader, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, onStepperUpdate: onStepperUpdate })] }));
 };
 //# sourceMappingURL=SolidFormActionHeader.js.map