npm - @solidxai/core-ui - Versions diffs - 0.1.15 → 0.1.16-beta.0 - Mend

@solidxai/core-ui 0.1.15 → 0.1.16-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/dist/components/core/filter/fields/SolidExternalIdField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidExternalIdField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidExternalIdField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,oBAAoB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAChE,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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;IAGzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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,oBAAoB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidExternalIdField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\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 <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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidExternalIdField;\n"]}
1	+ {"version":3,"file":"SolidExternalIdField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidExternalIdField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,oBAAoB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAChE,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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;IAGzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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,oBAAoB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidExternalIdField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\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 <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=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidExternalIdField;\n"]}

package/dist/components/core/filter/fields/SolidExternalIdField.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ const SolidExternalIdField = ({ fieldMetadata, onChange, index, rule }: SolidFil
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

package/dist/components/core/filter/fields/SolidIdField.js CHANGED Viewed

@@ -20,7 +20,7 @@ var SolidIdField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     return (_jsxs("div", { className: 'flex items-start gap-4 w-full', 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: "w-full p-inputtext-sm" }), _jsx("div", { className: 'flex flex-col gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+                }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }), _jsx("div", { className: 'flex flex-col gap-2 w-full', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Numeric, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/SolidIdField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidIdField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidIdField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,YAAY,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACxD,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;QACrC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;QACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE;QACjD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;QACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAC9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAGzD,OAAO,CACH,eAAK,SAAS,EAAC,+BAA+B,aAC1C,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,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,4BAA4B,YACvC,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,OAAO,EAC7B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\n\nconst SolidIdField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eq\" },\n { label: 'Not Equals', value: \"$ne\" },\n { label: 'Less Than', value: \"$lt\" },\n { label: 'Less Than Or Equal', value: \"$lte\" },\n { label: 'Greater Than', value: \"$gt\" },\n { label: 'Greater Than Or Equal', value: \"$gte\" },\n { label: 'Between', value: \"$between\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n\n return (\n <div className='flex items-start gap-4 w-full'>\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=\"w-full p-~~inputtext~~-sm\"\n />\n <div className='flex flex-col gap-2 w-full'>\n <SolidVarInputsFilterElement\n values={rule.value}\n onChange={(e: any) => {\n onChange(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Numeric}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidIdField;\n"]}
1	+ {"version":3,"file":"SolidIdField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidIdField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,YAAY,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACxD,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;QACrC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;QACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE;QACjD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;QACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAC9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAGzD,OAAO,CACH,eAAK,SAAS,EAAC,+BAA+B,aAC1C,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,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,qCAAqC,GACjD,EACF,cAAK,SAAS,EAAC,4BAA4B,YACvC,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,OAAO,EAC7B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\n\nconst SolidIdField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eq\" },\n { label: 'Not Equals', value: \"$ne\" },\n { label: 'Less Than', value: \"$lt\" },\n { label: 'Less Than Or Equal', value: \"$lte\" },\n { label: 'Greater Than', value: \"$gt\" },\n { label: 'Greater Than Or Equal', value: \"$gte\" },\n { label: 'Between', value: \"$between\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n\n return (\n <div className='flex items-start gap-4 w-full'>\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=\"w-full solid-filter-compact-control\"\n />\n <div className='flex flex-col gap-2 w-full'>\n <SolidVarInputsFilterElement\n values={rule.value}\n onChange={(e: any) => {\n onChange(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Numeric}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidIdField;\n"]}

package/dist/components/core/filter/fields/SolidIdField.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ const SolidIdField = ({ fieldMetadata, onChange, index, rule }: SolidFilterField
                 optionLabel='label'
                 optionValue='value'
                 placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
+                className="w-full solid-filter-compact-control"
             />
             <div className='flex flex-col gap-2 w-full'>
                 <SolidVarInputsFilterElement

package/dist/components/core/filter/fields/SolidIntField.js CHANGED Viewed

@@ -21,7 +21,7 @@ var SolidIntField = function (_a) {
     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) {
                         // updateEnumValues(index, 'operator', e.value)
                         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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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) {
                         // updateEnumValues(index, 'value', e)
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Numeric, fieldMetadata: fieldMetadata }) })] }));

package/dist/components/core/filter/fields/SolidIntField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidIntField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidIntField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,aAAa,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACzD,8CAA8C;IAC9C,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;QACrC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;QACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE;QACjD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;QACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAC9C,CAAC;IAIF,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,+CAA+C;wBAC/C,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,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,sCAAsC;wBACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,OAAO,EAC7B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidIntField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eq\" },\n { label: 'Not Equals', value: \"$ne\" },\n { label: 'Less Than', value: \"$lt\" },\n { label: 'Less Than Or Equal', value: \"$lte\" },\n { label: 'Greater Than', value: \"$gt\" },\n { label: 'Greater Than Or Equal', value: \"$gte\" },\n { label: 'Between', value: \"$between\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" } \n ];\n\n\n\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <SolidSelect\n value={rule.matchMode}\n native={false}\n onChange={(e: any) => {\n // updateEnumValues(index, 'operator', e.value)\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 // updateEnumValues(index, 'value', e)\n onChange(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Numeric}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n};\n\nexport default SolidIntField;\n"]}
1	+ {"version":3,"file":"SolidIntField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidIntField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,aAAa,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACzD,8CAA8C;IAC9C,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;QACrC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;QACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE;QACjD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;QACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAC9C,CAAC;IAIF,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,+CAA+C;wBAC/C,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,sCAAsC;wBACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,OAAO,EAC7B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidIntField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eq\" },\n { label: 'Not Equals', value: \"$ne\" },\n { label: 'Less Than', value: \"$lt\" },\n { label: 'Less Than Or Equal', value: \"$lte\" },\n { label: 'Greater Than', value: \"$gt\" },\n { label: 'Greater Than Or Equal', value: \"$gte\" },\n { label: 'Between', value: \"$between\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" } \n ];\n\n\n\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <SolidSelect\n value={rule.matchMode}\n native={false}\n onChange={(e: any) => {\n // updateEnumValues(index, 'operator', e.value)\n onChange(rule.id, 'matchMode', e.value)\n }}\n options={filterMatchModeOptions}\n optionLabel='label'\n optionValue='value'\n placeholder=\"Select Operator\"\n className=\"w-full solid-filter-compact-control\"\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 // updateEnumValues(index, 'value', e)\n onChange(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Numeric}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n};\n\nexport default SolidIntField;\n"]}

package/dist/components/core/filter/fields/SolidIntField.tsx CHANGED Viewed

@@ -36,7 +36,7 @@ const SolidIntField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFiel
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

package/dist/components/core/filter/fields/SolidMediaMultipleField.js CHANGED Viewed

@@ -23,7 +23,7 @@ var SolidMediaMultipleField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, fieldMetadata: fieldMetadata }) })] }));
 };

package/dist/components/core/filter/fields/SolidMediaMultipleField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidMediaMultipleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,uBAAuB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACnE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,kEAAkE;IAClE,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,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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;IACzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,~~wBAAwB~~,~~GACpC~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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,uBAAuB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const filterable = false;\n // const showFilterOperator = false;\n // const columnDataType = undefined;\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Starts With', value: \"$startsWithi\" },\n { label: 'Contains', value: \"$containsi\" },\n { label: 'Not Contains', value: \"$notContainsi\" },\n { label: 'Ends With', value: \"$endsWithi\" },\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidMediaMultipleField;\n"]}
1	+ {"version":3,"file":"SolidMediaMultipleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,uBAAuB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACnE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,kEAAkE;IAClE,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,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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;IACzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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,uBAAuB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const filterable = false;\n // const showFilterOperator = false;\n // const columnDataType = undefined;\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Starts With', value: \"$startsWithi\" },\n { label: 'Contains', value: \"$containsi\" },\n { label: 'Not Contains', value: \"$notContainsi\" },\n { label: 'Ends With', value: \"$endsWithi\" },\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidMediaMultipleField;\n"]}

package/dist/components/core/filter/fields/SolidMediaMultipleField.tsx CHANGED Viewed

@@ -35,7 +35,7 @@ const SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: Solid
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

package/dist/components/core/filter/fields/SolidMediaSingleField.js CHANGED Viewed

@@ -23,7 +23,7 @@ var SolidMediaSingleField = function (_a) {
     // const header = column.attrs.label ?? fieldMetadata.displayName;
     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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, fieldMetadata: fieldMetadata }) })] }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,~~wBAAwB~~,~~GACpC~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const filterable = false;\n // const showFilterOperator = false;\n // const columnDataType = undefined;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Starts With', value: \"$startsWithi\" },\n { label: 'Contains', value: \"$containsi\" },\n { label: 'Not Contains', value: \"$notContainsi\" },\n { label: 'Ends With', value: \"$endsWithi\" },\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidMediaSingleField;\n"]}
1	+ {"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const filterable = false;\n // const showFilterOperator = false;\n // const columnDataType = undefined;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Starts With', value: \"$startsWithi\" },\n { label: 'Contains', value: \"$containsi\" },\n { label: 'Not Contains', value: \"$notContainsi\" },\n { label: 'Ends With', value: \"$endsWithi\" },\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidMediaSingleField;\n"]}

package/dist/components/core/filter/fields/SolidMediaSingleField.tsx CHANGED Viewed

@@ -37,7 +37,7 @@ const SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFi
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

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

@@ -15,7 +15,7 @@ var SolidSelectionDynamicField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.SelectionDynamic, fieldMetadata: fieldMetadata }) })] }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidSelectionDynamicField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["import { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidSelectionDynamicField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';\n const filterMatchModeOptions = [\n { label: 'In', value: \"$in\" },\n { label: 'Not In', value: \"$notIn\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n\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 <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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.SelectionDynamic}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidSelectionDynamicField;\n"]}
1	+ {"version":3,"file":"SolidSelectionDynamicField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["import { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidSelectionDynamicField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';\n const filterMatchModeOptions = [\n { label: 'In', value: \"$in\" },\n { label: 'Not In', value: \"$notIn\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n\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 <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=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.SelectionDynamic}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidSelectionDynamicField;\n"]}

package/dist/components/core/filter/fields/SolidSelectionDynamicField.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ const SolidSelectionDynamicField = ({ fieldMetadata, onChange, index, rule }: So
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

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

@@ -16,7 +16,7 @@ var SolidSelectionStaticField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.SelectionStatic, fieldMetadata: fieldMetadata }) })] }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidSelectionStaticField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\n\nconst SolidSelectionStaticField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n\n // const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';\n const filterMatchModeOptions = [\n { label: 'In', value: \"$in\" },\n { label: 'Not In', value: \"$notIn\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.SelectionStatic}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n};\n\nexport default SolidSelectionStaticField;\n"]}
1	+ {"version":3,"file":"SolidSelectionStaticField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\n\nconst SolidSelectionStaticField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n\n // const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';\n const filterMatchModeOptions = [\n { label: 'In', value: \"$in\" },\n { label: 'Not In', value: \"$notIn\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.SelectionStatic}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n};\n\nexport default SolidSelectionStaticField;\n"]}

package/dist/components/core/filter/fields/SolidSelectionStaticField.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ const SolidSelectionStaticField = ({ fieldMetadata, onChange, index, rule }: Sol
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

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

@@ -21,7 +21,7 @@ var SolidShortTextField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, fieldMetadata: fieldMetadata }) })] }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidShortTextField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Starts With', value: \"$startsWithi\" },\n { label: 'Contains', value: \"$containsi\" },\n { label: 'Not Contains', value: \"$notContainsi\" },\n { label: 'Ends With', value: \"$endsWithi\" },\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidShortTextField;\n"]}
1	+ {"version":3,"file":"SolidShortTextField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Starts With', value: \"$startsWithi\" },\n { label: 'Contains', value: \"$containsi\" },\n { label: 'Not Contains', value: \"$notContainsi\" },\n { label: 'Ends With', value: \"$endsWithi\" },\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidShortTextField;\n"]}

package/dist/components/core/filter/fields/SolidShortTextField.tsx CHANGED Viewed

@@ -35,7 +35,7 @@ const SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilt
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

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

@@ -13,7 +13,7 @@ var SolidTimeField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     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: dateFilterMatchModeOptions, 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) {
+                    }, options: dateFilterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Time, fieldMetadata: fieldMetadata }) })] }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidTimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidTimeField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,~~uBAAuB~~,~~GACnC~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\nimport { dateFilterMatchModeOptions } from './SolidDateField';\n\nconst SolidTimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = 'date';\n\n // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <SolidSelect\n value={rule.matchMode}\n native={false}\n onChange={(e: any) => {\n onChange(rule.id, 'matchMode', e.value)\n }}\n options={dateFilterMatchModeOptions}\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Time}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidTimeField;\n"]}
1	+ {"version":3,"file":"SolidTimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidTimeField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\nimport { dateFilterMatchModeOptions } from './SolidDateField';\n\nconst SolidTimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n // const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = 'date';\n\n // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n // const header = column.attrs.label ?? fieldMetadata.displayName;\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <SolidSelect\n value={rule.matchMode}\n native={false}\n onChange={(e: any) => {\n onChange(rule.id, 'matchMode', e.value)\n }}\n options={dateFilterMatchModeOptions}\n optionLabel='label'\n optionValue='value'\n placeholder=\"Select Operator\"\n className=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Time}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidTimeField;\n"]}

package/dist/components/core/filter/fields/SolidTimeField.tsx CHANGED Viewed

@@ -25,7 +25,7 @@ const SolidTimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

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

@@ -15,7 +15,7 @@ var SolidUuidField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     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: "w-full p-inputtext-sm" }) }), _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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, fieldMetadata: fieldMetadata }) })] }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidUuidField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidUuidField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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~~,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidUuidField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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=\"w-full p-~~inputtext~~-sm\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidUuidField;\n"]}
1	+ {"version":3,"file":"SolidUuidField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidUuidField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,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,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,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,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,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","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidUuidField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Equals', value: \"$eqi\" },\n { label: 'Not Equals', value: \"$nei\" },\n { label: 'Is null', value: \"$null\" },\n { label: 'Is Not null', value: \"$notNull\" }\n\n ];\n const numberOfInputs = getNumberOfInputs(rule.matchMode);\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 <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=\"w-full solid-filter-compact-control\"\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(rule.id, 'value', e)\n }}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n fieldMetadata={fieldMetadata}\n >\n </SolidVarInputsFilterElement>\n </div>\n </div>\n );\n\n};\n\nexport default SolidUuidField;\n"]}

package/dist/components/core/filter/fields/SolidUuidField.tsx CHANGED Viewed

@@ -28,7 +28,7 @@ const SolidUuidField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="w-full p-inputtext-sm"
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

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

@@ -19,7 +19,7 @@ var SolidRelationManyToManyField = function (_a) {
                         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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: "label", optionValue: "value", placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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 CHANGED Viewed

	@@ -1 +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,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"]}
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,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,qCAAqC,GACjD,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=\"w-full solid-filter-compact-control\"\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 CHANGED Viewed

@@ -40,7 +40,7 @@ const SolidRelationManyToManyField = ({
                     optionLabel="label"
                     optionValue="value"
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
+                    className="w-full solid-filter-compact-control"
                 />
             </div>

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

@@ -42,7 +42,7 @@ var SolidRelationManyToOneField = function (_a) {
     // const header = column.attrs.label ?? fieldMetadata.displayName;
     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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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 CHANGED Viewed

	@@ -1 +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,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"]}
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,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,qCAAqC,GACjD,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=\"w-full solid-filter-compact-control\"\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 CHANGED Viewed

@@ -61,7 +61,7 @@ const SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: S
                 optionLabel='label'
                 optionValue='value'
                 placeholder="Select Operator"
-                className="p-inputtext-sm w-full"
+                className="w-full solid-filter-compact-control"
             />
             </div>

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

@@ -17,7 +17,7 @@ var SolidRelationOneToManyField = function (_a) {
                         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-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) {
+                    }, options: filterMatchModeOptions, optionLabel: "label", optionValue: "value", placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _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 }) })] }));
 };