@visns-studio/visns-components 5.1.3 → 5.1.5

package/package.json

@@ -77,7 +77,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.1.3",
+    "version": "5.1.5",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/generic/GenericDetail.jsx

@@ -150,6 +150,16 @@ function GenericDetail({
         }));
     };
 
+    const handleSelectedHeadingKey = (value, action, id) => {
+        setData((prevState) => ({
+            ...prevState,
+            [id]: {
+                ...prevState[id],
+                headingKey: value,
+            },
+        }));
+    };
+
     const handleSelectedOcrKey = (value, action, id) => {
         setOcrRowsSelected(value.value);
 
@@ -184,8 +194,10 @@ function GenericDetail({
         }
     };
 
-    const handleOcrTemplateSave = async (id) => {
+    const handleOcrTemplateSave = async () => {
         try {
+            console.info(data);
+
             const res = await CustomFetch(
                 `${activeTabConfig.form.url}/${data.id}`,
                 'PUT',
@@ -520,7 +532,10 @@ function GenericDetail({
             }
 
             // Split the string on both '\n' and '<br>' using a regular expression.
-            const lines = truncatedValue.split(/<br>|\\n/);
+            // Also handles any additional whitespace around the line breaks.
+            const lines = truncatedValue
+                .split(/<br\s*\/?>|\n/)
+                .map((line) => line.trim());
 
             if (lines.length === 0) {
                 return null;
@@ -529,7 +544,11 @@ function GenericDetail({
             return (
                 <>
                     {lines.map((line, index) => (
-                        <p key={index}>{line}</p>
+                        <React.Fragment key={index}>
+                            {line}
+                            {index < lines.length - 1 && <br />}{' '}
+                            {/* Add <br /> between lines */}
+                        </React.Fragment>
                     ))}
                 </>
             );
@@ -630,6 +649,13 @@ function GenericDetail({
                         ocrTemplateBuilder.selectedKey &&
                         ocrTemplateBuilder.selectedKey.length > 0 && (
                             <>
+                                <h2
+                                    style={{
+                                        borderBottom: '1px solid grey',
+                                    }}
+                                >
+                                    File Name Template
+                                </h2>
                                 <strong>Selected Keys</strong>
                                 <MultiSelect
                                     className=""
@@ -657,6 +683,53 @@ function GenericDetail({
                                     onChange={handleOcrInputChange}
                                     name="dynamicFilename"
                                 />
+                                <h2
+                                    style={{
+                                        paddingTop: '20px',
+                                        borderBottom: '1px solid grey',
+                                    }}
+                                >
+                                    Folder Setting
+                                </h2>
+                                <strong>Watch Folder</strong>
+                                <input
+                                    type="text"
+                                    name="watchFolder"
+                                    value={data?.content?.watchFolder || ''}
+                                    onChange={(e) => {
+                                        const { name, value } = e.target;
+
+                                        setData((prevState) => ({
+                                            ...prevState,
+                                            content: {
+                                                ...prevState.content,
+                                                [name]: value,
+                                            },
+                                        }));
+                                    }}
+                                />
+
+                                <br />
+                                <br />
+                                <strong>Destination Folder</strong>
+                                <input
+                                    type="text"
+                                    name="destinationFolder"
+                                    value={
+                                        data?.content?.destinationFolder || ''
+                                    }
+                                    onChange={(e) => {
+                                        const { name, value } = e.target;
+
+                                        setData((prevState) => ({
+                                            ...prevState,
+                                            content: {
+                                                ...prevState.content,
+                                                [name]: value,
+                                            },
+                                        }));
+                                    }}
+                                />
                             </>
                         )}
                 </>