@janbox/storefront-ui 1.0.1 → 1.0.2

package/dist/hooks/index.d.ts

@@ -4,4 +4,6 @@ export * from './use-ripple-effect';
 export * from './use-controllable-state';
 export * from './use-countdown-timer';
 export * from './use-query-params';
+export * from './use-first-mount-state';
+export * from './use-update-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"}
+{"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"}

package/dist/hooks/index.js

@@ -4,11 +4,15 @@ import { useRippleEffect } from "./use-ripple-effect/index.js";
 import { useControllableState } from "./use-controllable-state.js";
 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";
 export {
   useControllableState,
   useCountdownTimer,
+  useFirstMountState,
   useHoverLineEffect,
   useQueryParams,
   useRippleEffect,
+  useUpdateEffect,
   useWindowScreen
 };

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

@@ -1,6 +1,6 @@
 import { useRef, useState, useMemo, useCallback } from "react";
-import { isEqual, isUndefined } from "lodash-es";
-import { useUpdateEffect } from "react-use";
+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";
 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 "react-use";
+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";
 const getTimeDiff = (end, omit) => {
   const now = dayjs();
   const target = dayjs(end);

package/dist/hooks/use-first-mount-state/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useFirstMountState(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-first-mount-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-first-mount-state/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,YAUjC"}

package/dist/hooks/use-first-mount-state/index.js

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

package/dist/hooks/use-update-effect/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-update-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAGlE,eAAO,MAAM,eAAe,WAClB,cAAc,QAChB,cAAc,SASrB,CAAC"}

package/dist/hooks/use-update-effect/index.js

@@ -0,0 +1,13 @@
+import { useEffect } from "react";
+import { useFirstMountState } from "../use-first-mount-state/index.js";
+const useUpdateEffect = (effect, deps) => {
+  const isFirstMount = useFirstMountState();
+  useEffect(() => {
+    if (!isFirstMount) {
+      return effect();
+    }
+  }, deps);
+};
+export {
+  useUpdateEffect
+};

package/dist/lib/accordion/accordion/accordion.d.ts

@@ -1,2 +1,3 @@
-export declare const Accordion: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLElement>, keyof import('./types').AccordionExtendedProps> & import('./types').AccordionExtendedProps & import('react').RefAttributes<HTMLDivElement>>;
+import { AccordionProps } from './types';
+export declare const Accordion: (_props: AccordionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=accordion.d.ts.map

package/dist/lib/accordion/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/accordion.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,SAAS,yOA8GpB,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/accordion.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA2B,cAAc,EAAE,MAAM,SAAS,CAAC;AAUlE,eAAO,MAAM,SAAS,WAAY,cAAc,qDA4H/C,CAAC"}

package/dist/lib/accordion/accordion/accordion.js

@@ -1,5 +1,5 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useCallback, useMemo, useEffect } from "react";
+import { useRef, useCallback, useMemo, useEffect } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { isNil } from "lodash-es";
 import { getAccordionProps, getAccordionDataAttributes, AccordionContext } from "./helpers.js";
@@ -9,7 +9,7 @@ import { useControllableState } from "../../../hooks/use-controllable-state.js";
 import { mediaQuery } from "../../../theme/screens.js";
 import "../../../theme/palette.js";
 import { getAccordionGroupDataAttributes } from "../accordion-group/helpers.js";
-const Accordion = forwardRef((_props, ref) => {
+const Accordion = (_props) => {
   const {
     xs,
     sm,
@@ -19,6 +19,7 @@ const Accordion = forwardRef((_props, ref) => {
     open: controlledOpen,
     defaultOpen = false,
     onOpenChange: onOpenChangeCallback,
+    ref,
     ...rest
   } = getAccordionProps(_props);
   const rootRef = useRef(null);
@@ -52,7 +53,10 @@ const Accordion = forwardRef((_props, ref) => {
     if (!rootElement) return;
     const { openState: currentOpen } = getAccordionDataAttributes(rootElement);
     const nextOpen = !currentOpen;
-    rootElement.setAttribute(AccordionDataAttributes.OpenState, nextOpen.toString());
+    rootElement.setAttribute(
+      AccordionDataAttributes.OpenState,
+      nextOpen.toString()
+    );
   }, []);
   const contextValue = useMemo(
     () => ({
@@ -69,12 +73,17 @@ const Accordion = forwardRef((_props, ref) => {
       const nextOpen = target.getAttribute(AccordionDataAttributes.OpenState) === Booleanish.True;
       onOpenChange(nextOpen);
       if (nextOpen && target.parentElement) {
-        const { openMode } = getAccordionGroupDataAttributes(target.parentElement);
+        const { openMode } = getAccordionGroupDataAttributes(
+          target.parentElement
+        );
         switch (openMode) {
           case "single":
             for (const child of target.parentElement.children) {
               if (child !== target && getAccordionDataAttributes(child).openState) {
-                child.setAttribute(AccordionDataAttributes.OpenState, Booleanish.False);
+                child.setAttribute(
+                  AccordionDataAttributes.OpenState,
+                  Booleanish.False
+                );
               }
             }
             break;
@@ -103,7 +112,7 @@ const Accordion = forwardRef((_props, ref) => {
       children
     }
   ) });
-});
+};
 export {
   Accordion
 };

package/dist/lib/accordion/accordion/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { JSX } from 'react';
 import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
 export declare enum AccordionDataAttributes {
     OpenState = "data-open"
@@ -8,5 +8,5 @@ export interface AccordionExtendedProps extends ResponsiveDesign<PropsWithCSS> {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export type AccordionProps = ShallowMerge<HTMLAttributes<HTMLElement>, AccordionExtendedProps>;
+export type AccordionProps = ShallowMerge<JSX.IntrinsicElements["div"], AccordionExtendedProps>;
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/accordion/accordion/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,oBAAY,uBAAuB;IACjC,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9E,oBAAY,uBAAuB;IACjC,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CACvC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,sBAAsB,CACvB,CAAC"}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,13 @@
+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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [
@@ -12,7 +12,6 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -20,30 +19,18 @@
       "import": {
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.cjs"
       }
     },
     "./theme": {
       "import": {
         "types": "./dist/theme/index.d.ts",
         "default": "./dist/theme/index.js"
-      },
-      "require": {
-        "types": "./dist/theme/index.d.ts",
-        "default": "./dist/theme/index.cjs"
       }
     },
     "./theme/*": {
       "import": {
         "types": "./dist/theme/*.d.ts",
         "default": "./dist/theme/*.js"
-      },
-      "require": {
-        "types": "./dist/theme/*.d.ts",
-        "default": "./dist/theme/*.cjs"
       }
     },
     "./hooks": {

package/dist/HOCs/index.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const withQueryFallback = require("./with-query-fallback.cjs");
-exports.withQueryFallback = withQueryFallback.withQueryFallback;

package/dist/HOCs/with-query-fallback.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const reactErrorBoundary = require("react-error-boundary");
-const withQueryFallback = (Component, options = {}) => {
-  const { Loading, Error } = options;
-  const ComponentWithFallback = react.forwardRef((props, ref) => {
-    const fallbackRender = (_fallbackProps) => {
-      return Error ? react.createElement(Error, props) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: Loading ? react.createElement(Loading, props) : null, children: /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { fallbackRender, children: react.createElement(Component, { ...props, ref }) }) });
-  });
-  return ComponentWithFallback;
-};
-exports.withQueryFallback = withQueryFallback;