mirror of
https://github.com/outline/outline.git
synced 2026-06-13 03:14:59 +03:00
Tom Moor
0139b91b5d
* chore: Replace lodash with es-toolkit Migrate all direct lodash imports to es-toolkit/compat for a smaller, faster, lodash-compatible utility library. Transitive lodash usage from other packages remains unchanged. * fix: Restore isPlainObject semantics in CanCan policy The lodash migration aliased `isObject` to `lodash/isPlainObject` and the codemod incorrectly mapped the local name to es-toolkit's `isObject`, which also returns true for arrays and functions. This caused condition objects in policy definitions to be skipped, breaking authorization checks across the codebase. * fix: Restore unicode-aware length counting in validators es-toolkit/compat's size() returns string.length, while lodash's _.size() counts unicode code points. Switch to [...value].length to preserve the previous behavior so multi-byte characters like emoji count as one.
43 lines
1004 B
TypeScript
43 lines
1004 B
TypeScript
import { throttle } from "es-toolkit/compat";
|
|
import * as React from "react";
|
|
import useUnmount from "./useUnmount";
|
|
|
|
interface ThrottleSettings {
|
|
leading?: boolean | undefined;
|
|
trailing?: boolean | undefined;
|
|
}
|
|
|
|
const defaultOptions: ThrottleSettings = {
|
|
leading: false,
|
|
trailing: true,
|
|
};
|
|
|
|
/**
|
|
* A hook that returns a throttled callback function.
|
|
*
|
|
* @param fn The function to throttle
|
|
* @param wait The time in ms to wait before calling the function
|
|
* @param dependencies The dependencies to watch for changes
|
|
* @param options The throttle options
|
|
*/
|
|
export default function useThrottledCallback<
|
|
T extends (...args: never[]) => unknown,
|
|
>(
|
|
fn: T,
|
|
wait = 250,
|
|
dependencies: React.DependencyList = [],
|
|
options: ThrottleSettings = defaultOptions
|
|
) {
|
|
const handler = React.useMemo(
|
|
() => throttle<T>(fn, wait, options),
|
|
// oxlint-disable-next-line react-hooks/exhaustive-deps
|
|
dependencies
|
|
);
|
|
|
|
useUnmount(() => {
|
|
handler.cancel();
|
|
});
|
|
|
|
return handler;
|
|
}
|