@leancodepl/utils 9.7.2 → 9.7.4

package/package.json

@@ -1,16 +1,28 @@
 {
   "name": "@leancodepl/utils",
-  "version": "9.7.2",
+  "version": "9.7.4",
   "license": "Apache-2.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "dependencies": {
-    "@leancodepl/api-date": "9.7.2",
+    "@leancodepl/api-date": "9.7.4",
     "tiny-invariant": ">=1.3.1"
   },
   "peerDependencies": {
@@ -40,16 +52,9 @@
     "url": "https://leancode.co"
   },
   "sideEffects": false,
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "module": "./index.esm.js",
-      "types": "./index.d.ts",
-      "import": "./index.cjs.mjs",
-      "default": "./index.cjs.js"
-    }
-  },
-  "module": "./index.esm.js",
-  "main": "./index.cjs.js",
-  "types": "./index.d.ts"
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "!**/*.tsbuildinfo"
+  ]
 }

package/index.cjs.default.js

@@ -1 +0,0 @@
-exports._default = require('./index.cjs.js').default;

package/index.cjs.js

@@ -1,521 +0,0 @@
-'use strict';
-
-var react = require('react');
-var invariant = require('tiny-invariant');
-var jsxRuntime = require('react/jsx-runtime');
-
-/**
- * React hook for tracking async task execution with loading state.
- * Automatically manages a loading counter and provides a wrapper function for tasks.
- *
- * @returns A tuple containing [isLoading: boolean, runInTask: function]
- * @example
- * ```typescript
- * function MyComponent() {
- *   const [isLoading, runInTask] = useRunInTask();
- *
- *   const handleSave = async () => {
- *     await runInTask(async () => {
- *       await saveData();
- *     });
- *   };
- *
- *   return (
- *     <button onClick={handleSave} disabled={isLoading}>
- *       {isLoading ? 'Saving...' : 'Save'}
- *     </button>
- *   );
- * }
- * ```
- */ function useRunInTask() {
-    const [runningTasks, setRunningTasks] = react.useState(0);
-    const runInTask = react.useCallback(async (task)=>{
-        setRunningTasks((runningTasks)=>runningTasks + 1);
-        try {
-            return await task();
-        } finally{
-            setRunningTasks((runningTasks)=>runningTasks - 1);
-        }
-    }, []);
-    return [
-        runningTasks > 0,
-        runInTask
-    ];
-}
-
-function useBoundRunInTask(block) {
-    const [isRunning, runInTask] = useRunInTask();
-    const runBlockInTask = react.useMemo(()=>block ? (...args)=>runInTask(()=>block(...args)) : undefined, [
-        block,
-        runInTask
-    ]);
-    return [
-        isRunning,
-        runBlockInTask
-    ];
-}
-
-/**
- * React hook for boolean state management helpers.
- *
- * @param set - The state setter function from useState
- * @returns A tuple containing [setTrue: function, setFalse: function]
- * @example
- * ```typescript
- * function MyComponent() {
- *   const [isVisible, setIsVisible] = useState(false);
- *   const [show, hide] = useSetUnset(setIsVisible);
- *
- *   return (
- *     <div>
- *       <button onClick={show}>Show</button>
- *       <button onClick={hide}>Hide</button>
- *       {isVisible && <div>Content is visible</div>}
- *     </div>
- *   );
- * }
- * ```
- */ function useSetUnset(set) {
-    return [
-        react.useCallback(()=>set(true), [
-            set
-        ]),
-        react.useCallback(()=>set(false), [
-            set
-        ])
-    ];
-}
-
-/**
- * React hook for managing dialog state with optional callback after closing.
- * Provides convenient open/close functions and tracks the dialog's open state.
- *
- * @param onAfterClose - Optional callback function to execute after the dialog closes
- * @returns Object containing dialog state and control functions
- * @example
- * ```typescript
- * function MyComponent() {
- *   const { isDialogOpen, openDialog, closeDialog } = useDialog(() => {
- *     console.log('Dialog closed');
- *   });
- *
- *   return (
- *     <div>
- *       <button onClick={openDialog}>Open Dialog</button>
- *       {isDialogOpen && <Dialog onClose={closeDialog} />}
- *     </div>
- *   );
- * }
- * ```
- */ function useDialog(onAfterClose) {
-    const [isDialogOpen, setIsDialogOpen] = react.useState(false);
-    const [openDialog, closeDialog] = useSetUnset(setIsDialogOpen);
-    const close = react.useCallback(()=>{
-        closeDialog();
-        if (onAfterClose) setTimeout(onAfterClose);
-    }, [
-        closeDialog,
-        onAfterClose
-    ]);
-    return {
-        isDialogOpen,
-        openDialog,
-        closeDialog: close
-    };
-}
-
-/**
- * React hook for generating keys based on current route matches.
- *
- * @template TKey - The type of the route keys
- * @param routeMatches - Record of route keys to match objects or arrays
- * @returns Array of active route keys
- * @example
- * ```typescript
- * function NavigationComponent() {
- *   const routeMatches = {
- *     home: useRouteMatch('/'),
- *     about: useRouteMatch('/about'),
- *     contact: useRouteMatch('/contact')
- *   };
- *
- *   const activeRoutes = useKeyByRoute(routeMatches);
- *   // Returns ['home'] if on home page, ['about'] if on about page, etc.
- *
- *   return (
- *     <nav>
- *       {activeRoutes.map(route => (
- *         <span key={route}>Active: {route}</span>
- *       ))}
- *     </nav>
- *   );
- * }
- * ```
- */ function useKeyByRoute(routeMatches) {
-    const keys = [];
-    for(const key in routeMatches){
-        const matches = routeMatches[key];
-        if (Array.isArray(matches) ? matches.some((match)=>match !== null) : matches !== null) {
-            keys.push(key);
-        }
-    }
-    return keys;
-}
-
-/**
- * Synchronizes external state changes with a callback function, calling the callback only when state actually changes.
- *
- * @param state - The current state value to monitor for changes
- * @param onChange - Callback function executed when state changes
- * @param compare - Optional comparison function to determine if state has changed (defaults to strict equality)
- * @example
- * ```typescript
- * import { useSyncState } from "@leancodepl/utils";
- *
- * function MyComponent({ externalValue }: { externalValue: string }) {
- *   useSyncState(externalValue, (newValue) => {
- *     console.log('Value changed to:', newValue);
- *   });
- *
- *   return <div>{externalValue}</div>;
- * }
- * ```
- */ function useSyncState(state, onChange, compare) {
-    const [prevState, setPrevState] = react.useState(state);
-    const hasChanged = compare ? !compare(state, prevState) : state !== prevState;
-    if (hasChanged) {
-        setPrevState(state);
-        onChange(state);
-    }
-}
-
-/**
- * Adds a prefix to all keys in an object, creating a new object with prefixed keys.
- *
- * @template T - The type of the input object
- * @template TPrefix - The type of the prefix string
- * @param object - The object whose keys will be prefixed
- * @param prefix - The prefix string to add to each key
- * @returns A new object with all keys prefixed
- * @example
- * ```typescript
- * const apiData = { userId: 1, userName: 'John' };
- * const prefixed = addPrefix(apiData, 'api_');
- * // Result: { api_userId: 1, api_userName: 'John' }
- * ```
- */ function addPrefix(object, prefix) {
-    return Object.fromEntries(Object.entries(object).map(([key, value])=>[
-            `${prefix}${key}`,
-            value
-        ]));
-}
-
-/**
- * Asserts that a value is not undefined. Throws an error if the value is undefined.
- * This is a type assertion function that narrows the type to exclude undefined.
- *
- * @template T - The type of the value being checked
- * @param value - The value to check for undefined
- * @param message - Optional error message to use if assertion fails
- * @throws {Error} When the value is undefined
- * @example
- * ```typescript
- * function processUser(user?: User) {
- *   assertDefined(user);
- *   return user.name; // TypeScript knows user is defined
- * }
- * ```
- */ function assertDefined(value, message) {
-    invariant(value !== undefined, message);
-}
-
-/**
- * Asserts that a value is not null or undefined. Throws an error if the value is null or undefined.
- * This is a type assertion function that narrows the type to exclude null and undefined.
- *
- * @template T - The type of the value being checked
- * @param value - The value to check for null or undefined
- * @param message - Optional error message to use if assertion fails
- * @throws {Error} When the value is null or undefined
- * @example
- * ```typescript
- * function processOptionalData(data?: string | null) {
- *   assertNotEmpty(data);
- *   return data.toUpperCase(); // TypeScript knows data is not null/undefined
- * }
- * ```
- */ function assertNotEmpty(value, message) {
-    invariant(value !== null && value !== undefined, message);
-}
-
-/**
- * Asserts that a value is not null. Throws an error if the value is null.
- * This is a type assertion function that narrows the type to exclude null.
- *
- * @template T - The type of the value being checked
- * @param value - The value to check for null
- * @param message - Optional error message to use if assertion fails
- * @throws {Error} When the value is null
- * @example
- * ```typescript
- * function processData(data: string | null) {
- *   assertNotNull(data);
- *   return data.toUpperCase(); // TypeScript knows data is not null
- * }
- * ```
- */ function assertNotNull(value, message) {
-    invariant(value !== null, message);
-}
-
-function downloadFile(dataOrUrl, options = {}) {
-    if (typeof dataOrUrl === "string") {
-        const { name } = options;
-        const a = document.createElement("a");
-        a.href = dataOrUrl;
-        a.target = "_blank";
-        if (name) a.download = name;
-        a.click();
-    } else {
-        const url = URL.createObjectURL(dataOrUrl);
-        downloadFile(url, options);
-        URL.revokeObjectURL(url);
-    }
-}
-
-/**
- * Ensures that a value is defined, returning it if defined or throwing an error if undefined.
- *
- * @template T - The type of the value being checked
- * @param value - The value to ensure is defined
- * @param message - Optional error message to use if the value is undefined
- * @returns The value if it is defined
- * @throws {Error} When the value is undefined
- * @example
- * ```typescript
- * function processUser(user?: User) {
- *   const definedUser = ensureDefined(user);
- *   return definedUser.name; // definedUser is guaranteed to be defined
- * }
- * ```
- */ function ensureDefined(value, message) {
-    assertDefined(value, message);
-    return value;
-}
-
-/**
- * Ensures that a value is not null or undefined, returning it if valid or throwing an error if empty.
- *
- * @template T - The type of the value being checked
- * @param value - The value to ensure is not null or undefined
- * @param message - Optional error message to use if the value is null or undefined
- * @returns The value if it is not null or undefined
- * @throws {Error} When the value is null or undefined
- * @example
- * ```typescript
- * function processOptionalData(data?: string | null) {
- *   const validData = ensureNotEmpty(data);
- *   return validData.toUpperCase(); // validData is guaranteed to be not null/undefined
- * }
- * ```
- */ function ensureNotEmpty(value, message) {
-    assertNotEmpty(value, message);
-    return value;
-}
-
-/**
- * Ensures that a value is not null, returning it if not null or throwing an error if null.
- * Unlike assertNotNull, this function returns the value for use in expressions.
- *
- * @template T - The type of the value being checked
- * @param value - The value to ensure is not null
- * @param message - Optional error message to use if the value is null
- * @returns The value if it is not null
- * @throws {Error} When the value is null
- * @example
- * ```typescript
- * function processData(data: string | null) {
- *   const nonNullData = ensureNotNull(data);
- *   return nonNullData.toUpperCase(); // nonNullData is guaranteed to be not null
- * }
- * ```
- */ function ensureNotNull(value, message) {
-    assertNotNull(value, message);
-    return value;
-}
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-function transformFirst(value, transformFn) {
-    if (value.length === 0) {
-        return "";
-    }
-    return transformFn(value[0]) + value.slice(1);
-}
-/**
- * Converts the first character of a string to lowercase.
- *
- * @param value - The string to transform
- * @returns The string with the first character in lowercase
- * @example
- * ```typescript
- * const result = toLowerFirst('UserName');
- * // Result: 'userName'
- * ```
- */ function toLowerFirst(value) {
-    return transformFirst(value, (value)=>value.toLowerCase());
-}
-/**
- * Converts the first character of a string to uppercase.
- *
- * @param value - The string to transform
- * @returns The string with the first character in uppercase
- * @example
- * ```typescript
- * const result = toUpperFirst('userName');
- * // Result: 'UserName'
- * ```
- */ function toUpperFirst(value) {
-    return transformFirst(value, (value)=>value.toUpperCase());
-}
-
-function transformDeep(value, mode) {
-    if (value === null || value === undefined) {
-        return undefined;
-    }
-    if (Array.isArray(value)) {
-        return value.map((val)=>transformDeep(val, mode));
-    }
-    if (typeof value === "object") {
-        const transformKey = mode === "capitalize" ? toUpperFirst : toLowerFirst;
-        return Object.entries(value).reduce((accumulator, [key, value])=>_extends({}, accumulator, {
-                [transformKey(key)]: transformDeep(value, mode)
-            }), {});
-    }
-    return value;
-}
-/**
- * Recursively transforms all object keys to use uncapitalized (camelCase) format.
- *
- * @template T - The type of the input value
- * @param value - The value to transform (can be object, array, or primitive)
- * @returns A new object with all keys converted to camelCase
- * @example
- * ```typescript
- * const serverData = { UserId: 1, UserName: 'John', Profile: { FirstName: 'John' } };
- * const clientData = uncapitalizeDeep(serverData);
- * // Result: { userId: 1, userName: 'John', profile: { firstName: 'John' } }
- * ```
- */ function uncapitalizeDeep(value) {
-    return transformDeep(value, "uncapitalize");
-}
-/**
- * Recursively transforms all object keys to use capitalized (PascalCase) format.
- *
- * @template T - The type of the input value
- * @param value - The value to transform (can be object, array, or primitive)
- * @returns A new object with all keys converted to PascalCase
- * @example
- * ```typescript
- * const clientData = { userId: 1, userName: 'John', profile: { firstName: 'John' } };
- * const serverData = capitalizeDeep(clientData);
- * // Result: { UserId: 1, UserName: 'John', Profile: { FirstName: 'John' } }
- * ```
- */ function capitalizeDeep(value) {
-    return transformDeep(value, "capitalize");
-}
-
-/**
- * Creates a React context hook for managing optional state values with Provider and setter utilities.
- * Returns a hook with attached Provider component and set function for declarative value management.
- *
- * @returns Hook function with attached Provider component and set function
- * @example
- * ```typescript
- * import { mkValueContext } from "@leancodepl/utils";
- *
- * const useTheme = mkValueContext<string>();
- *
- * function App() {
- *   return (
- *     <useTheme.Provider initialValue="dark">
- *       <ThemeConsumer />
- *     </useTheme.Provider>
- *   );
- * }
- *
- * function ThemeConsumer() {
- *   const [theme] = useTheme();
- *   return <div>Current theme: {theme}</div>;
- * }
- * ```
- * @example
- * ```typescript
- * // Using set to declaratively set context value
- * const useActiveUser = mkValueContext<string>();
- *
- * function UserProfile({ userId }: { userId: string }) {
- *   useActiveUser.set(userId); // Sets value on mount, clears on unmount
- *   return <div>Profile content</div>;
- * }
- *
- * function UserBadge() {
- *   const [activeUserId] = useActiveUser();
- *   return <div>Active user: {activeUserId}</div>;
- * }
- * ```
- */ function mkValueContext() {
-    const valueContext = /*#__PURE__*/ react.createContext([
-        undefined,
-        ()=>void 0
-    ]);
-    function useValueContext() {
-        return react.useContext(valueContext);
-    }
-    useValueContext.Provider = function ValueContextProvider({ children, initialValue }) {
-        const contextValue = react.useState(initialValue);
-        return /*#__PURE__*/ jsxRuntime.jsx(valueContext.Provider, {
-            value: contextValue,
-            children: children
-        });
-    };
-    useValueContext.set = function useSetter(value) {
-        const [, setValue] = useValueContext();
-        react.useEffect(()=>void setValue(value), [
-            setValue,
-            value
-        ]);
-        react.useEffect(()=>()=>setValue(undefined), [
-            setValue
-        ]);
-    };
-    return useValueContext;
-}
-
-exports.addPrefix = addPrefix;
-exports.assertDefined = assertDefined;
-exports.assertNotEmpty = assertNotEmpty;
-exports.assertNotNull = assertNotNull;
-exports.capitalizeDeep = capitalizeDeep;
-exports.downloadFile = downloadFile;
-exports.ensureDefined = ensureDefined;
-exports.ensureNotEmpty = ensureNotEmpty;
-exports.ensureNotNull = ensureNotNull;
-exports.mkValueContext = mkValueContext;
-exports.toLowerFirst = toLowerFirst;
-exports.toUpperFirst = toUpperFirst;
-exports.uncapitalizeDeep = uncapitalizeDeep;
-exports.useBoundRunInTask = useBoundRunInTask;
-exports.useDialog = useDialog;
-exports.useKeyByRoute = useKeyByRoute;
-exports.useRunInTask = useRunInTask;
-exports.useSetUnset = useSetUnset;
-exports.useSyncState = useSyncState;

package/index.cjs.mjs

@@ -1,2 +0,0 @@
-export * from './index.cjs.js';
-export { _default as default } from './index.cjs.default.js';

package/index.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";