@cratis/components 1.8.2 → 1.9.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.
- package/dist/cjs/Toolbar/Toolbar.css +105 -2
- package/dist/cjs/Toolbar/ToolbarButton.js +10 -3
- package/dist/cjs/Toolbar/ToolbarButton.js.map +1 -1
- package/dist/cjs/Toolbar/ToolbarContext.js.map +1 -1
- package/dist/cjs/Toolbar/ToolbarFolder.js +12 -7
- package/dist/cjs/Toolbar/ToolbarFolder.js.map +1 -1
- package/dist/cjs/Toolbar/ToolbarFolderContext.js +20 -0
- package/dist/cjs/Toolbar/ToolbarFolderContext.js.map +1 -0
- package/dist/cjs/Toolbar/ToolbarGroup.js +102 -0
- package/dist/cjs/Toolbar/ToolbarGroup.js.map +1 -0
- package/dist/cjs/Toolbar/ToolbarSection.js +44 -5
- package/dist/cjs/Toolbar/ToolbarSection.js.map +1 -1
- package/dist/cjs/Toolbar/ToolbarSlot.js +125 -0
- package/dist/cjs/Toolbar/ToolbarSlot.js.map +1 -0
- package/dist/cjs/Toolbar/index.js +6 -0
- package/dist/cjs/Toolbar/index.js.map +1 -1
- package/dist/cjs/tailwind-utilities.css +12 -0
- package/dist/esm/Toolbar/Toolbar.css +105 -2
- package/dist/esm/Toolbar/Toolbar.stories.d.ts +6 -1
- package/dist/esm/Toolbar/Toolbar.stories.d.ts.map +1 -1
- package/dist/esm/Toolbar/Toolbar.stories.js +69 -16
- package/dist/esm/Toolbar/Toolbar.stories.js.map +1 -1
- package/dist/esm/Toolbar/ToolbarButton.d.ts +2 -2
- package/dist/esm/Toolbar/ToolbarButton.d.ts.map +1 -1
- package/dist/esm/Toolbar/ToolbarButton.js +11 -4
- package/dist/esm/Toolbar/ToolbarButton.js.map +1 -1
- package/dist/esm/Toolbar/ToolbarContext.d.ts +1 -0
- package/dist/esm/Toolbar/ToolbarContext.d.ts.map +1 -1
- package/dist/esm/Toolbar/ToolbarContext.js.map +1 -1
- package/dist/esm/Toolbar/ToolbarFolder.d.ts +4 -2
- package/dist/esm/Toolbar/ToolbarFolder.d.ts.map +1 -1
- package/dist/esm/Toolbar/ToolbarFolder.js +13 -8
- package/dist/esm/Toolbar/ToolbarFolder.js.map +1 -1
- package/dist/esm/Toolbar/ToolbarFolderContext.d.ts +4 -0
- package/dist/esm/Toolbar/ToolbarFolderContext.d.ts.map +1 -0
- package/dist/esm/Toolbar/ToolbarFolderContext.js +17 -0
- package/dist/esm/Toolbar/ToolbarFolderContext.js.map +1 -0
- package/dist/esm/Toolbar/ToolbarGroup.d.ts +8 -0
- package/dist/esm/Toolbar/ToolbarGroup.d.ts.map +1 -0
- package/dist/esm/Toolbar/ToolbarGroup.js +100 -0
- package/dist/esm/Toolbar/ToolbarGroup.js.map +1 -0
- package/dist/esm/Toolbar/ToolbarSection.d.ts.map +1 -1
- package/dist/esm/Toolbar/ToolbarSection.js +45 -6
- package/dist/esm/Toolbar/ToolbarSection.js.map +1 -1
- package/dist/esm/Toolbar/ToolbarSlot.d.ts +13 -0
- package/dist/esm/Toolbar/ToolbarSlot.d.ts.map +1 -0
- package/dist/esm/Toolbar/ToolbarSlot.js +121 -0
- package/dist/esm/Toolbar/ToolbarSlot.js.map +1 -0
- package/dist/esm/Toolbar/index.d.ts +5 -0
- package/dist/esm/Toolbar/index.d.ts.map +1 -1
- package/dist/esm/Toolbar/index.js +2 -0
- package/dist/esm/Toolbar/index.js.map +1 -1
- package/dist/esm/tailwind-utilities.css +12 -0
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../Toolbar/index.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../Toolbar/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAAA;AACA;;;;;;;;;;;;;;"}
|
|
@@ -335,6 +335,9 @@
|
|
|
335
335
|
.block {
|
|
336
336
|
display: block;
|
|
337
337
|
}
|
|
338
|
+
.contents {
|
|
339
|
+
display: contents;
|
|
340
|
+
}
|
|
338
341
|
.flex {
|
|
339
342
|
display: flex;
|
|
340
343
|
}
|
|
@@ -371,6 +374,9 @@
|
|
|
371
374
|
.flex-1 {
|
|
372
375
|
flex: 1;
|
|
373
376
|
}
|
|
377
|
+
.flex-shrink-0 {
|
|
378
|
+
flex-shrink: 0;
|
|
379
|
+
}
|
|
374
380
|
.flex-grow {
|
|
375
381
|
flex-grow: 1;
|
|
376
382
|
}
|
|
@@ -409,6 +415,9 @@
|
|
|
409
415
|
.justify-center {
|
|
410
416
|
justify-content: center;
|
|
411
417
|
}
|
|
418
|
+
.justify-start {
|
|
419
|
+
justify-content: flex-start;
|
|
420
|
+
}
|
|
412
421
|
.gap-1 {
|
|
413
422
|
gap: calc(var(--spacing) * 1);
|
|
414
423
|
}
|
|
@@ -424,6 +433,9 @@
|
|
|
424
433
|
.gap-6 {
|
|
425
434
|
gap: calc(var(--spacing) * 6);
|
|
426
435
|
}
|
|
436
|
+
.gap-8 {
|
|
437
|
+
gap: calc(var(--spacing) * 8);
|
|
438
|
+
}
|
|
427
439
|
.space-y-2 {
|
|
428
440
|
:where(& > :not(:last-child)) {
|
|
429
441
|
--tw-space-y-reverse: 0;
|
|
@@ -60,9 +60,10 @@
|
|
|
60
60
|
/*
|
|
61
61
|
* The section is a fixed-size container that transitions smoothly between
|
|
62
62
|
* the dimensions required by each context.
|
|
63
|
-
*
|
|
63
|
+
* Overflow stays visible in the settled state so absolutely-positioned
|
|
64
64
|
* children (e.g. fan-out panels) can extend beyond the section's bounds.
|
|
65
|
-
*
|
|
65
|
+
* During a context resize transition, a temporary modifier clips incoming
|
|
66
|
+
* content so buttons do not float outside the current toolbar bounds.
|
|
66
67
|
*/
|
|
67
68
|
.toolbar-section {
|
|
68
69
|
position: relative;
|
|
@@ -71,6 +72,10 @@
|
|
|
71
72
|
height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
72
73
|
}
|
|
73
74
|
|
|
75
|
+
.toolbar-section--transitioning {
|
|
76
|
+
overflow: hidden;
|
|
77
|
+
}
|
|
78
|
+
|
|
74
79
|
/*
|
|
75
80
|
* Every context is absolutely stacked at the top-left of the section.
|
|
76
81
|
* Only the active one is visible; the others fade out and lose pointer events.
|
|
@@ -212,3 +217,101 @@
|
|
|
212
217
|
opacity: 1;
|
|
213
218
|
pointer-events: auto;
|
|
214
219
|
}
|
|
220
|
+
|
|
221
|
+
/* List-mode folder panel — vertical stack instead of a grid */
|
|
222
|
+
.toolbar-folder-panel--list {
|
|
223
|
+
display: flex;
|
|
224
|
+
flex-direction: column;
|
|
225
|
+
min-width: 10rem;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
/* ── Toolbar button — list mode ──────────────────────────────────────────── */
|
|
229
|
+
|
|
230
|
+
/*
|
|
231
|
+
* Inside a list-mode folder the button fills the available width and renders
|
|
232
|
+
* its icon and title label side by side, left-aligned.
|
|
233
|
+
*/
|
|
234
|
+
.toolbar-button--list {
|
|
235
|
+
width: 100%;
|
|
236
|
+
justify-content: flex-start;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.toolbar-button__label {
|
|
240
|
+
font-size: 0.875rem;
|
|
241
|
+
font-weight: 500;
|
|
242
|
+
color: inherit;
|
|
243
|
+
white-space: nowrap;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
/* ── Toolbar group ───────────────────────────────────────────────────────── */
|
|
247
|
+
|
|
248
|
+
/*
|
|
249
|
+
* When a Toolbar contains ToolbarGroup children it becomes a transparent
|
|
250
|
+
* layout wrapper — each group renders as its own pill.
|
|
251
|
+
*/
|
|
252
|
+
.toolbar:has(.toolbar-group) {
|
|
253
|
+
background: transparent;
|
|
254
|
+
border: none;
|
|
255
|
+
box-shadow: none;
|
|
256
|
+
padding: 0;
|
|
257
|
+
gap: 0.5rem;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
/*
|
|
261
|
+
* Each ToolbarGroup is a self-contained pill that matches the visual style
|
|
262
|
+
* of a standalone Toolbar.
|
|
263
|
+
*/
|
|
264
|
+
.toolbar-group {
|
|
265
|
+
background: var(--surface-card);
|
|
266
|
+
border: 1px solid var(--surface-border);
|
|
267
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
/* ── Toolbar slot transition (ToolbarGroup slot content) ─────────────────── */
|
|
272
|
+
|
|
273
|
+
/*
|
|
274
|
+
* Size-morphing container for slot content inside a ToolbarGroup.
|
|
275
|
+
* Mirrors the .toolbar-section transition parameters for visual consistency —
|
|
276
|
+
* the container resizes smoothly while content cross-fades.
|
|
277
|
+
*/
|
|
278
|
+
.toolbar-slot-section {
|
|
279
|
+
position: relative;
|
|
280
|
+
overflow: hidden;
|
|
281
|
+
transition:
|
|
282
|
+
width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
|
|
283
|
+
height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
@keyframes toolbar-slot-fade-in {
|
|
287
|
+
from { opacity: 0; }
|
|
288
|
+
to { opacity: 1; }
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
@keyframes toolbar-slot-fade-out {
|
|
292
|
+
from { opacity: 1; }
|
|
293
|
+
to { opacity: 0; }
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
/*
|
|
297
|
+
* Incoming slot content — fades in on mount.
|
|
298
|
+
* Duration matches the toolbar-context opacity transition (0.2s ease).
|
|
299
|
+
*/
|
|
300
|
+
.toolbar-slot-incoming {
|
|
301
|
+
position: absolute;
|
|
302
|
+
top: 0;
|
|
303
|
+
left: 0;
|
|
304
|
+
animation: toolbar-slot-fade-in 0.2s ease forwards;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
/*
|
|
308
|
+
* Outgoing slot content — fades out, then React unmounts it after
|
|
309
|
+
* the animation completes.
|
|
310
|
+
*/
|
|
311
|
+
.toolbar-slot-outgoing {
|
|
312
|
+
position: absolute;
|
|
313
|
+
top: 0;
|
|
314
|
+
left: 0;
|
|
315
|
+
animation: toolbar-slot-fade-out 0.2s ease forwards;
|
|
316
|
+
pointer-events: none;
|
|
317
|
+
}
|
|
@@ -5,7 +5,6 @@ export default meta;
|
|
|
5
5
|
type Story = StoryObj<typeof Toolbar>;
|
|
6
6
|
export declare const WithReactNodeIcons: Story;
|
|
7
7
|
export declare const Default: Story;
|
|
8
|
-
export declare const MultipleGroups: Story;
|
|
9
8
|
export declare const WithActiveButton: Story;
|
|
10
9
|
export declare const WithContexts: Story;
|
|
11
10
|
export declare const WithSeparators: Story;
|
|
@@ -15,4 +14,10 @@ export declare const WithFolderOneButton: Story;
|
|
|
15
14
|
export declare const WithFolderFourButtons: Story;
|
|
16
15
|
export declare const WithFolderTwentyButtons: Story;
|
|
17
16
|
export declare const DragAndDrop: Story;
|
|
17
|
+
export declare const WithGroups: Story;
|
|
18
|
+
export declare const WithFolderListMode: Story;
|
|
19
|
+
export declare const FolderGridVsList: Story;
|
|
20
|
+
export declare const WithSlotInGroup: Story;
|
|
21
|
+
export declare const WithSlotInContext: Story;
|
|
22
|
+
export declare const WithMultipleSlotContributors: Story;
|
|
18
23
|
//# sourceMappingURL=Toolbar.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAUpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAM9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAgCtC,eAAO,MAAM,kBAAkB,EAAE,KAyChC,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAC;AASF,eAAO,MAAM,YAAY,EAAE,KAoD1B,CAAC;AASF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAMF,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAQF,eAAO,MAAM,UAAU,EAAE,KA+CxB,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAYnC,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAC;AAWF,eAAO,MAAM,WAAW,EAAE,KAgDzB,CAAC;AAWF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAWF,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC;AAKF,eAAO,MAAM,gBAAgB,EAAE,KA+B9B,CAAC;AAeF,eAAO,MAAM,eAAe,EAAE,KA+D7B,CAAC;AAUF,eAAO,MAAM,iBAAiB,EAAE,KA6E/B,CAAC;AAMF,eAAO,MAAM,4BAA4B,EAAE,KAsC1C,CAAC"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo, useState } from 'react';
|
|
3
3
|
import { Toolbar } from './Toolbar';
|
|
4
4
|
import { ToolbarButton } from './ToolbarButton';
|
|
5
5
|
import { ToolbarContext } from './ToolbarContext';
|
|
6
6
|
import { ToolbarFanOutItem } from './ToolbarFanOutItem';
|
|
7
7
|
import { ToolbarFolder } from './ToolbarFolder';
|
|
8
|
+
import { ToolbarGroup } from './ToolbarGroup';
|
|
8
9
|
import { ToolbarSection } from './ToolbarSection';
|
|
9
10
|
import { ToolbarSeparator } from './ToolbarSeparator';
|
|
11
|
+
import { ToolbarSlot, ToolbarSlotProvider } from './ToolbarSlot';
|
|
10
12
|
const meta = {
|
|
11
13
|
title: 'Components/Toolbar',
|
|
12
14
|
component: Toolbar,
|
|
@@ -44,20 +46,17 @@ export const WithReactNodeIcons = {
|
|
|
44
46
|
const StarIcon = () => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '20', height: '20', fill: 'currentColor', "aria-hidden": 'true', children: _jsx("path", { d: 'M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' }) }));
|
|
45
47
|
const TriangleIcon = () => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '20', height: '20', fill: 'currentColor', "aria-hidden": 'true', children: _jsx("path", { d: 'M12 2L2 22h20L12 2z' }) }));
|
|
46
48
|
const PentagonIcon = () => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '20', height: '20', fill: 'currentColor', "aria-hidden": 'true', children: _jsx("path", { d: 'M12 2l9.5 6.9-3.6 11.1H6.1L2.5 8.9 12 2z' }) }));
|
|
47
|
-
return (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: _jsx(CircleIcon, {}),
|
|
49
|
+
return (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: _jsx(CircleIcon, {}), title: 'Circle' }), _jsx(ToolbarButton, { icon: _jsx(SquareIcon, {}), title: 'Rectangle' }), _jsxs(ToolbarFanOutItem, { icon: _jsx(StarIcon, {}), tooltip: 'More shapes', children: [_jsx(ToolbarButton, { icon: _jsx(TriangleIcon, {}), title: 'Triangle' }), _jsx(ToolbarButton, { icon: _jsx(PentagonIcon, {}), title: 'Pentagon' })] }), _jsx(ToolbarButton, { icon: 'pi pi-undo', title: 'Undo' })] }));
|
|
48
50
|
},
|
|
49
51
|
};
|
|
50
52
|
export const Default = {
|
|
51
|
-
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left',
|
|
52
|
-
};
|
|
53
|
-
export const MultipleGroups = {
|
|
54
|
-
render: () => (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', tooltip: 'Select' }), _jsx(ToolbarButton, { icon: 'pi pi-clone', tooltip: 'Layers' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', tooltip: 'Shapes' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', tooltip: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-file', tooltip: 'Sticky note' })] }), _jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-undo', tooltip: 'Undo' }), _jsx(ToolbarButton, { icon: 'pi pi-refresh', tooltip: 'Redo' })] })] })),
|
|
53
|
+
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select' }), _jsx(ToolbarButton, { icon: 'pi pi-clone', title: 'Layers' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Shapes' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-file', title: 'Sticky note' })] })),
|
|
55
54
|
};
|
|
56
55
|
export const WithActiveButton = {
|
|
57
56
|
render: () => {
|
|
58
57
|
const ActiveDemo = () => {
|
|
59
58
|
const [active, setActive] = useState('select');
|
|
60
|
-
return (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left',
|
|
59
|
+
return (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select', active: active === 'select', onClick: () => setActive('select') }), _jsx(ToolbarButton, { icon: 'pi pi-clone', title: 'Layers', active: active === 'layers', onClick: () => setActive('layers') }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle', active: active === 'rectangle', onClick: () => setActive('rectangle') }), _jsx(ToolbarButton, { icon: 'pi pi-file', title: 'Sticky note', active: active === 'sticky', onClick: () => setActive('sticky') })] }));
|
|
61
60
|
};
|
|
62
61
|
return _jsx(ActiveDemo, {});
|
|
63
62
|
},
|
|
@@ -66,7 +65,7 @@ export const WithContexts = {
|
|
|
66
65
|
render: () => {
|
|
67
66
|
const WithContextsDemo = () => {
|
|
68
67
|
const [currentContext, setCurrentContext] = useState('drawing');
|
|
69
|
-
return (_jsxs("div", { className: 'flex flex-col items-center gap-6', children: [_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left',
|
|
68
|
+
return (_jsxs("div", { className: 'flex flex-col items-center gap-6', children: [_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select' }), _jsxs(ToolbarSection, { activeContext: currentContext, children: [_jsxs(ToolbarContext, { name: 'drawing', children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Circle' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Line' })] }), _jsxs(ToolbarContext, { name: 'text', children: [_jsx(ToolbarButton, { icon: 'pi pi-align-center', title: 'Align Center' }), _jsx(ToolbarButton, { icon: 'pi pi-align-left', title: 'Align Left' })] })] }), _jsx(ToolbarButton, { icon: 'pi pi-undo', title: 'Undo' })] }), _jsxs("div", { className: 'flex gap-2', children: [_jsx("button", { type: 'button', onClick: () => setCurrentContext('drawing'), className: `px-3 py-1 rounded text-sm transition-colors ${currentContext === 'drawing'
|
|
70
69
|
? 'bg-blue-600 text-white'
|
|
71
70
|
: 'bg-gray-600 text-gray-200 hover:bg-gray-500'}`, children: "Drawing tools" }), _jsx("button", { type: 'button', onClick: () => setCurrentContext('text'), className: `px-3 py-1 rounded text-sm transition-colors ${currentContext === 'text'
|
|
72
71
|
? 'bg-blue-600 text-white'
|
|
@@ -76,7 +75,7 @@ export const WithContexts = {
|
|
|
76
75
|
},
|
|
77
76
|
};
|
|
78
77
|
export const WithSeparators = {
|
|
79
|
-
render: () => (_jsxs(Toolbar, { orientation: 'horizontal', children: [_jsx(ToolbarButton, { icon: 'pi pi-th-large',
|
|
78
|
+
render: () => (_jsxs(Toolbar, { orientation: 'horizontal', children: [_jsx(ToolbarButton, { icon: 'pi pi-th-large', title: 'Overview', tooltipPosition: 'bottom' }), _jsx(ToolbarSeparator, { orientation: 'horizontal' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Zoom out', tooltipPosition: 'bottom' }), _jsx(ToolbarButton, { icon: 'pi pi-plus', title: 'Zoom in', tooltipPosition: 'bottom' }), _jsx(ToolbarSeparator, { orientation: 'horizontal' }), _jsx(ToolbarButton, { icon: 'pi pi-question-circle', title: 'Help', tooltipPosition: 'bottom' })] })),
|
|
80
79
|
};
|
|
81
80
|
export const ZoomBar = {
|
|
82
81
|
render: () => {
|
|
@@ -85,7 +84,7 @@ export const ZoomBar = {
|
|
|
85
84
|
const zoomOut = () => setZoom(current => Math.max(50, current - 10));
|
|
86
85
|
const zoomIn = () => setZoom(current => Math.min(300, current + 10));
|
|
87
86
|
const resetZoom = () => setZoom(100);
|
|
88
|
-
return (_jsxs(Toolbar, { orientation: 'horizontal', children: [_jsx(ToolbarButton, { icon: 'pi pi-th-large',
|
|
87
|
+
return (_jsxs(Toolbar, { orientation: 'horizontal', children: [_jsx(ToolbarButton, { icon: 'pi pi-th-large', title: 'Overview', tooltipPosition: 'bottom' }), _jsx(ToolbarSeparator, { orientation: 'horizontal' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Zoom out', tooltipPosition: 'bottom', onClick: zoomOut }), _jsx(ToolbarButton, { text: `${zoom}%`, title: 'Reset zoom', tooltipPosition: 'bottom', onClick: resetZoom }), _jsx(ToolbarButton, { icon: 'pi pi-plus', title: 'Zoom in', tooltipPosition: 'bottom', onClick: zoomIn }), _jsx(ToolbarSeparator, { orientation: 'horizontal' }), _jsx(ToolbarButton, { icon: 'pi pi-question-circle', title: 'Help', tooltipPosition: 'bottom' })] }));
|
|
89
88
|
};
|
|
90
89
|
return _jsx(ZoomBarDemo, {});
|
|
91
90
|
},
|
|
@@ -94,26 +93,26 @@ export const WithFanOut = {
|
|
|
94
93
|
render: () => {
|
|
95
94
|
const WithFanOutDemo = () => {
|
|
96
95
|
const [activeTool, setActiveTool] = useState('select');
|
|
97
|
-
return (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left',
|
|
96
|
+
return (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select', active: activeTool === 'select', onClick: () => setActiveTool('select') }), _jsxs(ToolbarFanOutItem, { icon: 'pi pi-th-large', tooltip: 'Shapes', children: [_jsx(ToolbarButton, { icon: 'pi pi-th-large', title: 'Shapes', onClick: () => setActiveTool('shapes') }), _jsx(ToolbarButton, { icon: 'pi pi-exclamation-circle', title: 'Info', onClick: () => setActiveTool('info') }), _jsx(ToolbarButton, { icon: 'pi pi-eye', title: 'Preview', onClick: () => setActiveTool('preview') }), _jsx(ToolbarButton, { icon: 'pi pi-cog', title: 'Settings', onClick: () => setActiveTool('settings') }), _jsx(ToolbarButton, { icon: 'pi pi-external-link', title: 'Open', onClick: () => setActiveTool('open') })] }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle', active: activeTool === 'rectangle', onClick: () => setActiveTool('rectangle') }), _jsx(ToolbarButton, { icon: 'pi pi-file', title: 'Sticky note', active: activeTool === 'sticky', onClick: () => setActiveTool('sticky') })] }), _jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-undo', title: 'Undo' }), _jsx(ToolbarButton, { icon: 'pi pi-refresh', title: 'Redo' })] })] }));
|
|
98
97
|
};
|
|
99
98
|
return _jsx(WithFanOutDemo, {});
|
|
100
99
|
},
|
|
101
100
|
};
|
|
102
101
|
export const WithFolderOneButton = {
|
|
103
|
-
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left',
|
|
102
|
+
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select' }), _jsx(ToolbarFolder, { icon: 'pi pi-th-large', title: 'Folder (1 item)', children: _jsx(ToolbarButton, { icon: folderIcons[0], title: 'Action 1' }) }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' })] })),
|
|
104
103
|
};
|
|
105
104
|
export const WithFolderFourButtons = {
|
|
106
|
-
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left',
|
|
105
|
+
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select' }), _jsx(ToolbarFolder, { icon: 'pi pi-th-large', title: 'Folder (4 items)', children: folderIcons.slice(0, 4).map((icon, index) => (_jsx(ToolbarButton, { icon: icon, title: `Action ${index + 1}` }, `folder-4-${index}`))) }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' })] })),
|
|
107
106
|
};
|
|
108
107
|
export const WithFolderTwentyButtons = {
|
|
109
|
-
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left',
|
|
108
|
+
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select' }), _jsx(ToolbarFolder, { icon: 'pi pi-th-large', title: 'Folder (20 items)', children: folderIcons.slice(0, 20).map((icon, index) => (_jsx(ToolbarButton, { icon: icon, title: `Action ${index + 1}` }, `folder-20-${index}`))) }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' })] })),
|
|
110
109
|
};
|
|
111
110
|
export const DragAndDrop = {
|
|
112
111
|
render: () => {
|
|
113
112
|
const DragAndDropDemo = () => {
|
|
114
113
|
const [dropped, setDropped] = useState(null);
|
|
115
114
|
const [isDragOver, setIsDragOver] = useState(false);
|
|
116
|
-
return (_jsxs("div", { className: 'flex gap-6 items-start', children: [_jsxs(Toolbar, { draggable: true, onItemDragStart: (data) => setDropped(`Dragging: ${data.tool}`), children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil',
|
|
115
|
+
return (_jsxs("div", { className: 'flex gap-6 items-start', children: [_jsxs(Toolbar, { draggable: true, onItemDragStart: (data) => setDropped(`Dragging: ${data.tool}`), children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Pencil', data: { tool: 'pencil' } }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle', data: { tool: 'rectangle' } }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Circle', data: { tool: 'circle' } }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Line', data: { tool: 'line' } })] }), _jsx("div", { onDragOver: (event) => { event.preventDefault?.(); setIsDragOver(true); }, onDragLeave: () => setIsDragOver(false), onDrop: (event) => {
|
|
117
116
|
event.preventDefault?.();
|
|
118
117
|
setIsDragOver(false);
|
|
119
118
|
const raw = event.dataTransfer.getData('application/json');
|
|
@@ -131,4 +130,58 @@ export const DragAndDrop = {
|
|
|
131
130
|
return _jsx(DragAndDropDemo, {});
|
|
132
131
|
},
|
|
133
132
|
};
|
|
133
|
+
export const WithGroups = {
|
|
134
|
+
render: () => (_jsxs(Toolbar, { children: [_jsxs(ToolbarGroup, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select' }), _jsx(ToolbarButton, { icon: 'pi pi-hand-paper', title: 'Pan' })] }), _jsxs(ToolbarGroup, { children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Circle' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Line' })] }), _jsxs(ToolbarGroup, { children: [_jsx(ToolbarButton, { icon: 'pi pi-undo', title: 'Undo' }), _jsx(ToolbarButton, { icon: 'pi pi-refresh', title: 'Redo' })] })] })),
|
|
135
|
+
};
|
|
136
|
+
export const WithFolderListMode = {
|
|
137
|
+
render: () => (_jsxs(Toolbar, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select' }), _jsxs(ToolbarFolder, { icon: 'pi pi-th-large', title: 'Tools', mode: 'list', children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw freehand' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Ellipse' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Straight line' })] }), _jsx(ToolbarButton, { icon: 'pi pi-undo', title: 'Undo' })] })),
|
|
138
|
+
};
|
|
139
|
+
export const FolderGridVsList = {
|
|
140
|
+
render: () => (_jsxs("div", { className: 'flex gap-8 items-start', children: [_jsxs("div", { className: 'flex flex-col items-center gap-2', children: [_jsx("span", { style: { color: 'var(--text-color-secondary)', fontSize: '0.75rem' }, children: "Grid (default)" }), _jsx(Toolbar, { children: _jsxs(ToolbarFolder, { icon: 'pi pi-th-large', title: 'Tools', mode: 'grid', children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Ellipse' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Line' }), _jsx(ToolbarButton, { icon: 'pi pi-cog', title: 'Settings' }), _jsx(ToolbarButton, { icon: 'pi pi-star', title: 'Favorite' })] }) })] }), _jsxs("div", { className: 'flex flex-col items-center gap-2', children: [_jsx("span", { style: { color: 'var(--text-color-secondary)', fontSize: '0.75rem' }, children: "List" }), _jsx(Toolbar, { children: _jsxs(ToolbarFolder, { icon: 'pi pi-list', title: 'Tools', mode: 'list', children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw freehand' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Ellipse' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Straight line' }), _jsx(ToolbarButton, { icon: 'pi pi-cog', title: 'Settings' }), _jsx(ToolbarButton, { icon: 'pi pi-star', title: 'Favorite' })] }) })] })] })),
|
|
141
|
+
};
|
|
142
|
+
export const WithSlotInGroup = {
|
|
143
|
+
render: () => {
|
|
144
|
+
const WithSlotInGroupDemo = () => {
|
|
145
|
+
const [mode, setMode] = useState('draw');
|
|
146
|
+
const drawTools = useMemo(() => (_jsxs(_Fragment, { children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Pencil' }), _jsx(ToolbarButton, { icon: 'pi pi-eraser', title: 'Eraser' }), _jsx(ToolbarButton, { icon: 'pi pi-palette', title: 'Color' }), _jsx(ToolbarButton, { icon: 'pi pi-bolt', title: 'Airbrush' }), _jsx(ToolbarButton, { icon: 'pi pi-image', title: 'Stamp' }), _jsx(ToolbarButton, { icon: 'pi pi-filter', title: 'Blur' }), _jsx(ToolbarButton, { icon: 'pi pi-sun', title: 'Dodge' }), _jsx(ToolbarButton, { icon: 'pi pi-moon', title: 'Burn' })] })), []);
|
|
147
|
+
const shapeTools = useMemo(() => (_jsxs(_Fragment, { children: [_jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' }), _jsx(ToolbarButton, { icon: 'pi pi-circle', title: 'Circle' }), _jsx(ToolbarButton, { icon: 'pi pi-minus', title: 'Line' }), _jsx(ToolbarButton, { icon: 'pi pi-sort-up', title: 'Triangle' }), _jsx(ToolbarButton, { icon: 'pi pi-star', title: 'Polygon' })] })), []);
|
|
148
|
+
const selectTools = useMemo(() => (_jsxs(_Fragment, { children: [_jsx(ToolbarButton, { icon: 'pi pi-arrows-alt', title: 'Move' }), _jsx(ToolbarButton, { icon: 'pi pi-clone', title: 'Duplicate' }), _jsx(ToolbarButton, { icon: 'pi pi-refresh', title: 'Rotate' }), _jsx(ToolbarButton, { icon: 'pi pi-expand', title: 'Scale' })] })), []);
|
|
149
|
+
return (_jsxs(ToolbarSlotProvider, { children: [mode === 'draw' && _jsx(ToolbarSlot, { slotName: 'tool-options', children: drawTools }), mode === 'shape' && _jsx(ToolbarSlot, { slotName: 'tool-options', children: shapeTools }), mode === 'select' && _jsx(ToolbarSlot, { slotName: 'tool-options', children: selectTools }), _jsxs(Toolbar, { children: [_jsxs(ToolbarGroup, { children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw mode', active: mode === 'draw', onClick: () => setMode('draw') }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Shape mode', active: mode === 'shape', onClick: () => setMode('shape') }), _jsx(ToolbarButton, { icon: 'pi pi-arrow-up-left', title: 'Select mode', active: mode === 'select', onClick: () => setMode('select') })] }), _jsx(ToolbarGroup, { slotName: 'tool-options' })] })] }));
|
|
150
|
+
};
|
|
151
|
+
return _jsx(WithSlotInGroupDemo, {});
|
|
152
|
+
},
|
|
153
|
+
};
|
|
154
|
+
export const WithSlotInContext = {
|
|
155
|
+
render: () => {
|
|
156
|
+
const WithSlotInContextDemo = () => {
|
|
157
|
+
const [currentContext, setCurrentContext] = useState('drawing');
|
|
158
|
+
const [slotContent, setSlotContent] = useState('favorite');
|
|
159
|
+
const favoriteBtn = useMemo(() => _jsx(ToolbarButton, { icon: 'pi pi-star', title: 'Favorite' }), []);
|
|
160
|
+
const bookmarkBtn = useMemo(() => _jsx(ToolbarButton, { icon: 'pi pi-bookmark', title: 'Bookmark' }), []);
|
|
161
|
+
return (_jsx(ToolbarSlotProvider, { children: _jsxs("div", { className: 'flex flex-col items-center gap-6', children: [_jsx(Toolbar, { children: _jsxs(ToolbarSection, { activeContext: currentContext, children: [_jsxs(ToolbarContext, { name: 'drawing', slotName: 'drawing-extras', children: [_jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw' }), _jsx(ToolbarButton, { icon: 'pi pi-stop', title: 'Rectangle' })] }), _jsxs(ToolbarContext, { name: 'text', children: [_jsx(ToolbarButton, { icon: 'pi pi-align-left', title: 'Align Left' }), _jsx(ToolbarButton, { icon: 'pi pi-align-center', title: 'Align Center' })] })] }) }), slotContent === 'favorite' && _jsx(ToolbarSlot, { slotName: 'drawing-extras', order: 5, children: favoriteBtn }), slotContent === 'bookmark' && _jsx(ToolbarSlot, { slotName: 'drawing-extras', order: 5, children: bookmarkBtn }), _jsxs("div", { className: 'flex flex-col gap-4 items-center', children: [_jsxs("div", { className: 'flex flex-col gap-2 items-center', children: [_jsx("span", { className: 'text-xs', style: { color: 'var(--text-color-secondary)' }, children: "Context" }), _jsx("div", { className: 'flex gap-2', children: ['drawing', 'text'].map(ctx => (_jsx("button", { type: 'button', onClick: () => setCurrentContext(ctx), className: `px-3 py-1 rounded text-sm transition-colors ${currentContext === ctx
|
|
162
|
+
? 'bg-blue-600 text-white'
|
|
163
|
+
: 'bg-gray-600 text-gray-200 hover:bg-gray-500'}`, children: ctx }, ctx))) })] }), _jsxs("div", { className: 'flex flex-col gap-2 items-center', children: [_jsx("span", { className: 'text-xs', style: { color: 'var(--text-color-secondary)' }, children: "Slot content (drawing-extras)" }), _jsx("div", { className: 'flex gap-2', children: ['none', 'favorite', 'bookmark'].map(s => (_jsx("button", { type: 'button', onClick: () => setSlotContent(s), className: `px-3 py-1 rounded text-sm transition-colors ${slotContent === s
|
|
164
|
+
? 'bg-blue-600 text-white'
|
|
165
|
+
: 'bg-gray-600 text-gray-200 hover:bg-gray-500'}`, children: s === 'none' ? 'None' : s === 'favorite' ? 'Favorite ★' : 'Bookmark 🔖' }, s))) })] })] })] }) }));
|
|
166
|
+
};
|
|
167
|
+
return _jsx(WithSlotInContextDemo, {});
|
|
168
|
+
},
|
|
169
|
+
};
|
|
170
|
+
export const WithMultipleSlotContributors = {
|
|
171
|
+
render: () => {
|
|
172
|
+
const ButtonA = () => {
|
|
173
|
+
const btn = useMemo(() => _jsx(ToolbarButton, { icon: 'pi pi-star', title: 'Slot A (order 10)' }), []);
|
|
174
|
+
return _jsx(ToolbarSlot, { slotName: 'shared', order: 10, children: btn });
|
|
175
|
+
};
|
|
176
|
+
const ButtonB = () => {
|
|
177
|
+
const btn = useMemo(() => _jsx(ToolbarButton, { icon: 'pi pi-heart', title: 'Slot B (order 5)' }), []);
|
|
178
|
+
return _jsx(ToolbarSlot, { slotName: 'shared', order: 5, children: btn });
|
|
179
|
+
};
|
|
180
|
+
const ButtonC = () => {
|
|
181
|
+
const btn = useMemo(() => _jsx(ToolbarButton, { icon: 'pi pi-bell', title: 'Slot C (order 20)' }), []);
|
|
182
|
+
return _jsx(ToolbarSlot, { slotName: 'shared', order: 20, children: btn });
|
|
183
|
+
};
|
|
184
|
+
return (_jsx(ToolbarSlotProvider, { children: _jsxs("div", { className: 'flex gap-6 items-start', children: [_jsx(Toolbar, { children: _jsx(ToolbarGroup, { slotName: 'shared', children: _jsx(ToolbarButton, { icon: 'pi pi-pencil', title: 'Draw (always first)' }) }) }), _jsxs("div", { className: 'flex flex-col gap-1 p-4 rounded-lg border text-sm', style: { borderColor: 'var(--surface-border)', background: 'var(--surface-ground)', color: 'var(--text-color-secondary)' }, children: [_jsx("strong", { style: { color: 'var(--text-color)' }, children: "Three independent contributors" }), _jsx("p", { children: "Rendered order: B (5) \u2192 A (10) \u2192 C (20)" }), _jsx(ButtonA, {}), _jsx(ButtonB, {}), _jsx(ButtonC, {})] })] }) }));
|
|
185
|
+
},
|
|
186
|
+
};
|
|
134
187
|
//# sourceMappingURL=Toolbar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.stories.js","sourceRoot":"","sources":["../../../Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Toolbar.stories.js","sourceRoot":"","sources":["../../../Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import type { TooltipPosition } from '../Common/Tooltip';
|
|
|
3
3
|
export interface ToolbarButtonProps {
|
|
4
4
|
icon?: Icon;
|
|
5
5
|
text?: string;
|
|
6
|
-
|
|
6
|
+
title: string;
|
|
7
7
|
active?: boolean;
|
|
8
8
|
onClick?: () => void;
|
|
9
9
|
tooltipPosition?: TooltipPosition;
|
|
@@ -11,5 +11,5 @@ export interface ToolbarButtonProps {
|
|
|
11
11
|
data?: unknown;
|
|
12
12
|
onDragStart?: (data: unknown, event: React.DragEvent<HTMLButtonElement>) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare const ToolbarButton: ({ icon, text,
|
|
14
|
+
export declare const ToolbarButton: ({ icon, text, title, active, onClick, tooltipPosition, draggable, data, onDragStart }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
//# sourceMappingURL=ToolbarButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzD,MAAM,WAAW,kBAAkB;IAE/B,IAAI,CAAC,EAAE,IAAI,CAAC;IAGZ,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,CAAC;IAGd,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAGrB,eAAe,CAAC,EAAE,eAAe,CAAC;IAMlC,SAAS,CAAC,EAAE,OAAO,CAAC;IAOpB,IAAI,CAAC,EAAE,OAAO,CAAC;IAMf,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACpF;AAMD,eAAO,MAAM,aAAa,GAAI,uFAAyG,kBAAkB,4CAwDxJ,CAAC"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { IconDisplay } from '../Common/Icon.js';
|
|
3
3
|
import { Tooltip } from '../Common/Tooltip.js';
|
|
4
4
|
import { useToolbarDragContext } from './ToolbarDragContext.js';
|
|
5
|
+
import { useToolbarFolderMode } from './ToolbarFolderContext.js';
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* An icon button with a tooltip, intended to be placed inside a {@link Toolbar}.
|
|
8
9
|
* Uses the shared {@link Tooltip} component for consistent hover labels.
|
|
9
10
|
*/
|
|
10
|
-
const ToolbarButton = ({ icon, text,
|
|
11
|
+
const ToolbarButton = ({ icon, text, title, active = false, onClick, tooltipPosition = 'right', draggable, data, onDragStart }) => {
|
|
11
12
|
const dragContext = useToolbarDragContext();
|
|
13
|
+
const folderMode = useToolbarFolderMode();
|
|
14
|
+
const isListMode = folderMode === 'list';
|
|
12
15
|
const isDraggable = draggable ?? dragContext.draggable;
|
|
13
16
|
const handleDragStart = (event) => {
|
|
14
17
|
event.dataTransfer.setData('application/json', JSON.stringify(data ?? null));
|
|
@@ -20,13 +23,17 @@ const ToolbarButton = ({ icon, text, tooltip, active = false, onClick, tooltipPo
|
|
|
20
23
|
const draggableClass = isDraggable ? 'toolbar-button--draggable' : '';
|
|
21
24
|
const hasText = typeof text === 'string' && text.length > 0;
|
|
22
25
|
const resolvedIcon = icon !== undefined && icon !== null && (typeof icon !== 'string' || icon.length > 0) ? icon : null;
|
|
26
|
+
// List mode: icon + title label rendered side by side (no floating tooltip needed).
|
|
27
|
+
if (isListMode) {
|
|
28
|
+
return (jsxs("button", { type: 'button', "aria-label": title, onClick: onClick, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: `toolbar-button toolbar-button--list h-10 px-3 w-full flex items-center justify-start gap-2 rounded-lg cursor-pointer ${activeClass} ${draggableClass}`, children: [resolvedIcon !== null && jsx(IconDisplay, { icon: resolvedIcon, className: 'text-lg flex-shrink-0' }), jsx("span", { className: 'toolbar-button__label', children: title })] }));
|
|
29
|
+
}
|
|
30
|
+
const buttonSizeClass = hasText ? 'h-10 px-3 min-w-[4rem]' : 'w-10 h-10';
|
|
23
31
|
const buttonContent = hasText
|
|
24
32
|
? jsx("span", { className: 'toolbar-button__text', children: text })
|
|
25
33
|
: resolvedIcon !== null
|
|
26
34
|
? jsx(IconDisplay, { icon: resolvedIcon, className: 'text-lg' })
|
|
27
35
|
: null;
|
|
28
|
-
|
|
29
|
-
return (jsx(Tooltip, { content: tooltip, position: tooltipPosition, children: jsx("button", { type: 'button', "aria-label": tooltip, onClick: onClick, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: `toolbar-button ${buttonSizeClass} flex items-center justify-center rounded-lg cursor-pointer ${activeClass} ${draggableClass}`, children: buttonContent }) }));
|
|
36
|
+
return (jsx(Tooltip, { content: title, position: tooltipPosition, children: jsx("button", { type: 'button', "aria-label": title, onClick: onClick, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: `toolbar-button ${buttonSizeClass} flex items-center justify-center rounded-lg cursor-pointer ${activeClass} ${draggableClass}`, children: buttonContent }) }));
|
|
30
37
|
};
|
|
31
38
|
|
|
32
39
|
export { ToolbarButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarButton.js","sources":["../../../Toolbar/ToolbarButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToolbarButton.js","sources":["../../../Toolbar/ToolbarButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAkDA;;;AAGG;AACI,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAsB,KAAI;AACzJ,IAAA,MAAM,WAAW,GAAG,qBAAqB,EAAE;AAC3C,IAAA,MAAM,UAAU,GAAG,oBAAoB,EAAE;AACzC,IAAA,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM;AACxC,IAAA,MAAM,WAAW,GAAG,SAAS,IAAI,WAAW,CAAC,SAAS;AAEtD,IAAA,MAAM,eAAe,GAAG,CAAC,KAAyC,KAAI;AAClE,QAAA,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAC5E,QAAA,KAAK,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM;AACzC,QAAA,WAAW,GAAG,IAAI,EAAE,KAAK,CAAC;QAC1B,WAAW,CAAC,eAAe,GAAG,IAAI,EAAE,KAAK,CAAC;AAC9C,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,EAAE;IAC1D,MAAM,cAAc,GAAG,WAAW,GAAG,2BAA2B,GAAG,EAAE;AACrE,IAAA,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;AAC3D,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI;;IAGvH,IAAI,UAAU,EAAE;AACZ,QAAA,QACIA,IAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,KAAK,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EACtD,SAAS,EAAE,CAAA,qHAAA,EAAwH,WAAW,CAAA,CAAA,EAAI,cAAc,CAAA,CAAE,EAAA,QAAA,EAAA,CAEjK,YAAY,KAAK,IAAI,IAAIC,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,uBAAuB,EAAA,CAAG,EAC/FA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACjD;IAEjB;IAEA,MAAM,eAAe,GAAG,OAAO,GAAG,wBAAwB,GAAG,WAAW;IACxE,MAAM,aAAa,GAAG;AAClB,UAAEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAE,IAAI,EAAA;UAC5C,YAAY,KAAK;cACbA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,SAAS,EAAA;cACpD,IAAI;IAEd,QACIA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAA,QAAA,EAC9CA,gBACI,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,KAAK,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EACtD,SAAS,EAAE,CAAA,eAAA,EAAkB,eAAe,CAAA,4DAAA,EAA+D,WAAW,CAAA,CAAA,EAAI,cAAc,CAAA,CAAE,EAAA,QAAA,EAEzI,aAAa,EAAA,CACT,EAAA,CACH;AAElB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,mBAAmB;IAEhC,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,mBAAmB;IAEhC,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,SAAS,CAAC;IAQpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAQD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContext.js","sources":["../../../Toolbar/ToolbarContext.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;
|
|
1
|
+
{"version":3,"file":"ToolbarContext.js","sources":["../../../Toolbar/ToolbarContext.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAoBA;;;;;AAKG;MACU,cAAc,GAA4B,MAAM;;;;"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import type { Icon } from '../Common/Icon';
|
|
3
3
|
import type { TooltipPosition } from '../Common/Tooltip';
|
|
4
|
+
import type { ToolbarFolderMode } from './ToolbarFolderContext';
|
|
4
5
|
export interface ToolbarFolderProps {
|
|
5
6
|
icon: Icon;
|
|
6
|
-
|
|
7
|
+
title: string;
|
|
7
8
|
tooltipPosition?: TooltipPosition;
|
|
8
9
|
folderDirection?: 'right' | 'left';
|
|
10
|
+
mode?: ToolbarFolderMode;
|
|
9
11
|
maxColumns?: number;
|
|
10
12
|
children: ReactNode;
|
|
11
13
|
}
|
|
12
|
-
export declare const ToolbarFolder: ({ icon,
|
|
14
|
+
export declare const ToolbarFolder: ({ icon, title, tooltipPosition, folderDirection, mode, maxColumns, children, }: ToolbarFolderProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
15
|
//# sourceMappingURL=ToolbarFolder.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarFolder.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarFolder.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,SAAS,EAAwC,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarFolder.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarFolder.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,SAAS,EAAwC,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,MAAM,WAAW,kBAAkB;IAE/B,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,MAAM,CAAC;IAGd,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAQnC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAGzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAWD,eAAO,MAAM,aAAa,GAAI,gFAQ3B,kBAAkB,4CAgEpB,CAAC"}
|