@smwb/ui-react 2.6.3 → 2.7.0

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

@@ -1,230 +1,233 @@
-import { jsx as t, jsxs as $, Fragment as pe } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/datePicker/dataPicker.entry.css';/* empty css                                                               */
-import ye, { useMemo as x, useState as D, useRef as A, useCallback as i } from "react";
-import { useFloating as he, autoUpdate as ke } from "@floating-ui/react";
-import be from "react-transition-group/Transition";
-import { resolvePlacement as ve, buildFloatingMiddleware as we } from "../../../utils/floating.js";
-import { useSafeLayoutEffect as De } from "../../../hooks/useSafeLayoutEffect.js";
-import { useForkRef as N } from "../../../hooks/useForkRef.js";
-import { DataPickerHeader as Ce } from "./dataPickerHeader.js";
-import { DataPickerDays as Re } from "./dataPickerDays.js";
-import { DatePickerList as j } from "./datePickerList.js";
-import { isValidDate as V, setMonth as Fe, setYear as Pe, getMonths as Me, getYears as Se, getDisplayDate as z } from "./utils.js";
-import { DataPickerInput as xe } from "./dataPickerInput.js";
-import { DatePickerIconButton as Ve } from "./datePickerIconButton.js";
-import { Icon as Be } from "../../base/icon/icon.js";
-import { createPortal as Le } from "react-dom";
-import { TextField as Oe } from "../textField/textField.js";
-import { ClickAwayListener as Ye } from "../../clickAwayListener/clickAwayListener.js";
-var Ee = /* @__PURE__ */ ((l) => (l.days = "days", l.months = "months", l.years = "years", l))(Ee || {});
-const Ie = (l) => ({
+import { jsx as t, jsxs as A, Fragment as ke } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/datePicker/dataPicker.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                               */
+import be, { useMemo as x, useState as g, useRef as N, useCallback as i } from "react";
+import { useFloating as ve, autoUpdate as we } from "@floating-ui/react";
+import De from "react-transition-group/Transition";
+import { resolvePlacement as Ce, buildFloatingMiddleware as Re } from "../../../utils/floating.js";
+import { useSafeLayoutEffect as j } from "../../../hooks/useSafeLayoutEffect.js";
+import { useForkRef as z } from "../../../hooks/useForkRef.js";
+import { DataPickerHeader as Pe } from "./dataPickerHeader.js";
+import { DataPickerDays as Fe } from "./dataPickerDays.js";
+import { DatePickerList as H } from "./datePickerList.js";
+import { isValidDate as V, setMonth as Me, setYear as Se, getMonths as xe, getYears as Ve, getDisplayDate as U } from "./utils.js";
+import { DataPickerInput as Be } from "./dataPickerInput.js";
+import { DatePickerIconButton as Le } from "./datePickerIconButton.js";
+import { Icon as Oe } from "../../base/icon/icon.js";
+import { createPortal as Ye } from "react-dom";
+import { TextField as Ee } from "../textField/textField.js";
+import { ClickAwayListener as Ie } from "../../clickAwayListener/clickAwayListener.js";
+var Te = /* @__PURE__ */ ((l) => (l.days = "days", l.months = "months", l.years = "years", l))(Te || {});
+const _e = (l) => ({
   transition: `opacity ${l}ms ease-in-out`,
   opacity: 0
-}), Te = {
+}), $e = {
   entering: { opacity: 1 },
   entered: { opacity: 1 },
   exiting: { opacity: 0 }
-}, at = ye.forwardRef(function(C, H) {
+}, rt = be.forwardRef(function(C, q) {
   const {
     value: R,
     onChange: f,
-    showDaysOutsideMonth: U,
-    disablePast: q,
-    disableFuture: G,
-    weekStartsOn: J = 1,
-    placement: K = "bottom-start",
-    disabled: o,
-    disableCalendar: F,
-    calendarAriaLabel: Q = "Choose date",
-    minDate: W,
-    maxDate: X,
-    isDateDisabled: Z,
-    locale: p,
+    showDaysOutsideMonth: G,
+    disablePast: J,
+    disableFuture: K,
+    weekStartsOn: Q = 1,
+    placement: W = "bottom-start",
+    disabled: n,
+    disableCalendar: P,
+    calendarAriaLabel: X = "Choose date",
+    minDate: Z,
+    maxDate: ee,
+    isDateDisabled: te,
+    locale: y,
     format: d,
-    range: g,
-    rangeValue: P,
-    onRangeChange: y,
+    range: p,
+    rangeValue: F,
+    onRangeChange: h,
     calendarIcon: B,
-    onBlur: ee,
+    onBlur: ae,
     ...L
-  } = C, c = x(() => R === void 0 ? void 0 : new Date(R), [R]), M = P !== void 0, [te, ae] = D([void 0, void 0]), r = M && P ? P : te, [s, h] = D(() => V(c) ? c : /* @__PURE__ */ new Date()), [m, k] = D(
+  } = C, c = x(() => R === void 0 ? void 0 : new Date(R), [R]), M = F !== void 0, [oe, ne] = g([void 0, void 0]), r = M && F ? F : oe, [s, k] = g(() => V(c) ? c : /* @__PURE__ */ new Date()), [m, b] = g(
     "days"
     /* days */
-  ), [O, b] = D(!1), Y = A(null), S = A(null), E = ve(K), { refs: I, floatingStyles: ne } = he({
+  ), [O, v] = g(!1), Y = N(null), S = N(null), E = Ce(W), { refs: I, floatingStyles: re } = ve({
     open: O,
     placement: E.placement,
-    whileElementsMounted: ke,
-    middleware: we(E)
-  }), T = N(Y, I.setReference, H), oe = N(S, I.setFloating);
-  De(() => {
-    o || h(V(c) ? c : /* @__PURE__ */ new Date());
-  }, [c, o]);
-  const re = i((e) => {
-    h(e);
-  }, []), se = i(() => {
-    k(
+    whileElementsMounted: we,
+    middleware: Re(E)
+  }), T = z(Y, I.setReference, q), se = z(S, I.setFloating), [_, ie] = g();
+  j(() => {
+    ie(document.body);
+  }, []), j(() => {
+    n || k(V(c) ? c : /* @__PURE__ */ new Date());
+  }, [c, n]);
+  const le = i((e) => {
+    k(e);
+  }, []), ce = i(() => {
+    b(
       m === "months" ? "days" : "months"
       /* months */
     );
-  }, [m]), ie = i(() => {
-    k(
+  }, [m]), de = i(() => {
+    b(
       m === "years" ? "days" : "years"
       /* years */
     );
-  }, [m]), le = i(
+  }, [m]), me = i(
     (e) => {
-      h(Fe(s, e)), k(
+      k(Me(s, e)), b(
         "days"
         /* days */
       );
     },
     [s]
-  ), ce = i(
+  ), ue = i(
     (e) => {
-      h(Pe(s, e)), k(
+      k(Se(s, e)), b(
         "days"
         /* days */
       );
     },
     [s]
-  ), de = i(
+  ), fe = i(
     (e, a) => {
-      if (g) {
+      if (p) {
         if (!a)
           return;
-        const [n, w] = r;
+        const [o, D] = r;
         let u;
-        !n || n && w ? u = [a, void 0] : u = V(n) && a.getTime() < n.getTime() ? [a, n] : [n, a], M || ae(u), y == null || y(u), u[0] && u[1] && b(!1);
+        !o || o && D ? u = [a, void 0] : u = V(o) && a.getTime() < o.getTime() ? [a, o] : [o, a], M || ne(u), h == null || h(u), u[0] && u[1] && v(!1);
         return;
       }
-      f == null || f(e, a, C), b(!1);
+      f == null || f(e, a, C), v(!1);
     },
-    [f, C, g, r, M, y]
-  ), _ = i(() => {
-    o || b((e) => !e);
-  }, [o]), me = i((e) => {
-    var n, w;
+    [f, C, p, r, M, h]
+  ), $ = i(() => {
+    n || v((e) => !e);
+  }, [n]), pe = i((e) => {
+    var o, D;
     const a = e.target;
-    (n = S.current) != null && n.contains(a) || (w = Y.current) != null && w.contains(a) || b(!1);
-  }, []), ue = x(() => Me(p), [p]), fe = x(() => Se((/* @__PURE__ */ new Date()).getFullYear(), 100), []);
-  let v = null;
+    (o = S.current) != null && o.contains(a) || (D = Y.current) != null && D.contains(a) || v(!1);
+  }, []), ge = x(() => xe(y), [y]), ye = x(() => Ve((/* @__PURE__ */ new Date()).getFullYear(), 100), []);
+  let w = null;
   switch (m) {
     case "days":
-      v = /* @__PURE__ */ t(
-        Re,
+      w = /* @__PURE__ */ t(
+        Fe,
         {
           viewValue: s,
           value: c,
-          showDaysOutsideMonth: U,
-          onChange: de,
-          disablePast: q,
-          disableFuture: G,
-          weekStartsOn: J,
-          minDate: W,
-          maxDate: X,
-          isDateDisabled: Z,
-          locale: p,
-          range: g,
+          showDaysOutsideMonth: G,
+          onChange: fe,
+          disablePast: J,
+          disableFuture: K,
+          weekStartsOn: Q,
+          minDate: Z,
+          maxDate: ee,
+          isDateDisabled: te,
+          locale: y,
+          range: p,
           rangeStart: r[0],
           rangeEnd: r[1]
         }
       );
       break;
     case "months":
-      v = /* @__PURE__ */ t(j, { value: s.getMonth(), items: ue, onChange: le });
+      w = /* @__PURE__ */ t(H, { value: s.getMonth(), items: ge, onChange: me });
       break;
     case "years":
-      v = /* @__PURE__ */ t(j, { value: s.getFullYear(), items: fe, onChange: ce });
+      w = /* @__PURE__ */ t(H, { value: s.getFullYear(), items: ye, onChange: ue });
       break;
   }
-  const ge = g && (r[0] || r[1]) ? `${z(r[0], d)} – ${z(r[1], d)}` : "";
-  return /* @__PURE__ */ $(pe, { children: [
-    g ? /* @__PURE__ */ t(
-      Oe,
+  const he = p && (r[0] || r[1]) ? `${U(r[0], d)} – ${U(r[1], d)}` : "";
+  return /* @__PURE__ */ A(ke, { children: [
+    p ? /* @__PURE__ */ t(
+      Ee,
       {
         ref: T,
-        value: ge,
+        value: he,
         readOnly: !0,
         onChange: () => {
         },
-        disabled: !!o,
+        disabled: !!n,
         placeholder: d ? `${d} – ${d}` : void 0,
-        endAdornment: !F && /* @__PURE__ */ t(
-          Ve,
+        endAdornment: !P && /* @__PURE__ */ t(
+          Le,
           {
             edge: "end",
-            onClick: _,
-            disabled: !!o,
+            onClick: $,
+            disabled: !!n,
             "data-testid": "date-picker-icon-button",
-            children: B || /* @__PURE__ */ t(Be, { name: "calendar_today", fill: 1, weight: 500, size: 24 })
+            children: B || /* @__PURE__ */ t(Oe, { name: "calendar_today", fill: 1, weight: 500, size: 24 })
           }
         ),
         ...L
       }
     ) : /* @__PURE__ */ t(
-      xe,
+      Be,
       {
         ref: T,
         value: c,
         onChange: f,
-        onBlur: ee,
-        onToggle: _,
-        disabled: o,
-        disableCalendar: F,
+        onBlur: ae,
+        onToggle: $,
+        disabled: n,
+        disableCalendar: P,
         format: d,
         calendarIcon: B,
         ...L
       }
     ),
-    Le(
+    _ ? Ye(
       /* @__PURE__ */ t(
-        be,
+        De,
         {
           nodeRef: S,
-          in: O && !o && !F,
+          in: O && !n && !P,
           timeout: 150,
           mountOnEnter: !0,
           unmountOnExit: !0,
-          children: (e) => /* @__PURE__ */ t(Ye, { onClickAway: me, children: /* @__PURE__ */ t(
+          children: (e) => /* @__PURE__ */ t(Ie, { onClickAway: pe, children: /* @__PURE__ */ t(
             "div",
             {
-              ref: oe,
+              ref: se,
               className: "smwb-date-picker",
               style: {
-                ...ne,
-                ...Ie(150),
-                ...Te[e]
+                ...re,
+                ..._e(150),
+                ...$e[e]
               },
               "data-testid": "date-picker",
               "data-smwb-overlay-layer": "",
               role: "dialog",
               "aria-modal": "false",
-              "aria-label": Q,
-              children: /* @__PURE__ */ $("div", { className: "smwb-date-picker__inner", children: [
+              "aria-label": X,
+              children: /* @__PURE__ */ A("div", { className: "smwb-date-picker__inner", children: [
                 /* @__PURE__ */ t(
-                  Ce,
+                  Pe,
                   {
                     viewValue: s,
-                    locale: p,
+                    locale: y,
                     openView: m,
-                    onChange: re,
-                    onMonthLabelClick: se,
-                    onYearLabelClick: ie
+                    onChange: le,
+                    onMonthLabelClick: ce,
+                    onYearLabelClick: de
                   }
                 ),
-                /* @__PURE__ */ t("div", { className: "smwb-date-picker__body", children: v })
+                /* @__PURE__ */ t("div", { className: "smwb-date-picker__body", children: w })
               ] })
             }
           ) })
         }
       ),
-      document.body
-    )
+      _
+    ) : null
   ] });
 });
 export {
-  at as DatePicker,
-  Ee as OpenView,
-  at as default
+  rt as DatePicker,
+  Te as OpenView,
+  rt as default
 };
 //# sourceMappingURL=datePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","sources":["../../../../src/components/inputs/datePicker/datePicker.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 { TextField, TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { getMonths, setMonth, getYears, setYear, isValidDate, getDisplayDate } from \"./utils\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { createPortal } from \"react-dom\";\n\nexport enum OpenView {\n  days = \"days\",\n  months = \"months\",\n  years = \"years\",\n}\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 DatePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  showDaysOutsideMonth?: boolean;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: (day: Date) => boolean;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string;\n  /** Enables date-range selection. */\n  range?: boolean;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined];\n  /** Called when the range changes. */\n  onRangeChange?: (range: [Date | undefined, Date | undefined]) => void;\n  placement?: Placement;\n  disableCalendar?: boolean;\n  label?: string;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  calendarIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n}\n\nexport const DatePicker = React.forwardRef(function DatePicker(props: DatePickerProps, 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\",\n    minDate,\n    maxDate,\n    isDateDisabled,\n    locale,\n    format,\n    range,\n    rangeValue,\n    onRangeChange,\n    calendarIcon,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const isRangeControlled = rangeValue !== undefined;\n  const [rangeState, setRangeState] = useState<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = isRangeControlled && rangeValue ? rangeValue : rangeState;\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidDate(value) ? value : new Date()));\n  const [openView, setOpenView] = useState<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const calendarRef = 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 calendarForkRef = useForkRef(calendarRef, refs.setFloating);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onViewValueChange = useCallback((value: Date) => {\n    setViewValue(value);\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    (month: number) => {\n      setViewValue(setYear(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onChange = useCallback(\n    (event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => {\n      if (range) {\n        if (!date) {\n          return;\n        }\n        const [start, end] = currentRange;\n        let next: [Date | undefined, Date | undefined];\n        if (!start || (start && end)) {\n          next = [date, undefined];\n        } else {\n          next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n        }\n        if (!isRangeControlled) {\n          setRangeState(next);\n        }\n        onRangeChange?.(next);\n        if (next[0] && next[1]) {\n          setIsOpen(false);\n        }\n        return;\n      }\n      onChangeProp?.(event, date, props);\n      setIsOpen(false);\n    },\n    [onChangeProp, props, range, currentRange, isRangeControlled, onRangeChange]\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 (calendarRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\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={onChange}\n          disablePast={disablePast}\n          disableFuture={disableFuture}\n          weekStartsOn={weekStartsOn}\n          minDate={minDate}\n          maxDate={maxDate}\n          isDateDisabled={isDateDisabled}\n          locale={locale}\n          range={range}\n          rangeStart={currentRange[0]}\n          rangeEnd={currentRange[1]}\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  const rangeDisplay =\n    range && (currentRange[0] || currentRange[1])\n      ? `${getDisplayDate(currentRange[0], format)} – ${getDisplayDate(currentRange[1], format)}`\n      : \"\";\n\n  return (\n    <>\n      {range ? (\n        <TextField\n          ref={anchorForkRef}\n          value={rangeDisplay}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(disabled)}\n          placeholder={format ? `${format} – ${format}` : undefined}\n          endAdornment={\n            !disableCalendar && (\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                {calendarIcon || <Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n              </DatePickerIconButton>\n            )\n          }\n          {...rest}\n        />\n      ) : (\n        <DataPickerInput\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      )}\n      {createPortal(\n        <Transition\n          nodeRef={calendarRef}\n          in={isOpen && !disabled && !disableCalendar}\n          timeout={150}\n          mountOnEnter\n          unmountOnExit\n        >\n          {(state) => (\n            <ClickAwayListener onClickAway={onClickAway}>\n              <div\n                ref={calendarForkRef}\n                className=\"smwb-date-picker\"\n                style={{\n                  ...floatingStyles,\n                  ...defaultStyle(150),\n                  ...transitionStyles[state],\n                }}\n                data-testid=\"date-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\">\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-picker__body\">{view}</div>\n                </div>\n              </div>\n            </ClickAwayListener>\n          )}\n        </Transition>,\n        document.body\n      )}\n    </>\n  );\n});\n\nexport default DatePicker;\n"],"names":["OpenView","defaultStyle","duration","transitionStyles","DatePicker","React","props","ref","valueProp","onChangeProp","showDaysOutsideMonth","disablePast","disableFuture","weekStartsOn","placement","disabled","disableCalendar","calendarAriaLabel","minDate","maxDate","isDateDisabled","locale","format","range","rangeValue","onRangeChange","calendarIcon","onBlurProp","rest","value","useMemo","isRangeControlled","rangeState","setRangeState","useState","currentRange","viewValue","setViewValue","isValidDate","openView","setOpenView","isOpen","setIsOpen","anchorRef","useRef","calendarRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","calendarForkRef","useSafeLayoutEffect","onViewValueChange","useCallback","onMonthLabelClick","onYearLabelClick","onMonthChange","month","setMonth","onYearChange","setYear","onChange","event","date","start","end","next","onToggle","prevState","onClickAway","target","_a","_b","months","getMonths","years","getYears","view","jsx","DataPickerDays","DatePickerList","rangeDisplay","getDisplayDate","jsxs","Fragment","TextField","DatePickerIconButton","Icon","DataPickerInput","createPortal","Transition","state","ClickAwayListener","DataPickerHeader"],"mappings":"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"}
+{"version":3,"file":"datePicker.js","sources":["../../../../src/components/inputs/datePicker/datePicker.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 { TextField, TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { getMonths, setMonth, getYears, setYear, isValidDate, getDisplayDate } from \"./utils\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { createPortal } from \"react-dom\";\n\nexport enum OpenView {\n  days = \"days\",\n  months = \"months\",\n  years = \"years\",\n}\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 DatePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  showDaysOutsideMonth?: boolean;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: (day: Date) => boolean;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string;\n  /** Enables date-range selection. */\n  range?: boolean;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined];\n  /** Called when the range changes. */\n  onRangeChange?: (range: [Date | undefined, Date | undefined]) => void;\n  placement?: Placement;\n  disableCalendar?: boolean;\n  label?: string;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  calendarIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n}\n\nexport const DatePicker = React.forwardRef(function DatePicker(props: DatePickerProps, 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\",\n    minDate,\n    maxDate,\n    isDateDisabled,\n    locale,\n    format,\n    range,\n    rangeValue,\n    onRangeChange,\n    calendarIcon,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const isRangeControlled = rangeValue !== undefined;\n  const [rangeState, setRangeState] = useState<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = isRangeControlled && rangeValue ? rangeValue : rangeState;\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidDate(value) ? value : new Date()));\n  const [openView, setOpenView] = useState<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const calendarRef = 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 calendarForkRef = useForkRef(calendarRef, 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) ? value : new Date());\n  }, [value, disabled]);\n\n  const onViewValueChange = useCallback((value: Date) => {\n    setViewValue(value);\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    (month: number) => {\n      setViewValue(setYear(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onChange = useCallback(\n    (event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => {\n      if (range) {\n        if (!date) {\n          return;\n        }\n        const [start, end] = currentRange;\n        let next: [Date | undefined, Date | undefined];\n        if (!start || (start && end)) {\n          next = [date, undefined];\n        } else {\n          next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n        }\n        if (!isRangeControlled) {\n          setRangeState(next);\n        }\n        onRangeChange?.(next);\n        if (next[0] && next[1]) {\n          setIsOpen(false);\n        }\n        return;\n      }\n      onChangeProp?.(event, date, props);\n      setIsOpen(false);\n    },\n    [onChangeProp, props, range, currentRange, isRangeControlled, onRangeChange]\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 (calendarRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\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={onChange}\n          disablePast={disablePast}\n          disableFuture={disableFuture}\n          weekStartsOn={weekStartsOn}\n          minDate={minDate}\n          maxDate={maxDate}\n          isDateDisabled={isDateDisabled}\n          locale={locale}\n          range={range}\n          rangeStart={currentRange[0]}\n          rangeEnd={currentRange[1]}\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  const rangeDisplay =\n    range && (currentRange[0] || currentRange[1])\n      ? `${getDisplayDate(currentRange[0], format)} – ${getDisplayDate(currentRange[1], format)}`\n      : \"\";\n\n  return (\n    <>\n      {range ? (\n        <TextField\n          ref={anchorForkRef}\n          value={rangeDisplay}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(disabled)}\n          placeholder={format ? `${format} – ${format}` : undefined}\n          endAdornment={\n            !disableCalendar && (\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                {calendarIcon || <Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n              </DatePickerIconButton>\n            )\n          }\n          {...rest}\n        />\n      ) : (\n        <DataPickerInput\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      )}\n      {portalRoot\n        ? createPortal(\n            <Transition\n              nodeRef={calendarRef}\n              in={isOpen && !disabled && !disableCalendar}\n              timeout={150}\n              mountOnEnter\n              unmountOnExit\n            >\n              {(state) => (\n                <ClickAwayListener onClickAway={onClickAway}>\n                  <div\n                    ref={calendarForkRef}\n                    className=\"smwb-date-picker\"\n                    style={{\n                      ...floatingStyles,\n                      ...defaultStyle(150),\n                      ...transitionStyles[state],\n                    }}\n                    data-testid=\"date-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\">\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-picker__body\">{view}</div>\n                    </div>\n                  </div>\n                </ClickAwayListener>\n              )}\n            </Transition>,\n            portalRoot\n          )\n        : null}\n    </>\n  );\n});\n\nexport default DatePicker;\n"],"names":["OpenView","defaultStyle","duration","transitionStyles","DatePicker","React","props","ref","valueProp","onChangeProp","showDaysOutsideMonth","disablePast","disableFuture","weekStartsOn","placement","disabled","disableCalendar","calendarAriaLabel","minDate","maxDate","isDateDisabled","locale","format","range","rangeValue","onRangeChange","calendarIcon","onBlurProp","rest","value","useMemo","isRangeControlled","rangeState","setRangeState","useState","currentRange","viewValue","setViewValue","isValidDate","openView","setOpenView","isOpen","setIsOpen","anchorRef","useRef","calendarRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","calendarForkRef","portalRoot","setPortalRoot","useSafeLayoutEffect","onViewValueChange","useCallback","onMonthLabelClick","onYearLabelClick","onMonthChange","month","setMonth","onYearChange","setYear","onChange","event","date","start","end","next","onToggle","prevState","onClickAway","target","_a","_b","months","getMonths","years","getYears","view","jsx","DataPickerDays","DatePickerList","rangeDisplay","getDisplayDate","jsxs","Fragment","TextField","DatePickerIconButton","Icon","DataPickerInput","createPortal","Transition","state","ClickAwayListener","DataPickerHeader"],"mappings":"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"}