@smwb/ui-solid 0.12.0 → 0.13.0

package/dist/headless/components/inputs/datePicker/datePickerDay.js

@@ -1,56 +1,72 @@
-import { createComponent as r, spread as u, mergeProps as m, insert as i, template as d } from "solid-js/web";
-import { splitProps as _, Show as a } from "solid-js";
-import g from "clsx";
-import { Ripple as h } from "../../base/ripple/ripple.js";
-var w = /* @__PURE__ */ d("<button>"), k = /* @__PURE__ */ d("<span class=smwb-date-picker__day-hidden>");
-function P(s) {
-  const [e, l] = _(s, ["class", "children", "onChange", "active", "current", "hidden", "outside", "disabled", "inRange", "day"]);
+import { createComponent as t, spread as _, mergeProps as g, insert as i, template as o } from "solid-js/web";
+import { mergeProps as w, splitProps as k, Show as a } from "solid-js";
+import h from "clsx";
+import { callHandler as d } from "../../../primitives/callHandler.js";
+import { Ripple as f } from "../../base/ripple/ripple.js";
+var y = /* @__PURE__ */ o("<button>"), P = /* @__PURE__ */ o("<span class=smwb-date-picker__day-hidden>");
+function x(s) {
+  const l = w({
+    type: "button"
+  }, s), [e, c] = k(l, [
+    "class",
+    "children",
+    "onChange",
+    "active",
+    "current",
+    "hidden",
+    "outside",
+    "disabled",
+    "inRange",
+    "day",
+    // The day sets these on its root too; its own handlers call the caller's first.
+    "onPointerDown",
+    "onClick"
+  ]);
   let n;
-  const o = (t) => {
-    e.disabled || n?.onRipple(t);
-  }, c = () => {
-    e.disabled || e.onChange?.(void 0, e.day);
-  }, p = () => g("smwb-date-picker__day", e.class, {
+  const p = (r) => {
+    d(e.onPointerDown, r), e.disabled || n?.onRipple(r);
+  }, m = (r) => {
+    d(e.onClick, r), e.disabled || e.onChange?.(void 0, e.day);
+  }, b = () => h("smwb-date-picker__day", e.class, {
     "smwb-date-picker__day--active": !e.disabled && e.active,
     "smwb-date-picker__day--current": e.current && !e.active,
     "smwb-date-picker__day--outside": !e.disabled && e.outside,
     "smwb-date-picker__day--disabled": e.disabled,
     "smwb-date-picker__day--in-range": !e.disabled && e.inRange
   });
-  return r(a, {
+  return t(a, {
     get when() {
       return !e.hidden;
     },
     get fallback() {
-      return k();
+      return P();
     },
     get children() {
-      var t = w();
-      return u(t, m(l, {
+      var r = y();
+      return _(r, g(c, {
         get class() {
-          return p();
+          return b();
         },
-        type: "button",
-        onPointerDown: o,
-        onClick: c,
+        onPointerDown: p,
+        onClick: m,
         get disabled() {
           return e.disabled;
         }
-      }), !1, !0), i(t, () => e.children, null), i(t, r(a, {
+      }), !1, !0), i(r, () => e.children, null), i(r, t(a, {
         get when() {
           return !e.disabled;
         },
         get children() {
-          return r(h, {
-            actionRef: (b) => n = b,
+          return t(f, {
+            actionRef: (u) => n = u,
             center: !0
           });
         }
-      }), null), t;
+      }), null), r;
     }
   });
 }
 export {
-  P as DatePickerDay
+  x as DatePickerDay
 };
 //# sourceMappingURL=datePickerDay.js.map

package/dist/headless/components/inputs/datePicker/datePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerDay.js","sources":["../../../../../src/components/inputs/datePicker/datePickerDay.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\n\nexport interface DatePickerDayProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  active?: boolean | undefined;\n  current?: boolean | undefined;\n  hidden?: boolean | undefined;\n  outside?: boolean | undefined;\n  disabled?: boolean | undefined;\n  inRange?: boolean | undefined;\n  day: Date;\n  onChange?: ((event?: Event, date?: Date) => void) | undefined;\n}\n\nexport function DatePickerDay(props: ParentProps<DatePickerDayProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"onChange\",\n    \"active\",\n    \"current\",\n    \"hidden\",\n    \"outside\",\n    \"disabled\",\n    \"inRange\",\n    \"day\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const onClick = (): void => {\n    if (!local.disabled) local.onChange?.(undefined, local.day);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-date-picker__day\", local.class, {\n      \"smwb-date-picker__day--active\": !local.disabled && local.active,\n      \"smwb-date-picker__day--current\": local.current && !local.active,\n      \"smwb-date-picker__day--outside\": !local.disabled && local.outside,\n      \"smwb-date-picker__day--disabled\": local.disabled,\n      \"smwb-date-picker__day--in-range\": !local.disabled && local.inRange,\n    });\n\n  return (\n    <Show when={!local.hidden} fallback={<span class=\"smwb-date-picker__day-hidden\" />}>\n      <button\n        {...rest}\n        class={classes()}\n        type=\"button\"\n        onPointerDown={onPointerDown}\n        onClick={onClick}\n        disabled={local.disabled}\n      >\n        {local.children}\n        <Show when={!local.disabled}>\n          <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n        </Show>\n      </button>\n    </Show>\n  );\n}\n\nexport default DatePickerDay;\n"],"names":["DatePickerDay","props","local","rest","splitProps","rippleActions","onPointerDown","event","disabled","onRipple","onClick","onChange","undefined","day","classes","cn","class","active","current","outside","inRange","_$createComponent","Show","when","hidden","fallback","_tmpl$2","children","_el$","_tmpl$","_$spread","_$mergeProps","_$insert","Ripple","actionRef","actions","center"],"mappings":";;;;;AAeO,SAASA,EAAcC,GAAqD;AACjF,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,YACA,YACA,UACA,WACA,UACA,WACA,YACA,WACA,KAAK,CACN;AAED,MAAII;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeI,SAASF,CAAK;AAAA,EACpD,GAEMG,IAAUA,MAAY;AAC1B,IAAKR,EAAMM,cAAgBG,WAAWC,QAAWV,EAAMW,GAAG;AAAA,EAC5D,GAEMC,IAAUA,MACdC,EAAG,yBAAyBb,EAAMc,OAAO;AAAA,IACvC,iCAAiC,CAACd,EAAMM,YAAYN,EAAMe;AAAAA,IAC1D,kCAAkCf,EAAMgB,WAAW,CAAChB,EAAMe;AAAAA,IAC1D,kCAAkC,CAACf,EAAMM,YAAYN,EAAMiB;AAAAA,IAC3D,mCAAmCjB,EAAMM;AAAAA,IACzC,mCAAmC,CAACN,EAAMM,YAAYN,EAAMkB;AAAAA,EAAAA,CAC7D;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE,CAACrB,EAAMsB;AAAAA,IAAM;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAAC,EAAAA;AAAAA,IAAA;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAG,EAE3B5B,GAAI;AAAA,QAAA,IAAA,QAAA;AAAA,iBACDW,EAAAA;AAAAA,QAAS;AAAA,QAAA,MACX;AAAA,QAAQ,eACER;AAAAA,QAAa,SACnBI;AAAAA,QAAO,IAChBF,WAAQ;AAAA,iBAAEN,EAAMM;AAAAA,QAAQ;AAAA,MAAA,CAAA,GAAA,IAAA,EAAA,GAAAwB,EAAAJ,GAAA,MAEvB1B,EAAMyB,UAAQ,IAAA,GAAAK,EAAAJ,GAAAP,EACdC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE,CAACrB,EAAMM;AAAAA,QAAQ;AAAA,QAAA,IAAAmB,WAAA;AAAA,iBAAAN,EACxBY,GAAM;AAAA,YAACC,WAAYC,OAAa9B,IAAgB8B;AAAAA,YAAUC,QAAM;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAR;AAAAA,IAAA;AAAA,EAAA,CAAA;AAK3E;"}
+{"version":3,"file":"datePickerDay.js","sources":["../../../../../src/components/inputs/datePicker/datePickerDay.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface DatePickerDayProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  active?: boolean | undefined;\n  current?: boolean | undefined;\n  hidden?: boolean | undefined;\n  outside?: boolean | undefined;\n  disabled?: boolean | undefined;\n  inRange?: boolean | undefined;\n  day: Date;\n  onChange?: ((event?: Event, date?: Date) => void) | undefined;\n}\n\nexport function DatePickerDay(props: ParentProps<DatePickerDayProps>): JSX.Element {\n  // `type` is a default: the caller's wins.\n  const merged = mergeProps({ type: \"button\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"onChange\",\n    \"active\",\n    \"current\",\n    \"hidden\",\n    \"outside\",\n    \"disabled\",\n    \"inRange\",\n    \"day\",\n    // The day sets these on its root too; its own handlers call the caller's first.\n    \"onPointerDown\",\n    \"onClick\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    callHandler(local.onPointerDown, event);\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    callHandler(local.onClick, event);\n    if (!local.disabled) local.onChange?.(undefined, local.day);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-date-picker__day\", local.class, {\n      \"smwb-date-picker__day--active\": !local.disabled && local.active,\n      \"smwb-date-picker__day--current\": local.current && !local.active,\n      \"smwb-date-picker__day--outside\": !local.disabled && local.outside,\n      \"smwb-date-picker__day--disabled\": local.disabled,\n      \"smwb-date-picker__day--in-range\": !local.disabled && local.inRange,\n    });\n\n  return (\n    <Show when={!local.hidden} fallback={<span class=\"smwb-date-picker__day-hidden\" />}>\n      <button {...rest} class={classes()} onPointerDown={onPointerDown} onClick={onClick} disabled={local.disabled}>\n        {local.children}\n        <Show when={!local.disabled}>\n          <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n        </Show>\n      </button>\n    </Show>\n  );\n}\n\nexport default DatePickerDay;\n"],"names":["DatePickerDay","props","merged","mergeProps","type","local","rest","splitProps","rippleActions","onPointerDown","event","callHandler","disabled","onRipple","onClick","onChange","undefined","day","classes","cn","class","active","current","outside","inRange","_$createComponent","Show","when","hidden","fallback","_tmpl$2","children","_el$","_tmpl$","_$spread","_$mergeProps","_$insert","Ripple","actionRef","actions","center"],"mappings":";;;;;;AAgBO,SAASA,EAAcC,GAAqD;AAEjF,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,EAAA,GAAqBH,CAAK,GACtD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA,CACD;AAED,MAAIM;AAEJ,QAAMC,IAAoEC,CAAAA,MAAU;AAClFC,IAAAA,EAAYN,EAAMI,eAAeC,CAAK,GACjCL,EAAMO,YAAUJ,GAAeK,SAASH,CAAK;AAAA,EACpD,GAEMI,IAA4DJ,CAAAA,MAAU;AAC1EC,IAAAA,EAAYN,EAAMS,SAASJ,CAAK,GAC3BL,EAAMO,cAAgBG,WAAWC,QAAWX,EAAMY,GAAG;AAAA,EAC5D,GAEMC,IAAUA,MACdC,EAAG,yBAAyBd,EAAMe,OAAO;AAAA,IACvC,iCAAiC,CAACf,EAAMO,YAAYP,EAAMgB;AAAAA,IAC1D,kCAAkChB,EAAMiB,WAAW,CAACjB,EAAMgB;AAAAA,IAC1D,kCAAkC,CAAChB,EAAMO,YAAYP,EAAMkB;AAAAA,IAC3D,mCAAmClB,EAAMO;AAAAA,IACzC,mCAAmC,CAACP,EAAMO,YAAYP,EAAMmB;AAAAA,EAAAA,CAC7D;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE,CAACtB,EAAMuB;AAAAA,IAAM;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAAC,EAAAA;AAAAA,IAAA;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAG,EACrB7B,GAAI;AAAA,QAAA,IAAA,QAAA;AAAA,iBAASY,EAAAA;AAAAA,QAAS;AAAA,QAAA,eAAiBT;AAAAA,QAAa,SAAWK;AAAAA,QAAO,IAAEF,WAAQ;AAAA,iBAAEP,EAAMO;AAAAA,QAAQ;AAAA,MAAA,CAAA,GAAA,IAAA,EAAA,GAAAwB,EAAAJ,GAAA,MACzG3B,EAAM0B,UAAQ,IAAA,GAAAK,EAAAJ,GAAAP,EACdC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE,CAACtB,EAAMO;AAAAA,QAAQ;AAAA,QAAA,IAAAmB,WAAA;AAAA,iBAAAN,EACxBY,GAAM;AAAA,YAACC,WAAYC,OAAa/B,IAAgB+B;AAAAA,YAAUC,QAAM;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAR;AAAAA,IAAA;AAAA,EAAA,CAAA;AAK3E;"}

package/dist/headless/components/inputs/datePicker/datePickerIconButton.js

@@ -1,22 +1,32 @@
-import { use as p, spread as m, mergeProps as u, insert as o, createComponent as i, template as b } from "solid-js/web";
+import { use as m, spread as p, mergeProps as u, insert as n, createComponent as i, template as b } from "solid-js/web";
 import { mergeProps as f, splitProps as g, Show as _ } from "solid-js";
 import w from "clsx";
 import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
-import { Ripple as k } from "../../base/ripple/ripple.js";
-var h = /* @__PURE__ */ b("<button>");
-function y(s) {
-  const d = f({
-    size: "medium"
-  }, s), [e, l] = g(d, ["class", "children", "disabled", "size", "edge", "ref"]);
+import { callHandler as k } from "../../../primitives/callHandler.js";
+import { Ripple as h } from "../../base/ripple/ripple.js";
+var D = /* @__PURE__ */ b("<button>");
+function A(s) {
+  const l = f({
+    size: "medium",
+    type: "button"
+  }, s), [e, d] = g(l, [
+    "class",
+    "children",
+    "disabled",
+    "size",
+    "edge",
+    "ref",
+    // The button sets this on its root too; its own handler calls the caller's first.
+    "onPointerDown"
+  ]);
   let r;
   const a = (t) => {
-    e.disabled || r?.onRipple(t);
+    k(e.onPointerDown, t), e.disabled || r?.onRipple(t);
   };
   return (() => {
-    var t = h(), n = P(e.ref);
-    return typeof n == "function" && p(n, t), m(t, u(l, {
+    var t = D(), o = P(e.ref);
+    return typeof o == "function" && m(o, t), p(t, u(d, {
       onPointerDown: a,
-      type: "button",
       get class() {
         return w("smwb-date-picker__icon-button", e.class, {
           "smwb-date-picker__icon-button--small": e.size === "small",
@@ -28,12 +38,12 @@ function y(s) {
       get disabled() {
         return e.disabled;
       }
-    }), !1, !0), o(t, () => e.children, null), o(t, i(_, {
+    }), !1, !0), n(t, () => e.children, null), n(t, i(_, {
       get when() {
         return !e.disabled;
       },
       get children() {
-        return i(k, {
+        return i(h, {
           actionRef: (c) => r = c,
           center: !0
         });
@@ -42,6 +52,6 @@ function y(s) {
   })();
 }
 export {
-  y as DatePickerIconButton
+  A as DatePickerIconButton
 };
 //# sourceMappingURL=datePickerIconButton.js.map

package/dist/headless/components/inputs/datePicker/datePickerIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerIconButton.js","sources":["../../../../../src/components/inputs/datePicker/datePickerIconButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type DataPickerIconButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: \"medium\" | \"small\";\n  edge?: \"start\" | \"end\";\n  ref?: Ref<HTMLButtonElement>;\n};\n\nexport function DatePickerIconButton(props: ParentProps<DataPickerIconButtonProps>): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"children\", \"disabled\", \"size\", \"edge\", \"ref\"]);\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      onPointerDown={onPointerDown}\n      type=\"button\"\n      class={cn(\"smwb-date-picker__icon-button\", local.class, {\n        \"smwb-date-picker__icon-button--small\": local.size === \"small\",\n        \"smwb-date-picker__icon-button--edge-start\": local.edge === \"start\",\n        \"smwb-date-picker__icon-button--edge-end\": local.edge === \"end\",\n        \"smwb-date-picker__icon-button--disabled\": local.disabled,\n      })}\n      disabled={local.disabled}\n    >\n      {local.children}\n      <Show when={!local.disabled}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n      </Show>\n    </button>\n  );\n}\n\nexport default DatePickerIconButton;\n"],"names":["DatePickerIconButton","props","merged","mergeProps","size","local","rest","splitProps","rippleActions","onPointerDown","event","disabled","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","edge","_$insert","children","_$createComponent","Show","when","Ripple","actionRef","actions","center"],"mappings":";;;;;;AAWO,SAASA,EAAqBC,GAA4D;AAC/F,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,EAAA,GAAqBH,CAAK,GACtD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CAAC,SAAS,YAAY,YAAY,QAAQ,QAAQ,KAAK,CAAC;AACjG,MAAIM;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeI,SAASF,CAAK;AAAA,EACpD;AAEA,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA,GAAAC,IAGSC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBd,GAAI;AAAA,MAAA,eAEOG;AAAAA,MAAa,MACvB;AAAA,MAAQ,IAAA,QAAA;AAAA,eACNY,EAAG,iCAAiChB,EAAMiB,OAAO;AAAA,UACtD,wCAAwCjB,EAAMD,SAAS;AAAA,UACvD,6CAA6CC,EAAMkB,SAAS;AAAA,UAC5D,2CAA2ClB,EAAMkB,SAAS;AAAA,UAC1D,2CAA2ClB,EAAMM;AAAAA,QAAAA,CAClD;AAAA,MAAC;AAAA,MAAA,IACFA,WAAQ;AAAA,eAAEN,EAAMM;AAAAA,MAAQ;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAA,MAEvBR,EAAMoB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACvB,EAAMM;AAAAA,MAAQ;AAAA,MAAA,IAAAc,WAAA;AAAA,eAAAC,EACxBG,GAAM;AAAA,UAACC,WAAYC,OAAavB,IAAgBuB;AAAAA,UAAUC,QAAM;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB;AAAAA,EAAA,GAAA;AAIzE;"}
+{"version":3,"file":"datePickerIconButton.js","sources":["../../../../../src/components/inputs/datePicker/datePickerIconButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport type DataPickerIconButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: \"medium\" | \"small\";\n  edge?: \"start\" | \"end\";\n  ref?: Ref<HTMLButtonElement>;\n};\n\nexport function DatePickerIconButton(props: ParentProps<DataPickerIconButtonProps>): JSX.Element {\n  // `type` is a default: the caller's wins.\n  const merged = mergeProps({ size: \"medium\" as const, type: \"button\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"disabled\",\n    \"size\",\n    \"edge\",\n    \"ref\",\n    // The button sets this on its root too; its own handler calls the caller's first.\n    \"onPointerDown\",\n  ]);\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    callHandler(local.onPointerDown, event);\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      onPointerDown={onPointerDown}\n      class={cn(\"smwb-date-picker__icon-button\", local.class, {\n        \"smwb-date-picker__icon-button--small\": local.size === \"small\",\n        \"smwb-date-picker__icon-button--edge-start\": local.edge === \"start\",\n        \"smwb-date-picker__icon-button--edge-end\": local.edge === \"end\",\n        \"smwb-date-picker__icon-button--disabled\": local.disabled,\n      })}\n      disabled={local.disabled}\n    >\n      {local.children}\n      <Show when={!local.disabled}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n      </Show>\n    </button>\n  );\n}\n\nexport default DatePickerIconButton;\n"],"names":["DatePickerIconButton","props","merged","mergeProps","size","type","local","rest","splitProps","rippleActions","onPointerDown","event","callHandler","disabled","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","edge","_$insert","children","_$createComponent","Show","when","Ripple","actionRef","actions","center"],"mappings":";;;;;;;AAYO,SAASA,EAAqBC,GAA4D;AAE/F,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,IAAmBC,MAAM;AAAA,EAAA,GAAqBJ,CAAK,GAC/E,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA,CACD;AACD,MAAIO;AAEJ,QAAMC,IAAoEC,CAAAA,MAAU;AAClFC,IAAAA,EAAYN,EAAMI,eAAeC,CAAK,GACjCL,EAAMO,YAAUJ,GAAeK,SAASH,CAAK;AAAA,EACpD;AAEA,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAGSC,EAAUZ,EAAMa,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBf,GAAI;AAAA,MAAA,eAEOG;AAAAA,MAAa,IAAA,QAAA;AAAA,eACrBa,EAAG,iCAAiCjB,EAAMkB,OAAO;AAAA,UACtD,wCAAwClB,EAAMF,SAAS;AAAA,UACvD,6CAA6CE,EAAMmB,SAAS;AAAA,UAC5D,2CAA2CnB,EAAMmB,SAAS;AAAA,UAC1D,2CAA2CnB,EAAMO;AAAAA,QAAAA,CAClD;AAAA,MAAC;AAAA,MAAA,IACFA,WAAQ;AAAA,eAAEP,EAAMO;AAAAA,MAAQ;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAA,MAEvBT,EAAMqB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACxB,EAAMO;AAAAA,MAAQ;AAAA,MAAA,IAAAc,WAAA;AAAA,eAAAC,EACxBG,GAAM;AAAA,UAACC,WAAYC,OAAaxB,IAAgBwB;AAAAA,UAAUC,QAAM;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB;AAAAA,EAAA,GAAA;AAIzE;"}

package/dist/headless/components/inputs/dateTimePicker/dateTimePicker.js

@@ -1,89 +1,100 @@
-import { createComponent as i, mergeProps as ee, Portal as te, use as ae, insert as b, effect as re, style as ne, setAttribute as oe, isServer as ie, template as se } from "solid-js/web";
-import { splitProps as le, createSignal as u, createEffect as L, createMemo as me, onCleanup as ce, Show as ue } from "solid-js";
-import { buildFloatingMiddleware as de, resolvePlacement as ge } from "../../../utils/floating.js";
-import { createFloating as fe } from "../../../primitives/createFloating.js";
-import { DataPickerHeader as he } from "../datePicker/dataPickerHeader.js";
-import { DataPickerDays as pe } from "../datePicker/dataPickerDays.js";
-import { DatePickerList as E } from "../datePicker/datePickerList.js";
-import { isValidDate as w, getMonths as ve, getYears as be, setYear as we, setMonth as De } from "../datePicker/dateUtils.js";
-import { OpenView as r } from "../datePicker/openView.js";
+import { createComponent as i, mergeProps as te, Portal as re, use as ae, insert as C, effect as ne, style as oe, setAttribute as ie, isServer as se, template as le } from "solid-js/web";
+import { splitProps as ce, createSignal as d, createEffect as k, createMemo as me, onCleanup as L, Show as ue } from "solid-js";
+import { buildFloatingMiddleware as de, resolvePlacement as fe } from "../../../utils/floating.js";
+import { createFloating as ge } from "../../../primitives/createFloating.js";
+import { isTopOverlayLayer as ve } from "../../../primitives/overlayLayer.js";
+import { DataPickerHeader as pe } from "../datePicker/dataPickerHeader.js";
+import { DataPickerDays as he } from "../datePicker/dataPickerDays.js";
+import { DatePickerList as I } from "../datePicker/datePickerList.js";
+import { isValidDate as _, getMonths as we, getYears as be, setYear as ye, setMonth as De } from "../datePicker/dateUtils.js";
+import { OpenView as n } from "../datePicker/openView.js";
 import { TimePickerColumns as Ce } from "../timePicker/timePickerColumns.js";
-import { isValidTimeDate as D, mergeTime as ye, DEFAULT_TIME_FORMAT as ke, mergeDate as _e } from "../timePicker/timeUtils.js";
-import { DateTimePickerInput as Fe } from "./dateTimePickerInput.js";
-import { mergeRefs as I } from "../../../primitives/mergeRefs.js";
+import { isValidTimeDate as F, mergeTime as ke, DEFAULT_TIME_FORMAT as _e, mergeDate as Fe } from "../timePicker/timeUtils.js";
+import { DateTimePickerInput as Te } from "./dateTimePickerInput.js";
+import { mergeRefs as Y } from "../../../primitives/mergeRefs.js";
 import { ClickAwayListener as Me } from "../../clickAwayListener/clickAwayListener.js";
-var Te = /* @__PURE__ */ se('<div class="smwb-date-picker smwb-date-time-picker"data-testid=date-time-picker data-smwb-overlay-layer role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class="smwb-date-picker__inner smwb-date-time-picker__inner"><div class=smwb-date-time-picker__content><div class="smwb-date-picker__body smwb-date-time-picker__body">');
+var Oe = /* @__PURE__ */ le('<div class="smwb-date-picker smwb-date-time-picker"data-testid=date-time-picker data-smwb-overlay-layer role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class="smwb-date-picker__inner smwb-date-time-picker__inner"><div class=smwb-date-time-picker__content><div class="smwb-date-picker__body smwb-date-time-picker__body">');
 const Ve = 150;
-function Ue(C) {
-  const [e, Y] = le(C, ["value", "onChange", "showDaysOutsideMonth", "disablePast", "disableFuture", "weekStartsOn", "placement", "disabled", "disableCalendar", "calendarAriaLabel", "minDate", "maxDate", "isDateDisabled", "locale", "format", "timeFormat", "calendarIcon", "onBlur", "ref"]), l = () => e.value === void 0 ? void 0 : new Date(e.value), f = l(), [o, m] = u(w(f) || D(f) ? f : /* @__PURE__ */ new Date()), [d, g] = u(r.days), [H, y] = u(!1);
-  let k, _;
-  const F = () => ge(e.placement ?? "bottom-start"), h = fe({
-    placement: () => F().placement,
-    middleware: () => de(F())
+function je(T) {
+  const [e, H] = ce(T, ["value", "onChange", "showDaysOutsideMonth", "disablePast", "disableFuture", "weekStartsOn", "placement", "disabled", "disableCalendar", "calendarAriaLabel", "minDate", "maxDate", "isDateDisabled", "locale", "format", "timeFormat", "calendarIcon", "onBlur", "ref"]), c = () => e.value === void 0 ? void 0 : new Date(e.value), v = c(), [o, m] = d(_(v) || F(v) ? v : /* @__PURE__ */ new Date()), [f, g] = d(n.days), [$, p] = d(!1);
+  let h, w;
+  const M = () => fe(e.placement ?? "bottom-start"), b = ge({
+    placement: () => M().placement,
+    middleware: () => de(M())
   });
-  L(() => {
+  k(() => {
     if (e.disabled) return;
-    const t = l();
-    m(w(t) || D(t) ? t : /* @__PURE__ */ new Date());
+    const t = c();
+    m(_(t) || F(t) ? t : /* @__PURE__ */ new Date());
   });
-  const $ = () => e.weekStartsOn ?? 1, x = (t) => {
+  const x = () => e.weekStartsOn ?? 1, B = (t) => {
     m(t);
-  }, B = () => {
-    g(d() === r.months ? r.days : r.months);
   }, R = () => {
-    g(d() === r.years ? r.days : r.years);
-  }, q = (t) => {
-    m(De(o(), t)), g(r.days);
+    g(f() === n.months ? n.days : n.months);
+  }, q = () => {
+    g(f() === n.years ? n.days : n.years);
+  }, K = (t) => {
+    m(De(o(), t)), g(n.days);
   }, U = (t) => {
-    m(we(o(), t)), g(r.days);
-  }, M = (t) => {
-    m(t), e.onChange?.(void 0, t, C);
-  }, j = (t, a) => {
-    if (!a) return;
-    const n = l(), v = D(n) ? n : o();
-    M(_e(a, v));
+    m(ye(o(), t)), g(n.days);
+  }, O = (t) => {
+    m(t), e.onChange?.(void 0, t, T);
+  }, j = (t, r) => {
+    if (!r) return;
+    const a = c(), s = F(a) ? a : o();
+    O(Fe(r, s));
   }, z = (t) => {
-    const a = l(), n = w(a) ? a : o();
-    M(ye(n, t));
+    const r = c(), a = _(r) ? r : o();
+    O(ke(a, t));
   }, G = () => {
-    e.disabled || y((t) => !t);
+    e.disabled || p((t) => !t);
   }, J = (t) => {
-    const a = t.target;
-    _?.contains(a) || k?.contains(a) || y(!1);
-  }, K = () => e.timeFormat ? e.timeFormat : e.format?.includes("HH:mm:ss") ? "HH:mm:ss" : ke, N = me(() => ve(e.locale)), Q = be((/* @__PURE__ */ new Date()).getFullYear(), 100), T = () => H() && !e.disabled && !e.disableCalendar, [V, O] = u(T()), [W, P] = u(!1);
-  let p, c;
-  L(() => {
-    T() ? (c !== void 0 && clearTimeout(c), O(!0), p = requestAnimationFrame(() => P(!0))) : (P(!1), V() && (c = setTimeout(() => O(!1), Ve)));
-  }), ce(() => {
-    p !== void 0 && cancelAnimationFrame(p), c !== void 0 && clearTimeout(c);
+    const r = t.target;
+    w?.contains(r) || h?.contains(r) || p(!1);
+  }, N = () => e.timeFormat ? e.timeFormat : e.format?.includes("HH:mm:ss") ? "HH:mm:ss" : _e, Q = me(() => we(e.locale)), W = be((/* @__PURE__ */ new Date()).getFullYear(), 100), y = () => $() && !e.disabled && !e.disableCalendar, [V, P] = d(y()), [X, S] = d(!1);
+  let D, u;
+  k(() => {
+    y() ? (u !== void 0 && clearTimeout(u), P(!0), D = requestAnimationFrame(() => S(!0))) : (S(!1), V() && (u = setTimeout(() => P(!1), Ve)));
+  }), L(() => {
+    D !== void 0 && cancelAnimationFrame(D), u !== void 0 && clearTimeout(u);
+  }), k(() => {
+    if (!y()) return;
+    const t = (r) => {
+      const a = w;
+      if (r.key !== "Escape" || !a || !ve(a)) return;
+      p(!1);
+      const s = document.activeElement;
+      (!s || s === document.body || a.contains(s)) && h?.focus();
+    };
+    document.addEventListener("keydown", t), L(() => document.removeEventListener("keydown", t));
   });
-  const X = () => {
-    switch (d()) {
-      case r.months:
-        return i(E, {
+  const Z = () => {
+    switch (f()) {
+      case n.months:
+        return i(I, {
           get value() {
             return o().getMonth();
           },
           get items() {
-            return N();
+            return Q();
           },
-          onChange: q
+          onChange: K
         });
-      case r.years:
-        return i(E, {
+      case n.years:
+        return i(I, {
           get value() {
             return o().getFullYear();
           },
-          items: Q,
+          items: W,
           onChange: U
         });
       default:
-        return i(pe, {
+        return i(he, {
           get viewValue() {
             return o();
           },
           get value() {
-            return l();
+            return c();
           },
           get showDaysOutsideMonth() {
             return e.showDaysOutsideMonth;
@@ -96,7 +107,7 @@ function Ue(C) {
             return e.disableFuture;
           },
           get weekStartsOn() {
-            return $();
+            return x();
           },
           get minDate() {
             return e.minDate;
@@ -113,10 +124,10 @@ function Ue(C) {
         });
     }
   };
-  return [i(Fe, ee({
+  return [i(Te, te({
     ref(t) {
-      var a = I(e.ref, h.setReference, (n) => k = n);
-      typeof a == "function" && a(t);
+      var r = Y(e.ref, b.setReference, (a) => h = a);
+      typeof r == "function" && r(t);
     },
     get value() {
       return e.value;
@@ -140,21 +151,21 @@ function Ue(C) {
     get calendarIcon() {
       return e.calendarIcon;
     }
-  }, Y)), i(ue, {
+  }, H)), i(ue, {
     get when() {
       return V();
     },
     get children() {
-      return i(te, {
+      return i(re, {
         get mount() {
-          return ie ? void 0 : document.body;
+          return se ? void 0 : document.body;
         },
         get children() {
           return i(Me, {
             onClickAway: J,
             get children() {
-              var t = Te(), a = t.firstChild, n = a.firstChild, v = n.firstChild, S = I(h.setFloating, (s) => _ = s);
-              return typeof S == "function" && ae(S, t), b(a, i(he, {
+              var t = Oe(), r = t.firstChild, a = r.firstChild, s = a.firstChild, A = Y(b.setFloating, (l) => w = l);
+              return typeof A == "function" && ae(A, t), C(r, i(pe, {
                 get viewValue() {
                   return o();
                 },
@@ -162,25 +173,25 @@ function Ue(C) {
                   return e.locale;
                 },
                 get openView() {
-                  return d();
+                  return f();
                 },
-                onChange: x,
-                onMonthLabelClick: B,
-                onYearLabelClick: R
-              }), n), b(v, X), b(n, i(Ce, {
+                onChange: B,
+                onMonthLabelClick: R,
+                onYearLabelClick: q
+              }), a), C(s, Z), C(a, i(Ce, {
                 get value() {
                   return o();
                 },
                 get format() {
-                  return K();
+                  return N();
                 },
                 onChange: z
-              }), null), re((s) => {
-                var Z = {
-                  ...h.floatingStyles(),
-                  opacity: W() ? 1 : 0
-                }, A = e.calendarAriaLabel ?? "Choose date and time";
-                return s.e = ne(t, Z, s.e), A !== s.t && oe(t, "aria-label", s.t = A), s;
+              }), null), ne((l) => {
+                var ee = {
+                  ...b.floatingStyles(),
+                  opacity: X() ? 1 : 0
+                }, E = e.calendarAriaLabel ?? "Choose date and time";
+                return l.e = oe(t, ee, l.e), E !== l.t && ie(t, "aria-label", l.t = E), l;
               }, {
                 e: void 0,
                 t: void 0
@@ -193,6 +204,6 @@ function Ue(C) {
   })];
 }
 export {
-  Ue as DateTimePicker
+  je as DateTimePicker
 };
 //# sourceMappingURL=dateTimePicker.js.map

package/dist/headless/components/inputs/dateTimePicker/dateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.js","sources":["../../../../../src/components/inputs/dateTimePicker/dateTimePicker.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport type { TextFieldProps } from \"../textField\";\nimport { DataPickerHeader } from \"../datePicker/dataPickerHeader\";\nimport { DataPickerDays } from \"../datePicker/dataPickerDays\";\nimport { DatePickerList } from \"../datePicker/datePickerList\";\nimport { type WeekStart, getMonths, getYears, isValidDate, setMonth, setYear } from \"../datePicker/dateUtils\";\nimport { OpenView } from \"../datePicker/openView\";\nimport { TimePickerColumns } from \"../timePicker/timePickerColumns\";\nimport { DEFAULT_TIME_FORMAT, isValidTimeDate, mergeDate, mergeTime } from \"../timePicker/timeUtils\";\nimport { DateTimePickerInput } from \"./dateTimePickerInput\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface DateTimePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  showDaysOutsideMonth?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  minDate?: Date | undefined;\n  maxDate?: Date | undefined;\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  locale?: string | undefined;\n  /** Input format with tokens dd, MM, yyyy, HH, mm, ss, e.g. \"dd/MM/yyyy HH:mm\". */\n  format?: string | undefined;\n  /** Time portion format when using the clock columns. Defaults to \"HH:mm\". */\n  timeFormat?: string | undefined;\n  placement?: Placement | undefined;\n  disableCalendar?: boolean | undefined;\n  label?: string | undefined;\n  calendarAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  calendarIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: DateTimePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: DateTimePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function DateTimePicker(props: DateTimePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"showDaysOutsideMonth\",\n    \"disablePast\",\n    \"disableFuture\",\n    \"weekStartsOn\",\n    \"placement\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarAriaLabel\",\n    \"minDate\",\n    \"maxDate\",\n    \"isDateDisabled\",\n    \"locale\",\n    \"format\",\n    \"timeFormat\",\n    \"calendarIcon\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n\n  const initialValue = value();\n  const [viewValue, setViewValue] = createSignal<Date>(\n    isValidDate(initialValue) || isValidTimeDate(initialValue) ? initialValue : new Date()\n  );\n  const [openView, setOpenView] = createSignal<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let popupEl: HTMLElement | undefined;\n\n  const resolved = (): ReturnType<typeof resolvePlacement> => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidDate(v) || isValidTimeDate(v) ? v : new Date());\n  });\n\n  const weekStartsOn = (): WeekStart => local.weekStartsOn ?? 1;\n\n  const onViewValueChange = (next: Date): void => {\n    setViewValue(next);\n  };\n\n  const onMonthLabelClick = (): void => {\n    setOpenView(openView() === OpenView.months ? OpenView.days : OpenView.months);\n  };\n\n  const onYearLabelClick = (): void => {\n    setOpenView(openView() === OpenView.years ? OpenView.days : OpenView.years);\n  };\n\n  const onMonthChange = (month: number): void => {\n    setViewValue(setMonth(viewValue(), month));\n    setOpenView(OpenView.days);\n  };\n\n  const onYearChange = (year: number): void => {\n    setViewValue(setYear(viewValue(), year));\n    setOpenView(OpenView.days);\n  };\n\n  const emitChange = (next: Date): void => {\n    setViewValue(next);\n    local.onChange?.(undefined, next, props);\n  };\n\n  const onDateChange = (_event?: Event, date?: Date): void => {\n    if (!date) return;\n    const v = value();\n    const timeSource = isValidTimeDate(v) ? v : viewValue();\n    emitChange(mergeDate(date, timeSource));\n  };\n\n  const onTimeChange = (timeDate: Date): void => {\n    const v = value();\n    const dateSource = isValidDate(v) ? v : viewValue();\n    emitChange(mergeTime(dateSource, timeDate));\n  };\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (popupEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const resolvedTimeFormat = (): string => {\n    if (local.timeFormat) return local.timeFormat;\n    if (local.format?.includes(\"HH:mm:ss\")) return \"HH:mm:ss\";\n    return DEFAULT_TIME_FORMAT;\n  };\n\n  const months = createMemo(() => getMonths(local.locale));\n  const years = getYears(new Date().getFullYear(), 100);\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableCalendar;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const view = (): JSX.Element => {\n    switch (openView()) {\n      case OpenView.months:\n        return <DatePickerList value={viewValue().getMonth()} items={months()} onChange={onMonthChange} />;\n      case OpenView.years:\n        return <DatePickerList value={viewValue().getFullYear()} items={years} onChange={onYearChange} />;\n      default:\n        return (\n          <DataPickerDays\n            viewValue={viewValue()}\n            value={value()}\n            showDaysOutsideMonth={local.showDaysOutsideMonth}\n            onChange={onDateChange}\n            disablePast={local.disablePast}\n            disableFuture={local.disableFuture}\n            weekStartsOn={weekStartsOn()}\n            minDate={local.minDate}\n            maxDate={local.maxDate}\n            isDateDisabled={local.isDateDisabled}\n            locale={local.locale}\n          />\n        );\n    }\n  };\n\n  return (\n    <>\n      <DateTimePickerInput\n        ref={mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement))}\n        value={local.value}\n        onChange={local.onChange}\n        onBlur={local.onBlur}\n        onToggle={onToggle}\n        disabled={local.disabled}\n        disableCalendar={local.disableCalendar}\n        format={local.format}\n        calendarIcon={local.calendarIcon}\n        {...rest}\n      />\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (popupEl = el as HTMLElement))}\n              class=\"smwb-date-picker smwb-date-time-picker\"\n              style={{\n                ...floating.floatingStyles(),\n                transition: `opacity ${FADE_MS}ms ease-in-out`,\n                opacity: shown() ? 1 : 0,\n              }}\n              data-testid=\"date-time-picker\"\n              data-smwb-overlay-layer\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.calendarAriaLabel ?? \"Choose date and time\"}\n            >\n              <div class=\"smwb-date-picker__inner smwb-date-time-picker__inner\">\n                <DataPickerHeader\n                  viewValue={viewValue()}\n                  locale={local.locale}\n                  openView={openView()}\n                  onChange={onViewValueChange}\n                  onMonthLabelClick={onMonthLabelClick}\n                  onYearLabelClick={onYearLabelClick}\n                />\n                <div class=\"smwb-date-time-picker__content\">\n                  <div class=\"smwb-date-picker__body smwb-date-time-picker__body\">{view()}</div>\n                  <TimePickerColumns value={viewValue()} format={resolvedTimeFormat()} onChange={onTimeChange} />\n                </div>\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default DateTimePicker;\n"],"names":["FADE_MS","DateTimePicker","props","local","rest","splitProps","value","undefined","Date","initialValue","viewValue","setViewValue","createSignal","isValidDate","isValidTimeDate","openView","setOpenView","OpenView","days","isOpen","setIsOpen","anchorEl","popupEl","resolved","resolvePlacement","placement","floating","createFloating","middleware","buildFloatingMiddleware","createEffect","disabled","v","weekStartsOn","onViewValueChange","next","onMonthLabelClick","months","onYearLabelClick","years","onMonthChange","month","setMonth","onYearChange","year","setYear","emitChange","onChange","onDateChange","_event","date","timeSource","mergeDate","onTimeChange","timeDate","dateSource","mergeTime","onToggle","prev","onClickAway","event","target","contains","resolvedTimeFormat","timeFormat","format","includes","DEFAULT_TIME_FORMAT","createMemo","getMonths","locale","getYears","getFullYear","shouldOpen","disableCalendar","mounted","setMounted","shown","setShown","raf","timer","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","view","_$createComponent","DatePickerList","getMonth","items","DataPickerDays","showDaysOutsideMonth","disablePast","disableFuture","minDate","maxDate","isDateDisabled","DateTimePickerInput","_$mergeProps","ref","r$","_ref$","mergeRefs","setReference","el","onBlur","calendarIcon","Show","when","children","Portal","mount","isServer","document","body","ClickAwayListener","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","_ref$2","setFloating","_$use","_$insert","DataPickerHeader","TimePickerColumns","_$effect","_p$","_v$","floatingStyles","opacity","_v$2","calendarAriaLabel","e","_$style","t","_$setAttribute"],"mappings":"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"}
+{"version":3,"file":"dateTimePicker.js","sources":["../../../../../src/components/inputs/dateTimePicker/dateTimePicker.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { isTopOverlayLayer } from \"../../../primitives/overlayLayer\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport type { TextFieldProps } from \"../textField\";\nimport { DataPickerHeader } from \"../datePicker/dataPickerHeader\";\nimport { DataPickerDays } from \"../datePicker/dataPickerDays\";\nimport { DatePickerList } from \"../datePicker/datePickerList\";\nimport { type WeekStart, getMonths, getYears, isValidDate, setMonth, setYear } from \"../datePicker/dateUtils\";\nimport { OpenView } from \"../datePicker/openView\";\nimport { TimePickerColumns } from \"../timePicker/timePickerColumns\";\nimport { DEFAULT_TIME_FORMAT, isValidTimeDate, mergeDate, mergeTime } from \"../timePicker/timeUtils\";\nimport { DateTimePickerInput } from \"./dateTimePickerInput\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface DateTimePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  showDaysOutsideMonth?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  minDate?: Date | undefined;\n  maxDate?: Date | undefined;\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  locale?: string | undefined;\n  /** Input format with tokens dd, MM, yyyy, HH, mm, ss, e.g. \"dd/MM/yyyy HH:mm\". */\n  format?: string | undefined;\n  /** Time portion format when using the clock columns. Defaults to \"HH:mm\". */\n  timeFormat?: string | undefined;\n  placement?: Placement | undefined;\n  disableCalendar?: boolean | undefined;\n  label?: string | undefined;\n  calendarAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  calendarIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: DateTimePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: DateTimePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function DateTimePicker(props: DateTimePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"showDaysOutsideMonth\",\n    \"disablePast\",\n    \"disableFuture\",\n    \"weekStartsOn\",\n    \"placement\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarAriaLabel\",\n    \"minDate\",\n    \"maxDate\",\n    \"isDateDisabled\",\n    \"locale\",\n    \"format\",\n    \"timeFormat\",\n    \"calendarIcon\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n\n  const initialValue = value();\n  const [viewValue, setViewValue] = createSignal<Date>(\n    isValidDate(initialValue) || isValidTimeDate(initialValue) ? initialValue : new Date()\n  );\n  const [openView, setOpenView] = createSignal<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let popupEl: HTMLElement | undefined;\n\n  const resolved = (): ReturnType<typeof resolvePlacement> => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidDate(v) || isValidTimeDate(v) ? v : new Date());\n  });\n\n  const weekStartsOn = (): WeekStart => local.weekStartsOn ?? 1;\n\n  const onViewValueChange = (next: Date): void => {\n    setViewValue(next);\n  };\n\n  const onMonthLabelClick = (): void => {\n    setOpenView(openView() === OpenView.months ? OpenView.days : OpenView.months);\n  };\n\n  const onYearLabelClick = (): void => {\n    setOpenView(openView() === OpenView.years ? OpenView.days : OpenView.years);\n  };\n\n  const onMonthChange = (month: number): void => {\n    setViewValue(setMonth(viewValue(), month));\n    setOpenView(OpenView.days);\n  };\n\n  const onYearChange = (year: number): void => {\n    setViewValue(setYear(viewValue(), year));\n    setOpenView(OpenView.days);\n  };\n\n  const emitChange = (next: Date): void => {\n    setViewValue(next);\n    local.onChange?.(undefined, next, props);\n  };\n\n  const onDateChange = (_event?: Event, date?: Date): void => {\n    if (!date) return;\n    const v = value();\n    const timeSource = isValidTimeDate(v) ? v : viewValue();\n    emitChange(mergeDate(date, timeSource));\n  };\n\n  const onTimeChange = (timeDate: Date): void => {\n    const v = value();\n    const dateSource = isValidDate(v) ? v : viewValue();\n    emitChange(mergeTime(dateSource, timeDate));\n  };\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (popupEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const resolvedTimeFormat = (): string => {\n    if (local.timeFormat) return local.timeFormat;\n    if (local.format?.includes(\"HH:mm:ss\")) return \"HH:mm:ss\";\n    return DEFAULT_TIME_FORMAT;\n  };\n\n  const months = createMemo(() => getMonths(local.locale));\n  const years = getYears(new Date().getFullYear(), 100);\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableCalendar;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  // Escape closes the panel while it is the topmost overlay layer, so the next one\n  // reaches a Modal or Sheet around the picker. Focus left in the panel (or on\n  // <body> after a click there) goes back to the input rather than being lost.\n  createEffect(() => {\n    if (!shouldOpen()) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      const panel = popupEl;\n      if (event.key !== \"Escape\" || !panel || !isTopOverlayLayer(panel)) return;\n      setIsOpen(false);\n      const active = document.activeElement;\n      if (!active || active === document.body || panel.contains(active)) anchorEl?.focus();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const view = (): JSX.Element => {\n    switch (openView()) {\n      case OpenView.months:\n        return <DatePickerList value={viewValue().getMonth()} items={months()} onChange={onMonthChange} />;\n      case OpenView.years:\n        return <DatePickerList value={viewValue().getFullYear()} items={years} onChange={onYearChange} />;\n      default:\n        return (\n          <DataPickerDays\n            viewValue={viewValue()}\n            value={value()}\n            showDaysOutsideMonth={local.showDaysOutsideMonth}\n            onChange={onDateChange}\n            disablePast={local.disablePast}\n            disableFuture={local.disableFuture}\n            weekStartsOn={weekStartsOn()}\n            minDate={local.minDate}\n            maxDate={local.maxDate}\n            isDateDisabled={local.isDateDisabled}\n            locale={local.locale}\n          />\n        );\n    }\n  };\n\n  return (\n    <>\n      <DateTimePickerInput\n        ref={mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement))}\n        value={local.value}\n        onChange={local.onChange}\n        onBlur={local.onBlur}\n        onToggle={onToggle}\n        disabled={local.disabled}\n        disableCalendar={local.disableCalendar}\n        format={local.format}\n        calendarIcon={local.calendarIcon}\n        {...rest}\n      />\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (popupEl = el as HTMLElement))}\n              class=\"smwb-date-picker smwb-date-time-picker\"\n              style={{\n                ...floating.floatingStyles(),\n                transition: `opacity ${FADE_MS}ms ease-in-out`,\n                opacity: shown() ? 1 : 0,\n              }}\n              data-testid=\"date-time-picker\"\n              data-smwb-overlay-layer\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.calendarAriaLabel ?? \"Choose date and time\"}\n            >\n              <div class=\"smwb-date-picker__inner smwb-date-time-picker__inner\">\n                <DataPickerHeader\n                  viewValue={viewValue()}\n                  locale={local.locale}\n                  openView={openView()}\n                  onChange={onViewValueChange}\n                  onMonthLabelClick={onMonthLabelClick}\n                  onYearLabelClick={onYearLabelClick}\n                />\n                <div class=\"smwb-date-time-picker__content\">\n                  <div class=\"smwb-date-picker__body smwb-date-time-picker__body\">{view()}</div>\n                  <TimePickerColumns value={viewValue()} format={resolvedTimeFormat()} onChange={onTimeChange} />\n                </div>\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default DateTimePicker;\n"],"names":["FADE_MS","DateTimePicker","props","local","rest","splitProps","value","undefined","Date","initialValue","viewValue","setViewValue","createSignal","isValidDate","isValidTimeDate","openView","setOpenView","OpenView","days","isOpen","setIsOpen","anchorEl","popupEl","resolved","resolvePlacement","placement","floating","createFloating","middleware","buildFloatingMiddleware","createEffect","disabled","v","weekStartsOn","onViewValueChange","next","onMonthLabelClick","months","onYearLabelClick","years","onMonthChange","month","setMonth","onYearChange","year","setYear","emitChange","onChange","onDateChange","_event","date","timeSource","mergeDate","onTimeChange","timeDate","dateSource","mergeTime","onToggle","prev","onClickAway","event","target","contains","resolvedTimeFormat","timeFormat","format","includes","DEFAULT_TIME_FORMAT","createMemo","getMonths","locale","getYears","getFullYear","shouldOpen","disableCalendar","mounted","setMounted","shown","setShown","raf","timer","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","onKeyDown","panel","key","isTopOverlayLayer","active","document","activeElement","body","focus","addEventListener","removeEventListener","view","_$createComponent","DatePickerList","getMonth","items","DataPickerDays","showDaysOutsideMonth","disablePast","disableFuture","minDate","maxDate","isDateDisabled","DateTimePickerInput","_$mergeProps","ref","r$","_ref$","mergeRefs","setReference","el","onBlur","calendarIcon","Show","when","children","Portal","mount","isServer","ClickAwayListener","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","_ref$2","setFloating","_$use","_$insert","DataPickerHeader","TimePickerColumns","_$effect","_p$","_v$","floatingStyles","opacity","_v$2","calendarAriaLabel","e","_$style","t","_$setAttribute"],"mappings":"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"}