carbon-react 93.0.4 → 94.0.3

package/lib/components/drag-and-drop/draggable-context/draggable-context.js

@@ -1,264 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDndLegacy = require("react-dnd-legacy");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactDndTouchBackend = _interopRequireDefault(require("react-dnd-touch-backend"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _itemTarget = _interopRequireDefault(require("../__internal__/item-target"));
-
-var _customDragLayer = _interopRequireDefault(require("../custom-drag-layer"));
-
-var _browser = _interopRequireDefault(require("../../../__internal__/utils/helpers/browser"));
-
-var _scrollableParent = _interopRequireDefault(require("./__internal__/scrollable-parent"));
-
-var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-let deprecatedWarnTriggered = false;
-
-let DraggableContext = /*#__PURE__*/function (_React$Component) {
-  _inherits(DraggableContext, _React$Component);
-
-  var _super = _createSuper(DraggableContext);
-
-  function DraggableContext(_props) {
-    var _this;
-
-    _classCallCheck(this, DraggableContext);
-
-    _this = _super.call(this, _props);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      activeIndex: null // {Number} tracks the currently dragged index
-
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleHover", _itemTarget.default.onHoverUpDown);
-
-    _defineProperty(_assertThisInitialized(_this), "checkAutoScroll", event => {
-      if (_this.state.activeIndex === null) {
-        return;
-      } // constant for the position of the mouse pointer
-      // on the y axis
-
-
-      const {
-        clientY
-      } = event;
-
-      const {
-        innerHeight
-      } = _browser.default.getWindow(); // constant for the threshold where the auto scroll begins
-
-
-      const threshold = Math.max(140, innerHeight / 4);
-      let speed = 0;
-
-      if (clientY < threshold) {
-        // -1 to 0 as we move from 0 to threshold
-        speed = -1 + clientY / threshold;
-      } else if (clientY > innerHeight - threshold) {
-        // 0 to 1 as we move from (innerHeight - threshold) to innerHeight
-        speed = 1 - (innerHeight - clientY) / threshold;
-      }
-
-      const shouldScroll = _this.speed === 0 && speed !== 0;
-      _this.speed = speed;
-      if (shouldScroll) _this.startScrolling();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "startScrolling", () => {
-      if (!_this.frame) {
-        _this.frame = _browser.default.getWindow().requestAnimationFrame(_this.tick);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "tick", () => {
-      if (!_this.speed) {
-        _this.frame = null;
-        return;
-      }
-
-      const window = _browser.default.getWindow();
-
-      if (!_this.element) {
-        const node = _reactDom.default.findDOMNode(_assertThisInitialized(_this)); // eslint-disable-line  react/no-find-dom-node
-
-
-        _this.element = _scrollableParent.default.searchForScrollableParent(node);
-      } else {
-        _this.element.scrollTop += _this.speed * 10;
-      }
-
-      window.scrollTo(0, window.scrollY + _this.speed * 10);
-      _this.frame = window.requestAnimationFrame(_this.tick);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleDrag", (originalIndex, hoverIndex) => {
-      _this.setState({
-        activeIndex: hoverIndex
-      });
-
-      if (typeof originalIndex !== "undefined") {
-        _this.props.onDrag(originalIndex, hoverIndex);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleBeginDrag", props => {
-      return {
-        index: props.index,
-        offsetDiffY: 0,
-        ...props
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleEndDrag", () => {
-      // dragging has ended so remove the active index
-      _this.setState({
-        activeIndex: null
-      });
-
-      _this.speed = 0;
-    });
-
-    if (!deprecatedWarnTriggered) {
-      deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-      _logger.default.deprecate("`DraggableContext` component is deprecated and will soon be removed.");
-    } // Default speed of auto scrolling
-
-
-    _this.speed = 0; // Frame callback ref
-
-    _this.frame = null; // Document element to scroll if any
-
-    _this.element = null;
-    return _this;
-  }
-  /**
-   * Returns this draggable context properties to child components.
-   *
-   * @method getChildContext
-   * @return {void}
-   */
-
-
-  _createClass(DraggableContext, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        dragAndDropActiveIndex: this.state.activeIndex,
-        dragAndDropBeginDrag: this.handleBeginDrag,
-        dragAndDropEndDrag: this.handleEndDrag,
-        dragAndDropHover: this.handleHover,
-        dragAndDropOnDrag: this.handleDrag
-      };
-    }
-    /**
-     * A callback for when hover is triggered
-     *
-     * @method handleHover
-     * @return {Void}
-     */
-
-  }, {
-    key: "render",
-    value:
-    /**
-     * Renders the component
-     */
-    function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        onMouseMove: this.props.autoScroll && this.state.activeIndex !== null ? this.checkAutoScroll : undefined
-      }, this.props.children, this.props.customDragLayer);
-    }
-  }]);
-
-  return DraggableContext;
-}(_react.default.Component);
-
-DraggableContext.propTypes = {
-  /**
-   * The element(s) where you want to apply drag
-   * and drop functionality
-   */
-  children: _propTypes.default.node.isRequired,
-
-  /**
-   * Optional CustomDragLayer to use for the ghost row when dragging & dropping
-   */
-  customDragLayer: _propTypes.default.node,
-
-  /**
-   * Callback function for when an item has been dragged
-   * e.g. to update data in a store
-   */
-  onDrag: _propTypes.default.func.isRequired,
-
-  /**
-   * Prop to enable/disable auto scroll on drag
-   */
-  autoScroll: _propTypes.default.bool
-};
-/**
- * Defines a context object for child components of the draggable context component.
- * https://facebook.github.io/react/docs/context.html
- */
-
-DraggableContext.childContextTypes = {
-  dragAndDropActiveIndex: _propTypes.default.number,
-  // Tracks the currently dragged index
-  dragAndDropBeginDrag: _propTypes.default.func,
-  // Callback for when dragging begins
-  dragAndDropEndDrag: _propTypes.default.func,
-  // Callback for when dragging ends
-  dragAndDropHover: _propTypes.default.func,
-  // Callback for when a hover is triggered
-  dragAndDropOnDrag: _propTypes.default.func // Callback for when order is changed
-
-};
-DraggableContext.defaultProps = {
-  customDragLayer: /*#__PURE__*/_react.default.createElement(_customDragLayer.default, null),
-  autoScroll: false
-};
-
-var _default = (0, _reactDndLegacy.DragDropContext)((0, _reactDndTouchBackend.default)({
-  enableMouseEvents: true
-}))(DraggableContext);
-
-exports.default = _default;

package/lib/components/drag-and-drop/draggable-context/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _draggableContext.default;
-  }
-});
-
-var _draggableContext = _interopRequireDefault(require("./draggable-context"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/drag-and-drop/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DraggableContext", {
-  enumerable: true,
-  get: function () {
-    return _draggableContext.default;
-  }
-});
-Object.defineProperty(exports, "WithDrag", {
-  enumerable: true,
-  get: function () {
-    return _withDrag.default;
-  }
-});
-Object.defineProperty(exports, "WithDrop", {
-  enumerable: true,
-  get: function () {
-    return _withDrop.default;
-  }
-});
-Object.defineProperty(exports, "CustomDragLayer", {
-  enumerable: true,
-  get: function () {
-    return _customDragLayer.default;
-  }
-});
-
-var _draggableContext = _interopRequireDefault(require("./draggable-context"));
-
-var _withDrag = _interopRequireDefault(require("./with-drag"));
-
-var _withDrop = _interopRequireDefault(require("./with-drop"));
-
-var _customDragLayer = _interopRequireDefault(require("./custom-drag-layer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/drag-and-drop/with-drag/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _withDrag.default;
-  }
-});
-
-var _withDrag = _interopRequireDefault(require("./with-drag"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/drag-and-drop/with-drag/with-drag.js

@@ -1,176 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactDndLegacy = require("react-dnd-legacy");
-
-var _itemTypes = _interopRequireDefault(require("../__internal__/item-types"));
-
-var _browser = _interopRequireDefault(require("../../../__internal__/utils/helpers/browser"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-let WithDrag = /*#__PURE__*/function (_React$Component) {
-  _inherits(WithDrag, _React$Component);
-
-  var _super = _createSuper(WithDrag);
-
-  function WithDrag(...args) {
-    var _this;
-
-    _classCallCheck(this, WithDrag);
-
-    _this = _super.call(this, ...args);
-
-    _defineProperty(_assertThisInitialized(_this), "allowTextSelection", event => {
-      const allowedElements = ["INPUT", "TEXTAREA", "SELECT"];
-      const nonInputElement = event.target instanceof HTMLElement && allowedElements.indexOf(event.target.tagName) < 0;
-
-      if (nonInputElement || _this.dragging) {
-        event.preventDefault();
-        return false;
-      }
-
-      return true;
-    });
-
-    return _this;
-  }
-
-  _createClass(WithDrag, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      _browser.default.getWindow().addEventListener("selectstart", this.allowTextSelection);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      _browser.default.getWindow().removeEventListener("selectstart", this.allowTextSelection);
-    } // In Safari it changes the mouse cursor when dragging because it thinks text is being selected
-    // We test if the target is an html element (not text) or if we already know the user is dragging
-
-  }, {
-    key: "render",
-    value: function render() {
-      // this.props.connectDragSource comes from react-dnd DragSource higher
-      // order component, so disable the react/prop-types ESLint rule on the line
-      // below
-      return this.props.connectDragSource(this.props.children, {
-        // eslint-disable-line react/prop-types
-        dropEffect: "copy"
-      });
-    }
-  }]);
-
-  return WithDrag;
-}(_react.default.Component);
-
-WithDrag.propTypes = {
-  /**
-   * The component that will have drag enabled
-   */
-  children: _propTypes.default.node.isRequired,
-
-  /**
-   * A function that returns the dom node being dragged.
-   * It not used in this compnent but is passed to CustomDragLayer via the DragLayer higher order component
-   * You cannot pass a ref directly as the prop because it is undefined until mounted.
-   */
-
-  /* eslint-disable react/no-unused-prop-types */
-  draggableNode: _propTypes.default.func,
-
-  /* eslint-enable react/no-unused-prop-types */
-  // The following prop types are required by react-dnd,
-  // and aren't used in this component directly. Therefore
-  // disable the ESLint rule react/no-unused-prop-types
-
-  /* eslint-disable react/no-unused-prop-types */
-
-  /**
-   * @private
-   * @ignore
-   */
-  identifier: _propTypes.default.string,
-  // identifies an association between WithDrag and WithDrop
-
-  /**
-   * @private
-   * @ignore
-   */
-  canDrag: _propTypes.default.func,
-  // an optional callback to determine if this item can be dragged
-
-  /**
-   * @private
-   * @ignore
-   */
-  beginDrag: _propTypes.default.func,
-  // an optional callback to trigger when dragging begins
-
-  /**
-   * @private
-   * @ignore
-   */
-  endDrag: _propTypes.default.func // an optional callback to trigger when dragging ends
-
-  /* eslint-enable react/no-unused-prop-types */
-
-};
-WithDrag.contextTypes = {
-  dragAndDropBeginDrag: _propTypes.default.func,
-  dragAndDropEndDrag: _propTypes.default.func
-};
-const ItemSource = {
-  canDrag(props, monitor) {
-    return props.canDrag ? props.canDrag(props, monitor) : true;
-  },
-
-  beginDrag(props, monitor, component) {
-    component.dragging = true;
-    const beginDrag = props.beginDrag || component.context.dragAndDropBeginDrag;
-    return beginDrag(props, monitor, component);
-  },
-
-  endDrag(props, monitor, component) {
-    component.dragging = false;
-    const endDrag = props.endDrag || component.context.dragAndDropEndDrag;
-    return endDrag(props, monitor, component);
-  }
-
-}; // eslint-disable-next-line no-class-assign
-
-WithDrag = (0, _reactDndLegacy.DragSource)(_itemTypes.default.getItemType, ItemSource, connect => ({
-  connectDragSource: connect.dragSource()
-}))(WithDrag);
-var _default = WithDrag;
-exports.default = _default;

package/lib/components/drag-and-drop/with-drop/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _withDrop.default;
-  }
-});
-
-var _withDrop = _interopRequireDefault(require("./with-drop"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }