@player-ui/reference-assets-plugin-react 0.4.0 → 0.4.1-next.1
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.cjs.js +140 -116
- package/dist/index.d.ts +14 -5
- package/dist/index.esm.js +140 -117
- package/dist/xlr/ActionAsset.json +126 -0
- package/dist/xlr/CollectionAsset.json +40 -0
- package/dist/xlr/InfoAsset.json +58 -0
- package/dist/xlr/InputAsset.json +109 -0
- package/dist/xlr/TextAsset.json +125 -0
- package/dist/xlr/manifest.js +16 -0
- package/dist/xlr/manifest.json +22 -0
- package/package.json +14 -6
- package/src/assets/action/Action.tsx +1 -1
- package/src/assets/image/Image.tsx +18 -0
- package/src/assets/image/index.tsx +1 -0
- package/src/assets/index.tsx +1 -0
- package/src/assets/info/Info.tsx +5 -29
- package/src/plugin.tsx +21 -3
package/dist/index.esm.js
CHANGED
|
@@ -7,19 +7,19 @@ import { useBeacon } from '@player-ui/beacon-plugin-react';
|
|
|
7
7
|
import makeClass from 'clsx';
|
|
8
8
|
import { ChevronLeftIcon } from '@chakra-ui/icons';
|
|
9
9
|
|
|
10
|
-
var __defProp$
|
|
11
|
-
var __getOwnPropSymbols$
|
|
12
|
-
var __hasOwnProp$
|
|
13
|
-
var __propIsEnum$
|
|
14
|
-
var __defNormalProp$
|
|
15
|
-
var __spreadValues$
|
|
10
|
+
var __defProp$8 = Object.defineProperty;
|
|
11
|
+
var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
|
|
12
|
+
var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
|
|
13
|
+
var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
|
|
14
|
+
var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
|
+
var __spreadValues$8 = (a, b) => {
|
|
16
16
|
for (var prop in b || (b = {}))
|
|
17
|
-
if (__hasOwnProp$
|
|
18
|
-
__defNormalProp$
|
|
19
|
-
if (__getOwnPropSymbols$
|
|
20
|
-
for (var prop of __getOwnPropSymbols$
|
|
21
|
-
if (__propIsEnum$
|
|
22
|
-
__defNormalProp$
|
|
17
|
+
if (__hasOwnProp$8.call(b, prop))
|
|
18
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
19
|
+
if (__getOwnPropSymbols$8)
|
|
20
|
+
for (var prop of __getOwnPropSymbols$8(b)) {
|
|
21
|
+
if (__propIsEnum$8.call(b, prop))
|
|
22
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
23
23
|
}
|
|
24
24
|
return a;
|
|
25
25
|
};
|
|
@@ -36,7 +36,7 @@ const defaultKeyStrings = [
|
|
|
36
36
|
"Escape"
|
|
37
37
|
];
|
|
38
38
|
const getConfig = (userConfig = {}) => {
|
|
39
|
-
return __spreadValues$
|
|
39
|
+
return __spreadValues$8({
|
|
40
40
|
liveFormat: true,
|
|
41
41
|
suppressBeacons: false,
|
|
42
42
|
quickFormatDelay: 200,
|
|
@@ -190,19 +190,19 @@ const useInputAsset = (props, config) => {
|
|
|
190
190
|
};
|
|
191
191
|
};
|
|
192
192
|
|
|
193
|
-
var __defProp$
|
|
194
|
-
var __getOwnPropSymbols$
|
|
195
|
-
var __hasOwnProp$
|
|
196
|
-
var __propIsEnum$
|
|
197
|
-
var __defNormalProp$
|
|
198
|
-
var __spreadValues$
|
|
193
|
+
var __defProp$7 = Object.defineProperty;
|
|
194
|
+
var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
|
|
195
|
+
var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
|
|
196
|
+
var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
|
|
197
|
+
var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
198
|
+
var __spreadValues$7 = (a, b) => {
|
|
199
199
|
for (var prop in b || (b = {}))
|
|
200
|
-
if (__hasOwnProp$
|
|
201
|
-
__defNormalProp$
|
|
202
|
-
if (__getOwnPropSymbols$
|
|
203
|
-
for (var prop of __getOwnPropSymbols$
|
|
204
|
-
if (__propIsEnum$
|
|
205
|
-
__defNormalProp$
|
|
200
|
+
if (__hasOwnProp$7.call(b, prop))
|
|
201
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
202
|
+
if (__getOwnPropSymbols$7)
|
|
203
|
+
for (var prop of __getOwnPropSymbols$7(b)) {
|
|
204
|
+
if (__propIsEnum$7.call(b, prop))
|
|
205
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
206
206
|
}
|
|
207
207
|
return a;
|
|
208
208
|
};
|
|
@@ -213,27 +213,27 @@ const Input = (props) => {
|
|
|
213
213
|
isInvalid: Boolean(validation)
|
|
214
214
|
}, label && /* @__PURE__ */ React.createElement(FormLabel, {
|
|
215
215
|
htmlFor: id
|
|
216
|
-
}, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$
|
|
216
|
+
}, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$7({}, label))), /* @__PURE__ */ React.createElement(Input$1, __spreadValues$7({
|
|
217
217
|
id,
|
|
218
218
|
size: "md"
|
|
219
|
-
}, inputProps)), validation && /* @__PURE__ */ React.createElement(FormErrorMessage, null, validation.message), note && /* @__PURE__ */ React.createElement(FormHelperText, null, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$
|
|
219
|
+
}, inputProps)), validation && /* @__PURE__ */ React.createElement(FormErrorMessage, null, validation.message), note && /* @__PURE__ */ React.createElement(FormHelperText, null, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$7({}, note))));
|
|
220
220
|
};
|
|
221
221
|
|
|
222
|
-
var __defProp$
|
|
222
|
+
var __defProp$6 = Object.defineProperty;
|
|
223
223
|
var __defProps = Object.defineProperties;
|
|
224
224
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
225
|
-
var __getOwnPropSymbols$
|
|
226
|
-
var __hasOwnProp$
|
|
227
|
-
var __propIsEnum$
|
|
228
|
-
var __defNormalProp$
|
|
229
|
-
var __spreadValues$
|
|
225
|
+
var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
|
|
226
|
+
var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
|
|
227
|
+
var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
|
|
228
|
+
var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
229
|
+
var __spreadValues$6 = (a, b) => {
|
|
230
230
|
for (var prop in b || (b = {}))
|
|
231
|
-
if (__hasOwnProp$
|
|
232
|
-
__defNormalProp$
|
|
233
|
-
if (__getOwnPropSymbols$
|
|
234
|
-
for (var prop of __getOwnPropSymbols$
|
|
235
|
-
if (__propIsEnum$
|
|
236
|
-
__defNormalProp$
|
|
231
|
+
if (__hasOwnProp$6.call(b, prop))
|
|
232
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
233
|
+
if (__getOwnPropSymbols$6)
|
|
234
|
+
for (var prop of __getOwnPropSymbols$6(b)) {
|
|
235
|
+
if (__propIsEnum$6.call(b, prop))
|
|
236
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
237
237
|
}
|
|
238
238
|
return a;
|
|
239
239
|
};
|
|
@@ -245,25 +245,25 @@ const useText = (props) => {
|
|
|
245
245
|
if (props.modifiers && (modifierContext == null ? void 0 : modifierContext.getClassForModifier)) {
|
|
246
246
|
className = makeClass(...props.modifiers.map(modifierContext.getClassForModifier));
|
|
247
247
|
}
|
|
248
|
-
return __spreadProps(__spreadValues$
|
|
248
|
+
return __spreadProps(__spreadValues$6({}, useAssetProps(props)), {
|
|
249
249
|
className,
|
|
250
250
|
children: props.value
|
|
251
251
|
});
|
|
252
252
|
};
|
|
253
253
|
|
|
254
|
-
var __defProp$
|
|
255
|
-
var __getOwnPropSymbols$
|
|
256
|
-
var __hasOwnProp$
|
|
257
|
-
var __propIsEnum$
|
|
258
|
-
var __defNormalProp$
|
|
259
|
-
var __spreadValues$
|
|
254
|
+
var __defProp$5 = Object.defineProperty;
|
|
255
|
+
var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
|
|
256
|
+
var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
|
|
257
|
+
var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
|
|
258
|
+
var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
259
|
+
var __spreadValues$5 = (a, b) => {
|
|
260
260
|
for (var prop in b || (b = {}))
|
|
261
|
-
if (__hasOwnProp$
|
|
262
|
-
__defNormalProp$
|
|
263
|
-
if (__getOwnPropSymbols$
|
|
264
|
-
for (var prop of __getOwnPropSymbols$
|
|
265
|
-
if (__propIsEnum$
|
|
266
|
-
__defNormalProp$
|
|
261
|
+
if (__hasOwnProp$5.call(b, prop))
|
|
262
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
263
|
+
if (__getOwnPropSymbols$5)
|
|
264
|
+
for (var prop of __getOwnPropSymbols$5(b)) {
|
|
265
|
+
if (__propIsEnum$5.call(b, prop))
|
|
266
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
267
267
|
}
|
|
268
268
|
return a;
|
|
269
269
|
};
|
|
@@ -283,7 +283,33 @@ const Text = (props) => {
|
|
|
283
283
|
href: linkModifier.metaData.ref
|
|
284
284
|
}, value);
|
|
285
285
|
}
|
|
286
|
-
return /* @__PURE__ */ React.createElement("span", __spreadValues$
|
|
286
|
+
return /* @__PURE__ */ React.createElement("span", __spreadValues$5({}, spanProps), value);
|
|
287
|
+
};
|
|
288
|
+
|
|
289
|
+
var __defProp$4 = Object.defineProperty;
|
|
290
|
+
var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
|
|
291
|
+
var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
|
|
292
|
+
var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
|
|
293
|
+
var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
294
|
+
var __spreadValues$4 = (a, b) => {
|
|
295
|
+
for (var prop in b || (b = {}))
|
|
296
|
+
if (__hasOwnProp$4.call(b, prop))
|
|
297
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
298
|
+
if (__getOwnPropSymbols$4)
|
|
299
|
+
for (var prop of __getOwnPropSymbols$4(b)) {
|
|
300
|
+
if (__propIsEnum$4.call(b, prop))
|
|
301
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
302
|
+
}
|
|
303
|
+
return a;
|
|
304
|
+
};
|
|
305
|
+
const Collection = (props) => {
|
|
306
|
+
var _a;
|
|
307
|
+
return /* @__PURE__ */ React.createElement(Flex, {
|
|
308
|
+
direction: "column",
|
|
309
|
+
gap: "5"
|
|
310
|
+
}, props.label && /* @__PURE__ */ React.createElement("h3", null, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$4({}, props.label))), (_a = props.values) == null ? void 0 : _a.map((a) => /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$4({
|
|
311
|
+
key: a.asset.id
|
|
312
|
+
}, a))));
|
|
287
313
|
};
|
|
288
314
|
|
|
289
315
|
var __defProp$3 = Object.defineProperty;
|
|
@@ -302,14 +328,21 @@ var __spreadValues$3 = (a, b) => {
|
|
|
302
328
|
}
|
|
303
329
|
return a;
|
|
304
330
|
};
|
|
305
|
-
const
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
331
|
+
const useAction = (props) => {
|
|
332
|
+
const { label } = props;
|
|
333
|
+
const beacon = useBeacon({
|
|
334
|
+
asset: props,
|
|
335
|
+
action: "clicked",
|
|
336
|
+
element: "button"
|
|
337
|
+
});
|
|
338
|
+
return {
|
|
339
|
+
id: props.id,
|
|
340
|
+
onClick: () => {
|
|
341
|
+
beacon();
|
|
342
|
+
props.run();
|
|
343
|
+
},
|
|
344
|
+
children: (label == null ? void 0 : label.asset) ? /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$3({}, label == null ? void 0 : label.asset)) : null
|
|
345
|
+
};
|
|
313
346
|
};
|
|
314
347
|
|
|
315
348
|
var __defProp$2 = Object.defineProperty;
|
|
@@ -328,21 +361,13 @@ var __spreadValues$2 = (a, b) => {
|
|
|
328
361
|
}
|
|
329
362
|
return a;
|
|
330
363
|
};
|
|
331
|
-
const
|
|
364
|
+
const Action = (props) => {
|
|
365
|
+
var _a;
|
|
332
366
|
const { label } = props;
|
|
333
|
-
const
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
});
|
|
338
|
-
return {
|
|
339
|
-
id: props.id,
|
|
340
|
-
onClick: () => {
|
|
341
|
-
beacon();
|
|
342
|
-
props.run();
|
|
343
|
-
},
|
|
344
|
-
children: (label == null ? void 0 : label.asset) ? /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$2({}, label == null ? void 0 : label.asset)) : null
|
|
345
|
-
};
|
|
367
|
+
const buttonProps = useAction(props);
|
|
368
|
+
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, __spreadValues$2({
|
|
369
|
+
variant: isBackAction(props) ? "ghost" : "solid"
|
|
370
|
+
}, buttonProps), ((_a = props == null ? void 0 : props.metaData) == null ? void 0 : _a.role) === "back" && /* @__PURE__ */ React.createElement(ChevronLeftIcon, null), label && /* @__PURE__ */ React.createElement(Text$1, null, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$2({}, label)))));
|
|
346
371
|
};
|
|
347
372
|
|
|
348
373
|
var __defProp$1 = Object.defineProperty;
|
|
@@ -361,42 +386,8 @@ var __spreadValues$1 = (a, b) => {
|
|
|
361
386
|
}
|
|
362
387
|
return a;
|
|
363
388
|
};
|
|
364
|
-
const Action = (props) => {
|
|
365
|
-
const { label } = props;
|
|
366
|
-
const buttonProps = useAction(props);
|
|
367
|
-
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, __spreadValues$1({
|
|
368
|
-
variant: isBackAction(props) ? "ghost" : "solid"
|
|
369
|
-
}, buttonProps), isBackAction(props) && /* @__PURE__ */ React.createElement(ChevronLeftIcon, null), label && /* @__PURE__ */ React.createElement(Text$1, null, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$1({}, label)))));
|
|
370
|
-
};
|
|
371
|
-
|
|
372
|
-
var __defProp = Object.defineProperty;
|
|
373
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
374
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
375
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
376
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
377
|
-
var __spreadValues = (a, b) => {
|
|
378
|
-
for (var prop in b || (b = {}))
|
|
379
|
-
if (__hasOwnProp.call(b, prop))
|
|
380
|
-
__defNormalProp(a, prop, b[prop]);
|
|
381
|
-
if (__getOwnPropSymbols)
|
|
382
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
383
|
-
if (__propIsEnum.call(b, prop))
|
|
384
|
-
__defNormalProp(a, prop, b[prop]);
|
|
385
|
-
}
|
|
386
|
-
return a;
|
|
387
|
-
};
|
|
388
389
|
const Info = (props) => {
|
|
389
|
-
var _a, _b;
|
|
390
|
-
const segmentedActions = React.useMemo(() => {
|
|
391
|
-
var _a2, _b2;
|
|
392
|
-
if (!((_a2 = props.actions) == null ? void 0 : _a2.length)) {
|
|
393
|
-
return;
|
|
394
|
-
}
|
|
395
|
-
return (_b2 = props.actions) == null ? void 0 : _b2.reduce((memo, next) => {
|
|
396
|
-
memo[isBackAction(next.asset) ? "prev" : "next"].push(next);
|
|
397
|
-
return memo;
|
|
398
|
-
}, { prev: [], next: [] });
|
|
399
|
-
}, [props.actions]);
|
|
390
|
+
var _a, _b, _c, _d;
|
|
400
391
|
return /* @__PURE__ */ React.createElement(Box, {
|
|
401
392
|
minW: { base: void 0, md: "md" }
|
|
402
393
|
}, /* @__PURE__ */ React.createElement(Stack, {
|
|
@@ -404,24 +395,55 @@ const Info = (props) => {
|
|
|
404
395
|
}, props.title && /* @__PURE__ */ React.createElement(Heading, {
|
|
405
396
|
size: "lg",
|
|
406
397
|
as: "h1"
|
|
407
|
-
}, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues({}, props.title))), props.subTitle && /* @__PURE__ */ React.createElement(Heading, {
|
|
398
|
+
}, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$1({}, props.title))), props.subTitle && /* @__PURE__ */ React.createElement(Heading, {
|
|
408
399
|
size: "md",
|
|
409
400
|
as: "h3"
|
|
410
|
-
}, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues({}, props.subTitle))), /* @__PURE__ */ React.createElement(Box, null, props.primaryInfo && /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues({}, props.primaryInfo))), /* @__PURE__ */ React.createElement(Stack, {
|
|
401
|
+
}, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$1({}, props.subTitle))), /* @__PURE__ */ React.createElement(Box, null, props.primaryInfo && /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$1({}, props.primaryInfo))), /* @__PURE__ */ React.createElement(Stack, {
|
|
411
402
|
gap: "4"
|
|
412
|
-
}, segmentedActions && /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(HStack, {
|
|
403
|
+
}, (props == null ? void 0 : props.segmentedActions) && /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(HStack, {
|
|
413
404
|
justifyContent: "space-between"
|
|
414
405
|
}, /* @__PURE__ */ React.createElement(ButtonGroup, {
|
|
415
406
|
spacing: "6"
|
|
416
|
-
}, (_a = segmentedActions == null ? void 0 :
|
|
407
|
+
}, (_b = (_a = props == null ? void 0 : props.segmentedActions) == null ? void 0 : _a.prev) == null ? void 0 : _b.map((a) => /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$1({
|
|
417
408
|
key: a.asset.id
|
|
418
409
|
}, a)))), /* @__PURE__ */ React.createElement(ButtonGroup, {
|
|
419
410
|
spacing: "6"
|
|
420
|
-
}, (
|
|
411
|
+
}, (_d = (_c = props == null ? void 0 : props.segmentedActions) == null ? void 0 : _c.next) == null ? void 0 : _d.map((a) => /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues$1({
|
|
421
412
|
key: a.asset.id
|
|
422
413
|
}, a))))))));
|
|
423
414
|
};
|
|
424
415
|
|
|
416
|
+
var __defProp = Object.defineProperty;
|
|
417
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
418
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
419
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
420
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
421
|
+
var __spreadValues = (a, b) => {
|
|
422
|
+
for (var prop in b || (b = {}))
|
|
423
|
+
if (__hasOwnProp.call(b, prop))
|
|
424
|
+
__defNormalProp(a, prop, b[prop]);
|
|
425
|
+
if (__getOwnPropSymbols)
|
|
426
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
427
|
+
if (__propIsEnum.call(b, prop))
|
|
428
|
+
__defNormalProp(a, prop, b[prop]);
|
|
429
|
+
}
|
|
430
|
+
return a;
|
|
431
|
+
};
|
|
432
|
+
const Image = (props) => {
|
|
433
|
+
const { metaData, caption, altText } = props;
|
|
434
|
+
console.log(props);
|
|
435
|
+
return /* @__PURE__ */ React.createElement("figure", {
|
|
436
|
+
className: "figure"
|
|
437
|
+
}, /* @__PURE__ */ React.createElement("img", {
|
|
438
|
+
className: "figure-img img-fluid",
|
|
439
|
+
src: metaData.ref,
|
|
440
|
+
alt: altText
|
|
441
|
+
}), caption && /* @__PURE__ */ React.createElement("figcaption", {
|
|
442
|
+
className: "figure-caption",
|
|
443
|
+
style: { marginTop: 15 }
|
|
444
|
+
}, /* @__PURE__ */ React.createElement(ReactAsset, __spreadValues({}, caption))));
|
|
445
|
+
};
|
|
446
|
+
|
|
425
447
|
const OptionalChakraThemeProvider = (props) => {
|
|
426
448
|
const theme = useTheme();
|
|
427
449
|
if (theme) {
|
|
@@ -439,7 +461,8 @@ class ReferenceAssetsPlugin {
|
|
|
439
461
|
["text", Text],
|
|
440
462
|
["action", Action],
|
|
441
463
|
["info", Info],
|
|
442
|
-
["collection", Collection]
|
|
464
|
+
["collection", Collection],
|
|
465
|
+
["image", Image]
|
|
443
466
|
]));
|
|
444
467
|
reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
|
|
445
468
|
return () => {
|
|
@@ -452,5 +475,5 @@ class ReferenceAssetsPlugin {
|
|
|
452
475
|
}
|
|
453
476
|
}
|
|
454
477
|
|
|
455
|
-
export { Action, Collection, Info, Input, ReferenceAssetsPlugin, Text, TextModifierContext, getConfig, getLinkModifier, useAction, useInputAsset, useInputBeacon, useText };
|
|
478
|
+
export { Action, Collection, Image, Info, Input, ReferenceAssetsPlugin, Text, TextModifierContext, getConfig, getLinkModifier, useAction, useInputAsset, useInputBeacon, useText };
|
|
456
479
|
//# sourceMappingURL=index.esm.js.map
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
{
|
|
2
|
+
"source": "/home/circleci/.cache/bazel/_bazel_circleci/e8362d362e14c7d23506d1dfa3aea8b8/sandbox/processwrapper-sandbox/2798/execroot/player/node_modules/@player-ui/reference-assets-plugin/dist/index.d.ts",
|
|
3
|
+
"name": "ActionAsset",
|
|
4
|
+
"type": "object",
|
|
5
|
+
"properties": {
|
|
6
|
+
"value": {
|
|
7
|
+
"required": false,
|
|
8
|
+
"node": {
|
|
9
|
+
"type": "string",
|
|
10
|
+
"title": "ActionAsset.value",
|
|
11
|
+
"description": "The transition value of the action in the state machine"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"label": {
|
|
15
|
+
"required": false,
|
|
16
|
+
"node": {
|
|
17
|
+
"type": "ref",
|
|
18
|
+
"ref": "AssetWrapper<AnyTextAsset>",
|
|
19
|
+
"genericArguments": [
|
|
20
|
+
{
|
|
21
|
+
"type": "ref",
|
|
22
|
+
"ref": "AnyTextAsset"
|
|
23
|
+
}
|
|
24
|
+
],
|
|
25
|
+
"title": "ActionAsset.label",
|
|
26
|
+
"description": "A text-like asset for the action's label"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"exp": {
|
|
30
|
+
"required": false,
|
|
31
|
+
"node": {
|
|
32
|
+
"type": "ref",
|
|
33
|
+
"ref": "Expression",
|
|
34
|
+
"title": "ActionAsset.exp",
|
|
35
|
+
"description": "An optional expression to execute before transitioning"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"accessibility": {
|
|
39
|
+
"required": false,
|
|
40
|
+
"node": {
|
|
41
|
+
"type": "string",
|
|
42
|
+
"title": "ActionAsset.accessibility",
|
|
43
|
+
"description": "An optional string that describes the action for screen-readers"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
"metaData": {
|
|
47
|
+
"required": false,
|
|
48
|
+
"node": {
|
|
49
|
+
"type": "object",
|
|
50
|
+
"properties": {
|
|
51
|
+
"beacon": {
|
|
52
|
+
"required": false,
|
|
53
|
+
"node": {
|
|
54
|
+
"source": "/home/circleci/.cache/bazel/_bazel_circleci/e8362d362e14c7d23506d1dfa3aea8b8/sandbox/processwrapper-sandbox/2798/execroot/player/node_modules/@player-ui/beacon-plugin/dist/index.d.ts",
|
|
55
|
+
"name": "BeaconDataType",
|
|
56
|
+
"type": "or",
|
|
57
|
+
"or": [
|
|
58
|
+
{
|
|
59
|
+
"type": "string",
|
|
60
|
+
"title": "BeaconDataType"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"type": "record",
|
|
64
|
+
"keyType": {
|
|
65
|
+
"type": "string"
|
|
66
|
+
},
|
|
67
|
+
"valueType": {
|
|
68
|
+
"type": "any"
|
|
69
|
+
},
|
|
70
|
+
"title": "BeaconDataType"
|
|
71
|
+
}
|
|
72
|
+
],
|
|
73
|
+
"title": "ActionAsset.metaData.beacon",
|
|
74
|
+
"description": "Additional data to beacon"
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
"skipValidation": {
|
|
78
|
+
"required": false,
|
|
79
|
+
"node": {
|
|
80
|
+
"type": "boolean",
|
|
81
|
+
"title": "ActionAsset.metaData.skipValidation",
|
|
82
|
+
"description": "Force transition to the next view without checking for validation"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
"role": {
|
|
86
|
+
"required": false,
|
|
87
|
+
"node": {
|
|
88
|
+
"type": "string",
|
|
89
|
+
"title": "ActionAsset.metaData.role",
|
|
90
|
+
"description": "string value to decide for the left anchor sign"
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"additionalProperties": false,
|
|
95
|
+
"title": "ActionAsset.metaData",
|
|
96
|
+
"description": "Additional optional data to assist with the action interactions on the page"
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
"additionalProperties": false,
|
|
101
|
+
"title": "ActionAsset",
|
|
102
|
+
"description": "User actions can be represented in several places.\nEach view typically has one or more actions that allow the user to navigate away from that view.\nIn addition, several asset types can have actions that apply to that asset only.",
|
|
103
|
+
"genericTokens": [
|
|
104
|
+
{
|
|
105
|
+
"symbol": "AnyTextAsset",
|
|
106
|
+
"constraints": {
|
|
107
|
+
"type": "ref",
|
|
108
|
+
"ref": "Asset"
|
|
109
|
+
},
|
|
110
|
+
"default": {
|
|
111
|
+
"type": "ref",
|
|
112
|
+
"ref": "Asset"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
],
|
|
116
|
+
"extends": {
|
|
117
|
+
"type": "ref",
|
|
118
|
+
"ref": "Asset<'action'>",
|
|
119
|
+
"genericArguments": [
|
|
120
|
+
{
|
|
121
|
+
"type": "string",
|
|
122
|
+
"const": "action"
|
|
123
|
+
}
|
|
124
|
+
]
|
|
125
|
+
}
|
|
126
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
{
|
|
2
|
+
"source": "/home/circleci/.cache/bazel/_bazel_circleci/e8362d362e14c7d23506d1dfa3aea8b8/sandbox/processwrapper-sandbox/2798/execroot/player/node_modules/@player-ui/reference-assets-plugin/dist/index.d.ts",
|
|
3
|
+
"name": "CollectionAsset",
|
|
4
|
+
"type": "object",
|
|
5
|
+
"properties": {
|
|
6
|
+
"label": {
|
|
7
|
+
"required": false,
|
|
8
|
+
"node": {
|
|
9
|
+
"type": "ref",
|
|
10
|
+
"ref": "AssetWrapper",
|
|
11
|
+
"title": "CollectionAsset.label",
|
|
12
|
+
"description": "An optional label to title the collection"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"values": {
|
|
16
|
+
"required": false,
|
|
17
|
+
"node": {
|
|
18
|
+
"type": "array",
|
|
19
|
+
"elementType": {
|
|
20
|
+
"type": "ref",
|
|
21
|
+
"ref": "AssetWrapper"
|
|
22
|
+
},
|
|
23
|
+
"title": "CollectionAsset.values",
|
|
24
|
+
"description": "The string value to show"
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"additionalProperties": false,
|
|
29
|
+
"title": "CollectionAsset",
|
|
30
|
+
"extends": {
|
|
31
|
+
"type": "ref",
|
|
32
|
+
"ref": "Asset<'collection'>",
|
|
33
|
+
"genericArguments": [
|
|
34
|
+
{
|
|
35
|
+
"type": "string",
|
|
36
|
+
"const": "collection"
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{
|
|
2
|
+
"source": "/home/circleci/.cache/bazel/_bazel_circleci/e8362d362e14c7d23506d1dfa3aea8b8/sandbox/processwrapper-sandbox/2798/execroot/player/node_modules/@player-ui/reference-assets-plugin/dist/index.d.ts",
|
|
3
|
+
"name": "InfoAsset",
|
|
4
|
+
"type": "object",
|
|
5
|
+
"properties": {
|
|
6
|
+
"title": {
|
|
7
|
+
"required": false,
|
|
8
|
+
"node": {
|
|
9
|
+
"type": "ref",
|
|
10
|
+
"ref": "AssetWrapper",
|
|
11
|
+
"title": "InfoAsset.title",
|
|
12
|
+
"description": "The string value to show"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"subTitle": {
|
|
16
|
+
"required": false,
|
|
17
|
+
"node": {
|
|
18
|
+
"type": "ref",
|
|
19
|
+
"ref": "AssetWrapper",
|
|
20
|
+
"title": "InfoAsset.subTitle",
|
|
21
|
+
"description": "subtitle"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"primaryInfo": {
|
|
25
|
+
"required": false,
|
|
26
|
+
"node": {
|
|
27
|
+
"type": "ref",
|
|
28
|
+
"ref": "AssetWrapper",
|
|
29
|
+
"title": "InfoAsset.primaryInfo",
|
|
30
|
+
"description": "Primary place for info"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
"actions": {
|
|
34
|
+
"required": false,
|
|
35
|
+
"node": {
|
|
36
|
+
"type": "array",
|
|
37
|
+
"elementType": {
|
|
38
|
+
"type": "ref",
|
|
39
|
+
"ref": "AssetWrapper"
|
|
40
|
+
},
|
|
41
|
+
"title": "InfoAsset.actions",
|
|
42
|
+
"description": "List of actions to show at the bottom of the page"
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
"additionalProperties": false,
|
|
47
|
+
"title": "InfoAsset",
|
|
48
|
+
"extends": {
|
|
49
|
+
"type": "ref",
|
|
50
|
+
"ref": "Asset<'info'>",
|
|
51
|
+
"genericArguments": [
|
|
52
|
+
{
|
|
53
|
+
"type": "string",
|
|
54
|
+
"const": "info"
|
|
55
|
+
}
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
}
|