@gridsheet/preact-core 2.0.3 → 2.0.5-0

package/README.md

@@ -8,7 +8,7 @@ Spreadsheet component for Preact
 npm install @gridsheet/preact-core
 ```
 
-## Peer Dependencies
+### Peer Dependencies
 
 This package requires the following peer dependencies:
 
@@ -67,6 +67,11 @@ This package exports all the core GridSheet functionality along with Preact comp
 - Core GridSheet components and utilities
 - Preact-specific exports (`h`, `render`)
 
+## Docs
+
+- [GridSheet document](https://gridsheet.walkframe.com/)
+- [Examples](https://gridsheet.walkframe.com/examples/case1)
+
 ## Development
 
 ```bash

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/index.js

@@ -10416,7 +10416,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("");
@@ -10465,7 +10465,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(() => {
@@ -10557,14 +10556,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" }),
@@ -10852,7 +10852,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",
           {