@alexgorbatchev/shadcn 0.0.35 → 0.0.36

package/dist/index.js

@@ -4,21 +4,6 @@ import {
   AccordionItem2,
   AccordionTrigger2,
   AccordionContent2,
-  Combobox2,
-  ComboboxValue2,
-  ComboboxTrigger2,
-  ComboboxInput2,
-  ComboboxContent2,
-  ComboboxList2,
-  ComboboxItem2,
-  ComboboxGroup2,
-  ComboboxLabel2,
-  ComboboxCollection2,
-  ComboboxEmpty2,
-  ComboboxSeparator2,
-  ComboboxChips2,
-  ComboboxChip2,
-  ComboboxChipsInput2,
   EmptyState3,
   PageMessage2,
   JsonViewer2,
@@ -49,7 +34,6 @@ import {
   LayoutGuard2,
   ScrollGuard2,
   ThemeProvider2,
-  useComboboxAnchor2,
   AspectRatio2,
   Breadcrumb2,
   BreadcrumbList2,
@@ -79,8 +63,6 @@ import {
   PaginationPrevious2,
   PaginationNext2,
   PaginationEllipsis2,
-  ScrollArea2,
-  ScrollBar2,
   Drawer2,
   DrawerTrigger2,
   DrawerPortal2,
@@ -171,13 +153,6 @@ import {
   StarRating2,
   ConfirmationDialog2,
   ImagePicker2,
-  NumberField2,
-  NumberFieldGroup2,
-  NumberFieldInput2,
-  NumberFieldDecrement2,
-  NumberFieldIncrement2,
-  NumberFieldScrubArea2,
-  NumberFieldScrubAreaCursor2,
   Meter2,
   MeterLabel2,
   MeterValue2,
@@ -201,7 +176,7 @@ import {
   StatusTracker2,
   DashboardLayout2,
   BillingUsage2
-} from "./chunk-c6g2rbhv.js";
+} from "./chunk-f71469fs.js";
 import {
   Tabs2,
   tabsListVariants2,
@@ -225,6 +200,33 @@ import {
   ToolbarGroup2,
   ToolbarSeparator2
 } from "./chunk-83zjj4jd.js";
+import {
+  Combobox2,
+  ComboboxValue2,
+  ComboboxTrigger2,
+  ComboboxInput2,
+  ComboboxContent2,
+  ComboboxList2,
+  ComboboxItem2,
+  ComboboxGroup2,
+  ComboboxLabel2,
+  ComboboxCollection2,
+  ComboboxEmpty2,
+  ComboboxSeparator2,
+  ComboboxChips2,
+  ComboboxChip2,
+  ComboboxChipsInput2,
+  useComboboxAnchor2,
+  ScrollArea2,
+  ScrollBar2,
+  NumberField2,
+  NumberFieldGroup2,
+  NumberFieldInput2,
+  NumberFieldDecrement2,
+  NumberFieldIncrement2,
+  NumberFieldScrubArea2,
+  NumberFieldScrubAreaCursor2
+} from "./chunk-c7tnf6h7.js";
 import {
   NativeSelect2,
   NativeSelectOption2,

package/llms/components/data-display/DataGridFilterSummary.md

@@ -0,0 +1,35 @@
+# DataGridFilterSummary
+
+Story: @alexgorbatchev/shadcn/components/data-display/DataGridFilterSummary
+Source: src/components/stories/data-display/DataGridFilterSummary.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/data-display/DataGridFilterSummary.stories.tsx)
+
+## Default render
+
+```tsx
+() => (<FilteredDataGridExample recordings={fixture_gridRecordings} initialFilters={[
+        { id: "tempo", value: [128, 120] },
+        { id: "year", value: [2000, null] },
+        { id: "tags", value: ["Vocal"] },
+        { id: "room", value: ["Studio B"] },
+    ]}/>)
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### Default
+
+```tsx
+{}
+```
+
+### OpenEndedRange
+
+```tsx
+{
+    render: () => (<FilteredDataGridExample recordings={fixture_gridRecordings} initialFilters={[{ id: "tempo", value: [null, 126] }]}/>)
+}
+```

package/llms/components/data-display/DataGridFilters.md

@@ -0,0 +1,38 @@
+# DataGridFilters
+
+Story: @alexgorbatchev/shadcn/components/data-display/DataGridFilters
+Source: src/components/stories/data-display/DataGridFilters.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/data-display/DataGridFilters.stories.tsx)
+
+## Default render
+
+```tsx
+() => <FilteredDataGridExample recordings={fixture_gridRecordings}/>
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### Default
+
+```tsx
+{}
+```
+
+### CombinedWithSearch
+
+```tsx
+{
+    render: () => (<FilteredDataGridExample recordings={fixture_gridRecordings} initialFilters={[{ id: "tags", value: ["Vocal"] }]}/>)
+}
+```
+
+### SavedValueWithoutOption
+
+```tsx
+{
+    render: () => (<FilteredDataGridExample recordings={fixture_gridRecordings} initialFilters={[{ id: "genre", value: ["Polka"] }]}/>)
+}
+```

package/llms/setup.md

@@ -306,6 +306,8 @@ Compose `QuestionnaireItem`, `QuestionnaireTitle`, and answer controls inside `Q
 
 `VirtualDataGrid` renders a TanStack Table instance built with `dataGridFeatures` through `VirtualTable`: every filtered and sorted row, without pagination, in a fixed-layout table. Column `meta` sets `label`, `textAlign`, `truncate`, `visibleFrom`, `fill`, and `sortColumnIds`; a `fill` column takes the width the sized columns leave, and `sortColumnIds` names other columns the header sorts with its own buttons so its `aria-sort` reports them. Other resizable columns get a window-splitter handle that resizes by dragging, by the arrow keys, Home, and End, and resets on double-click. Set `columnResizeMode: "onChange"` so columns follow the pointer while dragging; TanStack's default `"onEnd"` resizes only on release. Widths change through CSS variables, so a `useTable` selector can omit `columnSizing` and `columnResizing` to keep resizing from rendering rows. `renderRow` receives each row and its measurement props; spread the props onto a `TableRow` and render `DataGridCells` inside it to wrap rows in menus or drag sources. `retainedRowIds` keeps rows mounted while they hold editors. `DataGridColumnOptions` shows, hides, and reorders the columns that allow hiding; its reset restores the table's initial visibility, order, and sizes.
 
+Column `meta.filter` offers a column in `DataGridFilters`, hidden columns included. A `range` filter edits `[min, max]` bounds, `null` for an open end, for `filterFn: "inNumberRange"`; its inputs suggest the range of the rows the other filters leave, formatted through the filter's `Intl.NumberFormatOptions`. An `options` filter chooses among labelled string values, one or several, for `filterFn: "arrHas"` (one value per row), `"arrIncludesSome"` (an array per row), or a custom `filterFn`; each option counts the rows the other filters leave with that value, so a column whose rows hold several values or values in another form supplies them through `getUniqueValues`. Column filters combine with each other and with the global filter. `DataGridFilterSummary` lists the active filters with buttons that remove them, and both controls clear every column filter at once.
+
 `StarRating` takes a controlled numeric `value` from 0 to 5, `onValueChange`, and an accessible `label`. Its native radio buttons support keyboard selection and an Unrated option to clear the rating. Set `disabled` while saving. `Avatar shape="square"` displays square artwork with matching image, fallback, and border corners.
 
 `DialogContent size="wide"` uses a desktop maximum width of 576px; `size="narrow"` uses 192px, and the default uses 384px. Dialogs remain bounded by the viewport. `FieldGroup columns={2}` arranges fields in two columns on desktop and one on mobile.

package/llms.txt

@@ -334,6 +334,8 @@ Generated from the public package exports and Storybook sources.
 - [Chart](./llms/components/data-display/Chart.md)
 - [DataGrid](./llms/components/data-display/DataGrid.md)
 - [DataGridColumnOptions](./llms/components/data-display/DataGridColumnOptions.md)
+- [DataGridFilterSummary](./llms/components/data-display/DataGridFilterSummary.md)
+- [DataGridFilters](./llms/components/data-display/DataGridFilters.md)
 - [Item](./llms/components/data-display/Item.md)
 - [JsonRender](./llms/components/data-display/JsonRender.md)
 - [JsonViewer](./llms/components/data-display/JsonViewer.md)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgorbatchev/shadcn",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "Sharp, monospace React components with compact and comfortable densities.",
   "license": "MIT",
   "repository": {