components-test-pb 0.1.3 → 0.1.5

package/src/Types/utils/types.ts

@@ -1,223 +0,0 @@
-// ---- Core framework types (defined here, not imported from framework) ----
-
-export interface ElementProps {
-    children?: ElementChild | ElementChild[];
-    [key: string]: any;
-}
-
-export interface Element {
-    $$typeof: symbol;
-    type: string | Function | symbol;
-    props: ElementProps;
-    key: string | null;
-}
-
-export type ElementChild = Element | string | number | boolean | null | undefined | (() => any);
-
-export type FC<P = {}> = (props: P) => Element | null;
-
-export interface CSSProperties {
-    [key: string]: string | number;
-}
-
-export interface HTMLAttributes<T = HTMLElement> {
-    className?: string;
-    id?: string;
-    style?: CSSProperties;
-    title?: string;
-    lang?: string;
-    dir?: 'ltr' | 'rtl' | 'auto';
-    hidden?: boolean;
-    tabIndex?: number;
-    class?: never;
-    [key: `data-${string}`]: string | number | boolean | undefined;
-    role?: string;
-    [key: `aria-${string}`]: string | number | boolean | undefined;
-    onClick?: (event: MouseEvent) => void;
-    onDoubleClick?: (event: MouseEvent) => void;
-    onMouseDown?: (event: MouseEvent) => void;
-    onMouseUp?: (event: MouseEvent) => void;
-    onMouseEnter?: (event: MouseEvent) => void;
-    onMouseLeave?: (event: MouseEvent) => void;
-    onMouseMove?: (event: MouseEvent) => void;
-    onMouseOver?: (event: MouseEvent) => void;
-    onMouseOut?: (event: MouseEvent) => void;
-    onChange?: (event: Event) => void;
-    onInput?: (event: Event) => void;
-    onSubmit?: (event: Event) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    onKeyUp?: (event: KeyboardEvent) => void;
-    onKeyPress?: (event: KeyboardEvent) => void;
-    onScroll?: (event: Event) => void;
-    onWheel?: (event: WheelEvent) => void;
-    onDrag?: (event: DragEvent) => void;
-    onDragEnd?: (event: DragEvent) => void;
-    onDragEnter?: (event: DragEvent) => void;
-    onDragLeave?: (event: DragEvent) => void;
-    onDragOver?: (event: DragEvent) => void;
-    onDragStart?: (event: DragEvent) => void;
-    onDrop?: (event: DragEvent) => void;
-    onTouchStart?: (event: TouchEvent) => void;
-    onTouchMove?: (event: TouchEvent) => void;
-    onTouchEnd?: (event: TouchEvent) => void;
-    onTouchCancel?: (event: TouchEvent) => void;
-    children?: ElementChild | ElementChild[];
-}
-
-export type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : T;
-
-export type DistributivePick<T, K> = T extends unknown ? Pick<T, K & keyof T> : never;
-
-export type UnionToIntersection<U> = (U extends unknown ? (x: U) => U : never) extends (x: infer I) => U ? I : never;
-
-export type ReplaceNullWithUndefined<T> = T extends null ? Exclude<T, null> | undefined : T;
-
-export type PropsWithoutChildren<P> = 'children' extends keyof P ? DistributiveOmit<P, 'children'> : P;
-
-export interface FunctionComponent<P> {
-    (props: P): Element | null;
-    displayName?: string;
-}
-
-export type ComponentType<P = {}> = FunctionComponent<P>;
-
-export type ChildNode = ElementChild | ElementChild[];
-
-export interface AnchorNativeProps extends HTMLAttributes<HTMLAnchorElement> {
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    rel?: string;
-    download?: string | boolean;
-    hrefLang?: string;
-    type?: string;
-}
-
-export interface ButtonNativeProps extends HTMLAttributes<HTMLButtonElement> {
-    disabled?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    value?: string;
-    autoFocus?: boolean;
-    form?: string;
-    formAction?: string;
-    formEncType?: string;
-    formMethod?: string;
-    formNoValidate?: boolean;
-    formTarget?: string;
-}
-
-export interface FormNativeProps extends HTMLAttributes<HTMLFormElement> {
-    action?: string;
-    method?: 'get' | 'post';
-    encType?: string;
-    target?: string;
-    noValidate?: boolean;
-    autoComplete?: 'on' | 'off';
-}
-
-export interface InputNativeProps extends HTMLAttributes<HTMLInputElement> {
-    accept?: string;
-    alt?: string;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    capture?: boolean | string;
-    checked?: boolean;
-    disabled?: boolean;
-    form?: string;
-    max?: number | string;
-    maxLength?: number;
-    min?: number | string;
-    minLength?: number;
-    multiple?: boolean;
-    name?: string;
-    pattern?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    size?: number;
-    src?: string;
-    step?: number | string;
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'checkbox' | 'radio' | 'file' | 'submit' | 'reset' | 'button' | 'hidden' | 'image' | 'color' | 'range';
-    value?: string | number;
-}
-
-export interface TextareaNativeProps extends HTMLAttributes<HTMLTextAreaElement> {
-    autoComplete?: string;
-    autoFocus?: boolean;
-    cols?: number;
-    disabled?: boolean;
-    form?: string;
-    maxLength?: number;
-    minLength?: number;
-    name?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    rows?: number;
-    value?: string;
-    wrap?: 'hard' | 'soft' | 'off';
-}
-
-export interface SelectNativeProps extends HTMLAttributes<HTMLSelectElement> {
-    autoComplete?: string;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    form?: string;
-    multiple?: boolean;
-    name?: string;
-    required?: boolean;
-    size?: number;
-    value?: string | string[];
-}
-
-export interface ImgNativeProps extends HTMLAttributes<HTMLImageElement> {
-    alt?: string;
-    crossOrigin?: 'anonymous' | 'use-credentials';
-    decoding?: 'async' | 'auto' | 'sync';
-    height?: number | string;
-    loading?: 'eager' | 'lazy';
-    sizes?: string;
-    src?: string;
-    srcSet?: string;
-    width?: number | string;
-}
-
-export interface LabelNativeProps extends HTMLAttributes<HTMLLabelElement> {
-    htmlFor?: string;
-    form?: string;
-}
-
-export type IntrinsicElementKeys =
-    | 'a' | 'abbr' | 'address' | 'area' | 'article' | 'aside' | 'audio'
-    | 'b' | 'base' | 'blockquote' | 'body' | 'br' | 'button'
-    | 'canvas' | 'caption' | 'cite' | 'code' | 'col' | 'colgroup'
-    | 'datalist' | 'del' | 'details' | 'dialog' | 'div'
-    | 'em'
-    | 'fieldset' | 'figcaption' | 'figure' | 'footer' | 'form'
-    | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'head' | 'header' | 'hr' | 'html'
-    | 'i' | 'iframe' | 'img' | 'input' | 'ins'
-    | 'kbd'
-    | 'label' | 'legend' | 'li' | 'link'
-    | 'main' | 'mark' | 'menu' | 'meta' | 'meter'
-    | 'nav'
-    | 'ol' | 'optgroup' | 'option' | 'output'
-    | 'p' | 'picture' | 'pre' | 'progress'
-    | 'q'
-    | 's' | 'script' | 'section' | 'select' | 'small' | 'source' | 'span' | 'strong' | 'style' | 'sub' | 'summary' | 'sup' | 'svg'
-    | 'table' | 'tbody' | 'td' | 'template' | 'textarea' | 'tfoot' | 'th' | 'thead' | 'title' | 'tr' | 'track'
-    | 'u' | 'ul'
-    | 'video'
-    | 'wbr'
-    | 'circle' | 'ellipse' | 'line' | 'path' | 'polygon' | 'polyline' | 'rect' | 'g' | 'defs';
-
-export type IntrinsicElementProps<Tag extends IntrinsicElementKeys> =
-    Tag extends 'a' ? AnchorNativeProps :
-    Tag extends 'button' ? ButtonNativeProps :
-    Tag extends 'form' ? FormNativeProps :
-    Tag extends 'input' ? InputNativeProps :
-    Tag extends 'textarea' ? TextareaNativeProps :
-    Tag extends 'select' ? SelectNativeProps :
-    Tag extends 'img' ? ImgNativeProps :
-    Tag extends 'label' ? LabelNativeProps :
-    HTMLAttributes<HTMLElement>;

package/src/utilities/useARIAButtonProps.ts

@@ -1,106 +0,0 @@
-import type { HTMLAttributes, IntrinsicElementKeys } from '../Types/utils/types.js';
-
-export type ARIAButtonType = 'button' | 'a' | 'div';
-
-export type ARIAButtonProps<Tag extends ARIAButtonType = 'button'> = HTMLAttributes<HTMLElement> & {
-    disabled?: boolean;
-    disabledFocusable?: boolean;
-} & (Tag extends 'a' ? { href?: string } : {});
-
-export type ARIAButtonResultProps<Tag extends ARIAButtonType = 'button'> = HTMLAttributes<HTMLElement> & {
-    disabled?: Tag extends 'button' ? '' | undefined : never;
-    'aria-disabled'?: 'true';
-    role?: string;
-    tabIndex?: number;
-    href?: string;
-};
-
-const noop = () => { };
-
-export const useARIAButtonProps = <Tag extends ARIAButtonType>(
-    tag: Tag,
-    props: ARIAButtonProps<Tag> = {} as ARIAButtonProps<Tag>,
-): ARIAButtonResultProps<Tag> => {
-    const { disabled, disabledFocusable, onClick, onKeyDown, onKeyUp, ...rest } = props as ARIAButtonProps & { href?: string };
-
-    const isDisabled = disabled || disabledFocusable;
-
-    const handleClick = (e: MouseEvent) => {
-        if (isDisabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        onClick?.(e);
-    };
-
-    if (tag === 'button') {
-        const result = {
-            ...rest,
-            onClick: handleClick,
-            onKeyDown: isDisabled ? (e: KeyboardEvent) => {
-                e.preventDefault();
-                e.stopPropagation();
-            } : onKeyDown,
-            onKeyUp: isDisabled ? (e: KeyboardEvent) => {
-                e.preventDefault();
-                e.stopPropagation();
-            } : onKeyUp,
-        } as ARIAButtonResultProps<Tag>;
-
-        if (disabled && !disabledFocusable) {
-            (result as any).disabled = '';
-        } else if (disabledFocusable) {
-            result['aria-disabled'] = 'true';
-        }
-
-        return result;
-    }
-
-    const handleKeyDown = (e: KeyboardEvent) => {
-        if (isDisabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            (e.target as HTMLElement)?.click();
-        }
-        onKeyDown?.(e);
-    };
-
-    const handleKeyUp = (e: KeyboardEvent) => {
-        if (isDisabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        if (e.key === ' ') {
-            e.preventDefault();
-            (e.target as HTMLElement)?.click();
-        }
-        onKeyUp?.(e);
-    };
-
-    const result: ARIAButtonResultProps<Tag> = {
-        ...rest,
-        role: 'button',
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        onKeyUp: handleKeyUp,
-    } as ARIAButtonResultProps<Tag>;
-
-    if (isDisabled) {
-        result['aria-disabled'] = 'true';
-        if (tag === 'a') {
-            delete (result as any).href;
-        }
-    }
-
-    if (!disabled || disabledFocusable) {
-        result.tabIndex = rest.tabIndex ?? 0;
-    }
-
-    return result;
-};