@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.3

package/dist/components/core/chatter/chatter.module.css

@@ -1,6 +1,6 @@
 .chatterTitle {
-    padding: 15px;
-    border-bottom: 1px solid #D8E2EA;
+    padding-top: 10px;
+    border-bottom: 0px solid #D8E2EA;
 }
 
 .chatterMessageComposer .chatterMessageInput {
@@ -64,11 +64,201 @@
 
 .solidMessageWrapper {
     border: 1px solid #D8E2EA;
-    padding: 10px;
-    border-radius: 0.25rem;
+    padding: 5px;
+    border-radius: 0.4rem;
     width: 100%;
+    background: #fff;
+    font-size: 12px;
+    line-height: 1.45;
+    color: var(--solid-text-secondary, #475569);
+    font-weight: 400;
+    word-break: break-word;
+    overflow-wrap: anywhere;
 }
 
-.solidChatterMessageBox{
-    margin-top: 15px;
-}
+:global(.solidMessageWrapper p) {
+    margin: 0;
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+}
+
+:global(.solid-purple-button) {
+    --solid-btn-bg: #722ED1;
+    --solid-btn-border: #722ED1;
+    --solid-btn-fg: #fff;
+}
+
+:global(.solid-purple-button:hover) {
+    --solid-btn-bg: #5b1bb7;
+    --solid-btn-border: #5b1bb7;
+}
+
+.solidChatterMessageBox {
+    margin-top: 0px;
+    padding-left: 0.75rem;
+}
+
+.solidChatterMessageCard {
+    border-radius: 0.5rem;
+    background: transparent;
+    padding: 0.2rem 0;
+}
+
+.solidChatterMessageLayout {
+    display: flex;
+    gap: 0.65rem;
+    align-items: flex-start;
+}
+
+.solidChatterAvatar {
+    width: 25px;
+    height: 25px;
+    border-radius: 50%;
+    font-size: 0.55rem;
+    font-weight: 500;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-transform: uppercase;
+    border: 1px solid #fff;
+    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
+}
+
+.solidChatterMessageContent {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+}
+
+.solidChatterMessageHeader {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 0.35rem;
+    flex-wrap: wrap;
+}
+
+.solidChatterUser {
+    margin: 0;
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: var(--foreground);
+}
+
+.solidChatterMeta {
+    margin: 0;
+    font-size: 0.70rem;
+    color: var(--muted-foreground);
+}
+
+.solidChatterTime {
+    font-size: 0.70rem;
+    color: var(--muted-foreground);
+    white-space: nowrap;
+}
+
+.solidChatterAttachments {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.35rem;
+}
+
+.solidChatterAttachment {
+    border: 1px solid rgba(0, 0, 0, 0.08);
+    border-radius: 0.4rem;
+    padding: 0.25rem 0.45rem;
+    background: rgba(145, 158, 171, 0.06);
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+}
+
+.solidChatterAttachment img {
+    border-radius: 0.45rem;
+}
+
+.chatterSelectedFiles {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin-top: 0.75rem;
+}
+
+.chatterSelectedFileCard {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.45rem 0.75rem;
+    border-radius: 0.5rem;
+    border: 1px solid rgba(15, 23, 42, 0.08);
+    background: rgba(15, 23, 42, 0.02);
+    min-width: 220px;
+}
+
+.chatterSelectedFileIcon {
+    width: 28px;
+    height: 28px;
+    border-radius: 0.45rem;
+    background: rgba(114, 46, 209, 0.12);
+    color: #722ED1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.chatterSelectedFileMeta {
+    flex: 1;
+    min-width: 0;
+}
+
+.chatterSelectedFileName {
+    margin: 0;
+    font-size: 0.8rem;
+    font-weight: 500;
+    color: var(--foreground);
+    word-break: break-word;
+}
+
+.chatterSelectedFileSize {
+    font-size: 0.7rem;
+    color: var(--muted-foreground);
+}
+
+.solidChatterBadge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.2rem;
+    font-size: 0.65rem;
+    padding: 0 0.3rem;
+    border-radius: 0.3rem;
+    border: 1px solid rgba(0, 0, 0, 0.08);
+    background: rgba(15, 23, 42, 0.03);
+}
+
+.solidChatterBadge.audit {
+    color: #9333ea;
+    border-color: rgba(147, 51, 234, 0.2);
+    background: rgba(147, 51, 234, 0.08);
+}
+
+.solidChatterBadge.custom {
+    color: #2563eb;
+    border-color: rgba(37, 99, 235, 0.2);
+    background: rgba(37, 99, 235, 0.08);
+}
+:global(.solidMessageWrapper .solidMessageText) {
+    margin: 0;
+    font-size: inherit;
+    color: inherit;
+    line-height: inherit;
+}
+.solidMessageText {
+    margin: 0;
+    font-size: inherit;
+    color: inherit;
+    line-height: inherit;
+}

package/dist/components/core/common/DateFieldViewComponent.d.ts

@@ -2,7 +2,8 @@ type DateFieldViewProps = {
     value: unknown;
     format?: string;
     fallback?: string;
+    showTime?: boolean;
 };
-export declare const DateFieldViewComponent: ({ value, format, fallback, }: DateFieldViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateFieldViewComponent: ({ value, format, fallback, showTime, }: DateFieldViewProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DateFieldViewComponent.d.ts.map

package/dist/components/core/common/DateFieldViewComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldViewComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,iCAIhC,kBAAkB,4CAqBpB,CAAC"}
+{"version":3,"file":"DateFieldViewComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,2CAKhC,kBAAkB,4CAqBpB,CAAC"}

package/dist/components/core/common/DateFieldViewComponent.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import dayjs from "dayjs";
 export var DateFieldViewComponent = function (_a) {
-    var value = _a.value, format = _a.format, _b = _a.fallback, fallback = _b === void 0 ? "-" : _b;
+    var value = _a.value, format = _a.format, _b = _a.fallback, fallback = _b === void 0 ? "-" : _b, _c = _a.showTime, showTime = _c === void 0 ? false : _c;
     if (!value) {
         return _jsx(_Fragment, { children: fallback });
     }
@@ -16,6 +16,6 @@ export var DateFieldViewComponent = function (_a) {
         return _jsx(_Fragment, { children: dayjs(date).format(format) });
     }
     // Default → browser locale
-    return _jsx(_Fragment, { children: date.toLocaleDateString() });
+    return _jsx(_Fragment, { children: showTime ? date.toLocaleString() : date.toLocaleDateString() });
 };
 //# sourceMappingURL=DateFieldViewComponent.js.map

package/dist/components/core/common/DateFieldViewComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldViewComponent.js","sourceRoot":"","sources":["../../../../src/components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAIlB;QAHnB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA;IAEd,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,4BAAG,QAAQ,GAAI,CAAC;KACxB;IAED,0BAA0B;IAC1B,IAAM,IAAI,GACR,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAY,CAAC,CAAC;IAEzD,kCAAkC;IAClC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;QACzB,OAAO,4BAAG,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;KAC7B;IAED,0BAA0B;IAC1B,IAAI,MAAM,EAAE;QACV,OAAO,4BAAG,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAI,CAAC;KAC1C;IAED,2BAA2B;IAC3B,OAAO,4BAAG,IAAI,CAAC,kBAAkB,EAAE,GAAI,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["\n\nimport dayjs from \"dayjs\";\n\ntype DateFieldViewProps = {\n  value: unknown;\n  format?: string; // dayjs format tokens (optional)\n  fallback?: string; // optional fallback text (default: \"-\")\n};\n\nexport const DateFieldViewComponent = ({\n  value,\n  format,\n  fallback = \"-\",\n}: DateFieldViewProps) => {\n  if (!value) {\n    return <>{fallback}</>;\n  }\n\n  // Normalize value to Date\n  const date =\n    value instanceof Date ? value : new Date(value as any);\n\n  // Invalid date → render raw value\n  if (isNaN(date.getTime())) {\n    return <>{String(value)}</>;\n  }\n\n  // Explicit format → dayjs\n  if (format) {\n    return <>{dayjs(date).format(format)}</>;\n  }\n\n  // Default → browser locale\n  return <>{date.toLocaleDateString()}</>;\n};\n"]}
+{"version":3,"file":"DateFieldViewComponent.js","sourceRoot":"","sources":["../../../../src/components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAKlB;QAJnB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACd,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,4BAAG,QAAQ,GAAI,CAAC;KACxB;IAED,0BAA0B;IAC1B,IAAM,IAAI,GACR,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAY,CAAC,CAAC;IAEzD,kCAAkC;IAClC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;QACzB,OAAO,4BAAG,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;KAC7B;IAED,0BAA0B;IAC1B,IAAI,MAAM,EAAE;QACV,OAAO,4BAAG,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAI,CAAC;KAC1C;IAED,2BAA2B;IAC3B,OAAO,4BAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAI,CAAC;AAC7E,CAAC,CAAC","sourcesContent":["\n\nimport dayjs from \"dayjs\";\n\ntype DateFieldViewProps = {\n  value: unknown;\n  format?: string; // dayjs format tokens (optional)\n  fallback?: string; // optional fallback text (default: \"-\")\n  showTime?: boolean; // include time in default locale formatting\n};\n\nexport const DateFieldViewComponent = ({\n  value,\n  format,\n  fallback = \"-\",\n  showTime = false,\n}: DateFieldViewProps) => {\n  if (!value) {\n    return <>{fallback}</>;\n  }\n\n  // Normalize value to Date\n  const date =\n    value instanceof Date ? value : new Date(value as any);\n\n  // Invalid date → render raw value\n  if (isNaN(date.getTime())) {\n    return <>{String(value)}</>;\n  }\n\n  // Explicit format → dayjs\n  if (format) {\n    return <>{dayjs(date).format(format)}</>;\n  }\n\n  // Default → browser locale\n  return <>{showTime ? date.toLocaleString() : date.toLocaleDateString()}</>;\n};\n"]}

package/dist/components/core/common/DateFieldViewComponent.tsx

@@ -6,12 +6,14 @@ type DateFieldViewProps = {
   value: unknown;
   format?: string; // dayjs format tokens (optional)
   fallback?: string; // optional fallback text (default: "-")
+  showTime?: boolean; // include time in default locale formatting
 };
 
 export const DateFieldViewComponent = ({
   value,
   format,
   fallback = "-",
+  showTime = false,
 }: DateFieldViewProps) => {
   if (!value) {
     return <>{fallback}</>;
@@ -32,5 +34,5 @@ export const DateFieldViewComponent = ({
   }
 
   // Default → browser locale
-  return <>{date.toLocaleDateString()}</>;
+  return <>{showTime ? date.toLocaleString() : date.toLocaleDateString()}</>;
 };

package/dist/components/core/common/FilterComponent.d.ts

@@ -1,3 +1,4 @@
+import { type FilterMatchModeValue } from '../filter/filterMatchMode';
 export declare enum FilterRuleType {
     RULE = "rule",
     RULE_GROUP = "rule_group"
@@ -6,19 +7,12 @@ export declare enum FilterOperator {
     AND = "and",
     OR = "or"
 }
-export declare enum FilterMatchMode {
-    STARTS_WITH = "startsWith",
-    CONTAINS = "contains",
-    EQUALS = "equals",
-    GREATER_THAN = "gt",
-    LESS_THAN = "lt"
-}
 export interface FilterRule {
     id: number;
     type: FilterRuleType;
     matchOperator?: FilterOperator;
     fieldName?: string | null;
-    matchMode?: FilterMatchMode | null;
+    matchMode?: FilterMatchModeValue | null;
     value?: any;
     parentRule: number | null;
     children?: FilterRule[];

package/dist/components/core/common/FilterComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/FilterComponent.tsx"],"names":[],"mappings":"AAaA,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,oBAAY,cAAc;IACxB,GAAG,QAAQ;IACX,EAAE,OAAO;CACV;AAED,oBAAY,eAAe;IACzB,WAAW,eAAe;IAC1B,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,YAAY,OAAO;IACnB,SAAS,OAAO;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AAkND,QAAA,MAAM,eAAe;;;;;;;6CAuMpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/FilterComponent.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEvF,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,oBAAY,cAAc;IACxB,GAAG,QAAQ;IACX,EAAE,OAAO;CACV;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AAmKD,QAAA,MAAM,eAAe;;;;;;;6CAuMpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/core/common/FilterComponent.js

@@ -18,14 +18,16 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { InputText } from 'primereact/inputtext';
-import { useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import { useState } from 'react';
 import { SolidFilterFields } from '../filter/SolidFilterFields';
-import { Button } from 'primereact/button';
-import { Fieldset } from 'primereact/fieldset';
-import { OverlayPanel } from 'primereact/overlaypanel';
-import { AutoComplete } from 'primereact/autocomplete';
+import { FolderPlus, Plus, Trash2 } from 'lucide-react';
+import { SolidButton } from '../../shad-cn-ui/SolidButton';
+import { SolidAutocomplete } from '../../shad-cn-ui/SolidAutocomplete';
+import { SolidInput } from '../../shad-cn-ui/SolidInput';
+import { SolidSelect } from '../../shad-cn-ui/SolidSelect';
+import { FilterMatchMode } from '../filter/filterMatchMode';
 export var FilterRuleType;
 (function (FilterRuleType) {
     FilterRuleType["RULE"] = "rule";
@@ -36,14 +38,6 @@ export var FilterOperator;
     FilterOperator["AND"] = "and";
     FilterOperator["OR"] = "or";
 })(FilterOperator || (FilterOperator = {}));
-export var FilterMatchMode;
-(function (FilterMatchMode) {
-    FilterMatchMode["STARTS_WITH"] = "startsWith";
-    FilterMatchMode["CONTAINS"] = "contains";
-    FilterMatchMode["EQUALS"] = "equals";
-    FilterMatchMode["GREATER_THAN"] = "gt";
-    FilterMatchMode["LESS_THAN"] = "lt";
-})(FilterMatchMode || (FilterMatchMode = {}));
 // const fields: Field[] = [
 //   { name: 'name', type: 'string' },
 //   { name: 'dob', type: 'date' },
@@ -83,7 +77,6 @@ var FilterRuleComponent = function (_a) {
     // const applicableOperators = rule.fieldName ? operatorOptions[fields.find(f => f.name === rule.fieldName)?.value.type].map(e => { return { name: e } }) : [];
     // const applicableInputField = rule.fieldName ? fields.find(f => f.name === rule.fieldName)?.type : "";
     var viewData = _a.viewData, fields = _a.fields, rule = _a.rule, onChange = _a.onChange, onAddRule = _a.onAddRule, onAddGroup = _a.onAddGroup, onDelete = _a.onDelete, level = _a.level;
-    var autoCompleteRef = useRef(null);
     var _b = useState({ name: rule.fieldName }), fieldName = _b[0], setFieldName = _b[1];
     var _c = useState({ name: rule.matchMode }), matchMode = _c[0], setMatchMode = _c[1];
     var _d = useState([]), filteredFields = _d[0], setFilteredFields = _d[1];
@@ -95,47 +88,32 @@ var FilterRuleComponent = function (_a) {
                 return item.name.toLowerCase().startsWith(query);
             });
         setFilteredFields(filtered);
-        setTimeout(function () {
-            var _a;
-            (_a = autoCompleteRef.current) === null || _a === void 0 ? void 0 : _a.show();
-        }, 0);
     };
-    return (
-    // <div style={{ marginLeft: (level - 1) * 10 + 'px' }} className="filter-rule">
-    _jsxs("div", { className: 'mt-2', children: [_jsxs("div", { className: 'flex flex-column md:flex-row  align-items-start md:align-items-center gap-2 md:gap-3', children: [_jsxs("div", { className: 'formgrid grid w-full', children: [_jsx("div", { className: 'col-12 md:col-4 pb-2 md:pb-0', children: _jsx(AutoComplete, { ref: autoCompleteRef, value: fieldName.name, suggestions: filteredFields, completeMethod: searchFields, field: "name", dropdown: true, forceSelection // only values from list
-                                    : true, placeholder: "Select Field", className: "w-full p-inputtext-sm solid-filter-auto-complete-field", onChange: function (e) {
-                                        setFieldName({ name: e.value }); // e.value will be an object or null
-                                        if (e.value) {
-                                            onChange(rule.id, 'fieldName', e.value.value); // send value to parent
-                                        }
-                                        else {
-                                            onChange(rule.id, 'fieldName', '');
-                                        }
-                                    } }) }), _jsx("div", { className: 'col-12 md:col-8', children: _jsx("div", { className: 'formgrid grid w-full', children: rule.fieldName ?
-                                        _jsx("div", { className: 'col-12', children: _jsx(SolidFilterFields, { viewData: viewData, fieldMetadata: viewData.data.solidFieldsMetadata[rule.fieldName], onChange: onChange, index: rule.id, rule: rule }) })
-                                        : _jsxs(_Fragment, { children: [_jsx("div", { className: 'col-12 md:col-6 pb-2 md:pb-0', children: _jsx(InputText, { disabled: true, value: rule.value || '', placeholder: "operator", className: 'w-full p-inputtext-sm ' }) }), _jsx("div", { className: 'col-12 md:col-6', children: _jsx(InputText, { disabled: true, value: rule.value || '', placeholder: "value", className: 'w-full p-inputtext-sm' }) })] }) }) })] }), _jsxs("div", { className: 'formgrid grid', children: [_jsx("div", { className: 'col-4 px-0 flex align-items-center', children: _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-plus", size: 'small', onClick: function () { return onAddRule(rule.parentRule); }, className: 'solid-filter-action-btn' }) }), _jsx("div", { className: 'col-4 px-0 flex align-items-center', children: _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-folder-plus", size: 'small', onClick: function () { return onAddGroup(rule.id); }, className: 'solid-filter-action-btn' }) }), _jsx("div", { className: 'col-4 px-0 flex align-items-center', children: _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-trash", size: 'small', onClick: function () { return onDelete(rule.id); }, className: 'solid-filter-action-btn' }) })] })] }), rule.children && rule.children.map(function (nestedRule) { return (_jsx("div", { className: 'py-3 nested-custom-filter', children: nestedRule.type === FilterRuleType.RULE
+    return (_jsxs("div", { className: 'solid-filter-rule-row', children: [_jsxs("div", { className: 'solid-filter-rule-main', children: [_jsx("div", { className: 'solid-filter-rule-field', children: _jsx("div", { className: 'solid-filter-control-wrap', children: _jsx(SolidAutocomplete, { value: fieldName.name, suggestions: filteredFields, completeMethod: searchFields, field: "name", dropdown: true, forceSelection // only values from list
+                                : true, placeholder: "Select Field", className: "w-full solid-filter-auto-complete-field solid-filter-compact-control", onChange: function (e) {
+                                    setFieldName({ name: e.value }); // e.value will be an object or null
+                                    if (e.value && typeof e.value === "object" && e.value.value) {
+                                        onChange(rule.id, 'fieldName', e.value.value); // send value to parent
+                                    }
+                                    else {
+                                        onChange(rule.id, 'fieldName', '');
+                                    }
+                                } }) }) }), _jsx("div", { className: 'solid-filter-rule-value', children: _jsx("div", { className: 'solid-filter-control-wrap', children: rule.fieldName ?
+                                _jsx(SolidFilterFields, { viewData: viewData, fieldMetadata: viewData.data.solidFieldsMetadata[rule.fieldName], onChange: onChange, index: rule.id, rule: rule })
+                                : _jsxs("div", { className: 'solid-filter-empty-pair', children: [_jsx(SolidInput, { disabled: true, value: rule.value || '', placeholder: "Operator", className: 'w-full solid-filter-compact-control' }), _jsx(SolidInput, { disabled: true, value: rule.value || '', placeholder: "Value", className: 'w-full solid-filter-compact-control' })] }) }) })] }), _jsxs("div", { className: 'solid-filter-rule-actions', children: [_jsx(SolidButton, { variant: "ghost", size: 'sm', onClick: function () { return onAddRule(rule.parentRule); }, className: 'solid-filter-action-btn solid-filter-action-icon-btn', children: _jsx(Plus, { size: 14 }) }), _jsx(SolidButton, { variant: "ghost", size: 'sm', onClick: function () { return onAddGroup(rule.id); }, className: 'solid-filter-action-btn solid-filter-action-icon-btn', children: _jsx(FolderPlus, { size: 14 }) }), _jsx(SolidButton, { variant: "ghost", size: 'sm', onClick: function () { return onDelete(rule.id); }, className: 'solid-filter-action-btn solid-filter-action-icon-btn is-danger', children: _jsx(Trash2, { size: 14 }) })] }), rule.children && rule.children.map(function (nestedRule) { return (_jsx("div", { className: 'nested-custom-filter', children: nestedRule.type === FilterRuleType.RULE
                     ? _jsx(FilterRuleComponent, { viewData: viewData, fields: fields, rule: nestedRule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, nestedRule.id)
                     : _jsx(FilterGroupComponent, { viewData: viewData, fields: fields, group: nestedRule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, nestedRule.id) }, nestedRule.id)); })] }));
 };
 // Component to render a group of filter rules
 var FilterGroupComponent = function (_a) {
     var viewData = _a.viewData, fields = _a.fields, group = _a.group, onChange = _a.onChange, onAddRule = _a.onAddRule, onAddGroup = _a.onAddGroup, onDelete = _a.onDelete, level = _a.level;
-    var op = useRef(null);
-    var legendTemplate = (_jsxs(_Fragment, { children: [_jsx(Button, { size: 'small', label: group.matchOperator, className: 'small-button', icon: "pi pi-angle-down", iconPos: 'right', onClick: function (e) { return op.current.toggle(e); }, style: {
-                    textTransform: "uppercase"
-                } }), _jsx(OverlayPanel, { ref: op, className: 'm-0', children: _jsxs("div", { className: 'flex flex-column', children: [_jsx(Button, { size: "small", label: "AND", text: true, className: 'small-button', onClick: function (e) { onChange(group.id, 'matchOperator', FilterOperator.AND); op.current.hide(e); } }), _jsx(Button, { size: "small", label: "OR", text: true, className: 'small-button', onClick: function (e) { onChange(group.id, 'matchOperator', FilterOperator.OR); op.current.hide(e); } })] }) })] })
-    // <select className='filter-select'
-    //   value={group.matchOperator}
-    //   onChange={e => onChange(group.id, 'matchOperator', e.target.value)}
-    // >
-    //   <option value={FilterOperator.AND}>AND</option>
-    //   <option value={FilterOperator.OR}>OR</option>
-    // </select>
-    );
-    return (_jsxs(Fieldset, { legend: legendTemplate, className: 'primary-filter-fieldset', children: [group.children && group.children.map(function (rule) { return (rule.type === FilterRuleType.RULE
+    return (_jsxs("div", { className: 'primary-filter-fieldset solid-filter-group-shell', children: [_jsx("div", { className: "solid-filter-group-operator-wrap", children: _jsx(SolidSelect, { value: group.matchOperator, options: [
+                        { label: "OR", value: FilterOperator.OR },
+                        { label: "AND", value: FilterOperator.AND },
+                    ], placeholder: "Operator", className: "solid-filter-group-operator-select", onChange: function (event) { return onChange(group.id, 'matchOperator', event.value); } }) }), group.children && group.children.map(function (rule) { return (rule.type === FilterRuleType.RULE
                 ? _jsx(FilterRuleComponent, { viewData: viewData, fields: fields, rule: rule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, rule.id)
                 : _jsx(FilterGroupComponent, { viewData: viewData, fields: fields, group: rule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, rule.id)); }), level === 0 &&
-                _jsx(Button, { text: true, label: 'Add Condition', icon: "pi pi-plus", size: 'small', onClick: function () { return onAddRule(group.id); }, className: 'px-0 mt-2' })] }));
+                _jsxs(SolidButton, { variant: "ghost", size: 'sm', onClick: function () { return onAddRule(group.id); }, className: 'px-0 mt-2 solid-filter-add-condition-btn', children: [_jsx(Plus, { size: 14 }), "Add Condition"] })] }));
 };
 // Main Filter component
 var FilterComponent = function (_a) {
@@ -282,7 +260,7 @@ var FilterComponent = function (_a) {
     //   // setPrintedState(JSON.stringify(filterRules, null, 2)); // Pretty format the state
     //   transformFilterRules(filterRules)
     // };
-    return (_jsxs("div", { className: '', children: [filterRules.map(function (rule) { return (_jsx(FilterGroupComponent, { viewData: viewData, fields: fields, group: rule, onChange: handleChange, onAddRule: handleAddRule, onAddGroup: handleAddGroup, onDelete: handleDeleteRule, level: 0 }, rule.id)); }), _jsxs("div", { className: 'flex gap-3 mt-3', children: [_jsx(Button, { label: "Apply", size: "small", onClick: function () { return transformFilterRules(filterRules); }, type: "submit" }), _jsx(Button, { type: 'button', label: 'Cancel', outlined: true, size: 'small', onClick: closeDialog })] })] }));
+    return (_jsxs("div", { className: 'solid-filter-builder', children: [filterRules.map(function (rule) { return (_jsx(FilterGroupComponent, { viewData: viewData, fields: fields, group: rule, onChange: handleChange, onAddRule: handleAddRule, onAddGroup: handleAddGroup, onDelete: handleDeleteRule, level: 0 }, rule.id)); }), _jsxs("div", { className: 'solid-filter-builder-actions', children: [_jsx(SolidButton, { variant: "primary", size: "sm", onClick: function () { return transformFilterRules(filterRules); }, type: "submit", className: "solid-filter-submit-btn", children: "Apply" }), _jsx(SolidButton, { type: 'button', variant: "outline", size: 'sm', onClick: closeDialog, className: "solid-filter-cancel-btn", children: "Cancel" })] })] }));
 };
 export default FilterComponent;
 //# sourceMappingURL=FilterComponent.js.map

package/dist/components/core/common/FilterComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterComponent.js","sourceRoot":"","sources":["../../../../src/components/core/common/FilterComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAc,EAAa,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,6BAAW,CAAA;IACX,2BAAS,CAAA;AACX,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,6CAA0B,CAAA;IAC1B,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,mCAAgB,CAAA;AAClB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAkBD,4BAA4B;AAC5B,sCAAsC;AACtC,mCAAmC;AACnC,0CAA0C;AAC1C,uCAAuC;AACvC,KAAK;AAEL,IAAM,eAAe,GAAG;IACtB,8DAA8D;IAC9D,2FAA2F;IAC3F,qEAAqE;IACrE,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,qBAAqB,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,wBAAwB,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC;IACvQ,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,qBAAqB,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,wBAAwB,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC;IACxQ,MAAM,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,qBAAqB,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,wBAAwB,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC;IAC3Q,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,qBAAqB,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,wBAAwB,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC;IAC1Q,OAAO,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,qBAAqB,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,wBAAwB,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC;IAC5Q,SAAS,EAAE,CAAC,eAAe,CAAC,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;IAC3N,QAAQ,EAAE,CAAC,eAAe,CAAC,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1N,QAAQ,EAAE,CAAC,eAAe,CAAC,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1N,OAAO,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC;IACjC,IAAI,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,qBAAqB,EAAE,eAAe,CAAC,YAAY,EAAE,eAAe,CAAC,wBAAwB,EAAE,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,EAAE;IAC1Q,QAAQ,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC;IAClC,IAAI,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;IACtD,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;IACjB,eAAe,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;IAC7D,gBAAgB,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;IAC9D,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;IACxD,IAAI,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC;CAEnD,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,GAAG,EAAE,GAAG;IAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC3D,CAAC,CAAA;AAED,2CAA2C;AAC3C,IAAM,mBAAmB,GAAG,UAAC,EAA4E;IACvG,+JAA+J;IAC/J,wGAAwG;QAF3E,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IAIrG,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAA,KAA4B,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAA7D,SAAS,QAAA,EAAE,YAAY,QAAsC,CAAC;IAC/D,IAAA,KAA4B,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAA7D,SAAS,QAAA,EAAE,YAAY,QAAsC,CAAC;IAE/D,IAAA,KAAsC,QAAQ,CAAQ,EAAE,CAAC,EAAxD,cAAc,QAAA,EAAE,iBAAiB,QAAuB,CAAC;IAEhE,IAAM,YAAY,GAAG,UAAC,KAAU;QAC9B,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACxC,IAAM,QAAQ,GAAG,CAAC,KAAK;YACrB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,IAAS;gBACxB,OAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;YAAzC,CAAyC,CAC1C,CAAC;QACJ,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC5B,UAAU,CAAC;;YACT,MAAA,eAAe,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;QAClC,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IACF,OAAO;IACL,gFAAgF;IAEhF,eAAK,SAAS,EAAC,MAAM,aACnB,eAAK,SAAS,EAAC,sFAAsF,aACnG,eAAK,SAAS,EAAC,sBAAsB,aACnC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,YAAY,IACX,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,WAAW,EAAE,cAAc,EAC3B,cAAc,EAAE,YAAY,EAC5B,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,cAAc,CAAC,wBAAwB;4CACvC,WAAW,EAAC,cAAc,EAC1B,SAAS,EAAC,wDAAwD,EAClE,QAAQ,EAAE,UAAC,CAAC;wCACV,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,oCAAoC;wCACrE,IAAI,CAAC,CAAC,KAAK,EAAE;4CACX,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB;yCACvE;6CAAM;4CACL,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;yCACpC;oCACH,CAAC,GACD,GACE,EACN,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,sBAAsB,YAClC,IAAI,CAAC,SAAS,CAAC,CAAC;wCACf,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,GAAsB,GACzK;wCACN,CAAC,CAAC,8BACA,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACvB,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,wBAAwB,GAClC,GACE,EACN,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACvB,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,uBAAuB,GACjC,GACE,IACL,GAED,GACF,IACF,EACN,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,EAA1B,CAA0B,EAAE,SAAS,EAAC,yBAAyB,GAAG,GAC9I,EACN,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAnB,CAAmB,EAAE,SAAS,EAAC,yBAAyB,GAAG,GAChJ,EACN,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAAjB,CAAiB,EAAE,SAAS,EAAC,yBAAyB,GAAG,GACtI,IACF,IACF,EAEL,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAA,UAAU,IAAI,OAAA,CAChD,cAAK,SAAS,EAAC,2BAA2B,YACvC,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;oBACtC,CAAC,CAAC,KAAC,mBAAmB,IAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,IAA3K,UAAU,CAAC,EAAE,CAAkK;oBAC3M,CAAC,CAAC,KAAC,oBAAoB,IAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,IAA5K,UAAU,CAAC,EAAE,CAAmK,IAHjK,UAAU,CAAC,EAAE,CAKvD,CACP,EAPiD,CAOjD,CAAC,IAEE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,8CAA8C;AAC9C,IAAM,oBAAoB,GAAG,UAAC,EAA6E;QAA3E,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IACvG,IAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,IAAM,cAAc,GAAG,CACrB,8BACE,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAApB,CAAoB,EACpC,KAAK,EAAE;oBACL,aAAa,EAAE,WAAW;iBAC3B,GACD,EACF,KAAC,YAAY,IAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,KAAK,YACpC,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,EACX,IAAI,QACJ,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,UAAC,CAAC,IAAO,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,GAC/F,EACF,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,IAAI,EACV,IAAI,QACJ,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,UAAC,CAAC,IAAO,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,GAC9F,IACE,GACO,IACd;IACH,oCAAoC;IACpC,gCAAgC;IAChC,wEAAwE;IACxE,IAAI;IACJ,oDAAoD;IACpD,kDAAkD;IAClD,YAAY;KACb,CAAA;IACD,OAAO,CACL,MAAC,QAAQ,IAAC,MAAM,EAAE,cAAc,EAAE,SAAS,EAAC,yBAAyB,aAClE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CAC5C,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;gBAC/B,CAAC,CAAC,KAAC,mBAAmB,IAAe,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,IAA/J,IAAI,CAAC,EAAE,CAA4J;gBAC/L,CAAC,CAAC,KAAC,oBAAoB,IAAe,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,IAAhK,IAAI,CAAC,EAAE,CAA6J,CACpM,EAJ6C,CAI7C,CAAC,EAQD,KAAK,KAAK,CAAC;gBACV,KAAC,MAAM,IAAC,IAAI,QAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAAnB,CAAmB,EAAE,SAAS,EAAC,WAAW,GAAG,IAEvH,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB;AACxB,IAAM,eAAe,GAAG,UAAC,EAAoF;IAC3G,uCAAuC;IACvC,MAAM;IACN,aAAa;IACb,uCAAuC;IACvC,wCAAwC;IACxC,wBAAwB;IACxB,kBAAkB;IAClB,UAAU;IACV,iDAAiD;IACjD,qCAAqC;IACrC,2BAA2B;IAC3B,2BAA2B;IAC3B,uBAAuB;IACvB,yBAAyB;IACzB,uBAAuB;IACvB,UAAU;IACV,QAAQ;IACR,MAAM;IACN,KAAK;QAnBoB,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,oBAAoB,0BAAA,EAAE,WAAW,iBAAA;IAqBzG,8EAA8E;IACxE,IAAA,KAAkC,QAAQ,CAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IAE7D,IAAM,QAAQ,GAAG,UAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ;QACzC,OAAO,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI;YACnB,IAAI,IAAI,CAAC,EAAE,KAAK,QAAQ,EAAE;gBACxB,6BACK,IAAI,KACP,QAAQ,kCAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,UAAE,QAAQ,aAC7C;aACH;iBAAM,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACxB,6BACK,IAAI,KACP,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,IACrD;aACH;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAE,EAAE,GAAG,EAAE,KAAK;QAClC,IAAM,qBAAqB,GAAG,UAAC,KAAK;YAClC,OAAO,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI;;gBACnB,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;oBAClB,6BAAY,IAAI,gBAAG,GAAG,IAAG,KAAK,OAAG;iBAClC;qBAAM,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACxB,6BACK,IAAI,KACP,QAAQ,EAAE,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAC9C;iBACH;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,cAAc,CAAC,UAAA,IAAI,IAAI,OAAA,qBAAqB,CAAC,IAAI,CAAC,EAA3B,CAA2B,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,aAAa;QAClC,IAAM,OAAO,GAAe;YAC1B,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE;YACd,IAAI,EAAE,cAAc,CAAC,IAAI;YACzB,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,aAAa;YACzB,QAAQ,EAAE,EAAE;SACb,CAAC;QACF,cAAc,CAAC,UAAA,IAAI,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,CAAC,EAAtC,CAAsC,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,YAAY;QAClC,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC9B,IAAM,QAAQ,GAAe;YAC3B,EAAE,EAAE,UAAU;YACd,IAAI,EAAE,cAAc,CAAC,UAAU;YAC/B,aAAa,EAAE,cAAc,CAAC,GAAG;YACjC,UAAU,EAAE,YAAY;YACxB,QAAQ,EAAE;gBACR;oBACE,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC;oBACrC,IAAI,EAAE,cAAc,CAAC,IAAI;oBACzB,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;oBACf,KAAK,EAAE,IAAI;oBACX,UAAU,EAAE,UAAU;oBACtB,QAAQ,EAAE,EAAE;iBACb;gBACD;oBACE,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC;oBACrC,IAAI,EAAE,cAAc,CAAC,IAAI;oBACzB,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;oBACf,KAAK,EAAE,IAAI;oBACX,UAAU,EAAE,UAAU;oBACtB,QAAQ,EAAE,EAAE;iBACb;aACF;SACF,CAAC;QACF,cAAc,CAAC,UAAA,IAAI,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAtC,CAAsC,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,qCAAqC;IACrC,+CAA+C;IAC/C,gEAAgE;IAChE,6BAA6B;IAC7B,mBAAmB;IACnB,qBAAqB;IACrB,2DAA2D;IAC3D,aAAa;IACb,UAAU;IACV,qBAAqB;IACrB,UAAU;IACV,OAAO;IACP,yDAAyD;IACzD,KAAK;IAGL,IAAM,iBAAiB,GAAG,UAAC,IAAI;QAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5D,OAAO,IAAI,CAAC;SACb;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;aAC1B,GAAG,CAAC,iBAAiB,CAAC,CAAC,+BAA+B;aACtD,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,KAAK,IAAI,EAAd,CAAc,CAAC,CAAC,CAAC,qBAAqB;QAEzD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAGF,IAAM,gBAAgB,GAAG,UAAC,EAAE;QAC1B,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAChF,OAAM;SACP;QACD,IAAM,iBAAiB,GAAG,UAAC,KAAK,EAAE,EAAE,EAAE,MAAc;YAAd,uBAAA,EAAA,cAAc;YAClD,IAAM,UAAU,GAAG,KAAK;iBACrB,GAAG,CAAC,UAAA,IAAI;gBACP,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;oBAClB,OAAO,IAAI,CAAC,CAAC,yBAAyB;iBACvC;gBAED,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,IAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;oBAE7D,6EAA6E;oBAC7E,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;wBAC5D,6BAAY,IAAI,KAAE,QAAQ,EAAE,EAAE,IAAG;qBAClC;oBAED,6BAAY,IAAI,KAAE,QAAQ,EAAE,eAAe,IAAG;iBAC/C;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;iBACD,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,KAAK,IAAI,EAAb,CAAa,CAAC,CAAC,CAAC,qBAAqB;YAEvD,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC;QAEF,cAAc,CAAC,UAAA,SAAS,IAAI,OAAA,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,SAAS,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAA9D,CAA8D,CAAC,CAAC;IAC9F,CAAC,CAAC;IAMF,mCAAmC;IACnC,yFAAyF;IACzF,sCAAsC;IACtC,KAAK;IAKL,OAAO,CACL,eAAK,SAAS,EAAC,EAAE,aACd,WAAW,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACvB,KAAC,oBAAoB,IAEnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,CAAC,IARH,IAAI,CAAC,EAAE,CASZ,CACH,EAZwB,CAYxB,CAAC,EACF,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,WAAW,CAAC,EAAjC,CAAiC,EAAE,IAAI,EAAC,QAAQ,GAAG,EACrG,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,WAAW,GAAI,IAI/E,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["// @ts-nocheck\nimport { Calendar } from 'primereact/calendar';\nimport { Dropdown } from 'primereact/dropdown';\nimport { InputNumber } from 'primereact/inputnumber';\nimport { InputText } from 'primereact/inputtext';\nimport { Tooltip } from 'primereact/tooltip';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { SolidFilterFields } from '../filter/SolidFilterFields';\nimport { Button } from 'primereact/button';\nimport { Fieldset } from 'primereact/fieldset';\nimport { OverlayPanel } from 'primereact/overlaypanel';\nimport { AutoComplete } from 'primereact/autocomplete';\n\nexport enum FilterRuleType {\n  RULE = 'rule',\n  RULE_GROUP = 'rule_group'\n}\n\nexport enum FilterOperator {\n  AND = 'and',\n  OR = 'or'\n}\n\nexport enum FilterMatchMode {\n  STARTS_WITH = 'startsWith',\n  CONTAINS = 'contains',\n  EQUALS = 'equals',\n  GREATER_THAN = 'gt',\n  LESS_THAN = 'lt',\n}\n\nexport interface FilterRule {\n  id: number;\n  type: FilterRuleType;\n  matchOperator?: FilterOperator;\n  fieldName?: string | null;\n  matchMode?: FilterMatchMode | null;\n  value?: any;\n  parentRule: number | null;\n  children?: FilterRule[];\n}\n\nexport interface Field {\n  name: string;\n  type: 'string' | 'number' | 'date';\n}\n\n// const fields: Field[] = [\n//   { name: 'name', type: 'string' },\n//   { name: 'dob', type: 'date' },\n//   { name: 'lastName', type: 'string' },\n//   { name: 'amount', type: 'number' }\n// ];\n\nconst operatorOptions = {\n  // string: [FilterMatchMode.CONTAINS, FilterMatchMode.EQUALS],\n  // date: [FilterMatchMode.EQUALS, FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN],\n  // number: [FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN],\n  id: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  int: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  bigint: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  float: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  decimal: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  shortText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  longText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  richText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  boolean: [FilterMatchMode.EQUALS],\n  date: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN,],\n  datetime: [FilterMatchMode.EQUALS],\n  time: [FilterMatchMode.EQUALS],\n  relation: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  mediaSingle: [],\n  mediaMultiple: [],\n  selectionStatic: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  selectionDynamic: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  computed: [],\n  externalId: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  uuid: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n\n};\n\nconst getRandomInt = (min, max) => {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\n// Component to render a single filter rule\nconst FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAddGroup, onDelete, level }) => {\n  // const applicableOperators = rule.fieldName ? operatorOptions[fields.find(f => f.name === rule.fieldName)?.value.type].map(e => { return { name: e } }) : [];\n  // const applicableInputField = rule.fieldName ? fields.find(f => f.name === rule.fieldName)?.type : \"\";\n\n  const autoCompleteRef = useRef(null);\n\n  const [fieldName, setFieldName] = useState({ name: rule.fieldName });\n  const [matchMode, setMatchMode] = useState({ name: rule.matchMode });\n\n  const [filteredFields, setFilteredFields] = useState<any[]>([]);\n\n  const searchFields = (event: any) => {\n    const query = event.query.toLowerCase();\n    const filtered = !query\n      ? fields\n      : fields.filter((item: any) =>\n        item.name.toLowerCase().startsWith(query)\n      );\n    setFilteredFields(filtered);\n    setTimeout(() => {\n      autoCompleteRef.current?.show();\n    }, 0);\n  };\n  return (\n    // <div style={{ marginLeft: (level - 1) * 10 + 'px' }} className=\"filter-rule\">\n\n    <div className='mt-2'>\n      <div className='flex flex-column md:flex-row  align-items-start md:align-items-center gap-2 md:gap-3'>\n        <div className='formgrid grid w-full'>\n          <div className='col-12 md:col-4 pb-2 md:pb-0'>\n            <AutoComplete\n              ref={autoCompleteRef}\n              value={fieldName.name}\n              suggestions={filteredFields}\n              completeMethod={searchFields}\n              field=\"name\"\n              dropdown\n              forceSelection // only values from list\n              placeholder=\"Select Field\"\n              className=\"w-full p-inputtext-sm solid-filter-auto-complete-field\"\n              onChange={(e) => {\n                setFieldName({ name: e.value }); // e.value will be an object or null\n                if (e.value) {\n                  onChange(rule.id, 'fieldName', e.value.value); // send value to parent\n                } else {\n                  onChange(rule.id, 'fieldName', '');\n                }\n              }}\n            />\n          </div>\n          <div className='col-12 md:col-8'>\n            <div className='formgrid grid w-full'>\n              {rule.fieldName ?\n                <div className='col-12'>\n                  <SolidFilterFields viewData={viewData} fieldMetadata={viewData.data.solidFieldsMetadata[rule.fieldName]} onChange={onChange} index={rule.id} rule={rule}></SolidFilterFields>\n                </div>\n                : <>\n                  <div className='col-12 md:col-6 pb-2 md:pb-0'>\n                    <InputText\n                      disabled\n                      value={rule.value || ''}\n                      placeholder=\"operator\"\n                      className='w-full p-inputtext-sm '\n                    />\n                  </div>\n                  <div className='col-12 md:col-6'>\n                    <InputText\n                      disabled\n                      value={rule.value || ''}\n                      placeholder=\"value\"\n                      className='w-full p-inputtext-sm'\n                    />\n                  </div>\n                </>\n              }\n            </div>\n          </div>\n        </div>\n        <div className='formgrid grid'>\n          <div className='col-4 px-0 flex align-items-center'>\n            <Button text severity='secondary' icon=\"pi pi-plus\" size='small' onClick={() => onAddRule(rule.parentRule)} className='solid-filter-action-btn' />\n          </div>\n          <div className='col-4 px-0 flex align-items-center'>\n            <Button text severity='secondary' icon={\"pi pi-folder-plus\"} size='small' onClick={() => onAddGroup(rule.id)} className='solid-filter-action-btn' />\n          </div>\n          <div className='col-4 px-0 flex align-items-center'>\n            <Button text severity='secondary' icon=\"pi pi-trash\" size='small' onClick={() => onDelete(rule.id)} className='solid-filter-action-btn' />\n          </div>\n        </div>\n      </div>\n\n      {rule.children && rule.children.map(nestedRule => (\n        <div className='py-3 nested-custom-filter' key={nestedRule.id}>\n          {nestedRule.type === FilterRuleType.RULE\n            ? <FilterRuleComponent key={nestedRule.id} viewData={viewData} fields={fields} rule={nestedRule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n            : <FilterGroupComponent key={nestedRule.id} viewData={viewData} fields={fields} group={nestedRule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n          }\n        </div>\n      ))}\n      {/* <Button text label='Add Condition' icon=\"pi pi-plus\" size='small' onClick={() => onAddRule(rule.parentRule)} /> */}\n    </div>\n  );\n};\n\n// Component to render a group of filter rules\nconst FilterGroupComponent = ({ viewData, fields, group, onChange, onAddRule, onAddGroup, onDelete, level }) => {\n  const op = useRef(null);\n  const legendTemplate = (\n    <>\n      <Button\n        size='small'\n        label={group.matchOperator}\n        className='small-button'\n        icon=\"pi pi-angle-down\"\n        iconPos='right'\n        onClick={(e) => op.current.toggle(e)}\n        style={{\n          textTransform: \"uppercase\"\n        }}\n      />\n      <OverlayPanel ref={op} className='m-0'>\n        <div className='flex flex-column'>\n          <Button\n            size=\"small\"\n            label=\"AND\"\n            text\n            className='small-button'\n            onClick={(e) => { onChange(group.id, 'matchOperator', FilterOperator.AND); op.current.hide(e) }}\n          />\n          <Button\n            size=\"small\"\n            label=\"OR\"\n            text\n            className='small-button'\n            onClick={(e) => { onChange(group.id, 'matchOperator', FilterOperator.OR); op.current.hide(e) }}\n          />\n        </div>\n      </OverlayPanel>\n    </>\n    // <select className='filter-select'\n    //   value={group.matchOperator}\n    //   onChange={e => onChange(group.id, 'matchOperator', e.target.value)}\n    // >\n    //   <option value={FilterOperator.AND}>AND</option>\n    //   <option value={FilterOperator.OR}>OR</option>\n    // </select>\n  )\n  return (\n    <Fieldset legend={legendTemplate} className='primary-filter-fieldset'>\n      {group.children && group.children.map(rule => (\n        rule.type === FilterRuleType.RULE\n          ? <FilterRuleComponent key={rule.id} viewData={viewData} fields={fields} rule={rule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n          : <FilterGroupComponent key={rule.id} viewData={viewData} fields={fields} group={rule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n      ))}\n      {/* {level > 0 &&\n        <div className='mt-2'>\n          <Button size=\"small\" severity='danger' icon=\"pi pi-trash \" onClick={() => onDelete(group.id)} />\n        </div>\n      } */}\n\n      {/* Add Condition Button to add parent rule */}\n      {level === 0 &&\n        <Button text label='Add Condition' icon=\"pi pi-plus\" size='small' onClick={() => onAddRule(group.id)} className='px-0 mt-2' />\n      }\n    </Fieldset>\n  );\n};\n\n// Main Filter component\nconst FilterComponent = ({ viewData, fields, filterRules, setFilterRules, transformFilterRules, closeDialog }) => {\n  // const initialState: FilterRule[] = [\n  //   {\n  //     id: 1,\n  //     type: FilterRuleType.RULE_GROUP,\n  //     matchOperator: FilterOperator.OR,\n  //     parentRule: null,\n  //     children: [\n  //       {\n  //         id: Date.now() + getRandomInt(1, 500),\n  //         type: FilterRuleType.RULE,\n  //         fieldName: null,\n  //         matchMode: null,\n  //         value: null,\n  //         parentRule: 1,\n  //         children: []\n  //       }\n  //     ]\n  //   }\n  // ];\n\n  // const [filterRules, setFilterRules] = useState<FilterRule[]>(initialState);\n  const [printedState, setPrintedState] = useState<string>('');\n\n  const addChild = (rules, parentId, newChild) => {\n    return rules.map(rule => {\n      if (rule.id === parentId) {\n        return {\n          ...rule,\n          children: [...(rule.children || []), newChild]\n        };\n      } else if (rule.children) {\n        return {\n          ...rule,\n          children: addChild(rule.children, parentId, newChild)\n        };\n      }\n      return rule;\n    });\n  };\n\n  const handleChange = (id, key, value) => {\n    const updateRuleRecursively = (rules) => {\n      return rules.map(rule => {\n        if (rule.id === id) {\n          return { ...rule, [key]: value };\n        } else if (rule.children) {\n          return {\n            ...rule,\n            children: updateRuleRecursively(rule.children)\n          };\n        }\n        return rule;\n      });\n    };\n    setFilterRules(prev => updateRuleRecursively(prev));\n  };\n\n  const handleAddRule = (parentGroupId) => {\n    const newRule: FilterRule = {\n      id: Date.now(),\n      type: FilterRuleType.RULE,\n      fieldName: null,\n      matchMode: null,\n      value: null,\n      parentRule: parentGroupId,\n      children: []\n    };\n    setFilterRules(prev => addChild(prev, parentGroupId, newRule));\n  };\n\n  const handleAddGroup = (parentRuleId) => {\n    const newGroupId = Date.now();\n    const newGroup: FilterRule = {\n      id: newGroupId,\n      type: FilterRuleType.RULE_GROUP,\n      matchOperator: FilterOperator.AND,\n      parentRule: parentRuleId,\n      children: [\n        {\n          id: Date.now() + getRandomInt(1, 500),\n          type: FilterRuleType.RULE,\n          fieldName: null,\n          matchMode: null,\n          value: null,\n          parentRule: newGroupId,\n          children: []\n        },\n        {\n          id: Date.now() + getRandomInt(1, 500),\n          type: FilterRuleType.RULE,\n          fieldName: null,\n          matchMode: null,\n          value: null,\n          parentRule: newGroupId,\n          children: []\n        }\n      ]\n    };\n    setFilterRules(prev => addChild(prev, parentRuleId, newGroup));\n  };\n\n  // const handleDeleteRule = (id) => {\n  //   const deleteRecursively = (rules, id) => {\n  //     return rules.filter(rule => rule.id !== id).map(rule => {\n  //       if (rule.children) {\n  //         return {\n  //           ...rule,\n  //           children: deleteRecursively(rule.children, id)\n  //         };\n  //       }\n  //       return rule;\n  //     });\n  //   };\n  //   setFilterRules(prev => deleteRecursively(prev, id));\n  // };\n\n\n  const removeEmptyGroups = (rule) => {\n    if (rule.type === \"rule_group\" && rule.children.length === 0) {\n      return null;\n    }\n\n    rule.children = rule.children\n      .map(removeEmptyGroups) // Recursively process children\n      .filter(child => child !== null); // Remove null values\n\n    return rule;\n  };\n\n\n  const handleDeleteRule = (id) => {\n    if (filterRules[0].children.length === 1 && filterRules[0].children[0].id === id) {\n      return\n    }\n    const deleteRecursively = (rules, id, isRoot = false) => {\n      const mappedData = rules\n        .map(rule => {\n          if (rule.id === id) {\n            return null; // Remove the target rule\n          }\n\n          if (rule.children) {\n            const updatedChildren = deleteRecursively(rule.children, id);\n\n            // If this rule had children and now has none, keep it but set children to []\n            if (rule.children.length > 0 && updatedChildren.length === 0) {\n              return { ...rule, children: [] };\n            }\n\n            return { ...rule, children: updatedChildren };\n          }\n\n          return rule;\n        })\n        .filter(rule => rule !== null); // Remove null values\n\n      return mappedData\n    };\n\n    setFilterRules(prevRules => [removeEmptyGroups(deleteRecursively(prevRules, id, true)[0])]);\n  };\n\n\n\n\n\n  // const handlePrintState = () => {\n  //   // setPrintedState(JSON.stringify(filterRules, null, 2)); // Pretty format the state\n  //   transformFilterRules(filterRules)\n  // };\n\n\n\n\n  return (\n    <div className=''>\n      {filterRules.map(rule => (\n        <FilterGroupComponent\n          key={rule.id}\n          viewData={viewData}\n          fields={fields}\n          group={rule}\n          onChange={handleChange}\n          onAddRule={handleAddRule}\n          onAddGroup={handleAddGroup}\n          onDelete={handleDeleteRule}\n          level={0} // Top-level group\n        />\n      ))}\n      <div className='flex gap-3 mt-3'>\n        <Button label=\"Apply\" size=\"small\" onClick={() => transformFilterRules(filterRules)} type=\"submit\" />\n        <Button type='button' label='Cancel' outlined size='small' onClick={closeDialog} />\n        {/* \n        <br></br>\n        <textarea value={printedState} readOnly rows={20} cols={100} style={{ marginTop: '20px' }} /> */}\n      </div>\n    </div>\n  );\n};\n\nexport default FilterComponent;"]}
+{"version":3,"file":"FilterComponent.js","sourceRoot":"","sources":["../../../../src/components/core/common/FilterComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React, { useState } from 'react';\nimport { SolidFilterFields } from '../filter/SolidFilterFields';\nimport { FolderPlus, Plus, Trash2 } from 'lucide-react';\nimport { SolidButton } from '../../shad-cn-ui/SolidButton';\nimport { SolidAutocomplete } from '../../shad-cn-ui/SolidAutocomplete';\nimport { SolidInput } from '../../shad-cn-ui/SolidInput';\nimport { SolidSelect } from '../../shad-cn-ui/SolidSelect';\nimport { FilterMatchMode, type FilterMatchModeValue } from '../filter/filterMatchMode';\n\nexport enum FilterRuleType {\n  RULE = 'rule',\n  RULE_GROUP = 'rule_group'\n}\n\nexport enum FilterOperator {\n  AND = 'and',\n  OR = 'or'\n}\n\nexport interface FilterRule {\n  id: number;\n  type: FilterRuleType;\n  matchOperator?: FilterOperator;\n  fieldName?: string | null;\n  matchMode?: FilterMatchModeValue | null;\n  value?: any;\n  parentRule: number | null;\n  children?: FilterRule[];\n}\n\nexport interface Field {\n  name: string;\n  type: 'string' | 'number' | 'date';\n}\n\n// const fields: Field[] = [\n//   { name: 'name', type: 'string' },\n//   { name: 'dob', type: 'date' },\n//   { name: 'lastName', type: 'string' },\n//   { name: 'amount', type: 'number' }\n// ];\n\nconst operatorOptions = {\n  // string: [FilterMatchMode.CONTAINS, FilterMatchMode.EQUALS],\n  // date: [FilterMatchMode.EQUALS, FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN],\n  // number: [FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN],\n  id: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  int: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  bigint: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  float: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  decimal: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],\n  shortText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  longText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  richText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  boolean: [FilterMatchMode.EQUALS],\n  date: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN,],\n  datetime: [FilterMatchMode.EQUALS],\n  time: [FilterMatchMode.EQUALS],\n  relation: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  mediaSingle: [],\n  mediaMultiple: [],\n  selectionStatic: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  selectionDynamic: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  computed: [],\n  externalId: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n  uuid: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],\n\n};\n\nconst getRandomInt = (min, max) => {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\n// Component to render a single filter rule\nconst FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAddGroup, onDelete, level }) => {\n  // const applicableOperators = rule.fieldName ? operatorOptions[fields.find(f => f.name === rule.fieldName)?.value.type].map(e => { return { name: e } }) : [];\n  // const applicableInputField = rule.fieldName ? fields.find(f => f.name === rule.fieldName)?.type : \"\";\n\n  const [fieldName, setFieldName] = useState({ name: rule.fieldName });\n  const [matchMode, setMatchMode] = useState({ name: rule.matchMode });\n\n  const [filteredFields, setFilteredFields] = useState<any[]>([]);\n\n  const searchFields = (event: any) => {\n    const query = event.query.toLowerCase();\n    const filtered = !query\n      ? fields\n      : fields.filter((item: any) =>\n        item.name.toLowerCase().startsWith(query)\n      );\n    setFilteredFields(filtered);\n  };\n  return (\n    <div className='solid-filter-rule-row'>\n      <div className='solid-filter-rule-main'>\n        <div className='solid-filter-rule-field'>\n          <div className='solid-filter-control-wrap'>\n            <SolidAutocomplete\n              value={fieldName.name}\n              suggestions={filteredFields}\n              completeMethod={searchFields}\n              field=\"name\"\n              dropdown\n              forceSelection // only values from list\n              placeholder=\"Select Field\"\n              className=\"w-full solid-filter-auto-complete-field solid-filter-compact-control\"\n              onChange={(e) => {\n                setFieldName({ name: e.value }); // e.value will be an object or null\n                if (e.value && typeof e.value === \"object\" && e.value.value) {\n                  onChange(rule.id, 'fieldName', e.value.value); // send value to parent\n                } else {\n                  onChange(rule.id, 'fieldName', '');\n                }\n              }}\n            />\n          </div>\n        </div>\n        <div className='solid-filter-rule-value'>\n          <div className='solid-filter-control-wrap'>\n            {rule.fieldName ?\n              <SolidFilterFields viewData={viewData} fieldMetadata={viewData.data.solidFieldsMetadata[rule.fieldName]} onChange={onChange} index={rule.id} rule={rule}></SolidFilterFields>\n              : <div className='solid-filter-empty-pair'>\n                <SolidInput\n                  disabled\n                  value={rule.value || ''}\n                  placeholder=\"Operator\"\n                  className='w-full solid-filter-compact-control'\n                />\n                <SolidInput\n                  disabled\n                  value={rule.value || ''}\n                  placeholder=\"Value\"\n                  className='w-full solid-filter-compact-control'\n                />\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n      <div className='solid-filter-rule-actions'>\n        <SolidButton variant=\"ghost\" size='sm' onClick={() => onAddRule(rule.parentRule)} className='solid-filter-action-btn solid-filter-action-icon-btn'>\n          <Plus size={14} />\n        </SolidButton>\n        <SolidButton variant=\"ghost\" size='sm' onClick={() => onAddGroup(rule.id)} className='solid-filter-action-btn solid-filter-action-icon-btn'>\n          <FolderPlus size={14} />\n        </SolidButton>\n        <SolidButton variant=\"ghost\" size='sm' onClick={() => onDelete(rule.id)} className='solid-filter-action-btn solid-filter-action-icon-btn is-danger'>\n          <Trash2 size={14} />\n        </SolidButton>\n      </div>\n\n      {rule.children && rule.children.map(nestedRule => (\n        <div className='nested-custom-filter' key={nestedRule.id}>\n          {nestedRule.type === FilterRuleType.RULE\n            ? <FilterRuleComponent key={nestedRule.id} viewData={viewData} fields={fields} rule={nestedRule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n            : <FilterGroupComponent key={nestedRule.id} viewData={viewData} fields={fields} group={nestedRule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n          }\n        </div>\n      ))}\n    </div>\n  );\n};\n\n// Component to render a group of filter rules\nconst FilterGroupComponent = ({ viewData, fields, group, onChange, onAddRule, onAddGroup, onDelete, level }) => {\n  return (\n    <div className='primary-filter-fieldset solid-filter-group-shell'>\n      <div className=\"solid-filter-group-operator-wrap\">\n        <SolidSelect\n          value={group.matchOperator}\n          options={[\n            { label: \"OR\", value: FilterOperator.OR },\n            { label: \"AND\", value: FilterOperator.AND },\n          ]}\n          placeholder=\"Operator\"\n          className=\"solid-filter-group-operator-select\"\n          onChange={(event) => onChange(group.id, 'matchOperator', event.value)}\n        />\n      </div>\n      {group.children && group.children.map(rule => (\n        rule.type === FilterRuleType.RULE\n          ? <FilterRuleComponent key={rule.id} viewData={viewData} fields={fields} rule={rule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n          : <FilterGroupComponent key={rule.id} viewData={viewData} fields={fields} group={rule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />\n      ))}\n      {/* Add Condition Button to add parent rule */}\n      {level === 0 &&\n        <SolidButton variant=\"ghost\" size='sm' onClick={() => onAddRule(group.id)} className='px-0 mt-2 solid-filter-add-condition-btn'>\n          <Plus size={14} />\n          Add Condition\n        </SolidButton>\n      }\n    </div>\n  );\n};\n\n// Main Filter component\nconst FilterComponent = ({ viewData, fields, filterRules, setFilterRules, transformFilterRules, closeDialog }) => {\n  // const initialState: FilterRule[] = [\n  //   {\n  //     id: 1,\n  //     type: FilterRuleType.RULE_GROUP,\n  //     matchOperator: FilterOperator.OR,\n  //     parentRule: null,\n  //     children: [\n  //       {\n  //         id: Date.now() + getRandomInt(1, 500),\n  //         type: FilterRuleType.RULE,\n  //         fieldName: null,\n  //         matchMode: null,\n  //         value: null,\n  //         parentRule: 1,\n  //         children: []\n  //       }\n  //     ]\n  //   }\n  // ];\n\n  // const [filterRules, setFilterRules] = useState<FilterRule[]>(initialState);\n  const [printedState, setPrintedState] = useState<string>('');\n\n  const addChild = (rules, parentId, newChild) => {\n    return rules.map(rule => {\n      if (rule.id === parentId) {\n        return {\n          ...rule,\n          children: [...(rule.children || []), newChild]\n        };\n      } else if (rule.children) {\n        return {\n          ...rule,\n          children: addChild(rule.children, parentId, newChild)\n        };\n      }\n      return rule;\n    });\n  };\n\n  const handleChange = (id, key, value) => {\n    const updateRuleRecursively = (rules) => {\n      return rules.map(rule => {\n        if (rule.id === id) {\n          return { ...rule, [key]: value };\n        } else if (rule.children) {\n          return {\n            ...rule,\n            children: updateRuleRecursively(rule.children)\n          };\n        }\n        return rule;\n      });\n    };\n    setFilterRules(prev => updateRuleRecursively(prev));\n  };\n\n  const handleAddRule = (parentGroupId) => {\n    const newRule: FilterRule = {\n      id: Date.now(),\n      type: FilterRuleType.RULE,\n      fieldName: null,\n      matchMode: null,\n      value: null,\n      parentRule: parentGroupId,\n      children: []\n    };\n    setFilterRules(prev => addChild(prev, parentGroupId, newRule));\n  };\n\n  const handleAddGroup = (parentRuleId) => {\n    const newGroupId = Date.now();\n    const newGroup: FilterRule = {\n      id: newGroupId,\n      type: FilterRuleType.RULE_GROUP,\n      matchOperator: FilterOperator.AND,\n      parentRule: parentRuleId,\n      children: [\n        {\n          id: Date.now() + getRandomInt(1, 500),\n          type: FilterRuleType.RULE,\n          fieldName: null,\n          matchMode: null,\n          value: null,\n          parentRule: newGroupId,\n          children: []\n        },\n        {\n          id: Date.now() + getRandomInt(1, 500),\n          type: FilterRuleType.RULE,\n          fieldName: null,\n          matchMode: null,\n          value: null,\n          parentRule: newGroupId,\n          children: []\n        }\n      ]\n    };\n    setFilterRules(prev => addChild(prev, parentRuleId, newGroup));\n  };\n\n  // const handleDeleteRule = (id) => {\n  //   const deleteRecursively = (rules, id) => {\n  //     return rules.filter(rule => rule.id !== id).map(rule => {\n  //       if (rule.children) {\n  //         return {\n  //           ...rule,\n  //           children: deleteRecursively(rule.children, id)\n  //         };\n  //       }\n  //       return rule;\n  //     });\n  //   };\n  //   setFilterRules(prev => deleteRecursively(prev, id));\n  // };\n\n\n  const removeEmptyGroups = (rule) => {\n    if (rule.type === \"rule_group\" && rule.children.length === 0) {\n      return null;\n    }\n\n    rule.children = rule.children\n      .map(removeEmptyGroups) // Recursively process children\n      .filter(child => child !== null); // Remove null values\n\n    return rule;\n  };\n\n\n  const handleDeleteRule = (id) => {\n    if (filterRules[0].children.length === 1 && filterRules[0].children[0].id === id) {\n      return\n    }\n    const deleteRecursively = (rules, id, isRoot = false) => {\n      const mappedData = rules\n        .map(rule => {\n          if (rule.id === id) {\n            return null; // Remove the target rule\n          }\n\n          if (rule.children) {\n            const updatedChildren = deleteRecursively(rule.children, id);\n\n            // If this rule had children and now has none, keep it but set children to []\n            if (rule.children.length > 0 && updatedChildren.length === 0) {\n              return { ...rule, children: [] };\n            }\n\n            return { ...rule, children: updatedChildren };\n          }\n\n          return rule;\n        })\n        .filter(rule => rule !== null); // Remove null values\n\n      return mappedData\n    };\n\n    setFilterRules(prevRules => [removeEmptyGroups(deleteRecursively(prevRules, id, true)[0])]);\n  };\n\n\n\n\n\n  // const handlePrintState = () => {\n  //   // setPrintedState(JSON.stringify(filterRules, null, 2)); // Pretty format the state\n  //   transformFilterRules(filterRules)\n  // };\n\n\n\n\n  return (\n    <div className='solid-filter-builder'>\n      {filterRules.map(rule => (\n        <FilterGroupComponent\n          key={rule.id}\n          viewData={viewData}\n          fields={fields}\n          group={rule}\n          onChange={handleChange}\n          onAddRule={handleAddRule}\n          onAddGroup={handleAddGroup}\n          onDelete={handleDeleteRule}\n          level={0} // Top-level group\n        />\n      ))}\n      <div className='solid-filter-builder-actions'>\n        <SolidButton variant=\"primary\" size=\"sm\" onClick={() => transformFilterRules(filterRules)} type=\"submit\" className=\"solid-filter-submit-btn\">Apply</SolidButton>\n        <SolidButton type='button' variant=\"outline\" size='sm' onClick={closeDialog} className=\"solid-filter-cancel-btn\">Cancel</SolidButton>\n        {/* \n        <br></br>\n        <textarea value={printedState} readOnly rows={20} cols={100} style={{ marginTop: '20px' }} /> */}\n      </div>\n    </div>\n  );\n};\n\nexport default FilterComponent;\n"]}