@visns-studio/visns-components 5.11.1 → 5.11.2

package/package.json

@@ -17,7 +17,6 @@
         "@visns-studio/visns-datagrid-enterprise": "^1.0.14",
         "@vitejs/plugin-react": "^4.5.2",
         "add": "^2.0.6",
-        "akar-icons": "^1.9.31",
         "array-move": "^4.0.0",
         "awesome-debounce-promise": "^2.1.0",
         "browser-image-compression": "^2.0.2",
@@ -28,6 +27,7 @@
         "html-react-parser": "^5.2.5",
         "lodash": "^4.17.21",
         "lodash.debounce": "^4.0.8",
+        "lucide-react": "^0.516.0",
         "moment": "^2.30.1",
         "motion": "^12.18.1",
         "numeral": "^2.0.6",
@@ -87,7 +87,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.11.1",
+    "version": "5.11.2",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/cms/DataGrid.jsx

@@ -14,22 +14,22 @@ import Toggle from 'react-toggle';
 import fetchUtil from '../../utils/fetchUtil';
 import { confirmDialog } from '../utils/ConfirmDialog';
 import {
-    Backspace,
+    Trash2 as Backspace,
     Check,
     Clock,
-    CloudDownload,
+    Download as CloudDownload,
     Copy,
     Edit,
     Folder,
     Inbox,
     Network,
-    Ribbon,
+    Award as Ribbon,
     Search,
-    ShippingBoxV1,
-    ToggleOff,
-    ToggleOnFill,
-    TriangleAlert,
-} from 'akar-icons';
+    Package as ShippingBoxV1,
+    ToggleLeft as ToggleOff,
+    ToggleRight as ToggleOnFill,
+    AlertTriangle as TriangleAlert,
+} from 'lucide-react';
 
 import '@visns-studio/visns-datagrid-enterprise/index.css';
 import 'react-toggle/style.css';

package/src/components/cms/DropZone.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useCallback } from 'react';
 import { motion } from 'framer-motion';
 import { useDropzone } from 'react-dropzone';
-import { CircleX, File, TrashCan } from 'akar-icons';
+import { X as CircleX, File, Trash2 as TrashCan } from 'lucide-react';
 import { toast } from 'react-toastify';
 import { arrayMoveImmutable } from 'array-move';
 import Popup from 'reactjs-popup';

package/src/components/cms/Form.jsx

@@ -6,7 +6,7 @@ import moment from 'moment';
 import Reveal from 'react-reveal/Reveal';
 import parse from 'html-react-parser';
 import { toast } from 'react-toastify';
-import { Copy, TrashBin } from 'akar-icons';
+import { Copy, Trash2 as TrashBin } from 'lucide-react';
 import { confirmDialog } from '../utils/ConfirmDialog';
 
 function Form(props) {

package/src/components/cms/Gallery.jsx

@@ -4,7 +4,7 @@ import {
     SortableElement,
     sortableHandle,
 } from 'react-sortable-hoc';
-import { ChevronVertical, Pencil, TrashCan } from 'akar-icons';
+import { GripVertical as ChevronVertical, Edit as Pencil, Trash2 as TrashCan } from 'lucide-react';
 import styles from './styles/Gallery.module.css';
 
 // Drag handle component

package/src/components/cms/sorting/Item.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SortableElement, sortableHandle } from 'react-sortable-hoc';
-import { ChevronVertical, Pencil, TrashCan } from 'akar-icons';
+import { GripVertical as ChevronVertical, Edit as Pencil, Trash2 as TrashCan } from 'lucide-react';
 
 import styles from './styles/Item.module.scss';
 

package/src/components/crm/Autocomplete.jsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useCallback, useMemo, memo, useRef } from 'react';
 import AwesomeDebouncePromise from 'awesome-debounce-promise';
-import { ToggleOffFill, ToggleOnFill, Search } from 'akar-icons';
+import { ToggleLeft, ToggleRight, Search } from 'lucide-react';
 import styles from './styles/Autocomplete.module.scss';
 import fetchUtil from '../../utils/fetchUtil';
 
@@ -255,7 +255,7 @@ const VisnsAutocomplete = memo((props) => {
                 />
 
                 {overwrite ? (
-                    <ToggleOnFill
+                    <ToggleRight
                         data-tooltip-id="system-tooltip"
                         data-tooltip-content="Enable Autocomplete"
                         strokeWidth={2}
@@ -264,7 +264,7 @@ const VisnsAutocomplete = memo((props) => {
                         className={styles.toggleActive}
                     />
                 ) : (
-                    <ToggleOffFill
+                    <ToggleLeft
                         data-tooltip-id="system-tooltip"
                         data-tooltip-content="Disable Autocomplete"
                         strokeWidth={2}

package/src/components/crm/Breadcrumb.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import dayjs from 'dayjs';
 import parse from 'html-react-parser';
-import { CircleChevronRight } from 'akar-icons';
+import { ChevronRight } from 'lucide-react';
 
 function Breadcrumb({ data, page }) {
     // Function to get nested data, handling array of keys
@@ -73,7 +73,7 @@ function Breadcrumb({ data, page }) {
             {page?.parentTitle && page?.parentUrl && (
                 <>
                     <Link to={page.parentUrl}>{parse(page.parentTitle)}</Link>
-                    <CircleChevronRight strokeWidth={2} size={18} />
+                    <ChevronRight strokeWidth={2} size={18} />
                 </>
             )}
 
@@ -87,7 +87,7 @@ function Breadcrumb({ data, page }) {
                     >
                         {parse(nestedData)}
                     </Link>
-                    <CircleChevronRight strokeWidth={2} size={18} />
+                    <ChevronRight strokeWidth={2} size={18} />
                 </>
             ) : (
                 page &&
@@ -102,7 +102,7 @@ function Breadcrumb({ data, page }) {
                         >
                             {parse(page.title)}
                         </Link>
-                        <CircleChevronRight strokeWidth={2} size={18} />
+                        <ChevronRight strokeWidth={2} size={18} />
                     </>
                 )
             )}