@cleanweb/oore 2.0.0-alpha.33 → 2.0.0-alpha.35

package/build/helpers/rerender.js

@@ -1,19 +1,22 @@
-import { useCallback, useRef, useState } from 'react';
-import { useMountState } from '../helpers/mount-state.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRerender = void 0;
+var react_1 = require("react");
+var mount_state_1 = require("../helpers/mount-state");
 ;
 /**
  * Returns a function that can be called to manually trigger
  * a rerender of your component.
  */
-export const useRerender = () => {
-    const isMounted = useMountState();
-    const renderCount = useRef(0);
-    const [, forceRerender] = useState(renderCount.current);
+var useRerender = function () {
+    var isMounted = (0, mount_state_1.useMountState)();
+    var renderCount = (0, react_1.useRef)(0);
+    var _a = (0, react_1.useState)(renderCount.current), forceRerender = _a[1];
     renderCount.current++;
-    const rerender = useCallback(() => {
-        let resolve;
-        const promise = new Promise((_r) => resolve = _r);
-        const execute = () => {
+    var rerender = (0, react_1.useCallback)(function () {
+        var resolve;
+        var promise = new Promise(function (_r) { return resolve = _r; });
+        var execute = function () {
             forceRerender(renderCount.current);
             resolve({
                 previousCount: renderCount.current,
@@ -23,7 +26,7 @@ export const useRerender = () => {
         if (isMounted())
             execute();
         else {
-            setTimeout(() => {
+            setTimeout(function () {
                 if (isMounted())
                     execute();
                 else
@@ -32,7 +35,8 @@ export const useRerender = () => {
         }
         return promise;
     }, [forceRerender, renderCount]);
-    const refresher = () => rerender();
+    var refresher = function () { return rerender(); };
     refresher.currentCount = renderCount.current;
     return refresher;
 };
+exports.useRerender = useRerender;

package/build/helpers/type-guards.js

@@ -1,4 +1,8 @@
-export const canIndex = (key, targetObject) => {
-    const test = typeof key === 'number' ? `${key}` : key;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canIndex = void 0;
+var canIndex = function (key, targetObject) {
+    var test = typeof key === 'number' ? "".concat(key) : key;
     return Reflect.ownKeys(targetObject).includes(test);
 };
+exports.canIndex = canIndex;

package/build/helpers/use-component/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassComponentHookWrapper } from './types.js';
+import type { ClassComponentHookWrapper } from './types';
 /**
  * A component you can use to consume React hooks
  * in a {@link Component | React.Component} class.

package/build/helpers/use-component/index.js

@@ -1,13 +1,17 @@
-import { useEffect } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Use = void 0;
+var react_1 = require("react");
 /**
  * A component you can use to consume React hooks
  * in a {@link Component | React.Component} class.
  */
-export const Use = (params) => {
-    const { hook: useGenericHook, argumentsList, onUpdate } = params;
-    const output = useGenericHook(...argumentsList);
-    useEffect(() => {
+var Use = function (params) {
+    var useGenericHook = params.hook, argumentsList = params.argumentsList, onUpdate = params.onUpdate;
+    var output = useGenericHook.apply(void 0, argumentsList);
+    (0, react_1.useEffect)(function () {
         onUpdate(output);
     }, [output]);
     return null;
 };
+exports.Use = Use;

package/build/helpers/use-component/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/index.d.ts

@@ -1,3 +1,4 @@
-export * from './classy/index.js';
-export * from './base/index.js';
-export * from './helpers/index.js';
+export * from './classy';
+export * from './base';
+export * from './helpers';
+export type { EmptyObject, NeverObject };

package/build/index.js

@@ -1,3 +1,19 @@
-export * from './classy/index.js';
-export * from './base/index.js';
-export * from './helpers/index.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./classy"), exports);
+__exportStar(require("./base"), exports);
+__exportStar(require("./helpers"), exports);

package/build/slots/hook.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode, ReactPortal } from 'react';
-import type { IUseSlots, PotentialSlotComponent } from './types.js';
+import type { IUseSlots, PotentialSlotComponent } from './types';
 export declare const isElementChild: (child: ReactNode) => child is ReactElement<any, any>;
 interface IGetSlotName {
     (TargetComponent: PotentialSlotComponent, child?: ReactElement): string | undefined;
@@ -17,4 +17,4 @@ export declare const isPortalChild: (child: ReactNode) => child is ReactPortal;
  * @see {@link SlotComponent} for more on how to use the returned slot nodes.
  */
 export declare const useSlots: IUseSlots;
-export type { SlottedComponent, TSlotsRecord, SlotComponent, PotentialSlotComponent, } from './types.js';
+export type { WithSlotsConfig, WithSlotsConfig as SlottedComponent, TSlotsRecord, SlotComponent, PotentialSlotComponent, } from './types';

package/build/slots/hook.js

@@ -1,15 +1,51 @@
-import { throwDevError } from '../helpers/errors.js';
-import React, { useMemo } from 'react';
-export const isElementChild = (child) => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSlots = exports.isPortalChild = exports.getComponentSlotName = exports.isElementChild = void 0;
+var errors_1 = require("../helpers/errors");
+var react_1 = __importStar(require("react"));
+var isElementChild = function (child) {
     if (child && typeof child === 'object' && 'type' in child) {
         return true;
     }
     return false;
 };
-export const getComponentSlotName = (TargetComponent, child) => {
+exports.isElementChild = isElementChild;
+var getComponentSlotName = function (TargetComponent, child) {
     if (child) {
-        const keyTypes = ['string', 'number', 'symbol'];
-        const slotName = child.props['data-slot-name'];
+        var keyTypes = ['string', 'number', 'symbol'];
+        var slotName = child.props['data-slot-name'];
         if (keyTypes.includes(typeof slotName)) {
             return slotName;
         }
@@ -23,16 +59,15 @@ export const getComponentSlotName = (TargetComponent, child) => {
     else if ('displayName' in TargetComponent) {
         return TargetComponent.displayName;
     }
-    else if ('name' in TargetComponent) {
-        return TargetComponent.name;
-    }
     return undefined;
 };
-export const isPortalChild = (child) => {
+exports.getComponentSlotName = getComponentSlotName;
+var isPortalChild = function (child) {
     return (!!child
         && typeof child === 'object'
         && 'children' in child);
 };
+exports.isPortalChild = isPortalChild;
 /**
  * Groups `children` prop into predefined slots.
  *
@@ -43,58 +78,57 @@ export const isPortalChild = (child) => {
  *
  * @see {@link SlotComponent} for more on how to use the returned slot nodes.
  */
-export const useSlots = (children, Caller) => {
-    const slotsAliasLookup = useMemo(() => {
-        const entries = Object.entries(Caller.Slots);
-        const aliasLookup = {
-            byName: {},
-            byIdentity: new Map(),
-        };
-        entries.forEach(([alias, RegisteredSlotComponent]) => {
-            const slotName = getComponentSlotName(RegisteredSlotComponent);
+var useSlots = function (children, Caller) {
+    var slotsAliasLookup = (0, react_1.useMemo)(function () {
+        var entries = Object.entries(Caller.Slots);
+        var aliasLookup = {};
+        entries.forEach(function (_a) {
+            var alias = _a[0], RegisteredSlotComponent = _a[1];
+            var slotName = (0, exports.getComponentSlotName)(RegisteredSlotComponent);
             if (!slotName) {
-                aliasLookup.byIdentity.set(RegisteredSlotComponent, alias);
-                aliasLookup.byName[alias] = alias;
+                (0, errors_1.throwDevError)("A registered slot component did not have a slot name. All components registered as slots must either be a string tag-name or a React component with either \"slotName\" or \"displayName\". The affected component was: ".concat(RegisteredSlotComponent));
+                return;
             }
-            else
-                aliasLookup.byName[slotName] = alias;
+            aliasLookup[slotName] = alias;
         });
         return aliasLookup;
     }, [Caller.Slots]);
     // @todo Expose original source order of `children` with respect to slot aliases.
-    const result = useMemo(() => {
+    var result = (0, react_1.useMemo)(function () {
         var _a;
-        const slotNodes = {};
-        const unmatchedChildren = [];
-        const invalidChildren = [];
-        const requiredSlotAliases = [
-            ...((_a = Caller.requiredSlotAliases) !== null && _a !== void 0 ? _a : [])
-        ];
-        React.Children.forEach(children, (_child) => {
-            const child = _child;
+        var slotNodes = {};
+        var unmatchedChildren = [];
+        var invalidChildren = [];
+        var requiredSlotAliases = __spreadArray([], ((_a = Caller.requiredSlotAliases) !== null && _a !== void 0 ? _a : []), true);
+        react_1.default.Children.forEach(children, function (_child) {
+            var _a;
+            var child = _child;
             if (!child) {
                 invalidChildren.push(child);
                 return;
             }
-            if (!React.isValidElement(child)) {
-                console.warn(`Invalid node found in JSX children while parsing slots. Got: "${child}".`);
+            if (!react_1.default.isValidElement(child)) {
+                console.warn("Invalid node found in JSX children while parsing slots. Got: \"".concat(child, "\"."));
                 invalidChildren.push(child);
                 return;
             }
             ;
             // @todo Check for fragment
-            if (!isElementChild(child)) {
+            if (!(0, exports.isElementChild)(child)) {
                 unmatchedChildren.push(child);
                 return;
             }
-            const slotAlias = (() => {
-                const slotName = getComponentSlotName(child.type, child);
-                const alias = slotName
-                    ? slotsAliasLookup.byName[slotName]
-                    : slotsAliasLookup.byIdentity.get(child.type);
-                return alias !== null && alias !== void 0 ? alias : null;
+            var slotAlias = (function () {
+                var _a;
+                var slotName = (0, exports.getComponentSlotName)(child.type, child);
+                return slotName ? (_a = slotsAliasLookup[slotName]) !== null && _a !== void 0 ? _a : null : null;
             })();
             if (slotAlias) {
+                if (typeof Caller.Slots[slotAlias] !== 'string') {
+                    if ((_a = Caller.Slots[slotAlias]) === null || _a === void 0 ? void 0 : _a.isRequiredSlot) {
+                        requiredSlotAliases.push(slotAlias);
+                    }
+                }
                 if (slotNodes[slotAlias]) {
                     slotNodes[slotAlias].push(child);
                 }
@@ -105,13 +139,13 @@ export const useSlots = (children, Caller) => {
             else
                 unmatchedChildren.push(child);
         });
-        /** @todo Type keys as NonNullable if included in this array. */
-        requiredSlotAliases.forEach((slotAlias) => {
+        requiredSlotAliases.forEach(function (slotAlias) {
             if (!slotNodes[slotAlias]) {
-                throwDevError(`Missing required slot "${String(slotAlias)}".`);
+                (0, errors_1.throwDevError)("Missing required slot \"".concat(String(slotAlias), "\"."));
             }
         });
         return [slotNodes, unmatchedChildren, invalidChildren];
     }, [children]);
     return result;
 };
+exports.useSlots = useSlots;

package/build/slots/index.d.ts

@@ -1 +1 @@
-export * from './hook.js';
+export * from './hook';

package/build/slots/index.js

@@ -1 +1,17 @@
-export * from './hook.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./hook"), exports);

package/build/slots/types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode, ComponentType, JSX } from 'react';
+import type { ReactElement, ReactNode, ComponentType, ReactPortal, JSX } from 'react';
 /** @todo ComponentType force children to be ReactNode, but custom components can have any children type. */
 type JSXTagLike = string | keyof JSX.IntrinsicElements | ComponentType<any>;
 /** This fixes overly narrow T type used by React's ComponentProps type. */
@@ -18,7 +18,12 @@ export type DisplayNamedComponent<TComponent extends ComponentType<any> = Compon
     displayName: TName;
 };
 interface ISlotConfig<TName> {
-    slotName?: TName;
+    slotName: TName;
+    /**
+     * @deprecated The SlottedComponent should be responsible for indicating which slots it requires.
+     * Individual slot components may be reused by multiple slotted components with varying requirements.
+     */
+    isRequiredSlot?: boolean;
 }
 /**
  * A child component used to insert content into a specific slot in the parent component.
@@ -81,22 +86,21 @@ export type SlotComponent<TComponent extends JSXTagLike = ComponentType<any>, TN
  * directly from the parent component itself,
  * through an alias that is easy to remember.
  */
-export type SlottedComponent<TOwner extends object = ComponentType<any>, TSlots extends TSlotsRecord = TSlotsRecord> = TOwner & {
+export type WithSlotsConfig<TOwner extends object = ComponentType<any>, TSlots extends TSlotsRecord = TSlotsRecord> = TOwner & {
     Slots: TSlots;
     requiredSlotAliases?: Array<keyof TSlots>;
 };
-export type TypedNode<P, T extends JSXTagLike> = Omit<ReactElement<P>, 'type'> & {
-    type: T;
-};
-export type TSlotNode<TSlotted extends SlottedComponent, Key extends keyof TSlotted['Slots'] = keyof TSlotted['Slots']> = (TypedNode<ComponentProps<TSlotted['Slots'][Key]>, TSlotted['Slots'][Key]>);
+export type { WithSlotsConfig as SlottedComponent };
+export type TypedNode<P, T extends JSXTagLike> = (ReactElement<P, T> | (ReactElement<P, T> & ReactPortal));
+export type TSlotNode<TConfig extends WithSlotsConfig<object>, Key extends keyof TConfig['Slots'] = keyof TConfig['Slots']> = (TypedNode<ComponentProps<TConfig['Slots'][Key]>, TConfig['Slots'][Key]>);
 /**
  * A record of slot aliases mapped to the corresponding `ReactNode`(s)
  * to be rendered for that slot.
  */
-export type TSlotNodes<TSlotted extends SlottedComponent> = {
+export type TSlotNodes<TSlotted extends WithSlotsConfig> = {
     [Key in keyof TSlotted['Slots']]?: Array<TSlotNode<TSlotted, Key>>;
 };
-export type TUseSlotsResult<TSlotted extends SlottedComponent> = Readonly<[
+export type TUseSlotsResult<TSlotted extends WithSlotsConfig> = Readonly<[
     /**
      * A record of slot aliases to their corresponding React nodes.
      * Each alias maps to an array of one or more React nodes that were passed
@@ -116,7 +120,7 @@ export type TUseSlotsResult<TSlotted extends SlottedComponent> = Readonly<[
     invalidChildren: any[]
 ]>;
 export interface IUseSlots {
-    <TSlotted extends SlottedComponent>(
+    <TSlotted extends WithSlotsConfig>(
     /**
      * Your component's `children` prop.
      * The nodes it contains will be categorized and
@@ -125,4 +129,3 @@ export interface IUseSlots {
     children: ReactNode, Caller: TSlotted): TUseSlotsResult<TSlotted>;
 }
 export type PotentialSlotComponent = string | SlotComponent | ComponentType<any>;
-export {};

package/build/slots/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/tsconfig.json

@@ -2,13 +2,13 @@
 	"compilerOptions": {
 		"baseUrl": ".",
 		"rootDir": ".",
-		"outDir": "./build",
+		"outDir": "build",
 		"paths": {
 			"@/*": [
 				"./*"
 			]
 		},
-		"target": "es6",
+		"target": "es5",
 		"lib": [
 			"dom",
 			"dom.iterable",
@@ -23,8 +23,8 @@
 		"forceConsistentCasingInFileNames": true,
 		"incremental": false,
 		"esModuleInterop": true,
-		"module": "esnext",
-		"moduleResolution": "bundler",
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
 		"resolveJsonModule": true,
 		"isolatedModules": true,
 		"jsx": "react-jsx",
@@ -35,16 +35,13 @@
 		"strictBindCallApply": true,
 		"exactOptionalPropertyTypes": true,
 	},
-	"tsc-alias": {
-		"resolveFullPaths": true,
-		"resolveFullExtension": ".js" 
-	},
 	"include": [
-		"./globals.d.ts",
+		// "**/[!globals].ts",
 		"**/*.ts",
 		"**/*.tsx"
 	],
 	"exclude": [
+		"**/globals.ts",
 		"node_modules/**/**.*",
 		"build/**/**.*",
 		"mirror-pkg/**/**.*"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cleanweb/oore",
-	"version": "2.0.0-alpha.33",
+	"version": "2.0.0-alpha.35",
 	"description": "A library of helpers for writing cleaner React function components with object-oriented patterns.",
 	"engines": {
 		"node": ">=22"
@@ -9,37 +9,18 @@
 		"build",
 		".npmrc"
 	],
-	"main": "./build/index.cjs",
-	"module": "./build/index.js",
-	"types": "./build/index.d.ts",
+	"main": "build/index.js",
 	"exports": {
-		".": {
-			"import": "./build/classy/index.js",
-			"require": "./build/_cjs/classy/index.js"
-		},
-		"./base": {
-			"import": "./build/base/index.js",
-			"require": "./build/_cjs/base/index.js"
-		},
-		"./helpers": {
-			"import": "./build/helpers/index.js",
-			"require": "./build/_cjs/helpers/index.js"
-		},
-		"./slots": {
-			"import": "./build/slots/index.js",
-			"require": "./build/_cjs/slots/index.js"
-		},
-		"./all": {
-			"import": "./build/index.js",
-			"require": "./build/_cjs/index.js"
-		}
+		".": "./build/classy/index.js",
+		"./base": "./build/base/index.js",
+		"./helpers": "./build/helpers/index.js",
+		"./slots": "./build/slots/index.js",
+		"./all": "./build/index.js"
 	},
 	"scripts": {
 		"prebuild": "rimraf ./build",
-		"build": "npm run build:esm && npm run build:cjs",
-		"build:esm": "tsc && tsc-alias",
-		"build:cjs": "tsc -p tsconfig.cjs.json && tsc-alias -p tsconfig.cjs.json",
-		"postbuild": "copyfiles tsconfig.json globals.d.ts build",
+		"build": "tsc && tsc-alias",
+		"postbuild": "copyfiles tsconfig.json build",
 		"build:docs": "typedoc",
 		"_": "",
 		"serve-docs": "serve docs",
@@ -81,7 +62,7 @@
 	"devDependencies": {
 		"@babel/eslint-parser": "^7.25.9",
 		"@babel/preset-typescript": "^7.26.0",
-		"@types/node": "^22.20.0",
+		"@types/node": "20.14.10",
 		"@types/react": "^16",
 		"@types/webpack-env": "^1.18.8",
 		"babel-preset-react-app": "^10.0.1",
@@ -90,10 +71,9 @@
 		"eslint-plugin-jsdoc": "^50.5.0",
 		"eslint-plugin-react": "^7.37.2",
 		"globals": "^15.12.0",
-		"jsonc-parser": "~3.3.1",
 		"rimraf": "^6.0.1",
 		"serve": "^14.2.4",
-		"tsc-alias": "1.8.0",
+		"tsc-alias": "1.8.10",
 		"typedoc": "latest",
 		"typedoc-plugin-coverage": "^3.4.1",
 		"typedoc-plugin-markdown": "^4.4.1",

package/build/_cjs/base/index.d.ts

@@ -1,3 +0,0 @@
-export * from './state/index.js';
-export * from './methods.js';
-export * from './merged-state.js';

package/build/_cjs/base/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./state/index.js"), exports);
-__exportStar(require("./methods.js"), exports);
-__exportStar(require("./merged-state.js"), exports);

package/build/_cjs/base/merged-state.d.ts

@@ -1,19 +0,0 @@
-declare class MergedState<TState extends object> {
-    static useRefresh<TState extends object>(this: MergedState<TState>): void;
-    reservedKeys: string[];
-    valueKeys: string[];
-    private _initialValues_;
-    private _values_;
-    private setState;
-    private _setters_;
-    get put(): { [Key in keyof TState]: (value: TState[Key]) => void; };
-    get initialState(): TState;
-    constructor(initialState: TState);
-    putMany: (newValues: Partial<TState>) => void;
-}
-/**
- * Similar to {@link useCleanState},
- * but uses a single `useState` call for the entire state object.
- */
-export declare const useMergedState: <TState extends object>(initialState: TState) => MergedState<TState> & TState;
-export {};

package/build/_cjs/base/merged-state.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMergedState = void 0;
-const react_1 = require("react");
-class MergedState {
-    static useRefresh() {
-        [this._values_, this.setState] = (0, react_1.useState)(this.initialState);
-    }
-    get put() {
-        return Object.assign({}, this._setters_);
-    }
-    get initialState() {
-        return Object.assign({}, this._initialValues_);
-    }
-    constructor(initialState) {
-        this._initialValues_ = {};
-        this._values_ = {};
-        this._setters_ = {};
-        this.putMany = (newValues) => {
-            this.setState(Object.assign(Object.assign({}, this._values_), newValues));
-        };
-        this.reservedKeys = Object.keys(this);
-        this.valueKeys = [];
-        this._initialValues_ = Object.assign({}, initialState);
-        this._values_ = Object.assign({}, initialState);
-        Object.keys(initialState).forEach((_key) => {
-            const key = _key;
-            if (this.reservedKeys.includes(key)) {
-                throw new Error(`The name "${key}" is reserved by CleanState and cannot be used to index state variables. Please use a different key.`);
-            }
-            this.valueKeys.push(key);
-            this._setters_[key] = (value) => {
-                // this._values_[key] = value;
-                this.setState(Object.assign(Object.assign({}, this._values_), { [key]: value }));
-            };
-            const self = this;
-            Object.defineProperty(this, key, {
-                get() {
-                    return self._values_[key];
-                },
-                set(value) {
-                    self._setters_[key](value);
-                },
-                enumerable: true,
-            });
-        });
-    }
-}
-/**
- * Similar to {@link useCleanState},
- * but uses a single `useState` call for the entire state object.
- */
-const useMergedState = (initialState) => {
-    const cleanState = (0, react_1.useRef)((0, react_1.useMemo)(() => {
-        return new MergedState(initialState);
-    }, [])).current;
-    MergedState.useRefresh.call(cleanState);
-    return cleanState;
-};
-exports.useMergedState = useMergedState;