@pathscale/ui 2.2.2 → 2.3.1

package/dist/components/table/Table.recipe.js

@@ -29,32 +29,7 @@ const componentRecipe = recipe({
     component: "table",
     slots: {
         root: {},
-        table: {},
-        "table-body": {},
-        "table-cell": {},
-        "table-column": {},
-        "table-column-resizer": {},
-        "table-content": {},
-        "table-expand-toggle": {},
-        "table-expanded-row": {},
-        "table-footer": {},
-        "table-header": {},
-        "table-inline-confirm": {},
-        "table-inline-confirm-actions": {},
-        "table-inline-confirm-prompt": {},
-        "table-load-more": {},
-        "table-load-more-content": {},
-        "table-mobile-list-view": {},
-        "table-mobile-list-view-empty": {},
-        "table-mobile-list-view-item": {},
-        "table-mobile-list-view-list": {},
-        "table-page-size": {},
-        "table-page-size-label": {},
-        "table-resizable-container": {},
-        "table-row": {},
-        "table-scroll-container": {},
-        "table-sort-icon": {},
-        "table-virtual-spacer-row": {}
+        table: {}
     },
     _layouts: {
         slots: {
@@ -65,138 +40,505 @@ const componentRecipe = recipe({
             table: {
                 base: "",
                 axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 0,
+            table: 1
+        }
+    }
+});
+const tableScrollContainerRecipe = recipe({
+    component: "table-scroll-container",
+    slots: {
+        root: {},
+        "table-scroll-container": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
             },
-            "table-body": {
+            "table-scroll-container": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 40,
+            "table-scroll-container": 41
+        }
+    }
+});
+const tableContentRecipe = recipe({
+    component: "table-content",
+    slots: {
+        root: {},
+        "table-content": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-cell": {
+            "table-content": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 10,
+            "table-content": 11
+        }
+    }
+});
+const tableHeaderRecipe = recipe({
+    component: "table-header",
+    slots: {
+        root: {},
+        "table-header": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
+            },
+            "table-header": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 18,
+            "table-header": 19
+        }
+    }
+});
+const tableColumnRecipe = recipe({
+    component: "table-column",
+    slots: {
+        root: {},
+        "table-column": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
             "table-column": {
                 base: "",
                 axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 6,
+            "table-column": 7
+        }
+    }
+});
+const tableBodyRecipe = recipe({
+    component: "table-body",
+    slots: {
+        root: {},
+        "table-body": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
             },
-            "table-column-resizer": {
+            "table-body": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 2,
+            "table-body": 3
+        }
+    }
+});
+const tableRowRecipe = recipe({
+    component: "table-row",
+    slots: {
+        root: {},
+        "table-row": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-content": {
+            "table-row": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 38,
+            "table-row": 39
+        }
+    }
+});
+const tableCellRecipe = recipe({
+    component: "table-cell",
+    slots: {
+        root: {},
+        "table-cell": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-expand-toggle": {
+            "table-cell": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 4,
+            "table-cell": 5
+        }
+    }
+});
+const tableExpandedRowRecipe = recipe({
+    component: "table-expanded-row",
+    slots: {
+        root: {},
+        "table-expanded-row": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
             "table-expanded-row": {
                 base: "",
                 axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 14,
+            "table-expanded-row": 15
+        }
+    }
+});
+const tableFooterRecipe = recipe({
+    component: "table-footer",
+    slots: {
+        root: {},
+        "table-footer": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
             },
             "table-footer": {
                 base: "",
                 axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 16,
+            "table-footer": 17
+        }
+    }
+});
+const tablePageSizeRecipe = recipe({
+    component: "table-page-size",
+    slots: {
+        root: {},
+        "table-page-size": {},
+        "table-page-size-label": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
             },
-            "table-header": {
+            "table-page-size": {
                 base: "",
                 axes: {}
             },
-            "table-inline-confirm": {
+            "table-page-size-label": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 33,
+            "table-page-size": 34,
+            "table-page-size-label": 35
+        }
+    }
+});
+const tableResizableContainerRecipe = recipe({
+    component: "table-resizable-container",
+    slots: {
+        root: {},
+        "table-resizable-container": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-inline-confirm-actions": {
+            "table-resizable-container": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 36,
+            "table-resizable-container": 37
+        }
+    }
+});
+const tableColumnResizerRecipe = recipe({
+    component: "table-column-resizer",
+    slots: {
+        root: {},
+        "table-column-resizer": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-inline-confirm-prompt": {
+            "table-column-resizer": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 8,
+            "table-column-resizer": 9
+        }
+    }
+});
+const tableLoadMoreRecipe = recipe({
+    component: "table-load-more",
+    slots: {
+        root: {},
+        "table-load-more": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
             "table-load-more": {
                 base: "",
                 axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 24,
+            "table-load-more": 25
+        }
+    }
+});
+const tableLoadMoreContentRecipe = recipe({
+    component: "table-load-more-content",
+    slots: {
+        root: {},
+        "table-load-more-content": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
             },
             "table-load-more-content": {
                 base: "",
                 axes: {}
-            },
-            "table-mobile-list-view": {
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 26,
+            "table-load-more-content": 27
+        }
+    }
+});
+const tableSortIconRecipe = recipe({
+    component: "table-sort-icon",
+    slots: {
+        root: {},
+        "table-sort-icon": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-mobile-list-view-empty": {
+            "table-sort-icon": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 42,
+            "table-sort-icon": 43
+        }
+    }
+});
+const tableExpandToggleRecipe = recipe({
+    component: "table-expand-toggle",
+    slots: {
+        root: {},
+        "table-expand-toggle": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-mobile-list-view-item": {
+            "table-expand-toggle": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 12,
+            "table-expand-toggle": 13
+        }
+    }
+});
+const tableVirtualSpacerRowRecipe = recipe({
+    component: "table-virtual-spacer-row",
+    slots: {
+        root: {},
+        "table-virtual-spacer-row": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-mobile-list-view-list": {
+            "table-virtual-spacer-row": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 44,
+            "table-virtual-spacer-row": 45
+        }
+    }
+});
+const tableMobileListViewRecipe = recipe({
+    component: "table-mobile-list-view",
+    slots: {
+        root: {},
+        "table-mobile-list-view": {},
+        "table-mobile-list-view-list": {},
+        "table-mobile-list-view-item": {},
+        "table-mobile-list-view-empty": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-page-size": {
+            "table-mobile-list-view": {
                 base: "",
                 axes: {}
             },
-            "table-page-size-label": {
+            "table-mobile-list-view-list": {
                 base: "",
                 axes: {}
             },
-            "table-resizable-container": {
+            "table-mobile-list-view-item": {
                 base: "",
                 axes: {}
             },
-            "table-row": {
+            "table-mobile-list-view-empty": {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 28,
+            "table-mobile-list-view": 29,
+            "table-mobile-list-view-list": 32,
+            "table-mobile-list-view-item": 31,
+            "table-mobile-list-view-empty": 30
+        }
+    }
+});
+const tableInlineConfirmRecipe = recipe({
+    component: "table-inline-confirm",
+    slots: {
+        root: {},
+        "table-inline-confirm": {},
+        "table-inline-confirm-prompt": {},
+        "table-inline-confirm-actions": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
                 base: "",
                 axes: {}
             },
-            "table-scroll-container": {
+            "table-inline-confirm": {
                 base: "",
                 axes: {}
             },
-            "table-sort-icon": {
+            "table-inline-confirm-prompt": {
                 base: "",
                 axes: {}
             },
-            "table-virtual-spacer-row": {
+            "table-inline-confirm-actions": {
                 base: "",
                 axes: {}
             }
         },
         stateKeys: [],
         slotIds: {
-            root: 0,
-            table: 1,
-            "table-body": 2,
-            "table-cell": 3,
-            "table-column": 4,
-            "table-column-resizer": 5,
-            "table-content": 6,
-            "table-expand-toggle": 7,
-            "table-expanded-row": 8,
-            "table-footer": 9,
-            "table-header": 10,
-            "table-inline-confirm": 11,
-            "table-inline-confirm-actions": 12,
-            "table-inline-confirm-prompt": 13,
-            "table-load-more": 14,
-            "table-load-more-content": 15,
-            "table-mobile-list-view": 16,
-            "table-mobile-list-view-empty": 17,
-            "table-mobile-list-view-item": 18,
-            "table-mobile-list-view-list": 19,
-            "table-page-size": 20,
-            "table-page-size-label": 21,
-            "table-resizable-container": 22,
-            "table-row": 23,
-            "table-scroll-container": 24,
-            "table-sort-icon": 25,
-            "table-virtual-spacer-row": 26
-        }
-    }
-});
-export { CLASSES, componentRecipe };
+            root: 20,
+            "table-inline-confirm": 21,
+            "table-inline-confirm-prompt": 23,
+            "table-inline-confirm-actions": 22
+        }
+    }
+});
+export { CLASSES, componentRecipe, tableBodyRecipe, tableCellRecipe, tableColumnRecipe, tableColumnResizerRecipe, tableContentRecipe, tableExpandToggleRecipe, tableExpandedRowRecipe, tableFooterRecipe, tableHeaderRecipe, tableInlineConfirmRecipe, tableLoadMoreContentRecipe, tableLoadMoreRecipe, tableMobileListViewRecipe, tablePageSizeRecipe, tableResizableContainerRecipe, tableRowRecipe, tableScrollContainerRecipe, tableSortIconRecipe, tableVirtualSpacerRowRecipe };

package/dist/components/table/TableBody.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement> & UIBaseProps;
+declare const TableBody: __LayoutComponent<TableBodyProps>;
+export default TableBody;

package/dist/components/table/TableBody.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableBodyRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<tbody>");
+const __solidLayoutTableBody = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.body, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-body"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableBody = defineComponent({
+    recipe: tableBodyRecipe,
+    layout: __solidLayoutTableBody,
+    embedded: true
+});
+const TableBody_generated = TableBody;
+export default TableBody_generated;

package/dist/components/table/TableCell.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableCellProps = JSX.TdHTMLAttributes<HTMLTableCellElement> & UIBaseProps;
+declare const TableCell: __LayoutComponent<TableCellProps>;
+export default TableCell;

package/dist/components/table/TableCell.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableCellRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<td>");
+const __solidLayoutTableCell = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.cell, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-cell"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableCell = defineComponent({
+    recipe: tableCellRecipe,
+    layout: __solidLayoutTableCell,
+    embedded: true
+});
+const TableCell_generated = TableCell;
+export default TableCell_generated;

package/dist/components/table/TableColumn.generated.d.ts

@@ -0,0 +1,11 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+import { type TableColumnChildren } from "./Table.context";
+export type TableColumnProps = Omit<JSX.ThHTMLAttributes<HTMLTableCellElement>, "id" | "children"> & UIBaseProps & {
+    id: string;
+    allowsSorting?: boolean;
+    children?: TableColumnChildren;
+};
+declare const TableColumn: __LayoutComponent<TableColumnProps>;
+export default TableColumn;