@teselagen/ui 0.5.23-beta.5 → 0.5.23-beta.7

package/index.cjs.js

@@ -47166,11 +47166,10 @@ const EditableCell = /* @__PURE__ */ __name(({
     }, dataTest), {
       autoFocus: true,
       onKeyDown: (e2) => {
+        e2.stopPropagation();
         if (e2.key === "Enter") {
           e2.target.blur();
-          e2.stopPropagation();
         } else if (e2.key === "Escape") {
-          e2.stopPropagation();
           cancelEdit();
         }
       },
@@ -49069,7 +49068,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
       if (editingCell === cellId)
         return;
       if (pressedKey) {
-        setEditableCellValue(pressedKey);
+        setEditableCellValue("");
       } else {
         const [rowId, path2] = cellId.split(":");
         const entityIdToEntity = getEntityIdToEntity(entities);
@@ -50391,10 +50390,12 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     acc[index2] = expandedEntityIdMap[rowId];
     return acc;
   }, {});
-  let children = maybeChildren;
-  if (children && typeof children === "function") {
-    children = children(props);
-  }
+  const children = React$1.useMemo(() => {
+    if (maybeChildren && typeof maybeChildren === "function") {
+      return maybeChildren(props);
+    }
+    return maybeChildren;
+  }, [maybeChildren, props]);
   const showHeader = (withTitle || withSearch || children) && !noHeader;
   const toggleFullscreenButton = /* @__PURE__ */ React$1.createElement(
     core.Button,

package/index.es.js

@@ -47148,11 +47148,10 @@ const EditableCell = /* @__PURE__ */ __name(({
     }, dataTest), {
       autoFocus: true,
       onKeyDown: (e2) => {
+        e2.stopPropagation();
         if (e2.key === "Enter") {
           e2.target.blur();
-          e2.stopPropagation();
         } else if (e2.key === "Escape") {
-          e2.stopPropagation();
           cancelEdit();
         }
       },
@@ -49051,7 +49050,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
       if (editingCell === cellId)
         return;
       if (pressedKey) {
-        setEditableCellValue(pressedKey);
+        setEditableCellValue("");
       } else {
         const [rowId, path2] = cellId.split(":");
         const entityIdToEntity = getEntityIdToEntity(entities);
@@ -50373,10 +50372,12 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     acc[index2] = expandedEntityIdMap[rowId];
     return acc;
   }, {});
-  let children = maybeChildren;
-  if (children && typeof children === "function") {
-    children = children(props);
-  }
+  const children = useMemo(() => {
+    if (maybeChildren && typeof maybeChildren === "function") {
+      return maybeChildren(props);
+    }
+    return maybeChildren;
+  }, [maybeChildren, props]);
   const showHeader = (withTitle || withSearch || children) && !noHeader;
   const toggleFullscreenButton = /* @__PURE__ */ React__default.createElement(
     Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.5.23-beta.5",
+  "version": "0.5.23-beta.7",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -12,6 +12,9 @@
   "dependencies": {
     "@teselagen/file-utils": "0.3.16",
     "@teselagen/bounce-loader": "0.3.11",
+    "@blueprintjs/core": "3.52.0",
+    "@blueprintjs/datetime": "3.23.19",
+    "@blueprintjs/select": "3.18.11",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
@@ -36,14 +39,14 @@
     "nanoid": "^4.0.0",
     "papaparse": "^5.3.2",
     "qs": "^6.9.6",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-color": "^2.19.3",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-dropzone": "^11.4.2",
     "react-markdown": "8.0.7",
     "react-redux": "^8.0.5",
     "react-rnd": "^10.2.4",
-    "react-router-dom": "^4.3.1",
+    "react-router-dom": "4",
     "react-transition-group": "^2.4.0",
     "recompose": "npm:react-recompose@0.31.1",
     "redux": "^4.1.2",

package/src/DataTable/EditabelCell.js

@@ -28,11 +28,10 @@ export const EditableCell = ({
       {...dataTest}
       autoFocus
       onKeyDown={e => {
+        e.stopPropagation();
         if (e.key === "Enter") {
           e.target.blur();
-          e.stopPropagation();
         } else if (e.key === "Escape") {
-          e.stopPropagation();
           cancelEdit();
         }
       }}

package/src/DataTable/index.js

@@ -1051,7 +1051,7 @@ const DataTable = ({
       //check if the cell is already selected and editing and if so, don't change it
       if (editingCell === cellId) return;
       if (pressedKey) {
-        setEditableCellValue(pressedKey);
+        setEditableCellValue("");
       } else {
         const [rowId, path] = cellId.split(":");
         const entityIdToEntity = getEntityIdToEntity(entities);
@@ -2494,10 +2494,14 @@ const DataTable = ({
     acc[index] = expandedEntityIdMap[rowId];
     return acc;
   }, {});
-  let children = maybeChildren;
-  if (children && typeof children === "function") {
-    children = children(props);
-  }
+
+  const children = useMemo(() => {
+    if (maybeChildren && typeof maybeChildren === "function") {
+      return maybeChildren(props);
+    }
+    return maybeChildren;
+  }, [maybeChildren, props]);
+
   const showHeader = (withTitle || withSearch || children) && !noHeader;
   const toggleFullscreenButton = (
     <Button