@fringeworks/react-utils 0.8.1 → 0.9.0

package/utils/transformContent/index.d.cts

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

package/utils/transformContent/index.d.mts

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

package/utils/transformContent/index.mjs

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

package/utils/transformContent/transformContent.cjs

@@ -1,16 +1,23 @@
-const require__helpers__traverseContent = require('../../_helpers/_traverseContent.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require__helpers__traverseChildren = require("../../_helpers/_traverseChildren.cjs");
 
 //#region src/utils/transformContent/transformContent.ts
 /**
 * React.Fragmentを透過し、children内のReactElement、string、numberをcallbackで処理した戻り値を返す
+*
+* `Children.map`と異なり、keyの付け直しは行わない。
+* 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+* 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+*
 * @param children エレメントの子要素
-* @param callback コールバック
+* @param callback コールバック。indexはFragmentをまたいだ連番
+* @returns callbackの戻り値の配列
 */
 function transformContent(children, callback) {
 	const result = [];
-	require__helpers__traverseContent(children, callback, (node) => result.push(node));
+	require__helpers__traverseChildren.default(children, require__helpers__traverseChildren._isContent, callback, (value) => result.push(value));
 	return result;
 }
 
 //#endregion
-module.exports = transformContent;
+exports.default = transformContent;

package/utils/transformContent/transformContent.d.cts

@@ -1,10 +1,15 @@
 import { ReactElement, ReactNode } from "react";
-
 //#region src/utils/transformContent/transformContent.d.ts
 /**
  * React.Fragmentを透過し、children内のReactElement、string、numberをcallbackで処理した戻り値を返す
+ *
+ * `Children.map`と異なり、keyの付け直しは行わない。
+ * 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+ * 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+ *
  * @param children エレメントの子要素
- * @param callback コールバック
+ * @param callback コールバック。indexはFragmentをまたいだ連番
+ * @returns callbackの戻り値の配列
  */
 declare function transformContent<T>(children: ReactNode, callback: (node: ReactElement | string | number, index: number) => T): T[];
 export = transformContent;

package/utils/transformContent/transformContent.d.mts

@@ -1,11 +1,15 @@
 import { ReactElement, ReactNode } from "react";
-
 //#region src/utils/transformContent/transformContent.d.ts
 /**
  * React.Fragmentを透過し、children内のReactElement、string、numberをcallbackで処理した戻り値を返す
+ *
+ * `Children.map`と異なり、keyの付け直しは行わない。
+ * 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+ * 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+ *
  * @param children エレメントの子要素
- * @param callback コールバック
+ * @param callback コールバック。indexはFragmentをまたいだ連番
+ * @returns callbackの戻り値の配列
  */
-declare function transformContent<T>(children: ReactNode, callback: (node: ReactElement | string | number, index: number) => T): T[];
-//#endregion
-export { transformContent as default };
+export default function transformContent<T>(children: ReactNode, callback: (node: ReactElement | string | number, index: number) => T): T[];
+//#endregion

package/utils/transformContent/transformContent.mjs

@@ -1,14 +1,20 @@
-import _traverseContent from "../../_helpers/_traverseContent.mjs";
+import _traverseChildren, { _isContent } from "../../_helpers/_traverseChildren.mjs";
 
 //#region src/utils/transformContent/transformContent.ts
 /**
 * React.Fragmentを透過し、children内のReactElement、string、numberをcallbackで処理した戻り値を返す
+*
+* `Children.map`と異なり、keyの付け直しは行わない。
+* 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+* 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+*
 * @param children エレメントの子要素
-* @param callback コールバック
+* @param callback コールバック。indexはFragmentをまたいだ連番
+* @returns callbackの戻り値の配列
 */
 function transformContent(children, callback) {
 	const result = [];
-	_traverseContent(children, callback, (node) => result.push(node));
+	_traverseChildren(children, _isContent, callback, (value) => result.push(value));
 	return result;
 }
 

package/utils/transformElement/index.cjs

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

package/utils/transformElement/index.d.cts

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

package/utils/transformElement/index.d.mts

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

package/utils/transformElement/index.mjs

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

package/utils/transformElement/transformElement.cjs

@@ -1,16 +1,24 @@
-const require__helpers__traverseElement = require('../../_helpers/_traverseElement.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require__helpers__traverseChildren = require("../../_helpers/_traverseChildren.cjs");
+let react = require("react");
 
 //#region src/utils/transformElement/transformElement.ts
 /**
 * React.Fragmentを透過し、children内のReactElementをcallbackで処理した戻り値を返す
+*
+* `Children.map`と異なり、keyの付け直しは行わない。
+* 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+* 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+*
 * @param children エレメントの子要素
-* @param callback コールバック
+* @param callback コールバック。indexはFragmentをまたいだ連番
+* @returns callbackの戻り値の配列
 */
 function transformElement(children, callback) {
 	const result = [];
-	require__helpers__traverseElement(children, callback, (node) => result.push(node));
+	require__helpers__traverseChildren.default(children, react.isValidElement, callback, (value) => result.push(value));
 	return result;
 }
 
 //#endregion
-module.exports = transformElement;
+exports.default = transformElement;

package/utils/transformElement/transformElement.d.cts

@@ -1,10 +1,15 @@
 import { ReactElement, ReactNode } from "react";
-
 //#region src/utils/transformElement/transformElement.d.ts
 /**
  * React.Fragmentを透過し、children内のReactElementをcallbackで処理した戻り値を返す
+ *
+ * `Children.map`と異なり、keyの付け直しは行わない。
+ * 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+ * 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+ *
  * @param children エレメントの子要素
- * @param callback コールバック
+ * @param callback コールバック。indexはFragmentをまたいだ連番
+ * @returns callbackの戻り値の配列
  */
 declare function transformElement<T>(children: ReactNode, callback: (node: ReactElement, index: number) => T): T[];
 export = transformElement;

package/utils/transformElement/transformElement.d.mts

@@ -1,11 +1,15 @@
 import { ReactElement, ReactNode } from "react";
-
 //#region src/utils/transformElement/transformElement.d.ts
 /**
  * React.Fragmentを透過し、children内のReactElementをcallbackで処理した戻り値を返す
+ *
+ * `Children.map`と異なり、keyの付け直しは行わない。
+ * 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+ * 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+ *
  * @param children エレメントの子要素
- * @param callback コールバック
+ * @param callback コールバック。indexはFragmentをまたいだ連番
+ * @returns callbackの戻り値の配列
  */
-declare function transformElement<T>(children: ReactNode, callback: (node: ReactElement, index: number) => T): T[];
-//#endregion
-export { transformElement as default };
+export default function transformElement<T>(children: ReactNode, callback: (node: ReactElement, index: number) => T): T[];
+//#endregion

package/utils/transformElement/transformElement.mjs

@@ -1,14 +1,21 @@
-import _traverseElement from "../../_helpers/_traverseElement.mjs";
+import _traverseChildren from "../../_helpers/_traverseChildren.mjs";
+import { isValidElement } from "react";
 
 //#region src/utils/transformElement/transformElement.ts
 /**
 * React.Fragmentを透過し、children内のReactElementをcallbackで処理した戻り値を返す
+*
+* `Children.map`と異なり、keyの付け直しは行わない。
+* 別々のFragmentの中に同じkeyがあると、戻り値の配列の中でkeyが重複する。
+* 戻り値をそのまま描画する場合は、callbackの中でkeyを付けること。
+*
 * @param children エレメントの子要素
-* @param callback コールバック
+* @param callback コールバック。indexはFragmentをまたいだ連番
+* @returns callbackの戻り値の配列
 */
 function transformElement(children, callback) {
 	const result = [];
-	_traverseElement(children, callback, (node) => result.push(node));
+	_traverseChildren(children, isValidElement, callback, (value) => result.push(value));
 	return result;
 }
 

package/_helpers/_traverseContent.cjs

@@ -1,24 +0,0 @@
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-let react = require("react");
-let _fringeworks_utils_type_isIterable = require("@fringeworks/utils/type/isIterable");
-_fringeworks_utils_type_isIterable = require_runtime.__toESM(_fringeworks_utils_type_isIterable, 1);
-
-//#region src/_helpers/_traverseContent.ts
-/**
-* React.Fragmentを透過し、children内のReactElement、string、numberを処理する
-* @param children エレメントの子要素
-* @param callback コールバック
-* @param collect コールバックの結果を収集する処理
-* @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
-*/
-function _traverseContent(children, callback, collect = () => {}, cursor = { current: 0 }) {
-	react.Children.forEach(children, (child) => {
-		if ((0, react.isValidElement)(child)) if (child.type === react.Fragment) _traverseContent(child.props.children, callback, collect, cursor);
-		else collect(callback(child, cursor.current++));
-		else if (typeof child === "string" || typeof child === "number") collect(callback(child, cursor.current++));
-		else if ((0, _fringeworks_utils_type_isIterable.default)(child)) _traverseContent(child, callback, collect, cursor);
-	});
-}
-
-//#endregion
-module.exports = _traverseContent;

package/_helpers/_traverseContent.d.cts

@@ -1,15 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/_helpers/_traverseContent.d.ts
-type IndexCursor = {
-  current: number;
-};
-/**
- * React.Fragmentを透過し、children内のReactElement、string、numberを処理する
- * @param children エレメントの子要素
- * @param callback コールバック
- * @param collect コールバックの結果を収集する処理
- * @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
- */
-declare function _traverseContent<N, T>(children: ReactNode, callback: (node: N, index: number) => T, collect?: (value: T) => void, cursor?: IndexCursor): void;
-export = _traverseContent;

package/_helpers/_traverseContent.d.mts

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/_helpers/_traverseContent.d.ts
-type IndexCursor = {
-  current: number;
-};
-/**
- * React.Fragmentを透過し、children内のReactElement、string、numberを処理する
- * @param children エレメントの子要素
- * @param callback コールバック
- * @param collect コールバックの結果を収集する処理
- * @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
- */
-declare function _traverseContent<N, T>(children: ReactNode, callback: (node: N, index: number) => T, collect?: (value: T) => void, cursor?: IndexCursor): void;
-//#endregion
-export { _traverseContent as default };

package/_helpers/_traverseContent.mjs

@@ -1,22 +0,0 @@
-import { Children, Fragment, isValidElement } from "react";
-import isIterable from "@fringeworks/utils/type/isIterable";
-
-//#region src/_helpers/_traverseContent.ts
-/**
-* React.Fragmentを透過し、children内のReactElement、string、numberを処理する
-* @param children エレメントの子要素
-* @param callback コールバック
-* @param collect コールバックの結果を収集する処理
-* @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
-*/
-function _traverseContent(children, callback, collect = () => {}, cursor = { current: 0 }) {
-	Children.forEach(children, (child) => {
-		if (isValidElement(child)) if (child.type === Fragment) _traverseContent(child.props.children, callback, collect, cursor);
-		else collect(callback(child, cursor.current++));
-		else if (typeof child === "string" || typeof child === "number") collect(callback(child, cursor.current++));
-		else if (isIterable(child)) _traverseContent(child, callback, collect, cursor);
-	});
-}
-
-//#endregion
-export { _traverseContent as default };

package/_helpers/_traverseElement.cjs

@@ -1,23 +0,0 @@
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-let react = require("react");
-let _fringeworks_utils_type_isIterable = require("@fringeworks/utils/type/isIterable");
-_fringeworks_utils_type_isIterable = require_runtime.__toESM(_fringeworks_utils_type_isIterable, 1);
-
-//#region src/_helpers/_traverseElement.ts
-/**
-* React.Fragmentを透過し、children内のReactElementを処理する
-* @param children エレメントの子要素
-* @param callback コールバック
-* @param collect コールバックの結果を収集する処理
-* @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
-*/
-function _traverseElement(children, callback, collect = () => {}, cursor = { current: 0 }) {
-	react.Children.forEach(children, (child) => {
-		if ((0, react.isValidElement)(child)) if (child.type === react.Fragment) _traverseElement(child.props.children, callback, collect, cursor);
-		else collect(callback(child, cursor.current++));
-		else if ((0, _fringeworks_utils_type_isIterable.default)(child) && typeof child !== "string") _traverseElement(child, callback, collect, cursor);
-	});
-}
-
-//#endregion
-module.exports = _traverseElement;

package/_helpers/_traverseElement.d.cts

@@ -1,15 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/_helpers/_traverseElement.d.ts
-type IndexCursor = {
-  current: number;
-};
-/**
- * React.Fragmentを透過し、children内のReactElementを処理する
- * @param children エレメントの子要素
- * @param callback コールバック
- * @param collect コールバックの結果を収集する処理
- * @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
- */
-declare function _traverseElement<N, T>(children: ReactNode, callback: (node: N, index: number) => T, collect?: (value: T) => void, cursor?: IndexCursor): void;
-export = _traverseElement;

package/_helpers/_traverseElement.d.mts

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/_helpers/_traverseElement.d.ts
-type IndexCursor = {
-  current: number;
-};
-/**
- * React.Fragmentを透過し、children内のReactElementを処理する
- * @param children エレメントの子要素
- * @param callback コールバック
- * @param collect コールバックの結果を収集する処理
- * @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
- */
-declare function _traverseElement<N, T>(children: ReactNode, callback: (node: N, index: number) => T, collect?: (value: T) => void, cursor?: IndexCursor): void;
-//#endregion
-export { _traverseElement as default };

package/_helpers/_traverseElement.mjs

@@ -1,21 +0,0 @@
-import { Children, Fragment, isValidElement } from "react";
-import isIterable from "@fringeworks/utils/type/isIterable";
-
-//#region src/_helpers/_traverseElement.ts
-/**
-* React.Fragmentを透過し、children内のReactElementを処理する
-* @param children エレメントの子要素
-* @param callback コールバック
-* @param collect コールバックの結果を収集する処理
-* @param cursor Fragmentをまたいでindexを連番にする為のカーソル(内部再帰用)
-*/
-function _traverseElement(children, callback, collect = () => {}, cursor = { current: 0 }) {
-	Children.forEach(children, (child) => {
-		if (isValidElement(child)) if (child.type === Fragment) _traverseElement(child.props.children, callback, collect, cursor);
-		else collect(callback(child, cursor.current++));
-		else if (isIterable(child) && typeof child !== "string") _traverseElement(child, callback, collect, cursor);
-	});
-}
-
-//#endregion
-export { _traverseElement as default };

package/_virtual/_rolldown/runtime.cjs

@@ -1,43 +0,0 @@
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) {
-		__defProp(target, name, {
-			get: all[name],
-			enumerable: true
-		});
-	}
-	if (!no_symbols) {
-		__defProp(target, Symbol.toStringTag, { value: "Module" });
-	}
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") {
-		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-			key = keys[i];
-			if (!__hasOwnProp.call(to, key) && key !== except) {
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-				});
-			}
-		}
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-
-exports.__exportAll = __exportAll;
-exports.__toESM = __toESM;

package/_virtual/_rolldown/runtime.mjs

@@ -1,18 +0,0 @@
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) {
-		__defProp(target, name, {
-			get: all[name],
-			enumerable: true
-		});
-	}
-	if (!no_symbols) {
-		__defProp(target, Symbol.toStringTag, { value: "Module" });
-	}
-	return target;
-};
-
-//#endregion
-export { __exportAll };