[Modify] Modify stories

jagaapple · Mar 21, 2020 · 9dc15f9 · 9dc15f9
1 parent f26cbbf
commit 9dc15f9
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 15 deletions.
diff --git a/stories/3-advanced-examples/custom-drag-handle.css.d.ts b/stories/3-advanced-examples/custom-drag-handle.css.d.ts
@@ -1,9 +1,9 @@
 declare const styles: {
   readonly "wrapper": string;
   readonly "dropLine": string;
+  readonly "dragHandle": string;
   readonly "item": string;
   readonly "placeholder": string;
-  readonly "dragHandle": string;
   readonly "ghost": string;
 };
 export = styles;

diff --git a/stories/3-advanced-examples/kanban.component.tsx b/stories/3-advanced-examples/kanban.component.tsx
@@ -69,16 +69,15 @@ const renderDropLineElement = (injectedProps: DropLineRendererInjectedProps) =>
 
 export const KanbanComponent = () => {
   const [itemEntitiesMapState, setItemEntitiesMapState] = React.useState(initialItemEntitiesMap);
-  const [isDraggingAnyItemState, setIsDraggingAnyItemState] = React.useState(false);
 
   const createItemElements = React.useCallback(
     (items: DummyItem[]) =>
       items.map((item, index) => (
         <Item key={item.id} identifier={item.id} index={index}>
-          <div className={classnames(styles.item, { [styles.draggingAny]: isDraggingAnyItemState })}>{item.title}</div>
+          <div className={styles.item}>{item.title}</div>
         </Item>
       )),
-    [isDraggingAnyItemState],
+    [],
   );
   const leftItemElements = React.useMemo(() => {
     const leftItems = itemEntitiesMapState.get(leftRootItemId)!.children!.map((itemId) => itemEntitiesMapState.get(itemId)!);
@@ -130,12 +129,7 @@ export const KanbanComponent = () => {
     [],
   );
 
-  const onDragStart = React.useCallback(() => {
-    setIsDraggingAnyItemState(true);
-  }, []);
   const onDragEnd = React.useCallback((meta: DragEndMeta<DummyItem["id"]>) => {
-    setIsDraggingAnyItemState(false);
-
     if (meta.groupIdentifier === meta.nextGroupIdentifier && meta.index === meta.nextIndex) return;
 
     const newMap = new Map(itemEntitiesMapState.entries());
@@ -179,7 +173,6 @@ export const KanbanComponent = () => {
       renderStackedGroup={renderStackedGroupElement}
       draggingCursorStyle="grabbing"
       itemSpacing={10}
-      onDragStart={onDragStart}
       onDragEnd={onDragEnd}
     >
       <Item identifier={leftRootItem.id} index={0} isLocked isGroup isLonely>

diff --git a/stories/3-advanced-examples/kanban.css b/stories/3-advanced-examples/kanban.css
@@ -55,10 +55,6 @@
 .item.placeholder {
   color: white;
   background-color: #cfdce5;
-  cursor: grabbing;
-}
-.item.draggingAny {
-  cursor: grabbing;
 }
 
 .ghost {

diff --git a/stories/3-advanced-examples/kanban.css.d.ts b/stories/3-advanced-examples/kanban.css.d.ts
@@ -7,7 +7,6 @@ declare const styles: {
   readonly "items": string;
   readonly "item": string;
   readonly "placeholder": string;
-  readonly "draggingAny": string;
   readonly "ghost": string;
 };
 export = styles;