@teselagen/ui 0.7.21 → 0.7.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.21",
+  "version": "0.7.22",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -13,6 +13,8 @@
   "dependencies": {
     "@teselagen/file-utils": "0.3.18",
     "@teselagen/bounce-loader": "0.3.11",
+    "@blueprintjs/core": "3.54.0",
+    "@blueprintjs/datetime": "^3.24.1",
     "@blueprintjs/icons": "3.33.0",
     "@blueprintjs/select": "3.18.11",
     "@dnd-kit/core": "^6.1.0",
@@ -38,11 +40,13 @@
     "mobx": "^6.10.2",
     "mock-fs": "5.2.0",
     "nanoid": "^4.0.0",
+    "papaparse": "5.3.2",
     "qs": "^6.9.6",
     "react": "^18.3.1",
     "react-color": "^2.19.3",
     "react-dom": "^18.3.1",
     "react-dropzone": "^11.4.2",
+    "react-markdown": "9.0.1",
     "react-redux": "^8.0.5",
     "react-rnd": "^10.2.4",
     "react-router-dom": "4",
@@ -51,6 +55,7 @@
     "redux": "^4.1.2",
     "redux-form": "^8.3.10",
     "redux-thunk": "2.4.1",
+    "remark-gfm": "^4.0.0",
     "tippy.js": "^6.3.7",
     "url-join": "^4.0.1",
     "use-deep-compare-effect": "^1.6.1",

package/src/DataTable/SearchBar.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { Button, Classes, Spinner } from "@blueprintjs/core";
 import classNames from "classnames";
 import { onEnterHelper } from "../utils/handlerHelpers";
@@ -13,6 +13,7 @@ const SearchBar = ({
   autoFocusSearch,
   noForm
 }) => {
+  const [inputText, setInputText] = useState(searchInput);
   if (noForm) {
     console.error(
       "The search bar requires the component to be wrapped in a form"
@@ -36,7 +37,7 @@ const SearchBar = ({
         minimal
         icon="search"
         onClick={() => {
-          setSearchTerm(searchInput);
+          setSearchTerm(inputText);
         }}
       />
     );
@@ -48,6 +49,10 @@ const SearchBar = ({
       loading={loading}
       type="search"
       defaultValue={searchInput}
+      value={inputText}
+      onChange={e => {
+        setInputText(e.target.value);
+      }}
       className={classNames("datatable-search-input", Classes.ROUND)}
       placeholder="Search..."
       {...onEnterHelper(e => {

package/src/ExcelCell.js

@@ -1,38 +0,0 @@
-/* eslint react/jsx-no-bind: 0 */
-import { Popover } from "@blueprintjs/core";
-import React, { useState } from "react";
-
-export default function ExcelCell() {
-  const [v, setV] = useState("");
-  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-  return (
-    <Popover
-      onClose={() => {
-        setIsPopoverOpen(false);
-      }}
-      isOpen={isPopoverOpen}
-      content={<div>Sum</div>}
-    >
-      <div
-        style={{
-          border: "1px solid #ccc",
-          padding: 5,
-          width: 100,
-          height: 30
-        }}
-        contentEditable
-        onInput={e => {
-          const text = e.currentTarget.textContent;
-
-          if (text === "=") {
-            // open a popover
-            setIsPopoverOpen(true);
-          }
-          setV(text);
-        }}
-      >
-        {v}
-      </div>
-    </Popover>
-  );
-}