react-science 19.4.0 → 19.5.1

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 (52) hide show
  1. package/lib/components/activity_bar/activity_bar.d.ts.map +1 -1
  2. package/lib/components/activity_bar/activity_bar.js.map +1 -1
  3. package/lib/components/color-picker/color-picker-dropdown/ColorPickerDropdown.d.ts.map +1 -1
  4. package/lib/components/color-picker/color-picker-dropdown/ColorPickerDropdown.js.map +1 -1
  5. package/lib/components/form/components/input_groups/select.d.ts.map +1 -1
  6. package/lib/components/form/components/input_groups/select.js.map +1 -1
  7. package/lib/components/form/context/use_ts_form.d.ts +2 -2
  8. package/lib/components/form/context/use_ts_form.d.ts.map +1 -1
  9. package/lib/components/header/PanelHeader.d.ts.map +1 -1
  10. package/lib/components/header/PanelHeader.js +1 -0
  11. package/lib/components/header/PanelHeader.js.map +1 -1
  12. package/lib/components/info-panel/InfoPanel.d.ts +3 -1
  13. package/lib/components/info-panel/InfoPanel.d.ts.map +1 -1
  14. package/lib/components/info-panel/InfoPanel.js +3 -3
  15. package/lib/components/info-panel/InfoPanel.js.map +1 -1
  16. package/lib/components/svg/styled/svg_styled_line.d.ts.map +1 -1
  17. package/lib/components/svg/styled/svg_styled_line.js.map +1 -1
  18. package/lib/components/svg/styled/svg_styled_path.d.ts.map +1 -1
  19. package/lib/components/svg/styled/svg_styled_path.js.map +1 -1
  20. package/lib/components/svg/styled/svg_styled_text.d.ts.map +1 -1
  21. package/lib/components/svg/styled/svg_styled_text.js.map +1 -1
  22. package/lib/components/table/table_root.d.ts.map +1 -1
  23. package/lib/components/table/table_root.js.map +1 -1
  24. package/lib/components/toolbar/OverflowButton.d.ts +15 -0
  25. package/lib/components/toolbar/OverflowButton.d.ts.map +1 -0
  26. package/lib/components/toolbar/OverflowButton.js +29 -0
  27. package/lib/components/toolbar/OverflowButton.js.map +1 -0
  28. package/lib/components/toolbar/Toolbar.d.ts +306 -1
  29. package/lib/components/toolbar/Toolbar.d.ts.map +1 -1
  30. package/lib/components/toolbar/Toolbar.js +36 -9
  31. package/lib/components/toolbar/Toolbar.js.map +1 -1
  32. package/lib/components/toolbar/useCheckOverflow.d.ts +9 -0
  33. package/lib/components/toolbar/useCheckOverflow.d.ts.map +1 -0
  34. package/lib/components/toolbar/useCheckOverflow.js +28 -0
  35. package/lib/components/toolbar/useCheckOverflow.js.map +1 -0
  36. package/lib/components/value-renderers/Boolean.d.ts.map +1 -1
  37. package/lib/components/value-renderers/Boolean.js +1 -1
  38. package/lib/components/value-renderers/Boolean.js.map +1 -1
  39. package/package.json +27 -27
  40. package/src/components/activity_bar/activity_bar.tsx +4 -2
  41. package/src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx +4 -5
  42. package/src/components/form/components/input_groups/select.tsx +4 -2
  43. package/src/components/header/PanelHeader.tsx +1 -0
  44. package/src/components/info-panel/InfoPanel.tsx +7 -2
  45. package/src/components/svg/styled/svg_styled_line.tsx +2 -1
  46. package/src/components/svg/styled/svg_styled_path.tsx +2 -1
  47. package/src/components/svg/styled/svg_styled_text.tsx +2 -1
  48. package/src/components/table/table_root.tsx +6 -4
  49. package/src/components/toolbar/OverflowButton.tsx +94 -0
  50. package/src/components/toolbar/Toolbar.tsx +105 -24
  51. package/src/components/toolbar/useCheckOverflow.tsx +38 -0
  52. package/src/components/value-renderers/Boolean.tsx +1 -3
@@ -1,6 +1,8 @@
1
1
  import type { ButtonGroupProps, Intent, PopoverProps, TooltipProps } from '@blueprintjs/core';
2
- import type { MouseEvent } from 'react';
2
+ import type { MouseEvent, ReactNode } from 'react';
3
3
  import type { ButtonProps } from '../button/index.js';
4
+ import type { BaseOverButtonProps } from './OverflowButton.tsx';
5
+ export type Overflow = 'wrap' | 'collapse';
4
6
  export type PopoverInteractionType = 'click' | 'hover' | 'click-target' | 'hover-target';
5
7
  interface ToolbarBaseProps {
6
8
  intent?: Intent;
@@ -14,6 +16,14 @@ export interface ToolbarProps extends ToolbarBaseProps, Pick<ButtonGroupProps, '
14
16
  * {@link https://blueprintjs.com/docs/#core/components/popover.interactions}
15
17
  */
16
18
  popoverInteractionKind?: PopoverInteractionType;
19
+ /**
20
+ * Define what happens when there is not enough rom in the container
21
+ * "wrap": Items wrap to the next line
22
+ * "collapse": Collapse items into drop down menu
23
+ * @default "wrap"
24
+ */
25
+ overflow?: Overflow;
26
+ overflowButtonProps?: BaseOverButtonProps;
17
27
  }
18
28
  export interface ToolbarItemProps extends ToolbarBaseProps, Pick<ButtonProps, 'id' | 'icon' | 'active' | 'tag' | 'tagProps'> {
19
29
  tooltip?: TooltipProps['content'];
@@ -23,6 +33,301 @@ export interface ToolbarItemProps extends ToolbarBaseProps, Pick<ButtonProps, 'i
23
33
  export interface ToolbarPopoverItemProps extends Omit<PopoverProps, 'targetProps'> {
24
34
  itemProps: ToolbarItemProps;
25
35
  }
36
+ export declare const ToolbarButton: import("@emotion/styled").StyledComponent<{
37
+ icon?: import("@blueprintjs/core").IconName | import("@blueprintjs/core").MaybeElement;
38
+ key?: import("react").Key | null | undefined;
39
+ property?: string | undefined;
40
+ style?: import("react").CSSProperties | undefined;
41
+ translate?: "yes" | "no" | undefined;
42
+ slot?: string | undefined;
43
+ small?: boolean | undefined;
44
+ title?: string | undefined;
45
+ large?: boolean | undefined;
46
+ className?: string | undefined;
47
+ ref?: ((string | ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement>) & (string | ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement>)) | null | undefined;
48
+ children?: ReactNode;
49
+ dangerouslySetInnerHTML?: {
50
+ __html: string | TrustedHTML;
51
+ } | undefined;
52
+ onCopy?: (import("react").ClipboardEventHandler<HTMLButtonElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
53
+ onCopyCapture?: (import("react").ClipboardEventHandler<HTMLButtonElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
54
+ onCut?: (import("react").ClipboardEventHandler<HTMLButtonElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
55
+ onCutCapture?: (import("react").ClipboardEventHandler<HTMLButtonElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
56
+ onPaste?: (import("react").ClipboardEventHandler<HTMLButtonElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
57
+ onPasteCapture?: (import("react").ClipboardEventHandler<HTMLButtonElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
58
+ onCompositionEnd?: (import("react").CompositionEventHandler<HTMLButtonElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
59
+ onCompositionEndCapture?: (import("react").CompositionEventHandler<HTMLButtonElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
60
+ onCompositionStart?: (import("react").CompositionEventHandler<HTMLButtonElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
61
+ onCompositionStartCapture?: (import("react").CompositionEventHandler<HTMLButtonElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
62
+ onCompositionUpdate?: (import("react").CompositionEventHandler<HTMLButtonElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
63
+ onCompositionUpdateCapture?: (import("react").CompositionEventHandler<HTMLButtonElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
64
+ onFocus?: (((event: import("react").FocusEvent<HTMLElement, Element>) => void) & import("react").FocusEventHandler<HTMLButtonElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
65
+ onFocusCapture?: (import("react").FocusEventHandler<HTMLButtonElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
66
+ onBlur?: (import("react").FocusEventHandler<HTMLButtonElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
67
+ onBlurCapture?: (import("react").FocusEventHandler<HTMLButtonElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
68
+ onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
69
+ onChangeCapture?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
70
+ onBeforeInput?: (import("react").InputEventHandler<HTMLButtonElement> & import("react").InputEventHandler<HTMLAnchorElement>) | undefined;
71
+ onBeforeInputCapture?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
72
+ onInput?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
73
+ onInputCapture?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
74
+ onReset?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
75
+ onResetCapture?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
76
+ onSubmit?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
77
+ onSubmitCapture?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
78
+ onInvalid?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
79
+ onInvalidCapture?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
80
+ onLoad?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
81
+ onLoadCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
82
+ onError?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
83
+ onErrorCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
84
+ onKeyDown?: (import("react").KeyboardEventHandler<HTMLButtonElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
85
+ onKeyDownCapture?: (import("react").KeyboardEventHandler<HTMLButtonElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
86
+ onKeyPress?: (import("react").KeyboardEventHandler<HTMLButtonElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
87
+ onKeyPressCapture?: (import("react").KeyboardEventHandler<HTMLButtonElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
88
+ onKeyUp?: (import("react").KeyboardEventHandler<HTMLButtonElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
89
+ onKeyUpCapture?: (import("react").KeyboardEventHandler<HTMLButtonElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
90
+ onAbort?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
91
+ onAbortCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
92
+ onCanPlay?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
93
+ onCanPlayCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
94
+ onCanPlayThrough?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
95
+ onCanPlayThroughCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
96
+ onDurationChange?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
97
+ onDurationChangeCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
98
+ onEmptied?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
99
+ onEmptiedCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
100
+ onEncrypted?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
101
+ onEncryptedCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
102
+ onEnded?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
103
+ onEndedCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
104
+ onLoadedData?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
105
+ onLoadedDataCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
106
+ onLoadedMetadata?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
107
+ onLoadedMetadataCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
108
+ onLoadStart?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
109
+ onLoadStartCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
110
+ onPause?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
111
+ onPauseCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
112
+ onPlay?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
113
+ onPlayCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
114
+ onPlaying?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
115
+ onPlayingCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
116
+ onProgress?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
117
+ onProgressCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
118
+ onRateChange?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
119
+ onRateChangeCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
120
+ onSeeked?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
121
+ onSeekedCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
122
+ onSeeking?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
123
+ onSeekingCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
124
+ onStalled?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
125
+ onStalledCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
126
+ onSuspend?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
127
+ onSuspendCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
128
+ onTimeUpdate?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
129
+ onTimeUpdateCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
130
+ onVolumeChange?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
131
+ onVolumeChangeCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
132
+ onWaiting?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
133
+ onWaitingCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
134
+ onAuxClick?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
135
+ onAuxClickCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
136
+ onClick?: (((event: MouseEvent<HTMLElement, globalThis.MouseEvent>) => void) & import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
137
+ onClickCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
138
+ onContextMenu?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
139
+ onContextMenuCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
140
+ onDoubleClick?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
141
+ onDoubleClickCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
142
+ onDrag?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
143
+ onDragCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
144
+ onDragEnd?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
145
+ onDragEndCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
146
+ onDragEnter?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
147
+ onDragEnterCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
148
+ onDragExit?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
149
+ onDragExitCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
150
+ onDragLeave?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
151
+ onDragLeaveCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
152
+ onDragOver?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
153
+ onDragOverCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
154
+ onDragStart?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
155
+ onDragStartCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
156
+ onDrop?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
157
+ onDropCapture?: (import("react").DragEventHandler<HTMLButtonElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
158
+ onMouseDown?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
159
+ onMouseDownCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
160
+ onMouseEnter?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
161
+ onMouseLeave?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
162
+ onMouseMove?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
163
+ onMouseMoveCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
164
+ onMouseOut?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
165
+ onMouseOutCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
166
+ onMouseOver?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
167
+ onMouseOverCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
168
+ onMouseUp?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
169
+ onMouseUpCapture?: (import("react").MouseEventHandler<HTMLButtonElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
170
+ onSelect?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
171
+ onSelectCapture?: (import("react").ReactEventHandler<HTMLButtonElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
172
+ onTouchCancel?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
173
+ onTouchCancelCapture?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
174
+ onTouchEnd?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
175
+ onTouchEndCapture?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
176
+ onTouchMove?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
177
+ onTouchMoveCapture?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
178
+ onTouchStart?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
179
+ onTouchStartCapture?: (import("react").TouchEventHandler<HTMLButtonElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
180
+ onPointerDown?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
181
+ onPointerDownCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
182
+ onPointerMove?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
183
+ onPointerMoveCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
184
+ onPointerUp?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
185
+ onPointerUpCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
186
+ onPointerCancel?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
187
+ onPointerCancelCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
188
+ onPointerEnter?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
189
+ onPointerLeave?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
190
+ onPointerOver?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
191
+ onPointerOverCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
192
+ onPointerOut?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
193
+ onPointerOutCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
194
+ onGotPointerCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
195
+ onGotPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
196
+ onLostPointerCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
197
+ onLostPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLButtonElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
198
+ onScroll?: (import("react").UIEventHandler<HTMLButtonElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
199
+ onScrollCapture?: (import("react").UIEventHandler<HTMLButtonElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
200
+ onWheel?: (import("react").WheelEventHandler<HTMLButtonElement> & import("react").WheelEventHandler<HTMLAnchorElement>) | undefined;
201
+ onWheelCapture?: (import("react").WheelEventHandler<HTMLButtonElement> & import("react").WheelEventHandler<HTMLAnchorElement>) | undefined;
202
+ onAnimationStart?: (import("react").AnimationEventHandler<HTMLButtonElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
203
+ onAnimationStartCapture?: (import("react").AnimationEventHandler<HTMLButtonElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
204
+ onAnimationEnd?: (import("react").AnimationEventHandler<HTMLButtonElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
205
+ onAnimationEndCapture?: (import("react").AnimationEventHandler<HTMLButtonElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
206
+ onAnimationIteration?: (import("react").AnimationEventHandler<HTMLButtonElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
207
+ onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLButtonElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
208
+ onTransitionEnd?: (import("react").TransitionEventHandler<HTMLButtonElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
209
+ onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLButtonElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
210
+ id?: string | undefined;
211
+ tabIndex?: number | undefined;
212
+ role?: import("react").AriaRole | undefined;
213
+ suppressHydrationWarning?: boolean | undefined;
214
+ color?: string | undefined;
215
+ lang?: string | undefined;
216
+ type?: "submit" | "reset" | "button" | undefined;
217
+ fill?: boolean | undefined;
218
+ "aria-activedescendant"?: string | undefined;
219
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
220
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
221
+ "aria-braillelabel"?: string | undefined;
222
+ "aria-brailleroledescription"?: string | undefined;
223
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
224
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
225
+ "aria-colcount"?: number | undefined;
226
+ "aria-colindex"?: number | undefined;
227
+ "aria-colindextext"?: string | undefined;
228
+ "aria-colspan"?: number | undefined;
229
+ "aria-controls"?: string | undefined;
230
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
231
+ "aria-describedby"?: string | undefined;
232
+ "aria-description"?: string | undefined;
233
+ "aria-details"?: string | undefined;
234
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
235
+ "aria-dropeffect"?: "link" | "move" | "none" | "copy" | "execute" | "popup" | undefined;
236
+ "aria-errormessage"?: string | undefined;
237
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
238
+ "aria-flowto"?: string | undefined;
239
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
240
+ "aria-haspopup"?: boolean | "grid" | "menu" | "tree" | "dialog" | "true" | "false" | "listbox" | undefined;
241
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
242
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
243
+ "aria-keyshortcuts"?: string | undefined;
244
+ "aria-label"?: string | undefined;
245
+ "aria-labelledby"?: string | undefined;
246
+ "aria-level"?: number | undefined;
247
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
248
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
249
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
250
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
251
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
252
+ "aria-owns"?: string | undefined;
253
+ "aria-placeholder"?: string | undefined;
254
+ "aria-posinset"?: number | undefined;
255
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
256
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
257
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
258
+ "aria-required"?: (boolean | "true" | "false") | undefined;
259
+ "aria-roledescription"?: string | undefined;
260
+ "aria-rowcount"?: number | undefined;
261
+ "aria-rowindex"?: number | undefined;
262
+ "aria-rowindextext"?: string | undefined;
263
+ "aria-rowspan"?: number | undefined;
264
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
265
+ "aria-setsize"?: number | undefined;
266
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
267
+ "aria-valuemax"?: number | undefined;
268
+ "aria-valuemin"?: number | undefined;
269
+ "aria-valuenow"?: number | undefined;
270
+ "aria-valuetext"?: string | undefined;
271
+ defaultChecked?: boolean | undefined;
272
+ defaultValue?: string | number | readonly string[] | undefined;
273
+ suppressContentEditableWarning?: boolean | undefined;
274
+ accessKey?: string | undefined;
275
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
276
+ autoFocus?: boolean | undefined;
277
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
278
+ contextMenu?: string | undefined;
279
+ dir?: string | undefined;
280
+ draggable?: (boolean | "true" | "false") | undefined;
281
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
282
+ hidden?: boolean | undefined;
283
+ nonce?: string | undefined;
284
+ spellCheck?: (boolean | "true" | "false") | undefined;
285
+ radioGroup?: string | undefined;
286
+ about?: string | undefined;
287
+ content?: string | undefined;
288
+ datatype?: string | undefined;
289
+ inlist?: any;
290
+ prefix?: string | undefined;
291
+ rel?: string | undefined;
292
+ resource?: string | undefined;
293
+ rev?: string | undefined;
294
+ typeof?: string | undefined;
295
+ vocab?: string | undefined;
296
+ autoCorrect?: string | undefined;
297
+ autoSave?: string | undefined;
298
+ itemProp?: string | undefined;
299
+ itemScope?: boolean | undefined;
300
+ itemType?: string | undefined;
301
+ itemID?: string | undefined;
302
+ itemRef?: string | undefined;
303
+ results?: number | undefined;
304
+ security?: string | undefined;
305
+ unselectable?: "off" | "on" | undefined;
306
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
307
+ is?: string | undefined;
308
+ exportparts?: string | undefined;
309
+ part?: string | undefined;
310
+ text?: ReactNode;
311
+ intent?: Intent | undefined;
312
+ size?: import("@blueprintjs/core").Size | undefined;
313
+ active?: boolean | undefined;
314
+ alignText?: import("@blueprintjs/core").Alignment | undefined;
315
+ ellipsizeText?: boolean | undefined;
316
+ endIcon?: import("@blueprintjs/core").IconName | import("@blueprintjs/core").MaybeElement;
317
+ loading?: boolean | undefined;
318
+ minimal?: boolean | undefined;
319
+ outlined?: boolean | undefined;
320
+ variant?: import("@blueprintjs/core").ButtonVariant | undefined;
321
+ rightIcon?: import("@blueprintjs/core").IconName | import("@blueprintjs/core").MaybeElement;
322
+ textClassName?: string | undefined;
323
+ disabled?: boolean | undefined;
324
+ } & {
325
+ tooltipProps?: Partial<Omit<TooltipProps, "children" | "targetProps">>;
326
+ tag?: ReactNode;
327
+ tagProps?: Omit<import("@blueprintjs/core").TagProps, "children">;
328
+ } & {
329
+ theme?: import("@emotion/react").Theme;
330
+ }, {}, {}>;
26
331
  export declare function Toolbar(props: ToolbarProps): import("react/jsx-runtime").JSX.Element;
27
332
  export declare namespace Toolbar {
28
333
  var Item: typeof ToolbarItem;
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,MAAM,sBAAsB,GAC9B,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AAEnB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC;IACjD;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAMD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAqBD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAkE1C;yBAlEe,OAAO;;6BA6Jd,uBAAuB;;AAzFhC,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C"}
1
+ {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,sBAAsB,CAAC;AAM3E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;AAE3C,MAAM,MAAM,sBAAsB,GAC9B,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AAEnB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YACf,SAAQ,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC;IACzE;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AAED,MAAM,WAAW,gBACf,SACE,gBAAgB,EAChB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAMD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,YAAY,EACZ,aAAa,CACd;IACC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAezB,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAkH1C;yBAlHe,OAAO;;6BA6Md,uBAAuB;;AAzFhC,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C"}
@@ -1,12 +1,25 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { ButtonGroup, Classes, Colors, Icon, Popover } from '@blueprintjs/core';
3
3
  import styled from '@emotion/styled';
4
4
  import { useLayoutEffect, useMemo, useRef } from 'react';
5
5
  import { Button } from '../button/index.js';
6
6
  import { normalizeIcon } from '../icon.js';
7
+ import { OverflowButton } from "./OverflowButton.js";
7
8
  import { toolbarContext, useToolbarContext } from './toolbarContext.js';
9
+ import { useCheckOverflow } from "./useCheckOverflow.js";
8
10
  const border = '1px solid rgb(247, 247, 247)';
9
- const ToolbarButton = styled(Button) `
11
+ const Container = styled.div `
12
+ display: flex;
13
+ flex-direction: ${({ vertical, placement }) => {
14
+ if (vertical) {
15
+ return placement === 'start' ? 'column-reverse' : 'column';
16
+ }
17
+ return placement === 'start' ? 'row-reverse' : 'row';
18
+ }};
19
+ overflow: hidden;
20
+ width: 100%;
21
+ `;
22
+ export const ToolbarButton = styled(Button) `
10
23
  .${Classes.ICON} {
11
24
  /* Color of icon in button is lighter in Blueprintjs. We want a better contrast in the toolbars */
12
25
  color: ${Colors.DARK_GRAY3} !important;
@@ -23,7 +36,8 @@ const ToolbarButton = styled(Button) `
23
36
  }
24
37
  `;
25
38
  export function Toolbar(props) {
26
- const { children, disabled, intent, vertical, popoverInteractionKind } = props;
39
+ const { children, disabled, intent, vertical = false, popoverInteractionKind, overflow = 'wrap', overflowButtonProps, } = props;
40
+ const { placement = 'end' } = overflowButtonProps || {};
27
41
  const contextValue = useMemo(() => ({
28
42
  intent,
29
43
  vertical,
@@ -31,12 +45,17 @@ export function Toolbar(props) {
31
45
  popoverInteractionKind,
32
46
  }), [intent, vertical, disabled, popoverInteractionKind]);
33
47
  const ref = useRef(null);
48
+ const isOverflowing = useCheckOverflow({
49
+ containerRef: ref,
50
+ overflow,
51
+ vertical,
52
+ });
34
53
  // Work around wrong width on vertical flex when wrapping
35
54
  // In Chrome: recently fixed (https://bugs.chromium.org/p/chromium/issues/detail?id=507397)
36
55
  // In Firefox: work-around needed (https://bugzilla.mozilla.org/show_bug.cgi?id=995020)
37
56
  // In Safari: work-around needed
38
57
  useLayoutEffect(() => {
39
- if (!vertical) {
58
+ if (!vertical || overflow !== 'wrap') {
40
59
  return;
41
60
  }
42
61
  function update() {
@@ -59,11 +78,19 @@ export function Toolbar(props) {
59
78
  const observer = new ResizeObserver(update);
60
79
  observer.observe(element);
61
80
  return () => observer.unobserve(element);
62
- }, [vertical]);
63
- return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup, { ref: ref, vertical: vertical, variant: "minimal", style: {
64
- flexWrap: 'wrap',
65
- borderRight: vertical ? border : undefined,
66
- }, children: children }, String(vertical)) }));
81
+ }, [overflow, vertical]);
82
+ if (overflow === 'wrap') {
83
+ return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup, { ref: ref, vertical: vertical, variant: "minimal", style: {
84
+ flexWrap: 'wrap',
85
+ borderRight: vertical ? border : undefined,
86
+ }, children: children }, String(vertical)) }));
87
+ }
88
+ return (_jsx(ToolbarProvider, { value: contextValue, children: _jsxs(Container, { vertical: vertical, placement: placement, children: [_jsx(ButtonGroup, { ref: ref, vertical: vertical, variant: "minimal", style: {
89
+ flex: 1,
90
+ flexWrap: 'nowrap',
91
+ overflow: 'hidden',
92
+ borderRight: vertical ? border : undefined,
93
+ }, children: children }, String(vertical)), isOverflowing && (_jsx(OverflowButton, { placement: placement, vertical: vertical, intent: intent, disabled: disabled, ...overflowButtonProps, children: children }))] }) }));
67
94
  }
68
95
  function ToolbarItem(props) {
69
96
  return _jsx(ToolbarItemInternal, { ...props, isPopover: false });
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import type { Overflow } from './Toolbar.tsx';
2
+ interface UseCheckOverflowOptions {
3
+ containerRef: React.RefObject<HTMLDivElement>;
4
+ vertical: boolean;
5
+ overflow: Overflow;
6
+ }
7
+ export declare function useCheckOverflow(options: UseCheckOverflowOptions): boolean;
8
+ export {};
9
+ //# sourceMappingURL=useCheckOverflow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCheckOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/useCheckOverflow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,UAAU,uBAAuB;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,WA2BhE"}
@@ -0,0 +1,28 @@
1
+ import { useLayoutEffect, useState } from 'react';
2
+ export function useCheckOverflow(options) {
3
+ const { containerRef, overflow, vertical } = options;
4
+ const [isOverflow, setIsOverflow] = useState(false);
5
+ useLayoutEffect(() => {
6
+ if (overflow !== 'collapse')
7
+ return;
8
+ const container = containerRef.current;
9
+ if (!container)
10
+ return;
11
+ const checkOverflow = () => {
12
+ let isOverflow = false;
13
+ if (vertical) {
14
+ isOverflow = container.scrollHeight > container.clientHeight;
15
+ }
16
+ else {
17
+ isOverflow = container.scrollWidth > container.clientWidth;
18
+ }
19
+ setIsOverflow(isOverflow);
20
+ };
21
+ checkOverflow();
22
+ const observer = new ResizeObserver(checkOverflow);
23
+ observer.observe(container);
24
+ return () => observer.disconnect();
25
+ }, [containerRef, overflow, vertical]);
26
+ return isOverflow;
27
+ }
28
+ //# sourceMappingURL=useCheckOverflow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCheckOverflow.js","sourceRoot":"","sources":["../../../src/components/toolbar/useCheckOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,UAAU,gBAAgB,CAAC,OAAgC;IAC/D,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,KAAK,UAAU;YAAE,OAAO;QAEpC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,IAAI,UAAU,GAAG,KAAK,CAAC;YACvB,IAAI,QAAQ,EAAE,CAAC;gBACb,UAAU,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC;YAC/D,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YAC7D,CAAC;YACD,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;QAEhB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,OAAO,UAAU,CAAC;AACpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Boolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,YAAa,SAAQ,mBAAmB;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAIxD"}
1
+ {"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Boolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,YAAa,SAAQ,mBAAmB;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAExD"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  export function Boolean({ value, ...other }) {
3
- return (_jsx("div", { ...other, children: value !== undefined ? (value ? '✔' : '✘') : '' }));
3
+ return _jsx("div", { ...other, children: value !== undefined ? (value ? '✔' : '✘') : '' });
4
4
  }
5
5
  //# sourceMappingURL=Boolean.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Boolean.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB;IACvD,OAAO,CACL,iBAAS,KAAK,YAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAO,CACvE,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Boolean.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB;IACvD,OAAO,iBAAS,KAAK,YAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAO,CAAC;AAChF,CAAC"}