kku-ui 0.1.3 → 0.2.0

package/lib/es/components/input/textfield/KTextField.interface.d.ts

@@ -1,30 +1,26 @@
-import { KeyboardEvent, ReactNode } from 'react';
-import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
-export interface KTextFieldProps extends KBaseProp, KSizeProp {
+import { ReactNode } from 'react';
+import { TextFieldProps } from '../../../core';
+import { SizeType } from '../../../common/base/base.interface';
+export interface KInputValidateType {
+    rules?: (((value?: string) => string | boolean) | Promise<(value?: string) => string | boolean>)[];
+    validateOnChange?: boolean;
+}
+export interface KTextFieldProps extends Omit<TextFieldProps, 'onChange' | 'size'>, KInputValidateType {
     value?: string;
-    label?: string;
-    labelAlign?: 'column' | 'row';
-    labelGap?: number;
-    placeholder?: string;
-    maxLength?: number;
-    disabled?: boolean;
-    required?: boolean;
-    clearable?: boolean;
-    password?: boolean;
-    leftAction?: ReactNode;
-    rightAction?: ReactNode;
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
     onChange?: (value: string) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onKeyDownEnter?: (e?: KeyboardEvent<HTMLInputElement>) => void;
     autoComplete?: string;
     autoCorrect?: 'on' | 'off';
     autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-    width?: number;
+    size?: SizeType;
+    width?: number | string;
     align?: 'left' | 'center' | 'right';
+    required?: boolean;
 }
 export interface KTextFieldRefs {
     focus: () => void;
     blur: () => void;
     value?: string;
+    onValidate: () => Promise<boolean> | boolean;
 }

package/lib/es/core/accordion/Accordion.context.d.ts

@@ -0,0 +1,3 @@
+import { AccordionContextProps } from './Accordion.interface';
+export declare const AccordionContext: import('react').Context<AccordionContextProps | undefined>;
+export declare const useAccordionContext: () => AccordionContextProps;

package/lib/es/core/accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { default as AccordionSummary } from './AccordionSummary';
+import { default as AccordionContent } from './AccordionContent';
+import { AccordionProps } from './Accordion.interface';
+interface AccordionNamespace extends ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDetailsElement>> {
+    Summary: typeof AccordionSummary;
+    Content: typeof AccordionContent;
+}
+declare const KAccordion: AccordionNamespace;
+export default KAccordion;

package/lib/es/core/accordion/Accordion.interface.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch, HTMLAttributes, ReactNode, RefObject, SetStateAction } from 'react';
+export interface AccordionContextProps {
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+    root: RefObject<HTMLDetailsElement | null>;
+    summaryId: string;
+}
+export interface AccordionProps extends HTMLAttributes<HTMLDetailsElement> {
+    defaultOpen?: boolean;
+    children?: ReactNode;
+}
+export interface AccordionSummaryProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    children?: ReactNode | (({ isOpen }: {
+        isOpen: boolean;
+    }) => ReactNode);
+}
+export interface AccordionContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: ReactNode | (({ isOpen }: {
+        isOpen: boolean;
+    }) => ReactNode);
+}

package/lib/es/core/accordion/AccordionContent.d.ts

@@ -0,0 +1,6 @@
+import { AccordionContentProps } from './Accordion.interface';
+declare const MemoizedAccordionContent: import('react').MemoExoticComponent<{
+    (props: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default MemoizedAccordionContent;

package/lib/es/core/accordion/AccordionSummary.d.ts

@@ -0,0 +1,6 @@
+import { AccordionSummaryProps } from './Accordion.interface';
+declare const MemoizedAccordionSummary: import('react').MemoExoticComponent<{
+    (props: AccordionSummaryProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default MemoizedAccordionSummary;

package/lib/es/core/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Accordion } from './Accordion';
+export * from './Accordion.interface';

package/lib/es/core/button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from './Button.interface';
+declare const MemoizedButton: import('react').NamedExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default MemoizedButton;

package/lib/es/core/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button.interface';

package/lib/es/core/index.d.ts

@@ -0,0 +1,7 @@
+export * from './accordion';
+export * from './button';
+export * from './menu';
+export * from './menu-item';
+export * from './switch';
+export * from './text-field';
+export * from './transition';

package/lib/es/core/menu/Menu.d.ts

@@ -0,0 +1,3 @@
+import { MenuProps } from './Menu.interface';
+declare const Menu: import('react').ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement | HTMLUListElement>>;
+export default Menu;

package/lib/es/core/menu/Menu.interface.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type MenuElementType = 'ul' | 'div';
+export interface MenuElementTypeMap {
+    ul: HTMLUListElement;
+    div: HTMLDivElement;
+}
+export interface MenuProps {
+    as?: MenuElementType;
+    children?: ReactNode;
+    [key: string]: any;
+}

package/lib/es/core/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Menu } from './Menu';
+export * from './Menu.interface';

package/lib/es/core/menu-item/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from './MenuItem.interface';
+declare const MemoizedMenuItem: import('react').NamedExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement | HTMLLIElement>>;
+export default MemoizedMenuItem;

package/lib/es/core/menu-item/MenuItem.interface.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type MenuItemElementType = 'li' | 'div';
+export interface MenuItemElementTypeMap {
+    li: HTMLLIElement;
+    div: HTMLDivElement;
+}
+export interface MenuItemProps {
+    as?: MenuItemElementType;
+    disabled?: boolean;
+    children?: ReactNode;
+    [key: string]: any;
+}

package/lib/es/core/menu-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MenuItem } from './MenuItem';
+export * from './MenuItem.interface';

package/lib/es/core/switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { SwitchProps } from './Switch.interface';
+declare const MemoizedSwitch: import('react').NamedExoticComponent<SwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default MemoizedSwitch;

package/lib/es/core/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch.interface';

package/lib/es/core/text-field/TextField.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps } from './TextField.interface';
+declare const MemoizedTextField: import('react').NamedExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export default MemoizedTextField;

package/lib/es/core/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextField } from './TextField';
+export type { TextFieldProps } from './TextField.interface';

package/lib/es/core/transition/Transition.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement, Ref } from 'react';
+import { CTransitionProps } from './Transition.interface';
+declare const MemoizedTransition: import('react').MemoExoticComponent<(<Tag extends keyof HTMLElementTagNameMap = "div">(props: CTransitionProps<Tag> & {
+    ref?: Ref<HTMLElementTagNameMap[Tag]> | undefined;
+}) => ReactElement | null)>;
+export default MemoizedTransition;

package/lib/es/core/transition/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Transition } from './Transition';
+export type * from './Transition.interface';

package/lib/es/hooks.js

@@ -0,0 +1,22 @@
+import { u as d, b as l, c as R, e as m, a as x, d as C } from "../useEscapeKey-BH1YNl0p.js";
+import { useRef as t, useCallback as o } from "react";
+function f() {
+  const e = t([]), s = t([]), a = o((r) => (n) => {
+    const u = s.current.indexOf(r);
+    if (u !== -1) {
+      e.current[u] = n;
+      return;
+    }
+    s.current.push(r), e.current.push(n);
+  }, []);
+  return { refs: e.current, handleRef: a };
+}
+export {
+  d as useCleanId,
+  l as useClickOutside,
+  R as useDropdownPosition,
+  f as useDynamicRefs,
+  m as useEscapeKey,
+  x as useRipple,
+  C as useSafePortalContainer
+};

package/lib/es/index.d.ts

@@ -1 +1 @@
-export * from './components/index';
+export * from './components';