@dxos/plugin-file 0.13.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-file",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Inline file (image / PDF) storage plugin for DXOS",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -159,27 +159,27 @@
     "effect": "4.0.0",
     "pdfjs-dist": "^6.2.108",
     "react-dropzone": "^14.2.3",
-    "@dxos/app-framework": "0.13.0",
-    "@dxos/app-toolkit": "0.13.0",
-    "@dxos/blob": "0.13.0",
-    "@dxos/compute": "0.13.0",
-    "@dxos/echo": "0.13.0",
-    "@dxos/echo-react": "0.13.0",
-    "@dxos/effect": "0.13.0",
-    "@dxos/errors": "0.13.0",
-    "@dxos/keys": "0.13.0",
-    "@dxos/log": "0.13.0",
-    "@dxos/plugin-client": "0.13.0",
-    "@dxos/plugin-markdown": "0.13.0",
-    "@dxos/plugin-space": "0.13.0",
-    "@dxos/react-client": "0.13.0",
-    "@dxos/react-focus": "0.13.0",
-    "@dxos/react-ui": "0.13.0",
-    "@dxos/react-ui-attention": "0.13.0",
-    "@dxos/react-ui-form": "0.13.0",
-    "@dxos/types": "0.13.0",
-    "@dxos/ui-editor": "0.13.0",
-    "@dxos/util": "0.13.0"
+    "@dxos/app-framework": "0.14.0",
+    "@dxos/app-toolkit": "0.14.0",
+    "@dxos/blob": "0.14.0",
+    "@dxos/compute": "0.14.0",
+    "@dxos/echo": "0.14.0",
+    "@dxos/echo-react": "0.14.0",
+    "@dxos/effect": "0.14.0",
+    "@dxos/errors": "0.14.0",
+    "@dxos/keys": "0.14.0",
+    "@dxos/log": "0.14.0",
+    "@dxos/plugin-client": "0.14.0",
+    "@dxos/plugin-markdown": "0.14.0",
+    "@dxos/plugin-space": "0.14.0",
+    "@dxos/react-client": "0.14.0",
+    "@dxos/react-focus": "0.14.0",
+    "@dxos/react-ui": "0.14.0",
+    "@dxos/react-ui-attention": "0.14.0",
+    "@dxos/react-ui-form": "0.14.0",
+    "@dxos/types": "0.14.0",
+    "@dxos/ui-editor": "0.14.0",
+    "@dxos/util": "0.14.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.6.0",
@@ -189,15 +189,15 @@
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
     "vite": "^8.2.2",
-    "@dxos/plugin-testing": "0.13.0",
-    "@dxos/ui-theme": "0.13.0"
+    "@dxos/plugin-testing": "0.14.0",
+    "@dxos/ui-theme": "0.14.0"
   },
   "peerDependencies": {
     "effect": "4.0.0",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "@dxos/react-ui": "^0.13.0",
-    "@dxos/ui-theme": "^0.13.0"
+    "@dxos/react-ui": "^0.14.0",
+    "@dxos/ui-theme": "^0.14.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Preview/Preview.tsx

@@ -11,6 +11,7 @@ import * as Field from '@dxos/react-ui/Field';
 import * as Hooks from '@dxos/react-ui/Hooks';
 import * as Icon from '@dxos/react-ui/Icon';
 import * as Input from '@dxos/react-ui/Input';
+import * as Layout from '@dxos/react-ui/Layout';
 import * as Media from '@dxos/react-ui/Media';
 import * as Toolbar from '@dxos/react-ui/Toolbar';
 import * as Util from '@dxos/react-ui/Util';
@@ -280,14 +281,14 @@ const PreviewContent = Util.composable<HTMLDivElement>((props, forwardedRef) =>
 
   return (
     <div {...Util.composableProps(props, { classNames: 'grid place-items-center dx-fill p-8' })} ref={forwardedRef}>
-      <div className='flex flex-col items-center gap-2 text-center'>
+      <Layout.Flex column align='center' gap='sm' classNames='text-center'>
         <Icon.Icon icon='ph--file--regular' size='xl' tone='subtle' />
         {name && <span className='text-sm'>{name}</span>}
         <span className='text-xs text-fg-subtle'>
           {size === undefined ? type : t('file-details.label', { type, size: formatBytes(size) })}
         </span>
         <span className='text-xs text-fg-subtle'>{t('no-preview.message')}</span>
-      </div>
+      </Layout.Flex>
     </div>
   );
 });

package/src/containers/FileProperties/FileProperties.tsx

@@ -14,6 +14,7 @@ import * as Button from '@dxos/react-ui/Button';
 import * as Field from '@dxos/react-ui/Field';
 import * as Hooks from '@dxos/react-ui/Hooks';
 import * as Input from '@dxos/react-ui/Input';
+import * as Layout from '@dxos/react-ui/Layout';
 import * as SystemButton from '@dxos/react-ui/SystemButton';
 import { File } from '@dxos/types';
 
@@ -77,16 +78,16 @@ export const FileProperties = ({ subject: file }: FilePropertiesProps) => {
       {reference && (
         <Field.Root>
           <Field.Label>{t('properties.reference.label')}</Field.Label>
-          <div className='flex w-full gap-1'>
+          <Layout.Flex gap='xs' classNames='w-full'>
             <Input.Root readOnly value={reference} classNames='grow' />
             <SystemButton.Clipboard iconOnly value={reference} label={t('properties.reference.copy.label')} />
-          </div>
+          </Layout.Flex>
         </Field.Root>
       )}
       {url && (
         <Field.Root>
           <Field.Label>{t('properties.url.label')}</Field.Label>
-          <div className='flex w-full gap-1'>
+          <Layout.Flex gap='xs' classNames='w-full'>
             <Input.Root readOnly value={url} classNames='grow' />
             <SystemButton.Clipboard iconOnly value={url} label={t('properties.url.copy.label')} />
             <Button.Root
@@ -96,7 +97,7 @@ export const FileProperties = ({ subject: file }: FilePropertiesProps) => {
               disabled={pending}
               onClick={() => void resolve()}
             />
-          </div>
+          </Layout.Flex>
           <Field.HelperText>{t('properties.url.description')}</Field.HelperText>
         </Field.Root>
       )}