@visns-studio/visns-components 4.7.0 → 4.7.2

package/components/crm/generic/NotificationList.jsx

@@ -1,64 +0,0 @@
-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={styles.grid}>
-                <div className={styles.grid__row}>
-                    <div className={`${styles.grid__full} ${styles.crmtitle}`}>
-                        <h1>Notifications</h1>
-                    </div>
-                </div>
-            </div>
-            <div className={styles.grid}>
-                <div className={styles.grid__row}>
-                    <div className={styles.grid__full}>
-                        <Table
-                            ajaxSetting={ajaxSetting}
-                            form={form}
-                            columns={columns}
-                            settings={settings}
-                        />
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-};
-
-export default NotificationList;

package/components/crm/generic/styles/AuditLog.module.css

@@ -1,147 +0,0 @@
-.grid {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    height: auto;
-    gap: 1rem;
-}
-
-.grid__row {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    height: auto;
-    gap: 1rem;
-}
-
-.grid__subrow {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    height: auto;
-    gap: 0.5rem;
-}
-
-.grid__full {
-    width: 100%;
-    background: var(--item-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    box-sizing: border-box;
-    overflow: visible;
-    position: relative;
-    padding: 2px;
-    margin: 8px 0;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.crmtitle {
-    border: none;
-    min-height: auto;
-    padding: 5px 20px;
-    margin: 0;
-    background: var(--primary-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    position: relative;
-    display: flex;
-    align-items: center;
-
-    h1 {
-        color: var(--background-color);
-        font-weight: 700;
-        font-size: 1.15em;
-        margin: 0;
-        padding: 0.65rem 0;
-        display: flex;
-        align-items: center;
-        gap: 0.25rem;
-
-        a {
-            text-decoration: none;
-            color: var(--secondary-color);
-        }
-
-        svg {
-            color: rgba(var(--tertiary-color-rgb), 0.5);
-            position: relative;
-            top: 0;
-            margin: 0 0.5rem;
-            max-width: 15px;
-        }
-    }
-}
-
-.gridtxt__header {
-    width: 100%;
-    display: block;
-    background: rgba(var(--item-color-rgb), 1.05);
-    box-sizing: border-box;
-    padding: 10px 20px;
-    border-radius: 0;
-    margin-bottom: 0;
-    font-weight: 700;
-    text-align: center;
-    color: var(--paragraph-color);
-}
-
-.gridtxt__header span {
-    font-weight: 700;
-}
-
-.gridtxt > ul {
-    width: 100%;
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    flex-wrap: wrap;
-    list-style: none;
-    box-sizing: border-box;
-    padding: 0.85rem;
-    margin: 0;
-}
-
-.gridtxt > ul li {
-    flex: 0 0 calc(50% - 10px);
-    padding: 0.85rem;
-    box-sizing: border-box;
-    border: 1px solid rgba(var(--primary-color-rgb), 0.15);
-    color: var(--paragraph-color);
-    background: rgba(var(--tertiary-color-rgb), 0.95);
-    margin: 5px;
-    border-radius: var(--br);
-    line-height: 1.45;
-}
-
-.gridtxt > ul .fw-grid-item {
-    flex: 0 0 calc(100% - 10px);
-}
-
-.gridtxt > ul .notecolor {
-    border: 1px solid var(--secondary-color);
-}
-
-.customer__overview {
-    width: 100%;
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    flex-wrap: wrap;
-    list-style: none;
-    box-sizing: border-box;
-    padding: 1em;
-    margin: 0;
-
-    li {
-        width: 49%;
-        padding: 1em;
-        box-sizing: border-box;
-        border: 1px solid rgba(var(--primary-color-rgb), 0.15);
-        color: var(--paragraph-color);
-        background: rgba(#f4f4f4, 0.65);
-        margin: 5px;
-        border-radius: 5px;
-    }
-}

package/components/crm/generic/styles/AuditLogs.module.css

@@ -1,92 +0,0 @@
-.grid {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    height: auto;
-    gap: 1rem;
-}
-
-.grid__row {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    height: auto;
-    gap: 1rem;
-}
-
-.grid__full {
-    width: 100%;
-    background: var(--item-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    box-sizing: border-box;
-    overflow: visible;
-    position: relative;
-    padding: 2px;
-    margin: 8px 0;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.crmtitle {
-    border: none;
-    min-height: auto;
-    padding: 10px 20px;
-    margin: 0;
-    background: var(--tertiary-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    position: relative;
-}
-
-.crmtitle h1 {
-    font-weight: 700;
-    font-size: 1.45em;
-    margin: 0;
-    padding: 0.65rem 0;
-}
-
-.crmtitle h1 a {
-    text-decoration: none;
-    color: rgba(var(--secondary-color-rgb), 1.1);
-    font-weight: 300;
-}
-
-.crmtitle h1 svg {
-    color: rgba(var(--primary-color-rgb), 0.25);
-    position: relative;
-    top: 2px;
-    margin: 0 0.25rem;
-}
-
-.crmtitleSimple {
-    border: none;
-    min-height: auto;
-    padding: 0.65rem 1rem;
-    margin-bottom: 0.15rem;
-    background: var(--tertiary-color);
-    border-radius: var(--br);
-    box-sizing: border-box;
-    display: flex;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-    align-items: center;
-
-    h1 {
-        font-size: 1.25rem;
-        margin: 0;
-        padding: 0;
-    }
-}
-
-.titleInfo {
-    position: absolute;
-    right: 2em;
-    top: 24px;
-}
-
-.titleInfo span {
-    font-size: 0.875em;
-    color: rgba(var(--paragraph-color-rgb), 0.65);
-}