@qwickapps/react-framework 1.5.10 → 1.5.11

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 (18) hide show
  1. package/dist/index.esm.js +11 -4
  2. package/dist/index.js +11 -4
  3. package/dist/palettes/manifest.json +19 -19
  4. package/dist/schemas/transformers/ComponentTransformer.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/src/schemas/transformers/ComponentTransformer.ts +11 -2
  7. /package/dist/palettes/{palette-autumn.1.5.10.css → palette-autumn.1.5.11.css} +0 -0
  8. /package/dist/palettes/{palette-autumn.1.5.10.min.css → palette-autumn.1.5.11.min.css} +0 -0
  9. /package/dist/palettes/{palette-cosmic.1.5.10.css → palette-cosmic.1.5.11.css} +0 -0
  10. /package/dist/palettes/{palette-cosmic.1.5.10.min.css → palette-cosmic.1.5.11.min.css} +0 -0
  11. /package/dist/palettes/{palette-default.1.5.10.css → palette-default.1.5.11.css} +0 -0
  12. /package/dist/palettes/{palette-default.1.5.10.min.css → palette-default.1.5.11.min.css} +0 -0
  13. /package/dist/palettes/{palette-ocean.1.5.10.css → palette-ocean.1.5.11.css} +0 -0
  14. /package/dist/palettes/{palette-ocean.1.5.10.min.css → palette-ocean.1.5.11.min.css} +0 -0
  15. /package/dist/palettes/{palette-spring.1.5.10.css → palette-spring.1.5.11.css} +0 -0
  16. /package/dist/palettes/{palette-spring.1.5.10.min.css → palette-spring.1.5.11.min.css} +0 -0
  17. /package/dist/palettes/{palette-winter.1.5.10.css → palette-winter.1.5.11.css} +0 -0
  18. /package/dist/palettes/{palette-winter.1.5.10.min.css → palette-winter.1.5.11.min.css} +0 -0
package/dist/index.esm.js CHANGED
@@ -18827,16 +18827,23 @@ let ComponentTransformer$1 = class ComponentTransformer {
18827
18827
  }, transformedChildren);
18828
18828
  }
18829
18829
  // Fallback - use ReactNodeTransformer to handle as unregistered HTML
18830
+ const tagName = element.tagName.toLowerCase();
18831
+ // Void elements (self-closing tags) cannot have innerHTML
18832
+ // https://developer.mozilla.org/en-US/docs/Glossary/Void_element
18833
+ const voidElements = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr'];
18834
+ const isVoidElement = voidElements.includes(tagName);
18830
18835
  return ReactNodeTransformer.deserialize({
18831
18836
  type: 'react-element',
18832
- elementType: element.tagName.toLowerCase(),
18837
+ elementType: tagName,
18833
18838
  props: {
18834
18839
  key,
18835
18840
  className: element.className || undefined,
18836
18841
  id: element.id || undefined,
18837
- dangerouslySetInnerHTML: {
18838
- __html: element.innerHTML
18839
- }
18842
+ ...(isVoidElement ? {} : {
18843
+ dangerouslySetInnerHTML: {
18844
+ __html: element.innerHTML
18845
+ }
18846
+ })
18840
18847
  }
18841
18848
  });
18842
18849
  }
package/dist/index.js CHANGED
@@ -18829,16 +18829,23 @@ let ComponentTransformer$1 = class ComponentTransformer {
18829
18829
  }, transformedChildren);
18830
18830
  }
18831
18831
  // Fallback - use ReactNodeTransformer to handle as unregistered HTML
18832
+ const tagName = element.tagName.toLowerCase();
18833
+ // Void elements (self-closing tags) cannot have innerHTML
18834
+ // https://developer.mozilla.org/en-US/docs/Glossary/Void_element
18835
+ const voidElements = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr'];
18836
+ const isVoidElement = voidElements.includes(tagName);
18832
18837
  return ReactNodeTransformer.deserialize({
18833
18838
  type: 'react-element',
18834
- elementType: element.tagName.toLowerCase(),
18839
+ elementType: tagName,
18835
18840
  props: {
18836
18841
  key,
18837
18842
  className: element.className || undefined,
18838
18843
  id: element.id || undefined,
18839
- dangerouslySetInnerHTML: {
18840
- __html: element.innerHTML
18841
- }
18844
+ ...(isVoidElement ? {} : {
18845
+ dangerouslySetInnerHTML: {
18846
+ __html: element.innerHTML
18847
+ }
18848
+ })
18842
18849
  }
18843
18850
  });
18844
18851
  }
package/dist/palettes/manifest.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "$schema": "./manifest.schema.json",
3
- "version": "1.5.10",
3
+ "version": "1.5.11",
4
4
  "palettes": [
5
5
  {
6
6
  "id": "default",
@@ -8,11 +8,11 @@
8
8
  "description": "Classic blue and neutral color scheme - the original QwickApps palette",
9
9
  "author": "QwickApps",
10
10
  "license": "PolyForm-Shield-1.0.0",
11
- "version": "1.5.10",
12
- "file": "palette-default.1.5.10.css",
11
+ "version": "1.5.11",
12
+ "file": "palette-default.1.5.11.css",
13
13
  "primaryColor": "#007bff",
14
14
  "inlined": true,
15
- "fileMinified": "palette-default.1.5.10.min.css",
15
+ "fileMinified": "palette-default.1.5.11.min.css",
16
16
  "fileLatest": "palette-default.latest.css",
17
17
  "fileLatestMinified": "palette-default.latest.min.css"
18
18
  },
@@ -22,11 +22,11 @@
22
22
  "description": "Warm oranges, golden yellows, and earthy browns - inspired by fall foliage",
23
23
  "author": "QwickApps",
24
24
  "license": "PolyForm-Shield-1.0.0",
25
- "version": "1.5.10",
26
- "file": "palette-autumn.1.5.10.css",
25
+ "version": "1.5.11",
26
+ "file": "palette-autumn.1.5.11.css",
27
27
  "primaryColor": "#ea580c",
28
28
  "inlined": false,
29
- "fileMinified": "palette-autumn.1.5.10.min.css",
29
+ "fileMinified": "palette-autumn.1.5.11.min.css",
30
30
  "fileLatest": "palette-autumn.latest.css",
31
31
  "fileLatestMinified": "palette-autumn.latest.min.css"
32
32
  },
@@ -36,11 +36,11 @@
36
36
  "description": "Modern purple gradient for creative and tech brands - inspired by cosmic nebulae",
37
37
  "author": "QwickApps",
38
38
  "license": "PolyForm-Shield-1.0.0",
39
- "version": "1.5.10",
40
- "file": "palette-cosmic.1.5.10.css",
39
+ "version": "1.5.11",
40
+ "file": "palette-cosmic.1.5.11.css",
41
41
  "primaryColor": "#8b5cf6",
42
42
  "inlined": false,
43
- "fileMinified": "palette-cosmic.1.5.10.min.css",
43
+ "fileMinified": "palette-cosmic.1.5.11.min.css",
44
44
  "fileLatest": "palette-cosmic.latest.css",
45
45
  "fileLatestMinified": "palette-cosmic.latest.min.css"
46
46
  },
@@ -50,11 +50,11 @@
50
50
  "description": "Deep blues, aqua teals, and seafoam greens - inspired by ocean depths",
51
51
  "author": "QwickApps",
52
52
  "license": "PolyForm-Shield-1.0.0",
53
- "version": "1.5.10",
54
- "file": "palette-ocean.1.5.10.css",
53
+ "version": "1.5.11",
54
+ "file": "palette-ocean.1.5.11.css",
55
55
  "primaryColor": "#0891b2",
56
56
  "inlined": false,
57
- "fileMinified": "palette-ocean.1.5.10.min.css",
57
+ "fileMinified": "palette-ocean.1.5.11.min.css",
58
58
  "fileLatest": "palette-ocean.latest.css",
59
59
  "fileLatestMinified": "palette-ocean.latest.min.css"
60
60
  },
@@ -64,11 +64,11 @@
64
64
  "description": "Fresh greens, soft pinks, and bright yellows - inspired by spring blooms",
65
65
  "author": "QwickApps",
66
66
  "license": "PolyForm-Shield-1.0.0",
67
- "version": "1.5.10",
68
- "file": "palette-spring.1.5.10.css",
67
+ "version": "1.5.11",
68
+ "file": "palette-spring.1.5.11.css",
69
69
  "primaryColor": "#16a34a",
70
70
  "inlined": false,
71
- "fileMinified": "palette-spring.1.5.10.min.css",
71
+ "fileMinified": "palette-spring.1.5.11.min.css",
72
72
  "fileLatest": "palette-spring.latest.css",
73
73
  "fileLatestMinified": "palette-spring.latest.min.css"
74
74
  },
@@ -78,11 +78,11 @@
78
78
  "description": "Cool blues, icy whites, and frosty grays - inspired by winter landscapes",
79
79
  "author": "QwickApps",
80
80
  "license": "PolyForm-Shield-1.0.0",
81
- "version": "1.5.10",
82
- "file": "palette-winter.1.5.10.css",
81
+ "version": "1.5.11",
82
+ "file": "palette-winter.1.5.11.css",
83
83
  "primaryColor": "#0077be",
84
84
  "inlined": false,
85
- "fileMinified": "palette-winter.1.5.10.min.css",
85
+ "fileMinified": "palette-winter.1.5.11.min.css",
86
86
  "fileLatest": "palette-winter.latest.css",
87
87
  "fileLatestMinified": "palette-winter.latest.min.css"
88
88
  }
package/dist/schemas/transformers/ComponentTransformer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ComponentTransformer.d.ts","sourceRoot":"","sources":["../../../src/schemas/transformers/ComponentTransformer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAc,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAchE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;AAc3D;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B;;;OAGG;IACH,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAI5C;;;OAGG;IACH,MAAM,CAAC,YAAY,IAAI,OAAO;IAI9B;;;;OAIG;IACH,MAAM,CAAC,iBAAiB,CAAC,cAAc,EAAE,uBAAuB,GAAG,IAAI;IA4BvE;;;;OAIG;IACH,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,MAAM;IAKvD;;;;;;OAMG;IACH,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,SAAS,EAAE;IAe9E;;;;KAIC;IACD,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAQpC;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,eAAe;IAmD9B;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAkE5B;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,gCAAgC;IAI/C;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IA4BtC;;;OAGG;IACH,MAAM,CAAC,uBAAuB,IAAI,MAAM,EAAE;IAI1C;;OAEG;IACH,MAAM,CAAC,aAAa,IAAI,IAAI;IAO5B;;;;OAIG;IACH,MAAM,CAAC,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI;IAOtE;;;;OAIG;IACH,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAI3C;;;;OAIG;IACH,MAAM,CAAC,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAe/D;;;;OAIG;IACH,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE;IAS/C;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAsC/B;;;OAGG;IACH,MAAM,CAAC,qBAAqB,IAAI,MAAM,EAAE;CAGzC"}
1
+ {"version":3,"file":"ComponentTransformer.d.ts","sourceRoot":"","sources":["../../../src/schemas/transformers/ComponentTransformer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAc,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAchE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;AAc3D;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B;;;OAGG;IACH,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAI5C;;;OAGG;IACH,MAAM,CAAC,YAAY,IAAI,OAAO;IAI9B;;;;OAIG;IACH,MAAM,CAAC,iBAAiB,CAAC,cAAc,EAAE,uBAAuB,GAAG,IAAI;IA4BvE;;;;OAIG;IACH,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,MAAM;IAKvD;;;;;;OAMG;IACH,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,SAAS,EAAE;IAe9E;;;;KAIC;IACD,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAQpC;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,eAAe;IAmD9B;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAkE5B;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,gCAAgC;IAI/C;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IA4BtC;;;OAGG;IACH,MAAM,CAAC,uBAAuB,IAAI,MAAM,EAAE;IAI1C;;OAEG;IACH,MAAM,CAAC,aAAa,IAAI,IAAI;IAO5B;;;;OAIG;IACH,MAAM,CAAC,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI;IAOtE;;;;OAIG;IACH,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAI3C;;;;OAIG;IACH,MAAM,CAAC,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAe/D;;;;OAIG;IACH,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE;IAS/C;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IA+C/B;;;OAGG;IACH,MAAM,CAAC,qBAAqB,IAAI,MAAM,EAAE;CAGzC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qwickapps/react-framework",
3
- "version": "1.5.10",
3
+ "version": "1.5.11",
4
4
  "description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
package/src/schemas/transformers/ComponentTransformer.ts CHANGED
@@ -414,14 +414,23 @@ export class ComponentTransformer {
414
414
  }
415
415
 
416
416
  // Fallback - use ReactNodeTransformer to handle as unregistered HTML
417
+ const tagName = element.tagName.toLowerCase();
418
+
419
+ // Void elements (self-closing tags) cannot have innerHTML
420
+ // https://developer.mozilla.org/en-US/docs/Glossary/Void_element
421
+ const voidElements = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
422
+ 'link', 'meta', 'param', 'source', 'track', 'wbr'];
423
+
424
+ const isVoidElement = voidElements.includes(tagName);
425
+
417
426
  return ReactNodeTransformer.deserialize({
418
427
  type: 'react-element',
419
- elementType: element.tagName.toLowerCase(),
428
+ elementType: tagName,
420
429
  props: {
421
430
  key,
422
431
  className: element.className || undefined,
423
432
  id: element.id || undefined,
424
- dangerouslySetInnerHTML: { __html: element.innerHTML }
433
+ ...(isVoidElement ? {} : { dangerouslySetInnerHTML: { __html: element.innerHTML } })
425
434
  }
426
435
  });
427
436
  }