@vtx-ui/react 0.0.1-beta.15 → 0.0.1-beta.17

package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.example.js

@@ -0,0 +1,344 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var components_Widget_Widget = require('../../../../components/Widget/Widget.js');
+require('../../../../components/Widget/IntelligentGrid.js');
+require('../../../../../Card/components/Card/Card.js');
+require('../../../../../Typography/components/Typography/Typography.js');
+require('../../../../../Badge/components/Badge/Badge.js');
+require('../../../../../Flex/components/Flex/Flex.js');
+require('react-icons/fi');
+require('react-icons/fa');
+require('../../../../../../widgets/InfoCard/widgets/InfoCard/InfoCard.js');
+require('../../../../../../widgets/InfoText/widgets/InfoText/InfoText.js');
+require('./ProductWidget.js');
+require('../../../../../../widgets/OrderCard/widgets/OrderCard/OrderCard.js');
+require('../../../../../Button/components/Button/Button.js');
+require('../../../../../Avatar/components/Avatar/Avatar.js');
+require('../../../../../Link/components/Link/Link.js');
+require('../../../../../Breadcrumb/components/Breadcrumb/Breadcrumb.js');
+require('../../../../../../theme/theme/ThemeProvider.js');
+require('./GridCarouselWidget.js');
+var components_Widget_renderers_EmptyStateWidget = require('./EmptyStateWidget.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * EmptyStateWidget Examples
+ *
+ * This file demonstrates various use cases for the EmptyStateWidget component
+ * with different themes, types, and configurations.
+ */
+// ============================================
+// 1. Basic Usage with Widget Component
+// ============================================
+const BasicEmptyState = () => {
+    const config = {
+        type: 'emptyState',
+        data: {
+            type: 'general',
+            actions: [
+                { label: 'Get Started', icon: 'plus', variant: 'primary' },
+            ],
+        },
+        settings: {
+            theme: 'modern',
+            variant: 'primary',
+        },
+    };
+    return jsxRuntime.jsx(components_Widget_Widget["default"], { config: config });
+};
+// ============================================
+// 2. Empty Cart Example
+// ============================================
+const EmptyCartExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'cart',
+            title: 'Your Shopping Cart is Empty',
+            message: 'Looks like you haven\'t added anything to your cart yet.',
+            actions: [
+                {
+                    label: 'Browse Products',
+                    href: '/products',
+                    icon: 'search',
+                    variant: 'primary',
+                },
+                {
+                    label: 'View Wishlist',
+                    href: '/wishlist',
+                    variant: 'outline',
+                },
+            ],
+            additionalInfo: 'Free shipping on orders over $50',
+        }, settings: {
+            theme: 'modern',
+            variant: 'primary',
+        } }));
+};
+// ============================================
+// 3. Search No Results
+// ============================================
+const SearchNoResultsExample = () => {
+    const [searchTerm, setSearchTerm] = React__default["default"].useState('react components');
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'search',
+            title: `No Results for "${searchTerm}"`,
+            message: 'We couldn\'t find any matches. Try different keywords or browse our categories.',
+            actions: [
+                {
+                    label: 'Clear Search',
+                    icon: 'refresh',
+                    variant: 'primary',
+                    onClick: () => setSearchTerm(''),
+                },
+                {
+                    label: 'Browse All',
+                    href: '/browse',
+                    variant: 'outline',
+                },
+            ],
+        }, settings: {
+            theme: 'professional',
+            variant: 'primary',
+        } }));
+};
+// ============================================
+// 4. Dashboard No Data with Custom Background
+// ============================================
+const DashboardNoDataExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'data',
+            title: 'No Analytics Data Yet',
+            message: 'Start tracking your metrics by connecting your first data source.',
+            actions: [
+                {
+                    label: 'Connect Data Source',
+                    icon: 'plus',
+                    variant: 'primary',
+                    onClick: () => console.log('Open connection modal'),
+                },
+                {
+                    label: 'View Documentation',
+                    href: '/docs',
+                    variant: 'outline',
+                    external: true,
+                },
+            ],
+        }, settings: {
+            theme: 'elegant',
+            variant: 'primary',
+            backgroundColor: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+        } }));
+};
+// ============================================
+// 5. Notifications Empty (Playful Theme)
+// ============================================
+const NotificationsEmptyExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'notification',
+            title: 'All Caught Up! 🎉',
+            message: 'You have no new notifications. Check back later for updates.',
+            actions: [
+                {
+                    label: 'View Archive',
+                    variant: 'outline',
+                    onClick: () => console.log('View archive'),
+                },
+            ],
+            additionalInfo: 'Last checked: Just now',
+        }, settings: {
+            theme: 'playful',
+            variant: 'primary',
+        } }));
+};
+// ============================================
+// 6. File Manager Empty
+// ============================================
+const FileManagerEmptyExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'file',
+            title: 'No Documents Yet',
+            message: 'Upload your first document to get started with file management.',
+            actions: [
+                {
+                    label: 'Upload Files',
+                    icon: 'plus',
+                    variant: 'primary',
+                    onClick: () => console.log('Open upload dialog'),
+                },
+                {
+                    label: 'Create Folder',
+                    variant: 'outline',
+                    onClick: () => console.log('Create folder'),
+                },
+            ],
+            additionalInfo: 'Supported formats: PDF, DOC, DOCX, TXT, JPG, PNG',
+        }, settings: {
+            theme: 'professional',
+            variant: 'primary',
+        } }));
+};
+// ============================================
+// 7. Technical Theme (Dark Mode)
+// ============================================
+const TechnicalThemeExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'data',
+            title: 'No Records Found',
+            message: 'The database query returned 0 results. Check your filters or add new entries.',
+            actions: [
+                {
+                    label: 'Clear Filters',
+                    icon: 'refresh',
+                    variant: 'primary',
+                    onClick: () => console.log('Clear filters'),
+                },
+                {
+                    label: 'Add Record',
+                    icon: 'plus',
+                    variant: 'outline',
+                    onClick: () => console.log('Add record'),
+                },
+            ],
+        }, settings: {
+            theme: 'technical',
+            variant: 'primary',
+        } }));
+};
+// ============================================
+// 8. Compact Mode (Sidebar/Card)
+// ============================================
+const CompactModeExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'notification',
+            actions: [
+                {
+                    label: 'Refresh',
+                    icon: 'refresh',
+                    variant: 'primary',
+                },
+            ],
+        }, settings: {
+            theme: 'minimal',
+            variant: 'primary',
+            compact: true,
+        } }));
+};
+// ============================================
+// 9. Left Aligned (In Page Section)
+// ============================================
+const LeftAlignedExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'data',
+            title: 'No Projects Yet',
+            message: 'Create your first project to get started.',
+            actions: [
+                {
+                    label: 'New Project',
+                    icon: 'plus',
+                    variant: 'primary',
+                },
+            ],
+        }, settings: {
+            theme: 'modern',
+            variant: 'primary',
+            centered: false,
+        } }));
+};
+// ============================================
+// 10. Without Illustration (Minimal)
+// ============================================
+const WithoutIllustrationExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'search',
+            title: 'No Results',
+            message: 'Try adjusting your search terms.',
+            actions: [
+                {
+                    label: 'Clear Search',
+                    variant: 'primary',
+                },
+            ],
+        }, settings: {
+            theme: 'minimal',
+            variant: 'primary',
+            showIllustration: false,
+        } }));
+};
+// ============================================
+// 11. Error State (Danger Variant)
+// ============================================
+const ErrorStateExample = () => {
+    return (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+            type: 'data',
+            title: 'Failed to Load Data',
+            message: 'There was an error loading your content. Please try again.',
+            actions: [
+                {
+                    label: 'Retry',
+                    icon: 'refresh',
+                    variant: 'primary',
+                },
+                {
+                    label: 'Contact Support',
+                    href: '/support',
+                    variant: 'outline',
+                },
+            ],
+        }, settings: {
+            theme: 'modern',
+            variant: 'danger',
+        } }));
+};
+// ============================================
+// 12. Multiple Themes Showcase
+// ============================================
+const MultipleThemesShowcase = () => {
+    const themes = ['minimal', 'modern', 'professional', 'playful', 'technical', 'elegant'];
+    return (jsxRuntime.jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '32px' }, children: themes.map((theme) => (jsxRuntime.jsx(components_Widget_renderers_EmptyStateWidget["default"], { data: {
+                type: 'general',
+                title: `${theme.charAt(0).toUpperCase() + theme.slice(1)} Theme`,
+                message: 'This is an example of the empty state widget.',
+                actions: [
+                    { label: 'Primary Action', variant: 'primary' },
+                ],
+            }, settings: {
+                theme,
+                variant: 'primary',
+            } }, theme))) }));
+};
+var EmptyStateWidget_example = {
+    BasicEmptyState,
+    EmptyCartExample,
+    SearchNoResultsExample,
+    DashboardNoDataExample,
+    NotificationsEmptyExample,
+    FileManagerEmptyExample,
+    TechnicalThemeExample,
+    CompactModeExample,
+    LeftAlignedExample,
+    WithoutIllustrationExample,
+    ErrorStateExample,
+    MultipleThemesShowcase,
+};
+
+exports.BasicEmptyState = BasicEmptyState;
+exports.CompactModeExample = CompactModeExample;
+exports.DashboardNoDataExample = DashboardNoDataExample;
+exports.EmptyCartExample = EmptyCartExample;
+exports.ErrorStateExample = ErrorStateExample;
+exports.FileManagerEmptyExample = FileManagerEmptyExample;
+exports.LeftAlignedExample = LeftAlignedExample;
+exports.MultipleThemesShowcase = MultipleThemesShowcase;
+exports.NotificationsEmptyExample = NotificationsEmptyExample;
+exports.SearchNoResultsExample = SearchNoResultsExample;
+exports.TechnicalThemeExample = TechnicalThemeExample;
+exports.WithoutIllustrationExample = WithoutIllustrationExample;
+exports["default"] = EmptyStateWidget_example;
+//# sourceMappingURL=EmptyStateWidget.example.js.map

package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateWidget.example.js","sources":["../../../../../../../../src/components/Widget/renderers/EmptyStateWidget.example.tsx"],"sourcesContent":[null],"names":["_jsx","Widget","EmptyStateWidget","React"],"mappings":"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"}

package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.js

@@ -0,0 +1,131 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var components_Button_Button = require('../../../../../Button/components/Button/Button.js');
+var components_Typography_Typography = require('../../../../../Typography/components/Typography/Typography.js');
+var components_Link_Link = require('../../../../../Link/components/Link/Link.js');
+var components_Flex_Flex = require('../../../../../Flex/components/Flex/Flex.js');
+var icons_IconComponents = require('../../../../../../icons/icons/IconComponents.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const EmptyStateWidget = ({ data, settings, className = '', style, }) => {
+    const { type = 'general', title, message, actions, customIcon, additionalInfo, } = data;
+    const theme = (settings === null || settings === void 0 ? void 0 : settings.theme) || 'modern';
+    const variant = (settings === null || settings === void 0 ? void 0 : settings.variant) || 'primary';
+    const showIllustration = (settings === null || settings === void 0 ? void 0 : settings.showIllustration) !== false;
+    const centered = (settings === null || settings === void 0 ? void 0 : settings.centered) !== false;
+    const compact = (settings === null || settings === void 0 ? void 0 : settings.compact) || false;
+    const backgroundColor = settings === null || settings === void 0 ? void 0 : settings.backgroundColor;
+    // Default content based on type
+    const getDefaultContent = () => {
+        const defaults = {
+            general: {
+                title: 'Nothing Here Yet',
+                message: "It looks like there's no content to display at the moment.",
+                icon: jsxRuntime.jsx(icons_IconComponents.EmptyBoxIcon, { size: 120 }),
+            },
+            search: {
+                title: 'No Results Found',
+                message: "We couldn't find anything matching your search. Try different keywords.",
+                icon: jsxRuntime.jsx(icons_IconComponents.EmptySearchIcon, { size: 120 }),
+            },
+            data: {
+                title: 'No Data Available',
+                message: 'There is no data to show right now. Check back later or add new entries.',
+                icon: jsxRuntime.jsx(icons_IconComponents.EmptyDataIcon, { size: 120 }),
+            },
+            notification: {
+                title: 'No Notifications',
+                message: "You're all caught up! There are no new notifications.",
+                icon: jsxRuntime.jsx(icons_IconComponents.EmptyNotificationIcon, { size: 120 }),
+            },
+            cart: {
+                title: 'Your Cart is Empty',
+                message: 'Add items to your cart to get started with your purchase.',
+                icon: jsxRuntime.jsx(icons_IconComponents.EmptyCartIcon, { size: 120 }),
+            },
+            file: {
+                title: 'No Files Yet',
+                message: 'Upload or create files to get started.',
+                icon: jsxRuntime.jsx(icons_IconComponents.EmptyFileIcon, { size: 120 }),
+            },
+        };
+        return defaults[type] || defaults.general;
+    };
+    const defaultContent = getDefaultContent();
+    const displayTitle = title || defaultContent.title;
+    const displayMessage = message || defaultContent.message;
+    const displayIcon = customIcon || defaultContent.icon;
+    // Get icon component for actions
+    const getIcon = (iconName) => {
+        const iconSize = 18;
+        switch (iconName) {
+            case 'add':
+            case 'plus':
+                return jsxRuntime.jsx(icons_IconComponents.PlusIcon, { size: iconSize });
+            case 'refresh':
+                return jsxRuntime.jsx(icons_IconComponents.RefreshIcon, { size: iconSize });
+            case 'search':
+                return jsxRuntime.jsx(icons_IconComponents.SearchIcon, { size: iconSize });
+            default:
+                return null;
+        }
+    };
+    // Get button variant based on theme
+    const getButtonVariant = (actionVariant) => {
+        if (theme === 'technical')
+            return actionVariant === 'primary' ? 'success' : 'ghost';
+        if (theme === 'elegant')
+            return actionVariant === 'primary' ? 'primary' : 'ghost';
+        return actionVariant || 'primary';
+    };
+    // Get text color for theme
+    const getTextColor = () => {
+        if (theme === 'technical')
+            return '#ffffff';
+        return undefined;
+    };
+    const getMessageColor = () => {
+        if (theme === 'technical')
+            return '#999999';
+        return undefined;
+    };
+    const getInfoTextColor = () => {
+        if (theme === 'technical')
+            return '#cccccc';
+        return undefined;
+    };
+    const containerClasses = [
+        'vtx-empty-state',
+        `vtx-empty-state--${theme}`,
+        `vtx-empty-state--${variant}`,
+        !centered && 'vtx-empty-state--left',
+        compact && 'vtx-empty-state--compact',
+        className,
+    ].filter(Boolean).join(' ');
+    const containerStyle = {
+        ...style,
+        ...(backgroundColor && { background: backgroundColor }),
+    };
+    return (jsxRuntime.jsxs(components_Flex_Flex["default"], { direction: "column", align: centered ? 'center' : 'start', justify: "center", className: containerClasses, style: containerStyle, children: [showIllustration && (jsxRuntime.jsx("div", { className: "vtx-empty-state__illustration mb-8", role: "img", "aria-label": `Empty state: ${type}`, children: displayIcon })), jsxRuntime.jsxs(components_Flex_Flex["default"], { direction: "column", className: "vtx-empty-state__content", gap: 0, children: [jsxRuntime.jsx(components_Typography_Typography["default"], { as: "h2", variant: compact ? 'h4' : 'h3', textColor: getTextColor(), weight: "semibold", className: "mb-4", children: displayTitle }), jsxRuntime.jsx(components_Typography_Typography["default"], { as: "p", variant: compact ? 'body2' : 'body1', textColor: getMessageColor(), className: "mb-6", children: displayMessage }), actions && actions.length > 0 && (jsxRuntime.jsx(components_Flex_Flex["default"], { className: "vtx-empty-state__actions mt-2", gap: 12, wrap: "wrap", justify: centered ? 'center' : 'start', children: actions.map((action, index) => {
+                            const icon = getIcon(action.icon);
+                            const buttonVariant = getButtonVariant(action.variant);
+                            const buttonSize = compact ? 'md' : 'lg';
+                            const buttonContent = (jsxRuntime.jsx(components_Button_Button["default"], { variant: buttonVariant, size: buttonSize, fullWidth: false, leftIcon: icon, onClick: action.onClick, "aria-label": action.label, children: action.label }));
+                            // Wrap in Link for SEO if href is provided
+                            if (action.href) {
+                                return (jsxRuntime.jsx(components_Link_Link["default"], { href: action.href, external: 'external' in action ? action.external : false, noUnderline: true, children: buttonContent }, index));
+                            }
+                            return jsxRuntime.jsx(React__default["default"].Fragment, { children: buttonContent }, index);
+                        }) })), additionalInfo && (jsxRuntime.jsx("div", { className: "vtx-empty-state__info mt-8", children: jsxRuntime.jsx(components_Typography_Typography["default"], { as: "p", variant: "body2", textColor: getInfoTextColor(), noMargin: true, children: additionalInfo }) }))] })] }));
+};
+
+exports["default"] = EmptyStateWidget;
+//# sourceMappingURL=EmptyStateWidget.js.map

package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/EmptyStateWidget.tsx"],"sourcesContent":[null],"names":["_jsx","EmptyBoxIcon","EmptySearchIcon","EmptyDataIcon","EmptyNotificationIcon","EmptyCartIcon","EmptyFileIcon","PlusIcon","RefreshIcon","SearchIcon","_jsxs","Flex","Typography","Button","Link","React"],"mappings":"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"}