@smwb/ui-react 2.6.2 → 2.7.0

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

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

package/dist/components/inputs/fileDrop/fileDrop.js

@@ -1,13 +1,14 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/fileDrop/fileDrop.entry.css';/* empty css                                                           */
+import '../../../assets/styles/less/components/fileDrop/fileDrop.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                           */
 import g, { forwardRef as P } from "react";
 import { useDropzone as R } from "../../../hooks/useDropzone.js";
 import { PreviewWrapper as z } from "./previewWrapper.js";
 import C from "clsx";
-const U = P(function(a, n) {
+const W = P(function(a, n) {
   const {
-    preview: d,
-    previewCols: m = 3,
+    preview: m,
+    previewCols: d = 3,
     galleryItemSize: c = 100,
     onDrop: f,
     label: s = "",
@@ -16,23 +17,23 @@ const U = P(function(a, n) {
     disabled: e,
     error: o,
     ...u
-  } = a, [l, i] = g.useState([]), v = (t) => {
-    i((x) => [...x, ...t]), f(t);
+  } = a, [i, l] = g.useState([]), v = (t) => {
+    l((x) => [...x, ...t]), f(t);
   }, { getRootProps: h, getInputProps: D } = R({
     onDrop: v,
     disabled: e,
     ...u
   }), N = () => {
-    i([]);
+    l([]);
   }, _ = C("smwb-file-drop", { "smwb-disabled": e, "smwb-error": !!o }, b);
   return /* @__PURE__ */ p("div", { ref: n, className: _, "data-testid": "file-drop", children: [
-    l.length > 0 ? /* @__PURE__ */ r(
+    i.length > 0 ? /* @__PURE__ */ r(
       z,
       {
-        preview: d,
-        files: l,
+        preview: m,
+        files: i,
         handleRemoveAll: N,
-        previewCols: m,
+        previewCols: d,
         galleryItemSize: c,
         previewClassName: w
       }
@@ -55,6 +56,6 @@ const U = P(function(a, n) {
   ] });
 });
 export {
-  U as FileDrop
+  W as FileDrop
 };
 //# sourceMappingURL=fileDrop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fileDrop.js","sources":["../../../../src/components/inputs/fileDrop/fileDrop.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type DropzoneOptions, useDropzone } from \"../../../hooks/useDropzone\";\nimport { PreviewWrapper } from \"./previewWrapper\";\nimport cn from \"clsx\";\n\nexport interface FileUploadProps extends DropzoneOptions {\n  preview?: boolean;\n  previewCols?: number;\n  galleryItemSize?: number;\n  onDrop: (files: File[]) => void;\n  label?: string;\n  className?: string;\n  previewClassName?: string;\n  disabled?: boolean;\n  /** Validation message rendered below the drop zone. */\n  error?: string;\n}\n\nexport const FileDrop = forwardRef<HTMLDivElement, FileUploadProps>(function FileDrop(props, ref) {\n  const {\n    preview,\n    previewCols = 3,\n    galleryItemSize = 100,\n    onDrop: onDropProp,\n    label = \"\",\n    className,\n    previewClassName,\n    disabled,\n    error,\n    ...dropzoneOptions\n  } = props;\n\n  const [files, setFiles] = React.useState<File[]>([]);\n\n  const onDrop = (acceptedFiles: File[]) => {\n    setFiles((prev) => [...prev, ...acceptedFiles]);\n    onDropProp(acceptedFiles);\n  };\n\n  const { getRootProps, getInputProps } = useDropzone({\n    onDrop,\n    disabled,\n    ...dropzoneOptions,\n  });\n\n  const handleRemoveAll = () => {\n    setFiles([]);\n  };\n\n  const wrapperClasses = cn(\"smwb-file-drop\", { \"smwb-disabled\": disabled, \"smwb-error\": !!error }, className);\n\n  return (\n    <div ref={ref} className={wrapperClasses} data-testid=\"file-drop\">\n      {files.length > 0 ? (\n        <PreviewWrapper\n          preview={preview}\n          files={files}\n          handleRemoveAll={handleRemoveAll}\n          previewCols={previewCols}\n          galleryItemSize={galleryItemSize}\n          previewClassName={previewClassName}\n        />\n      ) : (\n        <div\n          className=\"smwb-file-drop__input\"\n          role=\"button\"\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          aria-label={label || \"Upload files\"}\n          {...getRootProps()}\n        >\n          <div className=\"smwb-file-drop__input-text\">{label}</div>\n          <input {...getInputProps()} />\n        </div>\n      )}\n      {error ? (\n        <span className=\"smwb-file-drop__error\" role=\"alert\">\n          {error}\n        </span>\n      ) : null}\n    </div>\n  );\n});\n\nexport default FileDrop;\n"],"names":["FileDrop","forwardRef","props","ref","preview","previewCols","galleryItemSize","onDropProp","label","className","previewClassName","disabled","error","dropzoneOptions","files","setFiles","React","onDrop","acceptedFiles","prev","getRootProps","getInputProps","useDropzone","handleRemoveAll","wrapperClasses","cn","jsx","PreviewWrapper","jsxs"],"mappings":";;;;;;AAmBO,MAAMA,IAAWC,EAA4C,SAAkBC,GAAOC,GAAK;AAChG,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,iBAAAC,IAAkB;AAAA,IAClB,QAAQC;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDX,GAEE,CAACY,GAAOC,CAAQ,IAAIC,EAAM,SAAiB,CAAA,CAAE,GAE7CC,IAAS,CAACC,MAA0B;AACxC,IAAAH,EAAS,CAACI,MAAS,CAAC,GAAGA,GAAM,GAAGD,CAAa,CAAC,GAC9CX,EAAWW,CAAa;AAAA,EAC1B,GAEM,EAAE,cAAAE,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,QAAAL;AAAA,IACA,UAAAN;AAAA,IACA,GAAGE;AAAA,EAAA,CACJ,GAEKU,IAAkB,MAAM;AAC5B,IAAAR,EAAS,CAAA,CAAE;AAAA,EACb,GAEMS,IAAiBC,EAAG,kBAAkB,EAAE,iBAAiBd,GAAU,cAAc,CAAC,CAACC,EAAA,GAASH,CAAS;AAE3G,2BACG,OAAA,EAAI,KAAAN,GAAU,WAAWqB,GAAgB,eAAY,aACnD,UAAA;AAAA,IAAAV,EAAM,SAAS,IACd,gBAAAY;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAvB;AAAA,QACA,OAAAU;AAAA,QACA,iBAAAS;AAAA,QACA,aAAAlB;AAAA,QACA,iBAAAC;AAAA,QACA,kBAAAI;AAAA,MAAA;AAAA,IAAA,IAGF,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAUjB,IAAW,KAAK;AAAA,QAC1B,iBAAeA,KAAY;AAAA,QAC3B,cAAYH,KAAS;AAAA,QACpB,GAAGY,EAAA;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAAlB,GAAM;AAAA,UACnD,gBAAAkB,EAAC,SAAA,EAAO,GAAGL,IAAc,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG/BT,sBACE,QAAA,EAAK,WAAU,yBAAwB,MAAK,SAC1C,aACH,IACE;AAAA,EAAA,GACN;AAEJ,CAAC;"}
+{"version":3,"file":"fileDrop.js","sources":["../../../../src/components/inputs/fileDrop/fileDrop.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type DropzoneOptions, useDropzone } from \"../../../hooks/useDropzone\";\nimport { PreviewWrapper } from \"./previewWrapper\";\nimport cn from \"clsx\";\n\nexport interface FileUploadProps extends DropzoneOptions {\n  preview?: boolean;\n  previewCols?: number;\n  galleryItemSize?: number;\n  onDrop: (files: File[]) => void;\n  label?: string;\n  className?: string;\n  previewClassName?: string;\n  disabled?: boolean;\n  /** Validation message rendered below the drop zone. */\n  error?: string;\n}\n\nexport const FileDrop = forwardRef<HTMLDivElement, FileUploadProps>(function FileDrop(props, ref) {\n  const {\n    preview,\n    previewCols = 3,\n    galleryItemSize = 100,\n    onDrop: onDropProp,\n    label = \"\",\n    className,\n    previewClassName,\n    disabled,\n    error,\n    ...dropzoneOptions\n  } = props;\n\n  const [files, setFiles] = React.useState<File[]>([]);\n\n  const onDrop = (acceptedFiles: File[]) => {\n    setFiles((prev) => [...prev, ...acceptedFiles]);\n    onDropProp(acceptedFiles);\n  };\n\n  const { getRootProps, getInputProps } = useDropzone({\n    onDrop,\n    disabled,\n    ...dropzoneOptions,\n  });\n\n  const handleRemoveAll = () => {\n    setFiles([]);\n  };\n\n  const wrapperClasses = cn(\"smwb-file-drop\", { \"smwb-disabled\": disabled, \"smwb-error\": !!error }, className);\n\n  return (\n    <div ref={ref} className={wrapperClasses} data-testid=\"file-drop\">\n      {files.length > 0 ? (\n        <PreviewWrapper\n          preview={preview}\n          files={files}\n          handleRemoveAll={handleRemoveAll}\n          previewCols={previewCols}\n          galleryItemSize={galleryItemSize}\n          previewClassName={previewClassName}\n        />\n      ) : (\n        <div\n          className=\"smwb-file-drop__input\"\n          role=\"button\"\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          aria-label={label || \"Upload files\"}\n          {...getRootProps()}\n        >\n          <div className=\"smwb-file-drop__input-text\">{label}</div>\n          <input {...getInputProps()} />\n        </div>\n      )}\n      {error ? (\n        <span className=\"smwb-file-drop__error\" role=\"alert\">\n          {error}\n        </span>\n      ) : null}\n    </div>\n  );\n});\n\nexport default FileDrop;\n"],"names":["FileDrop","forwardRef","props","ref","preview","previewCols","galleryItemSize","onDropProp","label","className","previewClassName","disabled","error","dropzoneOptions","files","setFiles","React","onDrop","acceptedFiles","prev","getRootProps","getInputProps","useDropzone","handleRemoveAll","wrapperClasses","cn","jsx","PreviewWrapper","jsxs"],"mappings":";;;;;;;AAoBO,MAAMA,IAAWC,EAA4C,SAAkBC,GAAOC,GAAK;AAChG,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,iBAAAC,IAAkB;AAAA,IAClB,QAAQC;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDX,GAEE,CAACY,GAAOC,CAAQ,IAAIC,EAAM,SAAiB,CAAA,CAAE,GAE7CC,IAAS,CAACC,MAA0B;AACxC,IAAAH,EAAS,CAACI,MAAS,CAAC,GAAGA,GAAM,GAAGD,CAAa,CAAC,GAC9CX,EAAWW,CAAa;AAAA,EAC1B,GAEM,EAAE,cAAAE,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,QAAAL;AAAA,IACA,UAAAN;AAAA,IACA,GAAGE;AAAA,EAAA,CACJ,GAEKU,IAAkB,MAAM;AAC5B,IAAAR,EAAS,CAAA,CAAE;AAAA,EACb,GAEMS,IAAiBC,EAAG,kBAAkB,EAAE,iBAAiBd,GAAU,cAAc,CAAC,CAACC,EAAA,GAASH,CAAS;AAE3G,2BACG,OAAA,EAAI,KAAAN,GAAU,WAAWqB,GAAgB,eAAY,aACnD,UAAA;AAAA,IAAAV,EAAM,SAAS,IACd,gBAAAY;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAvB;AAAA,QACA,OAAAU;AAAA,QACA,iBAAAS;AAAA,QACA,aAAAlB;AAAA,QACA,iBAAAC;AAAA,QACA,kBAAAI;AAAA,MAAA;AAAA,IAAA,IAGF,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAUjB,IAAW,KAAK;AAAA,QAC1B,iBAAeA,KAAY;AAAA,QAC3B,cAAYH,KAAS;AAAA,QACpB,GAAGY,EAAA;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAAlB,GAAM;AAAA,UACnD,gBAAAkB,EAAC,SAAA,EAAO,GAAGL,IAAc,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG/BT,sBACE,QAAA,EAAK,WAAU,yBAAwB,MAAK,SAC1C,aACH,IACE;AAAA,EAAA,GACN;AAEJ,CAAC;"}

package/dist/components/inputs/fileInput/fileInput.js

@@ -1,9 +1,10 @@
 import { jsxs as w, jsx as n } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/fileInput/fileInput.entry.css';/* empty css                                                             */
+import '../../../assets/styles/less/components/fileInput/fileInput.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
 import { forwardRef as x } from "react";
 import { useDropzone as D } from "../../../hooks/useDropzone.js";
 import p from "clsx";
-const R = x(function(a, m) {
+const _ = x(function(a, m) {
   const { label: c, onClick: o, onFilesSelected: e, className: u, buttonClassName: d, disabled: s, error: i, ...t } = a, { getRootProps: f, getInputProps: b } = D({
     ...t,
     disabled: s,
@@ -30,6 +31,6 @@ const R = x(function(a, m) {
   );
 });
 export {
-  R as FileInput
+  _ as FileInput
 };
 //# sourceMappingURL=fileInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fileInput.js","sources":["../../../../src/components/inputs/fileInput/fileInput.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type DropzoneOptions, useDropzone } from \"../../../hooks/useDropzone\";\nimport cn from \"clsx\";\n\nexport interface FileInputProps extends DropzoneOptions {\n  label?: string;\n  className?: string;\n  buttonClassName?: string;\n  disabled?: boolean;\n  /** Validation message shown below the control. */\n  error?: string;\n  /** Fired with the accepted files when the user picks them. */\n  onFilesSelected?: (files: File[]) => void;\n  /** @deprecated optional click passthrough on the trigger button. */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const FileInput = forwardRef<HTMLDivElement, FileInputProps>(function FileInput(props, ref) {\n  const { label, onClick, onFilesSelected, className, buttonClassName, disabled, error, ...dropzoneOptions } = props;\n\n  const { getRootProps, getInputProps } = useDropzone({\n    ...dropzoneOptions,\n    disabled,\n    onDropAccepted: (accepted, event) => {\n      onFilesSelected?.(accepted);\n      dropzoneOptions.onDropAccepted?.(accepted, event);\n    },\n  });\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"smwb-file-input\", { \"smwb-disabled\": disabled }, className)}\n      data-testid=\"file-input\"\n      {...getRootProps()}\n    >\n      <button type=\"button\" className={cn(buttonClassName)} disabled={disabled} onClick={handleClick}>\n        {label}\n      </button>\n      <input {...getInputProps()} />\n      {error ? (\n        <span className=\"smwb-file-input__error\" role=\"alert\">\n          {error}\n        </span>\n      ) : null}\n    </div>\n  );\n});\n\nexport default FileInput;\n"],"names":["FileInput","forwardRef","props","ref","label","onClick","onFilesSelected","className","buttonClassName","disabled","error","dropzoneOptions","getRootProps","getInputProps","useDropzone","accepted","event","_a","handleClick","e","jsxs","cn","jsx"],"mappings":";;;;;AAkBO,MAAMA,IAAYC,EAA2C,SAAmBC,GAAOC,GAAK;AACjG,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,iBAAAC,GAAiB,WAAAC,GAAW,iBAAAC,GAAiB,UAAAC,GAAU,OAAAC,GAAO,GAAGC,EAAA,IAAoBT,GAEvG,EAAE,cAAAU,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,GAAGH;AAAA,IACH,UAAAF;AAAA,IACA,gBAAgB,CAACM,GAAUC,MAAU;;AACnC,MAAAV,KAAA,QAAAA,EAAkBS,KAClBE,IAAAN,EAAgB,mBAAhB,QAAAM,EAAA,KAAAN,GAAiCI,GAAUC;AAAA,IAC7C;AAAA,EAAA,CACD,GAEKE,IAAc,CAACC,MAA2C;AAC9D,IAAAd,KAAA,QAAAA,EAAUc;AAAA,EACZ;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWkB,EAAG,mBAAmB,EAAE,iBAAiBZ,EAAA,GAAYF,CAAS;AAAA,MACzE,eAAY;AAAA,MACX,GAAGK,EAAA;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU,EAAC,UAAA,EAAO,MAAK,UAAS,WAAWD,EAAGb,CAAe,GAAG,UAAAC,GAAoB,SAASS,GAChF,UAAAd,EAAA,CACH;AAAA,QACA,gBAAAkB,EAAC,SAAA,EAAO,GAAGT,EAAA,EAAc,CAAG;AAAA,QAC3BH,sBACE,QAAA,EAAK,WAAU,0BAAyB,MAAK,SAC3C,aACH,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"fileInput.js","sources":["../../../../src/components/inputs/fileInput/fileInput.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type DropzoneOptions, useDropzone } from \"../../../hooks/useDropzone\";\nimport cn from \"clsx\";\n\nexport interface FileInputProps extends DropzoneOptions {\n  label?: string;\n  className?: string;\n  buttonClassName?: string;\n  disabled?: boolean;\n  /** Validation message shown below the control. */\n  error?: string;\n  /** Fired with the accepted files when the user picks them. */\n  onFilesSelected?: (files: File[]) => void;\n  /** @deprecated optional click passthrough on the trigger button. */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const FileInput = forwardRef<HTMLDivElement, FileInputProps>(function FileInput(props, ref) {\n  const { label, onClick, onFilesSelected, className, buttonClassName, disabled, error, ...dropzoneOptions } = props;\n\n  const { getRootProps, getInputProps } = useDropzone({\n    ...dropzoneOptions,\n    disabled,\n    onDropAccepted: (accepted, event) => {\n      onFilesSelected?.(accepted);\n      dropzoneOptions.onDropAccepted?.(accepted, event);\n    },\n  });\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"smwb-file-input\", { \"smwb-disabled\": disabled }, className)}\n      data-testid=\"file-input\"\n      {...getRootProps()}\n    >\n      <button type=\"button\" className={cn(buttonClassName)} disabled={disabled} onClick={handleClick}>\n        {label}\n      </button>\n      <input {...getInputProps()} />\n      {error ? (\n        <span className=\"smwb-file-input__error\" role=\"alert\">\n          {error}\n        </span>\n      ) : null}\n    </div>\n  );\n});\n\nexport default FileInput;\n"],"names":["FileInput","forwardRef","props","ref","label","onClick","onFilesSelected","className","buttonClassName","disabled","error","dropzoneOptions","getRootProps","getInputProps","useDropzone","accepted","event","_a","handleClick","e","jsxs","cn","jsx"],"mappings":";;;;;;AAmBO,MAAMA,IAAYC,EAA2C,SAAmBC,GAAOC,GAAK;AACjG,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,iBAAAC,GAAiB,WAAAC,GAAW,iBAAAC,GAAiB,UAAAC,GAAU,OAAAC,GAAO,GAAGC,EAAA,IAAoBT,GAEvG,EAAE,cAAAU,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,GAAGH;AAAA,IACH,UAAAF;AAAA,IACA,gBAAgB,CAACM,GAAUC,MAAU;;AACnC,MAAAV,KAAA,QAAAA,EAAkBS,KAClBE,IAAAN,EAAgB,mBAAhB,QAAAM,EAAA,KAAAN,GAAiCI,GAAUC;AAAA,IAC7C;AAAA,EAAA,CACD,GAEKE,IAAc,CAACC,MAA2C;AAC9D,IAAAd,KAAA,QAAAA,EAAUc;AAAA,EACZ;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWkB,EAAG,mBAAmB,EAAE,iBAAiBZ,EAAA,GAAYF,CAAS;AAAA,MACzE,eAAY;AAAA,MACX,GAAGK,EAAA;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU,EAAC,UAAA,EAAO,MAAK,UAAS,WAAWD,EAAGb,CAAe,GAAG,UAAAC,GAAoB,SAASS,GAChF,UAAAd,EAAA,CACH;AAAA,QACA,gBAAAkB,EAAC,SAAA,EAAO,GAAGT,EAAA,EAAc,CAAG;AAAA,QAC3BH,sBACE,QAAA,EAAK,WAAU,0BAAyB,MAAK,SAC3C,aACH,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/components/inputs/floatingButton/floatingButton.js

@@ -1,42 +1,43 @@
 import { jsxs as R, jsx as d } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/floatingButton/floatingButton.entry.css';/* empty css                                                                       */
-import m from "react";
+import '../../../assets/styles/less/components/floatingButton/floatingButton.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                       */
+import n from "react";
 import w from "clsx";
 import { Ripple as x } from "../../base/ripple/ripple.js";
-const y = m.forwardRef(function({
-  children: e,
-  className: i,
+const N = n.forwardRef(function({
+  children: i,
+  className: e,
   onMouseDown: t,
   variant: f = "default",
   size: a = "medium",
   color: s = "primary",
   type: c = "button",
   ...l
-}, u) {
-  const n = m.useRef(null), p = (o) => {
+}, p) {
+  const r = n.useRef(null), u = (o) => {
     t == null || t(o);
   }, b = (o) => {
-    var r;
-    (r = n.current) == null || r.onRipple(o);
+    var m;
+    (m = r.current) == null || m.onRipple(o);
   };
   return /* @__PURE__ */ R(
     "button",
     {
-      ref: u,
+      ref: p,
       type: c,
-      className: w("smwb-fab", `smwb-${f}`, `smwb-${a}`, `smwb-fab_color-${s}`, i),
-      onMouseDown: p,
+      className: w("smwb-fab", `smwb-${f}`, `smwb-${a}`, `smwb-fab_color-${s}`, e),
+      onMouseDown: u,
       onPointerDown: b,
       ...l,
       children: [
-        e,
-        /* @__PURE__ */ d(x, { actionRef: n })
+        i,
+        /* @__PURE__ */ d(x, { actionRef: r })
       ]
     }
   );
 });
 export {
-  y as FloatingButton,
-  y as default
+  N as FloatingButton,
+  N as default
 };
 //# sourceMappingURL=floatingButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"floatingButton.js","sources":["../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\n\nexport type FloatingButtonColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface FloatingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  className?: string;\n  variant?: \"extended\" | \"default\";\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Semantic color. Resolves through the shared `--smui-*Color*` tokens. */\n  color?: FloatingButtonColor;\n}\n\nexport const FloatingButton = React.forwardRef<HTMLButtonElement, FloatingButtonProps>(function FloatingButton(\n  {\n    children,\n    className,\n    onMouseDown: onMouseDownProp,\n    variant = \"default\",\n    size = \"medium\",\n    color = \"primary\",\n    type = \"button\",\n    ...rest\n  },\n  ref\n) {\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    rippleRef.current?.onRipple(event);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={cn(\"smwb-fab\", `smwb-${variant}`, `smwb-${size}`, `smwb-fab_color-${color}`, className)}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {children}\n      <Ripple actionRef={rippleRef} />\n    </button>\n  );\n});\n\nexport default FloatingButton;\n"],"names":["FloatingButton","React","children","className","onMouseDownProp","variant","size","color","type","rest","ref","rippleRef","onMouseDown","event","onPointerDown","_a","jsxs","cn","jsx","Ripple"],"mappings":";;;;;AAeO,MAAMA,IAAiBC,EAAM,WAAmD,SACrF;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAaC;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYV,EAAM,OAAyB,IAAI,GAE/CW,IAAc,CAACC,MAA+C;AAClE,IAAAT,KAAA,QAAAA,EAAkBS;AAAA,EACpB,GAGMC,IAAgB,CAACD,MAAiD;;AACtE,KAAAE,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,EAC9B;AAEA,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAF;AAAA,MACA,WAAWS,EAAG,YAAY,QAAQZ,CAAO,IAAI,QAAQC,CAAI,IAAI,kBAAkBC,CAAK,IAAIJ,CAAS;AAAA,MACjG,aAAAS;AAAA,MACA,eAAAE;AAAA,MACC,GAAGL;AAAA,MAEH,UAAA;AAAA,QAAAP;AAAA,QACD,gBAAAgB,EAACC,GAAA,EAAO,WAAWR,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC,CAAC;"}
+{"version":3,"file":"floatingButton.js","sources":["../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\n\nexport type FloatingButtonColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface FloatingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  className?: string;\n  variant?: \"extended\" | \"default\";\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Semantic color. Resolves through the shared `--smui-*Color*` tokens. */\n  color?: FloatingButtonColor;\n}\n\nexport const FloatingButton = React.forwardRef<HTMLButtonElement, FloatingButtonProps>(function FloatingButton(\n  {\n    children,\n    className,\n    onMouseDown: onMouseDownProp,\n    variant = \"default\",\n    size = \"medium\",\n    color = \"primary\",\n    type = \"button\",\n    ...rest\n  },\n  ref\n) {\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    rippleRef.current?.onRipple(event);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={cn(\"smwb-fab\", `smwb-${variant}`, `smwb-${size}`, `smwb-fab_color-${color}`, className)}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {children}\n      <Ripple actionRef={rippleRef} />\n    </button>\n  );\n});\n\nexport default FloatingButton;\n"],"names":["FloatingButton","React","children","className","onMouseDownProp","variant","size","color","type","rest","ref","rippleRef","onMouseDown","event","onPointerDown","_a","jsxs","cn","jsx","Ripple"],"mappings":";;;;;;AAgBO,MAAMA,IAAiBC,EAAM,WAAmD,SACrF;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAaC;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYV,EAAM,OAAyB,IAAI,GAE/CW,IAAc,CAACC,MAA+C;AAClE,IAAAT,KAAA,QAAAA,EAAkBS;AAAA,EACpB,GAGMC,IAAgB,CAACD,MAAiD;;AACtE,KAAAE,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,EAC9B;AAEA,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAF;AAAA,MACA,WAAWS,EAAG,YAAY,QAAQZ,CAAO,IAAI,QAAQC,CAAI,IAAI,kBAAkBC,CAAK,IAAIJ,CAAS;AAAA,MACjG,aAAAS;AAAA,MACA,eAAAE;AAAA,MACC,GAAGL;AAAA,MAEH,UAAA;AAAA,QAAAP;AAAA,QACD,gBAAAgB,EAACC,GAAA,EAAO,WAAWR,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC,CAAC;"}