@fringeworks/react-utils 0.8.0 → 0.9.0

package/hooks/useLatestRef/types.d.mts

@@ -2,11 +2,10 @@
 /**
  * 最新の値を保持する参照
  */
-type LatestRef<T> = {
+export type LatestRef<T> = {
   /**
    * 最後にコミットされたレンダリングでの値
    */
   readonly current: T;
 };
-//#endregion
-export { LatestRef };
+//#endregion

package/hooks/useLatestRef/useLatestRef.cjs

@@ -1,3 +1,4 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 let react = require("react");
 
 //#region src/hooks/useLatestRef/useLatestRef.ts
@@ -20,4 +21,4 @@ function useLatestRef(value) {
 }
 
 //#endregion
-module.exports = useLatestRef;
+exports.default = useLatestRef;

package/hooks/useLatestRef/useLatestRef.d.cts

@@ -1,5 +1,4 @@
 import { LatestRef } from "./types.cjs";
-
 //#region src/hooks/useLatestRef/useLatestRef.d.ts
 /**
  * 最新の値を保持する参照を返すhook

package/hooks/useLatestRef/useLatestRef.d.mts

@@ -1,5 +1,4 @@
 import { LatestRef } from "./types.mjs";
-
 //#region src/hooks/useLatestRef/useLatestRef.d.ts
 /**
  * 最新の値を保持する参照を返すhook
@@ -11,6 +10,5 @@ import { LatestRef } from "./types.mjs";
  * @param value 値
  * @returns 最新の値を保持する参照
  */
-declare function useLatestRef<T>(value: T): LatestRef<T>;
-//#endregion
-export { useLatestRef as default };
+export default function useLatestRef<T>(value: T): LatestRef<T>;
+//#endregion

package/hooks/usePreviousValue/index.cjs

@@ -1,3 +1,5 @@
-const require_hooks_usePreviousValue_usePreviousValue = require('./usePreviousValue.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_hooks_usePreviousValue_usePreviousValue = require("./usePreviousValue.cjs");
 
-module.exports = require_hooks_usePreviousValue_usePreviousValue;
+exports.default = require_hooks_usePreviousValue_usePreviousValue.default;
+exports.usePreviousValue = require_hooks_usePreviousValue_usePreviousValue.default;

package/hooks/usePreviousValue/index.d.cts

@@ -1,3 +1,3 @@
 import { UsePreviousValueOptions } from "./types.cjs";
 import usePreviousValue from "./usePreviousValue.cjs";
-export { type UsePreviousValueOptions, usePreviousValue as default };
+export { type UsePreviousValueOptions, usePreviousValue as default, usePreviousValue };

package/hooks/usePreviousValue/index.d.mts

@@ -1,3 +1,3 @@
 import { UsePreviousValueOptions } from "./types.mjs";
 import usePreviousValue from "./usePreviousValue.mjs";
-export { type UsePreviousValueOptions, usePreviousValue as default };
+export { type UsePreviousValueOptions, usePreviousValue as default, usePreviousValue };

package/hooks/usePreviousValue/index.mjs

@@ -1,3 +1,3 @@
 import usePreviousValue from "./usePreviousValue.mjs";
 
-export { usePreviousValue as default };
+export { usePreviousValue as default, usePreviousValue };

package/hooks/usePreviousValue/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/hooks/usePreviousValue/types.d.cts

@@ -1,18 +1,17 @@
 //#region src/hooks/usePreviousValue/types.d.ts
-type UsePreviousValueOptions<T = any> = {
+export type UsePreviousValueOptions<T = unknown> = {
   /**
-   * 初期値
+   * 値が一度も変わっていない間に返す値
    */
   initialValue?: T;
   /**
    * 値の比較関数
    * falseの場合に値を更新する
-   * 未指定の場合は`===`で比較
-   * @param oldValue
-   * @param newValue
-   * @returns
+   * 未指定の場合は`Object.is`で比較
+   * @param oldValue 最後に確定した値
+   * @param newValue 現在の値
+   * @returns 同じ値とみなす場合はtrue
    */
-  isEqual?: (oldValue: T | undefined, newValue: T) => boolean;
+  isEqual?: (oldValue: T, newValue: T) => boolean;
 };
-//#endregion
-export { UsePreviousValueOptions };
+//#endregion

package/hooks/usePreviousValue/types.d.mts

@@ -1,18 +1,17 @@
 //#region src/hooks/usePreviousValue/types.d.ts
-type UsePreviousValueOptions<T = any> = {
+export type UsePreviousValueOptions<T = unknown> = {
   /**
-   * 初期値
+   * 値が一度も変わっていない間に返す値
    */
   initialValue?: T;
   /**
    * 値の比較関数
    * falseの場合に値を更新する
-   * 未指定の場合は`===`で比較
-   * @param oldValue
-   * @param newValue
-   * @returns
+   * 未指定の場合は`Object.is`で比較
+   * @param oldValue 最後に確定した値
+   * @param newValue 現在の値
+   * @returns 同じ値とみなす場合はtrue
    */
-  isEqual?: (oldValue: T | undefined, newValue: T) => boolean;
+  isEqual?: (oldValue: T, newValue: T) => boolean;
 };
-//#endregion
-export { UsePreviousValueOptions };
+//#endregion

package/hooks/usePreviousValue/usePreviousValue.cjs

@@ -1,16 +1,21 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 let react = require("react");
 
 //#region src/hooks/usePreviousValue/usePreviousValue.ts
-const defaultIsEqual = (oldValue, newValue) => oldValue === newValue;
 /**
 * 前回の値を返すhook
+*
+* 値が変わったときに、レンダリング中のステート更新で前回値を更新する。
+* 比較が毎回falseになる値（レンダリング中に作るオブジェクトや配列など）を渡すと
+* 再レンダリングが止まらなくなるため、参照が安定した値を渡すか、`isEqual`を指定すること。
+*
 * @param value 現在の値
 * @param options オプション
-* @returns 前回の値
+* @returns 前回の値。値が一度も変わっていない場合は`initialValue`
 */
 function usePreviousValue(value, options = {}) {
-	const isEqual = options.isEqual ?? defaultIsEqual;
-	const [currentValue, setCurrentValue] = (0, react.useState)(options.initialValue);
+	const isEqual = options.isEqual ?? Object.is;
+	const [currentValue, setCurrentValue] = (0, react.useState)(value);
 	const [prevValue, setPrevValue] = (0, react.useState)(options.initialValue);
 	if (!isEqual(currentValue, value)) {
 		setPrevValue(currentValue);
@@ -20,4 +25,4 @@ function usePreviousValue(value, options = {}) {
 }
 
 //#endregion
-module.exports = usePreviousValue;
+exports.default = usePreviousValue;

package/hooks/usePreviousValue/usePreviousValue.d.cts

@@ -1,11 +1,15 @@
 import { UsePreviousValueOptions } from "./types.cjs";
-
 //#region src/hooks/usePreviousValue/usePreviousValue.d.ts
 /**
  * 前回の値を返すhook
+ *
+ * 値が変わったときに、レンダリング中のステート更新で前回値を更新する。
+ * 比較が毎回falseになる値（レンダリング中に作るオブジェクトや配列など）を渡すと
+ * 再レンダリングが止まらなくなるため、参照が安定した値を渡すか、`isEqual`を指定すること。
+ *
  * @param value 現在の値
  * @param options オプション
- * @returns 前回の値
+ * @returns 前回の値。値が一度も変わっていない場合は`initialValue`
  */
 declare function usePreviousValue<T = unknown>(value: T, options?: UsePreviousValueOptions<T>): T | undefined;
 export = usePreviousValue;

package/hooks/usePreviousValue/usePreviousValue.d.mts

@@ -1,12 +1,15 @@
 import { UsePreviousValueOptions } from "./types.mjs";
-
 //#region src/hooks/usePreviousValue/usePreviousValue.d.ts
 /**
  * 前回の値を返すhook
+ *
+ * 値が変わったときに、レンダリング中のステート更新で前回値を更新する。
+ * 比較が毎回falseになる値（レンダリング中に作るオブジェクトや配列など）を渡すと
+ * 再レンダリングが止まらなくなるため、参照が安定した値を渡すか、`isEqual`を指定すること。
+ *
  * @param value 現在の値
  * @param options オプション
- * @returns 前回の値
+ * @returns 前回の値。値が一度も変わっていない場合は`initialValue`
  */
-declare function usePreviousValue<T = unknown>(value: T, options?: UsePreviousValueOptions<T>): T | undefined;
-//#endregion
-export { usePreviousValue as default };
+export default function usePreviousValue<T = unknown>(value: T, options?: UsePreviousValueOptions<T>): T | undefined;
+//#endregion

package/hooks/usePreviousValue/usePreviousValue.mjs

@@ -1,16 +1,20 @@
 import { useState } from "react";
 
 //#region src/hooks/usePreviousValue/usePreviousValue.ts
-const defaultIsEqual = (oldValue, newValue) => oldValue === newValue;
 /**
 * 前回の値を返すhook
+*
+* 値が変わったときに、レンダリング中のステート更新で前回値を更新する。
+* 比較が毎回falseになる値（レンダリング中に作るオブジェクトや配列など）を渡すと
+* 再レンダリングが止まらなくなるため、参照が安定した値を渡すか、`isEqual`を指定すること。
+*
 * @param value 現在の値
 * @param options オプション
-* @returns 前回の値
+* @returns 前回の値。値が一度も変わっていない場合は`initialValue`
 */
 function usePreviousValue(value, options = {}) {
-	const isEqual = options.isEqual ?? defaultIsEqual;
-	const [currentValue, setCurrentValue] = useState(options.initialValue);
+	const isEqual = options.isEqual ?? Object.is;
+	const [currentValue, setCurrentValue] = useState(value);
 	const [prevValue, setPrevValue] = useState(options.initialValue);
 	if (!isEqual(currentValue, value)) {
 		setPrevValue(currentValue);

package/hooks/useStableLength/index.cjs

@@ -1,3 +1,5 @@
-const require_hooks_useStableLength_useStableLength = require('./useStableLength.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_hooks_useStableLength_useStableLength = require("./useStableLength.cjs");
 
-module.exports = require_hooks_useStableLength_useStableLength;
+exports.default = require_hooks_useStableLength_useStableLength.default;
+exports.useStableLength = require_hooks_useStableLength_useStableLength.default;

package/hooks/useStableLength/index.d.cts

@@ -1,2 +1,2 @@
 import useStableLength from "./useStableLength.cjs";
-export = useStableLength;
+export { useStableLength as default, useStableLength };

package/hooks/useStableLength/index.d.mts

@@ -1,2 +1,2 @@
 import useStableLength from "./useStableLength.mjs";
-export { useStableLength as default };
+export { useStableLength as default, useStableLength };

package/hooks/useStableLength/index.mjs

@@ -1,3 +1,3 @@
 import useStableLength from "./useStableLength.mjs";
 
-export { useStableLength as default };
+export { useStableLength as default, useStableLength };

package/hooks/useStableLength/useStableLength.cjs

@@ -1,3 +1,4 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 let react = require("react");
 
 //#region src/hooks/useStableLength/useStableLength.ts
@@ -13,4 +14,4 @@ function useStableLength(arr) {
 }
 
 //#endregion
-module.exports = useStableLength;
+exports.default = useStableLength;

package/hooks/useStableLength/useStableLength.d.cts

@@ -5,5 +5,5 @@
  * @param arr 配列
  * @throws Error
  */
-declare function useStableLength(arr: unknown[]): void;
+declare function useStableLength(arr: readonly unknown[]): void;
 export = useStableLength;

package/hooks/useStableLength/useStableLength.d.mts

@@ -5,6 +5,5 @@
  * @param arr 配列
  * @throws Error
  */
-declare function useStableLength(arr: unknown[]): void;
-//#endregion
-export { useStableLength as default };
+export default function useStableLength(arr: readonly unknown[]): void;
+//#endregion

package/index.cjs

@@ -1,16 +1,36 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_hooks_index = require('./hooks/index.cjs');
-const require_utils_index = require('./utils/index.cjs');
+const require_utils_setRefCurrent_setRefCurrent = require("./utils/setRefCurrent/setRefCurrent.cjs");
+const require_hooks_useStableLength_useStableLength = require("./hooks/useStableLength/useStableLength.cjs");
+const require_hooks_useCombinedRefs_useCombinedRefs = require("./hooks/useCombinedRefs/useCombinedRefs.cjs");
+const require_hooks_useConstant_useConstant = require("./hooks/useConstant/useConstant.cjs");
+const require_utils_markAt_markAt = require("./utils/markAt/markAt.cjs");
+const require_hooks_useExecutionAt_useExecutionAt = require("./hooks/useExecutionAt/useExecutionAt.cjs");
+const require_hooks_useIsMounted_useIsMounted = require("./hooks/useIsMounted/useIsMounted.cjs");
+const require_hooks_useLatestRef_useLatestRef = require("./hooks/useLatestRef/useLatestRef.cjs");
+const require_hooks_usePreviousValue_usePreviousValue = require("./hooks/usePreviousValue/usePreviousValue.cjs");
+require("./hooks/index.cjs");
+const require_utils_applyDefaultProps_applyDefaultProps = require("./utils/applyDefaultProps/applyDefaultProps.cjs");
+const require_utils_ensureComponent_ensureComponent = require("./utils/ensureComponent/ensureComponent.cjs");
+const require_utils_extendElement_extendElement = require("./utils/extendElement/extendElement.cjs");
+const require_utils_forEachContent_forEachContent = require("./utils/forEachContent/forEachContent.cjs");
+const require_utils_forEachElement_forEachElement = require("./utils/forEachElement/forEachElement.cjs");
+const require_utils_transformContent_transformContent = require("./utils/transformContent/transformContent.cjs");
+const require_utils_transformElement_transformElement = require("./utils/transformElement/transformElement.cjs");
+require("./utils/index.cjs");
 
-Object.defineProperty(exports, 'hooks', {
-  enumerable: true,
-  get: function () {
-    return require_hooks_index.hooks_exports;
-  }
-});
-Object.defineProperty(exports, 'utils', {
-  enumerable: true,
-  get: function () {
-    return require_utils_index.utils_exports;
-  }
-});
+exports.applyDefaultProps = require_utils_applyDefaultProps_applyDefaultProps.default;
+exports.ensureComponent = require_utils_ensureComponent_ensureComponent.default;
+exports.extendElement = require_utils_extendElement_extendElement.default;
+exports.forEachContent = require_utils_forEachContent_forEachContent.default;
+exports.forEachElement = require_utils_forEachElement_forEachElement.default;
+exports.markAt = require_utils_markAt_markAt.default;
+exports.setRefCurrent = require_utils_setRefCurrent_setRefCurrent.default;
+exports.transformContent = require_utils_transformContent_transformContent.default;
+exports.transformElement = require_utils_transformElement_transformElement.default;
+exports.useCombinedRefs = require_hooks_useCombinedRefs_useCombinedRefs.default;
+exports.useConstant = require_hooks_useConstant_useConstant.default;
+exports.useExecutionAt = require_hooks_useExecutionAt_useExecutionAt.default;
+exports.useIsMounted = require_hooks_useIsMounted_useIsMounted.default;
+exports.useLatestRef = require_hooks_useLatestRef_useLatestRef.default;
+exports.usePreviousValue = require_hooks_usePreviousValue_usePreviousValue.default;
+exports.useStableLength = require_hooks_useStableLength_useStableLength.default;

package/index.d.cts

@@ -1,4 +1,26 @@
-import { index_d_exports } from "./hooks/index.cjs";
+import useCombinedRefs from "./hooks/useCombinedRefs/useCombinedRefs.cjs";
+import useConstant from "./hooks/useConstant/useConstant.cjs";
+import { MarkAtResult } from "./utils/markAt/types.cjs";
+import markAt from "./utils/markAt/markAt.cjs";
+import { ExecutionFunction, ExecutionRequest, UseExecutionAtOptions, UseExecutionAtResult } from "./hooks/useExecutionAt/types.cjs";
+import useExecutionAt from "./hooks/useExecutionAt/useExecutionAt.cjs";
+import useIsMounted from "./hooks/useIsMounted/useIsMounted.cjs";
+import { LatestRef } from "./hooks/useLatestRef/types.cjs";
+import useLatestRef from "./hooks/useLatestRef/useLatestRef.cjs";
+import { UsePreviousValueOptions } from "./hooks/usePreviousValue/types.cjs";
+import usePreviousValue from "./hooks/usePreviousValue/usePreviousValue.cjs";
+import useStableLength from "./hooks/useStableLength/useStableLength.cjs";
+import "./hooks/index.cjs";
 import { CSSPropertiesWithVars } from "./types.cjs";
-import { index_d_exports as index_d_exports$1 } from "./utils/index.cjs";
-export { type CSSPropertiesWithVars, index_d_exports as hooks, index_d_exports$1 as utils };
+import { AppliedProps, SkippedDefaults } from "./utils/applyDefaultProps/types.cjs";
+import applyDefaultProps from "./utils/applyDefaultProps/applyDefaultProps.cjs";
+import ensureComponent from "./utils/ensureComponent/ensureComponent.cjs";
+import { ExtendableProps } from "./utils/extendElement/types.cjs";
+import extendElement from "./utils/extendElement/extendElement.cjs";
+import forEachContent from "./utils/forEachContent/forEachContent.cjs";
+import forEachElement from "./utils/forEachElement/forEachElement.cjs";
+import setRefCurrent from "./utils/setRefCurrent/setRefCurrent.cjs";
+import transformContent from "./utils/transformContent/transformContent.cjs";
+import transformElement from "./utils/transformElement/transformElement.cjs";
+import "./utils/index.cjs";
+export { type AppliedProps, type CSSPropertiesWithVars, type ExecutionFunction, type ExecutionRequest, type ExtendableProps, type LatestRef, type MarkAtResult, type SkippedDefaults, type UseExecutionAtOptions, type UseExecutionAtResult, type UsePreviousValueOptions, applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, markAt, setRefCurrent, transformContent, transformElement, useCombinedRefs, useConstant, useExecutionAt, useIsMounted, useLatestRef, usePreviousValue, useStableLength };

package/index.d.mts

@@ -1,4 +1,26 @@
-import { index_d_exports } from "./hooks/index.mjs";
+import useCombinedRefs from "./hooks/useCombinedRefs/useCombinedRefs.mjs";
+import useConstant from "./hooks/useConstant/useConstant.mjs";
+import { MarkAtResult } from "./utils/markAt/types.mjs";
+import markAt from "./utils/markAt/markAt.mjs";
+import { ExecutionFunction, ExecutionRequest, UseExecutionAtOptions, UseExecutionAtResult } from "./hooks/useExecutionAt/types.mjs";
+import useExecutionAt from "./hooks/useExecutionAt/useExecutionAt.mjs";
+import useIsMounted from "./hooks/useIsMounted/useIsMounted.mjs";
+import { LatestRef } from "./hooks/useLatestRef/types.mjs";
+import useLatestRef from "./hooks/useLatestRef/useLatestRef.mjs";
+import { UsePreviousValueOptions } from "./hooks/usePreviousValue/types.mjs";
+import usePreviousValue from "./hooks/usePreviousValue/usePreviousValue.mjs";
+import useStableLength from "./hooks/useStableLength/useStableLength.mjs";
+import "./hooks/index.mjs";
 import { CSSPropertiesWithVars } from "./types.mjs";
-import { index_d_exports as index_d_exports$1 } from "./utils/index.mjs";
-export { type CSSPropertiesWithVars, index_d_exports as hooks, index_d_exports$1 as utils };
+import { AppliedProps, SkippedDefaults } from "./utils/applyDefaultProps/types.mjs";
+import applyDefaultProps from "./utils/applyDefaultProps/applyDefaultProps.mjs";
+import ensureComponent from "./utils/ensureComponent/ensureComponent.mjs";
+import { ExtendableProps } from "./utils/extendElement/types.mjs";
+import extendElement from "./utils/extendElement/extendElement.mjs";
+import forEachContent from "./utils/forEachContent/forEachContent.mjs";
+import forEachElement from "./utils/forEachElement/forEachElement.mjs";
+import setRefCurrent from "./utils/setRefCurrent/setRefCurrent.mjs";
+import transformContent from "./utils/transformContent/transformContent.mjs";
+import transformElement from "./utils/transformElement/transformElement.mjs";
+import "./utils/index.mjs";
+export { type AppliedProps, type CSSPropertiesWithVars, type ExecutionFunction, type ExecutionRequest, type ExtendableProps, type LatestRef, type MarkAtResult, type SkippedDefaults, type UseExecutionAtOptions, type UseExecutionAtResult, type UsePreviousValueOptions, applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, markAt, setRefCurrent, transformContent, transformElement, useCombinedRefs, useConstant, useExecutionAt, useIsMounted, useLatestRef, usePreviousValue, useStableLength };

package/index.mjs

@@ -1,4 +1,20 @@
-import { hooks_exports } from "./hooks/index.mjs";
-import { utils_exports } from "./utils/index.mjs";
+import setRefCurrent from "./utils/setRefCurrent/setRefCurrent.mjs";
+import useStableLength from "./hooks/useStableLength/useStableLength.mjs";
+import useCombinedRefs from "./hooks/useCombinedRefs/useCombinedRefs.mjs";
+import useConstant from "./hooks/useConstant/useConstant.mjs";
+import markAt from "./utils/markAt/markAt.mjs";
+import useExecutionAt from "./hooks/useExecutionAt/useExecutionAt.mjs";
+import useIsMounted from "./hooks/useIsMounted/useIsMounted.mjs";
+import useLatestRef from "./hooks/useLatestRef/useLatestRef.mjs";
+import usePreviousValue from "./hooks/usePreviousValue/usePreviousValue.mjs";
+import "./hooks/index.mjs";
+import applyDefaultProps from "./utils/applyDefaultProps/applyDefaultProps.mjs";
+import ensureComponent from "./utils/ensureComponent/ensureComponent.mjs";
+import extendElement from "./utils/extendElement/extendElement.mjs";
+import forEachContent from "./utils/forEachContent/forEachContent.mjs";
+import forEachElement from "./utils/forEachElement/forEachElement.mjs";
+import transformContent from "./utils/transformContent/transformContent.mjs";
+import transformElement from "./utils/transformElement/transformElement.mjs";
+import "./utils/index.mjs";
 
-export { hooks_exports as hooks, utils_exports as utils };
+export { applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, markAt, setRefCurrent, transformContent, transformElement, useCombinedRefs, useConstant, useExecutionAt, useIsMounted, useLatestRef, usePreviousValue, useStableLength };