@solidstarters/solid-core-ui 0.1.26 → 1.0.1

package/dist/components/common/CancelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAG,SAAS,EAAC,cAAc,GAAE,GAC7H,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,IAAM,OAAO,GAAG,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,qCAAqC;YACtG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,2CAA2C;SACpE;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAG,SAAS,EAAC,cAAc,GAAE,GAC7H,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/common/CodeEditor.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU,kDAAmD,GAAG,4CAiBrE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/common/CodeEditor.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,kDAAmD,GAAG,4CAiBrE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/common/CodeEditor.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import CodeMirror, { EditorView } from '@uiw/react-codemirror'; // Correct import
+var CodeEditor = function (_a) {
+    var formik = _a.formik, field = _a.field, height = _a.height, fontSize = _a.fontSize, readOnly = _a.readOnly;
+    return (_jsx(CodeMirror, { id: field, value: formik === null || formik === void 0 ? void 0 : formik.values[field], height: height !== null && height !== void 0 ? height : '300px', style: { fontSize: fontSize !== null && fontSize !== void 0 ? fontSize : '10px' }, theme: oneDark, readOnly: readOnly, extensions: [javascript(), EditorView.lineWrapping], onChange: function (e) {
+            formik.setFieldValue(field, e);
+        } }));
+};
+export default CodeEditor;
+//# sourceMappingURL=CodeEditor.js.map

package/dist/components/common/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../../src/components/common/CodeEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC,CAAC,iBAAiB;AAEjF,IAAM,UAAU,GAAG,UAAC,EAAkD;QAAhD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAE7D,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,KAAK,CAAC,EAC5B,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,OAAO,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM,EAAE,EACvC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,CAAC,YAAY,CAAC,EACnD,QAAQ,EAAE,UAAC,CAAM;YACf,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC,GAED,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/common/CreateButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,+CAYxB,CAAA"}
+{"version":3,"file":"CreateButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,+CAYxB,CAAA"}

package/dist/components/common/CreateButton.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname, useRouter } from 'next/navigation';
+import { Button } from 'primereact/button';
+export var CreateButton = function () {
+    var router = useRouter();
+    var pathName = usePathname();
+    // console.log("pathname", pathName);
+    var createPAth = pathName.split('/').slice(0, -1).join('/') + '/create';
+    return (_jsx("div", { children: _jsx(Button, { type: "button", icon: "pi pi-plus", label: "Add", size: 'small', onClick: function () { return router.push(createPAth); }, className: 'small-button' }) }));
+};
+//# sourceMappingURL=CreateButton.js.map

package/dist/components/common/CreateButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateButton.js","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,qCAAqC;IAErC,IAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAE1E,OAAO,CACH,wBACI,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EAAE,SAAS,EAAC,cAAc,GAAE,GACjI,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/DropzonePlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropzonePlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/common/DropzonePlaceholder.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,+CAO/B,CAAA"}
+{"version":3,"file":"DropzonePlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/common/DropzonePlaceholder.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,+CAO/B,CAAA"}

package/dist/components/common/DropzonePlaceholder.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var DropzonePlaceholder = function () {
+    return (_jsxs("div", { className: 'flex flex-column align-items-center p-3 border-1 border-dashed surface-border', children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", fill: "none", viewBox: "0 0 24 20", "aria-hidden": "true", className: 'dropzone-placeholder', children: [_jsx("path", { fill: "#32324D", d: "M21.569 2.398H7.829v1.586h13.74c.47 0 .826.5.826 1.094v9.853l-2.791-3.17a2.13 2.13 0 0 0-.74-.55 2.214 2.214 0 0 0-.912-.196 2.215 2.215 0 0 0-.912.191 2.131 2.131 0 0 0-.74.546l-2.93 3.385-2.973-3.36a2.147 2.147 0 0 0-.741-.545 2.228 2.228 0 0 0-1.824.007c-.286.13-.538.319-.739.553l-2.931 3.432V7.653H2.51v9.894c.023.153.06.304.108.452v.127l.041.095c.057.142.126.28.207.412l.099.15c.074.107.157.207.247.302l.124.119c.13.118.275.222.43.309h.024c.36.214.775.327 1.198.325h16.515c.36-.004.716-.085 1.039-.24.323-.153.606-.375.827-.648a2.78 2.78 0 0 0 .504-.888c.066-.217.108-.44.124-.666V5.078a2.497 2.497 0 0 0-.652-1.81 2.706 2.706 0 0 0-1.776-.87Z" }), _jsx("path", { fill: "#32324D", d: "M12.552 9.199c.912 0 1.651-.71 1.651-1.585 0-.876-.74-1.586-1.651-1.586-.912 0-1.652.71-1.652 1.586 0 .875.74 1.585 1.652 1.585ZM3.303 6.408h.826V3.997h2.477V2.41H4.129V0h-.826c-.219 0-.85.002-.826 0v2.411H0v1.586h2.477v2.41h.826Z" })] }), _jsx("p", { className: 'text-xs text-cyan-500 font-semibold', children: "Click to add an asset or drag and drop one in this area" })] }));
+};
+//# sourceMappingURL=DropzonePlaceholder.js.map

package/dist/components/common/DropzonePlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePlaceholder.js","sourceRoot":"","sources":["../../../src/components/common/DropzonePlaceholder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC/B,OAAO,CACH,eAAK,SAAS,EAAC,+EAA+E,aAC1F,eAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,aAAC,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,2oBAA2oB,GAAQ,EAAA,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,wOAAwO,GAAQ,IAAM,EAC9kC,YAAG,SAAS,EAAC,qCAAqC,wEAA4D,IAC5G,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/DropzoneUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneUpload.d.ts","sourceRoot":"","sources":["../../../src/components/common/DropzoneUpload.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,+CAM1B,CAAA"}
+{"version":3,"file":"DropzoneUpload.d.ts","sourceRoot":"","sources":["../../../src/components/common/DropzoneUpload.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,+CAM1B,CAAA"}

package/dist/components/common/DropzoneUpload.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from 'primereact/button';
+export var DropzoneUpload = function () {
+    return (_jsx("div", { className: 'text-center mt-2', children: _jsx(Button, { type: 'button', label: "Click here to Upload", className: 'no-underline', size: 'small', text: true, raised: false }) }));
+};
+//# sourceMappingURL=DropzoneUpload.js.map

package/dist/components/common/DropzoneUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneUpload.js","sourceRoot":"","sources":["../../../src/components/common/DropzoneUpload.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC1B,OAAO,CACH,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,MAAM,EAAE,KAAK,GAAG,GAC5G,CACT,CAAA;AACL,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../src/components/common/FilterComponent.tsx"],"names":[],"mappings":"AAsRA,QAAA,MAAM,eAAe,+CAkJpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../src/components/common/FilterComponent.tsx"],"names":[],"mappings":"AAuRA,QAAA,MAAM,eAAe,+CAkJpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/common/FilterComponent.js

@@ -0,0 +1,214 @@
+// @ts-nocheck
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar } from 'primereact/calendar';
+import { Dropdown } from 'primereact/dropdown';
+import { InputNumber } from 'primereact/inputnumber';
+import { InputText } from 'primereact/inputtext';
+import { Tooltip } from 'primereact/tooltip';
+import { useState } from 'react';
+var FilterRuleType;
+(function (FilterRuleType) {
+    FilterRuleType["RULE"] = "rule";
+    FilterRuleType["RULE_GROUP"] = "rule_group";
+})(FilterRuleType || (FilterRuleType = {}));
+var FilterOperator;
+(function (FilterOperator) {
+    FilterOperator["AND"] = "and";
+    FilterOperator["OR"] = "or";
+})(FilterOperator || (FilterOperator = {}));
+var FilterMatchMode;
+(function (FilterMatchMode) {
+    FilterMatchMode["STARTS_WITH"] = "startsWith";
+    FilterMatchMode["CONTAINS"] = "contains";
+    FilterMatchMode["EQUALS"] = "equals";
+    FilterMatchMode["GREATER_THAN"] = "gt";
+    FilterMatchMode["LESS_THAN"] = "lt";
+})(FilterMatchMode || (FilterMatchMode = {}));
+var fields = [
+    { name: 'name', type: 'string' },
+    { name: 'dob', type: 'date' },
+    { name: 'lastName', type: 'string' },
+    { name: 'amount', type: 'number' }
+];
+var operatorOptions = {
+    string: [FilterMatchMode.CONTAINS, FilterMatchMode.EQUALS],
+    date: [FilterMatchMode.EQUALS, FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN],
+    number: [FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN]
+};
+var getRandomInt = function (min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+// Component to render a single filter rule
+var FilterRuleComponent = function (_a) {
+    var _b, _c;
+    var rule = _a.rule, onChange = _a.onChange, onAddRule = _a.onAddRule, onAddGroup = _a.onAddGroup, onDelete = _a.onDelete, level = _a.level;
+    var applicableOperators = rule.fieldName ? operatorOptions[(_b = fields.find(function (f) { return f.name === rule.fieldName; })) === null || _b === void 0 ? void 0 : _b.type].map(function (e) { return { name: e }; }) : [];
+    var applicableInputField = rule.fieldName ? (_c = fields.find(function (f) { return f.name === rule.fieldName; })) === null || _c === void 0 ? void 0 : _c.type : "";
+    var _d = useState({ name: rule.fieldName }), fieldName = _d[0], setFieldName = _d[1];
+    var _e = useState({ name: rule.matchMode }), matchMode = _e[0], setMatchMode = _e[1];
+    console.log("fields");
+    console.log(fields);
+    return (
+    // <div style={{ marginLeft: (level - 1) * 10 + 'px' }} className="filter-rule">
+    _jsxs("div", { style: { marginLeft: 5 + 'px' }, className: "filter-rule", children: [_jsx("div", { className: "filter-individual-rule", children: _jsx("div", { className: 'filter-individual-rule-form', children: _jsxs("div", { className: "grid align-items-center", children: [_jsx("div", { className: "col-10", children: _jsxs("div", { className: "grid", children: [_jsx("div", { className: "col-4", children: _jsx(Dropdown, { value: fieldName, onChange: function (e) {
+                                                    console.log("e.target");
+                                                    console.log(e.target);
+                                                    setFieldName({ name: e.value.name, type: e.value.type });
+                                                    onChange(rule.id, 'fieldName', e.value.name);
+                                                }, options: fields, optionLabel: 'name', optionValue: 'name', placeholder: "Select Field", className: "w-full md:w-14rem" }) }), _jsx("div", { className: "col-4", children: _jsx(Dropdown, { value: matchMode, onChange: function (e) {
+                                                    setMatchMode({ name: e.value.name });
+                                                    onChange(rule.id, 'matchMode', e.value.name);
+                                                }, disabled: !rule.fieldName, options: applicableOperators, optionLabel: 'name', optionValue: 'name', placeholder: "Select Field", className: "w-full md:w-14rem" }) }), _jsxs("div", { className: "col-4", children: [applicableInputField === 'number' && (
+                                                // <input
+                                                //   type="number"
+                                                //   value={rule.value || ''}
+                                                //   onChange={e => onChange(rule.id, 'value', e.target.value)}
+                                                //   placeholder="Value"
+                                                // />
+                                                _jsx(InputNumber, { value: rule.value || '', placeholder: "Value", onChange: function (e) { return onChange(rule.id, 'value', e.value); } })), applicableInputField === 'string' && (_jsx(InputText, { value: rule.value || '', placeholder: "Value", onChange: function (e) { return onChange(rule.id, 'value', e.target.value); } })), applicableInputField === 'date' && (
+                                                // <InputText
+                                                //   value={rule.value || ''}
+                                                //   placeholder="Value"
+                                                //   onChange={(e) => onChange(rule.id, 'value', e.target.value)}
+                                                // />
+                                                _jsx(Calendar, { value: rule.value || '', onChange: function (e) { return onChange(rule.id, 'value', new Date(e.value)); }, dateFormat: "dd/mm/yy", showIcon: true }))] })] }) }), _jsxs("div", { className: "col-2 flex justify-content-end", children: [_jsx("button", { onClick: function () { return onAddRule(rule.parentRule); }, children: _jsx("div", { className: "card flex justify-content-center", children: _jsx("i", { className: "custom-target-icon pi pi-plus-circle p-text-secondary p-overlay-badge", "data-pr-tooltip": "Add Rule", "data-pr-position": "right", "data-pr-at": "right+5 top", "data-pr-my": "left center-2", style: { fontSize: '1.2rem', cursor: 'pointer' } }) }) }), _jsx("button", { onClick: function () { return onAddGroup(rule.id); }, children: _jsx("div", { className: "card flex justify-content-center", children: _jsx("i", { className: "custom-target-icon pi pi-sitemap p-text-secondary p-overlay-badge", "data-pr-tooltip": "Add Group", "data-pr-position": "right", "data-pr-at": "right+5 top", "data-pr-my": "left center-2", style: { fontSize: '1.2rem', cursor: 'pointer' } }) }) }), _jsx("button", { onClick: function () { return onDelete(rule.id); }, children: _jsx("div", { className: "card flex justify-content-center", children: _jsx("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' } }) }) })] })] }) }) }), _jsx("div", { className: "nested-rules", children: rule.children && rule.children.map(function (nestedRule) { return (nestedRule.type === FilterRuleType.RULE
+                    ? _jsx(FilterRuleComponent, { rule: nestedRule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, nestedRule.id)
+                    : _jsx(FilterGroupComponent, { group: nestedRule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, nestedRule.id)); }) })] }));
+};
+// Component to render a group of filter rules
+var FilterGroupComponent = function (_a) {
+    var group = _a.group, onChange = _a.onChange, onAddRule = _a.onAddRule, onAddGroup = _a.onAddGroup, onDelete = _a.onDelete, level = _a.level;
+    return (_jsxs("div", { style: { marginLeft: 5 + 'px' }, className: "filter-group", children: [_jsxs("div", { className: 'flex justify-content-between align-items-center', children: [_jsxs("p", { children: [" Match", _jsxs("select", { className: 'filter-select', value: group.matchOperator, onChange: function (e) { return onChange(group.id, 'matchOperator', e.target.value); }, children: [_jsx("option", { value: FilterOperator.AND, children: "AND" }), _jsx("option", { value: FilterOperator.OR, children: "OR" })] }), "of the following rules:"] }), level > 0 && _jsx("button", { onClick: function () { return onDelete(group.id); }, children: _jsxs("div", { className: "card flex justify-content-center", children: [_jsx(Tooltip, { target: ".custom-target-icon" }), _jsx("i", { className: "custom-target-icon pi pi-trash p-text-secondary p-overlay-badge", "data-pr-tooltip": "Delete Group", "data-pr-position": "right", "data-pr-at": "right+5 top", "data-pr-my": "left center-2", style: { fontSize: '1.2rem', cursor: 'pointer' } })] }) })] }), group.children && group.children.map(function (rule) { return (rule.type === FilterRuleType.RULE
+                ? _jsx(FilterRuleComponent, { rule: rule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, rule.id)
+                : _jsx(FilterGroupComponent, { group: rule, onChange: onChange, onAddRule: onAddRule, onAddGroup: onAddGroup, onDelete: onDelete, level: level + 1 }, rule.id)); })] }));
+};
+// Main Filter component
+var FilterComponent = function () {
+    var initialState = [
+        {
+            id: 1,
+            type: FilterRuleType.RULE_GROUP,
+            matchOperator: FilterOperator.OR,
+            parentRule: null,
+            children: [
+                {
+                    id: Date.now() + getRandomInt(1, 500),
+                    type: FilterRuleType.RULE,
+                    fieldName: null,
+                    matchMode: null,
+                    value: null,
+                    parentRule: 1,
+                    children: []
+                }
+            ]
+        }
+    ];
+    var _a = useState(initialState), filterRules = _a[0], setFilterRules = _a[1];
+    var _b = useState(''), printedState = _b[0], setPrintedState = _b[1];
+    var addChild = function (rules, parentId, newChild) {
+        return rules.map(function (rule) {
+            if (rule.id === parentId) {
+                return __assign(__assign({}, rule), { children: __spreadArray(__spreadArray([], (rule.children || []), true), [newChild], false) });
+            }
+            else if (rule.children) {
+                return __assign(__assign({}, rule), { children: addChild(rule.children, parentId, newChild) });
+            }
+            return rule;
+        });
+    };
+    var handleChange = function (id, key, value) {
+        var updateRuleRecursively = function (rules) {
+            return rules.map(function (rule) {
+                var _a;
+                if (rule.id === id) {
+                    return __assign(__assign({}, rule), (_a = {}, _a[key] = value, _a));
+                }
+                else if (rule.children) {
+                    return __assign(__assign({}, rule), { children: updateRuleRecursively(rule.children) });
+                }
+                return rule;
+            });
+        };
+        setFilterRules(function (prev) { return updateRuleRecursively(prev); });
+    };
+    var handleAddRule = function (parentGroupId) {
+        var newRule = {
+            id: Date.now(),
+            type: FilterRuleType.RULE,
+            fieldName: null,
+            matchMode: null,
+            value: null,
+            parentRule: parentGroupId,
+            children: []
+        };
+        setFilterRules(function (prev) { return addChild(prev, parentGroupId, newRule); });
+    };
+    var handleAddGroup = function (parentRuleId) {
+        var newGroupId = Date.now();
+        var newGroup = {
+            id: newGroupId,
+            type: FilterRuleType.RULE_GROUP,
+            matchOperator: FilterOperator.AND,
+            parentRule: parentRuleId,
+            children: [
+                {
+                    id: Date.now() + getRandomInt(1, 500),
+                    type: FilterRuleType.RULE,
+                    fieldName: null,
+                    matchMode: null,
+                    value: null,
+                    parentRule: newGroupId,
+                    children: []
+                },
+                {
+                    id: Date.now() + getRandomInt(1, 500),
+                    type: FilterRuleType.RULE,
+                    fieldName: null,
+                    matchMode: null,
+                    value: null,
+                    parentRule: newGroupId,
+                    children: []
+                }
+            ]
+        };
+        setFilterRules(function (prev) { return addChild(prev, parentRuleId, newGroup); });
+    };
+    var handleDeleteRule = function (id) {
+        var deleteRecursively = function (rules, id) {
+            return rules.filter(function (rule) { return rule.id !== id; }).map(function (rule) {
+                if (rule.children) {
+                    return __assign(__assign({}, rule), { children: deleteRecursively(rule.children, id) });
+                }
+                return rule;
+            });
+        };
+        setFilterRules(function (prev) { return deleteRecursively(prev, id); });
+    };
+    var handlePrintState = function () {
+        setPrintedState(JSON.stringify(filterRules, null, 2)); // Pretty format the state
+    };
+    return (_jsxs("div", { className: '', children: [_jsx("div", { className: "filter-builder", children: filterRules.map(function (rule) { return (_jsx(FilterGroupComponent, { group: rule, onChange: handleChange, onAddRule: handleAddRule, onAddGroup: handleAddGroup, onDelete: handleDeleteRule, level: 0 }, rule.id)); }) }), _jsxs("div", { children: [_jsx("button", { onClick: handlePrintState, children: "Print State" }), _jsx("br", {}), _jsx("textarea", { value: printedState, readOnly: true, rows: 20, cols: 80, style: { marginTop: '20px' } })] })] }));
+};
+export default FilterComponent;
+//# sourceMappingURL=FilterComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterComponent.js","sourceRoot":"","sources":["../../../src/components/common/FilterComponent.tsx"],"names":[],"mappings":"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"}

package/dist/components/common/HeaderDynamicTitles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDynamicTitles.d.ts","sourceRoot":"","sources":["../../../src/components/common/HeaderDynamicTitles.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,+CAS/B,CAAA"}
+{"version":3,"file":"HeaderDynamicTitles.d.ts","sourceRoot":"","sources":["../../../src/components/common/HeaderDynamicTitles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,+CAS/B,CAAA"}

package/dist/components/common/HeaderDynamicTitles.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { usePathname } from 'next/navigation';
+export var HeaderDynamicTitles = function () {
+    var path = usePathname();
+    var getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\b\w/g, function (char) { return char.toUpperCase(); });
+    return (_jsxs("div", { className: 'text-xl font-bold', children: ["All ", getHeading, "s"] }));
+};
+//# sourceMappingURL=HeaderDynamicTitles.js.map

package/dist/components/common/HeaderDynamicTitles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDynamicTitles.js","sourceRoot":"","sources":["../../../src/components/common/HeaderDynamicTitles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC/B,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC;IAEpH,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,qBACzB,UAAU,SACb,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/MarkdownViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownViewer.d.ts","sourceRoot":"","sources":["../../../src/components/common/MarkdownViewer.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,aAAc,GAAG,4CAQpC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MarkdownViewer.d.ts","sourceRoot":"","sources":["../../../src/components/common/MarkdownViewer.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,aAAc,GAAG,4CAQpC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/common/MarkdownViewer.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import ReactMarkdown from 'react-markdown';
+var MarkdownViewer = function (_a) {
+    var data = _a.data;
+    var _b = useState(data), markdown = _b[0], setMarkdown = _b[1];
+    return (_jsx("div", { children: _jsx(ReactMarkdown, { className: "markdown-view", children: markdown }) }));
+};
+export default MarkdownViewer;
+//# sourceMappingURL=MarkdownViewer.js.map

package/dist/components/common/MarkdownViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownViewer.js","sourceRoot":"","sources":["../../../src/components/common/MarkdownViewer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAE3C,IAAM,cAAc,GAAG,UAAC,EAAa;QAAX,IAAI,UAAA;IACtB,IAAA,KAA0B,QAAQ,CAAC,IAAI,CAAC,EAAvC,QAAQ,QAAA,EAAE,WAAW,QAAkB,CAAC;IAE/C,OAAO,CACL,wBACE,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAiB,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/common/MultipleSelectAutoCompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,+BAA+B,wIAAyI,GAAG,4CAkDvL,CAAA"}
+{"version":3,"file":"MultipleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,+BAA+B,wIAAyI,GAAG,4CAkDvL,CAAA"}

package/dist/components/common/MultipleSelectAutoCompleteField.js

@@ -0,0 +1,86 @@
+'use client';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+// UsesCases
+// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id
+// In case of relationType the Id field will always will be id   
+// Else the value will be whatever valuekey use passed 
+export var MultipleSelectAutoCompleteField = function (_a) {
+    var formik = _a.formik, isFormFieldValid = _a.isFormFieldValid, relationField = _a.relationField, fieldName = _a.fieldName, fieldNameId = _a.fieldNameId, labelKey = _a.labelKey, valueKey = _a.valueKey, searchData = _a.searchData, existingData = _a.existingData, additionalAction = _a.additionalAction;
+    var _b = useState(existingData && existingData.length > 0 && existingData.map(function (i) { return ({ label: i, value: i }); })), selectedItem = _b[0], setSelectedItem = _b[1];
+    var _c = useState([]), filteredItem = _c[0], setFilteredItem = _c[1];
+    useEffect(function () {
+        // if (existingData) {
+        setSelectedItem(existingData && existingData.length > 0 && existingData.map(function (i) { return ({ label: i, value: i }); }));
+        // formik.setFieldValue(fieldName, existingData);
+        // }
+    }, [existingData]);
+    var searchItems = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, searchData(event)];
+                case 1:
+                    data = _a.sent();
+                    setFilteredItem(data);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(AutoComplete, { multiple: true, value: selectedItem, suggestions: filteredItem, invalid: isFormFieldValid(formik, fieldName), completeMethod: searchItems, virtualScrollerOptions: { itemSize: 38 }, className: "w-full", 
+        // style={{
+        //     maxHeight: 39.67
+        // }}
+        field: labelKey, dropdown: true, onChange: function (e) {
+            setSelectedItem(e.value);
+            if (additionalAction) {
+                additionalAction(e);
+            }
+            if (relationField === true) {
+                formik.setFieldValue(fieldName, e.value);
+                formik.setFieldValue(fieldNameId, e.value.id);
+            }
+            else {
+                var mediaTypes = e.value.map(function (i) { return i[valueKey]; });
+                formik.setFieldValue(fieldName, mediaTypes);
+            }
+        } }));
+};
+//# sourceMappingURL=MultipleSelectAutoCompleteField.js.map

package/dist/components/common/MultipleSelectAutoCompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI5C,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAwI;QAAtI,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;IAEvK,IAAA,KAAkC,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,EAA5I,YAAY,QAAA,EAAE,eAAe,QAA+G,CAAC;IAC9I,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,CAAA;QAClH,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SAEzB,CAAC;IAKF,OAAO,CAEH,KAAC,YAAY,IACT,QAAQ,QACR,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5C,cAAc,EAAE,WAAW,EAC3B,sBAAsB,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACxC,SAAS,EAAC,QAAQ;QAClB,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;YACR,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,gBAAgB,EAAE;gBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;aACvB;YACD,IAAI,aAAa,KAAK,IAAI,EAAE;gBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzC,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aACjD;iBAAM;gBACH,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,EAAX,CAAW,CAAC,CAAC;gBACxD,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC/C;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/SingleSelectAutoCompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/SingleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,6BAA6B,kJAAmJ,GAAG,4CAqD/L,CAAA"}
+{"version":3,"file":"SingleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/SingleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,6BAA6B,kJAAmJ,GAAG,4CAqD/L,CAAA"}

package/dist/components/common/SingleSelectAutoCompleteField.js

@@ -0,0 +1,86 @@
+'use client';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+// UsesCases
+// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id
+// In case of relationType the Id field will always will be id   
+// Else the value will be whatever valuekey use passed 
+export var SingleSelectAutoCompleteField = function (_a) {
+    var disabled = _a.disabled, formik = _a.formik, isFormFieldValid = _a.isFormFieldValid, relationField = _a.relationField, fieldName = _a.fieldName, fieldNameId = _a.fieldNameId, labelKey = _a.labelKey, valueKey = _a.valueKey, searchData = _a.searchData, existingData = _a.existingData, additionalAction = _a.additionalAction;
+    var _b = useState(existingData), selectedItem = _b[0], setSelectedItem = _b[1];
+    var _c = useState([]), filteredItem = _c[0], setFilteredItem = _c[1];
+    useEffect(function () {
+        // if (existingData) {
+        setSelectedItem(existingData);
+        // formik.setFieldValue(fieldName, existingData);
+        // }
+    }, [existingData]);
+    var searchItems = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, searchData(event)];
+                case 1:
+                    data = _a.sent();
+                    setFilteredItem(data);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(_Fragment, { children: _jsx(AutoComplete, { disabled: disabled ? disabled : false, value: selectedItem, suggestions: filteredItem, invalid: isFormFieldValid(formik, fieldName), completeMethod: searchItems, virtualScrollerOptions: { itemSize: 38 }, className: "w-full small-input", 
+            // style={{
+            //     maxHeight: 39.67
+            // }}
+            field: labelKey, dropdown: true, onChange: function (e) {
+                // formik.handleChange(e)
+                setSelectedItem(e.value);
+                if (additionalAction) {
+                    additionalAction(e);
+                }
+                if (relationField === true) {
+                    formik.setFieldValue(fieldName, e.value);
+                    formik.setFieldValue(fieldNameId, e.value.id);
+                }
+                else {
+                    formik.setFieldValue(fieldName, e.value[valueKey]);
+                }
+            } }) }));
+};
+//# sourceMappingURL=SingleSelectAutoCompleteField.js.map

package/dist/components/common/SingleSelectAutoCompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/SingleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI5C,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,EAAkJ;QAAhJ,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;IAE/K,IAAA,KAAkC,QAAQ,CAAC,YAAY,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IACzD,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,CAAC,CAAA;QAC7B,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SAEzB,CAAC;IAEF,OAAO,CACH,4BACI,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5C,cAAc,EAAE,WAAW,EAC3B,sBAAsB,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACxC,SAAS,EAAC,oBAAoB;YAC9B,WAAW;YACX,uBAAuB;YACvB,KAAK;YACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;gBACR,yBAAyB;gBACzB,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzB,IAAI,gBAAgB,EAAE;oBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;iBACvB;gBACD,IAAI,aAAa,KAAK,IAAI,EAAE;oBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;oBACzC,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;iBACjD;qBAAM;oBACH,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;iBAEtD;YAEL,CAAC,GACH,GAEH,CAGN,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/SocialMediaLogin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialMediaLogin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,+CAyC5B,CAAA"}
+{"version":3,"file":"SocialMediaLogin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,+CAyC5B,CAAA"}