@pathscale/ui 1.3.1 → 1.5.0

package/dist/components/pagination/Pagination.generated.js

@@ -0,0 +1,173 @@
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./Pagination.css";
+import { For, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, componentRecipe } from "./Pagination.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<nav><div>Page <!> of </div><ul><li><button type=button><span aria-hidden=true>‹</span><span>Previous</span></button></li><li><button type=button><span>Next</span><span aria-hidden=true>›"), _tmpl$2 = /*#__PURE__*/ template("<li>"), _tmpl$3 = /*#__PURE__*/ template("<button type=button>"), _tmpl$4 = /*#__PURE__*/ template("<span>…");
+const clampPage = (page, total)=>{
+    if (!Number.isFinite(page)) return 1;
+    return Math.min(Math.max(1, Math.floor(page)), total);
+};
+const getPaginationTokens = (page, total)=>{
+    if (total <= 0) return [];
+    if (total <= 7) return Array.from({
+        length: total
+    }, (_, index)=>index + 1);
+    if (page <= 4) return [
+        1,
+        2,
+        3,
+        4,
+        5,
+        "ellipsis-right",
+        total
+    ];
+    if (page >= total - 3) return [
+        1,
+        "ellipsis-left",
+        total - 4,
+        total - 3,
+        total - 2,
+        total - 1,
+        total
+    ];
+    return [
+        1,
+        "ellipsis-left",
+        page - 1,
+        page,
+        page + 1,
+        "ellipsis-right",
+        total
+    ];
+};
+const __solidLayoutPagination = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "class",
+        "className",
+        "dataTheme",
+        "page",
+        "total",
+        "onChange",
+        "isDisabled"
+    ]);
+    const safeTotal = ()=>Math.max(1, Math.floor(local.total || 0));
+    const currentPage = ()=>clampPage(local.page, safeTotal());
+    const tokens = ()=>getPaginationTokens(currentPage(), safeTotal());
+    const disabled = ()=>Boolean(local.isDisabled);
+    const handleChange = (nextPage)=>{
+        if (disabled()) return;
+        const bounded = clampPage(nextPage, safeTotal());
+        if (bounded === currentPage()) return;
+        local.onChange(bounded);
+    };
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, _el$6 = (_el$5.nextSibling, _el$2.nextSibling), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild;
+        spread(_el$, mergeProps(others, {
+            "aria-label": "pagination",
+            role: "navigation"
+        }, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "pagination"
+        }), false, true);
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.slot.summary
+            }), {
+            "data-slot": "pagination-summary"
+        }), false, true);
+        insert(_el$2, currentPage, _el$5);
+        insert(_el$2, safeTotal, null);
+        spread(_el$6, mergeProps(()=>({
+                class: CLASSES.slot.content
+            }), {
+            "data-slot": "pagination-content"
+        }), false, true);
+        spread(_el$7, mergeProps(()=>({
+                class: CLASSES.slot.item
+            }), {
+            "data-slot": "pagination-item"
+        }), false, true);
+        spread(_el$8, mergeProps(()=>({
+                class: twMerge(CLASSES.slot.link, CLASSES.slot.linkNav)
+            }), {
+            "data-slot": "pagination-previous",
+            onClick: ()=>handleChange(currentPage() - 1),
+            get disabled () {
+                return disabled() || currentPage() <= 1;
+            },
+            "aria-label": "Go to previous page"
+        }), false, true);
+        insert(_el$6, createComponent(For, {
+            get each () {
+                return tokens();
+            },
+            children: (token)=>(()=>{
+                    var _el$1 = _tmpl$2();
+                    spread(_el$1, mergeProps(()=>({
+                            class: CLASSES.slot.item
+                        }), {
+                        "data-slot": "pagination-item"
+                    }), false, true);
+                    insert(_el$1, "number" == typeof token ? (()=>{
+                        var _el$10 = _tmpl$3();
+                        spread(_el$10, mergeProps(()=>({
+                                class: CLASSES.slot.link
+                            }), {
+                            "data-slot": "pagination-link",
+                            get ["data-active"] () {
+                                return token === currentPage() ? "true" : void 0;
+                            },
+                            get ["aria-current"] () {
+                                return token === currentPage() ? "page" : void 0;
+                            },
+                            "aria-label": `Go to page ${token}`,
+                            get disabled () {
+                                return disabled();
+                            },
+                            onClick: ()=>handleChange(token)
+                        }), false, true);
+                        insert(_el$10, token);
+                        return _el$10;
+                    })() : (()=>{
+                        var _el$11 = _tmpl$4();
+                        spread(_el$11, mergeProps(()=>({
+                                class: CLASSES.slot.ellipsis
+                            }), {
+                            "data-slot": "pagination-ellipsis",
+                            "aria-hidden": "true"
+                        }), false, true);
+                        return _el$11;
+                    })());
+                    return _el$1;
+                })()
+        }), _el$9);
+        spread(_el$9, mergeProps(()=>({
+                class: CLASSES.slot.item
+            }), {
+            "data-slot": "pagination-item"
+        }), false, true);
+        spread(_el$0, mergeProps(()=>({
+                class: twMerge(CLASSES.slot.link, CLASSES.slot.linkNav)
+            }), {
+            "data-slot": "pagination-next",
+            onClick: ()=>handleChange(currentPage() + 1),
+            get disabled () {
+                return disabled() || currentPage() >= safeTotal();
+            },
+            "aria-label": "Go to next page"
+        }), false, true);
+        return _el$;
+    })();
+};
+const Pagination = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutPagination,
+    embedded: true
+});
+const Pagination_generated = Pagination;
+export default Pagination_generated;

package/dist/components/pagination/Pagination.recipe.d.ts

@@ -0,0 +1,25 @@
+export declare const CLASSES: {
+    readonly base: "pagination";
+    readonly slot: {
+        readonly summary: "pagination__summary";
+        readonly content: "pagination__content";
+        readonly item: "pagination__item";
+        readonly link: "pagination__link";
+        readonly linkNav: "pagination__link--nav";
+        readonly ellipsis: "pagination__ellipsis";
+    };
+};
+export declare const componentRecipe: import("solid-layouts").Recipe<{
+    readonly component: "pagination";
+    readonly slots: {
+        readonly pagination: {};
+        readonly "pagination-content": {};
+        readonly "pagination-ellipsis": {};
+        readonly "pagination-item": {};
+        readonly "pagination-link": {};
+        readonly "pagination-next": {};
+        readonly "pagination-previous": {};
+        readonly "pagination-summary": {};
+        readonly root: {};
+    };
+}>;

package/dist/components/pagination/Pagination.recipe.js

@@ -0,0 +1,79 @@
+import { recipe } from "../../lib/layouts/index.js";
+const CLASSES = {
+    base: "pagination",
+    slot: {
+        summary: "pagination__summary",
+        content: "pagination__content",
+        item: "pagination__item",
+        link: "pagination__link",
+        linkNav: "pagination__link--nav",
+        ellipsis: "pagination__ellipsis"
+    }
+};
+const componentRecipe = recipe({
+    component: "pagination",
+    slots: {
+        pagination: {},
+        "pagination-content": {},
+        "pagination-ellipsis": {},
+        "pagination-item": {},
+        "pagination-link": {},
+        "pagination-next": {},
+        "pagination-previous": {},
+        "pagination-summary": {},
+        root: {}
+    },
+    _layouts: {
+        slots: {
+            pagination: {
+                base: "",
+                axes: {}
+            },
+            "pagination-content": {
+                base: "",
+                axes: {}
+            },
+            "pagination-ellipsis": {
+                base: "",
+                axes: {}
+            },
+            "pagination-item": {
+                base: "",
+                axes: {}
+            },
+            "pagination-link": {
+                base: "",
+                axes: {}
+            },
+            "pagination-next": {
+                base: "",
+                axes: {}
+            },
+            "pagination-previous": {
+                base: "",
+                axes: {}
+            },
+            "pagination-summary": {
+                base: "",
+                axes: {}
+            },
+            root: {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            pagination: 0,
+            "pagination-content": 1,
+            "pagination-ellipsis": 2,
+            "pagination-item": 3,
+            "pagination-link": 4,
+            "pagination-next": 5,
+            "pagination-previous": 6,
+            "pagination-summary": 7,
+            root: 8
+        }
+    }
+});
+export { CLASSES, componentRecipe };

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

@@ -1,2 +1,2 @@
-export type { PaginationProps } from "./Pagination";
-export { default } from "./Pagination";
+export type { PaginationProps } from "./Pagination.generated";
+export { default } from "./Pagination.generated";

package/dist/components/pagination/index.js

@@ -1 +1 @@
-export { default } from "./Pagination.js";
+export { default } from "./Pagination.generated.js";

package/dist/components/popover/Popover.generated.d.ts

@@ -0,0 +1,50 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./Popover.css";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { type OverlayPlacement } from "../_shared/overlayPosition";
+export type PopoverPlacement = OverlayPlacement;
+export type PopoverRootProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: PopoverPlacement;
+    autoFlip?: boolean;
+    offset?: number;
+    closeOnOutsideClick?: boolean;
+    closeOnEscape?: boolean;
+    onInteractOutside?: (event: Event) => void;
+};
+declare const PopoverRoot: __LayoutComponent<PopoverRootProps>;
+export type PopoverTriggerProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+};
+declare const PopoverTrigger: __LayoutComponent<PopoverTriggerProps>;
+export type PopoverContentProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+    sideOffset?: number;
+};
+declare const PopoverContent: __LayoutComponent<PopoverContentProps>;
+export type PopoverDialogProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+};
+declare const PopoverDialog: __LayoutComponent<PopoverDialogProps>;
+export type PopoverArrowProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & {
+    children?: JSX.Element;
+};
+declare const PopoverArrow: __LayoutComponent<PopoverArrowProps>;
+export type PopoverHeadingProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & {
+    children: JSX.Element;
+};
+declare const PopoverHeading: __LayoutComponent<PopoverHeadingProps>;
+declare const Popover: __LayoutComponent<PopoverRootProps> & {
+    Root: __LayoutComponent<PopoverRootProps>;
+    Trigger: __LayoutComponent<PopoverTriggerProps>;
+    Content: __LayoutComponent<PopoverContentProps>;
+    Dialog: __LayoutComponent<PopoverDialogProps>;
+    Arrow: __LayoutComponent<PopoverArrowProps>;
+    Heading: __LayoutComponent<PopoverHeadingProps>;
+};
+export default Popover;
+export { PopoverRoot, PopoverTrigger, PopoverContent, PopoverDialog, PopoverArrow, PopoverHeading, };