@soyfri/template 1.0.0

package/dist/helpers/crud-helper/models.d.ts

@@ -0,0 +1,61 @@
+import { Dispatch, SetStateAction } from 'react';
+export type ID = undefined | null | number;
+export type PaginationState = {
+    page: number;
+    items_per_page: 10 | 30 | 50 | 100;
+    links?: Array<{
+        label: string;
+        active: boolean;
+        url: string | null;
+        page: number | null;
+    }>;
+};
+export type SortState = {
+    sort?: string;
+    order?: 'asc' | 'desc';
+};
+export type FilterState = {
+    filter?: unknown;
+};
+export type SearchState = {
+    search?: string;
+};
+export type Response<T> = {
+    data?: T;
+    payload?: {
+        message?: string;
+        errors?: {
+            [key: string]: Array<string>;
+        };
+        pagination?: PaginationState;
+    };
+};
+export type QueryState = PaginationState & SortState & FilterState & SearchState;
+export type QueryRequestContextProps = {
+    state: QueryState;
+    updateState: (updates: Partial<QueryState>) => void;
+};
+export declare const initialQueryState: QueryState;
+export declare const initialQueryRequest: QueryRequestContextProps;
+export type QueryResponseContextProps<T> = {
+    response?: Response<Array<T>> | undefined;
+    refetch: () => void;
+    isLoading: boolean;
+    query: string;
+};
+export declare const initialQueryResponse: {
+    refetch: () => void;
+    isLoading: boolean;
+    query: string;
+};
+export type ListViewContextProps = {
+    selected: Array<ID>;
+    onSelect: (selectedId: ID) => void;
+    onSelectAll: () => void;
+    clearSelected: () => void;
+    itemIdForUpdate?: ID;
+    setItemIdForUpdate: Dispatch<SetStateAction<ID>>;
+    isAllSelected: boolean;
+    disabled: boolean;
+};
+export declare const initialListView: ListViewContextProps;

package/dist/helpers/crud-helper/models.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialListView = exports.initialQueryResponse = exports.initialQueryRequest = exports.initialQueryState = void 0;
+exports.initialQueryState = {
+    page: 1,
+    items_per_page: 10,
+};
+exports.initialQueryRequest = {
+    state: exports.initialQueryState,
+    updateState: function () { },
+};
+exports.initialQueryResponse = { refetch: function () { }, isLoading: false, query: '' };
+exports.initialListView = {
+    selected: [],
+    onSelect: function () { },
+    onSelectAll: function () { },
+    clearSelected: function () { },
+    setItemIdForUpdate: function () { },
+    isAllSelected: false,
+    disabled: false,
+};

package/dist/helpers/dataExamples.d.ts

@@ -0,0 +1,37 @@
+export interface MessageModel {
+    user: number;
+    type: 'in' | 'out';
+    text: string;
+    time: string;
+    template?: boolean;
+}
+declare const defaultMessages: Array<MessageModel>;
+export interface UserInfoModel {
+    initials?: {
+        label: string;
+        state: 'warning' | 'danger' | 'primary' | 'success' | 'info';
+    };
+    name: string;
+    avatar?: string;
+    email: string;
+    position: string;
+    online: boolean;
+}
+declare const defaultUserInfos: Array<UserInfoModel>;
+declare const messageFromClient: MessageModel;
+export interface AlertModel {
+    title: string;
+    description: string;
+    time: string;
+    icon: string;
+    state: 'primary' | 'danger' | 'warning' | 'success' | 'info';
+}
+declare const defaultAlerts: Array<AlertModel>;
+export interface LogModel {
+    code: string;
+    state: 'success' | 'danger' | 'warning';
+    message: string;
+    time: string;
+}
+declare const defaultLogs: Array<LogModel>;
+export { defaultMessages, defaultUserInfos, defaultAlerts, defaultLogs, messageFromClient };

package/dist/helpers/dataExamples.js

@@ -0,0 +1,251 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messageFromClient = exports.defaultLogs = exports.defaultAlerts = exports.defaultUserInfos = exports.defaultMessages = void 0;
+var defaultMessages = [
+    {
+        user: 4,
+        type: 'in',
+        text: 'How likely are you to recommend our company to your friends and family ?',
+        time: '2 mins',
+    },
+    {
+        user: 2,
+        type: 'out',
+        text: 'Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.',
+        time: '5 mins',
+    },
+    {
+        user: 4,
+        type: 'in',
+        text: 'Ok, Understood!',
+        time: '1 Hour',
+    },
+    {
+        user: 2,
+        type: 'out',
+        text: 'You’ll receive notifications for all issues, pull requests!',
+        time: '2 Hours',
+    },
+    {
+        user: 4,
+        type: 'in',
+        text: 'You can unwatch this repository immediately by clicking here: <a href="https://keenthemes.com">Keenthemes.com</a>',
+        time: '3 Hours',
+    },
+    {
+        user: 2,
+        type: 'out',
+        text: 'Most purchased Business courses during this sale!',
+        time: '4 Hours',
+    },
+    {
+        user: 4,
+        type: 'in',
+        text: 'Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided',
+        time: '5 Hours',
+    },
+    {
+        template: true,
+        user: 2,
+        type: 'out',
+        text: '',
+        time: 'Just now',
+    },
+    {
+        template: true,
+        user: 4,
+        type: 'in',
+        text: 'Right before vacation season we have the next Big Deal for you.',
+        time: 'Just now',
+    },
+];
+exports.defaultMessages = defaultMessages;
+var defaultUserInfos = [
+    {
+        name: 'Emma Smith',
+        avatar: 'avatars/300-6.jpg',
+        email: 'e.smith@kpmg.com.au',
+        position: 'Art Director',
+        online: false,
+    },
+    {
+        name: 'Melody Macy',
+        initials: { label: 'M', state: 'danger' },
+        email: 'melody@altbox.com',
+        position: 'Marketing Analytic',
+        online: true,
+    },
+    {
+        name: 'Max Smith',
+        avatar: 'avatars/300-1.jpg',
+        email: 'max@kt.com',
+        position: 'Software Enginer',
+        online: false,
+    },
+    {
+        name: 'Sean Bean',
+        avatar: 'avatars/300-5.jpg',
+        email: 'sean@dellito.com',
+        position: 'Web Developer',
+        online: false,
+    },
+    {
+        name: 'Brian Cox',
+        avatar: 'avatars/300-25.jpg',
+        email: 'brian@exchange.com',
+        position: 'UI/UX Designer',
+        online: false,
+    },
+    {
+        name: 'Mikaela Collins',
+        initials: { label: 'M', state: 'warning' },
+        email: 'mikaela@pexcom.com',
+        position: 'Head Of Marketing',
+        online: true,
+    },
+    {
+        name: 'Francis Mitcham',
+        avatar: 'avatars/300-9.jpg',
+        email: 'f.mitcham@kpmg.com.au',
+        position: 'Software Arcitect',
+        online: false,
+    },
+    {
+        name: 'Olivia Wild',
+        initials: { label: 'O', state: 'danger' },
+        email: 'olivia@corpmail.com',
+        position: 'System Admin',
+        online: true,
+    },
+    {
+        name: 'Neil Owen',
+        initials: { label: 'N', state: 'primary' },
+        email: 'owen.neil@gmail.com',
+        position: 'Account Manager',
+        online: true,
+    },
+    {
+        name: 'Dan Wilson',
+        avatar: 'avatars/300-23.jpg',
+        email: 'dam@consilting.com',
+        position: 'Web Desinger',
+        online: false,
+    },
+    {
+        name: 'Emma Bold',
+        initials: { label: 'E', state: 'danger' },
+        email: 'emma@intenso.com',
+        position: 'Corporate Finance',
+        online: true,
+    },
+    {
+        name: 'Ana Crown',
+        avatar: 'avatars/300-12.jpg',
+        email: 'ana.cf@limtel.com',
+        position: 'Customer Relationship',
+        online: false,
+    },
+    {
+        name: 'Robert Doe',
+        initials: { label: 'A', state: 'info' },
+        email: 'robert@benko.com',
+        position: 'Marketing Executive',
+        online: true,
+    },
+    {
+        name: 'John Miller',
+        avatar: 'avatars/300-13.jpg',
+        email: 'miller@mapple.com',
+        position: 'Project Manager',
+        online: false,
+    },
+    {
+        name: 'Lucy Kunic',
+        initials: { label: 'L', state: 'success' },
+        email: 'lucy.m@fentech.com',
+        position: 'SEO Master',
+        online: true,
+    },
+    {
+        name: 'Ethan Wilder',
+        avatar: 'avatars/300-21.jpg',
+        email: 'ethan@loop.com.au',
+        position: 'Accountant',
+        online: true,
+    },
+];
+exports.defaultUserInfos = defaultUserInfos;
+var messageFromClient = {
+    user: 4,
+    type: 'in',
+    text: 'Thank you for your awesome support!',
+    time: 'Just now',
+};
+exports.messageFromClient = messageFromClient;
+var defaultAlerts = [
+    {
+        title: 'Project Alice',
+        description: 'Phase 1 development',
+        time: '1 hr',
+        icon: 'technology-2',
+        state: 'primary',
+    },
+    {
+        title: 'HR Confidential',
+        description: 'Confidential staff documents',
+        time: '2 hrs',
+        icon: 'information-5',
+        state: 'danger',
+    },
+    {
+        title: 'Company HR',
+        description: 'Corporeate staff profiles',
+        time: '5 hrs',
+        icon: 'map001',
+        state: 'warning',
+    },
+    {
+        title: 'Project Red',
+        description: 'New frontend admin theme',
+        time: '2 days',
+        icon: 'cloud-change',
+        state: 'success',
+    },
+    {
+        title: 'Project Breafing',
+        description: 'Product launch status update',
+        time: '21 Jan',
+        icon: 'compass',
+        state: 'primary',
+    },
+    {
+        title: 'Banner Assets',
+        description: 'Collection of banner images',
+        time: '21 Jan',
+        icon: 'graph-3',
+        state: 'info',
+    },
+    {
+        title: 'Icon Assets',
+        description: 'Collection of SVG icons',
+        time: '20 March',
+        icon: 'color-swatch',
+        state: 'warning',
+    },
+];
+exports.defaultAlerts = defaultAlerts;
+var defaultLogs = [
+    { code: '200 OK', state: 'success', message: 'New order', time: 'Just now' },
+    { code: '500 ERR', state: 'danger', message: 'New customer', time: '2 hrs' },
+    { code: '200 OK', state: 'success', message: 'Payment process', time: '5 hrs' },
+    { code: '300 WRN', state: 'warning', message: 'Search query', time: '2 days' },
+    { code: '200 OK', state: 'success', message: 'API connection', time: '1 week' },
+    { code: '200 OK', state: 'success', message: 'Database restore', time: 'Mar 5' },
+    { code: '300 WRN', state: 'warning', message: 'System update', time: 'May 15' },
+    { code: '300 WRN', state: 'warning', message: 'Server OS update', time: 'Apr 3' },
+    { code: '300 WRN', state: 'warning', message: 'API rollback', time: 'Jun 30' },
+    { code: '500 ERR', state: 'danger', message: 'Refund process', time: 'Jul 10' },
+    { code: '500 ERR', state: 'danger', message: 'Withdrawal process', time: 'Sep 10' },
+    { code: '500 ERR', state: 'danger', message: 'Mail tasks', time: 'Dec 10' },
+];
+exports.defaultLogs = defaultLogs;

package/dist/helpers/icons-config/icons.d.ts

@@ -0,0 +1,5 @@
+interface IIcons {
+    [key: string]: number;
+}
+declare const icons: IIcons;
+export default icons;