@taiv/ui 1.0.2 → 1.2.0

package/dist/components/Info/Modals/InfoModal.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { modals } from '@mantine/modals';
-import { neutral } from '../../../constants/colors';
-import { Title } from '../../Typography/Title';
-import { Stack } from '../../Layout/Stack';
-import { Center } from '../../Layout/Center';
-import { modalVariants } from './variants';
-import { Button } from '../../Inputs/Buttons/Button';
-export const useInfoModal = () => {
-    const show = (options) => {
-        const { variant = 'info', title, message, icon, onConfirm, size = '35rem' } = options;
-        const handleConfirm = () => {
-            if (onConfirm)
-                onConfirm();
-            modals.closeAll();
-        };
-        const selectedVariant = modalVariants[variant];
-        const iconContainer = {
-            width: '4.2rem',
-            height: '4.2rem',
-            borderRadius: '50%',
-            backgroundColor: selectedVariant.iconBackgroundColor,
-            border: `2px solid ${selectedVariant.iconColor}`,
-        };
-        const modalIcon = icon || (_jsx("i", { className: selectedVariant.icon, style: { color: selectedVariant.iconColor, fontSize: '2rem' } }));
-        const InfoModalContent = () => {
-            return (_jsx(Center, { h: "100%", w: "100%", children: _jsxs(Stack, { gap: "2rem", h: "100%", w: "100%", align: "center", children: [_jsxs(Stack, { gap: "1.5rem", align: "center", children: [_jsx(Center, { style: iconContainer, children: modalIcon }), _jsxs(Stack, { gap: "0.25rem", align: "center", children: [_jsx(Title, { variant: "cardHeader", align: "center", children: title || selectedVariant.title }), _jsx(Title, { variant: "cardSubheader", align: "center", children: message || selectedVariant.message })] })] }), _jsx(Center, { h: "100%", w: "100%", children: _jsx(Button, { onClick: handleConfirm, variant: selectedVariant.buttonVariant, children: "OK" }) })] }) }));
-        };
-        modals.open({
-            children: _jsx(InfoModalContent, {}),
-            size,
-            styles: {
-                content: {
-                    borderRadius: '8px',
-                    border: `1px solid ${neutral[50]}`,
-                    boxShadow: '0px 0px 19px 0px #00000040',
-                },
-                header: {
-                    padding: '0.8rem',
-                },
-                close: {
-                    borderRadius: '16px',
-                    backgroundColor: neutral[50],
-                    width: '1.8rem',
-                    height: '1.8rem',
-                    '&:hover': {
-                        backgroundColor: neutral[50],
-                    },
-                    '&:active': {
-                        transform: 'none',
-                    },
-                },
-                body: {
-                    padding: '0 3.2rem 1.6rem 3.2rem',
-                },
-            },
-        });
-    };
-    const close = (modalId) => {
-        modals.close(modalId);
-    };
-    const closeAll = () => {
-        modals.closeAll();
-    };
-    return {
-        show,
-        close,
-        closeAll,
-    };
-};

package/dist/components/Info/Notifications/Notifications.d.ts

@@ -1,16 +0,0 @@
-import { componentVariants } from './variants';
-export declare const useNotifications: () => {
-    show: (options: {
-        variant?: keyof typeof componentVariants;
-        message: string;
-        title?: string;
-        id?: string;
-    }) => void;
-    showError: () => void;
-    showLoading: (options: {
-        message: string;
-        title?: string;
-    }) => string;
-    hide: (id: string) => Promise<void>;
-};
-//# sourceMappingURL=Notifications.d.ts.map

package/dist/components/Info/Notifications/Notifications.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notifications.d.ts","sourceRoot":"","sources":["../../../../src/components/Info/Notifications/Notifications.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,eAAO,MAAM,gBAAgB;oBAMJ;QACrB,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;QACzC,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;KACb;;2BAmB6B;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;eA7BzC,MAAM;CAiD/B,CAAC"}

package/dist/components/Info/Notifications/Notifications.js

@@ -1,41 +0,0 @@
-import { notifications as mantineNotifications } from '@mantine/notifications';
-import { componentVariants } from './variants';
-export const useNotifications = () => {
-    const hide = async (id) => {
-        mantineNotifications.hide(id);
-        await new Promise((resolve) => setTimeout(resolve, 200));
-    };
-    const show = (options) => {
-        const { variant = 'info', message, title, id } = options;
-        const selectedVariant = componentVariants[variant];
-        mantineNotifications.show({
-            title: title || selectedVariant.defaultTitle,
-            message,
-            icon: selectedVariant.icon,
-            autoClose: selectedVariant.autoClose,
-            id,
-            styles: {
-                root: {
-                    borderLeft: `4px solid ${selectedVariant.color}`,
-                },
-            },
-        });
-    };
-    const showLoading = (options) => {
-        const notificationId = `${Math.random()}-${Math.random()}`;
-        show({
-            id: notificationId,
-            message: options.message,
-            title: options.title,
-            variant: 'loading',
-        });
-        return notificationId;
-    };
-    const showError = () => {
-        show({
-            variant: 'error',
-            message: 'An error has occurred. Please try again. If the issue persists, please contact us at support@taiv.tv',
-        });
-    };
-    return { show, showError, showLoading, hide };
-};

package/dist/components/Misc/Copy.d.ts

@@ -1,10 +0,0 @@
-export declare const useCopy: () => {
-    copy: (options: {
-        value: string;
-        label?: string;
-        onCopy?: (value: string) => void;
-        showNotification?: boolean;
-        notificationMessage?: string;
-    }) => void;
-};
-//# sourceMappingURL=Copy.d.ts.map

package/dist/components/Misc/Copy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Copy.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/Copy.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;oBAIK;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B;CAmBF,CAAC"}

package/dist/components/Misc/Copy.js

@@ -1,18 +0,0 @@
-import { useClipboard } from '@mantine/hooks';
-import { useNotifications } from '../Info/Notifications/Notifications';
-export const useCopy = () => {
-    const clipboard = useClipboard();
-    const notifications = useNotifications();
-    const copy = (options) => {
-        const { onCopy, showNotification = true, notificationMessage = `${options.label ? `${options.label}: ` : ''}${options.value}`, } = options || {};
-        clipboard.copy(options.value);
-        onCopy === null || onCopy === void 0 ? void 0 : onCopy(options.value);
-        if (showNotification) {
-            notifications.show({
-                message: notificationMessage,
-                variant: 'copy',
-            });
-        }
-    };
-    return { copy };
-};

package/dist/components/Misc/MediaQuery.d.ts

@@ -1,3 +0,0 @@
-import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
-export declare const useMediaQuery: typeof useMantineMediaQuery;
-//# sourceMappingURL=MediaQuery.d.ts.map

package/dist/components/Misc/MediaQuery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaQuery.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/MediaQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,eAAO,MAAM,aAAa,6BAAuB,CAAC"}

package/dist/components/Misc/MediaQuery.js

@@ -1,2 +0,0 @@
-import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
-export const useMediaQuery = useMantineMediaQuery;