@leancodepl/utils 9.6.5 → 9.7.0

package/index.cjs.js

@@ -1,123 +1,219 @@
 'use strict';
 
-var invariant = require('tiny-invariant');
 var react = require('react');
+var invariant = require('tiny-invariant');
+var jsxRuntime = require('react/jsx-runtime');
 
 /**
- * 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
+ * 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
- * const apiData = { userId: 1, userName: 'John' };
- * const prefixed = addPrefix(apiData, 'api_');
- * // Result: { api_userId: 1, api_userName: 'John' }
+ * 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 addPrefix(object, prefix) {
-    return Object.fromEntries(Object.entries(object).map(([key, value])=>[
-            `${prefix}${key}`,
-            value
-        ]));
+ */ 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 transformFirst(value, transformFn) {
-    if (value.length === 0) {
-        return "";
-    }
-    return transformFn(value[0]) + value.slice(1);
+function useBoundRunInTask(block) {
+    const [isRunning, runInTask] = useRunInTask();
+    const runBlockInTask = react.useMemo(()=>block ? (...args)=>runInTask(()=>block(...args)) : undefined, [
+        block,
+        runInTask
+    ]);
+    return [
+        isRunning,
+        runBlockInTask
+    ];
 }
+
 /**
- * Converts the first character of a string to lowercase.
+ * React hook for boolean state management helpers.
  *
- * @param value - The string to transform
- * @returns The string with the first character in lowercase
+ * @param set - The state setter function from useState
+ * @returns A tuple containing [setTrue: function, setFalse: function]
  * @example
  * ```typescript
- * const result = toLowerFirst('UserName');
- * // Result: 'userName'
+ * 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 toLowerFirst(value) {
-    return transformFirst(value, (value)=>value.toLowerCase());
+ */ function useSetUnset(set) {
+    return [
+        react.useCallback(()=>set(true), [
+            set
+        ]),
+        react.useCallback(()=>set(false), [
+            set
+        ])
+    ];
 }
+
 /**
- * Converts the first character of a string to uppercase.
+ * React hook for managing dialog state with optional callback after closing.
+ * Provides convenient open/close functions and tracks the dialog's open state.
  *
- * @param value - The string to transform
- * @returns The string with the first character in uppercase
+ * @param onAfterClose - Optional callback function to execute after the dialog closes
+ * @returns Object containing dialog state and control functions
  * @example
  * ```typescript
- * const result = toUpperFirst('userName');
- * // Result: 'UserName'
+ * 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 toUpperFirst(value) {
-    return transformFirst(value, (value)=>value.toUpperCase());
-}
-
-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;
+ */ 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
     };
-    return _extends.apply(this, arguments);
 }
 
-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)
-            }), {});
+/**
+ * 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 value;
+    return keys;
 }
+
 /**
- * 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
+ * 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
- * const serverData = { UserId: 1, UserName: 'John', Profile: { FirstName: 'John' } };
- * const clientData = uncapitalizeDeep(serverData);
- * // Result: { userId: 1, userName: 'John', profile: { firstName: 'John' } }
+ * import { useSyncState } from "@leancodepl/utils";
+ *
+ * function MyComponent({ externalValue }: { externalValue: string }) {
+ *   useSyncState(externalValue, (newValue) => {
+ *     console.log('Value changed to:', newValue);
+ *   });
+ *
+ *   return <div>{externalValue}</div>;
+ * }
  * ```
- */ function uncapitalizeDeep(value) {
-    return transformDeep(value, "uncapitalize");
+ */ 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);
+    }
 }
+
 /**
- * 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
+ * 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 clientData = { userId: 1, userName: 'John', profile: { firstName: 'John' } };
- * const serverData = capitalizeDeep(clientData);
- * // Result: { UserId: 1, UserName: 'John', Profile: { FirstName: 'John' } }
+ * const apiData = { userId: 1, userName: 'John' };
+ * const prefixed = addPrefix(apiData, 'api_');
+ * // Result: { api_userId: 1, api_userName: 'John' }
  * ```
- */ function capitalizeDeep(value) {
-    return transformDeep(value, "capitalize");
+ */ 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
@@ -133,10 +229,29 @@ function transformDeep(value, mode) {
     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
@@ -152,28 +267,24 @@ function transformDeep(value, mode) {
     invariant(value !== null, 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);
+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
@@ -186,15 +297,35 @@ function transformDeep(value, mode) {
  *   return definedUser.name; // definedUser is guaranteed to be defined
  * }
  * ```
- */ function ensureDefined(value, message) {
-    assertDefined(value, message);
+ */ 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
@@ -212,224 +343,161 @@ function transformDeep(value, mode) {
     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);
+}
 /**
- * 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
+ * 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
- * function processOptionalData(data?: string | null) {
- *   const validData = ensureNotEmpty(data);
- *   return validData.toUpperCase(); // validData is guaranteed to be not null/undefined
- * }
+ * const result = toLowerFirst('UserName');
+ * // Result: 'userName'
  * ```
- */ function ensureNotEmpty(value, message) {
-    assertNotEmpty(value, message);
-    return value;
-}
-
-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);
-    }
+ */ function toLowerFirst(value) {
+    return transformFirst(value, (value)=>value.toLowerCase());
 }
-
 /**
- * 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]
+ * 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
- * function MyComponent() {
- *   const [isLoading, runInTask] = useRunInTask();
- *   
- *   const handleSave = async () => {
- *     await runInTask(async () => {
- *       await saveData();
- *     });
- *   };
- *   
- *   return (
- *     <button onClick={handleSave} disabled={isLoading}>
- *       {isLoading ? 'Saving...' : 'Save'}
- *     </button>
- *   );
- * }
+ * const result = toUpperFirst('userName');
+ * // Result: 'UserName'
  * ```
- */ 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 toUpperFirst(value) {
+    return transformFirst(value, (value)=>value.toUpperCase());
 }
 
-function useBoundRunInTask(block) {
-    const [isRunning, runInTask] = useRunInTask();
-    const runBlockInTask = react.useMemo(()=>block ? (...args)=>runInTask(()=>block(...args)) : undefined, [
-        block,
-        runInTask
-    ]);
-    return [
-        isRunning,
-        runBlockInTask
-    ];
+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;
 }
-
 /**
- * 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
+ * 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
- * 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>
- *   );
- * }
+ * const serverData = { UserId: 1, UserName: 'John', Profile: { FirstName: 'John' } };
+ * const clientData = uncapitalizeDeep(serverData);
+ * // Result: { userId: 1, userName: 'John', profile: { firstName: 'John' } }
  * ```
- */ 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;
+ */ function uncapitalizeDeep(value) {
+    return transformDeep(value, "uncapitalize");
 }
-
 /**
- * React hook for boolean state management helpers.
- * 
- * @param set - The state setter function from useState
- * @returns A tuple containing [setTrue: function, setFalse: function]
+ * 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
- * 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>
- *   );
- * }
+ * const clientData = { userId: 1, userName: 'John', profile: { firstName: 'John' } };
+ * const serverData = capitalizeDeep(clientData);
+ * // Result: { UserId: 1, UserName: 'John', Profile: { FirstName: 'John' } }
  * ```
- */ function useSetUnset(set) {
-    return [
-        react.useCallback(()=>set(true), [
-            set
-        ]),
-        react.useCallback(()=>set(false), [
-            set
-        ])
-    ];
+ */ function capitalizeDeep(value) {
+    return transformDeep(value, "capitalize");
 }
 
 /**
- * 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
+ * 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
- * function MyComponent() {
- *   const { isDialogOpen, openDialog, closeDialog } = useDialog(() => {
- *     console.log('Dialog closed');
- *   });
- *   
+ * import { mkValueContext } from "@leancodepl/utils";
+ *
+ * const useTheme = mkValueContext<string>();
+ *
+ * function App() {
  *   return (
- *     <div>
- *       <button onClick={openDialog}>Open Dialog</button>
- *       {isDialogOpen && <Dialog onClose={closeDialog} />}
- *     </div>
+ *     <useTheme.Provider initialValue="dark">
+ *       <ThemeConsumer />
+ *     </useTheme.Provider>
  *   );
  * }
- * ```
- */ 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
-    };
-}
-
-/**
- * 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)
+ * function ThemeConsumer() {
+ *   const [theme] = useTheme();
+ *   return <div>Current theme: {theme}</div>;
+ * }
+ * ```
  * @example
  * ```typescript
- * import { useSyncState } from "@leancodepl/utils";
+ * // Using set to declaratively set context value
+ * const useActiveUser = mkValueContext<string>();
  *
- * function MyComponent({ externalValue }: { externalValue: string }) {
- *   useSyncState(externalValue, (newValue) => {
- *     console.log('Value changed to:', newValue);
- *   });
+ * function UserProfile({ userId }: { userId: string }) {
+ *   useActiveUser.set(userId); // Sets value on mount, clears on unmount
+ *   return <div>Profile content</div>;
+ * }
  *
- *   return <div>{externalValue}</div>;
+ * function UserBadge() {
+ *   const [activeUserId] = useActiveUser();
+ *   return <div>Active user: {activeUserId}</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);
+ */ 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;
@@ -441,6 +509,7 @@ exports.downloadFile = downloadFile;
 exports.ensureDefined = ensureDefined;
 exports.ensureNotEmpty = ensureNotEmpty;
 exports.ensureNotNull = ensureNotNull;
+exports.mkValueContext = mkValueContext;
 exports.toLowerFirst = toLowerFirst;
 exports.toUpperFirst = toUpperFirst;
 exports.uncapitalizeDeep = uncapitalizeDeep;