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.
Files changed (55) hide show
  1. package/dist/assets/style.css +1 -1
  2. package/dist/components/Calendar/CalendarButton.cjs +1 -1
  3. package/dist/components/Calendar/CalendarButton.mjs +12 -11
  4. package/dist/components/Calendar/CalendarCell.cjs +1 -1
  5. package/dist/components/Calendar/CalendarCell.mjs +8 -8
  6. package/dist/components/Calendar/CalendarMonth.cjs +1 -1
  7. package/dist/components/Calendar/CalendarMonth.mjs +28 -28
  8. package/dist/components/Calendar/CalendarYear.cjs +2 -2
  9. package/dist/components/Calendar/CalendarYear.mjs +36 -36
  10. package/dist/components/Calendar/style.module.scss.cjs +1 -1
  11. package/dist/components/Calendar/style.module.scss.mjs +36 -34
  12. package/dist/components/DatePicker/DatePicker.cjs +1 -1
  13. package/dist/components/DatePicker/DatePicker.mjs +45 -44
  14. package/dist/components/DatePicker/FilterDate.cjs +1 -1
  15. package/dist/components/DatePicker/FilterDate.mjs +54 -53
  16. package/dist/components/DatePicker/MonthYearPicker.cjs +1 -1
  17. package/dist/components/DatePicker/MonthYearPicker.mjs +27 -26
  18. package/dist/components/Modal/ModalDialog.cjs +9 -9
  19. package/dist/components/Modal/ModalDialog.config.cjs +1 -1
  20. package/dist/components/Modal/ModalDialog.config.mjs +4 -2
  21. package/dist/components/Modal/ModalDialog.mjs +25 -22
  22. package/dist/components/Modal/style.module.scss.cjs +1 -1
  23. package/dist/components/Modal/style.module.scss.mjs +19 -17
  24. package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.cjs +1 -1
  25. package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.mjs +21 -21
  26. package/dist/components/Tabs/style.module.scss.cjs +1 -1
  27. package/dist/components/Tabs/style.module.scss.mjs +29 -29
  28. package/dist/components/fin/Chat/BubbleChat.cjs +1 -1
  29. package/dist/components/fin/Chat/BubbleChat.mjs +17 -7
  30. package/dist/components/fin/Chat/BubbleChatOption.cjs +1 -1
  31. package/dist/components/fin/Chat/BubbleChatOption.mjs +17 -16
  32. package/dist/components/fin/Chat/BubbleChatUser.cjs +1 -1
  33. package/dist/components/fin/Chat/BubbleChatUser.mjs +11 -4
  34. package/dist/hooks/useCountdown.cjs +1 -1
  35. package/dist/hooks/useCountdown.mjs +21 -19
  36. package/dist/package.json.cjs +1 -1
  37. package/dist/package.json.d.ts +1 -1
  38. package/dist/package.json.mjs +1 -1
  39. package/dist/src/components/Input/InputReguler.stories.d.ts +20 -0
  40. package/dist/src/components/Modal/ModalDialog.config.d.ts +14 -0
  41. package/dist/src/components/Modal/ModalDialog.d.ts +1 -1
  42. package/dist/src/components/Modal/ModalDialog.stories.d.ts +17 -1
  43. package/dist/src/components/Popover/Popover.stories.d.ts +16 -0
  44. package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +16 -0
  45. package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +13 -0
  46. package/dist/src/components/fin/Chat/BubbleChat.d.ts +1 -1
  47. package/dist/src/components/fin/Chat/BubbleChat.stories.d.ts +99 -0
  48. package/dist/src/components/fin/Chat/BubbleChatOption.d.ts +1 -1
  49. package/dist/src/components/fin/Chat/BubbleChatOption.stories.d.ts +152 -0
  50. package/dist/src/components/fin/Chat/BubbleChatUser.d.ts +1 -1
  51. package/dist/src/components/fin/Chat/BubbleChatUser.stories.d.ts +65 -0
  52. package/dist/src/interfaces/components/Input/index.d.ts +1 -1
  53. package/dist/src/interfaces/components/Modal/index.d.ts +4 -1
  54. package/dist/src/interfaces/components/fin/Chat/index.d.ts +5 -0
  55. 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?: IInputReguler['startIcon'];
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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "1mpacto-react-ui",
3
3
  "private": false,
4
- "version": "2.0.30",
4
+ "version": "2.0.31",
5
5
  "type": "module",
6
6
  "engines": {
7
7
  "node": ">=22.22.3",