@pathscale/ui 1.3.1 → 1.4.0

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

@@ -0,0 +1,202 @@
+import { recipe } from "../../lib/layouts/index.js";
+const CLASSES = {
+    root: {
+        base: "table-root",
+        variant: {
+            primary: "table-root--primary",
+            secondary: "table-root--secondary"
+        }
+    },
+    scroll: "table__scroll-container",
+    content: "table__content",
+    header: "table__header",
+    column: "table__column",
+    body: "table__body",
+    row: "table__row",
+    cell: "table__cell",
+    expandedRow: "table__expanded-row",
+    expandedCell: "table__expanded-cell",
+    footer: "table__footer",
+    pageSize: "table__page-size",
+    pageSizeLabel: "table__page-size-label",
+    pageSizeSelect: "table__page-size-select",
+    resizableContainer: "table__resizable-container",
+    columnResizer: "table__column-resizer",
+    loadMore: "table__load-more",
+    loadMoreContent: "table__load-more-content"
+};
+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": {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
+            },
+            table: {
+                base: "",
+                axes: {}
+            },
+            "table-body": {
+                base: "",
+                axes: {}
+            },
+            "table-cell": {
+                base: "",
+                axes: {}
+            },
+            "table-column": {
+                base: "",
+                axes: {}
+            },
+            "table-column-resizer": {
+                base: "",
+                axes: {}
+            },
+            "table-content": {
+                base: "",
+                axes: {}
+            },
+            "table-expand-toggle": {
+                base: "",
+                axes: {}
+            },
+            "table-expanded-row": {
+                base: "",
+                axes: {}
+            },
+            "table-footer": {
+                base: "",
+                axes: {}
+            },
+            "table-header": {
+                base: "",
+                axes: {}
+            },
+            "table-inline-confirm": {
+                base: "",
+                axes: {}
+            },
+            "table-inline-confirm-actions": {
+                base: "",
+                axes: {}
+            },
+            "table-inline-confirm-prompt": {
+                base: "",
+                axes: {}
+            },
+            "table-load-more": {
+                base: "",
+                axes: {}
+            },
+            "table-load-more-content": {
+                base: "",
+                axes: {}
+            },
+            "table-mobile-list-view": {
+                base: "",
+                axes: {}
+            },
+            "table-mobile-list-view-empty": {
+                base: "",
+                axes: {}
+            },
+            "table-mobile-list-view-item": {
+                base: "",
+                axes: {}
+            },
+            "table-mobile-list-view-list": {
+                base: "",
+                axes: {}
+            },
+            "table-page-size": {
+                base: "",
+                axes: {}
+            },
+            "table-page-size-label": {
+                base: "",
+                axes: {}
+            },
+            "table-resizable-container": {
+                base: "",
+                axes: {}
+            },
+            "table-row": {
+                base: "",
+                axes: {}
+            },
+            "table-scroll-container": {
+                base: "",
+                axes: {}
+            },
+            "table-sort-icon": {
+                base: "",
+                axes: {}
+            },
+            "table-virtual-spacer-row": {
+                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 };

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

@@ -0,0 +1,8 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type VirtualSpacerRowProps = IComponentBaseProps & {
+    height: number;
+    colSpan: number;
+};
+declare const VirtualSpacerRow: __LayoutComponent<VirtualSpacerRowProps>;
+export default VirtualSpacerRow;

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

@@ -0,0 +1,40 @@
+import { effect, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { componentRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<tr data-slot=table-virtual-spacer-row aria-hidden=true><td>");
+const __solidLayoutVirtualSpacerRow = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "height",
+        "colSpan",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+        spread(_el$2, mergeProps(rest, {
+            get colSpan () {
+                return local.colSpan;
+            }
+        }, ()=>({
+                class: twMerge("border-0 bg-transparent p-0", local.class, local.className)
+            }), {
+            get style () {
+                return {
+                    height: `${Math.max(0, local.height)}px`
+                };
+            }
+        }), false, false);
+        effect(()=>setAttribute(_el$, "data-theme", local.dataTheme));
+        return _el$;
+    })();
+};
+const VirtualSpacerRow = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutVirtualSpacerRow,
+    embedded: true
+});
+const VirtualSpacerRow_generated = VirtualSpacerRow;
+export default VirtualSpacerRow_generated;

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

@@ -1,15 +1,15 @@
-export { default } from "./Table";
-export { TableRoot, TableScrollContainer, TableContent, TableHeader, TableColumn, TableBody, TableRow, TableCell, TableExpandedRow, TableFooter, TablePageSize, TableResizableContainer, TableColumnResizer, TableLoadMore, TableLoadMoreContent, } from "./Table";
-export type { TableRootProps as TableProps, TableRootProps, TableScrollContainerProps, TableContentProps, TableHeaderProps, TableColumnProps, TableBodyProps, TableRowProps, TableCellProps, TableExpandedRowProps, TableFooterProps, TablePageSizeProps, TableResizableContainerProps, TableColumnResizerProps, TableLoadMoreProps, TableLoadMoreContentProps, TableVariant, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, } from "./Table";
-export { default as SortIcon } from "./SortIcon";
-export type { SortIconProps, SortIconState } from "./SortIcon";
-export { default as ExpandToggle } from "./ExpandToggle";
-export type { ExpandToggleProps } from "./ExpandToggle";
-export { default as VirtualSpacerRow } from "./VirtualSpacerRow";
-export type { VirtualSpacerRowProps } from "./VirtualSpacerRow";
-export { default as MobileListView } from "./MobileListView";
-export type { MobileListViewProps } from "./MobileListView";
-export { default as InlineConfirm } from "./InlineConfirm";
-export type { InlineConfirmProps, InlineConfirmVariant } from "./InlineConfirm";
+export { default } from "./Table.generated";
+export { TableRoot, TableScrollContainer, TableContent, TableHeader, TableColumn, TableBody, TableRow, TableCell, TableExpandedRow, TableFooter, TablePageSize, TableResizableContainer, TableColumnResizer, TableLoadMore, TableLoadMoreContent, } from "./Table.generated";
+export type { TableRootProps as TableProps, TableRootProps, TableScrollContainerProps, TableContentProps, TableHeaderProps, TableColumnProps, TableBodyProps, TableRowProps, TableCellProps, TableExpandedRowProps, TableFooterProps, TablePageSizeProps, TableResizableContainerProps, TableColumnResizerProps, TableLoadMoreProps, TableLoadMoreContentProps, TableVariant, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, } from "./Table.generated";
+export { default as SortIcon } from "./SortIcon.generated";
+export type { SortIconProps, SortIconState } from "./SortIcon.generated";
+export { default as ExpandToggle } from "./ExpandToggle.generated";
+export type { ExpandToggleProps } from "./ExpandToggle.generated";
+export { default as VirtualSpacerRow } from "./VirtualSpacerRow.generated";
+export type { VirtualSpacerRowProps } from "./VirtualSpacerRow.generated";
+export { default as MobileListView } from "./MobileListView.generated";
+export type { MobileListViewProps } from "./MobileListView.generated";
+export { default as InlineConfirm } from "./InlineConfirm.generated";
+export type { InlineConfirmProps, InlineConfirmVariant } from "./InlineConfirm.generated";
 export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks";
 export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks";

package/dist/components/table/index.js

@@ -1,7 +1,7 @@
-export { TableBody, TableCell, TableColumn, TableColumnResizer, TableContent, TableExpandedRow, TableFooter, TableHeader, TableLoadMore, TableLoadMoreContent, TablePageSize, TableResizableContainer, TableRoot, TableRow, TableScrollContainer, default } from "./Table.js";
-export { default as SortIcon } from "./SortIcon.js";
-export { default as ExpandToggle } from "./ExpandToggle.js";
-export { default as VirtualSpacerRow } from "./VirtualSpacerRow.js";
-export { default as MobileListView } from "./MobileListView.js";
-export { default as InlineConfirm } from "./InlineConfirm.js";
+export { TableBody, TableCell, TableColumn, TableColumnResizer, TableContent, TableExpandedRow, TableFooter, TableHeader, TableLoadMore, TableLoadMoreContent, TablePageSize, TableResizableContainer, TableRoot, TableRow, TableScrollContainer, default } from "./Table.generated.js";
+export { default as SortIcon } from "./SortIcon.generated.js";
+export { default as ExpandToggle } from "./ExpandToggle.generated.js";
+export { default as VirtualSpacerRow } from "./VirtualSpacerRow.generated.js";
+export { default as MobileListView } from "./MobileListView.generated.js";
+export { default as InlineConfirm } from "./InlineConfirm.generated.js";
 export { toSortDescriptor, toSortingState, useAnchoredOverlayPosition, useTableExpansion, useTableFiltering, useTableModel, useTablePagination, useTableSelection, useTableSorting } from "./hooks/index.js";

package/dist/components/tabs/Tabs.generated.d.ts

@@ -0,0 +1,45 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./Tabs.css";
+import { type JSX } from "solid-js";
+type TabsOrientation = "horizontal" | "vertical";
+type TabsVariant = "primary" | "secondary";
+type TabKey = string | number;
+type TabsRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    children: JSX.Element;
+    orientation?: TabsOrientation;
+    variant?: TabsVariant;
+    selectedKey?: TabKey;
+    defaultSelectedKey?: TabKey;
+    onSelectionChange?: (key: TabKey) => void;
+};
+declare const TabsRoot: __LayoutComponent<TabsRootProps>;
+type TabListContainerProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare const TabListContainer: __LayoutComponent<TabListContainerProps>;
+type TabListProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    "aria-label"?: string;
+};
+declare const TabList: __LayoutComponent<TabListProps>;
+type TabProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "id"> & {
+    id: TabKey;
+    isDisabled?: boolean;
+};
+declare const Tab: __LayoutComponent<TabProps>;
+type TabIndicatorProps = JSX.HTMLAttributes<HTMLSpanElement>;
+declare const TabIndicator: () => JSX.Element | null;
+type TabPanelProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "id"> & {
+    id: TabKey;
+};
+declare const TabPanel: __LayoutComponent<TabPanelProps>;
+type TabSeparatorProps = JSX.HTMLAttributes<HTMLSpanElement>;
+declare const TabSeparator: __LayoutComponent<TabSeparatorProps>;
+declare const Tabs: __LayoutComponent<TabsRootProps> & {
+    Root: __LayoutComponent<TabsRootProps>;
+    ListContainer: __LayoutComponent<TabListContainerProps>;
+    List: __LayoutComponent<TabListProps>;
+    Tab: __LayoutComponent<TabProps>;
+    Indicator: () => JSX.Element | null;
+    Separator: __LayoutComponent<TabSeparatorProps>;
+    Panel: __LayoutComponent<TabPanelProps>;
+};
+export { Tabs as default, Tabs, TabsRoot, TabListContainer, TabList, Tab, TabIndicator, TabSeparator, TabPanel, };
+export type { TabsRootProps, TabListContainerProps, TabListProps, TabProps, TabIndicatorProps, TabSeparatorProps, TabPanelProps, };