@vuu-ui/vuu-utils 3.5.0-beta.3 → 3.5.0-beta.4

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.5.0-beta.3",
+  "version": "3.5.0-beta.4",
   "author": "heswell",
   "main": "./src/index.js",
   "license": "Apache-2.0",
@@ -15,14 +15,14 @@
   },
   "devDependencies": {
     "@dnd-kit/react": "^0.1.21",
-    "@vuu-ui/vuu-data-types": "3.5.0-beta.3",
-    "@vuu-ui/vuu-table-types": "3.5.0-beta.3",
-    "@vuu-ui/vuu-filter-types": "3.5.0-beta.3",
-    "@vuu-ui/vuu-protocol-types": "3.5.0-beta.3"
+    "@vuu-ui/vuu-data-types": "3.5.0-beta.4",
+    "@vuu-ui/vuu-table-types": "3.5.0-beta.4",
+    "@vuu-ui/vuu-filter-types": "3.5.0-beta.4",
+    "@vuu-ui/vuu-protocol-types": "3.5.0-beta.4"
   },
   "peerDependencies": {
     "@internationalized/date": "^3.0.0",
-    "@vuu-ui/vuu-filter-parser": "3.5.0-beta.3",
+    "@vuu-ui/vuu-filter-parser": "3.5.0-beta.4",
     "clsx": "^2.0.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"

package/src/filters/temporal-cell-filter.js

@@ -5,14 +5,14 @@ import { getTemporalInfo } from "../date/temporal.js";
 import { startOfDay } from "../date/time-zone.js";
 import { getFractionalSecondDigits, temporalFormatter } from "../formatting-utils.js";
 const pad2 = (n)=>`${n}`.padStart(2, "0");
-const getTemporalCellFilter = (column, value, dateOnly = false)=>{
+const getTemporalCellFilter = (column, value, columnFilter = false)=>{
     const temporalInfo = getTemporalInfo(column);
     if (void 0 === temporalInfo) return;
     const { encoding, kind, timeZone } = temporalInfo;
     const ts = EpochTimestamp.fromWire(value, encoding);
     if (void 0 === ts) return;
     const pattern = dateTimePattern(column.type, kind);
-    if ("date" === kind || dateOnly && "datetime" === kind || void 0 === pattern.time) {
+    if ("date" === kind || columnFilter && "datetime" === kind || void 0 === pattern.time) {
         const { date = defaultPatternsByType.date } = pattern;
         const start = EpochTimestamp.fromMillis(startOfDay(ts.epochMillis, timeZone));
         return {
@@ -25,12 +25,15 @@ const getTemporalCellFilter = (column, value, dateOnly = false)=>{
             value: `${start.toWire(encoding)}`
         };
     }
-    const digits = Math.max(0, Math.min(9, getFractionalSecondDigits(column, temporalInfo)));
+    const digits = columnFilter ? "hh:mm:ss.ms" === pattern.time ? 3 : 0 : Math.max(0, Math.min(9, getFractionalSecondDigits(column, temporalInfo)));
     const unit = "epochNanos" === encoding ? 1n : 1000000n;
     const period = 10n ** BigInt(9 - digits);
     const startNanos = ts.epochNanos - ts.epochNanos % period;
     const start = EpochTimestamp.fromNanos(startNanos);
-    const label = temporalFormatter(column, temporalInfo)(start.toWire(encoding));
+    const label = columnFilter ? formatTimestamp(pattern, {
+        fractionalSecondDigits: digits,
+        timeZone
+    })(start) : temporalFormatter(column, temporalInfo)(start.toWire(encoding));
     if ("time" === kind) {
         const { hour, minute, second } = ts.getFields(timeZone);
         const fraction = ts.fractionalSecond(digits);

package/types/filters/temporal-cell-filter.d.ts

@@ -9,7 +9,7 @@ export interface TemporalCellFilter {
  * Describes a filter that matches a temporal value at the precision with which
  * it is displayed by the given column descriptor, e.g. where the descriptor
  * displays milliseconds, the filter matches the whole millisecond.
- * - date (or dateOnly) => the whole day, as a start of day value
+ * - date => the whole day, as a start of day value
  * - time => a time of day (TimeString), truncated to the displayed precision
  * - datetime => a range, unless the displayed precision is that of the encoding
  * The filter is suitable for FilterAggregator.add (with the same descriptor) and
@@ -17,8 +17,11 @@ export interface TemporalCellFilter {
  *
  * @param column the descriptor of the filter (or table cell) displaying the value
  * @param value a value as received from the server
- * @param dateOnly a 'datetime' value is displayed as a date (e.g. by a
- * DatePicker). Ignored for 'time' descriptors.
+ * @param columnFilter the value is displayed by a ColumnFilter, rather than a
+ * table cell. A ColumnFilter displays a 'datetime' value as a date (DatePicker,
+ * so the filter is the whole day) and a 'time' value to the second, or to the
+ * millisecond with the 'hh:mm:ss.ms' pattern (TimeInput supports no finer
+ * precision, whereas a table cell displays nanos by default).
  * @returns undefined if value is empty or column is not temporal
  */
-export declare const getTemporalCellFilter: (column: DataValueDescriptor, value: unknown, dateOnly?: boolean) => TemporalCellFilter | undefined;
+export declare const getTemporalCellFilter: (column: DataValueDescriptor, value: unknown, columnFilter?: boolean) => TemporalCellFilter | undefined;