@solidstarters/solid-core-ui 1.1.210 → 1.1.212

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":"AAGA,eAAO,MAAM,mBAAmB,+CAS/B,CAAA"}
+{"version":3,"file":"HeaderDynamicTitles.d.ts","sourceRoot":"./","sources":["components/common/HeaderDynamicTitles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,+CAS/B,CAAA"}

package/dist/components/common/HeaderDynamicTitles.js

@@ -1,9 +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(); });
+export const HeaderDynamicTitles = () => {
+    const path = usePathname();
+    const getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\b\w/g, char => 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

@@ -1 +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"}
+{"version":3,"file":"HeaderDynamicTitles.js","sourceRoot":"./","sources":["components/common/HeaderDynamicTitles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,MAAM,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,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAEpH,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,qBACzB,UAAU,SACb,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["'use client';\n\nimport { usePathname } from 'next/navigation';\nexport const HeaderDynamicTitles = () => {\n    const path = usePathname();\n    const getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase());\n\n    return (\n        <div className='text-xl font-bold'>\n            All {getHeading}s\n        </div>\n    )\n}"]}

package/dist/components/common/HeaderDynamicTitles.tsx

@@ -0,0 +1,13 @@
+'use client';
+
+import { usePathname } from 'next/navigation';
+export const HeaderDynamicTitles = () => {
+    const path = usePathname();
+    const getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\b\w/g, char => char.toUpperCase());
+
+    return (
+        <div className='text-xl font-bold'>
+            All {getHeading}s
+        </div>
+    )
+}

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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,mBAAmB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AA8C5C,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MarkdownViewer.d.ts","sourceRoot":"./","sources":["components/common/MarkdownViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,mBAAmB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AA8C5C,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/common/MarkdownViewer.js

@@ -1,59 +1,32 @@
 '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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 // Custom CodeBlock renderer
-var CodeBlock = function (_a) {
-    var _b;
-    var inline = _a.inline, className = _a.className, children = _a.children, props = __rest(_a, ["inline", "className", "children"]);
-    var codeString = String(children).replace(/\n$/, '');
-    var isFenced = !inline && /language-(\w+)/.test(className || '');
-    var match = /language-(\w+)/.exec(className || '');
-    var language = (_b = match === null || match === void 0 ? void 0 : match[1]) !== null && _b !== void 0 ? _b : '';
+const CodeBlock = ({ inline, className, children, ...props }) => {
+    const codeString = String(children).replace(/\n$/, '');
+    const isFenced = !inline && /language-(\w+)/.test(className || '');
+    const match = /language-(\w+)/.exec(className || '');
+    const language = match?.[1] ?? '';
     if (inline || !isFenced) {
         // Inline code or non-fenced code
         return (_jsx("code", { className: "bg-gray-100 px-1 py-0.5 rounded text-sm", children: children }));
     }
     // Fenced code block
-    return (_jsxs("div", { className: "relative group my-4", children: [_jsx("button", { className: "absolute right-2 top-2 px-2 py-1 text-xs rounded bg-white text-black transition", style: { cursor: 'pointer', right: 0 }, onClick: function () { return navigator.clipboard.writeText(codeString); }, children: "Copy" }), _jsx(SyntaxHighlighter, __assign({ language: language, style: oneDark, PreTag: "div", customStyle: {
+    return (_jsxs("div", { className: "relative group my-4", children: [_jsx("button", { className: "absolute right-2 top-2 px-2 py-1 text-xs rounded bg-white text-black transition", style: { cursor: 'pointer', right: 0 }, onClick: () => navigator.clipboard.writeText(codeString), children: "Copy" }), _jsx(SyntaxHighlighter, { language: language, style: oneDark, PreTag: "div", customStyle: {
                     borderRadius: '0.5rem',
                     padding: '1rem',
                     fontSize: '0.85rem',
                     background: '#282c34',
-                } }, props, { children: codeString }))] }));
-};
-var MarkdownViewer = function (_a) {
-    var data = _a.data;
-    return (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], className: "markdown-view prose prose-invert max-w-none", components: {
-            code: CodeBlock,
-            table: function (props) { return (_jsx("div", { className: "overflow-x-auto my-4", children: _jsx("table", { className: "min-w-full border border-gray-700 text-sm", children: props.children }) })); },
-            th: function (props) { return (_jsx("th", { className: "border border-gray-700 px-3 py-1 font-semibold text-left bg-gray-800", style: { color: "#fff" }, children: props.children })); },
-            td: function (props) { return (_jsx("td", { className: "border border-gray-700 px-3 py-1 align-top", children: props.children })); },
-        }, children: data }));
+                }, ...props, children: codeString })] }));
 };
+const MarkdownViewer = ({ data }) => (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], className: "markdown-view prose prose-invert max-w-none", components: {
+        code: CodeBlock,
+        table: (props) => (_jsx("div", { className: "overflow-x-auto my-4", children: _jsx("table", { className: "min-w-full border border-gray-700 text-sm", children: props.children }) })),
+        th: (props) => (_jsx("th", { className: "border border-gray-700 px-3 py-1 font-semibold text-left bg-gray-800", style: { color: "#fff" }, children: props.children })),
+        td: (props) => (_jsx("td", { className: "border border-gray-700 px-3 py-1 align-top", children: props.children })),
+    }, children: data }));
 export default MarkdownViewer;
 //# sourceMappingURL=MarkdownViewer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownViewer.js","sourceRoot":"","sources":["../../../src/components/common/MarkdownViewer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAGb,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,gDAAgD,CAAC;AAIzE,4BAA4B;AAC5B,IAAM,SAAS,GAAG,UAAC,EAA8C;;IAA5C,IAAA,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAvC,mCAAyC,CAAF;IACxD,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvD,IAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACnE,IAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACrD,IAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC;IAElC,IAAI,MAAM,IAAI,CAAC,QAAQ,EAAE;QACvB,iCAAiC;QACjC,OAAO,CACL,eAAM,SAAS,EAAC,yCAAyC,YACtD,QAAQ,GACJ,CACR,CAAC;KACH;IAED,oBAAoB;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,iBACE,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,KAAK,EAAC,CAAC,EAAG,EACrC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,EAAzC,CAAyC,qBAGjD,EACT,KAAC,iBAAiB,aAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,MAAM,EAAC,KAAK,EACZ,WAAW,EAAE;oBACX,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,SAAS;iBACtB,IACG,KAAK,cAER,UAAU,IACO,IAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAClE,KAAC,aAAa,IACZ,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,SAAS,EAAC,6CAA6C,EACvD,UAAU,EAAE;YACV,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,UAAC,KAAK,IAAK,OAAA,CAChB,cAAK,SAAS,EAAC,sBAAsB,YACnC,gBAAO,SAAS,EAAC,2CAA2C,YACzD,KAAK,CAAC,QAAQ,GACT,GACJ,CACP,EANiB,CAMjB;YACD,EAAE,EAAE,UAAC,KAAK,IAAK,OAAA,CACb,aAAI,SAAS,EAAC,sEAAsE,EAAC,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,YACvG,KAAK,CAAC,QAAQ,GACZ,CACN,EAJc,CAId;YACD,EAAE,EAAE,UAAC,KAAK,IAAK,OAAA,CACb,aAAI,SAAS,EAAC,4CAA4C,YACvD,KAAK,CAAC,QAAQ,GACZ,CACN,EAJc,CAId;SACF,YAEA,IAAI,GACS,CACjB;AA3BmE,CA2BnE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MarkdownViewer.js","sourceRoot":"./","sources":["components/common/MarkdownViewer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,gDAAgD,CAAC;AAIzE,4BAA4B;AAC5B,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAO,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACnE,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAElC,IAAI,MAAM,IAAI,CAAC,QAAQ,EAAE;QACvB,iCAAiC;QACjC,OAAO,CACL,eAAM,SAAS,EAAC,yCAAyC,YACtD,QAAQ,GACJ,CACR,CAAC;KACH;IAED,oBAAoB;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,iBACE,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,KAAK,EAAC,CAAC,EAAG,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,qBAGjD,EACT,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,MAAM,EAAC,KAAK,EACZ,WAAW,EAAE;oBACX,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,SAAS;iBACtB,KACG,KAAK,YAER,UAAU,GACO,IAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAkC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAClE,KAAC,aAAa,IACZ,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,SAAS,EAAC,6CAA6C,EACvD,UAAU,EAAE;QACV,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,cAAK,SAAS,EAAC,sBAAsB,YACnC,gBAAO,SAAS,EAAC,2CAA2C,YACzD,KAAK,CAAC,QAAQ,GACT,GACJ,CACP;QACD,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACb,aAAI,SAAS,EAAC,sEAAsE,EAAC,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,YACvG,KAAK,CAAC,QAAQ,GACZ,CACN;QACD,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACb,aAAI,SAAS,EAAC,4CAA4C,YACvD,KAAK,CAAC,QAAQ,GACZ,CACN;KACF,YAEA,IAAI,GACS,CACjB,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';\n\ntype MarkdownViewerProps = { data: string };\n\n// Custom CodeBlock renderer\nconst CodeBlock = ({ inline, className, children, ...props }: any) => {\n  const codeString = String(children).replace(/\\n$/, '');\n  const isFenced = !inline && /language-(\\w+)/.test(className || '');\n  const match = /language-(\\w+)/.exec(className || '');\n  const language = match?.[1] ?? '';\n\n  if (inline || !isFenced) {\n    // Inline code or non-fenced code\n    return (\n      <code className=\"bg-gray-100 px-1 py-0.5 rounded text-sm\">\n        {children}\n      </code>\n    );\n  }\n\n  // Fenced code block\n  return (\n    <div className=\"relative group my-4\">\n      <button\n        className=\"absolute right-2 top-2 px-2 py-1 text-xs rounded bg-white text-black transition\"\n        style={{ cursor: 'pointer',right:0  }}\n        onClick={() => navigator.clipboard.writeText(codeString)}\n      >\n        Copy\n      </button>\n      <SyntaxHighlighter\n        language={language}\n        style={oneDark}\n        PreTag=\"div\"\n        customStyle={{\n          borderRadius: '0.5rem',\n          padding: '1rem',\n          fontSize: '0.85rem',\n          background: '#282c34',\n        }}\n        {...props}\n      >\n        {codeString}\n      </SyntaxHighlighter>\n    </div>\n  );\n};\n\nconst MarkdownViewer: React.FC<MarkdownViewerProps> = ({ data }) => (\n  <ReactMarkdown\n    remarkPlugins={[remarkGfm]} // Enable GitHub-style tables\n    className=\"markdown-view prose prose-invert max-w-none\"\n    components={{\n      code: CodeBlock,\n      table: (props) => (\n        <div className=\"overflow-x-auto my-4\">\n          <table className=\"min-w-full border border-gray-700 text-sm\">\n            {props.children}\n          </table>\n        </div>\n      ),\n      th: (props) => (\n        <th className=\"border border-gray-700 px-3 py-1 font-semibold text-left bg-gray-800\" style={{color:\"#fff\"}}>\n          {props.children}\n        </th>\n      ),\n      td: (props) => (\n        <td className=\"border border-gray-700 px-3 py-1 align-top\">\n          {props.children}\n        </td>\n      ),\n    }}\n  >\n    {data}\n  </ReactMarkdown>\n);\n\nexport default MarkdownViewer;\n"]}

package/dist/components/common/MarkdownViewer.tsx

@@ -0,0 +1,84 @@
+'use client';
+
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+type MarkdownViewerProps = { data: string };
+
+// Custom CodeBlock renderer
+const CodeBlock = ({ inline, className, children, ...props }: any) => {
+  const codeString = String(children).replace(/\n$/, '');
+  const isFenced = !inline && /language-(\w+)/.test(className || '');
+  const match = /language-(\w+)/.exec(className || '');
+  const language = match?.[1] ?? '';
+
+  if (inline || !isFenced) {
+    // Inline code or non-fenced code
+    return (
+      <code className="bg-gray-100 px-1 py-0.5 rounded text-sm">
+        {children}
+      </code>
+    );
+  }
+
+  // Fenced code block
+  return (
+    <div className="relative group my-4">
+      <button
+        className="absolute right-2 top-2 px-2 py-1 text-xs rounded bg-white text-black transition"
+        style={{ cursor: 'pointer',right:0  }}
+        onClick={() => navigator.clipboard.writeText(codeString)}
+      >
+        Copy
+      </button>
+      <SyntaxHighlighter
+        language={language}
+        style={oneDark}
+        PreTag="div"
+        customStyle={{
+          borderRadius: '0.5rem',
+          padding: '1rem',
+          fontSize: '0.85rem',
+          background: '#282c34',
+        }}
+        {...props}
+      >
+        {codeString}
+      </SyntaxHighlighter>
+    </div>
+  );
+};
+
+const MarkdownViewer: React.FC<MarkdownViewerProps> = ({ data }) => (
+  <ReactMarkdown
+    remarkPlugins={[remarkGfm]} // Enable GitHub-style tables
+    className="markdown-view prose prose-invert max-w-none"
+    components={{
+      code: CodeBlock,
+      table: (props) => (
+        <div className="overflow-x-auto my-4">
+          <table className="min-w-full border border-gray-700 text-sm">
+            {props.children}
+          </table>
+        </div>
+      ),
+      th: (props) => (
+        <th className="border border-gray-700 px-3 py-1 font-semibold text-left bg-gray-800" style={{color:"#fff"}}>
+          {props.children}
+        </th>
+      ),
+      td: (props) => (
+        <td className="border border-gray-700 px-3 py-1 align-top">
+          {props.children}
+        </td>
+      ),
+    }}
+  >
+    {data}
+  </ReactMarkdown>
+);
+
+export default MarkdownViewer;

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":"AAWA,eAAO,MAAM,+BAA+B,wIAAyI,GAAG,4CAoDvL,CAAA"}
+{"version":3,"file":"MultipleSelectAutoCompleteField.d.ts","sourceRoot":"./","sources":["components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,+BAA+B,wIAAyI,GAAG,4CAoDvL,CAAA"}

package/dist/components/common/MultipleSelectAutoCompleteField.js

@@ -1,40 +1,4 @@
 '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";
@@ -43,28 +7,19 @@ import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScro
 // 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 () {
+export const MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }) => {
+    const [selectedItem, setSelectedItem] = useState(existingData && existingData.length > 0 && existingData.map((i) => ({ label: i, value: i })));
+    const [filteredItem, setFilteredItem] = useState([]);
+    useEffect(() => {
         // if (existingData) {
-        setSelectedItem(existingData && existingData.length > 0 && existingData.map(function (i) { return ({ label: i, value: i }); }));
+        setSelectedItem(existingData && existingData.length > 0 && existingData.map((i) => ({ 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*/];
-            }
-        });
-    }); };
+    const searchItems = async (event) => {
+        const data = await searchData(event);
+        setFilteredItem(data);
+    };
     return (_jsx(AutoComplete, { multiple: true, value: selectedItem, suggestions: filteredItem, invalid: isFormFieldValid(formik, fieldName), completeMethod: searchItems, 
         // virtualScrollerOptions={{ itemSize: 38 }}
         virtualScrollerOptions: getVirtualScrollerOptions({
@@ -73,7 +28,7 @@ export var MultipleSelectAutoCompleteField = function (_a) {
         // style={{
         //     maxHeight: 39.67
         // }}
-        field: labelKey, dropdown: true, onChange: function (e) {
+        field: labelKey, dropdown: true, onChange: (e) => {
             setSelectedItem(e.value);
             if (additionalAction) {
                 additionalAction(e);
@@ -83,7 +38,7 @@ export var MultipleSelectAutoCompleteField = function (_a) {
                 // formik.setFieldValue(fieldNameId, e.value.id);
             }
             else {
-                var mediaTypes = e.value.map(function (i) { return i[valueKey]; });
+                const mediaTypes = e.value.map((i) => i[valueKey]);
                 formik.setFieldValue(fieldName, mediaTypes);
             }
         } }));

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

@@ -1 +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;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAGhF,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;IAIF,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;QAC3B,4CAA4C;QAC5C,sBAAsB,EAAE,yBAAyB,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;SACjC,CAAC,EACJ,SAAS,EAAC,oCAAoC;QAC9C,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,iDAAiD;aACpD;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"}
+{"version":3,"file":"MultipleSelectAutoCompleteField.js","sourceRoot":"./","sources":["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;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAGpF,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAO,EAAE,EAAE;IAExL,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpJ,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACX,sBAAsB;QACtB,eAAe,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAClH,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,MAAM,WAAW,GAAG,KAAK,EAAE,KAAU,EAAE,EAAE;QACrC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;IAE1B,CAAC,CAAC;IAIF,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;QAC3B,4CAA4C;QAC5C,sBAAsB,EAAE,yBAAyB,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;SACjC,CAAC,EACJ,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,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,iDAAiD;aACpD;iBAAM;gBACH,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACxD,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC/C;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["'use client';\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { useEffect, useState } from \"react\";\nimport { getVirtualScrollerOptions } from \"../../helpers/autoCompleteVirtualScroll\";\n\n\n// UsesCases\n// 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\n// In case of relationType the Id field will always will be id   \n// Else the value will be whatever valuekey use passed \n\nexport const MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }: any) => {\n\n    const [selectedItem, setSelectedItem] = useState(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })));\n    const [filteredItem, setFilteredItem] = useState([]);\n    useEffect(() => {\n        // if (existingData) {\n        setSelectedItem(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })))\n        // formik.setFieldValue(fieldName, existingData);\n\n        // }\n    }, [existingData])\n    const searchItems = async (event: any) => {\n        const data = await searchData(event);\n        setFilteredItem(data);\n\n    };\n\n\n\n    return (\n\n        <AutoComplete\n            multiple\n            value={selectedItem}\n            suggestions={filteredItem}\n            invalid={isFormFieldValid(formik, fieldName)}\n            completeMethod={searchItems}\n            // virtualScrollerOptions={{ itemSize: 38 }}\n            virtualScrollerOptions={getVirtualScrollerOptions({\n                itemsLength: filteredItem.length,\n              })}\n            className=\"solid-standard-autocomplete w-full\"\n            // style={{\n            //     maxHeight: 39.67\n            // }}\n            field={labelKey}\n            dropdown\n            onChange={(e) => {\n                setSelectedItem(e.value);\n                if (additionalAction) {\n                    additionalAction(e);\n                }\n                if (relationField === true) {\n                    formik.setFieldValue(fieldName, e.value);\n                    // formik.setFieldValue(fieldNameId, e.value.id);\n                } else {\n                    const mediaTypes = e.value.map((i: any) => i[valueKey]);\n                    formik.setFieldValue(fieldName, mediaTypes);\n                }\n            }}\n        />\n    )\n}"]}

package/dist/components/common/MultipleSelectAutoCompleteField.tsx

@@ -0,0 +1,64 @@
+'use client';
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+
+
+// 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 const MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }: any) => {
+
+    const [selectedItem, setSelectedItem] = useState(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })));
+    const [filteredItem, setFilteredItem] = useState([]);
+    useEffect(() => {
+        // if (existingData) {
+        setSelectedItem(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })))
+        // formik.setFieldValue(fieldName, existingData);
+
+        // }
+    }, [existingData])
+    const searchItems = async (event: any) => {
+        const data = await searchData(event);
+        setFilteredItem(data);
+
+    };
+
+
+
+    return (
+
+        <AutoComplete
+            multiple
+            value={selectedItem}
+            suggestions={filteredItem}
+            invalid={isFormFieldValid(formik, fieldName)}
+            completeMethod={searchItems}
+            // virtualScrollerOptions={{ itemSize: 38 }}
+            virtualScrollerOptions={getVirtualScrollerOptions({
+                itemsLength: filteredItem.length,
+              })}
+            className="solid-standard-autocomplete w-full"
+            // style={{
+            //     maxHeight: 39.67
+            // }}
+            field={labelKey}
+            dropdown
+            onChange={(e) => {
+                setSelectedItem(e.value);
+                if (additionalAction) {
+                    additionalAction(e);
+                }
+                if (relationField === true) {
+                    formik.setFieldValue(fieldName, e.value);
+                    // formik.setFieldValue(fieldNameId, e.value.id);
+                } else {
+                    const mediaTypes = e.value.map((i: any) => i[valueKey]);
+                    formik.setFieldValue(fieldName, mediaTypes);
+                }
+            }}
+        />
+    )
+}

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

@@ -1 +1 @@
-{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+CAiBpB,CAAC"}
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"./","sources":["components/common/NotFound.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+CAiBpB,CAAC"}

package/dist/components/common/NotFound.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-export var NotFound = function () {
+export const NotFound = () => {
     return (_jsx("div", { children: _jsx("div", { className: "d-flex align-items-center justify-content-center vh-100", children: _jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "display-1 fw-bold", children: "404" }), _jsxs("p", { className: "fs-3", children: [_jsx("span", { className: "text-danger", children: "Opps!" }), " Page not found."] }), _jsx("p", { className: "lead", children: "The page you are looking for does not exist." }), _jsx(Link, { href: "/", className: "btn btn-primary", children: "Go Home" })] }) }) }));
 };
 //# sourceMappingURL=NotFound.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,CACL,wBACE,cAAK,SAAS,EAAC,yDAAyD,YACtE,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,mBAAmB,oBAAS,EAC1C,aAAG,SAAS,EAAC,MAAM,aACjB,eAAM,SAAS,EAAC,aAAa,sBAAa,wBACxC,EACJ,YAAG,SAAS,EAAC,MAAM,6DAAiD,EACpE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,wBAEnC,IACH,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"NotFound.js","sourceRoot":"./","sources":["components/common/NotFound.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,CACL,wBACE,cAAK,SAAS,EAAC,yDAAyD,YACtE,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,mBAAmB,oBAAS,EAC1C,aAAG,SAAS,EAAC,MAAM,aACjB,eAAM,SAAS,EAAC,aAAa,sBAAa,wBACxC,EACJ,YAAG,SAAS,EAAC,MAAM,6DAAiD,EACpE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,wBAEnC,IACH,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\n\nexport const NotFound = () => {\n  return (\n    <div>\n      <div className=\"d-flex align-items-center justify-content-center vh-100\">\n        <div className=\"text-center\">\n          <h1 className=\"display-1 fw-bold\">404</h1>\n          <p className=\"fs-3\">\n            <span className=\"text-danger\">Opps!</span> Page not found.\n          </p>\n          <p className=\"lead\">The page you are looking for does not exist.</p>\n          <Link href=\"/\" className=\"btn btn-primary\">\n            Go Home\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};"]}

package/dist/components/common/NotFound.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import Link from "next/link";
+
+export const NotFound = () => {
+  return (
+    <div>
+      <div className="d-flex align-items-center justify-content-center vh-100">
+        <div className="text-center">
+          <h1 className="display-1 fw-bold">404</h1>
+          <p className="fs-3">
+            <span className="text-danger">Opps!</span> Page not found.
+          </p>
+          <p className="lead">The page you are looking for does not exist.</p>
+          <Link href="/" className="btn btn-primary">
+            Go Home
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};

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":"AAYA,eAAO,MAAM,6BAA6B,8JAA+J,GAAG,4CA4D3M,CAAA"}
+{"version":3,"file":"SingleSelectAutoCompleteField.d.ts","sourceRoot":"./","sources":["components/common/SingleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,6BAA6B,8JAA+J,GAAG,4CA4D3M,CAAA"}

package/dist/components/common/SingleSelectAutoCompleteField.js

@@ -1,40 +1,4 @@
 '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";
@@ -43,28 +7,19 @@ import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScro
 // 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, formErrors = _a.formErrors;
-    var _b = useState(existingData), selectedItem = _b[0], setSelectedItem = _b[1];
-    var _c = useState([]), filteredItem = _c[0], setFilteredItem = _c[1];
-    useEffect(function () {
+export const SingleSelectAutoCompleteField = ({ disabled, formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction, formErrors }) => {
+    const [selectedItem, setSelectedItem] = useState(existingData);
+    const [filteredItem, setFilteredItem] = useState([]);
+    useEffect(() => {
         // 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*/];
-            }
-        });
-    }); };
+    const searchItems = async (event) => {
+        const data = await searchData(event);
+        setFilteredItem(data);
+    };
     return (_jsx(_Fragment, { children: _jsx(AutoComplete, { disabled: disabled ? disabled : false, value: selectedItem, suggestions: filteredItem, 
             // invalid={(isFormFieldValid(formik, fieldName) || (formErrors[fieldName]))}
             invalid: isFormFieldValid(formik, fieldName), completeMethod: searchItems, 
@@ -75,7 +30,7 @@ export var SingleSelectAutoCompleteField = function (_a) {
             // style={{
             //     maxHeight: 39.67
             // }}
-            field: labelKey, dropdown: true, onChange: function (e) {
+            field: labelKey, dropdown: true, onChange: (e) => {
                 // formik.handleChange(e)
                 setSelectedItem(e.value);
                 if (additionalAction) {

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

@@ -1 +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;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAIhF,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,EAA8J;QAA5J,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,EAAE,UAAU,gBAAA;IAE3L,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;IAGF,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;YACzB,6EAA6E;YAC7E,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAE5C,cAAc,EAAE,WAAW;YAC3B,4CAA4C;YAC5C,sBAAsB,EAAE,yBAAyB,CAAC;gBAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;aACjC,CAAC;YAEJ,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,EACD,SAAS,EAAC,6BAA6B,GACzC,GAEH,CAGN,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"SingleSelectAutoCompleteField.js","sourceRoot":"./","sources":["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;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAIpF,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAO,EAAE,EAAE;IAE5M,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACX,sBAAsB;QACtB,eAAe,CAAC,YAAY,CAAC,CAAA;QAC7B,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,MAAM,WAAW,GAAG,KAAK,EAAE,KAAU,EAAE,EAAE;QACrC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;IAE1B,CAAC,CAAC;IAGF,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;YACzB,6EAA6E;YAC7E,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAE5C,cAAc,EAAE,WAAW;YAC3B,4CAA4C;YAC5C,sBAAsB,EAAE,yBAAyB,CAAC;gBAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;aACjC,CAAC;YAEJ,WAAW;YACX,uBAAuB;YACvB,KAAK;YACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,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,EACD,SAAS,EAAC,6BAA6B,GACzC,GAEH,CAGN,CAAA;AACL,CAAC,CAAA","sourcesContent":["'use client';\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { useEffect, useState } from \"react\";\nimport { getVirtualScrollerOptions } from \"../../helpers/autoCompleteVirtualScroll\";\n\n\n\n// UsesCases\n// 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\n// In case of relationType the Id field will always will be id   \n// Else the value will be whatever valuekey use passed \n\nexport const SingleSelectAutoCompleteField = ({ disabled, formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction, formErrors }: any) => {\n\n    const [selectedItem, setSelectedItem] = useState(existingData);\n    const [filteredItem, setFilteredItem] = useState([]);\n    useEffect(() => {\n        // if (existingData) {\n        setSelectedItem(existingData)\n        // formik.setFieldValue(fieldName, existingData);\n\n        // }\n    }, [existingData])\n    const searchItems = async (event: any) => {\n        const data = await searchData(event);\n        setFilteredItem(data);\n\n    };    \n\n\n    return (\n        <>\n            <AutoComplete\n                disabled={disabled ? disabled : false}\n                value={selectedItem}\n                suggestions={filteredItem}\n                // invalid={(isFormFieldValid(formik, fieldName) || (formErrors[fieldName]))}\n                invalid={isFormFieldValid(formik, fieldName)}\n\n                completeMethod={searchItems}\n                // virtualScrollerOptions={{ itemSize: 38 }}\n                virtualScrollerOptions={getVirtualScrollerOptions({\n                    itemsLength: filteredItem.length,\n                  })}\n                  \n                // style={{\n                //     maxHeight: 39.67\n                // }}\n                field={labelKey}\n                dropdown\n                onChange={(e) => {\n                    // formik.handleChange(e)\n                    setSelectedItem(e.value);\n                    if (additionalAction) {\n                        additionalAction(e);\n                    }\n                    if (relationField === true) {\n                        formik.setFieldValue(fieldName, e.value);\n                        formik.setFieldValue(fieldNameId, e.value.id);\n                    } else {\n                        formik.setFieldValue(fieldName, e.value[valueKey]);\n\n                    }\n\n                }}\n                className=\"solid-standard-autocomplete\"\n            />\n\n        </>\n\n\n    )\n}"]}