@taiv/ui 1.7.0 → 1.9.0

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

@@ -16,6 +16,7 @@ export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip/FormulaTooltip';
 export { InfoCard } from './Info/InfoCard/InfoCard';
 export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
 export { Button } from './Inputs/Buttons/Button/Button';
+export { IconButton } from './Inputs/Buttons/IconButton/IconButton';
 export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
 export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
 export { Radio } from './Inputs/Controls/Radio/Radio';
@@ -32,6 +33,7 @@ export { TextArea } from './Inputs/TextInputs/TextArea/TextArea';
 export { TextInput } from './Inputs/TextInputs/TextInput/TextInput';
 export { PasswordInput } from './Inputs/TextInputs/PasswordInput/PasswordInput';
 export { DatePicker } from './Inputs/Dates/DatePicker/DatePicker';
+export { NumberInput } from './Inputs/TextInputs/NumberInput/NumberInput';
 export { AutoGrid } from './Layout/AutoGrid/AutoGrid';
 export { Grid } from './Layout/Grid/Grid';
 export { Box } from './Layout/Box/Box';
@@ -43,6 +45,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

@@ -19,6 +19,7 @@ export { InfoCard } from './Info/InfoCard/InfoCard';
 //Inputs
 export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
 export { Button } from './Inputs/Buttons/Button/Button';
+export { IconButton } from './Inputs/Buttons/IconButton/IconButton';
 export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
 export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
 export { Radio } from './Inputs/Controls/Radio/Radio';
@@ -35,6 +36,7 @@ export { TextArea } from './Inputs/TextInputs/TextArea/TextArea';
 export { TextInput } from './Inputs/TextInputs/TextInput/TextInput';
 export { PasswordInput } from './Inputs/TextInputs/PasswordInput/PasswordInput';
 export { DatePicker } from './Inputs/Dates/DatePicker/DatePicker';
+export { NumberInput } from './Inputs/TextInputs/NumberInput/NumberInput';
 //Layout
 export { AutoGrid } from './Layout/AutoGrid/AutoGrid';
 export { Grid } from './Layout/Grid/Grid';
@@ -47,6 +49,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.7.0",
+  "version": "1.9.0",
   "author": "Taiv",
   "description": "Taiv's web UI Toolkit built on Mantine v6",
   "main": "dist/index.js",
@@ -8,6 +8,10 @@
   "files": [
     "dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alborz-taiv/taiv-ui"
+  },
   "scripts": {
     "build": "tsc",
     "dev": "npm link && tsc --watch",

package/dist/components/Inputs/Buttons/Button/variants.d.ts

@@ -1,191 +0,0 @@
-export declare const componentVariants: {
-    readonly primary: {
-        readonly background: "linear-gradient(to right, #0081CE, #00A6F4)";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "linear-gradient(to right, #0081CE, #0081CE)";
-            readonly transition: "background 0.3s ease-in-out";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #00A6F4";
-            readonly color: "#00A6F4";
-        };
-        readonly '&:toggled': {
-            readonly background: "linear-gradient(to right, #0081CE, #0081CE)";
-            readonly color: "white";
-        };
-        readonly '&:disabled': {
-            readonly background: "#EDEDED";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly secondary: {
-        readonly background: "white";
-        readonly color: "#6D6D6D";
-        readonly border: "1px solid #6D6D6D";
-        readonly '&:hover': {
-            readonly background: "#D9D9D9";
-            readonly border: "1px solid #D9D9D9";
-            readonly color: "white";
-        };
-        readonly '&:active': {
-            readonly background: "#D9D9D9";
-            readonly border: "1px solid #6D6D6D";
-            readonly color: "#6D6D6D";
-        };
-        readonly '&:toggled': {
-            readonly background: "#D9D9D9";
-            readonly color: "neutral[200]";
-        };
-        readonly '&:disabled': {
-            readonly background: "#EDEDED";
-            readonly border: "1px solid #EDEDED";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "#6D6D6D";
-            };
-        };
-    };
-    readonly cancel: {
-        readonly background: "#C10007";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "#FB2C36";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #C10007";
-            readonly color: "#C10007";
-        };
-        readonly '&:toggled': {
-            readonly background: "#FB2C36";
-            readonly color: "white";
-        };
-        readonly '&:disabled': {
-            readonly background: "#FFD7D9";
-            readonly border: "1px solid #FFD7D9";
-            readonly color: "white";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly success: {
-        readonly background: "#00A63E";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "#00C951";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #00A63E";
-            readonly color: "#00A63E";
-        };
-        readonly '&:toggled': {
-            readonly background: "#00C951";
-        };
-        readonly '&:disabled': {
-            readonly background: "#E6F4E7";
-            readonly border: "1px solid #E6F4E7";
-            readonly color: "white";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly warning: {
-        readonly background: "#E17100";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "#FE9A00";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #E17100";
-            readonly color: "#E17100";
-        };
-        readonly '&:toggled': {
-            readonly background: "#FE9A00";
-        };
-        readonly '&:disabled': {
-            readonly background: "#FFE5B4";
-            readonly border: "1px solid #FFE5B4";
-            readonly color: "white";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly text: {
-        readonly background: "transparent";
-        readonly color: "#6D6D6D";
-        readonly border: "none";
-        readonly padding: "0";
-        readonly height: "auto";
-        readonly minWidth: "unset";
-        readonly '&:hover': {
-            readonly background: "transparent";
-            readonly color: "#0081CE";
-        };
-        readonly '&:active': {
-            readonly background: "transparent";
-            readonly color: "#00A6F4";
-        };
-        readonly '&:toggled': {
-            readonly background: "transparent";
-            readonly color: "#0081CE";
-        };
-        readonly '&:disabled': {
-            readonly background: "transparent";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "#6D6D6D";
-            };
-        };
-    };
-    readonly nav: {
-        readonly background: "white";
-        readonly paddingLeft: "0.8rem";
-        readonly color: "#6D6D6D";
-        readonly '& .mantine-Button-inner': {
-            readonly justifyContent: "flex-start";
-        };
-        readonly '&:hover': {
-            readonly background: "#EDEDED";
-        };
-        readonly '&:active': {
-            readonly background: "#D9D9D9";
-            readonly color: "#6D6D6D";
-        };
-        readonly '&:toggled': {
-            readonly background: "#EDEDED";
-            readonly color: "#6D6D6D";
-        };
-        readonly '&:disabled': {
-            readonly background: "#EDEDED";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "#6D6D6D";
-            };
-        };
-    };
-};
-//# sourceMappingURL=variants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/Button/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LpB,CAAC"}