kku-ui 0.2.55 → 0.9.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -8
- package/lib/es/common/hooks/index.d.ts +0 -4
- package/lib/es/components/index.d.ts +6 -5
- package/lib/es/components/ui/actions/button/KButton.d.ts +12 -0
- package/lib/es/components/ui/actions/button-group/KButtonGroup.d.ts +12 -0
- package/lib/es/components/ui/actions/index.d.ts +3 -0
- package/lib/es/components/ui/actions/switch/KSwitch.d.ts +6 -0
- package/lib/es/components/ui/data-display/accordion/KAccordion.d.ts +17 -0
- package/lib/es/components/ui/data-display/bottom-sheet/KBottomSheet.d.ts +39 -0
- package/lib/es/components/ui/data-display/dropdown-menu/KDropdownMenu.d.ts +55 -0
- package/lib/es/components/ui/data-display/index.d.ts +3 -0
- package/lib/es/components/ui/feedback/dialog/KDialog.d.ts +39 -0
- package/lib/es/components/ui/feedback/index.d.ts +5 -0
- package/lib/es/components/ui/feedback/popover/KPopover.d.ts +15 -0
- package/lib/es/components/ui/feedback/skeleton/KSkeleton.d.ts +9 -0
- package/lib/es/components/ui/feedback/spinner/KSpinner.d.ts +6 -0
- package/lib/es/components/ui/feedback/toast/KToast.d.ts +10 -0
- package/lib/es/components/ui/foundation/icon/KIcon.d.ts +19 -0
- package/lib/es/components/ui/foundation/icon/index.d.ts +1 -0
- package/lib/es/components/ui/input/index.d.ts +2 -0
- package/lib/es/components/ui/input/select/KSelect.d.ts +38 -0
- package/lib/es/components/ui/input/textfield/KTextField.d.ts +19 -0
- package/lib/es/components/ui/layout/aspect-ratio/KAspectRatio.d.ts +6 -0
- package/lib/es/components/ui/layout/index.d.ts +1 -0
- package/lib/es/index.d.ts +0 -1
- package/lib/es/lib/utils.d.ts +2 -0
- package/lib/hooks.js +39 -0
- package/lib/index.css +1 -1
- package/lib/index.js +11843 -0
- package/lib/index.js.br +0 -0
- package/lib/index.js.gz +0 -0
- package/package.json +24 -8
- package/lib/es/common/hooks/useDropdownPosition.d.ts +0 -16
- package/lib/es/common/hooks/useEscapeKey.d.ts +0 -2
- package/lib/es/common/hooks/useRipple/useRipple.d.ts +0 -5
- package/lib/es/common/hooks/useSafePortalContainer.d.ts +0 -1
- package/lib/es/common/util/keyboard.d.ts +0 -2
- package/lib/es/common/util/lodashUtil.d.ts +0 -4
- package/lib/es/common/util/style.d.ts +0 -5
- package/lib/es/components/actions/button/KButton.d.ts +0 -3
- package/lib/es/components/actions/button/KButton.interface.d.ts +0 -18
- package/lib/es/components/actions/button/index.d.ts +0 -2
- package/lib/es/components/actions/button-group/KButtonGroup.d.ts +0 -6
- package/lib/es/components/actions/button-group/KButtonGroup.interface.d.ts +0 -8
- package/lib/es/components/actions/button-group/index.d.ts +0 -2
- package/lib/es/components/actions/index.d.ts +0 -5
- package/lib/es/components/actions/switch/KSwitch.d.ts +0 -3
- package/lib/es/components/actions/switch/KSwitch.interface.d.ts +0 -8
- package/lib/es/components/actions/switch/index.d.ts +0 -2
- package/lib/es/components/actions/toggle-button/KToggleButton.d.ts +0 -4
- package/lib/es/components/actions/toggle-button/KToggleButton.interface.d.ts +0 -4
- package/lib/es/components/actions/toggle-button/index.d.ts +0 -2
- package/lib/es/components/actions/toggle-button-group/KToggleButtonGroup.d.ts +0 -6
- package/lib/es/components/actions/toggle-button-group/KToggleButtonGroup.interface.d.ts +0 -9
- package/lib/es/components/actions/toggle-button-group/index.d.ts +0 -2
- package/lib/es/components/data-display/accordion/KAccordion.d.ts +0 -6
- package/lib/es/components/data-display/accordion/KAccordion.interface.d.ts +0 -9
- package/lib/es/components/data-display/accordion/index.d.ts +0 -2
- package/lib/es/components/data-display/dropdown/KDropdown.context.d.ts +0 -3
- package/lib/es/components/data-display/dropdown/KDropdown.d.ts +0 -10
- package/lib/es/components/data-display/dropdown/KDropdown.interface.d.ts +0 -45
- package/lib/es/components/data-display/dropdown/KDropdownContent.d.ts +0 -3
- package/lib/es/components/data-display/dropdown/KDropdownTrigger.d.ts +0 -3
- package/lib/es/components/data-display/dropdown/index.d.ts +0 -2
- package/lib/es/components/data-display/index.d.ts +0 -4
- package/lib/es/components/data-display/menu/KMenu.d.ts +0 -12
- package/lib/es/components/data-display/menu/KMenu.interface.d.ts +0 -19
- package/lib/es/components/data-display/menu/KMenuItem.d.ts +0 -3
- package/lib/es/components/data-display/menu/KMenuItemDivider.d.ts +0 -3
- package/lib/es/components/data-display/menu/KMenuItemSelectable.d.ts +0 -3
- package/lib/es/components/data-display/menu/index.d.ts +0 -2
- package/lib/es/components/data-display/skeleton/KSkeleton.d.ts +0 -6
- package/lib/es/components/data-display/skeleton/KSkeleton.interface.d.ts +0 -8
- package/lib/es/components/data-display/skeleton/index.d.ts +0 -2
- package/lib/es/components/feedback/backdrop/KBackdrop.d.ts +0 -6
- package/lib/es/components/feedback/backdrop/KBackdrop.motion.d.ts +0 -3
- package/lib/es/components/feedback/backdrop/index.d.ts +0 -2
- package/lib/es/components/feedback/index.d.ts +0 -3
- package/lib/es/components/feedback/modal/KModal.context.d.ts +0 -3
- package/lib/es/components/feedback/modal/KModal.d.ts +0 -12
- package/lib/es/components/feedback/modal/KModal.interface.d.ts +0 -35
- package/lib/es/components/feedback/modal/KModal.motion.d.ts +0 -2
- package/lib/es/components/feedback/modal/KModalContent.d.ts +0 -3
- package/lib/es/components/feedback/modal/KModalFooter.d.ts +0 -3
- package/lib/es/components/feedback/modal/KModalHeader.d.ts +0 -3
- package/lib/es/components/feedback/modal/index.d.ts +0 -2
- package/lib/es/components/feedback/spinner/KSpinner.d.ts +0 -3
- package/lib/es/components/feedback/spinner/index.d.ts +0 -2
- package/lib/es/components/foundations/icon/KIcon.d.ts +0 -3
- package/lib/es/components/foundations/icon/KIcon.interface.d.ts +0 -14
- package/lib/es/components/foundations/icon/index.d.ts +0 -2
- package/lib/es/components/foundations/index.d.ts +0 -1
- package/lib/es/components/input/index.d.ts +0 -2
- package/lib/es/components/input/select/KSelect.d.ts +0 -3
- package/lib/es/components/input/select/KSelect.interface.d.ts +0 -37
- package/lib/es/components/input/select/index.d.ts +0 -2
- package/lib/es/components/input/textfield/KTextField.d.ts +0 -3
- package/lib/es/components/input/textfield/KTextField.interface.d.ts +0 -26
- package/lib/es/components/input/textfield/index.d.ts +0 -2
- package/lib/es/core/accordion/Accordion.context.d.ts +0 -3
- package/lib/es/core/accordion/Accordion.d.ts +0 -10
- package/lib/es/core/accordion/Accordion.interface.d.ts +0 -21
- package/lib/es/core/accordion/AccordionContent.d.ts +0 -6
- package/lib/es/core/accordion/AccordionSummary.d.ts +0 -6
- package/lib/es/core/accordion/index.d.ts +0 -2
- package/lib/es/core/button/Button.d.ts +0 -3
- package/lib/es/core/button/Button.interface.d.ts +0 -4
- package/lib/es/core/button/index.d.ts +0 -2
- package/lib/es/core/index.d.ts +0 -7
- package/lib/es/core/menu/Menu.d.ts +0 -3
- package/lib/es/core/menu/Menu.interface.d.ts +0 -11
- package/lib/es/core/menu/index.d.ts +0 -2
- package/lib/es/core/menu-item/MenuItem.d.ts +0 -3
- package/lib/es/core/menu-item/MenuItem.interface.d.ts +0 -12
- package/lib/es/core/menu-item/index.d.ts +0 -2
- package/lib/es/core/switch/Switch.d.ts +0 -3
- package/lib/es/core/switch/Switch.interface.d.ts +0 -6
- package/lib/es/core/switch/index.d.ts +0 -2
- package/lib/es/core/text-field/TextField.d.ts +0 -3
- package/lib/es/core/text-field/TextField.interface.d.ts +0 -4
- package/lib/es/core/text-field/index.d.ts +0 -2
- package/lib/es/core/transition/Transition.d.ts +0 -6
- package/lib/es/core/transition/Transition.interface.d.ts +0 -9
- package/lib/es/core/transition/index.d.ts +0 -2
- package/lib/es/hooks.js +0 -22
- package/lib/es/index.js +0 -7313
- package/lib/es/index.js.br +0 -0
- package/lib/es/index.js.gz +0 -0
- package/lib/useEscapeKey-BH1YNl0p.js +0 -158
- package/lib/useEscapeKey-BH1YNl0p.js.br +0 -0
- package/lib/useEscapeKey-BH1YNl0p.js.gz +0 -0
package/lib/index.js.br
ADDED
|
Binary file
|
package/lib/index.js.gz
ADDED
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "kku-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.9",
|
|
4
|
+
"packageManager": "pnpm@10.5.2",
|
|
4
5
|
"type": "module",
|
|
5
6
|
"exports": {
|
|
6
7
|
".": {
|
|
@@ -36,10 +37,22 @@
|
|
|
36
37
|
}
|
|
37
38
|
},
|
|
38
39
|
"dependencies": {
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"react": "^
|
|
42
|
-
"react-
|
|
40
|
+
"@radix-ui/react-accordion": "^1.2.12",
|
|
41
|
+
"@radix-ui/react-dialog": "^1.1.15",
|
|
42
|
+
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
43
|
+
"@radix-ui/react-popover": "^1.1.15",
|
|
44
|
+
"@radix-ui/react-select": "^2.2.6",
|
|
45
|
+
"@radix-ui/react-slot": "^1.2.4",
|
|
46
|
+
"@radix-ui/react-switch": "^1.2.6",
|
|
47
|
+
"class-variance-authority": "^0.7.1",
|
|
48
|
+
"clsx": "^2.1.1",
|
|
49
|
+
"lucide-react": "^0.562.0",
|
|
50
|
+
"react": "^19.2.3",
|
|
51
|
+
"react-dom": "^19.2.3",
|
|
52
|
+
"sonner": "^2.0.7",
|
|
53
|
+
"tailwind-merge": "^3.4.0",
|
|
54
|
+
"tailwindcss-animate": "^1.0.7",
|
|
55
|
+
"vaul": "^1.1.2"
|
|
43
56
|
},
|
|
44
57
|
"devDependencies": {
|
|
45
58
|
"@chromatic-com/storybook": "^4.0.1",
|
|
@@ -56,14 +69,14 @@
|
|
|
56
69
|
"@testing-library/jest-dom": "^6.6.3",
|
|
57
70
|
"@testing-library/react": "^16.3.0",
|
|
58
71
|
"@testing-library/user-event": "^14.6.1",
|
|
59
|
-
"@types/
|
|
60
|
-
"@types/react": "^19.
|
|
61
|
-
"@types/react-dom": "^19.1.6",
|
|
72
|
+
"@types/react": "^19.2.7",
|
|
73
|
+
"@types/react-dom": "^19.2.3",
|
|
62
74
|
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
63
75
|
"@typescript-eslint/parser": "^7.0.0",
|
|
64
76
|
"@vitejs/plugin-react-swc": "^3.9.0",
|
|
65
77
|
"@vitest/ui": "^3.1.2",
|
|
66
78
|
"add": "^2.0.6",
|
|
79
|
+
"autoprefixer": "^10.4.23",
|
|
67
80
|
"chromatic": "^10.7.1",
|
|
68
81
|
"eslint": "^8.56.0",
|
|
69
82
|
"eslint-config-airbnb": "^19.0.4",
|
|
@@ -75,16 +88,19 @@
|
|
|
75
88
|
"eslint-plugin-react-refresh": "^0.4.19",
|
|
76
89
|
"eslint-plugin-storybook": "^9.0.15",
|
|
77
90
|
"jsdom": "^26.1.0",
|
|
91
|
+
"postcss": "^8.5.6",
|
|
78
92
|
"react-docgen-typescript": "^2.4.0",
|
|
79
93
|
"sass": "^1.86.3",
|
|
80
94
|
"storybook": "^9.0.15",
|
|
81
95
|
"storybook-dark-mode": "^4.0.2",
|
|
96
|
+
"tailwindcss": "^3.4.1",
|
|
82
97
|
"ts-node": "^10.9.1",
|
|
83
98
|
"typescript": "5.3.3",
|
|
84
99
|
"vite": "^6.3.5",
|
|
85
100
|
"vite-plugin-compression2": "^2.2.0",
|
|
86
101
|
"vite-plugin-dts": "^4.5.4",
|
|
87
102
|
"vite-plugin-eslint": "^1.8.1",
|
|
103
|
+
"vite-tsconfig-paths": "^6.0.3",
|
|
88
104
|
"vitest": "^3.2.4"
|
|
89
105
|
},
|
|
90
106
|
"license": "MIT"
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
import { KDropdownOffsetType, KDropdownPositionType } from '../../components/data-display/dropdown/KDropdown.interface';
|
|
3
|
-
interface Position {
|
|
4
|
-
top: number;
|
|
5
|
-
left: number;
|
|
6
|
-
}
|
|
7
|
-
interface UseDropdownPositionParams {
|
|
8
|
-
triggerRef: RefObject<HTMLElement | null>;
|
|
9
|
-
contentRef: RefObject<HTMLElement | null>;
|
|
10
|
-
position: KDropdownPositionType;
|
|
11
|
-
open: boolean;
|
|
12
|
-
offset?: KDropdownOffsetType;
|
|
13
|
-
gap?: number;
|
|
14
|
-
}
|
|
15
|
-
export default function useDropdownPosition({ triggerRef, contentRef, position, open, offset, gap, }: UseDropdownPositionParams): Position;
|
|
16
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function useSafePortalContainer(Element?: HTMLElement): HTMLElement | null;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { SizeType } from '../../../common/base/base.interface';
|
|
3
|
-
import { ButtonProps } from '../../../core';
|
|
4
|
-
export declare const BUTTON_VARIANTS: readonly ["outlined", "solid", "primary", "subtle", "plain"];
|
|
5
|
-
export type KButtonVariantType = (typeof BUTTON_VARIANTS)[number];
|
|
6
|
-
export interface KButtonProps extends ButtonProps {
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
size?: SizeType;
|
|
9
|
-
variant?: KButtonVariantType;
|
|
10
|
-
isDanger?: boolean;
|
|
11
|
-
width?: number | string;
|
|
12
|
-
height?: number | string;
|
|
13
|
-
}
|
|
14
|
-
export interface KButtonRefs {
|
|
15
|
-
focus: () => void;
|
|
16
|
-
blur: () => void;
|
|
17
|
-
click: () => void;
|
|
18
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { KButtonVariantType } from '../..';
|
|
3
|
-
import { SizeType } from '../../../common/base/base.interface';
|
|
4
|
-
export interface KButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
variant?: KButtonVariantType;
|
|
6
|
-
size?: SizeType;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SwitchProps } from '../../../core/switch/Switch.interface';
|
|
2
|
-
import { SizeType } from '../../../common/base/base.interface';
|
|
3
|
-
export interface KSwitchProps extends SwitchProps {
|
|
4
|
-
size?: SizeType;
|
|
5
|
-
}
|
|
6
|
-
export interface KSwitchRefs {
|
|
7
|
-
toggle: () => void;
|
|
8
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { KToggleButtonGroupProps } from './KToggleButtonGroup.interface';
|
|
2
|
-
declare const KToggleButtonGroup: import('react').MemoExoticComponent<{
|
|
3
|
-
({ multiple, className, variant, size, children, ...restProps }: KToggleButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
displayName: string;
|
|
5
|
-
}>;
|
|
6
|
-
export default KToggleButtonGroup;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { KButtonVariantType } from '../..';
|
|
3
|
-
import { SizeType } from '../../../common/base/base.interface';
|
|
4
|
-
export interface KToggleButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
variant?: KButtonVariantType;
|
|
7
|
-
size?: SizeType;
|
|
8
|
-
multiple?: boolean;
|
|
9
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { SizeType } from '../../../common/base/base.interface';
|
|
3
|
-
import { AccordionProps } from '../../../core/accordion';
|
|
4
|
-
export interface KAccordionProps extends AccordionProps {
|
|
5
|
-
summary: string | ReactNode;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
size?: SizeType;
|
|
8
|
-
width?: number;
|
|
9
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
|
-
import { default as DropdownTrigger } from './KDropdownTrigger';
|
|
3
|
-
import { default as DropdownContent } from './KDropdownContent';
|
|
4
|
-
import { KDropdownProps, KDropdownRefs } from './KDropdown.interface';
|
|
5
|
-
interface DropdownNamespace extends ForwardRefExoticComponent<KDropdownProps & RefAttributes<KDropdownRefs>> {
|
|
6
|
-
Trigger: typeof DropdownTrigger;
|
|
7
|
-
Content: typeof DropdownContent;
|
|
8
|
-
}
|
|
9
|
-
declare const KDropdown: DropdownNamespace;
|
|
10
|
-
export default KDropdown;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, KeyboardEvent, ReactNode, RefObject } from 'react';
|
|
2
|
-
export declare const K_DROPDOWN_POSITIONS: readonly ["top-start", "top", "top-end", "right-start", "right", "right-end", "bottom-start", "bottom", "bottom-end", "left-start", "left", "left-end"];
|
|
3
|
-
export type KDropdownPositionType = typeof K_DROPDOWN_POSITIONS[number];
|
|
4
|
-
export type KDropdownTriggerType = 'hover' | 'click';
|
|
5
|
-
export interface KDropdownOffsetType {
|
|
6
|
-
x: number;
|
|
7
|
-
y: number;
|
|
8
|
-
}
|
|
9
|
-
export interface KDropdownContextProps {
|
|
10
|
-
open: boolean;
|
|
11
|
-
onOpen: () => void;
|
|
12
|
-
onClose: () => void;
|
|
13
|
-
onFocusContent: () => void;
|
|
14
|
-
onBlurContent: (e: KeyboardEvent<HTMLElement>) => void;
|
|
15
|
-
id: string;
|
|
16
|
-
triggerRef: RefObject<HTMLDivElement | null>;
|
|
17
|
-
contentRef: RefObject<HTMLDivElement | null>;
|
|
18
|
-
trigger: KDropdownTriggerType;
|
|
19
|
-
position: KDropdownPositionType;
|
|
20
|
-
}
|
|
21
|
-
export interface KDropdownRefs {
|
|
22
|
-
onOpen: () => void;
|
|
23
|
-
onClose: () => void;
|
|
24
|
-
}
|
|
25
|
-
export type DropdownElementType = 'div' | 'ul' | 'li' | 'p' | 'span';
|
|
26
|
-
export interface KDropdownProps extends HTMLAttributes<HTMLElement> {
|
|
27
|
-
as?: DropdownElementType;
|
|
28
|
-
children?: ReactNode;
|
|
29
|
-
trigger?: KDropdownTriggerType;
|
|
30
|
-
position?: KDropdownPositionType;
|
|
31
|
-
onDropdownOpen?: () => void;
|
|
32
|
-
onDropdownClose?: () => void;
|
|
33
|
-
}
|
|
34
|
-
export interface KDropdownTriggerProps extends HTMLAttributes<HTMLDivElement> {
|
|
35
|
-
children: ReactNode;
|
|
36
|
-
disabled?: boolean;
|
|
37
|
-
}
|
|
38
|
-
export interface KDropdownContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
39
|
-
children: ReactNode;
|
|
40
|
-
autoClose?: boolean;
|
|
41
|
-
gap?: number;
|
|
42
|
-
offset?: KDropdownOffsetType;
|
|
43
|
-
container?: HTMLElement;
|
|
44
|
-
zIndex?: number;
|
|
45
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
|
-
import { KMenuProps } from './KMenu.interface';
|
|
3
|
-
import { default as KMenuItem } from './KMenuItem';
|
|
4
|
-
import { default as KMenuItemSelectable } from './KMenuItemSelectable';
|
|
5
|
-
import { default as KMenuItemDivider } from './KMenuItemDivider';
|
|
6
|
-
interface KMenuNamespace extends ForwardRefExoticComponent<KMenuProps & RefAttributes<HTMLUListElement>> {
|
|
7
|
-
Item: typeof KMenuItem;
|
|
8
|
-
ItemSelectable: typeof KMenuItemSelectable;
|
|
9
|
-
ItemDivider: typeof KMenuItemDivider;
|
|
10
|
-
}
|
|
11
|
-
declare const KMenu: KMenuNamespace;
|
|
12
|
-
export default KMenu;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { MenuItemProps, MenuProps } from '../../../core';
|
|
3
|
-
import { SizeType } from '../../../common/base/base.interface';
|
|
4
|
-
export interface KMenuProps extends Omit<MenuProps, 'as'> {
|
|
5
|
-
size?: SizeType;
|
|
6
|
-
width?: number | string;
|
|
7
|
-
}
|
|
8
|
-
export interface KMenuItemProps extends Omit<MenuItemProps, 'as'> {
|
|
9
|
-
leftContent?: ReactNode;
|
|
10
|
-
rightContent?: ReactNode;
|
|
11
|
-
shortcut?: string;
|
|
12
|
-
label?: string;
|
|
13
|
-
size?: SizeType;
|
|
14
|
-
}
|
|
15
|
-
export interface KMenuItemSelectableProps extends Omit<KMenuItemProps, 'leftContent'> {
|
|
16
|
-
selected?: boolean;
|
|
17
|
-
}
|
|
18
|
-
export interface KMenuItemDividerProps extends HTMLAttributes<HTMLLIElement> {
|
|
19
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { KBaseProp } from '../../../common/base/base.interface';
|
|
2
|
-
export interface KSkeletonProps extends KBaseProp {
|
|
3
|
-
width?: string | number;
|
|
4
|
-
height?: string | number;
|
|
5
|
-
borderRadius: string | number;
|
|
6
|
-
animation?: 'pulse' | 'wave';
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ForwardRefExoticComponent } from 'react';
|
|
2
|
-
import { KModalProps } from './KModal.interface';
|
|
3
|
-
import { default as KModalHeader } from './KModalHeader';
|
|
4
|
-
import { default as KModalContent } from './KModalContent';
|
|
5
|
-
import { default as KModalFooter } from './KModalFooter';
|
|
6
|
-
interface KModalNamespace extends ForwardRefExoticComponent<KModalProps> {
|
|
7
|
-
Header: typeof KModalHeader;
|
|
8
|
-
Content: typeof KModalContent;
|
|
9
|
-
Footer: typeof KModalFooter;
|
|
10
|
-
}
|
|
11
|
-
declare const KModal: KModalNamespace;
|
|
12
|
-
export default KModal;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from 'react';
|
|
2
|
-
export declare const KMODAL_SIZES: readonly ["medium", "small", "large"];
|
|
3
|
-
export type KModalSizeType = (typeof KMODAL_SIZES)[number];
|
|
4
|
-
export interface KModalContextProps {
|
|
5
|
-
isOpen: boolean;
|
|
6
|
-
title: string | null;
|
|
7
|
-
setTitle: Dispatch<SetStateAction<string | null>>;
|
|
8
|
-
onCloseAction: () => void;
|
|
9
|
-
}
|
|
10
|
-
export interface KModalProps extends HTMLAttributes<HTMLElement> {
|
|
11
|
-
isOpen: boolean;
|
|
12
|
-
setIsOpen?: Dispatch<SetStateAction<boolean>>;
|
|
13
|
-
onClose?: () => void;
|
|
14
|
-
container?: HTMLElement;
|
|
15
|
-
children: ReactNode;
|
|
16
|
-
size?: KModalSizeType;
|
|
17
|
-
animation?: 'slide' | 'fade' | 'scale';
|
|
18
|
-
width?: number | string;
|
|
19
|
-
height?: number | string;
|
|
20
|
-
isOverlay?: boolean;
|
|
21
|
-
overlayOpacity?: number;
|
|
22
|
-
overlayClosable?: boolean;
|
|
23
|
-
escClosable?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export interface KModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
26
|
-
title?: string;
|
|
27
|
-
children?: ReactNode;
|
|
28
|
-
}
|
|
29
|
-
export interface KModalContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
30
|
-
children?: ReactNode;
|
|
31
|
-
}
|
|
32
|
-
export interface KModalFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
33
|
-
children?: ReactNode;
|
|
34
|
-
align?: 'left' | 'center' | 'right';
|
|
35
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { MouseEvent, KeyboardEvent, HTMLAttributes } from 'react';
|
|
2
|
-
export declare const ICON_SIZES: readonly ["xsmall", "small", "medium", "large", "xlarge"];
|
|
3
|
-
export type KIconSize = (typeof ICON_SIZES)[number];
|
|
4
|
-
export declare const KIconSizeList: ("small" | "medium" | "large" | "xsmall" | "xlarge")[];
|
|
5
|
-
export interface KIconProps extends HTMLAttributes<HTMLSpanElement> {
|
|
6
|
-
icon: string;
|
|
7
|
-
size?: KIconSize | number;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
color?: string;
|
|
10
|
-
onClick?: (e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
|
|
11
|
-
}
|
|
12
|
-
export interface KIconRefs {
|
|
13
|
-
click: () => void;
|
|
14
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './icon';
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, HTMLAttributes, KeyboardEvent } from 'react';
|
|
2
|
-
import { SizeType } from '../../../common/base/base.interface';
|
|
3
|
-
import { KInputValidateType } from '../..';
|
|
4
|
-
export interface KSelectItemType {
|
|
5
|
-
['value']: string | number;
|
|
6
|
-
['label']: string;
|
|
7
|
-
}
|
|
8
|
-
export interface KSelectProps extends KInputValidateType, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
9
|
-
value?: string | number;
|
|
10
|
-
items: KSelectItemType[];
|
|
11
|
-
label?: string;
|
|
12
|
-
placeholder?: string;
|
|
13
|
-
noDataText?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
required?: boolean;
|
|
16
|
-
onChange: (val: string | number) => void;
|
|
17
|
-
onFocus?: () => void;
|
|
18
|
-
onBlur?: () => void;
|
|
19
|
-
size?: SizeType;
|
|
20
|
-
width?: number;
|
|
21
|
-
id?: string;
|
|
22
|
-
className?: string;
|
|
23
|
-
style?: CSSProperties;
|
|
24
|
-
}
|
|
25
|
-
export interface KSelectRefs {
|
|
26
|
-
onOpen: () => void;
|
|
27
|
-
onClose: () => void;
|
|
28
|
-
onValidate: () => Promise<boolean> | boolean;
|
|
29
|
-
}
|
|
30
|
-
export interface KSelectListProps {
|
|
31
|
-
value?: string;
|
|
32
|
-
items: KSelectItemType[];
|
|
33
|
-
noDataText?: string;
|
|
34
|
-
onFocus: () => void;
|
|
35
|
-
onClick: (item: KSelectItemType | null) => void;
|
|
36
|
-
onKeyDown: (e: KeyboardEvent<HTMLLIElement>, item: KSelectItemType | null, idx: number) => void;
|
|
37
|
-
}
|