@geee-be/react-utils 1.1.2 → 1.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @geee-be/react-utils
 
+## 1.1.4
+
+### Patch Changes
+
+- 464eb24: Trial sub components with Card
+
+## 1.1.3
+
+### Patch Changes
+
+- b5d137c: Add Carousel
+
 ## 1.1.2
 
 ### Patch Changes

package/dist/helpers/index.js

@@ -1 +1,2 @@
 export * from './ripple.js';
+export * from './sub-component.js';

package/dist/helpers/ripple.js

@@ -3,7 +3,6 @@ export const createRipple = (event) => {
     const element = event.currentTarget;
     if (!element || !(element instanceof HTMLElement))
         return;
-    element.style.position = 'relative';
     element.style.overflow = 'hidden';
     const rect = element.getBoundingClientRect();
     const radius = findFurthestPoint(event.clientX, element.offsetWidth, rect.left, event.clientY, element.offsetHeight, rect.top);

package/dist/helpers/sub-component.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const withSubComponents = (RootComponent, subComponents) => Object.assign(forwardRef((props, ref) => (_jsx(RootComponent, { ...props, ref: ref }))), subComponents);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geee-be/react-utils",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "",
   "keywords": [],
   "license": "MIT",

package/src/helpers/index.ts

@@ -1 +1,2 @@
 export * from './ripple.js';
+export * from './sub-component.js';

package/src/helpers/ripple.ts

@@ -6,7 +6,6 @@ export const createRipple: MouseEventHandler<HTMLElement> = (event) => {
   const element = event.currentTarget;
   if (!element || !(element instanceof HTMLElement)) return;
 
-  element.style.position = 'relative';
   element.style.overflow = 'hidden';
 
   const rect = element.getBoundingClientRect();

package/src/helpers/sub-component.tsx

@@ -0,0 +1,12 @@
+import { type ComponentType, forwardRef } from 'react';
+
+export const withSubComponents = <P extends {}, S>(
+  RootComponent: ComponentType<P>,
+  subComponents: S,
+) =>
+  Object.assign(
+    forwardRef<unknown, P>((props: any, ref: any) => (
+      <RootComponent {...props} ref={ref} />
+    )),
+    subComponents,
+  );