@uniformdev/canvas-react 18.35.1-alpha.18 → 18.35.1-alpha.22
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 +4 -13
- package/dist/index.js +2 -17
- package/dist/index.mjs +4 -13
- package/package.json +6 -6
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: Pick<UpdateCompositionMessage, "composition" | "hash">) => 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 ParameterTextValue = string | undefined;
|
|
508
257
|
type UniformTextProps = {
|
|
@@ -549,4 +298,4 @@ declare const createComponentStoreResolver: (options: {
|
|
|
549
298
|
defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
|
|
550
299
|
}) => RenderComponentResolver;
|
|
551
300
|
|
|
552
|
-
export { ComponentProps, ComponentStore,
|
|
301
|
+
export { ComponentProps, ComponentStore, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, RenderComponentResolver, SystemRenderConfig, SystemRenderFunction, UniformComponent, UniformComponentContextValue, UniformComponentProps, UniformComposition, UniformCompositionProps, UniformSlot, UniformSlotProps, UniformText, UniformTextProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, componentStore, componentStoreResolver, createComponentStore, createComponentStoreResolver, registerUniformComponent, useCompositionEventEffect, useUniformContextualEditing, useUniformCurrentComponent, useUniformCurrentComposition };
|
package/dist/index.esm.js
CHANGED
|
@@ -99,7 +99,8 @@ import {
|
|
|
99
99
|
CANVAS_PERSONALIZE_SLOT,
|
|
100
100
|
CANVAS_PERSONALIZE_TYPE,
|
|
101
101
|
CANVAS_TEST_SLOT,
|
|
102
|
-
CANVAS_TEST_TYPE
|
|
102
|
+
CANVAS_TEST_TYPE,
|
|
103
|
+
EMPTY_COMPOSITION as EMPTY_COMPOSITION2
|
|
103
104
|
} from "@uniformdev/canvas";
|
|
104
105
|
import React5 from "react";
|
|
105
106
|
|
|
@@ -166,7 +167,6 @@ import {
|
|
|
166
167
|
isUpdateCompositionInternalMessage
|
|
167
168
|
} from "@uniformdev/canvas";
|
|
168
169
|
import { useEffect, useMemo, useState } from "react";
|
|
169
|
-
var createApiEnhancer = createUniformApiEnhancer;
|
|
170
170
|
var registeredCompositionIds = /* @__PURE__ */ new Set();
|
|
171
171
|
var useUniformContextualEditing = ({
|
|
172
172
|
initialCompositionValue,
|
|
@@ -245,7 +245,6 @@ function isInContextEditingMode() {
|
|
|
245
245
|
);
|
|
246
246
|
return isOpenedByInContextEditor && isAllowlistedReferrer;
|
|
247
247
|
}
|
|
248
|
-
var useContextualEditing = useUniformContextualEditing;
|
|
249
248
|
|
|
250
249
|
// src/components/UniformComposition.tsx
|
|
251
250
|
var UniformCompositionContext = createContext({
|
|
@@ -282,8 +281,6 @@ function UniformComposition({
|
|
|
282
281
|
))
|
|
283
282
|
);
|
|
284
283
|
}
|
|
285
|
-
var useComposition = useUniformCurrentComposition;
|
|
286
|
-
var Composition = UniformComposition;
|
|
287
284
|
|
|
288
285
|
// src/components/ContextualEditingComponentWrapper.tsx
|
|
289
286
|
function ContextualEditingComponentWrapper({
|
|
@@ -330,7 +327,7 @@ function UniformSlot({
|
|
|
330
327
|
}
|
|
331
328
|
const slot = (_a = parentData.slots) == null ? void 0 : _a[name];
|
|
332
329
|
if (!slot || !Array.isArray(slot)) {
|
|
333
|
-
if (process.env.NODE_ENV === "development") {
|
|
330
|
+
if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION2.type) {
|
|
334
331
|
console.warn(
|
|
335
332
|
`[canvas-dev] slot '${name}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,
|
|
336
333
|
parentData
|
|
@@ -456,7 +453,6 @@ function renderComponent({
|
|
|
456
453
|
}
|
|
457
454
|
return null;
|
|
458
455
|
}
|
|
459
|
-
var Slot = UniformSlot;
|
|
460
456
|
|
|
461
457
|
// src/components/UniformComponent.tsx
|
|
462
458
|
var UniformComponentContext = createContext2({});
|
|
@@ -510,7 +506,7 @@ function resolveChildren({
|
|
|
510
506
|
} else {
|
|
511
507
|
if (Object.keys((_a = data.slots) != null ? _a : {}).length > 1 && process.env.NODE_ENV === "development") {
|
|
512
508
|
console.warn(
|
|
513
|
-
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<
|
|
509
|
+
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<UniformSlot name={slotName} />' to reliably render the slots.`
|
|
514
510
|
);
|
|
515
511
|
}
|
|
516
512
|
children = Object.keys(data.slots || {}).map((slotName) => /* @__PURE__ */ React6.createElement(UniformSlot, { key: slotName, name: slotName }));
|
|
@@ -616,24 +612,19 @@ function useCompositionEventEffect({
|
|
|
616
612
|
}, [compositionId, enabled, projectId, effect]);
|
|
617
613
|
}
|
|
618
614
|
export {
|
|
619
|
-
Composition,
|
|
620
615
|
DefaultNotImplementedComponent,
|
|
621
616
|
NOT_IMPLEMENTED_COMPONENT,
|
|
622
|
-
Slot,
|
|
623
617
|
UniformComponent,
|
|
624
618
|
UniformComposition,
|
|
625
619
|
UniformSlot,
|
|
626
620
|
UniformText,
|
|
627
621
|
componentStore,
|
|
628
622
|
componentStoreResolver,
|
|
629
|
-
createApiEnhancer,
|
|
630
623
|
createComponentStore,
|
|
631
624
|
createComponentStoreResolver,
|
|
632
625
|
createUniformApiEnhancer,
|
|
633
626
|
registerUniformComponent,
|
|
634
|
-
useComposition,
|
|
635
627
|
useCompositionEventEffect,
|
|
636
|
-
useContextualEditing,
|
|
637
628
|
useUniformContextualEditing,
|
|
638
629
|
useUniformCurrentComponent,
|
|
639
630
|
useUniformCurrentComposition
|
package/dist/index.js
CHANGED
|
@@ -30,24 +30,19 @@ 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
|
UniformText: () => UniformText,
|
|
41
39
|
componentStore: () => componentStore,
|
|
42
40
|
componentStoreResolver: () => componentStoreResolver,
|
|
43
|
-
createApiEnhancer: () => createApiEnhancer,
|
|
44
41
|
createComponentStore: () => createComponentStore,
|
|
45
42
|
createComponentStoreResolver: () => createComponentStoreResolver,
|
|
46
43
|
createUniformApiEnhancer: () => import_canvas3.createUniformApiEnhancer,
|
|
47
44
|
registerUniformComponent: () => registerUniformComponent,
|
|
48
|
-
useComposition: () => useComposition,
|
|
49
45
|
useCompositionEventEffect: () => useCompositionEventEffect,
|
|
50
|
-
useContextualEditing: () => useContextualEditing,
|
|
51
46
|
useUniformContextualEditing: () => useUniformContextualEditing,
|
|
52
47
|
useUniformCurrentComponent: () => useUniformCurrentComponent,
|
|
53
48
|
useUniformCurrentComposition: () => useUniformCurrentComposition
|
|
@@ -200,7 +195,6 @@ var import_react3 = __toESM(require("react"));
|
|
|
200
195
|
// src/hooks/useUniformContextualEditing.ts
|
|
201
196
|
var import_canvas3 = require("@uniformdev/canvas");
|
|
202
197
|
var import_react2 = require("react");
|
|
203
|
-
var createApiEnhancer = import_canvas3.createUniformApiEnhancer;
|
|
204
198
|
var registeredCompositionIds = /* @__PURE__ */ new Set();
|
|
205
199
|
var useUniformContextualEditing = ({
|
|
206
200
|
initialCompositionValue,
|
|
@@ -279,7 +273,6 @@ function isInContextEditingMode() {
|
|
|
279
273
|
);
|
|
280
274
|
return isOpenedByInContextEditor && isAllowlistedReferrer;
|
|
281
275
|
}
|
|
282
|
-
var useContextualEditing = useUniformContextualEditing;
|
|
283
276
|
|
|
284
277
|
// src/components/UniformComposition.tsx
|
|
285
278
|
var UniformCompositionContext = (0, import_react3.createContext)({
|
|
@@ -316,8 +309,6 @@ function UniformComposition({
|
|
|
316
309
|
))
|
|
317
310
|
);
|
|
318
311
|
}
|
|
319
|
-
var useComposition = useUniformCurrentComposition;
|
|
320
|
-
var Composition = UniformComposition;
|
|
321
312
|
|
|
322
313
|
// src/components/ContextualEditingComponentWrapper.tsx
|
|
323
314
|
function ContextualEditingComponentWrapper({
|
|
@@ -364,7 +355,7 @@ function UniformSlot({
|
|
|
364
355
|
}
|
|
365
356
|
const slot = (_a = parentData.slots) == null ? void 0 : _a[name];
|
|
366
357
|
if (!slot || !Array.isArray(slot)) {
|
|
367
|
-
if (process.env.NODE_ENV === "development") {
|
|
358
|
+
if (process.env.NODE_ENV === "development" && parentData.type !== import_canvas5.EMPTY_COMPOSITION.type) {
|
|
368
359
|
console.warn(
|
|
369
360
|
`[canvas-dev] slot '${name}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,
|
|
370
361
|
parentData
|
|
@@ -490,7 +481,6 @@ function renderComponent({
|
|
|
490
481
|
}
|
|
491
482
|
return null;
|
|
492
483
|
}
|
|
493
|
-
var Slot = UniformSlot;
|
|
494
484
|
|
|
495
485
|
// src/components/UniformComponent.tsx
|
|
496
486
|
var UniformComponentContext = (0, import_react6.createContext)({});
|
|
@@ -544,7 +534,7 @@ function resolveChildren({
|
|
|
544
534
|
} else {
|
|
545
535
|
if (Object.keys((_a = data.slots) != null ? _a : {}).length > 1 && process.env.NODE_ENV === "development") {
|
|
546
536
|
console.warn(
|
|
547
|
-
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<
|
|
537
|
+
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<UniformSlot name={slotName} />' to reliably render the slots.`
|
|
548
538
|
);
|
|
549
539
|
}
|
|
550
540
|
children = Object.keys(data.slots || {}).map((slotName) => /* @__PURE__ */ import_react6.default.createElement(UniformSlot, { key: slotName, name: slotName }));
|
|
@@ -647,24 +637,19 @@ function useCompositionEventEffect({
|
|
|
647
637
|
}
|
|
648
638
|
// Annotate the CommonJS export names for ESM import in node:
|
|
649
639
|
0 && (module.exports = {
|
|
650
|
-
Composition,
|
|
651
640
|
DefaultNotImplementedComponent,
|
|
652
641
|
NOT_IMPLEMENTED_COMPONENT,
|
|
653
|
-
Slot,
|
|
654
642
|
UniformComponent,
|
|
655
643
|
UniformComposition,
|
|
656
644
|
UniformSlot,
|
|
657
645
|
UniformText,
|
|
658
646
|
componentStore,
|
|
659
647
|
componentStoreResolver,
|
|
660
|
-
createApiEnhancer,
|
|
661
648
|
createComponentStore,
|
|
662
649
|
createComponentStoreResolver,
|
|
663
650
|
createUniformApiEnhancer,
|
|
664
651
|
registerUniformComponent,
|
|
665
|
-
useComposition,
|
|
666
652
|
useCompositionEventEffect,
|
|
667
|
-
useContextualEditing,
|
|
668
653
|
useUniformContextualEditing,
|
|
669
654
|
useUniformCurrentComponent,
|
|
670
655
|
useUniformCurrentComposition
|
package/dist/index.mjs
CHANGED
|
@@ -99,7 +99,8 @@ import {
|
|
|
99
99
|
CANVAS_PERSONALIZE_SLOT,
|
|
100
100
|
CANVAS_PERSONALIZE_TYPE,
|
|
101
101
|
CANVAS_TEST_SLOT,
|
|
102
|
-
CANVAS_TEST_TYPE
|
|
102
|
+
CANVAS_TEST_TYPE,
|
|
103
|
+
EMPTY_COMPOSITION as EMPTY_COMPOSITION2
|
|
103
104
|
} from "@uniformdev/canvas";
|
|
104
105
|
import React5 from "react";
|
|
105
106
|
|
|
@@ -166,7 +167,6 @@ import {
|
|
|
166
167
|
isUpdateCompositionInternalMessage
|
|
167
168
|
} from "@uniformdev/canvas";
|
|
168
169
|
import { useEffect, useMemo, useState } from "react";
|
|
169
|
-
var createApiEnhancer = createUniformApiEnhancer;
|
|
170
170
|
var registeredCompositionIds = /* @__PURE__ */ new Set();
|
|
171
171
|
var useUniformContextualEditing = ({
|
|
172
172
|
initialCompositionValue,
|
|
@@ -245,7 +245,6 @@ function isInContextEditingMode() {
|
|
|
245
245
|
);
|
|
246
246
|
return isOpenedByInContextEditor && isAllowlistedReferrer;
|
|
247
247
|
}
|
|
248
|
-
var useContextualEditing = useUniformContextualEditing;
|
|
249
248
|
|
|
250
249
|
// src/components/UniformComposition.tsx
|
|
251
250
|
var UniformCompositionContext = createContext({
|
|
@@ -282,8 +281,6 @@ function UniformComposition({
|
|
|
282
281
|
))
|
|
283
282
|
);
|
|
284
283
|
}
|
|
285
|
-
var useComposition = useUniformCurrentComposition;
|
|
286
|
-
var Composition = UniformComposition;
|
|
287
284
|
|
|
288
285
|
// src/components/ContextualEditingComponentWrapper.tsx
|
|
289
286
|
function ContextualEditingComponentWrapper({
|
|
@@ -330,7 +327,7 @@ function UniformSlot({
|
|
|
330
327
|
}
|
|
331
328
|
const slot = (_a = parentData.slots) == null ? void 0 : _a[name];
|
|
332
329
|
if (!slot || !Array.isArray(slot)) {
|
|
333
|
-
if (process.env.NODE_ENV === "development") {
|
|
330
|
+
if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION2.type) {
|
|
334
331
|
console.warn(
|
|
335
332
|
`[canvas-dev] slot '${name}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,
|
|
336
333
|
parentData
|
|
@@ -456,7 +453,6 @@ function renderComponent({
|
|
|
456
453
|
}
|
|
457
454
|
return null;
|
|
458
455
|
}
|
|
459
|
-
var Slot = UniformSlot;
|
|
460
456
|
|
|
461
457
|
// src/components/UniformComponent.tsx
|
|
462
458
|
var UniformComponentContext = createContext2({});
|
|
@@ -510,7 +506,7 @@ function resolveChildren({
|
|
|
510
506
|
} else {
|
|
511
507
|
if (Object.keys((_a = data.slots) != null ? _a : {}).length > 1 && process.env.NODE_ENV === "development") {
|
|
512
508
|
console.warn(
|
|
513
|
-
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<
|
|
509
|
+
`[canvas-dev] All the slots in component '${data.type}' are rendered in no particular order. Use '<UniformSlot name={slotName} />' to reliably render the slots.`
|
|
514
510
|
);
|
|
515
511
|
}
|
|
516
512
|
children = Object.keys(data.slots || {}).map((slotName) => /* @__PURE__ */ React6.createElement(UniformSlot, { key: slotName, name: slotName }));
|
|
@@ -616,24 +612,19 @@ function useCompositionEventEffect({
|
|
|
616
612
|
}, [compositionId, enabled, projectId, effect]);
|
|
617
613
|
}
|
|
618
614
|
export {
|
|
619
|
-
Composition,
|
|
620
615
|
DefaultNotImplementedComponent,
|
|
621
616
|
NOT_IMPLEMENTED_COMPONENT,
|
|
622
|
-
Slot,
|
|
623
617
|
UniformComponent,
|
|
624
618
|
UniformComposition,
|
|
625
619
|
UniformSlot,
|
|
626
620
|
UniformText,
|
|
627
621
|
componentStore,
|
|
628
622
|
componentStoreResolver,
|
|
629
|
-
createApiEnhancer,
|
|
630
623
|
createComponentStore,
|
|
631
624
|
createComponentStoreResolver,
|
|
632
625
|
createUniformApiEnhancer,
|
|
633
626
|
registerUniformComponent,
|
|
634
|
-
useComposition,
|
|
635
627
|
useCompositionEventEffect,
|
|
636
|
-
useContextualEditing,
|
|
637
628
|
useUniformContextualEditing,
|
|
638
629
|
useUniformCurrentComponent,
|
|
639
630
|
useUniformCurrentComposition
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/canvas-react",
|
|
3
|
-
"version": "18.35.1-alpha.
|
|
3
|
+
"version": "18.35.1-alpha.22+55597238b",
|
|
4
4
|
"description": "React SDK for Uniform Canvas",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,16 +24,16 @@
|
|
|
24
24
|
"document": "api-extractor run --local"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@uniformdev/canvas": "18.35.1-alpha.
|
|
28
|
-
"@uniformdev/context": "18.35.1-alpha.
|
|
29
|
-
"@uniformdev/context-react": "18.35.1-alpha.
|
|
27
|
+
"@uniformdev/canvas": "18.35.1-alpha.22+55597238b",
|
|
28
|
+
"@uniformdev/context": "18.35.1-alpha.22+55597238b",
|
|
29
|
+
"@uniformdev/context-react": "18.35.1-alpha.22+55597238b"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": ">= 16 || 17 || 18",
|
|
33
33
|
"react-dom": ">=16"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@types/react": "18.0.
|
|
36
|
+
"@types/react": "18.0.35",
|
|
37
37
|
"react": "18.2.0",
|
|
38
38
|
"react-dom": "18.2.0"
|
|
39
39
|
},
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"publishConfig": {
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "55597238baeb37d7e7a5e2dca5e3b0953fd8e5c4"
|
|
47
47
|
}
|