@pathscale/ui 1.3.1 → 1.5.0

package/dist/components/date-field/DateField.classes.d.ts

@@ -1,37 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "date-field";
-        readonly variant: {
-            readonly primary: "date-field--primary";
-            readonly secondary: "date-field--secondary";
-        };
-        readonly flag: {
-            readonly fullWidth: "date-field--full-width";
-        };
-    };
-    readonly Group: {
-        readonly base: "date-input-group";
-        readonly variant: {
-            readonly primary: "date-input-group--primary";
-            readonly secondary: "date-input-group--secondary";
-        };
-        readonly flag: {
-            readonly fullWidth: "date-input-group--full-width";
-        };
-    };
-    readonly Input: {
-        readonly base: "date-input-group__input";
-    };
-    readonly InputContainer: {
-        readonly base: "date-input-group__input-container";
-    };
-    readonly Segment: {
-        readonly base: "date-input-group__segment";
-    };
-    readonly Prefix: {
-        readonly base: "date-input-group__prefix";
-    };
-    readonly Suffix: {
-        readonly base: "date-input-group__suffix";
-    };
-};

package/dist/components/date-field/DateField.classes.js

@@ -1,38 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "date-field",
-        variant: {
-            primary: "date-field--primary",
-            secondary: "date-field--secondary"
-        },
-        flag: {
-            fullWidth: "date-field--full-width"
-        }
-    },
-    Group: {
-        base: "date-input-group",
-        variant: {
-            primary: "date-input-group--primary",
-            secondary: "date-input-group--secondary"
-        },
-        flag: {
-            fullWidth: "date-input-group--full-width"
-        }
-    },
-    Input: {
-        base: "date-input-group__input"
-    },
-    InputContainer: {
-        base: "date-input-group__input-container"
-    },
-    Segment: {
-        base: "date-input-group__segment"
-    },
-    Prefix: {
-        base: "date-input-group__prefix"
-    },
-    Suffix: {
-        base: "date-input-group__suffix"
-    }
-};
-export { CLASSES };

package/dist/components/date-field/DateField.d.ts

@@ -1,64 +0,0 @@
-import "./DateField.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type DateFieldVariant = "primary" | "secondary";
-export type DateFieldRenderProps = {
-    value: string;
-    isInvalid: boolean;
-    isDisabled: boolean;
-    isRequired: boolean;
-};
-export type DateFieldRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "onChange" | "onBlur"> & IComponentBaseProps & {
-    children?: JSX.Element | ((props: DateFieldRenderProps) => JSX.Element);
-    name?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    onBlur?: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
-    fullWidth?: boolean;
-    variant?: DateFieldVariant;
-    isDisabled?: boolean;
-    disabled?: boolean;
-    isInvalid?: boolean;
-    isRequired?: boolean;
-    required?: boolean;
-};
-export type DateFieldGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element | ((props: DateFieldRenderProps) => JSX.Element);
-};
-export type DateFieldInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "value" | "onInput" | "type"> & IComponentBaseProps & {
-    onInput?: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
-};
-export type DateFieldInputContainerProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-export type DateFieldSegmentValue = {
-    type?: string;
-    text?: string;
-    isPlaceholder?: boolean;
-    isFocused?: boolean;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-};
-export type DateFieldSegmentProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps & {
-    segment?: DateFieldSegmentValue;
-};
-export type DateFieldPrefixProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-export type DateFieldSuffixProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const DateFieldRoot: ParentComponent<DateFieldRootProps>;
-declare const DateFieldGroup: ParentComponent<DateFieldGroupProps>;
-declare const DateFieldInput: Component<DateFieldInputProps>;
-declare const DateFieldInputContainer: ParentComponent<DateFieldInputContainerProps>;
-declare const DateFieldSegment: ParentComponent<DateFieldSegmentProps>;
-declare const DateFieldPrefix: ParentComponent<DateFieldPrefixProps>;
-declare const DateFieldSuffix: ParentComponent<DateFieldSuffixProps>;
-declare const DateField: ParentComponent<DateFieldRootProps> & {
-    Root: ParentComponent<DateFieldRootProps>;
-    Group: ParentComponent<DateFieldGroupProps>;
-    Input: Component<DateFieldInputProps>;
-    InputContainer: ParentComponent<DateFieldInputContainerProps>;
-    Segment: ParentComponent<DateFieldSegmentProps>;
-    Prefix: ParentComponent<DateFieldPrefixProps>;
-    Suffix: ParentComponent<DateFieldSuffixProps>;
-};
-export default DateField;
-export { DateField, DateFieldRoot, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldSegment, DateFieldPrefix, DateFieldSuffix, };
-export type { DateFieldRootProps as DateFieldProps };

package/dist/components/date-field/DateField.js

@@ -1,329 +0,0 @@
-import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
-import "./DateField.css";
-import { createContext, createSignal, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./DateField.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<span>");
-const DateFieldContext = createContext();
-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 DateFieldRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "name",
-        "value",
-        "defaultValue",
-        "onChange",
-        "onBlur",
-        "fullWidth",
-        "variant",
-        "isDisabled",
-        "disabled",
-        "isInvalid",
-        "isRequired",
-        "required"
-    ]);
-    const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? "");
-    const isControlled = ()=>void 0 !== local.value;
-    const value = ()=>isControlled() ? local.value ?? "" : internalValue();
-    const variant = ()=>local.variant ?? "primary";
-    const fullWidth = ()=>Boolean(local.fullWidth);
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    const isInvalid = ()=>Boolean(local.isInvalid);
-    const isRequired = ()=>Boolean(local.isRequired) || Boolean(local.required);
-    const setValue = (nextValue)=>{
-        if (!isControlled()) setInternalValue(nextValue);
-        local.onChange?.(nextValue);
-    };
-    const renderProps = ()=>({
-            value: value(),
-            isInvalid: isInvalid(),
-            isDisabled: isDisabled(),
-            isRequired: isRequired()
-        });
-    const contextValue = {
-        value,
-        name: ()=>local.name,
-        variant,
-        fullWidth,
-        isDisabled,
-        isInvalid,
-        isRequired,
-        onBlur: ()=>local.onBlur,
-        setValue
-    };
-    return createComponent(DateFieldContext.Provider, {
-        value: contextValue,
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], fullWidth() && CLASSES.Root.flag.fullWidth, local.class, local.className)
-                }), {
-                "data-slot": "date-field",
-                get ["data-invalid"] () {
-                    return isInvalid() ? "true" : void 0;
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : void 0;
-                },
-                get ["data-required"] () {
-                    return isRequired() ? "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;
-                }
-            }), false, true);
-            insert(_el$, (()=>{
-                var _c$ = memo(()=>"function" == typeof local.children);
-                return ()=>_c$() ? local.children(renderProps()) : memo(()=>!!local.children)() ? local.children : createComponent(DateFieldGroup, {
-                        get children () {
-                            return createComponent(DateFieldInput, {});
-                        }
-                    });
-            })());
-            return _el$;
-        }
-    });
-};
-const DateFieldGroup = (props)=>{
-    const context = useContext(DateFieldContext);
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    const renderProps = ()=>({
-            value: context?.value() ?? "",
-            isInvalid: context?.isInvalid() ?? false,
-            isDisabled: context?.isDisabled() ?? false,
-            isRequired: context?.isRequired() ?? false
-        });
-    return (()=>{
-        var _el$2 = _tmpl$();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Group.base, CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && CLASSES.Group.flag.fullWidth, local.class, local.className)
-            }), {
-            "data-slot": "date-input-group",
-            get ["data-invalid"] () {
-                return context?.isInvalid() ? "true" : void 0;
-            },
-            get ["data-disabled"] () {
-                return context?.isDisabled() ? "true" : void 0;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, (()=>{
-            var _c$2 = memo(()=>"function" == typeof local.children);
-            return ()=>_c$2() ? local.children(renderProps()) : local.children;
-        })());
-        return _el$2;
-    })();
-};
-const DateFieldInput = (props)=>{
-    const context = useContext(DateFieldContext);
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "onInput",
-        "onBlur",
-        "name"
-    ]);
-    const handleInput = (event)=>{
-        invokeEventHandler(local.onInput, event);
-        if (event.defaultPrevented) return;
-        context?.setValue(event.currentTarget.value);
-    };
-    const handleBlur = (event)=>{
-        invokeEventHandler(local.onBlur, event);
-        invokeEventHandler(context?.onBlur(), event);
-    };
-    return (()=>{
-        var _el$3 = _tmpl$2();
-        spread(_el$3, mergeProps(others, {
-            type: "date"
-        }, ()=>({
-                class: twMerge(CLASSES.Input.base, local.class, local.className)
-            }), {
-            "data-slot": "date-input-group-input",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get name () {
-                return local.name ?? context?.name();
-            },
-            get value () {
-                return context?.value() ?? "";
-            },
-            get disabled () {
-                return context?.isDisabled();
-            },
-            get required () {
-                return context?.isRequired();
-            },
-            get ["aria-invalid"] () {
-                return context?.isInvalid() ? "true" : void 0;
-            },
-            get ["aria-disabled"] () {
-                return context?.isDisabled() ? "true" : void 0;
-            },
-            onInput: handleInput,
-            onBlur: handleBlur
-        }), false, false);
-        return _el$3;
-    })();
-};
-const DateFieldInputContainer = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$4 = _tmpl$();
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.InputContainer.base, local.class, local.className)
-            }), {
-            "data-slot": "date-input-group-input-container",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
-};
-const DateFieldSegment = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "segment"
-    ]);
-    return (()=>{
-        var _el$5 = _tmpl$3();
-        spread(_el$5, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Segment.base, local.class, local.className)
-            }), {
-            "data-slot": "date-input-group-segment",
-            get ["data-type"] () {
-                return local.segment?.type;
-            },
-            get ["data-placeholder"] () {
-                return local.segment?.isPlaceholder ? "true" : void 0;
-            },
-            get ["data-invalid"] () {
-                return local.segment?.isInvalid ? "true" : void 0;
-            },
-            get ["data-focused"] () {
-                return local.segment?.isFocused ? "true" : void 0;
-            },
-            get ["data-disabled"] () {
-                return local.segment?.isDisabled ? "true" : void 0;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$5, ()=>local.children ?? local.segment?.text);
-        return _el$5;
-    })();
-};
-const DateFieldPrefix = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$6 = _tmpl$();
-        spread(_el$6, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Prefix.base, local.class, local.className)
-            }), {
-            "data-slot": "date-input-group-prefix",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$6, ()=>local.children);
-        return _el$6;
-    })();
-};
-const DateFieldSuffix = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$7 = _tmpl$();
-        spread(_el$7, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Suffix.base, local.class, local.className)
-            }), {
-            "data-slot": "date-input-group-suffix",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$7, ()=>local.children);
-        return _el$7;
-    })();
-};
-const DateField = Object.assign(DateFieldRoot, {
-    Root: DateFieldRoot,
-    Group: DateFieldGroup,
-    Input: DateFieldInput,
-    InputContainer: DateFieldInputContainer,
-    Segment: DateFieldSegment,
-    Prefix: DateFieldPrefix,
-    Suffix: DateFieldSuffix
-});
-const date_field_DateField = DateField;
-export default date_field_DateField;
-export { DateField, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldPrefix, DateFieldRoot, DateFieldSegment, DateFieldSuffix };

package/dist/components/date-picker/DatePicker.classes.d.ts

@@ -1,30 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "date-picker";
-        readonly flag: {
-            readonly open: "date-picker--open";
-            readonly disabled: "date-picker--disabled";
-        };
-    };
-    readonly Trigger: {
-        readonly base: "date-picker__trigger";
-    };
-    readonly TriggerValue: {
-        readonly base: "date-picker__trigger-value";
-        readonly flag: {
-            readonly placeholder: "date-picker__trigger-value--placeholder";
-        };
-    };
-    readonly TriggerIndicator: {
-        readonly base: "date-picker__trigger-indicator";
-    };
-    readonly TriggerIcon: {
-        readonly base: "date-picker__trigger-icon";
-    };
-    readonly Popover: {
-        readonly base: "date-picker__popover";
-    };
-    readonly Calendar: {
-        readonly base: "date-picker__calendar";
-    };
-};

package/dist/components/date-picker/DatePicker.classes.js

@@ -1,31 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "date-picker",
-        flag: {
-            open: "date-picker--open",
-            disabled: "date-picker--disabled"
-        }
-    },
-    Trigger: {
-        base: "date-picker__trigger"
-    },
-    TriggerValue: {
-        base: "date-picker__trigger-value",
-        flag: {
-            placeholder: "date-picker__trigger-value--placeholder"
-        }
-    },
-    TriggerIndicator: {
-        base: "date-picker__trigger-indicator"
-    },
-    TriggerIcon: {
-        base: "date-picker__trigger-icon"
-    },
-    Popover: {
-        base: "date-picker__popover"
-    },
-    Calendar: {
-        base: "date-picker__calendar"
-    }
-};
-export { CLASSES };

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,24 +0,0 @@
-import "./DatePicker.css";
-import { type JSX } from "solid-js";
-import { type CalendarWeekdayFormat } from "../calendar";
-import type { IComponentBaseProps } from "../types";
-type DatePickerBaseProps = {
-    value?: Date;
-    defaultValue?: Date;
-    onChange?: (value: Date) => void;
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    name?: string;
-    placeholder?: string;
-    locale?: string;
-    weekdayFormat?: CalendarWeekdayFormat;
-    minValue?: Date;
-    maxValue?: Date;
-    isDateUnavailable?: (date: Date) => boolean;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-export type DatePickerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange" | "children"> & IComponentBaseProps & DatePickerBaseProps;
-declare const DatePicker: (props: DatePickerProps) => JSX.Element;
-export default DatePicker;