@webkrafters/react-observable-context 4.7.6 → 5.0.0-rc.0

package/dist/main/test-apps/with-pure-children.js

@@ -0,0 +1,127 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Product = exports.MemoizedTallyDisplay = exports.MemoizedPriceSticker = exports.MemoizedProductDescription = exports.MemoizedEditor = exports.MemoizedCustomerPhoneDisplay = exports.MemoizedReset = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_isempty_1 = __importDefault(require("lodash.isempty"));
+const normal_1 = require("./normal");
+exports.MemoizedReset = (0, react_1.memo)(normal_1.Reset);
+exports.MemoizedCustomerPhoneDisplay = (0, react_1.memo)(normal_1.CustomerPhoneDisplay);
+exports.MemoizedEditor = (0, react_1.memo)(normal_1.Editor);
+exports.MemoizedProductDescription = (0, react_1.memo)(normal_1.ProductDescription);
+exports.MemoizedPriceSticker = (0, react_1.memo)(normal_1.PriceSticker);
+const TallyDisplay = () => {
+    const { data: { color, name, price, type } } = (0, normal_1.useObservableContext)({
+        color: 'color',
+        name: 'customer.name',
+        price: 'price',
+        type: 'type'
+    });
+    (0, react_1.useEffect)(() => console.log('TallyDisplay component rendered.....'));
+    return (react_1.default.createElement("div", { style: { margin: '20px 0 10px' } },
+        react_1.default.createElement("div", { style: { float: 'left', fontSize: '1.75rem' } },
+            "Customer:",
+            ' ',
+            (0, lodash_isempty_1.default)(name.first) && (0, lodash_isempty_1.default)(name.last)
+                ? 'n.a.'
+                : (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(normal_1.CapitalizedDisplay, { text: name.first }),
+                    ' ',
+                    react_1.default.createElement(normal_1.CapitalizedDisplay, { text: name.last })))),
+        react_1.default.createElement("div", { style: { clear: 'both', paddingLeft: 3 } },
+            react_1.default.createElement(exports.MemoizedCustomerPhoneDisplay, null)),
+        react_1.default.createElement("table", null,
+            react_1.default.createElement("tbody", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement("label", null, "Type:")),
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement(normal_1.CapitalizedDisplay, { text: type }))),
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement("label", null, "Color:")),
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement(normal_1.CapitalizedDisplay, { text: color }))),
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement("label", null, "Price:")),
+                    react_1.default.createElement("td", null, price.toFixed(2))))),
+        react_1.default.createElement("div", { style: { textAlign: 'right' } },
+            react_1.default.createElement(exports.MemoizedReset, null))));
+};
+TallyDisplay.displayName = 'TallyDisplay';
+exports.MemoizedTallyDisplay = (0, react_1.memo)(TallyDisplay);
+const Product = ({ prehooks = undefined, type }) => {
+    const [state, setState] = (0, react_1.useState)(() => ({
+        color: 'Burgundy',
+        customer: {
+            name: { first: null, last: null },
+            phone: null
+        },
+        price: 22.5,
+        type
+    }));
+    (0, react_1.useEffect)(() => {
+        setState({ type }); // use this to update only the changed state
+        // setState({ ...state, type }); // this will override the context internal state for these values
+    }, [type]);
+    const overridePricing = (0, react_1.useCallback)(e => setState({
+        price: Number(e.target.value)
+    }), []);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { style: { marginBottom: 10 } },
+            react_1.default.createElement("label", null,
+                "$ ",
+                react_1.default.createElement("input", { onKeyUp: overridePricing, placeholder: "override price here..." }))),
+        react_1.default.createElement(normal_1.ObservableContext.Provider, { prehooks: prehooks, value: state },
+            react_1.default.createElement("div", { style: {
+                    borderBottom: '1px solid #333',
+                    marginBottom: 10,
+                    paddingBottom: 5
+                } },
+                react_1.default.createElement(exports.MemoizedEditor, null),
+                react_1.default.createElement(exports.MemoizedTallyDisplay, null)),
+            react_1.default.createElement(exports.MemoizedProductDescription, null),
+            react_1.default.createElement(exports.MemoizedPriceSticker, null))));
+};
+exports.Product = Product;
+exports.Product.displayName = 'Product';
+const App = () => {
+    const [productType, setProductType] = (0, react_1.useState)('Calculator');
+    const updateType = (0, react_1.useCallback)(e => setProductType(e.target.value), []);
+    return (react_1.default.createElement("div", { className: "App" },
+        react_1.default.createElement("h1", null, "Demo"),
+        react_1.default.createElement("h2", null, "A contrived product app."),
+        react_1.default.createElement("div", { style: { marginBottom: 10 } },
+            react_1.default.createElement("label", null,
+                "Type: ",
+                react_1.default.createElement("input", { onKeyUp: updateType, placeholder: "override product type here..." }))),
+        react_1.default.createElement(exports.Product, { type: productType })));
+};
+App.displayName = 'App';
+exports.default = App;

package/dist/model/storage/index.d.ts

@@ -1,12 +1,12 @@
-export default Storage;
-export type IStorage<T extends import("../../types").State> = import("../../types").IStorage<T>;
-export type State = import("../../types").State;
-declare class Storage<T extends import("../../types").State> {
+import type { IStorage, State } from '../..';
+declare class Storage<T extends State> implements IStorage<T> {
+    #private;
     static supportsSession: boolean;
+    constructor();
     get isKeyRequired(): boolean;
-    clone(data: T): T;
+    clone(data: any): T;
     getItem(key: string): T;
     removeItem(key: string): void;
     setItem(key: string, data: T): void;
-    #private;
-}
+}
+export default Storage;

package/dist/model/storage/index.js

@@ -1,68 +1,69 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var _globalThis$sessionSt;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var __classPrivateFieldSet = void 0 && (void 0).__classPrivateFieldSet || function (receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet = void 0 && (void 0).__classPrivateFieldGet || function (receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+var _MemoryStorage_data, _SessionStorage_storage, _Storage_storage;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _utils = require("../../utils");
-var _globalThis$sessionSt;
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-var _data = new WeakMap();
-var MemoryStorage = function () {
+var clone_total_1 = __importDefault(require("@webkrafters/clone-total"));
+var MemoryStorage = /*#__PURE__*/function () {
   function MemoryStorage() {
     _classCallCheck(this, MemoryStorage);
-    _classPrivateFieldInitSpec(this, _data, {
-      writable: true,
-      value: void 0
-    });
-    _classPrivateFieldSet(this, _data, null);
+    _MemoryStorage_data.set(this, void 0);
+    __classPrivateFieldSet(this, _MemoryStorage_data, null, "f");
   }
-  _createClass(MemoryStorage, [{
+  return _createClass(MemoryStorage, [{
     key: "clone",
     value: function clone(data) {
-      return (0, _utils.clonedeep)(data);
+      return (0, clone_total_1["default"])(data);
     }
   }, {
     key: "getItem",
     value: function getItem(key) {
-      return _classPrivateFieldGet(this, _data);
+      return __classPrivateFieldGet(this, _MemoryStorage_data, "f");
     }
   }, {
     key: "removeItem",
     value: function removeItem(key) {
-      _classPrivateFieldSet(this, _data, null);
+      __classPrivateFieldSet(this, _MemoryStorage_data, null, "f");
     }
   }, {
     key: "setItem",
     value: function setItem(key, data) {
-      _classPrivateFieldSet(this, _data, data);
+      __classPrivateFieldSet(this, _MemoryStorage_data, data, "f");
     }
   }]);
-  return MemoryStorage;
 }();
-var _storage = new WeakMap();
-var SessionStorage = function () {
+_MemoryStorage_data = new WeakMap();
+var SessionStorage = /*#__PURE__*/function () {
   function SessionStorage() {
     _classCallCheck(this, SessionStorage);
-    _classPrivateFieldInitSpec(this, _storage, {
-      writable: true,
-      value: void 0
-    });
-    _classPrivateFieldSet(this, _storage, globalThis.sessionStorage);
+    _SessionStorage_storage.set(this, void 0);
+    __classPrivateFieldSet(this, _SessionStorage_storage, globalThis.sessionStorage, "f");
   }
-  _createClass(SessionStorage, [{
+  return _createClass(SessionStorage, [{
     key: "clone",
     value: function clone(data) {
       return data;
@@ -70,59 +71,54 @@ var SessionStorage = function () {
   }, {
     key: "getItem",
     value: function getItem(key) {
-      return JSON.parse(_classPrivateFieldGet(this, _storage).getItem(key));
+      return JSON.parse(__classPrivateFieldGet(this, _SessionStorage_storage, "f").getItem(key));
     }
   }, {
     key: "removeItem",
     value: function removeItem(key) {
-      return _classPrivateFieldGet(this, _storage).removeItem(key);
+      return __classPrivateFieldGet(this, _SessionStorage_storage, "f").removeItem(key);
     }
   }, {
     key: "setItem",
     value: function setItem(key, data) {
-      return _classPrivateFieldGet(this, _storage).setItem(key, JSON.stringify(data));
+      return __classPrivateFieldGet(this, _SessionStorage_storage, "f").setItem(key, JSON.stringify(data));
     }
   }]);
-  return SessionStorage;
 }();
-var _storage2 = new WeakMap();
-var Storage = function () {
+_SessionStorage_storage = new WeakMap();
+var Storage = /*#__PURE__*/function () {
   function Storage() {
     _classCallCheck(this, Storage);
-    _classPrivateFieldInitSpec(this, _storage2, {
-      writable: true,
-      value: void 0
-    });
-    _classPrivateFieldSet(this, _storage2, Storage.supportsSession ? new SessionStorage() : new MemoryStorage());
+    _Storage_storage.set(this, void 0);
+    __classPrivateFieldSet(this, _Storage_storage, Storage.supportsSession ? new SessionStorage() : new MemoryStorage(), "f");
   }
-  _createClass(Storage, [{
+  return _createClass(Storage, [{
     key: "isKeyRequired",
     get: function get() {
-      return _classPrivateFieldGet(this, _storage2) instanceof SessionStorage;
+      return __classPrivateFieldGet(this, _Storage_storage, "f") instanceof SessionStorage;
     }
   }, {
     key: "clone",
     value: function clone(data) {
-      return _classPrivateFieldGet(this, _storage2).clone(data);
+      return __classPrivateFieldGet(this, _Storage_storage, "f").clone(data);
     }
   }, {
     key: "getItem",
     value: function getItem(key) {
-      return _classPrivateFieldGet(this, _storage2).getItem(key);
+      return __classPrivateFieldGet(this, _Storage_storage, "f").getItem(key);
     }
   }, {
     key: "removeItem",
     value: function removeItem(key) {
-      _classPrivateFieldGet(this, _storage2).removeItem(key);
+      __classPrivateFieldGet(this, _Storage_storage, "f").removeItem(key);
     }
   }, {
     key: "setItem",
     value: function setItem(key, data) {
-      _classPrivateFieldGet(this, _storage2).setItem(key, data);
+      __classPrivateFieldGet(this, _Storage_storage, "f").setItem(key, data);
     }
   }]);
-  return Storage;
 }();
-_defineProperty(Storage, "supportsSession", typeof ((_globalThis$sessionSt = globalThis.sessionStorage) === null || _globalThis$sessionSt === void 0 ? void 0 : _globalThis$sessionSt.setItem) === 'undefined');
-var _default = Storage;
-exports["default"] = _default;
+_Storage_storage = new WeakMap();
+Storage.supportsSession = typeof ((_globalThis$sessionSt = globalThis.sessionStorage) === null || _globalThis$sessionSt === void 0 ? void 0 : _globalThis$sessionSt.setItem) === 'undefined';
+exports["default"] = Storage;

package/dist/model/storage/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/model/storage/index.test.js

@@ -0,0 +1,139 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = __importDefault(require("."));
+const data = {
+    isTest: true,
+    name: {
+        first: 'test',
+        last: 'data'
+    }
+};
+describe('Storage class', () => {
+    const mockImpls = {};
+    let origWinStorage;
+    beforeAll(() => {
+        if (typeof globalThis.sessionStorage?.setItem !== 'undefined') {
+            origWinStorage = globalThis.sessionStorage;
+        }
+        ['getItem', 'removeItem', 'setItem'].forEach(k => { mockImpls[k] = jest.fn(); });
+        Object.defineProperty(globalThis, 'sessionStorage', {
+            value: {
+                data: null,
+                getItem(...args) { mockImpls.getItem(...args); return this.data; },
+                removeItem(...args) { mockImpls.removeItem(...args); this.data = null; },
+                setItem(...args) { mockImpls.setItem(...args); this.data = args[1].toString(); }
+            }
+        });
+    });
+    afterAll(() => {
+        if (origWinStorage) {
+            Object.defineProperty(globalThis, 'sessionStorage', { value: origWinStorage });
+        }
+        else {
+            delete globalThis.sessionStorage;
+        }
+    });
+    describe('in environment with built-in sesssion storage support', () => {
+        let storage;
+        beforeAll(() => {
+            _1.default.supportsSession = true;
+            storage = new _1.default();
+        });
+        afterAll(jest.clearAllMocks);
+        test('creates an storage', () => expect(storage).toBeInstanceOf(_1.default));
+        test('requires a key for entries into this storage', () => {
+            expect(storage.isKeyRequired).toBe(true);
+        });
+        describe('clone(...)', () => {
+            test('performs no cloning of the data - not needed as serialization operation takes care of this', () => {
+                const data = { a: 30, b: false, c: 'test', d: [8], e: { w: 55 } };
+                const cloned = storage.clone(data);
+                expect(cloned).toBe(data);
+                expect(cloned).toStrictEqual(data);
+            });
+        });
+        describe('getItem(...)', () => {
+            const key = 'a';
+            let _data;
+            beforeAll(() => {
+                storage.setItem(key, data);
+                _data = storage.getItem(key);
+            });
+            afterAll(jest.clearAllMocks);
+            test('gets data directly from the session storage', () => {
+                expect(mockImpls.getItem).toHaveBeenCalledTimes(1);
+                expect(mockImpls.getItem).toHaveBeenCalledWith(key);
+            });
+            test('gets a copy of the stored data', () => {
+                expect(_data).not.toBe(data);
+                expect(_data).toStrictEqual(data);
+            });
+        });
+        describe('removeItem(...)', () => {
+            test('removes data directly from the session storage', () => {
+                const key = 'a';
+                storage.removeItem(key);
+                expect(mockImpls.removeItem).toHaveBeenCalledTimes(1);
+                expect(mockImpls.removeItem).toHaveBeenCalledWith(key);
+            });
+        });
+        describe('setItem(...)', () => {
+            test('stores stringified version of the data directly into the session storage', () => {
+                const key = 'a';
+                storage.setItem(key, data);
+                expect(mockImpls.setItem).toHaveBeenCalledTimes(1);
+                expect(mockImpls.setItem).toHaveBeenCalledWith(key, expect.any(String));
+                expect(mockImpls.setItem.mock.calls[0][1]).toBe(JSON.stringify(data));
+            });
+        });
+    });
+    describe('in environment with NO sesssion storage support', () => {
+        let storage;
+        beforeAll(() => {
+            _1.default.supportsSession = false;
+            storage = new _1.default();
+        });
+        test('creates an storage', () => expect(storage).toBeInstanceOf(_1.default));
+        test('does not require any key for entries into this storage', () => {
+            expect(storage.isKeyRequired).toBe(false);
+        });
+        describe('clone(...)', () => {
+            test('returns a copy of the data', () => {
+                const data = { a: 30, b: false, c: 'test', d: [8], e: { w: 55 } };
+                const cloned = storage.clone(data);
+                expect(cloned).not.toBe(data);
+                expect(cloned).toStrictEqual(data);
+            });
+        });
+        describe('getItem(...)', () => {
+            let _data;
+            beforeAll(() => {
+                const key = 'a';
+                storage.setItem(key, data);
+                _data = storage.getItem(key);
+            });
+            test('does not get data from the session storage', () => {
+                expect(mockImpls.getItem).not.toHaveBeenCalled();
+            });
+            test('gets the stored data', () => {
+                expect(_data).toBe(data);
+                expect(_data).toStrictEqual(data);
+            });
+        });
+        describe('removeItem(...)', () => {
+            test('does interact with the session storage', () => {
+                storage.removeItem('a');
+                expect(mockImpls.removeItem).not.toHaveBeenCalled();
+            });
+        });
+        describe('setItem(...)', () => {
+            test('does not interact with the session storage', () => {
+                storage.setItem('a', data);
+                expect(mockImpls.setItem).not.toHaveBeenCalled();
+            });
+        });
+    });
+});

package/dist/test-artifacts/data/create-state-obj.d.ts

@@ -0,0 +1,58 @@
+/** @returns {SourceData} */
+declare const createSourceData: () => {
+    _id: string;
+    about: string;
+    address: string;
+    age: number;
+    balance: string;
+    company: string;
+    email: string;
+    eyeColor: string;
+    favoriteFruit: string;
+    friends: {
+        id: number;
+        name: {
+            first: string;
+            last: string;
+        };
+    }[];
+    gender: string;
+    greeting: string;
+    guid: string;
+    history: {
+        places: {
+            city: string;
+            country: string;
+            state: string;
+            year: string;
+        }[];
+    };
+    isActive: boolean;
+    latitude: number;
+    longitude: number;
+    name: {
+        first: string;
+        last: string;
+    };
+    phone: {
+        area: string;
+        country: string;
+        line: string;
+        local: string;
+    };
+    picture: string;
+    registered: {
+        day: number;
+        month: number;
+        time: {
+            hours: number;
+            minutes: number;
+            seconds: number;
+        };
+        timezone: string;
+        year: number;
+    };
+    tags: string[];
+};
+export default createSourceData;
+/** @typedef {typeof sourceData} SourceData */

package/dist/test-artifacts/data/create-state-obj.js

@@ -0,0 +1,95 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clone_total_1 = __importDefault(require("@webkrafters/clone-total"));
+const sourceData = {
+    _id: '639737cc5ac1df69cda79413',
+    about: 'Eu deserunt proident id id eu veniam enim qui nostrud eu sit. Aliquip pariatur non cillum adipisicing nisi officia culpa commodo fugiat anim. Exercitation culpa id esse incididunt nostrud non adipisicing laboris labore ullamco. Consectetur Lorem culpa veniam cillum laboris irure aliquip qui sit dolore aute nostrud veniam.\r\n',
+    address: '760 Midwood Street, Harborton, Massachusetts, 7547',
+    age: 38,
+    balance: '$3,311.66',
+    company: 'VORTEXACO',
+    email: 'ambersears@vortexaco.com',
+    eyeColor: 'blue',
+    favoriteFruit: 'banana',
+    friends: [{
+            id: 0,
+            name: {
+                first: 'Pollard',
+                last: 'Hunter'
+            }
+        }, {
+            id: 1,
+            name: {
+                first: 'Holly',
+                last: 'Roberson'
+            }
+        }, {
+            id: 2,
+            name: {
+                first: 'Carey',
+                last: 'Osborne'
+            }
+        }],
+    gender: 'female',
+    greeting: 'Hello, Amber Sears! You have 1 unread messages.',
+    guid: '628babfc-63c7-446a-8782-057d22ca286a',
+    history: {
+        places: [{
+                city: 'Topeka',
+                country: 'US',
+                state: 'KS',
+                year: '1997 - 2002'
+            }, {
+                city: 'Atlanta',
+                country: 'US',
+                state: 'GA',
+                year: '2008'
+            }, {
+                city: 'Miami',
+                country: 'US',
+                state: 'FL',
+                year: '2017'
+            }]
+    },
+    isActive: false,
+    latitude: 31.963572,
+    longitude: -171.530547,
+    name: {
+        first: 'Amber',
+        last: 'Sears'
+    },
+    phone: {
+        area: '947',
+        country: '+1',
+        line: '2282',
+        local: '552'
+    },
+    picture: 'http://placehold.it/32x32',
+    registered: {
+        day: 18,
+        month: 2,
+        time: {
+            hours: 9,
+            minutes: 55,
+            seconds: 46
+        },
+        timezone: '+08:00',
+        year: 2016
+    },
+    tags: [
+        'minim',
+        'nisi',
+        'dolor',
+        'in',
+        'ullamco',
+        'laborum',
+        'proident'
+    ]
+};
+/** @returns {SourceData} */
+const createSourceData = () => (0, clone_total_1.default)(sourceData);
+exports.default = createSourceData;
+/** @typedef {typeof sourceData} SourceData */

package/dist/test-artifacts/suppress-render-compat.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test-artifacts/suppress-render-compat.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const consoleError = console.error.bind(console);
+beforeAll(() => {
+    console.error = (...args) => !/Warning: ReactDOM\.render is no longer supported in React 18/.test(args[0]) && consoleError(...args);
+});
+afterAll(() => { console.error = consoleError; });