@janbox/storefront-ui 1.0.4 → 1.0.5

package/dist/hooks/index.d.ts

@@ -6,4 +6,5 @@ export * from './use-countdown-timer';
 export * from './use-query-params';
 export * from './use-first-mount-state';
 export * from './use-update-effect';
+export * from './use-deep-compare-effect';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}

package/dist/hooks/index.js

@@ -6,9 +6,11 @@ import { useCountdownTimer } from "./use-countdown-timer.js";
 import { useQueryParams } from "./use-query-params.js";
 import { useFirstMountState } from "./use-first-mount-state/index.js";
 import { useUpdateEffect } from "./use-update-effect/index.js";
+import { useDeepCompareEffect } from "./use-deep-compare-effect/index.js";
 export {
   useControllableState,
   useCountdownTimer,
+  useDeepCompareEffect,
   useFirstMountState,
   useHoverLineEffect,
   useQueryParams,

package/dist/hooks/use-controllable-state.js

@@ -1,6 +1,6 @@
 import { useRef, useState, useMemo, useCallback } from "react";
 import { isUndefined, isEqual } from "lodash-es";
-import useUpdateEffect from "../node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useUpdateEffect.js";
+import { useUpdateEffect } from "./use-update-effect/index.js";
 const getIsControlled = (value) => !isUndefined(value);
 const useControllableState = ({
   defaultValue,

package/dist/hooks/use-countdown-timer.js

@@ -1,6 +1,6 @@
 import { useRef, useState } from "react";
 import dayjs from "dayjs";
-import useDeepCompareEffect from "../node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useDeepCompareEffect.js";
+import { useDeepCompareEffect } from "./use-deep-compare-effect/index.js";
 const getTimeDiff = (end, omit) => {
   const now = dayjs();
   const target = dayjs(end);

package/dist/hooks/use-deep-compare-effect/index.d.ts

@@ -0,0 +1,3 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare const useDeepCompareEffect: (effect: EffectCallback, deps: DependencyList) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-deep-compare-effect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-deep-compare-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAc1E,eAAO,MAAM,oBAAoB,WACvB,cAAc,QAChB,cAAc,SAGrB,CAAC"}

package/dist/hooks/use-deep-compare-effect/index.js

@@ -0,0 +1,15 @@
+import { useEffect, useRef } from "react";
+import { isEqual } from "lodash-es";
+function useDeepCompareMemoize(deps) {
+  const ref = useRef(deps);
+  if (!isEqual(deps, ref.current)) {
+    ref.current = deps;
+  }
+  return ref.current;
+}
+const useDeepCompareEffect = (effect, deps) => {
+  useEffect(effect, useDeepCompareMemoize(deps));
+};
+export {
+  useDeepCompareEffect
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [
@@ -91,7 +91,6 @@
     "react-i18next": "^14.0.0",
     "react-player": "^3.3.3",
     "react-router": "^7.9.6",
-    "react-use": "^17.5.1",
     "react-zoom-pan-pinch": "^3.7.0",
     "slugify": "^1.6.6",
     "type-fest": "^5.2.0",

package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/misc/isDeepEqual.js

@@ -1,5 +0,0 @@
-import isDeepEqualReact from "/Users/akashi/Work/iChiba/@janbox/storefront-ui/node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/react.js";
-import { default as default2 } from "/Users/akashi/Work/iChiba/@janbox/storefront-ui/node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/react.js";
-export {
-  default2 as default
-};

package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useCustomCompareEffect.js

@@ -1,25 +0,0 @@
-import { useRef, useEffect } from "react";
-var isPrimitive = function(val) {
-  return val !== Object(val);
-};
-var useCustomCompareEffect = function(effect, deps, depsEqual) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
-      console.warn("`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead.");
-    }
-    if (deps.every(isPrimitive)) {
-      console.warn("`useCustomCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead.");
-    }
-    if (typeof depsEqual !== "function") {
-      console.warn("`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list");
-    }
-  }
-  var ref = useRef(void 0);
-  if (!ref.current || !depsEqual(deps, ref.current)) {
-    ref.current = deps;
-  }
-  useEffect(effect, ref.current);
-};
-export {
-  useCustomCompareEffect as default
-};

package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useDeepCompareEffect.js

@@ -1,19 +0,0 @@
-import useCustomCompareEffect from "./useCustomCompareEffect.js";
-import isDeepEqualReact from "/Users/akashi/Work/iChiba/@janbox/storefront-ui/node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/react.js";
-var isPrimitive = function(val) {
-  return val !== Object(val);
-};
-var useDeepCompareEffect = function(effect, deps) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
-      console.warn("`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead.");
-    }
-    if (deps.every(isPrimitive)) {
-      console.warn("`useDeepCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead.");
-    }
-  }
-  useCustomCompareEffect(effect, deps, isDeepEqualReact);
-};
-export {
-  useDeepCompareEffect as default
-};

package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useFirstMountState.js

@@ -1,12 +0,0 @@
-import { useRef } from "react";
-function useFirstMountState() {
-  var isFirst = useRef(true);
-  if (isFirst.current) {
-    isFirst.current = false;
-    return true;
-  }
-  return isFirst.current;
-}
-export {
-  useFirstMountState
-};

package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useUpdateEffect.js

@@ -1,13 +0,0 @@
-import { useEffect } from "react";
-import { useFirstMountState } from "./useFirstMountState.js";
-var useUpdateEffect = function(effect, deps) {
-  var isFirstMount = useFirstMountState();
-  useEffect(function() {
-    if (!isFirstMount) {
-      return effect();
-    }
-  }, deps);
-};
-export {
-  useUpdateEffect as default
-};