react-droplite - npm Package Compare versions

Comparing version 0.0.0-alfa to 0.0.1-alfa

dist/react-droplite.js

@@ -107,3 +107,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nvar DragList = function DragList(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"HELLO LIBRARY!\");\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (DragList);\n\n//# sourceURL=webpack:///./src/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _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; }\n\n\n\nvar Draggable = function Draggable(props) {\n  var dragStart = function dragStart(event) {\n    var current = event.target;\n    current.classList.add('draggingOn');\n    event.dataTransfer.effectAllowed = 'move';\n    event.dataTransfer.setData('text/html', current);\n    props.updateCurrentDraggableHandler(props.children.key);\n  };\n\n  var dragEnd = function dragEnd(event) {\n    var element = event.target;\n    element.classList.remove('draggingOn');\n    props.onDragEndHandler(event);\n  };\n\n  var modified = null;\n  var makeDraggable = {\n    onDragStart: dragStart,\n    onDragEnd: dragEnd,\n    draggable: true,\n    id: props.identificator\n  };\n\n  if (react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(props.children)) {\n    // Only string elements are DOM nodes. The remaining are functions, classes or Fragments\n    if (typeof props.children.type === 'string') modified = react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(props.children, _objectSpread({}, makeDraggable, {\n      className: [props.children.props.className, 'isDraggable'].join(\" \")\n    }));else {\n      modified = react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(props.children, {\n        makeDraggable: makeDraggable,\n        className: [props.children.props.className, 'isDraggable'].join(\" \")\n      });\n    }\n  }\n\n  return modified;\n};\n\nvar DragList = function DragList(props) {\n  var LIST_CONTAINER_ID = 'DragListContainer';\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      currentDraggableId = _useState2[0],\n      setCurrentDraggableId = _useState2[1];\n\n  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(null),\n      _useState4 = _slicedToArray(_useState3, 2),\n      currentDragOver = _useState4[0],\n      setCurrentDragOver = _useState4[1];\n\n  var dragOverHandler = function dragOverHandler(event) {\n    event.preventDefault();\n    var target = event.target;\n\n    if (target.id !== currentDraggableId && target.id !== LIST_CONTAINER_ID) {\n      if (currentDragOver && currentDragOver.classList) currentDragOver.classList.remove('draggedOver');\n      target.classList.add('draggedOver');\n      setCurrentDragOver(target);\n    }\n  };\n\n  var onDragEndHandler = function onDragEndHandler(event) {\n    var target = event.target;\n\n    if (currentDragOver) {\n      props.onNewOrder(target.id, currentDragOver.id);\n      if (currentDragOver.classList) currentDragOver.classList.remove('draggedOver');\n    }\n\n    setCurrentDragOver(null);\n    setCurrentDraggableId(null);\n  };\n\n  var updateCurrentDraggableHandler = function updateCurrentDraggableHandler(draggable) {\n    setCurrentDraggableId(draggable);\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: LIST_CONTAINER_ID,\n    onDragOver: dragOverHandler\n  }, props.children.map(function (item) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Draggable, {\n      identificator: item.key,\n      key: item.key,\n      updateCurrentDraggableHandler: updateCurrentDraggableHandler,\n      onDragEndHandler: onDragEndHandler\n    }, item);\n  }));\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (DragList);\n\n//# sourceURL=webpack:///./src/index.js?");
 
@@ -110,0 +110,0 @@ /***/ }),

package.json

 {
   "name": "react-droplite",
-  "version": "0.0.0-alfa",
+  "version": "0.0.1-alfa",
   "description": "Fat free  react drag and drop lists",
@@ -5,0 +5,0 @@ "main": "dist/react-droplite.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13538

increased by57%

Lines of code

133

increased by13.68%

Worsened metrics

Number of low supply chain risk alerts

1

increased byInfinity%

No dependency changes