@visns-studio/visns-components 4.0.8 → 4.0.9

package/components/crm/Form.jsx

@@ -208,40 +208,45 @@ function Form({
                 });
 
                 formSettings.fields.forEach((f) => {
-                    if (
-                        f.id === id &&
-                        f.trigger &&
-                        f.trigger.type === 'addDays'
-                    ) {
-                        let newDate = moment();
-                        let add = false;
+                    if (f.id === id && f.trigger) {
+                        switch (f.trigger.type) {
+                            case 'addDays':
+                                let newDate = moment();
+                                let add = false;
 
-                        if (
-                            inputValue.no_of_days &&
-                            parseFloat(inputValue.no_of_days) > 0
-                        ) {
-                            newDate.add(
-                                parseFloat(inputValue.no_of_days),
-                                'days'
-                            );
-                            add = true;
-                        }
+                                if (
+                                    inputValue.no_of_days &&
+                                    parseFloat(inputValue.no_of_days) > 0
+                                ) {
+                                    newDate.add(
+                                        parseFloat(inputValue.no_of_days),
+                                        'days'
+                                    );
+                                    add = true;
+                                }
 
-                        if (
-                            inputValue.no_of_hours &&
-                            parseFloat(inputValue.no_of_hours) > 0
-                        ) {
-                            newDate.add(
-                                parseFloat(inputValue.no_of_hours),
-                                'hours'
-                            );
-                            add = true;
-                        }
+                                if (
+                                    inputValue.no_of_hours &&
+                                    parseFloat(inputValue.no_of_hours) > 0
+                                ) {
+                                    newDate.add(
+                                        parseFloat(inputValue.no_of_hours),
+                                        'hours'
+                                    );
+                                    add = true;
+                                }
 
-                        if (add) {
-                            updateFormData({
-                                [f.trigger.id]: newDate.toDate(),
-                            });
+                                if (add) {
+                                    updateFormData({
+                                        [f.trigger.id]: newDate.toDate(),
+                                    });
+                                }
+                                break;
+                            case 'setContent':
+                                updateFormData({
+                                    [f.trigger.id]: inputValue[f.trigger.key],
+                                });
+                                break;
                         }
                     }
                 });
@@ -260,7 +265,7 @@ function Form({
             e.preventDefault();
         }
 
-        console.info(userProfile, 'aaa');
+        console.info(`Debug Mode: ${userProfile}`);
     };
 
     const handleChangeToggle = (e) => {

package/components/crm/generic/GenericIndex.jsx

@@ -235,21 +235,37 @@ function GenericIndex({ layout = 'full', setting, userProfile }) {
         if (subnav?.length > 0) {
             return (
                 <div className="grid__subrow">
-                    <div
-                        className={`grid__${
-                            layout === 'full' ? 'subnav' : 'full'
-                        }`}
-                    >
-                        <TableFilter
-                            filters={subnav}
-                            setFilters={setSubnav}
-                            setSettings={setConfig}
-                            type={layout}
-                        />
-                    </div>
-                    <div className="grid__subcontent">
-                        {renderContentBasedOnType()}
-                    </div>
+                    {layout === 'simple' ? (
+                        <div className={`grid__full`}>
+                            <div className="tabcontent">
+                                <div className="tabcontent__menu">
+                                    <TableFilter
+                                        filters={subnav}
+                                        setFilters={setSubnav}
+                                        setSettings={setConfig}
+                                        type={layout}
+                                    />
+                                </div>
+                                <div className="tabcontent__main">
+                                    {renderContentBasedOnType()}
+                                </div>
+                            </div>
+                        </div>
+                    ) : (
+                        <>
+                            <div className={`grid__full`}>
+                                <TableFilter
+                                    filters={subnav}
+                                    setFilters={setSubnav}
+                                    setSettings={setConfig}
+                                    type={layout}
+                                />
+                            </div>
+                            <div className="grid__subcontent">
+                                {renderContentBasedOnType()}
+                            </div>
+                        </>
+                    )}
                 </div>
             );
         } else {

package/components/crm/styles/TableFilter.module.css

@@ -44,7 +44,8 @@
     background: var(--item-color) !important;
 }
 
-.activetab {
-    background: var(--primary-color) !important;
+.activetab button {
+    font-weight: bold;
+    background: var(--item-color) !important;
     color: var(--paragraph-color) !important;
 }

package/package.json

@@ -57,7 +57,7 @@
         "react-dom": "^17.0.1"
     },
     "name": "@visns-studio/visns-components",
-    "version": "4.0.8",
+    "version": "4.0.9",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "index.js",
     "scripts": {