@weaverse/core 0.7.20 → 0.7.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 +5 -4
- package/dist/index.js +15 -6
- package/dist/index.mjs +15 -6
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -144,13 +144,13 @@ interface BasicGroup {
|
|
|
144
144
|
groupHeader: string;
|
|
145
145
|
inputs: BasicInput[];
|
|
146
146
|
}
|
|
147
|
-
declare type AdvancedGroupType = "border" | "alignment" | "background" | "dimensions" | "spacing" | "typography" | "visibility" | "shadows-and-effects";
|
|
147
|
+
declare type AdvancedGroupType = "border" | "alignment" | "background" | "dimensions" | "spacing" | "typography" | "visibility" | "shadows-and-effects" | "layout-background";
|
|
148
148
|
interface BasicInput<ConfigsType = AdditionalInputConfigs> {
|
|
149
149
|
type: InputType;
|
|
150
150
|
label?: string;
|
|
151
151
|
binding?: "style" | "data";
|
|
152
152
|
/**
|
|
153
|
-
* The key of the value
|
|
153
|
+
* The key of the value of the element data or styles
|
|
154
154
|
* @example
|
|
155
155
|
* // Bind to `element.data.title`
|
|
156
156
|
* name: "title"
|
|
@@ -200,8 +200,9 @@ interface RangeInputConfigs {
|
|
|
200
200
|
max?: number;
|
|
201
201
|
step?: number;
|
|
202
202
|
}
|
|
203
|
+
declare type SortableItemAction = "add" | "edit" | "duplicate" | "delete" | "toggle-visibility";
|
|
203
204
|
interface SortableInputConfigs {
|
|
204
|
-
|
|
205
|
+
actions: SortableItemAction[];
|
|
205
206
|
}
|
|
206
207
|
declare type InputType = "color" | "datepicker" | "image" | "range" | "select" | "sortable" | "switch" | "text" | "textarea" | "toggle-group" | "form" | "product" | "product-swatches" | "custom.html" | "instagram" | "collection-list" | "collection" | "article-list";
|
|
207
208
|
declare global {
|
|
@@ -334,4 +335,4 @@ declare class Weaverse {
|
|
|
334
335
|
initProjectItemData(): void;
|
|
335
336
|
}
|
|
336
337
|
|
|
337
|
-
export { AdditionalInputConfigs, AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, RangeInputConfigs, SelectInputConfigs, SortableInputConfigs, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, createGlobalStyles, isBrowser, isIframe, isReactNative, loadScript, stichesUtils };
|
|
338
|
+
export { AdditionalInputConfigs, AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, RangeInputConfigs, SelectInputConfigs, SortableInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, createGlobalStyles, isBrowser, isIframe, isReactNative, loadScript, stichesUtils };
|
package/dist/index.js
CHANGED
|
@@ -122,6 +122,16 @@ function createGlobalStyles(stitches2) {
|
|
|
122
122
|
paddingLeft: "12px",
|
|
123
123
|
paddingRight: "35px !important",
|
|
124
124
|
cursor: "pointer"
|
|
125
|
+
},
|
|
126
|
+
button: {
|
|
127
|
+
outline: "none",
|
|
128
|
+
boxShadow: "none",
|
|
129
|
+
cursor: "pointer",
|
|
130
|
+
border: "none",
|
|
131
|
+
"&:focus": {
|
|
132
|
+
outline: "none",
|
|
133
|
+
boxShadow: "none"
|
|
134
|
+
}
|
|
125
135
|
}
|
|
126
136
|
},
|
|
127
137
|
".wv-spinner-wrapper": {
|
|
@@ -192,9 +202,8 @@ var WeaverseItemStore = class {
|
|
|
192
202
|
this._data = { ...this.data, ...data };
|
|
193
203
|
}
|
|
194
204
|
get data() {
|
|
195
|
-
|
|
196
|
-
let
|
|
197
|
-
let defaultData = { ...(_c = (_b = this.Element) == null ? void 0 : _b.Component) == null ? void 0 : _c.defaultProps, ...css && { css } };
|
|
205
|
+
let css = this.Element?.defaultCss;
|
|
206
|
+
let defaultData = { ...this.Element?.Component?.defaultProps, ...css && { css } };
|
|
198
207
|
return { ...defaultData, ...this._data };
|
|
199
208
|
}
|
|
200
209
|
};
|
|
@@ -272,11 +281,11 @@ var Weaverse = class {
|
|
|
272
281
|
}, 2e3);
|
|
273
282
|
}
|
|
274
283
|
registerElement(element) {
|
|
275
|
-
if (element
|
|
284
|
+
if (element?.type) {
|
|
276
285
|
if (this.elementInstances.has(element.type)) {
|
|
277
286
|
throw new Error(`Weaverse: Element '${element.type}' already registered`);
|
|
278
287
|
}
|
|
279
|
-
this.elementInstances.set(element
|
|
288
|
+
this.elementInstances.set(element?.type, element);
|
|
280
289
|
} else {
|
|
281
290
|
throw new Error("Weaverse: registerElement: `type` is required");
|
|
282
291
|
}
|
|
@@ -304,7 +313,7 @@ var Weaverse = class {
|
|
|
304
313
|
}
|
|
305
314
|
initProjectItemData() {
|
|
306
315
|
const data = this.projectData;
|
|
307
|
-
if (data
|
|
316
|
+
if (data?.items) {
|
|
308
317
|
data.items.forEach((item) => {
|
|
309
318
|
if (!this.itemInstances.get(item.id)) {
|
|
310
319
|
new WeaverseItemStore(item, this);
|
package/dist/index.mjs
CHANGED
|
@@ -83,6 +83,16 @@ function createGlobalStyles(stitches2) {
|
|
|
83
83
|
paddingLeft: "12px",
|
|
84
84
|
paddingRight: "35px !important",
|
|
85
85
|
cursor: "pointer"
|
|
86
|
+
},
|
|
87
|
+
button: {
|
|
88
|
+
outline: "none",
|
|
89
|
+
boxShadow: "none",
|
|
90
|
+
cursor: "pointer",
|
|
91
|
+
border: "none",
|
|
92
|
+
"&:focus": {
|
|
93
|
+
outline: "none",
|
|
94
|
+
boxShadow: "none"
|
|
95
|
+
}
|
|
86
96
|
}
|
|
87
97
|
},
|
|
88
98
|
".wv-spinner-wrapper": {
|
|
@@ -153,9 +163,8 @@ var WeaverseItemStore = class {
|
|
|
153
163
|
this._data = { ...this.data, ...data };
|
|
154
164
|
}
|
|
155
165
|
get data() {
|
|
156
|
-
|
|
157
|
-
let
|
|
158
|
-
let defaultData = { ...(_c = (_b = this.Element) == null ? void 0 : _b.Component) == null ? void 0 : _c.defaultProps, ...css && { css } };
|
|
166
|
+
let css = this.Element?.defaultCss;
|
|
167
|
+
let defaultData = { ...this.Element?.Component?.defaultProps, ...css && { css } };
|
|
159
168
|
return { ...defaultData, ...this._data };
|
|
160
169
|
}
|
|
161
170
|
};
|
|
@@ -233,11 +242,11 @@ var Weaverse = class {
|
|
|
233
242
|
}, 2e3);
|
|
234
243
|
}
|
|
235
244
|
registerElement(element) {
|
|
236
|
-
if (element
|
|
245
|
+
if (element?.type) {
|
|
237
246
|
if (this.elementInstances.has(element.type)) {
|
|
238
247
|
throw new Error(`Weaverse: Element '${element.type}' already registered`);
|
|
239
248
|
}
|
|
240
|
-
this.elementInstances.set(element
|
|
249
|
+
this.elementInstances.set(element?.type, element);
|
|
241
250
|
} else {
|
|
242
251
|
throw new Error("Weaverse: registerElement: `type` is required");
|
|
243
252
|
}
|
|
@@ -265,7 +274,7 @@ var Weaverse = class {
|
|
|
265
274
|
}
|
|
266
275
|
initProjectItemData() {
|
|
267
276
|
const data = this.projectData;
|
|
268
|
-
if (data
|
|
277
|
+
if (data?.items) {
|
|
269
278
|
data.items.forEach((item) => {
|
|
270
279
|
if (!this.itemInstances.get(item.id)) {
|
|
271
280
|
new WeaverseItemStore(item, this);
|
package/package.json
CHANGED