ingred-ui 29.1.1 → 29.1.3

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 (113) hide show
  1. package/dist/components/ActionButton/ActionButton.d.ts +6 -0
  2. package/dist/components/ActionButton/index.d.ts +1 -0
  3. package/dist/components/AdvancedFilter/styled.d.ts +12 -0
  4. package/dist/components/ContextMenu/ContextMenu.d.ts +6 -0
  5. package/dist/components/ContextMenu/index.d.ts +1 -0
  6. package/dist/components/CreatableSelect/CreatableSelect.d.ts +6 -0
  7. package/dist/components/CreatableSelect/index.d.ts +1 -0
  8. package/dist/components/DateField/DateField/DateField.d.ts +3 -0
  9. package/dist/components/DateField/DateRangeField/DateRangeField.d.ts +3 -0
  10. package/dist/components/DateField/index.d.ts +1 -0
  11. package/dist/components/FullSizeConfirmModal/FullSizeConfirmModal.d.ts +6 -0
  12. package/dist/components/FullSizeConfirmModal/index.d.ts +1 -0
  13. package/dist/components/Menu/Menu.d.ts +6 -0
  14. package/dist/components/Menu/index.d.ts +1 -0
  15. package/dist/components/MenuList/MenuList.d.ts +6 -0
  16. package/dist/components/MenuList/index.d.ts +1 -0
  17. package/dist/components/Select/Select.d.ts +6 -0
  18. package/dist/components/Select/index.d.ts +1 -0
  19. package/dist/components/TextField/TextField.d.ts +6 -0
  20. package/dist/components/TextField/index.d.ts +1 -0
  21. package/dist/components/TimeField/TimeField.d.ts +2 -0
  22. package/dist/components/TimeField/index.d.ts +1 -0
  23. package/dist/components/index.d.ts +30 -0
  24. package/dist/index.es.js +783 -781
  25. package/dist/index.es.js.map +1 -1
  26. package/dist/index.js +783 -781
  27. package/dist/index.js.map +1 -1
  28. package/dist/utils/__tests__/deprecationWarning.test.d.ts +1 -0
  29. package/dist/utils/deprecationWarning.d.ts +3 -0
  30. package/dist/utils/index.d.ts +1 -0
  31. package/package.json +1 -1
  32. package/dist/components/Accordion/Accordion.stories.d.ts +0 -18
  33. package/dist/components/ActionButton/ActionButton.stories.d.ts +0 -27
  34. package/dist/components/AdvancedFilter/AdvancedFilter.stories.d.ts +0 -6
  35. package/dist/components/Backdrop/Backdrop.stories.d.ts +0 -25
  36. package/dist/components/Badge/Badge.stories.d.ts +0 -39
  37. package/dist/components/Banner/Banner.stories.d.ts +0 -79
  38. package/dist/components/Button/Button.stories.d.ts +0 -40
  39. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +0 -21
  40. package/dist/components/Calendar/Calendar/Calendar.stories.d.ts +0 -28
  41. package/dist/components/Calendar/CalendarRange/CalendarRange.stories.d.ts +0 -35
  42. package/dist/components/Card/Card.stories.d.ts +0 -26
  43. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -320
  44. package/dist/components/CheckboxCard/CheckboxCard.stories.d.ts +0 -46
  45. package/dist/components/ClickAwayListener/ClickAwayListener.stories.d.ts +0 -16
  46. package/dist/components/ConfirmModal/ConfirmModal.stories.d.ts +0 -26
  47. package/dist/components/ContextMenu/ContextMenu.stories.d.ts +0 -19
  48. package/dist/components/ContextMenu2/ContextMenu2.stories.d.ts +0 -42
  49. package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts +0 -11
  50. package/dist/components/DataTable/DataTable.stories.d.ts +0 -46
  51. package/dist/components/DataTable2/DataTable2.stories.d.ts +0 -94
  52. package/dist/components/DateField/DateField/DateField.stories.d.ts +0 -16
  53. package/dist/components/DateField/DateField2/DateField2.stories.d.ts +0 -23
  54. package/dist/components/DateField/DateRangeField/DateRangeField.stories.d.ts +0 -17
  55. package/dist/components/DateField/DateRangeField2/DateRangeField2.stories.d.ts +0 -23
  56. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -25
  57. package/dist/components/DateRangePicker/DateRangePicker.stories.d.ts +0 -28
  58. package/dist/components/Divider/Divider.stories.d.ts +0 -23
  59. package/dist/components/Drawer/Drawer.stories.d.ts +0 -11
  60. package/dist/components/DropdownButton/DropdownButton.stories.d.ts +0 -29
  61. package/dist/components/DualListBox/DualListBox.stories.d.ts +0 -20
  62. package/dist/components/DualListBox2/DualListBox2.stories.d.ts +0 -123
  63. package/dist/components/ErrorText/ErrorText.stories.d.ts +0 -21
  64. package/dist/components/Fade/Fade.stories.d.ts +0 -23
  65. package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -14
  66. package/dist/components/FilterComboBox/FilterComboBox.stories.d.ts +0 -96
  67. package/dist/components/FilterInputAbstract/FilterInputAbstract.stories.d.ts +0 -27
  68. package/dist/components/FilterSelectInput/FilterSelectInput.stories.d.ts +0 -31
  69. package/dist/components/FilterTagInput/FilterTagInput.stories.d.ts +0 -47
  70. package/dist/components/FixedPanel/FixedPanel.stories.d.ts +0 -22
  71. package/dist/components/Flex/Flex.stories.d.ts +0 -21
  72. package/dist/components/FloatingTip/FloatingTip.stories.d.ts +0 -8
  73. package/dist/components/FullSizeConfirmModal/FullSizeConfirmModal.stories.d.ts +0 -25
  74. package/dist/components/Grow/Grow.stories.d.ts +0 -21
  75. package/dist/components/Icon/Icon.stories.d.ts +0 -13
  76. package/dist/components/IconText/IconText.stories.d.ts +0 -10
  77. package/dist/components/Input/Input.stories.d.ts +0 -25
  78. package/dist/components/ItemEmpty/ItemEmpty.stories.d.ts +0 -21
  79. package/dist/components/LoadingBar/LoadingBar.stories.d.ts +0 -17
  80. package/dist/components/LocaleProvider/LocaleProvider.stories.d.ts +0 -10
  81. package/dist/components/Menu/Menu.stories.d.ts +0 -17
  82. package/dist/components/MenuList/MenuList.stories.d.ts +0 -20
  83. package/dist/components/Modal/Modal.stories.d.ts +0 -20
  84. package/dist/components/MultipleFilter/MultipleFilter.stories.d.ts +0 -21
  85. package/dist/components/NavigationRail/NavigationRail.stories.d.ts +0 -90
  86. package/dist/components/NotificationBadge/NotificationBadge.stories.d.ts +0 -13
  87. package/dist/components/Pager/Pager.stories.d.ts +0 -9
  88. package/dist/components/Popover/Popover.stories.d.ts +0 -29
  89. package/dist/components/Portal/Portal.stories.d.ts +0 -7
  90. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -34
  91. package/dist/components/RadioCard/RadioCard.stories.d.ts +0 -41
  92. package/dist/components/ScrollArea/ScrollArea.stories.d.ts +0 -25
  93. package/dist/components/Select/Select.stories.d.ts +0 -21
  94. package/dist/components/Select2/Select2.stories.d.ts +0 -81
  95. package/dist/components/Slide/Slide.stories.d.ts +0 -30
  96. package/dist/components/Slider/Slider.stories.d.ts +0 -12
  97. package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -25
  98. package/dist/components/Spacer/Spacer.stories.d.ts +0 -21
  99. package/dist/components/Spinner/Spinner.stories.d.ts +0 -17
  100. package/dist/components/SplitAnnotation/SplitAnnotation.stories.d.ts +0 -7
  101. package/dist/components/Switch/Switch.stories.d.ts +0 -21
  102. package/dist/components/Table/Table.stories.d.ts +0 -42
  103. package/dist/components/Tabs/Tabs.stories.d.ts +0 -30
  104. package/dist/components/Tag/Tag.stories.d.ts +0 -18
  105. package/dist/components/TextField/TextField.stories.d.ts +0 -18
  106. package/dist/components/TimeField/TimeField.stories.d.ts +0 -12
  107. package/dist/components/TimeField/TimeField2.stories.d.ts +0 -12
  108. package/dist/components/Toast/Toast.stories.d.ts +0 -34
  109. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +0 -17
  110. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -22
  111. package/dist/components/Typography/Typography.stories.d.ts +0 -17
  112. package/dist/components/WeekTime/WeekTime/WeekTime.stories.d.ts +0 -9
  113. package/dist/components/WeekTime/WeekTimeSelector/WeekTimeSelector.stories.d.ts +0 -9
@@ -1,320 +0,0 @@
1
- import React from "react";
2
- import { StoryObj } from "@storybook/react-vite";
3
- import { CheckBoxProps, CheckboxSize } from "./Checkbox";
4
- declare const _default: {
5
- title: string;
6
- component: React.ForwardRefExoticComponent<{
7
- form?: string | undefined;
8
- slot?: string | undefined;
9
- style?: React.CSSProperties | undefined;
10
- title?: string | undefined;
11
- pattern?: string | undefined;
12
- children?: React.ReactNode;
13
- value?: string | number | readonly string[] | undefined;
14
- type?: React.HTMLInputTypeAttribute | undefined;
15
- name?: string | undefined;
16
- key?: React.Key | null | undefined;
17
- defaultChecked?: boolean | undefined;
18
- defaultValue?: string | number | readonly string[] | undefined;
19
- suppressContentEditableWarning?: boolean | undefined;
20
- suppressHydrationWarning?: boolean | undefined;
21
- accessKey?: string | undefined;
22
- className?: string | undefined;
23
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
24
- contextMenu?: string | undefined;
25
- dir?: string | undefined;
26
- draggable?: (boolean | "true" | "false") | undefined;
27
- hidden?: boolean | undefined;
28
- id?: string | undefined;
29
- lang?: string | undefined;
30
- placeholder?: string | undefined;
31
- spellCheck?: (boolean | "true" | "false") | undefined;
32
- tabIndex?: number | undefined;
33
- translate?: "no" | "yes" | undefined;
34
- radioGroup?: string | undefined;
35
- role?: React.AriaRole | undefined;
36
- about?: string | undefined;
37
- datatype?: string | undefined;
38
- inlist?: any;
39
- prefix?: string | undefined;
40
- property?: string | undefined;
41
- resource?: string | undefined;
42
- typeof?: string | undefined;
43
- vocab?: string | undefined;
44
- autoCapitalize?: string | undefined;
45
- autoCorrect?: string | undefined;
46
- autoSave?: string | undefined;
47
- color?: string | undefined;
48
- itemProp?: string | undefined;
49
- itemScope?: boolean | undefined;
50
- itemType?: string | undefined;
51
- itemID?: string | undefined;
52
- itemRef?: string | undefined;
53
- results?: number | undefined;
54
- security?: string | undefined;
55
- unselectable?: "on" | "off" | undefined;
56
- inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
57
- is?: string | undefined;
58
- 'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
60
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
61
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
62
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
63
- 'aria-colcount'?: number | undefined;
64
- 'aria-colindex'?: number | undefined;
65
- 'aria-colspan'?: number | undefined;
66
- 'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
68
- 'aria-describedby'?: string | undefined;
69
- 'aria-details'?: string | undefined;
70
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
71
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
72
- 'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
74
- 'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
76
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
77
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
78
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
79
- 'aria-keyshortcuts'?: string | undefined;
80
- 'aria-label'?: string | undefined;
81
- 'aria-labelledby'?: string | undefined;
82
- 'aria-level'?: number | undefined;
83
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
85
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
86
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
87
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
- 'aria-owns'?: string | undefined;
89
- 'aria-placeholder'?: string | undefined;
90
- 'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
93
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: (boolean | "true" | "false") | undefined;
95
- 'aria-roledescription'?: string | undefined;
96
- 'aria-rowcount'?: number | undefined;
97
- 'aria-rowindex'?: number | undefined;
98
- 'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
100
- 'aria-setsize'?: number | undefined;
101
- 'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
102
- 'aria-valuemax'?: number | undefined;
103
- 'aria-valuemin'?: number | undefined;
104
- 'aria-valuenow'?: number | undefined;
105
- 'aria-valuetext'?: string | undefined;
106
- dangerouslySetInnerHTML?: {
107
- __html: string;
108
- } | undefined;
109
- onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
110
- onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
111
- onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
112
- onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
113
- onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
114
- onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
115
- onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
116
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
117
- onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
118
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
119
- onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
120
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
121
- onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
122
- onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
123
- onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
124
- onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
125
- onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
126
- onChangeCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
127
- onBeforeInput?: React.FormEventHandler<HTMLInputElement> | undefined;
128
- onBeforeInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
129
- onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
130
- onInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
131
- onReset?: React.FormEventHandler<HTMLInputElement> | undefined;
132
- onResetCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
133
- onSubmit?: React.FormEventHandler<HTMLInputElement> | undefined;
134
- onSubmitCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
135
- onInvalid?: React.FormEventHandler<HTMLInputElement> | undefined;
136
- onInvalidCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
137
- onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
138
- onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
139
- onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
140
- onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
141
- onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
142
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
143
- onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
144
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
145
- onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
146
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
147
- onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
148
- onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
149
- onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
150
- onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
151
- onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
152
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
153
- onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
154
- onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
155
- onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
156
- onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
157
- onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
158
- onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
159
- onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
160
- onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
161
- onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
162
- onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
163
- onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
164
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
165
- onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
166
- onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
167
- onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
168
- onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
169
- onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
170
- onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
171
- onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
172
- onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
173
- onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
174
- onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
175
- onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
176
- onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
177
- onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
178
- onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
179
- onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
180
- onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
181
- onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
182
- onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
183
- onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
184
- onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
185
- onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
186
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
187
- onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
188
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
189
- onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
190
- onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
191
- onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
192
- onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
193
- onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
194
- onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
195
- onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
196
- onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
197
- onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
198
- onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
199
- onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
200
- onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
201
- onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
202
- onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
203
- onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
204
- onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
205
- onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
206
- onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
207
- onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
208
- onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
209
- onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
210
- onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
211
- onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
212
- onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
213
- onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
214
- onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
215
- onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
216
- onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
217
- onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
218
- onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
219
- onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
220
- onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
221
- onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
222
- onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
223
- onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
224
- onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
225
- onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
226
- onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
227
- onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
228
- onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
229
- onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
230
- onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
231
- onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
232
- onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
233
- onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
234
- onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
235
- onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
236
- onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
237
- onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
238
- onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
239
- onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
240
- onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
241
- onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
242
- onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
243
- onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
244
- onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
245
- onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
246
- onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
247
- onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
248
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
249
- onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
250
- onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
251
- onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
252
- onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
253
- onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
254
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
255
- onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
256
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
257
- onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
258
- onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
259
- onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
260
- onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
261
- onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
262
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
263
- onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
264
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
265
- onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
266
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
267
- onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
268
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
269
- alt?: string | undefined;
270
- height?: string | number | undefined;
271
- max?: string | number | undefined;
272
- min?: string | number | undefined;
273
- width?: string | number | undefined;
274
- crossOrigin?: string | undefined;
275
- src?: string | undefined;
276
- autoFocus?: boolean | undefined;
277
- disabled?: boolean | undefined;
278
- formAction?: string | undefined;
279
- formEncType?: string | undefined;
280
- formMethod?: string | undefined;
281
- formNoValidate?: boolean | undefined;
282
- formTarget?: string | undefined;
283
- autoComplete?: string | undefined;
284
- accept?: string | undefined;
285
- capture?: boolean | "user" | "environment" | undefined;
286
- checked?: boolean | undefined;
287
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
288
- list?: string | undefined;
289
- maxLength?: number | undefined;
290
- minLength?: number | undefined;
291
- multiple?: boolean | undefined;
292
- readOnly?: boolean | undefined;
293
- required?: boolean | undefined;
294
- step?: string | number | undefined;
295
- } & {
296
- indeterminate?: boolean | undefined;
297
- error?: boolean | undefined;
298
- inputRef?: React.Ref<HTMLInputElement> | undefined;
299
- disabled?: boolean | undefined;
300
- size?: CheckboxSize | undefined;
301
- } & React.RefAttributes<HTMLLabelElement>>;
302
- argTypes: {
303
- size: {
304
- type: string;
305
- options: string[];
306
- };
307
- checked: {
308
- control: string;
309
- };
310
- disabled: {
311
- control: string;
312
- };
313
- onChange: {
314
- action: string;
315
- };
316
- };
317
- };
318
- export default _default;
319
- export declare const Example: StoryObj<CheckBoxProps>;
320
- export declare const DesignSamples: StoryObj;
@@ -1,46 +0,0 @@
1
- import React from "react";
2
- import { StoryObj } from "@storybook/react-vite";
3
- declare const _default: {
4
- title: string;
5
- component: React.ForwardRefExoticComponent<Omit<import("..").CheckBoxProps, "slot" | "children"> & {
6
- title: React.ReactNode;
7
- description?: React.ReactNode;
8
- slotContent?: React.ReactNode;
9
- slotExpansion?: import("..").SlotExpansion | undefined;
10
- } & React.RefAttributes<HTMLDivElement>>;
11
- parameters: {
12
- docs: {
13
- description: {
14
- component: string;
15
- };
16
- };
17
- };
18
- argTypes: {
19
- disabled: {
20
- control: {
21
- type: string;
22
- };
23
- };
24
- checked: {
25
- control: {
26
- type: string;
27
- };
28
- };
29
- indeterminate: {
30
- control: {
31
- type: string;
32
- };
33
- };
34
- slotExpansion: {
35
- control: {
36
- type: string;
37
- };
38
- options: string[];
39
- };
40
- };
41
- };
42
- export default _default;
43
- /** 上からシンプル→複雑(各ブロック独立した state) */
44
- export declare const Showcase: StoryObj;
45
- /** 未チェックのときだけスロット内容を disabled にする例(slot は always で常時表示) */
46
- export declare const SlotInputsDependOnChecked: StoryObj;
@@ -1,16 +0,0 @@
1
- import { StoryObj } from "@storybook/react-vite";
2
- import React from "react";
3
- declare const _default: {
4
- title: string;
5
- component: React.FunctionComponent<import("./ClickAwayListener").ClickAwayListenerProps>;
6
- parameters: {
7
- docs: {
8
- source: {
9
- language: string;
10
- };
11
- page: () => JSX.Element;
12
- };
13
- };
14
- };
15
- export default _default;
16
- export declare const Basic: StoryObj;
@@ -1,26 +0,0 @@
1
- import React from "react";
2
- import { StoryObj } from "@storybook/react-vite";
3
- import { ConfirmModalProps } from "./ConfirmModal";
4
- declare const _default: {
5
- title: string;
6
- component: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
7
- args: {
8
- isOpen: boolean;
9
- title: string;
10
- };
11
- parameters: {
12
- docs: {
13
- source: {
14
- language: string;
15
- };
16
- page: () => JSX.Element;
17
- };
18
- };
19
- };
20
- export default _default;
21
- export declare const Basic: StoryObj<ConfirmModalProps>;
22
- export declare const WithOneSubAction: StoryObj<ConfirmModalProps>;
23
- export declare const WithTwoSubActions: StoryObj<ConfirmModalProps>;
24
- export declare const Loading: StoryObj<ConfirmModalProps>;
25
- export declare const OverflowYScroll: StoryObj<ConfirmModalProps>;
26
- export declare const WithoutFooter: StoryObj<ConfirmModalProps>;
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import { StoryObj } from "@storybook/react-vite";
3
- import { ContextMenuProps } from "./ContextMenu";
4
- declare const _default: {
5
- title: string;
6
- component: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLButtonElement>>;
7
- parameters: {
8
- docs: {
9
- source: {
10
- language: string;
11
- };
12
- page: () => JSX.Element;
13
- };
14
- };
15
- };
16
- export default _default;
17
- export declare const Basic: StoryObj<ContextMenuProps>;
18
- export declare const Disabled: StoryObj<ContextMenuProps>;
19
- export declare const Warning: StoryObj<ContextMenuProps>;
@@ -1,42 +0,0 @@
1
- import React from "react";
2
- import { StoryObj } from "@storybook/react-vite";
3
- import { ContextMenu2 } from "./index";
4
- declare const _default: {
5
- title: string;
6
- component: React.ForwardRefExoticComponent<{
7
- open?: boolean | undefined;
8
- trigger: import("./ContextMenu2").ContextMenu2Anchor | React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement> & {
9
- ref?: React.Ref<HTMLButtonElement> | undefined;
10
- }, "button">;
11
- width?: number | undefined;
12
- minWidth?: number | undefined;
13
- maxHeight?: string | number | undefined;
14
- children: React.ReactNode;
15
- onOpenChange?: ((open: boolean) => void) | undefined;
16
- stickyHeader?: React.ReactNode;
17
- stickyFooter?: React.ReactNode;
18
- noResultsMessage?: string | undefined;
19
- placement?: import("@floating-ui/utils").Placement | undefined;
20
- middleware?: any[] | undefined;
21
- } & React.RefAttributes<HTMLButtonElement>>;
22
- parameters: {
23
- docs: {
24
- source: {
25
- language: string;
26
- };
27
- };
28
- };
29
- };
30
- export default _default;
31
- export declare const Overview: StoryObj<typeof ContextMenu2>;
32
- export declare const Triggers: StoryObj<typeof ContextMenu2>;
33
- export declare const WithButton: StoryObj<typeof ContextMenu2>;
34
- export declare const WithInfo: StoryObj<typeof ContextMenu2>;
35
- export declare const WithCheck: StoryObj<typeof ContextMenu2>;
36
- export declare const WithCheckAsRadio: StoryObj<typeof ContextMenu2>;
37
- export declare const WithSwitch: StoryObj<typeof ContextMenu2>;
38
- export declare const WithTextInput: StoryObj<typeof ContextMenu2>;
39
- export declare const Nest: StoryObj<typeof ContextMenu2>;
40
- export declare const Anchor: StoryObj<typeof ContextMenu2>;
41
- export declare const Sortable: StoryObj<typeof ContextMenu2>;
42
- export declare const PlacementControl: StoryObj<typeof ContextMenu2>;
@@ -1,11 +0,0 @@
1
- import * as React from "react";
2
- declare const _default: {
3
- title: string;
4
- component: <T>(props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
5
- source: {
6
- language: string;
7
- };
8
- };
9
- export default _default;
10
- export declare const Example: () => JSX.Element;
11
- export declare const MultipleSelect: () => JSX.Element;
@@ -1,46 +0,0 @@
1
- import React from "react";
2
- import { DataTableProps } from "./DataTable";
3
- import { data } from "./mockData";
4
- import { StoryObj } from "@storybook/react-vite";
5
- declare const _default: {
6
- title: string;
7
- component: <T, K extends keyof T>(props: DataTableProps<T, K> & {
8
- ref?: React.ForwardedRef<HTMLDivElement> | undefined;
9
- }) => JSX.Element;
10
- parameters: {
11
- docs: {
12
- source: {
13
- language: string;
14
- };
15
- };
16
- };
17
- args: {
18
- data: {
19
- id: number;
20
- date: string;
21
- gam_line_item_creative_id: number;
22
- request: number;
23
- imp: number;
24
- click: number;
25
- vimp: number;
26
- created_at: string;
27
- url: string;
28
- }[];
29
- dataKey: string;
30
- columns: {
31
- name: string;
32
- selector: (data: any) => any;
33
- }[];
34
- };
35
- };
36
- export default _default;
37
- export declare const Overview: StoryObj<DataTableProps<(typeof data)[number], "id">>;
38
- export declare const WithVerticalLine: StoryObj<DataTableProps<(typeof data)[number], "id">>;
39
- export declare const WithPagination: StoryObj<DataTableProps<(typeof data)[number], "id">>;
40
- export declare const WithStickyHeader: StoryObj<DataTableProps<(typeof data)[number], "id">>;
41
- export declare const WithTabs: StoryObj<DataTableProps<(typeof data)[number], "id">>;
42
- export declare const WithSearch: StoryObj<DataTableProps<(typeof data)[number], "id">>;
43
- export declare const SelectableRows: StoryObj<DataTableProps<(typeof data)[number], "id">>;
44
- export declare const SelectableRow: StoryObj<DataTableProps<(typeof data)[number], "id">>;
45
- export declare const CustomCell: StoryObj<DataTableProps<(typeof data)[number], "id">>;
46
- export declare const WithEmptyTable: StoryObj<DataTableProps<(typeof data)[number], "id">>;
@@ -1,94 +0,0 @@
1
- import React from "react";
2
- import { StoryObj } from "@storybook/react-vite";
3
- import { type TableColumn, type TableAction, DataTable2 } from "./index";
4
- declare const meta: Meta<({ bordered, currentPage, pageSize, pageSizeOptions, totalCount, columns, onPageChange, onPageSizeChange, onColumnsChange, onCheckedRowsChange, children, tableActions, customTableActionArea, enableRowSelection, }: {
5
- currentPage: number;
6
- pageSize: number;
7
- pageSizeOptions: number[];
8
- totalCount: number;
9
- columns: TableColumn[];
10
- onPageChange: (page: number) => void;
11
- onPageSizeChange: (size: number) => void;
12
- onColumnsChange: (columns: TableColumn[]) => void;
13
- tableActions?: TableAction[] | undefined;
14
- customTableActionArea?: ((context: {
15
- isSmallLayout: boolean;
16
- checkedRows: string[];
17
- }) => React.ReactNode) | undefined;
18
- enableRowSelection?: boolean | undefined;
19
- } & {
20
- bordered?: boolean | undefined;
21
- children: React.ReactNode;
22
- onCheckedRowsChange?: ((checkedRows: string[]) => void) | undefined;
23
- }) => JSX.Element>;
24
- export default meta;
25
- /**
26
- * DataTable2 に高さを指定したい場合、親に高さを明示してください。<br />
27
- * ページの高さにフィットさせたい場合には、親要素に 100vh などを指定してください。<br />
28
- * 親に高さが明示されていない場合は、「全件表示できる高さ」で表示されます。(レスポンシブに高さを変えても大丈夫です)<br />
29
- * 例:
30
- * ```
31
- * <div style={{ height: 500 }}>
32
- * <DataTable2>...</DataTable2>
33
- * <div>
34
- * ```
35
- *
36
- * 表内に表示したいデータは、HTML の `<table>`、`<tr>`、`<td>` の関係と同じように、`<DataTable2>` 内に、 `<DataTable2Row>` を配置し、その中に `<DataTable2Cell>` を配置してください。<br />
37
- * ページネーションやフィルターの結果はクライアントサイドで実装し、それに応じて `<DataTable2Cell>` を構築しデータを流し込んでください。<br />
38
- * 構造例(Propsは省略):
39
- * ```
40
- * <DataTable2>
41
- * <DataTable2Head>
42
- * <DataTable2Column>
43
- * <DataTable2ColumnLabel>
44
- * 名前
45
- * </DataTable2ColumnLabel>
46
- * </DataTable2Column>
47
- * <DataTable2Column>
48
- * <DataTable2ColumnLabel>
49
- * 年齢
50
- * </DataTable2ColumnLabel>
51
- * </DataTable2Column>
52
- * </DataTable2Head>
53
- * <DataTable2Body>
54
- * <DataTable2Row>
55
- * <DataTable2Cell>田中太郎</DataTable2Cell>
56
- * <DataTable2Cell>25歳</DataTable2Cell>
57
- * </DataTable2Row>
58
- * <DataTable2Row>
59
- * <DataTable2Cell>鈴木花子</DataTable2Cell>
60
- * <DataTable2Cell>22歳</DataTable2Cell>
61
- * </DataTable2Row>
62
- * </DataTable2Body>
63
- * </DataTable2>
64
- * ```
65
- */
66
- export declare const Default: StoryObj<typeof DataTable2>;
67
- /**
68
- * 以下のように、セルの loading を true に設定すると、スピナーが表示されます。
69
- * ```
70
- * <DataTable2Cell loading>
71
- * セルの内容
72
- * </DataTable2Cell>
73
- * ```
74
- * また、DataTable2 の props について `rowControls` や `extraButtons` を未指定にすると、該当機能のボタンが表示されません。
75
- * 「カラム」でフィルターやソートを明示しない場合も、それらの機能は非表示になります。
76
- */
77
- export declare const Loading: StoryObj<typeof DataTable2>;
78
- /**
79
- * `enableRowSelection`(既定 `true`)かつ **`tableActions` を渡さない** とき。
80
- *
81
- * `hasRowControls` が false のため、**一括チェック・「-件を」・行頭チェック列はいずれも出ない**(ツールバーと行が揃う)。
82
- * レビュー: [PR #2125](https://github.com/voyagegroup/ingred-ui/pull/2125#discussion_r3097576711)
83
- */
84
- export declare const RowSelectionWithoutTableActions: StoryObj<typeof DataTable2>;
85
- /**
86
- * 右端 1 列だけに `sticky="right"` を付けたとき、横スクロールで操作列が右端に張り付く。
87
- * `tableActions` で行頭チェック列・一括選択ツールバーも表示できる(チェック列は通常列としてスクロールする)。
88
- * 右 sticky 列は `columns` で `sortable: false` の末尾列にしておくと、カラム編集でドラッグ移動されない(`endFixed` と整合)。
89
- * ツールバー右の設定ボタンから「カラムを編集」を開き、A〜D の並び替えと末尾「操作」がドラッグ不可であることを確認できる(A〜D は `sortable: true`)。
90
- * 外枠に高さ・横幅 100% を与え多めの行を表示し、縦スクロールでヘッダ(各 `th` の sticky)が張り付くことを確認できる。
91
- * コンテナ幅に応じて列幅を比例縮小する(狭いビューポートでも横スクロールしやすい)。
92
- * 列ヘッダをドラッグして幅を変えた列はその幅を維持し、それ以外の列はコンテナ幅の変化に追従する。
93
- */
94
- export declare const StickyColumns: StoryObj<typeof DataTable2>;
@@ -1,16 +0,0 @@
1
- import { StoryObj } from "@storybook/react-vite";
2
- import { DateFieldProps } from "./DateField";
3
- import React from "react";
4
- declare const _default: {
5
- title: string;
6
- component: React.MemoExoticComponent<React.ForwardRefExoticComponent<DateFieldProps & React.RefAttributes<HTMLInputElement>>>;
7
- };
8
- export default _default;
9
- export declare const Example: StoryObj<DateFieldProps>;
10
- export declare const Custom: StoryObj<DateFieldProps>;
11
- export declare const Japanese: StoryObj<DateFieldProps>;
12
- export declare const Error: StoryObj<DateFieldProps>;
13
- export declare const Disable: StoryObj<DateFieldProps>;
14
- export declare const Small: StoryObj<DateFieldProps>;
15
- export declare const Large: StoryObj<DateFieldProps>;
16
- export declare const Dark: StoryObj<DateFieldProps>;