@syuttechnologies/layout 1.0.2 → 1.0.21

package/dist/components/ui/ModuleHeader/ModuleHeader.js

@@ -0,0 +1,433 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import IconSystem from '../../../icon-collection/icon-systems';
+// Inject styles
+if (typeof document !== 'undefined') {
+    const styleId = 'module-header-styles';
+    if (!document.getElementById(styleId)) {
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.textContent = `
+      .module-header {
+        position: sticky;
+        top: 0;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0.875rem 1.5rem;
+        min-height: 2.75rem;
+        background: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(12px);
+        border-radius: 0.75rem;
+        margin: 0.625rem 1.25rem;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+        border: 1px solid rgba(226, 232, 240, 0.5);
+        gap: 0.875rem;
+        flex-wrap: wrap;
+        flex-shrink: 0;
+      }
+
+      .module-header-content {
+        display: flex;
+        flex-direction: column;
+        gap: 0.125rem;
+      }
+
+      .module-title {
+        font-size: 1.1rem;
+        font-weight: 700;
+        background: linear-gradient(135deg, #2563eb, #0ea5e9);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+        margin: 0;
+        line-height: 1.2;
+      }
+
+      .module-description {
+        font-size: 0.75rem;
+        color: #64748b;
+        margin: 0;
+      }
+
+      .module-toolbar {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+      }
+
+      .toolbar-separator {
+        width: 1px;
+        height: 1.5rem;
+        background: rgba(226, 232, 240, 0.8);
+        margin: 0 0.25rem;
+      }
+
+      /* Desktop toolbar items - visible on larger screens */
+      .toolbar-desktop-items {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+      }
+
+      /* Mobile overflow menu - hidden on larger screens */
+      .toolbar-overflow-menu {
+        display: none;
+        position: relative;
+      }
+
+      /* Responsive: Show overflow menu on mobile, hide desktop items */
+      @media (max-width: 768px) {
+        .module-header {
+          padding: 0.75rem 1rem;
+          margin: 0.5rem 0.75rem;
+          gap: 0.5rem;
+        }
+
+        .module-title {
+          font-size: 1rem;
+        }
+
+        .module-description {
+          font-size: 0.7rem;
+        }
+
+        .search-input-wrapper {
+          min-width: 150px;
+          flex: 1;
+        }
+
+        .toolbar-desktop-items {
+          display: none !important;
+        }
+
+        .toolbar-overflow-menu {
+          display: block !important;
+        }
+      }
+
+      .search-input-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        padding: 0.5rem 0.75rem;
+        background: #f8fafc;
+        border: 1px solid rgba(226, 232, 240, 0.8);
+        border-radius: 0.5rem;
+        min-width: 200px;
+        transition: all 0.2s ease;
+      }
+
+      .search-input-wrapper:focus-within {
+        border-color: #2563eb;
+        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+      }
+
+      .search-input-wrapper svg {
+        color: #64748b;
+        flex-shrink: 0;
+      }
+
+      .search-input {
+        flex: 1;
+        border: none;
+        background: transparent;
+        font-size: 0.85rem;
+        color: #1e293b;
+        outline: none;
+      }
+
+      .search-input::placeholder {
+        color: #94a3b8;
+      }
+
+      .view-mode-group {
+        display: inline-flex;
+        align-items: center;
+        background: #ffffff;
+        border: 1px solid rgba(226, 232, 240, 0.8);
+        border-radius: 0.375rem;
+        padding: 0.125rem;
+        gap: 0.125rem;
+      }
+
+      .view-mode-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 2rem;
+        height: 2rem;
+        padding: 0;
+        border: none;
+        background: transparent;
+        border-radius: 0.375rem;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        color: #64748b;
+      }
+
+      .view-mode-btn:hover {
+        background: #f8fafc;
+        color: #1e293b;
+      }
+
+      .view-mode-btn.active {
+        background: #2563eb;
+        color: white;
+        box-shadow: 0 1px 3px rgba(37, 99, 235, 0.3);
+      }
+
+      .view-mode-btn svg {
+        width: 16px;
+        height: 16px;
+      }
+
+      .btn-icon {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 2.25rem;
+        height: 2.25rem;
+        padding: 0;
+        border: 1px solid rgba(226, 232, 240, 0.8);
+        background: #ffffff;
+        border-radius: 0.5rem;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        color: #64748b;
+        position: relative;
+      }
+
+      .btn-icon:hover {
+        background: #f8fafc;
+        border-color: #2563eb;
+        color: #2563eb;
+      }
+
+      .btn-icon.active {
+        background: linear-gradient(135deg, #2563eb, #0ea5e9);
+        color: white;
+        border-color: #2563eb;
+      }
+
+      .btn-icon svg {
+        width: 18px;
+        height: 18px;
+      }
+
+      .btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0.5rem 1rem;
+        border-radius: 0.5rem;
+        font-size: 0.85rem;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        border: none;
+        gap: 0.25rem;
+      }
+
+      .btn-primary {
+        background: linear-gradient(135deg, #2563eb, #0ea5e9);
+        color: white;
+        box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3);
+      }
+
+      .btn-primary:hover {
+        background: linear-gradient(135deg, #1d4ed8, #0284c7);
+        transform: translateY(-1px);
+        box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4);
+      }
+
+      .btn-secondary {
+        background: #ffffff;
+        color: #1e293b;
+        border: 1px solid rgba(226, 232, 240, 0.8);
+      }
+
+      .btn-secondary:hover {
+        background: #f8fafc;
+        border-color: #2563eb;
+        color: #2563eb;
+      }
+
+      .btn-danger {
+        background: linear-gradient(135deg, #dc2626, #ef4444);
+        color: white;
+      }
+
+      .btn-danger:hover {
+        background: linear-gradient(135deg, #b91c1c, #dc2626);
+      }
+
+      .filter-badge {
+        position: absolute;
+        top: -4px;
+        right: -4px;
+        background: #3B82F6;
+        color: white;
+        border-radius: 50%;
+        width: 16px;
+        height: 16px;
+        font-size: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-weight: 600;
+      }
+
+      /* Overflow menu trigger */
+      .action-menu-trigger {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 2.25rem;
+        height: 2.25rem;
+        padding: 0;
+        border: 1px solid rgba(226, 232, 240, 0.8);
+        background: #ffffff;
+        border-radius: 0.5rem;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        color: #64748b;
+      }
+
+      .action-menu-trigger:hover,
+      .action-menu-trigger.active {
+        background: #f8fafc;
+        border-color: #2563eb;
+        color: #2563eb;
+      }
+
+      /* Overflow dropdown styles */
+      .overflow-menu-section-label {
+        padding: 0.5rem 0.875rem 0.25rem;
+        font-size: 0.7rem;
+        font-weight: 600;
+        color: #94a3b8;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+
+      .overflow-menu-item {
+        display: flex;
+        align-items: center;
+        gap: 0.75rem;
+        width: 100%;
+        padding: 0.625rem 1rem;
+        border: none;
+        background: transparent;
+        color: #334155;
+        font-size: 0.875rem;
+        cursor: pointer;
+        text-align: left;
+        transition: background 0.15s ease;
+      }
+
+      .overflow-menu-item:hover {
+        background: #f1f5f9;
+      }
+
+      .overflow-menu-item.active {
+        background: #f1f5f9;
+        color: #3b82f6;
+      }
+
+      .overflow-menu-item.danger {
+        color: #ef4444;
+      }
+
+      .overflow-menu-item.danger:hover {
+        background: rgba(239, 68, 68, 0.1);
+      }
+
+      .overflow-menu-item:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    `;
+        document.head.appendChild(style);
+    }
+}
+// ============================================================================
+// MODULE HEADER COMPONENT
+// ============================================================================
+const ModuleHeader = ({ title, description, searchConfig, viewModeConfig, filterConfig, customToolbarItems, actions = [], showActionSeparator = true, visible = true, className = '' }) => {
+    const [overflowMenuOpen, setOverflowMenuOpen] = useState(false);
+    const overflowMenuRef = useRef(null);
+    // Close overflow menu when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            const target = event.target;
+            const dropdownEl = document.querySelector('.module-header-overflow-dropdown');
+            if (overflowMenuRef.current &&
+                !overflowMenuRef.current.contains(target) &&
+                (!dropdownEl || !dropdownEl.contains(target))) {
+                setOverflowMenuOpen(false);
+            }
+        };
+        if (overflowMenuOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [overflowMenuOpen]);
+    if (!visible) {
+        return null;
+    }
+    const visibleActions = actions.filter(action => action.visible !== false);
+    // Get badge count from either activeCount or badgeCount
+    const filterBadgeCount = filterConfig?.activeCount || filterConfig?.badgeCount || 0;
+    return (_jsxs("div", { className: `module-header ${className}`, children: [_jsxs("div", { className: "module-header-content", children: [_jsx("h1", { className: "module-title", children: title }), description && _jsx("p", { className: "module-description", children: description })] }), _jsxs("div", { className: "module-toolbar", children: [searchConfig && (_jsxs("div", { className: "search-input-wrapper", children: [_jsx(IconSystem.search, { size: 16 }), _jsx("input", { type: "text", className: "search-input", placeholder: searchConfig.placeholder || 'Search...', value: searchConfig.value, onChange: (e) => searchConfig.onChange(e.target.value), disabled: searchConfig.disabled })] })), _jsxs("div", { className: "toolbar-desktop-items", children: [viewModeConfig && (_jsx("div", { className: "view-mode-group", children: viewModeConfig.modes.map((mode) => (_jsx("button", { className: `view-mode-btn ${viewModeConfig.currentMode === mode.id ? 'active' : ''}`, onClick: () => viewModeConfig.onChange(mode.id), disabled: mode.disabled, title: mode.tooltip || mode.label, style: mode.disabled ? { opacity: 0.3, cursor: 'not-allowed' } : {}, children: mode.icon }, mode.id))) })), filterConfig && (_jsxs("button", { className: `btn-icon ${filterConfig.isActive ? 'active' : ''}`, onClick: filterConfig.onClick, disabled: filterConfig.disabled, title: filterConfig.tooltip || 'Filters', style: { position: 'relative' }, children: [_jsx(IconSystem.filter, { size: 18 }), filterBadgeCount > 0 && (_jsx("span", { className: "filter-badge", children: filterBadgeCount }))] })), customToolbarItems, showActionSeparator && visibleActions.length > 0 && (_jsx("div", { className: "toolbar-separator" })), visibleActions.map((action) => {
+                                const buttonClass = action.variant === 'primary'
+                                    ? 'btn btn-primary'
+                                    : action.variant === 'secondary'
+                                        ? 'btn btn-secondary'
+                                        : action.variant === 'danger'
+                                            ? 'btn btn-danger'
+                                            : 'btn-icon';
+                                return (_jsxs("button", { className: buttonClass, onClick: action.onClick, disabled: action.disabled, title: action.tooltip || action.label, children: [action.icon, action.variant !== 'icon' && (_jsx("span", { style: { marginLeft: '0.5rem' }, children: action.label }))] }, action.id));
+                            })] }), _jsxs("div", { ref: overflowMenuRef, className: "toolbar-overflow-menu", children: [_jsx("button", { onClick: () => setOverflowMenuOpen(!overflowMenuOpen), className: `action-menu-trigger ${overflowMenuOpen ? 'active' : ''}`, title: "More options", children: _jsx(IconSystem.moreVertical, { size: 18 }) }), overflowMenuOpen && ReactDOM.createPortal(_jsxs("div", { className: "module-header-overflow-dropdown", style: {
+                                    position: 'fixed',
+                                    top: overflowMenuRef.current ? overflowMenuRef.current.getBoundingClientRect().bottom + 4 : 0,
+                                    right: overflowMenuRef.current ? window.innerWidth - overflowMenuRef.current.getBoundingClientRect().right : 0,
+                                    minWidth: '200px',
+                                    maxHeight: overflowMenuRef.current ? `calc(100vh - ${overflowMenuRef.current.getBoundingClientRect().bottom + 20}px)` : '70vh',
+                                    overflowY: 'auto',
+                                    padding: '0.5rem 0',
+                                    zIndex: 999999,
+                                    background: 'white',
+                                    borderRadius: '0.5rem',
+                                    boxShadow: '0 10px 40px rgba(0, 0, 0, 0.2)',
+                                    border: '1px solid #e2e8f0',
+                                }, children: [viewModeConfig && (_jsxs(_Fragment, { children: [_jsx("div", { className: "overflow-menu-section-label", children: "View" }), viewModeConfig.modes.map((mode) => (_jsxs("button", { className: `overflow-menu-item ${viewModeConfig.currentMode === mode.id ? 'active' : ''}`, onClick: () => {
+                                                    viewModeConfig.onChange(mode.id);
+                                                    setOverflowMenuOpen(false);
+                                                }, disabled: mode.disabled, children: [mode.icon, _jsx("span", { children: mode.label })] }, mode.id)))] })), filterConfig && (_jsxs("button", { className: `overflow-menu-item ${filterConfig.isActive ? 'active' : ''}`, onClick: () => {
+                                            filterConfig.onClick();
+                                            setOverflowMenuOpen(false);
+                                        }, disabled: filterConfig.disabled, children: [_jsx(IconSystem.filter, { size: 18 }), _jsx("span", { children: "Filters" }), filterBadgeCount > 0 && (_jsx("span", { style: {
+                                                    marginLeft: 'auto',
+                                                    backgroundColor: '#3B82F6',
+                                                    color: 'white',
+                                                    fontSize: '10px',
+                                                    fontWeight: 600,
+                                                    minWidth: '16px',
+                                                    height: '16px',
+                                                    borderRadius: '8px',
+                                                    display: 'flex',
+                                                    alignItems: 'center',
+                                                    justifyContent: 'center',
+                                                    padding: '0 4px',
+                                                }, children: filterBadgeCount }))] })), visibleActions.length > 0 && (viewModeConfig || filterConfig) && (_jsx("div", { style: { height: '1px', background: '#e2e8f0', margin: '0.5rem 0' } })), visibleActions.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "overflow-menu-section-label", children: "Actions" }), visibleActions.map((action) => (_jsxs("button", { className: `overflow-menu-item ${action.variant === 'danger' ? 'danger' : ''}`, onClick: () => {
+                                                    action.onClick();
+                                                    setOverflowMenuOpen(false);
+                                                }, disabled: action.disabled, children: [action.icon, _jsx("span", { children: action.label })] }, action.id)))] }))] }), document.body)] })] })] }));
+};
+export default ModuleHeader;

package/dist/components/ui/ModuleHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ModuleHeader } from './ModuleHeader';
+export type { ModuleHeaderProps, ActionButton, ViewModeOption, SearchConfig, ViewModeConfig, FilterConfig } from './ModuleHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/ModuleHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/ModuleHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACb,MAAM,gBAAgB,CAAC"}

package/dist/components/ui/ModuleHeader/index.js

@@ -0,0 +1 @@
+export { default as ModuleHeader } from './ModuleHeader';

package/dist/components/ui/SyutGrid/SyutGrid.d.ts

@@ -0,0 +1,74 @@
+import { ReactNode } from 'react';
+import { Row } from '@tanstack/react-table';
+import { ActionMenuItem } from '../ActionMenu';
+export interface SyutGridColumn<T> {
+    id?: string;
+    header?: string | ((column: any) => ReactNode);
+    accessorKey?: keyof T;
+    cell?: (info: {
+        row: Row<T>;
+        getValue: () => any;
+    }) => ReactNode;
+    size?: number;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    frozen?: 'left' | 'right';
+    key?: string;
+    width?: number;
+    sortable?: boolean;
+    visible?: boolean;
+    render?: (value: any, row: T) => ReactNode;
+    title?: string;
+    dataIndex?: string;
+}
+interface PaginationConfig {
+    enabled?: boolean;
+    pageSize?: number;
+    showPageSizeOptions?: boolean;
+    pageSizeOptions?: number[];
+    current?: number;
+    total?: number;
+    onChange?: (page: number, size: number) => void;
+    showSizeChanger?: boolean;
+    currentPage?: number;
+    totalPages?: number;
+    totalItems?: number;
+    onPageChange?: () => void;
+}
+export interface SyutGridProps<T extends {
+    id: string;
+}> {
+    data?: T[];
+    columns: SyutGridColumn<T>[];
+    enableRowSelection?: boolean;
+    enablePagination?: boolean;
+    pageSizeOptions?: number[];
+    defaultPageSize?: number;
+    enableSorting?: boolean;
+    enableColumnFilters?: boolean;
+    rowActions?: ((row: T) => ActionMenuItem<T>[]) | ActionMenuItem<T>[];
+    emptyMessage?: string;
+    /** Callback when row selection changes. When using legacy selectedRows prop, receives string[]. Otherwise receives T[]. */
+    onSelectionChange?: (selectedRows: string[]) => void;
+    isLoading?: boolean;
+    className?: string;
+    frozenLeftColumns?: string[];
+    frozenRightColumns?: string[];
+    visibleColumns?: string[];
+    rowKey?: string;
+    selectable?: boolean;
+    selectedRows?: string[];
+    pagination?: PaginationConfig;
+    dataSource?: T[];
+    rowSelection?: {
+        selectedRowKeys?: string[];
+        onChange?: (selectedRowKeys: string[]) => void;
+    };
+    loading?: boolean;
+    emptyText?: string;
+}
+export declare function SyutGrid<T extends {
+    id: string;
+}>({ data: dataProp, columns, enableRowSelection: enableRowSelectionProp, enablePagination: enablePaginationProp, pageSizeOptions: pageSizeOptionsProp, defaultPageSize: defaultPageSizeProp, enableSorting, enableColumnFilters, rowActions, emptyMessage: emptyMessageProp, onSelectionChange, isLoading: isLoadingProp, className, frozenLeftColumns, frozenRightColumns, visibleColumns, selectable, selectedRows: selectedRowsProp, pagination: paginationConfig, dataSource, rowSelection: rowSelectionConfig, loading, emptyText, }: SyutGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export default SyutGrid;
+//# sourceMappingURL=SyutGrid.d.ts.map

package/dist/components/ui/SyutGrid/SyutGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyutGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/SyutGrid/SyutGrid.tsx"],"names":[],"mappings":"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"}