@gridsheet/react-core 2.0.3 → 2.0.5-0

package/README.md

@@ -18,9 +18,8 @@ $ npm install @gridsheet/react-core --save
 
 ## Docs
 
-- [ReactGridsheet document](https://docs.walkframe.com/gridsheet/react)
-- [Examples](https://docs.walkframe.com/gridsheet/Examples/react-case1)
-- [Histories](https://docs.walkframe.com/gridsheet/history)
+- [GridSheet document](https://gridsheet.walkframe.com/)
+- [Examples](https://gridsheet.walkframe.com/examples/case1)
 
 ## License
 [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fwalkframe%2Freact-gridsheet.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fwalkframe%2Freact-gridsheet?ref=badge_large)

package/dist/components/FormulaBar.d.ts

@@ -1,2 +1,6 @@
-export declare const FormulaBar: () => JSX.Element;
+type FormulaBarProps = {
+    ready: boolean;
+};
+export declare const FormulaBar: ({ ready }: FormulaBarProps) => JSX.Element;
+export {};
 //# sourceMappingURL=FormulaBar.d.ts.map

package/dist/components/FormulaBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaBar.d.ts","sourceRoot":"","sources":["../../src/components/FormulaBar.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,mBAuMtB,CAAC"}
+{"version":3,"file":"FormulaBar.d.ts","sourceRoot":"","sources":["../../src/components/FormulaBar.tsx"],"names":[],"mappings":"AAUA,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,WAAW,eAAe,gBAsMpD,CAAC"}

package/dist/index.js

@@ -10415,7 +10415,7 @@ const embedStyle = () => {
   style.setAttribute("data-modified-at", `${LAST_MODIFIED}`);
   style.innerText = CSS;
 };
-const FormulaBar = () => {
+const FormulaBar = ({ ready }) => {
   var _a;
   const { store, dispatch } = useContext(Context);
   const [before, setBefore] = useState("");
@@ -10464,7 +10464,6 @@ const FormulaBar = () => {
   }, []);
   const largeInput = largeEditorRef.current;
   const handleInput = useCallback((e) => {
-    console.log("e.currentTarget.value", e.currentTarget.value);
     dispatch(setInputting(e.currentTarget.value));
   }, []);
   const updateScroll = useCallback(() => {
@@ -10556,14 +10555,15 @@ const FormulaBar = () => {
     },
     [table, choosing, before, writeCell, updateScroll]
   );
+  const style = ready ? {} : { visibility: "hidden" };
   if (!table) {
-    return /* @__PURE__ */ jsxs("label", { className: "gs-formula-bar gs-hidden", children: [
+    return /* @__PURE__ */ jsxs("label", { className: "gs-formula-bar gs-hidden", style, children: [
       /* @__PURE__ */ jsx("div", { className: "gs-selecting-address" }),
       /* @__PURE__ */ jsx("div", { className: "gs-fx", children: "Fx" }),
       /* @__PURE__ */ jsx("div", { className: "gs-formula-bar-editor-inner", children: /* @__PURE__ */ jsx("textarea", {}) })
     ] });
   }
-  return /* @__PURE__ */ jsxs("label", { className: "gs-formula-bar", children: [
+  return /* @__PURE__ */ jsxs("label", { className: "gs-formula-bar", "data-sheet-id": store.sheetId, style, children: [
     /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", left: 0, top: 0, zIndex: 2 }, vertical: -1 }),
     /* @__PURE__ */ jsx("div", { className: "gs-selecting-address", children: address }),
     /* @__PURE__ */ jsx("div", { className: "gs-fx", children: "Fx" }),
@@ -10851,7 +10851,7 @@ function GridSheet({
         /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "fixed", top: 0, left: 0 } }),
         /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", zIndex: 4, right: 0, top: 0, width: 5 }, horizontal: 1 }),
         /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", zIndex: 4, left: 0, bottom: 0, height: 5 }, vertical: 1 }),
-        typeof store.searchQuery === "undefined" ? showFormulaBar && /* @__PURE__ */ jsx(FormulaBar, {}) : /* @__PURE__ */ jsx(SearchBar, {}),
+        typeof store.searchQuery === "undefined" ? showFormulaBar && /* @__PURE__ */ jsx(FormulaBar, { ready: wire.ready }) : /* @__PURE__ */ jsx(SearchBar, {}),
         /* @__PURE__ */ jsxs(
           "div",
           {