@fusion.dev/helix-headless 0.58.0 → 0.58.1

package/custom-elements.json

@@ -93971,7 +93971,7 @@
               }
             }
           ],
-          "description": "Whether a string is a time the rest of this component can reason about."
+          "description": "Whether a string is a time the rest of this component can reason about.\n\n**Narrower than core's `valueAsTime` on purpose, and the difference is\nseconds.** That one takes them because `<input type=\"time\">` does, at a step\nbelow a minute. This library has no such step: `step` here is minutes and is\nfloored at one, so nothing it offers or writes ever carries a second, and\n`toMinutes` below would drop one silently if this let it through. Widening\nthis to the platform's shape would let a value in that the rest of the family\ncannot hold."
         },
         {
           "kind": "function",

package/dist/date-input/root/date-input-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { AriaForwardController, valueAsDate as asDate, customElement, dateAsValue as fromDate, HelixFormElement, MixinControllerOpen, MixinControllerValue, MixinField, MixinPickerEditing, MixinPickerField, MixinTokens, } from '@fusion.dev/helix-core';
+import { AriaForwardController, valueAsDate as asDate, customElement, dateAsValue as fromDate, HelixFormElement, isDateValue, MixinControllerOpen, MixinControllerValue, MixinField, MixinPickerEditing, MixinPickerField, MixinTokens, } from '@fusion.dev/helix-core';
 import { calendarBlank } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -12,7 +12,6 @@ import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { html } from 'lit/static-html.js';
 import '../../date-picker/index.js';
 import '../../tag/index.js';
-const isIso = (value) => /^\d{4}-\d{2}-\d{2}$/.test(value);
 const dates = (value) => value
     .replace(/\s+[–-]\s+/g, ',')
     .split(',')
@@ -47,7 +46,7 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinPickerEdi
                 return;
             }
             const held = dates(typed);
-            const whole = held.length > 0 && held.every(isIso);
+            const whole = held.length > 0 && held.every(isDateValue);
             this.requestValue(whole ? held.join(',') : typed);
             this.restore();
         };
@@ -56,7 +55,7 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinPickerEdi
                 return;
             }
             const held = dates(this.value);
-            if (event.key === 'Enter' && isIso(this.draft)) {
+            if (event.key === 'Enter' && isDateValue(this.draft)) {
                 event.preventDefault();
                 if (!held.includes(this.draft)) {
                     this.requestValue([...held, this.draft].join(','));
@@ -107,10 +106,10 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinPickerEdi
     }
     get picked() {
         const held = dates(this.value);
-        return held.length > 0 && held.every(isIso) ? held.join(',') : '';
+        return held.length > 0 && held.every(isDateValue) ? held.join(',') : '';
     }
     written(date) {
-        if (this.dateStyle === 'iso' || !isIso(date)) {
+        if (this.dateStyle === 'iso' || !isDateValue(date)) {
             return date;
         }
         const at = new Date(`${date}T00:00:00Z`);
@@ -141,7 +140,7 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinPickerEdi
     }
     validate() {
         const held = dates(this.value);
-        if (held.length > 0 && !held.every(isIso)) {
+        if (held.length > 0 && !held.every(isDateValue)) {
             return this.mode === undefined
                 ? 'Enter a date as YYYY-MM-DD.'
                 : 'Enter dates as YYYY-MM-DD, separated by commas.';

package/dist/date-picker/root/date-picker-root.js

@@ -21,15 +21,6 @@ const KEYS = new Set([
     'PageUp',
     ' ',
 ]);
-const toUtc = (iso) => {
-    const parts = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
-    if (!parts) {
-        return null;
-    }
-    const date = new Date(Date.UTC(Number(parts[1]), Number(parts[2]) - 1, Number(parts[3])));
-    return Number.isNaN(date.getTime()) ? null : date;
-};
-const toIso = (date) => date.toISOString().slice(0, 10);
 const localToday = () => {
     const now = new Date();
     const month = `${now.getMonth() + 1}`.padStart(2, '0');
@@ -104,7 +95,7 @@ let HelixHeadlessDatePicker = class HelixHeadlessDatePicker extends MixinControl
         this.step = 1;
     }
     get month() {
-        return this.monthState ?? (this.defaultMonth || toIso(this.derivedMonth).slice(0, 7));
+        return this.monthState ?? (this.defaultMonth || fromDate(this.derivedMonth).slice(0, 7));
     }
     set month(next) {
         const previous = this.month;
@@ -137,12 +128,12 @@ let HelixHeadlessDatePicker = class HelixHeadlessDatePicker extends MixinControl
         return this.derivedMonth;
     }
     get derivedMonth() {
-        const from = toUtc(this.selected[0] ?? '') ?? new Date();
+        const from = asDate(this.selected[0] ?? '') ?? new Date();
         return new Date(Date.UTC(from.getUTCFullYear(), from.getUTCMonth(), 1));
     }
     get anchor() {
         const shown = this.shown;
-        for (const candidate of [toUtc(this.focused), toUtc(this.selected[0] ?? '')]) {
+        for (const candidate of [asDate(this.focused), asDate(this.selected[0] ?? '')]) {
             if (candidate && sameMonth(candidate, shown)) {
                 return candidate;
             }
@@ -155,7 +146,7 @@ let HelixHeadlessDatePicker = class HelixHeadlessDatePicker extends MixinControl
         return Array.from({ length: 6 }, (_, week) => Array.from({ length: 7 }, (_, day) => addDays(start, week * 7 + day)));
     }
     barred(date) {
-        const iso = toIso(date);
+        const iso = fromDate(date);
         if (this.min !== '' && iso < this.min) {
             return true;
         }
@@ -195,7 +186,7 @@ let HelixHeadlessDatePicker = class HelixHeadlessDatePicker extends MixinControl
         });
     }
     moveTo(date) {
-        this.focused = toIso(date);
+        this.focused = fromDate(date);
         this.show(date);
         this.updateComplete.then(() => {
             this.renderRoot.querySelector('[part~="cell"][tabindex="0"]')?.focus();
@@ -208,7 +199,7 @@ let HelixHeadlessDatePicker = class HelixHeadlessDatePicker extends MixinControl
         if (this.barred(date)) {
             return;
         }
-        const iso = toIso(date);
+        const iso = fromDate(date);
         const held = this.selected;
         let next;
         if (this.mode === 'range') {
@@ -309,7 +300,7 @@ let HelixHeadlessDatePicker = class HelixHeadlessDatePicker extends MixinControl
     renderMonth(month, index) {
         const { full, heading, weekday } = this.formats;
         const weeks = this.weeksOf(month);
-        const anchor = toIso(this.anchor);
+        const anchor = fromDate(this.anchor);
         const today = localToday();
         const range = this.range;
         const first = index === 0;
@@ -349,7 +340,7 @@ let HelixHeadlessDatePicker = class HelixHeadlessDatePicker extends MixinControl
         </div>
         ${weeks.map((week) => html `<div part="week" role="row">
             ${week.map((date) => {
-            const iso = toIso(date);
+            const iso = fromDate(date);
             const disabled = this.barred(date);
             const selected = this.isSelected(iso);
             const outside = !sameMonth(date, month);

package/dist/time-picker/root/time-picker-root.d.ts

@@ -2,7 +2,17 @@ import { HelixFormElement } from '@fusion.dev/helix-core';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import '../../listbox/index.js';
 import '../../option/index.js';
-/** Whether a string is a time the rest of this component can reason about. */
+/**
+ * Whether a string is a time the rest of this component can reason about.
+ *
+ * **Narrower than core's `valueAsTime` on purpose, and the difference is
+ * seconds.** That one takes them because `<input type="time">` does, at a step
+ * below a minute. This library has no such step: `step` here is minutes and is
+ * floored at one, so nothing it offers or writes ever carries a second, and
+ * `toMinutes` below would drop one silently if this let it through. Widening
+ * this to the platform's shape would let a value in that the rest of the family
+ * cannot hold.
+ */
 export declare const isTime: (value: string) => boolean;
 /** Minutes since midnight, or `null` where it is not a time. */
 export declare const toMinutes: (value: string) => number | null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.58.0",
+  "version": "0.58.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.58.0",
-    "@fusion.dev/helix-icons": "0.58.0",
+    "@fusion.dev/helix-core": "0.58.1",
+    "@fusion.dev/helix-icons": "0.58.1",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.58.0",
-    "@fusion.dev/helix-testing": "0.58.0",
+    "@fusion.dev/helix-cem": "0.58.1",
+    "@fusion.dev/helix-testing": "0.58.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",