refactor(deps): drop memoize-one

package.json

@@ -73,7 +73,6 @@
   "dependencies": {
     "@babel/runtime": "^7.25.6",
     "css-box-model": "^1.2.1",
-    "memoize-one": "^6.0.0",
     "raf-schd": "^4.0.3",
     "react-redux": "^9.1.2",
     "redux": "^5.0.1",

src/are-inputs-equal.ts

@@ -0,0 +1,36 @@
+/**
+ * Original author: Alex Reardon
+ * License: MIT License
+ * Repo: https://github.com/alexreardon/memoize-one
+ */
+
+function isEqual(first: unknown, second: unknown): boolean {
+  if (first === second) {
+    return true;
+  }
+
+  // Special case for NaN (NaN !== NaN)
+  if (Number.isNaN(first) && Number.isNaN(second)) {
+    return true;
+  }
+
+  return false;
+}
+
+export default function areInputsEqual(
+  newInputs: readonly unknown[],
+  lastInputs: readonly unknown[],
+): boolean {
+  // no checks needed if the inputs length has changed
+  if (newInputs.length !== lastInputs.length) {
+    return false;
+  }
+  // Using for loop for speed. It generally performs better than array.every
+  // https://github.com/alexreardon/memoize-one/pull/59
+  for (let i = 0; i < newInputs.length; i++) {
+    if (!isEqual(newInputs[i], lastInputs[i])) {
+      return false;
+    }
+  }
+  return true;
+}

src/memoize-one.ts

@@ -0,0 +1,66 @@
+/**
+ * Original author: Alex Reardon
+ * License: MIT License
+ * Repo: https://github.com/alexreardon/memoize-one
+ * Description: A memoization library which only remembers the latest invocation.
+ */
+
+import areInputsEqual from './are-inputs-equal';
+
+export type EqualityFn<TFunc extends (...args: any[]) => any> = (
+  newArgs: Parameters<TFunc>,
+  lastArgs: Parameters<TFunc>,
+) => boolean;
+
+export interface MemoizedFn<TFunc extends (this: any, ...args: any[]) => any> {
+  clear: () => void;
+  (
+    this: ThisParameterType<TFunc>,
+    ...args: Parameters<TFunc>
+  ): ReturnType<TFunc>;
+}
+
+// internal type
+interface Cache<TFunc extends (this: any, ...args: any[]) => any> {
+  lastThis: ThisParameterType<TFunc>;
+  lastArgs: Parameters<TFunc>;
+  lastResult: ReturnType<TFunc>;
+}
+
+function memoizeOne<TFunc extends (this: any, ...newArgs: any[]) => any>(
+  resultFn: TFunc,
+  isEqual: EqualityFn<TFunc> = areInputsEqual,
+): MemoizedFn<TFunc> {
+  let cache: Cache<TFunc> | null = null;
+
+  // breaking cache when context (this) or arguments change
+  function memoized(
+    this: ThisParameterType<TFunc>,
+    ...newArgs: Parameters<TFunc>
+  ): ReturnType<TFunc> {
+    if (cache && cache.lastThis === this && isEqual(newArgs, cache.lastArgs)) {
+      return cache.lastResult;
+    }
+
+    // Throwing during an assignment aborts the assignment: https://codepen.io/alexreardon/pen/RYKoaz
+    // Doing the lastResult assignment first so that if it throws
+    // the cache will not be overwritten
+    const lastResult = resultFn.apply(this, newArgs);
+    cache = {
+      lastResult,
+      lastArgs: newArgs,
+      lastThis: this,
+    };
+
+    return lastResult;
+  }
+
+  // Adding the ability to clear the cache of a memoized function
+  memoized.clear = function clear() {
+    cache = null;
+  };
+
+  return memoized;
+}
+
+export default memoizeOne;

src/state/auto-scroller/fluid-scroller/get-best-scrollable-droppable.ts

@@ -1,5 +1,5 @@
-import memoizeOne from 'memoize-one';
 import type { Position } from 'css-box-model';
+import memoizeOne from '../../../memoize-one';
 import type {
   DroppableDimension,
   DroppableDimensionMap,

src/state/dimension-structures.ts

@@ -1,4 +1,4 @@
-import memoizeOne from 'memoize-one';
+import memoizeOne from '../memoize-one';
 import type {
   DroppableDimension,
   DroppableDimensionMap,

src/state/get-displaced-by.ts

@@ -1,5 +1,5 @@
-import memoizeOne from 'memoize-one';
 import type { Position } from 'css-box-model';
+import memoizeOne from '../memoize-one';
 import type { Axis, DisplacedBy } from '../types';
 import { patch } from './position';
 

src/state/get-draggables-inside-droppable.ts

@@ -1,4 +1,4 @@
-import memoizeOne from 'memoize-one';
+import memoizeOne from '../memoize-one';
 import { toDraggableList } from './dimension-structures';
 import type {
   DraggableDimension,

src/state/remove-draggable-from-list.ts

@@ -1,4 +1,4 @@
-import memoizeOne from 'memoize-one';
+import memoizeOne from '../memoize-one';
 import type { DraggableDimension } from '../types';
 
 export default memoizeOne(

src/view/draggable/connected-draggable.ts

@@ -1,7 +1,7 @@
 import type { Position } from 'css-box-model';
-import memoizeOne from 'memoize-one';
 import type { FunctionComponent } from 'react';
 import { connect } from 'react-redux';
+import memoizeOne from '../../memoize-one';
 import Draggable from './draggable';
 import isDragging from '../../state/is-dragging';
 import { origin, negate } from '../../state/position';

src/view/droppable/connected-droppable.ts

@@ -1,6 +1,6 @@
 import { connect } from 'react-redux';
-import memoizeOne from 'memoize-one';
 import { FunctionComponent } from 'react';
+import memoizeOne from '../../memoize-one';
 import { invariant } from '../../invariant';
 import type {
   State,

src/view/use-droppable-publisher/use-droppable-publisher.ts

@@ -2,7 +2,7 @@ import { useRef } from 'react';
 import type { Position } from 'css-box-model';
 import rafSchedule from 'raf-schd';
 import { useMemo, useCallback } from 'use-memo-one';
-import memoizeOne from 'memoize-one';
+import memoizeOne from '../../memoize-one';
 import { invariant } from '../../invariant';
 import checkForNestedScrollContainers from './check-for-nested-scroll-container';
 import * as dataAttr from '../data-attributes';

src/view/use-style-marshal/use-style-marshal.ts

@@ -1,6 +1,6 @@
 import { useRef, MutableRefObject } from 'react';
-import memoizeOne from 'memoize-one';
 import { useMemo, useCallback } from 'use-memo-one';
+import memoizeOne from '../../memoize-one';
 import { invariant } from '../../invariant';
 import type { StyleMarshal } from './style-marshal-types';
 import type { ContextId, DropReason } from '../../types';

stories/src/accessible/task.tsx

@@ -1,13 +1,13 @@
 import React, { Component, ReactElement } from 'react';
 import ReactDOM from 'react-dom';
-import memoizeOne from 'memoize-one';
 import styled from '@emotion/styled';
 import { colors } from '@atlaskit/theme';
 import { Draggable } from '@hello-pangea/dnd';
 import type {
   DraggableProvided,
   DraggableStateSnapshot,
 } from '@hello-pangea/dnd';
+import memoizeOne from '../../../src/memoize-one';
 import { invariant } from '../../../src/invariant';
 import type { Task as TaskType } from '../types';
 import { grid, borderRadius } from '../constants';