@kopexa/react-utils 0.0.0 → 1.1.0

package/dist/context.d.ts

@@ -0,0 +1,16 @@
+interface CreateContextOptions<T> {
+    strict?: boolean;
+    hookName?: string;
+    providerName?: string;
+    errorMessage?: string;
+    name?: string;
+    defaultValue?: T;
+}
+type CreateContextReturn<T> = [
+    React.Provider<T>,
+    () => T,
+    React.Context<T>
+];
+declare function createContext<T>(options?: CreateContextOptions<T>): CreateContextReturn<T>;
+
+export { type CreateContextOptions, type CreateContextReturn, createContext };

package/dist/context.js

@@ -0,0 +1,58 @@
+"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/context.ts
+var context_exports = {};
+__export(context_exports, {
+  createContext: () => createContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react");
+function getErrorMessage(hook, provider) {
+  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext(options = {}) {
+  const {
+    name,
+    strict = true,
+    hookName = "useContext",
+    providerName = "Provider",
+    errorMessage,
+    defaultValue
+  } = options;
+  const Context = (0, import_react.createContext)(defaultValue);
+  Context.displayName = name;
+  function useContext() {
+    const context = (0, import_react.useContext)(Context);
+    if (!context && strict) {
+      const error = new Error(
+        errorMessage ?? getErrorMessage(hookName, providerName)
+      );
+      error.name = "ContextError";
+      Error.captureStackTrace?.(error, useContext);
+      throw error;
+    }
+    return context;
+  }
+  return [Context.Provider, useContext, Context];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createContext
+});

package/dist/dom.d.ts

@@ -0,0 +1,17 @@
+import { Ref, RefCallback } from 'react';
+
+/**
+ * A function that merges React refs into one.
+ * Supports both functions and ref objects created using createRef() and useRef().
+ *
+ * Usage:
+ * ```tsx
+ * <div ref={mergeRefs(ref1, ref2, ref3)} />
+ * ```
+ *
+ * @param {(Ref<T> | undefined)[]} inputRefs Array of refs
+ * @returns {Ref<T> | RefCallback<T>} Merged refs
+ */
+declare function mergeRefs<T>(...inputRefs: (Ref<T> | undefined)[]): Ref<T> | RefCallback<T>;
+
+export { mergeRefs };

package/dist/dom.js

@@ -0,0 +1,45 @@
+"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/dom.ts
+var dom_exports = {};
+__export(dom_exports, {
+  mergeRefs: () => mergeRefs
+});
+module.exports = __toCommonJS(dom_exports);
+function mergeRefs(...inputRefs) {
+  const filteredInputRefs = inputRefs.filter(Boolean);
+  if (filteredInputRefs.length <= 1) {
+    const firstRef = filteredInputRefs[0];
+    return firstRef || null;
+  }
+  return function mergedRefs(ref) {
+    for (const inputRef of filteredInputRefs) {
+      if (typeof inputRef === "function") {
+        inputRef(ref);
+      } else if (inputRef) {
+        inputRef.current = ref;
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mergeRefs
+});

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-declare const index = "";
-
-export { index };
+export { createContext } from './context.js';
+export { mergeRefs } from './dom.js';
+import 'react';

package/dist/index.js

@@ -20,11 +20,61 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  index: () => index
+  createContext: () => createContext,
+  mergeRefs: () => mergeRefs
 });
 module.exports = __toCommonJS(index_exports);
-var index = "";
+
+// src/context.ts
+var import_react = require("react");
+function getErrorMessage(hook, provider) {
+  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext(options = {}) {
+  const {
+    name,
+    strict = true,
+    hookName = "useContext",
+    providerName = "Provider",
+    errorMessage,
+    defaultValue
+  } = options;
+  const Context = (0, import_react.createContext)(defaultValue);
+  Context.displayName = name;
+  function useContext() {
+    const context = (0, import_react.useContext)(Context);
+    if (!context && strict) {
+      const error = new Error(
+        errorMessage ?? getErrorMessage(hookName, providerName)
+      );
+      error.name = "ContextError";
+      Error.captureStackTrace?.(error, useContext);
+      throw error;
+    }
+    return context;
+  }
+  return [Context.Provider, useContext, Context];
+}
+
+// src/dom.ts
+function mergeRefs(...inputRefs) {
+  const filteredInputRefs = inputRefs.filter(Boolean);
+  if (filteredInputRefs.length <= 1) {
+    const firstRef = filteredInputRefs[0];
+    return firstRef || null;
+  }
+  return function mergedRefs(ref) {
+    for (const inputRef of filteredInputRefs) {
+      if (typeof inputRef === "function") {
+        inputRef(ref);
+      } else if (inputRef) {
+        inputRef.current = ref;
+      }
+    }
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  index
+  createContext,
+  mergeRefs
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/react-utils",
-  "version": "0.0.0",
+  "version": "1.1.0",
   "description": "A set of utilities for react on client side",
   "keywords": [
     "react-utils"
@@ -25,10 +25,10 @@
     "url": "https://github.com/kopexa-grc/sight/issues"
   },
   "peerDependencies": {
-    "react": ">=18 || >=19.0.0-rc.0"
+    "react": ">=19.0.0-rc.0"
   },
   "dependencies": {
-    "@kopexa/shared-utils": "0.0.0"
+    "@kopexa/shared-utils": "1.1.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",