@pathscale/ui 1.1.6 → 1.1.7

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

@@ -1,19 +1,31 @@
 import "./table.css";
 import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps, ComponentSize } from "../types";
-export type TableProps = JSX.HTMLAttributes<HTMLTableElement> & IComponentBaseProps & {
-    size?: ComponentSize;
-    zebra?: boolean;
-    pinRows?: boolean;
-    pinCols?: boolean;
-    hover?: boolean;
+import type { IComponentBaseProps } from "../types";
+type TableVariant = "primary" | "secondary";
+export declare const useTableContext: () => {
+    variant: TableVariant;
 };
-declare const _default: Component<TableProps> & {
-    Head: Component<import("./TableHead").TableHeadProps>;
-    Body: Component<import("./TableBody").TableBodyProps>;
-    Row: Component<import("./TableRow").TableRowProps>;
-    Footer: Component<import("./TableFooter").TableFooterProps>;
-    Cell: Component<import("./TableCell").TableCellProps>;
-    HeadCell: Component<import("./TableHeadCell").TableHeadCellProps>;
+export type TableRootProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    variant?: TableVariant;
+};
+export type TableScrollContainerProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+export type TableContentProps = JSX.HTMLAttributes<HTMLTableElement> & IComponentBaseProps;
+export type TableHeaderProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps;
+export type TableColumnProps = JSX.ThHTMLAttributes<HTMLTableCellElement> & IComponentBaseProps;
+export type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps;
+export type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & IComponentBaseProps;
+export type TableCellProps = JSX.TdHTMLAttributes<HTMLTableCellElement> & IComponentBaseProps;
+export type TableFooterProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+export type { TableVariant };
+declare const _default: Component<TableRootProps> & {
+    Root: Component<TableRootProps>;
+    ScrollContainer: Component<TableScrollContainerProps>;
+    Content: Component<TableContentProps>;
+    Header: Component<TableHeaderProps>;
+    Column: Component<TableColumnProps>;
+    Body: Component<TableBodyProps>;
+    Row: Component<TableRowProps>;
+    Cell: Component<TableCellProps>;
+    Footer: Component<TableFooterProps>;
 };
 export default _default;

package/dist/components/table/Table.js

@@ -1,57 +1,219 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 import "./table.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__TableHead_js_93797763__ from "./TableHead.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableBody_js_4322b77f__ from "./TableBody.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableRow_js_15790b98__ from "./TableRow.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableFooter_js_4d2342c8__ from "./TableFooter.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableCell_js_05a1cbe2__ from "./TableCell.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableHeadCell_js_c0a783bb__ from "./TableHeadCell.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<table>");
-const Table = (props)=>{
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table-scroll-container>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<table data-slot=table-content>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead data-slot=table-header>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th data-slot=table-column>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody data-slot=table-body>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr data-slot=table-row>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td data-slot=table-cell>"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table-footer>");
+const TableContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)({
+    variant: "primary"
+});
+const useTableContext = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TableContext);
+const TableRoot = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "variant",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const variant = ()=>local.variant ?? "primary";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableContext.Provider, {
+        value: {
+            get variant () {
+                return variant();
+            }
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table-root", `table-root--${variant()}`, local.class, local.className);
+                },
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                }
+            }, rest), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const TableScrollContainer = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__scroll-container", local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$2;
+    })();
+};
+const TableContent = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$3 = _tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__content", local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        return _el$3;
+    })();
+};
+const TableHeader = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$4 = _tmpl$4();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__header", local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$4;
+    })();
+};
+const TableColumn = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$5 = _tmpl$5();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__column", local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
+        return _el$5;
+    })();
+};
+const TableBody = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "size",
-        "zebra",
-        "pinRows",
-        "pinCols",
-        "hover",
-        "dataTheme",
-        "class"
+        "class",
+        "className",
+        "dataTheme"
     ]);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table", local.class, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
-            "table-zebra": local.zebra,
-            "table-hover": local.hover,
-            "table-xl": "xl" === local.size,
-            "table-lg": "lg" === local.size,
-            "table-md": "md" === local.size,
-            "table-sm": "sm" === local.size,
-            "table-xs": "xs" === local.size,
-            "table-pin-rows": local.pinRows,
-            "table-pin-cols": local.pinCols
-        }));
     return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        var _el$6 = _tmpl$6();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__body", local.class, local.className);
+            },
             get ["data-theme"] () {
                 return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        return _el$6;
+    })();
+};
+const TableRow = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$7 = _tmpl$7();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__row", local.class, local.className);
             },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        return _el$7;
+    })();
+};
+const TableCell = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$8 = _tmpl$8();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__cell", local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children);
+        return _el$8;
+    })();
+};
+const TableFooter = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$9 = _tmpl$9();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             get ["class"] () {
-                return classes();
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__footer", local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
             }
         }, rest), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-        return _el$;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
+        return _el$9;
     })();
 };
-const table_Table = Object.assign(Table, {
-    Head: __WEBPACK_EXTERNAL_MODULE__TableHead_js_93797763__["default"],
-    Body: __WEBPACK_EXTERNAL_MODULE__TableBody_js_4322b77f__["default"],
-    Row: __WEBPACK_EXTERNAL_MODULE__TableRow_js_15790b98__["default"],
-    Footer: __WEBPACK_EXTERNAL_MODULE__TableFooter_js_4d2342c8__["default"],
-    Cell: __WEBPACK_EXTERNAL_MODULE__TableCell_js_05a1cbe2__["default"],
-    HeadCell: __WEBPACK_EXTERNAL_MODULE__TableHeadCell_js_c0a783bb__["default"]
+const Table = Object.assign(TableRoot, {
+    Root: TableRoot,
+    ScrollContainer: TableScrollContainer,
+    Content: TableContent,
+    Header: TableHeader,
+    Column: TableColumn,
+    Body: TableBody,
+    Row: TableRow,
+    Cell: TableCell,
+    Footer: TableFooter
 });
-export { table_Table as default };
+export { Table as default, useTableContext };

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

@@ -1,4 +1,4 @@
 export { default } from "./Table";
-export type { TableProps } from "./Table";
+export type { TableRootProps as TableProps, TableRootProps, TableScrollContainerProps, TableContentProps, TableHeaderProps, TableColumnProps, TableBodyProps, TableRowProps, TableCellProps, TableFooterProps, TableVariant, } from "./Table";
 export { default as EnhancedTable } from "./EnhancedTable";
 export type { EnhancedTableProps } from "./EnhancedTable";