@webiny/react-composition 0.0.0-unstable.ecd8734205 → 0.0.0-unstable.f6dc066313

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@webiny/react-composition",
-	"version": "0.0.0-unstable.ecd8734205",
+	"version": "0.0.0-unstable.f6dc066313",
+	"type": "module",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,29 +15,19 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.20.13",
-		"@types/react": "17.0.39",
-		"lodash.debounce": "4.0.8",
-		"react": "17.0.2",
-		"react-dom": "17.0.2"
+		"@types/react": "18.2.79",
+		"react": "18.2.0",
+		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-typescript": "^7.18.6",
-		"@webiny/cli": "^0.0.0-unstable.ecd8734205",
-		"@webiny/project-utils": "^0.0.0-unstable.ecd8734205",
-		"ttypescript": "^1.5.13",
-		"typescript": "4.7.4"
+		"@testing-library/react": "15.0.7",
+		"@webiny/build-tools": "0.0.0-unstable.f6dc066313",
+		"typescript": "5.9.3",
+		"vitest": "4.0.18"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
-	},
-	"gitHead": "ecd8734205e0e21ae04076c28ff9806dad07a730"
+	"gitHead": "f6dc066313ddce5339d2aacec3aa84e61232689b"
 }

package/types.d.ts

@@ -0,0 +1,35 @@
+import type React from "react";
+export type GenericHook<TParams = any, TReturn = any> = (...args: TParams[]) => TReturn;
+export type GenericComponent<T = any> = React.FunctionComponent<T>;
+export type ComposedFunction = GenericHook;
+export type Decorator<T> = (decoratee: T) => T;
+/**
+ * Some decoratable components will always return `null`, by design.
+ * To allow you to decorate these components, we must tell TS that the decorator is allowed to return not just `null`
+ * (which is inferred from the component type), but also a JSX.Element.
+ */
+export type ComponentDecorator<T> = (decoratee: T) => CanReturnNullOrElement<T>;
+/**
+ * @deprecated
+ */
+export type ComposableFC<T> = T & {
+    displayName?: string;
+    original: T;
+    originalName: string;
+};
+export type Enumerable<T> = T extends Array<infer D> ? Array<D> : never;
+export type ComposeWith = Decorator<GenericComponent> | Decorator<GenericComponent>[] | Decorator<GenericHook> | Decorator<GenericHook>[];
+export type DecoratableHook<T extends GenericHook = GenericHook> = T & {
+    original: T;
+    originalName: string;
+};
+export type DecoratableComponent<T = GenericComponent> = T & {
+    original: T;
+    originalName: string;
+    displayName: string;
+};
+export type Decoratable = DecoratableComponent | DecoratableHook;
+/**
+ * @internal Add `null` to the ReturnType of the given function.
+ */
+export type CanReturnNullOrElement<T> = T extends (...args: any) => any ? (...args: Parameters<T>) => JSX.Element | null : never;

package/types.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from \"react\";\n\nexport type GenericHook<TParams = any, TReturn = any> = (...args: TParams[]) => TReturn;\n\nexport type GenericComponent<T = any> = React.FunctionComponent<T>;\n\nexport type ComposedFunction = GenericHook;\n\nexport type Decorator<T> = (decoratee: T) => T;\n\n/**\n * Some decoratable components will always return `null`, by design.\n * To allow you to decorate these components, we must tell TS that the decorator is allowed to return not just `null`\n * (which is inferred from the component type), but also a JSX.Element.\n */\nexport type ComponentDecorator<T> = (decoratee: T) => CanReturnNullOrElement<T>;\n\n/**\n * @deprecated\n */\nexport type ComposableFC<T> = T & {\n    displayName?: string;\n    original: T;\n    originalName: string;\n};\n\nexport type Enumerable<T> = T extends Array<infer D> ? Array<D> : never;\n\nexport type ComposeWith =\n    | Decorator<GenericComponent>\n    | Decorator<GenericComponent>[]\n    | Decorator<GenericHook>\n    | Decorator<GenericHook>[];\n\nexport type DecoratableHook<T extends GenericHook = GenericHook> = T & {\n    original: T;\n    originalName: string;\n};\n\nexport type DecoratableComponent<T = GenericComponent> = T & {\n    original: T;\n    originalName: string;\n    displayName: string;\n};\n\nexport type Decoratable = DecoratableComponent | DecoratableHook;\n\n/**\n * @internal Add `null` to the ReturnType of the given function.\n */\nexport type CanReturnNullOrElement<T> = T extends (...args: any) => any\n    ? (...args: Parameters<T>) => JSX.Element | null\n    : never;\n"],"mappings":"","ignoreList":[]}

package/createComponentPlugin.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentProps } from "react";
-import { ComposableFC, HigherOrderComponent } from "./index";
-/**
- * Creates a component which, when mounted, registers a Higher Order Component for the given base component.
- * This is particularly useful for decorating (wrapping) existing composable components.
- * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.
- */
-export declare function createComponentPlugin<T extends ComposableFC<ComponentProps<T>>>(Base: T, hoc: HigherOrderComponent<ComponentProps<T>>): React.FC;

package/createComponentPlugin.js

@@ -1,29 +0,0 @@
-"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");
-
-/**
- * Creates a component which, when mounted, registers a Higher Order Component for the given base component.
- * This is particularly useful for decorating (wrapping) existing composable components.
- * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.
- */
-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

@@ -1 +0,0 @@
-{"version":3,"names":["createComponentPlugin","Base","hoc","ComponentPlugin","displayName"],"sources":["createComponentPlugin.tsx"],"sourcesContent":["import React, { ComponentProps } from \"react\";\nimport { ComposableFC, Compose, HigherOrderComponent } from \"./index\";\n\n/**\n * Creates a component which, when mounted, registers a Higher Order Component for the given base component.\n * This is particularly useful for decorating (wrapping) existing composable components.\n * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.\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;;AAEA;AACA;AACA;AACA;AACA;AACO,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"}