@veeqo/ui 14.13.1 → 14.14.0

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 (73) hide show
  1. package/dist/components/Action/Action.d.ts +8 -8
  2. package/dist/components/AnimatedDropdown/hooks/useClickAway.cjs.map +1 -1
  3. package/dist/components/AnimatedDropdown/hooks/useClickAway.d.ts +1 -1
  4. package/dist/components/AnimatedDropdown/hooks/useClickAway.js.map +1 -1
  5. package/dist/components/Button/Button.d.ts +2 -2
  6. package/dist/components/DataGrid/components/GridContainer/GridContainer.cjs.map +1 -1
  7. package/dist/components/DataGrid/components/GridContainer/GridContainer.d.ts +2 -2
  8. package/dist/components/DataGrid/components/GridContainer/GridContainer.js.map +1 -1
  9. package/dist/components/DataGrid/hooks/useKeyboardNavigation.cjs.map +1 -1
  10. package/dist/components/DataGrid/hooks/useKeyboardNavigation.d.ts +1 -1
  11. package/dist/components/DataGrid/hooks/useKeyboardNavigation.js.map +1 -1
  12. package/dist/components/DataTable/components/ActionBar.cjs.map +1 -1
  13. package/dist/components/DataTable/components/ActionBar.d.ts +2 -2
  14. package/dist/components/DataTable/components/ActionBar.js.map +1 -1
  15. package/dist/components/DataTable/components/StickyHead.cjs.map +1 -1
  16. package/dist/components/DataTable/components/StickyHead.d.ts +2 -2
  17. package/dist/components/DataTable/components/StickyHead.js.map +1 -1
  18. package/dist/components/DataTable/hooks/useCellWidths.cjs.map +1 -1
  19. package/dist/components/DataTable/hooks/useCellWidths.d.ts +1 -1
  20. package/dist/components/DataTable/hooks/useCellWidths.js.map +1 -1
  21. package/dist/components/DataTable/hooks/useColumnWidths.cjs.map +1 -1
  22. package/dist/components/DataTable/hooks/useColumnWidths.d.ts +1 -1
  23. package/dist/components/DataTable/hooks/useColumnWidths.js.map +1 -1
  24. package/dist/components/DataTable/hooks/useColumns.cjs.map +1 -1
  25. package/dist/components/DataTable/hooks/useColumns.d.ts +1 -1
  26. package/dist/components/DataTable/hooks/useColumns.js.map +1 -1
  27. package/dist/components/DateInputField/types.d.ts +2 -2
  28. package/dist/components/DimensionsInput/DimensionsInput.d.ts +88 -69
  29. package/dist/components/Flex/FlexCol/FlexCol.d.ts +1 -1
  30. package/dist/components/Flex/FlexRow/FlexRow.d.ts +1 -1
  31. package/dist/components/LegacyDataTable/StickyHeader.cjs.map +1 -1
  32. package/dist/components/LegacyDataTable/StickyHeader.d.ts +2 -2
  33. package/dist/components/LegacyDataTable/StickyHeader.js.map +1 -1
  34. package/dist/components/PhoneInput/index.d.ts +89 -69
  35. package/dist/components/Search/Search.d.ts +88 -69
  36. package/dist/components/SelectDropdown/components/ListItemSection/ListItemSection.cjs.map +1 -1
  37. package/dist/components/SelectDropdown/components/ListItemSection/ListItemSection.d.ts +2 -1
  38. package/dist/components/SelectDropdown/components/ListItemSection/ListItemSection.js.map +1 -1
  39. package/dist/components/SimpleTable/SimpleTable.d.ts +2 -2
  40. package/dist/components/Slider/hooks/types.d.ts +3 -3
  41. package/dist/components/Stack/Stack.d.ts +4 -4
  42. package/dist/components/TextField/TextField.d.ts +88 -69
  43. package/dist/components/TextField/index.d.ts +89 -69
  44. package/dist/components/Tooltip/Tooltip.cjs.map +1 -1
  45. package/dist/components/Tooltip/Tooltip.d.ts +2 -1
  46. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  47. package/dist/components/UploadFile/hooks/useUploadFile/useUploadFile.d.ts +1 -1
  48. package/dist/components/View/View.cjs.map +1 -1
  49. package/dist/components/View/View.js.map +1 -1
  50. package/dist/components/ViewTab/ViewTab.d.ts +1 -1
  51. package/dist/components/ViewsContainer/hooks/useSetScrollPosition.cjs +1 -1
  52. package/dist/components/ViewsContainer/hooks/useSetScrollPosition.cjs.map +1 -1
  53. package/dist/components/ViewsContainer/hooks/useSetScrollPosition.js +1 -1
  54. package/dist/components/ViewsContainer/hooks/useSetScrollPosition.js.map +1 -1
  55. package/dist/components/WeightInput/WeightInput.cjs +0 -3
  56. package/dist/components/WeightInput/WeightInput.cjs.map +1 -1
  57. package/dist/components/WeightInput/WeightInput.js +0 -3
  58. package/dist/components/WeightInput/WeightInput.js.map +1 -1
  59. package/dist/hoc/withTokens/withTokens.cjs.map +1 -1
  60. package/dist/hoc/withTokens/withTokens.js.map +1 -1
  61. package/dist/hooks/useClickOutside.d.ts +1 -1
  62. package/dist/hooks/useDragToScroll.cjs.map +1 -1
  63. package/dist/hooks/useDragToScroll.d.ts +1 -1
  64. package/dist/hooks/useDragToScroll.js.map +1 -1
  65. package/dist/hooks/useIntersectionObserver.cjs +4 -4
  66. package/dist/hooks/useIntersectionObserver.cjs.map +1 -1
  67. package/dist/hooks/useIntersectionObserver.js +4 -4
  68. package/dist/hooks/useIntersectionObserver.js.map +1 -1
  69. package/dist/hooks/useResizeObserver.cjs +2 -2
  70. package/dist/hooks/useResizeObserver.cjs.map +1 -1
  71. package/dist/hooks/useResizeObserver.js +2 -2
  72. package/dist/hooks/useResizeObserver.js.map +1 -1
  73. package/package.json +12 -9
@@ -8,18 +8,19 @@ export declare const TextField: React.ForwardRefExoticComponent<{
8
8
  title?: string | undefined;
9
9
  pattern?: string | undefined;
10
10
  list?: string | undefined;
11
- className?: string | undefined;
12
- children?: React.ReactNode;
13
11
  defaultChecked?: boolean | undefined;
14
12
  defaultValue?: string | number | readonly string[] | undefined;
15
13
  suppressContentEditableWarning?: boolean | undefined;
16
14
  suppressHydrationWarning?: boolean | undefined;
17
15
  accessKey?: string | undefined;
16
+ autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
18
17
  autoFocus?: boolean | undefined;
19
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
18
+ className?: string | undefined;
19
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
20
20
  contextMenu?: string | undefined;
21
21
  dir?: string | undefined;
22
22
  draggable?: (boolean | "true" | "false") | undefined;
23
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
23
24
  hidden?: boolean | undefined;
24
25
  id?: string | undefined;
25
26
  lang?: string | undefined;
@@ -39,7 +40,6 @@ export declare const TextField: React.ForwardRefExoticComponent<{
39
40
  rev?: string | undefined;
40
41
  typeof?: string | undefined;
41
42
  vocab?: string | undefined;
42
- autoCapitalize?: string | undefined;
43
43
  autoCorrect?: string | undefined;
44
44
  autoSave?: string | undefined;
45
45
  color?: string | undefined;
@@ -50,57 +50,69 @@ export declare const TextField: React.ForwardRefExoticComponent<{
50
50
  itemRef?: string | undefined;
51
51
  results?: number | undefined;
52
52
  security?: string | undefined;
53
- unselectable?: "on" | "off" | undefined;
54
- inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
+ unselectable?: "off" | "on" | undefined;
54
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
55
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
56
+ popoverTarget?: string | undefined;
57
+ inert?: boolean | undefined;
58
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
55
59
  is?: string | undefined;
56
- 'aria-activedescendant'?: string | undefined;
57
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
58
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
59
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
60
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
61
- 'aria-colcount'?: number | undefined;
62
- 'aria-colindex'?: number | undefined;
63
- 'aria-colspan'?: number | undefined;
64
- 'aria-controls'?: string | undefined;
65
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
66
- 'aria-describedby'?: string | undefined;
67
- 'aria-details'?: string | undefined;
68
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
69
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
70
- 'aria-errormessage'?: string | undefined;
71
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
72
- 'aria-flowto'?: string | undefined;
73
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
74
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
75
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
76
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
77
- 'aria-keyshortcuts'?: string | undefined;
78
- 'aria-label'?: string | undefined;
79
- 'aria-labelledby'?: string | undefined;
80
- 'aria-level'?: number | undefined;
81
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
82
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
83
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
84
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
85
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
86
- 'aria-owns'?: string | undefined;
87
- 'aria-placeholder'?: string | undefined;
88
- 'aria-posinset'?: number | undefined;
89
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
90
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
91
- 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
92
- 'aria-required'?: (boolean | "true" | "false") | undefined;
93
- 'aria-roledescription'?: string | undefined;
94
- 'aria-rowcount'?: number | undefined;
95
- 'aria-rowindex'?: number | undefined;
96
- 'aria-rowspan'?: number | undefined;
97
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
98
- 'aria-setsize'?: number | undefined;
99
- 'aria-sort'?: "other" | "none" | "ascending" | "descending" | undefined;
100
- 'aria-valuemax'?: number | undefined;
101
- 'aria-valuemin'?: number | undefined;
102
- 'aria-valuenow'?: number | undefined;
103
- 'aria-valuetext'?: string | undefined;
60
+ exportparts?: string | undefined;
61
+ part?: string | undefined;
62
+ "aria-activedescendant"?: string | undefined;
63
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
64
+ "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
65
+ "aria-braillelabel"?: string | undefined;
66
+ "aria-brailleroledescription"?: string | undefined;
67
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
68
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
69
+ "aria-colcount"?: number | undefined;
70
+ "aria-colindex"?: number | undefined;
71
+ "aria-colindextext"?: string | undefined;
72
+ "aria-colspan"?: number | undefined;
73
+ "aria-controls"?: string | undefined;
74
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
75
+ "aria-describedby"?: string | undefined;
76
+ "aria-description"?: string | undefined;
77
+ "aria-details"?: string | undefined;
78
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
79
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
80
+ "aria-errormessage"?: string | undefined;
81
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
82
+ "aria-flowto"?: string | undefined;
83
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
84
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
85
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
86
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
87
+ "aria-keyshortcuts"?: string | undefined;
88
+ "aria-label"?: string | undefined;
89
+ "aria-labelledby"?: string | undefined;
90
+ "aria-level"?: number | undefined;
91
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
92
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
93
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
94
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
95
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
96
+ "aria-owns"?: string | undefined;
97
+ "aria-placeholder"?: string | undefined;
98
+ "aria-posinset"?: number | undefined;
99
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
100
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
101
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
102
+ "aria-required"?: (boolean | "true" | "false") | undefined;
103
+ "aria-roledescription"?: string | undefined;
104
+ "aria-rowcount"?: number | undefined;
105
+ "aria-rowindex"?: number | undefined;
106
+ "aria-rowindextext"?: string | undefined;
107
+ "aria-rowspan"?: number | undefined;
108
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
109
+ "aria-setsize"?: number | undefined;
110
+ "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
111
+ "aria-valuemax"?: number | undefined;
112
+ "aria-valuemin"?: number | undefined;
113
+ "aria-valuenow"?: number | undefined;
114
+ "aria-valuetext"?: string | undefined;
115
+ children?: React.ReactNode;
104
116
  dangerouslySetInnerHTML?: {
105
117
  __html: string | TrustedHTML;
106
118
  } | undefined;
@@ -120,17 +132,17 @@ export declare const TextField: React.ForwardRefExoticComponent<{
120
132
  onFocusCapture?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
121
133
  onBlur?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
122
134
  onBlurCapture?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
123
- onChangeCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
124
- onBeforeInput?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
125
- onBeforeInputCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
126
- onInput?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
127
- onInputCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
128
- onReset?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
129
- onResetCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
130
- onSubmit?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
131
- onSubmitCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
132
- onInvalid?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
133
- onInvalidCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
135
+ onChangeCapture?: (React.ChangeEventHandler<HTMLInputElement, Element> & React.ChangeEventHandler<HTMLTextAreaElement, Element>) | undefined;
136
+ onBeforeInput?: (React.InputEventHandler<HTMLInputElement> & React.InputEventHandler<HTMLTextAreaElement>) | undefined;
137
+ onBeforeInputCapture?: (React.InputEventHandler<HTMLInputElement> & React.InputEventHandler<HTMLTextAreaElement>) | undefined;
138
+ onInput?: (React.InputEventHandler<HTMLInputElement> & React.InputEventHandler<HTMLTextAreaElement>) | undefined;
139
+ onInputCapture?: (React.InputEventHandler<HTMLInputElement> & React.InputEventHandler<HTMLTextAreaElement>) | undefined;
140
+ onReset?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
141
+ onResetCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
142
+ onSubmit?: (React.SubmitEventHandler<HTMLInputElement> & React.SubmitEventHandler<HTMLTextAreaElement>) | undefined;
143
+ onSubmitCapture?: (React.SubmitEventHandler<HTMLInputElement> & React.SubmitEventHandler<HTMLTextAreaElement>) | undefined;
144
+ onInvalid?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
145
+ onInvalidCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
134
146
  onLoad?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
135
147
  onLoadCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
136
148
  onError?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
@@ -240,9 +252,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
240
252
  onPointerCancel?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
241
253
  onPointerCancelCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
242
254
  onPointerEnter?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
243
- onPointerEnterCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
244
255
  onPointerLeave?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
245
- onPointerLeaveCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
246
256
  onPointerOver?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
247
257
  onPointerOverCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
248
258
  onPointerOut?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
@@ -253,6 +263,8 @@ export declare const TextField: React.ForwardRefExoticComponent<{
253
263
  onLostPointerCaptureCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
254
264
  onScroll?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
255
265
  onScrollCapture?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
266
+ onScrollEnd?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
267
+ onScrollEndCapture?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
256
268
  onWheel?: (React.WheelEventHandler<HTMLInputElement> & React.WheelEventHandler<HTMLTextAreaElement>) | undefined;
257
269
  onWheelCapture?: (React.WheelEventHandler<HTMLInputElement> & React.WheelEventHandler<HTMLTextAreaElement>) | undefined;
258
270
  onAnimationStart?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
@@ -261,10 +273,18 @@ export declare const TextField: React.ForwardRefExoticComponent<{
261
273
  onAnimationEndCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
262
274
  onAnimationIteration?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
263
275
  onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
276
+ onToggle?: (React.ToggleEventHandler<HTMLInputElement> & React.ToggleEventHandler<HTMLTextAreaElement>) | undefined;
277
+ onBeforeToggle?: (React.ToggleEventHandler<HTMLInputElement> & React.ToggleEventHandler<HTMLTextAreaElement>) | undefined;
278
+ onTransitionCancel?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
279
+ onTransitionCancelCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
264
280
  onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
265
281
  onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
282
+ onTransitionRun?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
283
+ onTransitionRunCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
284
+ onTransitionStart?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
285
+ onTransitionStartCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
266
286
  disabled?: boolean | undefined;
267
- formAction?: string | undefined;
287
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
268
288
  formEncType?: string | undefined;
269
289
  formMethod?: string | undefined;
270
290
  formNoValidate?: boolean | undefined;
@@ -274,7 +294,6 @@ export declare const TextField: React.ForwardRefExoticComponent<{
274
294
  accept?: string | undefined;
275
295
  capture?: boolean | "user" | "environment" | undefined;
276
296
  checked?: boolean | undefined;
277
- enterKeyHint?: "search" | "previous" | "next" | "enter" | "done" | "go" | "send" | undefined;
278
297
  multiple?: boolean | undefined;
279
298
  cols?: number | undefined;
280
299
  dirName?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export type * from './types';
3
4
  export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
4
5
  rel?: string | undefined;
@@ -9,18 +10,19 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
9
10
  title?: string | undefined;
10
11
  pattern?: string | undefined;
11
12
  list?: string | undefined;
12
- className?: string | undefined;
13
- children?: import("react").ReactNode;
14
13
  defaultChecked?: boolean | undefined;
15
14
  defaultValue?: string | number | readonly string[] | undefined;
16
15
  suppressContentEditableWarning?: boolean | undefined;
17
16
  suppressHydrationWarning?: boolean | undefined;
18
17
  accessKey?: string | undefined;
18
+ autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
19
19
  autoFocus?: boolean | undefined;
20
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
20
+ className?: string | undefined;
21
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
21
22
  contextMenu?: string | undefined;
22
23
  dir?: string | undefined;
23
24
  draggable?: (boolean | "true" | "false") | undefined;
25
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
24
26
  hidden?: boolean | undefined;
25
27
  id?: string | undefined;
26
28
  lang?: string | undefined;
@@ -40,7 +42,6 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
40
42
  rev?: string | undefined;
41
43
  typeof?: string | undefined;
42
44
  vocab?: string | undefined;
43
- autoCapitalize?: string | undefined;
44
45
  autoCorrect?: string | undefined;
45
46
  autoSave?: string | undefined;
46
47
  color?: string | undefined;
@@ -51,57 +52,69 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
51
52
  itemRef?: string | undefined;
52
53
  results?: number | undefined;
53
54
  security?: string | undefined;
54
- unselectable?: "on" | "off" | undefined;
55
- inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
55
+ unselectable?: "off" | "on" | undefined;
56
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
57
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
58
+ popoverTarget?: string | undefined;
59
+ inert?: boolean | undefined;
60
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
61
  is?: string | undefined;
57
- 'aria-activedescendant'?: string | undefined;
58
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
59
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
60
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
61
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
62
- 'aria-colcount'?: number | undefined;
63
- 'aria-colindex'?: number | undefined;
64
- 'aria-colspan'?: number | undefined;
65
- 'aria-controls'?: string | undefined;
66
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
67
- 'aria-describedby'?: string | undefined;
68
- 'aria-details'?: string | undefined;
69
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
70
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
71
- 'aria-errormessage'?: string | undefined;
72
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
73
- 'aria-flowto'?: string | undefined;
74
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
75
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
76
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
77
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
78
- 'aria-keyshortcuts'?: string | undefined;
79
- 'aria-label'?: string | undefined;
80
- 'aria-labelledby'?: string | undefined;
81
- 'aria-level'?: number | undefined;
82
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
83
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
84
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
85
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
86
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
87
- 'aria-owns'?: string | undefined;
88
- 'aria-placeholder'?: string | undefined;
89
- 'aria-posinset'?: number | undefined;
90
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
91
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
92
- 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
93
- 'aria-required'?: (boolean | "true" | "false") | undefined;
94
- 'aria-roledescription'?: string | undefined;
95
- 'aria-rowcount'?: number | undefined;
96
- 'aria-rowindex'?: number | undefined;
97
- 'aria-rowspan'?: number | undefined;
98
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
99
- 'aria-setsize'?: number | undefined;
100
- 'aria-sort'?: "other" | "none" | "ascending" | "descending" | undefined;
101
- 'aria-valuemax'?: number | undefined;
102
- 'aria-valuemin'?: number | undefined;
103
- 'aria-valuenow'?: number | undefined;
104
- 'aria-valuetext'?: string | undefined;
62
+ exportparts?: string | undefined;
63
+ part?: string | undefined;
64
+ "aria-activedescendant"?: string | undefined;
65
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
66
+ "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
67
+ "aria-braillelabel"?: string | undefined;
68
+ "aria-brailleroledescription"?: string | undefined;
69
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
70
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
71
+ "aria-colcount"?: number | undefined;
72
+ "aria-colindex"?: number | undefined;
73
+ "aria-colindextext"?: string | undefined;
74
+ "aria-colspan"?: number | undefined;
75
+ "aria-controls"?: string | undefined;
76
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
77
+ "aria-describedby"?: string | undefined;
78
+ "aria-description"?: string | undefined;
79
+ "aria-details"?: string | undefined;
80
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
81
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
82
+ "aria-errormessage"?: string | undefined;
83
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
84
+ "aria-flowto"?: string | undefined;
85
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
86
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
87
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
88
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
89
+ "aria-keyshortcuts"?: string | undefined;
90
+ "aria-label"?: string | undefined;
91
+ "aria-labelledby"?: string | undefined;
92
+ "aria-level"?: number | undefined;
93
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
94
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
95
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
96
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
97
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
98
+ "aria-owns"?: string | undefined;
99
+ "aria-placeholder"?: string | undefined;
100
+ "aria-posinset"?: number | undefined;
101
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
102
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
103
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
104
+ "aria-required"?: (boolean | "true" | "false") | undefined;
105
+ "aria-roledescription"?: string | undefined;
106
+ "aria-rowcount"?: number | undefined;
107
+ "aria-rowindex"?: number | undefined;
108
+ "aria-rowindextext"?: string | undefined;
109
+ "aria-rowspan"?: number | undefined;
110
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
111
+ "aria-setsize"?: number | undefined;
112
+ "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
113
+ "aria-valuemax"?: number | undefined;
114
+ "aria-valuemin"?: number | undefined;
115
+ "aria-valuenow"?: number | undefined;
116
+ "aria-valuetext"?: string | undefined;
117
+ children?: import("react").ReactNode;
105
118
  dangerouslySetInnerHTML?: {
106
119
  __html: string | TrustedHTML;
107
120
  } | undefined;
@@ -121,17 +134,17 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
121
134
  onFocusCapture?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
122
135
  onBlur?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
123
136
  onBlurCapture?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
124
- onChangeCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
125
- onBeforeInput?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
126
- onBeforeInputCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
127
- onInput?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
128
- onInputCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
129
- onReset?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
130
- onResetCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
131
- onSubmit?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
132
- onSubmitCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
133
- onInvalid?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
134
- onInvalidCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
137
+ onChangeCapture?: (import("react").ChangeEventHandler<HTMLInputElement, Element> & import("react").ChangeEventHandler<HTMLTextAreaElement, Element>) | undefined;
138
+ onBeforeInput?: (import("react").InputEventHandler<HTMLInputElement> & import("react").InputEventHandler<HTMLTextAreaElement>) | undefined;
139
+ onBeforeInputCapture?: (import("react").InputEventHandler<HTMLInputElement> & import("react").InputEventHandler<HTMLTextAreaElement>) | undefined;
140
+ onInput?: (import("react").InputEventHandler<HTMLInputElement> & import("react").InputEventHandler<HTMLTextAreaElement>) | undefined;
141
+ onInputCapture?: (import("react").InputEventHandler<HTMLInputElement> & import("react").InputEventHandler<HTMLTextAreaElement>) | undefined;
142
+ onReset?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
143
+ onResetCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
144
+ onSubmit?: (import("react").SubmitEventHandler<HTMLInputElement> & import("react").SubmitEventHandler<HTMLTextAreaElement>) | undefined;
145
+ onSubmitCapture?: (import("react").SubmitEventHandler<HTMLInputElement> & import("react").SubmitEventHandler<HTMLTextAreaElement>) | undefined;
146
+ onInvalid?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
147
+ onInvalidCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
135
148
  onLoad?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
136
149
  onLoadCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
137
150
  onError?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
@@ -241,9 +254,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
241
254
  onPointerCancel?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
242
255
  onPointerCancelCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
243
256
  onPointerEnter?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
244
- onPointerEnterCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
245
257
  onPointerLeave?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
246
- onPointerLeaveCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
247
258
  onPointerOver?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
248
259
  onPointerOverCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
249
260
  onPointerOut?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
@@ -254,6 +265,8 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
254
265
  onLostPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
255
266
  onScroll?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
256
267
  onScrollCapture?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
268
+ onScrollEnd?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
269
+ onScrollEndCapture?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
257
270
  onWheel?: (import("react").WheelEventHandler<HTMLInputElement> & import("react").WheelEventHandler<HTMLTextAreaElement>) | undefined;
258
271
  onWheelCapture?: (import("react").WheelEventHandler<HTMLInputElement> & import("react").WheelEventHandler<HTMLTextAreaElement>) | undefined;
259
272
  onAnimationStart?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
@@ -262,10 +275,18 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
262
275
  onAnimationEndCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
263
276
  onAnimationIteration?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
264
277
  onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
278
+ onToggle?: (import("react").ToggleEventHandler<HTMLInputElement> & import("react").ToggleEventHandler<HTMLTextAreaElement>) | undefined;
279
+ onBeforeToggle?: (import("react").ToggleEventHandler<HTMLInputElement> & import("react").ToggleEventHandler<HTMLTextAreaElement>) | undefined;
280
+ onTransitionCancel?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
281
+ onTransitionCancelCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
265
282
  onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
266
283
  onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
284
+ onTransitionRun?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
285
+ onTransitionRunCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
286
+ onTransitionStart?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
287
+ onTransitionStartCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
267
288
  disabled?: boolean | undefined;
268
- formAction?: string | undefined;
289
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
269
290
  formEncType?: string | undefined;
270
291
  formMethod?: string | undefined;
271
292
  formNoValidate?: boolean | undefined;
@@ -275,7 +296,6 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
275
296
  accept?: string | undefined;
276
297
  capture?: boolean | "user" | "environment" | undefined;
277
298
  checked?: boolean | undefined;
278
- enterKeyHint?: "search" | "previous" | "next" | "enter" | "done" | "go" | "send" | undefined;
279
299
  multiple?: boolean | undefined;
280
300
  cols?: number | undefined;
281
301
  dirName?: string | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\nimport { TooltipProps } from './types';\nimport { TooltipPopover } from './components/TooltipPopover';\nimport { LegacyClassNames } from './components/types';\nimport { Portal } from '../Portal';\nimport { buildClassnames } from '../../utils';\nimport tooltipStyles from './Tooltip.module.scss';\n\nconst WithOptionalPortal: React.FC<{ usePortal: boolean; children: ReactNode }> = ({\n usePortal = false,\n children,\n // eslint-disable-next-line react/jsx-no-useless-fragment\n}) => (usePortal ? <Portal>{children}</Portal> : <>{children}</>);\n\nexport const Tooltip = ({\n children,\n text,\n content,\n config,\n reversed = false,\n className,\n hoverableClassName,\n withTriangle,\n initialShouldShow = false,\n useReactPortal = true,\n}: TooltipProps): JSX.Element | null => {\n const [shouldShow, setShouldShow] = useState(initialShouldShow);\n const [hoverableElement, setHoverableElement] = useState<HTMLDivElement | null>(null);\n\n const hasText = text ? text.trim().length > 0 : false;\n const hasContent = !!(content || hasText);\n\n // Backward-compatible suffix classes for monolith consumers that\n // target sub-elements via the className prefix convention.\n const legacyClassNames: LegacyClassNames | undefined = className\n ? {\n tip: `${className}-tip`,\n wrap: `${className}-wrap`,\n triangle: `${className}-triangle`,\n }\n : undefined;\n\n if (!hasContent) return children;\n\n const show = () => setShouldShow(true);\n const hide = () => setShouldShow(false);\n\n return (\n <div className={buildClassnames([tooltipStyles.container, className, className && `${className}-container`])}>\n <AnimatePresence>\n {shouldShow && (\n <WithOptionalPortal usePortal={useReactPortal}>\n <TooltipPopover\n key=\"tooltip-popover\"\n hoverableElement={hoverableElement}\n config={config}\n reversed={reversed}\n withTriangle={withTriangle}\n text={text}\n content={content}\n legacyClassNames={legacyClassNames}\n />\n </WithOptionalPortal>\n )}\n </AnimatePresence>\n\n <div\n ref={setHoverableElement}\n className={buildClassnames([tooltipStyles.hoverable, hoverableClassName, className && `${className}-hoverable`])}\n onMouseEnter={show}\n onMouseLeave={hide}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"names":["React","Portal","useState","buildClassnames","tooltipStyles","AnimatePresence","TooltipPopover"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAA0D,CAAC,EACjF,SAAS,GAAG,KAAK,EACjB,QAAQ;AACR;AACD,EAAA,MAAM,SAAS,GAAGA,sBAAA,CAAA,aAAA,CAACC,aAAM,QAAE,QAAQ,CAAU,GAAGD,4EAAG,QAAQ,CAAI,CAAC;AAE1D,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,IAAI,GACR,KAAwB;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGE,cAAQ,CAAC,iBAAiB,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC;AAErF,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK;IACrD,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,IAAI,OAAO,CAAC;;;IAIzC,MAAM,gBAAgB,GAAiC;AACrD,UAAE;YACE,GAAG,EAAE,CAAA,EAAG,SAAS,CAAA,IAAA,CAAM;YACvB,IAAI,EAAE,CAAA,EAAG,SAAS,CAAA,KAAA,CAAO;YACzB,QAAQ,EAAE,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW;AAClC;UACD,SAAS;AAEb,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,QAAQ;IAEhC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;AAEvC,IAAA,QACEF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,+BAAe,CAAC,CAACC,cAAa,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,IAAI,GAAG,SAAS,CAAA,UAAA,CAAY,CAAC,CAAC,EAAA;QAC1GJ,sBAAA,CAAA,aAAA,CAACK,4BAAe,EAAA,IAAA,EACb,UAAU,KACTL,qCAAC,kBAAkB,EAAA,EAAC,SAAS,EAAE,cAAc,EAAA;AAC3C,YAAAA,sBAAA,CAAA,aAAA,CAACM,6BAAc,EAAA,EACb,GAAG,EAAC,iBAAiB,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAAA,CAClC,CACiB,CACtB,CACe;AAElB,QAAAN,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAEG,+BAAe,CAAC,CAACC,cAAa,CAAC,SAAS,EAAE,kBAAkB,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,YAAY,CAAC,CAAC,EAChH,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAAA,EAEjB,QAAQ,CACL,CACF;AAEV;;;;"}
1
+ {"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\nimport { TooltipProps } from './types';\nimport { TooltipPopover } from './components/TooltipPopover';\nimport { LegacyClassNames } from './components/types';\nimport { Portal } from '../Portal';\nimport { buildClassnames } from '../../utils';\nimport tooltipStyles from './Tooltip.module.scss';\n\nconst WithOptionalPortal: React.FC<{ usePortal: boolean; children: ReactNode }> = ({\n usePortal = false,\n children,\n // eslint-disable-next-line react/jsx-no-useless-fragment\n}) => (usePortal ? <Portal>{children}</Portal> : <>{children}</>);\n\nexport const Tooltip = ({\n children,\n text,\n content,\n config,\n reversed = false,\n className,\n hoverableClassName,\n withTriangle,\n initialShouldShow = false,\n useReactPortal = true,\n}: TooltipProps): ReactElement | null => {\n const [shouldShow, setShouldShow] = useState(initialShouldShow);\n const [hoverableElement, setHoverableElement] = useState<HTMLDivElement | null>(null);\n\n const hasText = text ? text.trim().length > 0 : false;\n const hasContent = !!(content || hasText);\n\n // Backward-compatible suffix classes for monolith consumers that\n // target sub-elements via the className prefix convention.\n const legacyClassNames: LegacyClassNames | undefined = className\n ? {\n tip: `${className}-tip`,\n wrap: `${className}-wrap`,\n triangle: `${className}-triangle`,\n }\n : undefined;\n\n if (!hasContent) return children;\n\n const show = () => setShouldShow(true);\n const hide = () => setShouldShow(false);\n\n return (\n <div className={buildClassnames([tooltipStyles.container, className, className && `${className}-container`])}>\n <AnimatePresence>\n {shouldShow && (\n <WithOptionalPortal usePortal={useReactPortal}>\n <TooltipPopover\n key=\"tooltip-popover\"\n hoverableElement={hoverableElement}\n config={config}\n reversed={reversed}\n withTriangle={withTriangle}\n text={text}\n content={content}\n legacyClassNames={legacyClassNames}\n />\n </WithOptionalPortal>\n )}\n </AnimatePresence>\n\n <div\n ref={setHoverableElement}\n className={buildClassnames([tooltipStyles.hoverable, hoverableClassName, className && `${className}-hoverable`])}\n onMouseEnter={show}\n onMouseLeave={hide}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"names":["React","Portal","useState","buildClassnames","tooltipStyles","AnimatePresence","TooltipPopover"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAA0D,CAAC,EACjF,SAAS,GAAG,KAAK,EACjB,QAAQ;AACR;AACD,EAAA,MAAM,SAAS,GAAGA,sBAAA,CAAA,aAAA,CAACC,aAAM,QAAE,QAAQ,CAAU,GAAGD,4EAAG,QAAQ,CAAI,CAAC;AAE1D,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,IAAI,GACR,KAAyB;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGE,cAAQ,CAAC,iBAAiB,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC;AAErF,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK;IACrD,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,IAAI,OAAO,CAAC;;;IAIzC,MAAM,gBAAgB,GAAiC;AACrD,UAAE;YACE,GAAG,EAAE,CAAA,EAAG,SAAS,CAAA,IAAA,CAAM;YACvB,IAAI,EAAE,CAAA,EAAG,SAAS,CAAA,KAAA,CAAO;YACzB,QAAQ,EAAE,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW;AAClC;UACD,SAAS;AAEb,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,QAAQ;IAEhC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;AAEvC,IAAA,QACEF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,+BAAe,CAAC,CAACC,cAAa,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,IAAI,GAAG,SAAS,CAAA,UAAA,CAAY,CAAC,CAAC,EAAA;QAC1GJ,sBAAA,CAAA,aAAA,CAACK,4BAAe,EAAA,IAAA,EACb,UAAU,KACTL,qCAAC,kBAAkB,EAAA,EAAC,SAAS,EAAE,cAAc,EAAA;AAC3C,YAAAA,sBAAA,CAAA,aAAA,CAACM,6BAAc,EAAA,EACb,GAAG,EAAC,iBAAiB,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAAA,CAClC,CACiB,CACtB,CACe;AAElB,QAAAN,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAEG,+BAAe,CAAC,CAACC,cAAa,CAAC,SAAS,EAAE,kBAAkB,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,YAAY,CAAC,CAAC,EAChH,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAAA,EAEjB,QAAQ,CACL,CACF;AAEV;;;;"}
@@ -1,2 +1,3 @@
1
+ import { ReactElement } from 'react';
1
2
  import { TooltipProps } from './types';
2
- export declare const Tooltip: ({ children, text, content, config, reversed, className, hoverableClassName, withTriangle, initialShouldShow, useReactPortal, }: TooltipProps) => JSX.Element | null;
3
+ export declare const Tooltip: ({ children, text, content, config, reversed, className, hoverableClassName, withTriangle, initialShouldShow, useReactPortal, }: TooltipProps) => ReactElement | null;
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\nimport { TooltipProps } from './types';\nimport { TooltipPopover } from './components/TooltipPopover';\nimport { LegacyClassNames } from './components/types';\nimport { Portal } from '../Portal';\nimport { buildClassnames } from '../../utils';\nimport tooltipStyles from './Tooltip.module.scss';\n\nconst WithOptionalPortal: React.FC<{ usePortal: boolean; children: ReactNode }> = ({\n usePortal = false,\n children,\n // eslint-disable-next-line react/jsx-no-useless-fragment\n}) => (usePortal ? <Portal>{children}</Portal> : <>{children}</>);\n\nexport const Tooltip = ({\n children,\n text,\n content,\n config,\n reversed = false,\n className,\n hoverableClassName,\n withTriangle,\n initialShouldShow = false,\n useReactPortal = true,\n}: TooltipProps): JSX.Element | null => {\n const [shouldShow, setShouldShow] = useState(initialShouldShow);\n const [hoverableElement, setHoverableElement] = useState<HTMLDivElement | null>(null);\n\n const hasText = text ? text.trim().length > 0 : false;\n const hasContent = !!(content || hasText);\n\n // Backward-compatible suffix classes for monolith consumers that\n // target sub-elements via the className prefix convention.\n const legacyClassNames: LegacyClassNames | undefined = className\n ? {\n tip: `${className}-tip`,\n wrap: `${className}-wrap`,\n triangle: `${className}-triangle`,\n }\n : undefined;\n\n if (!hasContent) return children;\n\n const show = () => setShouldShow(true);\n const hide = () => setShouldShow(false);\n\n return (\n <div className={buildClassnames([tooltipStyles.container, className, className && `${className}-container`])}>\n <AnimatePresence>\n {shouldShow && (\n <WithOptionalPortal usePortal={useReactPortal}>\n <TooltipPopover\n key=\"tooltip-popover\"\n hoverableElement={hoverableElement}\n config={config}\n reversed={reversed}\n withTriangle={withTriangle}\n text={text}\n content={content}\n legacyClassNames={legacyClassNames}\n />\n </WithOptionalPortal>\n )}\n </AnimatePresence>\n\n <div\n ref={setHoverableElement}\n className={buildClassnames([tooltipStyles.hoverable, hoverableClassName, className && `${className}-hoverable`])}\n onMouseEnter={show}\n onMouseLeave={hide}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB,GAA0D,CAAC,EACjF,SAAS,GAAG,KAAK,EACjB,QAAQ;AACR;AACD,EAAA,MAAM,SAAS,GAAGA,cAAA,CAAA,aAAA,CAAC,MAAM,QAAE,QAAQ,CAAU,GAAGA,4DAAG,QAAQ,CAAI,CAAC;AAE1D,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,IAAI,GACR,KAAwB;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;AAErF,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK;IACrD,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,IAAI,OAAO,CAAC;;;IAIzC,MAAM,gBAAgB,GAAiC;AACrD,UAAE;YACE,GAAG,EAAE,CAAA,EAAG,SAAS,CAAA,IAAA,CAAM;YACvB,IAAI,EAAE,CAAA,EAAG,SAAS,CAAA,KAAA,CAAO;YACzB,QAAQ,EAAE,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW;AAClC;UACD,SAAS;AAEb,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,QAAQ;IAEhC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;AAEvC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,IAAI,GAAG,SAAS,CAAA,UAAA,CAAY,CAAC,CAAC,EAAA;QAC1GA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA,EACb,UAAU,KACTA,6BAAC,kBAAkB,EAAA,EAAC,SAAS,EAAE,cAAc,EAAA;AAC3C,YAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,GAAG,EAAC,iBAAiB,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAAA,CAClC,CACiB,CACtB,CACe;AAElB,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,kBAAkB,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,YAAY,CAAC,CAAC,EAChH,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAAA,EAEjB,QAAQ,CACL,CACF;AAEV;;;;"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\nimport { TooltipProps } from './types';\nimport { TooltipPopover } from './components/TooltipPopover';\nimport { LegacyClassNames } from './components/types';\nimport { Portal } from '../Portal';\nimport { buildClassnames } from '../../utils';\nimport tooltipStyles from './Tooltip.module.scss';\n\nconst WithOptionalPortal: React.FC<{ usePortal: boolean; children: ReactNode }> = ({\n usePortal = false,\n children,\n // eslint-disable-next-line react/jsx-no-useless-fragment\n}) => (usePortal ? <Portal>{children}</Portal> : <>{children}</>);\n\nexport const Tooltip = ({\n children,\n text,\n content,\n config,\n reversed = false,\n className,\n hoverableClassName,\n withTriangle,\n initialShouldShow = false,\n useReactPortal = true,\n}: TooltipProps): ReactElement | null => {\n const [shouldShow, setShouldShow] = useState(initialShouldShow);\n const [hoverableElement, setHoverableElement] = useState<HTMLDivElement | null>(null);\n\n const hasText = text ? text.trim().length > 0 : false;\n const hasContent = !!(content || hasText);\n\n // Backward-compatible suffix classes for monolith consumers that\n // target sub-elements via the className prefix convention.\n const legacyClassNames: LegacyClassNames | undefined = className\n ? {\n tip: `${className}-tip`,\n wrap: `${className}-wrap`,\n triangle: `${className}-triangle`,\n }\n : undefined;\n\n if (!hasContent) return children;\n\n const show = () => setShouldShow(true);\n const hide = () => setShouldShow(false);\n\n return (\n <div className={buildClassnames([tooltipStyles.container, className, className && `${className}-container`])}>\n <AnimatePresence>\n {shouldShow && (\n <WithOptionalPortal usePortal={useReactPortal}>\n <TooltipPopover\n key=\"tooltip-popover\"\n hoverableElement={hoverableElement}\n config={config}\n reversed={reversed}\n withTriangle={withTriangle}\n text={text}\n content={content}\n legacyClassNames={legacyClassNames}\n />\n </WithOptionalPortal>\n )}\n </AnimatePresence>\n\n <div\n ref={setHoverableElement}\n className={buildClassnames([tooltipStyles.hoverable, hoverableClassName, className && `${className}-hoverable`])}\n onMouseEnter={show}\n onMouseLeave={hide}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB,GAA0D,CAAC,EACjF,SAAS,GAAG,KAAK,EACjB,QAAQ;AACR;AACD,EAAA,MAAM,SAAS,GAAGA,cAAA,CAAA,aAAA,CAAC,MAAM,QAAE,QAAQ,CAAU,GAAGA,4DAAG,QAAQ,CAAI,CAAC;AAE1D,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,IAAI,GACR,KAAyB;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;AAErF,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK;IACrD,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,IAAI,OAAO,CAAC;;;IAIzC,MAAM,gBAAgB,GAAiC;AACrD,UAAE;YACE,GAAG,EAAE,CAAA,EAAG,SAAS,CAAA,IAAA,CAAM;YACvB,IAAI,EAAE,CAAA,EAAG,SAAS,CAAA,KAAA,CAAO;YACzB,QAAQ,EAAE,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW;AAClC;UACD,SAAS;AAEb,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,QAAQ;IAEhC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;AAEvC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,IAAI,GAAG,SAAS,CAAA,UAAA,CAAY,CAAC,CAAC,EAAA;QAC1GA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA,EACb,UAAU,KACTA,6BAAC,kBAAkB,EAAA,EAAC,SAAS,EAAE,cAAc,EAAA;AAC3C,YAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,GAAG,EAAC,iBAAiB,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAAA,CAClC,CACiB,CACtB,CACe;AAElB,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,kBAAkB,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,YAAY,CAAC,CAAC,EAChH,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAAA,EAEjB,QAAQ,CACL,CACF;AAEV;;;;"}
@@ -4,7 +4,7 @@ type UseUploadFileProps = {
4
4
  };
5
5
  export declare const useUploadFile: ({ onFileInputCancelled }?: UseUploadFileProps) => {
6
6
  clearFileSelection: () => void;
7
- inputRef: import("react").MutableRefObject<HTMLInputElement | null>;
7
+ inputRef: import("react").RefObject<HTMLInputElement | null>;
8
8
  onCancel: () => void;
9
9
  removeFileFromList: (fileToRemove: File) => void;
10
10
  setFileList: import("react").Dispatch<import("react").SetStateAction<FileList | undefined>>;
@@ -1 +1 @@
1
- {"version":3,"file":"View.cjs","sources":["../../../src/components/View/View.tsx"],"sourcesContent":["import React, { useCallback, CSSProperties } from 'react';\n\nimport { useHover } from '../../hooks';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { ViewProps, ViewTypes } from './types';\n\nimport { CrossIcon, EditIcon } from '../../icons';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { assignCssVars } from '../../utils/assignCssVars';\nimport { Text } from '../Text';\nimport styles from './View.module.scss';\n\nexport interface ClassNamesReturnPayload {\n delete?: string;\n options?: string;\n edit?: string;\n container?: string;\n active?: string;\n counter?: string;\n}\n\nconst generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n delete: prefix ? `${prefix}-delete` : undefined,\n options: prefix ? `${prefix}-options` : undefined,\n edit: prefix ? `${prefix}-edit` : undefined,\n container: prefix ? `${prefix}-container` : undefined,\n active: prefix ? `${prefix}-active` : undefined,\n counter: prefix ? `${prefix}-counter` : undefined,\n});\n\nconst IconStyling = {\n style: {\n marginLeft: sizes.xs,\n padding: sizes.xs,\n height: sizes.base,\n width: sizes.base,\n } as CSSProperties,\n};\n\n/**\n *\n * @deprecated\n *\n * use ViewTab component instead\n *\n */\nexport const View = ({\n id,\n iconSlot,\n name,\n type,\n className,\n colourPalette = colors.secondary.blue,\n customTextColour,\n count,\n active = false,\n onClick,\n onDelete,\n onEdit,\n e2eClassName,\n}: ViewProps) => {\n const classNames = generateClassNames(className);\n const e2eClassNames = generateClassNames(e2eClassName);\n const [isHovered, handleEnter, handleLeave] = useHover();\n\n const handleClick = useCallback(() => onClick(id), [id, onClick]);\n const handleDelete = useCallback(\n (event) => {\n event.stopPropagation();\n if (onDelete) onDelete(id);\n },\n [onDelete, id],\n );\n const handleEdit = useCallback(\n (event) => {\n event.stopPropagation();\n if (onEdit) onEdit(id);\n },\n [onEdit, id],\n );\n\n const isDraft = type === ViewTypes.draft;\n const isSaved = type === ViewTypes.saved;\n const fill = active ? colors.neutral.ink.dark : colors.neutral.ink.base;\n\n const contourVars = assignCssVars({\n colourPaletteBase: colourPalette.base,\n colourPaletteLightest: colourPalette.lightest,\n customTextColour,\n });\n\n const textColor = customTextColour ?? colors.neutral.ink.dark;\n const isCounterActive = active || isHovered;\n\n return (\n <div\n className={buildClassnames([\n styles.container,\n classNames?.container,\n e2eClassNames?.container,\n active ? e2eClassNames?.active : undefined,\n ])}\n onClick={handleClick}\n >\n <div\n className={buildClassnames([styles.contour, active ? styles.active : undefined])}\n style={contourVars}\n onMouseEnter={handleEnter}\n onMouseLeave={handleLeave}\n >\n {iconSlot && <div className={styles.customIconWrapper}>{iconSlot}</div>}\n <Text variant=\"bodyBold\" style={{ color: textColor }}>{name}</Text>\n {count != null && (\n <Text\n variant=\"subheadingSmall\"\n className={buildClassnames([\n styles.counterContainer,\n isCounterActive ? styles.counterActive : undefined,\n ])}\n style={{\n ...contourVars,\n ...(isCounterActive ? { backgroundColor: colourPalette.base } : undefined),\n }}\n >\n <span\n className={buildClassnames([styles.counterText, e2eClassNames?.counter])}\n style={isCounterActive ? { color: '#fff' } : undefined}\n >\n {count}\n </span>\n </Text>\n )}\n {isDraft && (\n <CrossIcon\n {...IconStyling}\n color={fill}\n className={e2eClassNames?.delete}\n onClick={handleDelete}\n />\n )}\n {isSaved && active && (\n <EditIcon\n {...IconStyling}\n color={fill}\n className={e2eClassNames?.edit}\n onClick={handleEdit}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["sizes","colors","useHover","useCallback","ViewTypes","assignCssVars","React","buildClassnames","styles","Text","CrossIcon","EditIcon"],"mappings":"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"}
1
+ {"version":3,"file":"View.cjs","sources":["../../../src/components/View/View.tsx"],"sourcesContent":["import React, { useCallback, CSSProperties } from 'react';\n\nimport { useHover } from '../../hooks';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { ViewProps, ViewTypes } from './types';\n\nimport { CrossIcon, EditIcon } from '../../icons';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { assignCssVars } from '../../utils/assignCssVars';\nimport { Text } from '../Text';\nimport styles from './View.module.scss';\n\nexport interface ClassNamesReturnPayload {\n delete?: string;\n options?: string;\n edit?: string;\n container?: string;\n active?: string;\n counter?: string;\n}\n\nconst generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n delete: prefix ? `${prefix}-delete` : undefined,\n options: prefix ? `${prefix}-options` : undefined,\n edit: prefix ? `${prefix}-edit` : undefined,\n container: prefix ? `${prefix}-container` : undefined,\n active: prefix ? `${prefix}-active` : undefined,\n counter: prefix ? `${prefix}-counter` : undefined,\n});\n\nconst IconStyling = {\n style: {\n marginLeft: sizes.xs,\n padding: sizes.xs,\n height: sizes.base,\n width: sizes.base,\n } as CSSProperties,\n};\n\n/**\n *\n * @deprecated\n *\n * use ViewTab component instead\n *\n */\nexport const View = ({\n id,\n iconSlot,\n name,\n type,\n className,\n colourPalette = colors.secondary.blue,\n customTextColour,\n count,\n active = false,\n onClick,\n onDelete,\n onEdit,\n e2eClassName,\n}: ViewProps) => {\n const classNames = generateClassNames(className);\n const e2eClassNames = generateClassNames(e2eClassName);\n const [isHovered, handleEnter, handleLeave] = useHover();\n\n const handleClick = useCallback(() => onClick(id), [id, onClick]);\n const handleDelete = useCallback(\n (event: React.MouseEvent) => {\n event.stopPropagation();\n if (onDelete) onDelete(id);\n },\n [onDelete, id],\n );\n const handleEdit = useCallback(\n (event: React.MouseEvent) => {\n event.stopPropagation();\n if (onEdit) onEdit(id);\n },\n [onEdit, id],\n );\n\n const isDraft = type === ViewTypes.draft;\n const isSaved = type === ViewTypes.saved;\n const fill = active ? colors.neutral.ink.dark : colors.neutral.ink.base;\n\n const contourVars = assignCssVars({\n colourPaletteBase: colourPalette.base,\n colourPaletteLightest: colourPalette.lightest,\n customTextColour,\n });\n\n const textColor = customTextColour ?? colors.neutral.ink.dark;\n const isCounterActive = active || isHovered;\n\n return (\n <div\n className={buildClassnames([\n styles.container,\n classNames?.container,\n e2eClassNames?.container,\n active ? e2eClassNames?.active : undefined,\n ])}\n onClick={handleClick}\n >\n <div\n className={buildClassnames([styles.contour, active ? styles.active : undefined])}\n style={contourVars}\n onMouseEnter={handleEnter}\n onMouseLeave={handleLeave}\n >\n {iconSlot && <div className={styles.customIconWrapper}>{iconSlot}</div>}\n <Text variant=\"bodyBold\" style={{ color: textColor }}>{name}</Text>\n {count != null && (\n <Text\n variant=\"subheadingSmall\"\n className={buildClassnames([\n styles.counterContainer,\n isCounterActive ? styles.counterActive : undefined,\n ])}\n style={{\n ...contourVars,\n ...(isCounterActive ? { backgroundColor: colourPalette.base } : undefined),\n }}\n >\n <span\n className={buildClassnames([styles.counterText, e2eClassNames?.counter])}\n style={isCounterActive ? { color: '#fff' } : undefined}\n >\n {count}\n </span>\n </Text>\n )}\n {isDraft && (\n <CrossIcon\n {...IconStyling}\n color={fill}\n className={e2eClassNames?.delete}\n onClick={handleDelete}\n />\n )}\n {isSaved && active && (\n <EditIcon\n {...IconStyling}\n color={fill}\n className={e2eClassNames?.edit}\n onClick={handleEdit}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["sizes","colors","useHover","useCallback","ViewTypes","assignCssVars","React","buildClassnames","styles","Text","CrossIcon","EditIcon"],"mappings":"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"}