@uniformdev/canvas-react 18.10.1-alpha.7 → 18.11.1-alpha.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 (5) hide show
  1. package/dist/index.d.ts +5 -3
  2. package/dist/index.esm.js +13 -19
  3. package/dist/index.js +13 -19
  4. package/dist/index.mjs +13 -19
  5. package/package.json +5 -5
package/dist/index.d.ts CHANGED
@@ -25,9 +25,10 @@ type SystemRenderConfig = {
25
25
  type ComponentStore = {
26
26
  register: (options: {
27
27
  type: string;
28
+ variantId?: string;
28
29
  component: React.ComponentType<ComponentProps<any>>;
29
30
  }) => void;
30
- get: (name: string) => React.ComponentType<ComponentProps<any>> | undefined;
31
+ get: (type: string, variantId?: string) => React.ComponentType<ComponentProps<any>> | undefined;
31
32
  };
32
33
 
33
34
  /**
@@ -379,8 +380,9 @@ type UseCompositionEventEffectOptions = Omit<Partial<SubscribeToCompositionOptio
379
380
  declare function useCompositionEventEffect({ enabled, projectId, compositionId, effect, }: UseCompositionEventEffectOptions): void;
380
381
 
381
382
  declare const componentStore: ComponentStore;
382
- declare const registerUniformComponent: ({ type, component, }: {
383
- type: string | string[];
383
+ declare const registerUniformComponent: ({ type, variantId, component, }: {
384
+ type: string;
385
+ variantId?: string | undefined;
384
386
  component: React.ComponentType<ComponentProps<any>>;
385
387
  }) => void;
386
388
  declare const componentStoreResolver: RenderComponentResolver;
package/dist/index.esm.js CHANGED
@@ -55,21 +55,22 @@ function convertComponentToProps(component) {
55
55
 
56
56
  // src/storeDefinition.ts
57
57
  var NOT_IMPLEMENTED_COMPONENT = "__not_implemented__";
58
+ var getTypeWithVariant = (type, variantId) => `${type}${variantId ? `__${variantId}` : ""}`;
58
59
  var createComponentStore = () => {
59
60
  const components = /* @__PURE__ */ new Map();
60
61
  components.set(NOT_IMPLEMENTED_COMPONENT, DefaultNotImplementedComponent);
61
62
  return {
62
- register: ({ type, component }) => {
63
- components.set(type, component);
63
+ register: ({ type, component, variantId }) => {
64
+ components.set(getTypeWithVariant(type, variantId), component);
64
65
  },
65
- get: (name) => {
66
- return components.get(name);
66
+ get: (type, variantId) => {
67
+ return components.get(getTypeWithVariant(type, variantId));
67
68
  }
68
69
  };
69
70
  };
70
71
  var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplementedComponent }) => {
71
72
  return (component) => {
72
- const resolved = store.get(component.type);
73
+ const resolved = store.get(getTypeWithVariant(component.type, component.variant));
73
74
  return resolved || defaultComponent;
74
75
  };
75
76
  };
@@ -78,21 +79,14 @@ var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplem
78
79
  var componentStore = createComponentStore();
79
80
  var registerUniformComponent = ({
80
81
  type,
82
+ variantId,
81
83
  component
82
84
  }) => {
83
- if (Array.isArray(type)) {
84
- type.forEach((t) => {
85
- componentStore.register({
86
- type: t,
87
- component
88
- });
89
- });
90
- } else {
91
- componentStore.register({
92
- type,
93
- component
94
- });
95
- }
85
+ componentStore.register({
86
+ type,
87
+ variantId,
88
+ component
89
+ });
96
90
  };
97
91
  var componentStoreResolver = createComponentStoreResolver({
98
92
  store: componentStore
@@ -252,7 +246,7 @@ function useUniformCurrentComponent() {
252
246
  return useContext(UniformComponentContext);
253
247
  }
254
248
  var componentStoreResolver2 = (component) => {
255
- const resolved = componentStore.get(component.type);
249
+ const resolved = componentStore.get(component.type, component.variant);
256
250
  return resolved || null;
257
251
  };
258
252
  function UniformComponent({
package/dist/index.js CHANGED
@@ -104,21 +104,22 @@ function convertComponentToProps(component) {
104
104
 
105
105
  // src/storeDefinition.ts
106
106
  var NOT_IMPLEMENTED_COMPONENT = "__not_implemented__";
107
+ var getTypeWithVariant = (type, variantId) => `${type}${variantId ? `__${variantId}` : ""}`;
107
108
  var createComponentStore = () => {
108
109
  const components = /* @__PURE__ */ new Map();
109
110
  components.set(NOT_IMPLEMENTED_COMPONENT, DefaultNotImplementedComponent);
110
111
  return {
111
- register: ({ type, component }) => {
112
- components.set(type, component);
112
+ register: ({ type, component, variantId }) => {
113
+ components.set(getTypeWithVariant(type, variantId), component);
113
114
  },
114
- get: (name) => {
115
- return components.get(name);
115
+ get: (type, variantId) => {
116
+ return components.get(getTypeWithVariant(type, variantId));
116
117
  }
117
118
  };
118
119
  };
119
120
  var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplementedComponent }) => {
120
121
  return (component) => {
121
- const resolved = store.get(component.type);
122
+ const resolved = store.get(getTypeWithVariant(component.type, component.variant));
122
123
  return resolved || defaultComponent;
123
124
  };
124
125
  };
@@ -127,21 +128,14 @@ var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplem
127
128
  var componentStore = createComponentStore();
128
129
  var registerUniformComponent = ({
129
130
  type,
131
+ variantId,
130
132
  component
131
133
  }) => {
132
- if (Array.isArray(type)) {
133
- type.forEach((t) => {
134
- componentStore.register({
135
- type: t,
136
- component
137
- });
138
- });
139
- } else {
140
- componentStore.register({
141
- type,
142
- component
143
- });
144
- }
134
+ componentStore.register({
135
+ type,
136
+ variantId,
137
+ component
138
+ });
145
139
  };
146
140
  var componentStoreResolver = createComponentStoreResolver({
147
141
  store: componentStore
@@ -292,7 +286,7 @@ function useUniformCurrentComponent() {
292
286
  return (0, import_react3.useContext)(UniformComponentContext);
293
287
  }
294
288
  var componentStoreResolver2 = (component) => {
295
- const resolved = componentStore.get(component.type);
289
+ const resolved = componentStore.get(component.type, component.variant);
296
290
  return resolved || null;
297
291
  };
298
292
  function UniformComponent({
package/dist/index.mjs CHANGED
@@ -55,21 +55,22 @@ function convertComponentToProps(component) {
55
55
 
56
56
  // src/storeDefinition.ts
57
57
  var NOT_IMPLEMENTED_COMPONENT = "__not_implemented__";
58
+ var getTypeWithVariant = (type, variantId) => `${type}${variantId ? `__${variantId}` : ""}`;
58
59
  var createComponentStore = () => {
59
60
  const components = /* @__PURE__ */ new Map();
60
61
  components.set(NOT_IMPLEMENTED_COMPONENT, DefaultNotImplementedComponent);
61
62
  return {
62
- register: ({ type, component }) => {
63
- components.set(type, component);
63
+ register: ({ type, component, variantId }) => {
64
+ components.set(getTypeWithVariant(type, variantId), component);
64
65
  },
65
- get: (name) => {
66
- return components.get(name);
66
+ get: (type, variantId) => {
67
+ return components.get(getTypeWithVariant(type, variantId));
67
68
  }
68
69
  };
69
70
  };
70
71
  var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplementedComponent }) => {
71
72
  return (component) => {
72
- const resolved = store.get(component.type);
73
+ const resolved = store.get(getTypeWithVariant(component.type, component.variant));
73
74
  return resolved || defaultComponent;
74
75
  };
75
76
  };
@@ -78,21 +79,14 @@ var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplem
78
79
  var componentStore = createComponentStore();
79
80
  var registerUniformComponent = ({
80
81
  type,
82
+ variantId,
81
83
  component
82
84
  }) => {
83
- if (Array.isArray(type)) {
84
- type.forEach((t) => {
85
- componentStore.register({
86
- type: t,
87
- component
88
- });
89
- });
90
- } else {
91
- componentStore.register({
92
- type,
93
- component
94
- });
95
- }
85
+ componentStore.register({
86
+ type,
87
+ variantId,
88
+ component
89
+ });
96
90
  };
97
91
  var componentStoreResolver = createComponentStoreResolver({
98
92
  store: componentStore
@@ -252,7 +246,7 @@ function useUniformCurrentComponent() {
252
246
  return useContext(UniformComponentContext);
253
247
  }
254
248
  var componentStoreResolver2 = (component) => {
255
- const resolved = componentStore.get(component.type);
249
+ const resolved = componentStore.get(component.type, component.variant);
256
250
  return resolved || null;
257
251
  };
258
252
  function UniformComponent({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/canvas-react",
3
- "version": "18.10.1-alpha.7+f2a138dc5",
3
+ "version": "18.11.1-alpha.4+66560ce33",
4
4
  "description": "React SDK for Uniform Canvas",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -23,9 +23,9 @@
23
23
  "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
24
24
  },
25
25
  "dependencies": {
26
- "@uniformdev/canvas": "18.10.1-alpha.7+f2a138dc5",
27
- "@uniformdev/context": "18.10.1-alpha.7+f2a138dc5",
28
- "@uniformdev/context-react": "18.10.1-alpha.7+f2a138dc5"
26
+ "@uniformdev/canvas": "18.11.1-alpha.4+66560ce33",
27
+ "@uniformdev/context": "18.11.1-alpha.4+66560ce33",
28
+ "@uniformdev/context-react": "18.11.1-alpha.4+66560ce33"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "react": ">= 16 || 17 || 18",
@@ -42,5 +42,5 @@
42
42
  "publishConfig": {
43
43
  "access": "public"
44
44
  },
45
- "gitHead": "f2a138dc52971e9e89b453928f938a84283701bc"
45
+ "gitHead": "66560ce3318690c0d27110357d13334a63e72d32"
46
46
  }