@taqwim/solid 0.1.0-beta.5 → 0.1.0-beta.7

package/dist/index.js

@@ -10,7 +10,7 @@ function v() {
 }
 //#endregion
 //#region src/types.ts
-var y = /* @__PURE__ */ "defaultValue.value.onValueChange.defaultPlaceholder.placeholder.onPlaceholderChange.weekStartsOn.weekdayFormat.calendarLabel.fixedWeeks.numberOfMonths.pagedNavigation.multiple.preventDeselect.disableDaysOutsideCurrentView.disabled.readonly.minValue.maxValue.locale.showGregorian.dateEmphasis.gregorianLocale.dir.isDateDisabled.isDateUnavailable.nextPage.prevPage".split(".");
+var y = /* @__PURE__ */ "calendarSystem.defaultValue.value.onValueChange.defaultPlaceholder.placeholder.onPlaceholderChange.weekStartsOn.weekdayFormat.calendarLabel.fixedWeeks.numberOfMonths.pagedNavigation.multiple.preventDeselect.disableDaysOutsideCurrentView.disabled.readonly.minValue.maxValue.locale.showGregorian.dateEmphasis.gregorianLocale.dir.isDateDisabled.isDateUnavailable.nextPage.prevPage".split(".");
 //#endregion
 //#region src/useCalendar.ts
 function b(e) {
@@ -182,18 +182,27 @@ function H(e) {
 	})();
 }
 function U(e) {
-	let { store: i, state: a } = v(), o = "children" in e, [c, l] = h(e, ["day", "children"]), u = () => s(c.day, i.formatter, a().showGregorian, a().dateEmphasis), d = () => (a(), i.getCellTriggerProps(c.day));
-	function f() {
-		c.day.isDisabled || c.day.isUnavailable || i.select(c.day.date);
-	}
+	let { store: i, state: a } = v(), o = "children" in e, [c, l] = h(e, ["day", "children"]), u = () => s(c.day, i.formatter, a().showGregorian, a().dateEmphasis), d = () => (a(), i.getCellTriggerProps(c.day)), f = !1;
 	function p() {
-		c.day.isDisabled || c.day.isFocused || i.focusDate(c.day.date);
+		f = !0;
+	}
+	function m() {
+		f = !1;
+	}
+	function g() {
+		c.day.isDisabled || c.day.isUnavailable || (i.focusDate(c.day.date), i.select(c.day.date));
+	}
+	function _() {
+		f || c.day.isDisabled || c.day.isFocused || i.focusDate(c.day.date);
 	}
 	return (() => {
 		var e = w();
 		return r(e, n(d, l, {
-			onClick: f,
-			onFocus: p
+			onClick: g,
+			onFocus: _,
+			onPointerDown: p,
+			onPointerUp: m,
+			onPointerCancel: m
 		}), !1, !0), t(e, () => o ? j(c.children, () => ({
 			dayValue: u().dayValue,
 			hijriDayValue: u().hijriDayValue,

package/dist/source/HijriCalendar.jsx

@@ -222,21 +222,34 @@ export function HijriCalendarCellTrigger(props) {
         void state();
         return store.getCellTriggerProps(local.day);
     };
+    // A pointer focuses a button between pointerdown and click. Updating the
+    // snapshot during that focus can refresh render-prop children before
+    // Solid's delegated click reaches the button. Defer the store's focus move
+    // to the click for pointer interactions; keyboard/programmatic focus still
+    // updates immediately.
+    let pointerIsDown = false;
+    function onPointerDown() {
+        pointerIsDown = true;
+    }
+    function onPointerEnd() {
+        pointerIsDown = false;
+    }
     function onClick() {
         // `select` re-checks these itself; this only avoids the pointless call.
         if (local.day.isDisabled || local.day.isUnavailable)
             return;
+        store.focusDate(local.day.date);
         store.select(local.day.date);
     }
     function onFocus() {
         // Tabbing or clicking into a cell makes it the roving-focus target.
         // Re-reporting a date the store already holds would echo its own
         // programmatic `.focus()` back at it, so that case is skipped.
-        if (local.day.isDisabled || local.day.isFocused)
+        if (pointerIsDown || local.day.isDisabled || local.day.isFocused)
             return;
         store.focusDate(local.day.date);
     }
-    return (<button {...triggerProps()} {...rest} onClick={onClick} onFocus={onFocus}>
+    return (<button {...triggerProps()} {...rest} onClick={onClick} onFocus={onFocus} onPointerDown={onPointerDown} onPointerUp={onPointerEnd} onPointerCancel={onPointerEnd}>
       {hasChildren
             ? renderChildren(local.children, () => ({
                 dayValue: display().dayValue,

package/dist/source/types.d.ts

@@ -1,5 +1,5 @@
 import type { CalendarMonth, CalendarState, CalendarStore, Matcher, WeekDayFormat, WeekStartsOn } from '@taqwim/calendar-core';
-import type { HijriDateObject } from '@taqwim/core';
+import type { HijriCalendarSystem, HijriDateObject } from '@taqwim/core';
 import type { JSX } from 'solid-js';
 /**
  * Deliberately the same names as the Vue and React adapters.
@@ -9,6 +9,7 @@ import type { JSX } from 'solid-js';
  * framework forces it.
  */
 export interface HijriCalendarRootOptions {
+    calendarSystem?: HijriCalendarSystem;
     /** Initial selection, for uncontrolled use. */
     defaultValue?: HijriDateObject | HijriDateObject[];
     /** Controlled selection. */
@@ -57,4 +58,4 @@ export type HijriCalendarRootProps = HijriCalendarRootOptions & Omit<JSX.HTMLAtt
     children?: JSX.Element | ((props: HijriCalendarRenderProps) => JSX.Element);
 };
 /** The option names, so the root can tell them from DOM attributes. */
-export declare const OPTION_KEYS: readonly ["defaultValue", "value", "onValueChange", "defaultPlaceholder", "placeholder", "onPlaceholderChange", "weekStartsOn", "weekdayFormat", "calendarLabel", "fixedWeeks", "numberOfMonths", "pagedNavigation", "multiple", "preventDeselect", "disableDaysOutsideCurrentView", "disabled", "readonly", "minValue", "maxValue", "locale", "showGregorian", "dateEmphasis", "gregorianLocale", "dir", "isDateDisabled", "isDateUnavailable", "nextPage", "prevPage"];
+export declare const OPTION_KEYS: readonly ["calendarSystem", "defaultValue", "value", "onValueChange", "defaultPlaceholder", "placeholder", "onPlaceholderChange", "weekStartsOn", "weekdayFormat", "calendarLabel", "fixedWeeks", "numberOfMonths", "pagedNavigation", "multiple", "preventDeselect", "disableDaysOutsideCurrentView", "disabled", "readonly", "minValue", "maxValue", "locale", "showGregorian", "dateEmphasis", "gregorianLocale", "dir", "isDateDisabled", "isDateUnavailable", "nextPage", "prevPage"];

package/dist/source/types.js

@@ -1,5 +1,6 @@
 /** The option names, so the root can tell them from DOM attributes. */
 export const OPTION_KEYS = [
+    'calendarSystem',
     'defaultValue',
     'value',
     'onValueChange',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taqwim/solid",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.7",
   "private": false,
   "description": "Headless Solid components for Hijri calendars, built on @taqwim/calendar-core",
   "keywords": [
@@ -46,8 +46,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@taqwim/calendar-core": "0.1.0-beta.5",
-    "@taqwim/core": "0.1.0-beta.5"
+    "@taqwim/calendar-core": "0.1.0-beta.7",
+    "@taqwim/core": "0.1.0-beta.7"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.2",