@stamcat/craftsman 0.1.3 → 0.1.4
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stamcat/craftsman",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A powerful, lightweight framework for design systems",
|
|
6
6
|
"repository": {
|
|
@@ -33,6 +33,8 @@
|
|
|
33
33
|
"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
|
|
34
34
|
"@floating-ui/react-dom": "^2.1.0",
|
|
35
35
|
"@wojtekmaj/react-daterange-picker": "^7.1.0",
|
|
36
|
+
"ag-grid-community": "^36.2.0",
|
|
37
|
+
"ag-grid-react": "^36.2.0",
|
|
36
38
|
"chart.js": "^4.5.1",
|
|
37
39
|
"dompurify": "^3.4.0",
|
|
38
40
|
"embla-carousel-react": "^8.6.0",
|
|
@@ -149,6 +149,26 @@ Usage:
|
|
|
149
149
|
- Dataset colors must be literal color values (hex/`rgba()`), not CSS variables (`var(--blue500)`) — chart.js draws to a `<canvas>` 2D context, which cannot resolve CSS custom properties. Use `colors` and `hexToRgba` from `@stamcat/craftsman/styles` (see the [craftsman-style-utilities skill](../craftsman-style-utilities/SKILL.md)) to stay on-palette instead of hard-coding hex strings inline.
|
|
150
150
|
- See `src/stories/organisms/Charts.stories.tsx` in this repo for a full worked example of every chart type from the react-chartjs-2 examples page.
|
|
151
151
|
|
|
152
|
+
## Tables (ag-grid-community)
|
|
153
|
+
|
|
154
|
+
Craftsman does not wrap `ag-grid-community`/`ag-grid-react` with a custom component. We use them directly, without modification, for advanced data visualization tables (large sortable/filterable datasets) — exactly as documented upstream at https://www.ag-grid.com/react-data-grid/.
|
|
155
|
+
|
|
156
|
+
Import:
|
|
157
|
+
|
|
158
|
+
```tsx
|
|
159
|
+
import { AllCommunityModule, ModuleRegistry, themeQuartz } from "ag-grid-community";
|
|
160
|
+
import { AgGridReact } from "ag-grid-react";
|
|
161
|
+
|
|
162
|
+
// Register only the Community module — do not register Enterprise modules without a license.
|
|
163
|
+
ModuleRegistry.registerModules([AllCommunityModule]);
|
|
164
|
+
```
|
|
165
|
+
|
|
166
|
+
Usage:
|
|
167
|
+
|
|
168
|
+
- Only the **free Community feature set** is used/showcased in this repo: client-side sorting, filtering, pagination, row selection, cell rendering/formatting, quick filter, and CSV export.
|
|
169
|
+
- AG Grid also sells **Enterprise-only** features (row grouping, pivoting, master/detail, server-side row model, Excel export, and others). These require registering separate Enterprise modules and a commercial license key. Do not enable or suggest Enterprise modules unless the consumer confirms they hold an AG Grid Enterprise license — it is the consumer's responsibility to obtain and configure that license.
|
|
170
|
+
- See `src/stories/organisms/Tables.stories.tsx` in this repo for worked Community-only examples.
|
|
171
|
+
|
|
152
172
|
## Code Generation Patterns to Prefer
|
|
153
173
|
|
|
154
174
|
1. Generate fully typed React usage examples.
|