@solidstarters/solid-core-ui 1.0.0 → 1.0.2

package/dist/components/layout/navbar-two.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
 import { usePathname, useRouter } from "next/navigation";
+import { useState } from "react";
 var NavbarTwo = function () {
     var router = useRouter();
     var pathname = usePathname();

package/dist/components/layout/navbar-two.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-two.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEzD,IAAM,SAAS,GAAG;IAChB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAA8B,QAAQ,EAAE,EAAvC,UAAU,QAAA,EAAE,aAAa,QAAc,CAAC;IAE/C,IAAM,OAAO,GAAG;QACd;YACE,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,OAAO;YACZ,OAAO,EAAE,EAAE;SACZ;QACD;YACE,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,OAAO;YACZ,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE;gBACrE,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;aACtD;SACF;QACD;YACE,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,OAAO;YACZ,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE;gBAC5D,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;aACtD;SACF;KACF,CAAC;IAEF,OAAO,mBAAK,CAAA;AACd,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"navbar-two.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,IAAM,SAAS,GAAG;IAChB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAA8B,QAAQ,EAAE,EAAvC,UAAU,QAAA,EAAE,aAAa,QAAc,CAAC;IAE/C,IAAM,OAAO,GAAG;QACd;YACE,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,OAAO;YACZ,OAAO,EAAE,EAAE;SACZ;QACD;YACE,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,OAAO;YACZ,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE;gBACrE,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;aACtD;SACF;QACD;YACE,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,OAAO;YACZ,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE;gBAC5D,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;aACtD;SACF;KACF,CAAC;IAEF,OAAO,mBAAK,CAAA;AACd,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/layout/user-profile-menu.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// import { useAppSelector } from "../../redux/hooks";
+// import { useAppSelector } from "@/redux/hooks";
 import { signOut } from "next-auth/react";
 import { OverlayPanel } from "primereact/overlaypanel";
 import { useRef, useState } from "react";

package/dist/components/tables/ListViewTable.js

@@ -11,17 +11,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { DataTable } from 'primereact/datatable';
-import { Column } from 'primereact/column';
-import { DemoService } from './DemoData';
-import { CustomTag } from '../Tag/CustomTag';
 import { FilterMatchMode, FilterOperator } from 'primereact/api';
-import { Dropdown } from 'primereact/dropdown';
+import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
+import { Column } from 'primereact/column';
+import { DataTable } from 'primereact/datatable';
+import { Dropdown } from 'primereact/dropdown';
 import { InputNumber } from 'primereact/inputnumber';
-import { Button } from 'primereact/button';
+import { useEffect, useState } from 'react';
 import { FilterIcon } from '../modelsComponents/filterIcon';
+import { CustomTag } from '../Tag/CustomTag';
+import { DemoService } from './DemoData';
 var defaultFilters = {
     global: { value: null, matchMode: FilterMatchMode.CONTAINS },
     name: {

package/dist/components/tables/ListViewTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListViewTable.js","sourceRoot":"","sources":["../../../src/components/tables/ListViewTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AACZ,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAuB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAsC,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAuB,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAA2B,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,WAAW,EAA0B,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,IAAM,cAAc,GAAwB;IACxC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,QAAQ,EAAE;IAC5D,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc,CAAC,GAAG;QAC5B,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE,CAAC;KACzE;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc,CAAC,GAAG;QAC5B,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,OAAO,EAAE,CAAC;KACrE;IACD,KAAK,EAAE;QACH,QAAQ,EAAE,cAAc,CAAC,GAAG;QAC5B,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC;KACpE;IACD,QAAQ,EAAE;QACN,QAAQ,EAAE,cAAc,CAAC,GAAG;QAC5B,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC;KACpE;IACD,WAAW,EAAE;QACT,QAAQ,EAAE,cAAc,CAAC,EAAE;QAC3B,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC;KACpE;CACJ,CAAC;AAWF,MAAM,CAAC,IAAM,aAAa,GAAG;IACnB,IAAA,KAA0B,QAAQ,CAAY,EAAE,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IAClD,IAAA,KAAwB,QAAQ,CAAsB,cAAc,CAAC,EAApE,OAAO,QAAA,EAAE,UAAU,QAAiD,CAAC;IACtE,IAAA,KAA0C,QAAQ,CAAmB,IAAI,CAAC,EAAzE,gBAAgB,QAAA,EAAE,mBAAmB,QAAoC,CAAC;IAC3E,IAAA,KAA4C,QAAQ,CAAS,EAAE,CAAC,EAA/D,iBAAiB,QAAA,EAAE,oBAAoB,QAAwB,CAAC;IAChE,IAAA,QAAQ,GAAI,QAAQ,CAAW,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,GAA5E,CAA6E;IAC5F,IAAM,WAAW,GAAG;QAChB,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC;IACF,IAAM,oBAAoB,GAAG,UAAC,CAAsC;QAChE,IAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,IAAI,QAAQ,gBAAQ,OAAO,CAAE,CAAC;QAC9B,aAAa;QACb,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;QACjC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,IAAM,WAAW,GAAG;QAChB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,SAAS,CAAC;QACN,WAAW,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAM,cAAc,GAAG,UAAC,KAAa;QACjC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAC;IACrI,CAAC,CAAC;IACF,IAAM,iBAAiB,GAAG,UAAC,OAAgB;QACvC,OAAO,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;IACF,IAAM,iBAAiB,GAAG,UAAC,OAAgB;QACvC,OAAO,cAAK,GAAG,EAAE,+DAAwD,OAAO,CAAC,KAAK,CAAE,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,EAAC,8BAA8B,GAAG,CAAC;IAC9J,CAAC,CAAC;IACF,IAAM,kBAAkB,GAAG,UAAC,OAAgB;QACxC,OAAO,wBACH,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,WAAW,GAAI,GACrF,CAAA;IACV,CAAC,CAAC;IACF,IAAM,mBAAmB,GAAG,UAAC,OAAgB;QACzC,OAAO,YAAG,IAAI,EAAE,UAAG,OAAO,CAAC,IAAI,CAAE,EAAE,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,6BAEtH,CAAA;IACR,CAAC,CAAC;IACF,IAAM,oBAAoB,GAAG,UAAC,OAAgB;QAC1C,OAAO,YAAG,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YACxD,OAAO,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,WAAI,OAAO,CAAC,QAAQ,CAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,GAClE,CAAA;IACR,CAAC,CAAC;IACF,IAAM,kBAAkB,GAAG,UAAC,MAAc;QACtC,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAI,CAAC;IACzE,CAAC,CAAC;IACF,IAAM,oBAAoB,GAAG,UAAC,OAA2C;QACrE,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAC,CAAsB,IAAK,OAAA,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAA9C,CAA8C,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAC,YAAY,EAAC,SAAS,EAAC,iBAAiB,EAAC,SAAS,SAAG,CAAC;IACxP,CAAC,CAAC;IACF,IAAM,UAAU,GAAG,UAAC,KAAW;QAC3B,OAAO,KAAK,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACrC,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAClB,CAAC,CAAC;IACP,CAAC,CAAC;IACF,IAAM,gBAAgB,GAAG,UAAC,OAAgB;QACtC,OAAO,UAAU,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC;IACF,IAAM,kBAAkB,GAAG,UAAC,OAA2C;QACnE,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAA9C,CAA8C,EAAE,UAAU,EAAC,UAAU,EAAC,WAAW,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,GAAG,CAAC;IACrL,CAAC,CAAC;IACF,IAAM,mBAAmB,GAAG,UAAC,OAA2C;QACpE,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAC,CAAyB,IAAK,OAAA,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAA9C,CAA8C,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,GAAG,CAAC;IACxL,CAAC,CAAC;IACF,IAAM,sBAAsB,GAAG,UAAC,OAA2C;QACvE,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAC,CAAyB,IAAK,OAAA,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAA9C,CAA8C,GAAI,CAAC;IAC1I,CAAC,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,EAAE,aACX,cAAK,SAAS,EAAC,yBAAyB,oBAAU,EACpD,eAAK,SAAS,EAAC,iBAAiB,aAE3B,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,EAAC,CAAC;wBACvB,eAAK,SAAS,EAAC,iBAAiB,aAC5B,aAAG,SAAS,EAAC,SAAS,aAAE,gBAAgB,CAAC,MAAM,uBAAoB,EACnE,KAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,SACrD,IACP;wBACN,CAAC,CAAC,IAAI,EAEV,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,MAAM,GAAG,IAC3H,EACN,MAAC,SAAS,IACN,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,IAAI,EAAE,EAAE,EACnF,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,CAAC,EAC9E,YAAY,EAAC,mBAAmB,EAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EAArB,CAAqB,EACvE,UAAU,EAAE,cAAM,OAAA,KAAC,UAAU,KAAG,EAAd,CAAc,EAChC,aAAa,EAAE,UAAU,EACzB,SAAS,EAAE,gBAAgB,IAAG,EAAE,EAChC,iBAAiB,EAAE,UAAC,CAAC,IAAK,OAAA,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,aAEtD,KAAC,MAAM,IAAC,aAAa,EAAC,UAAU,EAAC,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAW,EAC1E,KAAC,MAAM,IAAC,MAAM,EAAC,eAAe,EAAC,IAAI,EAAE,iBAAiB,GAAW,EACjE,KAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,QAAC,MAAM,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,EAAC,iBAAiB,EAAC,wBAAwB,GAAW,EAC3H,KAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,QAAC,aAAa,EAAE,kBAAkB,GAAW,EACrK,KAAC,MAAM,IAAC,MAAM,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,IAAI,EAAE,oBAAoB,EAAE,MAAM,QAAC,aAAa,EAAE,sBAAsB,GAAW,EACpI,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAC,SAAS,EAAC,MAAM,QAAC,aAAa,EAAE,mBAAmB,GAAY,EAC9K,KAAC,MAAM,IAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,kBAAkB,EAAE,MAAM,QAAC,aAAa,EAAE,oBAAoB,GAAY,EAC5H,KAAC,MAAM,IAAC,IAAI,EAAE,mBAAmB,GAAW,IACpC,IACV,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"ListViewTable.js","sourceRoot":"","sources":["../../../src/components/tables/ListViewTable.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -414,9 +414,9 @@ export { showNavbar, hideNavbar, toggleNavbar } from './redux/features/navbarSli
 export { showFieldsPopup, showModulePopup, hideFieldsPopup, hideModulePopup } from './redux/features/popupSlice';
 export { toggleTheme } from './redux/features/themeSlice';
 export { setIsAuthenticated, setUser } from './redux/features/userSlice';
-// export {useAppDispatch} from './redux/hooks';
-// export type { AppDispatch} from './redux/store';
-// export {initializeStore} from './redux/store';
+// export {useAppDispatch} from '@/redux/hooks';
+// export type { AppDispatch} from '@/redux/store';
+// export {initializeStore} from '@/redux/store';
 // Re-export default exports
 //Login.tsx
 export { default as Login } from './components/auth/Login';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidstarters/solid-core-ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "scripts": {
     "build": "tsc && tsc-alias",
     "clean": "rm -rf dist",
@@ -16,7 +16,7 @@
   "private": false,
   "publishConfig": {
     "access": "public"
-   },
+  },
   "dependencies": {
     "@hello-pangea/dnd": "^17.0.0",
     "axios": "^1.7.2",
@@ -74,8 +74,6 @@
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@reduxjs/toolkit": "^1.9.5",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
     "@types/lodash": "^4.17.9",
     "@types/node": "20.5.9",
     "@types/pluralize": "^0.0.33",

package/src/components/CustomFooter/CustomFooter.tsx

@@ -1,6 +1,6 @@
 "use client";
-import Link from 'next/link'
-import { FooterForm } from './FooterForm'
+import Link from 'next/link';
+import { FooterForm } from './FooterForm';
 
 export const CustomFooter = () => {
     const footerLinks = [

package/src/components/CustomFooter/FooterForm.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { Button } from 'primereact/button'
-import { InputText } from 'primereact/inputtext'
+import { Button } from 'primereact/button';
+import { InputText } from 'primereact/inputtext';
 
 export const FooterForm = () => {
     return (

package/src/components/core/common/FilterComponent.tsx

@@ -1,5 +1,5 @@
 // @ts-nocheck
-'use client';
+"use client";
 import { Calendar } from 'primereact/calendar';
 import { Dropdown } from 'primereact/dropdown';
 import { InputNumber } from 'primereact/inputnumber';
@@ -87,28 +87,31 @@ const FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAd
   // const applicableInputField = rule.fieldName ? fields.find(f => f.name === rule.fieldName)?.type : "";
   const [fieldName, setFieldName] = useState({ name: rule.fieldName });
   const [matchMode, setMatchMode] = useState({ name: rule.matchMode });
-  console.log("fields", fields);
+  console.log("level", level);
 
   return (
     // <div style={{ marginLeft: (level - 1) * 10 + 'px' }} className="filter-rule">
-    <div style={{ marginLeft: 5 + 'px' }} className="filter-rule">
+    <div className="filter-rule">
       <div className="filter-individual-rule">
         <div className='filter-individual-rule-form'>
-          <div className="grid align-items-center">
-            <div className="col-10 p-0">
-              <div className="filter-component-fields">
-                <Dropdown
-                  key={rule.id}
-                  value={fieldName.name}
-                  onChange={e => {
-                    setFieldName({ name: e.value, value: e.value })
-                    onChange(rule.id, 'fieldName', e.value)
-                  }}
-                  options={fields}
-                  optionLabel='name'
-                  optionValue='name'
-                  placeholder="Select Field" className="w-full  md:w-14rem" />
-
+          <div className=" flex align-items-center">
+            <div className=" p-0" style={{ flex: "10" }}>
+              {/* <div className="filter-component-fields"> */}
+              <div className='filter-component-fields'>
+                <div className='filter-component-fields-section-one' >
+                  <Dropdown
+                    key={rule.id}
+                    value={fieldName.name}
+                    onChange={e => {
+                      setFieldName({ name: e.value, value: e.value })
+                      onChange(rule.id, 'fieldName', e.value)
+                    }}
+                    options={fields}
+                    optionLabel='name'
+                    optionValue='name'
+                    style={{ marginLeft: (level - 1) * 5 + 'px', width: "100%", maxWidth: "-webkit-fill-available" }}
+                    placeholder="Select Field" className="w-full md:w-14rem" />
+                </div>
                 {/* <Dropdown
                     value={matchMode}
                     onChange={e => {
@@ -119,9 +122,28 @@ const FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAd
                     options={applicableOperators}
                     optionLabel='name'
                     placeholder="Select Field" className="w-full filter-small-input md:w-14rem" /> */}
-                {rule.fieldName &&
-                  <SolidFilterFields viewData={viewData} fieldMetadata={viewData.data.solidFieldsMetadata[rule.fieldName]} onChange={onChange} index={rule.id} rule={rule}></SolidFilterFields>
-                }
+
+                <div className='filter-component-fields-section-two'>
+                  {!rule.fieldName &&
+                    <>
+                      <InputText
+                        disabled
+                        value={rule.value || ''}
+                        placeholder="operator"
+                        className='filter-small-input'
+                      />
+                      <InputText
+                        disabled
+                        value={rule.value || ''}
+                        placeholder="value"
+                        className='filter-small-input'
+                      />
+                    </>
+                  }
+                  {rule.fieldName &&
+                    <SolidFilterFields viewData={viewData} fieldMetadata={viewData.data.solidFieldsMetadata[rule.fieldName]} onChange={onChange} index={rule.id} rule={rule}></SolidFilterFields>
+                  }
+                </div>
 
 
                 {/* <div className="col-4">
@@ -152,7 +174,7 @@ const FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAd
 
               </div>
             </div>
-            <div className="col-2 flex justify-content-end">
+            <div className="col-2 flex justify-content-end" style={{ flex: "2" }}>
               <button onClick={() => onAddRule(rule.parentRule)}>
                 <div className="card flex justify-content-center">
                   {/* <Tooltip target=".custom-target-icon" /> */}
@@ -198,18 +220,18 @@ const FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAd
 
               </button>
 
-              <button onClick={() => onDelete(rule.id)}>
-                <div className="card flex justify-content-center">
+                <button onClick={() => onDelete(rule.id)}>
+                  <div className="card flex justify-content-center">
 
-                  <i className="custom-target-icon pi pi-trash p-text-secondary p-overlay-badge"
-                    data-pr-tooltip="Delete Rule"
-                    data-pr-position="right"
-                    data-pr-at="right+5 top"
-                    data-pr-my="left center-2"
-                    style={{ fontSize: '1.2rem', cursor: 'pointer' }}>
-                  </i>
-                </div>
-              </button>
+                    <i className="custom-target-icon pi pi-trash p-text-secondary p-overlay-badge"
+                      data-pr-tooltip="Delete Rule"
+                      data-pr-position="right"
+                      data-pr-at="right+5 top"
+                      data-pr-my="left center-2"
+                      style={{ fontSize: '1.2rem', cursor: 'pointer' }}>
+                    </i>
+                  </div>
+                </button>
 
             </div>
 
@@ -237,11 +259,13 @@ const FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAd
 // Component to render a group of filter rules
 const FilterGroupComponent = ({ viewData, fields, group, onChange, onAddRule, onAddGroup, onDelete, level }) => {
   return (
-    <div style={{ marginLeft: 5 + 'px' }} className="filter-group">
+    <div className="filter-group">
       {/* <div style={{ marginLeft: (level - 1) * 10 + 'px' }} className="filter-group"> */}
 
       <div className='flex justify-content-between align-items-center'>
-        <p className='m-0 mb-2 filter-text'> Match
+        <p className='mb-1 mt-1 filter-text'
+          style={{ marginLeft: (level - 1) * 5 + 'px' }}
+        > Match
           <select className='filter-select'
             value={group.matchOperator}
             onChange={e => onChange(group.id, 'matchOperator', e.target.value)}
@@ -255,7 +279,7 @@ const FilterGroupComponent = ({ viewData, fields, group, onChange, onAddRule, on
         {/* <button onClick={() => onAddGroup(group.id)}>Add Group to Group</button> */}
 
         {/* Add Delete Button for non-root groups */}
-        {level > 0 && <button onClick={() => onDelete(group.id)}>
+        {level > 0 && <button style={{ marginRight: "8px" }} onClick={() => onDelete(group.id)}>
           <div className="card flex justify-content-center">
             <Tooltip target=".custom-target-icon" />
 
@@ -419,10 +443,11 @@ const FilterComponent = ({ viewData, fields }) => {
 
       </div>
 
-      <div>
-        <button onClick={handlePrintState}>Print State</button>
+      <div className='text-center'>
+        <Button label="Apply" size="small" onClick={handlePrintState} type="submit" className="small-button" />
+
         <br></br>
-        <textarea value={printedState} readOnly rows={20} cols={80} style={{ marginTop: '20px' }} />
+        <textarea value={printedState} readOnly rows={20} cols={100} style={{ marginTop: '20px' }} />
       </div>
     </div>
   );

package/src/components/core/common/SolidConfigureLayoutElement.tsx

@@ -1,7 +1,6 @@
 'use client';
-import { useState } from "react";
 import { Dialog } from "primereact/dialog";
-import dynamic from "next/dynamic";
+import { useState } from "react";
 
 
 export const SolidConfigureLayoutElement = ({ }: any) => {

package/src/components/core/common/SolidSearchBox.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import { AutoComplete } from "primereact/autocomplete";
 import { useState } from "react";
 
 

package/src/components/core/field/FieldListViewData.tsx

@@ -1,20 +1,20 @@
 "use client";
-import React, { useState, useEffect } from "react";
+import { useLazyGetfieldsQuery } from "@/redux/api/fieldApi";
+import {
+  useDeleteMultipleModelsMutation,
+} from "@/redux/api/modelApi";
+import Link from "next/link";
+import { FilterMatchMode } from "primereact/api";
+import { Button } from "primereact/button";
+import { Column } from "primereact/column";
 import {
   DataTable,
   DataTableFilterMeta,
   DataTableStateEvent,
 } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { FilterMatchMode } from "primereact/api";
-import Link from "next/link";
-import {
-  useDeleteMultipleModelsMutation,
-} from "@/redux/api/modelApi";
-import qs from "qs";
-import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
-import { useLazyGetfieldsQuery } from "@/redux/api/fieldApi";
+import qs from "qs";
+import { useEffect, useState } from "react";
 
 export interface ModelMetaData {
   id: string;

package/src/components/core/filter/SolidFilterFields.tsx

@@ -1,23 +1,23 @@
 "use client";
-import SolidBigintField from "./columns/SolidBigintField";
-import SolidFloatField from "./columns/SolidFloatField";
-import SolidDecimalField from "./columns/SolidDecimalField";
-import SolidShortTextField from "./columns/SolidShortTextField";
-import SolidLongTextField from "./columns/SolidLongTextField";
-import SolidRichTextField from "./columns/SolidRichTextField";
-import SolidBooleanField from "./columns/SolidBooleanField";
-import SolidDateField from "./columns/SolidDateField";
-import SolidDatetimeField from "./columns/SolidDatetimeField";
-import SolidTimeField from "./columns/SolidTimeField";
-import SolidRelationField from "./columns/SolidRelationField";
-import SolidMediaSingleField from "./columns/SolidMediaSingleField";
-import SolidMediaMultipleField from "./columns/SolidMediaMultipleField";
-import SolidSelectionStaticField from "./columns/SolidSelectionStaticField";
-import SolidSelectionDynamicField from "./columns/SolidSelectionDynamicField";
-import SolidComputedField from "./columns/SolidComputedField";
-import SolidExternalIdField from "./columns/SolidExternalIdField";
-import SolidUuidField from "./columns/SolidUuidField";
-import SolidIntField from "./columns/SolidIntField";
+import SolidBigintField from "./fields/SolidBigintField";
+import SolidFloatField from "./fields/SolidFloatField";
+import SolidDecimalField from "./fields/SolidDecimalField";
+import SolidShortTextField from "./fields/SolidShortTextField";
+import SolidLongTextField from "./fields/SolidLongTextField";
+import SolidRichTextField from "./fields/SolidRichTextField";
+import SolidBooleanField from "./fields/SolidBooleanField";
+import SolidDateField from "./fields/SolidDateField";
+import SolidDatetimeField from "./fields/SolidDatetimeField";
+import SolidTimeField from "./fields/SolidTimeField";
+import SolidRelationField from "./fields/SolidRelationField";
+import SolidMediaSingleField from "./fields/SolidMediaSingleField";
+import SolidMediaMultipleField from "./fields/SolidMediaMultipleField";
+import SolidSelectionStaticField from "./fields/SolidSelectionStaticField";
+import SolidSelectionDynamicField from "./fields/SolidSelectionDynamicField";
+import SolidComputedField from "./fields/SolidComputedField";
+import SolidExternalIdField from "./fields/SolidExternalIdField";
+import SolidUuidField from "./fields/SolidUuidField";
+import SolidIntField from "./fields/SolidIntField";
 // import SolidRelationField from "./columns/SolidRelationField";
 // import SolidMediaSingleField from "./columns/SolidMediaSingleField";
 // import SolidMediaMultipleField from "./columns/SolidMediaMultipleField";
@@ -36,26 +36,23 @@ export type SolidFilterFieldsParams = {
 };
 
 export const getNumberOfInputs = (matchMode: any): number | null => {
-    if (matchMode.label && matchMode.label === 'Not In') {
-        matchMode = 'notIn';
-    }
 
     switch (matchMode) {
-        case 'between':
+        case '$between':
             return 2;
-        case 'in':
-        case 'notIn':
+        case '$in':
+        case '$notIn':
             return null;
-        case 'startsWith':
-        case 'contains':
-        case 'notContains':
-        case 'endsWith':
-        case 'equals':
-        case 'notEquals':
-        case 'lt':
-        case 'lte':
-        case 'gt':
-        case 'gte':
+        case '$startsWith':
+        case '$contains':
+        case '$notContains':
+        case '$endsWith':
+        case '$equals':
+        case '$notEquals':
+        case '$lt':
+        case '$lte':
+        case '$gt':
+        case '$gte':
             return 1;
         default:
             return 1; // Default to single input if no specific match is found

package/src/components/core/filter/SolidManyToOneFilterElement.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import { createSolidEntityApi } from "@/redux/api/solidEntityApi";
 import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
@@ -20,7 +20,7 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
             limit: 10,
             filters: {
                 [fieldMetadata.relationModel.userKeyField.name]: {
-                    '$containsi': event.query
+                    '"$containsi"': event.query
                 }
             }
         };

package/src/components/core/filter/SolidSelectionDynamicFilterElement.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
 import qs from "qs";

package/src/components/core/filter/SolidSelectionStaticFilterElement.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
 

package/src/components/core/filter/SolidVarInputsFilterElement.tsx

@@ -1,12 +1,10 @@
-'use client';
-import { Button } from "primereact/button"
 import { Calendar } from "primereact/calendar";
 import { InputNumber } from "primereact/inputnumber";
-import { InputText } from "primereact/inputtext"
+import { InputText } from "primereact/inputtext";
 import { useEffect, useState } from "react";
 import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
-import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
 import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
+import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
 
 export enum InputTypes {
     Date = 'Date',

package/src/components/core/filter/{columns → fields}/SolidBigintField.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import { SolidFilterFieldsParams } from '../SolidFilterFields';
 import SolidIntField from './SolidIntField';
 

package/src/components/core/filter/{columns → fields}/SolidBooleanField.tsx

@@ -1,5 +1,4 @@
-'use client';
-import { FilterMatchMode } from 'primereact/api';
+"use client";
 import { Dropdown } from 'primereact/dropdown';
 import { SolidFilterFieldsParams } from '../SolidFilterFields';
 
@@ -9,11 +8,11 @@ const SolidBooleanField = ({ fieldMetadata, onChange, index, rule }: SolidFilter
     const columnDataType = 'boolean';
 
     const booleanOptions = [
-        { label: 'Yes', value: true },
-        { label: 'No', value: false },
+        { label: 'true', value: true },
+        { label: 'false', value: false },
     ];
     const filterMatchModeOptions = [
-        { label: 'Equals', value: FilterMatchMode.EQUALS },
+        { label: 'Equals', value: "$eqi" },
   ];
 
 
@@ -23,7 +22,7 @@ const SolidBooleanField = ({ fieldMetadata, onChange, index, rule }: SolidFilter
     return (
         <>
             <Dropdown
-                value={rule.operator}
+                value={rule.matchMode}
                 onChange={(e: any) => {
                     console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
@@ -37,7 +36,7 @@ const SolidBooleanField = ({ fieldMetadata, onChange, index, rule }: SolidFilter
                 options={booleanOptions}
                 onChange={(e: any) => {
                     console.log("e", e);
-                    onChange(rule.id, 'value', e)
+                    onChange(rule.id, 'value', e.value)
                 }}
                 placeholder="Select"
                 className="p-column-filter"

package/src/components/core/filter/{columns → fields}/SolidComputedField.tsx

@@ -1,9 +1,9 @@
-'use client';
-import SolidShortTextField from './SolidShortTextField';
-import SolidIntField from './SolidIntField';
+"use client";
+import { SolidFilterFieldsParams } from '../SolidFilterFields';
 import SolidDateField from './SolidDateField';
 import SolidDatetimeField from './SolidDatetimeField';
-import { SolidFilterFieldsParams } from '../SolidFilterFields';
+import SolidIntField from './SolidIntField';
+import SolidShortTextField from './SolidShortTextField';
 
 const SolidComputedField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
     if (['text', 'string'].includes(fieldMetadata.computedFieldValueType)) {

package/src/components/core/filter/{columns → fields}/SolidDateField.tsx

@@ -1,19 +1,18 @@
-'use client';
-import { FilterMatchMode } from 'primereact/api';
+"use client";
 import { Dropdown } from 'primereact/dropdown';
 import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
 import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
 
 export const dateFilterMatchModeOptions = [
-    { label: 'Equals', value: FilterMatchMode.EQUALS },
-    { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
-    { label: 'Less Than', value: FilterMatchMode.LESS_THAN },
-    { label: 'Less Than Or Equal', value: FilterMatchMode.LESS_THAN_OR_EQUAL_TO },
-    { label: 'Greater Than', value: FilterMatchMode.GREATER_THAN },
-    { label: 'Greater Than Or Equal', value: FilterMatchMode.GREATER_THAN_OR_EQUAL_TO },
-    { label: 'In', value: FilterMatchMode.IN },
-    { label: 'Not In', value: FilterMatchMode.NOT_IN },
-    { label: 'Between', value: FilterMatchMode.BETWEEN }
+    { label: 'Equals', value: "$eqi" },
+    { label: 'Not Equals', value: "$nei" },
+    { label: 'Less Than', value: "$lt" },
+    { label: 'Less Than Or Equal', value: "$lte" },
+    { label: 'Greater Than', value: "$gt" },
+    { label: 'Greater Than Or Equal', value: "$gte" },
+    { label: 'In', value: "$in" },
+    { label: 'Not In', value: "$notIn" },
+    { label: 'Between', value: "$between" }
 ];
 
 const SolidDateField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
@@ -24,12 +23,12 @@ const SolidDateField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
 
     // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
     // const header = column.attrs.label ?? fieldMetadata.displayName;
-    const numberOfInputs = getNumberOfInputs("in");
+    const numberOfInputs = getNumberOfInputs(rule.matchMode);
 
     return (
         <>
             <Dropdown
-                value={rule.operator}
+                value={rule.matchMode}
                 onChange={(e: any) => {
                     console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)