@visns-studio/visns-components 3.0.8 → 3.0.9

package/components/crm/Breadcrumb.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { CircleChevronRight } from 'akar-icons';
+
+function Breadcrumb({ data, page }) {
+    return (
+        <h1>
+            <Link to={page && page.previousUrl ? page.previousUrl : null}>
+                {page && page.title ? page.title : null}
+            </Link>{' '}
+            {data && data[page.titleKey] ? (
+                <>
+                    <CircleChevronRight strokeWidth={2} size={18} />{' '}
+                    {data[page.titleKey]}
+                </>
+            ) : null}
+        </h1>
+    );
+}
+
+export default Breadcrumb;

package/components/crm/DataGrid.jsx

@@ -977,7 +977,9 @@ const DataGrid = forwardRef(
                             filterEditorProps = (props, { index }) => {
                                 return {
                                     dateFormat: 'DD-MM-YYYY',
-                                    placeholder: 'All Dates',
+                                    placeholder: column.filter.placeholder
+                                        ? column.filter.placeholder
+                                        : 'Select Date',
                                 };
                             };
                             break;
@@ -1933,6 +1935,12 @@ const DataGrid = forwardRef(
                         ...(column.filter.fields && {
                             fields: column.filter.fields,
                         }),
+                        ...(column.filter.order && {
+                            order: column.filter.order,
+                        }),
+                        ...(column.filter.orderBy && {
+                            orderBy: column.filter.orderBy,
+                        }),
                     };
 
                     CustomFetch(
@@ -1949,7 +1957,7 @@ const DataGrid = forwardRef(
                     updateFilterDataSource(filterName, column.filter.options);
                 }
             });
-        }, []);
+        }, [columns]);
 
         // Data Grid Styling
         const [windowHeight, setWindowHeight] = useState(window.innerHeight);

package/components/crm/Loader.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { usePromiseTracker } from 'react-promise-tracker';
 
-function VisnsLoader(props) {
+function VisnsLoader({}) {
     const { promiseInProgress } = usePromiseTracker();
     const [loaderStyle, setLoaderStyle] = useState({
         opacity: 0,

package/components/crm/generic/GenericDetail.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { useParams, Link } from 'react-router-dom';
+import { useParams } from 'react-router-dom';
 import moment from 'moment';
 import parse from 'html-react-parser';
 import Popup from 'reactjs-popup';
@@ -8,16 +8,11 @@ import Dropzone from 'react-dropzone';
 import { confirmAlert } from 'react-confirm-alert';
 import truncate from 'truncate';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
-import {
-    CircleCheck,
-    CircleChevronRight,
-    Copy,
-    File,
-    TrashCan,
-} from 'akar-icons';
+import { CircleCheck, Copy, File, TrashCan } from 'akar-icons';
 
 import 'react-confirm-alert/src/react-confirm-alert.css';
 
+import Breadcrumb from '../Breadcrumb';
 import CustomFetch from '../Fetch';
 import Form from '../Form';
 import QrCode from '../QrCode';
@@ -876,26 +871,7 @@ function GenericDetail({ setting, urlParam, userProfile }) {
             <div className="grid">
                 <div className="grid__row">
                     <div className="grid__full crmtitle">
-                        <h1>
-                            <Link
-                                to={
-                                    page && page.previousUrl
-                                        ? page.previousUrl
-                                        : null
-                                }
-                            >
-                                {page && page.title ? page.title : null}
-                            </Link>{' '}
-                            {data && data[page.titleKey] ? (
-                                <>
-                                    <CircleChevronRight
-                                        strokeWidth={2}
-                                        size={18}
-                                    />{' '}
-                                    {data[page.titleKey]}
-                                </>
-                            ) : null}
-                        </h1>
+                        <Breadcrumb data={data} page={page} />
                         {total > 0 && (
                             <div className="titleInfo">
                                 <span>

package/index.js

@@ -7,6 +7,7 @@ import SortableList from './components/cms/sorting/List';
 /** CRM Components */
 import AsyncSelect from './components/crm/AsyncSelect';
 import Autocomplete from './components/crm/Autocomplete';
+import Breadcrumb from './components/crm/Breadcrumb';
 import Call from './components/crm/Call';
 import CustomFetch from './components/crm/Fetch';
 import Download from './components/crm/Download';
@@ -41,6 +42,7 @@ import NotificationList from './components/crm/generic/NotificationList';
 export {
     AsyncSelect,
     Autocomplete,
+    Breadcrumb,
     Call,
     CmsDetail,
     CmsForm,

package/package.json

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