@taiv/ui 1.5.0 → 1.6.1

package/dist/components/Inputs/Buttons/Button/Button.js

@@ -25,7 +25,7 @@ export const Button = ({ onClick, size = 'md', variant = 'primary', fullWidth =
             padding: selectedSize.padding,
             minWidth: `${selectedSize.minWidth}rem`,
             fontSize: selectedSize.fontSize,
-            boxShadow: shadow ? '0px 1px 3px 0px rgba(0, 0, 0, 0.1)' : 'none',
+            boxShadow: shadow ? '0px 4px 6px rgba(0, 0, 0, 0.1)' : 'none',
             ...getVariantStyles(),
         },
         label: {

package/dist/components/Inputs/Buttons/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA2F7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsE1B,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAmG7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsE1B,CAAC"}

package/dist/components/Inputs/Buttons/Button/Button.stories.js

@@ -90,6 +90,14 @@ const meta = {
                 type: { summary: '() => void' },
             },
         },
+        shadow: {
+            control: { type: 'boolean' },
+            description: 'Adds shadow to the button',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            }
+        }
     },
 };
 export default meta;
@@ -101,6 +109,7 @@ export const Default = {
         disabled: false,
         loading: false,
         fullWidth: false,
+        shadow: false,
         leftIcon: undefined,
         rightIcon: undefined,
         styles: {},

package/dist/components/Layout/Table/Table.d.ts

@@ -0,0 +1,15 @@
+import React, { CSSProperties } from 'react';
+interface ColumnConfig {
+    heading?: string;
+    style?: CSSProperties;
+}
+interface TableProps<T> {
+    columnConfigs: ColumnConfig[];
+    data: T[];
+    ListItem: React.ComponentType<{
+        data: T;
+    }>;
+}
+declare const Table: <T>({ columnConfigs, data, ListItem }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export { Table, type ColumnConfig, type TableProps };
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/Layout/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAIhE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,UAAU,UAAU,CAAC,CAAC;IACpB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5C;AAED,QAAA,MAAM,KAAK,GAAI,CAAC,EAAG,mCAAmC,UAAU,CAAC,CAAC,CAAC,4CAsElE,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,CAAC"}

package/dist/components/Layout/Table/Table.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Box } from '../Box/Box';
+import { fontWeight, neutral } from '../../../constants';
+const Table = ({ columnConfigs, data, ListItem }) => {
+    const tableRef = useRef(null);
+    /**
+     * Apply column styles to the table cells.
+     */
+    useEffect(() => {
+        const table = tableRef.current;
+        if (!table)
+            return;
+        const tbody = table.querySelector('tbody');
+        if (!tbody)
+            return;
+        const rows = tbody.querySelectorAll('tr');
+        if (!rows || !rows.length)
+            return;
+        rows.forEach((row) => {
+            const cells = row.querySelectorAll('td');
+            cells.forEach((cell, columnIndex) => {
+                var _a;
+                const columnStyle = (_a = columnConfigs[columnIndex]) === null || _a === void 0 ? void 0 : _a.style;
+                if (columnStyle) {
+                    Object.assign(cell.style, columnStyle);
+                }
+            });
+        });
+    }, [columnConfigs, data]);
+    return (_jsx(Box, { sx: {
+            borderTopLeftRadius: '8px',
+            borderTopRightRadius: '8px',
+            boxShadow: '0px 2px 6px -3px #AFAFAF',
+            overflow: 'hidden',
+        }, children: _jsxs("table", { ref: tableRef, style: {
+                width: '100%',
+            }, children: [_jsx("thead", { children: _jsx("tr", { children: columnConfigs.map((column, index) => (_jsx("th", { style: {
+                                backgroundColor: neutral[50],
+                                color: neutral[300],
+                                fontSize: '14px',
+                                fontWeight: fontWeight.bold,
+                                paddingBottom: '9px',
+                                paddingTop: '9px',
+                                ...column.style,
+                            }, children: column.heading }, column.heading || `column-${index}`))) }) }), _jsx("tbody", { children: data.map((item) => (_jsx(ListItem, { data: item }, String(item).slice(0, 10)))) })] }) }));
+};
+export { Table };

package/dist/components/Layout/Table/Table.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicTable: Story;
+export declare const TableWithCustomComponents: Story;
+export declare const TableWithProgressBars: Story;
+export declare const StyledColumns: Story;
+//# sourceMappingURL=Table.stories.d.ts.map

package/dist/components/Layout/Table/Table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyPnC,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAqBvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAoBnC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC"}

package/dist/components/Layout/Table/Table.stories.js

@@ -0,0 +1,257 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table } from './Table';
+import { Badge } from '../../Info/Badge/Badge';
+import { Button } from '../../Inputs/Buttons/Button/Button';
+const meta = {
+    title: 'Layouts/Table',
+    component: Table,
+    argTypes: {
+        columnConfigs: {
+            control: { type: 'object' },
+            description: 'Array of column configurations with headings and styles',
+        },
+        data: {
+            control: { type: 'object' },
+            description: 'Array of data items to display',
+        },
+        ListItem: {
+            control: false,
+            description: 'Component that renders each table row',
+        },
+    },
+};
+export default meta;
+// Mock data
+const userData = [
+    {
+        id: '1',
+        name: 'John Doe',
+        email: 'john.doe@example.com',
+        role: 'Administrator',
+        status: 'active',
+        lastLogin: '2024-01-15',
+    },
+    {
+        id: '2',
+        name: 'Jane Smith',
+        email: 'jane.smith@example.com',
+        role: 'Editor',
+        status: 'active',
+        lastLogin: '2024-01-14',
+    },
+    {
+        id: '3',
+        name: 'Bob Johnson',
+        email: 'bob.johnson@example.com',
+        role: 'Viewer',
+        status: 'inactive',
+        lastLogin: '2024-01-10',
+    },
+    {
+        id: '4',
+        name: 'Alice Williams',
+        email: 'alice.williams@example.com',
+        role: 'Editor',
+        status: 'active',
+        lastLogin: '2024-01-15',
+    },
+];
+const productData = [
+    {
+        id: '1',
+        name: 'Premium Widget',
+        category: 'Electronics',
+        price: 99.99,
+        stock: 150,
+        status: 'in-stock',
+    },
+    {
+        id: '2',
+        name: 'Standard Widget',
+        category: 'Electronics',
+        price: 49.99,
+        stock: 3,
+        status: 'low-stock',
+    },
+    {
+        id: '3',
+        name: 'Basic Widget',
+        category: 'Accessories',
+        price: 19.99,
+        stock: 0,
+        status: 'out-of-stock',
+    },
+    {
+        id: '4',
+        name: 'Deluxe Widget',
+        category: 'Electronics',
+        price: 149.99,
+        stock: 45,
+        status: 'in-stock',
+    },
+];
+const projectData = [
+    {
+        id: '1',
+        title: 'Website Redesign',
+        team: ['Alice', 'Bob', 'Charlie'],
+        progress: 75,
+        deadline: '2024-02-15',
+        priority: 'high',
+    },
+    {
+        id: '2',
+        title: 'Mobile App Update',
+        team: ['David', 'Eve'],
+        progress: 45,
+        deadline: '2024-03-01',
+        priority: 'medium',
+    },
+    {
+        id: '3',
+        title: 'API Documentation',
+        team: ['Frank', 'Grace'],
+        progress: 90,
+        deadline: '2024-01-20',
+        priority: 'low',
+    },
+];
+// ListItem Components
+const UserListItem = ({ data }) => {
+    return (_jsxs("tr", { children: [_jsx("td", { children: data.name }), _jsx("td", { children: data.email }), _jsx("td", { children: data.role }), _jsx("td", { children: _jsx(Badge, { color: data.status === 'active' ? 'success' : 'neutral', variant: "filled", size: "sm", children: data.status === 'active' ? 'Active' : 'Inactive' }) }), _jsx("td", { children: data.lastLogin })] }));
+};
+const ProductListItem = ({ data }) => {
+    const getStatusColor = (status) => {
+        switch (status) {
+            case 'in-stock':
+                return 'success';
+            case 'low-stock':
+                return 'warning';
+            case 'out-of-stock':
+                return 'error';
+            default:
+                return 'neutral';
+        }
+    };
+    const getStatusLabel = (status) => {
+        switch (status) {
+            case 'in-stock':
+                return 'In Stock';
+            case 'low-stock':
+                return 'Low Stock';
+            case 'out-of-stock':
+                return 'Out of Stock';
+            default:
+                return status;
+        }
+    };
+    return (_jsxs("tr", { children: [_jsx("td", { children: data.name }), _jsx("td", { children: data.category }), _jsxs("td", { children: ["$", data.price.toFixed(2)] }), _jsx("td", { children: data.stock }), _jsx("td", { children: _jsx(Badge, { color: getStatusColor(data.status), variant: "filled", size: "sm", children: getStatusLabel(data.status) }) }), _jsx("td", { children: _jsxs("div", { style: { display: 'flex', gap: '8px' }, children: [_jsx(Button, { size: "sm", variant: "primary", children: "Edit" }), _jsx(Button, { size: "sm", variant: "secondary", children: "View" })] }) })] }));
+};
+const ProjectListItem = ({ data }) => {
+    const getPriorityColor = (priority) => {
+        switch (priority) {
+            case 'high':
+                return 'error';
+            case 'medium':
+                return 'warning';
+            case 'low':
+                return 'success';
+            default:
+                return 'neutral';
+        }
+    };
+    return (_jsxs("tr", { children: [_jsx("td", { children: data.title }), _jsx("td", { children: data.team.join(', ') }), _jsx("td", { children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("div", { style: {
+                                flex: 1,
+                                height: '8px',
+                                backgroundColor: '#e0e0e0',
+                                borderRadius: '4px',
+                                overflow: 'hidden',
+                            }, children: _jsx("div", { style: {
+                                    width: `${data.progress}%`,
+                                    height: '100%',
+                                    backgroundColor: data.progress >= 75 ? '#4caf50' : data.progress >= 50 ? '#ff9800' : '#f44336',
+                                    transition: 'width 0.3s ease',
+                                } }) }), _jsxs("span", { style: { fontSize: '12px', minWidth: '35px' }, children: [data.progress, "%"] })] }) }), _jsx("td", { children: data.deadline }), _jsx("td", { children: _jsx(Badge, { color: getPriorityColor(data.priority), variant: "outline", size: "sm", children: data.priority.charAt(0).toUpperCase() + data.priority.slice(1) }) })] }));
+};
+// Stories
+export const BasicTable = {
+    args: {
+        columnConfigs: [
+            { heading: 'Name', style: { width: '25%' } },
+            { heading: 'Email', style: { width: '30%' } },
+            { heading: 'Role', style: { width: '20%' } },
+            { heading: 'Status', style: { width: '15%' } },
+            { heading: 'Last Login', style: { width: '10%' } },
+        ],
+        data: userData,
+        ListItem: UserListItem,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'A basic table displaying user information with text fields and status badges.',
+            },
+        },
+    },
+};
+export const TableWithCustomComponents = {
+    args: {
+        columnConfigs: [
+            { heading: 'Product Name', style: { width: '20%' } },
+            { heading: 'Category', style: { width: '15%' } },
+            { heading: 'Price', style: { width: '15%' } },
+            { heading: 'Stock', style: { width: '10%', textAlign: 'center' } },
+            { heading: 'Status', style: { width: '15%' } },
+            { heading: 'Actions', style: { width: '25%', textAlign: 'center' } },
+        ],
+        data: productData,
+        ListItem: ProductListItem,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'A table showcasing custom components including badges for status and action buttons. This demonstrates the versatility of the Table component.',
+            },
+        },
+    },
+};
+export const TableWithProgressBars = {
+    args: {
+        columnConfigs: [
+            { heading: 'Project Title', style: { width: '25%' } },
+            { heading: 'Team Members', style: { width: '25%' } },
+            { heading: 'Progress', style: { width: '20%' } },
+            { heading: 'Deadline', style: { width: '15%' } },
+            { heading: 'Priority', style: { width: '15%' } },
+        ],
+        data: projectData,
+        ListItem: ProjectListItem,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'A table with custom progress bars and priority badges, showing how complex UI elements can be integrated into table cells.',
+            },
+        },
+    },
+};
+export const StyledColumns = {
+    args: {
+        columnConfigs: [
+            { heading: 'Name', style: { width: '25%', paddingLeft: '20px', fontWeight: '600' } },
+            { heading: 'Email', style: { width: '30%', textAlign: 'left' } },
+            { heading: 'Role', style: { width: '20%', textAlign: 'center' } },
+            { heading: 'Status', style: { width: '15%', textAlign: 'center' } },
+            { heading: 'Last Login', style: { width: '10%', textAlign: 'right', paddingRight: '20px' } },
+        ],
+        data: userData,
+        ListItem: UserListItem,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'A table with custom column styling including padding, text alignment, and font weights.',
+            },
+        },
+    },
+};

package/dist/components/index.d.ts

@@ -43,6 +43,8 @@ export { Loader } from './Layout/Loader/Loader';
 export { Stack } from './Layout/Stack/Stack';
 export { Card } from './Layout/Card/Card';
 export { SectionCard } from './Layout/SectionCard/SectionCard';
+export { Table } from './Layout/Table/Table';
+export type { ColumnConfig } from './Layout/Table/Table';
 export { Tabs } from './Layout/Tabs/Tabs';
 export { CollapsibleText } from './Typography/CollapsibleText/CollapsibleText';
 export { Text } from './Typography/Text/Text';

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

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

package/dist/components/index.js

@@ -47,6 +47,7 @@ export { Loader } from './Layout/Loader/Loader';
 export { Stack } from './Layout/Stack/Stack';
 export { Card } from './Layout/Card/Card';
 export { SectionCard } from './Layout/SectionCard/SectionCard';
+export { Table } from './Layout/Table/Table';
 export { Tabs } from './Layout/Tabs/Tabs';
 //Typography
 export { CollapsibleText } from './Typography/CollapsibleText/CollapsibleText';

package/dist/constants/colors.d.ts

@@ -1,3 +1,4 @@
+export declare const white = "#FFFFFF";
 export declare const gray: {
     readonly 25: "#F8FAFC";
     readonly 50: "#EDEDED";
@@ -79,6 +80,7 @@ export declare const salmon: {
     readonly 200: "#FF806F";
 };
 export declare const colors: {
+    readonly white: "#FFFFFF";
     readonly neutral: {
         readonly 25: "#F8FAFC";
         readonly 50: "#EDEDED";

package/dist/constants/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}

package/dist/constants/colors.js

@@ -1,3 +1,4 @@
+export const white = '#FFFFFF';
 export const gray = {
     25: '#F8FAFC',
     50: '#EDEDED',
@@ -51,6 +52,7 @@ export const salmon = {
 };
 // Primary semantic/functional color exports - for use in UI, actions, states, etc. anything that would be affected by theme changes down the line
 export const colors = {
+    white,
     neutral,
     primary,
     success,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiv/ui",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "author": "Taiv",
   "description": "Taiv's web UI Toolkit built on Mantine v6",
   "main": "dist/index.js",