@anoki/fse-ui 1.0.0-beta1.44.13 → 1.0.0-beta1.44.14

package/dist/index.es520.js

@@ -1,113 +1,72 @@
-import { __spreadArray as x } from "./index.es514.js";
-import * as n from "react";
-import { RemoveScrollBar as A } from "./index.es525.js";
-import { styleSingleton as I } from "./index.es526.js";
-import { nonPassive as s } from "./index.es527.js";
-import { locationCouldBeScrolled as T, handleScroll as W } from "./index.es528.js";
-var b = function(t) {
-  return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
-}, Y = function(t) {
-  return [t.deltaX, t.deltaY];
-}, B = function(t) {
-  return t && "current" in t ? t.current : t;
-}, p = function(t, c) {
-  return t[0] === c[0] && t[1] === c[1];
-}, F = function(t) {
-  return `
-  .block-interactivity-`.concat(t, ` {pointer-events: none;}
-  .allow-interactivity-`).concat(t, ` {pointer-events: all;}
+import * as d from "react";
+import { styleSingleton as f } from "./index.es521.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index.es499.js";
+import { getGapWidth as m } from "./index.es532.js";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
 `);
-}, K = 0, f = [];
-function z(t) {
-  var c = n.useRef([]), E = n.useRef([0, 0]), d = n.useRef(), h = n.useState(K++)[0], m = n.useState(I)[0], g = n.useRef(t);
-  n.useEffect(function() {
-    g.current = t;
-  }, [t]), n.useEffect(function() {
-    if (t.inert) {
-      document.body.classList.add("block-interactivity-".concat(h));
-      var e = x([t.lockRef.current], (t.shards || []).map(B), !0).filter(Boolean);
-      return e.forEach(function(r) {
-        return r.classList.add("allow-interactivity-".concat(h));
-      }), function() {
-        document.body.classList.remove("block-interactivity-".concat(h)), e.forEach(function(r) {
-          return r.classList.remove("allow-interactivity-".concat(h));
-        });
-      };
-    }
-  }, [t.inert, t.lockRef.current, t.shards]);
-  var k = n.useCallback(function(e, r) {
-    if ("touches" in e && e.touches.length === 2 || e.type === "wheel" && e.ctrlKey)
-      return !g.current.allowPinchZoom;
-    var l = b(e), o = E.current, u = "deltaX" in e ? e.deltaX : o[0] - l[0], i = "deltaY" in e ? e.deltaY : o[1] - l[1], a, C = e.target, v = Math.abs(u) > Math.abs(i) ? "h" : "v";
-    if ("touches" in e && v === "h" && C.type === "range")
-      return !1;
-    var y = T(v, C);
-    if (!y)
-      return !0;
-    if (y ? a = v : (a = v === "v" ? "h" : "v", y = T(v, C)), !y)
-      return !1;
-    if (!d.current && "changedTouches" in e && (u || i) && (d.current = a), !a)
-      return !0;
-    var P = d.current || a;
-    return W(P, r, e, P === "h" ? u : i);
-  }, []), S = n.useCallback(function(e) {
-    var r = e;
-    if (!(!f.length || f[f.length - 1] !== m)) {
-      var l = "deltaY" in r ? Y(r) : b(r), o = c.current.filter(function(a) {
-        return a.name === r.type && (a.target === r.target || r.target === a.shadowParent) && p(a.delta, l);
-      })[0];
-      if (o && o.should) {
-        r.cancelable && r.preventDefault();
-        return;
-      }
-      if (!o) {
-        var u = (g.current.shards || []).map(B).filter(Boolean).filter(function(a) {
-          return a.contains(r.target);
-        }), i = u.length > 0 ? k(r, u[0]) : !g.current.noIsolation;
-        i && r.cancelable && r.preventDefault();
-      }
-    }
-  }, []), R = n.useCallback(function(e, r, l, o) {
-    var u = { name: e, delta: r, target: l, should: o, shadowParent: O(l) };
-    c.current.push(u), setTimeout(function() {
-      c.current = c.current.filter(function(i) {
-        return i !== u;
-      });
-    }, 1);
-  }, []), w = n.useCallback(function(e) {
-    E.current = b(e), d.current = void 0;
-  }, []), L = n.useCallback(function(e) {
-    R(e.type, Y(e), e.target, k(e, t.lockRef.current));
-  }, []), M = n.useCallback(function(e) {
-    R(e.type, b(e), e.target, k(e, t.lockRef.current));
-  }, []);
-  n.useEffect(function() {
-    return f.push(m), t.setCallbacks({
-      onScrollCapture: L,
-      onWheelCapture: L,
-      onTouchMoveCapture: M
-    }), document.addEventListener("wheel", S, s), document.addEventListener("touchmove", S, s), document.addEventListener("touchstart", w, s), function() {
-      f = f.filter(function(e) {
-        return e !== m;
-      }), document.removeEventListener("wheel", S, s), document.removeEventListener("touchmove", S, s), document.removeEventListener("touchstart", w, s);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
     };
   }, []);
-  var X = t.removeScrollBar, D = t.inert;
-  return n.createElement(
-    n.Fragment,
-    null,
-    D ? n.createElement(m, { styles: F(h) }) : null,
-    X ? n.createElement(A, { gapMode: t.gapMode }) : null
-  );
-}
-function O(t) {
-  for (var c = null; t !== null; )
-    t instanceof ShadowRoot && (c = t.host, t = t.host), t = t.parentNode;
-  return c;
-}
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+};
 export {
-  z as RemoveScrollSideCar,
-  Y as getDeltaXY,
-  b as getTouchXY
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
 };
 //# sourceMappingURL=index.es520.js.map

package/dist/index.es520.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es520.js","sources":["../node_modules/react-remove-scroll/dist/es2015/SideEffect.js"],"sourcesContent":["import { __spreadArray } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScrollBar } from 'react-remove-scroll-bar';\nimport { styleSingleton } from 'react-style-singleton';\nimport { nonPassive } from './aggresiveCapture';\nimport { handleScroll, locationCouldBeScrolled } from './handleScroll';\nexport var getTouchXY = function (event) {\n    return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];\n};\nexport var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };\nvar extractRef = function (ref) {\n    return ref && 'current' in ref ? ref.current : ref;\n};\nvar deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };\nvar generateStyle = function (id) { return \"\\n  .block-interactivity-\".concat(id, \" {pointer-events: none;}\\n  .allow-interactivity-\").concat(id, \" {pointer-events: all;}\\n\"); };\nvar idCounter = 0;\nvar lockStack = [];\nexport function RemoveScrollSideCar(props) {\n    var shouldPreventQueue = React.useRef([]);\n    var touchStartRef = React.useRef([0, 0]);\n    var activeAxis = React.useRef();\n    var id = React.useState(idCounter++)[0];\n    var Style = React.useState(styleSingleton)[0];\n    var lastProps = React.useRef(props);\n    React.useEffect(function () {\n        lastProps.current = props;\n    }, [props]);\n    React.useEffect(function () {\n        if (props.inert) {\n            document.body.classList.add(\"block-interactivity-\".concat(id));\n            var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);\n            allow_1.forEach(function (el) { return el.classList.add(\"allow-interactivity-\".concat(id)); });\n            return function () {\n                document.body.classList.remove(\"block-interactivity-\".concat(id));\n                allow_1.forEach(function (el) { return el.classList.remove(\"allow-interactivity-\".concat(id)); });\n            };\n        }\n        return;\n    }, [props.inert, props.lockRef.current, props.shards]);\n    var shouldCancelEvent = React.useCallback(function (event, parent) {\n        if (('touches' in event && event.touches.length === 2) || (event.type === 'wheel' && event.ctrlKey)) {\n            return !lastProps.current.allowPinchZoom;\n        }\n        var touch = getTouchXY(event);\n        var touchStart = touchStartRef.current;\n        var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];\n        var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];\n        var currentAxis;\n        var target = event.target;\n        var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';\n        // allow horizontal touch move on Range inputs. They will not cause any scroll\n        if ('touches' in event && moveDirection === 'h' && target.type === 'range') {\n            return false;\n        }\n        var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n        if (!canBeScrolledInMainDirection) {\n            return true;\n        }\n        if (canBeScrolledInMainDirection) {\n            currentAxis = moveDirection;\n        }\n        else {\n            currentAxis = moveDirection === 'v' ? 'h' : 'v';\n            canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n            // other axis might be not scrollable\n        }\n        if (!canBeScrolledInMainDirection) {\n            return false;\n        }\n        if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {\n            activeAxis.current = currentAxis;\n        }\n        if (!currentAxis) {\n            return true;\n        }\n        var cancelingAxis = activeAxis.current || currentAxis;\n        return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);\n    }, []);\n    var shouldPrevent = React.useCallback(function (_event) {\n        var event = _event;\n        if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {\n            // not the last active\n            return;\n        }\n        var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);\n        var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta); })[0];\n        // self event, and should be canceled\n        if (sourceEvent && sourceEvent.should) {\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n            return;\n        }\n        // outside or shard event\n        if (!sourceEvent) {\n            var shardNodes = (lastProps.current.shards || [])\n                .map(extractRef)\n                .filter(Boolean)\n                .filter(function (node) { return node.contains(event.target); });\n            var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;\n            if (shouldStop) {\n                if (event.cancelable) {\n                    event.preventDefault();\n                }\n            }\n        }\n    }, []);\n    var shouldCancel = React.useCallback(function (name, delta, target, should) {\n        var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };\n        shouldPreventQueue.current.push(event);\n        setTimeout(function () {\n            shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });\n        }, 1);\n    }, []);\n    var scrollTouchStart = React.useCallback(function (event) {\n        touchStartRef.current = getTouchXY(event);\n        activeAxis.current = undefined;\n    }, []);\n    var scrollWheel = React.useCallback(function (event) {\n        shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n    }, []);\n    var scrollTouchMove = React.useCallback(function (event) {\n        shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n    }, []);\n    React.useEffect(function () {\n        lockStack.push(Style);\n        props.setCallbacks({\n            onScrollCapture: scrollWheel,\n            onWheelCapture: scrollWheel,\n            onTouchMoveCapture: scrollTouchMove,\n        });\n        document.addEventListener('wheel', shouldPrevent, nonPassive);\n        document.addEventListener('touchmove', shouldPrevent, nonPassive);\n        document.addEventListener('touchstart', scrollTouchStart, nonPassive);\n        return function () {\n            lockStack = lockStack.filter(function (inst) { return inst !== Style; });\n            document.removeEventListener('wheel', shouldPrevent, nonPassive);\n            document.removeEventListener('touchmove', shouldPrevent, nonPassive);\n            document.removeEventListener('touchstart', scrollTouchStart, nonPassive);\n        };\n    }, []);\n    var removeScrollBar = props.removeScrollBar, inert = props.inert;\n    return (React.createElement(React.Fragment, null,\n        inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,\n        removeScrollBar ? React.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null));\n}\nfunction getOutermostShadowParent(node) {\n    var shadowParent = null;\n    while (node !== null) {\n        if (node instanceof ShadowRoot) {\n            shadowParent = node.host;\n            node = node.host;\n        }\n        node = node.parentNode;\n    }\n    return shadowParent;\n}\n"],"names":["getTouchXY","event","getDeltaXY","extractRef","ref","deltaCompare","x","y","generateStyle","id","idCounter","lockStack","RemoveScrollSideCar","props","shouldPreventQueue","React","touchStartRef","activeAxis","Style","styleSingleton","lastProps","allow_1","__spreadArray","el","shouldCancelEvent","parent","touch","touchStart","deltaX","deltaY","currentAxis","target","moveDirection","canBeScrolledInMainDirection","locationCouldBeScrolled","cancelingAxis","handleScroll","shouldPrevent","_event","delta","sourceEvent","e","shardNodes","node","shouldStop","shouldCancel","name","should","getOutermostShadowParent","scrollTouchStart","scrollWheel","scrollTouchMove","nonPassive","inst","removeScrollBar","inert","RemoveScrollBar","shadowParent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es520.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/component.js"],"sourcesContent":["import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n    var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    return \"\\n  .\".concat(noScrollbarsClassName, \" {\\n   overflow: hidden \").concat(important, \";\\n   padding-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  body[\").concat(lockAttribute, \"] {\\n    overflow: hidden \").concat(important, \";\\n    overscroll-behavior: contain;\\n    \").concat([\n        allowRelative && \"position: relative \".concat(important, \";\"),\n        gapMode === 'margin' &&\n            \"\\n    padding-left: \".concat(left, \"px;\\n    padding-top: \").concat(top, \"px;\\n    padding-right: \").concat(right, \"px;\\n    margin-left:0;\\n    margin-top:0;\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n    \"),\n        gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n    ]\n        .filter(Boolean)\n        .join(''), \"\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" {\\n    right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" {\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n    right: 0 \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n    margin-right: 0 \").concat(important, \";\\n  }\\n  \\n  body[\").concat(lockAttribute, \"] {\\n    \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n  }\\n\");\n};\nvar getCurrentUseCounter = function () {\n    var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n    return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n    React.useEffect(function () {\n        document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n        return function () {\n            var newCounter = getCurrentUseCounter() - 1;\n            if (newCounter <= 0) {\n                document.body.removeAttribute(lockAttribute);\n            }\n            else {\n                document.body.setAttribute(lockAttribute, newCounter.toString());\n            }\n        };\n    }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n    var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n    useLockAttribute();\n    /*\n     gap will be measured on every component mount\n     however it will be used only by the \"first\" invocation\n     due to singleton nature of <Style\n     */\n    var gap = React.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);\n    return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });\n};\n"],"names":["Style","styleSingleton","lockAttribute","getStyles","_a","allowRelative","gapMode","important","left","top","right","gap","noScrollbarsClassName","zeroRightClassName","fullWidthClassName","removedBarSizeVariable","getCurrentUseCounter","counter","useLockAttribute","React","newCounter","RemoveScrollBar","noRelative","noImportant","_b","getGapWidth"],"mappings":";;;;AAIA,IAAIA,IAAQC,EAAgB,GACjBC,IAAgB,sBAIvBC,IAAY,SAAUC,GAAIC,GAAeC,GAASC,GAAW;AAC7D,MAAIC,IAAOJ,EAAG,MAAMK,IAAML,EAAG,KAAKM,IAAQN,EAAG,OAAOO,IAAMP,EAAG;AAC7D,SAAIE,MAAY,WAAUA,IAAU,WAC7B;AAAA,KAAQ,OAAOM,GAAuB;AAAA,qBAA0B,EAAE,OAAOL,GAAW;AAAA,mBAAuB,EAAE,OAAOI,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA,QAAiB,EAAE,OAAOL,GAAe;AAAA,sBAA4B,EAAE,OAAOK,GAAW;AAAA;AAAA,KAA4C,EAAE,OAAO;AAAA,IACnSF,KAAiB,sBAAsB,OAAOE,GAAW,GAAG;AAAA,IAC5DD,MAAY,YACR;AAAA,oBAAuB,OAAOE,GAAM;AAAA,kBAAwB,EAAE,OAAOC,GAAK;AAAA,oBAA0B,EAAE,OAAOC,GAAO;AAAA;AAAA;AAAA,mBAAgE,EAAE,OAAOC,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA,KAAS;AAAA,IACxOD,MAAY,aAAa,kBAAkB,OAAOK,GAAK,KAAK,EAAE,OAAOJ,GAAW,GAAG;AAAA,EAC3F,EACS,OAAO,OAAO,EACd,KAAK,EAAE,GAAG;AAAA;AAAA;AAAA,IAAgB,EAAE,OAAOM,GAAoB;AAAA,YAAiB,EAAE,OAAOF,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB;AAAA,mBAAwB,EAAE,OAAOH,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOM,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,cAAmB,EAAE,OAAON,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,qBAA0B,EAAE,OAAOP,GAAW;AAAA;AAAA;AAAA,QAAqB,EAAE,OAAOL,GAAe;AAAA,KAAW,EAAE,OAAOa,GAAwB,IAAI,EAAE,OAAOJ,GAAK;AAAA;AAAA,CAAY;AAC/kB,GACIK,IAAuB,WAAY;AACnC,MAAIC,IAAU,SAAS,SAAS,KAAK,aAAaf,CAAa,KAAK,KAAK,EAAE;AAC3E,SAAO,SAASe,CAAO,IAAIA,IAAU;AACzC,GACWC,IAAmB,WAAY;AACtC,EAAAC,EAAM,UAAU,WAAY;AACxB,oBAAS,KAAK,aAAajB,IAAgBc,MAAyB,GAAG,UAAU,GAC1E,WAAY;AACf,UAAII,IAAaJ,EAAoB,IAAK;AAC1C,MAAII,KAAc,IACd,SAAS,KAAK,gBAAgBlB,CAAa,IAG3C,SAAS,KAAK,aAAaA,GAAekB,EAAW,SAAQ,CAAE;AAAA,IAEtE;AAAA,EACJ,GAAE,EAAE;AACT,GAIWC,IAAkB,SAAUjB,GAAI;AACvC,MAAIkB,IAAalB,EAAG,YAAYmB,IAAcnB,EAAG,aAAaoB,IAAKpB,EAAG,SAASE,IAAUkB,MAAO,SAAS,WAAWA;AACpH,EAAAN,EAAkB;AAMlB,MAAIP,IAAMQ,EAAM,QAAQ,WAAY;AAAE,WAAOM,EAAYnB,CAAO;AAAA,EAAE,GAAI,CAACA,CAAO,CAAC;AAC/E,SAAOa,EAAM,cAAcnB,GAAO,EAAE,QAAQG,EAAUQ,GAAK,CAACW,GAAYhB,GAAUiB,IAA6B,KAAf,YAAiB,EAAC,CAAE;AACxH;","x_google_ignoreList":[0]}

package/dist/index.es521.js

@@ -1,19 +1,12 @@
-import { __rest as o, __assign as d } from "./index.es514.js";
-import * as n from "react";
-var i = function(r) {
-  var e = r.sideCar, a = o(r, ["sideCar"]);
-  if (!e)
-    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
-  var t = e.read();
-  if (!t)
-    throw new Error("Sidecar medium not found");
-  return n.createElement(t, d({}, a));
+import { styleHookSingleton as o } from "./index.es533.js";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
+  };
+  return n;
 };
-i.isSideCarExport = !0;
-function p(r, e) {
-  return r.useMedium(e), i;
-}
 export {
-  p as exportSidecar
+  s as styleSingleton
 };
 //# sourceMappingURL=index.es521.js.map

package/dist/index.es521.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es521.js","sources":["../node_modules/use-sidecar/dist/es2015/exports.js"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nvar SideCar = function (_a) {\n    var sideCar = _a.sideCar, rest = __rest(_a, [\"sideCar\"]);\n    if (!sideCar) {\n        throw new Error('Sidecar: please provide `sideCar` property to import the right car');\n    }\n    var Target = sideCar.read();\n    if (!Target) {\n        throw new Error('Sidecar medium not found');\n    }\n    return React.createElement(Target, __assign({}, rest));\n};\nSideCar.isSideCarExport = true;\nexport function exportSidecar(medium, exported) {\n    medium.useMedium(exported);\n    return SideCar;\n}\n"],"names":["SideCar","_a","sideCar","rest","__rest","Target","React","__assign","exportSidecar","medium","exported"],"mappings":";;AAEA,IAAIA,IAAU,SAAUC,GAAI;AACxB,MAAIC,IAAUD,EAAG,SAASE,IAAOC,EAAOH,GAAI,CAAC,SAAS,CAAC;AACvD,MAAI,CAACC;AACD,UAAM,IAAI,MAAM,oEAAoE;AAExF,MAAIG,IAASH,EAAQ,KAAM;AAC3B,MAAI,CAACG;AACD,UAAM,IAAI,MAAM,0BAA0B;AAE9C,SAAOC,EAAM,cAAcD,GAAQE,EAAS,CAAA,GAAIJ,CAAI,CAAC;AACzD;AACAH,EAAQ,kBAAkB;AACnB,SAASQ,EAAcC,GAAQC,GAAU;AAC5C,SAAAD,EAAO,UAAUC,CAAQ,GAClBV;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es521.js","sources":["../node_modules/react-style-singleton/dist/es2015/component.js"],"sourcesContent":["import { styleHookSingleton } from './hook';\n/**\n * create a Component to add styles on demand\n * - styles are added when first instance is mounted\n * - styles are removed when the last instance is unmounted\n * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior\n */\nexport var styleSingleton = function () {\n    var useStyle = styleHookSingleton();\n    var Sheet = function (_a) {\n        var styles = _a.styles, dynamic = _a.dynamic;\n        useStyle(styles, dynamic);\n        return null;\n    };\n    return Sheet;\n};\n"],"names":["styleSingleton","useStyle","styleHookSingleton","Sheet","_a","styles","dynamic"],"mappings":";AAOU,IAACA,IAAiB,WAAY;AACpC,MAAIC,IAAWC,EAAoB,GAC/BC,IAAQ,SAAUC,GAAI;AACtB,QAAIC,IAASD,EAAG,QAAQE,IAAUF,EAAG;AACrC,WAAAH,EAASI,GAAQC,CAAO,GACjB;AAAA,EACV;AACD,SAAOH;AACX;","x_google_ignoreList":[0]}