@elementor/editor-elements-panel-notice 4.0.0-633

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function register(Component: React.ComponentType): void;
+
+export { register };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function register(Component: React.ComponentType): void;
+
+export { register };

package/dist/index.js

@@ -0,0 +1,86 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  register: () => register
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/init.tsx
+var React2 = __toESM(require("react"));
+var import_editor = require("@elementor/editor");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+
+// src/components/notice-portal.tsx
+var React = __toESM(require("react"));
+var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
+var import_ui = require("@elementor/ui");
+var NOTICE_AREA_ID = "elementor-panel-elements-notice-area";
+var ELEMENTS_PANEL_ROUTE_PREFIX = "panel/elements/";
+function NoticePortal({ component: Component }) {
+  const container = (0, import_editor_v1_adapters.__privateUseListenTo)(
+    [(0, import_editor_v1_adapters.v1ReadyEvent)(), (0, import_editor_v1_adapters.routeOpenEvent)(ELEMENTS_PANEL_ROUTE_PREFIX)],
+    () => document.getElementById(NOTICE_AREA_ID)
+  );
+  return container ? /* @__PURE__ */ React.createElement(import_ui.Portal, { container }, /* @__PURE__ */ React.createElement(Component, null)) : null;
+}
+
+// src/utils/create-notice-view.ts
+function createNoticeView() {
+  return window.Marionette?.CompositeView.extend({
+    template: `<div></div>`
+  });
+}
+
+// src/init.tsx
+function register(Component) {
+  (0, import_editor.injectIntoTop)({
+    id: "editor-elements-panel-notice",
+    component: () => /* @__PURE__ */ React2.createElement(NoticePortal, { component: Component })
+  });
+  (0, import_editor_v1_adapters2.__privateListenTo)((0, import_editor_v1_adapters2.v1ReadyEvent)(), () => {
+    window.elementor?.hooks?.addFilter(
+      "panel/elements/regionViews",
+      (regionViews, { notice }) => {
+        regionViews.notice = {
+          region: notice,
+          view: createNoticeView()
+        };
+        return regionViews;
+      }
+    );
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  register
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/init.tsx","../src/components/notice-portal.tsx","../src/utils/create-notice-view.ts"],"sourcesContent":["export { register } from './init';\n","import * as React from 'react';\nimport { injectIntoTop } from '@elementor/editor';\nimport { __privateListenTo as listenTo, v1ReadyEvent } from '@elementor/editor-v1-adapters';\n\nimport { NoticePortal } from './components/notice-portal';\nimport { createNoticeView } from './utils/create-notice-view';\n\nexport function register( Component: React.ComponentType ) {\n\tinjectIntoTop( {\n\t\tid: 'editor-elements-panel-notice',\n\t\tcomponent: () => <NoticePortal component={ Component } />,\n\t} );\n\n\tlistenTo( v1ReadyEvent(), () => {\n\t\twindow.elementor?.hooks?.addFilter(\n\t\t\t'panel/elements/regionViews',\n\t\t\t( regionViews, { notice }: Record< string, unknown > ) => {\n\t\t\t\tregionViews.notice = {\n\t\t\t\t\tregion: notice,\n\t\t\t\t\tview: createNoticeView(),\n\t\t\t\t};\n\n\t\t\t\treturn regionViews;\n\t\t\t}\n\t\t);\n\t} );\n}\n","import * as React from 'react';\nimport { __privateUseListenTo as useListenTo, routeOpenEvent, v1ReadyEvent } from '@elementor/editor-v1-adapters';\nimport { Portal } from '@elementor/ui';\n\nconst NOTICE_AREA_ID = 'elementor-panel-elements-notice-area';\nconst ELEMENTS_PANEL_ROUTE_PREFIX = 'panel/elements/';\n\ntype Props = { component: React.ComponentType };\n\nexport function NoticePortal( { component: Component }: Props ) {\n\tconst container = useListenTo( [ v1ReadyEvent(), routeOpenEvent( ELEMENTS_PANEL_ROUTE_PREFIX ) ], () =>\n\t\tdocument.getElementById( NOTICE_AREA_ID )\n\t);\n\n\treturn container ? (\n\t\t<Portal container={ container }>\n\t\t\t<Component />\n\t\t</Portal>\n\t) : null;\n}\n","export function createNoticeView() {\n\treturn window.Marionette?.CompositeView.extend( {\n\t\ttemplate: `<div></div>`,\n\t} );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,SAAuB;AACvB,oBAA8B;AAC9B,IAAAC,6BAA4D;;;ACF5D,YAAuB;AACvB,gCAAkF;AAClF,gBAAuB;AAEvB,IAAM,iBAAiB;AACvB,IAAM,8BAA8B;AAI7B,SAAS,aAAc,EAAE,WAAW,UAAU,GAAW;AAC/D,QAAM,gBAAY,0BAAAC;AAAA,IAAa,KAAE,wCAAa,OAAG,0CAAgB,2BAA4B,CAAE;AAAA,IAAG,MACjG,SAAS,eAAgB,cAAe;AAAA,EACzC;AAEA,SAAO,YACN,oCAAC,oBAAO,aACP,oCAAC,eAAU,CACZ,IACG;AACL;;;ACnBO,SAAS,mBAAmB;AAClC,SAAO,OAAO,YAAY,cAAc,OAAQ;AAAA,IAC/C,UAAU;AAAA,EACX,CAAE;AACH;;;AFGO,SAAS,SAAU,WAAiC;AAC1D,mCAAe;AAAA,IACd,IAAI;AAAA,IACJ,WAAW,MAAM,qCAAC,gBAAa,WAAY,WAAY;AAAA,EACxD,CAAE;AAEF,iCAAAC,uBAAU,yCAAa,GAAG,MAAM;AAC/B,WAAO,WAAW,OAAO;AAAA,MACxB;AAAA,MACA,CAAE,aAAa,EAAE,OAAO,MAAkC;AACzD,oBAAY,SAAS;AAAA,UACpB,QAAQ;AAAA,UACR,MAAM,iBAAiB;AAAA,QACxB;AAEA,eAAO;AAAA,MACR;AAAA,IACD;AAAA,EACD,CAAE;AACH;","names":["React","import_editor_v1_adapters","useListenTo","listenTo"]}

package/dist/index.mjs

@@ -0,0 +1,49 @@
+// src/init.tsx
+import * as React2 from "react";
+import { injectIntoTop } from "@elementor/editor";
+import { __privateListenTo as listenTo, v1ReadyEvent as v1ReadyEvent2 } from "@elementor/editor-v1-adapters";
+
+// src/components/notice-portal.tsx
+import * as React from "react";
+import { __privateUseListenTo as useListenTo, routeOpenEvent, v1ReadyEvent } from "@elementor/editor-v1-adapters";
+import { Portal } from "@elementor/ui";
+var NOTICE_AREA_ID = "elementor-panel-elements-notice-area";
+var ELEMENTS_PANEL_ROUTE_PREFIX = "panel/elements/";
+function NoticePortal({ component: Component }) {
+  const container = useListenTo(
+    [v1ReadyEvent(), routeOpenEvent(ELEMENTS_PANEL_ROUTE_PREFIX)],
+    () => document.getElementById(NOTICE_AREA_ID)
+  );
+  return container ? /* @__PURE__ */ React.createElement(Portal, { container }, /* @__PURE__ */ React.createElement(Component, null)) : null;
+}
+
+// src/utils/create-notice-view.ts
+function createNoticeView() {
+  return window.Marionette?.CompositeView.extend({
+    template: `<div></div>`
+  });
+}
+
+// src/init.tsx
+function register(Component) {
+  injectIntoTop({
+    id: "editor-elements-panel-notice",
+    component: () => /* @__PURE__ */ React2.createElement(NoticePortal, { component: Component })
+  });
+  listenTo(v1ReadyEvent2(), () => {
+    window.elementor?.hooks?.addFilter(
+      "panel/elements/regionViews",
+      (regionViews, { notice }) => {
+        regionViews.notice = {
+          region: notice,
+          view: createNoticeView()
+        };
+        return regionViews;
+      }
+    );
+  });
+}
+export {
+  register
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/init.tsx","../src/components/notice-portal.tsx","../src/utils/create-notice-view.ts"],"sourcesContent":["import * as React from 'react';\nimport { injectIntoTop } from '@elementor/editor';\nimport { __privateListenTo as listenTo, v1ReadyEvent } from '@elementor/editor-v1-adapters';\n\nimport { NoticePortal } from './components/notice-portal';\nimport { createNoticeView } from './utils/create-notice-view';\n\nexport function register( Component: React.ComponentType ) {\n\tinjectIntoTop( {\n\t\tid: 'editor-elements-panel-notice',\n\t\tcomponent: () => <NoticePortal component={ Component } />,\n\t} );\n\n\tlistenTo( v1ReadyEvent(), () => {\n\t\twindow.elementor?.hooks?.addFilter(\n\t\t\t'panel/elements/regionViews',\n\t\t\t( regionViews, { notice }: Record< string, unknown > ) => {\n\t\t\t\tregionViews.notice = {\n\t\t\t\t\tregion: notice,\n\t\t\t\t\tview: createNoticeView(),\n\t\t\t\t};\n\n\t\t\t\treturn regionViews;\n\t\t\t}\n\t\t);\n\t} );\n}\n","import * as React from 'react';\nimport { __privateUseListenTo as useListenTo, routeOpenEvent, v1ReadyEvent } from '@elementor/editor-v1-adapters';\nimport { Portal } from '@elementor/ui';\n\nconst NOTICE_AREA_ID = 'elementor-panel-elements-notice-area';\nconst ELEMENTS_PANEL_ROUTE_PREFIX = 'panel/elements/';\n\ntype Props = { component: React.ComponentType };\n\nexport function NoticePortal( { component: Component }: Props ) {\n\tconst container = useListenTo( [ v1ReadyEvent(), routeOpenEvent( ELEMENTS_PANEL_ROUTE_PREFIX ) ], () =>\n\t\tdocument.getElementById( NOTICE_AREA_ID )\n\t);\n\n\treturn container ? (\n\t\t<Portal container={ container }>\n\t\t\t<Component />\n\t\t</Portal>\n\t) : null;\n}\n","export function createNoticeView() {\n\treturn window.Marionette?.CompositeView.extend( {\n\t\ttemplate: `<div></div>`,\n\t} );\n}\n"],"mappings":";AAAA,YAAYA,YAAW;AACvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB,UAAU,gBAAAC,qBAAoB;;;ACF5D,YAAY,WAAW;AACvB,SAAS,wBAAwB,aAAa,gBAAgB,oBAAoB;AAClF,SAAS,cAAc;AAEvB,IAAM,iBAAiB;AACvB,IAAM,8BAA8B;AAI7B,SAAS,aAAc,EAAE,WAAW,UAAU,GAAW;AAC/D,QAAM,YAAY;AAAA,IAAa,CAAE,aAAa,GAAG,eAAgB,2BAA4B,CAAE;AAAA,IAAG,MACjG,SAAS,eAAgB,cAAe;AAAA,EACzC;AAEA,SAAO,YACN,oCAAC,UAAO,aACP,oCAAC,eAAU,CACZ,IACG;AACL;;;ACnBO,SAAS,mBAAmB;AAClC,SAAO,OAAO,YAAY,cAAc,OAAQ;AAAA,IAC/C,UAAU;AAAA,EACX,CAAE;AACH;;;AFGO,SAAS,SAAU,WAAiC;AAC1D,gBAAe;AAAA,IACd,IAAI;AAAA,IACJ,WAAW,MAAM,qCAAC,gBAAa,WAAY,WAAY;AAAA,EACxD,CAAE;AAEF,WAAUC,cAAa,GAAG,MAAM;AAC/B,WAAO,WAAW,OAAO;AAAA,MACxB;AAAA,MACA,CAAE,aAAa,EAAE,OAAO,MAAkC;AACzD,oBAAY,SAAS;AAAA,UACpB,QAAQ;AAAA,UACR,MAAM,iBAAiB;AAAA,QACxB;AAEA,eAAO;AAAA,MACR;AAAA,IACD;AAAA,EACD,CAAE;AACH;","names":["React","v1ReadyEvent","v1ReadyEvent"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@elementor/editor-elements-panel-notice",
+  "version": "4.0.0-633",
+  "private": false,
+  "author": "Elementor Team",
+  "homepage": "https://elementor.com/",
+  "license": "GPL-3.0-or-later",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/elementor/elementor.git",
+    "directory": "packages/core/editor-elements-panel-notice"
+  },
+  "bugs": {
+    "url": "https://github.com/elementor/elementor/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "README.md",
+    "CHANGELOG.md",
+    "/dist",
+    "/src",
+    "!**/__tests__"
+  ],
+  "scripts": {
+    "build": "tsup --config=../../tsup.build.ts",
+    "dev": "tsup --config=../../tsup.dev.ts"
+  },
+  "dependencies": {
+    "@elementor/ui": "1.36.17",
+    "@elementor/editor": "4.0.0-633",
+    "@elementor/editor-v1-adapters": "4.0.0-633"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5"
+  }
+}

package/src/components/notice-portal.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { __privateUseListenTo as useListenTo, routeOpenEvent, v1ReadyEvent } from '@elementor/editor-v1-adapters';
+import { Portal } from '@elementor/ui';
+
+const NOTICE_AREA_ID = 'elementor-panel-elements-notice-area';
+const ELEMENTS_PANEL_ROUTE_PREFIX = 'panel/elements/';
+
+type Props = { component: React.ComponentType };
+
+export function NoticePortal( { component: Component }: Props ) {
+	const container = useListenTo( [ v1ReadyEvent(), routeOpenEvent( ELEMENTS_PANEL_ROUTE_PREFIX ) ], () =>
+		document.getElementById( NOTICE_AREA_ID )
+	);
+
+	return container ? (
+		<Portal container={ container }>
+			<Component />
+		</Portal>
+	) : null;
+}

package/src/index.ts

@@ -0,0 +1 @@
+export { register } from './init';

package/src/init.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { injectIntoTop } from '@elementor/editor';
+import { __privateListenTo as listenTo, v1ReadyEvent } from '@elementor/editor-v1-adapters';
+
+import { NoticePortal } from './components/notice-portal';
+import { createNoticeView } from './utils/create-notice-view';
+
+export function register( Component: React.ComponentType ) {
+	injectIntoTop( {
+		id: 'editor-elements-panel-notice',
+		component: () => <NoticePortal component={ Component } />,
+	} );
+
+	listenTo( v1ReadyEvent(), () => {
+		window.elementor?.hooks?.addFilter(
+			'panel/elements/regionViews',
+			( regionViews, { notice }: Record< string, unknown > ) => {
+				regionViews.notice = {
+					region: notice,
+					view: createNoticeView(),
+				};
+
+				return regionViews;
+			}
+		);
+	} );
+}

package/src/utils/create-notice-view.ts

@@ -0,0 +1,5 @@
+export function createNoticeView() {
+	return window.Marionette?.CompositeView.extend( {
+		template: `<div></div>`,
+	} );
+}