carbon-react 93.0.4 → 94.0.3

package/lib/components/drag-and-drop/__internal__/item-target/item-target.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const ItemTargetHelper = {
-  /**
-   * Helper method for when drag and drop is enabled for
-   * items grouped together vertically e.g. a list, or
-   * a table.
-   */
-  onHoverUpDown(props, monitor, component) {
-    const item = monitor.getItem();
-    const dragIndex = item.index;
-    const hoverIndex = props.index; // Don't replace items with themselves
-
-    if (dragIndex === hoverIndex) {
-      return;
-    }
-
-    const newOffsetDiff = monitor.getDifferenceFromInitialOffset(); // prevents flickering
-
-    if (item.offsetDiffY && Math.abs(item.offsetDiffY - newOffsetDiff.y) <= 1) {
-      component.setState({
-        inDeadZone: true
-      });
-      return;
-    } // Time to actually perform the action
-
-
-    const onDrag = props.onDrag || component.context.dragAndDropOnDrag;
-    onDrag(dragIndex, hoverIndex); // Note: we're mutating the monitor item here!
-    // Generally it's better to avoid mutations,
-    // but it's good here for the sake of performance
-    // to avoid expensive index searches.
-
-    item.index = hoverIndex;
-    item.offsetDiffY = newOffsetDiff.y;
-  }
-
-};
-var _default = ItemTargetHelper;
-exports.default = _default;

package/lib/components/drag-and-drop/__internal__/item-types/index.js

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

package/lib/components/drag-and-drop/__internal__/item-types/item-types.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-/**
- * Defines the string types of items that can be dragged and dropped.
- *
- * NB drag sources and drop targets only interact if they have the
- * same string type.
- */
-const ItemTypes = {
-  getItemType: props => {
-    return props.identifier || "defaultDragAndDropIdentifier";
-  }
-};
-var _default = ItemTypes;
-exports.default = _default;

package/lib/components/drag-and-drop/custom-drag-layer/custom-drag-layer.js

@@ -1,171 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.collect = exports.UndecoratedCustomDragLayer = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactDndLegacy = require("react-dnd-legacy");
-
-var _customDragLayer = _interopRequireDefault(require("./custom-drag-layer.style"));
-
-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; }
-
-const collect = monitor => {
-  const item = monitor.getItem();
-  return {
-    currentOffset: monitor.getSourceClientOffset(),
-    item,
-    draggableNode: item && item.draggableNode ? item.draggableNode() : null,
-    isDragging: monitor.isDragging()
-  };
-};
-
-exports.collect = collect;
-
-let CustomDragLayer = /*#__PURE__*/function (_React$Component) {
-  _inherits(CustomDragLayer, _React$Component);
-
-  var _super = _createSuper(CustomDragLayer);
-
-  function CustomDragLayer(...args) {
-    var _this;
-
-    _classCallCheck(this, CustomDragLayer);
-
-    _this = _super.call(this, ...args);
-
-    _defineProperty(_assertThisInitialized(_this), "getClassName", props => {
-      return (0, _classnames.default)("custom-drag-layer", props.className);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "createClonedChild", props => {
-      if (_this._container) {
-        _this.width = props.draggableNode.getBoundingClientRect().width;
-        _this.clonedChild = props.draggableNode.cloneNode(true);
-        _this.clonedChild.style.pointerEvents = "auto"; // allow the css to define the pointer style
-
-        _this._container.appendChild(_this.clonedChild);
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(CustomDragLayer, [{
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(nextProps) {
-      if (nextProps.isDragging && nextProps.draggableNode && nextProps.draggableNode !== this.props.draggableNode) {
-        this.setClonedChildWidth(nextProps);
-      }
-
-      if (nextProps.draggableNode && nextProps.isDragging && !this.clonedChild) {
-        this.createClonedChild(nextProps);
-      } else if (!nextProps.draggableNode && this.clonedChild) {
-        this.removeClonedChild();
-      }
-    }
-  }, {
-    key: "getItemStyles",
-    value: function getItemStyles(props) {
-      const {
-        currentOffset
-      } = props;
-
-      if (!currentOffset) {
-        return {
-          display: "none"
-        };
-      }
-
-      const {
-        x,
-        y
-      } = currentOffset;
-      const transform = `translate(${x}px, ${y}px)`;
-      return {
-        transform,
-        WebkitTransform: transform,
-        width: this.width
-      };
-    }
-  }, {
-    key: "setClonedChildWidth",
-    value: function setClonedChildWidth(props) {
-      this.width = props.draggableNode.getBoundingClientRect().width;
-    }
-  }, {
-    key: "removeClonedChild",
-    value: function removeClonedChild() {
-      this._container.removeChild(this.clonedChild);
-
-      this.clonedChild = null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: this.getClassName(this.props)
-      }, /*#__PURE__*/_react.default.createElement(_customDragLayer.default, {
-        ref: node => {
-          this._container = node;
-        },
-        style: this.getItemStyles(this.props)
-      }));
-    }
-  }]);
-
-  return CustomDragLayer;
-}(_react.default.Component);
-
-CustomDragLayer.propTypes = {
-  /**
-   * The dom node being dragged.
-   */
-  draggableNode: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.node]),
-
-  /**
-   * Determine if the component is being dragged or not.
-   */
-
-  /* ESLint is not detecting that the prop is called via nextProps */
-
-  /* eslint-disable react/no-unused-prop-types */
-  isDragging: _propTypes.default.bool.isRequired
-  /* eslint-enable react/no-unused-prop-types */
-
-};
-const UndecoratedCustomDragLayer = CustomDragLayer;
-exports.UndecoratedCustomDragLayer = UndecoratedCustomDragLayer;
-
-var _default = (0, _reactDndLegacy.DragLayer)(collect)(CustomDragLayer);
-
-exports.default = _default;

package/lib/components/drag-and-drop/custom-drag-layer/custom-drag-layer.style.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const StyledDragContainer = _styledComponents.default.div`
-  left: 0;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  pointer-events: none;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 100;
-  box-shadow: 0 10px 20px 0 rgba(0, 20, 29, 0.2),
-    0 20px 40px 0 rgba(0, 20, 29, 0.1);
-  cursor: move;
-  cursor: grabbing;
-`;
-var _default = StyledDragContainer;
-exports.default = _default;

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

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

package/lib/components/drag-and-drop/drag-and-drop-test.stories.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Custom = exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _ = require(".");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// it's not mdx file because of https://github.com/storybookjs/storybook/issues/11542
-var _default = {
-  component: _.DraggableContext,
-  title: "DraggableContext/Test"
-};
-exports.default = _default;
-
-const Custom = () => {
-  const [state, setState] = (0, _react.useState)([{
-    id: "0",
-    name: "UK"
-  }, {
-    id: "1",
-    name: "Germany"
-  }, {
-    id: "2",
-    name: "China"
-  }, {
-    id: "3",
-    name: "US"
-  }]);
-
-  const handleDrag = (originalIndex, newIndex) => {
-    const sortedItem = state[originalIndex];
-    const newArr = [...state];
-    newArr.splice(originalIndex, 1);
-    newArr.splice(newIndex, 0, sortedItem);
-    setState(newArr);
-    (0, _addonActions.action)("drag")();
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_.DraggableContext, {
-    onDrag: handleDrag
-  }, /*#__PURE__*/_react.default.createElement("ol", null, state.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement(_.WithDrop, {
-      key: item.id,
-      index: index
-    }, /*#__PURE__*/_react.default.createElement("li", {
-      style: {
-        listStyle: "none"
-      }
-    }, /*#__PURE__*/_react.default.createElement(_.WithDrag, null, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        userSelect: "none",
-        padding: 4
-      }
-    }, item.name))));
-  })));
-};
-
-exports.Custom = Custom;
-Custom.storyName = "custom";
-Custom.argTypes = {
-  customDragLayer: {
-    table: {
-      disable: true
-    },
-    control: false
-  },
-  onDrag: {
-    table: {
-      disable: true
-    },
-    control: false
-  },
-  children: {
-    table: {
-      disable: true
-    },
-    control: false
-  },
-  autoScroll: {
-    table: {
-      disable: true
-    },
-    control: false
-  }
-};

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

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

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

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _browser = _interopRequireDefault(require("../../../../../__internal__/utils/helpers/browser"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @method
- * @param {Object} element
- * @return {Object}
- */
-const ScrollablePartent = {
-  searchForScrollableParent(element) {
-    if (!element) {
-      return null;
-    }
-
-    const style = _browser.default.getWindow().getComputedStyle(element);
-
-    const isElementScrollable = style && style.position !== "absolute" && /(auto|scroll)/.test(style.overflow + style.overflowY + style.overflowX);
-
-    if (isElementScrollable) {
-      return element;
-    }
-
-    return this.searchForScrollableParent(element.parentElement);
-  }
-
-};
-var _default = ScrollablePartent;
-exports.default = _default;