@sme.up/ketchup-react 6.8.0 → 7.1.0

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

@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
     forwardedRef: React.RefObject<ElementType>;
     ref?: React.Ref<any>;
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType> | undefined, manipulatePropsFunction?: ((originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) | undefined, defineCustomElement?: (() => void) | undefined) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
 export {};

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

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { createElement } from 'react';
 import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs, } from './utils';
 export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
@@ -30,7 +19,7 @@ export const createReactComponent = (tagName, ReactComponentContext, manipulateP
             attachProps(this.componentEl, this.props, prevProps);
         }
         render() {
-            const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
+            const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
             let propsToPass = Object.keys(cProps).reduce((acc, name) => {
                 const value = cProps[name];
                 if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
@@ -52,7 +41,11 @@ export const createReactComponent = (tagName, ReactComponentContext, manipulateP
             if (manipulatePropsFunction) {
                 propsToPass = manipulatePropsFunction(this.props, propsToPass);
             }
-            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
+            const newProps = {
+                ...propsToPass,
+                ref: mergeRefs(forwardedRef, this.setComponentElRef),
+                style,
+            };
             /**
              * We use createElement here instead of
              * React.createElement to work around a

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

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

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

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { attachProps, dashToPascalCase, defineCustomElement, setRef, } from './utils';
@@ -73,9 +62,20 @@ export const createOverlayComponent = (tagName, controller, customElement) => {
             }
         }
         async present(prevProps) {
-            const _a = this.props, { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent } = _a, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
-            const elementProps = Object.assign(Object.assign({}, cProps), { ref: this.props.forwardedRef, [didDismissEventName]: this.handleDismiss, [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e), [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e), [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e) });
-            this.overlay = await controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
+            const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
+            const elementProps = {
+                ...cProps,
+                ref: this.props.forwardedRef,
+                [didDismissEventName]: this.handleDismiss,
+                [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
+                [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
+                [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e),
+            };
+            this.overlay = await controller.create({
+                ...elementProps,
+                component: this.el,
+                componentProps: {},
+            });
             setRef(this.props.forwardedRef, this.overlay);
             attachProps(this.overlay, elementProps, prevProps);
             await this.overlay.present();

package/dist/react-component-lib/utils/attachProps.d.ts

@@ -7,6 +7,6 @@ export declare const getClassName: (classList: DOMTokenList, newProps: any, oldP
 export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
 export declare const syncEvent: (node: Element & {
     __events?: {
-        [key: string]: (e: Event) => any;
-    };
-}, eventName: string, newEventHandler?: (e: Event) => any) => void;
+        [key: string]: ((e: Event) => any) | undefined;
+    } | undefined;
+}, eventName: string, newEventHandler?: ((e: Event) => any) | undefined) => void;

package/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@sme.up/ketchup-react",
-    "version": "6.8.0",
-    "exports": "./dist/index.js",
-    "types": "dist/index.d.ts",
+    "version": "7.1.0",
+    "module": "dist/index.js",
+    "typings": "dist/index.d.ts",
     "keywords": [
         "smeup",
         "KetchUP showcase",
@@ -10,7 +10,6 @@
         "custom elements",
         "components"
     ],
-    "type": "module",
     "files": [
         "dist/"
     ],
@@ -21,16 +20,16 @@
     "description": "Ketchup React Components library by smeup",
     "license": "Apache-2.0",
     "dependencies": {
-        "@sme.up/ketchup": "^6.8.0",
+        "@sme.up/ketchup": "^7.1.0",
         "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "rimraf": "^3.0.2"
+        "react-dom": "18.2.0"
     },
     "devDependencies": {
-        "typescript": "4.2.3",
         "@types/geojson": "^7946.0.8",
         "@types/node": "18.0.0",
         "@types/react": "18.0.14",
-        "@types/react-dom": "18.0.5"
+        "@types/react-dom": "18.0.5",
+        "rimraf": "^3.0.2",
+        "typescript": "4.2.3"
     }
 }