@gridsheet/preact-core 3.0.0-rc.10 → 3.0.0-rc.12

package/README.md

@@ -5,7 +5,7 @@ Spreadsheet component for Preact
 ## Installation
 
 ```bash
-npm install @gridsheet/preact-core
+npm install @gridsheet/preact-core @gridsheet/functions
 ```
 
 ### Peer Dependencies
@@ -17,46 +17,40 @@ This package requires the following peer dependencies:
 
 ## Usage
 
-### Basic Preact Component
-
 ```tsx
 import { GridSheet } from '@gridsheet/preact-core';
+import { useSpellbook } from '@gridsheet/preact-core/spellbook'; // requires @gridsheet/functions
 
-// Your Preact component
 function App() {
+  const book = useSpellbook();
   return (
-    <GridSheet />
+    <>
+      <GridSheet
+        book={book}
+        initialCells={{
+          A1: { value: 'Hello' },
+          B1: { value: 'Preact', style: { backgroundColor: '#448888' } },
+          A2: { value: 123 },
+          B2: { value: 456 },
+          A3: { value: 789 },
+          C6: { value: '=SUM(A2:B2)' },
+        }}
+        options={{
+          mode: 'dark',
+        }}
+        sheetName="Sheet1"
+      />
+      <GridSheet
+        book={book}
+        initialCells={{
+          C3: { value: '=SUM(Sheet1!A2:B3)' },
+        }}
+        options={{}}
+        sheetName="Sheet2"
+      />
+    </>
   );
 }
-
-render(<App />, document.getElementById('app'));
-```
-
-### Vanilla JavaScript Integration
-
-```javascript
-import { GridSheet, h, render } from '@gridsheet/preact-core';
-
-// Create a container element
-const container = document.getElementById('gridsheet');
-
-// Render GridSheet directly
-render(
-  h(GridSheet, {
-    initialCells: {
-      A1: { value: 'Hello' },
-      B1: { value: 'Vanilla JS', style: { backgroundColor: '#448888'} },
-      A2: { value: 123 },
-      B2: { value: 456 },
-      C10: { value: '=SUM(A2:B2)' },
-    },
-    options: {
-      mode: 'dark',
-    },
-    sheetName: 'Sheet1'
-  }),
-  container
-);
 ```
 
 ## Exports

package/dist/{react-core/src/components → components}/FunctionGuide.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { FunctionHelp, AutocompleteOption } from '../../../core/src';
+import { FunctionHelp, AutocompleteOption } from '@gridsheet/core';
 type OptionWithGuide = AutocompleteOption & {
     isFunction?: boolean;
     example?: string;

package/dist/{react-core/src/components → components}/useAutocomplete.d.ts

@@ -1,4 +1,4 @@
-import { FunctionHelp, FunctionMapping, AutocompleteOption } from '../../../core/src';
+import { FunctionMapping, AutocompleteOption } from '@gridsheet/core';
 type UseAutocompleteProps = {
     inputting: string;
     selectionStart: number;
@@ -16,7 +16,7 @@ export declare const useAutocomplete: ({ inputting, selectionStart, optionsAll,
     handleArrowUp: (e: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;
     handleArrowDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;
     isFormula: boolean;
-    activeFunctionHelp: FunctionHelp | null;
+    activeFunctionHelp: any;
     activeArgIndex: number;
 };
 export {};

package/dist/index.d.ts

@@ -1,6 +1,20 @@
-export * from './react-core/src/index'
-export {}
-
+export { oa2aa, aa2oa, buildInitialCells, buildInitialCellsFromOrigin, zoneToArea, areaToZone, areaToRange, matrixShape, addressesToAreas, addressesToCols, addressesToRows, Time, x2c, c2x, y2r, r2y, p2a, a2p, rh, ch, Registry, createBook, createRegistry, Sheet, toValueMatrix, toValueObject, toValueRows, toValueCols, toCellMatrix, toCellObject, toCellRows, toCellCols, BaseFunction, BaseFunctionAsync, Lexer, FormulaParser, RefEntity, ValueEntity, RangeEntity, FormulaError, ensureString, ensureNumber, ensureBoolean, ensureDate, check, eachMatrix, createBooleanMask, conditionArg, stripMatrix, Policy, ThousandSeparatorPolicyMixin, operations, DEFAULT_HISTORY_LIMIT, Pending, Spilling, } from '@gridsheet/core';
+export type { CSSPropertiesLike, RefLike, MatrixType, CellType, System, Address, AsyncCache, FilterCondition, FilterConditionMethod, FilterConfig, FeedbackType, WriterType, CellsByAddressType, CellsByIdType, SystemsByIdType, ModeType, HeadersType, HistoryType, HistorySortRowsType, PointType, AreaType, ZoneType, EditorEvent, CursorStateType, BookType, BookProps, RegistryProps, TransmitProps, UserSheet, SheetLimits, ToValueMatrixProps, ToValueObjectProps, ToValueRowsProps, ToValueColsProps, ToCellMatrixProps, ToCellObjectProps, ToCellRowsProps, ToCellColsProps, FunctionProps, FunctionArgumentDefinition, FunctionCategory, FunctionMapping, EnsureNumberOptions, EnsureBooleanOptions, PolicyType, AutocompleteOption, PolicyMixinType, RenderProps, SerializeProps, SelectProps, SelectFallbackProps, SerializeForClipboardProps, } from '@gridsheet/core';
+export { GridSheet, createSheetRef, useSheetRef, createStoreRef, useStoreRef } from './components/GridSheet';
+export { updateSheet } from './store/actions';
+export { PluginBase, useInitialPluginContext, usePluginContext } from './components/PluginBase';
+export { MenuItem, MenuDivider } from './components/MenuItem';
+export { useBook } from './lib/hooks';
+export type { Dispatcher } from './store';
+export { CheckboxPolicyMixin } from './policy/checkbox';
+export type { Props, StoreType, SheetHandle, StoreHandle, OptionsType } from './types';
+export { userActions } from './store/actions';
+export { clip, sheet2csv } from './lib/clipboard';
+export { applyers } from './store/applyers';
+export { makeBorder } from './lib/style';
+export type { MenuContext, MenuItemBase, MenuComponentItem, ContextMenuItemDescriptor, RowMenuItemDescriptor, ColMenuItemDescriptor, MenuDividerItem, ContextMenuSectionProps, RowMenuSectionProps, ColMenuSectionProps, } from './lib/menu';
+export { defaultContextMenuDescriptors, defaultRowMenuDescriptors, defaultColMenuDescriptors, registerMenuComponent, } from './lib/menu';
+//# sourceMappingURL=index.d.ts.map
 export { h, render } from "preact";
 export {
   useState,

package/dist/index.js

@@ -1265,6 +1265,7 @@ const Editor = ({ mode }) => {
         return;
       }
       dispatch(setInputting(e.currentTarget.value));
+      setSelectionStart(e.currentTarget.selectionStart);
       setSelected(0);
     },
     [cell]
@@ -4432,6 +4433,7 @@ const FormulaBar = ({ ready }) => {
   const largeInput = largeEditorRef.current;
   const handleInput = useCallback((e) => {
     dispatch(setInputting(e.currentTarget.value));
+    setSelectionStart(e.currentTarget.selectionStart);
   }, []);
   const handleSelect = useCallback((e) => {
     setSelectionStart(e.currentTarget.selectionStart);