@pathscale/ui 1.3.1 → 1.5.0

package/dist/components/tag/Tag.js

@@ -1,243 +0,0 @@
-import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
-import "./Tag.css";
-import { Show, children, createContext, createMemo, createUniqueId, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import close_button from "../close-button/index.js";
-import { TagGroupContext } from "../tag-group/context.js";
-import { CLASSES } from "./Tag.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
-const invokeEventHandler = (handler, event)=>{
-    if ("function" == typeof handler) return void handler(event);
-    if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
-};
-const toSlug = (value)=>value.trim().toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-");
-const extractTextValue = (nodes)=>{
-    for (const node of nodes){
-        if ("string" == typeof node && node.trim().length > 0) return node.trim();
-        if ("number" == typeof node) return String(node);
-    }
-};
-const TagContext = createContext();
-const TagRoot = (props)=>{
-    const fallbackKey = createUniqueId();
-    const group = useContext(TagGroupContext);
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "id",
-        "textValue",
-        "isDisabled",
-        "size",
-        "variant",
-        "startIcon",
-        "endIcon",
-        "onClick",
-        "onKeyDown",
-        "role",
-        "tabIndex"
-    ]);
-    const resolvedChildren = children(()=>local.children);
-    const isRenderFnChild = ()=>"function" == typeof local.children;
-    const derivedText = createMemo(()=>isRenderFnChild() ? void 0 : extractTextValue(resolvedChildren.toArray()));
-    const tagKey = createMemo(()=>{
-        if (null != local.id) return String(local.id);
-        if (local.textValue) return toSlug(local.textValue);
-        if (derivedText()) return toSlug(derivedText());
-        return fallbackKey;
-    });
-    const size = ()=>local.size ?? group?.size() ?? "md";
-    const variant = ()=>local.variant ?? group?.variant() ?? "default";
-    const isSelectable = ()=>Boolean(group && "none" !== group.selectionMode());
-    const isSelected = ()=>Boolean(group?.selectedKeys().has(tagKey()));
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(group?.isDisabled()) || Boolean(group?.disabledKeys().has(tagKey()));
-    const allowsRemoving = ()=>Boolean(group?.allowsRemoving()) && Boolean(tagKey());
-    const renderState = createMemo(()=>({
-            isSelected: isSelected(),
-            isDisabled: isDisabled(),
-            allowsRemoving: allowsRemoving()
-        }));
-    const handleSelect = (event)=>{
-        if (!group || !isSelectable() || isDisabled()) return;
-        group.selectKey(tagKey(), event);
-    };
-    const handleClick = (event)=>{
-        invokeEventHandler(local.onClick, event);
-        if (event.defaultPrevented) return;
-        handleSelect(event);
-    };
-    const handleKeyDown = (event)=>{
-        invokeEventHandler(local.onKeyDown, event);
-        if (event.defaultPrevented) return;
-        if (event.target !== event.currentTarget) return;
-        if (!isSelectable() || isDisabled()) return;
-        if ("Enter" !== event.key && " " !== event.key) return;
-        event.preventDefault();
-        handleSelect(event);
-    };
-    const remove = (event)=>{
-        if (!group || !allowsRemoving() || isDisabled()) return;
-        event.preventDefault();
-        event.stopPropagation();
-        group.removeKey(tagKey(), event);
-    };
-    return createComponent(TagContext.Provider, {
-        value: {
-            allowsRemoving,
-            isDisabled,
-            removeIcon: ()=>local.endIcon,
-            remove
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Root.base, CLASSES.Root.size[size()], CLASSES.Root.variant[variant()], local.class, local.className)
-                }), {
-                "data-slot": "tag",
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get ["data-size"] () {
-                    return size();
-                },
-                get ["data-variant"] () {
-                    return variant();
-                },
-                get ["data-selected"] () {
-                    return isSelected() ? "true" : "false";
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get ["data-key"] () {
-                    return tagKey();
-                },
-                get ["aria-selected"] () {
-                    return memo(()=>!!isSelectable())() ? isSelected() ? "true" : "false" : void 0;
-                },
-                get ["aria-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get role () {
-                    return local.role ?? (isSelectable() ? "option" : void 0);
-                },
-                get tabIndex () {
-                    return local.tabIndex ?? (isSelectable() && !isDisabled() ? 0 : void 0);
-                },
-                get style () {
-                    return local.style;
-                },
-                onClick: handleClick,
-                onKeyDown: handleKeyDown
-            }), false, true);
-            insert(_el$, createComponent(Show, {
-                get when () {
-                    return isRenderFnChild();
-                },
-                get fallback () {
-                    return [
-                        createComponent(Show, {
-                            get when () {
-                                return local.startIcon;
-                            },
-                            get children () {
-                                var _el$2 = _tmpl$2();
-                                spread(_el$2, mergeProps(()=>({
-                                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
-                                    }), {
-                                    "data-slot": "tag-start-icon"
-                                }), false, true);
-                                insert(_el$2, ()=>local.startIcon);
-                                return _el$2;
-                            }
-                        }),
-                        memo(resolvedChildren),
-                        createComponent(Show, {
-                            get when () {
-                                return memo(()=>!!allowsRemoving())() && local.endIcon;
-                            },
-                            get children () {
-                                return createComponent(TagRemoveButton, {
-                                    get children () {
-                                        return local.endIcon;
-                                    }
-                                });
-                            }
-                        }),
-                        createComponent(Show, {
-                            get when () {
-                                return memo(()=>!allowsRemoving())() && local.endIcon;
-                            },
-                            get children () {
-                                var _el$3 = _tmpl$2();
-                                spread(_el$3, mergeProps(()=>({
-                                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
-                                    }), {
-                                    "data-slot": "tag-end-icon"
-                                }), false, true);
-                                insert(_el$3, ()=>local.endIcon);
-                                return _el$3;
-                            }
-                        })
-                    ];
-                },
-                get children () {
-                    return local.children(renderState());
-                }
-            }));
-            return _el$;
-        }
-    });
-};
-const TagRemoveButton = (props)=>{
-    const context = useContext(TagContext);
-    const hasIcon = ()=>null != props.children || null != props.startIcon || null != props.endIcon || context?.removeIcon() != null;
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "onClick",
-        "isDisabled",
-        "aria-label"
-    ]);
-    const handleClick = (event)=>{
-        invokeEventHandler(local.onClick, event);
-        if (event.defaultPrevented) return;
-        context?.remove(event);
-    };
-    if (!context?.allowsRemoving()) return null;
-    if (!hasIcon()) return null;
-    return createComponent(close_button, mergeProps(others, {
-        get ["aria-label"] () {
-            return local["aria-label"] ?? "Remove tag";
-        }
-    }, ()=>({
-            class: twMerge(CLASSES.slot.removeButton, local.class, local.className)
-        }), {
-        "data-slot": "tag-remove-button",
-        get ["data-theme"] () {
-            return local.dataTheme;
-        },
-        get style () {
-            return local.style;
-        },
-        get isDisabled () {
-            return local.isDisabled ?? context.isDisabled();
-        },
-        onClick: handleClick,
-        get children () {
-            return local.children ?? context.removeIcon();
-        }
-    }));
-};
-const Tag = Object.assign(TagRoot, {
-    Root: TagRoot,
-    RemoveButton: TagRemoveButton
-});
-const tag_Tag = Tag;
-export default tag_Tag;
-export { Tag, TagRemoveButton, TagRoot };

package/dist/components/tag-group/TagGroup.classes.d.ts

@@ -1,8 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "tag-group";
-    };
-    readonly List: {
-        readonly base: "tag-group__list";
-    };
-};

package/dist/components/tag-group/TagGroup.classes.js

@@ -1,9 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "tag-group"
-    },
-    List: {
-        base: "tag-group__list"
-    }
-};
-export { CLASSES };

package/dist/components/tag-group/TagGroup.d.ts

@@ -1,32 +0,0 @@
-import "./TagGroup.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-import type { TagSize, TagVariant } from "../tag";
-import { type TagSelectionMode } from "./context";
-export type TagGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    size?: TagSize;
-    variant?: TagVariant;
-    selectionMode?: TagSelectionMode;
-    selectedKeys?: Iterable<string | number>;
-    defaultSelectedKeys?: Iterable<string | number>;
-    disabledKeys?: Iterable<string | number>;
-    onSelectionChange?: (keys: Set<string>) => void;
-    onRemove?: (keys: Set<string>) => void;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-export type TagGroupListProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element | ((item: unknown) => JSX.Element);
-    items?: readonly unknown[];
-    renderEmptyState?: () => JSX.Element;
-};
-declare const TagGroupRoot: ParentComponent<TagGroupRootProps>;
-declare const TagGroupList: Component<TagGroupListProps>;
-declare const TagGroup: ParentComponent<TagGroupRootProps> & {
-    Root: ParentComponent<TagGroupRootProps>;
-    List: Component<TagGroupListProps>;
-};
-export default TagGroup;
-export { TagGroup, TagGroupRoot, TagGroupList };
-export type { TagGroupRootProps as TagGroupProps };

package/dist/components/tag-group/TagGroup.js

@@ -1,179 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./TagGroup.css";
-import { For, createMemo, createSignal, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./TagGroup.classes.js";
-import { TagGroupContext } from "./context.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-const normalizeKeys = (keys)=>{
-    if (!keys) return new Set();
-    return new Set(Array.from(keys, (key)=>String(key)));
-};
-const TagGroupRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "size",
-        "variant",
-        "selectionMode",
-        "selectedKeys",
-        "defaultSelectedKeys",
-        "disabledKeys",
-        "onSelectionChange",
-        "onRemove",
-        "isDisabled",
-        "disabled",
-        "role"
-    ]);
-    const [internalSelectedKeys, setInternalSelectedKeys] = createSignal(normalizeKeys(local.defaultSelectedKeys));
-    const selectionMode = ()=>local.selectionMode ?? "none";
-    const size = ()=>local.size ?? "md";
-    const variant = ()=>local.variant ?? "default";
-    const isControlled = ()=>void 0 !== local.selectedKeys;
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    const selectedKeys = createMemo(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
-    const disabledKeys = createMemo(()=>normalizeKeys(local.disabledKeys));
-    const allowsRemoving = ()=>"function" == typeof local.onRemove;
-    const updateSelection = (nextKeys)=>{
-        if (!isControlled()) setInternalSelectedKeys(nextKeys);
-        local.onSelectionChange?.(nextKeys);
-    };
-    const selectKey = (key, event)=>{
-        if (event.defaultPrevented || isDisabled() || disabledKeys().has(key)) return;
-        if ("none" === selectionMode()) return;
-        const current = selectedKeys();
-        let next;
-        if ("single" === selectionMode()) {
-            if (current.has(key) && 1 === current.size) return;
-            next = new Set([
-                key
-            ]);
-        } else {
-            next = new Set(current);
-            if (next.has(key)) next.delete(key);
-            else next.add(key);
-        }
-        updateSelection(next);
-    };
-    const removeKey = (key, event)=>{
-        if (event.defaultPrevented || isDisabled()) return;
-        local.onRemove?.(new Set([
-            key
-        ]));
-        if (selectedKeys().has(key)) {
-            const next = new Set(selectedKeys());
-            next.delete(key);
-            updateSelection(next);
-        }
-    };
-    return createComponent(TagGroupContext.Provider, {
-        value: {
-            size,
-            variant,
-            selectionMode,
-            selectedKeys,
-            disabledKeys,
-            isDisabled,
-            allowsRemoving,
-            selectKey,
-            removeKey
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(others, {
-                get role () {
-                    return local.role ?? "group";
-                },
-                "data-slot": "tag-group",
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get ["data-size"] () {
-                    return size();
-                },
-                get ["data-variant"] () {
-                    return variant();
-                },
-                get ["data-selection-mode"] () {
-                    return selectionMode();
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get ["aria-disabled"] () {
-                    return isDisabled() ? "true" : void 0;
-                }
-            }, ()=>({
-                    class: twMerge(CLASSES.Root.base, local.class, local.className)
-                }), {
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const TagGroupList = (props)=>{
-    const group = useContext(TagGroupContext);
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "items",
-        "renderEmptyState",
-        "role"
-    ]);
-    const renderChildren = ()=>{
-        if (local.items) {
-            if (0 === local.items.length) return local.renderEmptyState?.() ?? null;
-            if ("function" == typeof local.children) {
-                const renderItem = local.children;
-                return createComponent(For, {
-                    get each () {
-                        return local.items;
-                    },
-                    children: (item)=>renderItem(item)
-                });
-            }
-            return local.children ?? null;
-        }
-        return "function" == typeof local.children ? null : local.children ?? null;
-    };
-    return (()=>{
-        var _el$2 = _tmpl$();
-        spread(_el$2, mergeProps(others, {
-            get role () {
-                return local.role ?? (group?.selectionMode() === "none" ? "list" : "listbox");
-            },
-            get ["aria-multiselectable"] () {
-                return group?.selectionMode() === "multiple" ? "true" : void 0;
-            },
-            "data-slot": "tag-group-list",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, ()=>({
-                class: twMerge(CLASSES.List.base, local.class, local.className)
-            }), {
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, renderChildren);
-        return _el$2;
-    })();
-};
-const TagGroup = Object.assign(TagGroupRoot, {
-    Root: TagGroupRoot,
-    List: TagGroupList
-});
-const tag_group_TagGroup = TagGroup;
-export default tag_group_TagGroup;
-export { TagGroup, TagGroupList, TagGroupRoot };

package/dist/components/text/Text.classes.d.ts

@@ -1,3 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "text";
-};

package/dist/components/text/Text.classes.js

@@ -1,4 +0,0 @@
-const CLASSES = {
-    base: "text"
-};
-export { CLASSES };

package/dist/components/text/Text.d.ts

@@ -1,17 +0,0 @@
-import "./Text.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type TextSize = "xs" | "sm" | "base" | "lg" | "xl";
-export type TextVariant = "default" | "muted" | "success" | "warning" | "danger";
-export type TextRootProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "color"> & IComponentBaseProps & {
-    size?: TextSize;
-    variant?: TextVariant;
-    children?: JSX.Element;
-};
-declare const TextRoot: Component<TextRootProps>;
-declare const Text: Component<TextRootProps> & {
-    Root: Component<TextRootProps>;
-};
-export default Text;
-export { Text, TextRoot };
-export type { TextRootProps as TextProps };

package/dist/components/text/Text.js

@@ -1,47 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./Text.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Text.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>");
-const TextRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "size",
-        "variant"
-    ]);
-    const size = ()=>local.size ?? "base";
-    const variant = ()=>local.variant ?? "default";
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "text",
-            get ["data-size"] () {
-                return size();
-            },
-            get ["data-variant"] () {
-                return variant();
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const Text = Object.assign(TextRoot, {
-    Root: TextRoot
-});
-const text_Text = Text;
-export default text_Text;
-export { Text, TextRoot };

package/dist/components/text-area/TextArea.classes.d.ts

@@ -1,10 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "textarea";
-    readonly variant: {
-        readonly primary: "textarea--primary";
-        readonly secondary: "textarea--secondary";
-    };
-    readonly flag: {
-        readonly fullWidth: "textarea--full-width";
-    };
-};

package/dist/components/text-area/TextArea.classes.js

@@ -1,11 +0,0 @@
-const CLASSES = {
-    base: "textarea",
-    variant: {
-        primary: "textarea--primary",
-        secondary: "textarea--secondary"
-    },
-    flag: {
-        fullWidth: "textarea--full-width"
-    }
-};
-export { CLASSES };

package/dist/components/text-area/TextArea.d.ts

@@ -1,19 +0,0 @@
-import "./TextArea.css";
-import { type Component, type JSX } from "solid-js";
-import { type TextFieldVariant } from "../text-field";
-import type { IComponentBaseProps } from "../types";
-export type TextAreaVariant = TextFieldVariant;
-export type TextAreaRootProps = Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, "children"> & IComponentBaseProps & {
-    variant?: TextAreaVariant;
-    fullWidth?: boolean;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-declare const TextAreaRoot: Component<TextAreaRootProps>;
-declare const TextArea: Component<TextAreaRootProps> & {
-    Root: Component<TextAreaRootProps>;
-};
-export default TextArea;
-export { TextArea, TextAreaRoot };
-export type { TextAreaRootProps as TextAreaProps };

package/dist/components/text-area/TextArea.js

@@ -1,62 +0,0 @@
-import { mergeProps, spread, template } from "solid-js/web";
-import "./TextArea.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { useTextFieldContext } from "../text-field/index.js";
-import { CLASSES } from "./TextArea.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<textarea>");
-const TextAreaRoot = (props)=>{
-    const textFieldContext = useTextFieldContext();
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "variant",
-        "fullWidth",
-        "isInvalid",
-        "isDisabled",
-        "disabled"
-    ]);
-    const variant = ()=>local.variant ?? textFieldContext?.variant() ?? "primary";
-    const fullWidth = ()=>Boolean(local.fullWidth) || Boolean(textFieldContext?.fullWidth());
-    const isInvalid = ()=>Boolean(local.isInvalid);
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["class"] () {
-                return twMerge(CLASSES.base, CLASSES.variant[variant()], fullWidth() && CLASSES.flag.fullWidth, local.class, local.className);
-            },
-            "data-slot": "textarea",
-            get ["data-invalid"] () {
-                return isInvalid() ? "true" : void 0;
-            },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get ["aria-invalid"] () {
-                return isInvalid() ? "true" : void 0;
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get disabled () {
-                return isDisabled();
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const TextArea = Object.assign(TextAreaRoot, {
-    Root: TextAreaRoot
-});
-const text_area_TextArea = TextArea;
-export default text_area_TextArea;
-export { TextArea, TextAreaRoot };

package/dist/components/text-field/TextField.classes.d.ts

@@ -1,10 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "text-field";
-    readonly variant: {
-        readonly primary: "text-field--primary";
-        readonly secondary: "text-field--secondary";
-    };
-    readonly flag: {
-        readonly fullWidth: "text-field--full-width";
-    };
-};

package/dist/components/text-field/TextField.classes.js

@@ -1,11 +0,0 @@
-const CLASSES = {
-    base: "text-field",
-    variant: {
-        primary: "text-field--primary",
-        secondary: "text-field--secondary"
-    },
-    flag: {
-        fullWidth: "text-field--full-width"
-    }
-};
-export { CLASSES };