@linzjs/step-ag-grid 31.2.4 → 32.0.0

package/src/utils/useSharedInterval.ts

@@ -0,0 +1,57 @@
+import { useEffect, useRef } from 'react';
+import { useIsomorphicLayoutEffect } from 'usehooks-ts';
+
+type Callback = () => void;
+
+const isNode = typeof process !== 'undefined' && process.env.NODE_ENV === 'test';
+
+let sharedIntervalId: ReturnType<typeof setInterval> | null = null;
+const callbacks = new Set<Callback>();
+
+const startSharedInterval = () => {
+  if (isNode || sharedIntervalId !== null) {
+    return;
+  }
+  sharedIntervalId = setInterval(() => {
+    callbacks.forEach((cb) => {
+      try {
+        cb();
+      } catch (e) {
+        console.error(e);
+      }
+    });
+  }, 100);
+}
+
+const stopSharedInterval = () => {
+  if (sharedIntervalId === null) {
+    return;
+  }
+  clearInterval(sharedIntervalId);
+  sharedIntervalId = null;
+}
+
+/**
+ * Like useInterval, but all callers share a single 100ms interval.
+ * Each callback is isolated in a try/catch so a throwing callback won't prevent others from running.
+ */
+export const useSharedInterval = (callback: () => void) => {
+  const savedCallback = useRef(callback);
+
+  useIsomorphicLayoutEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+
+  useEffect(() => {
+    const cb = () => savedCallback.current();
+    callbacks.add(cb);
+    startSharedInterval();
+
+    return () => {
+      callbacks.delete(cb);
+      if (callbacks.size === 0) {
+        stopSharedInterval();
+      }
+    };
+  }, []);
+}

package/src/utils/util.ts

@@ -1,5 +1,7 @@
 import { isEmpty, negate } from 'lodash-es';
-import natsort from 'natsort';
+import natsortModule from 'natsort';
+// natsort is a CJS module that sets exports.default, so interop wraps it in an extra layer
+const natsort: typeof natsortModule = (natsortModule as any).default ?? natsortModule;
 
 export type MaybePromise<T> = T | Promise<T>;
 
@@ -52,7 +54,7 @@ export const fnOrVar = (fn: any, param?: any) => (typeof fn === 'function' ? fn(
 export const sanitiseFileName = (filename: string): string => {
   const valid = filename
     .trim()
-    .replaceAll(/(\/|\\)+/g, '-')
+    .replaceAll(/([\/\\])+/g, '-')
     .replaceAll(/\s+/g, '_')
     .replaceAll(/[^\w\-āēīōūĀĒĪŌŪ.]/g, '');
   const parts = valid.split('.');