@bulmil/react - npm Package Compare versions

Comparing version 0.18.0 to 0.19.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [0.19.0](https://github.com/gomah/bulmil/compare/v0.18.0...v0.19.0) (2021-09-15)
+
+
+### Features
+
+* **react:** bump react output target, support for custom elements build ([c34df90](https://github.com/gomah/bulmil/commit/c34df90ca01457f122f4dc8ce1adde66076aa8dc))
+
+
+
+
+
 # [0.18.0](https://github.com/gomah/bulmil/compare/v0.17.1...v0.18.0) (2021-09-01)
@@ -8,0 +19,0 @@

dist/cjs/react-component-lib/createComponent.js

@@ -20,3 +20,4 @@ "use strict";
 const utils_1 = require("./utils");
-const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction) => {
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, customElement) => {
+    utils_1.defineCustomElement(tagName, customElement);
     const displayName = utils_1.dashToPascalCase(tagName);
@@ -23,0 +24,0 @@ const ReactComponent = class extends react_1.default.Component {

dist/cjs/react-component-lib/createOverlayComponent.js

@@ -30,3 +30,5 @@ "use strict";
 const utils_1 = require("./utils");
-const createOverlayComponent = (displayName, controller) => {
+const createOverlayComponent = (tagName, controller, customElement) => {
+    utils_1.defineCustomElement(tagName, customElement);
+    const displayName = utils_1.dashToPascalCase(tagName);
     const didDismissEventName = `on${displayName}DidDismiss`;
@@ -33,0 +35,0 @@ const didPresentEventName = `on${displayName}DidPresent`;

dist/cjs/react-component-lib/utils/index.js

@@ -16,3 +16,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createForwardRef = exports.mergeRefs = exports.setRef = void 0;
+exports.defineCustomElement = exports.createForwardRef = exports.mergeRefs = exports.setRef = void 0;
 const react_1 = __importDefault(require("react"));
@@ -45,4 +45,12 @@ const setRef = (ref, value) => {
 exports.createForwardRef = createForwardRef;
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined &&
+        typeof customElements !== 'undefined' &&
+        !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+exports.defineCustomElement = defineCustomElement;
 __exportStar(require("./attachProps"), exports);
 __exportStar(require("./case"), exports);
 //# sourceMappingURL=index.js.map

dist/esm/react-component-lib/createComponent.js

@@ -13,4 +13,5 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
-import { attachProps, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs, } from './utils';
-export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction) => {
+import { attachProps, createForwardRef, dashToPascalCase, defineCustomElement, isCoveredByReact, mergeRefs, } from './utils';
+export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, customElement) => {
+    defineCustomElement(tagName, customElement);
     const displayName = dashToPascalCase(tagName);
@@ -17,0 +18,0 @@ const ReactComponent = class extends React.Component {

dist/esm/react-component-lib/createOverlayComponent.js

@@ -23,4 +23,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 import ReactDOM from 'react-dom';
-import { attachProps, setRef } from './utils';
-export const createOverlayComponent = (displayName, controller) => {
+import { attachProps, dashToPascalCase, defineCustomElement, setRef, } from './utils';
+export const createOverlayComponent = (tagName, controller, customElement) => {
+    defineCustomElement(tagName, customElement);
+    const displayName = dashToPascalCase(tagName);
     const didDismissEventName = `on${displayName}DidDismiss`;
@@ -27,0 +29,0 @@ const didPresentEventName = `on${displayName}DidPresent`;

dist/esm/react-component-lib/utils/index.js

@@ -25,4 +25,11 @@ import React from 'react';
 };
+export const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined &&
+        typeof customElements !== 'undefined' &&
+        !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
 export * from './attachProps';
 export * from './case';
 //# sourceMappingURL=index.js.map

dist/types/react-component-lib/createComponent.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
 export {};

dist/types/react-component-lib/createOverlayComponent.d.ts

@@ -16,7 +16,7 @@ import React from 'react';
 }
-export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(displayName: string, controller: {
+export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
     create: (options: any) => Promise<OverlayType>;
-}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
+}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
     forwardedRef?: StencilReactForwardedRef<OverlayType>;
 }> & React.RefAttributes<OverlayType>>;
 export {};

dist/types/react-component-lib/utils/index.d.ts

@@ -8,3 +8,4 @@ import React from 'react';
 export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
 export * from './attachProps';
 export * from './case';

package.json

 {
   "name": "@bulmil/react",
   "sideEffects": false,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "author": "Gomah",
@@ -44,3 +44,3 @@ "license": "MIT",
   "dependencies": {
-    "@bulmil/core": "0.18.0"
+    "@bulmil/core": "0.19.0"
   },
@@ -51,3 +51,3 @@ "peerDependencies": {
   },
-  "gitHead": "2815157803b80fea0a0423ef7a67607c3edb7173"
+  "gitHead": "65efe4072c7828a2ae05aa195333e3c7737c6c09"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

123174

increased by1.86%

Lines of code

1315

increased by1.78%

Dependency changes

• + Added@bulmil/core@0.19.0(transitive)

• - Removed@bulmil/core@0.18.0(transitive)

• Updated@bulmil/core@0.19.0