@jswork/react-draggable-list - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var U=Object.create;var O=Object.defineProperty,B=Object.defineProperties,G=Object.getOwnPropertyDescriptor,J=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,Y=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var N=(t,e,r)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,y=(t,e)=>{for(var r in e||(e={}))_.call(e,r)&&N(t,r,e[r]);if(u)for(var r of u(e))w.call(e,r)&&N(t,r,e[r]);return t},C=(t,e)=>B(t,J(e)),a=(t,e)=>O(t,"name",{value:e,configurable:!0});var b=(t,e)=>{var r={};for(var n in t)_.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&u)for(var n of u(t))e.indexOf(n)<0&&w.call(t,n)&&(r[n]=t[n]);return r};var x=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var $=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of M(e))!_.call(t,s)&&s!==r&&O(t,s,{get:()=>e[s],enumerable:!(n=G(e,s))||n.enumerable});return t};var E=(t,e,r)=>(r=t!=null?U(Y(t)):{},$(e||!t||!t.__esModule?O(r,"default",{value:t,enumerable:!0}):r,t));var p=(t,e,r)=>(N(t,typeof e!="symbol"?e+"":e,r),r);var T=x((c,R)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var I=a(function(){},"NOOP"),F="",V=[],q={};R.exports=I;c.default=I;c.NOOP_STRING=F;c.NOOP_ARRAY=V;c.NOOP_OBJECT=q});var g=x((Z,h)=>{(function(){"use strict";var t={}.hasOwnProperty;function e(){for(var s="",o=0;o<arguments.length;o++){var i=arguments[o];i&&(s=n(s,r(i)))}return s}a(e,"classNames");function r(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return e.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var o="";for(var i in s)t.call(s,i)&&s[i]&&(o=n(o,i));return o}a(r,"parseValue");function n(s,o){return o?s?s+" "+o:s+o:s}a(n,"appendClass"),typeof h!="undefined"&&h.exports?(e.default=e,h.exports=e):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return e}):window.classNames=e})()});var P=E(T()),K=E(g());var _reactlist = require('@jswork/react-list'); var _reactlist2 = _interopRequireDefault(_reactlist);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _sortablejs = require('sortablejs'); var _sortablejs2 = _interopRequireDefault(_sortablejs);var l="react-draggable-list",Q={animation:300,draggable:`.${l}__item`,ghostClass:"react-draggable-list__ghost",chosenClass:"react-draggable-list__chosen",dragClass:"react-draggable-list__drag"},d=class d extends _react.Component{constructor(){super(...arguments);p(this,"template",a(({item:r,index:n})=>{let{template:s,rowKey:o}=this.props;return _react2.default.createElement("div",{key:r[o],className:`${l}__item`},s({item:r,index:n}))},"template"));p(this,"handleUpdate",a(r=>{let{oldIndex:n,newIndex:s}=r,{items:o,onChange:i,rowKey:A}=this.props,f=o[n];s<n?(o.splice(n,1),o.splice(s,0,f)):(o.splice(s+1,0,f),o.splice(n,1));let m=o.map(j=>j[A]);i({target:{value:m}})},"handleUpdate"));p(this,"handleRef",a(r=>{if(!r)return;let{rowKey:n,options:s}=this.props,o=y({dataIdAttr:n,onUpdate:this.handleUpdate},s);_sortablejs2.default.create(r,o)},"handleRef"))}render(){let m=this.props,{className:r,children:n,items:s,template:o,rowKey:i,options:A}=m,f=b(m,["className","children","items","template","rowKey","options"]);return _react2.default.createElement("div",C(y({"data-component":l,className:(0,K.default)(l,r)},f),{ref:this.handleRef}),_react2.default.createElement(_reactlist2.default,{items:s,template:this.template}),n)}};a(d,"ReactDraggableList"),p(d,"displayName",l),p(d,"defaultProps",{onChange:P.default,items:[],template:P.default,rowKey:"id",options:Q});var S=d;exports.default = S;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var M=Object.create;var y=Object.defineProperty,G=Object.defineProperties,J=Object.getOwnPropertyDescriptor,Y=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,F=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var v=(o,e,t)=>e in o?y(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,_=(o,e)=>{for(var t in e||(e={}))I.call(e,t)&&v(o,t,e[t]);if(u)for(var t of u(e))w.call(e,t)&&v(o,t,e[t]);return o},P=(o,e)=>G(o,Y(e)),a=(o,e)=>y(o,"name",{value:e,configurable:!0});var x=(o,e)=>{var t={};for(var n in o)I.call(o,n)&&e.indexOf(n)<0&&(t[n]=o[n]);if(o!=null&&u)for(var n of u(o))e.indexOf(n)<0&&w.call(o,n)&&(t[n]=o[n]);return t};var C=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var V=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of $(e))!I.call(o,s)&&s!==t&&y(o,s,{get:()=>e[s],enumerable:!(n=J(e,s))||n.enumerable});return o};var g=(o,e,t)=>(t=o!=null?M(F(o)):{},V(e||!o||!o.__esModule?y(t,"default",{value:o,enumerable:!0}):t,o));var i=(o,e,t)=>(v(o,typeof e!="symbol"?e+"":e,t),t);var T=C((f,b)=>{"use strict";Object.defineProperty(f,"__esModule",{value:!0});var R=a(function(){},"NOOP"),k="",q=[],z={};b.exports=R;f.default=R;f.NOOP_STRING=k;f.NOOP_ARRAY=q;f.NOOP_OBJECT=z});var E=C((ee,O)=>{(function(){"use strict";var o={}.hasOwnProperty;function e(){for(var s="",r=0;r<arguments.length;r++){var c=arguments[r];c&&(s=n(s,t(c)))}return s}a(e,"classNames");function t(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return e.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var r="";for(var c in s)o.call(s,c)&&s[c]&&(r=n(r,c));return r}a(t,"parseValue");function n(s,r){return r?s?s+" "+r:s+r:s}a(n,"appendClass"),typeof O!="undefined"&&O.exports?(e.default=e,O.exports=e):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return e}):window.classNames=e})()});var K=g(T()),j=g(E());var _reactlist = require('@jswork/react-list'); var _reactlist2 = _interopRequireDefault(_reactlist);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _sortablejs = require('sortablejs'); var _sortablejs2 = _interopRequireDefault(_sortablejs);var h="react-draggable-list",X={animation:300,draggable:`.${h}__item`,ghostClass:"react-draggable-list__ghost",chosenClass:"react-draggable-list__chosen",dragClass:"react-draggable-list__drag"},Z=a(()=>Math.random().toString(36).substr(2),"randomKey"),p=class p extends _react.Component{constructor(t){super(t);i(this,"cacheKey");i(this,"template",a(({item:t,index:n})=>{let{template:s,rowKey:r}=this.props;return _react2.default.createElement("div",{key:t[r],className:`${h}__item`},s({item:t,index:n}))},"template"));i(this,"handleUpdate",a(t=>{let{oldIndex:n,newIndex:s}=t,{items:r,onChange:c,rowKey:l}=this.props,d=r[n];s<n?(r.splice(n,1),r.splice(s,0,d)):(r.splice(s+1,0,d),r.splice(n,1));let m=r.map(N=>N[l]);c({target:{value:m}})},"handleUpdate"));i(this,"handleAdd",a(t=>{let{newIndex:n,oldIndex:s}=t,{cacheKey:r}=t.from.dataset,c=p.cachedItems[r],{items:l,onChange:d,rowKey:m}=this.props,N=c[s];l.splice(n,0,N);let U=l.map(B=>B[m]);d({target:{value:U}})},"handleAdd"));i(this,"handleRemove",a(t=>{let{oldIndex:n}=t,{items:s,onChange:r,rowKey:c}=this.props;s.splice(n,1);let l=s.map(d=>d[c]);r({target:{value:l}})},"handleRemove"));i(this,"handleRef",a(t=>{if(!t)return;let{rowKey:n,options:s}=this.props,r=_({dataIdAttr:n,onUpdate:this.handleUpdate,onAdd:this.handleAdd,onRemove:this.handleRemove},s);_sortablejs2.default.create(t,r)},"handleRef"));let{items:n}=t;this.cacheKey=Z(),p.cachedItems[this.cacheKey]=n}render(){let m=this.props,{className:t,children:n,items:s,template:r,rowKey:c,options:l}=m,d=x(m,["className","children","items","template","rowKey","options"]);return _react2.default.createElement("div",P(_({"data-component":h,"data-cache-key":this.cacheKey,className:(0,j.default)(h,t)},d),{ref:this.handleRef}),_react2.default.createElement(_reactlist2.default,{items:s,template:this.template}),n)}};a(p,"ReactDraggableList"),i(p,"displayName",h),i(p,"defaultProps",{onChange:K.default,items:[],template:K.default,rowKey:"id",options:X}),i(p,"cachedItems",{});var S=p;exports.default = S;
 /*! Bundled license information:
@@ -3,0 +3,0 @@

dist/index.d.ts

@@ -33,2 +33,5 @@ import React, { Component } from 'react';
     };
+    static cachedItems: {};
+    private cacheKey;
+    constructor(inProps: any);
     template: ({ item, index }: {
@@ -39,2 +42,4 @@ item: any;
     handleUpdate: (inEvent: any) => void;
+    handleAdd: (inEvent: any) => void;
+    handleRemove: (inEvent: any) => void;
     handleRef: (inElement: any) => void;
@@ -41,0 +46,0 @@ render(): React.JSX.Element;

dist/index.esm.js

@@ -1,2 +0,2 @@
-var U=Object.create;var O=Object.defineProperty,B=Object.defineProperties,G=Object.getOwnPropertyDescriptor,J=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,Y=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var N=(t,e,r)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,y=(t,e)=>{for(var r in e||(e={}))_.call(e,r)&&N(t,r,e[r]);if(u)for(var r of u(e))w.call(e,r)&&N(t,r,e[r]);return t},C=(t,e)=>B(t,J(e)),a=(t,e)=>O(t,"name",{value:e,configurable:!0});var b=(t,e)=>{var r={};for(var n in t)_.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&u)for(var n of u(t))e.indexOf(n)<0&&w.call(t,n)&&(r[n]=t[n]);return r};var x=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var $=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of M(e))!_.call(t,s)&&s!==r&&O(t,s,{get:()=>e[s],enumerable:!(n=G(e,s))||n.enumerable});return t};var E=(t,e,r)=>(r=t!=null?U(Y(t)):{},$(e||!t||!t.__esModule?O(r,"default",{value:t,enumerable:!0}):r,t));var p=(t,e,r)=>(N(t,typeof e!="symbol"?e+"":e,r),r);var T=x((c,R)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var I=a(function(){},"NOOP"),F="",V=[],q={};R.exports=I;c.default=I;c.NOOP_STRING=F;c.NOOP_ARRAY=V;c.NOOP_OBJECT=q});var g=x((Z,h)=>{(function(){"use strict";var t={}.hasOwnProperty;function e(){for(var s="",o=0;o<arguments.length;o++){var i=arguments[o];i&&(s=n(s,r(i)))}return s}a(e,"classNames");function r(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return e.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var o="";for(var i in s)t.call(s,i)&&s[i]&&(o=n(o,i));return o}a(r,"parseValue");function n(s,o){return o?s?s+" "+o:s+o:s}a(n,"appendClass"),typeof h!="undefined"&&h.exports?(e.default=e,h.exports=e):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return e}):window.classNames=e})()});var P=E(T()),K=E(g());import z from"@jswork/react-list";import v,{Component as H}from"react";import L from"sortablejs";var l="react-draggable-list",Q={animation:300,draggable:`.${l}__item`,ghostClass:"react-draggable-list__ghost",chosenClass:"react-draggable-list__chosen",dragClass:"react-draggable-list__drag"},d=class d extends H{constructor(){super(...arguments);p(this,"template",a(({item:r,index:n})=>{let{template:s,rowKey:o}=this.props;return v.createElement("div",{key:r[o],className:`${l}__item`},s({item:r,index:n}))},"template"));p(this,"handleUpdate",a(r=>{let{oldIndex:n,newIndex:s}=r,{items:o,onChange:i,rowKey:A}=this.props,f=o[n];s<n?(o.splice(n,1),o.splice(s,0,f)):(o.splice(s+1,0,f),o.splice(n,1));let m=o.map(j=>j[A]);i({target:{value:m}})},"handleUpdate"));p(this,"handleRef",a(r=>{if(!r)return;let{rowKey:n,options:s}=this.props,o=y({dataIdAttr:n,onUpdate:this.handleUpdate},s);L.create(r,o)},"handleRef"))}render(){let m=this.props,{className:r,children:n,items:s,template:o,rowKey:i,options:A}=m,f=b(m,["className","children","items","template","rowKey","options"]);return v.createElement("div",C(y({"data-component":l,className:(0,K.default)(l,r)},f),{ref:this.handleRef}),v.createElement(z,{items:s,template:this.template}),n)}};a(d,"ReactDraggableList"),p(d,"displayName",l),p(d,"defaultProps",{onChange:P.default,items:[],template:P.default,rowKey:"id",options:Q});var S=d;export{S as default};
+var M=Object.create;var y=Object.defineProperty,G=Object.defineProperties,J=Object.getOwnPropertyDescriptor,Y=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,F=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var v=(o,e,t)=>e in o?y(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,_=(o,e)=>{for(var t in e||(e={}))I.call(e,t)&&v(o,t,e[t]);if(u)for(var t of u(e))w.call(e,t)&&v(o,t,e[t]);return o},P=(o,e)=>G(o,Y(e)),a=(o,e)=>y(o,"name",{value:e,configurable:!0});var x=(o,e)=>{var t={};for(var n in o)I.call(o,n)&&e.indexOf(n)<0&&(t[n]=o[n]);if(o!=null&&u)for(var n of u(o))e.indexOf(n)<0&&w.call(o,n)&&(t[n]=o[n]);return t};var C=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var V=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of $(e))!I.call(o,s)&&s!==t&&y(o,s,{get:()=>e[s],enumerable:!(n=J(e,s))||n.enumerable});return o};var g=(o,e,t)=>(t=o!=null?M(F(o)):{},V(e||!o||!o.__esModule?y(t,"default",{value:o,enumerable:!0}):t,o));var i=(o,e,t)=>(v(o,typeof e!="symbol"?e+"":e,t),t);var T=C((f,b)=>{"use strict";Object.defineProperty(f,"__esModule",{value:!0});var R=a(function(){},"NOOP"),k="",q=[],z={};b.exports=R;f.default=R;f.NOOP_STRING=k;f.NOOP_ARRAY=q;f.NOOP_OBJECT=z});var E=C((ee,O)=>{(function(){"use strict";var o={}.hasOwnProperty;function e(){for(var s="",r=0;r<arguments.length;r++){var c=arguments[r];c&&(s=n(s,t(c)))}return s}a(e,"classNames");function t(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return e.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var r="";for(var c in s)o.call(s,c)&&s[c]&&(r=n(r,c));return r}a(t,"parseValue");function n(s,r){return r?s?s+" "+r:s+r:s}a(n,"appendClass"),typeof O!="undefined"&&O.exports?(e.default=e,O.exports=e):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return e}):window.classNames=e})()});var K=g(T()),j=g(E());import H from"@jswork/react-list";import A,{Component as Q}from"react";import W from"sortablejs";var h="react-draggable-list",X={animation:300,draggable:`.${h}__item`,ghostClass:"react-draggable-list__ghost",chosenClass:"react-draggable-list__chosen",dragClass:"react-draggable-list__drag"},Z=a(()=>Math.random().toString(36).substr(2),"randomKey"),p=class p extends Q{constructor(t){super(t);i(this,"cacheKey");i(this,"template",a(({item:t,index:n})=>{let{template:s,rowKey:r}=this.props;return A.createElement("div",{key:t[r],className:`${h}__item`},s({item:t,index:n}))},"template"));i(this,"handleUpdate",a(t=>{let{oldIndex:n,newIndex:s}=t,{items:r,onChange:c,rowKey:l}=this.props,d=r[n];s<n?(r.splice(n,1),r.splice(s,0,d)):(r.splice(s+1,0,d),r.splice(n,1));let m=r.map(N=>N[l]);c({target:{value:m}})},"handleUpdate"));i(this,"handleAdd",a(t=>{let{newIndex:n,oldIndex:s}=t,{cacheKey:r}=t.from.dataset,c=p.cachedItems[r],{items:l,onChange:d,rowKey:m}=this.props,N=c[s];l.splice(n,0,N);let U=l.map(B=>B[m]);d({target:{value:U}})},"handleAdd"));i(this,"handleRemove",a(t=>{let{oldIndex:n}=t,{items:s,onChange:r,rowKey:c}=this.props;s.splice(n,1);let l=s.map(d=>d[c]);r({target:{value:l}})},"handleRemove"));i(this,"handleRef",a(t=>{if(!t)return;let{rowKey:n,options:s}=this.props,r=_({dataIdAttr:n,onUpdate:this.handleUpdate,onAdd:this.handleAdd,onRemove:this.handleRemove},s);W.create(t,r)},"handleRef"));let{items:n}=t;this.cacheKey=Z(),p.cachedItems[this.cacheKey]=n}render(){let m=this.props,{className:t,children:n,items:s,template:r,rowKey:c,options:l}=m,d=x(m,["className","children","items","template","rowKey","options"]);return A.createElement("div",P(_({"data-component":h,"data-cache-key":this.cacheKey,className:(0,j.default)(h,t)},d),{ref:this.handleRef}),A.createElement(H,{items:s,template:this.template}),n)}};a(p,"ReactDraggableList"),i(p,"displayName",h),i(p,"defaultProps",{onChange:K.default,items:[],template:K.default,rowKey:"id",options:X}),i(p,"cachedItems",{});var S=p;export{S as default};
 /*! Bundled license information:
@@ -3,0 +3,0 @@

package.json

 {
   "name": "@jswork/react-draggable-list",
   "description": "A simple draggable list component.",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "main": "dist/index.cjs.js",
@@ -6,0 +6,0 @@ "module": "dist/index.esm.js",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

39242

increased by22.16%

Lines of code

205

increased by23.49%

No dependency changes