@cerberus-design/data-grid 1.2.0 → 1.3.0-rc.1

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 (8) hide show
  1. package/dist/components/grid.client.cjs +5 -6
  2. package/dist/components/grid.client.d.cts +2 -2
  3. package/dist/components/grid.client.d.ts +2 -2
  4. package/dist/components/grid.client.js +6 -7
  5. package/dist/components/viewport.client.d.cts +2 -2
  6. package/dist/components/viewport.client.d.ts +2 -2
  7. package/dist/panda.buildinfo.json +15 -3
  8. package/package.json +6 -6
package/dist/components/grid.client.cjs CHANGED
@@ -103,9 +103,9 @@ var GridHeaderCell = (0, react.memo)(function GridHeaderCell(props) {
103
103
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.Tooltip, {
104
104
  content: "Edit filters",
105
105
  openDelay: 800,
106
- asChild: true,
107
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.IconButton, {
108
- ariaLabel: "Edit filters",
106
+ portal: true,
107
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.IconButtonRoot, {
108
+ clipboard: true,
109
109
  size: "sm",
110
110
  onClick: handleEditFilters,
111
111
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditFilterIcon, {})
@@ -117,9 +117,8 @@ var GridHeaderCell = (0, react.memo)(function GridHeaderCell(props) {
117
117
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.Tooltip, {
118
118
  content: isSortedDesc() ? "Sort Ascending" : "Sort Decending",
119
119
  openDelay: 800,
120
- asChild: true,
121
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.IconButton, {
122
- ariaLabel: "Toggle sorting",
120
+ portal: true,
121
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.IconButtonRoot, {
123
122
  size: "sm",
124
123
  opacity: {
125
124
  base: 1,
package/dist/components/grid.client.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import { PropsWithChildren, MemoExoticComponent, NamedExoticComponent } from 'react';
1
+ import { PropsWithChildren, MemoExoticComponent } from 'react';
2
2
  import { InternalColumn } from '../types';
3
3
  interface GridHeaderCellProps<TData> {
4
4
  column: InternalColumn<TData>;
@@ -16,7 +16,7 @@ interface GridRowProps {
16
16
  index: number;
17
17
  offsetY?: number;
18
18
  }
19
- export declare const GridRow: NamedExoticComponent<GridRowProps>;
19
+ export declare const GridRow: MemoExoticComponent<(props: GridRowProps) => import("react/jsx-runtime").JSX.Element>;
20
20
  interface GridRowContainerProps {
21
21
  offsetY?: number;
22
22
  }
package/dist/components/grid.client.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PropsWithChildren, MemoExoticComponent, NamedExoticComponent } from 'react';
1
+ import { PropsWithChildren, MemoExoticComponent } from 'react';
2
2
  import { InternalColumn } from '../types';
3
3
  interface GridHeaderCellProps<TData> {
4
4
  column: InternalColumn<TData>;
@@ -16,7 +16,7 @@ interface GridRowProps {
16
16
  index: number;
17
17
  offsetY?: number;
18
18
  }
19
- export declare const GridRow: NamedExoticComponent<GridRowProps>;
19
+ export declare const GridRow: MemoExoticComponent<(props: GridRowProps) => import("react/jsx-runtime").JSX.Element>;
20
20
  interface GridRowContainerProps {
21
21
  offsetY?: number;
22
22
  }
package/dist/components/grid.client.js CHANGED
@@ -4,7 +4,7 @@ import { OPERATORS, PARTS, SCOPE } from "../const.js";
4
4
  import { useDataGridContext } from "../context.client.js";
5
5
  import { useColumnStyles, usePinnedAttribute, usePinnedState } from "../hooks.client.js";
6
6
  import { HeaderCellOptions } from "./features.client.js";
7
- import { For, IconButton, Show, Tooltip, useCerberusContext } from "@cerberus-design/react";
7
+ import { For, IconButtonRoot, Show, Tooltip, useCerberusContext } from "@cerberus-design/react";
8
8
  import { batch, createComputed, useRead } from "@cerberus-design/signals";
9
9
  import { memo } from "react";
10
10
  import { Box, Center, HStack } from "styled-system/jsx";
@@ -103,9 +103,9 @@ var GridHeaderCell = memo(function GridHeaderCell(props) {
103
103
  children: /* @__PURE__ */ jsx(Tooltip, {
104
104
  content: "Edit filters",
105
105
  openDelay: 800,
106
- asChild: true,
107
- children: /* @__PURE__ */ jsx(IconButton, {
108
- ariaLabel: "Edit filters",
106
+ portal: true,
107
+ children: /* @__PURE__ */ jsx(IconButtonRoot, {
108
+ clipboard: true,
109
109
  size: "sm",
110
110
  onClick: handleEditFilters,
111
111
  children: /* @__PURE__ */ jsx(EditFilterIcon, {})
@@ -117,9 +117,8 @@ var GridHeaderCell = memo(function GridHeaderCell(props) {
117
117
  children: /* @__PURE__ */ jsx(Tooltip, {
118
118
  content: isSortedDesc() ? "Sort Ascending" : "Sort Decending",
119
119
  openDelay: 800,
120
- asChild: true,
121
- children: /* @__PURE__ */ jsx(IconButton, {
122
- ariaLabel: "Toggle sorting",
120
+ portal: true,
121
+ children: /* @__PURE__ */ jsx(IconButtonRoot, {
123
122
  size: "sm",
124
123
  opacity: {
125
124
  base: 1,
package/dist/components/viewport.client.d.cts CHANGED
@@ -1,8 +1,8 @@
1
- import { RefObject, NamedExoticComponent } from 'react';
1
+ import { RefObject, MemoExoticComponent } from 'react';
2
2
  import { OverlaySlots } from '../types';
3
3
  interface GridViewportProps {
4
4
  rootRef: RefObject<HTMLDivElement | null>;
5
5
  overlays?: OverlaySlots;
6
6
  }
7
- export declare const GridViewport: NamedExoticComponent<GridViewportProps>;
7
+ export declare const GridViewport: MemoExoticComponent<(props: GridViewportProps) => import("react/jsx-runtime").JSX.Element>;
8
8
  export {};
package/dist/components/viewport.client.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { RefObject, NamedExoticComponent } from 'react';
1
+ import { RefObject, MemoExoticComponent } from 'react';
2
2
  import { OverlaySlots } from '../types';
3
3
  interface GridViewportProps {
4
4
  rootRef: RefObject<HTMLDivElement | null>;
5
5
  overlays?: OverlaySlots;
6
6
  }
7
- export declare const GridViewport: NamedExoticComponent<GridViewportProps>;
7
+ export declare const GridViewport: MemoExoticComponent<(props: GridViewportProps) => import("react/jsx-runtime").JSX.Element>;
8
8
  export {};
package/dist/panda.buildinfo.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "schemaVersion": "1.9.1",
2
+ "schemaVersion": "1.11.0",
3
3
  "styles": {
4
4
  "atomic": [
5
5
  "display]___[value:flex",
@@ -195,6 +195,14 @@
195
195
  "colorPalette]___[value:success",
196
196
  "colorPalette]___[value:warning",
197
197
  "colorPalette]___[value:danger",
198
+ "layerStyle]___[value:outline.subtle",
199
+ "layerStyle]___[value:outline.solid",
200
+ "layerStyle]___[value:indicator.bottom",
201
+ "layerStyle]___[value:indicator.top",
202
+ "layerStyle]___[value:indicator.start",
203
+ "layerStyle]___[value:indicator.end",
204
+ "layerStyle]___[value:disabled",
205
+ "layerStyle]___[value:none",
198
206
  "backgroundColor]___[value:page.surface.200"
199
207
  ],
200
208
  "recipes": {
@@ -237,7 +245,7 @@
237
245
  "palette]___[value:action]___[recipe:button",
238
246
  "usage]___[value:filled]___[recipe:button",
239
247
  "shape]___[value:sharp]___[recipe:button",
240
- "size]___[value:md]___[recipe:button",
248
+ "size]___[value:lg]___[recipe:button",
241
249
  "usage]___[value:outlined]___[recipe:button",
242
250
  "usage]___[value:ghost]___[recipe:button",
243
251
  "shape]___[value:rounded]___[recipe:button",
@@ -248,7 +256,11 @@
248
256
  "palette]___[value:info]___[recipe:button",
249
257
  "palette]___[value:success]___[recipe:button",
250
258
  "palette]___[value:warning]___[recipe:button",
251
- "palette]___[value:danger]___[recipe:button"
259
+ "palette]___[value:danger]___[recipe:button",
260
+ "size]___[value:xs]___[recipe:button",
261
+ "size]___[value:md]___[recipe:button",
262
+ "size]___[value:xl]___[recipe:button",
263
+ "size]___[value:2xl]___[recipe:button"
252
264
  ],
253
265
  "field": [
254
266
  "size]___[value:lg]___[recipe:field",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cerberus-design/data-grid",
3
- "version": "1.2.0",
3
+ "version": "1.3.0-rc.1",
4
4
  "description": "The Cerberus Design React DataGrid component.",
5
5
  "keywords": [
6
6
  "data grid",
@@ -27,11 +27,11 @@
27
27
  "access": "public"
28
28
  },
29
29
  "dependencies": {
30
- "@cerberus-design/signals": "1.2.0",
31
- "@cerberus-design/react": "1.2.0"
30
+ "@cerberus-design/react": "1.3.0-rc.1",
31
+ "@cerberus-design/signals": "1.3.0-rc.1"
32
32
  },
33
33
  "devDependencies": {
34
- "@pandacss/dev": "^1.9.1",
34
+ "@pandacss/dev": "^1.11.0",
35
35
  "@types/react": "^19.2.14",
36
36
  "@types/react-dom": "^19.2.3",
37
37
  "@vitejs/plugin-react": "^6.0.1",
@@ -39,8 +39,8 @@
39
39
  "react": "^19.2.5",
40
40
  "react-dom": "^19.2.5",
41
41
  "vite": "^8.0.8",
42
- "vite-plugin-dts": "^4.5.4",
43
- "@cerberus/panda-preset": "1.2.0",
42
+ "vite-plugin-dts": "^5.0.0",
43
+ "@cerberus/panda-preset": "1.3.0-rc.1",
44
44
  "styled-system": "0.0.0"
45
45
  },
46
46
  "peerDependencies": {