@geee-be/react-utils 1.1.3 → 1.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @geee-be/react-utils
 
+## 1.1.5
+
+### Patch Changes
+
+- 70692ad: Use skeleton for input image on initial server render
+
+## 1.1.4
+
+### Patch Changes
+
+- 464eb24: Trial sub components with Card
+
 ## 1.1.3
 
 ### Patch Changes

package/dist/helpers/index.js

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

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/dist/hooks/index.js

@@ -1,3 +1,4 @@
 export * from './use-broadcast-channel.js';
 export * from './use-history-state.js';
+export * from './use-is-client.js';
 export * from './use-local-state.js';

package/dist/hooks/use-is-client.js

@@ -0,0 +1,8 @@
+import { useEffect, useState } from 'react';
+export const useIsClient = () => {
+    const [isClient, setIsClient] = useState(false);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    return isClient;
+};

package/dist/hooks/use-local-state.stories.js

@@ -10,6 +10,6 @@ export const Primary = {
             val: 1,
         });
         console.log('render', value);
-        return (_jsxs("div", { children: [JSON.stringify(value), _jsx("button", { type: "button", onClick: () => setValue((prev) => ({ val: prev.val + 1 ?? -2 })), children: "Inc" })] }));
+        return (_jsxs("div", { children: [JSON.stringify(value), _jsx("button", { type: "button", onClick: () => setValue((prev) => ({ val: prev.val + 1 })), children: "Inc" })] }));
     },
 };

package/package.json

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

package/src/helpers/index.ts

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

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,
+  );

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './use-broadcast-channel.js';
 export * from './use-history-state.js';
+export * from './use-is-client.js';
 export * from './use-local-state.js';

package/src/hooks/use-is-client.ts

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+
+export const useIsClient = () => {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
+  return isClient;
+};

package/src/hooks/use-local-state.stories.tsx

@@ -19,7 +19,7 @@ export const Primary: Story = {
         {JSON.stringify(value)}
         <button
           type="button"
-          onClick={() => setValue((prev) => ({ val: prev.val + 1 ?? -2 }))}
+          onClick={() => setValue((prev) => ({ val: prev.val + 1 }))}
         >
           Inc
         </button>