@builder.io/sdk-qwik 0.0.9 → 0.0.10

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 (29) hide show
  1. package/lib/index.qwik.cjs +151 -207
  2. package/lib/index.qwik.mjs +152 -208
  3. package/package.json +3 -3
  4. package/src/blocks/button/button.jsx +0 -175
  5. package/src/blocks/columns/columns.jsx +27 -197
  6. package/src/blocks/custom-code/custom-code.jsx +16 -75
  7. package/src/blocks/embed/embed.jsx +20 -87
  8. package/src/blocks/form/builder-blocks.jsx +0 -75
  9. package/src/blocks/form/form.jsx +57 -536
  10. package/src/blocks/fragment/fragment.jsx +8 -56
  11. package/src/blocks/image/image.jsx +49 -493
  12. package/src/blocks/img/img.jsx +15 -72
  13. package/src/blocks/input/input.jsx +17 -83
  14. package/src/blocks/raw-text/raw-text.jsx +9 -50
  15. package/src/blocks/section/section.jsx +17 -94
  16. package/src/blocks/select/select.jsx +20 -145
  17. package/src/blocks/submit-button/submit-button.jsx +8 -84
  18. package/src/blocks/symbol/symbol.jsx +60 -194
  19. package/src/blocks/text/text.jsx +4 -43
  20. package/src/blocks/textarea/textarea.jsx +12 -62
  21. package/src/blocks/video/video.jsx +21 -71
  22. package/src/components/render-block/block-styles.jsx +0 -114
  23. package/src/components/render-block/render-block.jsx +0 -514
  24. package/src/components/render-block/render-component.jsx +0 -211
  25. package/src/components/render-block/render-repeated-block.jsx +0 -67
  26. package/src/components/render-blocks.jsx +40 -334
  27. package/src/components/render-content/components/render-styles.jsx +0 -50
  28. package/src/components/render-content/render-content.jsx +86 -385
  29. package/src/components/render-inlined-styles.jsx +0 -116
package/src/components/render-block/render-block.jsx CHANGED
@@ -217,517 +217,3 @@ export const RenderBlock = (props) => {
217
217
  );
218
218
  };
219
219
  export default RenderBlock;
220
- export const COMPONENT = {
221
- "@type": "@builder.io/mitosis/component",
222
- imports: [
223
- {
224
- imports: {
225
- getBlockActions: "getBlockActions",
226
- },
227
- path: "../../functions/get-block-actions.js",
228
- },
229
- {
230
- imports: {
231
- getBlockComponentOptions: "getBlockComponentOptions",
232
- },
233
- path: "../../functions/get-block-component-options.js",
234
- },
235
- {
236
- imports: {
237
- getBlockProperties: "getBlockProperties",
238
- },
239
- path: "../../functions/get-block-properties.js",
240
- },
241
- {
242
- imports: {
243
- getBlockStyles: "getBlockStyles",
244
- },
245
- path: "../../functions/get-block-styles.js",
246
- },
247
- {
248
- imports: {
249
- getBlockTag: "getBlockTag",
250
- },
251
- path: "../../functions/get-block-tag.js",
252
- },
253
- {
254
- imports: {
255
- getProcessedBlock: "getProcessedBlock",
256
- },
257
- path: "../../functions/get-processed-block.js",
258
- },
259
- {
260
- imports: {
261
- evaluate: "evaluate",
262
- },
263
- path: "../../functions/evaluate.js",
264
- },
265
- {
266
- imports: {
267
- BlockStyles: "default",
268
- },
269
- path: "./block-styles.lite",
270
- },
271
- {
272
- imports: {
273
- isEmptyHtmlElement: "isEmptyHtmlElement",
274
- },
275
- path: "./render-block.helpers.js",
276
- },
277
- {
278
- imports: {
279
- RenderComponent: "default",
280
- },
281
- path: "./render-component.lite",
282
- },
283
- {
284
- imports: {
285
- RenderRepeatedBlock: "default",
286
- },
287
- path: "./render-repeated-block.lite",
288
- },
289
- ],
290
- exports: {},
291
- inputs: [],
292
- meta: {
293
- useMetadata: {
294
- qwik: {
295
- component: {
296
- isLight: true,
297
- },
298
- },
299
- elementTag: "state.tagName",
300
- },
301
- },
302
- refs: {},
303
- state: {
304
- component:
305
- '@builder.io/mitosis/method:get component() {\n const componentName = getProcessedBlock({\n block: props.block,\n state: props.context.state,\n context: props.context.context,\n evaluateBindings: false\n }).component?.name;\n\n if (!componentName) {\n return null;\n }\n\n const ref = props.context.registeredComponents[componentName];\n\n if (!ref) {\n // TODO: Public doc page with more info about this message\n console.warn(`\n Could not find a registered component named "${componentName}". \n If you registered it, is the file that registered it imported by the file that needs to render it?`);\n return undefined;\n } else {\n return ref;\n }\n}',
306
- componentInfo:
307
- "@builder.io/mitosis/method:get componentInfo() {\n if (component(props,state)) {\n const {\n component: _,\n ...info\n } = component(props,state);\n return info;\n } else {\n return undefined;\n }\n}",
308
- componentRef:
309
- "@builder.io/mitosis/method:get componentRef() {\n return component(props,state)?.component;\n}",
310
- tagName:
311
- "@builder.io/mitosis/method:get tagName() {\n return getBlockTag(useBlock(props,state));\n}",
312
- useBlock:
313
- "@builder.io/mitosis/method:get useBlock() {\n return repeatItemData(props,state) ? props.block : getProcessedBlock({\n block: props.block,\n state: props.context.state,\n context: props.context.context,\n evaluateBindings: true\n });\n}",
314
- attributes:
315
- "@builder.io/mitosis/method:get attributes() {\n return { ...getBlockProperties(useBlock(props,state)),\n ...getBlockActions({\n block: useBlock(props,state),\n state: props.context.state,\n context: props.context.context\n }),\n style: getBlockStyles(useBlock(props,state))\n };\n}",
316
- shouldWrap:
317
- "@builder.io/mitosis/method:get shouldWrap() {\n return !componentInfo(props,state)?.noWrap;\n}",
318
- componentOptions:
319
- "@builder.io/mitosis/method:get componentOptions() {\n return { ...getBlockComponentOptions(useBlock(props,state)),\n\n /**\n * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then\n * they are provided to the component itself directly.\n */\n ...(shouldWrap(props,state) ? {} : {\n attributes: attributes(props,state)\n })\n };\n}",
320
- renderComponentProps:
321
- "@builder.io/mitosis/method:get renderComponentProps() {\n return {\n blockChildren: children(props,state),\n componentRef: componentRef(props,state),\n componentOptions: componentOptions(props,state)\n };\n}",
322
- children:
323
- "@builder.io/mitosis/method:get children() {\n // TO-DO: When should `canHaveChildren` dictate rendering?\n // This is currently commented out because some Builder components (e.g. Box) do not have `canHaveChildren: true`,\n // but still receive and need to render children.\n // return state.componentInfo?.canHaveChildren ? state.useBlock.children : [];\n return useBlock(props,state).children ?? [];\n}",
324
- childrenWithoutParentComponent:
325
- "@builder.io/mitosis/method:get childrenWithoutParentComponent() {\n /**\n * When there is no `componentRef`, there might still be children that need to be rendered. In this case,\n * we render them outside of `componentRef`.\n * NOTE: We make sure not to render this if `repeatItemData` is non-null, because that means we are rendering an array of\n * blocks, and the children will be repeated within those blocks.\n */\n const shouldRenderChildrenOutsideRef = !componentRef(props,state) && !repeatItemData(props,state);\n return shouldRenderChildrenOutsideRef ? children(props,state) : [];\n}",
326
- repeatItemData:
327
- "@builder.io/mitosis/method:get repeatItemData() {\n /**\n * we don't use `state.useBlock` here because the processing done within its logic includes evaluating the block's bindings,\n * which will not work if there is a repeat.\n */\n const {\n repeat,\n ...blockWithoutRepeat\n } = props.block;\n\n if (!repeat?.collection) {\n return undefined;\n }\n\n const itemsArray = evaluate({\n code: repeat.collection,\n state: props.context.state,\n context: props.context.context\n });\n\n if (!Array.isArray(itemsArray)) {\n return undefined;\n }\n\n const collectionName = repeat.collection.split('.').pop();\n const itemNameToUse = repeat.itemName || (collectionName ? collectionName + 'Item' : 'item');\n const repeatArray = itemsArray.map<RepeatData>((item, index) => ({\n context: { ...props.context,\n state: { ...props.context.state,\n $index: index,\n $item: item,\n [itemNameToUse]: item,\n [`$${itemNameToUse}Index`]: index\n }\n },\n block: blockWithoutRepeat\n }));\n return repeatArray;\n}",
328
- },
329
- children: [
330
- {
331
- "@type": "@builder.io/mitosis/node",
332
- name: "Show",
333
- meta: {
334
- else: {
335
- "@type": "@builder.io/mitosis/node",
336
- name: "RenderComponent",
337
- meta: {},
338
- scope: {},
339
- properties: {},
340
- bindings: {
341
- _spread: {
342
- code: "renderComponentProps(props,state)",
343
- },
344
- context: {
345
- code: "props.context",
346
- },
347
- },
348
- children: [],
349
- },
350
- },
351
- scope: {},
352
- properties: {},
353
- bindings: {
354
- when: {
355
- code: "shouldWrap(props,state)",
356
- },
357
- },
358
- children: [
359
- {
360
- "@type": "@builder.io/mitosis/node",
361
- name: "div",
362
- meta: {},
363
- scope: {},
364
- properties: {
365
- _text: "\n ",
366
- },
367
- bindings: {},
368
- children: [],
369
- },
370
- {
371
- "@type": "@builder.io/mitosis/node",
372
- name: "Show",
373
- meta: {
374
- else: {
375
- "@type": "@builder.io/mitosis/node",
376
- name: "state.tagName",
377
- meta: {},
378
- scope: {},
379
- properties: {},
380
- bindings: {
381
- _spread: {
382
- code: "attributes(props,state)",
383
- },
384
- },
385
- children: [],
386
- },
387
- },
388
- scope: {},
389
- properties: {},
390
- bindings: {
391
- when: {
392
- code: "!isEmptyHtmlElement(tagName(props,state))",
393
- },
394
- },
395
- children: [
396
- {
397
- "@type": "@builder.io/mitosis/node",
398
- name: "div",
399
- meta: {},
400
- scope: {},
401
- properties: {
402
- _text: "\n ",
403
- },
404
- bindings: {},
405
- children: [],
406
- },
407
- {
408
- "@type": "@builder.io/mitosis/node",
409
- name: "state.tagName",
410
- meta: {},
411
- scope: {},
412
- properties: {},
413
- bindings: {
414
- _spread: {
415
- code: "attributes(props,state)",
416
- },
417
- },
418
- children: [
419
- {
420
- "@type": "@builder.io/mitosis/node",
421
- name: "div",
422
- meta: {},
423
- scope: {},
424
- properties: {
425
- _text: "\n ",
426
- },
427
- bindings: {},
428
- children: [],
429
- },
430
- {
431
- "@type": "@builder.io/mitosis/node",
432
- name: "div",
433
- meta: {},
434
- scope: {},
435
- properties: {
436
- _text: "\n ",
437
- },
438
- bindings: {},
439
- children: [],
440
- },
441
- {
442
- "@type": "@builder.io/mitosis/node",
443
- name: "Show",
444
- meta: {},
445
- scope: {},
446
- properties: {},
447
- bindings: {
448
- when: {
449
- code: "repeatItemData(props,state)",
450
- },
451
- },
452
- children: [
453
- {
454
- "@type": "@builder.io/mitosis/node",
455
- name: "div",
456
- meta: {},
457
- scope: {},
458
- properties: {
459
- _text: "\n ",
460
- },
461
- bindings: {},
462
- children: [],
463
- },
464
- {
465
- "@type": "@builder.io/mitosis/node",
466
- name: "For",
467
- meta: {},
468
- scope: {
469
- For: ["data", "index"],
470
- },
471
- properties: {
472
- _forName: "data",
473
- _indexName: "index",
474
- },
475
- bindings: {
476
- each: {
477
- code: "repeatItemData(props,state)",
478
- },
479
- },
480
- children: [
481
- {
482
- "@type": "@builder.io/mitosis/node",
483
- name: "RenderRepeatedBlock",
484
- meta: {},
485
- scope: {},
486
- properties: {},
487
- bindings: {
488
- key: {
489
- code: "index",
490
- },
491
- repeatContext: {
492
- code: "data.context",
493
- },
494
- block: {
495
- code: "data.block",
496
- },
497
- },
498
- children: [],
499
- },
500
- ],
501
- },
502
- {
503
- "@type": "@builder.io/mitosis/node",
504
- name: "div",
505
- meta: {},
506
- scope: {},
507
- properties: {
508
- _text: "\n ",
509
- },
510
- bindings: {},
511
- children: [],
512
- },
513
- ],
514
- },
515
- {
516
- "@type": "@builder.io/mitosis/node",
517
- name: "div",
518
- meta: {},
519
- scope: {},
520
- properties: {
521
- _text: "\n ",
522
- },
523
- bindings: {},
524
- children: [],
525
- },
526
- {
527
- "@type": "@builder.io/mitosis/node",
528
- name: "Show",
529
- meta: {},
530
- scope: {},
531
- properties: {},
532
- bindings: {
533
- when: {
534
- code: "!repeatItemData(props,state)",
535
- },
536
- },
537
- children: [
538
- {
539
- "@type": "@builder.io/mitosis/node",
540
- name: "div",
541
- meta: {},
542
- scope: {},
543
- properties: {
544
- _text: "\n ",
545
- },
546
- bindings: {},
547
- children: [],
548
- },
549
- {
550
- "@type": "@builder.io/mitosis/node",
551
- name: "RenderComponent",
552
- meta: {},
553
- scope: {},
554
- properties: {},
555
- bindings: {
556
- _spread: {
557
- code: "renderComponentProps(props,state)",
558
- },
559
- },
560
- children: [],
561
- },
562
- {
563
- "@type": "@builder.io/mitosis/node",
564
- name: "div",
565
- meta: {},
566
- scope: {},
567
- properties: {
568
- _text: "\n ",
569
- },
570
- bindings: {},
571
- children: [],
572
- },
573
- ],
574
- },
575
- {
576
- "@type": "@builder.io/mitosis/node",
577
- name: "div",
578
- meta: {},
579
- scope: {},
580
- properties: {
581
- _text: "\n ",
582
- },
583
- bindings: {},
584
- children: [],
585
- },
586
- {
587
- "@type": "@builder.io/mitosis/node",
588
- name: "div",
589
- meta: {},
590
- scope: {},
591
- properties: {
592
- _text: "\n ",
593
- },
594
- bindings: {},
595
- children: [],
596
- },
597
- {
598
- "@type": "@builder.io/mitosis/node",
599
- name: "For",
600
- meta: {},
601
- scope: {
602
- For: ["child"],
603
- },
604
- properties: {
605
- _forName: "child",
606
- },
607
- bindings: {
608
- each: {
609
- code: "childrenWithoutParentComponent(props,state)",
610
- },
611
- },
612
- children: [
613
- {
614
- "@type": "@builder.io/mitosis/node",
615
- name: "RenderBlock",
616
- meta: {},
617
- scope: {},
618
- properties: {},
619
- bindings: {
620
- key: {
621
- code: "'render-block-' + child.id",
622
- },
623
- block: {
624
- code: "child",
625
- },
626
- context: {
627
- code: "props.context",
628
- },
629
- },
630
- children: [],
631
- },
632
- ],
633
- },
634
- {
635
- "@type": "@builder.io/mitosis/node",
636
- name: "div",
637
- meta: {},
638
- scope: {},
639
- properties: {
640
- _text: "\n ",
641
- },
642
- bindings: {},
643
- children: [],
644
- },
645
- {
646
- "@type": "@builder.io/mitosis/node",
647
- name: "For",
648
- meta: {},
649
- scope: {
650
- For: ["child"],
651
- },
652
- properties: {
653
- _forName: "child",
654
- },
655
- bindings: {
656
- each: {
657
- code: "childrenWithoutParentComponent(props,state)",
658
- },
659
- },
660
- children: [
661
- {
662
- "@type": "@builder.io/mitosis/node",
663
- name: "BlockStyles",
664
- meta: {},
665
- scope: {},
666
- properties: {},
667
- bindings: {
668
- key: {
669
- code: "'block-style-' + child.id",
670
- },
671
- block: {
672
- code: "child",
673
- },
674
- context: {
675
- code: "props.context",
676
- },
677
- },
678
- children: [],
679
- },
680
- ],
681
- },
682
- {
683
- "@type": "@builder.io/mitosis/node",
684
- name: "div",
685
- meta: {},
686
- scope: {},
687
- properties: {
688
- _text: "\n ",
689
- },
690
- bindings: {},
691
- children: [],
692
- },
693
- ],
694
- },
695
- {
696
- "@type": "@builder.io/mitosis/node",
697
- name: "div",
698
- meta: {},
699
- scope: {},
700
- properties: {
701
- _text: "\n ",
702
- },
703
- bindings: {},
704
- children: [],
705
- },
706
- ],
707
- },
708
- {
709
- "@type": "@builder.io/mitosis/node",
710
- name: "div",
711
- meta: {},
712
- scope: {},
713
- properties: {
714
- _text: "\n ",
715
- },
716
- bindings: {},
717
- children: [],
718
- },
719
- ],
720
- },
721
- ],
722
- hooks: {},
723
- context: {
724
- get: {},
725
- set: {},
726
- },
727
- name: "RenderBlock",
728
- subComponents: [],
729
- types: [
730
- "export type RenderBlockProps = {\n block: BuilderBlock;\n context: BuilderContextInterface;\n}; // eslint-disable-next-line @builder.io/mitosis/only-default-function-and-imports",
731
- ],
732
- propsTypeRef: "RenderBlockProps",
733
- };