Merge pull request #35 from kit-data-manager/dev

PR for v0.0.16

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kit-data-manager/data-view-web-component",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Generic Web Component used to display various hierarchical data in a card format",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

react-library/lib/components/stencil-generated/react-component-lib/createOverlayComponent.tsx

@@ -136,7 +136,8 @@ export const createOverlayComponent = <OverlayComponent extends object, OverlayT
     }
   }
 
-  return React.forwardRef<OverlayType, Props>((props, ref) => {
-    return <Overlay {...props} forwardedRef={ref} />;
-  });
+  return React.forwardRef<OverlayType, Props>((props: ReactOverlayProps, ref) => {
+    // @ts-ignore
+    return <Overlay forwardedRef={ref} {...props}/>;
+  })
 };

react-library/lib/components/stencil-generated/react-component-lib/index.tsx

@@ -1,11 +1,5 @@
 import React from 'react';
 
-import type { StyleReactProps } from '../interfaces';
-
-export type StencilReactExternalProps<PropType, ElementType> = PropType &
-  Omit<React.HTMLAttributes<ElementType>, 'style'> &
-  StyleReactProps;
-
 // This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17
 export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
 
@@ -18,33 +12,5 @@ export const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | und
   }
 };
 
-export const mergeRefs = (
-  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]
-): React.RefCallback<any> => {
-  return (value: any) => {
-    refs.forEach((ref) => {
-      setRef(ref, value);
-    });
-  };
-};
-
-export const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {
-  const forwardRef = (
-    props: StencilReactExternalProps<PropType, ElementType>,
-    ref: StencilReactForwardedRef<ElementType>
-  ) => {
-    return <ReactComponent {...props} forwardedRef={ref} />;
-  };
-  forwardRef.displayName = displayName;
-
-  return React.forwardRef(forwardRef);
-};
-
-export const defineCustomElement = (tagName: string, customElement: any) => {
-  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
-    customElements.define(tagName, customElement);
-  }
-};
-
 export * from './attachProps';
 export * from './case';

react-library/lib/components/stencil-generated/react-component-lib/utils/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithoutRef } from 'react';
 
 import type { StyleReactProps } from '../interfaces';
 
@@ -30,7 +30,7 @@ export const mergeRefs = (
 
 export const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {
   const forwardRef = (
-    props: StencilReactExternalProps<PropType, ElementType>,
+    props: PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>>,
     ref: StencilReactForwardedRef<ElementType>
   ) => {
     return <ReactComponent {...props} forwardedRef={ref} />;

react-library/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kit-data-manager/data-view-web-component-react",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "React Wrapper for Data View Web Component",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -23,10 +23,11 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@types/react": "^18.3.1",
+    "@types/react": "^18.3.10",
     "@types/react-dom": "^18.3.0",
+    "@types/node": "^20.12.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "typescript": "^5.4.5"
+    "typescript": "^5.5.4"
   }
 }