@visns-studio/visns-components 5.0.6 → 5.0.8

package/package.json

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

package/src/components/crm/Field.jsx

@@ -1739,12 +1739,13 @@ function Field({
                                 'media',
                                 'table',
                                 'code',
+                                'hr',
                             ],
                             toolbar:
                                 'insertTextDropdown | undo redo | blocks | ' +
                                 'bold italic forecolor | alignleft aligncenter ' +
                                 'alignright alignjustify | bullist numlist outdent indent | ' +
-                                'removeformat | table',
+                                'hr | removeformat | table | code',
                             content_style:
                                 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',
                             setup: (editor) => {

package/src/components/crm/Navigation.jsx

@@ -295,48 +295,6 @@ function Navigation({
     };
 
     const renderNav = (n) => {
-        const iconComponents = {
-            arrowCycle: ArrowCycle,
-            bookClose: BookClose,
-            bookOpen: BookOpen,
-            briefcase: Briefcase,
-            calendar: Calendar,
-            chatDots: ChatDots,
-            clipboard: Clipboard,
-            cloudUpload: CloudUpload,
-            doubleSword: DoubleSword,
-            draft: Draft,
-            envelope: Envelope,
-            file: File,
-            folder: Folder,
-            folderAdd: FolderAdd,
-            gear: Gear,
-            grid: Grid,
-            home: Home,
-            homeAlt1: HomeAlt1,
-            inbox: Inbox,
-            info: Info,
-            lightBulb: LightBulb,
-            microphone: Microphone,
-            money: Money,
-            newspaper: Newspaper,
-            paper: Paper,
-            peopleGroup: PeopleGroup,
-            peopleMultiple: PeopleMultiple,
-            question: Question,
-            questionFill: QuestionFill,
-            search: Search,
-            settingsVertical: SettingsVertical,
-            signOut: SignOut,
-            shippingBoxV1: ShippingBoxV1,
-            statisticUp: StatisticUp,
-            textAlignLeft: TextAlignLeft,
-            ticket: Ticket,
-            utensils: Utensils,
-        };
-
-        const IconComponent = iconComponents[n.icon];
-
         let navItemClasses;
 
         if (n.class.includes('active')) {
@@ -377,15 +335,9 @@ function Navigation({
         return (
             <li className={navItemClasses}>
                 {n.url ? (
-                    <Link to={n.url}>
-                        <IconComponent strokeWidth={2} size={18} />
-                        {n.label}
-                    </Link>
+                    <Link to={n.url}>{n.label}</Link>
                 ) : (
-                    <span title={n.label}>
-                        <IconComponent strokeWidth={2} size={18} />
-                        {n.label}
-                    </span>
+                    <span title={n.label}>{n.label}</span>
                 )}
                 {renderChildren()}
             </li>

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

@@ -135,6 +135,14 @@ function GenericDetail({
         }
     };
 
+    const handleExport = (config) => {
+        if (config.url && config.key) {
+            window.open(`${config.url}/${data[config.key]}`);
+        } else {
+            toast.error('Export URL not found');
+        }
+    };
+
     const handleCheckboxUpdate = async () => {
         try {
             if (currentConfigRef.current.functions.checkboxUpdate) {
@@ -328,6 +336,19 @@ function GenericDetail({
             return formattedKeys.join(', ');
         };
 
+        const renderCurrency = () => {
+            // Check if the value is a valid number
+            const parsedValue = parseFloat(value);
+            if (isNaN(parsedValue)) return ''; // Return empty string if invalid
+
+            const formatter = new Intl.NumberFormat('en-AU', {
+                style: 'currency',
+                currency: 'AUD',
+            });
+
+            return formatter.format(parsedValue);
+        };
+
         const renderDate = () => formatDateValue(value);
 
         const renderDateTime = () => formatDateTimeValue(value);
@@ -423,6 +444,8 @@ function GenericDetail({
                 return renderCheckbox();
             case 'copyToClipboard':
                 return renderCopyToClipboard();
+            case 'currency':
+                return renderCurrency();
             case 'date':
                 return renderDate();
             case 'datetime':
@@ -1053,6 +1076,21 @@ function GenericDetail({
                                             </button>
                                         </div>
                                     )}
+
+                                    {activeTabConfig.export && (
+                                        <div className={styles.polActions}>
+                                            <button
+                                                className={styles.btn}
+                                                onClick={() =>
+                                                    handleExport(
+                                                        activeTabConfig.export
+                                                    )
+                                                }
+                                            >
+                                                Export
+                                            </button>
+                                        </div>
+                                    )}
                                 </>
                             );
                         case 'qrCode':