react-spatial 2.0.0-beta.1 → 2.0.0-beta.3

package/components/ResizeHandler/ResizeHandler.js

@@ -1,137 +1,130 @@
-import ReactDOM from 'react-dom';
-import { PureComponent, Component } from 'react';
-import PropTypes from 'prop-types';
-import ResizeObserver from 'resize-observer-polyfill';
-
-var propTypes = {
-  observe: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.instanceOf(Element),
-    PropTypes.instanceOf(Component),
-    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),
-    PropTypes.shape({ current: PropTypes.instanceOf(Component) }) ]),
-  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),
-  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),
-  stylePropHeight: PropTypes.string,
-  onResize: PropTypes.func,
-
+import PropTypes from "prop-types";
+import { Component, PureComponent } from "react";
+import ResizeObserver from "resize-observer-polyfill";
+const propTypes = {
   // This property is used to re-apply the classes, for example when the className of the observed node changes.
   forceUpdate: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.number,
-    PropTypes.bool ]),
+    PropTypes.bool
+  ]),
+  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),
+  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),
+  observe: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.node,
+    PropTypes.instanceOf(Component),
+    PropTypes.shape({ current: PropTypes.node }),
+    PropTypes.shape({ current: PropTypes.instanceOf(Component) })
+  ]),
+  onResize: PropTypes.func,
+  stylePropHeight: PropTypes.string
 };
-
-// Same as bootstrap
-var defaultProps = {
-  observe: null,
+const defaultProps = {
+  forceUpdate: null,
+  /* eslint-disable perfectionist/sort-objects */
   maxHeightBrkpts: {
     xs: 576,
     s: 768,
     m: 992,
     l: 1200,
-    xl: Infinity,
+    xl: Infinity
   },
   maxWidthBrkpts: {
     xs: 576,
     s: 768,
     m: 992,
     l: 1200,
-    xl: Infinity,
+    xl: Infinity
   },
-  stylePropHeight: null,
+  /* eslint-enable perfectionist/sort-objects */
+  observe: null,
   onResize: null,
-  forceUpdate: null,
+  stylePropHeight: null
 };
-/**
- * This component adds css class to an element depending on his size.
- */
-var ResizeHandler = /*@__PURE__*/(function (PureComponent) {
-  function ResizeHandler(props) {
-    var this$1 = this;
-
-    PureComponent.call(this, props);
-    this.observer = new ResizeObserver(function (entries) {
-      return this$1.onResize(entries);
+class ResizeHandler extends PureComponent {
+  constructor(props) {
+    super(props);
+    this.observer = new ResizeObserver((entries) => {
+      return this.onResize(entries);
     });
     this.nodes = [];
   }
-
-  if ( PureComponent ) ResizeHandler.__proto__ = PureComponent;
-  ResizeHandler.prototype = Object.create( PureComponent && PureComponent.prototype );
-  ResizeHandler.prototype.constructor = ResizeHandler;
-
-  ResizeHandler.applyBreakpoints = function applyBreakpoints (entry, breakpoints, size, direction) {
-    var found = false;
-    var screenSize;
-    Object.entries(breakpoints).forEach(function (brkpt) {
-      var assign;
-
-      var cssClass = "rs-" + direction + "-" + (brkpt[0]);
+  static applyBreakpoints(entry, breakpoints, size, direction) {
+    let found = false;
+    let screenSize;
+    Object.entries(breakpoints).forEach((brkpt) => {
+      const cssClass = `rs-${direction}-${brkpt[0]}`;
       entry.target.classList.remove(cssClass);
       if (!found && size <= brkpt[1]) {
         found = true;
-        (assign = brkpt, screenSize = assign[0]);
+        [screenSize] = brkpt;
         entry.target.classList.add(cssClass);
       }
     });
     return screenSize;
-  };
-
-  ResizeHandler.prototype.componentDidMount = function componentDidMount () {
+  }
+  componentDidMount() {
     this.observe();
-  };
-
-  ResizeHandler.prototype.componentDidUpdate = function componentDidUpdate (prevProps) {
-    var ref = this.props;
-    var observe = ref.observe;
-    var forceUpdate = ref.forceUpdate;
-
-    if (
-      observe !== prevProps.observe ||
-      forceUpdate !== prevProps.forceUpdate
-    ) {
+  }
+  componentDidUpdate(prevProps) {
+    const { forceUpdate, observe } = this.props;
+    if (observe !== prevProps.observe || forceUpdate !== prevProps.forceUpdate) {
       this.observe();
     }
-  };
-
-  ResizeHandler.prototype.componentWillUnmount = function componentWillUnmount () {
+  }
+  componentWillUnmount() {
+    this.observer.disconnect();
+  }
+  observe() {
     this.observer.disconnect();
-  };
-
-  ResizeHandler.prototype.onResize = function onResize (entries) {
-    var ref =
-      this.props;
-    var maxHeightBrkpts = ref.maxHeightBrkpts;
-    var maxWidthBrkpts = ref.maxWidthBrkpts;
-    var stylePropHeight = ref.stylePropHeight;
-    var onResize = ref.onResize;
-
+    const { observe } = this.props;
+    if (!observe) {
+      return;
+    }
+    if (typeof observe === "string" || observe instanceof String) {
+      this.nodes = document.querySelectorAll(observe);
+    } else if (observe instanceof Component) {
+      console.warn(
+        "observe attribute as a Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component."
+      );
+    } else if (observe instanceof Element) {
+      this.nodes.push(observe);
+    } else if (observe.current instanceof Element) {
+      this.nodes.push(observe.current);
+    } else if (observe.current instanceof Component) {
+      console.warn(
+        "observe attribute as a ref to Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component."
+      );
+    }
+    if (this.nodes.length) {
+      this.nodes.forEach((node) => {
+        return this.observer.observe(node);
+      });
+    }
+  }
+  onResize(entries) {
+    const { maxHeightBrkpts, maxWidthBrkpts, onResize, stylePropHeight } = this.props;
     if (stylePropHeight) {
-      var vh = window.innerHeight * 0.01;
-      document.documentElement.style.setProperty(stylePropHeight, (vh + "px"));
+      const vh = window.innerHeight * 0.01;
+      document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);
     }
-
     if (!maxWidthBrkpts && !maxHeightBrkpts) {
       onResize(entries);
       return;
     }
-
-    var newScreenWidth;
-    var newScreenHeight;
-
-    for (var i = 0; i < entries.length; i += 1) {
-      var entry = entries[i];
-      var rect = entry.contentRect;
-      var height = rect.height;
-      var width = rect.width;
-
+    let newScreenWidth;
+    let newScreenHeight;
+    for (let i = 0; i < entries.length; i += 1) {
+      const entry = entries[i];
+      const rect = entry.contentRect;
+      const { height, width } = rect;
       if (maxWidthBrkpts) {
         newScreenWidth = ResizeHandler.applyBreakpoints(
           entry,
           maxWidthBrkpts,
           width,
-          'w'
+          "w"
         );
       }
       if (maxHeightBrkpts) {
@@ -139,60 +132,18 @@ var ResizeHandler = /*@__PURE__*/(function (PureComponent) {
           entry,
           maxHeightBrkpts,
           height,
-          'h'
+          "h"
         );
       }
     }
-
     if (onResize) {
       onResize(entries, newScreenWidth, newScreenHeight);
     }
-  };
-
-  ResizeHandler.prototype.observe = function observe () {
-    var this$1 = this;
-
-    this.observer.disconnect();
-    var ref = this.props;
-    var observe = ref.observe;
-
-    if (!observe) {
-      return;
-    }
-
-    if (typeof observe === 'string' || observe instanceof String) {
-      this.nodes = document.querySelectorAll(observe);
-    } else if (observe instanceof Component) {
-      // eslint-disable-next-line react/no-find-dom-node
-      this.nodes.push(ReactDOM.findDOMNode(observe));
-    } else if (observe instanceof Element) {
-      this.nodes.push(observe);
-    } else if (observe.current instanceof Element) {
-      // observe value created with React.createRef() on a html node.
-      this.nodes.push(observe.current);
-    } else if (observe.current instanceof Component) {
-      // observe value created with React.createRef() on a React component.
-      // eslint-disable-next-line react/no-find-dom-node
-      this.nodes.push(ReactDOM.findDOMNode(observe.current));
-    }
-
-    if (this.nodes.length) {
-      this.nodes.forEach(function (node) {
-        return this$1.observer.observe(node);
-      });
-    }
-  };
-
-  ResizeHandler.prototype.render = function render () {
+  }
+  render() {
     return null;
-  };
-
-  return ResizeHandler;
-}(PureComponent));
-
+  }
+}
 ResizeHandler.propTypes = propTypes;
 ResizeHandler.defaultProps = defaultProps;
-
 export default ResizeHandler;
-
-//# sourceMappingURL=ResizeHandler.js.map

package/components/ResizeHandler/ResizeHandler.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"ResizeHandler.js","sources":["../../../src/components/ResizeHandler/ResizeHandler.js"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { PureComponent, Component } from 'react';\nimport PropTypes from 'prop-types';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nconst propTypes = {\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.instanceOf(Element),\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),\n  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),\n  stylePropHeight: PropTypes.string,\n  onResize: PropTypes.func,\n\n  // This property is used to re-apply the classes, for example when the className of the observed node changes.\n  forceUpdate: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n};\n\n// Same as bootstrap\nconst defaultProps = {\n  observe: null,\n  maxHeightBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  maxWidthBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  stylePropHeight: null,\n  onResize: null,\n  forceUpdate: null,\n};\n/**\n * This component adds css class to an element depending on his size.\n */\nclass ResizeHandler extends PureComponent {\n  static applyBreakpoints(entry, breakpoints, size, direction) {\n    let found = false;\n    let screenSize;\n    Object.entries(breakpoints).forEach((brkpt) => {\n      const cssClass = `rs-${direction}-${brkpt[0]}`;\n      entry.target.classList.remove(cssClass);\n      if (!found && size <= brkpt[1]) {\n        found = true;\n        [screenSize] = brkpt;\n        entry.target.classList.add(cssClass);\n      }\n    });\n    return screenSize;\n  }\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver((entries) => {\n      return this.onResize(entries);\n    });\n    this.nodes = [];\n  }\n\n  componentDidMount() {\n    this.observe();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { observe, forceUpdate } = this.props;\n\n    if (\n      observe !== prevProps.observe ||\n      forceUpdate !== prevProps.forceUpdate\n    ) {\n      this.observe();\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  onResize(entries) {\n    const { maxHeightBrkpts, maxWidthBrkpts, stylePropHeight, onResize } =\n      this.props;\n\n    if (stylePropHeight) {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);\n    }\n\n    if (!maxWidthBrkpts && !maxHeightBrkpts) {\n      onResize(entries);\n      return;\n    }\n\n    let newScreenWidth;\n    let newScreenHeight;\n\n    for (let i = 0; i < entries.length; i += 1) {\n      const entry = entries[i];\n      const rect = entry.contentRect;\n      const { height, width } = rect;\n\n      if (maxWidthBrkpts) {\n        newScreenWidth = ResizeHandler.applyBreakpoints(\n          entry,\n          maxWidthBrkpts,\n          width,\n          'w',\n        );\n      }\n      if (maxHeightBrkpts) {\n        newScreenHeight = ResizeHandler.applyBreakpoints(\n          entry,\n          maxHeightBrkpts,\n          height,\n          'h',\n        );\n      }\n    }\n\n    if (onResize) {\n      onResize(entries, newScreenWidth, newScreenHeight);\n    }\n  }\n\n  observe() {\n    this.observer.disconnect();\n    const { observe } = this.props;\n\n    if (!observe) {\n      return;\n    }\n\n    if (typeof observe === 'string' || observe instanceof String) {\n      this.nodes = document.querySelectorAll(observe);\n    } else if (observe instanceof Component) {\n      // eslint-disable-next-line react/no-find-dom-node\n      this.nodes.push(ReactDOM.findDOMNode(observe));\n    } else if (observe instanceof Element) {\n      this.nodes.push(observe);\n    } else if (observe.current instanceof Element) {\n      // observe value created with React.createRef() on a html node.\n      this.nodes.push(observe.current);\n    } else if (observe.current instanceof Component) {\n      // observe value created with React.createRef() on a React component.\n      // eslint-disable-next-line react/no-find-dom-node\n      this.nodes.push(ReactDOM.findDOMNode(observe.current));\n    }\n\n    if (this.nodes.length) {\n      this.nodes.forEach((node) => {\n        return this.observer.observe(node);\n      });\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nResizeHandler.propTypes = propTypes;\nResizeHandler.defaultProps = defaultProps;\n\nexport default ResizeHandler;\n"],"names":["const","let","super","this"],"mappings":"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"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/ResizeHandler/ResizeHandler.js"],
+  "sourcesContent": ["import PropTypes from \"prop-types\";\nimport { Component, PureComponent } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst propTypes = {\n  // This property is used to re-apply the classes, for example when the className of the observed node changes.\n  forceUpdate: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),\n  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n  onResize: PropTypes.func,\n\n  stylePropHeight: PropTypes.string,\n};\n\n// Same as bootstrap\nconst defaultProps = {\n  forceUpdate: null,\n  /* eslint-disable perfectionist/sort-objects */\n  maxHeightBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  maxWidthBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  /* eslint-enable perfectionist/sort-objects */\n  observe: null,\n  onResize: null,\n  stylePropHeight: null,\n};\n/**\n * This component adds css class to an element depending on his size.\n */\nclass ResizeHandler extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver((entries) => {\n      return this.onResize(entries);\n    });\n    this.nodes = [];\n  }\n\n  static applyBreakpoints(entry, breakpoints, size, direction) {\n    let found = false;\n    let screenSize;\n    Object.entries(breakpoints).forEach((brkpt) => {\n      const cssClass = `rs-${direction}-${brkpt[0]}`;\n      entry.target.classList.remove(cssClass);\n      if (!found && size <= brkpt[1]) {\n        found = true;\n        [screenSize] = brkpt;\n        entry.target.classList.add(cssClass);\n      }\n    });\n    return screenSize;\n  }\n\n  componentDidMount() {\n    this.observe();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { forceUpdate, observe } = this.props;\n\n    if (\n      observe !== prevProps.observe ||\n      forceUpdate !== prevProps.forceUpdate\n    ) {\n      this.observe();\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  observe() {\n    this.observer.disconnect();\n    const { observe } = this.props;\n\n    if (!observe) {\n      return;\n    }\n\n    if (typeof observe === \"string\" || observe instanceof String) {\n      this.nodes = document.querySelectorAll(observe);\n    } else if (observe instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n      // eslint-disable-next-line react/no-find-dom-node\n      // this.nodes.push(ReactDOM.findDOMNode(observe));\n    } else if (observe instanceof Element) {\n      this.nodes.push(observe);\n    } else if (observe.current instanceof Element) {\n      // observe value created with React.createRef() on a html node.\n      this.nodes.push(observe.current);\n    } else if (observe.current instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a ref to Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n      // observe value created with React.createRef() on a React component.\n      // eslint-disable-next-line react/no-find-dom-node\n      // this.nodes.push(ReactDOM.findDOMNode(observe.current));\n    }\n\n    if (this.nodes.length) {\n      this.nodes.forEach((node) => {\n        return this.observer.observe(node);\n      });\n    }\n  }\n\n  onResize(entries) {\n    const { maxHeightBrkpts, maxWidthBrkpts, onResize, stylePropHeight } =\n      this.props;\n\n    if (stylePropHeight) {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);\n    }\n\n    if (!maxWidthBrkpts && !maxHeightBrkpts) {\n      onResize(entries);\n      return;\n    }\n\n    let newScreenWidth;\n    let newScreenHeight;\n\n    for (let i = 0; i < entries.length; i += 1) {\n      const entry = entries[i];\n      const rect = entry.contentRect;\n      const { height, width } = rect;\n\n      if (maxWidthBrkpts) {\n        newScreenWidth = ResizeHandler.applyBreakpoints(\n          entry,\n          maxWidthBrkpts,\n          width,\n          \"w\",\n        );\n      }\n      if (maxHeightBrkpts) {\n        newScreenHeight = ResizeHandler.applyBreakpoints(\n          entry,\n          maxHeightBrkpts,\n          height,\n          \"h\",\n        );\n      }\n    }\n\n    if (onResize) {\n      onResize(entries, newScreenWidth, newScreenHeight);\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nResizeHandler.propTypes = propTypes;\nResizeHandler.defaultProps = defaultProps;\n\nexport default ResizeHandler;\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/ResizeHandler/index.js

@@ -1,3 +1 @@
-export { default } from './ResizeHandler';
-
-//# sourceMappingURL=index.js.map
+export { default } from "./ResizeHandler";

package/components/ResizeHandler/index.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ResizeHandler/index.js"],"sourcesContent":["export { default } from './ResizeHandler';\n"],"names":[],"mappings":"AAAA,SAAS,OAAO,QAAQ,iBAAiB,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/ResizeHandler/index.js"],
+  "sourcesContent": ["export { default } from \"./ResizeHandler\";\n"],
+  "mappings": "AAAA,SAAS,eAAe;",
+  "names": []
+}