@teselagen/ui 0.5.23-beta.31 → 0.5.23-beta.33

package/DataTable/utils/index.d.ts

@@ -18,7 +18,6 @@ import { isBottomRightCornerOfRectangle } from './isBottomRightCornerOfRectangle
 import { isEntityClean } from './isEntityClean';
 import { PRIMARY_SELECTED_VAL } from './primarySelectedValue';
 import { removeCleanRows } from './removeCleanRows';
-import { useDeepEqualMemo } from './useDeepEqualMemo';
 import { useTableEntities } from './useTableEntities';
 
-export { defaultParsePaste, formatPasteData, getAllRows, getCellCopyText, getCellInfo, getEntityIdToEntity, getFieldPathToIndex, getFieldPathToField, getIdOrCodeOrIndex, getLastSelectedEntity, getNewEntToSelect, getNumberStrAtEnd, getRecordsFromIdMap, getRowCopyText, getSelectedRowsFromEntities, handleCopyColumn, handleCopyHelper, handleCopyRows, handleCopyTable, isBottomRightCornerOfRectangle, isEntityClean, PRIMARY_SELECTED_VAL, removeCleanRows, stripNumberAtEnd, useDeepEqualMemo, useTableEntities };
+export { defaultParsePaste, formatPasteData, getAllRows, getCellCopyText, getCellInfo, getEntityIdToEntity, getFieldPathToIndex, getFieldPathToField, getIdOrCodeOrIndex, getLastSelectedEntity, getNewEntToSelect, getNumberStrAtEnd, getRecordsFromIdMap, getRowCopyText, getSelectedRowsFromEntities, handleCopyColumn, handleCopyHelper, handleCopyRows, handleCopyTable, isBottomRightCornerOfRectangle, isEntityClean, PRIMARY_SELECTED_VAL, removeCleanRows, stripNumberAtEnd, useTableEntities };

package/FormComponents/Uploader.d.ts

@@ -1,5 +1,5 @@
 export default Uploader;
-declare function Uploader({ accept: __accept, action, autoUnzip, beforeUpload, callout: _callout, className, contentOverride: maybeContentOverride, disabled: _disabled, dropzoneProps, fileLimit, fileList, innerIcon, innerText, meta: { form: formName }, minimal, name, noBuildCsvOption, noRedux, onChange: _onChange, onFieldSubmit, onFileClick, onFileSuccess, onPreviewClick, onRemove, overflowList, readBeforeUpload, showFilesCount, showUploadList, threeDotMenuItems, validateAgainstSchema: _validateAgainstSchema }: {
+declare function Uploader({ accept: __accept, action, autoUnzip, beforeUpload, callout: _callout, className, contentOverride: maybeContentOverride, disabled, dropzoneProps, fileLimit, fileList, innerIcon, innerText, meta: { form: formName }, minimal, name, noBuildCsvOption, noRedux, onChange: _onChange, onFieldSubmit, onFileClick, onFileSuccess, onPreviewClick, onRemove, overflowList, readBeforeUpload, showFilesCount, showUploadList, threeDotMenuItems, validateAgainstSchema: _validateAgainstSchema }: {
     accept: any;
     action: any;
     autoUnzip: any;

package/index.cjs.js

@@ -17147,13 +17147,6 @@ const handleCopyTable = /* @__PURE__ */ __name((e2, opts) => {
   }
 }, "handleCopyTable");
 const PRIMARY_SELECTED_VAL = "main_cell";
-const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
-  const ref2 = React$1.useRef();
-  if (!isEqual(value, ref2.current)) {
-    ref2.current = value;
-  }
-  return ref2.current;
-}, "useDeepEqualMemo");
 const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
   const dispatch = reactRedux.useDispatch();
   const selectTableEntities = React$1.useCallback(
@@ -17189,6 +17182,13 @@ const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
   });
   return { selectTableEntities, allOrderedEntities, selectedEntities };
 }, "useTableEntities");
+const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
+  const ref2 = React$1.useRef();
+  if (!isEqual(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemo");
 function rowClick(e2, rowInfo, entities, {
   reduxFormSelectedEntityIdMap,
   isSingleSelect,
@@ -31035,7 +31035,7 @@ const _TgSelect = class _TgSelect extends React$1.Component {
       e2.preventDefault();
       let newValue = null;
       if (multi) {
-        newValue = filter(value, (obj) => obj.disabled) || [];
+        newValue = filter(value, (obj) => obj == null ? void 0 : obj.disabled) || [];
       } else if (value && value.disabled) {
         newValue = value;
       }
@@ -31783,6 +31783,13 @@ const sortify = /* @__PURE__ */ __name((value, replacer, space2) => {
 }, "sortify");
 const REQUIRED_ERROR = "This field is required.";
 const fieldRequired = /* @__PURE__ */ __name((value) => !value || Array.isArray(value) && !value.length ? REQUIRED_ERROR : void 0, "fieldRequired");
+const useStableReference = /* @__PURE__ */ __name((value) => {
+  const ref2 = React$1.useRef();
+  React$1.useEffect(() => {
+    ref2.current = value;
+  }, [value]);
+  return ref2;
+}, "useStableReference");
 function getIntent({
   showErrorIfUntouched,
   meta: { touched, error, warning: warning2 }
@@ -31872,8 +31879,8 @@ const AbstractInput = /* @__PURE__ */ __name(({
   noFillField,
   noMarginBottom,
   noOuterLabel,
-  onDefaultValChanged,
-  onFieldSubmit,
+  onDefaultValChanged: _onDefaultValChanged,
+  onFieldSubmit: _onFieldSubmit,
   rightEl,
   secondaryLabel,
   setAssignDefaultsMode,
@@ -31885,11 +31892,13 @@ const AbstractInput = /* @__PURE__ */ __name(({
   tooltipProps
 }) => {
   const dispatch = reactRedux.useDispatch();
+  const onDefaultValChanged = useStableReference(_onDefaultValChanged);
+  const onFieldSubmit = useStableReference(_onFieldSubmit);
   React$1.useEffect(() => {
     if (defaultValue2 !== void 0) {
       dispatch(reduxForm.change(form, name, defaultValue2));
-      onDefaultValChanged && onDefaultValChanged(defaultValue2, name, form);
-      onFieldSubmit && onFieldSubmit(defaultValue2);
+      onDefaultValChanged.current && onDefaultValChanged.current(defaultValue2, name, form);
+      onFieldSubmit.current && onFieldSubmit.current(defaultValue2);
     }
   }, [defaultValue2, dispatch, form, name, onDefaultValChanged, onFieldSubmit]);
   const showError = (touched || showErrorIfUntouched) && error && !asyncValidating;
@@ -67390,6 +67399,9 @@ const InnerDropZone = /* @__PURE__ */ __name(({
     )
   )
 ), showFilesCount ? /* @__PURE__ */ React$1.createElement("div", { className: "tg-upload-file-list-counter" }, "Files: ", fileList ? fileList.length : 0) : null), "InnerDropZone");
+const onFileSuccessDefault = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
+  return;
+}), "onFileSuccessDefault");
 const Uploader = /* @__PURE__ */ __name(({
   accept: __accept,
   action: action2,
@@ -67398,7 +67410,7 @@ const Uploader = /* @__PURE__ */ __name(({
   callout: _callout,
   className = "",
   contentOverride: maybeContentOverride,
-  disabled: _disabled,
+  disabled,
   dropzoneProps = {},
   fileLimit,
   fileList,
@@ -67416,9 +67428,7 @@ const Uploader = /* @__PURE__ */ __name(({
   //called when all files have successfully uploaded
   onFileClick,
   // called when a file link in the filelist is clicked
-  onFileSuccess = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
-    return;
-  }), "onFileSuccess"),
+  onFileSuccess = onFileSuccessDefault,
   //called each time a file is finished and before the file.loading gets set to false, needs to return a promise!
   onPreviewClick,
   onRemove = noop$4,
@@ -67437,83 +67447,92 @@ const Uploader = /* @__PURE__ */ __name(({
   const [resolvedAccept, setResolvedAccept] = React$1.useState();
   const [loading, setLoading] = React$1.useState(false);
   const filesToClean = React$1.useRef([]);
-  const onChange = /* @__PURE__ */ __name((val) => {
-    require$$2$1.flushSync(() => {
-      if (noRedux) {
-        return _onChange(val);
-      }
-      dispatch(reduxForm.touch(formName, name));
-      dispatch(reduxForm.change(formName, name, val));
-    });
-  }, "onChange");
-  const handleSecondHalfOfUpload = /* @__PURE__ */ __name((_0) => __async(exports, [_0], function* ({
-    acceptedFiles,
-    cleanedFileList
-  }) {
-    onChange(cleanedFileList);
-    const keepGoing = beforeUpload ? yield beforeUpload(cleanedFileList, onChange) : true;
-    if (!keepGoing)
-      return;
-    if (action2) {
-      const responses = [];
-      yield Promise.all(
-        acceptedFiles.map((fileToUpload) => __async(exports, null, function* () {
-          const data = new FormData();
-          data.append("file", fileToUpload);
-          try {
-            const res = yield window.serverApi ? window.serverApi.post(action2, data) : fetch(action2, {
-              method: "POST",
-              body: data
-            });
-            responses.push(res.data && res.data[0]);
-            onFileSuccess(res.data[0]).then(() => {
+  const stableOnChange = useStableReference(_onChange);
+  const stableBeforeUpload = useStableReference(beforeUpload);
+  const onChange = React$1.useCallback(
+    (val) => {
+      require$$2$1.flushSync(() => {
+        if (noRedux) {
+          return stableOnChange.current(val);
+        }
+        dispatch(reduxForm.touch(formName, name));
+        dispatch(reduxForm.change(formName, name, val));
+      });
+    },
+    [dispatch, formName, name, noRedux, stableOnChange]
+  );
+  const handleSecondHalfOfUpload = React$1.useCallback(
+    (_0) => __async(exports, [_0], function* ({ acceptedFiles, cleanedFileList }) {
+      onChange(cleanedFileList);
+      const keepGoing = stableBeforeUpload.current ? yield stableBeforeUpload.current(cleanedFileList, onChange) : true;
+      if (!keepGoing)
+        return;
+      if (action2) {
+        const responses = [];
+        yield Promise.all(
+          acceptedFiles.map((fileToUpload) => __async(exports, null, function* () {
+            const data = new FormData();
+            data.append("file", fileToUpload);
+            try {
+              const res = yield window.serverApi ? window.serverApi.post(action2, data) : fetch(action2, {
+                method: "POST",
+                body: data
+              });
+              responses.push(res.data && res.data[0]);
+              onFileSuccess(res.data[0]).then(() => {
+                cleanedFileList = cleanedFileList.map((file) => {
+                  const fileToReturn = __spreadValues(__spreadValues({}, file), res.data[0]);
+                  if (fileToReturn.id === fileToUpload.id) {
+                    fileToReturn.loading = false;
+                  }
+                  return fileToReturn;
+                });
+                onChange(cleanedFileList);
+              });
+            } catch (err) {
+              console.error("Error uploading file:", err);
+              responses.push(__spreadProps(__spreadValues({}, fileToUpload), {
+                error: err && err.msg ? err.msg : err
+              }));
               cleanedFileList = cleanedFileList.map((file) => {
-                const fileToReturn = __spreadValues(__spreadValues({}, file), res.data[0]);
+                const fileToReturn = __spreadValues({}, file);
                 if (fileToReturn.id === fileToUpload.id) {
                   fileToReturn.loading = false;
+                  fileToReturn.error = true;
                 }
                 return fileToReturn;
               });
               onChange(cleanedFileList);
+            }
+          }))
+        );
+        onFieldSubmit(responses);
+      } else {
+        onChange(
+          cleanedFileList.map(function(file) {
+            return __spreadProps(__spreadValues({}, file), {
+              loading: false
             });
-          } catch (err) {
-            console.error("Error uploading file:", err);
-            responses.push(__spreadProps(__spreadValues({}, fileToUpload), {
-              error: err && err.msg ? err.msg : err
-            }));
-            cleanedFileList = cleanedFileList.map((file) => {
-              const fileToReturn = __spreadValues({}, file);
-              if (fileToReturn.id === fileToUpload.id) {
-                fileToReturn.loading = false;
-                fileToReturn.error = true;
-              }
-              return fileToReturn;
-            });
-            onChange(cleanedFileList);
-          }
-        }))
-      );
-      onFieldSubmit(responses);
-    } else {
-      onChange(
-        cleanedFileList.map(function(file) {
-          return __spreadProps(__spreadValues({}, file), {
-            loading: false
-          });
-        })
-      );
-    }
-    setLoading(false);
-  }), "handleSecondHalfOfUpload");
+          })
+        );
+      }
+      setLoading(false);
+    }),
+    [action2, stableBeforeUpload, onChange, onFieldSubmit, onFileSuccess]
+  );
   const isAcceptPromise = React$1.useMemo(
     () => (__accept == null ? void 0 : __accept.then) || (Array.isArray(__accept) ? __accept.some((acc) => acc == null ? void 0 : acc.then) : false),
     [__accept]
   );
-  let dropzoneDisabled = _disabled;
-  let _accept = __accept;
-  if (resolvedAccept) {
-    _accept = resolvedAccept;
-  }
+  const _accept = React$1.useMemo(() => {
+    if (resolvedAccept) {
+      return resolvedAccept;
+    }
+    if (isAcceptPromise && !resolvedAccept) {
+      return [];
+    }
+    return __accept;
+  }, [__accept, isAcceptPromise, resolvedAccept]);
   React$1.useEffect(() => {
     if (isAcceptPromise) {
       setAcceptLoading(true);
@@ -67526,9 +67545,7 @@ const Uploader = /* @__PURE__ */ __name(({
       );
     }
   }, [__accept, isAcceptPromise]);
-  if (isAcceptPromise && !resolvedAccept) {
-    _accept = [];
-  }
+  let dropzoneDisabled = disabled;
   if (acceptLoading)
     dropzoneDisabled = true;
   const accept = React$1.useMemo(
@@ -67753,7 +67770,7 @@ const Uploader = /* @__PURE__ */ __name(({
           style: { fontSize: 11, marginBottom: 5 }
         },
         advancedAccept && !acceptLoading ? /* @__PURE__ */ React$1.createElement("div", null, "Accepts  ", /* @__PURE__ */ React$1.createElement("span", null, advancedAccept.map((acc, i) => {
-          const disabled = !(acc.description || acc.exampleFile || acc.exampleFiles);
+          const disabled2 = !(acc.description || acc.exampleFile || acc.exampleFiles);
           const PopOrTooltip = acc.exampleFiles ? core.Popover : core.Tooltip;
           const hasDownload = acc.exampleFile || acc.exampleFiles;
           const CustomTag = !hasDownload ? "span" : "a";
@@ -67762,7 +67779,7 @@ const Uploader = /* @__PURE__ */ __name(({
             {
               key: i,
               interactionKind: "hover",
-              disabled,
+              disabled: disabled2,
               modifiers: popoverOverflowModifiers,
               content: acc.exampleFiles ? /* @__PURE__ */ React$1.createElement(core.Menu, null, acc.exampleFiles.map(
                 ({ description, subtext, exampleFile, icon }, i2) => /* @__PURE__ */ React$1.createElement(

package/index.d.ts

@@ -15,6 +15,7 @@ export * from './utils/commandUtils';
 export * from './utils/commandControls';
 export * from './utils/useTraceUpdate';
 export { default as Uploader } from './FormComponents/Uploader';
+export { useDeepEqualMemo } from './utils/hooks';
 export { default as Loading } from './Loading';
 export { throwFormError } from './throwFormError';
 export { default as AdvancedOptions } from './AdvancedOptions';
@@ -57,6 +58,6 @@ export { mergeSchemas, default as convertSchema } from './DataTable/utils/conver
 export { getCurrentParamsFromUrl, setCurrentParamsOnUrl } from './DataTable/utils/queryParams';
 export { default as withSelectedEntities, getSelectedEntities } from './DataTable/utils/withSelectedEntities';
 export { default as DataTable, ConnectedPagingTool as PagingTool } from './DataTable';
-export { removeCleanRows, useTableEntities, getIdOrCodeOrIndex, useDeepEqualMemo } from './DataTable/utils';
+export { removeCleanRows, useTableEntities, getIdOrCodeOrIndex } from './DataTable/utils';
 export { default as withTableParams, useTableParams } from './DataTable/utils/withTableParams';
 export { default as Timeline, TimelineEvent } from './Timeline';

package/index.es.js

@@ -17129,13 +17129,6 @@ const handleCopyTable = /* @__PURE__ */ __name((e2, opts) => {
   }
 }, "handleCopyTable");
 const PRIMARY_SELECTED_VAL = "main_cell";
-const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
-  const ref2 = useRef();
-  if (!isEqual(value, ref2.current)) {
-    ref2.current = value;
-  }
-  return ref2.current;
-}, "useDeepEqualMemo");
 const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
   const dispatch = useDispatch();
   const selectTableEntities = useCallback(
@@ -17171,6 +17164,13 @@ const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
   });
   return { selectTableEntities, allOrderedEntities, selectedEntities };
 }, "useTableEntities");
+const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
+  const ref2 = useRef();
+  if (!isEqual(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemo");
 function rowClick(e2, rowInfo, entities, {
   reduxFormSelectedEntityIdMap,
   isSingleSelect,
@@ -31017,7 +31017,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
       e2.preventDefault();
       let newValue = null;
       if (multi) {
-        newValue = filter(value, (obj) => obj.disabled) || [];
+        newValue = filter(value, (obj) => obj == null ? void 0 : obj.disabled) || [];
       } else if (value && value.disabled) {
         newValue = value;
       }
@@ -31765,6 +31765,13 @@ const sortify = /* @__PURE__ */ __name((value, replacer, space2) => {
 }, "sortify");
 const REQUIRED_ERROR = "This field is required.";
 const fieldRequired = /* @__PURE__ */ __name((value) => !value || Array.isArray(value) && !value.length ? REQUIRED_ERROR : void 0, "fieldRequired");
+const useStableReference = /* @__PURE__ */ __name((value) => {
+  const ref2 = useRef();
+  useEffect(() => {
+    ref2.current = value;
+  }, [value]);
+  return ref2;
+}, "useStableReference");
 function getIntent({
   showErrorIfUntouched,
   meta: { touched, error, warning: warning2 }
@@ -31854,8 +31861,8 @@ const AbstractInput = /* @__PURE__ */ __name(({
   noFillField,
   noMarginBottom,
   noOuterLabel,
-  onDefaultValChanged,
-  onFieldSubmit,
+  onDefaultValChanged: _onDefaultValChanged,
+  onFieldSubmit: _onFieldSubmit,
   rightEl,
   secondaryLabel,
   setAssignDefaultsMode,
@@ -31867,11 +31874,13 @@ const AbstractInput = /* @__PURE__ */ __name(({
   tooltipProps
 }) => {
   const dispatch = useDispatch();
+  const onDefaultValChanged = useStableReference(_onDefaultValChanged);
+  const onFieldSubmit = useStableReference(_onFieldSubmit);
   useEffect(() => {
     if (defaultValue2 !== void 0) {
       dispatch(change(form, name, defaultValue2));
-      onDefaultValChanged && onDefaultValChanged(defaultValue2, name, form);
-      onFieldSubmit && onFieldSubmit(defaultValue2);
+      onDefaultValChanged.current && onDefaultValChanged.current(defaultValue2, name, form);
+      onFieldSubmit.current && onFieldSubmit.current(defaultValue2);
     }
   }, [defaultValue2, dispatch, form, name, onDefaultValChanged, onFieldSubmit]);
   const showError = (touched || showErrorIfUntouched) && error && !asyncValidating;
@@ -67372,6 +67381,9 @@ const InnerDropZone = /* @__PURE__ */ __name(({
     )
   )
 ), showFilesCount ? /* @__PURE__ */ React__default.createElement("div", { className: "tg-upload-file-list-counter" }, "Files: ", fileList ? fileList.length : 0) : null), "InnerDropZone");
+const onFileSuccessDefault = /* @__PURE__ */ __name(() => __async(void 0, null, function* () {
+  return;
+}), "onFileSuccessDefault");
 const Uploader = /* @__PURE__ */ __name(({
   accept: __accept,
   action: action2,
@@ -67380,7 +67392,7 @@ const Uploader = /* @__PURE__ */ __name(({
   callout: _callout,
   className = "",
   contentOverride: maybeContentOverride,
-  disabled: _disabled,
+  disabled,
   dropzoneProps = {},
   fileLimit,
   fileList,
@@ -67398,9 +67410,7 @@ const Uploader = /* @__PURE__ */ __name(({
   //called when all files have successfully uploaded
   onFileClick,
   // called when a file link in the filelist is clicked
-  onFileSuccess = /* @__PURE__ */ __name(() => __async(void 0, null, function* () {
-    return;
-  }), "onFileSuccess"),
+  onFileSuccess = onFileSuccessDefault,
   //called each time a file is finished and before the file.loading gets set to false, needs to return a promise!
   onPreviewClick,
   onRemove = noop$4,
@@ -67419,83 +67429,92 @@ const Uploader = /* @__PURE__ */ __name(({
   const [resolvedAccept, setResolvedAccept] = useState();
   const [loading, setLoading] = useState(false);
   const filesToClean = useRef([]);
-  const onChange = /* @__PURE__ */ __name((val) => {
-    flushSync(() => {
-      if (noRedux) {
-        return _onChange(val);
-      }
-      dispatch(touch(formName, name));
-      dispatch(change(formName, name, val));
-    });
-  }, "onChange");
-  const handleSecondHalfOfUpload = /* @__PURE__ */ __name((_0) => __async(void 0, [_0], function* ({
-    acceptedFiles,
-    cleanedFileList
-  }) {
-    onChange(cleanedFileList);
-    const keepGoing = beforeUpload ? yield beforeUpload(cleanedFileList, onChange) : true;
-    if (!keepGoing)
-      return;
-    if (action2) {
-      const responses = [];
-      yield Promise.all(
-        acceptedFiles.map((fileToUpload) => __async(void 0, null, function* () {
-          const data = new FormData();
-          data.append("file", fileToUpload);
-          try {
-            const res = yield window.serverApi ? window.serverApi.post(action2, data) : fetch(action2, {
-              method: "POST",
-              body: data
-            });
-            responses.push(res.data && res.data[0]);
-            onFileSuccess(res.data[0]).then(() => {
+  const stableOnChange = useStableReference(_onChange);
+  const stableBeforeUpload = useStableReference(beforeUpload);
+  const onChange = useCallback(
+    (val) => {
+      flushSync(() => {
+        if (noRedux) {
+          return stableOnChange.current(val);
+        }
+        dispatch(touch(formName, name));
+        dispatch(change(formName, name, val));
+      });
+    },
+    [dispatch, formName, name, noRedux, stableOnChange]
+  );
+  const handleSecondHalfOfUpload = useCallback(
+    (_0) => __async(void 0, [_0], function* ({ acceptedFiles, cleanedFileList }) {
+      onChange(cleanedFileList);
+      const keepGoing = stableBeforeUpload.current ? yield stableBeforeUpload.current(cleanedFileList, onChange) : true;
+      if (!keepGoing)
+        return;
+      if (action2) {
+        const responses = [];
+        yield Promise.all(
+          acceptedFiles.map((fileToUpload) => __async(void 0, null, function* () {
+            const data = new FormData();
+            data.append("file", fileToUpload);
+            try {
+              const res = yield window.serverApi ? window.serverApi.post(action2, data) : fetch(action2, {
+                method: "POST",
+                body: data
+              });
+              responses.push(res.data && res.data[0]);
+              onFileSuccess(res.data[0]).then(() => {
+                cleanedFileList = cleanedFileList.map((file) => {
+                  const fileToReturn = __spreadValues(__spreadValues({}, file), res.data[0]);
+                  if (fileToReturn.id === fileToUpload.id) {
+                    fileToReturn.loading = false;
+                  }
+                  return fileToReturn;
+                });
+                onChange(cleanedFileList);
+              });
+            } catch (err) {
+              console.error("Error uploading file:", err);
+              responses.push(__spreadProps(__spreadValues({}, fileToUpload), {
+                error: err && err.msg ? err.msg : err
+              }));
               cleanedFileList = cleanedFileList.map((file) => {
-                const fileToReturn = __spreadValues(__spreadValues({}, file), res.data[0]);
+                const fileToReturn = __spreadValues({}, file);
                 if (fileToReturn.id === fileToUpload.id) {
                   fileToReturn.loading = false;
+                  fileToReturn.error = true;
                 }
                 return fileToReturn;
               });
               onChange(cleanedFileList);
+            }
+          }))
+        );
+        onFieldSubmit(responses);
+      } else {
+        onChange(
+          cleanedFileList.map(function(file) {
+            return __spreadProps(__spreadValues({}, file), {
+              loading: false
             });
-          } catch (err) {
-            console.error("Error uploading file:", err);
-            responses.push(__spreadProps(__spreadValues({}, fileToUpload), {
-              error: err && err.msg ? err.msg : err
-            }));
-            cleanedFileList = cleanedFileList.map((file) => {
-              const fileToReturn = __spreadValues({}, file);
-              if (fileToReturn.id === fileToUpload.id) {
-                fileToReturn.loading = false;
-                fileToReturn.error = true;
-              }
-              return fileToReturn;
-            });
-            onChange(cleanedFileList);
-          }
-        }))
-      );
-      onFieldSubmit(responses);
-    } else {
-      onChange(
-        cleanedFileList.map(function(file) {
-          return __spreadProps(__spreadValues({}, file), {
-            loading: false
-          });
-        })
-      );
-    }
-    setLoading(false);
-  }), "handleSecondHalfOfUpload");
+          })
+        );
+      }
+      setLoading(false);
+    }),
+    [action2, stableBeforeUpload, onChange, onFieldSubmit, onFileSuccess]
+  );
   const isAcceptPromise = useMemo(
     () => (__accept == null ? void 0 : __accept.then) || (Array.isArray(__accept) ? __accept.some((acc) => acc == null ? void 0 : acc.then) : false),
     [__accept]
   );
-  let dropzoneDisabled = _disabled;
-  let _accept = __accept;
-  if (resolvedAccept) {
-    _accept = resolvedAccept;
-  }
+  const _accept = useMemo(() => {
+    if (resolvedAccept) {
+      return resolvedAccept;
+    }
+    if (isAcceptPromise && !resolvedAccept) {
+      return [];
+    }
+    return __accept;
+  }, [__accept, isAcceptPromise, resolvedAccept]);
   useEffect(() => {
     if (isAcceptPromise) {
       setAcceptLoading(true);
@@ -67508,9 +67527,7 @@ const Uploader = /* @__PURE__ */ __name(({
       );
     }
   }, [__accept, isAcceptPromise]);
-  if (isAcceptPromise && !resolvedAccept) {
-    _accept = [];
-  }
+  let dropzoneDisabled = disabled;
   if (acceptLoading)
     dropzoneDisabled = true;
   const accept = useMemo(
@@ -67735,7 +67752,7 @@ const Uploader = /* @__PURE__ */ __name(({
           style: { fontSize: 11, marginBottom: 5 }
         },
         advancedAccept && !acceptLoading ? /* @__PURE__ */ React__default.createElement("div", null, "Accepts  ", /* @__PURE__ */ React__default.createElement("span", null, advancedAccept.map((acc, i) => {
-          const disabled = !(acc.description || acc.exampleFile || acc.exampleFiles);
+          const disabled2 = !(acc.description || acc.exampleFile || acc.exampleFiles);
           const PopOrTooltip = acc.exampleFiles ? Popover : Tooltip;
           const hasDownload = acc.exampleFile || acc.exampleFiles;
           const CustomTag = !hasDownload ? "span" : "a";
@@ -67744,7 +67761,7 @@ const Uploader = /* @__PURE__ */ __name(({
             {
               key: i,
               interactionKind: "hover",
-              disabled,
+              disabled: disabled2,
               modifiers: popoverOverflowModifiers,
               content: acc.exampleFiles ? /* @__PURE__ */ React__default.createElement(Menu, null, acc.exampleFiles.map(
                 ({ description, subtext, exampleFile, icon }, i2) => /* @__PURE__ */ React__default.createElement(

package/package.json

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

package/src/DataTable/EditabelCell.js

@@ -1,13 +1,13 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 export const EditableCell = ({
-  value,
-  setValue,
   cancelEdit,
   dataTest,
   finishEdit,
-  isNumeric
+  isNumeric,
+  initialValue
 }) => {
+  const [value, setValue] = useState(initialValue);
   const inputRef = useRef(null);
 
   useEffect(() => {

package/src/DataTable/index.js

@@ -67,9 +67,9 @@ import {
   handleCopyTable,
   isEntityClean,
   PRIMARY_SELECTED_VAL,
-  removeCleanRows,
-  useDeepEqualMemo
+  removeCleanRows
 } from "./utils";
+import { useDeepEqualMemo } from "../utils/hooks";
 import rowClick, {
   changeSelectedEntities,
   finalizeSelection