@instructure/ui-position 8.33.1 → 8.33.2

package/lib/Position/index.js

@@ -1,48 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Position = void 0;
-
 var _react = require("react");
-
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-
 var _ensureSingleChild = require("@instructure/ui-react-utils/lib/ensureSingleChild.js");
-
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-
 var _addPositionChangeListener = require("@instructure/ui-dom-utils/lib/addPositionChangeListener.js");
-
 var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-
 var _deepEqual = require("@instructure/ui-utils/lib/deepEqual.js");
-
 var _shallowEqual = require("@instructure/ui-utils/lib/shallowEqual.js");
-
 var _debounce = require("@instructure/debounce");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _Portal = require("@instructure/ui-portal/lib/Portal");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _calculateElementPosition = require("../calculateElementPosition");
-
 var _dec, _dec2, _dec3, _class, _class2;
-
 /**
 ---
 category: components/utilities
@@ -58,23 +38,18 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
     this._listener = null;
     this._content = void 0;
     this._target = void 0;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.handlePortalOpen = () => {
       this.position();
-
       if (this.props.shouldTrackPosition) {
         this.startTracking();
       }
-
       this._timeouts.push(setTimeout(() => {
         if (this.state.positioned && typeof this.props.onPositioned === 'function') {
           this.props.onPositioned({
@@ -85,14 +60,12 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
         }
       }, 0));
     };
-
     this.position = () => {
       this.setState({
         positioned: true,
         ...this.calculatePosition(this.props)
       });
     };
-
     this.state = {
       positioned: false,
       ...this.calculatePosition(props)
@@ -103,32 +76,24 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
     });
     this._id = this.props.id || props.deterministicId();
   }
-
   shouldComponentUpdate(nextProps, nextState, nextContext) {
     return !(0, _deepEqual.deepEqual)(this.state, nextState) || !(0, _shallowEqual.shallowEqual)(this.props, nextProps) || !(0, _shallowEqual.shallowEqual)(this.context, nextContext);
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     this.toggleLocatorAttributes(true);
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate(prevProps, prevState) {
     var _this$props$makeStyle2, _this$props2;
-
     this.position();
     this.toggleLocatorAttributes(true);
-
     if (this.props.shouldTrackPosition !== prevProps.shouldTrackPosition) {
       this.props.shouldTrackPosition ? this.startTracking() : this.stopTracking();
     }
-
     const _this$state = this.state,
-          style = _this$state.style,
-          placement = _this$state.placement;
-
+      style = _this$state.style,
+      placement = _this$state.placement;
     if (style && prevState.style && (placement !== prevState.placement || style.top !== prevState.style.top || style.left !== prevState.style.left) && typeof this.props.onPositionChanged === 'function') {
       this.props.onPositionChanged({
         top: style.top,
@@ -136,20 +101,15 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
         placement
       });
     }
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   componentWillUnmount() {
     ;
     this.position.cancel();
     this.stopTracking();
-
     this._timeouts.forEach(timeout => clearTimeout(timeout));
-
     this.toggleLocatorAttributes(false);
   }
-
   toggleLocatorAttributes(set) {
     // We have to find the actual DOM nodes and append the attributes
     // directly, as we can't be sure when safe cloning the child that
@@ -157,21 +117,18 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
     this.toggleLocatorAttribute((0, _findDOMNode.findDOMNode)(this._content), Position.contentLocatorAttribute, set);
     this.toggleLocatorAttribute((0, _findDOMNode.findDOMNode)(this._target), Position.targetLocatorAttribute, set);
   }
-
   toggleLocatorAttribute(node, locator, set) {
     if (node && node.hasAttribute) {
       if (set && !node.hasAttribute(locator)) {
         ;
         node.setAttribute(locator, this._id);
       }
-
       if (!set && node.hasAttribute(locator)) {
         ;
         node.removeAttribute(locator);
       }
     }
   }
-
   calculatePosition(props) {
     return (0, _calculateElementPosition.calculateElementPosition)(this._content, this._target, {
       placement: props.placement,
@@ -182,26 +139,21 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
       over: props.shouldPositionOverTarget
     });
   }
-
   startTracking() {
     this._listener = this._listener || (0, _addPositionChangeListener.addPositionChangeListener)(this._target, this.position);
   }
-
   stopTracking() {
     if (this._listener) {
       this._listener.remove();
-
       this._listener = null;
     }
-  } // content that needs to be positioned relative to the target
-
+  }
 
+  // content that needs to be positioned relative to the target
   renderContent() {
     let content = (0, _ensureSingleChild.ensureSingleChild)(this.props.children);
-
     if (content) {
       var _this$props$styles;
-
       content = (0, _safeCloneElement.safeCloneElement)(content, {
         ref: el => {
           this._content = el;
@@ -224,13 +176,10 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
         insertAt: this.props.insertAt
       }, content);
     }
-
     return content;
   }
-
   renderTarget() {
     const target = (0, _callRenderProp.callRenderProp)(this.props.renderTarget);
-
     if (target) {
       return (0, _safeCloneElement.safeCloneElement)(target, {
         ref: el => {
@@ -241,13 +190,10 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
     } else if (this.props.target) {
       this._target = (0, _callRenderProp.callRenderProp)(this.props.target);
     }
-
     return null;
   }
-
   render() {
     var _this$props$styles2;
-
     const props = {
       [Position.locatorAttribute]: this._id
     };
@@ -256,7 +202,6 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
       ref: this.handleRef
     }), this.renderTarget(), this.renderContent());
   }
-
 }, _class2.displayName = "Position", _class2.componentId = 'Position', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   placement: 'bottom center',
   mountNode: null,

package/lib/Position/locator.js

@@ -28,9 +28,7 @@ Object.defineProperty(exports, "customMethods", {
   }
 });
 exports.default = void 0;
-
 var _PositionLocator = require("./PositionLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/Position/props.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _element = require("@instructure/ui-prop-types/lib/element.js");
-
 var _PositionPropTypes = require("../PositionPropTypes");
-
 /*
  * The MIT License (MIT)
  *
@@ -36,6 +31,7 @@ var _PositionPropTypes = require("../PositionPropTypes");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   renderTarget: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   target: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),

package/lib/Position/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -48,6 +47,5 @@ const generateStyle = (componentTheme, props) => {
     zIndex: componentTheme.zIndex
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Position/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -39,9 +38,9 @@ const generateComponentTheme = theme => {
   const componentVariables = {
     zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/PositionPropTypes.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.placementPropValues = exports.mirrorMap = exports.default = exports.PositionPropTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _element = require("@instructure/ui-prop-types/lib/element.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _element = require("@instructure/ui-prop-types/lib/element.js");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const placementPropValues = ['top', 'bottom', 'start', 'end', 'top start', 'top center', 'top end', 'top stretch', 'bottom start', 'bottom center', 'bottom end', 'bottom stretch', 'start top', 'start center', 'start bottom', 'start stretch', 'end top', 'end center', 'end bottom', 'end stretch', 'center start', 'center end', 'offscreen'];
 exports.placementPropValues = placementPropValues;
 const PositionPropTypes = {
@@ -41,21 +38,19 @@ const PositionPropTypes = {
    * The placement of the content in relation to the trigger
    */
   placement: _propTypes.default.oneOf(placementPropValues),
-
   /**
    * An element or a function returning an element to use as the mount node
    */
   mountNode: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),
-
   /**
    * The parent in which to constrain a placement
    */
   constrain: _propTypes.default.oneOfType([_element.element, _propTypes.default.func, _propTypes.default.oneOf(['window', 'scroll-parent', 'parent', 'none'])])
 };
+
 /**
  * The placement of the content in relation to the trigger
  */
-
 exports.PositionPropTypes = PositionPropTypes;
 const mirrorMap = {
   center: 'center',