react-ui-basics 0.0.126 → 0.0.130

package/index.js

@@ -30,4 +30,6 @@ export { default as Table } from './Table.js';
 export { default as ScrollableTable } from './ScrollableTable.js';
 export { default as DroppableList } from './DroppableList.js';
 export { default as DroppableHorizontalList } from './DroppableHorizontalList.js';
+import * as Store from './store/Store.js';
+export { Store as StoreTools };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.126",
+  "version": "0.0.130",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/store/ProxyTools.js

@@ -0,0 +1,64 @@
+import { typeof as _typeof, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { UNDEFINED } from '../Tools.js';
+
+var createProxy = function createProxy(target) {
+  if (target.__isProxy) return target;
+  var changedValue = UNDEFINED;
+  var deletedKeys = UNDEFINED;
+  var innerProxies = UNDEFINED;
+  var isChanged = function isChanged() {
+    return changedValue || innerProxies && Object.values(innerProxies).some(function (it) {
+      return it.__changed;
+    });
+  };
+  return new Proxy(target, {
+    get: function get(target, prop) {
+      if (prop === '__isProxy') return true;
+      if (prop === '__changed') return isChanged();
+      if (prop === 'bake') return function () {
+        if (!isChanged()) return target;
+        if (changedValue && !innerProxies) return changedValue;
+        if (innerProxies) {
+          var result = changedValue || _objectSpread2({}, target);
+          for (var key in innerProxies) {
+            result[key] = innerProxies[key].bake();
+          }
+          return result;
+        }
+        throw new Error('state not implemented yet');
+      };
+      var innerProxy = innerProxies && innerProxies[prop];
+      if (innerProxy) return innerProxy;
+      var changed = changedValue && changedValue[prop];
+      if (changed !== UNDEFINED) return changed;
+      if (deletedKeys && deletedKeys[prop]) return null;
+      var value = target[prop];
+      if (_typeof(value) === 'object') {
+        !innerProxies && (innerProxies = {});
+        return innerProxies[prop] = createProxy(value);
+      }
+      return value;
+    },
+    set: function set(target, prop, newval) {
+      if (!changedValue) changedValue = Array.isArray(target) ? _toConsumableArray(target) : _objectSpread2({}, target);
+      if (_typeof(newval) === 'object') {
+        !innerProxies && (innerProxies = {});
+        innerProxies[prop] = newval = createProxy(newval);
+      }
+      changedValue[prop] = newval;
+      return true;
+    },
+    deleteProperty: function deleteProperty(target, prop) {
+      !changedValue && (changedValue = Array.isArray(target) ? _toConsumableArray(target) : _objectSpread2({}, target));
+      if (!prop in changedValue) return false;
+      delete changedValue[prop];
+      innerProxies && delete innerProxies[prop];
+      !deletedKeys && (deletedKeys = {});
+      deletedKeys[prop] = true;
+      return true;
+    }
+  });
+};
+
+export { createProxy };
+//# sourceMappingURL=ProxyTools.js.map

package/store/ProxyTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProxyTools.js","sources":["../../src/react-ui-basics/store/ProxyTools.js"],"sourcesContent":["import {UNDEFINED} from \"../Tools\";\n\nexport const createProxy = (target) => {\n    if (target.__isProxy)\n        return target;\n\n    let changedValue = UNDEFINED;\n    let deletedKeys = UNDEFINED;\n    let innerProxies = UNDEFINED\n    const isChanged = () => changedValue || (innerProxies && Object.values(innerProxies).some(it => it.__changed));\n\n    return new Proxy(target, {\n        get: function (target, prop) {\n            if (prop === '__isProxy')\n                return true\n            if (prop === '__changed')\n                return isChanged();\n            if (prop === 'bake')\n                return () => {\n                    // console.log('bake', changedValue, innerProxies)\n                    if (!isChanged())\n                        return target\n\n                    if (changedValue && !innerProxies)\n                        return changedValue\n\n                    if (innerProxies) {\n                        const result = changedValue || {...target};\n\n                        for (let key in innerProxies) {\n                            result[key] = innerProxies[key].bake()\n                        }\n                        return result\n                    }\n\n                    throw new Error('state not implemented yet')\n                }\n\n            // console.log('get', {target, prop})\n            const innerProxy = innerProxies && innerProxies[prop];\n            if (innerProxy)\n                return innerProxy\n\n            const changed = changedValue && changedValue[prop]\n            if (changed !== UNDEFINED)\n                return changed\n\n            if (deletedKeys && deletedKeys[prop])\n                return null\n\n            const value = target[prop];\n            if (typeof value === 'object') {\n                !innerProxies && (innerProxies = {})\n                return innerProxies[prop] = createProxy(value)\n            }\n\n            return value;\n        },\n        set: function (target, prop, newval) {\n            // console.log('set', {target, prop, newval})\n            if (!changedValue) changedValue = Array.isArray(target) ? [...target] : {...target}\n\n            if (typeof newval === 'object') {\n                !innerProxies && (innerProxies = {})\n                innerProxies[prop] = newval = createProxy(newval)\n            }\n            changedValue[prop] = newval\n            // console.log('changedValue', changedValue)\n            return true;\n        },\n        deleteProperty: function (target, prop) {\n            // console.log('delete', {target, prop})\n            !changedValue && (changedValue = Array.isArray(target) ? [...target] : {...target})\n\n            if (!prop in changedValue)\n                return false;\n\n            delete changedValue[prop]\n            innerProxies && delete innerProxies[prop]\n            !deletedKeys && (deletedKeys = {})\n            deletedKeys[prop] = true;\n            return true;\n        }\n    })\n}\n"],"names":["createProxy","target","__isProxy","changedValue","UNDEFINED","deletedKeys","innerProxies","isChanged","Object","values","some","it","__changed","Proxy","get","prop","result","key","bake","Error","innerProxy","changed","value","set","newval","Array","isArray","deleteProperty"],"mappings":"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"}

package/store/Store.js

@@ -0,0 +1,71 @@
+import { classCallCheck as _classCallCheck, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useEffect } from 'react';
+import { createProxy } from './ProxyTools.js';
+
+var STORE = {};
+var COUNTER = 0;
+var Store = function Store(initialState, name) {
+  _classCallCheck(this, Store);
+  var that = this;
+  that.name = name;
+  var listeners = [];
+  var index = COUNTER++;
+  STORE[index] = initialState;
+  that.get = function () {
+    return STORE[index];
+  };
+  that.set = function (mutator) {
+    var proxy = createProxy(STORE[index]);
+    mutator(proxy);
+    STORE[index] = proxy.bake();
+    listeners.forEach(function (fn) {
+      return fn();
+    });
+  };
+  that.reset = function () {
+    STORE[index] = initialState;
+  };
+  that.subscribe = function (fn) {
+    listeners.push(fn);
+  };
+  that.unsubscribe = function (fn) {
+    listeners = listeners.filter(function (f) {
+      return f !== fn;
+    });
+  };
+  that.toString = function () {
+    return that.name;
+  };
+};
+function getGlobalState() {
+  return STORE;
+}
+function resetGlobalState() {
+  STORE = {};
+}
+function replaceGlobalState(state) {
+  STORE = state;
+}
+var defaultSelector = function defaultSelector(store) {
+  return store;
+};
+var useStore = function useStore(store) {
+  var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultSelector;
+  var _useState = useState(selector(store.get())),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+  var updateState = function updateState() {
+    setState(selector(store.get()));
+  };
+  useEffect(function () {
+    store.subscribe(updateState);
+    return function () {
+      return store.unsubscribe(updateState);
+    };
+  });
+  return state;
+};
+
+export { Store, Store as default, getGlobalState, replaceGlobalState, resetGlobalState, useStore };
+//# sourceMappingURL=Store.js.map

package/store/Store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Store.js","sources":["../../src/react-ui-basics/store/Store.js"],"sourcesContent":["import {useEffect, useState} from \"react\";\nimport {createProxy} from \"./ProxyTools\";\n\nlet STORE = {}\nlet COUNTER = 0\n\nexport class Store {\n    constructor(initialState, name) {\n        const that = this;\n\n        that.name = name;\n        let listeners = []\n        const index = COUNTER++;\n        STORE[index] = initialState\n        that.get = () => STORE[index]\n        that.set = (mutator) => {\n            const proxy = createProxy(STORE[index]);\n            mutator(proxy)\n            STORE[index] = proxy.bake()\n            listeners.forEach(fn => fn())\n        }\n\n        that.reset = () => {\n            STORE[index] = initialState\n        }\n\n        that.subscribe = (fn) => {\n            listeners.push(fn)\n        }\n\n        that.unsubscribe = (fn) => {\n            listeners = listeners.filter(f => f !== fn)\n        }\n\n        that.toString = () => that.name;\n    }\n}\n\nexport default Store;\n\nexport function getGlobalState() {\n    return STORE\n}\n\nexport function resetGlobalState() {\n    STORE = {}\n}\n\nexport function replaceGlobalState(state) {\n    STORE = state\n}\n\n\nconst defaultSelector = store => store;\n\nexport const useStore = (store, selector = defaultSelector) => {\n    const [state, setState] = useState(selector(store.get()))\n\n    const updateState = () => {\n        setState(selector(store.get()))\n    };\n\n    useEffect(() => {\n        store.subscribe(updateState)\n        return () => store.unsubscribe(updateState)\n    })\n\n    return state\n};"],"names":["STORE","COUNTER","Store","initialState","name","that","listeners","index","get","set","mutator","proxy","createProxy","bake","forEach","fn","reset","subscribe","push","unsubscribe","filter","f","toString","getGlobalState","resetGlobalState","replaceGlobalState","state","defaultSelector","store","useStore","selector","useState","setState","updateState","useEffect"],"mappings":";;;;AAGA,IAAIA,KAAK,GAAG,EAAZ;AACA,IAAIC,OAAO,GAAG,CAAd;IAEaC,KAAb,GACI,eAAYC,YAAZ,EAA0BC,IAA1B,EAAgC;AAAA;AAC5B,MAAMC,IAAI,GAAG,IAAb;AAEAA,EAAAA,IAAI,CAACD,IAAL,GAAYA,IAAZ;AACA,MAAIE,SAAS,GAAG,EAAhB;AACA,MAAMC,KAAK,GAAGN,OAAO,EAArB;AACAD,EAAAA,KAAK,CAACO,KAAD,CAAL,GAAeJ,YAAf;AACAE,EAAAA,IAAI,CAACG,GAAL,GAAW;AAAA,WAAMR,KAAK,CAACO,KAAD,CAAX;AAAA,GAAX;AACAF,EAAAA,IAAI,CAACI,GAAL,GAAW,UAACC,OAAD,EAAa;AACpB,QAAMC,KAAK,GAAGC,WAAW,CAACZ,KAAK,CAACO,KAAD,CAAN,CAAzB;AACAG,IAAAA,OAAO,CAACC,KAAD,CAAP;AACAX,IAAAA,KAAK,CAACO,KAAD,CAAL,GAAeI,KAAK,CAACE,IAAN,EAAf;AACAP,IAAAA,SAAS,CAACQ,OAAV,CAAkB,UAAAC,EAAE;AAAA,aAAIA,EAAE,EAAN;AAAA,KAApB;AACH,GALD;AAOAV,EAAAA,IAAI,CAACW,KAAL,GAAa,YAAM;AACfhB,IAAAA,KAAK,CAACO,KAAD,CAAL,GAAeJ,YAAf;AACH,GAFD;AAIAE,EAAAA,IAAI,CAACY,SAAL,GAAiB,UAACF,EAAD,EAAQ;AACrBT,IAAAA,SAAS,CAACY,IAAV,CAAeH,EAAf;AACH,GAFD;AAIAV,EAAAA,IAAI,CAACc,WAAL,GAAmB,UAACJ,EAAD,EAAQ;AACvBT,IAAAA,SAAS,GAAGA,SAAS,CAACc,MAAV,CAAiB,UAAAC,CAAC;AAAA,aAAIA,CAAC,KAAKN,EAAV;AAAA,KAAlB,CAAZ;AACH,GAFD;AAIAV,EAAAA,IAAI,CAACiB,QAAL,GAAgB;AAAA,WAAMjB,IAAI,CAACD,IAAX;AAAA,GAAhB;AACH;AAKE,SAASmB,cAAT,GAA0B;AAC7B,SAAOvB,KAAP;AACH;AAEM,SAASwB,gBAAT,GAA4B;AAC/BxB,EAAAA,KAAK,GAAG,EAAR;AACH;AAEM,SAASyB,kBAAT,CAA4BC,KAA5B,EAAmC;AACtC1B,EAAAA,KAAK,GAAG0B,KAAR;AACH;AAGD,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK;AAAA,SAAIA,KAAJ;AAAA,CAA7B;IAEaC,QAAQ,GAAG,SAAXA,QAAW,CAACD,KAAD,EAAuC;AAAA,MAA/BE,QAA+B,uEAApBH,eAAoB;AAC3D,kBAA0BI,QAAQ,CAACD,QAAQ,CAACF,KAAK,CAACpB,GAAN,EAAD,CAAT,CAAlC;AAAA;AAAA,MAAOkB,KAAP;AAAA,MAAcM,QAAd;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACtBD,IAAAA,QAAQ,CAACF,QAAQ,CAACF,KAAK,CAACpB,GAAN,EAAD,CAAT,CAAR;AACH,GAFD;AAIA0B,EAAAA,SAAS,CAAC,YAAM;AACZN,IAAAA,KAAK,CAACX,SAAN,CAAgBgB,WAAhB;AACA,WAAO;AAAA,aAAML,KAAK,CAACT,WAAN,CAAkBc,WAAlB,CAAN;AAAA,KAAP;AACH,GAHQ,CAAT;AAKA,SAAOP,KAAP;AACH;;;;"}