npm - @solidxai/core-ui - Versions diffs - 0.1.5-beta.10 → 0.1.5-beta.12 - Mend

@solidxai/core-ui 0.1.5-beta.10 → 0.1.5-beta.12

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

Files changed (306) hide show

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.js CHANGED Viewed

@@ -46,18 +46,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { Button } from 'primereact/button';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 import styles from './SolidImport.module.css';
 import { DocumentSvg } from './DocumentSvg';
 import { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
-import { Toast } from 'primereact/toast';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
 export var SolidImportDropzone = function (_a) {
     var setImportStep = _a.setImportStep, setTransactionId = _a.setTransactionId, modelMetadataId = _a.modelMetadataId;
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var _b = useState(null), file = _b[0], setFile = _b[1];
     var _c = useCreateImportTransactionMutation(), createImportTransaction = _c[0], isLoading = _c[1].isLoading;
     var uploadFile = function (uploadFile) { return __awaiter(void 0, void 0, void 0, function () {
@@ -78,17 +78,17 @@ export var SolidImportDropzone = function (_a) {
                     console.log('Upload success:', response);
                     if ((response === null || response === void 0 ? void 0 : response.statusCode) === 200) {
                         setFile(uploadFile);
-                        showToast(toast, "success", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);
+                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY }));
                         setTransactionId === null || setTransactionId === void 0 ? void 0 : setTransactionId((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.id);
                     }
                     else {
-                        showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));
                     }
                     return [3 /*break*/, 4];
                 case 3:
                     error_1 = _b.sent();
                     console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error_1);
-                    showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
@@ -118,10 +118,10 @@ export var SolidImportDropzone = function (_a) {
         var i = Math.floor(Math.log(bytes) / Math.log(1024));
         return "".concat((bytes / Math.pow(1024, i)).toFixed(2), " ").concat(sizes[i]);
     };
-    return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", __assign({}, getRootProps({ className: styles.dropzone }), { className: 'h-full flex flex-column align-items-center justify-content-center', children: [_jsx("input", __assign({}, getInputProps())), _jsxs("div", { className: "", children: [_jsx("div", { className: 'flex justify-content-center', children: _jsx(DocumentSvg, {}) }), _jsx("h5", { className: 'text-center solid-primary-black-text', children: "Drop or upload a file to import" }), _jsxs("p", { className: 'text-center m-0', children: ["Excel files are recommended as formatting is automatic.", _jsx("br", {}), "But, you can also use .csv files"] }), _jsx("div", { className: 'flex justify-content-center mt-3', children: _jsx(Button, { label: "Click to browse", size: "small", severity: 'secondary', outlined: true }) })] }), file &&
+    return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", __assign({}, getRootProps({ className: styles.dropzone }), { className: 'h-full flex flex-column align-items-center justify-content-center', children: [_jsx("input", __assign({}, getInputProps())), _jsxs("div", { className: "", children: [_jsx("div", { className: 'flex justify-content-center', children: _jsx(DocumentSvg, {}) }), _jsx("h5", { className: 'text-center solid-primary-black-text', children: "Drop or upload a file to import" }), _jsxs("p", { className: 'text-center m-0', children: ["Excel files are recommended as formatting is automatic.", _jsx("br", {}), "But, you can also use .csv files"] }), _jsx("div", { className: 'flex justify-content-center mt-3', children: _jsx(Button, { label: "Click to browse", size: "small", severity: 'secondary', outlined: true }) })] }), file &&
                             _jsxs("div", { className: "flex align-items-start justify-content-between gap-3 p-3 mt-4 w-full md:w-8", style: { border: '1px solid var(--primary-light-color)', borderRadius: 6 }, onClick: function (e) { return e.stopPropagation(); }, children: [_jsxs("div", { children: [_jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "File:" }), " ", file.name] }), _jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "Type:" }), " ", file.type || 'Unknown'] }), _jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "Size:" }), " ", formatBytes(file.size)] })] }), _jsx("div", { children: _jsx(Button, { size: "small", icon: "pi pi-trash", text: true, onClick: removeFile }) })] })] })) }), _jsx("div", { className: 'mt-3 flex align-items-center gap-3', children: _jsx(Button, { label: 'Continue', size: 'small', onClick: function () {
                         if (!file) {
-                            showToast(toast, "error", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));
                             return;
                         }
                         setImportStep(3);

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidImportDropzone.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,~~MAAM,EAAE,~~QAAQ,EAAE,MAAM,OAAO,CAAC;~~AACtD~~,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,~~MAAM~~,MAAM,~~0BAA0B~~,~~CAAA~~;~~AAC7C~~,OAAO,EAAE,~~WAAW~~,EAAE,MAAM,~~eAAe~~,CAAC;~~AAC5C~~,OAAO,EAAE,~~kCAAkC~~,EAAE,MAAM,~~4CAA4C~~,CAAC;~~AAChG~~,OAAO,EAAE,~~KAAK~~,EAAE,MAAM,~~kBAAkB~~,CAAC;~~AACzC~~,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,~~OAAO,SAAS,~~MAAM~~,+BAA+B~~,CAAC~~;AACtD~~,~~MAAM,CAAC,~~IAAM,mBAAmB,GAAG,UAAC,EAAyD;QAAvD,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,eAAe,qBAAA;IAClF,IAAM,~~KAAK~~,GAAG,~~MAAM~~,~~CAAQ~~,~~IAAI,~~CAAC~~,CAAC~~;~~IAE5B~~,IAAA,KAAkB,QAAQ,CAAc,IAAI,CAAC,EAA5C,IAAI,QAAA,EAAE,OAAO,QAA+B,CAAC;IAC9C,IAAA,KAA2C,kCAAkC,EAAE,EAA9E,uBAAuB,QAAA,EAAI,SAAS,kBAA0C,CAAC;IAGtF,IAAM,UAAU,GAAG,UAAO,UAAgB;;;;;;oBAChC,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;oBAChC,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;oBAC5C,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;;;;oBAG/B,qBAAM,uBAAuB,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAA3D,QAAQ,GAAG,SAAgD;oBACjE,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;oBACzC,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,MAAK,GAAG,EAAE;wBAC9B,OAAO,CAAC,UAAU,CAAC,CAAC;wBACpB,SAAS,CAAC,~~KAAK~~,EAAE,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;~~wBACjG~~,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,EAAE,CAAC,CAAC;qBAC1C;yBAAM;wBACH,SAAS,CAAC,~~KAAK~~,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;~~qBACtF~~;;;;oBAED,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,EAAE,OAAK,CAAC,CAAC;oBACxD,SAAS,CAAC,~~KAAK~~,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;;;;;~~SAE1F~~,CAAC;IAEF,IAAM,MAAM,GAAG,WAAW,CAAC,UAAC,aAAqB;QAC7C,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACtC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,yBAAyB;SACtD;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAED,IAAA,KAAwC,WAAW,CAAC;QACtD,MAAM,QAAA;QACN,MAAM,EAAE;YACJ,mEAAmE,EAAE,CAAC,OAAO,CAAC;YAC9E,UAAU,EAAE,CAAC,MAAM,CAAC;SACvB;QACD,QAAQ,EAAE,KAAK;KAClB,CAAC,EAPM,YAAY,kBAAA,EAAE,aAAa,mBAAA,EAAE,IAAI,UAOvC,CAAC;IAEH,IAAM,UAAU,GAAG;QACf,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,QAAQ,CAAC;QACjC,IAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,UAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAI,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,CACH,0BACI,~~KAAC,KAAK,IAAC,GAAG,EAAE,KAAK,GAAI,EACrB,~~cAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,YAC5C,0BAAS,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAE,SAAS,EAAC,mEAAmE,aAChI,2BAAW,aAAa,EAAE,EAAI,EAE9B,eAAK,SAAS,EAAE,EAAE,aACd,cAAK,SAAS,EAAC,6BAA6B,YACxC,KAAC,WAAW,KAAG,GACb,EACN,aAAI,SAAS,EAAC,sCAAsC,gDAAqC,EACzF,aAAG,SAAS,EAAC,iBAAiB,wEAAwD,cAAM,wCACpD,EACxC,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,MAAM,IAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,SAAG,GAC3E,IACJ,EAEL,IAAI;4BACD,eAAK,SAAS,EAAC,6EAA6E,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,sCAAsC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,aACxM,0BACI,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,IAAI,CAAC,IAAI,IAAK,EACzD,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,IAAI,CAAC,IAAI,IAAI,SAAS,IAAK,EACtE,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAK,IACpE,EACN,wBACI,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,QAAC,OAAO,EAAE,UAAU,GAAI,GAClE,IACJ,KAGR,GACJ,EACN,cAAK,SAAS,EAAC,oCAAoC,YAC/C,KAAC,MAAM,IACH,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;wBACL,IAAI,CAAC,IAAI,EAAE;4BACP,SAAS,CAAC,~~KAAK~~,EAAE,OAAO,EAAE,cAAc,CAAC,YAAY,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;~~4BAC1F~~,OAAO;yBACV;wBACD,aAAa,CAAC,CAAC,CAAC,CAAC;oBACrB,CAAC,EACD,QAAQ,EAAE,CAAC,IAAI,GACjB,GACA,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useCallback, ~~useRef,~~ useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { Button } from 'primereact/button'\nimport styles from './SolidImport.module.css'\nimport { DocumentSvg } from './DocumentSvg';\nimport { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport { ~~Toast } from 'primereact/toast';\nimport {~~ ERROR_MESSAGES } from '../../../../constants/error-messages';\~~nimport showToast from \"../../../../helpers/showToast\";\~~nexport const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {\n const ~~toast~~ = ~~useRef<Toast>~~(~~null~~);\n\n const [file, setFile] = useState<File \| null>(null);\n const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();\n\n\n const uploadFile = async (uploadFile: File) => {\n const formData = new FormData();\n formData.append('fileLocation', uploadFile);\n formData.append('modelMetadataId', modelMetadataId);\n\n try {\n const response = await createImportTransaction(formData).unwrap();\n console.log('Upload success:', response);\n if (response?.statusCode === 200) {\n setFile(uploadFile);\n showToast(~~toast,~~ \"success\", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);\n setTransactionId?.(response?.data?.id);\n } else {\n showToast(~~toast,~~ \"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)\n }\n } catch (error) {\n console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);\n showToast(~~toast,~~ \"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)\n }\n };\n\n const onDrop = useCallback((acceptedFiles: File[]) => {\n if (acceptedFiles.length > 0) {\n const selectedFile = acceptedFiles[0];\n uploadFile(selectedFile); // 👈 Auto upload on drop\n }\n }, []);\n\n const { getRootProps, getInputProps, open } = useDropzone({\n onDrop,\n accept: {\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],\n 'text/csv': ['.csv']\n },\n multiple: false,\n });\n\n const removeFile = () => {\n setFile(null);\n };\n\n const formatBytes = (bytes: number) => {\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n if (bytes === 0) return '0 Byte';\n const i = Math.floor(Math.log(bytes) / Math.log(1024));\n return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;\n };\n\n return (\n <div>\n <~~Toast ref={toast} />\n <~~div className={styles.SolidImportContextWrapper}>\n <div {...getRootProps({ className: styles.dropzone })} className='h-full flex flex-column align-items-center justify-content-center'>\n <input {...getInputProps()} />\n {/* {!file ? ( /}\n <div className={\"\"}>\n <div className='flex justify-content-center'>\n <DocumentSvg />\n </div>\n <h5 className='text-center solid-primary-black-text'>Drop or upload a file to import</h5>\n <p className='text-center m-0'>Excel files are recommended as formatting is automatic.<br />\n But, you can also use .csv files</p>\n <div className='flex justify-content-center mt-3'>\n <Button label=\"Click to browse\" size=\"small\" severity='secondary' outlined />\n </div>\n </div>\n {/ ) : ( /}\n {file &&\n <div className=\"flex align-items-start justify-content-between gap-3 p-3 mt-4 w-full md:w-8\" style={{ border: '1px solid var(--primary-light-color)', borderRadius: 6 }} onClick={(e) => e.stopPropagation()}>\n <div>\n <p className='m-0'><strong>File:</strong> {file.name}</p>\n <p className='m-0'><strong>Type:</strong> {file.type \|\| 'Unknown'}</p>\n <p className='m-0'><strong>Size:</strong> {formatBytes(file.size)}</p>\n </div>\n <div>\n <Button size=\"small\" icon=\"pi pi-trash\" text onClick={removeFile} />\n </div>\n </div>\n }\n {/ )} */}\n </div>\n </div>\n <div className='mt-3 flex align-items-center gap-3'>\n <Button\n label='Continue'\n size='small'\n onClick={() => {\n if (!file) {\n showToast(~~toast,~~ \"error\", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);\n return;\n }\n setImportStep(3);\n }}\n disabled={!file}\n />\n </div>\n </div>\n )\n}"]}
1	+ {"version":3,"file":"SolidImportDropzone.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useCallback, useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { Button } from 'primereact/button'\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport styles from './SolidImport.module.css'\nimport { DocumentSvg } from './DocumentSvg';\nimport { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nexport const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {\n const dispatch = useDispatch();\n\n const [file, setFile] = useState<File \| null>(null);\n const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();\n\n\n const uploadFile = async (uploadFile: File) => {\n const formData = new FormData();\n formData.append('fileLocation', uploadFile);\n formData.append('modelMetadataId', modelMetadataId);\n\n try {\n const response = await createImportTransaction(formData).unwrap();\n console.log('Upload success:', response);\n if (response?.statusCode === 200) {\n setFile(uploadFile);\n dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY }));\n setTransactionId?.(response?.data?.id);\n } else {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n }\n } catch (error) {\n console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n }\n };\n\n const onDrop = useCallback((acceptedFiles: File[]) => {\n if (acceptedFiles.length > 0) {\n const selectedFile = acceptedFiles[0];\n uploadFile(selectedFile); // 👈 Auto upload on drop\n }\n }, []);\n\n const { getRootProps, getInputProps, open } = useDropzone({\n onDrop,\n accept: {\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],\n 'text/csv': ['.csv']\n },\n multiple: false,\n });\n\n const removeFile = () => {\n setFile(null);\n };\n\n const formatBytes = (bytes: number) => {\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n if (bytes === 0) return '0 Byte';\n const i = Math.floor(Math.log(bytes) / Math.log(1024));\n return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;\n };\n\n return (\n <div>\n <div className={styles.SolidImportContextWrapper}>\n <div {...getRootProps({ className: styles.dropzone })} className='h-full flex flex-column align-items-center justify-content-center'>\n <input {...getInputProps()} />\n {/* {!file ? ( /}\n <div className={\"\"}>\n <div className='flex justify-content-center'>\n <DocumentSvg />\n </div>\n <h5 className='text-center solid-primary-black-text'>Drop or upload a file to import</h5>\n <p className='text-center m-0'>Excel files are recommended as formatting is automatic.<br />\n But, you can also use .csv files</p>\n <div className='flex justify-content-center mt-3'>\n <Button label=\"Click to browse\" size=\"small\" severity='secondary' outlined />\n </div>\n </div>\n {/ ) : ( /}\n {file &&\n <div className=\"flex align-items-start justify-content-between gap-3 p-3 mt-4 w-full md:w-8\" style={{ border: '1px solid var(--primary-light-color)', borderRadius: 6 }} onClick={(e) => e.stopPropagation()}>\n <div>\n <p className='m-0'><strong>File:</strong> {file.name}</p>\n <p className='m-0'><strong>Type:</strong> {file.type \|\| 'Unknown'}</p>\n <p className='m-0'><strong>Size:</strong> {formatBytes(file.size)}</p>\n </div>\n <div>\n <Button size=\"small\" icon=\"pi pi-trash\" text onClick={removeFile} />\n </div>\n </div>\n }\n {/ )} */}\n </div>\n </div>\n <div className='mt-3 flex align-items-center gap-3'>\n <Button\n label='Continue'\n size='small'\n onClick={() => {\n if (!file) {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));\n return;\n }\n setImportStep(3);\n }}\n disabled={!file}\n />\n </div>\n </div>\n )\n}"]}

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.tsx CHANGED Viewed

@@ -1,15 +1,15 @@
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { Button } from 'primereact/button'
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 import styles from './SolidImport.module.css'
 import { DocumentSvg } from './DocumentSvg';
 import { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
-import { Toast } from 'primereact/toast';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
 export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const [file, setFile] = useState<File | null>(null);
     const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();
@@ -25,14 +25,14 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
             console.log('Upload success:', response);
             if (response?.statusCode === 200) {
                 setFile(uploadFile);
-                showToast(toast, "success", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);
+                dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY }));
                 setTransactionId?.(response?.data?.id);
             } else {
-                showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)
+                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))
             }
         } catch (error) {
             console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);
-            showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))
         }
     };
@@ -65,7 +65,6 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
     return (
         <div>
-            <Toast ref={toast} />
             <div className={styles.SolidImportContextWrapper}>
                 <div {...getRootProps({ className: styles.dropzone })} className='h-full flex flex-column align-items-center justify-content-center'>
                     <input {...getInputProps()} />
@@ -103,7 +102,7 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
                     size='small'
                     onClick={() => {
                         if (!file) {
-                            showToast(toast, "error", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));
                             return;
                         }
                         setImportStep(3);

package/dist/components/core/common/SolidGenericImport/SolidImportTransaction.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidImportTransaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,4DAA6D,GAAG,~~4CA0LlG~~,CAAA"}
1	+ {"version":3,"file":"SolidImportTransaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,4DAA6D,GAAG,4CAyLlG,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportTransaction.js CHANGED Viewed

@@ -49,16 +49,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from 'primereact/button';
 import styles from './SolidImport.module.css';
 import { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Dropdown } from 'primereact/dropdown';
-import { Toast } from 'primereact/toast';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
 export var SolidImportTransaction = function (_a) {
     // console.log("get transaction id", transactionId);
     var _b, _c, _d, _e, _f;
     var setImportStatusResult = _a.setImportStatusResult, transactionId = _a.transactionId, setImportStep = _a.setImportStep;
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var _g = useLazyGetImportMappingInfoQuery(), trigger = _g[0], _h = _g[1], mappingInfo = _h.data, isLoading = _h.isLoading, isError = _h.isError;
     var patchUpdateImportTransaction = usePatchUpdateImportTransactionMutation()[0];
     var _j = useCreateImportSyncMutation(), createImportSync = _j[0], isImporting = _j[1].isLoading;
@@ -140,20 +140,20 @@ export var SolidImportTransaction = function (_a) {
                     return [3 /*break*/, 5];
                 case 4:
                     importError_1 = _e.sent();
-                    showToast(toast, "error", ERROR_MESSAGES.IMPORT_ERROR, (_c = importError_1 === null || importError_1 === void 0 ? void 0 : importError_1.data) === null || _c === void 0 ? void 0 : _c.error);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.IMPORT_ERROR, detail: (_c = importError_1 === null || importError_1 === void 0 ? void 0 : importError_1.data) === null || _c === void 0 ? void 0 : _c.error }));
                     return [3 /*break*/, 5];
                 case 5: return [3 /*break*/, 7];
                 case 6:
                     error_1 = _e.sent();
                     errorMessage = ((_d = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _d === void 0 ? void 0 : _d.error) || ERROR_MESSAGES.SOMETHING_WRONG;
-                    showToast(toast, "error", ERROR_MESSAGES.ERROR, errorMessage);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));
                     return [3 /*break*/, 7];
                 case 7: return [2 /*return*/];
             }
         });
     }); };
     var sampleRecords = (_d = (_c = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _c === void 0 ? void 0 : _c.sampleImportedRecordInfo) !== null && _d !== void 0 ? _d : [];
-    return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", { className: 'grid m-0 relative', children: [_jsxs("div", { className: "col-6 font-bold p-3 ".concat(styles.ImportTableHeader), children: ["File Column", _jsx("div", { className: styles.TransactionsHeaderDivider })] }), _jsx("div", { className: "col-6 font-bold p-3 ".concat(styles.ImportTableHeader), children: "SolidX Field" }), sampleRecords.length > 0 ? (sampleRecords === null || sampleRecords === void 0 ? void 0 : sampleRecords.filter(function (sample) { return visibleHeaders.includes(sample.cellHeader); }).map(function (sample) {
+    return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", { className: 'grid m-0 relative', children: [_jsxs("div", { className: "col-6 font-bold p-3 ".concat(styles.ImportTableHeader), children: ["File Column", _jsx("div", { className: styles.TransactionsHeaderDivider })] }), _jsx("div", { className: "col-6 font-bold p-3 ".concat(styles.ImportTableHeader), children: "SolidX Field" }), sampleRecords.length > 0 ? (sampleRecords === null || sampleRecords === void 0 ? void 0 : sampleRecords.filter(function (sample) { return visibleHeaders.includes(sample.cellHeader); }).map(function (sample) {
                             var fieldMeta = mappingInfo.data.importableFields.find(function (f) { return f.name === fieldMapping[sample.cellHeader]; });
                             var isRequired = fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.required;
                             // {sampleRecords.length > 0 ? (

package/dist/components/core/common/SolidGenericImport/SolidImportTransaction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidImportTransaction.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Button } from 'primereact/button'\nimport styles from './SolidImport.module.css'\nimport { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'primereact/dropdown';\nimport { Toast } from 'primereact/toast';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport showToast from \"../../../../helpers/showToast\";\nexport const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {\n // console.log(\"get transaction id\", transactionId);\n\n const toast = useRef<Toast>(null);\n const [trigger, { data: mappingInfo, isLoading, isError }] = useLazyGetImportMappingInfoQuery();\n const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();\n const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();\n const [fieldMapping, setFieldMapping] = useState<Record<string, string>>({});\n const [visibleHeaders, setVisibleHeaders] = useState<string[]>([]);\n\n useEffect(() => {\n if (transactionId) {\n trigger({ id: transactionId });\n }\n }, [transactionId]);\n\n useEffect(() => {\n const defaultMapping: Record<string, string> = {};\n const headers: string[] = [];\n mappingInfo?.data?.sampleImportedRecordInfo?.forEach((sample: any) => {\n defaultMapping[sample.cellHeader] = sample.defaultMappedFieldName \|\| \"\";\n headers.push(sample.cellHeader);\n });\n setFieldMapping(defaultMapping);\n setVisibleHeaders(headers);\n }, [mappingInfo?.data]);\n\n\n const dropdownOptions = mappingInfo?.data?.importableFields.map((field: any) => ({\n label: field.displayName,\n value: field.name,\n }));\n\n const handleChange = (cellHeader: string, selectedField: string) => {\n setFieldMapping((prev) => ({\n ...prev,\n [cellHeader]: selectedField,\n }));\n };\n\n const handleRemoveRow = (cellHeader: string) => {\n setVisibleHeaders((prev) => prev.filter(header => header !== cellHeader));\n setFieldMapping((prev) => {\n const updated = { ...prev };\n delete updated[cellHeader];\n return updated;\n });\n };\n\n const handleImportTransaction = async () => {\n try {\n const mappingArray = Object.entries(fieldMapping).map(([header, fieldName]) => ({\n header,\n fieldName,\n }));\n\n const patchData = {\n status: \"mapping_created\",\n mapping: JSON.stringify(mappingArray),\n };\n const patchResult = await patchUpdateImportTransaction({\n id: transactionId,\n data: patchData,\n }).unwrap();\n if (patchResult?.statusCode === 200) {\n\n // Sync\n try {\n const importResult = await createImportSync({ id: transactionId }).unwrap();\n\n if (importResult?.data?.status === \"import_succeeded\") {\n setImportStatusResult(importResult)\n setImportStep(4);\n }\n if (importResult?.data?.status === \"import_failed\") {\n setImportStatusResult(importResult);\n setImportStep(4);\n }\n } catch (importError: any) {\n showToast(toast, \"error\", ERROR_MESSAGES.IMPORT_ERROR, importError?.data?.error);\n }\n\n // Async\n }\n } catch (error: any) {\n const errorMessage = error?.data?.error \|\| ERROR_MESSAGES.SOMETHING_WRONG;\n showToast(toast, \"error\", ERROR_MESSAGES.ERROR, errorMessage);\n }\n };\n\n const sampleRecords = mappingInfo?.data?.sampleImportedRecordInfo ?? [];\n\n return (\n <div>\n <Toast ref={toast} />\n <div className={styles.SolidImportContextWrapper}>\n <div className='grid m-0 relative'>\n <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>\n File Column\n <div className={styles.TransactionsHeaderDivider}></div>\n </div>\n <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>\n SolidX Field\n </div>\n {sampleRecords.length > 0 ? (\n sampleRecords\n ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))\n .map((sample: any) => {\n const fieldMeta = mappingInfo.data.importableFields.find(\n (f: any) => f.name === fieldMapping[sample.cellHeader]\n );\n const isRequired = fieldMeta?.required;\n // {sampleRecords.length > 0 ? (\n // sampleRecords \n // ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))\n // ?.sort((a: any, b: any) => {\n // const aRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[a.cellHeader])?.required;\n // const bRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[b.cellHeader])?.required;\n // return (bRequired ? 1 : 0) - (aRequired ? 1 : 0); // true comes before false\n // })\n // .map((sample: any) => {\n // const fieldMeta = mappingInfo.data.importableFields.find(\n // (f: any) => f.name === fieldMapping[sample.cellHeader]\n // );\n // const isRequired = fieldMeta?.required;\n return (\n <React.Fragment key={sample.cellHeader}>\n <div\n className=\"col-5 md:col-6 py-2 pl-3 pr-2 md:px-3 flex flex-column justify-content-center\"\n style={{ borderBottom: \"1px solid var(--gray-100)\" }}\n >\n \n <div className=\"font-medium text-primary\">{sample.cellHeader}</div>\n <div className=\"text-sm\" style={{ color: \"var(--solid-grey-500)\" }}>\n {sample.cellValue \|\| \"\"}\n </div>\n </div>\n <div className=\"col-7 md:col-6 py-0\" style={{ borderBottom: \"1px solid var(--gray-100)\" }}>\n <div className={`flex w-full justify-between align-items-center gap-2 py-2 md:px-3 ${fieldMapping[sample.cellHeader] ? \"col-11 sm:col-12\" : \"col-12\"} `}>\n <Dropdown\n value={fieldMapping[sample.cellHeader]}\n options={dropdownOptions}\n onChange={(e) => handleChange(sample.cellHeader, e.value)}\n className=\"w-full p-inputtext-sm\"\n placeholder=\"Select field\"\n />\n {!isRequired ? (\n <span\n onClick={() => handleRemoveRow(sample.cellHeader)}\n title=\"Remove this row\"\n style={{ cursor: 'pointer' }}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#F0F0F0\" />\n <path d=\"M5.6 11L5 10.4L7.4 8L5 5.6L5.6 5L8 7.4L10.4 5L11 5.6L8.6 8L11 10.4L10.4 11L8 8.6L5.6 11Z\" fill=\"#4B4D52\" />\n </svg>\n </span>\n )\n :\n <span style={{ height: 16, width: 16 }}></span>\n }\n </div>\n\n </div>\n </React.Fragment>\n );\n })\n ) : (\n <div className='col-12 flex flex-column align-items-center'>\n <h4 className='text-center px-2'>No Sample Imported Record Info Found</h4>\n <p>Please Add Records</p>\n </div>\n )}\n </div>\n </div>\n <div className='mt-3 flex align-items-center gap-3'>\n <Button\n label='Import'\n size='small'\n onClick={handleImportTransaction}\n loading={isImporting}\n disabled={isImporting \|\| mappingInfo?.data?.sampleImportedRecordInfo?.length === 0}\n />\n </div>\n </div>\n )\n}"]}
1	+ {"version":3,"file":"SolidImportTransaction.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Button } from 'primereact/button'\nimport styles from './SolidImport.module.css'\nimport { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from 'primereact/dropdown';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nexport const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {\n // console.log(\"get transaction id\", transactionId);\n\n const dispatch = useDispatch();\n const [trigger, { data: mappingInfo, isLoading, isError }] = useLazyGetImportMappingInfoQuery();\n const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();\n const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();\n const [fieldMapping, setFieldMapping] = useState<Record<string, string>>({});\n const [visibleHeaders, setVisibleHeaders] = useState<string[]>([]);\n\n useEffect(() => {\n if (transactionId) {\n trigger({ id: transactionId });\n }\n }, [transactionId]);\n\n useEffect(() => {\n const defaultMapping: Record<string, string> = {};\n const headers: string[] = [];\n mappingInfo?.data?.sampleImportedRecordInfo?.forEach((sample: any) => {\n defaultMapping[sample.cellHeader] = sample.defaultMappedFieldName \|\| \"\";\n headers.push(sample.cellHeader);\n });\n setFieldMapping(defaultMapping);\n setVisibleHeaders(headers);\n }, [mappingInfo?.data]);\n\n\n const dropdownOptions = mappingInfo?.data?.importableFields.map((field: any) => ({\n label: field.displayName,\n value: field.name,\n }));\n\n const handleChange = (cellHeader: string, selectedField: string) => {\n setFieldMapping((prev) => ({\n ...prev,\n [cellHeader]: selectedField,\n }));\n };\n\n const handleRemoveRow = (cellHeader: string) => {\n setVisibleHeaders((prev) => prev.filter(header => header !== cellHeader));\n setFieldMapping((prev) => {\n const updated = { ...prev };\n delete updated[cellHeader];\n return updated;\n });\n };\n\n const handleImportTransaction = async () => {\n try {\n const mappingArray = Object.entries(fieldMapping).map(([header, fieldName]) => ({\n header,\n fieldName,\n }));\n\n const patchData = {\n status: \"mapping_created\",\n mapping: JSON.stringify(mappingArray),\n };\n const patchResult = await patchUpdateImportTransaction({\n id: transactionId,\n data: patchData,\n }).unwrap();\n if (patchResult?.statusCode === 200) {\n\n // Sync\n try {\n const importResult = await createImportSync({ id: transactionId }).unwrap();\n\n if (importResult?.data?.status === \"import_succeeded\") {\n setImportStatusResult(importResult)\n setImportStep(4);\n }\n if (importResult?.data?.status === \"import_failed\") {\n setImportStatusResult(importResult);\n setImportStep(4);\n }\n } catch (importError: any) {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.IMPORT_ERROR, detail: importError?.data?.error }));\n }\n\n // Async\n }\n } catch (error: any) {\n const errorMessage = error?.data?.error \|\| ERROR_MESSAGES.SOMETHING_WRONG;\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));\n }\n };\n\n const sampleRecords = mappingInfo?.data?.sampleImportedRecordInfo ?? [];\n\n return (\n <div>\n <div className={styles.SolidImportContextWrapper}>\n <div className='grid m-0 relative'>\n <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>\n File Column\n <div className={styles.TransactionsHeaderDivider}></div>\n </div>\n <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>\n SolidX Field\n </div>\n {sampleRecords.length > 0 ? (\n sampleRecords\n ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))\n .map((sample: any) => {\n const fieldMeta = mappingInfo.data.importableFields.find(\n (f: any) => f.name === fieldMapping[sample.cellHeader]\n );\n const isRequired = fieldMeta?.required;\n // {sampleRecords.length > 0 ? (\n // sampleRecords \n // ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))\n // ?.sort((a: any, b: any) => {\n // const aRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[a.cellHeader])?.required;\n // const bRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[b.cellHeader])?.required;\n // return (bRequired ? 1 : 0) - (aRequired ? 1 : 0); // true comes before false\n // })\n // .map((sample: any) => {\n // const fieldMeta = mappingInfo.data.importableFields.find(\n // (f: any) => f.name === fieldMapping[sample.cellHeader]\n // );\n // const isRequired = fieldMeta?.required;\n return (\n <React.Fragment key={sample.cellHeader}>\n <div\n className=\"col-5 md:col-6 py-2 pl-3 pr-2 md:px-3 flex flex-column justify-content-center\"\n style={{ borderBottom: \"1px solid var(--gray-100)\" }}\n >\n \n <div className=\"font-medium text-primary\">{sample.cellHeader}</div>\n <div className=\"text-sm\" style={{ color: \"var(--solid-grey-500)\" }}>\n {sample.cellValue \|\| \"\"}\n </div>\n </div>\n <div className=\"col-7 md:col-6 py-0\" style={{ borderBottom: \"1px solid var(--gray-100)\" }}>\n <div className={`flex w-full justify-between align-items-center gap-2 py-2 md:px-3 ${fieldMapping[sample.cellHeader] ? \"col-11 sm:col-12\" : \"col-12\"} `}>\n <Dropdown\n value={fieldMapping[sample.cellHeader]}\n options={dropdownOptions}\n onChange={(e) => handleChange(sample.cellHeader, e.value)}\n className=\"w-full p-inputtext-sm\"\n placeholder=\"Select field\"\n />\n {!isRequired ? (\n <span\n onClick={() => handleRemoveRow(sample.cellHeader)}\n title=\"Remove this row\"\n style={{ cursor: 'pointer' }}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#F0F0F0\" />\n <path d=\"M5.6 11L5 10.4L7.4 8L5 5.6L5.6 5L8 7.4L10.4 5L11 5.6L8.6 8L11 10.4L10.4 11L8 8.6L5.6 11Z\" fill=\"#4B4D52\" />\n </svg>\n </span>\n )\n :\n <span style={{ height: 16, width: 16 }}></span>\n }\n </div>\n\n </div>\n </React.Fragment>\n );\n })\n ) : (\n <div className='col-12 flex flex-column align-items-center'>\n <h4 className='text-center px-2'>No Sample Imported Record Info Found</h4>\n <p>Please Add Records</p>\n </div>\n )}\n </div>\n </div>\n <div className='mt-3 flex align-items-center gap-3'>\n <Button\n label='Import'\n size='small'\n onClick={handleImportTransaction}\n loading={isImporting}\n disabled={isImporting \|\| mappingInfo?.data?.sampleImportedRecordInfo?.length === 0}\n />\n </div>\n </div>\n )\n}"]}

package/dist/components/core/common/SolidGenericImport/SolidImportTransaction.tsx CHANGED Viewed

@@ -2,15 +2,15 @@
 import { Button } from 'primereact/button'
 import styles from './SolidImport.module.css'
 import { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Dropdown } from 'primereact/dropdown';
-import { Toast } from 'primereact/toast';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
 export const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {
     // console.log("get transaction id", transactionId);
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const [trigger, { data: mappingInfo, isLoading, isError }] = useLazyGetImportMappingInfoQuery();
     const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();
     const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();
@@ -86,14 +86,14 @@ export const SolidImportTransaction = ({ setImportStatusResult, transactionId, s
                         setImportStep(4);
                     }
                 } catch (importError: any) {
-                    showToast(toast, "error", ERROR_MESSAGES.IMPORT_ERROR, importError?.data?.error);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.IMPORT_ERROR, detail: importError?.data?.error }));
                 }
                 // Async
             }
         } catch (error: any) {
             const errorMessage = error?.data?.error || ERROR_MESSAGES.SOMETHING_WRONG;
-            showToast(toast, "error", ERROR_MESSAGES.ERROR, errorMessage);
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));
         }
     };
@@ -101,7 +101,6 @@ export const SolidImportTransaction = ({ setImportStatusResult, transactionId, s
     return (
         <div>
-            <Toast ref={toast} />
             <div className={styles.SolidImportContextWrapper}>
                 <div className='grid m-0 relative'>
                     <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>

package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAgB5F,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AAa3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AA2TD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAqHD,eAAO,MAAM,wBAAwB,~~kFA+sCnC~~,CAAC"}
1	+ {"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAgB5F,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AAa3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AA2TD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAqHD,eAAO,MAAM,wBAAwB,kFAswCnC,CAAC"}

package/dist/components/core/common/SolidGlobalSearchElement.js CHANGED Viewed

@@ -400,8 +400,8 @@ export var mergeAllDiffFilters = function (customFilter, searchFilter, savedFilt
     return filters;
 };
 var SavedFilterList = function (_a) {
-    var savedfilter = _a.savedfilter, activeSavedFilter = _a.activeSavedFilter, applySavedFilter = _a.applySavedFilter, openSavedCustomFilter = _a.openSavedCustomFilter, setSavedFilterTobeDeleted = _a.setSavedFilterTobeDeleted, setIsDeleteSQDialogVisible = _a.setIsDeleteSQDialogVisible;
-    return (_jsxs("div", { className: "flex align-items-center justify-content-between gap-2", children: [_jsx("div", { children: _jsx(Button, { text: true, size: "small", className: "text-base py-1 w-full", severity: Number(activeSavedFilter) == savedfilter.id ? "secondary" : "contrast", onClick: function () { return applySavedFilter(savedfilter); }, tooltip: savedfilter === null || savedfilter === void 0 ? void 0 : savedfilter.description, children: savedfilter.name }) }), _jsx("div", { className: "flex align-items-center gap-2", children: savedfilter.isSeeded !== true &&
+    var savedfilter = _a.savedfilter, activeSavedFilter = _a.activeSavedFilter, applySavedFilter = _a.applySavedFilter, openSavedCustomFilter = _a.openSavedCustomFilter, setSavedFilterTobeDeleted = _a.setSavedFilterTobeDeleted, setIsDeleteSQDialogVisible = _a.setIsDeleteSQDialogVisible, isFocused = _a.isFocused;
+    return (_jsxs("div", { className: "flex align-items-center justify-content-between gap-2", children: [_jsx("div", { children: _jsx(Button, { text: true, size: "small", className: "text-base py-1 w-full ".concat(isFocused ? 'surface-hover' : ''), severity: Number(activeSavedFilter) == savedfilter.id ? "secondary" : "contrast", onClick: function () { return applySavedFilter(savedfilter); }, tooltip: savedfilter === null || savedfilter === void 0 ? void 0 : savedfilter.description, children: savedfilter.name }) }), _jsx("div", { className: "flex align-items-center gap-2", children: savedfilter.isSeeded !== true &&
                     _jsxs(_Fragment, { children: [_jsx(Button, { icon: "pi pi-pencil", style: { fontSize: 10 }, severity: "secondary", outlined: true, size: "small", onClick: function () { return openSavedCustomFilter(savedfilter); } }), _jsx(Button, { icon: "pi pi-trash", style: { fontSize: 10 }, severity: "secondary", outlined: true, size: "small", onClick: function () {
                                     setSavedFilterTobeDeleted(savedfilter.id),
                                         setIsDeleteSQDialogVisible(true);
@@ -549,19 +549,20 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
     var _6 = useState(), savedFilterQueryString = _6[0], setSavedFilterQueryString = _6[1];
     var _7 = useState(false), showOverlay = _7[0], setShowOverlay = _7[1];
     var overlayRef = useRef(null);
-    var _8 = useSession(), session = _8.data, status = _8.status;
+    var _8 = useState(-1), focusedIndex = _8[0], setFocusedIndex = _8[1];
+    var _9 = useSession(), session = _9.data, status = _9.status;
     var user = session === null || session === void 0 ? void 0 : session.user;
-    var _9 = useState(0), refreshKey = _9[0], setRefreshKey = _9[1];
-    var _10 = useState(null), predefinedSearchBaseFilter = _10[0], setPredefinedSearchBaseFilter = _10[1];
-    var _11 = useState([]), savedFilters = _11[0], setSavedFilters = _11[1];
-    var _12 = useState(false), savedFiltersLoaded = _12[0], setSavedFiltersLoaded = _12[1];
+    var _10 = useState(0), refreshKey = _10[0], setRefreshKey = _10[1];
+    var _11 = useState(null), predefinedSearchBaseFilter = _11[0], setPredefinedSearchBaseFilter = _11[1];
+    var _12 = useState([]), savedFilters = _12[0], setSavedFilters = _12[1];
+    var _13 = useState(false), savedFiltersLoaded = _13[0], setSavedFiltersLoaded = _13[1];
     var entityApi = createSolidEntityApi("savedFilters");
     var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
-    var _13 = useCreateSolidEntityMutation(), createEntity = _13[0], _14 = _13[1], isEntityCreateSuccess = _14.isSuccess, isEntityCreateError = _14.isError, entityCreateError = _14.error;
-    var _15 = useUpdateSolidEntityMutation(), updateEntity = _15[0], _16 = _15[1], isEntityUpdateSuceess = _16.isSuccess, isEntityUpdateError = _16.isError, entityUpdateError = _16.error;
-    var _17 = useDeleteSolidEntityMutation(), deleteEntity = _17[0], _18 = _17[1], isEntityDeleteSuceess = _18.isSuccess, isEntityDeleteError = _18.isError, entityDeleteError = _18.error;
-    var _19 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _19[0], _20 = _19[1], solidEntityListViewData = _20.data, isSavedFilterLoading = _20.isLoading, error = _20.error;
-    var _21 = useState(0), savedFilterFetchDataRefreshKey = _21[0], setSavedFilterFetchDataRefreshKey = _21[1];
+    var _14 = useCreateSolidEntityMutation(), createEntity = _14[0], _15 = _14[1], isEntityCreateSuccess = _15.isSuccess, isEntityCreateError = _15.isError, entityCreateError = _15.error;
+    var _16 = useUpdateSolidEntityMutation(), updateEntity = _16[0], _17 = _16[1], isEntityUpdateSuceess = _17.isSuccess, isEntityUpdateError = _17.isError, entityUpdateError = _17.error;
+    var _18 = useDeleteSolidEntityMutation(), deleteEntity = _18[0], _19 = _18[1], isEntityDeleteSuceess = _19.isSuccess, isEntityDeleteError = _19.isError, entityDeleteError = _19.error;
+    var _20 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _20[0], _21 = _20[1], solidEntityListViewData = _21.data, isSavedFilterLoading = _21.isLoading, error = _21.error;
+    var _22 = useState(0), savedFilterFetchDataRefreshKey = _22[0], setSavedFilterFetchDataRefreshKey = _22[1];
     useEffect(function () {
         var fn = function () { return __awaiter(void 0, void 0, void 0, function () {
             var filters, queryData, queryString, savedFilter;
@@ -1189,10 +1190,63 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
         return acc;
     }, {});
     var handleKeyDown = function (e) {
-        if (e.key === "Enter" && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())) {
-            handleAddChip();
+        var hasInput = !!(inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim());
+        var searchCount = hasInput ? searchableFields.length : 0;
+        var predefinedCount = hasInput ? ((predefinedSearches === null || predefinedSearches === void 0 ? void 0 : predefinedSearches.length) || 0) : 0;
+        var savedFiltersCount = (savedFilters === null || savedFilters === void 0 ? void 0 : savedFilters.length) || 0;
+        var totalItems = searchCount + predefinedCount + savedFiltersCount;
+        if (e.key === "ArrowDown") {
             e.preventDefault();
-            setShowOverlay(false);
+            if (showOverlay) {
+                setFocusedIndex(function (prev) { return (prev < totalItems - 1 ? prev + 1 : prev); });
+            }
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            if (showOverlay) {
+                setFocusedIndex(function (prev) { return (prev > -1 ? prev - 1 : prev); });
+            }
+        }
+        else if (e.key === "Enter") {
+            if (hasInput || focusedIndex >= 0)
+                e.preventDefault();
+            var predefinedSearchOffset = searchCount;
+            var savedFilterOffset = predefinedSearchOffset + predefinedCount;
+            if (showOverlay && focusedIndex >= 0 && focusedIndex < predefinedSearchOffset) {
+                var value_1 = searchableFields[focusedIndex];
+                var currentValue = (inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim()) || "";
+                var values = currentValue.split(",").map(function (v) { return v.trim(); }).filter(function (v) { return v !== ""; });
+                var chipsToAdd_2 = values.map(function (v) { return ({
+                    columnName: value_1.fieldName,
+                    value: v,
+                    columnDisplayName: value_1.displayName,
+                    searchField: value_1.searchField,
+                    matchMode: value_1.matchMode
+                }); });
+                setSearchChips(function (prev) { return __spreadArray(__spreadArray([], prev, true), chipsToAdd_2, true); });
+                setInputValue("");
+                setHasSearched(true);
+                setRefreshKey(function (prev) { return prev + 1; });
+                setShowOverlay(false);
+                setFocusedIndex(-1);
+            }
+            else if (showOverlay && focusedIndex >= predefinedSearchOffset && focusedIndex < savedFilterOffset) {
+                var predefinedSearch = predefinedSearches[focusedIndex - predefinedSearchOffset];
+                handlePredefinedSearch(predefinedSearch);
+                setFocusedIndex(-1);
+            }
+            else if (showOverlay && focusedIndex >= savedFilterOffset && focusedIndex < totalItems) {
+                var savedFilterIdx = focusedIndex - savedFilterOffset;
+                var savedFilter = savedFilters[savedFilterIdx];
+                if (savedFilter)
+                    applySavedFilter(savedFilter);
+                setFocusedIndex(-1);
+            }
+            else if (hasInput) {
+                handleAddChip();
+                setShowOverlay(false);
+                setFocusedIndex(-1);
+            }
         }
         else if (e.key === "Backspace" && inputValue === "") {
             if (searchChips.length > 0) {
@@ -1275,6 +1329,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
     return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex justify-content-center solid-custom-filter-wrapper relative", children: [_jsx("div", { className: "solid-global-search-element", children: _jsxs("ul", { className: "", children: [currentSavedFilterData && _jsx(SavedFiltersChip, {}), predefinedSearchChip && _jsx(PredefinedSearchChip, {}), customFilter && _jsx(CustomChip, {}), groupingRules.length > 0 && groupingRules.some(function (r) { return r.fieldName !== null; }) && _jsx(GroupingChip, {}), _jsx(SearchChip, {}), _jsx("li", { ref: chipsRef, children: _jsxs("div", { className: "relative solid-global-search-element-wrapper", children: [_jsx(InputText, { value: inputValue || "", placeholder: "Search.", onChange: function (e) {
                                                 setInputValue(e.target.value);
                                                 setShowOverlay(true);
+                                                setFocusedIndex(-1);
                                             }, onFocus: function () {
                                                 if (inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())
                                                     setShowOverlay(true);
@@ -1283,7 +1338,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                                                 setTimeout(function () { return setShowOverlay(false); }, 150);
                                             }, onKeyDown: handleKeyDown }), _jsx(Button, { icon: "pi pi-search", style: { fontSize: 10 }, severity: "secondary", outlined: true, size: "small", onClick: function () { return setShowOverlay(true); }, className: "custom-filter-button" })] }) })] }) }), showOverlay && (_jsxs("div", { ref: overlayRef, className: "absolute w-full z-5 shadow-2 solid-search-overlay-pannel", style: { top: 35, background: "var(--surface-0)", border: '1px solid var(--surface-300) !important', borderRadius: '6px' }, children: [inputValue ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "custom-filter-search-options px-3 py-2 flex flex-column", children: [_jsx("h6", { className: "my-1 font-bold", children: "Search By Fields" }), searchableFields.map(function (value, index) {
                                             // console.log("value", value);
-                                            return (_jsxs(Button, { className: "p-2 flex gap-1 text-color",
+                                            return (_jsxs(Button, { className: "p-2 flex gap-1 text-color ".concat(focusedIndex === index ? 'surface-hover' : ''),
                                                 // onClick={() => handleAddChip(value)}
                                                 onMouseDown: function (e) {
                                                     // Prevent focus loss from input
@@ -1291,27 +1346,29 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                                                     var currentValue = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim();
                                                     if (currentValue) {
                                                         var values = currentValue.split(",").map(function (v) { return v.trim(); }).filter(function (v) { return v !== ""; });
-                                                        var chipsToAdd_2 = values.map(function (v) { return ({
+                                                        var chipsToAdd_3 = values.map(function (v) { return ({
                                                             columnName: value.fieldName,
                                                             value: v,
                                                             columnDisplayName: value.displayName,
                                                             searchField: value.searchField,
                                                             matchMode: value.matchMode
                                                         }); });
-                                                        setSearchChips(function (prev) { return __spreadArray(__spreadArray([], prev, true), chipsToAdd_2, true); });
+                                                        setSearchChips(function (prev) { return __spreadArray(__spreadArray([], prev, true), chipsToAdd_3, true); });
                                                         setInputValue("");
                                                         setHasSearched(true);
                                                         setRefreshKey(function (prev) { return prev + 1; });
                                                         setShowOverlay(false);
                                                     }
                                                 }, text: true, severity: "secondary", size: "small", children: ["Search ", _jsx("strong", { children: value.displayName }), " for: ", _jsx("span", { className: "font-bold text-color", children: inputValue })] }, index));
-                                        })] }), predefinedSearches && predefinedSearches.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "custom-filter-search-options px-3 py-2 flex flex-column", children: [_jsx("h6", { className: "my-1 font-bold", children: "Predefined Searches" }), predefinedSearches.map(function (predefinedSearch, index) { return (_jsxs(Button, { className: "p-2 flex flex-column align-items-start gap-1 text-color", onMouseDown: function (e) {
+                                        })] }), predefinedSearches && predefinedSearches.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "custom-filter-search-options px-3 py-2 flex flex-column", children: [_jsx("h6", { className: "my-1 font-bold", children: "Predefined Searches" }), predefinedSearches.map(function (predefinedSearch, index) { return (_jsxs(Button, { className: "p-2 flex flex-column align-items-start gap-1 text-color ".concat(focusedIndex === (index + searchableFields.length) ? 'surface-hover' : ''), onMouseDown: function (e) {
                                                         e.preventDefault();
                                                         handlePredefinedSearch(predefinedSearch);
                                                     }, text: true, severity: "secondary", size: "small", children: [_jsxs("div", { className: "flex gap-1 align-items-center", children: [_jsxs("strong", { children: [predefinedSearch.name, ":"] }), _jsx("span", { className: "font-bold text-color", children: inputValue })] }), _jsx("div", { className: "text-xs", children: predefinedSearch.description })] }, index)); })] })] }))] })) :
                             _jsxs(_Fragment, { children: [_jsx("div", { className: "p-3 text-base", children: "Search Here..." }), _jsx(Divider, { className: "m-0" })] }), savedFilters.length > 0 &&
-                            _jsxs(_Fragment, { children: [_jsxs("div", { className: "p-3", children: [_jsx("p", { className: "font-medium", children: "Saved Filters" }), _jsx("div", { className: "flex flex-column gap-2", children: savedFilters.map(function (savedfilter) {
-                                                    return _jsx(SavedFilterList, { savedfilter: savedfilter, activeSavedFilter: activeSavedFilter, applySavedFilter: applySavedFilter, openSavedCustomFilter: openSavedCustomFilter, setSavedFilterTobeDeleted: setSavedFilterTobeDeleted, setIsDeleteSQDialogVisible: setIsDeleteSQDialogVisible });
+                            _jsxs(_Fragment, { children: [_jsxs("div", { className: "p-3", children: [_jsx("p", { className: "font-medium", children: "Saved Filters" }), _jsx("div", { className: "flex flex-column gap-2", children: savedFilters.map(function (savedfilter, idx) {
+                                                    var hasInput = !!(inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim());
+                                                    var combinedOffset = (hasInput ? searchableFields.length : 0) + (hasInput ? ((predefinedSearches === null || predefinedSearches === void 0 ? void 0 : predefinedSearches.length) || 0) : 0);
+                                                    return (_jsx(SavedFilterList, { savedfilter: savedfilter, activeSavedFilter: activeSavedFilter, applySavedFilter: applySavedFilter, openSavedCustomFilter: openSavedCustomFilter, setSavedFilterTobeDeleted: setSavedFilterTobeDeleted, setIsDeleteSQDialogVisible: setIsDeleteSQDialogVisible, isFocused: focusedIndex === combinedOffset + idx }, idx));
                                                 }) })] }), _jsx(Divider, { className: "m-0" })] }), _jsxs("div", { className: "px-2 py-1 flex justify-content-between", children: [_jsx(Button, { text: true, size: "small", label: "Custom Filter", iconPos: "left", icon: 'pi pi-plus', onClick: function () { return setShowGlobalSearchElement(true); }, className: "font-bold" }), viewType === "tree" &&
                                     _jsx(Button, { text: true, size: "small", label: "Grouping", iconPos: "left", icon: 'pi pi-plus', onClick: function () { return setShowGroupFilterElement(true); }, className: "font-bold" })] })] })), _jsxs(Dialog, { header: false, className: "solid-global-search-filter", showHeader: false, visible: showGlobalSearchElement, style: { width: '65vw' }, breakpoints: { '1024px': '75vw', '991px': '90vw', '767px': '94w', '250px': '96vw' }, onHide: function () { if (!showGlobalSearchElement)
                         return; setShowGlobalSearchElement(false); }, children: [_jsxs("div", { className: "flex align-items-center justify-content-between px-3", children: [_jsx("h5", { className: "solid-custom-title m-0", children: "Add Custom Filter" }), _jsx(Button, { icon: "pi pi-times", rounded: true, text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: function () { return setShowGlobalSearchElement(false); } })] }), _jsx(Divider, { className: "m-0" }), _jsx("div", { className: "p-2 lg:p-2", children: fields.length > 0 &&