1mpacto-react-ui 2.0.30 → 2.0.31
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/dist/assets/style.css +1 -1
- package/dist/components/Calendar/CalendarButton.cjs +1 -1
- package/dist/components/Calendar/CalendarButton.mjs +12 -11
- package/dist/components/Calendar/CalendarCell.cjs +1 -1
- package/dist/components/Calendar/CalendarCell.mjs +8 -8
- package/dist/components/Calendar/CalendarMonth.cjs +1 -1
- package/dist/components/Calendar/CalendarMonth.mjs +28 -28
- package/dist/components/Calendar/CalendarYear.cjs +2 -2
- package/dist/components/Calendar/CalendarYear.mjs +36 -36
- package/dist/components/Calendar/style.module.scss.cjs +1 -1
- package/dist/components/Calendar/style.module.scss.mjs +36 -34
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.mjs +45 -44
- package/dist/components/DatePicker/FilterDate.cjs +1 -1
- package/dist/components/DatePicker/FilterDate.mjs +54 -53
- package/dist/components/DatePicker/MonthYearPicker.cjs +1 -1
- package/dist/components/DatePicker/MonthYearPicker.mjs +27 -26
- package/dist/components/Modal/ModalDialog.cjs +9 -9
- package/dist/components/Modal/ModalDialog.config.cjs +1 -1
- package/dist/components/Modal/ModalDialog.config.mjs +4 -2
- package/dist/components/Modal/ModalDialog.mjs +25 -22
- package/dist/components/Modal/style.module.scss.cjs +1 -1
- package/dist/components/Modal/style.module.scss.mjs +19 -17
- package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.mjs +21 -21
- package/dist/components/Tabs/style.module.scss.cjs +1 -1
- package/dist/components/Tabs/style.module.scss.mjs +29 -29
- package/dist/components/fin/Chat/BubbleChat.cjs +1 -1
- package/dist/components/fin/Chat/BubbleChat.mjs +17 -7
- package/dist/components/fin/Chat/BubbleChatOption.cjs +1 -1
- package/dist/components/fin/Chat/BubbleChatOption.mjs +17 -16
- package/dist/components/fin/Chat/BubbleChatUser.cjs +1 -1
- package/dist/components/fin/Chat/BubbleChatUser.mjs +11 -4
- package/dist/hooks/useCountdown.cjs +1 -1
- package/dist/hooks/useCountdown.mjs +21 -19
- package/dist/package.json.cjs +1 -1
- package/dist/package.json.d.ts +1 -1
- package/dist/package.json.mjs +1 -1
- package/dist/src/components/Input/InputReguler.stories.d.ts +20 -0
- package/dist/src/components/Modal/ModalDialog.config.d.ts +14 -0
- package/dist/src/components/Modal/ModalDialog.d.ts +1 -1
- package/dist/src/components/Modal/ModalDialog.stories.d.ts +17 -1
- package/dist/src/components/Popover/Popover.stories.d.ts +16 -0
- package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +16 -0
- package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +13 -0
- package/dist/src/components/fin/Chat/BubbleChat.d.ts +1 -1
- package/dist/src/components/fin/Chat/BubbleChat.stories.d.ts +99 -0
- package/dist/src/components/fin/Chat/BubbleChatOption.d.ts +1 -1
- package/dist/src/components/fin/Chat/BubbleChatOption.stories.d.ts +152 -0
- package/dist/src/components/fin/Chat/BubbleChatUser.d.ts +1 -1
- package/dist/src/components/fin/Chat/BubbleChatUser.stories.d.ts +65 -0
- package/dist/src/interfaces/components/Input/index.d.ts +1 -1
- package/dist/src/interfaces/components/Modal/index.d.ts +4 -1
- package/dist/src/interfaces/components/fin/Chat/index.d.ts +5 -0
- package/package.json +1 -1
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ id, icon, type, header, content, options, optionDirection, classNameContainer, onClick, onCopy, onDislike, onLike, onReply, }: import('../..').IBubbleChatOption) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {
|
|
10
|
+
id: {
|
|
11
|
+
control: "text";
|
|
12
|
+
description: string;
|
|
13
|
+
table: {
|
|
14
|
+
category: string;
|
|
15
|
+
type: {
|
|
16
|
+
summary: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
header: {
|
|
21
|
+
description: string;
|
|
22
|
+
table: {
|
|
23
|
+
category: string;
|
|
24
|
+
type: {
|
|
25
|
+
summary: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
content: {
|
|
30
|
+
description: string;
|
|
31
|
+
table: {
|
|
32
|
+
category: string;
|
|
33
|
+
type: {
|
|
34
|
+
summary: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
icon: {
|
|
39
|
+
control: false;
|
|
40
|
+
description: string;
|
|
41
|
+
table: {
|
|
42
|
+
category: string;
|
|
43
|
+
type: {
|
|
44
|
+
summary: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
options: {
|
|
49
|
+
control: "object";
|
|
50
|
+
description: string;
|
|
51
|
+
table: {
|
|
52
|
+
category: string;
|
|
53
|
+
type: {
|
|
54
|
+
summary: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
type: {
|
|
59
|
+
control: {
|
|
60
|
+
type: "select";
|
|
61
|
+
};
|
|
62
|
+
options: string[];
|
|
63
|
+
description: string;
|
|
64
|
+
table: {
|
|
65
|
+
category: string;
|
|
66
|
+
type: {
|
|
67
|
+
summary: string;
|
|
68
|
+
};
|
|
69
|
+
defaultValue: {
|
|
70
|
+
summary: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
optionDirection: {
|
|
75
|
+
control: {
|
|
76
|
+
type: "radio";
|
|
77
|
+
};
|
|
78
|
+
options: string[];
|
|
79
|
+
description: string;
|
|
80
|
+
table: {
|
|
81
|
+
category: string;
|
|
82
|
+
type: {
|
|
83
|
+
summary: string;
|
|
84
|
+
};
|
|
85
|
+
defaultValue: {
|
|
86
|
+
summary: string;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
onClick: {
|
|
91
|
+
action: string;
|
|
92
|
+
description: string;
|
|
93
|
+
table: {
|
|
94
|
+
category: string;
|
|
95
|
+
type: {
|
|
96
|
+
summary: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
onCopy: {
|
|
101
|
+
action: string;
|
|
102
|
+
description: string;
|
|
103
|
+
table: {
|
|
104
|
+
category: string;
|
|
105
|
+
type: {
|
|
106
|
+
summary: string;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
onLike: {
|
|
111
|
+
action: string;
|
|
112
|
+
description: string;
|
|
113
|
+
table: {
|
|
114
|
+
category: string;
|
|
115
|
+
type: {
|
|
116
|
+
summary: string;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
onDislike: {
|
|
121
|
+
action: string;
|
|
122
|
+
description: string;
|
|
123
|
+
table: {
|
|
124
|
+
category: string;
|
|
125
|
+
type: {
|
|
126
|
+
summary: string;
|
|
127
|
+
};
|
|
128
|
+
};
|
|
129
|
+
};
|
|
130
|
+
onReply: {
|
|
131
|
+
action: string;
|
|
132
|
+
description: string;
|
|
133
|
+
table: {
|
|
134
|
+
category: string;
|
|
135
|
+
type: {
|
|
136
|
+
summary: string;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
args: {
|
|
142
|
+
onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
143
|
+
onCopy: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
144
|
+
onLike: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
145
|
+
onDislike: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
146
|
+
onReply: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
147
|
+
};
|
|
148
|
+
render: (args: import('../..').IBubbleChatOption) => import("react/jsx-runtime").JSX.Element;
|
|
149
|
+
};
|
|
150
|
+
export default meta;
|
|
151
|
+
type Story = StoryObj<typeof meta>;
|
|
152
|
+
export declare const Default: Story;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IBubbleChatUser } from '../../../interfaces/components/fin/Chat';
|
|
2
|
-
declare const BubbleChatUser: ({ id, content, otherContentTop, otherContentBottom, onCopy }: IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const BubbleChatUser: ({ id, content, otherContentTop, otherContentBottom, classNameContainer, onCopy, }: IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default BubbleChatUser;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ id, content, otherContentTop, otherContentBottom, classNameContainer, onCopy, }: import('../..').IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {
|
|
10
|
+
id: {
|
|
11
|
+
control: "text";
|
|
12
|
+
description: string;
|
|
13
|
+
table: {
|
|
14
|
+
category: string;
|
|
15
|
+
type: {
|
|
16
|
+
summary: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
content: {
|
|
21
|
+
description: string;
|
|
22
|
+
table: {
|
|
23
|
+
category: string;
|
|
24
|
+
type: {
|
|
25
|
+
summary: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
otherContentTop: {
|
|
30
|
+
description: string;
|
|
31
|
+
table: {
|
|
32
|
+
category: string;
|
|
33
|
+
type: {
|
|
34
|
+
summary: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
otherContentBottom: {
|
|
39
|
+
description: string;
|
|
40
|
+
table: {
|
|
41
|
+
category: string;
|
|
42
|
+
type: {
|
|
43
|
+
summary: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
onCopy: {
|
|
48
|
+
action: string;
|
|
49
|
+
description: string;
|
|
50
|
+
table: {
|
|
51
|
+
category: string;
|
|
52
|
+
type: {
|
|
53
|
+
summary: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
args: {
|
|
59
|
+
onCopy: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
60
|
+
};
|
|
61
|
+
render: (args: import('../..').IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
|
|
62
|
+
};
|
|
63
|
+
export default meta;
|
|
64
|
+
type Story = StoryObj<typeof meta>;
|
|
65
|
+
export declare const Default: Story;
|
|
@@ -129,7 +129,7 @@ export interface IInputReguler extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
129
129
|
* [ID] : Konten label (opsional).
|
|
130
130
|
* [EN] : Label content (optional).
|
|
131
131
|
*/
|
|
132
|
-
contentLabel?:
|
|
132
|
+
contentLabel?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
|
|
133
133
|
/**
|
|
134
134
|
* [ID] : Nama kelas CSS untuk kontainer label (opsional).
|
|
135
135
|
* [EN] : CSS class name for label container (optional).
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode, ElementType } from 'react';
|
|
2
|
+
import { IBorderRadius } from '../../../config/components/borderRadius';
|
|
2
3
|
/**
|
|
3
4
|
* [ID] : Interface untuk komponen ModalDialog.
|
|
4
5
|
* [EN] : Interface for ModalDialog component.
|
|
@@ -59,7 +60,9 @@ export interface IModalDialog<T extends ElementType> {
|
|
|
59
60
|
* [ID] : Posisi modal (opsional).
|
|
60
61
|
* [EN] : Modal position (optional).
|
|
61
62
|
*/
|
|
62
|
-
position?: 'center' | 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom';
|
|
63
|
+
position?: 'center' | 'center-top' | 'center-bottom' | 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom';
|
|
64
|
+
offset?: string;
|
|
65
|
+
borderRadius?: IBorderRadius | (string & {});
|
|
63
66
|
/**
|
|
64
67
|
* [ID] : Handler saat modal ditutup (opsional).
|
|
65
68
|
* [EN] : Handler when modal is closed (optional).
|
|
@@ -19,6 +19,11 @@ export interface IBubble {
|
|
|
19
19
|
* [EN] : Handler triggered when the copy content action fires.
|
|
20
20
|
*/
|
|
21
21
|
onCopy?: () => void;
|
|
22
|
+
/**
|
|
23
|
+
* [ID] : Class name untuk container bubble.
|
|
24
|
+
* [EN] : Class name for the bubble container.
|
|
25
|
+
*/
|
|
26
|
+
classNameContainer?: string;
|
|
22
27
|
}
|
|
23
28
|
/**
|
|
24
29
|
* [ID] : Bubble chat pihak lain (system/bot), dilengkapi aksi like/dislike/reply.
|