@deepnoid/ui 0.0.84 → 0.0.87

package/dist/components/table/table-body.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-LGELMZCN.mjs";
+} from "../../chunk-QIZOXBOY.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-BE2OG6M4.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AHORH5PH.mjs";
-import "../../chunk-QURXBWKK.mjs";
+import "../../chunk-PRUAIZTU.mjs";
+import "../../chunk-IOV7MEPG.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/table/table-head.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SlotsToClasses } from '../../utils/types.mjs';
+import { TableColumn, TableReturnType, TableSlots } from './table.mjs';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config';
+import 'react';
+
+type TableHeadProps = {
+    columns: TableColumn[];
+    slots: TableReturnType;
+    size?: "md" | "sm" | "lg";
+    color?: "primary" | "secondary";
+    isExpanded?: boolean;
+    isSelected?: boolean;
+    isAllSelected: boolean;
+    classNames?: SlotsToClasses<TableSlots>;
+    onSelectAll: (isSelected: boolean) => void;
+};
+declare const TableHead: ({ columns, slots, size, color, isExpanded, isSelected, isAllSelected, classNames, onSelectAll, }: TableHeadProps) => react_jsx_runtime.JSX.Element;
+
+export { TableHead as default };

package/dist/components/table/table.d.mts

@@ -0,0 +1,583 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import react__default, { ReactElement } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props extends Omit<react__default.ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "defaultChecked" | "defaultValue"> {
+    rows: TableRow[];
+    columns: TableColumn[];
+    isLoading?: boolean;
+    emptyContent?: ReactElement;
+    classNames?: SlotsToClasses<TableSlots>;
+    onRowAction?: (e: react__default.MouseEvent, params: TableRow) => void;
+}
+interface TableRef {
+    selectedRows: Set<number>;
+    setSelectedRows: (rows: Set<number>) => void;
+}
+declare const Table: react__default.ForwardRefExoticComponent<Props & TableVariantProps & react__default.RefAttributes<TableRef>>;
+
+declare const table: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            tbody: string;
+        };
+        stripe: {
+            thead: string;
+        };
+        line: {
+            tr: string;
+            thead: string;
+        };
+    };
+    size: {
+        sm: {
+            tr: string;
+        };
+        md: {
+            tr: string;
+        };
+        lg: {
+            tr: string;
+        };
+    };
+    color: {
+        primary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        secondary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        neutral: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+    };
+    isSelected: {
+        true: {};
+    };
+    isSelectedRow: {
+        true: {};
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isExpanded: {
+        true: {
+            tr: string;
+        };
+    };
+}, {
+    base: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string[];
+    th: string[];
+    td: string[];
+    tfoot: string;
+    expandedTr: string;
+    sortIcon: string[];
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            tbody: string;
+        };
+        stripe: {
+            thead: string;
+        };
+        line: {
+            tr: string;
+            thead: string;
+        };
+    };
+    size: {
+        sm: {
+            tr: string;
+        };
+        md: {
+            tr: string;
+        };
+        lg: {
+            tr: string;
+        };
+    };
+    color: {
+        primary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        secondary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        neutral: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+    };
+    isSelected: {
+        true: {};
+    };
+    isSelectedRow: {
+        true: {};
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isExpanded: {
+        true: {
+            tr: string;
+        };
+    };
+}, {
+    variant: {
+        solid: {
+            tbody: string;
+        };
+        stripe: {
+            thead: string;
+        };
+        line: {
+            tr: string;
+            thead: string;
+        };
+    };
+    size: {
+        sm: {
+            tr: string;
+        };
+        md: {
+            tr: string;
+        };
+        lg: {
+            tr: string;
+        };
+    };
+    color: {
+        primary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        secondary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        neutral: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+    };
+    isSelected: {
+        true: {};
+    };
+    isSelectedRow: {
+        true: {};
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isExpanded: {
+        true: {
+            tr: string;
+        };
+    };
+}>, {
+    variant: {
+        solid: {
+            tbody: string;
+        };
+        stripe: {
+            thead: string;
+        };
+        line: {
+            tr: string;
+            thead: string;
+        };
+    };
+    size: {
+        sm: {
+            tr: string;
+        };
+        md: {
+            tr: string;
+        };
+        lg: {
+            tr: string;
+        };
+    };
+    color: {
+        primary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        secondary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        neutral: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+    };
+    isSelected: {
+        true: {};
+    };
+    isSelectedRow: {
+        true: {};
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isExpanded: {
+        true: {
+            tr: string;
+        };
+    };
+}, {
+    base: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string[];
+    th: string[];
+    td: string[];
+    tfoot: string;
+    expandedTr: string;
+    sortIcon: string[];
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            tbody: string;
+        };
+        stripe: {
+            thead: string;
+        };
+        line: {
+            tr: string;
+            thead: string;
+        };
+    };
+    size: {
+        sm: {
+            tr: string;
+        };
+        md: {
+            tr: string;
+        };
+        lg: {
+            tr: string;
+        };
+    };
+    color: {
+        primary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        secondary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        neutral: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+    };
+    isSelected: {
+        true: {};
+    };
+    isSelectedRow: {
+        true: {};
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isExpanded: {
+        true: {
+            tr: string;
+        };
+    };
+}, {
+    base: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string[];
+    th: string[];
+    td: string[];
+    tfoot: string;
+    expandedTr: string;
+    sortIcon: string[];
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            tbody: string;
+        };
+        stripe: {
+            thead: string;
+        };
+        line: {
+            tr: string;
+            thead: string;
+        };
+    };
+    size: {
+        sm: {
+            tr: string;
+        };
+        md: {
+            tr: string;
+        };
+        lg: {
+            tr: string;
+        };
+    };
+    color: {
+        primary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        secondary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        neutral: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+    };
+    isSelected: {
+        true: {};
+    };
+    isSelectedRow: {
+        true: {};
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isExpanded: {
+        true: {
+            tr: string;
+        };
+    };
+}, {
+    variant: {
+        solid: {
+            tbody: string;
+        };
+        stripe: {
+            thead: string;
+        };
+        line: {
+            tr: string;
+            thead: string;
+        };
+    };
+    size: {
+        sm: {
+            tr: string;
+        };
+        md: {
+            tr: string;
+        };
+        lg: {
+            tr: string;
+        };
+    };
+    color: {
+        primary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        secondary: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+        neutral: {
+            thead: string;
+            tr: string;
+            td: string;
+            expandedTr: string;
+        };
+    };
+    isSelected: {
+        true: {};
+    };
+    isSelectedRow: {
+        true: {};
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isExpanded: {
+        true: {
+            tr: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type TableVariantProps = VariantProps<typeof table>;
+type TableSlots = keyof ReturnType<typeof table>;
+type TableReturnType = ReturnType<typeof table>;
+type RowValue = Record<string | symbol, any>;
+type CellParams<R extends RowValue = any, V = any, F = V> = {
+    id: string | number;
+    field: string;
+    value: V | undefined;
+    formattedValue: F | undefined;
+    row: TableRow<R>;
+};
+type ValueFormatterParams<V = any> = {
+    id?: string | number;
+    field: string;
+    value: V;
+};
+type TableRow<R extends RowValue = RowValue> = R;
+type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
+    field: string;
+    headerName?: string | ReactElement;
+    className?: string;
+    valueFormatter?: (params: ValueFormatterParams<V>) => F;
+    renderCell?: (params: CellParams<R, V, F>) => react__default.ReactNode;
+};
+
+export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };