@teselagen/ui 0.7.7-beta.1 → 0.7.7-beta.11

package/index.cjs.js

@@ -67289,21 +67289,6 @@ function getNewName(list2, targetName) {
   return newName;
 }
 __name(getNewName, "getNewName");
-const useTraceUpdate = /* @__PURE__ */ __name((props) => {
-  const prev = React$1.useRef(props);
-  React$1.useEffect(() => {
-    const changedProps = Object.entries(props).reduce((ps, [k2, v2]) => {
-      if (prev.current[k2] !== v2) {
-        ps[k2] = [prev.current[k2], v2];
-      }
-      return ps;
-    }, {});
-    if (Object.keys(changedProps).length > 0) {
-      console.log("Changed props:", changedProps);
-    }
-    prev.current = props;
-  });
-}, "useTraceUpdate");
 const manualEnterMessage = "Build CSV File";
 const manualEnterSubMessage = "Paste or type data to build a CSV file";
 const helperText = [
@@ -67563,11 +67548,7 @@ const Uploader = /* @__PURE__ */ __name(({
     }
     return __accept;
   }, [__accept, isAcceptPromise, resolvedAccept]);
-  useTraceUpdate({
-    __accept,
-    isAcceptPromise
-  });
-  useDeepCompareEffect(() => {
+  React$1.useEffect(() => {
     if (isAcceptPromise) {
       setAcceptLoading(true);
       Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(
@@ -73713,6 +73694,21 @@ const CmdButton = withCommand({
   icon: "icon",
   disabled: "isDisabled"
 })(core.Button);
+const useTraceUpdate = /* @__PURE__ */ __name((props) => {
+  const prev = React$1.useRef(props);
+  React$1.useEffect(() => {
+    const changedProps = Object.entries(props).reduce((ps, [k2, v2]) => {
+      if (prev.current[k2] !== v2) {
+        ps[k2] = [prev.current[k2], v2];
+      }
+      return ps;
+    }, {});
+    if (Object.keys(changedProps).length > 0) {
+      console.log("Changed props:", changedProps);
+    }
+    prev.current = props;
+  });
+}, "useTraceUpdate");
 const showProgressToast = /* @__PURE__ */ __name((message, value, key, opts) => {
   return window.toastr.default(
     /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", { style: { marginBottom: 10 } }, message), /* @__PURE__ */ React$1.createElement(

package/index.es.js

@@ -67271,21 +67271,6 @@ function getNewName(list2, targetName) {
   return newName;
 }
 __name(getNewName, "getNewName");
-const useTraceUpdate = /* @__PURE__ */ __name((props) => {
-  const prev = useRef(props);
-  useEffect(() => {
-    const changedProps = Object.entries(props).reduce((ps, [k2, v2]) => {
-      if (prev.current[k2] !== v2) {
-        ps[k2] = [prev.current[k2], v2];
-      }
-      return ps;
-    }, {});
-    if (Object.keys(changedProps).length > 0) {
-      console.log("Changed props:", changedProps);
-    }
-    prev.current = props;
-  });
-}, "useTraceUpdate");
 const manualEnterMessage = "Build CSV File";
 const manualEnterSubMessage = "Paste or type data to build a CSV file";
 const helperText = [
@@ -67545,11 +67530,7 @@ const Uploader = /* @__PURE__ */ __name(({
     }
     return __accept;
   }, [__accept, isAcceptPromise, resolvedAccept]);
-  useTraceUpdate({
-    __accept,
-    isAcceptPromise
-  });
-  useDeepCompareEffect(() => {
+  useEffect(() => {
     if (isAcceptPromise) {
       setAcceptLoading(true);
       Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(
@@ -73695,6 +73676,21 @@ const CmdButton = withCommand({
   icon: "icon",
   disabled: "isDisabled"
 })(Button);
+const useTraceUpdate = /* @__PURE__ */ __name((props) => {
+  const prev = useRef(props);
+  useEffect(() => {
+    const changedProps = Object.entries(props).reduce((ps, [k2, v2]) => {
+      if (prev.current[k2] !== v2) {
+        ps[k2] = [prev.current[k2], v2];
+      }
+      return ps;
+    }, {});
+    if (Object.keys(changedProps).length > 0) {
+      console.log("Changed props:", changedProps);
+    }
+    prev.current = props;
+  });
+}, "useTraceUpdate");
 const showProgressToast = /* @__PURE__ */ __name((message, value, key, opts) => {
   return window.toastr.default(
     /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", { style: { marginBottom: 10 } }, message), /* @__PURE__ */ React__default.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.7-beta.1",
+  "version": "0.7.7-beta.11",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/FormComponents/Uploader.js

@@ -49,8 +49,6 @@ import { LoadingDots } from "./LoadingDots";
 import { useDispatch } from "react-redux";
 import { flushSync } from "react-dom";
 import { useStableReference } from "../utils/hooks/useStableReference";
-import useDeepCompareEffect from "use-deep-compare-effect";
-import { useTraceUpdate } from "../utils/useTraceUpdate";
 
 const manualEnterMessage = "Build CSV File";
 const manualEnterSubMessage = "Paste or type data to build a CSV file";
@@ -364,11 +362,7 @@ const Uploader = ({
     }
     return __accept;
   }, [__accept, isAcceptPromise, resolvedAccept]);
-  useTraceUpdate({
-    __accept,
-    isAcceptPromise
-  });
-  useDeepCompareEffect(() => {
+  useEffect(() => {
     if (isAcceptPromise) {
       setAcceptLoading(true);
       Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(

package/src/utils/hooks/useDeepEqualMemo.js

@@ -1,5 +1,5 @@
 import { isEqual } from "lodash-es";
-import { useRef } from "react";
+import { useEffect, useRef } from "react";
 
 export const useDeepEqualMemo = value => {
   const ref = useRef();
@@ -8,3 +8,8 @@ export const useDeepEqualMemo = value => {
   }
   return ref.current;
 };
+
+export const useDeepEqualEffect = (effect, deps) => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useEffect(effect, useDeepEqualMemo(deps));
+};

package/utils/hooks/useDeepEqualMemo.d.ts

@@ -1 +1,2 @@
 export function useDeepEqualMemo(value: any): undefined;
+export function useDeepEqualEffect(effect: any, deps: any): void;