@visns-studio/visns-components 4.6.10 → 4.6.11

package/components/crm/DataGrid.jsx

@@ -43,6 +43,7 @@ import {
     Image,
     Inbox,
     LinkOut,
+    LockOn,
     Network,
     Ribbon,
     Search,
@@ -378,6 +379,34 @@ const DataGrid = forwardRef(
                         toast.success(result.message);
                     });
                     break;
+                case 'oauth2':
+                    let oauth2Payload = d;
+
+                    if (s.key?.detailKey?.length > 0) {
+                        for (const k of s.key.detailKey) {
+                            if (oauth2Payload?.[k]) {
+                                oauth2Payload = oauth2Payload[k];
+                            } else {
+                                oauth2Payload = undefined;
+                                break;
+                            }
+                        }
+                    }
+                    CustomFetch(
+                        s.key.redirect,
+                        'POST',
+                        { ...oauth2Payload, id: d.id },
+                        (result) => {
+                            if (result.url !== '') {
+                                window.location.href = result.url;
+                            } else {
+                                toast.error(
+                                    'An error occurred while processing the request.'
+                                );
+                            }
+                        }
+                    );
+                    break;
                 case 'delete':
                     const getDataId = () => {
                         for (const item of ajaxSetting.where) {
@@ -1014,12 +1043,33 @@ const DataGrid = forwardRef(
                 }
             }
 
+            if (s.id === 'oauth2') {
+                let tmpCheckValue = d;
+
+                if (s.key?.check?.length > 0) {
+                    for (const k of s.key.check) {
+                        if (tmpCheckValue?.[k]) {
+                            tmpCheckValue = tmpCheckValue[k];
+                        } else {
+                            tmpCheckValue = undefined;
+                            break;
+                        }
+                    }
+                }
+
+                if (!tmpCheckValue) {
+                    allow = false;
+                }
+            }
+
             if (allow) {
                 switch (s.id) {
                     case 'activate':
                         return getIconComponent(CircleCheck);
                     case 'archive':
                         return getIconComponent(ShippingBoxV1);
+                    case 'oauth2':
+                        return getIconComponent(LockOn);
                     case 'complete':
                         return getIconComponent(Check);
                     case 'copy':
@@ -1851,8 +1901,6 @@ const DataGrid = forwardRef(
                                             }
                                         }, '');
 
-                                        console.info(value);
-
                                         if (value) {
                                             if (Array.isArray(value)) {
                                                 if (value[0]) {

package/components/crm/Field.jsx

@@ -59,7 +59,7 @@ function Field({
     const [counter, setCounter] = useState(0);
     const [dataOptions, setDataOptions] = useState([]);
     const [formItemStyle, setFormItemStyle] = useState({});
-    const [formItemClass, setFormItemClass] = useState('formItem');
+    const [formItemClass, setFormItemClass] = useState('');
     const [options, setOptions] = useState([]);
 
     const cover = {
@@ -140,10 +140,16 @@ function Field({
                 break;
         }
 
-        if (settings.size === 'full') {
-            setFormItemClass('formItem fwItem');
-        } else if (settings.size === 'quarter') {
-            setFormItemClass('formItem qtrItem');
+        switch (settings.size) {
+            case 'full':
+                setFormItemClass(`${styles.formItem} ${styles.fwItem}`);
+                break;
+            case 'quarter':
+                setFormItemClass(`${styles.formItem} ${styles.qtrItem}`);
+                break;
+            default:
+                setFormItemClass(`${styles.formItem}`);
+                break;
         }
     }, [settings, counter]);
 

package/components/crm/Loader.jsx

@@ -15,10 +15,10 @@ function VisnsLoader({}) {
     }, [promiseInProgress]);
 
     return (
-        <div className="preloader" style={loaderStyle}>
-            <div className="preloader__icn">
-                <div className="preloader__cut">
-                    <div className="preloader__donut"></div>
+        <div className={styles.preloader} style={loaderStyle}>
+            <div className={styles.preloader__icn}>
+                <div className={styles.preloader__cut}>
+                    <div className={styles.preloader__donut}></div>
                 </div>
             </div>
             <span>Processing Data</span>

package/components/crm/generic/GenericDetail.jsx

@@ -235,6 +235,7 @@ function GenericDetail({
                     {size === 'full' && truncatedValue
                         ? parse(`<br /><p>${truncatedValue}</p>`)
                         : truncatedValue}
+                    aaa
                     <CopyToClipboard
                         text={
                             truncatedValue && truncatedValue !== 'null'

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

@@ -36,9 +36,24 @@
     color: var(--primary-color);
 }
 
+.formItem {
+    width: 50%;
+    padding: 0.5em;
+    position: relative;
+    box-sizing: border-box;
+}
+
 .formItem .fi__label {
     position: relative;
     display: block;
+
+    > svg {
+        position: absolute;
+        right: 0.5em;
+        top: 1em;
+        color: var(--paragraph-color);
+        cursor: pointer;
+    }
 }
 
 .fi__span {
@@ -88,6 +103,16 @@ select:not(:placeholder-shown) + .fi__span {
     top: 0;
 }
 
+.fwItem {
+    flex-basis: 100%;
+}
+
+.lastItem {
+    .btn {
+        width: 100%;
+    }
+}
+
 .fi__button--right {
     position: absolute;
     right: 50px;
@@ -119,7 +144,6 @@ select:not(:placeholder-shown) + .fi__span {
     ) {
     background: var(--item-color);
     border-radius: var(--br);
-    border: 1px solid transparent;
     padding: 1rem;
     outline: none;
     width: 100%;

package/package.json

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