@treelab/kanban - npm Package Compare versions

Comparing version 2.0.0-alpha.2 to 2.0.0-alpha.3

dist/index.d.ts

@@ -46,3 +46,3 @@ import { ReactElement } from "react";
 }
-declare const Kanban: <R extends Row>({ lanes, width, height, listWidth, onDropCard, onDropLane, cardRenderer, laneHeaderRenderer, laneFooterRenderer }: IKanbanProps<R>) => ReactElement;
+declare const Kanban: <R extends Row>({ lanes, width, height, listWidth, onDropCard, onDropLane, cardRenderer, laneHeaderRenderer, laneFooterRenderer, enableReorderCards, enableReorderLanes }: IKanbanProps<R>) => ReactElement;
 export { Kanban as default };

dist/index.js

@@ -1,4 +0,4 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("react-beautiful-dnd"),require("react-dom"),require("react-virtualized"),require("styled-components"),require("immer")):"function"==typeof define&&define.amd?define(["react","react-beautiful-dnd","react-dom","react-virtualized","styled-components","immer"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["dist/index"]=t(e.React,e.reactBeautifulDnd,e.ReactDOM,e.reactVirtualized,e.styled,e.produce)}(this,(function(e,t,d,r,n,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e),o=l(d),s=l(n),u=l(a),c=i.default.createContext({});const f=s.default.div`
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("react-beautiful-dnd"),require("react-dom"),require("react-virtualized"),require("styled-components"),require("immer")):"function"==typeof define&&define.amd?define(["react","react-beautiful-dnd","react-dom","react-virtualized","styled-components","immer"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["dist/index"]=t(e.React,e.reactBeautifulDnd,e.ReactDOM,e.reactVirtualized,e.styled,e.produce)}(this,(function(e,t,r,d,n,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e),o=l(r),s=l(n),u=l(a),c=i.default.createContext({});const f=s.default.div`
   padding: 0 12px 8px;
-`,p=({provided:t,snapshot:d,style:r,index:n,row:a})=>{const{cardRenderer:l}=e.useContext(c);return i.default.createElement(f,Object.assign({ref:t.innerRef},t.dragHandleProps,t.draggableProps,{style:Object.assign(Object.assign({},r),t.draggableProps.style)}),null==l?void 0:l({index:n,row:a,snapshot:d}))},g=e=>{const{index:d,style:n,parent:a,row:l,cache:o}=e;return l?i.default.createElement(t.Draggable,{key:l.id,draggableId:l.id,index:d},((e,t)=>i.default.createElement(r.CellMeasurer,{cache:o,rowIndex:d,parent:a},i.default.createElement(p,{index:d,provided:e,snapshot:t,row:l,style:n})))):null},x=s.default.div`
+`,p=({provided:t,snapshot:r,style:d,index:n,row:a})=>{const{cardRenderer:l}=e.useContext(c);return i.default.createElement(f,Object.assign({ref:t.innerRef},t.dragHandleProps,t.draggableProps,{style:Object.assign(Object.assign({},d),t.draggableProps.style)}),null==l?void 0:l({index:n,row:a,snapshot:r}))},g=r=>{const{index:n,style:a,parent:l,row:o,cache:s}=r,{enableReorderCards:u}=e.useContext(c);return o?i.default.createElement(t.Draggable,{key:o.id,draggableId:o.id,index:n,isDragDisabled:!u},((e,t)=>i.default.createElement(d.CellMeasurer,{cache:s,rowIndex:n,parent:l},i.default.createElement(p,{index:n,provided:e,snapshot:t,row:o,style:a})))):null},x=s.default.div`
   ${({width:e=300})=>`\n    width: ${e}px;\n    min-width: ${e}px;\n  `}
@@ -12,7 +12,7 @@ height: 100%;
   flex-direction: column;
-`,h=s.default(r.List)`
+`,b=s.default(d.List)`
   div[role="rowgroup"] {
     min-height: 100%;
   }
-`,b=s.default.div`
+`,h=s.default.div`
   position: relative;
@@ -25,3 +25,3 @@ overflow: hidden;
   padding: 0 12px;
-`,v=d=>{const{lane:n}=d,{rows:a}=d.lane,{cardRenderer:l,laneHeaderRenderer:s,laneFooterRenderer:u}=e.useContext(c),f=e.useMemo((()=>new r.CellMeasurerCache({fixedWidth:!0})),[]);e.useEffect((()=>{f.clearAll()}),[f,n]);const v=e.useCallback((e=>{const t=a[e.index];return t?i.default.createElement(g,Object.assign({},e,{key:e.key,row:t,cache:f})):null}),[f,a]),E=e.useCallback(((e,t,{source:{index:d}})=>i.default.createElement(p,{index:d,provided:e,snapshot:t,row:a[d]})),[l,a]);return i.default.createElement(t.Draggable,{key:n.id,draggableId:n.id,index:d.index},(e=>i.default.createElement(x,Object.assign({ref:e.innerRef},e.draggableProps),i.default.createElement(m,Object.assign({},e.dragHandleProps),null==s?void 0:s(n)),i.default.createElement(b,null,i.default.createElement(t.Droppable,{droppableId:n.id,mode:"virtual",direction:"vertical",renderClone:E},((e,t)=>i.default.createElement(r.AutoSizer,null,(({width:d,height:r})=>i.default.createElement(h,{width:d,height:r,rowCount:t.isUsingPlaceholder?a.length+1:a.length,rowHeight:f.rowHeight,overscanRowCount:10,rowRenderer:v,ref:t=>{if(t){const d=o.default.findDOMNode(t);d instanceof HTMLElement&&e.innerRef(d)}}})))))),i.default.createElement(w,null,null==u?void 0:u(n)))))},E="kanban";const y=s.default.div`
+`,v=r=>{const{lane:n}=r,{rows:a}=r.lane,{laneHeaderRenderer:l,laneFooterRenderer:s,enableReorderLanes:u}=e.useContext(c),f=e.useMemo((()=>new d.CellMeasurerCache({fixedWidth:!0})),[]);e.useEffect((()=>{f.clearAll()}),[f,n]);const v=e.useCallback((e=>{const t=a[e.index];return t?i.default.createElement(g,Object.assign({},e,{key:e.key,row:t,cache:f})):null}),[f,a]),E=e.useCallback(((e,t,{source:{index:r}})=>i.default.createElement(p,{index:r,provided:e,snapshot:t,row:a[r]})),[a]);return i.default.createElement(t.Draggable,{key:n.id,draggableId:n.id,index:r.index,isDragDisabled:!u},(e=>i.default.createElement(x,Object.assign({ref:e.innerRef},e.draggableProps),i.default.createElement(m,Object.assign({},e.dragHandleProps),null==l?void 0:l(n)),i.default.createElement(h,null,i.default.createElement(t.Droppable,{droppableId:n.id,mode:"virtual",direction:"vertical",renderClone:E},((e,t)=>i.default.createElement(d.AutoSizer,null,(({width:r,height:d})=>i.default.createElement(b,{width:r,height:d,rowCount:t.isUsingPlaceholder?a.length+1:a.length,rowHeight:f.rowHeight,overscanRowCount:10,rowRenderer:v,ref:t=>{if(t){const r=o.default.findDOMNode(t);r instanceof HTMLElement&&e.innerRef(r)}}})))))),i.default.createElement(w,null,null==s?void 0:s(n)))))},E="kanban";const R=s.default.div`
   position: relative;
@@ -32,3 +32,3 @@ display: flex;
   height: ${({height:e})=>e?`${e}px`:"auto"};
-  overflow: auto;
+  overflow-x: auto;
   & * {
@@ -40,2 +40,2 @@ box-sizing: border-box;
   }
-`;return({lanes:d,width:r,height:n,listWidth:a,onDropCard:l,onDropLane:o,cardRenderer:s,laneHeaderRenderer:f,laneFooterRenderer:p})=>{const g=function(t,{onDropCard:d,onDropLane:r}){return e.useCallback((({source:e,destination:n,draggableId:a})=>{if(n&&(e.droppableId!==n.droppableId||e.index!==n.index))if(e.droppableId===E)null==r||r({listId:a,listIndex:n.index,lists:u.default(t,(t=>{const[d]=t.splice(e.index,1);t.splice(n.index,0,d)}))});else{const r=t.findIndex((t=>t.id===e.droppableId)),l=t.findIndex((e=>e.id===n.droppableId));null==d||d({itemId:a,listId:t[l].id,listIndex:l,rowIndex:n.index,lists:u.default(t,(t=>{const[d]=t[r].rows.splice(e.index,1);t[l].rows.splice(n.index,0,d)}))})}}),[t,d,r])}(d,{onDropCard:l,onDropLane:o}),x={listWidth:a,cardRenderer:s,laneHeaderRenderer:f,laneFooterRenderer:p};return i.default.createElement(y,{width:r,height:n},i.default.createElement(c.Provider,{value:x},i.default.createElement(t.DragDropContext,{onDragEnd:g},i.default.createElement(t.Droppable,{droppableId:E,type:"COLUMN",direction:"horizontal"},(e=>i.default.createElement(y,Object.assign({ref:e.innerRef},e.droppableProps),d.map(((e,t)=>i.default.createElement(v,{key:e.id,lane:e,index:t}))),e.placeholder))))))}}));
+`;return({lanes:r,width:d,height:n,listWidth:a,onDropCard:l,onDropLane:o,cardRenderer:s,laneHeaderRenderer:f,laneFooterRenderer:p,enableReorderCards:g=!0,enableReorderLanes:x=!0})=>{const b=function(t,{onDropCard:r,onDropLane:d}){return e.useCallback((({source:e,destination:n,draggableId:a})=>{if(n&&(e.droppableId!==n.droppableId||e.index!==n.index))if(e.droppableId===E)null==d||d({listId:a,listIndex:n.index,lists:u.default(t,(t=>{const[r]=t.splice(e.index,1);t.splice(n.index,0,r)}))});else{const d=t.findIndex((t=>t.id===e.droppableId)),l=t.findIndex((e=>e.id===n.droppableId));null==r||r({itemId:a,listId:t[l].id,listIndex:l,rowIndex:n.index,lists:u.default(t,(t=>{const[r]=t[d].rows.splice(e.index,1);t[l].rows.splice(n.index,0,r)}))})}}),[t,r,d])}(r,{onDropCard:l,onDropLane:o}),h=e.useMemo((()=>({listWidth:a,cardRenderer:s,laneHeaderRenderer:f,laneFooterRenderer:p,enableReorderCards:g,enableReorderLanes:x})),[s,g,x,p,f,a]);return i.default.createElement(R,{width:d,height:n},i.default.createElement(c.Provider,{value:h},i.default.createElement(t.DragDropContext,{onDragEnd:b},i.default.createElement(t.Droppable,{droppableId:E,type:"COLUMN",direction:"horizontal"},(e=>i.default.createElement(R,Object.assign({ref:e.innerRef},e.droppableProps),r.map(((e,t)=>i.default.createElement(v,{key:e.id,lane:e,index:t}))),e.placeholder))))))}}));

package.json

 {
   "name": "@treelab/kanban",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.3",
   "description": "kanban",
@@ -37,3 +37,3 @@ "author": "treelab",
       "react-hooks/exhaustive-deps": "warn",
-      "@typescript-eslint/explicit-module-boundary-types": false
+      "@typescript-eslint/explicit-module-boundary-types": "off"
     }
@@ -40,0 +40,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8550

increased by2.94%

Lines of code

97

increased by1.04%

No dependency changes