@visns-studio/visns-components 4.8.2 → 4.8.3

package/package.json

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

package/src/components/crm/DataGrid.jsx

@@ -528,10 +528,7 @@ const DataGrid = forwardRef(
                     modalGalleryOpen();
                     break;
                 case 'link':
-                    const url = s.baseUrl
-                        ? `${s.baseUrl}/${d[s.key]}`
-                        : `${d[s.key]}`;
-
+                    const url = `${s.baseUrl}/${d[s.key]}`;
                     navigator.clipboard.writeText(url).then(
                         () => {
                             toast.success(

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

@@ -172,7 +172,7 @@ const ReportForm = ({ config, userProfile }) => {
     );
 };
 
-function GenericIndex({ layout = 'full', setting, userProfile }) {
+function GenericIndex({ layout = 'full', setting, themeType, userProfile }) {
     const gridRef = useRef(null);
     const [rowsSelected, setRowsSelected] = useState({});
     const [total, setTotal] = useState(0);
@@ -301,7 +301,13 @@ function GenericIndex({ layout = 'full', setting, userProfile }) {
                         </div>
                     ) : (
                         <>
-                            <div className={styles.grid__subnav}>
+                            <div
+                                className={
+                                    themeType === 'alternate'
+                                        ? styles.grid__subnav__alternate
+                                        : styles.grid__subnav
+                                }
+                            >
                                 <TableFilter
                                     filters={subnav}
                                     setFilters={setSubnav}

package/src/components/crm/generic/styles/GenericIndex.module.scss

@@ -118,6 +118,57 @@
     color: var(--tertiary-color);
 }
 
+.grid__subnav__alternate {
+    flex: 1;
+    background: rgba(var(--item-color-rgb), 0.05);
+    border-radius: var(--br);
+    border: 1px solid rgba(var(--item-color-rgb), 1.15);
+    box-sizing: border-box;
+    padding: 5px;
+    margin: 8px 0;
+    height: auto;
+    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
+}
+
+.grid__subnav__alternate > ul {
+    width: 100%;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.grid__subnav__alternate > ul li {
+    width: 100%;
+    margin-bottom: 3px;
+}
+
+.grid__subnav__alternate > ul li a {
+    width: 100%;
+    padding: 8px 20px;
+    box-sizing: border-box;
+    display: block;
+    text-decoration: none;
+    background: rgba(var(--item-color-rgb), 1.05);
+    color: var(--secondary-color);
+    border-radius: 5px;
+    transition: background 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
+    outline: none;
+    cursor: pointer;
+}
+
+.grid__subnav__alternate > ul li:hover a {
+    background: var(--primary-color);
+    color: var(--secondary-color);
+}
+
+.grid__subnav__alternate > ul li .subactive {
+    font-weight: 700;
+    background: var(--primary-color);
+    color: var(--secondary-color);
+}
+
 .grid__minheight {
     min-height: 300px;
 }