@nexub/react 5.6.0 → 5.7.0

package/accessibility.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.6.0",
+  "version": "5.7.0",
   "standard": "WCAG 2.2 Level AA",
   "method": {
     "automated": "axe-core rules tagged wcag2a, wcag2aa, wcag21a, wcag21aa and wcag22aa, run on every Storybook story in light and dark on every pull request; a new violation fails the build.",

package/dist/components/FilterBuilder/FilterBuilder.d.ts

@@ -1,36 +1,7 @@
 import * as React from 'react';
-import type { NexubMessages } from '@nexub/core';
-export type FilterFieldType = 'text' | 'number' | 'select' | 'date';
-export type FilterOperator = keyof NexubMessages['filterOperators'];
-export interface FilterField {
-    id: string;
-    label: string;
-    type: FilterFieldType;
-    /** Choices for `type: 'select'`. */
-    options?: {
-        value: string;
-        label: string;
-    }[];
-}
-export interface FilterRule {
-    id: string;
-    field: string;
-    operator: FilterOperator;
-    /** Always a string (dates as YYYY-MM-DD), so the query serialises as-is. */
-    value: string;
-}
-export interface FilterGroup {
-    id: string;
-    combinator: 'and' | 'or';
-    rules: Array<FilterRule | FilterGroup>;
-}
-/** Operators offered for each field type, in menu order. */
-export declare const filterOperators: Record<FilterFieldType, FilterOperator[]>;
-export declare const isFilterGroup: (r: FilterRule | FilterGroup) => r is FilterGroup;
-/** An empty top-level group, a starting `value`. */
-export declare const emptyFilter: () => FilterGroup;
-/** Rules with a field, operator and (unless "is empty") a value. Counts nested groups too. */
-export declare function countFilters(group: FilterGroup): number;
+import { countFilters, emptyFilter, filterOperators, isFilterGroup, type FilterField, type FilterFieldType, type FilterGroup, type FilterOperator, type FilterRule } from '@nexub/core';
+export type { FilterFieldType, FilterOperator, FilterField, FilterRule, FilterGroup };
+export { filterOperators, isFilterGroup, emptyFilter, countFilters };
 export interface FilterBuilderProps {
     fields: FilterField[];
     value?: FilterGroup;

package/dist/components/FilterBuilder/FilterBuilder.js

@@ -2,6 +2,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Plus, X } from "@nexub/icons";
+import {
+  countFilters,
+  emptyFilter,
+  filterId as uid,
+  filterOperators,
+  isFilterGroup,
+  newFilterRule
+} from "@nexub/core";
 import { cn } from "../../utils/cn.js";
 import { useControllableState } from "../../hooks/useControllableState.js";
 import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
@@ -10,22 +18,6 @@ import { IconButton } from "../IconButton/IconButton.js";
 import { Input } from "../Input/Input.js";
 import { Select } from "../Select/Select.js";
 import { SegmentedControl } from "../SegmentedControl/SegmentedControl.js";
-const filterOperators = {
-  text: ["contains", "equals", "notEquals", "startsWith", "isEmpty"],
-  number: ["equals", "notEquals", "greaterThan", "lessThan"],
-  select: ["equals", "notEquals"],
-  date: ["equals", "before", "after"]
-};
-const isFilterGroup = (r) => "rules" in r;
-let seq = 0;
-const uid = () => `f${(++seq).toString(36)}${Math.random().toString(36).slice(2, 6)}`;
-const emptyFilter = () => ({ id: uid(), combinator: "and", rules: [] });
-function countFilters(group) {
-  return group.rules.reduce(
-    (n, r) => n + (isFilterGroup(r) ? countFilters(r) : r.operator === "isEmpty" || r.value !== "" ? 1 : 0),
-    0
-  );
-}
 function FilterBuilder({ fields, value: valueProp, defaultValue, onValueChange, maxDepth = 1, className }) {
   const [value = emptyFilter(), setValue] = useControllableState({
     value: valueProp,
@@ -49,12 +41,7 @@ function GroupView({ group, fields, depth, maxDepth, onChange, onRemove, classNa
   const t = useNexubMessages();
   const first = fields[0];
   const setRules = (rules) => onChange({ ...group, rules });
-  const newRule = () => ({
-    id: uid(),
-    field: first?.id ?? "",
-    operator: filterOperators[first?.type ?? "text"][0],
-    value: ""
-  });
+  const newRule = () => newFilterRule(first);
   return /* @__PURE__ */ jsxs(
     "div",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -81,14 +81,14 @@
     "date-fns": "^4.4.0",
     "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0",
-    "@nexub/core": "5.6.0",
-    "@nexub/icons": "5.6.0"
+    "@nexub/core": "5.7.0",
+    "@nexub/icons": "5.7.0"
   },
   "peerDependencies": {
     "react": ">=19 <20",
     "react-dom": ">=19 <20",
     "@tanstack/react-virtual": "^3.14.22",
-    "@nexub/tokens": "^5.6.0"
+    "@nexub/tokens": "^5.7.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-virtual": {
@@ -120,8 +120,8 @@
     "vaul": "1.1.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/themes": "5.6.0",
-    "@nexub/tokens": "5.6.0"
+    "@nexub/themes": "5.7.0",
+    "@nexub/tokens": "5.7.0"
   },
   "scripts": {
     "build": "rm -rf dist && tsup && tsc -p tsconfig.build.json && rm -f dist/vendor/*.d.ts && node scripts/check-dts.mjs && tailwindcss -i src/styles.css -o dist/styles.css --minify && cp -R ../themes/src/fonts dist/fonts",