@dxos/react-ui-grid 0.6.10 → 0.6.11-staging.30cf5ba

package/dist/lib/browser/index.mjs

@@ -6,7 +6,10 @@ import { DxGrid as NaturalDxGrid } from "@dxos/lit-grid";
 var DxGrid = createComponent({
   tagName: "dx-grid",
   elementClass: NaturalDxGrid,
-  react: React
+  react: React,
+  events: {
+    onAxisResize: "dx-axis-resize"
+  }
 });
 var Grid = (props) => {
   return /* @__PURE__ */ React.createElement(DxGrid, props);

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Grid.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\nimport '@dxos/lit-grid/dx-grid.pcss';\n\nimport { createComponent } from '@lit/react';\nimport React from 'react';\n\nimport { DxGrid as NaturalDxGrid, type DxGridProps } from '@dxos/lit-grid';\n\nconst DxGrid = createComponent({\n  tagName: 'dx-grid',\n  elementClass: NaturalDxGrid,\n  react: React,\n});\n\nexport type GridProps = DxGridProps;\n\nexport const Grid = (props: GridProps) => {\n  return <DxGrid {...props} />;\n};\n"],
-  "mappings": ";AAGA,OAAO;AAEP,SAASA,uBAAuB;AAChC,OAAOC,WAAW;AAElB,SAASC,UAAUC,qBAAuC;AAE1D,IAAMC,SAASC,gBAAgB;EAC7BC,SAAS;EACTC,cAAcC;EACdC,OAAOC;AACT,CAAA;AAIO,IAAMC,OAAO,CAACC,UAAAA;AACnB,SAAO,sBAAA,cAACR,QAAWQ,KAAAA;AACrB;",
-  "names": ["createComponent", "React", "DxGrid", "NaturalDxGrid", "DxGrid", "createComponent", "tagName", "elementClass", "NaturalDxGrid", "react", "React", "Grid", "props"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\nimport '@dxos/lit-grid/dx-grid.pcss';\n\nimport { createComponent, type EventName } from '@lit/react';\nimport React from 'react';\n\nimport { type DxAxisResize, DxGrid as NaturalDxGrid, type DxGridProps } from '@dxos/lit-grid';\n\nconst DxGrid = createComponent({\n  tagName: 'dx-grid',\n  elementClass: NaturalDxGrid,\n  react: React,\n  events: {\n    onAxisResize: 'dx-axis-resize' as EventName<DxAxisResize>,\n  },\n});\n\nexport type GridProps = DxGridProps & {\n  onAxisResize: (event: DxAxisResize) => void;\n};\n\nexport const Grid = (props: GridProps) => {\n  return <DxGrid {...props} />;\n};\n"],
+  "mappings": ";AAGA,OAAO;AAEP,SAASA,uBAAuC;AAChD,OAAOC,WAAW;AAElB,SAA4BC,UAAUC,qBAAuC;AAE7E,IAAMC,SAASC,gBAAgB;EAC7BC,SAAS;EACTC,cAAcC;EACdC,OAAOC;EACPC,QAAQ;IACNC,cAAc;EAChB;AACF,CAAA;AAMO,IAAMC,OAAO,CAACC,UAAAA;AACnB,SAAO,sBAAA,cAACV,QAAWU,KAAAA;AACrB;",
+  "names": ["createComponent", "React", "DxGrid", "NaturalDxGrid", "DxGrid", "createComponent", "tagName", "elementClass", "NaturalDxGrid", "react", "React", "events", "onAxisResize", "Grid", "props"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-grid/src/Grid.tsx":{"bytes":1812,"imports":[{"path":"@dxos/lit-grid/dx-grid.pcss","kind":"import-statement","external":true},{"path":"@lit/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/lit-grid","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-grid/src/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-grid/src/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-grid/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":958},"packages/ui/react-ui-grid/dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/lit-grid/dx-grid.pcss","kind":"import-statement","external":true},{"path":"@lit/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/lit-grid","kind":"import-statement","external":true}],"exports":["Grid"],"entryPoint":"packages/ui/react-ui-grid/src/index.ts","inputs":{"packages/ui/react-ui-grid/src/Grid.tsx":{"bytesInOutput":360},"packages/ui/react-ui-grid/src/index.ts":{"bytesInOutput":0}},"bytes":456}}}
+{"inputs":{"packages/ui/react-ui-grid/src/Grid.tsx":{"bytes":2180,"imports":[{"path":"@dxos/lit-grid/dx-grid.pcss","kind":"import-statement","external":true},{"path":"@lit/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/lit-grid","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-grid/src/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-grid/src/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-grid/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1186},"packages/ui/react-ui-grid/dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/lit-grid/dx-grid.pcss","kind":"import-statement","external":true},{"path":"@lit/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/lit-grid","kind":"import-statement","external":true}],"exports":["Grid"],"entryPoint":"packages/ui/react-ui-grid/src/index.ts","inputs":{"packages/ui/react-ui-grid/src/Grid.tsx":{"bytesInOutput":412},"packages/ui/react-ui-grid/src/index.ts":{"bytesInOutput":0}},"bytes":508}}}

package/dist/types/src/Grid.d.ts

@@ -1,6 +1,8 @@
 import '@dxos/lit-grid/dx-grid.pcss';
 import React from 'react';
-import { type DxGridProps } from '@dxos/lit-grid';
-export type GridProps = DxGridProps;
+import { type DxAxisResize, type DxGridProps } from '@dxos/lit-grid';
+export type GridProps = DxGridProps & {
+    onAxisResize: (event: DxAxisResize) => void;
+};
 export declare const Grid: (props: GridProps) => React.JSX.Element;
 //# sourceMappingURL=Grid.d.ts.map

package/dist/types/src/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/Grid.tsx"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQ3E,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC;AAEpC,eAAO,MAAM,IAAI,UAAW,SAAS,sBAEpC,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/Grid.tsx"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,YAAY,EAA2B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAW9F,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG;IACpC,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,sBAEpC,CAAC"}

package/dist/types/src/Grid.stories.d.ts

@@ -1,6 +1,7 @@
+import { type GridProps } from './Grid';
 declare const _default: {
     title: string;
-    component: (props: import("./Grid").GridProps) => import("react").JSX.Element;
+    component: (props: GridProps) => import("react").JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
 };
 export default _default;
@@ -36,6 +37,7 @@ export declare const Basic: {
                 size: number;
             };
         };
+        onAxisResize: (event: import("packages/ui/lit-grid/dist/types/src").DxAxisResize) => void;
     };
 };
 //# sourceMappingURL=Grid.stories.d.ts.map

package/dist/types/src/Grid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/Grid.stories.tsx"],"names":[],"mappings":";;;;;AASA,wBAIE;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjB,CAAC"}
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/Grid.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;;;;;;AAE9C,wBAIE;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-grid",
-  "version": "0.6.10",
+  "version": "0.6.11-staging.30cf5ba",
   "description": "React component which manages a `dx-grid` Lit web component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -22,10 +22,10 @@
   ],
   "dependencies": {
     "@lit/react": "^1.0.5",
-    "@dxos/lit-grid": "0.6.10",
-    "@dxos/react-ui": "0.6.10",
-    "@dxos/util": "0.6.10",
-    "@dxos/react-ui-theme": "0.6.10"
+    "@dxos/lit-grid": "0.6.11-staging.30cf5ba",
+    "@dxos/react-ui": "0.6.11-staging.30cf5ba",
+    "@dxos/react-ui-theme": "0.6.11-staging.30cf5ba",
+    "@dxos/util": "0.6.11-staging.30cf5ba"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
@@ -33,7 +33,7 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "^5.3.4",
-    "@dxos/storybook-utils": "0.6.10"
+    "@dxos/storybook-utils": "0.6.11-staging.30cf5ba"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/Grid.stories.tsx

@@ -2,10 +2,9 @@
 // Copyright 2024 DXOS.org
 //
 
-import type { DxGridProps } from '@dxos/lit-grid';
 import { withTheme } from '@dxos/storybook-utils';
 
-import { Grid } from './Grid';
+import { Grid, type GridProps } from './Grid';
 
 export default {
   title: 'react-ui-grid/Grid',
@@ -20,21 +19,24 @@ export const Basic = {
         // end: '8,1',
         value: 'Weekly sales report',
       },
-    } satisfies DxGridProps['cells'],
+    },
     columnDefault: {
       size: 180,
       resizeable: true,
-    } satisfies DxGridProps['columnDefault'],
+    },
     rowDefault: {
       size: 32,
       resizeable: true,
-    } satisfies DxGridProps['rowDefault'],
+    },
     columns: {
       0: { size: 200 },
       1: { size: 210 },
       2: { size: 230 },
       3: { size: 250 },
       4: { size: 270 },
-    } satisfies DxGridProps['columns'],
-  },
+    },
+    onAxisResize: (event) => {
+      console.log('[axis resize]', event);
+    },
+  } satisfies GridProps,
 };

package/src/Grid.tsx

@@ -3,18 +3,23 @@
 //
 import '@dxos/lit-grid/dx-grid.pcss';
 
-import { createComponent } from '@lit/react';
+import { createComponent, type EventName } from '@lit/react';
 import React from 'react';
 
-import { DxGrid as NaturalDxGrid, type DxGridProps } from '@dxos/lit-grid';
+import { type DxAxisResize, DxGrid as NaturalDxGrid, type DxGridProps } from '@dxos/lit-grid';
 
 const DxGrid = createComponent({
   tagName: 'dx-grid',
   elementClass: NaturalDxGrid,
   react: React,
+  events: {
+    onAxisResize: 'dx-axis-resize' as EventName<DxAxisResize>,
+  },
 });
 
-export type GridProps = DxGridProps;
+export type GridProps = DxGridProps & {
+  onAxisResize: (event: DxAxisResize) => void;
+};
 
 export const Grid = (props: GridProps) => {
   return <DxGrid {...props} />;