@uniformdev/canvas-react 18.38.1-alpha.10 → 19.0.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/index.d.ts +2 -253
- package/dist/index.esm.js +2 -12
- package/dist/index.js +2 -17
- package/dist/index.mjs +2 -12
- package/package.json +5 -5
package/dist/index.d.ts
CHANGED
|
@@ -69,130 +69,11 @@ type UniformComponentContextValue = {
|
|
|
69
69
|
declare function useUniformCurrentComponent(): UniformComponentContextValue;
|
|
70
70
|
/**
|
|
71
71
|
* Allows the rendering of a Canvas component instance (root or not), and its children if it has any.
|
|
72
|
-
* Note that the actual rendering happens inside `<
|
|
72
|
+
* Note that the actual rendering happens inside `<UniformSlot />`, this component only provides the services needed to achieve that.
|
|
73
73
|
* This component is used internally by `<UniformComposition />`, which you should use in most cases.
|
|
74
74
|
*/
|
|
75
75
|
declare function UniformComponent<TRenderProps = unknown>({ data, resolveRenderer, children, behaviorTracking, }: UniformComponentProps<TRenderProps>): JSX.Element | null;
|
|
76
76
|
|
|
77
|
-
/** @deprecated use `createUniformApiEnhancer` instead */
|
|
78
|
-
declare const createApiEnhancer: ({ apiUrl }: {
|
|
79
|
-
apiUrl: string;
|
|
80
|
-
}) => (message: UpdateCompositionMessage) => Promise<{
|
|
81
|
-
type: string;
|
|
82
|
-
parameters?: {
|
|
83
|
-
[key: string]: {
|
|
84
|
-
value: unknown;
|
|
85
|
-
type: string;
|
|
86
|
-
connectedData?: {
|
|
87
|
-
pointer: string;
|
|
88
|
-
syntax: "jptr";
|
|
89
|
-
} | undefined;
|
|
90
|
-
};
|
|
91
|
-
} | undefined;
|
|
92
|
-
variant?: string | undefined;
|
|
93
|
-
projectMapNodes?: {
|
|
94
|
-
id: string;
|
|
95
|
-
path: string;
|
|
96
|
-
projectMapId: string;
|
|
97
|
-
}[] | undefined;
|
|
98
|
-
slots?: {
|
|
99
|
-
[key: string]: {
|
|
100
|
-
type: string;
|
|
101
|
-
parameters?: {
|
|
102
|
-
[key: string]: {
|
|
103
|
-
value: unknown;
|
|
104
|
-
type: string;
|
|
105
|
-
connectedData?: {
|
|
106
|
-
pointer: string;
|
|
107
|
-
syntax: "jptr";
|
|
108
|
-
} | undefined;
|
|
109
|
-
};
|
|
110
|
-
} | undefined;
|
|
111
|
-
variant?: string | undefined;
|
|
112
|
-
slots?: {
|
|
113
|
-
[key: string]: any[];
|
|
114
|
-
} | undefined;
|
|
115
|
-
_id?: string | undefined;
|
|
116
|
-
_pattern?: string | undefined;
|
|
117
|
-
_dataResources?: {
|
|
118
|
-
[key: string]: {
|
|
119
|
-
type: string;
|
|
120
|
-
isPatternParameter?: boolean | undefined;
|
|
121
|
-
ignorePatternParameterDefault?: boolean | undefined;
|
|
122
|
-
variables?: {
|
|
123
|
-
[key: string]: string;
|
|
124
|
-
} | undefined;
|
|
125
|
-
};
|
|
126
|
-
} | undefined;
|
|
127
|
-
_patternDataResources?: {
|
|
128
|
-
[key: string]: {
|
|
129
|
-
type: string;
|
|
130
|
-
isPatternParameter?: boolean | undefined;
|
|
131
|
-
ignorePatternParameterDefault?: boolean | undefined;
|
|
132
|
-
variables?: {
|
|
133
|
-
[key: string]: string;
|
|
134
|
-
} | undefined;
|
|
135
|
-
};
|
|
136
|
-
} | undefined;
|
|
137
|
-
_patternError?: "NOTFOUND" | "CYCLIC" | undefined;
|
|
138
|
-
_overrides?: {
|
|
139
|
-
[key: string]: {
|
|
140
|
-
parameters?: {
|
|
141
|
-
[key: string]: {
|
|
142
|
-
value: unknown;
|
|
143
|
-
type: string;
|
|
144
|
-
connectedData?: {
|
|
145
|
-
pointer: string;
|
|
146
|
-
syntax: "jptr";
|
|
147
|
-
} | undefined;
|
|
148
|
-
};
|
|
149
|
-
} | undefined;
|
|
150
|
-
variant?: string | undefined;
|
|
151
|
-
};
|
|
152
|
-
} | undefined;
|
|
153
|
-
_overridability?: {
|
|
154
|
-
parameters?: {
|
|
155
|
-
[key: string]: "yes" | "no";
|
|
156
|
-
} | undefined;
|
|
157
|
-
variants?: boolean | undefined;
|
|
158
|
-
} | undefined;
|
|
159
|
-
}[];
|
|
160
|
-
} | undefined;
|
|
161
|
-
_id: string;
|
|
162
|
-
_slug?: string | null | undefined;
|
|
163
|
-
_name: string;
|
|
164
|
-
_dataResources?: {
|
|
165
|
-
[key: string]: {
|
|
166
|
-
type: string;
|
|
167
|
-
isPatternParameter?: boolean | undefined;
|
|
168
|
-
ignorePatternParameterDefault?: boolean | undefined;
|
|
169
|
-
variables?: {
|
|
170
|
-
[key: string]: string;
|
|
171
|
-
} | undefined;
|
|
172
|
-
};
|
|
173
|
-
} | undefined;
|
|
174
|
-
_overrides?: {
|
|
175
|
-
[key: string]: {
|
|
176
|
-
parameters?: {
|
|
177
|
-
[key: string]: {
|
|
178
|
-
value: unknown;
|
|
179
|
-
type: string;
|
|
180
|
-
connectedData?: {
|
|
181
|
-
pointer: string;
|
|
182
|
-
syntax: "jptr";
|
|
183
|
-
} | undefined;
|
|
184
|
-
};
|
|
185
|
-
} | undefined;
|
|
186
|
-
variant?: string | undefined;
|
|
187
|
-
};
|
|
188
|
-
} | undefined;
|
|
189
|
-
_overridability?: {
|
|
190
|
-
parameters?: {
|
|
191
|
-
[key: string]: "yes" | "no";
|
|
192
|
-
} | undefined;
|
|
193
|
-
variants?: boolean | undefined;
|
|
194
|
-
} | undefined;
|
|
195
|
-
}>;
|
|
196
77
|
type UseUniformContextualEditingProps = {
|
|
197
78
|
initialCompositionValue?: RootComponentInstance;
|
|
198
79
|
/**
|
|
@@ -324,128 +205,6 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
324
205
|
} | undefined;
|
|
325
206
|
isContextualEditing: boolean;
|
|
326
207
|
};
|
|
327
|
-
/** @deprecated use useUniformContextualEditing instead */
|
|
328
|
-
declare const useContextualEditing: ({ initialCompositionValue, enhance, }: UseUniformContextualEditingProps) => {
|
|
329
|
-
composition: {
|
|
330
|
-
type: string;
|
|
331
|
-
parameters?: {
|
|
332
|
-
[key: string]: {
|
|
333
|
-
value: unknown;
|
|
334
|
-
type: string;
|
|
335
|
-
connectedData?: {
|
|
336
|
-
pointer: string;
|
|
337
|
-
syntax: "jptr";
|
|
338
|
-
} | undefined;
|
|
339
|
-
};
|
|
340
|
-
} | undefined;
|
|
341
|
-
variant?: string | undefined;
|
|
342
|
-
projectMapNodes?: {
|
|
343
|
-
id: string;
|
|
344
|
-
path: string;
|
|
345
|
-
projectMapId: string;
|
|
346
|
-
}[] | undefined;
|
|
347
|
-
slots?: {
|
|
348
|
-
[key: string]: {
|
|
349
|
-
type: string;
|
|
350
|
-
parameters?: {
|
|
351
|
-
[key: string]: {
|
|
352
|
-
value: unknown;
|
|
353
|
-
type: string;
|
|
354
|
-
connectedData?: {
|
|
355
|
-
pointer: string;
|
|
356
|
-
syntax: "jptr";
|
|
357
|
-
} | undefined;
|
|
358
|
-
};
|
|
359
|
-
} | undefined;
|
|
360
|
-
variant?: string | undefined;
|
|
361
|
-
slots?: {
|
|
362
|
-
[key: string]: any[];
|
|
363
|
-
} | undefined;
|
|
364
|
-
_id?: string | undefined;
|
|
365
|
-
_pattern?: string | undefined;
|
|
366
|
-
_dataResources?: {
|
|
367
|
-
[key: string]: {
|
|
368
|
-
type: string;
|
|
369
|
-
isPatternParameter?: boolean | undefined;
|
|
370
|
-
ignorePatternParameterDefault?: boolean | undefined;
|
|
371
|
-
variables?: {
|
|
372
|
-
[key: string]: string;
|
|
373
|
-
} | undefined;
|
|
374
|
-
};
|
|
375
|
-
} | undefined;
|
|
376
|
-
_patternDataResources?: {
|
|
377
|
-
[key: string]: {
|
|
378
|
-
type: string;
|
|
379
|
-
isPatternParameter?: boolean | undefined;
|
|
380
|
-
ignorePatternParameterDefault?: boolean | undefined;
|
|
381
|
-
variables?: {
|
|
382
|
-
[key: string]: string;
|
|
383
|
-
} | undefined;
|
|
384
|
-
};
|
|
385
|
-
} | undefined;
|
|
386
|
-
_patternError?: "NOTFOUND" | "CYCLIC" | undefined;
|
|
387
|
-
_overrides?: {
|
|
388
|
-
[key: string]: {
|
|
389
|
-
parameters?: {
|
|
390
|
-
[key: string]: {
|
|
391
|
-
value: unknown;
|
|
392
|
-
type: string;
|
|
393
|
-
connectedData?: {
|
|
394
|
-
pointer: string;
|
|
395
|
-
syntax: "jptr";
|
|
396
|
-
} | undefined;
|
|
397
|
-
};
|
|
398
|
-
} | undefined;
|
|
399
|
-
variant?: string | undefined;
|
|
400
|
-
};
|
|
401
|
-
} | undefined;
|
|
402
|
-
_overridability?: {
|
|
403
|
-
parameters?: {
|
|
404
|
-
[key: string]: "yes" | "no";
|
|
405
|
-
} | undefined;
|
|
406
|
-
variants?: boolean | undefined;
|
|
407
|
-
} | undefined;
|
|
408
|
-
}[];
|
|
409
|
-
} | undefined;
|
|
410
|
-
_id: string;
|
|
411
|
-
_slug?: string | null | undefined;
|
|
412
|
-
_name: string;
|
|
413
|
-
_dataResources?: {
|
|
414
|
-
[key: string]: {
|
|
415
|
-
type: string;
|
|
416
|
-
isPatternParameter?: boolean | undefined;
|
|
417
|
-
ignorePatternParameterDefault?: boolean | undefined;
|
|
418
|
-
variables?: {
|
|
419
|
-
[key: string]: string;
|
|
420
|
-
} | undefined;
|
|
421
|
-
};
|
|
422
|
-
} | undefined;
|
|
423
|
-
_overrides?: {
|
|
424
|
-
[key: string]: {
|
|
425
|
-
parameters?: {
|
|
426
|
-
[key: string]: {
|
|
427
|
-
value: unknown;
|
|
428
|
-
type: string;
|
|
429
|
-
connectedData?: {
|
|
430
|
-
pointer: string;
|
|
431
|
-
syntax: "jptr";
|
|
432
|
-
} | undefined;
|
|
433
|
-
};
|
|
434
|
-
} | undefined;
|
|
435
|
-
variant?: string | undefined;
|
|
436
|
-
};
|
|
437
|
-
} | undefined;
|
|
438
|
-
_overridability?: {
|
|
439
|
-
parameters?: {
|
|
440
|
-
[key: string]: "yes" | "no";
|
|
441
|
-
} | undefined;
|
|
442
|
-
variants?: boolean | undefined;
|
|
443
|
-
} | undefined;
|
|
444
|
-
} | undefined;
|
|
445
|
-
isContextualEditing: boolean;
|
|
446
|
-
};
|
|
447
|
-
/** @deprecated use UseUniformContextualEditingProps instead */
|
|
448
|
-
type UseContextualEditingProps = UseUniformContextualEditingProps;
|
|
449
208
|
|
|
450
209
|
type UniformCompositionProps<TRenderProps = unknown> = UniformComponentProps<TRenderProps> & {
|
|
451
210
|
/** The composition data */
|
|
@@ -468,12 +227,6 @@ declare function useUniformCurrentComposition(): UniformCompositionContextValue;
|
|
|
468
227
|
* It also takes care of enabling [Contextual Editing](https://docs.uniform.app/capabilities/composition/contextual-editing).
|
|
469
228
|
*/
|
|
470
229
|
declare function UniformComposition<TRenderProps = unknown>({ data, behaviorTracking, children, resolveRenderer, contextualEditingEnhancer, }: UniformCompositionProps<TRenderProps>): JSX.Element;
|
|
471
|
-
/** @deprecated use `useUniformCurrentComposition` instead */
|
|
472
|
-
declare const useComposition: typeof useUniformCurrentComposition;
|
|
473
|
-
/** @deprecated use `UniformComposition` instead */
|
|
474
|
-
declare const Composition: typeof UniformComposition;
|
|
475
|
-
/** @deprecated use `UniformCompositionProps` instead */
|
|
476
|
-
type CompositionProps<TRenderProps = unknown> = UniformCompositionProps<TRenderProps>;
|
|
477
230
|
|
|
478
231
|
type CustomSlotChildRenderFunc = (options: {
|
|
479
232
|
child: ReactNode;
|
|
@@ -499,10 +252,6 @@ type UniformSlotProps<TSlotNames extends string> = {
|
|
|
499
252
|
};
|
|
500
253
|
/** Renders a named Slot within a Composition. */
|
|
501
254
|
declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, children, emptyPlaceholder, }: UniformSlotProps<TSlotNames>): JSX.Element | null;
|
|
502
|
-
/** @deprecated use `UniformSlotProps` instead */
|
|
503
|
-
type SlotProps<TSlotNames extends string> = UniformSlotProps<TSlotNames>;
|
|
504
|
-
/** @deprecated use `UniformSlot` instead */
|
|
505
|
-
declare const Slot: typeof UniformSlot;
|
|
506
255
|
|
|
507
256
|
type UseCompositionEventEffectOptions = Omit<Partial<SubscribeToCompositionOptions>, 'callback'> & {
|
|
508
257
|
enabled: boolean;
|
|
@@ -527,4 +276,4 @@ declare const createComponentStoreResolver: (options: {
|
|
|
527
276
|
defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
|
|
528
277
|
}) => RenderComponentResolver;
|
|
529
278
|
|
|
530
|
-
export { ComponentProps, ComponentStore,
|
|
279
|
+
export { ComponentProps, ComponentStore, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, RenderComponentResolver, SystemRenderConfig, SystemRenderFunction, UniformComponent, UniformComponentContextValue, UniformComponentProps, UniformComposition, UniformCompositionProps, UniformSlot, UniformSlotProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, componentStore, componentStoreResolver, createComponentStore, createComponentStoreResolver, registerUniformComponent, useCompositionEventEffect, useUniformContextualEditing, useUniformCurrentComponent, useUniformCurrentComposition };
|
package/dist/index.esm.js
CHANGED
|
@@ -165,7 +165,6 @@ import {
|
|
|
165
165
|
isUpdateCompositionMessage
|
|
166
166
|
} from "@uniformdev/canvas";
|
|
167
167
|
import { useEffect, useMemo, useState } from "react";
|
|
168
|
-
var createApiEnhancer = createUniformApiEnhancer;
|
|
169
168
|
var registeredCompositionIds = /* @__PURE__ */ new Set();
|
|
170
169
|
var useUniformContextualEditing = ({
|
|
171
170
|
initialCompositionValue,
|
|
@@ -244,7 +243,6 @@ function isInContextEditingMode() {
|
|
|
244
243
|
);
|
|
245
244
|
return isOpenedByInContextEditor && isAllowlistedReferrer;
|
|
246
245
|
}
|
|
247
|
-
var useContextualEditing = useUniformContextualEditing;
|
|
248
246
|
|
|
249
247
|
// src/components/UniformComposition.tsx
|
|
250
248
|
var UniformCompositionContext = createContext({
|
|
@@ -281,8 +279,6 @@ function UniformComposition({
|
|
|
281
279
|
))
|
|
282
280
|
);
|
|
283
281
|
}
|
|
284
|
-
var useComposition = useUniformCurrentComposition;
|
|
285
|
-
var Composition = UniformComposition;
|
|
286
282
|
|
|
287
283
|
// src/components/ContextualEditingComponentWrapper.tsx
|
|
288
284
|
function ContextualEditingComponentWrapper({
|
|
@@ -297,7 +293,7 @@ function ContextualEditingComponentWrapper({
|
|
|
297
293
|
var _a, _b, _c, _d;
|
|
298
294
|
const isPlaceholder = (component == null ? void 0 : component._id) === PLACEHOLDER_ID;
|
|
299
295
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
300
|
-
return !isContextualEditing ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, children) :
|
|
296
|
+
return !isContextualEditing ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, children) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
|
|
301
297
|
"script",
|
|
302
298
|
{
|
|
303
299
|
"data-role": IN_CONTEXT_EDITOR_COMPONENT_START_ROLE,
|
|
@@ -431,7 +427,6 @@ function renderComponent({
|
|
|
431
427
|
}
|
|
432
428
|
return null;
|
|
433
429
|
}
|
|
434
|
-
var Slot = UniformSlot;
|
|
435
430
|
|
|
436
431
|
// src/components/UniformComponent.tsx
|
|
437
432
|
var UniformComponentContext = createContext2({});
|
|
@@ -485,7 +480,7 @@ function resolveChildren({
|
|
|
485
480
|
} else {
|
|
486
481
|
if (Object.keys((_a = data.slots) != null ? _a : {}).length > 1 && process.env.NODE_ENV === "development") {
|
|
487
482
|
console.warn(
|
|
488
|
-
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<
|
|
483
|
+
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<UniformSlot name={slotName} />' to reliably render the slots.`
|
|
489
484
|
);
|
|
490
485
|
}
|
|
491
486
|
children = Object.keys(data.slots || {}).map((slotName) => /* @__PURE__ */ React6.createElement(UniformSlot, { key: slotName, name: slotName }));
|
|
@@ -535,23 +530,18 @@ function useCompositionEventEffect({
|
|
|
535
530
|
}, [compositionId, enabled, projectId, effect]);
|
|
536
531
|
}
|
|
537
532
|
export {
|
|
538
|
-
Composition,
|
|
539
533
|
DefaultNotImplementedComponent,
|
|
540
534
|
NOT_IMPLEMENTED_COMPONENT,
|
|
541
|
-
Slot,
|
|
542
535
|
UniformComponent,
|
|
543
536
|
UniformComposition,
|
|
544
537
|
UniformSlot,
|
|
545
538
|
componentStore,
|
|
546
539
|
componentStoreResolver,
|
|
547
|
-
createApiEnhancer,
|
|
548
540
|
createComponentStore,
|
|
549
541
|
createComponentStoreResolver,
|
|
550
542
|
createUniformApiEnhancer,
|
|
551
543
|
registerUniformComponent,
|
|
552
|
-
useComposition,
|
|
553
544
|
useCompositionEventEffect,
|
|
554
|
-
useContextualEditing,
|
|
555
545
|
useUniformContextualEditing,
|
|
556
546
|
useUniformCurrentComponent,
|
|
557
547
|
useUniformCurrentComposition
|
package/dist/index.js
CHANGED
|
@@ -30,23 +30,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
30
30
|
// src/index.ts
|
|
31
31
|
var src_exports = {};
|
|
32
32
|
__export(src_exports, {
|
|
33
|
-
Composition: () => Composition,
|
|
34
33
|
DefaultNotImplementedComponent: () => DefaultNotImplementedComponent,
|
|
35
34
|
NOT_IMPLEMENTED_COMPONENT: () => NOT_IMPLEMENTED_COMPONENT,
|
|
36
|
-
Slot: () => Slot,
|
|
37
35
|
UniformComponent: () => UniformComponent,
|
|
38
36
|
UniformComposition: () => UniformComposition,
|
|
39
37
|
UniformSlot: () => UniformSlot,
|
|
40
38
|
componentStore: () => componentStore,
|
|
41
39
|
componentStoreResolver: () => componentStoreResolver,
|
|
42
|
-
createApiEnhancer: () => createApiEnhancer,
|
|
43
40
|
createComponentStore: () => createComponentStore,
|
|
44
41
|
createComponentStoreResolver: () => createComponentStoreResolver,
|
|
45
42
|
createUniformApiEnhancer: () => import_canvas3.createUniformApiEnhancer,
|
|
46
43
|
registerUniformComponent: () => registerUniformComponent,
|
|
47
|
-
useComposition: () => useComposition,
|
|
48
44
|
useCompositionEventEffect: () => useCompositionEventEffect,
|
|
49
|
-
useContextualEditing: () => useContextualEditing,
|
|
50
45
|
useUniformContextualEditing: () => useUniformContextualEditing,
|
|
51
46
|
useUniformCurrentComponent: () => useUniformCurrentComponent,
|
|
52
47
|
useUniformCurrentComposition: () => useUniformCurrentComposition
|
|
@@ -198,7 +193,6 @@ var import_react3 = __toESM(require("react"));
|
|
|
198
193
|
// src/hooks/useUniformContextualEditing.ts
|
|
199
194
|
var import_canvas3 = require("@uniformdev/canvas");
|
|
200
195
|
var import_react2 = require("react");
|
|
201
|
-
var createApiEnhancer = import_canvas3.createUniformApiEnhancer;
|
|
202
196
|
var registeredCompositionIds = /* @__PURE__ */ new Set();
|
|
203
197
|
var useUniformContextualEditing = ({
|
|
204
198
|
initialCompositionValue,
|
|
@@ -277,7 +271,6 @@ function isInContextEditingMode() {
|
|
|
277
271
|
);
|
|
278
272
|
return isOpenedByInContextEditor && isAllowlistedReferrer;
|
|
279
273
|
}
|
|
280
|
-
var useContextualEditing = useUniformContextualEditing;
|
|
281
274
|
|
|
282
275
|
// src/components/UniformComposition.tsx
|
|
283
276
|
var UniformCompositionContext = (0, import_react3.createContext)({
|
|
@@ -314,8 +307,6 @@ function UniformComposition({
|
|
|
314
307
|
))
|
|
315
308
|
);
|
|
316
309
|
}
|
|
317
|
-
var useComposition = useUniformCurrentComposition;
|
|
318
|
-
var Composition = UniformComposition;
|
|
319
310
|
|
|
320
311
|
// src/components/ContextualEditingComponentWrapper.tsx
|
|
321
312
|
function ContextualEditingComponentWrapper({
|
|
@@ -330,7 +321,7 @@ function ContextualEditingComponentWrapper({
|
|
|
330
321
|
var _a, _b, _c, _d;
|
|
331
322
|
const isPlaceholder = (component == null ? void 0 : component._id) === import_canvas4.PLACEHOLDER_ID;
|
|
332
323
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
333
|
-
return !isContextualEditing ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children) :
|
|
324
|
+
return !isContextualEditing ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(
|
|
334
325
|
"script",
|
|
335
326
|
{
|
|
336
327
|
"data-role": import_canvas4.IN_CONTEXT_EDITOR_COMPONENT_START_ROLE,
|
|
@@ -464,7 +455,6 @@ function renderComponent({
|
|
|
464
455
|
}
|
|
465
456
|
return null;
|
|
466
457
|
}
|
|
467
|
-
var Slot = UniformSlot;
|
|
468
458
|
|
|
469
459
|
// src/components/UniformComponent.tsx
|
|
470
460
|
var UniformComponentContext = (0, import_react6.createContext)({});
|
|
@@ -518,7 +508,7 @@ function resolveChildren({
|
|
|
518
508
|
} else {
|
|
519
509
|
if (Object.keys((_a = data.slots) != null ? _a : {}).length > 1 && process.env.NODE_ENV === "development") {
|
|
520
510
|
console.warn(
|
|
521
|
-
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<
|
|
511
|
+
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<UniformSlot name={slotName} />' to reliably render the slots.`
|
|
522
512
|
);
|
|
523
513
|
}
|
|
524
514
|
children = Object.keys(data.slots || {}).map((slotName) => /* @__PURE__ */ import_react6.default.createElement(UniformSlot, { key: slotName, name: slotName }));
|
|
@@ -565,23 +555,18 @@ function useCompositionEventEffect({
|
|
|
565
555
|
}
|
|
566
556
|
// Annotate the CommonJS export names for ESM import in node:
|
|
567
557
|
0 && (module.exports = {
|
|
568
|
-
Composition,
|
|
569
558
|
DefaultNotImplementedComponent,
|
|
570
559
|
NOT_IMPLEMENTED_COMPONENT,
|
|
571
|
-
Slot,
|
|
572
560
|
UniformComponent,
|
|
573
561
|
UniformComposition,
|
|
574
562
|
UniformSlot,
|
|
575
563
|
componentStore,
|
|
576
564
|
componentStoreResolver,
|
|
577
|
-
createApiEnhancer,
|
|
578
565
|
createComponentStore,
|
|
579
566
|
createComponentStoreResolver,
|
|
580
567
|
createUniformApiEnhancer,
|
|
581
568
|
registerUniformComponent,
|
|
582
|
-
useComposition,
|
|
583
569
|
useCompositionEventEffect,
|
|
584
|
-
useContextualEditing,
|
|
585
570
|
useUniformContextualEditing,
|
|
586
571
|
useUniformCurrentComponent,
|
|
587
572
|
useUniformCurrentComposition
|
package/dist/index.mjs
CHANGED
|
@@ -165,7 +165,6 @@ import {
|
|
|
165
165
|
isUpdateCompositionMessage
|
|
166
166
|
} from "@uniformdev/canvas";
|
|
167
167
|
import { useEffect, useMemo, useState } from "react";
|
|
168
|
-
var createApiEnhancer = createUniformApiEnhancer;
|
|
169
168
|
var registeredCompositionIds = /* @__PURE__ */ new Set();
|
|
170
169
|
var useUniformContextualEditing = ({
|
|
171
170
|
initialCompositionValue,
|
|
@@ -244,7 +243,6 @@ function isInContextEditingMode() {
|
|
|
244
243
|
);
|
|
245
244
|
return isOpenedByInContextEditor && isAllowlistedReferrer;
|
|
246
245
|
}
|
|
247
|
-
var useContextualEditing = useUniformContextualEditing;
|
|
248
246
|
|
|
249
247
|
// src/components/UniformComposition.tsx
|
|
250
248
|
var UniformCompositionContext = createContext({
|
|
@@ -281,8 +279,6 @@ function UniformComposition({
|
|
|
281
279
|
))
|
|
282
280
|
);
|
|
283
281
|
}
|
|
284
|
-
var useComposition = useUniformCurrentComposition;
|
|
285
|
-
var Composition = UniformComposition;
|
|
286
282
|
|
|
287
283
|
// src/components/ContextualEditingComponentWrapper.tsx
|
|
288
284
|
function ContextualEditingComponentWrapper({
|
|
@@ -297,7 +293,7 @@ function ContextualEditingComponentWrapper({
|
|
|
297
293
|
var _a, _b, _c, _d;
|
|
298
294
|
const isPlaceholder = (component == null ? void 0 : component._id) === PLACEHOLDER_ID;
|
|
299
295
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
300
|
-
return !isContextualEditing ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, children) :
|
|
296
|
+
return !isContextualEditing ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, children) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
|
|
301
297
|
"script",
|
|
302
298
|
{
|
|
303
299
|
"data-role": IN_CONTEXT_EDITOR_COMPONENT_START_ROLE,
|
|
@@ -431,7 +427,6 @@ function renderComponent({
|
|
|
431
427
|
}
|
|
432
428
|
return null;
|
|
433
429
|
}
|
|
434
|
-
var Slot = UniformSlot;
|
|
435
430
|
|
|
436
431
|
// src/components/UniformComponent.tsx
|
|
437
432
|
var UniformComponentContext = createContext2({});
|
|
@@ -485,7 +480,7 @@ function resolveChildren({
|
|
|
485
480
|
} else {
|
|
486
481
|
if (Object.keys((_a = data.slots) != null ? _a : {}).length > 1 && process.env.NODE_ENV === "development") {
|
|
487
482
|
console.warn(
|
|
488
|
-
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<
|
|
483
|
+
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<UniformSlot name={slotName} />' to reliably render the slots.`
|
|
489
484
|
);
|
|
490
485
|
}
|
|
491
486
|
children = Object.keys(data.slots || {}).map((slotName) => /* @__PURE__ */ React6.createElement(UniformSlot, { key: slotName, name: slotName }));
|
|
@@ -535,23 +530,18 @@ function useCompositionEventEffect({
|
|
|
535
530
|
}, [compositionId, enabled, projectId, effect]);
|
|
536
531
|
}
|
|
537
532
|
export {
|
|
538
|
-
Composition,
|
|
539
533
|
DefaultNotImplementedComponent,
|
|
540
534
|
NOT_IMPLEMENTED_COMPONENT,
|
|
541
|
-
Slot,
|
|
542
535
|
UniformComponent,
|
|
543
536
|
UniformComposition,
|
|
544
537
|
UniformSlot,
|
|
545
538
|
componentStore,
|
|
546
539
|
componentStoreResolver,
|
|
547
|
-
createApiEnhancer,
|
|
548
540
|
createComponentStore,
|
|
549
541
|
createComponentStoreResolver,
|
|
550
542
|
createUniformApiEnhancer,
|
|
551
543
|
registerUniformComponent,
|
|
552
|
-
useComposition,
|
|
553
544
|
useCompositionEventEffect,
|
|
554
|
-
useContextualEditing,
|
|
555
545
|
useUniformContextualEditing,
|
|
556
546
|
useUniformCurrentComponent,
|
|
557
547
|
useUniformCurrentComposition
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/canvas-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "19.0.0",
|
|
4
4
|
"description": "React SDK for Uniform Canvas",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
"document": "api-extractor run --local"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@uniformdev/canvas": "
|
|
28
|
-
"@uniformdev/context": "
|
|
29
|
-
"@uniformdev/context-react": "
|
|
27
|
+
"@uniformdev/canvas": "19.0.0",
|
|
28
|
+
"@uniformdev/context": "19.0.0",
|
|
29
|
+
"@uniformdev/context-react": "19.0.0"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": ">= 16 || 17 || 18",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"publishConfig": {
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "e104985924b24a8de1d8dcfcca6c9167611adf85"
|
|
47
47
|
}
|