@wix/editor-react-components 1.2746.0 → 1.2748.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/site/components/VideoUpload/css.css +8 -0
- package/dist/site/components/VideoUpload/manifest.js +9 -1
- package/dist/site/components/mask-presets.cjs +286 -0
- package/dist/site/components/mask-presets.js +267 -0
- package/dist/site/components/presetCatalog.d.cts +16 -0
- package/dist/site/components/presetCatalog.d.ts +16 -0
- package/package.json +14 -4
|
@@ -336,6 +336,7 @@
|
|
|
336
336
|
stroke-dashoffset: -124;
|
|
337
337
|
}
|
|
338
338
|
}.root__UidXn {
|
|
339
|
+
--maskImage: initial;
|
|
339
340
|
--boxShadow: initial;
|
|
340
341
|
--border-color: black;
|
|
341
342
|
--border-width: initial;
|
|
@@ -363,6 +364,13 @@
|
|
|
363
364
|
box-sizing: border-box;
|
|
364
365
|
}
|
|
365
366
|
|
|
367
|
+
.videoContainer__y-jQ5 {
|
|
368
|
+
mask-image: var(--maskImage, none);
|
|
369
|
+
mask-size: 100% 100%;
|
|
370
|
+
mask-repeat: no-repeat;
|
|
371
|
+
mask-position: center;
|
|
372
|
+
}
|
|
373
|
+
|
|
366
374
|
.videoPlayerContainer__GA-EV {
|
|
367
375
|
box-shadow: var(--boxShadow, none);
|
|
368
376
|
border-color: var(--border-color, transparent);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as ACTIONS, D as DATA, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
|
|
1
|
+
import { a as ACTIONS, D as DATA, C as CSS_PROPERTIES, M as MEDIA, b as DISPLAY_GROUPS, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
|
|
2
2
|
const manifest = {
|
|
3
3
|
id: "8441a520-52ed-4c32-9b9d-0aa8c2604b01",
|
|
4
4
|
type: "wixEditorElements.VideoUpload",
|
|
@@ -79,6 +79,14 @@ const manifest = {
|
|
|
79
79
|
}
|
|
80
80
|
},
|
|
81
81
|
cssCustomProperties: {
|
|
82
|
+
maskImage: {
|
|
83
|
+
cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.maskImage,
|
|
84
|
+
defaultValue: "none",
|
|
85
|
+
maskImage: {
|
|
86
|
+
vectorArtCategory: MEDIA.VECTOR_ART_CATEGORY.SHAPE_LOCATION,
|
|
87
|
+
imageTypes: [CSS_PROPERTIES.IMAGE_TYPE.url]
|
|
88
|
+
}
|
|
89
|
+
},
|
|
82
90
|
boxShadow: {
|
|
83
91
|
cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.boxShadow,
|
|
84
92
|
defaultValue: "none"
|
|
@@ -0,0 +1,286 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var presetCatalog_exports = {};
|
|
19
|
+
__export(presetCatalog_exports, {
|
|
20
|
+
MASK_PRESET_CLEAR_ID: () => MASK_PRESET_CLEAR_ID,
|
|
21
|
+
MASK_PRESET_UPLOAD_ID: () => MASK_PRESET_UPLOAD_ID,
|
|
22
|
+
builtInMaskPresets: () => builtInMaskPresets,
|
|
23
|
+
maskPresetCatalog: () => maskPresetCatalog,
|
|
24
|
+
safeMaskPresetIds: () => safeMaskPresetIds
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(presetCatalog_exports);
|
|
27
|
+
const MASK_PRESET_CLEAR_ID = "clear";
|
|
28
|
+
const MASK_PRESET_UPLOAD_ID = "upload";
|
|
29
|
+
const safeMaskPresetIds = [
|
|
30
|
+
"preset-26",
|
|
31
|
+
// Pebble A
|
|
32
|
+
"preset-22",
|
|
33
|
+
// Tile Grid
|
|
34
|
+
"preset-29",
|
|
35
|
+
// Pinched Square
|
|
36
|
+
"preset-8",
|
|
37
|
+
// Notched Block
|
|
38
|
+
"preset-11",
|
|
39
|
+
// Ellipse Slices
|
|
40
|
+
"preset-41",
|
|
41
|
+
// Scanline Squircle
|
|
42
|
+
"preset-33",
|
|
43
|
+
// Pixel Scatter
|
|
44
|
+
"preset-1",
|
|
45
|
+
// Circle
|
|
46
|
+
"preset-2"
|
|
47
|
+
// Arch
|
|
48
|
+
];
|
|
49
|
+
const PRESET_SHAPES = [
|
|
50
|
+
{
|
|
51
|
+
id: "preset-1",
|
|
52
|
+
shapeUri: "417ddd_00f94d35a8f84b959241a5d4293ee772.svg",
|
|
53
|
+
label: "Circle"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
id: "preset-2",
|
|
57
|
+
shapeUri: "417ddd_3d6ddf28b43e45499ea8557b8d963c79.svg",
|
|
58
|
+
label: "Arch"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
id: "preset-3",
|
|
62
|
+
shapeUri: "417ddd_c4e65c20d3844ffd97c9b2551ce7d269.svg",
|
|
63
|
+
label: "Heptagon"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
id: "preset-4",
|
|
67
|
+
shapeUri: "417ddd_c294e9b039624dfea42fe295339ee9aa.svg",
|
|
68
|
+
label: "Cut Corners"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
id: "preset-5",
|
|
72
|
+
shapeUri: "417ddd_41fc44e9075a4e269bfe6e6f12d1caa4.svg",
|
|
73
|
+
label: "Splat"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
id: "preset-6",
|
|
77
|
+
shapeUri: "417ddd_22bf952b30c84fbd838b01399e4d363f.svg",
|
|
78
|
+
label: "Cloud Flower"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
id: "preset-7",
|
|
82
|
+
shapeUri: "417ddd_a4e6448c5d144c8888fb7bc4b07ef160.svg",
|
|
83
|
+
label: "Burst"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
id: "preset-8",
|
|
87
|
+
shapeUri: "417ddd_d3fda4cc71b64116a59d3a68df598bab.svg",
|
|
88
|
+
label: "Notched Block"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
id: "preset-9",
|
|
92
|
+
shapeUri: "417ddd_67e5a948b54646ad94d5cfe512bef2ec.svg",
|
|
93
|
+
label: "Explosion"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
id: "preset-10",
|
|
97
|
+
shapeUri: "417ddd_2db4918ba64042bdb8ee489c8aeaa0f5.svg",
|
|
98
|
+
label: "Twin Arches"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
id: "preset-11",
|
|
102
|
+
shapeUri: "417ddd_5358f38c9acf4445a18213e7e4026440.svg",
|
|
103
|
+
label: "Ellipse Slices"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
id: "preset-12",
|
|
107
|
+
shapeUri: "417ddd_baba4105d5f74c9b92687c46f3c25547.svg",
|
|
108
|
+
label: "Bowtie Arches"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
id: "preset-13",
|
|
112
|
+
shapeUri: "417ddd_afb67cc936294377b797ad58eb9e2732.svg",
|
|
113
|
+
label: "Sparkle Rounded"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
id: "preset-14",
|
|
117
|
+
shapeUri: "417ddd_bceedaf6180e4a2fbc2962431557915b.svg",
|
|
118
|
+
label: "Brush Swirl"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
id: "preset-15",
|
|
122
|
+
shapeUri: "417ddd_ecc8d1d82e354afd830f3d0b64154767.svg",
|
|
123
|
+
label: "Brush Scatter"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
id: "preset-16",
|
|
127
|
+
shapeUri: "417ddd_ea7b2c520c0b4d5b8ca201eb2b9fdd39.svg",
|
|
128
|
+
label: "Brush Blob"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
id: "preset-17",
|
|
132
|
+
shapeUri: "417ddd_dc1ec3f79b2f4fe5b86497eb19454a38.svg",
|
|
133
|
+
label: "Rough Rock A"
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
id: "preset-18",
|
|
137
|
+
shapeUri: "417ddd_5e19c3659643489b88e12db71e37d589.svg",
|
|
138
|
+
label: "Rough Rock B"
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
id: "preset-19",
|
|
142
|
+
shapeUri: "417ddd_d89b6776c98042928e6ea0507e9560ab.svg",
|
|
143
|
+
label: "Rough Rock C"
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
id: "preset-20",
|
|
147
|
+
shapeUri: "417ddd_b05ceb2c9b7f43838c4307c03ee06145.svg",
|
|
148
|
+
label: "Checker Diamonds"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
id: "preset-21",
|
|
152
|
+
shapeUri: "417ddd_90e28735cfd54ba1b561a58e02d89a31.svg",
|
|
153
|
+
label: "Quatrefoil Dots"
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
id: "preset-22",
|
|
157
|
+
shapeUri: "417ddd_88a9b0886325450aa9162edcc090da06.svg",
|
|
158
|
+
label: "Tile Grid"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
id: "preset-23",
|
|
162
|
+
shapeUri: "417ddd_14a3e15604fa4d589db43de0eebc9f97.svg",
|
|
163
|
+
label: "Leaf Drop"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
id: "preset-24",
|
|
167
|
+
shapeUri: "417ddd_c6ae63be3c53476f86264b7ca2bcd644.svg",
|
|
168
|
+
label: "Horse"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
id: "preset-25",
|
|
172
|
+
shapeUri: "417ddd_a4510a7999a04ab69eeae575a81ae2f8.svg",
|
|
173
|
+
label: "Slashed Leaf"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
id: "preset-26",
|
|
177
|
+
shapeUri: "417ddd_484eacf7f40b4f758b416a97e1e920e1.svg",
|
|
178
|
+
label: "Pebble A"
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
id: "preset-27",
|
|
182
|
+
shapeUri: "417ddd_8be6e0becc044a01b2ef43359a7d4125.svg",
|
|
183
|
+
label: "Pebble B"
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
id: "preset-28",
|
|
187
|
+
shapeUri: "417ddd_f8aaf3bed8574e76ac3d1a1aa7deb3bc.svg",
|
|
188
|
+
label: "Pebble C"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
id: "preset-29",
|
|
192
|
+
shapeUri: "417ddd_0177915bb2f34218866d13535b32ec71.svg",
|
|
193
|
+
label: "Pinched Square"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
id: "preset-30",
|
|
197
|
+
shapeUri: "417ddd_41173ac915f248a19fefc8348177c395.svg",
|
|
198
|
+
label: "Slanted Corner"
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
id: "preset-31",
|
|
202
|
+
shapeUri: "417ddd_63e54c886aab41feb751d0bfa25c6b11.svg",
|
|
203
|
+
label: "Offset Squares"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
id: "preset-32",
|
|
207
|
+
shapeUri: "417ddd_095a703ff056498ab0492d14d3d7675b.svg",
|
|
208
|
+
label: "Dot Scatter"
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
id: "preset-33",
|
|
212
|
+
shapeUri: "417ddd_ffab6ea4463e4b97b86fe19b33da8ec6.svg",
|
|
213
|
+
label: "Pixel Scatter"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
id: "preset-34",
|
|
217
|
+
shapeUri: "417ddd_859d4e478cfe491b8ea77d0b27ae3775.svg",
|
|
218
|
+
label: "Dash Lines"
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
id: "preset-35",
|
|
222
|
+
shapeUri: "417ddd_c2ca04bfcd11488db7176a8265e1d9ae.svg",
|
|
223
|
+
label: "Zigzag Slash"
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
id: "preset-36",
|
|
227
|
+
shapeUri: "417ddd_292facf173a64321af917ae8eac90110.svg",
|
|
228
|
+
label: "Star Notch"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
id: "preset-37",
|
|
232
|
+
shapeUri: "417ddd_dcaa2647695a4738a200f3f984e045d1.svg",
|
|
233
|
+
label: "Ribbon Wave"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
id: "preset-38",
|
|
237
|
+
shapeUri: "417ddd_ad09ab69bb8b4734aaef5e3388a9d599.svg",
|
|
238
|
+
label: "Speech Bubble"
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
id: "preset-39",
|
|
242
|
+
shapeUri: "417ddd_509553d69ebd4b588feee44a42901fe9.svg",
|
|
243
|
+
label: "Ornate Badge"
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
id: "preset-40",
|
|
247
|
+
shapeUri: "417ddd_702afa88c9554731a2384ac446f4bee3.svg",
|
|
248
|
+
label: "Heart Bubble"
|
|
249
|
+
},
|
|
250
|
+
{
|
|
251
|
+
id: "preset-41",
|
|
252
|
+
shapeUri: "417ddd_c4e3cd986a3045e4b23601779de2f0f3.svg",
|
|
253
|
+
label: "Scanline Squircle"
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
id: "preset-42",
|
|
257
|
+
shapeUri: "417ddd_34cd438ff0324ac885bfecc1d3bebcfe.svg",
|
|
258
|
+
label: "Fade Circle"
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
id: "preset-43",
|
|
262
|
+
shapeUri: "417ddd_8baabe8dfce3464a84fb6708ef08b16f.svg",
|
|
263
|
+
label: "Fade Blob"
|
|
264
|
+
}
|
|
265
|
+
];
|
|
266
|
+
const builtInMaskPresets = PRESET_SHAPES.map(
|
|
267
|
+
({ id, shapeUri, label }) => ({
|
|
268
|
+
id,
|
|
269
|
+
kind: "preset",
|
|
270
|
+
label,
|
|
271
|
+
shapeUri
|
|
272
|
+
})
|
|
273
|
+
);
|
|
274
|
+
const maskPresetCatalog = [
|
|
275
|
+
{
|
|
276
|
+
id: MASK_PRESET_CLEAR_ID,
|
|
277
|
+
kind: "clear",
|
|
278
|
+
label: "Clear selection"
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
id: MASK_PRESET_UPLOAD_ID,
|
|
282
|
+
kind: "upload",
|
|
283
|
+
label: "Choose a shape"
|
|
284
|
+
},
|
|
285
|
+
...builtInMaskPresets
|
|
286
|
+
];
|
|
@@ -0,0 +1,267 @@
|
|
|
1
|
+
const MASK_PRESET_CLEAR_ID = "clear";
|
|
2
|
+
const MASK_PRESET_UPLOAD_ID = "upload";
|
|
3
|
+
const safeMaskPresetIds = [
|
|
4
|
+
"preset-26",
|
|
5
|
+
// Pebble A
|
|
6
|
+
"preset-22",
|
|
7
|
+
// Tile Grid
|
|
8
|
+
"preset-29",
|
|
9
|
+
// Pinched Square
|
|
10
|
+
"preset-8",
|
|
11
|
+
// Notched Block
|
|
12
|
+
"preset-11",
|
|
13
|
+
// Ellipse Slices
|
|
14
|
+
"preset-41",
|
|
15
|
+
// Scanline Squircle
|
|
16
|
+
"preset-33",
|
|
17
|
+
// Pixel Scatter
|
|
18
|
+
"preset-1",
|
|
19
|
+
// Circle
|
|
20
|
+
"preset-2"
|
|
21
|
+
// Arch
|
|
22
|
+
];
|
|
23
|
+
const PRESET_SHAPES = [
|
|
24
|
+
{
|
|
25
|
+
id: "preset-1",
|
|
26
|
+
shapeUri: "417ddd_00f94d35a8f84b959241a5d4293ee772.svg",
|
|
27
|
+
label: "Circle"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
id: "preset-2",
|
|
31
|
+
shapeUri: "417ddd_3d6ddf28b43e45499ea8557b8d963c79.svg",
|
|
32
|
+
label: "Arch"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
id: "preset-3",
|
|
36
|
+
shapeUri: "417ddd_c4e65c20d3844ffd97c9b2551ce7d269.svg",
|
|
37
|
+
label: "Heptagon"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
id: "preset-4",
|
|
41
|
+
shapeUri: "417ddd_c294e9b039624dfea42fe295339ee9aa.svg",
|
|
42
|
+
label: "Cut Corners"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
id: "preset-5",
|
|
46
|
+
shapeUri: "417ddd_41fc44e9075a4e269bfe6e6f12d1caa4.svg",
|
|
47
|
+
label: "Splat"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
id: "preset-6",
|
|
51
|
+
shapeUri: "417ddd_22bf952b30c84fbd838b01399e4d363f.svg",
|
|
52
|
+
label: "Cloud Flower"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
id: "preset-7",
|
|
56
|
+
shapeUri: "417ddd_a4e6448c5d144c8888fb7bc4b07ef160.svg",
|
|
57
|
+
label: "Burst"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
id: "preset-8",
|
|
61
|
+
shapeUri: "417ddd_d3fda4cc71b64116a59d3a68df598bab.svg",
|
|
62
|
+
label: "Notched Block"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
id: "preset-9",
|
|
66
|
+
shapeUri: "417ddd_67e5a948b54646ad94d5cfe512bef2ec.svg",
|
|
67
|
+
label: "Explosion"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
id: "preset-10",
|
|
71
|
+
shapeUri: "417ddd_2db4918ba64042bdb8ee489c8aeaa0f5.svg",
|
|
72
|
+
label: "Twin Arches"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
id: "preset-11",
|
|
76
|
+
shapeUri: "417ddd_5358f38c9acf4445a18213e7e4026440.svg",
|
|
77
|
+
label: "Ellipse Slices"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
id: "preset-12",
|
|
81
|
+
shapeUri: "417ddd_baba4105d5f74c9b92687c46f3c25547.svg",
|
|
82
|
+
label: "Bowtie Arches"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
id: "preset-13",
|
|
86
|
+
shapeUri: "417ddd_afb67cc936294377b797ad58eb9e2732.svg",
|
|
87
|
+
label: "Sparkle Rounded"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
id: "preset-14",
|
|
91
|
+
shapeUri: "417ddd_bceedaf6180e4a2fbc2962431557915b.svg",
|
|
92
|
+
label: "Brush Swirl"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
id: "preset-15",
|
|
96
|
+
shapeUri: "417ddd_ecc8d1d82e354afd830f3d0b64154767.svg",
|
|
97
|
+
label: "Brush Scatter"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
id: "preset-16",
|
|
101
|
+
shapeUri: "417ddd_ea7b2c520c0b4d5b8ca201eb2b9fdd39.svg",
|
|
102
|
+
label: "Brush Blob"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
id: "preset-17",
|
|
106
|
+
shapeUri: "417ddd_dc1ec3f79b2f4fe5b86497eb19454a38.svg",
|
|
107
|
+
label: "Rough Rock A"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
id: "preset-18",
|
|
111
|
+
shapeUri: "417ddd_5e19c3659643489b88e12db71e37d589.svg",
|
|
112
|
+
label: "Rough Rock B"
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
id: "preset-19",
|
|
116
|
+
shapeUri: "417ddd_d89b6776c98042928e6ea0507e9560ab.svg",
|
|
117
|
+
label: "Rough Rock C"
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
id: "preset-20",
|
|
121
|
+
shapeUri: "417ddd_b05ceb2c9b7f43838c4307c03ee06145.svg",
|
|
122
|
+
label: "Checker Diamonds"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
id: "preset-21",
|
|
126
|
+
shapeUri: "417ddd_90e28735cfd54ba1b561a58e02d89a31.svg",
|
|
127
|
+
label: "Quatrefoil Dots"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
id: "preset-22",
|
|
131
|
+
shapeUri: "417ddd_88a9b0886325450aa9162edcc090da06.svg",
|
|
132
|
+
label: "Tile Grid"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
id: "preset-23",
|
|
136
|
+
shapeUri: "417ddd_14a3e15604fa4d589db43de0eebc9f97.svg",
|
|
137
|
+
label: "Leaf Drop"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
id: "preset-24",
|
|
141
|
+
shapeUri: "417ddd_c6ae63be3c53476f86264b7ca2bcd644.svg",
|
|
142
|
+
label: "Horse"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
id: "preset-25",
|
|
146
|
+
shapeUri: "417ddd_a4510a7999a04ab69eeae575a81ae2f8.svg",
|
|
147
|
+
label: "Slashed Leaf"
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
id: "preset-26",
|
|
151
|
+
shapeUri: "417ddd_484eacf7f40b4f758b416a97e1e920e1.svg",
|
|
152
|
+
label: "Pebble A"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
id: "preset-27",
|
|
156
|
+
shapeUri: "417ddd_8be6e0becc044a01b2ef43359a7d4125.svg",
|
|
157
|
+
label: "Pebble B"
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
id: "preset-28",
|
|
161
|
+
shapeUri: "417ddd_f8aaf3bed8574e76ac3d1a1aa7deb3bc.svg",
|
|
162
|
+
label: "Pebble C"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
id: "preset-29",
|
|
166
|
+
shapeUri: "417ddd_0177915bb2f34218866d13535b32ec71.svg",
|
|
167
|
+
label: "Pinched Square"
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
id: "preset-30",
|
|
171
|
+
shapeUri: "417ddd_41173ac915f248a19fefc8348177c395.svg",
|
|
172
|
+
label: "Slanted Corner"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
id: "preset-31",
|
|
176
|
+
shapeUri: "417ddd_63e54c886aab41feb751d0bfa25c6b11.svg",
|
|
177
|
+
label: "Offset Squares"
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
id: "preset-32",
|
|
181
|
+
shapeUri: "417ddd_095a703ff056498ab0492d14d3d7675b.svg",
|
|
182
|
+
label: "Dot Scatter"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
id: "preset-33",
|
|
186
|
+
shapeUri: "417ddd_ffab6ea4463e4b97b86fe19b33da8ec6.svg",
|
|
187
|
+
label: "Pixel Scatter"
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
id: "preset-34",
|
|
191
|
+
shapeUri: "417ddd_859d4e478cfe491b8ea77d0b27ae3775.svg",
|
|
192
|
+
label: "Dash Lines"
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
id: "preset-35",
|
|
196
|
+
shapeUri: "417ddd_c2ca04bfcd11488db7176a8265e1d9ae.svg",
|
|
197
|
+
label: "Zigzag Slash"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
id: "preset-36",
|
|
201
|
+
shapeUri: "417ddd_292facf173a64321af917ae8eac90110.svg",
|
|
202
|
+
label: "Star Notch"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
id: "preset-37",
|
|
206
|
+
shapeUri: "417ddd_dcaa2647695a4738a200f3f984e045d1.svg",
|
|
207
|
+
label: "Ribbon Wave"
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
id: "preset-38",
|
|
211
|
+
shapeUri: "417ddd_ad09ab69bb8b4734aaef5e3388a9d599.svg",
|
|
212
|
+
label: "Speech Bubble"
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
id: "preset-39",
|
|
216
|
+
shapeUri: "417ddd_509553d69ebd4b588feee44a42901fe9.svg",
|
|
217
|
+
label: "Ornate Badge"
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
id: "preset-40",
|
|
221
|
+
shapeUri: "417ddd_702afa88c9554731a2384ac446f4bee3.svg",
|
|
222
|
+
label: "Heart Bubble"
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
id: "preset-41",
|
|
226
|
+
shapeUri: "417ddd_c4e3cd986a3045e4b23601779de2f0f3.svg",
|
|
227
|
+
label: "Scanline Squircle"
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
id: "preset-42",
|
|
231
|
+
shapeUri: "417ddd_34cd438ff0324ac885bfecc1d3bebcfe.svg",
|
|
232
|
+
label: "Fade Circle"
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
id: "preset-43",
|
|
236
|
+
shapeUri: "417ddd_8baabe8dfce3464a84fb6708ef08b16f.svg",
|
|
237
|
+
label: "Fade Blob"
|
|
238
|
+
}
|
|
239
|
+
];
|
|
240
|
+
const builtInMaskPresets = PRESET_SHAPES.map(
|
|
241
|
+
({ id, shapeUri, label }) => ({
|
|
242
|
+
id,
|
|
243
|
+
kind: "preset",
|
|
244
|
+
label,
|
|
245
|
+
shapeUri
|
|
246
|
+
})
|
|
247
|
+
);
|
|
248
|
+
const maskPresetCatalog = [
|
|
249
|
+
{
|
|
250
|
+
id: MASK_PRESET_CLEAR_ID,
|
|
251
|
+
kind: "clear",
|
|
252
|
+
label: "Clear selection"
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
id: MASK_PRESET_UPLOAD_ID,
|
|
256
|
+
kind: "upload",
|
|
257
|
+
label: "Choose a shape"
|
|
258
|
+
},
|
|
259
|
+
...builtInMaskPresets
|
|
260
|
+
];
|
|
261
|
+
export {
|
|
262
|
+
MASK_PRESET_CLEAR_ID,
|
|
263
|
+
MASK_PRESET_UPLOAD_ID,
|
|
264
|
+
builtInMaskPresets,
|
|
265
|
+
maskPresetCatalog,
|
|
266
|
+
safeMaskPresetIds
|
|
267
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type MaskPresetKind = 'clear' | 'upload' | 'preset';
|
|
2
|
+
export type MaskPresetDefinition = {
|
|
3
|
+
id: string;
|
|
4
|
+
kind: MaskPresetKind;
|
|
5
|
+
label: string;
|
|
6
|
+
shapeUri?: string;
|
|
7
|
+
};
|
|
8
|
+
export type BuiltInMaskPreset = MaskPresetDefinition & {
|
|
9
|
+
kind: 'preset';
|
|
10
|
+
shapeUri: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const MASK_PRESET_CLEAR_ID = "clear";
|
|
13
|
+
export declare const MASK_PRESET_UPLOAD_ID = "upload";
|
|
14
|
+
export declare const safeMaskPresetIds: ReadonlyArray<string>;
|
|
15
|
+
export declare const builtInMaskPresets: Array<BuiltInMaskPreset>;
|
|
16
|
+
export declare const maskPresetCatalog: Array<MaskPresetDefinition>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type MaskPresetKind = 'clear' | 'upload' | 'preset';
|
|
2
|
+
export type MaskPresetDefinition = {
|
|
3
|
+
id: string;
|
|
4
|
+
kind: MaskPresetKind;
|
|
5
|
+
label: string;
|
|
6
|
+
shapeUri?: string;
|
|
7
|
+
};
|
|
8
|
+
export type BuiltInMaskPreset = MaskPresetDefinition & {
|
|
9
|
+
kind: 'preset';
|
|
10
|
+
shapeUri: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const MASK_PRESET_CLEAR_ID = "clear";
|
|
13
|
+
export declare const MASK_PRESET_UPLOAD_ID = "upload";
|
|
14
|
+
export declare const safeMaskPresetIds: ReadonlyArray<string>;
|
|
15
|
+
export declare const builtInMaskPresets: Array<BuiltInMaskPreset>;
|
|
16
|
+
export declare const maskPresetCatalog: Array<MaskPresetDefinition>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/editor-react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2748.0",
|
|
4
4
|
"description": "React components for the Wix Editor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -8,6 +8,16 @@
|
|
|
8
8
|
"dist/site"
|
|
9
9
|
],
|
|
10
10
|
"exports": {
|
|
11
|
+
"./mask-presets": {
|
|
12
|
+
"import": {
|
|
13
|
+
"types": "./dist/site/components/presetCatalog.d.ts",
|
|
14
|
+
"default": "./dist/site/components/mask-presets.js"
|
|
15
|
+
},
|
|
16
|
+
"require": {
|
|
17
|
+
"types": "./dist/site/components/presetCatalog.d.cts",
|
|
18
|
+
"default": "./dist/site/components/mask-presets.cjs"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
11
21
|
"./*": {
|
|
12
22
|
"types": "./dist/site/components/*/index.d.ts",
|
|
13
23
|
"import": "./dist/site/components/*/index.js"
|
|
@@ -32,7 +42,7 @@
|
|
|
32
42
|
"scripts": {
|
|
33
43
|
"astro": "astro",
|
|
34
44
|
"build": "yarn build:lite && yarn build:janet && yarn build:package",
|
|
35
|
-
"build:package": "vite build && yarn check:npm-bundle-secrets && yarn check:dist-deps",
|
|
45
|
+
"build:package": "vite build && node scripts/check-mask-preset-exports.mjs && yarn check:npm-bundle-secrets && yarn check:dist-deps",
|
|
36
46
|
"check:npm-bundle-secrets": "node scripts/check-npm-bundle-secrets.mjs",
|
|
37
47
|
"check:public-deps": "node scripts/check-public-deps.mjs",
|
|
38
48
|
"check:dist-deps": "node scripts/check-dist-deps.mjs",
|
|
@@ -106,7 +116,7 @@
|
|
|
106
116
|
"@wix/ambassador-devcenter-v1-component-type-data": "^1.0.576",
|
|
107
117
|
"@wix/astro": "^2.73.0",
|
|
108
118
|
"@wix/business-tools": "^1.0.233",
|
|
109
|
-
"@wix/cli": "^1.1.
|
|
119
|
+
"@wix/cli": "^1.1.262",
|
|
110
120
|
"@wix/cli-app": "^1.1.260",
|
|
111
121
|
"@wix/component-protocol": "^1.253.0",
|
|
112
122
|
"@wix/components-infra": "^1.0.0",
|
|
@@ -212,5 +222,5 @@
|
|
|
212
222
|
"registry": "https://registry.npmjs.org/",
|
|
213
223
|
"access": "public"
|
|
214
224
|
},
|
|
215
|
-
"falconPackageHash": "
|
|
225
|
+
"falconPackageHash": "f5b0ee95fa88e0d111bf5af6485d76c7e88ea2863896a437aa511f30"
|
|
216
226
|
}
|