@dxos/react-ui-grid 0.8.4-main.5acf9ea → 0.8.4-main.5ea62a8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-grid",
-  "version": "0.8.4-main.5acf9ea",
+  "version": "0.8.4-main.5ea62a8",
   "description": "React component which manages a `dx-grid` Lit web component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,9 +10,9 @@
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs",
-      "source": "./src/index.ts"
+      "browser": "./dist/lib/browser/index.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -32,27 +32,27 @@
     "@radix-ui/react-context": "1.1.1",
     "@radix-ui/react-popper": "1.2.2",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@dxos/lit-grid": "0.8.4-main.5acf9ea",
-    "@dxos/react-ui-editor": "0.8.4-main.5acf9ea",
-    "@dxos/util": "0.8.4-main.5acf9ea"
+    "@dxos/lit-grid": "0.8.4-main.5ea62a8",
+    "@dxos/react-ui-editor": "0.8.4-main.5ea62a8",
+    "@dxos/util": "0.8.4-main.5ea62a8"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "vite": "5.4.7",
-    "@dxos/random": "0.8.4-main.5acf9ea",
-    "@dxos/react-ui-theme": "0.8.4-main.5acf9ea",
-    "@dxos/react-ui": "0.8.4-main.5acf9ea",
-    "@dxos/react-ui-searchlist": "0.8.4-main.5acf9ea",
-    "@dxos/storybook-utils": "0.8.4-main.5acf9ea"
+    "vite": "7.1.1",
+    "@dxos/random": "0.8.4-main.5ea62a8",
+    "@dxos/react-ui-theme": "0.8.4-main.5ea62a8",
+    "@dxos/storybook-utils": "0.8.4-main.5ea62a8",
+    "@dxos/react-ui": "0.8.4-main.5ea62a8",
+    "@dxos/react-ui-searchlist": "0.8.4-main.5ea62a8"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.4-main.5acf9ea",
-    "@dxos/react-ui-theme": "0.8.4-main.5acf9ea"
+    "@dxos/react-ui": "0.8.4-main.5ea62a8",
+    "@dxos/react-ui-theme": "0.8.4-main.5ea62a8"
   },
   "publishConfig": {
     "access": "public"

package/src/CellEditor/CellEditor.stories.tsx

@@ -11,8 +11,8 @@ import { withTheme } from '@dxos/storybook-utils';
 
 import { CellEditor, type CellEditorProps, type EditorKeyEvent, editorKeys } from './CellEditor';
 
-const DefaultStory = (args: CellEditorProps) => {
-  const [value, setValue] = useState(args.value || 'Edit me');
+const DefaultStory = (props: CellEditorProps) => {
+  const [value, setValue] = useState(props.value || 'Edit me');
   const [lastAction, setLastAction] = useState<string>('');
 
   const handleBlur = (newValue?: string) => {
@@ -32,7 +32,7 @@ const DefaultStory = (args: CellEditorProps) => {
   };
 
   // Create an extension with editor keys
-  const extension = args.extension || [
+  const extension = props.extension || [
     editorKeys({
       onClose: handleKeyEvent,
       onNav: (value, event) => {
@@ -53,7 +53,7 @@ const DefaultStory = (args: CellEditorProps) => {
         <CellEditor
           value={value}
           extension={extension}
-          autoFocus={args.autoFocus}
+          autoFocus={props.autoFocus}
           onBlur={handleBlur}
           box={{
             insetInlineStart: 10,
@@ -68,7 +68,7 @@ const DefaultStory = (args: CellEditorProps) => {
   );
 };
 
-const meta: Meta<CellEditorProps> = {
+const meta = {
   title: 'ui/react-ui-grid/CellEditor',
   component: CellEditor,
   render: DefaultStory,
@@ -76,11 +76,11 @@ const meta: Meta<CellEditorProps> = {
   parameters: {
     layout: 'centered',
   },
-};
+} satisfies Meta<typeof CellEditor>;
 
 export default meta;
 
-type Story = StoryObj<CellEditorProps>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {

package/src/CellEditor/CellEditor.tsx

@@ -9,12 +9,12 @@ import React, { type KeyboardEvent } from 'react';
 
 import { useThemeContext } from '@dxos/react-ui';
 import {
+  type ThemeExtensionsOptions,
   type UseTextEditorProps,
   createBasicExtensions,
   createThemeExtensions,
   preventNewline,
   useTextEditor,
-  type ThemeExtensionsOptions,
 } from '@dxos/react-ui-editor';
 import { mx } from '@dxos/react-ui-theme';
 

package/src/CellEditor/GridCellEditor.tsx

@@ -4,8 +4,9 @@
 
 import React, { useCallback } from 'react';
 
+import { type DxGridCellIndex, type GridScopedProps, useGridContext } from '../Grid';
+
 import { CellEditor, type CellEditorProps } from './CellEditor';
-import { type GridScopedProps, useGridContext, type DxGridCellIndex } from '../Grid';
 
 export type GridCellEditorProps = GridScopedProps<
   Pick<CellEditorProps, 'extension' | 'onBlur' | 'slots'> & {

package/src/Grid/Grid.stories.tsx

@@ -13,7 +13,7 @@ import { DropdownMenu } from '@dxos/react-ui';
 import { PopoverCombobox, type PopoverComboboxRootProps } from '@dxos/react-ui-searchlist';
 import { withTheme } from '@dxos/storybook-utils';
 
-import { Grid, type GridEditing, type GridContentProps, type GridRootProps } from './Grid';
+import { Grid, type GridContentProps, type GridEditing, type GridRootProps } from './Grid';
 
 const storybookItems = faker.helpers.uniqueArray(faker.commerce.productName, 16);
 
@@ -101,12 +101,12 @@ const GridStory = ({ initialCells, ...props }: GridStoryProps) => {
   );
 };
 
-const meta: Meta<GridStoryProps> = {
+const meta = {
   title: 'ui/react-ui-grid/Grid',
   component: GridStory,
   decorators: [withTheme],
   parameters: { layout: 'fullscreen' },
-};
+} satisfies Meta<typeof GridStory>;
 
 export default meta;
 

package/src/Grid/Grid.tsx

@@ -4,8 +4,8 @@
 
 import '@dxos/lit-grid/dx-grid.pcss';
 
-import { createComponent, type EventName } from '@lit/react';
-import { createContextScope, type Scope } from '@radix-ui/react-context';
+import { type EventName, createComponent } from '@lit/react';
+import { type Scope, createContextScope } from '@radix-ui/react-context';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import React, {
   type ComponentProps,
@@ -178,6 +178,7 @@ export {
   toPlaneCellIndex,
   parseCellIndex,
   cellQuery,
+  DxEditRequest,
 } from '@dxos/lit-grid';
 
 export type {