@webkrafters/react-observable-context 5.0.0-rc.2 → 5.0.0-rc.4

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

@@ -1,127 +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 __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.test.d.ts

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

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

@@ -1,139 +0,0 @@
-"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

@@ -1,58 +0,0 @@
-/** @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

@@ -1,95 +0,0 @@
-"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

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

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

@@ -1,7 +0,0 @@
-"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; });