@visns-studio/visns-components 1.8.4 → 2.0.0

package/components/crm/generic/NotificationList.jsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import Table from '../DataGrid';
+
+const NotificationList = () => {
+    const ajaxSetting = {
+        url: '/ajax/notifications/table',
+        take: 25,
+        sortBy: 'id',
+        sort: 'desc',
+        where: [],
+    };
+
+    const form = {
+        primaryKey: 'id',
+        url: '/ajax/notifications',
+        create: {},
+        update: {},
+        fields: [],
+    };
+
+    const columns = [
+        {
+            id: 'data',
+            jsonData: 'label',
+            label: 'Label',
+            type: 'json',
+        },
+        {
+            id: 'read_at',
+            label: 'Read At',
+            type: 'datetime',
+            minWidth: 200,
+            maxWidth: 200,
+        },
+    ];
+
+    const settings = [];
+
+    return (
+        <div>
+            <div className="grid">
+                <div className="grid__row">
+                    <div className="grid__full crmtitle">
+                        <h1>Notifications</h1>
+                    </div>
+                </div>
+            </div>
+            <div className="grid">
+                <div className="grid__row">
+                    <div className="grid__full">
+                        <Table
+                            ajaxSetting={ajaxSetting}
+                            form={form}
+                            columns={columns}
+                            settings={settings}
+                        />
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default NotificationList;

package/index.js

@@ -1,25 +1,36 @@
 /** CMS Components */
-import CmsForm from "./components/cms/visns-form";
-import DataGrid from "./components/cms/visns-data-grid";
-import DropZone from "./components/cms/visns-dropzone";
-import SortableList from "./components/cms/sorting/list";
+import CmsForm from './components/cms/Form';
+import DataGrid from './components/cms/DataGrid';
+import DropZone from './components/cms/DropZone';
+import SortableList from './components/cms/sorting/List';
 
 /** CRM Components */
-import AsyncSelect from "./components/crm/visns-async-select";
-import Autocomplete from "./components/crm/visns-autocomplete";
-import Call from "./components/crm/visns-call";
-import CustomFetch from "./components/crm/visns-fetch";
-import Download from "./components/crm/visns-download";
-import Field from "./components/crm/visns-field";
-import Form from "./components/crm/visns-form";
-import Loader from "./components/crm/visns-loader";
-import MultiSelect from "./components/crm/visns-multi-select";
-import Navigation from "./components/crm/visns-navigation";
-import Notification from "./components/crm/visns-notification";
-import SelectList from "./components/crm/visns-select-list";
-import Select from "./components/crm/visns-select";
-import Table from "./components/crm/visns-data-grid";
-import TableFilter from "./components/crm/visns-table-filter";
+import AsyncSelect from './components/crm/AsyncSelect';
+import Autocomplete from './components/crm/Autocomplete';
+import Call from './components/crm/Call';
+import CustomFetch from './components/crm/Fetch';
+import Download from './components/crm/Download';
+import Field from './components/crm/Field';
+import Form from './components/crm/Form';
+import Loader from './components/crm/Loader';
+import MultiSelect from './components/crm/MultiSelect';
+import Navigation from './components/crm/Navigation';
+import Notification from './components/crm/Notification';
+import SelectList from './components/crm/SelectList';
+import Select from './components/crm/Select';
+import Table from './components/crm/DataGrid';
+import TableFilter from './components/crm/TableFilter';
+
+/** Auth Specific Components */
+import Login from './components/crm/auth/Login';
+import Profile from './components/crm/auth/Profile';
+import Reset from './components/crm/auth/Reset';
+import Verify from './components/crm/auth/Verify';
+
+/** Generic Components */
+import GenericDetail from './components/crm/generic/GenericDetail';
+import GenericIndex from './components/crm/generic/GenericIndex';
+import NotificationList from './components/crm/generic/NotificationList';
 
 export {
     AsyncSelect,
@@ -32,13 +43,20 @@ export {
     DropZone,
     Field,
     Form,
+    GenericDetail,
+    GenericIndex,
     Loader,
+    Login,
     MultiSelect,
     Navigation,
     Notification,
+    NotificationList,
+    Profile,
+    Reset,
     SelectList,
     Select,
     SortableList,
     Table,
     TableFilter,
+    Verify,
 };

package/package.json

@@ -4,24 +4,24 @@
         "akar-icons": "^1.9.28",
         "awesome-debounce-promise": "^2.1.0",
         "axios": "^1.4.0",
-        "framer-motion": "^10.12.18",
-        "html-react-parser": "^4.0.0",
+        "framer-motion": "^10.13.0",
+        "html-react-parser": "^4.2.0",
         "lodash": "^4.17.21",
         "moment": "^2.29.4",
         "numeral": "^2.0.6",
         "quill-image-uploader": "^1.3.0",
         "react-confirm-alert": "^3.0.6",
-        "react-datepicker": "^4.15.0",
+        "react-datepicker": "^4.16.0",
         "react-dropzone": "^14.2.3",
         "react-number-format": "^5.2.2",
         "react-promise-tracker": "^2.1.1",
         "react-quill": "^2.0.0",
-        "react-select": "^5.7.3",
+        "react-select": "^5.7.4",
         "react-slugify": "^3.0.2",
         "react-sortable-hoc": "^2.0.0",
         "react-toastify": "^9.1.3",
         "react-toggle": "^4.1.3",
-        "react-tooltip": "^5.18.0",
+        "react-tooltip": "^5.18.1",
         "react-window": "^1.8.9",
         "reactjs-popup": "^2.0.5"
     },
@@ -34,7 +34,7 @@
         "react-dom": "^17.0.1"
     },
     "name": "@visns-studio/visns-components",
-    "version": "1.8.4",
+    "version": "2.0.0",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "index.js",
     "scripts": {

package/components/cms/visns-dropzone.jsx

@@ -1,161 +0,0 @@
-import React, { useState, useCallback } from "react";
-import { motion } from "framer-motion";
-import { useDropzone } from "react-dropzone";
-import { confirmAlert } from "react-confirm-alert";
-import { File, TrashCan } from "akar-icons";
-
-import "react-confirm-alert/src/react-confirm-alert.css";
-
-import CustomFetch from "../crm/visns-fetch";
-import { toast } from "react-toastify";
-
-function VisnsDropZone(props) {
-	const { fetchData, files, settings } = props;
-	const [loadingProgress, setLoadingProgress] = useState(0);
-
-	const onDrop = useCallback((acceptedFiles) => {
-		acceptedFiles.forEach((a) => {
-			Vapor.store(a, {
-				progress: (progress) => {
-					setLoadingProgress(progress * 100);
-				},
-			}).then((response) => {
-				setLoadingProgress(0);
-				CustomFetch(
-					settings.url,
-					settings.method,
-					{
-						uuid: response.uuid,
-						key: response.key,
-						bucket: response.bucket,
-						filename: a.name,
-						filesize: a.size,
-						extension: response.extension,
-						...settings.data,
-					},
-					function (result) {
-						if (result.error === "") {
-							fetchData();
-
-							toast.success(
-								"File has been successfully uploaded."
-							);
-						} else {
-							toast.error(String(result.error));
-						}
-					}
-				);
-			});
-		});
-	}, []);
-
-	const { getRootProps, getInputProps, isDragActive } = useDropzone({
-		onDrop,
-	});
-
-	const handleDownload = (id) => {
-		if (id && id > 0) {
-			window.open(`/ajax/file/download/${id}/${settings.model}`);
-		} else {
-			toast.warning("Issue with downloading the selected file.");
-		}
-	};
-
-	const handleDelete = (e, id, name) => {
-		if (e) {
-			e.preventDefault();
-			e.stopPropagation();
-
-			if (id && id > 0) {
-				confirmAlert({
-					title: "Confirm to Delete File",
-					message: "Are you sure you want to delete " + name,
-					buttons: [
-						{
-							label: "Yes",
-							onClick: () => {
-								CustomFetch(
-									`/ajax/file/delete`,
-									"POST",
-									{
-										file_id: id,
-									},
-									function (result) {
-										if (result.error === "") {
-											fetchData();
-										}
-									}
-								);
-							},
-						},
-						{
-							label: "No",
-							onClick: () => close(),
-						},
-					],
-				});
-			} else {
-				toast.error("Issue with deleting the selected file.");
-			}
-		}
-	};
-
-	return (
-		<>
-			<div className="progress">
-				<motion.div
-					className="progress__bar"
-					initial={{ width: "0%" }}
-					animate={{
-						width: loadingProgress + "%",
-					}}
-					transition={{
-						duration: 1,
-						ease: [0.165, 0.84, 0.44, 1.0],
-					}}
-				/>
-			</div>
-			<section className="dropzone__container">
-				<div {...getRootProps()}>
-					<input {...getInputProps()} />
-					{isDragActive ? (
-						<p>Drop the files here ...</p>
-					) : (
-						<p>
-							Drag 'n' drop some files here, or click to select
-							files
-						</p>
-					)}
-				</div>
-				<ul className="dropzone__files">
-					{files && files.length > 0
-						? files.map((a, b) => (
-								<li
-									onClick={() => {
-										handleDownload(a.id);
-									}}
-									key={"tf-" + b}
-								>
-									<File strokeWidth={2} size={18} />
-									{a.file_name}
-									<button
-										onClick={(event) => {
-											handleDelete(
-												event,
-												a.id,
-												a.file_name
-											);
-										}}
-									>
-										<TrashCan strokeWidth={2} size={18} />
-									</button>
-								</li>
-						  ))
-						: null}
-				</ul>
-			</section>
-		</>
-	);
-}
-
-export default VisnsDropZone;