@zsviczian/excalidraw 0.15.2-obsidian-2 → 0.15.2-obsidian-4

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 (108) hide show
  1. package/dist/excalidraw.development.js +1022 -158
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/package.json +2 -2
  4. package/types/actions/actionAddToLibrary.d.ts +33 -18
  5. package/types/actions/actionBoundText.d.ts +22 -12
  6. package/types/actions/actionCanvas.d.ts +110 -60
  7. package/types/actions/actionClipboard.d.ts +55 -30
  8. package/types/actions/actionDeleteSelected.d.ts +33 -18
  9. package/types/actions/actionElementLock.d.ts +287 -0
  10. package/types/actions/actionExport.d.ts +100 -55
  11. package/types/actions/actionFinalize.d.ts +22 -12
  12. package/types/actions/actionFlip.d.ts +2 -4
  13. package/types/actions/actionHistory.d.ts +1 -1
  14. package/types/actions/actionLinearEditor.d.ts +11 -6
  15. package/types/actions/actionMenu.d.ts +33 -18
  16. package/types/actions/actionProperties.d.ts +145 -80
  17. package/types/actions/actionStyles.d.ts +11 -6
  18. package/types/actions/actionToggleGridMode.d.ts +11 -6
  19. package/types/actions/actionToggleStats.d.ts +11 -6
  20. package/types/actions/actionToggleViewMode.d.ts +11 -6
  21. package/types/actions/actionToggleZenMode.d.ts +11 -6
  22. package/types/actions/index.d.ts +1 -1
  23. package/types/actions/manager.d.ts +1 -1
  24. package/types/actions/shortcuts.d.ts +1 -1
  25. package/types/actions/types.d.ts +7 -7
  26. package/types/charts.d.ts +2 -2
  27. package/types/clients.d.ts +4 -1
  28. package/types/colors.d.ts +60 -5
  29. package/types/components/ActiveConfirmDialog.d.ts +1 -21
  30. package/types/components/App.d.ts +6 -2
  31. package/types/components/Avatar.d.ts +1 -1
  32. package/types/components/ColorPicker/ColorInput.d.ts +7 -0
  33. package/types/components/ColorPicker/ColorPicker.d.ts +19 -0
  34. package/types/components/ColorPicker/CustomColorList.d.ts +8 -0
  35. package/types/components/ColorPicker/HotkeyLabel.d.ts +8 -0
  36. package/types/components/ColorPicker/Picker.d.ts +18 -0
  37. package/types/components/ColorPicker/PickerColorList.d.ts +10 -0
  38. package/types/components/ColorPicker/PickerHeading.d.ts +5 -0
  39. package/types/components/ColorPicker/ShadeList.d.ts +8 -0
  40. package/types/components/ColorPicker/TopPicks.d.ts +9 -0
  41. package/types/components/ColorPicker/colorPickerUtils.d.ts +21 -0
  42. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +21 -0
  43. package/types/components/ContextMenu.d.ts +3 -3
  44. package/types/components/Dialog.d.ts +2 -4
  45. package/types/components/EyeDropper.d.ts +18 -0
  46. package/types/components/FilledButton.d.ts +16 -0
  47. package/types/components/FixedSideContainer.d.ts +1 -1
  48. package/types/components/HandButton.d.ts +1 -1
  49. package/types/components/HelpButton.d.ts +1 -1
  50. package/types/components/ImageExportDialog.d.ts +7 -12
  51. package/types/components/Island.d.ts +1 -1
  52. package/types/components/JSONExportDialog.d.ts +1 -1
  53. package/types/components/LayerUI.d.ts +3 -2
  54. package/types/components/LibraryMenu.d.ts +3 -23
  55. package/types/components/LibraryMenuControlButtons.d.ts +4 -4
  56. package/types/components/LibraryMenuHeaderContent.d.ts +3 -1
  57. package/types/components/LibraryMenuItems.d.ts +4 -5
  58. package/types/components/LibraryMenuSection.d.ts +22 -0
  59. package/types/components/LibraryUnit.d.ts +7 -3
  60. package/types/components/LockButton.d.ts +1 -1
  61. package/types/components/MobileMenu.d.ts +1 -1
  62. package/types/components/PenModeButton.d.ts +1 -1
  63. package/types/components/Popover.d.ts +1 -1
  64. package/types/components/ProjectName.d.ts +2 -1
  65. package/types/components/RadioGroup.d.ts +12 -0
  66. package/types/components/Sidebar/Sidebar.d.ts +1 -21
  67. package/types/components/Sidebar/common.d.ts +3 -3
  68. package/types/components/Spinner.d.ts +2 -1
  69. package/types/components/Stack.d.ts +4 -3
  70. package/types/components/Switch.d.ts +9 -0
  71. package/types/components/ToolButton.d.ts +3 -3
  72. package/types/components/Tooltip.d.ts +1 -1
  73. package/types/components/icons.d.ts +8 -1
  74. package/types/constants.d.ts +6 -0
  75. package/types/context/tunnels.d.ts +2 -2
  76. package/types/data/encode.d.ts +1 -1
  77. package/types/data/filesystem.d.ts +1 -1
  78. package/types/data/library.d.ts +3 -45
  79. package/types/data/restore.d.ts +2 -2
  80. package/types/data/types.d.ts +1 -1
  81. package/types/element/Hyperlink.d.ts +11 -6
  82. package/types/element/binding.d.ts +2 -2
  83. package/types/element/bounds.d.ts +1 -1
  84. package/types/element/linearElementEditor.d.ts +11 -6
  85. package/types/element/mutateElement.d.ts +1 -1
  86. package/types/element/newElement.d.ts +1 -1
  87. package/types/element/resizeElements.d.ts +1 -0
  88. package/types/element/transformHandles.d.ts +5 -5
  89. package/types/element/types.d.ts +35 -35
  90. package/types/errors.d.ts +1 -1
  91. package/types/ga.d.ts +5 -5
  92. package/types/hooks/useCreatePortalContainer.d.ts +5 -0
  93. package/types/hooks/useLibraryItemSvg.d.ts +11 -0
  94. package/types/hooks/useOutsideClick.d.ts +19 -1
  95. package/types/hooks/useScrollPosition.d.ts +2 -0
  96. package/types/hooks/useTransition.d.ts +2 -0
  97. package/types/i18n.d.ts +2 -2
  98. package/types/jotai.d.ts +16 -104
  99. package/types/keys.d.ts +1 -1
  100. package/types/packages/excalidraw/index.d.ts +1 -1
  101. package/types/packages/utils.d.ts +2 -2
  102. package/types/renderer/easingFunctions.d.ts +1 -1
  103. package/types/renderer/renderElement.d.ts +2 -2
  104. package/types/scene/Scene.d.ts +4 -4
  105. package/types/scene/types.d.ts +4 -4
  106. package/types/types.d.ts +46 -37
  107. package/types/utility-types.d.ts +13 -13
  108. package/types/utils.d.ts +3 -3
package/types/actions/actionDeleteSelected.d.ts CHANGED
@@ -69,7 +69,7 @@ export declare const actionDeleteSelected: {
69
69
  value: import("../types").NormalizedZoomValue;
70
70
  }>;
71
71
  openMenu: "canvas" | "shape" | null;
72
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
72
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
73
73
  openSidebar: {
74
74
  name: string;
75
75
  tab?: string | undefined;
@@ -117,11 +117,16 @@ export declare const actionDeleteSelected: {
117
117
  showHyperlinkPopup: false | "info" | "editor";
118
118
  linkOpacity: number;
119
119
  trayModeEnabled: boolean;
120
- colorPalette: {
121
- canvasBackground?: string[] | undefined;
122
- elementBackground?: string[] | undefined;
123
- elementStroke?: string[] | undefined;
124
- };
120
+ colorPalette?: {
121
+ canvasBackground: import("../colors").ColorPaletteCustom;
122
+ elementBackground: import("../colors").ColorPaletteCustom;
123
+ elementStroke: import("../colors").ColorPaletteCustom;
124
+ topPicks: {
125
+ canvasBackground: [string, string, string, string, string];
126
+ elementStroke: [string, string, string, string, string];
127
+ elementBackground: [string, string, string, string, string];
128
+ };
129
+ } | undefined;
125
130
  allowWheelZoom?: boolean | undefined;
126
131
  allowPinchZoom?: boolean | undefined;
127
132
  pinnedScripts?: string[] | undefined;
@@ -223,7 +228,7 @@ export declare const actionDeleteSelected: {
223
228
  value: import("../types").NormalizedZoomValue;
224
229
  }>;
225
230
  openMenu: "canvas" | "shape" | null;
226
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
231
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
227
232
  openSidebar: {
228
233
  name: string;
229
234
  tab?: string | undefined;
@@ -271,11 +276,16 @@ export declare const actionDeleteSelected: {
271
276
  showHyperlinkPopup: false | "info" | "editor";
272
277
  linkOpacity: number;
273
278
  trayModeEnabled: boolean;
274
- colorPalette: {
275
- canvasBackground?: string[] | undefined;
276
- elementBackground?: string[] | undefined;
277
- elementStroke?: string[] | undefined;
278
- };
279
+ colorPalette?: {
280
+ canvasBackground: import("../colors").ColorPaletteCustom;
281
+ elementBackground: import("../colors").ColorPaletteCustom;
282
+ elementStroke: import("../colors").ColorPaletteCustom;
283
+ topPicks: {
284
+ canvasBackground: [string, string, string, string, string];
285
+ elementStroke: [string, string, string, string, string];
286
+ elementBackground: [string, string, string, string, string];
287
+ };
288
+ } | undefined;
279
289
  allowWheelZoom?: boolean | undefined;
280
290
  allowPinchZoom?: boolean | undefined;
281
291
  pinnedScripts?: string[] | undefined;
@@ -350,7 +360,7 @@ export declare const actionDeleteSelected: {
350
360
  value: import("../types").NormalizedZoomValue;
351
361
  }>;
352
362
  openMenu: "canvas" | "shape" | null;
353
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
363
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
354
364
  openSidebar: {
355
365
  name: string;
356
366
  tab?: string | undefined;
@@ -395,11 +405,16 @@ export declare const actionDeleteSelected: {
395
405
  showHyperlinkPopup: false | "info" | "editor";
396
406
  linkOpacity: number;
397
407
  trayModeEnabled: boolean;
398
- colorPalette: {
399
- canvasBackground?: string[] | undefined;
400
- elementBackground?: string[] | undefined;
401
- elementStroke?: string[] | undefined;
402
- };
408
+ colorPalette?: {
409
+ canvasBackground: import("../colors").ColorPaletteCustom;
410
+ elementBackground: import("../colors").ColorPaletteCustom;
411
+ elementStroke: import("../colors").ColorPaletteCustom;
412
+ topPicks: {
413
+ canvasBackground: [string, string, string, string, string];
414
+ elementStroke: [string, string, string, string, string];
415
+ elementBackground: [string, string, string, string, string];
416
+ };
417
+ } | undefined;
403
418
  allowWheelZoom?: boolean | undefined;
404
419
  allowPinchZoom?: boolean | undefined;
405
420
  pinnedScripts?: string[] | undefined;
package/types/actions/actionElementLock.d.ts ADDED
@@ -0,0 +1,287 @@
1
+ /// <reference types="react" />
2
+ import { ExcalidrawElement } from "../element/types";
3
+ export declare const actionToggleElementLock: {
4
+ name: "toggleElementLock";
5
+ trackEvent: {
6
+ category: "element";
7
+ };
8
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
9
+ elements: ExcalidrawElement[];
10
+ appState: {
11
+ selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
12
+ contextMenu: {
13
+ items: import("../components/ContextMenu").ContextMenuItems;
14
+ top: number;
15
+ left: number;
16
+ } | null;
17
+ showWelcomeScreen: boolean;
18
+ isLoading: boolean;
19
+ errorMessage: import("react").ReactNode;
20
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
21
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
22
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
23
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
24
+ isBindingEnabled: boolean;
25
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
26
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
27
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
28
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
29
+ activeTool: {
30
+ lastActiveTool: import("../types").LastActiveTool;
31
+ locked: boolean;
32
+ } & ({
33
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
34
+ customType: null;
35
+ } | {
36
+ type: "custom";
37
+ customType: string;
38
+ });
39
+ penMode: boolean;
40
+ penDetected: boolean;
41
+ exportBackground: boolean;
42
+ exportEmbedScene: boolean;
43
+ exportWithDarkMode: boolean;
44
+ exportScale: number;
45
+ currentItemStrokeColor: string;
46
+ currentItemBackgroundColor: string;
47
+ currentItemFillStyle: import("../element/types").FillStyle;
48
+ currentItemStrokeWidth: number;
49
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
50
+ currentItemRoughness: number;
51
+ currentItemOpacity: number;
52
+ currentItemFontFamily: number;
53
+ currentItemFontSize: number;
54
+ currentItemTextAlign: string;
55
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
56
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
57
+ currentItemRoundness: import("../element/types").StrokeRoundness;
58
+ viewBackgroundColor: string;
59
+ scrollX: number;
60
+ scrollY: number;
61
+ cursorButton: "up" | "down";
62
+ scrolledOutside: boolean;
63
+ name: string;
64
+ isResizing: boolean;
65
+ isRotating: boolean;
66
+ zoom: Readonly<{
67
+ value: import("../types").NormalizedZoomValue;
68
+ }>;
69
+ openMenu: "canvas" | "shape" | null;
70
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
71
+ openSidebar: {
72
+ name: string;
73
+ tab?: string | undefined;
74
+ } | null;
75
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
76
+ defaultSidebarDockedPreference: boolean;
77
+ lastPointerDownWith: import("../element/types").PointerType;
78
+ selectedElementIds: {
79
+ [id: string]: boolean;
80
+ };
81
+ previousSelectedElementIds: {
82
+ [id: string]: boolean;
83
+ };
84
+ shouldCacheIgnoreZoom: boolean;
85
+ toast: {
86
+ message: string;
87
+ closable?: boolean | undefined;
88
+ duration?: number | undefined;
89
+ } | null;
90
+ zenModeEnabled: boolean;
91
+ theme: string;
92
+ gridSize: number | null;
93
+ previousGridSize: number | null;
94
+ viewModeEnabled: boolean;
95
+ selectedGroupIds: {
96
+ [groupId: string]: boolean;
97
+ };
98
+ editingGroupId: string | null;
99
+ width: number;
100
+ height: number;
101
+ offsetTop: number;
102
+ offsetLeft: number;
103
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
104
+ collaborators: Map<string, import("../types").Collaborator>;
105
+ showStats: boolean;
106
+ currentChartType: import("../element/types").ChartType;
107
+ pasteDialog: {
108
+ shown: false;
109
+ data: null;
110
+ } | {
111
+ shown: true;
112
+ data: import("../charts").Spreadsheet;
113
+ };
114
+ pendingImageElementId: string | null;
115
+ showHyperlinkPopup: false | "info" | "editor";
116
+ linkOpacity: number;
117
+ trayModeEnabled: boolean;
118
+ colorPalette?: {
119
+ canvasBackground: import("../colors").ColorPaletteCustom;
120
+ elementBackground: import("../colors").ColorPaletteCustom;
121
+ elementStroke: import("../colors").ColorPaletteCustom;
122
+ topPicks: {
123
+ canvasBackground: [string, string, string, string, string];
124
+ elementStroke: [string, string, string, string, string];
125
+ elementBackground: [string, string, string, string, string];
126
+ };
127
+ } | undefined;
128
+ allowWheelZoom?: boolean | undefined;
129
+ allowPinchZoom?: boolean | undefined;
130
+ pinnedScripts?: string[] | undefined;
131
+ customPens?: any[] | undefined;
132
+ currentStrokeOptions?: any;
133
+ resetCustomPen?: any;
134
+ gridColor: string;
135
+ dynamicStyle: string;
136
+ invertBindingBehaviour: boolean;
137
+ };
138
+ commitToHistory: true;
139
+ };
140
+ contextItemLabel: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.elementLock.unlock" | "labels.elementLock.lock" | "labels.elementLock.lockAll" | "labels.elementLock.unlockAll";
141
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[]) => boolean;
142
+ } & {
143
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[]) => boolean) | undefined;
144
+ };
145
+ export declare const actionUnlockAllElements: {
146
+ name: "unlockAllElements";
147
+ trackEvent: {
148
+ category: "canvas";
149
+ };
150
+ viewMode: false;
151
+ predicate: (elements: readonly ExcalidrawElement[]) => boolean;
152
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
153
+ elements: ExcalidrawElement[];
154
+ appState: {
155
+ selectedElementIds: {
156
+ [k: string]: true;
157
+ };
158
+ contextMenu: {
159
+ items: import("../components/ContextMenu").ContextMenuItems;
160
+ top: number;
161
+ left: number;
162
+ } | null;
163
+ showWelcomeScreen: boolean;
164
+ isLoading: boolean;
165
+ errorMessage: import("react").ReactNode;
166
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
167
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
168
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
169
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
170
+ isBindingEnabled: boolean;
171
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
172
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
173
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
174
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
175
+ activeTool: {
176
+ lastActiveTool: import("../types").LastActiveTool;
177
+ locked: boolean;
178
+ } & ({
179
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
180
+ customType: null;
181
+ } | {
182
+ type: "custom";
183
+ customType: string;
184
+ });
185
+ penMode: boolean;
186
+ penDetected: boolean;
187
+ exportBackground: boolean;
188
+ exportEmbedScene: boolean;
189
+ exportWithDarkMode: boolean;
190
+ exportScale: number;
191
+ currentItemStrokeColor: string;
192
+ currentItemBackgroundColor: string;
193
+ currentItemFillStyle: import("../element/types").FillStyle;
194
+ currentItemStrokeWidth: number;
195
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
196
+ currentItemRoughness: number;
197
+ currentItemOpacity: number;
198
+ currentItemFontFamily: number;
199
+ currentItemFontSize: number;
200
+ currentItemTextAlign: string;
201
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
202
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
203
+ currentItemRoundness: import("../element/types").StrokeRoundness;
204
+ viewBackgroundColor: string;
205
+ scrollX: number;
206
+ scrollY: number;
207
+ cursorButton: "up" | "down";
208
+ scrolledOutside: boolean;
209
+ name: string;
210
+ isResizing: boolean;
211
+ isRotating: boolean;
212
+ zoom: Readonly<{
213
+ value: import("../types").NormalizedZoomValue;
214
+ }>;
215
+ openMenu: "canvas" | "shape" | null;
216
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
217
+ openSidebar: {
218
+ name: string;
219
+ tab?: string | undefined;
220
+ } | null;
221
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
222
+ defaultSidebarDockedPreference: boolean;
223
+ lastPointerDownWith: import("../element/types").PointerType;
224
+ previousSelectedElementIds: {
225
+ [id: string]: boolean;
226
+ };
227
+ shouldCacheIgnoreZoom: boolean;
228
+ toast: {
229
+ message: string;
230
+ closable?: boolean | undefined;
231
+ duration?: number | undefined;
232
+ } | null;
233
+ zenModeEnabled: boolean;
234
+ theme: string;
235
+ gridSize: number | null;
236
+ previousGridSize: number | null;
237
+ viewModeEnabled: boolean;
238
+ selectedGroupIds: {
239
+ [groupId: string]: boolean;
240
+ };
241
+ editingGroupId: string | null;
242
+ width: number;
243
+ height: number;
244
+ offsetTop: number;
245
+ offsetLeft: number;
246
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
247
+ collaborators: Map<string, import("../types").Collaborator>;
248
+ showStats: boolean;
249
+ currentChartType: import("../element/types").ChartType;
250
+ pasteDialog: {
251
+ shown: false;
252
+ data: null;
253
+ } | {
254
+ shown: true;
255
+ data: import("../charts").Spreadsheet;
256
+ };
257
+ pendingImageElementId: string | null;
258
+ showHyperlinkPopup: false | "info" | "editor";
259
+ linkOpacity: number;
260
+ trayModeEnabled: boolean;
261
+ colorPalette?: {
262
+ canvasBackground: import("../colors").ColorPaletteCustom;
263
+ elementBackground: import("../colors").ColorPaletteCustom;
264
+ elementStroke: import("../colors").ColorPaletteCustom;
265
+ topPicks: {
266
+ canvasBackground: [string, string, string, string, string];
267
+ elementStroke: [string, string, string, string, string];
268
+ elementBackground: [string, string, string, string, string];
269
+ };
270
+ } | undefined;
271
+ allowWheelZoom?: boolean | undefined;
272
+ allowPinchZoom?: boolean | undefined;
273
+ pinnedScripts?: string[] | undefined;
274
+ customPens?: any[] | undefined;
275
+ currentStrokeOptions?: any;
276
+ resetCustomPen?: any;
277
+ gridColor: string;
278
+ dynamicStyle: string;
279
+ invertBindingBehaviour: boolean;
280
+ selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
281
+ };
282
+ commitToHistory: true;
283
+ };
284
+ contextItemLabel: string;
285
+ } & {
286
+ keyTest?: undefined;
287
+ };
package/types/actions/actionExport.d.ts CHANGED
@@ -63,7 +63,7 @@ export declare const actionChangeProjectName: {
63
63
  value: import("../types").NormalizedZoomValue;
64
64
  }>;
65
65
  openMenu: "canvas" | "shape" | null;
66
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
66
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
67
67
  openSidebar: {
68
68
  name: string;
69
69
  tab?: string | undefined;
@@ -111,11 +111,16 @@ export declare const actionChangeProjectName: {
111
111
  showHyperlinkPopup: false | "info" | "editor";
112
112
  linkOpacity: number;
113
113
  trayModeEnabled: boolean;
114
- colorPalette: {
115
- canvasBackground?: string[] | undefined;
116
- elementBackground?: string[] | undefined;
117
- elementStroke?: string[] | undefined;
118
- };
114
+ colorPalette?: {
115
+ canvasBackground: import("../colors").ColorPaletteCustom;
116
+ elementBackground: import("../colors").ColorPaletteCustom;
117
+ elementStroke: import("../colors").ColorPaletteCustom;
118
+ topPicks: {
119
+ canvasBackground: [string, string, string, string, string];
120
+ elementStroke: [string, string, string, string, string];
121
+ elementBackground: [string, string, string, string, string];
122
+ };
123
+ } | undefined;
119
124
  allowWheelZoom?: boolean | undefined;
120
125
  allowPinchZoom?: boolean | undefined;
121
126
  pinnedScripts?: string[] | undefined;
@@ -129,7 +134,7 @@ export declare const actionChangeProjectName: {
129
134
  };
130
135
  commitToHistory: false;
131
136
  };
132
- PanelComponent: ({ appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
137
+ PanelComponent: ({ appState, updateData, appProps, data }: import("./types").PanelComponentProps) => JSX.Element;
133
138
  } & {
134
139
  keyTest?: undefined;
135
140
  };
@@ -199,7 +204,7 @@ export declare const actionChangeExportScale: {
199
204
  value: import("../types").NormalizedZoomValue;
200
205
  }>;
201
206
  openMenu: "canvas" | "shape" | null;
202
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
207
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
203
208
  openSidebar: {
204
209
  name: string;
205
210
  tab?: string | undefined;
@@ -247,11 +252,16 @@ export declare const actionChangeExportScale: {
247
252
  showHyperlinkPopup: false | "info" | "editor";
248
253
  linkOpacity: number;
249
254
  trayModeEnabled: boolean;
250
- colorPalette: {
251
- canvasBackground?: string[] | undefined;
252
- elementBackground?: string[] | undefined;
253
- elementStroke?: string[] | undefined;
254
- };
255
+ colorPalette?: {
256
+ canvasBackground: import("../colors").ColorPaletteCustom;
257
+ elementBackground: import("../colors").ColorPaletteCustom;
258
+ elementStroke: import("../colors").ColorPaletteCustom;
259
+ topPicks: {
260
+ canvasBackground: [string, string, string, string, string];
261
+ elementStroke: [string, string, string, string, string];
262
+ elementBackground: [string, string, string, string, string];
263
+ };
264
+ } | undefined;
255
265
  allowWheelZoom?: boolean | undefined;
256
266
  allowPinchZoom?: boolean | undefined;
257
267
  pinnedScripts?: string[] | undefined;
@@ -335,7 +345,7 @@ export declare const actionChangeExportBackground: {
335
345
  value: import("../types").NormalizedZoomValue;
336
346
  }>;
337
347
  openMenu: "canvas" | "shape" | null;
338
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
348
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
339
349
  openSidebar: {
340
350
  name: string;
341
351
  tab?: string | undefined;
@@ -383,11 +393,16 @@ export declare const actionChangeExportBackground: {
383
393
  showHyperlinkPopup: false | "info" | "editor";
384
394
  linkOpacity: number;
385
395
  trayModeEnabled: boolean;
386
- colorPalette: {
387
- canvasBackground?: string[] | undefined;
388
- elementBackground?: string[] | undefined;
389
- elementStroke?: string[] | undefined;
390
- };
396
+ colorPalette?: {
397
+ canvasBackground: import("../colors").ColorPaletteCustom;
398
+ elementBackground: import("../colors").ColorPaletteCustom;
399
+ elementStroke: import("../colors").ColorPaletteCustom;
400
+ topPicks: {
401
+ canvasBackground: [string, string, string, string, string];
402
+ elementStroke: [string, string, string, string, string];
403
+ elementBackground: [string, string, string, string, string];
404
+ };
405
+ } | undefined;
391
406
  allowWheelZoom?: boolean | undefined;
392
407
  allowPinchZoom?: boolean | undefined;
393
408
  pinnedScripts?: string[] | undefined;
@@ -471,7 +486,7 @@ export declare const actionChangeExportEmbedScene: {
471
486
  value: import("../types").NormalizedZoomValue;
472
487
  }>;
473
488
  openMenu: "canvas" | "shape" | null;
474
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
489
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
475
490
  openSidebar: {
476
491
  name: string;
477
492
  tab?: string | undefined;
@@ -519,11 +534,16 @@ export declare const actionChangeExportEmbedScene: {
519
534
  showHyperlinkPopup: false | "info" | "editor";
520
535
  linkOpacity: number;
521
536
  trayModeEnabled: boolean;
522
- colorPalette: {
523
- canvasBackground?: string[] | undefined;
524
- elementBackground?: string[] | undefined;
525
- elementStroke?: string[] | undefined;
526
- };
537
+ colorPalette?: {
538
+ canvasBackground: import("../colors").ColorPaletteCustom;
539
+ elementBackground: import("../colors").ColorPaletteCustom;
540
+ elementStroke: import("../colors").ColorPaletteCustom;
541
+ topPicks: {
542
+ canvasBackground: [string, string, string, string, string];
543
+ elementStroke: [string, string, string, string, string];
544
+ elementBackground: [string, string, string, string, string];
545
+ };
546
+ } | undefined;
527
547
  allowWheelZoom?: boolean | undefined;
528
548
  allowPinchZoom?: boolean | undefined;
529
549
  pinnedScripts?: string[] | undefined;
@@ -612,7 +632,7 @@ export declare const actionSaveToActiveFile: {
612
632
  value: import("../types").NormalizedZoomValue;
613
633
  }>;
614
634
  openMenu: "canvas" | "shape" | null;
615
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
635
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
616
636
  openSidebar: {
617
637
  name: string;
618
638
  tab?: string | undefined;
@@ -654,11 +674,16 @@ export declare const actionSaveToActiveFile: {
654
674
  showHyperlinkPopup: false | "info" | "editor";
655
675
  linkOpacity: number;
656
676
  trayModeEnabled: boolean;
657
- colorPalette: {
658
- canvasBackground?: string[] | undefined;
659
- elementBackground?: string[] | undefined;
660
- elementStroke?: string[] | undefined;
661
- };
677
+ colorPalette?: {
678
+ canvasBackground: import("../colors").ColorPaletteCustom;
679
+ elementBackground: import("../colors").ColorPaletteCustom;
680
+ elementStroke: import("../colors").ColorPaletteCustom;
681
+ topPicks: {
682
+ canvasBackground: [string, string, string, string, string];
683
+ elementStroke: [string, string, string, string, string];
684
+ elementBackground: [string, string, string, string, string];
685
+ };
686
+ } | undefined;
662
687
  allowWheelZoom?: boolean | undefined;
663
688
  allowPinchZoom?: boolean | undefined;
664
689
  pinnedScripts?: string[] | undefined;
@@ -746,7 +771,7 @@ export declare const actionSaveFileToDisk: {
746
771
  value: import("../types").NormalizedZoomValue;
747
772
  }>;
748
773
  openMenu: "canvas" | "shape" | null;
749
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
774
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
750
775
  openSidebar: {
751
776
  name: string;
752
777
  tab?: string | undefined;
@@ -793,11 +818,16 @@ export declare const actionSaveFileToDisk: {
793
818
  showHyperlinkPopup: false | "info" | "editor";
794
819
  linkOpacity: number;
795
820
  trayModeEnabled: boolean;
796
- colorPalette: {
797
- canvasBackground?: string[] | undefined;
798
- elementBackground?: string[] | undefined;
799
- elementStroke?: string[] | undefined;
800
- };
821
+ colorPalette?: {
822
+ canvasBackground: import("../colors").ColorPaletteCustom;
823
+ elementBackground: import("../colors").ColorPaletteCustom;
824
+ elementStroke: import("../colors").ColorPaletteCustom;
825
+ topPicks: {
826
+ canvasBackground: [string, string, string, string, string];
827
+ elementStroke: [string, string, string, string, string];
828
+ elementBackground: [string, string, string, string, string];
829
+ };
830
+ } | undefined;
801
831
  allowWheelZoom?: boolean | undefined;
802
832
  allowPinchZoom?: boolean | undefined;
803
833
  pinnedScripts?: string[] | undefined;
@@ -886,7 +916,7 @@ export declare const actionLoadScene: {
886
916
  value: import("../types").NormalizedZoomValue;
887
917
  }>;
888
918
  openMenu: "canvas" | "shape" | null;
889
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
919
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
890
920
  openSidebar: {
891
921
  name: string;
892
922
  tab?: string | undefined;
@@ -929,11 +959,16 @@ export declare const actionLoadScene: {
929
959
  showHyperlinkPopup: false | "info" | "editor";
930
960
  linkOpacity: number;
931
961
  trayModeEnabled: boolean;
932
- colorPalette: {
933
- canvasBackground?: string[] | undefined;
934
- elementBackground?: string[] | undefined;
935
- elementStroke?: string[] | undefined;
936
- };
962
+ colorPalette?: {
963
+ canvasBackground: import("../colors").ColorPaletteCustom;
964
+ elementBackground: import("../colors").ColorPaletteCustom;
965
+ elementStroke: import("../colors").ColorPaletteCustom;
966
+ topPicks: {
967
+ canvasBackground: [string, string, string, string, string];
968
+ elementStroke: [string, string, string, string, string];
969
+ elementBackground: [string, string, string, string, string];
970
+ };
971
+ } | undefined;
937
972
  allowWheelZoom?: boolean | undefined;
938
973
  allowPinchZoom?: boolean | undefined;
939
974
  pinnedScripts?: string[] | undefined;
@@ -1008,7 +1043,7 @@ export declare const actionLoadScene: {
1008
1043
  value: import("../types").NormalizedZoomValue;
1009
1044
  }>;
1010
1045
  openMenu: "canvas" | "shape" | null;
1011
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1046
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1012
1047
  openSidebar: {
1013
1048
  name: string;
1014
1049
  tab?: string | undefined;
@@ -1056,11 +1091,16 @@ export declare const actionLoadScene: {
1056
1091
  showHyperlinkPopup: false | "info" | "editor";
1057
1092
  linkOpacity: number;
1058
1093
  trayModeEnabled: boolean;
1059
- colorPalette: {
1060
- canvasBackground?: string[] | undefined;
1061
- elementBackground?: string[] | undefined;
1062
- elementStroke?: string[] | undefined;
1063
- };
1094
+ colorPalette?: {
1095
+ canvasBackground: import("../colors").ColorPaletteCustom;
1096
+ elementBackground: import("../colors").ColorPaletteCustom;
1097
+ elementStroke: import("../colors").ColorPaletteCustom;
1098
+ topPicks: {
1099
+ canvasBackground: [string, string, string, string, string];
1100
+ elementStroke: [string, string, string, string, string];
1101
+ elementBackground: [string, string, string, string, string];
1102
+ };
1103
+ } | undefined;
1064
1104
  allowWheelZoom?: boolean | undefined;
1065
1105
  allowPinchZoom?: boolean | undefined;
1066
1106
  pinnedScripts?: string[] | undefined;
@@ -1145,7 +1185,7 @@ export declare const actionExportWithDarkMode: {
1145
1185
  value: import("../types").NormalizedZoomValue;
1146
1186
  }>;
1147
1187
  openMenu: "canvas" | "shape" | null;
1148
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1188
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1149
1189
  openSidebar: {
1150
1190
  name: string;
1151
1191
  tab?: string | undefined;
@@ -1193,11 +1233,16 @@ export declare const actionExportWithDarkMode: {
1193
1233
  showHyperlinkPopup: false | "info" | "editor";
1194
1234
  linkOpacity: number;
1195
1235
  trayModeEnabled: boolean;
1196
- colorPalette: {
1197
- canvasBackground?: string[] | undefined;
1198
- elementBackground?: string[] | undefined;
1199
- elementStroke?: string[] | undefined;
1200
- };
1236
+ colorPalette?: {
1237
+ canvasBackground: import("../colors").ColorPaletteCustom;
1238
+ elementBackground: import("../colors").ColorPaletteCustom;
1239
+ elementStroke: import("../colors").ColorPaletteCustom;
1240
+ topPicks: {
1241
+ canvasBackground: [string, string, string, string, string];
1242
+ elementStroke: [string, string, string, string, string];
1243
+ elementBackground: [string, string, string, string, string];
1244
+ };
1245
+ } | undefined;
1201
1246
  allowWheelZoom?: boolean | undefined;
1202
1247
  allowPinchZoom?: boolean | undefined;
1203
1248
  pinnedScripts?: string[] | undefined;