@elementor/editor-canvas 3.33.0-180 → 3.33.0-182

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.js CHANGED
@@ -649,7 +649,7 @@ function StyleRenderer() {
649
649
  if (!container) {
650
650
  return null;
651
651
  }
652
- return /* @__PURE__ */ React3.createElement(import_ui2.Portal, { container }, styleItems.map((item) => /* @__PURE__ */ React3.createElement("style", { "data-e-style-id": item.id, key: `${item.id}-${item.breakpoint}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React3.createElement("link", { ...attrs, key: attrs.id })));
652
+ return /* @__PURE__ */ React3.createElement(import_ui2.Portal, { container }, styleItems.map((item, i) => /* @__PURE__ */ React3.createElement("style", { key: `${item.id}-${i}-${item.breakpoint}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React3.createElement("link", { ...attrs, key: attrs.id })));
653
653
  }
654
654
  function usePortalContainer() {
655
655
  return (0, import_editor_v1_adapters4.__privateUseListenTo)((0, import_editor_v1_adapters4.commandEndEvent)("editor/documents/attach-preview"), () => getCanvasIframeDocument()?.head);
package/dist/index.mjs CHANGED
@@ -613,7 +613,7 @@ function StyleRenderer() {
613
613
  if (!container) {
614
614
  return null;
615
615
  }
616
- return /* @__PURE__ */ React3.createElement(Portal, { container }, styleItems.map((item) => /* @__PURE__ */ React3.createElement("style", { "data-e-style-id": item.id, key: `${item.id}-${item.breakpoint}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React3.createElement("link", { ...attrs, key: attrs.id })));
616
+ return /* @__PURE__ */ React3.createElement(Portal, { container }, styleItems.map((item, i) => /* @__PURE__ */ React3.createElement("style", { key: `${item.id}-${i}-${item.breakpoint}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React3.createElement("link", { ...attrs, key: attrs.id })));
617
617
  }
618
618
  function usePortalContainer() {
619
619
  return useListenTo3(commandEndEvent2("editor/documents/attach-preview"), () => getCanvasIframeDocument()?.head);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elementor/editor-canvas",
3
3
  "description": "Elementor Editor Canvas",
4
- "version": "3.33.0-180",
4
+ "version": "3.33.0-182",
5
5
  "private": false,
6
6
  "author": "Elementor Team",
7
7
  "homepage": "https://elementor.com/",
@@ -37,19 +37,19 @@
37
37
  "react-dom": "^18.3.1"
38
38
  },
39
39
  "dependencies": {
40
- "@elementor/editor": "3.33.0-180",
41
- "@elementor/editor-notifications": "3.33.0-180",
42
- "@elementor/editor-documents": "3.33.0-180",
43
- "@elementor/editor-elements": "3.33.0-180",
44
- "@elementor/editor-props": "3.33.0-180",
45
- "@elementor/editor-responsive": "3.33.0-180",
46
- "@elementor/editor-styles": "3.33.0-180",
47
- "@elementor/editor-styles-repository": "3.33.0-180",
48
- "@elementor/editor-v1-adapters": "3.33.0-180",
49
- "@elementor/twing": "3.33.0-180",
40
+ "@elementor/editor": "3.33.0-182",
41
+ "@elementor/editor-notifications": "3.33.0-182",
42
+ "@elementor/editor-documents": "3.33.0-182",
43
+ "@elementor/editor-elements": "3.33.0-182",
44
+ "@elementor/editor-props": "3.33.0-182",
45
+ "@elementor/editor-responsive": "3.33.0-182",
46
+ "@elementor/editor-styles": "3.33.0-182",
47
+ "@elementor/editor-styles-repository": "3.33.0-182",
48
+ "@elementor/editor-v1-adapters": "3.33.0-182",
49
+ "@elementor/twing": "3.33.0-182",
50
50
  "@elementor/ui": "1.36.12",
51
- "@elementor/utils": "3.33.0-180",
52
- "@elementor/wp-media": "3.33.0-180",
51
+ "@elementor/utils": "3.33.0-182",
52
+ "@elementor/wp-media": "3.33.0-182",
53
53
  "@floating-ui/react": "^0.27.5",
54
54
  "@wordpress/i18n": "^5.13.0"
55
55
  },
@@ -4,14 +4,10 @@ exports[`<StyleRenderer /> should render styles and links in portal when contain
4
4
  <div
5
5
  data-testid="portal"
6
6
  >
7
- <style
8
- data-e-style-id="style1"
9
- >
7
+ <style>
10
8
  .test { color: red; }
11
9
  </style>
12
- <style
13
- data-e-style-id="style2"
14
- >
10
+ <style>
15
11
  .test2 { color: blue; }
16
12
  </style>
17
13
  <link
@@ -18,10 +18,8 @@ export function StyleRenderer() {
18
18
 
19
19
  return (
20
20
  <Portal container={ container }>
21
- { styleItems.map( ( item ) => (
22
- <style data-e-style-id={ item.id } key={ `${ item.id }-${ item.breakpoint }` }>
23
- { item.value }
24
- </style>
21
+ { styleItems.map( ( item, i ) => (
22
+ <style key={ `${ item.id }-${ i }-${ item.breakpoint }` }>{ item.value }</style>
25
23
  ) ) }
26
24
  { linksAttrs.map( ( attrs ) => (
27
25
  <link { ...attrs } key={ attrs.id } />