@webiny/react-composition 5.31.0 → 5.32.0-beta.0

package/Context.d.ts

@@ -26,7 +26,7 @@ interface CompositionContext {
 }
 declare const CompositionContext: React.Context<CompositionContext | undefined>;
 export declare const CompositionProvider: React.FC;
-export declare function useComponent(Component: ComponentType<any>): React.ComponentType<any>;
+export declare function useComponent(Component: ComponentType<any>): React.ComponentClass<unknown, any> | React.FunctionComponent<unknown>;
 /**
  * This hook will throw an error if composition context doesn't exist.
  */

package/createComponentPlugin.d.ts

@@ -0,0 +1,3 @@
+import React, { ComponentProps } from "react";
+import { ComposableFC, HigherOrderComponent } from "./index";
+export declare function createComponentPlugin<T extends ComposableFC<ComponentProps<T>>>(Base: T, hoc: HigherOrderComponent<ComponentProps<T>>): React.FC;

package/createComponentPlugin.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createComponentPlugin = createComponentPlugin;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("./index");
+
+function createComponentPlugin(Base, hoc) {
+  var ComponentPlugin = function ComponentPlugin() {
+    return /*#__PURE__*/_react.default.createElement(_index.Compose, {
+      component: Base,
+      with: hoc
+    });
+  };
+
+  ComponentPlugin.displayName = Base.displayName;
+  return ComponentPlugin;
+}

package/createComponentPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createComponentPlugin","Base","hoc","ComponentPlugin","displayName"],"sources":["createComponentPlugin.tsx"],"sourcesContent":["import React, { ComponentProps } from \"react\";\nimport { ComposableFC, Compose, HigherOrderComponent } from \"./index\";\n\nexport function createComponentPlugin<T extends ComposableFC<ComponentProps<T>>>(\n    Base: T,\n    hoc: HigherOrderComponent<ComponentProps<T>>\n): React.FC {\n    const ComponentPlugin = () => <Compose component={Base} with={hoc} />;\n    ComponentPlugin.displayName = Base.displayName;\n    return ComponentPlugin;\n}\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,qBAAT,CACHC,IADG,EAEHC,GAFG,EAGK;EACR,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;IAAA,oBAAM,6BAAC,cAAD;MAAS,SAAS,EAAEF,IAApB;MAA0B,IAAI,EAAEC;IAAhC,EAAN;EAAA,CAAxB;;EACAC,eAAe,CAACC,WAAhB,GAA8BH,IAAI,CAACG,WAAnC;EACA,OAAOD,eAAP;AACH"}

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./Context";
 export * from "./Compose";
 export * from "./makeComposable";
+export * from "./createComponentPlugin";

package/index.js

@@ -41,4 +41,17 @@ Object.keys(_makeComposable).forEach(function (key) {
       return _makeComposable[key];
     }
   });
+});
+
+var _createComponentPlugin = require("./createComponentPlugin");
+
+Object.keys(_createComponentPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createComponentPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _createComponentPlugin[key];
+    }
+  });
 });

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Context\";\nexport * from \"./Compose\";\nexport * from \"./makeComposable\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Context\";\nexport * from \"./Compose\";\nexport * from \"./makeComposable\";\nexport * from \"./createComponentPlugin\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/react-composition",
-	"version": "5.31.0",
+	"version": "5.32.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -25,8 +25,8 @@
 		"@babel/core": "^7.16.0",
 		"@babel/preset-env": "^7.16.4",
 		"@babel/preset-typescript": "^7.16.0",
-		"@webiny/cli": "^5.31.0",
-		"@webiny/project-utils": "^5.31.0",
+		"@webiny/cli": "^5.32.0-beta.0",
+		"@webiny/project-utils": "^5.32.0-beta.0",
 		"ttypescript": "^1.5.13",
 		"typescript": "4.7.4"
 	},
@@ -38,5 +38,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "0b3fa2ace7f258628438aa993d782fb562a64358"
+	"gitHead": "01b97900303977e0b418d60aa1c789fad71f5cef"
 }