@undevy-org/tablewright 0.4.0 → 0.5.1

package/dist/tablewright.css

@@ -428,6 +428,9 @@
 .h-9 {
     height: 2.25rem
 }
+.h-96 {
+    height: 24rem
+}
 .h-\[18px\] {
     height: 18px
 }

package/dist/types/components/data-table/AppliedStateChips.d.ts

@@ -1,4 +1,12 @@
 import type { ActiveFilter, ActiveFilterValue, ColumnFilterConfig, FilterStatsSlice } from "./filter-types.js";
+import { type ColumnFilterPopoverLabels } from "./ColumnFilterPopover.js";
+import { type CompoundFilterPopoverLabels } from "./CompoundFilterPopover.js";
+import type { FilterPopoverFooterLabels } from "./FilterPopoverFooter.js";
+export interface AppliedStateChipsLabels {
+    clearAll: string;
+    columns: string;
+    hiddenCount: (n: number) => string;
+}
 interface AppliedStateChipsProps {
     filters: ActiveFilter[];
     configs: Record<string, ColumnFilterConfig>;
@@ -23,6 +31,10 @@ interface AppliedStateChipsProps {
     columnFilterStats?: Record<string, FilterStatsSlice>;
     requestOpenFilterId?: string | null;
     onRequestOpenHandled?: () => void;
+    labels?: Partial<AppliedStateChipsLabels>;
+    columnFilterLabels?: Partial<ColumnFilterPopoverLabels>;
+    compoundFilterLabels?: Partial<CompoundFilterPopoverLabels>;
+    filterPopoverFooterLabels?: Partial<FilterPopoverFooterLabels>;
 }
-export declare function AppliedStateChips({ filters, configs, newestColumnId, onRemoveFilter, onChangeFilter, currentSort, columnLabels, onRemoveSort, hiddenColumnsCount, onResetColumns, onOpenColumnsMenu, customFilterChip, onRemoveCustomFilter, onClearAll, columnFilterStats, requestOpenFilterId, onRequestOpenHandled, }: AppliedStateChipsProps): import("react").JSX.Element | null;
+export declare function AppliedStateChips({ filters, configs, newestColumnId, onRemoveFilter, onChangeFilter, currentSort, columnLabels, onRemoveSort, hiddenColumnsCount, onResetColumns, onOpenColumnsMenu, customFilterChip, onRemoveCustomFilter, onClearAll, columnFilterStats, requestOpenFilterId, onRequestOpenHandled, labels: labelOverrides, columnFilterLabels, compoundFilterLabels, filterPopoverFooterLabels, }: AppliedStateChipsProps): import("react").JSX.Element | null;
 export {};

package/dist/types/components/data-table/ColumnFilterPopover.d.ts

@@ -1,4 +1,23 @@
+import { type FilterPopoverFooterLabels } from "./FilterPopoverFooter.js";
 import type { ActiveFilter, ColumnFilterConfig, ActiveFilterValue, FilterStatsSlice } from "./filter-types.js";
+export interface ColumnFilterPopoverLabels {
+    searchPlaceholder: string;
+    addValuePlaceholder: string;
+    noData: string;
+    statsAllPrefix: string;
+    statsFilteredPrefix: string;
+    statsTextAllPrefix: string;
+    statsTextFilteredPrefix: string;
+    chipFrom: string;
+    chipTo: string;
+    chipMin: string;
+    chipMax: string;
+    contains: string;
+    orBadge: string;
+    numberInputPlaceholder: string;
+    valuesCount: (n: number) => string;
+    selectedCount: (n: number) => string;
+}
 interface ColumnFilterPopoverProps {
     config: ColumnFilterConfig;
     filter: ActiveFilter;
@@ -9,6 +28,8 @@ interface ColumnFilterPopoverProps {
     stats?: FilterStatsSlice;
     requestOpen?: boolean;
     onRequestOpenHandled?: () => void;
+    labels?: Partial<ColumnFilterPopoverLabels>;
+    footerLabels?: Partial<FilterPopoverFooterLabels>;
 }
-export declare function ColumnFilterPopover({ config, filter, onChange, onRemove, initialOpen, chipClassName, stats, requestOpen, onRequestOpenHandled, }: ColumnFilterPopoverProps): import("react").JSX.Element;
+export declare function ColumnFilterPopover({ config, filter, onChange, onRemove, initialOpen, chipClassName, stats, requestOpen, onRequestOpenHandled, labels: labelOverrides, footerLabels, }: ColumnFilterPopoverProps): import("react").JSX.Element;
 export {};

package/dist/types/components/data-table/CompoundFilterPopover.d.ts

@@ -1,4 +1,20 @@
+import { type FilterPopoverFooterLabels } from "./FilterPopoverFooter.js";
 import type { ActiveFilter, ActiveFilterValue, ColumnFilterConfig, FilterStatsSlice } from "./filter-types.js";
+export interface CompoundFilterPopoverLabels {
+    searchPlaceholder: string;
+    addPlaceholder: string;
+    contains: string;
+    orBadge: string;
+    chipMin: string;
+    chipMax: string;
+    statsAllPrefix: string;
+    statsFilteredPrefix: string;
+    numberInputPlaceholder: string;
+    resetSectionTitle: (subLabel: string) => string;
+    filtersCount: (n: number) => string;
+    subValuesCount: (n: number) => string;
+    subSelectedCount: (n: number) => string;
+}
 interface CompoundFilterPopoverProps {
     config: ColumnFilterConfig;
     filter: ActiveFilter;
@@ -9,6 +25,8 @@ interface CompoundFilterPopoverProps {
     columnFilterStats?: Record<string, FilterStatsSlice>;
     requestOpen?: boolean;
     onRequestOpenHandled?: () => void;
+    labels?: Partial<CompoundFilterPopoverLabels>;
+    footerLabels?: Partial<FilterPopoverFooterLabels>;
 }
-export declare function CompoundFilterPopover({ config, filter, onChange, onRemove, initialOpen, chipClassName, columnFilterStats, requestOpen, onRequestOpenHandled, }: CompoundFilterPopoverProps): import("react").JSX.Element;
+export declare function CompoundFilterPopover({ config, filter, onChange, onRemove, initialOpen, chipClassName, columnFilterStats, requestOpen, onRequestOpenHandled, labels: labelOverrides, footerLabels, }: CompoundFilterPopoverProps): import("react").JSX.Element;
 export {};

package/dist/types/components/data-table/FilterFormPanel.d.ts

@@ -1,5 +1,20 @@
 import type { ActiveFilter, ColumnFilterConfig } from "./filter-types.js";
 import { type ManagedFilterChange } from "./managed-filters.js";
+export interface FilterFormPanelLabels {
+    closeFiltersAriaLabel: string;
+    closeFiltersTitle: string;
+    apply: string;
+    clear: string;
+    anyPlaceholder: string;
+    rangeFromPlaceholder: string;
+    rangeToPlaceholder: string;
+    fieldRangeFromAriaLabel: (fieldLabel: string) => string;
+    fieldRangeToAriaLabel: (fieldLabel: string) => string;
+    compoundSubRangeFromAriaLabel: (subLabel: string) => string;
+    compoundSubRangeToAriaLabel: (subLabel: string) => string;
+    compoundSubRangeFromPlaceholder: (subLabel: string) => string;
+    compoundSubRangeToPlaceholder: (subLabel: string) => string;
+}
 export interface FilterFormPanelProps {
     /** All known filter configs (same shape used by GroupedFilterAdd). */
     filterConfigs: Record<string, ColumnFilterConfig>;
@@ -30,5 +45,6 @@ export interface FilterFormPanelProps {
      * is done by leaving the id out of `fields`; this is only for sub-fields.
      */
     hiddenSubFilterKeys?: readonly string[];
+    labels?: Partial<FilterFormPanelLabels>;
 }
-export declare function FilterFormPanel({ filterConfigs, fields, filters, onApply, onClear, title, className, id, onClose, hiddenSubFilterKeys, }: FilterFormPanelProps): import("react").JSX.Element;
+export declare function FilterFormPanel({ filterConfigs, fields, filters, onApply, onClear, title, className, id, onClose, hiddenSubFilterKeys, labels: labelOverrides, }: FilterFormPanelProps): import("react").JSX.Element;

package/dist/types/components/data-table/FilterPopoverFooter.d.ts

@@ -1,9 +1,16 @@
+export interface FilterPopoverFooterLabels {
+    apply: string;
+    clear: string;
+}
 interface FilterPopoverFooterProps {
     onApply: () => void;
     onClear?: () => void;
+    labels?: Partial<FilterPopoverFooterLabels>;
+    /** @deprecated Use `labels.apply` */
     applyLabel?: string;
+    /** @deprecated Use `labels.clear` */
     clearLabel?: string;
     className?: string;
 }
-export declare function FilterPopoverFooter({ onApply, onClear, applyLabel, clearLabel, className, }: FilterPopoverFooterProps): import("react").JSX.Element;
+export declare function FilterPopoverFooter({ onApply, onClear, labels: labelOverrides, applyLabel, clearLabel, className, }: FilterPopoverFooterProps): import("react").JSX.Element;
 export {};

package/dist/types/components/layout/Sidebar.d.ts

@@ -8,6 +8,7 @@ export interface SidebarProps {
     renderLink?: (href: string, props: {
         className: string;
         children: React.ReactNode;
+        "aria-label"?: string;
     }) => React.ReactNode;
     header?: React.ReactNode;
     footer?: React.ReactNode;

package/dist/types/index.d.ts

@@ -37,6 +37,7 @@ export type { FilterChipProps } from "./components/data-table/FilterChip.js";
 export { ViewChip } from "./components/data-table/ViewChip.js";
 export type { ViewChipProps } from "./components/data-table/ViewChip.js";
 export { FilterPopoverFooter } from "./components/data-table/FilterPopoverFooter.js";
+export type { FilterPopoverFooterLabels } from "./components/data-table/FilterPopoverFooter.js";
 export * as FilterToolbar from "./components/data-table/FilterToolbar.js";
 export { RowActionsMenu } from "./components/data-table/RowActionsMenu.js";
 export { RowControlCell } from "./components/data-table/RowControlCell.js";
@@ -81,10 +82,13 @@ export type { TwoPanelMenuItem, TwoPanelMenuGroup } from "./components/data-tabl
 export { FlatColumnToggle } from "./components/data-table/FlatColumnToggle.js";
 export { GroupedColumnToggle } from "./components/data-table/GroupedColumnToggle.js";
 export { ColumnFilterPopover } from "./components/data-table/ColumnFilterPopover.js";
+export type { ColumnFilterPopoverLabels } from "./components/data-table/ColumnFilterPopover.js";
 export { CompoundFilterPopover } from "./components/data-table/CompoundFilterPopover.js";
+export type { CompoundFilterPopoverLabels } from "./components/data-table/CompoundFilterPopover.js";
 export { AppliedStateChips } from "./components/data-table/AppliedStateChips.js";
+export type { AppliedStateChipsLabels } from "./components/data-table/AppliedStateChips.js";
 export { FilterFormPanel } from "./components/data-table/FilterFormPanel.js";
-export type { FilterFormPanelProps } from "./components/data-table/FilterFormPanel.js";
+export type { FilterFormPanelProps, FilterFormPanelLabels } from "./components/data-table/FilterFormPanel.js";
 export { FilterFormToggle, useFilterFormOpen } from "./components/data-table/FilterFormToggle.js";
 export type { FilterFormToggleProps } from "./components/data-table/FilterFormToggle.js";
 export { applyManagedChanges, clearManagedFilters, hasActiveManagedFilters, } from "./components/data-table/managed-filters.js";

package/dist/types/lib/collapsed-nav-link-a11y.d.ts

@@ -0,0 +1,2 @@
+/** Accessible name for icon-only nav links when the sidebar rail is collapsed. */
+export declare function collapsedNavLinkAriaLabel(showExpanded: boolean, label: string): string | undefined;

package/dist/types/lib/decorative-avatar-alt.d.ts

@@ -0,0 +1,2 @@
+/** Avatar alt when the same name is shown as visible text beside the image. */
+export declare function decorativeAvatarAlt(adjacentNameVisible: boolean, name: string): string;

package/dist/types/lib/scroll-region-tab-index.d.ts

@@ -0,0 +1,2 @@
+/** Makes overflow scroll regions reachable from the keyboard (WCAG 2.1.1). */
+export declare const SCROLL_REGION_TAB_INDEX = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undevy-org/tablewright",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "React data-table and application-shell components: filters, drawers, row controls, sortable and resizable columns, built on Radix UI and TanStack Table.",
   "license": "MIT",
   "repository": {
@@ -78,6 +78,8 @@
     "@storybook/addon-themes": "^10.5.8",
     "@storybook/react-vite": "^10.5.8",
     "@tanstack/react-table": "^8.21.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
@@ -88,6 +90,7 @@
     "eslint-plugin-react-refresh": "^0.4.24",
     "eslint-plugin-storybook": "^10.5.8",
     "globals": "^16.5.0",
+    "happy-dom": "^20.14.5",
     "postcss": "^8.5.8",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
@@ -95,7 +98,8 @@
     "tailwindcss": "^3.4.18",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.48.0",
-    "vite": "^7.3.1"
+    "vite": "^7.3.1",
+    "vitest": "^5.0.3"
   },
   "scripts": {
     "build": "node scripts/build.mjs",
@@ -105,6 +109,7 @@
     "check:render": "node scripts/render-check/run.mjs",
     "lint": "eslint src .storybook --max-warnings=0",
     "typecheck": "tsc --project tsconfig.json --noEmit",
+    "test": "vitest run",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "changeset": "changeset",