@gamecrafters/base-ui 0.0.40 → 0.0.42

package/build/components/tag-input/TagInput.types.d.ts

@@ -0,0 +1,175 @@
+import type * as React from "react";
+import type { ButtonVisual } from "../button";
+import type { TextInputSize } from "../text-input/TextInput.types";
+export type TagInputInvalidReason = "rangeOverflow" | "invalidTag";
+export type TagInputBlurBehavior = "add" | "clear";
+export type TagInputTranslations = {
+    clearTriggerLabel?: string;
+    deleteTagTriggerLabel?: (value: string) => string;
+    tagAdded?: (value: string) => string;
+    tagsPasted?: (values: string[]) => string;
+    tagEdited?: (value: string) => string;
+    tagUpdated?: (value: string) => string;
+    tagDeleted?: (value: string) => string;
+    tagSelected?: (value: string) => string;
+    noTagsSelected?: string;
+};
+export type TagInputIds = {
+    root?: string;
+    label?: string;
+    control?: string;
+    input?: string;
+    hiddenInput?: string;
+    clearTrigger?: string;
+};
+export type TagInputItemIds = {
+    item: string;
+    preview: string;
+    input: string;
+    deleteTrigger: string;
+};
+export type UseTagInputProps = {
+    value?: string[];
+    defaultValue?: string[];
+    inputValue?: string;
+    defaultInputValue?: string;
+    delimiter?: string | RegExp;
+    max?: number;
+    allowOverflow?: boolean;
+    maxLength?: number;
+    allowDuplicates?: boolean;
+    addOnPaste?: boolean;
+    blurBehavior?: TagInputBlurBehavior;
+    editable?: boolean;
+    sanitizeValue?: (value: string) => string;
+    validate?: (inputValue: string, value: string[]) => boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    name?: string;
+    form?: string;
+    id?: string;
+    ids?: TagInputIds;
+    translations?: TagInputTranslations;
+    onValueChange?: (value: string[]) => void;
+    onInputValueChange?: (inputValue: string) => void;
+    onHighlightChange?: (highlightedValue: string | null) => void;
+    onValueInvalid?: (reason: TagInputInvalidReason) => void;
+};
+export type TagInputItemOptions = {
+    index: number;
+    value: string;
+    disabled?: boolean;
+};
+export type TagInputItemState = {
+    index: number;
+    value: string;
+    ids: TagInputItemIds;
+    editing: boolean;
+    highlighted: boolean;
+    disabled: boolean;
+};
+export type TagInputAnnouncement = {
+    message: string;
+    count: number;
+};
+export type UseTagInputReturn = {
+    value: string[];
+    valueAsString: string;
+    inputValue: string;
+    count: number;
+    empty: boolean;
+    atMax: boolean;
+    focused: boolean;
+    highlightedIndex: number | null;
+    editingIndex: number | null;
+    editedValue: string;
+    placeholder?: string;
+    maxLength?: number;
+    editable: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    invalid: boolean;
+    name?: string;
+    form?: string;
+    ids: Required<TagInputIds>;
+    describedBy?: string;
+    translations: Required<TagInputTranslations>;
+    announcement: TagInputAnnouncement;
+    setValue: (value: string[]) => void;
+    clearValue: (index?: number) => void;
+    addValue: (value: string) => void;
+    setValueAtIndex: (index: number, value: string) => void;
+    setInputValue: (value: string) => void;
+    clearInputValue: () => void;
+    focus: () => void;
+    getItemState: (options: TagInputItemOptions) => TagInputItemState;
+    rootRef: React.RefObject<HTMLDivElement | null>;
+    handleRootFocus: () => void;
+    handleControlMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
+    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleInputPaste: () => void;
+    handleItemPreviewMouseDown: (event: React.MouseEvent<HTMLElement>, options: TagInputItemOptions) => void;
+    handleItemPreviewDoubleClick: (options: TagInputItemOptions) => void;
+    handleItemInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleItemInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleItemInputBlur: () => void;
+    handleItemDelete: (options: TagInputItemOptions) => void;
+    handleClear: () => void;
+};
+type TagInputFieldProps = {
+    size?: TextInputSize;
+    block?: boolean;
+    contrast?: boolean;
+    className?: string;
+};
+export type TagInputProps = Omit<React.ComponentPropsWithoutRef<"div">, keyof UseTagInputProps> & UseTagInputProps & TagInputFieldProps;
+export type TagInputRootProviderProps = Omit<React.ComponentPropsWithoutRef<"div">, "defaultValue"> & TagInputFieldProps & {
+    value: UseTagInputReturn;
+};
+export type TagInputLabelProps = React.ComponentPropsWithoutRef<"label"> & {
+    visuallyHidden?: boolean;
+    className?: string;
+};
+export type TagInputControlProps = React.ComponentPropsWithoutRef<"div"> & {
+    className?: string;
+};
+export type TagInputInputProps = Omit<React.ComponentPropsWithoutRef<"input">, "value" | "defaultValue" | "size"> & {
+    className?: string;
+};
+export type TagInputClearTriggerProps = Omit<React.ComponentPropsWithoutRef<"button">, "children" | "aria-label" | "aria-labelledby"> & {
+    icon?: ButtonVisual;
+    label?: string;
+    className?: string;
+};
+export type TagInputItemProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & TagInputItemOptions & {
+    children?: React.ReactNode;
+    className?: string;
+};
+export type TagInputItemPreviewProps = React.ComponentPropsWithoutRef<"div"> & {
+    className?: string;
+};
+export type TagInputItemTextProps = React.ComponentPropsWithoutRef<"span"> & {
+    className?: string;
+};
+export type TagInputItemInputProps = Omit<React.ComponentPropsWithoutRef<"input">, "value" | "defaultValue" | "size"> & {
+    className?: string;
+};
+export type TagInputItemDeleteTriggerProps = Omit<React.ComponentPropsWithoutRef<"button">, "aria-label" | "aria-labelledby"> & {
+    label?: string;
+    className?: string;
+};
+export type TagInputHiddenInputProps = Omit<React.ComponentPropsWithoutRef<"input">, "value" | "defaultValue" | "type">;
+export type TagInputConsumerProps = {
+    children: (tagInput: UseTagInputReturn) => React.ReactNode;
+};
+export type TagInputItemConsumerProps = {
+    children: (item: TagInputItemState) => React.ReactNode;
+};
+export type TagInputContextValue = UseTagInputReturn & Omit<TagInputFieldProps, "className">;
+export {};

package/build/components/tag-input/TagInputClearTrigger.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby" | "children"> & {
+    icon?: import("..").ButtonVisual;
+    label?: string;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputConsumer.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { TagInputConsumerProps } from "./TagInput.types";
+declare function TagInputConsumer({ children }: TagInputConsumerProps): React.JSX.Element | null;
+declare namespace TagInputConsumer {
+    var displayName: string;
+}
+export default TagInputConsumer;

package/build/components/tag-input/TagInputContext.d.ts

@@ -0,0 +1,17 @@
+import type { TagInputContextValue, TagInputItemState, UseTagInputReturn } from "./TagInput.types";
+export declare const TagInputContext: import("react").Context<TagInputContextValue | undefined>;
+export declare const useTagInputContext: () => TagInputContextValue | undefined;
+export declare const TagInputItemContext: import("react").Context<TagInputItemState | undefined>;
+export declare const useTagInputItemContext: () => TagInputItemState | undefined;
+export declare const getStateAttributes: ({ focused, disabled, readOnly, invalid, empty, }: Pick<UseTagInputReturn, "focused" | "disabled" | "readOnly" | "invalid" | "empty">) => {
+    "data-focus": true | undefined;
+    "data-disabled": true | undefined;
+    "data-readonly": true | undefined;
+    "data-invalid": true | undefined;
+    "data-empty": true | undefined;
+};
+export declare const getItemStateAttributes: ({ highlighted, editing, disabled, }: Pick<TagInputItemState, "highlighted" | "editing" | "disabled">) => {
+    "data-highlighted": true | undefined;
+    "data-editing": true | undefined;
+    "data-disabled": true | undefined;
+};

package/build/components/tag-input/TagInputControl.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputHiddenInput.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { TagInputHiddenInputProps } from "./TagInput.types";
+declare const _default: (props: TagInputHiddenInputProps & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputInput.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "defaultValue"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputItem.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import("./TagInput.types").TagInputItemOptions & {
+    children?: React.ReactNode;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputItemConsumer.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { TagInputItemConsumerProps } from "./TagInput.types";
+declare function TagInputItemConsumer({ children }: TagInputItemConsumerProps): React.JSX.Element | null;
+declare namespace TagInputItemConsumer {
+    var displayName: string;
+}
+export default TagInputItemConsumer;

package/build/components/tag-input/TagInputItemDeleteTrigger.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby"> & {
+    label?: string;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputItemInput.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "defaultValue"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputItemPreview.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputItemText.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputLabel.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    visuallyHidden?: boolean;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/TagInputRootProvider.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & {
+    size?: import("..").TextInputSize;
+    block?: boolean;
+    contrast?: boolean;
+    className?: string;
+} & {
+    value: import("./TagInput.types").UseTagInputReturn;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/tag-input/index.d.ts

@@ -0,0 +1,73 @@
+import TagInputClearTrigger from "./TagInputClearTrigger";
+import TagInputConsumer from "./TagInputConsumer";
+import TagInputControl from "./TagInputControl";
+import TagInputHiddenInput from "./TagInputHiddenInput";
+import TagInputInput from "./TagInputInput";
+import TagInputItem from "./TagInputItem";
+import TagInputItemConsumer from "./TagInputItemConsumer";
+import TagInputItemDeleteTrigger from "./TagInputItemDeleteTrigger";
+import TagInputItemInput from "./TagInputItemInput";
+import TagInputItemPreview from "./TagInputItemPreview";
+import TagInputItemText from "./TagInputItemText";
+import TagInputLabel from "./TagInputLabel";
+import TagInputRootProvider from "./TagInputRootProvider";
+export declare const TagInput: ((props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("./TagInput.types").UseTagInputProps> & import("./TagInput.types").UseTagInputProps & {
+    size?: import("..").TextInputSize;
+    block?: boolean;
+    contrast?: boolean;
+    className?: string;
+} & import("react").RefAttributes<any>) => React.ReactNode) & {
+    Root: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("./TagInput.types").UseTagInputProps> & import("./TagInput.types").UseTagInputProps & {
+        size?: import("..").TextInputSize;
+        block?: boolean;
+        contrast?: boolean;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    RootProvider: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & {
+        size?: import("..").TextInputSize;
+        block?: boolean;
+        contrast?: boolean;
+        className?: string;
+    } & {
+        value: import("./TagInput.types").UseTagInputReturn;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Context: typeof TagInputConsumer;
+    Label: (props: Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        visuallyHidden?: boolean;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Control: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Input: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "defaultValue"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ClearTrigger: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby" | "children"> & {
+        icon?: import("..").ButtonVisual;
+        label?: string;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Item: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import("./TagInput.types").TagInputItemOptions & {
+        children?: React.ReactNode;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ItemContext: typeof TagInputItemConsumer;
+    ItemPreview: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ItemText: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ItemDeleteTrigger: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby"> & {
+        label?: string;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ItemInput: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "defaultValue"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    HiddenInput: (props: import("./TagInput.types").TagInputHiddenInputProps & import("react").RefAttributes<any>) => React.ReactNode;
+};
+export { TagInputRootProvider, TagInputConsumer, TagInputLabel, TagInputControl, TagInputInput, TagInputClearTrigger, TagInputItem, TagInputItemConsumer, TagInputItemPreview, TagInputItemText, TagInputItemDeleteTrigger, TagInputItemInput, TagInputHiddenInput, };
+export { TagInputContext, TagInputItemContext, useTagInputContext, useTagInputItemContext, } from "./TagInputContext";
+export { useTagInput } from "./useTagInput";
+export * from "./TagInput.types";

package/build/components/tag-input/useTagInput.d.ts

@@ -0,0 +1,2 @@
+import type { UseTagInputProps, UseTagInputReturn } from "./TagInput.types";
+export declare const useTagInput: (props?: UseTagInputProps) => UseTagInputReturn;