atom.io 0.19.1 → 0.19.3

package/react-devtools/dist/index.d.ts

@@ -18,9 +18,7 @@ declare class Refinery<SupportedTypes extends RefinementSupport> {
     }[keyof SupportedTypes] | null;
 }
 
-interface Refinement<A, B extends A> {
-    (a: A): a is B;
-}
+type Refinement<A, B extends A> = (a: A) => a is B;
 
 type PlainObject = Record<keyof any, unknown>;
 
@@ -63,8 +61,8 @@ declare const AtomIODevtools: () => JSX.Element;
 
 declare const atomIndex: atom_io.ReadonlySelectorToken<AtomTokenIndex>;
 declare const selectorIndex: atom_io.ReadonlySelectorToken<SelectorTokenIndex>;
-declare const transactionIndex: atom_io.ReadonlySelectorToken<atom_io.TransactionToken<atom_io.ƒn>[]>;
-declare const findTransactionLogState: atom_io.ReadonlySelectorFamilyToken<atom_io.TransactionUpdate<atom_io.ƒn>[], string>;
+declare const transactionIndex: atom_io.ReadonlySelectorToken<atom_io.TransactionToken<atom_io.Func>[]>;
+declare const findTransactionLogState: atom_io.ReadonlySelectorFamilyToken<atom_io.TransactionUpdate<atom_io.Func>[], string>;
 declare const timelineIndex: atom_io.ReadonlySelectorToken<atom_io.TimelineToken<any>[]>;
 declare const findTimelineState: atom_io.ReadonlySelectorFamilyToken<Internal.Timeline<any>, string>;
 declare const devtoolsAreOpenState: atom_io.RegularAtomToken<boolean>;

package/react-devtools/dist/index.js

@@ -1,7 +1,7 @@
-import { pipe, ifDefined, isArray, isRecord, doesExtend, isPlainObject, raiseError, sprawl, recordToEntries, fallback, doNothing, become, mapObject, delve } from '../../dist/chunk-7VCCW45K.js';
+import { pipe, ifDefined, isArray, isRecord, doesExtend, isPlainObject, raiseError, sprawl, recordToEntries, fallback, doNothing, become, mapObject, delve } from '../../dist/chunk-CC7IF7QF.js';
 import { lazyLocalStorageEffect } from '../../dist/chunk-BWWVY5O5.js';
 import { JSON_TYPE_NAMES, isString, isNumber, isBoolean, stringifyJson, JSON_DEFAULTS } from '../../dist/chunk-BF4MVQF6.js';
-import { __spreadProps, __spreadValues, __objRest, __restKey } from '../../dist/chunk-U2IICNHQ.js';
+import { __spreadProps, __spreadValues, __objRest, __restKey } from '../../dist/chunk-F2X4B4VY.js';
 import { selectorFamily, atom, atomFamily, findState, undo, redo, getState } from 'atom.io';
 import { attachIntrospectionStates } from 'atom.io/introspection';
 import { useI, useO } from 'atom.io/react';
@@ -28,7 +28,7 @@ var Refinery = class {
           if (input instanceof refiner) {
             return { type: key, data: input };
           }
-        } catch (e2) {
+        } catch (_) {
         }
       }
     }
@@ -66,14 +66,14 @@ var refineJsonType = (data) => data === null ? { type: `null`, data: null } : is
   data === void 0 ? `undefined passed to refineJsonType. This is not valid JSON.` : `${stringifyJson(data)} with prototype "${Object.getPrototypeOf(data).constructor.name}" passed to refineJsonType. This is not valid JSON.`
 );
 var isJson = (input) => {
-  var _a2;
+  var _a;
   if (input === null)
     return true;
   if (input === void 0)
     return false;
-  const prototype = (_a2 = Object.getPrototypeOf(input)) == null ? void 0 : _a2.constructor.name;
-  const isJson2 = JSON_PROTOTYPES.includes(prototype);
-  return isJson2;
+  const prototype = (_a = Object.getPrototypeOf(input)) == null ? void 0 : _a.constructor.name;
+  const refine = JSON_PROTOTYPES.includes(prototype);
+  return refine;
 };
 
 // ../anvl/src/refinement/can-exist.ts
@@ -88,11 +88,11 @@ var mustSatisfyOneOfTheFollowing = (isTypeA, logging = false, refinements = [isT
   const _ = {
     [name]: (input) => refinements.some(
       (refinement) => {
-        var _a2;
+        var _a;
         return logging && console.log(
           refinements.map((r) => r.name || `anon`).join(` | `),
           `>`,
-          (_a2 = refinement.name) != null ? _a2 : `anon`,
+          (_a = refinement.name) != null ? _a : `anon`,
           `:`,
           refinement(input)
         ), refinement(input);
@@ -135,32 +135,32 @@ var isLiteral = (value) => (input) => input === value;
 var isWithin = (args) => (input) => args.includes(input);
 
 // ../anvl/src/tree/differ.ts
-function diffNumber(a2, b2) {
-  const sign = a2 < b2 ? `+` : `-`;
+function diffNumber(a, b) {
+  const sign = a < b ? `+` : `-`;
   return {
-    summary: `${sign}${Math.abs(a2 - b2)} (${a2} \u2192 ${b2})`
+    summary: `${sign}${Math.abs(a - b)} (${a} \u2192 ${b})`
   };
 }
-function diffString(a2, b2) {
-  const sign = a2.length < b2.length ? `+` : `-`;
+function diffString(a, b) {
+  const sign = a.length < b.length ? `+` : `-`;
   return {
-    summary: `${sign}${Math.abs(a2.length - b2.length)} ("${a2}" \u2192 "${b2}")`
+    summary: `${sign}${Math.abs(a.length - b.length)} ("${a}" \u2192 "${b}")`
   };
 }
-function diffBoolean(a2, b2) {
+function diffBoolean(a, b) {
   return {
-    summary: `${a2} \u2192 ${b2}`
+    summary: `${a} \u2192 ${b}`
   };
 }
-function diffObject(a2, b2, recurse) {
+function diffObject(a, b, recurse) {
   let summary = ``;
   const added = [];
   const removed = [];
   const changed = [];
-  sprawl(a2, (path, nodeA) => {
+  sprawl(a, (path, nodeA) => {
     let key;
     for (key of path) {
-      const nodeB = b2[key];
+      const nodeB = b[key];
       if (nodeB === void 0) {
         removed.push([key, JSON.stringify(nodeA)]);
       } else {
@@ -171,10 +171,10 @@ function diffObject(a2, b2, recurse) {
       }
     }
   });
-  sprawl(b2, (path, nodeB) => {
+  sprawl(b, (path, nodeB) => {
     let key;
     for (key of path) {
-      const nodeA = a2[key];
+      const nodeA = a[key];
       if (nodeA === void 0) {
         added.push([key, JSON.stringify(nodeB)]);
       }
@@ -188,8 +188,8 @@ function diffObject(a2, b2, recurse) {
     changed
   };
 }
-function diffArray(a2, b2, recurse) {
-  return diffObject(a2, b2, recurse);
+function diffArray(a, b, recurse) {
+  return diffObject(a, b, recurse);
 }
 var Differ = class {
   constructor(leafRefinery, treeRefinery, diffFunctions) {
@@ -206,20 +206,20 @@ var Differ = class {
       this.treeDiffers[key] = diffFunction;
     }
   }
-  diff(a2, b2) {
-    var _a2, _b;
-    if (a2 === b2) {
+  diff(a, b) {
+    var _a, _b;
+    if (a === b) {
       return { summary: `No Change` };
     }
     try {
-      if (JSON.stringify(a2) === JSON.stringify(b2)) {
+      if (JSON.stringify(a) === JSON.stringify(b)) {
         return { summary: `No Change` };
       }
     } catch (thrown) {
-      console.error(`Error stringifying`, a2, b2);
+      console.error(`Error stringifying`, a, b);
     }
-    const aRefined = (_a2 = this.leafRefinery.refine(a2)) != null ? _a2 : this.treeRefinery.refine(a2);
-    const bRefined = (_b = this.leafRefinery.refine(b2)) != null ? _b : this.treeRefinery.refine(b2);
+    const aRefined = (_a = this.leafRefinery.refine(a)) != null ? _a : this.treeRefinery.refine(a);
+    const bRefined = (_b = this.leafRefinery.refine(b)) != null ? _b : this.treeRefinery.refine(b);
     if (aRefined !== null && bRefined !== null) {
       if (aRefined.type === bRefined.type) {
         if (aRefined.type in this.leafDiffers) {
@@ -239,8 +239,8 @@ var Differ = class {
         }
       }
     }
-    const typeA = discoverType(a2);
-    const typeB = discoverType(b2);
+    const typeA = discoverType(a);
+    const typeB = discoverType(b);
     if (typeA === typeB) {
       return {
         summary: `${typeA} \u2192 ${typeB}`
@@ -258,7 +258,9 @@ var OpenClose = ({ isOpen, setIsOpen, disabled, testid }) => {
       type: "button",
       "data-testid": testid,
       className: `carat ${isOpen ? `open` : `closed`}`,
-      onClick: () => setIsOpen((isOpen2) => !isOpen2),
+      onClick: () => {
+        setIsOpen((prev) => !prev);
+      },
       disabled,
       children: "\u25B6"
     }
@@ -268,7 +270,7 @@ var button = {
   OpenClose
 };
 var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
-  var _a2, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const inputRef = useRef(null);
   const spanRef = useRef(null);
   const [inputWidth, setInputWidth] = useState(`auto`);
@@ -276,8 +278,8 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
     ref,
     () => ({
       focus: () => {
-        var _a3;
-        (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
+        var _a2;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
       }
     })
   );
@@ -290,9 +292,11 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
           setInputWidth(`${spanRef.current.offsetWidth + extraWidth}px`);
         }
       }, 1e3);
-      return () => clearInterval(interval);
+      return () => {
+        clearInterval(interval);
+      };
     }
-  }, [(_a2 = inputRef.current) == null ? void 0 : _a2.value, props.value]);
+  }, [(_a = inputRef.current) == null ? void 0 : _a.value, props.value]);
   return /* @__PURE__ */ jsxs("div", { style: { display: `inline-block`, position: `relative` }, children: [
     /* @__PURE__ */ jsx(
       "input",
@@ -318,8 +322,8 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
           visibility: `hidden`,
           // color: `red`,
           whiteSpace: `pre`,
-          fontFamily: ((_c = props.style) == null ? void 0 : _c.fontFamily) || `inherit`,
-          fontSize: ((_d = props.style) == null ? void 0 : _d.fontSize) || `inherit`
+          fontFamily: (_d = (_c = props.style) == null ? void 0 : _c.fontFamily) != null ? _d : `inherit`,
+          fontSize: (_f = (_e = props.style) == null ? void 0 : _e.fontSize) != null ? _f : `inherit`
         },
         children: props.value
       }
@@ -401,7 +405,7 @@ var NumberInput = ({
     userHasMadeDeliberateChange.current = false;
   };
   const handleChange = (event) => {
-    var _a2;
+    var _a;
     if (onChange)
       onChange(event);
     if (set === void 0)
@@ -410,7 +414,7 @@ var NumberInput = ({
     const input = event.target.value;
     if (isValidNonNumber(input) || isDecimalInProgress(input)) {
       setTemporaryEntry(input);
-      const textInterpretation = isDecimalInProgress(input) ? input : (_a2 = min == null ? void 0 : min.toString()) != null ? _a2 : `0`;
+      const textInterpretation = isDecimalInProgress(input) ? input : (_a = min == null ? void 0 : min.toString()) != null ? _a : `0`;
       const newValue = textToValue(textInterpretation, allowDecimal);
       set(refine(newValue));
       return;
@@ -529,7 +533,9 @@ var JsonEditor_INTERNAL = ({
       ElasticInput,
       {
         value: name,
-        onChange: disabled ? doNothing : (e) => rename(e.target.value),
+        onChange: disabled ? doNothing : (e) => {
+          rename(e.target.value);
+        },
         disabled
       }
     ) }),
@@ -550,7 +556,9 @@ var JsonEditor_INTERNAL = ({
     recast && dataIsJson ? /* @__PURE__ */ jsx(
       "select",
       {
-        onChange: disabled ? doNothing : (e) => recast(e.target.value),
+        onChange: disabled ? doNothing : (e) => {
+          recast(e.target.value);
+        },
         value: refined.type,
         disabled,
         children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
@@ -560,13 +568,13 @@ var JsonEditor_INTERNAL = ({
 };
 
 // ../hamr/react-json-editor/src/editors-by-type/utilities/array-elements.ts
-var makeElementSetters = (data, set) => data.map(
-  (value, index) => (newValue) => set(() => {
+var makeElementSetters = (data, set) => data.map((value, index) => (newValue) => {
+  set(() => {
     const newData = [...data];
     newData[index] = become(newValue)(value);
     return newData;
-  })
-);
+  });
+});
 var ArrayEditor = ({
   path = [],
   isReadonly = () => false,
@@ -600,19 +608,6 @@ var parseInteger = (input) => {
     return input;
   throw new IntegerParseError(input);
 };
-var _a;
-var Fraction = class extends Number {
-  constructor(n, d) {
-    super(n / d);
-    this[_a] = () => this.numerator / this.denominator;
-    if (d === 0) {
-      throw new Error(`Denominator cannot be zero`);
-    }
-    this.numerator = parseInteger(n);
-    this.denominator = parseInteger(d);
-  }
-};
-_a = Symbol.toPrimitive;
 var IntegerParseError = class extends Error {
   constructor(value) {
     super(`Could not parse integer from ${JSON.stringify(value)}`);
@@ -647,12 +642,6 @@ var Int = Object.assign((input) => parseInteger(input), {
     };
   }
 });
-function asNumber(input) {
-  return input;
-}
-asNumber(new Fraction(1, 2));
-asNumber([new Fraction(1, 2)]);
-asNumber({ a: new Fraction(1, 2) });
 
 // ../anvl/src/json-schema/refs.ts
 function isJsonSchemaRef(input) {
@@ -863,7 +852,9 @@ var expandPathForSchema = (path) => {
           );
         default:
           throw new TypeError(
-            `The key ${key} is not a valid JSON key; expected string or number, got ${typeof key}`
+            `The key ${JSON.stringify(
+              key
+            )} is not a valid JSON key; expected string or number, got ${typeof key}`
           );
       }
     });
@@ -886,10 +877,11 @@ var findSubSchema = (schema) => {
     if (typeof schema === `boolean`) {
       return new TypeError(`The schema is not a JsonSchema`);
     }
-    const { node, refMap } = pathIntoSchema.reduce(
+    const reduction = pathIntoSchema.reduce(
       ({ node: node2, refMap: refMap2 = void 0 }, key) => (console.log({ node: node2, key }), isJsonSchemaRef(node2) ? retrieveRef({ refNode: node2, root: schema, refMap: refMap2 }) : { node: node2[key], refMap: refMap2 }),
       { node: schema, refMap: void 0 }
     );
+    const { node, refMap } = reduction;
     if (node instanceof Error)
       throw node;
     let subSchema = node;
@@ -919,8 +911,8 @@ var stringToObject = (str) => {
 var objectToString = (obj) => JSON.stringify(obj);
 var objectToBoolean = (obj) => obj.true === true;
 var objectToNumber = (obj) => {
-  var _a2, _b, _c;
-  return Number((_c = (_b = (_a2 = obj.number) != null ? _a2 : obj.size) != null ? _b : obj.count) != null ? _c : 0);
+  var _a, _b, _c;
+  return Number((_c = (_b = (_a = obj.number) != null ? _a : obj.size) != null ? _b : obj.count) != null ? _c : 0);
 };
 var objectToArray = (obj) => Object.entries(obj);
 var booleanToString = (bool) => bool.toString();
@@ -1044,35 +1036,44 @@ var castToJson = (input) => {
 // ../hamr/react-json-editor/src/editors-by-type/utilities/object-properties.ts
 var makePropertySetters = (data, set) => mapObject(
   data,
-  (value, key) => (newValue) => set(__spreadProps(__spreadValues({}, data), { [key]: become(newValue)(value[key]) }))
+  (value, key) => (newValue) => {
+    set(__spreadProps(__spreadValues({}, data), { [key]: become(newValue)(value[key]) }));
+  }
 );
 var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject(
   data,
-  (value, key) => (newKey) => Object.hasOwn(data, newKey) ? null : set(() => {
-    const entries = Object.entries(data);
-    const index = entries.findIndex(([k]) => k === key);
-    entries[index] = [newKey, value];
-    const stableKeyMap = stableKeyMapRef.current;
-    stableKeyMapRef.current = __spreadProps(__spreadValues({}, stableKeyMap), {
-      [newKey]: stableKeyMap[key]
-    });
-    return Object.fromEntries(entries);
-  })
+  (value, key) => (newKey) => {
+    if (!Object.hasOwn(data, newKey)) {
+      set(() => {
+        const entries = Object.entries(data);
+        const index = entries.findIndex(([k]) => k === key);
+        entries[index] = [newKey, value];
+        const stableKeyMap = stableKeyMapRef.current;
+        stableKeyMapRef.current = __spreadProps(__spreadValues({}, stableKeyMap), {
+          [newKey]: stableKeyMap[key]
+        });
+        return Object.fromEntries(entries);
+      });
+    }
+  }
 );
-var makePropertyRemovers = (data, set) => mapObject(
-  data,
-  (_, key) => () => set(() => {
-    const _a2 = data, rest = __objRest(_a2, [__restKey(key)]);
+var makePropertyRemovers = (data, set) => mapObject(data, (_, key) => () => {
+  set(() => {
+    const _a = data, rest = __objRest(_a, [__restKey(key)]);
     return rest;
-  })
-);
+  });
+});
 var makePropertyRecasters = (data, set) => mapObject(
   data,
-  (value, key) => (newType) => set(() => __spreadProps(__spreadValues({}, data), {
-    [key]: castToJson(value).to[newType]()
-  }))
+  (value, key) => (newType) => {
+    set(() => __spreadProps(__spreadValues({}, data), {
+      [key]: castToJson(value).to[newType]()
+    }));
+  }
 );
-var makePropertyCreationInterface = (data, set) => (key, type) => (value) => set(__spreadProps(__spreadValues({}, data), { [key]: value != null ? value : JSON_DEFAULTS[type] }));
+var makePropertyCreationInterface = (data, set) => (key, type) => (value) => {
+  set(__spreadProps(__spreadValues({}, data), { [key]: value != null ? value : JSON_DEFAULTS[type] }));
+};
 var makePropertySorter = (data, set, sortFn) => () => {
   const sortedKeys = Object.keys(data).sort(sortFn);
   const sortedObj = {};
@@ -1090,7 +1091,16 @@ var PropertyAdder = ({
   /* @__PURE__ */ jsx(ElasticInput, { disabled: true, defaultValue: propertyKey }),
   ` `,
   /* @__PURE__ */ jsx(ElasticInput, { disabled: true, defaultValue: "is missing" }),
-  /* @__PURE__ */ jsx(Components.Button, { onClick: () => addProperty(), disabled, children: "+" })
+  /* @__PURE__ */ jsx(
+    Components.Button,
+    {
+      onClick: () => {
+        addProperty();
+      },
+      disabled,
+      children: "+"
+    }
+  )
 ] });
 var ObjectEditor = ({
   schema,
@@ -1101,7 +1111,7 @@ var ObjectEditor = ({
   set,
   Components
 }) => {
-  var _a2;
+  var _a;
   const disabled = isReadonly(path);
   const stableKeyMap = useRef(
     Object.keys(data).reduce(
@@ -1119,7 +1129,7 @@ var ObjectEditor = ({
   const sortProperties = makePropertySorter(data, set);
   const makePropertyAdder = makePropertyCreationInterface(data, set);
   const subSchema = isPlainObject(schema) ? findSubSchema(schema)(path) : true;
-  const schemaKeys = isLiteral(true)(subSchema) ? true : isObjectSchema(subSchema) ? Object.keys((_a2 = subSchema.properties) != null ? _a2 : {}) : [];
+  const schemaKeys = isLiteral(true)(subSchema) ? true : isObjectSchema(subSchema) ? Object.keys((_a = subSchema.properties) != null ? _a : {}) : [];
   const dataKeys = Object.keys(data);
   const [unofficialKeys, officialKeys] = dataKeys.reduce(
     ([unofficial, official], key) => {
@@ -1130,7 +1140,16 @@ var ObjectEditor = ({
   );
   const missingKeys = schemaKeys === true ? [] : schemaKeys.filter((key) => !dataKeys.includes(key));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Components.Button, { onClick: () => sortProperties(), disabled, children: "Sort" }),
+    /* @__PURE__ */ jsx(
+      Components.Button,
+      {
+        onClick: () => {
+          sortProperties();
+        },
+        disabled,
+        children: "Sort"
+      }
+    ),
     /* @__PURE__ */ jsxs(Components.ObjectWrapper, { children: [
       /* @__PURE__ */ jsx("div", { className: "json_editor_properties", children: [...missingKeys, ...officialKeys, ...unofficialKeys].map((key) => {
         const originalKey = stableKeyMap.current[key];
@@ -1138,16 +1157,19 @@ var ObjectEditor = ({
         const originalPath = [...path, originalKey];
         const isOfficial = schemaKeys === true || schemaKeys.includes(key);
         const isMissing = missingKeys.includes(key);
-        return isMissing ? /* @__PURE__ */ jsx(
-          PropertyAdder,
-          {
-            propertyKey: key,
-            addProperty: makePropertyAdder(key, `string`),
-            disabled,
-            Components
-          },
-          key + `IsMissing`
-        ) : /* @__PURE__ */ jsx(
+        if (isMissing) {
+          return /* @__PURE__ */ jsx(
+            PropertyAdder,
+            {
+              propertyKey: key,
+              addProperty: makePropertyAdder(key, `string`),
+              disabled,
+              Components
+            },
+            key + `IsMissing`
+          );
+        }
+        return /* @__PURE__ */ jsx(
           JsonEditor_INTERNAL,
           {
             schema,
@@ -1169,7 +1191,9 @@ var ObjectEditor = ({
       /* @__PURE__ */ jsx(
         Components.Button,
         {
-          onClick: disabled ? doNothing : () => makePropertyAdder(`new_property`, `string`)(),
+          onClick: disabled ? doNothing : () => {
+            makePropertyAdder(`new_property`, `string`)();
+          },
           disabled,
           children: "+"
         }
@@ -1186,7 +1210,9 @@ var BooleanEditor = ({
   {
     type: "checkbox",
     checked: data,
-    onChange: (event) => set(event.target.checked)
+    onChange: (event) => {
+      set(event.target.checked);
+    }
   }
 ) });
 var NullEditor = ({
@@ -1202,7 +1228,9 @@ var NumberEditor = ({
   NumberInput,
   {
     value: data,
-    set: isReadonly(path) ? void 0 : (newValue) => set(Number(newValue)),
+    set: isReadonly(path) ? void 0 : (newValue) => {
+      set(Number(newValue));
+    },
     autoSize: true
   }
 ) });
@@ -1223,8 +1251,8 @@ var StringEditor = ({
   ) });
 };
 var DefaultFallback = ({ error, errorInfo }) => {
-  var _a2, _b, _c;
-  const component = (_a2 = errorInfo == null ? void 0 : errorInfo.componentStack) == null ? void 0 : _a2.split(` `).filter(Boolean)[2];
+  var _a, _b, _c;
+  const component = (_a = errorInfo == null ? void 0 : errorInfo.componentStack) == null ? void 0 : _a.split(` `).filter(Boolean)[2];
   const message = (_c = (_b = error == null ? void 0 : error.toString()) != null ? _b : errorInfo == null ? void 0 : errorInfo.componentStack) != null ? _c : `Unknown error`;
   return /* @__PURE__ */ jsx(
     "div",
@@ -1275,8 +1303,8 @@ var ErrorBoundary = class extends Component {
     this.state = {};
   }
   componentDidCatch(error, errorInfo) {
-    var _a2, _b;
-    (_b = (_a2 = this.props).onError) == null ? void 0 : _b.call(_a2, error, errorInfo);
+    var _a, _b;
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, errorInfo);
     this.setState({
       error,
       errorInfo
@@ -1428,7 +1456,7 @@ var findStateTypeState = selectorFamily({
   }
 });
 var StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
-  var _a2, _b;
+  var _a, _b;
   const setIsOpen = useI(isOpenState);
   const isOpen = useO(isOpenState);
   const state = useO(node);
@@ -1448,10 +1476,14 @@ var StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
       /* @__PURE__ */ jsxs(
         "label",
         {
-          onClick: () => console.log(node, getState(node)),
-          onKeyUp: () => console.log(node, getState(node)),
+          onClick: () => {
+            console.log(node, getState(node));
+          },
+          onKeyUp: () => {
+            console.log(node, getState(node));
+          },
           children: [
-            /* @__PURE__ */ jsx("h2", { children: (_b = (_a2 = node.family) == null ? void 0 : _a2.subKey) != null ? _b : node.key }),
+            /* @__PURE__ */ jsx("h2", { children: (_b = (_a = node.family) == null ? void 0 : _a.subKey) != null ? _b : node.key }),
             /* @__PURE__ */ jsxs("span", { className: "type detail", children: [
               "(",
               stateType,
@@ -1527,8 +1559,12 @@ var AtomUpdateFC = ({ atomUpdate }) => {
     "article",
     {
       className: "node atom_update",
-      onClick: () => console.log(atomUpdate),
-      onKeyUp: () => console.log(atomUpdate),
+      onClick: () => {
+        console.log(atomUpdate);
+      },
+      onKeyUp: () => {
+        console.log(atomUpdate);
+      },
       children: [
         /* @__PURE__ */ jsxs("span", { className: "detail", children: [
           atomUpdate.key,
@@ -1556,8 +1592,12 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
                 "article",
                 {
                   className: "node transaction_param",
-                  onClick: () => console.log(transactionUpdate),
-                  onKeyUp: () => console.log(transactionUpdate),
+                  onClick: () => {
+                    console.log(transactionUpdate);
+                  },
+                  onKeyUp: () => {
+                    console.log(transactionUpdate);
+                  },
                   children: [
                     /* @__PURE__ */ jsxs("span", { className: "detail", children: [
                       discoverType(param),
@@ -1581,14 +1621,17 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
           /* @__PURE__ */ jsxs("section", { className: "transaction_impact", children: [
             /* @__PURE__ */ jsx("span", { className: "detail", children: "impact: " }),
             transactionUpdate.updates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
-              return `newValue` in update ? /* @__PURE__ */ jsx(
-                article.AtomUpdate,
-                {
-                  serialNumber: index,
-                  atomUpdate: update
-                },
-                `${transactionUpdate.key}:${index}:${update.key}`
-              ) : /* @__PURE__ */ jsx(
+              if (`newValue` in update) {
+                return /* @__PURE__ */ jsx(
+                  article.AtomUpdate,
+                  {
+                    serialNumber: index,
+                    atomUpdate: update
+                  },
+                  `${transactionUpdate.key}:${index}:${update.key}`
+                );
+              }
+              return /* @__PURE__ */ jsx(
                 TransactionUpdateFC,
                 {
                   serialNumber: index,
@@ -1691,7 +1734,9 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
             "button",
             {
               type: "button",
-              onClick: () => undo(token),
+              onClick: () => {
+                undo(token);
+              },
               disabled: timeline.at === 0,
               children: "undo"
             }
@@ -1700,7 +1745,9 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
             "button",
             {
               type: "button",
-              onClick: () => redo(token),
+              onClick: () => {
+                redo(token);
+              },
               disabled: timeline.at === timeline.history.length,
               children: "redo"
             }
@@ -1836,7 +1883,9 @@ var AtomIODevtools = () => {
                   type: "button",
                   "data-testid": `view-${viewOption}`,
                   className: viewOption === devtoolsView ? `active` : ``,
-                  onClick: () => setDevtoolsView(viewOption),
+                  onClick: () => {
+                    setDevtoolsView(viewOption);
+                  },
                   disabled: viewOption === devtoolsView,
                   children: viewOption
                 },

package/react-devtools/package.json

@@ -3,7 +3,7 @@
 	"type": "module",
 	"private": true,
 	"main": "dist/index.cjs",
-	"module": "dist/index.mjs",
+	"module": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"exports": {
 		".": {