react-simplikit 0.0.26 → 0.0.28

package/dist/hooks/useThrottle/index.d.cts

@@ -20,7 +20,7 @@ declare function throttle<F extends (...args: any[]) => void>(func: F, throttleM
  * This is useful for limiting the rate at which a function can be called,
  * such as when handling scroll or resize events.
  *
-  @template {(...args: any[]) => any} F - The type of the callback function.
+ * @template {(...args: any[]) => any} F - The type of the callback function.
  * @param {F} callback - The function to be throttled.
  * @param {number} wait - The number of milliseconds to throttle invocations to.
  * @param {{ edges?: Array<'leading' | 'trailing'> }} [options] - Options to control the behavior of the throttle.

package/dist/utils/mergeProps/index.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/mergeProps/index.ts
+var mergeProps_exports = {};
+__export(mergeProps_exports, {
+  mergeProps: () => mergeProps
+});
+module.exports = __toCommonJS(mergeProps_exports);
+
+// src/utils/mergeProps/mergeProps.ts
+function mergeProps(...props) {
+  return props.reduce(pushProp, {});
+}
+function pushProp(prev, curr) {
+  for (const key in curr) {
+    if (curr[key] === void 0) continue;
+    switch (key) {
+      case "className": {
+        prev[key] = [prev[key], curr[key]].join(" ").trim();
+        break;
+      }
+      case "style": {
+        prev[key] = mergeStyle(prev[key], curr[key]);
+        break;
+      }
+      default: {
+        const mergedFunction = mergeFunction(prev[key], curr[key]);
+        if (mergedFunction) {
+          prev[key] = mergedFunction;
+        } else if (curr[key] !== void 0) {
+          prev[key] = curr[key];
+        }
+      }
+    }
+  }
+  return prev;
+}
+function mergeStyle(a, b) {
+  if (a == null) return b;
+  return { ...a, ...b };
+}
+function mergeFunction(a, b) {
+  if (typeof a === "function" && typeof b === "function") {
+    return (...args) => {
+      a(...args);
+      b(...args);
+    };
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mergeProps
+});

package/dist/utils/mergeProps/index.d.cts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+
+type BaseProps = {
+    style?: CSSProperties;
+    [key: string]: unknown;
+};
+type TupleToIntersection<T extends Record<string, unknown>[]> = {
+    [I in keyof T]: (x: T[I]) => void;
+}[number] extends (x: infer I) => void ? I : never;
+/**
+ * @description
+ * `mergeProps` is a utility function that merges multiple props objects into a single object.
+ * It handles merging of `className`, `style`, and `function` properties.
+ *
+ * @template PropsList - The type of the props objects to merge.
+ *
+ * @param {PropsList} props - The props objects to merge.
+ * @returns {TupleToIntersection<PropsList>} The merged props object.
+ *
+ * @example
+ * const mergedProps = mergeProps({ className: 'foo', style: { color: 'red' } }, { className: 'bar', style: { backgroundColor: 'blue' } });
+ * console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }
+ */
+declare function mergeProps<PropsList extends BaseProps[]>(...props: PropsList): TupleToIntersection<PropsList>;
+
+export { mergeProps };

package/esm/hooks/useThrottle/index.d.ts

@@ -20,7 +20,7 @@ declare function throttle<F extends (...args: any[]) => void>(func: F, throttleM
  * This is useful for limiting the rate at which a function can be called,
  * such as when handling scroll or resize events.
  *
-  @template {(...args: any[]) => any} F - The type of the callback function.
+ * @template {(...args: any[]) => any} F - The type of the callback function.
  * @param {F} callback - The function to be throttled.
  * @param {number} wait - The number of milliseconds to throttle invocations to.
  * @param {{ edges?: Array<'leading' | 'trailing'> }} [options] - Options to control the behavior of the throttle.

package/esm/utils/mergeProps/index.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+
+type BaseProps = {
+    style?: CSSProperties;
+    [key: string]: unknown;
+};
+type TupleToIntersection<T extends Record<string, unknown>[]> = {
+    [I in keyof T]: (x: T[I]) => void;
+}[number] extends (x: infer I) => void ? I : never;
+/**
+ * @description
+ * `mergeProps` is a utility function that merges multiple props objects into a single object.
+ * It handles merging of `className`, `style`, and `function` properties.
+ *
+ * @template PropsList - The type of the props objects to merge.
+ *
+ * @param {PropsList} props - The props objects to merge.
+ * @returns {TupleToIntersection<PropsList>} The merged props object.
+ *
+ * @example
+ * const mergedProps = mergeProps({ className: 'foo', style: { color: 'red' } }, { className: 'bar', style: { backgroundColor: 'blue' } });
+ * console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }
+ */
+declare function mergeProps<PropsList extends BaseProps[]>(...props: PropsList): TupleToIntersection<PropsList>;
+
+export { mergeProps };

package/esm/utils/mergeProps/index.js

@@ -0,0 +1,43 @@
+// src/utils/mergeProps/mergeProps.ts
+function mergeProps(...props) {
+  return props.reduce(pushProp, {});
+}
+function pushProp(prev, curr) {
+  for (const key in curr) {
+    if (curr[key] === void 0) continue;
+    switch (key) {
+      case "className": {
+        prev[key] = [prev[key], curr[key]].join(" ").trim();
+        break;
+      }
+      case "style": {
+        prev[key] = mergeStyle(prev[key], curr[key]);
+        break;
+      }
+      default: {
+        const mergedFunction = mergeFunction(prev[key], curr[key]);
+        if (mergedFunction) {
+          prev[key] = mergedFunction;
+        } else if (curr[key] !== void 0) {
+          prev[key] = curr[key];
+        }
+      }
+    }
+  }
+  return prev;
+}
+function mergeStyle(a, b) {
+  if (a == null) return b;
+  return { ...a, ...b };
+}
+function mergeFunction(a, b) {
+  if (typeof a === "function" && typeof b === "function") {
+    return (...args) => {
+      a(...args);
+      b(...args);
+    };
+  }
+}
+export {
+  mergeProps
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simplikit",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "main": "./dist/index.cjs",
   "type": "module",
   "sideEffects": false,