@dxos/plugin-sheet 0.13.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/PLUGIN.mdl +26 -0
  2. package/dist/lib/chunk-PLUGIN.mjs +1 -1
  3. package/dist/lib/components.mjs +14 -10
  4. package/dist/lib/components.mjs.map +1 -1
  5. package/dist/lib/meta.mjs +5 -1
  6. package/dist/lib/meta.mjs.map +1 -1
  7. package/dist/types/src/components/SheetStatusbar/SheetStatusbar.d.ts.map +1 -1
  8. package/dist/types/tsconfig.tsbuildinfo +1 -1
  9. package/dx.config.ts +1 -0
  10. package/package.json +42 -42
  11. package/src/components/SheetStatusbar/SheetStatusbar.tsx +14 -15
package/dx.config.ts CHANGED
@@ -29,6 +29,7 @@ export default Config2.make({
29
29
  screenshots: [
30
30
  { dark: 'https://media.dxos.network/plugin-details-sheet-dark.png' },
31
31
  { dark: 'https://pub-39066a86073446d7b77b1c157b660bb5.r2.dev/demos/2026-08-27-qa-flows/plugin-sheet-QA-1.webm' },
32
+ { dark: 'https://assets.composer.space/demos/2026-10-09-plugin-sheet.mp4?v=f7e67bab' },
32
33
  ],
33
34
  tags: ['alpha'],
34
35
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/plugin-sheet",
3
- "version": "0.13.0",
3
+ "version": "0.14.0",
4
4
  "description": "Braneframe sketch plugin",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -164,37 +164,37 @@
164
164
  "@lezer/common": "^1.5.2",
165
165
  "@lezer/highlight": "^1.2.3",
166
166
  "codemirror-lang-spreadsheet": "^1.3.0",
167
- "@dxos/app-framework": "0.13.0",
168
- "@dxos/app-toolkit": "0.13.0",
169
- "@dxos/async": "0.13.0",
170
- "@dxos/client": "0.13.0",
171
- "@dxos/compute": "0.13.0",
172
- "@dxos/compute-hyperformula": "0.13.0",
173
- "@dxos/context": "0.13.0",
174
- "@dxos/crypto": "0.13.0",
175
- "@dxos/debug": "0.13.0",
176
- "@dxos/echo": "0.13.0",
177
- "@dxos/echo-doc": "0.13.0",
178
- "@dxos/echo-react": "0.13.0",
179
- "@dxos/invariant": "0.13.0",
180
- "@dxos/keys": "0.13.0",
181
- "@dxos/lit-grid": "0.13.0",
182
- "@dxos/log": "0.13.0",
183
- "@dxos/plugin-client": "0.13.0",
184
- "@dxos/plugin-markdown": "0.13.0",
185
- "@dxos/plugin-review": "0.13.0",
186
- "@dxos/plugin-space": "0.13.0",
187
- "@dxos/react-client": "0.13.0",
188
- "@dxos/react-hooks": "0.13.0",
189
- "@dxos/react-ui-attention": "0.13.0",
190
- "@dxos/react-ui-form": "0.13.0",
191
- "@dxos/react-ui-grid": "0.13.0",
192
- "@dxos/react-ui-list": "0.13.0",
193
- "@dxos/react-ui-menu": "0.13.0",
194
- "@dxos/types": "0.13.0",
195
- "@dxos/ui-editor": "0.13.0",
196
- "@dxos/ui-types": "0.13.0",
197
- "@dxos/util": "0.13.0"
167
+ "@dxos/app-framework": "0.14.0",
168
+ "@dxos/app-toolkit": "0.14.0",
169
+ "@dxos/async": "0.14.0",
170
+ "@dxos/client": "0.14.0",
171
+ "@dxos/compute": "0.14.0",
172
+ "@dxos/compute-hyperformula": "0.14.0",
173
+ "@dxos/context": "0.14.0",
174
+ "@dxos/crypto": "0.14.0",
175
+ "@dxos/debug": "0.14.0",
176
+ "@dxos/echo": "0.14.0",
177
+ "@dxos/echo-doc": "0.14.0",
178
+ "@dxos/echo-react": "0.14.0",
179
+ "@dxos/invariant": "0.14.0",
180
+ "@dxos/keys": "0.14.0",
181
+ "@dxos/lit-grid": "0.14.0",
182
+ "@dxos/log": "0.14.0",
183
+ "@dxos/plugin-client": "0.14.0",
184
+ "@dxos/plugin-markdown": "0.14.0",
185
+ "@dxos/plugin-review": "0.14.0",
186
+ "@dxos/plugin-space": "0.14.0",
187
+ "@dxos/react-client": "0.14.0",
188
+ "@dxos/react-hooks": "0.14.0",
189
+ "@dxos/react-ui-attention": "0.14.0",
190
+ "@dxos/react-ui-form": "0.14.0",
191
+ "@dxos/react-ui-grid": "0.14.0",
192
+ "@dxos/react-ui-list": "0.14.0",
193
+ "@dxos/react-ui-menu": "0.14.0",
194
+ "@dxos/types": "0.14.0",
195
+ "@dxos/ui-editor": "0.14.0",
196
+ "@dxos/ui-types": "0.14.0",
197
+ "@dxos/util": "0.14.0"
198
198
  },
199
199
  "devDependencies": {
200
200
  "@effect/atom-react": "4.0.0",
@@ -206,22 +206,22 @@
206
206
  "react": "~19.2.7",
207
207
  "react-dom": "~19.2.7",
208
208
  "vite": "^8.2.2",
209
- "@dxos/lit-grid": "0.13.0",
210
- "@dxos/plugin-testing": "0.13.0",
211
- "@dxos/random": "0.13.0",
212
- "@dxos/react-ui": "0.13.0",
213
- "@dxos/react-ui-editor": "0.13.0",
214
- "@dxos/react-ui-syntax-highlighter": "0.13.0",
215
- "@dxos/test-utils": "0.13.0",
216
- "@dxos/ui-theme": "0.13.0"
209
+ "@dxos/lit-grid": "0.14.0",
210
+ "@dxos/plugin-testing": "0.14.0",
211
+ "@dxos/random": "0.14.0",
212
+ "@dxos/react-ui": "0.14.0",
213
+ "@dxos/react-ui-editor": "0.14.0",
214
+ "@dxos/react-ui-syntax-highlighter": "0.14.0",
215
+ "@dxos/test-utils": "0.14.0",
216
+ "@dxos/ui-theme": "0.14.0"
217
217
  },
218
218
  "peerDependencies": {
219
219
  "@effect/atom-react": "4.0.0",
220
220
  "effect": "4.0.0",
221
221
  "react": "~19.2.7",
222
222
  "react-dom": "~19.2.7",
223
- "@dxos/react-ui": "^0.13.0",
224
- "@dxos/ui-theme": "^0.13.0"
223
+ "@dxos/react-ui": "^0.14.0",
224
+ "@dxos/ui-theme": "^0.14.0"
225
225
  },
226
226
  "publishConfig": {
227
227
  "access": "public"
package/src/components/SheetStatusbar/SheetStatusbar.tsx CHANGED
@@ -6,8 +6,8 @@ import React from 'react';
6
6
 
7
7
  import { addressToA1Notation, isFormula, rangeToA1Notation } from '@dxos/compute-hyperformula';
8
8
  import * as Icon from '@dxos/react-ui/Icon';
9
+ import * as Layout from '@dxos/react-ui/Layout';
9
10
  import * as Util from '@dxos/react-ui/Util';
10
- import { mx } from '@dxos/ui-theme';
11
11
 
12
12
  import { SheetUtil } from '#types';
13
13
 
@@ -16,7 +16,6 @@ import { useSheetContext } from '../SheetRoot/index.ts';
16
16
  export type SheetStatusbarProps = {};
17
17
 
18
18
  export const SheetStatusbar = Util.composable<HTMLDivElement, SheetStatusbarProps>((props, forwardedRef) => {
19
- const { className, ...rest } = Util.composableProps(props);
20
19
  const { model, cursor, range } = useSheetContext();
21
20
 
22
21
  let value;
@@ -32,23 +31,23 @@ export const SheetStatusbar = Util.composable<HTMLDivElement, SheetStatusbarProp
32
31
  }
33
32
 
34
33
  return (
35
- <div
34
+ <Layout.Flex
35
+ justify='between'
36
+ align='center'
37
+ {...Util.composableProps(props, {
38
+ classNames: 'shrink-0 px-4 py-1 text-sm dx-toolbar-surface border-y !border-separator-subtle',
39
+ })}
36
40
  ref={forwardedRef}
37
- {...rest}
38
- className={mx(
39
- 'flex shrink-0 justify-between items-center px-4 py-1 text-sm dx-toolbar-surface border-y !border-separator-subtle',
40
- className,
41
- )}
42
41
  >
43
- <div className='flex gap-4 items-center'>
44
- <div className='flex w-16 items-center font-mono'>
42
+ <Layout.Flex gap='lg' align='center'>
43
+ <Layout.Flex align='center' classNames='w-16 font-mono'>
45
44
  {(range && rangeToA1Notation(range)) || (cursor && addressToA1Notation(cursor))}
46
- </div>
47
- <div className='flex gap-2 items-center'>
45
+ </Layout.Flex>
46
+ <Layout.Flex gap='sm' align='center'>
48
47
  <Icon.Icon icon='ph--function--regular' classNames={['text-green-text', formula ? 'visible' : 'invisible']} />
49
48
  <span className='font-mono'>{value}</span>
50
- </div>
51
- </div>
52
- </div>
49
+ </Layout.Flex>
50
+ </Layout.Flex>
51
+ </Layout.Flex>
53
52
  );
54
53
  });