@smwb/ui-react 2.6.3 → 2.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"datePickerDay.js","sources":["../../../../src/components/inputs/datePicker/datePickerDay.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\n\ninterface DataPickerDayProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  active?: boolean;\n  current?: boolean;\n  hidden?: boolean;\n  outside?: boolean;\n  disabled?: boolean;\n  inRange?: boolean;\n  day: Date;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => void;\n}\n\nexport const DatePickerDay = React.memo(function DataPickerDay({\n  className,\n  children,\n  onMouseDown: onMouseDownProp,\n  onChange,\n  active,\n  current,\n  hidden,\n  outside,\n  disabled,\n  inRange,\n  day,\n  ...rest\n}: DataPickerDayProps) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseDownProp?.(event);\n    },\n    [onMouseDownProp]\n  );\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = React.useCallback(\n    (event: React.PointerEvent<HTMLButtonElement>) => {\n      if (!disabled) {\n        rippleRef.current?.onRipple(event);\n      }\n    },\n    [disabled]\n  );\n\n  const onClick = React.useCallback(() => {\n    if (!disabled) {\n      onChange?.(undefined, day);\n    }\n  }, [onChange, day, disabled]);\n\n  if (hidden) {\n    return <span className=\"smwb-date-picker__day-hidden\" />;\n  }\n\n  const classes = cn(\"smwb-date-picker__day\", className, {\n    \"smwb-date-picker__day--active\": !disabled && active,\n    \"smwb-date-picker__day--current\": current && !active,\n    \"smwb-date-picker__day--outside\": !disabled && outside,\n    \"smwb-date-picker__day--disabled\": disabled,\n    \"smwb-date-picker__day--in-range\": !disabled && inRange,\n  });\n\n  return (\n    <button\n      className={classes}\n      type=\"button\"\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onClick={onClick}\n      disabled={disabled}\n      {...rest}\n    >\n      {children}\n      {!disabled && <Ripple actionRef={rippleRef} center />}\n    </button>\n  );\n});\n"],"names":["DatePickerDay","React","className","children","onMouseDownProp","onChange","active","current","hidden","outside","disabled","inRange","day","rest","rippleRef","onMouseDown","event","onPointerDown","_a","onClick","jsx","classes","cn","jsxs","Ripple"],"mappings":";;;;AAeO,MAAMA,IAAgBC,EAAM,KAAK,SAAuB;AAAA,EAC7D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAYb,EAAM,OAAyB,IAAI,GAE/Cc,IAAcd,EAAM;AAAA,IACxB,CAACe,MAA+C;AAC9C,MAAAZ,KAAA,QAAAA,EAAkBY;AAAA,IACpB;AAAA,IACA,CAACZ,CAAe;AAAA,EAAA,GAIZa,IAAgBhB,EAAM;AAAA,IAC1B,CAACe,MAAiD;;AAChD,MAAKN,MACHQ,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,IAEhC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA,GAGLS,IAAUlB,EAAM,YAAY,MAAM;AACtC,IAAKS,KACHL,KAAA,QAAAA,EAAW,QAAWO;AAAA,EAE1B,GAAG,CAACP,GAAUO,GAAKF,CAAQ,CAAC;AAE5B,MAAIF;AACF,WAAO,gBAAAY,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAGxD,QAAMC,IAAUC,EAAG,yBAAyBpB,GAAW;AAAA,IACrD,iCAAiC,CAACQ,KAAYJ;AAAA,IAC9C,kCAAkCC,KAAW,CAACD;AAAA,IAC9C,kCAAkC,CAACI,KAAYD;AAAA,IAC/C,mCAAmCC;AAAA,IACnC,mCAAmC,CAACA,KAAYC;AAAA,EAAA,CACjD;AAED,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,aAAAN;AAAA,MACA,eAAAE;AAAA,MACA,SAAAE;AAAA,MACA,UAAAT;AAAA,MACC,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAV;AAAA,QACA,CAACO,KAAY,gBAAAU,EAACI,KAAO,WAAWV,GAAW,QAAM,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD,CAAC;"}
+{"version":3,"file":"datePickerDay.js","sources":["../../../../src/components/inputs/datePicker/datePickerDay.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\n\ninterface DataPickerDayProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  active?: boolean;\n  current?: boolean;\n  hidden?: boolean;\n  outside?: boolean;\n  disabled?: boolean;\n  inRange?: boolean;\n  day: Date;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => void;\n}\n\nexport const DatePickerDay = React.memo(function DataPickerDay({\n  className,\n  children,\n  onMouseDown: onMouseDownProp,\n  // The day sets these on its root too; its own handlers call the caller's first.\n  onPointerDown: onPointerDownProp,\n  onClick: onClickProp,\n  // A default: the caller's type wins.\n  type = \"button\",\n  onChange,\n  active,\n  current,\n  hidden,\n  outside,\n  disabled,\n  inRange,\n  day,\n  ...rest\n}: DataPickerDayProps) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseDownProp?.(event);\n    },\n    [onMouseDownProp]\n  );\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = React.useCallback(\n    (event: React.PointerEvent<HTMLButtonElement>) => {\n      onPointerDownProp?.(event);\n      if (!disabled) {\n        rippleRef.current?.onRipple(event);\n      }\n    },\n    [onPointerDownProp, disabled]\n  );\n\n  const onClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClickProp?.(event);\n      if (!disabled) {\n        onChange?.(undefined, day);\n      }\n    },\n    [onClickProp, onChange, day, disabled]\n  );\n\n  if (hidden) {\n    return <span className=\"smwb-date-picker__day-hidden\" />;\n  }\n\n  const classes = cn(\"smwb-date-picker__day\", className, {\n    \"smwb-date-picker__day--active\": !disabled && active,\n    \"smwb-date-picker__day--current\": current && !active,\n    \"smwb-date-picker__day--outside\": !disabled && outside,\n    \"smwb-date-picker__day--disabled\": disabled,\n    \"smwb-date-picker__day--in-range\": !disabled && inRange,\n  });\n\n  return (\n    <button\n      className={classes}\n      type={type}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onClick={onClick}\n      disabled={disabled}\n      {...rest}\n    >\n      {children}\n      {!disabled && <Ripple actionRef={rippleRef} center />}\n    </button>\n  );\n});\n"],"names":["DatePickerDay","React","className","children","onMouseDownProp","onPointerDownProp","onClickProp","type","onChange","active","current","hidden","outside","disabled","inRange","day","rest","rippleRef","onMouseDown","event","onPointerDown","_a","onClick","jsx","classes","cn","jsxs","Ripple"],"mappings":";;;;AAeO,MAAMA,IAAgBC,EAAM,KAAK,SAAuB;AAAA,EAC7D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AAAA;AAAA,EAEb,eAAeC;AAAA,EACf,SAASC;AAAA;AAAA,EAET,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAYhB,EAAM,OAAyB,IAAI,GAE/CiB,IAAcjB,EAAM;AAAA,IACxB,CAACkB,MAA+C;AAC9C,MAAAf,KAAA,QAAAA,EAAkBe;AAAA,IACpB;AAAA,IACA,CAACf,CAAe;AAAA,EAAA,GAIZgB,IAAgBnB,EAAM;AAAA,IAC1B,CAACkB,MAAiD;;AAChD,MAAAd,KAAA,QAAAA,EAAoBc,IACfN,MACHQ,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,IAEhC;AAAA,IACA,CAACd,GAAmBQ,CAAQ;AAAA,EAAA,GAGxBS,IAAUrB,EAAM;AAAA,IACpB,CAACkB,MAA+C;AAC9C,MAAAb,KAAA,QAAAA,EAAca,IACTN,KACHL,KAAA,QAAAA,EAAW,QAAWO;AAAA,IAE1B;AAAA,IACA,CAACT,GAAaE,GAAUO,GAAKF,CAAQ;AAAA,EAAA;AAGvC,MAAIF;AACF,WAAO,gBAAAY,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAGxD,QAAMC,IAAUC,EAAG,yBAAyBvB,GAAW;AAAA,IACrD,iCAAiC,CAACW,KAAYJ;AAAA,IAC9C,kCAAkCC,KAAW,CAACD;AAAA,IAC9C,kCAAkC,CAACI,KAAYD;AAAA,IAC/C,mCAAmCC;AAAA,IACnC,mCAAmC,CAACA,KAAYC;AAAA,EAAA,CACjD;AAED,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,MAAAjB;AAAA,MACA,aAAAW;AAAA,MACA,eAAAE;AAAA,MACA,SAAAE;AAAA,MACA,UAAAT;AAAA,MACC,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAb;AAAA,QACA,CAACU,KAAY,gBAAAU,EAACI,KAAO,WAAWV,GAAW,QAAM,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD,CAAC;"}

package/dist/components/inputs/datePicker/datePickerIconButton.d.ts

@@ -3,4 +3,4 @@ export type DataPickerIconButtonProps = React.ButtonHTMLAttributes<HTMLButtonEle
     size?: "medium" | "small";
     edge?: "start" | "end";
 };
-export declare function DatePickerIconButton({ className, children, onMouseDown: onMouseDownProp, disabled, size, edge, ...rest }: DataPickerIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerIconButton({ className, children, onMouseDown: onMouseDownProp, onPointerDown: onPointerDownProp, type, disabled, size, edge, ...rest }: DataPickerIconButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,44 +1,48 @@
-import { jsxs as l, jsx as _ } from "react/jsx-runtime";
-import f from "react";
-import { Ripple as d } from "../../base/ripple/ripple.js";
-import k from "clsx";
-function g({
+import { jsxs as p, jsx as d } from "react/jsx-runtime";
+import k from "react";
+import { Ripple as R } from "../../base/ripple/ripple.js";
+import x from "clsx";
+function B({
   className: r,
-  children: m,
-  onMouseDown: e,
+  children: a,
+  onMouseDown: c,
+  // The button sets this on its root too; its own handler calls the caller's first.
+  onPointerDown: i,
+  // A default: the caller's type wins.
+  type: u = "button",
   disabled: t,
-  size: s = "medium",
-  edge: c,
-  ...a
+  size: b = "medium",
+  edge: n,
+  ...l
 }) {
-  const o = f.useRef(null), p = (n) => {
-    e == null || e(n);
-  }, u = (n) => {
-    var i;
-    t || (i = o.current) == null || i.onRipple(n);
-  }, b = k("smwb-date-picker__icon-button", r, {
-    "smwb-date-picker__icon-button--small": s === "small",
-    "smwb-date-picker__icon-button--edge-start": c === "start",
-    "smwb-date-picker__icon-button--edge-end": c === "end",
+  const m = k.useRef(null), o = (e) => {
+    c == null || c(e);
+  }, _ = (e) => {
+    var s;
+    i == null || i(e), t || (s = m.current) == null || s.onRipple(e);
+  }, f = x("smwb-date-picker__icon-button", r, {
+    "smwb-date-picker__icon-button--small": b === "small",
+    "smwb-date-picker__icon-button--edge-start": n === "start",
+    "smwb-date-picker__icon-button--edge-end": n === "end",
     "smwb-date-picker__icon-button--disabled": t
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ p(
     "button",
     {
-      onMouseDown: p,
-      onPointerDown: u,
-      type: "button",
-      className: b,
+      onMouseDown: o,
+      onPointerDown: _,
+      type: u,
+      className: f,
       disabled: t,
-      ...a,
+      ...l,
       children: [
-        m,
-        !t && /* @__PURE__ */ _(d, { actionRef: o, center: !0 })
+        a,
+        !t && /* @__PURE__ */ d(R, { actionRef: m, center: !0 })
       ]
     }
   );
 }
 export {
-  g as DatePickerIconButton
+  B as DatePickerIconButton
 };
 //# sourceMappingURL=datePickerIconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"datePickerIconButton.js","sources":["../../../../src/components/inputs/datePicker/datePickerIconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport cn from \"clsx\";\n\nexport type DataPickerIconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: \"medium\" | \"small\";\n  edge?: \"start\" | \"end\";\n};\n\nexport function DatePickerIconButton({\n  className,\n  children,\n  onMouseDown: onMouseDownProp,\n  disabled,\n  size = \"medium\",\n  edge,\n  ...rest\n}: DataPickerIconButtonProps) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: React.PointerEvent<HTMLButtonElement>) => {\n    if (!disabled) {\n      rippleRef.current?.onRipple(event);\n    }\n  };\n\n  const classes = cn(\"smwb-date-picker__icon-button\", className, {\n    \"smwb-date-picker__icon-button--small\": size === \"small\",\n    \"smwb-date-picker__icon-button--edge-start\": edge === \"start\",\n    \"smwb-date-picker__icon-button--edge-end\": edge === \"end\",\n    \"smwb-date-picker__icon-button--disabled\": disabled,\n  });\n\n  return (\n    <button\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      type=\"button\"\n      className={classes}\n      disabled={disabled}\n      {...rest}\n    >\n      {children}\n      {!disabled && <Ripple actionRef={rippleRef} center />}\n    </button>\n  );\n}\n"],"names":["DatePickerIconButton","className","children","onMouseDownProp","disabled","size","edge","rest","rippleRef","React","onMouseDown","event","onPointerDown","_a","classes","cn","jsxs","jsx","Ripple"],"mappings":";;;;AASO,SAASA,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AAAA,EACb,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,GAAGC;AACL,GAA8B;AAC5B,QAAMC,IAAYC,EAAM,OAAyB,IAAI,GAE/CC,IAAc,CAACC,MAA+C;AAClE,IAAAR,KAAA,QAAAA,EAAkBQ;AAAA,EACpB,GAGMC,IAAgB,CAACD,MAAiD;;AACtE,IAAKP,MACHS,IAAAL,EAAU,YAAV,QAAAK,EAAmB,SAASF;AAAA,EAEhC,GAEMG,IAAUC,EAAG,iCAAiCd,GAAW;AAAA,IAC7D,wCAAwCI,MAAS;AAAA,IACjD,6CAA6CC,MAAS;AAAA,IACtD,2CAA2CA,MAAS;AAAA,IACpD,2CAA2CF;AAAA,EAAA,CAC5C;AAED,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAAN;AAAA,MACA,eAAAE;AAAA,MACA,MAAK;AAAA,MACL,WAAWE;AAAA,MACX,UAAAV;AAAA,MACC,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAL;AAAA,QACA,CAACE,KAAY,gBAAAa,EAACC,KAAO,WAAWV,GAAW,QAAM,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"datePickerIconButton.js","sources":["../../../../src/components/inputs/datePicker/datePickerIconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport cn from \"clsx\";\n\nexport type DataPickerIconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: \"medium\" | \"small\";\n  edge?: \"start\" | \"end\";\n};\n\nexport function DatePickerIconButton({\n  className,\n  children,\n  onMouseDown: onMouseDownProp,\n  // The button sets this on its root too; its own handler calls the caller's first.\n  onPointerDown: onPointerDownProp,\n  // A default: the caller's type wins.\n  type = \"button\",\n  disabled,\n  size = \"medium\",\n  edge,\n  ...rest\n}: DataPickerIconButtonProps) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: React.PointerEvent<HTMLButtonElement>) => {\n    onPointerDownProp?.(event);\n    if (!disabled) {\n      rippleRef.current?.onRipple(event);\n    }\n  };\n\n  const classes = cn(\"smwb-date-picker__icon-button\", className, {\n    \"smwb-date-picker__icon-button--small\": size === \"small\",\n    \"smwb-date-picker__icon-button--edge-start\": edge === \"start\",\n    \"smwb-date-picker__icon-button--edge-end\": edge === \"end\",\n    \"smwb-date-picker__icon-button--disabled\": disabled,\n  });\n\n  return (\n    <button\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      type={type}\n      className={classes}\n      disabled={disabled}\n      {...rest}\n    >\n      {children}\n      {!disabled && <Ripple actionRef={rippleRef} center />}\n    </button>\n  );\n}\n"],"names":["DatePickerIconButton","className","children","onMouseDownProp","onPointerDownProp","type","disabled","size","edge","rest","rippleRef","React","onMouseDown","event","onPointerDown","_a","classes","cn","jsxs","jsx","Ripple"],"mappings":";;;;AASO,SAASA,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AAAA;AAAA,EAEb,eAAeC;AAAA;AAAA,EAEf,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,GAAGC;AACL,GAA8B;AAC5B,QAAMC,IAAYC,EAAM,OAAyB,IAAI,GAE/CC,IAAc,CAACC,MAA+C;AAClE,IAAAV,KAAA,QAAAA,EAAkBU;AAAA,EACpB,GAGMC,IAAgB,CAACD,MAAiD;;AACtE,IAAAT,KAAA,QAAAA,EAAoBS,IACfP,MACHS,IAAAL,EAAU,YAAV,QAAAK,EAAmB,SAASF;AAAA,EAEhC,GAEMG,IAAUC,EAAG,iCAAiChB,GAAW;AAAA,IAC7D,wCAAwCM,MAAS;AAAA,IACjD,6CAA6CC,MAAS;AAAA,IACtD,2CAA2CA,MAAS;AAAA,IACpD,2CAA2CF;AAAA,EAAA,CAC5C;AAED,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAAN;AAAA,MACA,eAAAE;AAAA,MACA,MAAAT;AAAA,MACA,WAAWW;AAAA,MACX,UAAAV;AAAA,MACC,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAP;AAAA,QACA,CAACI,KAAY,gBAAAa,EAACC,KAAO,WAAWV,GAAW,QAAM,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

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

@@ -1,195 +1,203 @@
-import { jsx as o, jsxs as v, Fragment as de } from "react/jsx-runtime";
-import ue, { useMemo as y, useState as C, useRef as E, useCallback as r } from "react";
-import { useFloating as fe, autoUpdate as pe } from "@floating-ui/react";
-import he from "react-transition-group/Transition";
-import { resolvePlacement as ge, buildFloatingMiddleware as ye } from "../../../utils/floating.js";
-import { useSafeLayoutEffect as we } from "../../../hooks/useSafeLayoutEffect.js";
-import { useForkRef as Y } from "../../../hooks/useForkRef.js";
-import { DataPickerHeader as ke } from "../datePicker/dataPickerHeader.js";
-import { DataPickerDays as be } from "../datePicker/dataPickerDays.js";
-import { DatePickerList as x } from "../datePicker/datePickerList.js";
-import { isValidDate as F, setMonth as De, setYear as ve, getMonths as Ce, getYears as Fe } from "../datePicker/utils.js";
-import { OpenView as n } from "../datePicker/datePicker.js";
-import { DateTimePickerInput as Te } from "./dateTimePickerInput.js";
-import { TimePickerColumns as _e } from "../timePicker/timePickerColumns.js";
-import { isValidTimeDate as T, mergeDate as Me, mergeTime as Pe, DEFAULT_TIME_FORMAT as Re } from "../timePicker/timeUtils.js";
-import { createPortal as Ve } from "react-dom";
-import { ClickAwayListener as Oe } from "../../clickAwayListener/clickAwayListener.js";
-const Se = (_) => ({
-  transition: `opacity ${_}ms ease-in-out`,
+import { jsx as a, jsxs as _, Fragment as he } from "react/jsx-runtime";
+import ge, { useMemo as k, useState as b, useRef as A, useCallback as r, useEffect as we } from "react";
+import { useFloating as ke, autoUpdate as be } from "@floating-ui/react";
+import ve from "react-transition-group/Transition";
+import { resolvePlacement as De, buildFloatingMiddleware as Ce } from "../../../utils/floating.js";
+import { useSafeLayoutEffect as H } from "../../../hooks/useSafeLayoutEffect.js";
+import { useForkRef as I } from "../../../hooks/useForkRef.js";
+import { isTopOverlayLayer as Fe } from "../../../utils/overlayLayer.js";
+import { DataPickerHeader as Te } from "../datePicker/dataPickerHeader.js";
+import { DataPickerDays as Re } from "../datePicker/dataPickerDays.js";
+import { DatePickerList as N } from "../datePicker/datePickerList.js";
+import { isValidDate as P, setMonth as _e, setYear as Pe, getMonths as Ee, getYears as Me } from "../datePicker/utils.js";
+import { OpenView as o } from "../datePicker/datePicker.js";
+import { DateTimePickerInput as Oe } from "./dateTimePickerInput.js";
+import { TimePickerColumns as Le } from "../timePicker/timePickerColumns.js";
+import { isValidTimeDate as E, mergeDate as Ve, mergeTime as Se, DEFAULT_TIME_FORMAT as Ye } from "../timePicker/timeUtils.js";
+import { createPortal as xe } from "react-dom";
+import { ClickAwayListener as Ae } from "../../clickAwayListener/clickAwayListener.js";
+const He = (M) => ({
+  transition: `opacity ${M}ms ease-in-out`,
   opacity: 0
-}), Le = {
+}), Ie = {
   entering: { opacity: 1 },
   entered: { opacity: 1 },
   exiting: { opacity: 0 }
-}, We = ue.forwardRef(function(w, A) {
+}, at = ge.forwardRef(function(v, B) {
   const {
-    value: k,
-    onChange: c,
-    showDaysOutsideMonth: H,
-    disablePast: I,
-    disableFuture: N,
-    weekStartsOn: B = 1,
-    placement: j = "bottom-start",
-    disabled: s,
-    disableCalendar: M,
-    calendarAriaLabel: U = "Choose date and time",
-    minDate: $,
-    maxDate: q,
-    isDateDisabled: z,
-    locale: u,
-    format: l,
-    timeFormat: b,
-    calendarIcon: G,
-    onBlur: J,
-    ...K
-  } = w, t = y(() => k === void 0 ? void 0 : new Date(k), [k]), [a, d] = C(
-    () => F(t) || T(t) ? t : /* @__PURE__ */ new Date()
-  ), [m, f] = C(n.days), [P, R] = C(!1), V = E(null), D = E(null), O = ge(j), { refs: S, floatingStyles: Q } = fe({
-    open: P,
-    placement: O.placement,
-    whileElementsMounted: pe,
-    middleware: ye(O)
-  }), W = Y(V, S.setReference, A), X = Y(D, S.setFloating);
-  we(() => {
-    s || d(F(t) || T(t) ? t : /* @__PURE__ */ new Date());
-  }, [t, s]);
-  const Z = r((e) => {
-    d(e);
-  }, []), ee = r(() => {
-    f(m === n.months ? n.days : n.months);
-  }, [m]), te = r(() => {
-    f(m === n.years ? n.days : n.years);
-  }, [m]), ae = r(
+    value: D,
+    onChange: d,
+    showDaysOutsideMonth: j,
+    disablePast: U,
+    disableFuture: K,
+    weekStartsOn: $ = 1,
+    placement: q = "bottom-start",
+    disabled: c,
+    disableCalendar: O,
+    calendarAriaLabel: z = "Choose date and time",
+    minDate: G,
+    maxDate: J,
+    isDateDisabled: Q,
+    locale: p,
+    format: u,
+    timeFormat: C,
+    calendarIcon: W,
+    onBlur: X,
+    ...Z
+  } = v, t = k(() => D === void 0 ? void 0 : new Date(D), [D]), [n, f] = b(
+    () => P(t) || E(t) ? t : /* @__PURE__ */ new Date()
+  ), [m, y] = b(o.days), [L, F] = b(!1), T = A(null), h = A(null), V = De(q), { refs: S, floatingStyles: ee } = ke({
+    open: L,
+    placement: V.placement,
+    whileElementsMounted: be,
+    middleware: Ce(V)
+  }), te = I(T, S.setReference, B), ne = I(h, S.setFloating), [Y, oe] = b();
+  H(() => {
+    oe(document.body);
+  }, []), H(() => {
+    c || f(P(t) || E(t) ? t : /* @__PURE__ */ new Date());
+  }, [t, c]);
+  const ae = r((e) => {
+    f(e);
+  }, []), re = r(() => {
+    y(m === o.months ? o.days : o.months);
+  }, [m]), ie = r(() => {
+    y(m === o.years ? o.days : o.years);
+  }, [m]), se = r(
     (e) => {
-      d(De(a, e)), f(n.days);
+      f(_e(n, e)), y(o.days);
     },
-    [a]
-  ), ne = r(
+    [n]
+  ), ce = r(
     (e) => {
-      d(ve(a, e)), f(n.days);
+      f(Pe(n, e)), y(o.days);
     },
-    [a]
-  ), p = r(
+    [n]
+  ), g = r(
     (e) => {
-      d(e), c == null || c(void 0, e, w);
+      f(e), d == null || d(void 0, e, v);
     },
-    [c, w]
-  ), oe = r(
+    [d, v]
+  ), me = r(
     (e, i) => {
       if (!i)
         return;
-      const g = T(t) ? t : a;
-      p(Me(i, g));
+      const s = E(t) ? t : n;
+      g(Ve(i, s));
     },
-    [p, t, a]
-  ), re = r(
+    [g, t, n]
+  ), le = r(
     (e) => {
-      const i = F(t) ? t : a;
-      p(Pe(i, e));
+      const i = P(t) ? t : n;
+      g(Se(i, e));
     },
-    [p, t, a]
-  ), ie = r(() => {
-    s || R((e) => !e);
-  }, [s]), se = r((e) => {
-    var g, L;
+    [g, t, n]
+  ), de = r(() => {
+    c || F((e) => !e);
+  }, [c]), ue = r((e) => {
+    var s, l;
     const i = e.target;
-    (g = D.current) != null && g.contains(i) || (L = V.current) != null && L.contains(i) || R(!1);
-  }, []), me = y(() => b || (l != null && l.includes("HH:mm:ss") ? "HH:mm:ss" : Re), [l, b]), ce = y(() => Ce(u), [u]), le = y(() => Fe((/* @__PURE__ */ new Date()).getFullYear(), 100), []);
-  let h = null;
+    (s = h.current) != null && s.contains(i) || (l = T.current) != null && l.contains(i) || F(!1);
+  }, []), R = L && !c && !O;
+  we(() => {
+    if (!R)
+      return;
+    const e = (i) => {
+      var x;
+      const s = h.current;
+      if (i.key !== "Escape" || !s || !Fe(s))
+        return;
+      F(!1);
+      const l = document.activeElement;
+      (!l || l === document.body || s.contains(l)) && ((x = T.current) == null || x.focus());
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [R]);
+  const fe = k(() => C || (u != null && u.includes("HH:mm:ss") ? "HH:mm:ss" : Ye), [u, C]), pe = k(() => Ee(p), [p]), ye = k(() => Me((/* @__PURE__ */ new Date()).getFullYear(), 100), []);
+  let w = null;
   switch (m) {
-    case n.days:
-      h = /* @__PURE__ */ o(
-        be,
+    case o.days:
+      w = /* @__PURE__ */ a(
+        Re,
         {
-          viewValue: a,
+          viewValue: n,
           value: t,
-          showDaysOutsideMonth: H,
-          onChange: oe,
-          disablePast: I,
-          disableFuture: N,
-          weekStartsOn: B,
-          minDate: $,
-          maxDate: q,
-          isDateDisabled: z,
-          locale: u
+          showDaysOutsideMonth: j,
+          onChange: me,
+          disablePast: U,
+          disableFuture: K,
+          weekStartsOn: $,
+          minDate: G,
+          maxDate: J,
+          isDateDisabled: Q,
+          locale: p
         }
       );
       break;
-    case n.months:
-      h = /* @__PURE__ */ o(x, { value: a.getMonth(), items: ce, onChange: ae });
+    case o.months:
+      w = /* @__PURE__ */ a(N, { value: n.getMonth(), items: pe, onChange: se });
       break;
-    case n.years:
-      h = /* @__PURE__ */ o(x, { value: a.getFullYear(), items: le, onChange: ne });
+    case o.years:
+      w = /* @__PURE__ */ a(N, { value: n.getFullYear(), items: ye, onChange: ce });
       break;
   }
-  return /* @__PURE__ */ v(de, { children: [
-    /* @__PURE__ */ o(
-      Te,
+  return /* @__PURE__ */ _(he, { children: [
+    /* @__PURE__ */ a(
+      Oe,
       {
-        ref: W,
+        ref: te,
         value: t,
-        onChange: c,
-        onBlur: J,
-        onToggle: ie,
-        disabled: s,
-        disableCalendar: M,
-        format: l,
-        calendarIcon: G,
-        ...K
+        onChange: d,
+        onBlur: X,
+        onToggle: de,
+        disabled: c,
+        disableCalendar: O,
+        format: u,
+        calendarIcon: W,
+        ...Z
       }
     ),
-    Ve(
-      /* @__PURE__ */ o(
-        he,
+    Y ? xe(
+      /* @__PURE__ */ a(ve, { nodeRef: h, in: R, timeout: 150, mountOnEnter: !0, unmountOnExit: !0, children: (e) => /* @__PURE__ */ a(Ae, { onClickAway: ue, children: /* @__PURE__ */ a(
+        "div",
         {
-          nodeRef: D,
-          in: P && !s && !M,
-          timeout: 150,
-          mountOnEnter: !0,
-          unmountOnExit: !0,
-          children: (e) => /* @__PURE__ */ o(Oe, { onClickAway: se, children: /* @__PURE__ */ o(
-            "div",
-            {
-              ref: X,
-              className: "smwb-date-picker smwb-date-time-picker",
-              style: {
-                ...Q,
-                ...Se(150),
-                ...Le[e]
-              },
-              "data-testid": "date-time-picker",
-              "data-smwb-overlay-layer": "",
-              role: "dialog",
-              "aria-modal": "false",
-              "aria-label": U,
-              children: /* @__PURE__ */ v("div", { className: "smwb-date-picker__inner smwb-date-time-picker__inner", children: [
-                /* @__PURE__ */ o(
-                  ke,
-                  {
-                    viewValue: a,
-                    locale: u,
-                    openView: m,
-                    onChange: Z,
-                    onMonthLabelClick: ee,
-                    onYearLabelClick: te
-                  }
-                ),
-                /* @__PURE__ */ v("div", { className: "smwb-date-time-picker__content", children: [
-                  /* @__PURE__ */ o("div", { className: "smwb-date-picker__body smwb-date-time-picker__body", children: h }),
-                  /* @__PURE__ */ o(_e, { value: a, format: me, onChange: re })
-                ] })
-              ] })
-            }
-          ) })
+          ref: ne,
+          className: "smwb-date-picker smwb-date-time-picker",
+          style: {
+            ...ee,
+            ...He(150),
+            ...Ie[e]
+          },
+          "data-testid": "date-time-picker",
+          "data-smwb-overlay-layer": "",
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-label": z,
+          children: /* @__PURE__ */ _("div", { className: "smwb-date-picker__inner smwb-date-time-picker__inner", children: [
+            /* @__PURE__ */ a(
+              Te,
+              {
+                viewValue: n,
+                locale: p,
+                openView: m,
+                onChange: ae,
+                onMonthLabelClick: re,
+                onYearLabelClick: ie
+              }
+            ),
+            /* @__PURE__ */ _("div", { className: "smwb-date-time-picker__content", children: [
+              /* @__PURE__ */ a("div", { className: "smwb-date-picker__body smwb-date-time-picker__body", children: w }),
+              /* @__PURE__ */ a(Le, { value: n, format: fe, onChange: le })
+            ] })
+          ] })
         }
-      ),
-      document.body
-    )
+      ) }) }),
+      Y
+    ) : null
   ] });
 });
 export {
-  We as DateTimePicker,
-  We as default
+  at as DateTimePicker,
+  at as default
 };
 //# sourceMappingURL=dateTimePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.js","sources":["../../../../src/components/inputs/dateTimePicker/dateTimePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { autoUpdate, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { DataPickerHeader } from \"../datePicker/dataPickerHeader\";\nimport { DataPickerDays } from \"../datePicker/dataPickerDays\";\nimport { DatePickerList } from \"../datePicker/datePickerList\";\nimport { getMonths, setMonth, getYears, setYear, isValidDate } from \"../datePicker/utils\";\nimport { OpenView } from \"../datePicker/datePicker\";\nimport { DateTimePickerInput } from \"./dateTimePickerInput\";\nimport { TimePickerColumns } from \"../timePicker/timePickerColumns\";\nimport { DEFAULT_TIME_FORMAT, isValidTimeDate, mergeDate, mergeTime } from \"../timePicker/timeUtils\";\nimport { createPortal } from \"react-dom\";\n\nconst defaultStyle = (duration: number) => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, { opacity: number }>;\n\nexport interface DateTimePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  showDaysOutsideMonth?: boolean;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  isDateDisabled?: (day: Date) => boolean;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  locale?: string;\n  /** Input format with tokens dd, MM, yyyy, HH, mm, ss, e.g. \"dd/MM/yyyy HH:mm\". */\n  format?: string;\n  /** Time portion format when using the clock columns. Defaults to \"HH:mm\". */\n  timeFormat?: string;\n  placement?: Placement;\n  disableCalendar?: boolean;\n  label?: string;\n  calendarAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  calendarIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DateTimePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DateTimePickerProps) => void;\n}\n\nexport const DateTimePicker = React.forwardRef(function DateTimePicker(props: DateTimePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    showDaysOutsideMonth,\n    disablePast,\n    disableFuture,\n    weekStartsOn = 1,\n    placement = \"bottom-start\",\n    disabled,\n    disableCalendar,\n    calendarAriaLabel = \"Choose date and time\",\n    minDate,\n    maxDate,\n    isDateDisabled,\n    locale,\n    format,\n    timeFormat,\n    calendarIcon,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const [viewValue, setViewValue] = useState<Date>(() =>\n    isValidDate(value) || isValidTimeDate(value) ? value : new Date()\n  );\n  const [openView, setOpenView] = useState<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const popupRef = useRef<HTMLDivElement | null>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: buildFloatingMiddleware(resolved),\n  });\n\n  const anchorForkRef = useForkRef(anchorRef, refs.setReference, ref);\n  const popupForkRef = useForkRef(popupRef, refs.setFloating);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidDate(value) || isValidTimeDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onViewValueChange = useCallback((next: Date) => {\n    setViewValue(next);\n  }, []);\n\n  const onMonthLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.months ? OpenView.days : OpenView.months);\n  }, [openView]);\n\n  const onYearLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.years ? OpenView.days : OpenView.years);\n  }, [openView]);\n\n  const onMonthChange = useCallback(\n    (month: number) => {\n      setViewValue(setMonth(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onYearChange = useCallback(\n    (year: number) => {\n      setViewValue(setYear(viewValue, year));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const emitChange = useCallback(\n    (next: Date) => {\n      setViewValue(next);\n      onChangeProp?.(undefined, next, props);\n    },\n    [onChangeProp, props]\n  );\n\n  const onDateChange = useCallback(\n    (_event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => {\n      if (!date) {\n        return;\n      }\n\n      const timeSource = isValidTimeDate(value) ? value : viewValue;\n      emitChange(mergeDate(date, timeSource));\n    },\n    [emitChange, value, viewValue]\n  );\n\n  const onTimeChange = useCallback(\n    (timeDate: Date) => {\n      const dateSource = isValidDate(value) ? value : viewValue;\n      emitChange(mergeTime(dateSource, timeDate));\n    },\n    [emitChange, value, viewValue]\n  );\n\n  const onToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prevState) => !prevState);\n    }\n  }, [disabled]);\n\n  const onClickAway = useCallback((event: Event | React.SyntheticEvent) => {\n    const target = event.target as HTMLElement;\n\n    if (popupRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const resolvedTimeFormat = useMemo(() => {\n    if (timeFormat) {\n      return timeFormat;\n    }\n\n    if (format?.includes(\"HH:mm:ss\")) {\n      return \"HH:mm:ss\";\n    }\n\n    return DEFAULT_TIME_FORMAT;\n  }, [format, timeFormat]);\n\n  const months = useMemo(() => getMonths(locale), [locale]);\n  const years = useMemo(() => getYears(new Date().getFullYear(), 100), []);\n\n  let view: React.ReactNode = null;\n\n  switch (openView) {\n    case OpenView.days:\n      view = (\n        <DataPickerDays\n          viewValue={viewValue}\n          value={value}\n          showDaysOutsideMonth={showDaysOutsideMonth}\n          onChange={onDateChange}\n          disablePast={disablePast}\n          disableFuture={disableFuture}\n          weekStartsOn={weekStartsOn}\n          minDate={minDate}\n          maxDate={maxDate}\n          isDateDisabled={isDateDisabled}\n          locale={locale}\n        />\n      );\n      break;\n    case OpenView.months:\n      view = <DatePickerList value={viewValue.getMonth()} items={months} onChange={onMonthChange} />;\n      break;\n    case OpenView.years:\n      view = <DatePickerList value={viewValue.getFullYear()} items={years} onChange={onYearChange} />;\n      break;\n  }\n\n  return (\n    <>\n      <DateTimePickerInput\n        ref={anchorForkRef}\n        value={value}\n        onChange={onChangeProp}\n        onBlur={onBlurProp}\n        onToggle={onToggle}\n        disabled={disabled}\n        disableCalendar={disableCalendar}\n        format={format}\n        calendarIcon={calendarIcon}\n        {...rest}\n      />\n      {createPortal(\n        <Transition\n          nodeRef={popupRef}\n          in={isOpen && !disabled && !disableCalendar}\n          timeout={150}\n          mountOnEnter\n          unmountOnExit\n        >\n          {(state) => (\n            <ClickAwayListener onClickAway={onClickAway}>\n              <div\n                ref={popupForkRef}\n                className=\"smwb-date-picker smwb-date-time-picker\"\n                style={{\n                  ...floatingStyles,\n                  ...defaultStyle(150),\n                  ...transitionStyles[state],\n                }}\n                data-testid=\"date-time-picker\"\n                data-smwb-overlay-layer=\"\"\n                role=\"dialog\"\n                aria-modal=\"false\"\n                aria-label={calendarAriaLabel}\n              >\n                <div className=\"smwb-date-picker__inner smwb-date-time-picker__inner\">\n                  <DataPickerHeader\n                    viewValue={viewValue}\n                    locale={locale}\n                    openView={openView}\n                    onChange={onViewValueChange}\n                    onMonthLabelClick={onMonthLabelClick}\n                    onYearLabelClick={onYearLabelClick}\n                  />\n                  <div className=\"smwb-date-time-picker__content\">\n                    <div className=\"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          )}\n        </Transition>,\n        document.body\n      )}\n    </>\n  );\n});\n\nexport default DateTimePicker;\n"],"names":["defaultStyle","duration","transitionStyles","DateTimePicker","React","props","ref","valueProp","onChangeProp","showDaysOutsideMonth","disablePast","disableFuture","weekStartsOn","placement","disabled","disableCalendar","calendarAriaLabel","minDate","maxDate","isDateDisabled","locale","format","timeFormat","calendarIcon","onBlurProp","rest","value","useMemo","viewValue","setViewValue","useState","isValidDate","isValidTimeDate","openView","setOpenView","OpenView","isOpen","setIsOpen","anchorRef","useRef","popupRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","popupForkRef","useSafeLayoutEffect","onViewValueChange","useCallback","next","onMonthLabelClick","onYearLabelClick","onMonthChange","month","setMonth","onYearChange","year","setYear","emitChange","onDateChange","_event","date","timeSource","mergeDate","onTimeChange","timeDate","dateSource","mergeTime","onToggle","prevState","onClickAway","event","target","_a","_b","resolvedTimeFormat","DEFAULT_TIME_FORMAT","months","getMonths","years","getYears","view","jsx","DataPickerDays","DatePickerList","jsxs","Fragment","DateTimePickerInput","createPortal","Transition","state","ClickAwayListener","DataPickerHeader","TimePickerColumns"],"mappings":"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"}
+{"version":3,"file":"dateTimePicker.js","sources":["../../../../src/components/inputs/dateTimePicker/dateTimePicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { autoUpdate, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isTopOverlayLayer } from \"../../../utils/overlayLayer\";\nimport { TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { DataPickerHeader } from \"../datePicker/dataPickerHeader\";\nimport { DataPickerDays } from \"../datePicker/dataPickerDays\";\nimport { DatePickerList } from \"../datePicker/datePickerList\";\nimport { getMonths, setMonth, getYears, setYear, isValidDate } from \"../datePicker/utils\";\nimport { OpenView } from \"../datePicker/datePicker\";\nimport { DateTimePickerInput } from \"./dateTimePickerInput\";\nimport { TimePickerColumns } from \"../timePicker/timePickerColumns\";\nimport { DEFAULT_TIME_FORMAT, isValidTimeDate, mergeDate, mergeTime } from \"../timePicker/timeUtils\";\nimport { createPortal } from \"react-dom\";\n\nconst defaultStyle = (duration: number) => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, { opacity: number }>;\n\nexport interface DateTimePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  showDaysOutsideMonth?: boolean;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  isDateDisabled?: (day: Date) => boolean;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  locale?: string;\n  /** Input format with tokens dd, MM, yyyy, HH, mm, ss, e.g. \"dd/MM/yyyy HH:mm\". */\n  format?: string;\n  /** Time portion format when using the clock columns. Defaults to \"HH:mm\". */\n  timeFormat?: string;\n  placement?: Placement;\n  disableCalendar?: boolean;\n  label?: string;\n  calendarAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  calendarIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DateTimePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DateTimePickerProps) => void;\n}\n\nexport const DateTimePicker = React.forwardRef(function DateTimePicker(props: DateTimePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    showDaysOutsideMonth,\n    disablePast,\n    disableFuture,\n    weekStartsOn = 1,\n    placement = \"bottom-start\",\n    disabled,\n    disableCalendar,\n    calendarAriaLabel = \"Choose date and time\",\n    minDate,\n    maxDate,\n    isDateDisabled,\n    locale,\n    format,\n    timeFormat,\n    calendarIcon,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const [viewValue, setViewValue] = useState<Date>(() =>\n    isValidDate(value) || isValidTimeDate(value) ? value : new Date()\n  );\n  const [openView, setOpenView] = useState<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const popupRef = useRef<HTMLDivElement | null>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: buildFloatingMiddleware(resolved),\n  });\n\n  const anchorForkRef = useForkRef(anchorRef, refs.setReference, ref);\n  const popupForkRef = useForkRef(popupRef, refs.setFloating);\n\n  // The calendar is portalled: its target is resolved in the browser only. A server\n  // render (no document) and the first client render emit nothing there, so the\n  // picker renders and hydrates on a server-rendered page.\n  const [portalRoot, setPortalRoot] = useState<HTMLElement>();\n  useSafeLayoutEffect(() => {\n    setPortalRoot(document.body);\n  }, []);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidDate(value) || isValidTimeDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onViewValueChange = useCallback((next: Date) => {\n    setViewValue(next);\n  }, []);\n\n  const onMonthLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.months ? OpenView.days : OpenView.months);\n  }, [openView]);\n\n  const onYearLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.years ? OpenView.days : OpenView.years);\n  }, [openView]);\n\n  const onMonthChange = useCallback(\n    (month: number) => {\n      setViewValue(setMonth(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onYearChange = useCallback(\n    (year: number) => {\n      setViewValue(setYear(viewValue, year));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const emitChange = useCallback(\n    (next: Date) => {\n      setViewValue(next);\n      onChangeProp?.(undefined, next, props);\n    },\n    [onChangeProp, props]\n  );\n\n  const onDateChange = useCallback(\n    (_event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => {\n      if (!date) {\n        return;\n      }\n\n      const timeSource = isValidTimeDate(value) ? value : viewValue;\n      emitChange(mergeDate(date, timeSource));\n    },\n    [emitChange, value, viewValue]\n  );\n\n  const onTimeChange = useCallback(\n    (timeDate: Date) => {\n      const dateSource = isValidDate(value) ? value : viewValue;\n      emitChange(mergeTime(dateSource, timeDate));\n    },\n    [emitChange, value, viewValue]\n  );\n\n  const onToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prevState) => !prevState);\n    }\n  }, [disabled]);\n\n  const onClickAway = useCallback((event: Event | React.SyntheticEvent) => {\n    const target = event.target as HTMLElement;\n\n    if (popupRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const panelOpen = isOpen && !disabled && !disableCalendar;\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  useEffect(() => {\n    if (!panelOpen) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      const panel = popupRef.current;\n      if (event.key !== \"Escape\" || !panel || !isTopOverlayLayer(panel)) {\n        return;\n      }\n      setIsOpen(false);\n      const active = document.activeElement;\n      if (!active || active === document.body || panel.contains(active)) {\n        anchorRef.current?.focus();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [panelOpen]);\n\n  const resolvedTimeFormat = useMemo(() => {\n    if (timeFormat) {\n      return timeFormat;\n    }\n\n    if (format?.includes(\"HH:mm:ss\")) {\n      return \"HH:mm:ss\";\n    }\n\n    return DEFAULT_TIME_FORMAT;\n  }, [format, timeFormat]);\n\n  const months = useMemo(() => getMonths(locale), [locale]);\n  const years = useMemo(() => getYears(new Date().getFullYear(), 100), []);\n\n  let view: React.ReactNode = null;\n\n  switch (openView) {\n    case OpenView.days:\n      view = (\n        <DataPickerDays\n          viewValue={viewValue}\n          value={value}\n          showDaysOutsideMonth={showDaysOutsideMonth}\n          onChange={onDateChange}\n          disablePast={disablePast}\n          disableFuture={disableFuture}\n          weekStartsOn={weekStartsOn}\n          minDate={minDate}\n          maxDate={maxDate}\n          isDateDisabled={isDateDisabled}\n          locale={locale}\n        />\n      );\n      break;\n    case OpenView.months:\n      view = <DatePickerList value={viewValue.getMonth()} items={months} onChange={onMonthChange} />;\n      break;\n    case OpenView.years:\n      view = <DatePickerList value={viewValue.getFullYear()} items={years} onChange={onYearChange} />;\n      break;\n  }\n\n  return (\n    <>\n      <DateTimePickerInput\n        ref={anchorForkRef}\n        value={value}\n        onChange={onChangeProp}\n        onBlur={onBlurProp}\n        onToggle={onToggle}\n        disabled={disabled}\n        disableCalendar={disableCalendar}\n        format={format}\n        calendarIcon={calendarIcon}\n        {...rest}\n      />\n      {portalRoot\n        ? createPortal(\n            <Transition nodeRef={popupRef} in={panelOpen} timeout={150} mountOnEnter unmountOnExit>\n              {(state) => (\n                <ClickAwayListener onClickAway={onClickAway}>\n                  <div\n                    ref={popupForkRef}\n                    className=\"smwb-date-picker smwb-date-time-picker\"\n                    style={{\n                      ...floatingStyles,\n                      ...defaultStyle(150),\n                      ...transitionStyles[state],\n                    }}\n                    data-testid=\"date-time-picker\"\n                    data-smwb-overlay-layer=\"\"\n                    role=\"dialog\"\n                    aria-modal=\"false\"\n                    aria-label={calendarAriaLabel}\n                  >\n                    <div className=\"smwb-date-picker__inner smwb-date-time-picker__inner\">\n                      <DataPickerHeader\n                        viewValue={viewValue}\n                        locale={locale}\n                        openView={openView}\n                        onChange={onViewValueChange}\n                        onMonthLabelClick={onMonthLabelClick}\n                        onYearLabelClick={onYearLabelClick}\n                      />\n                      <div className=\"smwb-date-time-picker__content\">\n                        <div className=\"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              )}\n            </Transition>,\n            portalRoot\n          )\n        : null}\n    </>\n  );\n});\n\nexport default DateTimePicker;\n"],"names":["defaultStyle","duration","transitionStyles","DateTimePicker","React","props","ref","valueProp","onChangeProp","showDaysOutsideMonth","disablePast","disableFuture","weekStartsOn","placement","disabled","disableCalendar","calendarAriaLabel","minDate","maxDate","isDateDisabled","locale","format","timeFormat","calendarIcon","onBlurProp","rest","value","useMemo","viewValue","setViewValue","useState","isValidDate","isValidTimeDate","openView","setOpenView","OpenView","isOpen","setIsOpen","anchorRef","useRef","popupRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","popupForkRef","portalRoot","setPortalRoot","useSafeLayoutEffect","onViewValueChange","useCallback","next","onMonthLabelClick","onYearLabelClick","onMonthChange","month","setMonth","onYearChange","year","setYear","emitChange","onDateChange","_event","date","timeSource","mergeDate","onTimeChange","timeDate","dateSource","mergeTime","onToggle","prevState","onClickAway","event","target","_a","_b","panelOpen","useEffect","onKeyDown","panel","isTopOverlayLayer","active","resolvedTimeFormat","DEFAULT_TIME_FORMAT","months","getMonths","years","getYears","view","jsx","DataPickerDays","DatePickerList","jsxs","Fragment","DateTimePickerInput","createPortal","Transition","state","ClickAwayListener","DataPickerHeader","TimePickerColumns"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAMA,KAAe,CAACC,OAAsB;AAAA,EAC1C,YAAY,WAAWA,CAAQ;AAAA,EAC/B,SAAS;AACX,IAEMC,KAAmB;AAAA,EACvB,UAAU,EAAE,SAAS,EAAA;AAAA,EACrB,SAAS,EAAE,SAAS,EAAA;AAAA,EACpB,SAAS,EAAE,SAAS,EAAA;AACtB,GA0BaC,KAAiBC,GAAM,WAAW,SAAwBC,GAA4BC,GAAK;AACtG,QAAM;AAAA,IACJ,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAQC;AAAA,IACR,GAAGC;AAAA,EAAA,IACDpB,GACEqB,IAAQC,EAAQ,MAAOpB,MAAc,SAAY,SAAY,IAAI,KAAKA,CAAS,GAAI,CAACA,CAAS,CAAC,GAC9F,CAACqB,GAAWC,CAAY,IAAIC;AAAA,IAAe,MAC/CC,EAAYL,CAAK,KAAKM,EAAgBN,CAAK,IAAIA,IAAQ,oBAAI,KAAA;AAAA,EAAK,GAE5D,CAACO,GAAUC,CAAW,IAAIJ,EAAmBK,EAAS,IAAI,GAC1D,CAACC,GAAQC,CAAS,IAAIP,EAAS,EAAK,GAEpCQ,IAAYC,EAA8B,IAAI,GAC9CC,IAAWD,EAA8B,IAAI,GAE7CE,IAAWC,GAAiB7B,CAAS,GACrC,EAAE,MAAA8B,GAAM,gBAAAC,GAAA,IAAmBC,GAAY;AAAA,IAC3C,MAAMT;AAAA,IACN,WAAWK,EAAS;AAAA,IACpB,sBAAsBK;AAAA,IACtB,YAAYC,GAAwBN,CAAQ;AAAA,EAAA,CAC7C,GAEKO,KAAgBC,EAAWX,GAAWK,EAAK,cAAcrC,CAAG,GAC5D4C,KAAeD,EAAWT,GAAUG,EAAK,WAAW,GAKpD,CAACQ,GAAYC,EAAa,IAAItB,EAAA;AACpC,EAAAuB,EAAoB,MAAM;AACxB,IAAAD,GAAc,SAAS,IAAI;AAAA,EAC7B,GAAG,CAAA,CAAE,GAELC,EAAoB,MAAM;AACxB,IAAIvC,KAIJe,EAAaE,EAAYL,CAAK,KAAKM,EAAgBN,CAAK,IAAIA,IAAQ,oBAAI,MAAM;AAAA,EAChF,GAAG,CAACA,GAAOZ,CAAQ,CAAC;AAEpB,QAAMwC,KAAoBC,EAAY,CAACC,MAAe;AACpD,IAAA3B,EAAa2B,CAAI;AAAA,EACnB,GAAG,CAAA,CAAE,GAECC,KAAoBF,EAAY,MAAM;AAC1C,IAAArB,EAAYD,MAAaE,EAAS,SAASA,EAAS,OAAOA,EAAS,MAAM;AAAA,EAC5E,GAAG,CAACF,CAAQ,CAAC,GAEPyB,KAAmBH,EAAY,MAAM;AACzC,IAAArB,EAAYD,MAAaE,EAAS,QAAQA,EAAS,OAAOA,EAAS,KAAK;AAAA,EAC1E,GAAG,CAACF,CAAQ,CAAC,GAEP0B,KAAgBJ;AAAA,IACpB,CAACK,MAAkB;AACjB,MAAA/B,EAAagC,GAASjC,GAAWgC,CAAK,CAAC,GACvC1B,EAAYC,EAAS,IAAI;AAAA,IAC3B;AAAA,IACA,CAACP,CAAS;AAAA,EAAA,GAGNkC,KAAeP;AAAA,IACnB,CAACQ,MAAiB;AAChB,MAAAlC,EAAamC,GAAQpC,GAAWmC,CAAI,CAAC,GACrC7B,EAAYC,EAAS,IAAI;AAAA,IAC3B;AAAA,IACA,CAACP,CAAS;AAAA,EAAA,GAGNqC,IAAaV;AAAA,IACjB,CAACC,MAAe;AACd,MAAA3B,EAAa2B,CAAI,GACjBhD,KAAA,QAAAA,EAAe,QAAWgD,GAAMnD;AAAA,IAClC;AAAA,IACA,CAACG,GAAcH,CAAK;AAAA,EAAA,GAGhB6D,KAAeX;AAAA,IACnB,CAACY,GAA8CC,MAAgB;AAC7D,UAAI,CAACA;AACH;AAGF,YAAMC,IAAarC,EAAgBN,CAAK,IAAIA,IAAQE;AACpD,MAAAqC,EAAWK,GAAUF,GAAMC,CAAU,CAAC;AAAA,IACxC;AAAA,IACA,CAACJ,GAAYvC,GAAOE,CAAS;AAAA,EAAA,GAGzB2C,KAAehB;AAAA,IACnB,CAACiB,MAAmB;AAClB,YAAMC,IAAa1C,EAAYL,CAAK,IAAIA,IAAQE;AAChD,MAAAqC,EAAWS,GAAUD,GAAYD,CAAQ,CAAC;AAAA,IAC5C;AAAA,IACA,CAACP,GAAYvC,GAAOE,CAAS;AAAA,EAAA,GAGzB+C,KAAWpB,EAAY,MAAM;AACjC,IAAKzC,KACHuB,EAAU,CAACuC,MAAc,CAACA,CAAS;AAAA,EAEvC,GAAG,CAAC9D,CAAQ,CAAC,GAEP+D,KAActB,EAAY,CAACuB,MAAwC;;AACvE,UAAMC,IAASD,EAAM;AAErB,KAAIE,IAAAxC,EAAS,YAAT,QAAAwC,EAAkB,SAASD,OAAWE,IAAA3C,EAAU,YAAV,QAAA2C,EAAmB,SAASF,MAItE1C,EAAU,EAAK;AAAA,EACjB,GAAG,CAAA,CAAE,GAEC6C,IAAY9C,KAAU,CAACtB,KAAY,CAACC;AAK1C,EAAAoE,GAAU,MAAM;AACd,QAAI,CAACD;AACH;AAEF,UAAME,IAAY,CAACN,MAAyB;;AAC1C,YAAMO,IAAQ7C,EAAS;AACvB,UAAIsC,EAAM,QAAQ,YAAY,CAACO,KAAS,CAACC,GAAkBD,CAAK;AAC9D;AAEF,MAAAhD,EAAU,EAAK;AACf,YAAMkD,IAAS,SAAS;AACxB,OAAI,CAACA,KAAUA,MAAW,SAAS,QAAQF,EAAM,SAASE,CAAM,QAC9DP,IAAA1C,EAAU,YAAV,QAAA0C,EAAmB;AAAA,IAEvB;AACA,oBAAS,iBAAiB,WAAWI,CAAS,GAEvC,MAAM,SAAS,oBAAoB,WAAWA,CAAS;AAAA,EAChE,GAAG,CAACF,CAAS,CAAC;AAEd,QAAMM,KAAqB7D,EAAQ,MAC7BL,MAIAD,KAAA,QAAAA,EAAQ,SAAS,cACZ,aAGFoE,KACN,CAACpE,GAAQC,CAAU,CAAC,GAEjBoE,KAAS/D,EAAQ,MAAMgE,GAAUvE,CAAM,GAAG,CAACA,CAAM,CAAC,GAClDwE,KAAQjE,EAAQ,MAAMkE,IAAS,oBAAI,KAAA,GAAO,YAAA,GAAe,GAAG,GAAG,EAAE;AAEvE,MAAIC,IAAwB;AAE5B,UAAQ7D,GAAA;AAAA,IACN,KAAKE,EAAS;AACZ,MAAA2D,IACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAApE;AAAA,UACA,OAAAF;AAAA,UACA,sBAAAjB;AAAA,UACA,UAAUyD;AAAA,UACV,aAAAxD;AAAA,UACA,eAAAC;AAAA,UACA,cAAAC;AAAA,UACA,SAAAK;AAAA,UACA,SAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,QAAAC;AAAA,QAAA;AAAA,MAAA;AAGJ;AAAA,IACF,KAAKe,EAAS;AACZ,MAAA2D,IAAO,gBAAAC,EAACE,KAAe,OAAOrE,EAAU,YAAY,OAAO8D,IAAQ,UAAU/B,GAAA,CAAe;AAC5F;AAAA,IACF,KAAKxB,EAAS;AACZ,MAAA2D,IAAO,gBAAAC,EAACE,KAAe,OAAOrE,EAAU,eAAe,OAAOgE,IAAO,UAAU9B,GAAA,CAAc;AAC7F;AAAA,EAAA;AAGJ,SACE,gBAAAoC,EAAAC,IAAA,EACE,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,KAAKpD;AAAA,QACL,OAAAtB;AAAA,QACA,UAAUlB;AAAA,QACV,QAAQgB;AAAA,QACR,UAAAmD;AAAA,QACA,UAAA7D;AAAA,QACA,iBAAAC;AAAA,QACA,QAAAM;AAAA,QACA,cAAAE;AAAA,QACC,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL0B,IACGkD;AAAA,wBACGC,IAAA,EAAW,SAAS9D,GAAU,IAAI0C,GAAW,SAAS,KAAK,cAAY,IAAC,eAAa,IACnF,UAAA,CAACqB,MACA,gBAAAR,EAACS,MAAkB,aAAA3B,IACjB,UAAA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK7C;AAAA,UACL,WAAU;AAAA,UACV,OAAO;AAAA,YACL,GAAGN;AAAA,YACH,GAAG5C,GAAa,GAAG;AAAA,YACnB,GAAGE,GAAiBqG,CAAK;AAAA,UAAA;AAAA,UAE3B,eAAY;AAAA,UACZ,2BAAwB;AAAA,UACxB,MAAK;AAAA,UACL,cAAW;AAAA,UACX,cAAYvF;AAAA,UAEZ,UAAA,gBAAAkF,EAAC,OAAA,EAAI,WAAU,wDACb,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,WAAA7E;AAAA,gBACA,QAAAR;AAAA,gBACA,UAAAa;AAAA,gBACA,UAAUqB;AAAA,gBACV,mBAAAG;AAAA,gBACA,kBAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAwC,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,cAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,sDAAsD,UAAAD,GAAK;AAAA,gCACzEY,IAAA,EAAkB,OAAO9E,GAAW,QAAQ4D,IAAoB,UAAUjB,GAAA,CAAc;AAAA,YAAA,EAAA,CAC3F;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA,GAEJ,EAAA,CAEJ;AAAA,MACApB;AAAA,IAAA,IAEF;AAAA,EAAA,GACN;AAEJ,CAAC;"}