style(*): runs initial format and lint on codebase

Author: waynevanson

src/index.ts

@@ -11,7 +11,7 @@ export {
   SortableEvent,
   SortableOptions,
   Swap,
-  Utils
+  Utils,
 } from "sortablejs";
 export { ReactSortable } from "./react-sortable";
 export * from "./types";

src/react-sortable.tsx

@@ -6,7 +6,7 @@ import {
   createElement,
   createRef,
   ReactElement,
-  RefObject
+  RefObject,
 } from "react";
 import Sortable, { MoveEvent, Options, SortableEvent } from "sortablejs";
 import invariant from "tiny-invariant";
@@ -16,7 +16,7 @@ import {
   ItemInterface,
   ReactSortableProps,
   Store,
-  UnHandledMethodNames
+  UnHandledMethodNames,
 } from "./types";
 import {
   createCustoms,
@@ -27,8 +27,9 @@ import {
   handleStateRemove,
   insertNodes,
   removeNode,
-  removeNodes
+  removeNodes,
 } from "./util";
+
 /** Holds a global reference for which react element is being dragged */
 // @todo - use context to manage this. How does one use 2 different providers?
 const store: Store = { dragging: null };
@@ -37,7 +38,7 @@ export class ReactSortable<T extends ItemInterface> extends Component<
   ReactSortableProps<T>
 > {
   static defaultProps: Partial<ReactSortableProps<any>> = {
-    clone: item => item
+    clone: (item) => item,
   };
 
   private ref: RefObject<HTMLElement>;
@@ -47,10 +48,10 @@ export class ReactSortable<T extends ItemInterface> extends Component<
     this.ref = createRef<HTMLElement>();
 
     // make all state false because we can't change sortable unless a mouse gesture is made.
-    const newList = props.list.map(item => ({
+    const newList = props.list.map((item) => ({
       ...item,
       chosen: false,
-      selected: false
+      selected: false,
     }));
 
     props.setList(newList, this.sortable, store);
@@ -81,7 +82,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       {
         // @todo - find a way (perhaps with the callback) to allow AntD components to work
         ref: this.ref,
-        ...classicProps
+        ...classicProps,
       },
       this.getChildren()
     );
@@ -98,27 +99,25 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       ghostClass = "sortable-ghost",
       swapClass = "sortable-swap-highlight",
       filter = "sortable-filter",
-      list
+      list,
     } = this.props;
 
     // if no children, don't do anything.
     if (!children || children == null) return null;
     const dataid = dataIdAttr || "data-id";
     return Children.map(children as ReactElement<any>[], (child, index) => {
       const item = list[index];
-      const {
-        className: prevClassName,
-      } = child.props;
+      const { className: prevClassName } = child.props;
 
       // @todo - handle the function if avalable. I don't think anyone will be doing this soon.
       const filtered = typeof filter === "string" && {
-        [filter.replace(".", "")]: !!item.filtered
+        [filter.replace(".", "")]: !!item.filtered,
       };
 
       const className = classNames(prevClassName, {
         [selectedClass]: item.selected,
         [chosenClass]: item.chosen,
-        ...filtered
+        ...filtered,
         // [dragClass]: true,
         // [fallbackClass]: true,
         // [ghostClass]: true,
@@ -127,7 +126,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
 
       return cloneElement(child, {
         [dataid]: child.key,
-        className
+        className,
       });
     });
   }
@@ -136,7 +135,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
   private get sortable(): Sortable | null {
     const el = this.ref.current;
     if (el === null) return null;
-    const key = Object.keys(el).find(k => k.includes("Sortable"));
+    const key = Object.keys(el).find((k) => k.includes("Sortable"));
     if (!key) return null;
     //@ts-ignore - I know what I'm doing.
     return el[key] as Sortable;
@@ -154,35 +153,35 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       "onSpill",
       "onStart",
       "onUnchoose",
-      "onUpdate"
+      "onUpdate",
     ];
     const NonDOMHandlers: UnHandledMethodNames[] = [
       "onChange",
       "onClone",
       "onFilter",
-      "onSort"
+      "onSort",
     ];
     const newOptions: Options = destructurePropsForOptions(this.props);
     DOMHandlers.forEach(
-      name => (newOptions[name] = this.prepareOnHandlerPropAndDOM(name))
+      (name) => (newOptions[name] = this.prepareOnHandlerPropAndDOM(name))
     );
     NonDOMHandlers.forEach(
-      name => (newOptions[name] = this.prepareOnHandlerProp(name))
+      (name) => (newOptions[name] = this.prepareOnHandlerProp(name))
     );
 
     /** onMove has 2 arguments and needs to be handled seperately. */
     const onMove = (evt: MoveEvent, originalEvt: Event) => {
       const { onMove } = this.props;
       const defaultValue = evt.willInsertAfter || -1;
       if (!onMove) return defaultValue;
-      const result =  onMove(evt, originalEvt, this.sortable, store);
-      if (typeof result === 'undefined') return false
-      return result
+      const result = onMove(evt, originalEvt, this.sortable, store);
+      if (typeof result === "undefined") return false;
+      return result;
     };
 
     return {
       ...newOptions,
-      onMove
+      onMove,
     };
   }
 
@@ -220,7 +219,10 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     const otherList = [...store.dragging!.props.list];
     const customs = createCustoms(evt, otherList);
     removeNodes(customs);
-    const newList = handleStateAdd(customs, list, evt, clone).map(item => ({ ...item, selected: false }));
+    const newList = handleStateAdd(customs, list, evt, clone).map((item) => ({
+      ...item,
+      selected: false,
+    }));
     setList(newList, this.sortable, store);
   }
 
@@ -242,13 +244,13 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
         case "multidrag":
           customClones = customs.map((item, index) => ({
             ...item,
-            element: evt.clones[index]
+            element: evt.clones[index],
           }));
           break;
         case "normal":
           customClones = customs.map((item, index) => ({
             ...item,
-            element: evt.clone
+            element: evt.clone,
           }));
           break;
         case "swap":
@@ -262,15 +264,15 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       removeNodes(customClones);
 
       // replace selected items with cloned items
-      customs.forEach(curr => {
+      customs.forEach((curr) => {
         const index = curr.oldIndex;
         const newItem = this.props.clone!(curr.item, evt);
         newList.splice(index, 1, newItem);
       });
     }
 
     // remove item.selected from list
-    newList = newList.map(item => ({ ...item, selected: false }));
+    newList = newList.map((item) => ({ ...item, selected: false }));
     setList(newList, this.sortable, store);
   }
 
@@ -298,7 +300,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
         return {
           ...item,
           chosen: true,
-        }
+        };
       }
       return item;
     });
@@ -312,7 +314,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
         return {
           ...item,
           chosen: false,
-        }
+        };
       }
       return item;
     });
@@ -326,15 +328,15 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
 
   onSelect(evt: MultiDragEvent) {
     const { list, setList } = this.props;
-    const newList = list.map(item => ({ ...item, selected: false }));
-    evt.newIndicies.forEach(curr => {
+    const newList = list.map((item) => ({ ...item, selected: false }));
+    evt.newIndicies.forEach((curr) => {
       const index = curr.index;
       if (index === -1) {
         console.log(
           `"${evt.type}" had indice of "${curr.index}", which is probably -1 and doesn't usually happen here.`
         );
-        console.log(evt)
-        return
+        console.log(evt);
+        return;
       }
       newList[index].selected = true;
     });
@@ -343,8 +345,8 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
 
   onDeselect(evt: MultiDragEvent) {
     const { list, setList } = this.props;
-    const newList = list.map(item => ({ ...item, selected: false }));
-    evt.newIndicies.forEach(curr => {
+    const newList = list.map((item) => ({ ...item, selected: false }));
+    evt.newIndicies.forEach((curr) => {
       const index = curr.index;
       if (index === -1) return;
       newList[index].selected = true;

src/types.ts

@@ -2,11 +2,11 @@ import {
   CSSProperties,
   ForwardRefExoticComponent,
   ReactHTML,
-  RefAttributes
+  RefAttributes,
 } from "react";
 import Sortable, { MoveEvent, Options, SortableEvent } from "sortablejs";
 import { ReactSortable } from "./react-sortable";
-import { Omit } from './util';
+import { Omit } from "./util";
 
 // @todo: remove dynamic types and create declarative types instead for readability of user.
 // add these in docs as well

src/util.ts

@@ -38,11 +38,11 @@ export function handleDOMChanges<T extends ItemInterface>(
 }
 
 export function removeNodes<T extends ItemInterface>(customs: Normalized<T>[]) {
-  customs.forEach(curr => removeNode(curr.element));
+  customs.forEach((curr) => removeNode(curr.element));
 }
 
 export function insertNodes<T extends ItemInterface>(customs: Normalized<T>[]) {
-  customs.forEach(curr => {
+  customs.forEach((curr) => {
     insertNodeAt(curr.parentElement, curr.element, curr.oldIndex);
   });
 }
@@ -60,7 +60,7 @@ export function createCustoms<T extends ItemInterface>(
         element: evt.item,
         newIndex: evt.newIndex!,
         oldIndex: evt.oldIndex!,
-        parentElement: evt.from
+        parentElement: evt.from,
       };
       custom = [item];
       break;
@@ -69,13 +69,13 @@ export function createCustoms<T extends ItemInterface>(
         element: evt.item,
         oldIndex: evt.oldIndex!,
         newIndex: evt.newIndex!,
-        ...parentElement
+        ...parentElement,
       };
       const swap: Input = {
         element: evt.swapItem!,
         oldIndex: evt.newIndex!,
         newIndex: evt.oldIndex!,
-        ...parentElement
+        ...parentElement,
       };
       custom = [drag, swap];
       break;
@@ -84,7 +84,7 @@ export function createCustoms<T extends ItemInterface>(
         element: curr.multiDragElement,
         oldIndex: curr.index,
         newIndex: evt.newIndicies[index].index,
-        ...parentElement
+        ...parentElement,
       }));
       break;
   }
@@ -110,7 +110,7 @@ export function handleStateRemove<T extends ItemInterface>(
   normalized
     .concat()
     .reverse()
-    .forEach(curr => newList.splice(curr.oldIndex, 1));
+    .forEach((curr) => newList.splice(curr.oldIndex, 1));
   return newList;
 }
 
@@ -121,9 +121,9 @@ export function handleStateAdd<T extends ItemInterface>(
   clone?: ((currentItem: T, evt: Sortable.SortableEvent) => T) | undefined
 ): T[] {
   const newList = [...list];
-  normalized.forEach(curr => {
-    const newItem = (clone && evt) && clone(curr.item, evt); 
-    newList.splice(curr.newIndex, 0, newItem || curr.item)
+  normalized.forEach((curr) => {
+    const newItem = clone && evt && clone(curr.item, evt);
+    newList.splice(curr.newIndex, 0, newItem || curr.item);
   });
   return newList;
 }
@@ -139,7 +139,7 @@ export function createNormalized<T extends ItemInterface>(
   list: T[]
 ): Normalized<T>[] {
   const normalized = inputs
-    .map<Normalized<T>>(curr => ({ ...curr, item: list[curr.oldIndex] }))
+    .map<Normalized<T>>((curr) => ({ ...curr, item: list[curr.oldIndex] }))
     .sort((a, b) => a.oldIndex - b.oldIndex);
   return normalized;
 }
@@ -197,4 +197,4 @@ export function destructurePropsForOptions<T>(
  * Construct a type with the properties of T except for those in type K.
  * Including this allows for backwards compatibility with earlier versions of TS.
  */
-export type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>;
+export type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>;