carbon-react 93.0.4 → 94.0.3

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

@@ -1,201 +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 WithDrop = /*#__PURE__*/function (_React$Component) {
-  _inherits(WithDrop, _React$Component);
-
-  var _super = _createSuper(WithDrop);
-
-  function WithDrop(...args) {
-    var _this;
-
-    _classCallCheck(this, WithDrop);
-
-    _this = _super.call(this, ...args);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isDraggedElementOver: false,
-      inDeadZone: false
-    });
-
-    return _this;
-  }
-
-  _createClass(WithDrop, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      // eslint-disable-next-line react/prop-types
-      if (!this.props.isOver && nextProps.isOver) {
-        // Equivalent of `mouseover` / `mouseenter`
-        this.setState({
-          isDraggedElementOver: true
-        });
-      } // eslint-disable-next-line react/prop-types
-
-
-      if (this.props.isOver && !nextProps.isOver) {
-        // Equivalent of `mouseout` / `mouseleave`
-        this.setState({
-          isDraggedElementOver: false
-        });
-      }
-
-      if (this.props.didDrop) {
-        this.setState({
-          inDeadZone: false
-        });
-      }
-    }
-  }, {
-    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
-      const {
-        children,
-        connectDropTarget,
-        droppableNode
-      } = this.props; // eslint-disable-line react/prop-types
-
-      const childrenWithProps = /*#__PURE__*/_react.default.cloneElement(children, {
-        isDraggedElementOver: this.state.isDraggedElementOver,
-        inDeadZone: this.state.inDeadZone
-      });
-
-      if (droppableNode) {
-        connectDropTarget(droppableNode());
-        return childrenWithProps;
-      }
-
-      return connectDropTarget(childrenWithProps);
-    }
-  }]);
-
-  return WithDrop;
-}(_react.default.Component);
-
-WithDrop.propTypes = {
-  /**
-   * The component that will have drop enabled
-   */
-  children: _propTypes.default.node.isRequired,
-  // 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
-   */
-  index: _propTypes.default.number.isRequired,
-  // identifies the index for this item
-
-  /**
-   * @private
-   * @ignore
-   */
-  hover: _propTypes.default.func,
-  // an optional callback to trigger when the item is hovered
-
-  /**
-   * @private
-   * @ignore
-   */
-  onDrag: _propTypes.default.func,
-  // an optional callback to trigger when dragging occurs
-
-  /**
-   * @private
-   * @ignore
-   */
-  canDrop: _propTypes.default.func,
-  // an optional callback to determine if this item can be dropped on
-
-  /* eslint-enable react/no-unused-prop-types */
-
-  /**
-   * @private
-   * @ignore
-   */
-  didDrop: _propTypes.default.func
-};
-WithDrop.contextTypes = {
-  dragAndDropOnDrag: _propTypes.default.func,
-  dragAndDropHover: _propTypes.default.func
-};
-const ItemTarget = {
-  canDrop(props, monitor) {
-    return props.canDrop ? props.canDrop(props, monitor) : true;
-  },
-
-  hover(props, monitor, component) {
-    if (!monitor.canDrop()) return false;
-    clearSelection();
-    const hover = props.hover || component.context.dragAndDropHover;
-    return hover(props, monitor, component);
-  }
-
-};
-
-function clearSelection() {
-  const window = _browser.default.getWindow();
-
-  window.getSelection().removeAllRanges();
-} // eslint-disable-next-line no-class-assign
-
-
-WithDrop = (0, _reactDndLegacy.DropTarget)(_itemTypes.default.getItemType, ItemTarget, (connect, monitor) => ({
-  isOver: monitor.isOver(),
-  connectDropTarget: connect.dropTarget(),
-  didDrop: monitor.didDrop()
-}))(WithDrop);
-var _default = WithDrop;
-exports.default = _default;

package/lib/components/table/draggable-table-cell/draggable-table-cell.component.js

@@ -1,59 +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 _withDrag = _interopRequireDefault(require("../../drag-and-drop/with-drag"));
-
-var _icon = _interopRequireDefault(require("../../icon"));
-
-var _draggableTableCell = _interopRequireDefault(require("./draggable-table-cell.style"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Creates a draggable table cell using WithDrag.
- *
- */
-const DraggableTableCell = props => {
-  const canDrag = props.canDrag !== false;
-  /**
-   * Note: the <div> wrapper is required, otherwise ReactDnD throws an error:
-   * "Only native element nodes can now be passed to ReactDnD connectors."
-   */
-
-  const icon = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: "drag"
-  }));
-
-  const iconWithDrag = /*#__PURE__*/_react.default.createElement(_withDrag.default, {
-    identifier: props.identifier,
-    draggableNode: props.draggableNode,
-    canDrag: () => {
-      return canDrag;
-    }
-  }, canDrag ? icon : /*#__PURE__*/_react.default.createElement("span", null));
-
-  return /*#__PURE__*/_react.default.createElement(_draggableTableCell.default, {
-    className: "draggable-table-cell"
-  }, iconWithDrag);
-};
-
-DraggableTableCell.propTypes = {
-  /** used to associate WithDrags and WithDrops */
-  identifier: _propTypes.default.string,
-
-  /** A function that returns the dom node used as the ghost layer when dragging */
-  draggableNode: _propTypes.default.func,
-
-  /** used to specify whether the dragging is currently allowed */
-  canDrag: _propTypes.default.bool
-};
-var _default = DraggableTableCell;
-exports.default = _default;

package/lib/components/table/draggable-table-cell/draggable-table-cell.style.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _tableCell = _interopRequireDefault(require("../table-cell/table-cell.style"));
-
-var _icon = _interopRequireDefault(require("../../icon/icon.style"));
-
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const StyledDraggableTableCell = (0, _styledComponents.default)(_tableCell.default)`
-  padding: 0;
-  width: 21px;
-  user-select: none;
-
-  ${_tableCell.default}:first-child {
-    padding-left: 0;
-  }
-
-  ${_icon.default} {
-    cursor: move;
-    cursor: grab;
-  }
-`;
-StyledDraggableTableCell.defaultProps = {
-  theme: _base.default
-};
-var _default = StyledDraggableTableCell;
-exports.default = _default;

package/lib/components/table/draggable-table-cell/index.js

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

package/lib/components/table/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function () {
-    return _table.Table;
-  }
-});
-Object.defineProperty(exports, "TableRow", {
-  enumerable: true,
-  get: function () {
-    return _table.TableRow;
-  }
-});
-Object.defineProperty(exports, "TableCell", {
-  enumerable: true,
-  get: function () {
-    return _table.TableCell;
-  }
-});
-Object.defineProperty(exports, "TableHeader", {
-  enumerable: true,
-  get: function () {
-    return _table.TableHeader;
-  }
-});
-Object.defineProperty(exports, "TableSubheader", {
-  enumerable: true,
-  get: function () {
-    return _table.TableSubheader;
-  }
-});
-Object.defineProperty(exports, "DraggableTableCell", {
-  enumerable: true,
-  get: function () {
-    return _table.DraggableTableCell;
-  }
-});
-
-var _table = require("./table.component");

package/lib/components/table/table-cell/index.js

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

package/lib/components/table/table-cell/table-cell.component.js

@@ -1,164 +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 _tableCell = _interopRequireDefault(require("./table-cell.style"));
-
-var _date = _interopRequireDefault(require("../../date"));
-
-var _textarea = _interopRequireDefault(require("../../textarea"));
-
-var _ether = require("../../../__internal__/utils/ether");
-
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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); }
-
-/**
- * A TableCell widget.
- *
- * == How to use a TableCell in a component:
- *
- * See documentation for Table component.
- *
- * You can set a property of 'align' which should be a string. This will
- * align the content to either "left", "center" or "right".
- *
- * You can set a property of 'action' which should be a boolean. This will
- * set styling options for the cell used for action such as delete.
- */
-let TableCell = /*#__PURE__*/function (_React$Component) {
-  _inherits(TableCell, _React$Component);
-
-  var _super = _createSuper(TableCell);
-
-  function TableCell() {
-    _classCallCheck(this, TableCell);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(TableCell, [{
-    key: "childName",
-    value:
-    /**
-     * Returns the child's name if there is one.
-     */
-    function childName(child) {
-      return child && child.type ? child.type.name : null;
-    }
-    /**
-     * Returns if child element is Textarea.
-     */
-
-  }, {
-    key: "checkChildrenInputType",
-    get: function () {
-      const {
-        children
-      } = this.props;
-      const TYPES = {
-        isTextArea: "isTextArea",
-        isDate: "isDate"
-      };
-
-      if (!Array.isArray(children)) {
-        if (this.childName(children) === _textarea.default.name) {
-          return TYPES.isTextArea;
-        }
-
-        if (this.childName(children) === _date.default.name) {
-          return TYPES.isDate;
-        }
-
-        return null;
-      }
-
-      let result = null;
-      children.forEach(child => {
-        if (this.childName(child) === _date.default.name) {
-          result = result !== TYPES.isTextArea ? TYPES.isDate : result;
-        }
-
-        if (this.childName(child) === _textarea.default.name) {
-          result = TYPES.isTextArea;
-        }
-      });
-      return result;
-    }
-    /**
-     * Returns props to be used on the TD element.
-     */
-
-  }, {
-    key: "tableCellProps",
-    get: function () {
-      const {
-        children,
-        ...props
-      } = (0, _ether.validProps)(this, ["align", "size"]);
-      const inputType = this.checkChildrenInputType;
-      if (inputType) props[inputType] = true;
-      return props;
-    }
-    /**
-     * Renders the component.
-     */
-
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_tableCell.default, _extends({}, this.tableCellProps, (0, _tags.default)("table-cell", this.props)), this.props.children);
-    }
-  }]);
-
-  return TableCell;
-}(_react.default.Component);
-
-TableCell.propTypes = {
-  /** Defines the cell type to be an action - used for the delete cell. */
-  action: _propTypes.default.bool,
-
-  /** Defines the alignment of the cell (eg "left", "center" or "right"). */
-  align: _propTypes.default.oneOf(["center", "left", "right"]),
-
-  /** Children elements */
-  children: _propTypes.default.node,
-
-  /** Defines the height of a cell used to size an input for example */
-  size: _propTypes.default.oneOf(["compact", "small", "medium", "large"])
-};
-TableCell.defaultProps = {
-  align: "left"
-};
-var _default = TableCell;
-exports.default = _default;