@smwb/ui-react 2.0.0

package/dist/headless/components/inputs/textField/textFieldWrapper.js

@@ -0,0 +1,50 @@
+import { jsxs as r, jsx as e, Fragment as k } from "react/jsx-runtime";
+import d from "clsx";
+import { TextFieldAdornment as a } from "./textFieldAdornment.js";
+function T({
+  label: s,
+  helperText: i = /* @__PURE__ */ e(k, { children: " " }),
+  variant: l,
+  disabled: f,
+  className: h,
+  error: x,
+  fullWidth: w,
+  isFilledState: b,
+  isFocused: c,
+  htmlFor: _,
+  shrink: p,
+  children: N,
+  onHolderMouseDown: u,
+  startAdornment: o,
+  endAdornment: m,
+  inline: t,
+  ...F
+}) {
+  const g = l === "filled", n = s && (b || c || p), j = d(h, "smwb-text-field", {
+    "smwb-text-field--filled": !t && g,
+    "smwb-text-field--inline": t,
+    "smwb-text-field--focused": !t && c,
+    "smwb-text-field--error": x,
+    "smwb-text-field--disabled": f,
+    "smwb-text-field--full-width": w
+  }), v = d("smwb-text-field__label", {
+    "smwb-text-field__label--shrink": n
+  }), C = d("smwb-text-field__notched", {
+    "smwb-text-field__notched--with-label": s,
+    "smwb-text-field__notched--active": n
+  });
+  return /* @__PURE__ */ r("div", { className: j, ...F, "data-testid": "text-field", children: [
+    !t && s && /* @__PURE__ */ e("label", { className: v, htmlFor: _ || "", children: s }),
+    /* @__PURE__ */ r("div", { className: "smwb-text-field__input-holder", onMouseDown: u, children: [
+      o && /* @__PURE__ */ e(a, { variant: l, inline: !!t, position: "start", children: o }),
+      N,
+      m && /* @__PURE__ */ e(a, { position: "end", children: m }),
+      !t && l === "outlined" && /* @__PURE__ */ e("fieldset", { className: C, children: /* @__PURE__ */ e("legend", { children: s ? /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e("span", { className: "smwb-notranslate", children: "​" }) }) })
+    ] }),
+    !t && i && /* @__PURE__ */ e("p", { className: "smwb-text-field__helper-line", children: /* @__PURE__ */ e("span", { className: "smwb-text-field__helper-text", children: i }) })
+  ] });
+}
+export {
+  T as TextFieldWrapper
+};
+//# sourceMappingURL=textFieldWrapper.js.map

package/dist/headless/components/inputs/textField/textFieldWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textFieldWrapper.js","sources":["../../../../../src/components/inputs/textField/textFieldWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldAdornment } from \"./textFieldAdornment\";\n\nexport interface TextFieldWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n  label?: string;\n  helperText?: React.ReactNode;\n  variant?: \"outlined\" | \"filled\";\n  disabled?: boolean;\n  className?: string;\n  error?: boolean;\n  fullWidth?: boolean;\n  isFilledState?: boolean;\n  isFocused?: boolean;\n  children: React.ReactNode;\n  htmlFor?: string;\n  shrink?: boolean;\n  onHolderMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  inline?: boolean;\n}\n\nexport function TextFieldWrapper({\n  label,\n  helperText = <>&nbsp;</>,\n  variant,\n  disabled,\n  className,\n  error,\n  fullWidth,\n  isFilledState,\n  isFocused,\n  htmlFor,\n  shrink,\n  children,\n  onHolderMouseDown,\n  startAdornment,\n  endAdornment,\n  inline,\n  ...rest\n}: TextFieldWrapperProps) {\n  const isFilledVariant = variant === \"filled\";\n  const isNotchedActive = label && (isFilledState || isFocused || shrink);\n\n  const classes = cn(className, \"smwb-text-field\", {\n    \"smwb-text-field--filled\": !inline && isFilledVariant,\n    \"smwb-text-field--inline\": inline,\n    \"smwb-text-field--focused\": !inline && isFocused,\n    \"smwb-text-field--error\": error,\n    \"smwb-text-field--disabled\": disabled,\n    \"smwb-text-field--full-width\": fullWidth,\n  });\n  const labelClasses = cn(\"smwb-text-field__label\", {\n    \"smwb-text-field__label--shrink\": isNotchedActive,\n  });\n  const notchedClasses = cn(\"smwb-text-field__notched\", {\n    \"smwb-text-field__notched--with-label\": label,\n    \"smwb-text-field__notched--active\": isNotchedActive,\n  });\n\n  return (\n    <div className={classes} {...rest} data-testid=\"text-field\">\n      {!inline && label && (\n        <label className={labelClasses} htmlFor={htmlFor || \"\"}>\n          {label}\n        </label>\n      )}\n      <div className=\"smwb-text-field__input-holder\" onMouseDown={onHolderMouseDown}>\n        {startAdornment && (\n          <TextFieldAdornment variant={variant} inline={Boolean(inline)} position=\"start\">\n            {startAdornment}\n          </TextFieldAdornment>\n        )}\n        {children}\n        {endAdornment && <TextFieldAdornment position=\"end\">{endAdornment}</TextFieldAdornment>}\n        {!inline && variant === \"outlined\" && (\n          <fieldset className={notchedClasses}>\n            <legend>{label ? <span>{label}</span> : <span className=\"smwb-notranslate\">&#8203;</span>}</legend>\n          </fieldset>\n        )}\n      </div>\n      {!inline && helperText && (\n        <p className=\"smwb-text-field__helper-line\">\n          <span className=\"smwb-text-field__helper-text\">{helperText}</span>\n        </p>\n      )}\n    </div>\n  );\n}\n"],"names":["TextFieldWrapper","label","helperText","variant","disabled","className","error","fullWidth","isFilledState","isFocused","htmlFor","shrink","children","onHolderMouseDown","startAdornment","endAdornment","inline","rest","isFilledVariant","isNotchedActive","classes","cn","labelClasses","notchedClasses","jsx","jsxs","TextFieldAdornment"],"mappings":";;;AAuBO,SAASA,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,YAAAC,2BAAe,UAAA,IAAA,CAAM;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAkBf,MAAY,UAC9BgB,IAAkBlB,MAAUO,KAAiBC,KAAaE,IAE1DS,IAAUC,EAAGhB,GAAW,mBAAmB;AAAA,IAC/C,2BAA2B,CAACW,KAAUE;AAAA,IACtC,2BAA2BF;AAAA,IAC3B,4BAA4B,CAACA,KAAUP;AAAA,IACvC,0BAA0BH;AAAA,IAC1B,6BAA6BF;AAAA,IAC7B,+BAA+BG;AAAA,EAAA,CAChC,GACKe,IAAeD,EAAG,0BAA0B;AAAA,IAChD,kCAAkCF;AAAA,EAAA,CACnC,GACKI,IAAiBF,EAAG,4BAA4B;AAAA,IACpD,wCAAwCpB;AAAA,IACxC,oCAAoCkB;AAAA,EAAA,CACrC;AAED,2BACG,OAAA,EAAI,WAAWC,GAAU,GAAGH,GAAM,eAAY,cAC5C,UAAA;AAAA,IAAA,CAACD,KAAUf,KACV,gBAAAuB,EAAC,SAAA,EAAM,WAAWF,GAAc,SAASZ,KAAW,IACjD,UAAAT,EAAA,CACH;AAAA,IAEF,gBAAAwB,EAAC,OAAA,EAAI,WAAU,iCAAgC,aAAaZ,GACzD,UAAA;AAAA,MAAAC,KACC,gBAAAU,EAACE,KAAmB,SAAAvB,GAAkB,QAAQ,EAAQa,GAAS,UAAS,SACrE,UAAAF,EAAA,CACH;AAAA,MAEDF;AAAA,MACAG,KAAgB,gBAAAS,EAACE,GAAA,EAAmB,UAAS,OAAO,UAAAX,GAAa;AAAA,MACjE,CAACC,KAAUb,MAAY,gCACrB,YAAA,EAAS,WAAWoB,GACnB,UAAA,gBAAAC,EAAC,UAAA,EAAQ,cAAQ,gBAAAA,EAAC,QAAA,EAAM,aAAM,IAAU,gBAAAA,EAAC,UAAK,WAAU,oBAAmB,UAAA,IAAA,CAAO,EAAA,CAAQ,EAAA,CAC5F;AAAA,IAAA,GAEJ;AAAA,IACC,CAACR,KAAUd,KACV,gBAAAsB,EAAC,KAAA,EAAE,WAAU,gCACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAAtB,EAAA,CAAW,EAAA,CAC7D;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/headless/components/inputs/textField/utils.js

@@ -0,0 +1,11 @@
+function l(e) {
+  return e != null && !(Array.isArray(e) && e.length === 0);
+}
+function u(e) {
+  return e && (l(e.value) && e.value !== "" || l(e.defaultValue) && e.defaultValue !== "");
+}
+export {
+  l as hasValue,
+  u as isFilled
+};
+//# sourceMappingURL=utils.js.map

package/dist/headless/components/inputs/textField/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/inputs/textField/utils.ts"],"sourcesContent":["import { ElementType } from \"react\";\n\nexport function hasValue(value: unknown) {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\nexport function isFilled(\n  obj?: {\n    value?: unknown;\n    defaultValue?: unknown;\n  } | null\n) {\n  return obj && ((hasValue(obj.value) && obj.value !== \"\") || (hasValue(obj.defaultValue) && obj.defaultValue !== \"\"));\n}\n\nexport function isHostComponent(element: ElementType) {\n  return typeof element === \"string\";\n}\n"],"names":["hasValue","value","isFilled","obj"],"mappings":"AAEO,SAASA,EAASC,GAAgB;AACvC,SAAOA,KAAS,QAAQ,EAAE,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW;AACrE;AAEO,SAASC,EACdC,GAIA;AACA,SAAOA,MAASH,EAASG,EAAI,KAAK,KAAKA,EAAI,UAAU,MAAQH,EAASG,EAAI,YAAY,KAAKA,EAAI,iBAAiB;AAClH;"}

package/dist/headless/components/inputs/timePicker/timeFormat.js

@@ -0,0 +1,61 @@
+const c = /HH|mm|ss/g;
+function f(e) {
+  const t = [];
+  let n;
+  for (c.lastIndex = 0; (n = c.exec(e)) !== null; )
+    t.push(n[0]);
+  return t;
+}
+function d(e) {
+  return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function g(e) {
+  let t = "^", n = 0, r;
+  for (c.lastIndex = 0; (r = c.exec(e)) !== null; )
+    t += d(e.slice(n, r.index)), t += "(\\d{2})", n = c.lastIndex;
+  return t += d(e.slice(n)), t += "$", new RegExp(t);
+}
+function x(e, t, n) {
+  return e >= 0 && e <= 23 && t >= 0 && t <= 59 && n >= 0 && n <= 59;
+}
+function h(e) {
+  return f(e).includes("ss");
+}
+function H(e, t) {
+  const n = e.getHours(), r = e.getMinutes(), s = e.getSeconds();
+  return t.replace(c, (i) => i === "HH" ? String(n).padStart(2, "0") : i === "mm" ? String(r).padStart(2, "0") : String(s).padStart(2, "0"));
+}
+function p(e, t) {
+  const n = f(t);
+  if (!n.includes("HH") || !n.includes("mm"))
+    return;
+  const r = g(t).exec(e);
+  if (!r)
+    return;
+  let s, i, u = 0;
+  if (n.forEach((l, m) => {
+    const a = Number(r[m + 1]);
+    if (l === "HH") {
+      s = a;
+      return;
+    }
+    if (l === "mm") {
+      i = a;
+      return;
+    }
+    u = a;
+  }), s === void 0 || i === void 0 || !x(s, i, u))
+    return;
+  const o = /* @__PURE__ */ new Date();
+  return new Date(o.getFullYear(), o.getMonth(), o.getDate(), s, i, u);
+}
+function E(e, t) {
+  return p(e, t) !== void 0;
+}
+export {
+  H as formatTimeByPattern,
+  E as isTimePatternMatch,
+  p as parseTimeByPattern,
+  h as patternHasSeconds
+};
+//# sourceMappingURL=timeFormat.js.map

package/dist/headless/components/inputs/timePicker/timeFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeFormat.js","sources":["../../../../../src/components/inputs/timePicker/timeFormat.ts"],"sourcesContent":["const TIME_TOKEN_REGEXP = /HH|mm|ss/g;\n\ntype TimeToken = \"HH\" | \"mm\" | \"ss\";\n\nfunction extractTokens(pattern: string): TimeToken[] {\n  const tokens: TimeToken[] = [];\n  let match: RegExpExecArray | null;\n\n  TIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = TIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    tokens.push(match[0] as TimeToken);\n  }\n\n  return tokens;\n}\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction patternToRegExp(pattern: string): RegExp {\n  let regex = \"^\";\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  TIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = TIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    regex += escapeRegExp(pattern.slice(lastIndex, match.index));\n    regex += \"(\\\\d{2})\";\n    lastIndex = TIME_TOKEN_REGEXP.lastIndex;\n  }\n\n  regex += escapeRegExp(pattern.slice(lastIndex));\n  regex += \"$\";\n\n  return new RegExp(regex);\n}\n\nfunction isValidTime(hours: number, minutes: number, seconds: number): boolean {\n  return hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59 && seconds >= 0 && seconds <= 59;\n}\n\nexport function patternHasSeconds(pattern: string): boolean {\n  return extractTokens(pattern).includes(\"ss\");\n}\n\nexport function formatTimeByPattern(date: Date, pattern: string): string {\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n  const seconds = date.getSeconds();\n\n  return pattern.replace(TIME_TOKEN_REGEXP, (token) => {\n    if (token === \"HH\") {\n      return String(hours).padStart(2, \"0\");\n    }\n\n    if (token === \"mm\") {\n      return String(minutes).padStart(2, \"0\");\n    }\n\n    return String(seconds).padStart(2, \"0\");\n  });\n}\n\nexport function parseTimeByPattern(value: string, pattern: string): Date | undefined {\n  const tokens = extractTokens(pattern);\n\n  if (!tokens.includes(\"HH\") || !tokens.includes(\"mm\")) {\n    return undefined;\n  }\n\n  const match = patternToRegExp(pattern).exec(value);\n\n  if (!match) {\n    return undefined;\n  }\n\n  let hours: number | undefined;\n  let minutes: number | undefined;\n  let seconds = 0;\n\n  tokens.forEach((token, index) => {\n    const part = Number(match[index + 1]);\n\n    if (token === \"HH\") {\n      hours = part;\n      return;\n    }\n\n    if (token === \"mm\") {\n      minutes = part;\n      return;\n    }\n\n    seconds = part;\n  });\n\n  if (hours === undefined || minutes === undefined) {\n    return undefined;\n  }\n\n  if (!isValidTime(hours, minutes, seconds)) {\n    return undefined;\n  }\n\n  const now = new Date();\n\n  return new Date(now.getFullYear(), now.getMonth(), now.getDate(), hours, minutes, seconds);\n}\n\nexport function isTimePatternMatch(value: string, pattern: string): boolean {\n  return parseTimeByPattern(value, pattern) !== undefined;\n}\n"],"names":["TIME_TOKEN_REGEXP","extractTokens","pattern","tokens","match","escapeRegExp","value","patternToRegExp","regex","lastIndex","isValidTime","hours","minutes","seconds","patternHasSeconds","formatTimeByPattern","date","token","parseTimeByPattern","index","part","now","isTimePatternMatch"],"mappings":"AAAA,MAAMA,IAAoB;AAI1B,SAASC,EAAcC,GAA8B;AACnD,QAAMC,IAAsB,CAAA;AAC5B,MAAIC;AAGJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAC,EAAO,KAAKC,EAAM,CAAC,CAAc;AAGnC,SAAOD;AACT;AAEA,SAASE,EAAaC,GAAuB;AAC3C,SAAOA,EAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAASC,EAAgBL,GAAyB;AAChD,MAAIM,IAAQ,KACRC,IAAY,GACZL;AAGJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAM,KAASH,EAAaH,EAAQ,MAAMO,GAAWL,EAAM,KAAK,CAAC,GAC3DI,KAAS,YACTC,IAAYT,EAAkB;AAGhC,SAAAQ,KAASH,EAAaH,EAAQ,MAAMO,CAAS,CAAC,GAC9CD,KAAS,KAEF,IAAI,OAAOA,CAAK;AACzB;AAEA,SAASE,EAAYC,GAAeC,GAAiBC,GAA0B;AAC7E,SAAOF,KAAS,KAAKA,KAAS,MAAMC,KAAW,KAAKA,KAAW,MAAMC,KAAW,KAAKA,KAAW;AAClG;AAEO,SAASC,EAAkBZ,GAA0B;AAC1D,SAAOD,EAAcC,CAAO,EAAE,SAAS,IAAI;AAC7C;AAEO,SAASa,EAAoBC,GAAYd,GAAyB;AACvE,QAAMS,IAAQK,EAAK,SAAA,GACbJ,IAAUI,EAAK,WAAA,GACfH,IAAUG,EAAK,WAAA;AAErB,SAAOd,EAAQ,QAAQF,GAAmB,CAACiB,MACrCA,MAAU,OACL,OAAON,CAAK,EAAE,SAAS,GAAG,GAAG,IAGlCM,MAAU,OACL,OAAOL,CAAO,EAAE,SAAS,GAAG,GAAG,IAGjC,OAAOC,CAAO,EAAE,SAAS,GAAG,GAAG,CACvC;AACH;AAEO,SAASK,EAAmBZ,GAAeJ,GAAmC;AACnF,QAAMC,IAASF,EAAcC,CAAO;AAEpC,MAAI,CAACC,EAAO,SAAS,IAAI,KAAK,CAACA,EAAO,SAAS,IAAI;AACjD;AAGF,QAAMC,IAAQG,EAAgBL,CAAO,EAAE,KAAKI,CAAK;AAEjD,MAAI,CAACF;AACH;AAGF,MAAIO,GACAC,GACAC,IAAU;AAsBd,MApBAV,EAAO,QAAQ,CAACc,GAAOE,MAAU;AAC/B,UAAMC,IAAO,OAAOhB,EAAMe,IAAQ,CAAC,CAAC;AAEpC,QAAIF,MAAU,MAAM;AAClB,MAAAN,IAAQS;AACR;AAAA,IACF;AAEA,QAAIH,MAAU,MAAM;AAClB,MAAAL,IAAUQ;AACV;AAAA,IACF;AAEA,IAAAP,IAAUO;AAAA,EACZ,CAAC,GAEGT,MAAU,UAAaC,MAAY,UAInC,CAACF,EAAYC,GAAOC,GAASC,CAAO;AACtC;AAGF,QAAMQ,wBAAU,KAAA;AAEhB,SAAO,IAAI,KAAKA,EAAI,YAAA,GAAeA,EAAI,YAAYA,EAAI,QAAA,GAAWV,GAAOC,GAASC,CAAO;AAC3F;AAEO,SAASS,EAAmBhB,GAAeJ,GAA0B;AAC1E,SAAOgB,EAAmBZ,GAAOJ,CAAO,MAAM;AAChD;"}

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

@@ -0,0 +1,113 @@
+import { jsxs as I, Fragment as N, jsx as n } from "react/jsx-runtime";
+import _, { useMemo as U, useState as b, useRef as C, useCallback as r } from "react";
+import { useFloating as $, autoUpdate as q } from "@floating-ui/react";
+import z from "react-transition-group/Transition";
+import { resolvePlacement as G, buildFloatingMiddleware as H } from "../../../utils/floating.js";
+import { useSafeLayoutEffect as J } from "../../../hooks/useSafeLayoutEffect.js";
+import { useForkRef as R } from "../../../hooks/useForkRef.js";
+import { TimePickerInput as K } from "./timePickerInput.js";
+import { TimePickerColumns as Q } from "./timePickerColumns.js";
+import { isValidTimeDate as T } from "./timeUtils.js";
+import { createPortal as W } from "react-dom";
+import { ClickAwayListener as X } from "../../clickAwayListener/clickAwayListener.js";
+const Y = (m) => ({
+  transition: `opacity ${m}ms ease-in-out`,
+  opacity: 0
+}), Z = {
+  entering: { opacity: 1 },
+  entered: { opacity: 1 },
+  exiting: { opacity: 0 }
+}, ue = _.forwardRef(function(a, F) {
+  const {
+    value: s,
+    onChange: i,
+    placement: P = "bottom-start",
+    disabled: t,
+    disableClock: f,
+    clockAriaLabel: S = "Choose time",
+    format: u,
+    onBlur: x,
+    ...D
+  } = a, o = U(() => s === void 0 ? void 0 : new Date(s), [s]), [E, d] = b(() => T(o) ? o : /* @__PURE__ */ new Date()), [p, l] = b(!1), k = C(null), c = C(null), g = G(P), { refs: w, floatingStyles: O } = $({
+    open: p,
+    placement: g.placement,
+    whileElementsMounted: q,
+    middleware: H(g)
+  }), V = R(k, w.setReference, F), A = R(c, w.setFloating);
+  J(() => {
+    t || d(T(o) ? o : /* @__PURE__ */ new Date());
+  }, [o, t]);
+  const B = r(() => {
+    t || l((e) => !e);
+  }, [t]), L = r((e) => {
+    var h, v;
+    const y = e.target;
+    (h = c.current) != null && h.contains(y) || (v = k.current) != null && v.contains(y) || l(!1);
+  }, []), M = r(
+    (e) => {
+      d(e), i == null || i(void 0, e, a);
+    },
+    [i, a]
+  ), j = r(() => {
+    l(!1);
+  }, []);
+  return /* @__PURE__ */ I(N, { children: [
+    /* @__PURE__ */ n(
+      K,
+      {
+        ref: V,
+        value: o,
+        onChange: i,
+        onBlur: x,
+        onToggle: B,
+        disabled: t,
+        disableClock: f,
+        format: u,
+        ...D
+      }
+    ),
+    W(
+      /* @__PURE__ */ n(
+        z,
+        {
+          nodeRef: c,
+          in: p && !t && !f,
+          timeout: 150,
+          mountOnEnter: !0,
+          unmountOnExit: !0,
+          children: (e) => /* @__PURE__ */ n(X, { onClickAway: L, children: /* @__PURE__ */ n(
+            "div",
+            {
+              ref: A,
+              className: "smwb-date-picker smwb-time-picker",
+              style: {
+                ...O,
+                ...Y(150),
+                ...Z[e]
+              },
+              "data-testid": "time-picker",
+              role: "dialog",
+              "aria-modal": "false",
+              "aria-label": S,
+              children: /* @__PURE__ */ n("div", { className: "smwb-date-picker__inner", children: /* @__PURE__ */ n(
+                Q,
+                {
+                  value: E,
+                  format: u,
+                  onChange: M,
+                  onComplete: j
+                }
+              ) })
+            }
+          ) })
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+export {
+  ue as TimePicker,
+  ue as default
+};
+//# sourceMappingURL=timePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker.js","sources":["../../../../../src/components/inputs/timePicker/timePicker.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 { TimePickerInput } from \"./timePickerInput\";\nimport { TimePickerColumns } from \"./timePickerColumns\";\nimport { isValidTimeDate } from \"./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 TimePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  /** Time format pattern with tokens HH, mm, ss, e.g. \"HH:mm\" or \"HH:mm:ss\". */\n  format?: string;\n  placement?: Placement;\n  disableClock?: boolean;\n  label?: string;\n  clockAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  clockIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void;\n}\n\nexport const TimePicker = React.forwardRef(function TimePicker(props: TimePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    placement = \"bottom-start\",\n    disabled,\n    disableClock,\n    clockAriaLabel = \"Choose time\",\n    format,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidTimeDate(value) ? value : new Date()));\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const clockRef = 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 clockForkRef = useForkRef(clockRef, refs.setFloating);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidTimeDate(value) ? value : new Date());\n  }, [value, disabled]);\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 (clockRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const onTimeChange = useCallback(\n    (next: Date) => {\n      setViewValue(next);\n      onChangeProp?.(undefined, next, props);\n    },\n    [onChangeProp, props]\n  );\n\n  const onComplete = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  return (\n    <>\n      <TimePickerInput\n        ref={anchorForkRef}\n        value={value}\n        onChange={onChangeProp}\n        onBlur={onBlurProp}\n        onToggle={onToggle}\n        disabled={disabled}\n        disableClock={disableClock}\n        format={format}\n        {...rest}\n      />\n      {createPortal(\n        <Transition\n          nodeRef={clockRef}\n          in={isOpen && !disabled && !disableClock}\n          timeout={150}\n          mountOnEnter\n          unmountOnExit\n        >\n          {(state) => (\n            <ClickAwayListener onClickAway={onClickAway}>\n              <div\n                ref={clockForkRef}\n                className=\"smwb-date-picker smwb-time-picker\"\n                style={{\n                  ...floatingStyles,\n                  ...defaultStyle(150),\n                  ...transitionStyles[state],\n                }}\n                data-testid=\"time-picker\"\n                role=\"dialog\"\n                aria-modal=\"false\"\n                aria-label={clockAriaLabel}\n              >\n                <div className=\"smwb-date-picker__inner\">\n                  <TimePickerColumns\n                    value={viewValue}\n                    format={format}\n                    onChange={onTimeChange}\n                    onComplete={onComplete}\n                  />\n                </div>\n              </div>\n            </ClickAwayListener>\n          )}\n        </Transition>,\n        document.body\n      )}\n    </>\n  );\n});\n\nexport default TimePicker;\n"],"names":["defaultStyle","duration","transitionStyles","TimePicker","React","props","ref","valueProp","onChangeProp","placement","disabled","disableClock","clockAriaLabel","format","onBlurProp","rest","value","useMemo","viewValue","setViewValue","useState","isValidTimeDate","isOpen","setIsOpen","anchorRef","useRef","clockRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","clockForkRef","useSafeLayoutEffect","onToggle","useCallback","prevState","onClickAway","event","target","_a","_b","onTimeChange","next","onComplete","jsxs","Fragment","jsx","TimePickerInput","createPortal","Transition","state","ClickAwayListener","TimePickerColumns"],"mappings":"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"}

package/dist/headless/components/inputs/timePicker/timePickerColumns.js

@@ -0,0 +1,32 @@
+import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import i from "react";
+import { TimePickerList as o } from "./timePickerList.js";
+import { patternHasSeconds as S } from "./timeFormat.js";
+import { isValidTimeDate as T, getHoursList as w, getMinutesList as H, getSecondsList as v, setTime as a, DEFAULT_TIME_FORMAT as L } from "./timeUtils.js";
+function j({ value: r, format: u, onChange: t, onComplete: e }) {
+  const s = i.useMemo(() => T(r) ? r : /* @__PURE__ */ new Date(), [r]), d = u != null ? u : L, m = S(d), g = i.useMemo(() => w(), []), l = i.useMemo(() => H(), []), M = i.useMemo(() => v(), []), k = i.useCallback(
+    (n) => {
+      t(a(s, n, s.getMinutes(), s.getSeconds()));
+    },
+    [s, t]
+  ), _ = i.useCallback(
+    (n) => {
+      t(a(s, s.getHours(), n, s.getSeconds())), m || e == null || e();
+    },
+    [s, t, e, m]
+  ), b = i.useCallback(
+    (n) => {
+      t(a(s, s.getHours(), s.getMinutes(), n)), e == null || e();
+    },
+    [s, t, e]
+  );
+  return /* @__PURE__ */ h("div", { className: "smwb-time-picker__columns", "data-testid": "time-picker-columns", children: [
+    /* @__PURE__ */ c("div", { className: "smwb-time-picker__column", children: /* @__PURE__ */ c(o, { value: s.getHours(), items: g, onChange: k }) }),
+    /* @__PURE__ */ c("div", { className: "smwb-time-picker__column", children: /* @__PURE__ */ c(o, { value: s.getMinutes(), items: l, onChange: _ }) }),
+    m && /* @__PURE__ */ c("div", { className: "smwb-time-picker__column", children: /* @__PURE__ */ c(o, { value: s.getSeconds(), items: M, onChange: b }) })
+  ] });
+}
+export {
+  j as TimePickerColumns
+};
+//# sourceMappingURL=timePickerColumns.js.map

package/dist/headless/components/inputs/timePicker/timePickerColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePickerColumns.js","sources":["../../../../../src/components/inputs/timePicker/timePickerColumns.tsx"],"sourcesContent":["import React from \"react\";\nimport { TimePickerList } from \"./timePickerList\";\nimport { patternHasSeconds } from \"./timeFormat\";\nimport {\n  DEFAULT_TIME_FORMAT,\n  getHoursList,\n  getMinutesList,\n  getSecondsList,\n  isValidTimeDate,\n  setTime,\n} from \"./timeUtils\";\n\nexport interface TimePickerColumnsProps {\n  value?: Date;\n  format?: string;\n  onChange: (value: Date) => void;\n  onComplete?: () => void;\n}\n\nexport function TimePickerColumns({ value, format, onChange, onComplete }: TimePickerColumnsProps) {\n  const current = React.useMemo(() => (isValidTimeDate(value) ? value : new Date()), [value]);\n  const timeFormat = format ?? DEFAULT_TIME_FORMAT;\n  const showSeconds = patternHasSeconds(timeFormat);\n  const hours = React.useMemo(() => getHoursList(), []);\n  const minutes = React.useMemo(() => getMinutesList(), []);\n  const seconds = React.useMemo(() => getSecondsList(), []);\n\n  const onHourChange = React.useCallback(\n    (hour: number) => {\n      onChange(setTime(current, hour, current.getMinutes(), current.getSeconds()));\n    },\n    [current, onChange]\n  );\n\n  const onMinuteChange = React.useCallback(\n    (minute: number) => {\n      onChange(setTime(current, current.getHours(), minute, current.getSeconds()));\n\n      if (!showSeconds) {\n        onComplete?.();\n      }\n    },\n    [current, onChange, onComplete, showSeconds]\n  );\n\n  const onSecondChange = React.useCallback(\n    (second: number) => {\n      onChange(setTime(current, current.getHours(), current.getMinutes(), second));\n      onComplete?.();\n    },\n    [current, onChange, onComplete]\n  );\n\n  return (\n    <div className=\"smwb-time-picker__columns\" data-testid=\"time-picker-columns\">\n      <div className=\"smwb-time-picker__column\">\n        <TimePickerList value={current.getHours()} items={hours} onChange={onHourChange} />\n      </div>\n      <div className=\"smwb-time-picker__column\">\n        <TimePickerList value={current.getMinutes()} items={minutes} onChange={onMinuteChange} />\n      </div>\n      {showSeconds && (\n        <div className=\"smwb-time-picker__column\">\n          <TimePickerList value={current.getSeconds()} items={seconds} onChange={onSecondChange} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["TimePickerColumns","value","format","onChange","onComplete","current","React","isValidTimeDate","timeFormat","DEFAULT_TIME_FORMAT","showSeconds","patternHasSeconds","hours","getHoursList","minutes","getMinutesList","seconds","getSecondsList","onHourChange","hour","setTime","onMinuteChange","minute","onSecondChange","second","jsxs","jsx","TimePickerList"],"mappings":";;;;;AAmBO,SAASA,EAAkB,EAAE,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,YAAAC,KAAsC;AACjG,QAAMC,IAAUC,EAAM,QAAQ,MAAOC,EAAgBN,CAAK,IAAIA,IAAQ,oBAAI,QAAS,CAACA,CAAK,CAAC,GACpFO,IAAaN,KAAA,OAAAA,IAAUO,GACvBC,IAAcC,EAAkBH,CAAU,GAC1CI,IAAQN,EAAM,QAAQ,MAAMO,EAAA,GAAgB,CAAA,CAAE,GAC9CC,IAAUR,EAAM,QAAQ,MAAMS,EAAA,GAAkB,CAAA,CAAE,GAClDC,IAAUV,EAAM,QAAQ,MAAMW,EAAA,GAAkB,CAAA,CAAE,GAElDC,IAAeZ,EAAM;AAAA,IACzB,CAACa,MAAiB;AAChB,MAAAhB,EAASiB,EAAQf,GAASc,GAAMd,EAAQ,cAAcA,EAAQ,WAAA,CAAY,CAAC;AAAA,IAC7E;AAAA,IACA,CAACA,GAASF,CAAQ;AAAA,EAAA,GAGdkB,IAAiBf,EAAM;AAAA,IAC3B,CAACgB,MAAmB;AAClB,MAAAnB,EAASiB,EAAQf,GAASA,EAAQ,SAAA,GAAYiB,GAAQjB,EAAQ,WAAA,CAAY,CAAC,GAEtEK,KACHN,KAAA,QAAAA;AAAA,IAEJ;AAAA,IACA,CAACC,GAASF,GAAUC,GAAYM,CAAW;AAAA,EAAA,GAGvCa,IAAiBjB,EAAM;AAAA,IAC3B,CAACkB,MAAmB;AAClB,MAAArB,EAASiB,EAAQf,GAASA,EAAQ,SAAA,GAAYA,EAAQ,cAAcmB,CAAM,CAAC,GAC3EpB,KAAA,QAAAA;AAAA,IACF;AAAA,IACA,CAACC,GAASF,GAAUC,CAAU;AAAA,EAAA;AAGhC,SACE,gBAAAqB,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,uBACrD,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA,EAACC,GAAA,EAAe,OAAOtB,EAAQ,SAAA,GAAY,OAAOO,GAAO,UAAUM,GAAc,GACnF;AAAA,IACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,4BACb,4BAACC,GAAA,EAAe,OAAOtB,EAAQ,WAAA,GAAc,OAAOS,GAAS,UAAUO,GAAgB,GACzF;AAAA,IACCX,KACC,gBAAAgB,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA,EAACC,GAAA,EAAe,OAAOtB,EAAQ,cAAc,OAAOW,GAAS,UAAUO,GAAgB,EAAA,CACzF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/headless/components/inputs/timePicker/timePickerInput.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import f from "react";
+import { DatePickerIconButton as k } from "../datePicker/datePickerIconButton.js";
+import { useTimeInput as g } from "./useTimeInput.js";
+import { Icon as I } from "../../base/icon/icon.js";
+import { TextField as P } from "../textField/textField.js";
+function b(e) {
+  e.stopPropagation();
+}
+const D = f.forwardRef(function(n, i) {
+  const { value: r, onChange: a, onBlur: c, onToggle: m, disabled: t, disableClock: d, clockIcon: l, format: s, ...p } = n, u = g({ value: r, onChange: a, onBlur: c, format: s });
+  return /* @__PURE__ */ o(
+    P,
+    {
+      ref: i,
+      ...u,
+      type: "tel",
+      endAdornment: !d && /* @__PURE__ */ o(
+        k,
+        {
+          edge: "end",
+          onClick: m,
+          onMouseDown: b,
+          disabled: !!t,
+          "data-testid": "time-picker-icon-button",
+          children: l || /* @__PURE__ */ o(I, { name: "schedule", fill: 1, weight: 500, size: 24 })
+        }
+      ),
+      disabled: !!t,
+      ...p
+    }
+  );
+});
+export {
+  D as TimePickerInput
+};
+//# sourceMappingURL=timePickerInput.js.map

package/dist/headless/components/inputs/timePicker/timePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePickerInput.js","sources":["../../../../../src/components/inputs/timePicker/timePickerInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { TextField } from \"../textField\";\nimport { DatePickerIconButton } from \"../datePicker/datePickerIconButton\";\nimport { useTimeInput } from \"./useTimeInput\";\nimport { TimePickerProps } from \"./timePicker\";\nimport Icon from \"../../base/icon/icon\";\n\nexport interface TimePickerInputProps extends Omit<\n  TimePickerProps,\n  \"placement\" | \"disablePast\" | \"disableFuture\" | \"weekStartsOn\" | \"locale\" | \"showDaysOutsideMonth\"\n> {\n  onToggle: () => void;\n}\n\nfunction stopPropagation(event: React.SyntheticEvent) {\n  event.stopPropagation();\n}\n\nexport const TimePickerInput = React.forwardRef(function TimePickerInput(\n  props: TimePickerInputProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const { value, onChange, onBlur, onToggle, disabled, disableClock, clockIcon, format, ...rest } = props;\n  const maskedProps = useTimeInput({ value, onChange, onBlur, format });\n\n  return (\n    <TextField\n      ref={ref}\n      {...maskedProps}\n      type=\"tel\"\n      endAdornment={\n        !disableClock && (\n          <DatePickerIconButton\n            edge=\"end\"\n            onClick={onToggle}\n            onMouseDown={stopPropagation}\n            disabled={Boolean(disabled)}\n            data-testid=\"time-picker-icon-button\"\n          >\n            {clockIcon || <Icon name=\"schedule\" fill={1} weight={500} size={24} />}\n          </DatePickerIconButton>\n        )\n      }\n      disabled={Boolean(disabled)}\n      {...rest}\n    />\n  );\n});\n"],"names":["stopPropagation","event","TimePickerInput","React","props","ref","value","onChange","onBlur","onToggle","disabled","disableClock","clockIcon","format","rest","maskedProps","useTimeInput","jsx","TextField","DatePickerIconButton","Icon"],"mappings":";;;;;;AAcA,SAASA,EAAgBC,GAA6B;AACpD,EAAAA,EAAM,gBAAA;AACR;AAEO,MAAMC,IAAkBC,EAAM,WAAW,SAC9CC,GACAC,GACA;AACA,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,cAAAC,GAAc,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,EAAA,IAASV,GAC5FW,IAAcC,EAAa,EAAE,OAAAV,GAAO,UAAAC,GAAU,QAAAC,GAAQ,QAAAK,GAAQ;AAEpE,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACC,GAAGU;AAAA,MACJ,MAAK;AAAA,MACL,cACE,CAACJ,KACC,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASV;AAAA,UACT,aAAaT;AAAA,UACb,UAAU,EAAQU;AAAA,UAClB,eAAY;AAAA,UAEX,UAAAE,KAAa,gBAAAK,EAACG,GAAA,EAAK,MAAK,YAAW,MAAM,GAAG,QAAQ,KAAK,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAI1E,UAAU,EAAQV;AAAA,MACjB,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/headless/components/inputs/timePicker/timePickerList.js

@@ -0,0 +1,43 @@
+import { jsx as f } from "react/jsx-runtime";
+import s from "react";
+import d from "clsx";
+import { useSafeLayoutEffect as p } from "../../../hooks/useSafeLayoutEffect.js";
+function w({ value: m, items: l, onChange: r }) {
+  const c = s.useRef(null), i = s.useRef(null);
+  p(() => {
+    if (c.current && i.current) {
+      const e = (c.current.offsetHeight - i.current.offsetHeight) / 2;
+      c.current.scrollTop = i.current.offsetTop - e;
+    }
+  });
+  const o = s.useCallback(
+    (e) => () => {
+      r == null || r(e);
+    },
+    [r]
+  ), n = s.useCallback(
+    (e) => (t) => {
+      m === e && (i.current = t);
+    },
+    [m]
+  );
+  return /* @__PURE__ */ f("div", { className: "smwb-time-picker__overflow", ref: c, "data-testid": "time-picker-list", children: /* @__PURE__ */ f("ul", { className: "smwb-time-picker__list", children: l.map(({ label: e, value: t }) => {
+    const u = m === t;
+    return /* @__PURE__ */ f(
+      "li",
+      {
+        ref: n(t),
+        className: d("smwb-time-picker__item", {
+          "smwb-time-picker__item--selected": u
+        }),
+        onClick: o(t),
+        children: e
+      },
+      t
+    );
+  }) }) });
+}
+export {
+  w as TimePickerList
+};
+//# sourceMappingURL=timePickerList.js.map

package/dist/headless/components/inputs/timePicker/timePickerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePickerList.js","sources":["../../../../../src/components/inputs/timePicker/timePickerList.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\n\ninterface Item {\n  label: string;\n  value: number;\n}\n\nexport interface TimePickerListProps {\n  value: number;\n  items: Item[];\n  onChange: (value: number) => void;\n}\n\nexport function TimePickerList({ value: valueProp, items, onChange }: TimePickerListProps) {\n  const overflowRef = React.useRef<HTMLDivElement>(null);\n  const selectedItemRef = React.useRef<HTMLLIElement>(null);\n\n  useSafeLayoutEffect(() => {\n    if (overflowRef.current && selectedItemRef.current) {\n      const middle = (overflowRef.current.offsetHeight - selectedItemRef.current.offsetHeight) / 2;\n\n      overflowRef.current.scrollTop = selectedItemRef.current.offsetTop - middle;\n    }\n  });\n\n  const onItemClick = React.useCallback(\n    (value: number) => () => {\n      onChange?.(value);\n    },\n    [onChange]\n  );\n\n  const setRef = React.useCallback(\n    (value: number) => (element: HTMLLIElement) => {\n      if (valueProp === value) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore Мутабельный объект\n        selectedItemRef.current = element;\n      }\n    },\n    [valueProp]\n  );\n\n  return (\n    <div className=\"smwb-time-picker__overflow\" ref={overflowRef} data-testid=\"time-picker-list\">\n      <ul className=\"smwb-time-picker__list\">\n        {items.map(({ label, value }) => {\n          const isSelected = valueProp === value;\n\n          return (\n            <li\n              key={value}\n              ref={setRef(value)}\n              className={cn(\"smwb-time-picker__item\", {\n                \"smwb-time-picker__item--selected\": isSelected,\n              })}\n              onClick={onItemClick(value)}\n            >\n              {label}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n"],"names":["TimePickerList","valueProp","items","onChange","overflowRef","React","selectedItemRef","useSafeLayoutEffect","middle","onItemClick","value","setRef","element","jsx","label","isSelected","cn"],"mappings":";;;;AAeO,SAASA,EAAe,EAAE,OAAOC,GAAW,OAAAC,GAAO,UAAAC,KAAiC;AACzF,QAAMC,IAAcC,EAAM,OAAuB,IAAI,GAC/CC,IAAkBD,EAAM,OAAsB,IAAI;AAExD,EAAAE,EAAoB,MAAM;AACxB,QAAIH,EAAY,WAAWE,EAAgB,SAAS;AAClD,YAAME,KAAUJ,EAAY,QAAQ,eAAeE,EAAgB,QAAQ,gBAAgB;AAE3F,MAAAF,EAAY,QAAQ,YAAYE,EAAgB,QAAQ,YAAYE;AAAA,IACtE;AAAA,EACF,CAAC;AAED,QAAMC,IAAcJ,EAAM;AAAA,IACxB,CAACK,MAAkB,MAAM;AACvB,MAAAP,KAAA,QAAAA,EAAWO;AAAA,IACb;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA,GAGLQ,IAASN,EAAM;AAAA,IACnB,CAACK,MAAkB,CAACE,MAA2B;AAC7C,MAAIX,MAAcS,MAGhBJ,EAAgB,UAAUM;AAAA,IAE9B;AAAA,IACA,CAACX,CAAS;AAAA,EAAA;AAGZ,2BACG,OAAA,EAAI,WAAU,8BAA6B,KAAKG,GAAa,eAAY,oBACxE,UAAA,gBAAAS,EAAC,MAAA,EAAG,WAAU,0BACX,UAAAX,EAAM,IAAI,CAAC,EAAE,OAAAY,GAAO,OAAAJ,QAAY;AAC/B,UAAMK,IAAad,MAAcS;AAEjC,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,KAAKF,EAAOD,CAAK;AAAA,QACjB,WAAWM,EAAG,0BAA0B;AAAA,UACtC,oCAAoCD;AAAA,QAAA,CACrC;AAAA,QACD,SAASN,EAAYC,CAAK;AAAA,QAEzB,UAAAI;AAAA,MAAA;AAAA,MAPIJ;AAAA,IAAA;AAAA,EAUX,CAAC,GACH,GACF;AAEJ;"}

package/dist/headless/components/inputs/timePicker/timeUtils.js

@@ -0,0 +1,93 @@
+import { formatTimeByPattern as l, isTimePatternMatch as m, parseTimeByPattern as T } from "./timeFormat.js";
+const c = /\d/gi, h = /[a-zA-Z]/g, g = "HH:mm";
+function d() {
+  return Array.from({ length: 24 }, (t, e) => ({
+    value: e,
+    label: String(e).padStart(2, "0")
+  }));
+}
+function S() {
+  return Array.from({ length: 60 }, (t, e) => ({
+    value: e,
+    label: String(e).padStart(2, "0")
+  }));
+}
+function y() {
+  return Array.from({ length: 60 }, (t, e) => ({
+    value: e,
+    label: String(e).padStart(2, "0")
+  }));
+}
+function A(t, e, n, r) {
+  const i = new Date(t);
+  return i.setHours(e, n, r, 0), i;
+}
+function C(t, e) {
+  return p(t) ? l(t, e != null ? e : g) : "";
+}
+function f(t) {
+  return t != null ? t : g;
+}
+function D(t) {
+  return f(t).replace(h, "_");
+}
+function F(t) {
+  return (e) => {
+    let n = 0;
+    return e.split("").map((r, i) => {
+      if (c.lastIndex = 0, n > t.length - 1)
+        return "";
+      const u = t[n], s = t[n + 1], a = c.test(r) ? r : "", o = u === "_" ? a : u + a;
+      return n += o.length, i === e.length - 1 && s && s !== "_" ? o ? o + s : "" : o;
+    }).join("");
+  };
+}
+function E(t, e) {
+  return m(t, e);
+}
+function H(t, e) {
+  const n = T(t, e);
+  return n || new Date(Number.NaN);
+}
+function p(t) {
+  return Object.prototype.toString.call(t) === "[object Date]" && !isNaN(t);
+}
+function L(t, e) {
+  return new Date(
+    t.getFullYear(),
+    t.getMonth(),
+    t.getDate(),
+    e.getHours(),
+    e.getMinutes(),
+    e.getSeconds(),
+    0
+  );
+}
+function N(t, e) {
+  return new Date(
+    t.getFullYear(),
+    t.getMonth(),
+    t.getDate(),
+    e.getHours(),
+    e.getMinutes(),
+    e.getSeconds(),
+    0
+  );
+}
+export {
+  g as DEFAULT_TIME_FORMAT,
+  f as getCurrentTimeFormat,
+  C as getDisplayTime,
+  d as getHoursList,
+  S as getMinutesList,
+  y as getSecondsList,
+  H as getTimeByFormat,
+  D as getTimeMaskFormat,
+  E as isTimeMatch,
+  p as isValidTimeDate,
+  F as maskedTimeFormatter,
+  N as mergeDate,
+  L as mergeTime,
+  A as setTime
+};
+//# sourceMappingURL=timeUtils.js.map

package/dist/headless/components/inputs/timePicker/timeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeUtils.js","sources":["../../../../../src/components/inputs/timePicker/timeUtils.ts"],"sourcesContent":["import { formatTimeByPattern, isTimePatternMatch, parseTimeByPattern } from \"./timeFormat\";\n\nconst MASK_DIGIT_REGEXP = /\\d/gi;\nconst MASK_TOKEN_REGEXP = /[a-zA-Z]/g;\n\nexport const DEFAULT_TIME_FORMAT = \"HH:mm\";\n\nexport function getHoursList() {\n  return Array.from({ length: 24 }, (_, value) => ({\n    value,\n    label: String(value).padStart(2, \"0\"),\n  }));\n}\n\nexport function getMinutesList() {\n  return Array.from({ length: 60 }, (_, value) => ({\n    value,\n    label: String(value).padStart(2, \"0\"),\n  }));\n}\n\nexport function getSecondsList() {\n  return Array.from({ length: 60 }, (_, value) => ({\n    value,\n    label: String(value).padStart(2, \"0\"),\n  }));\n}\n\nexport function setTime(date: Date, hours: number, minutes: number, seconds: number) {\n  const next = new Date(date);\n\n  next.setHours(hours, minutes, seconds, 0);\n\n  return next;\n}\n\nexport function getDisplayTime(date: unknown, format?: string) {\n  if (!isValidTimeDate(date)) {\n    return \"\";\n  }\n\n  return formatTimeByPattern(date, format ?? DEFAULT_TIME_FORMAT);\n}\n\nexport function getCurrentTimeFormat(format?: string): string {\n  return format ?? DEFAULT_TIME_FORMAT;\n}\n\nexport function getTimeMaskFormat(format?: string) {\n  return getCurrentTimeFormat(format).replace(MASK_TOKEN_REGEXP, \"_\");\n}\n\nexport function maskedTimeFormatter(mask: string) {\n  return (value: string) => {\n    let outputCharIndex = 0;\n\n    return value\n      .split(\"\")\n      .map((char, inputCharIndex) => {\n        MASK_DIGIT_REGEXP.lastIndex = 0;\n\n        if (outputCharIndex > mask.length - 1) {\n          return \"\";\n        }\n\n        const maskChar = mask[outputCharIndex];\n        const nextMaskChar = mask[outputCharIndex + 1];\n\n        const acceptedChar = MASK_DIGIT_REGEXP.test(char) ? char : \"\";\n        const formattedChar = maskChar === \"_\" ? acceptedChar : maskChar + acceptedChar;\n\n        outputCharIndex += formattedChar.length;\n\n        const isLastCharacter = inputCharIndex === value.length - 1;\n\n        if (isLastCharacter && nextMaskChar && nextMaskChar !== \"_\") {\n          return formattedChar ? formattedChar + nextMaskChar : \"\";\n        }\n\n        return formattedChar;\n      })\n      .join(\"\");\n  };\n}\n\nexport function isTimeMatch(value: string, format: string) {\n  return isTimePatternMatch(value, format);\n}\n\nexport function getTimeByFormat(value: string, format: string) {\n  const parsed = parseTimeByPattern(value, format);\n\n  if (!parsed) {\n    return new Date(Number.NaN);\n  }\n\n  return parsed;\n}\n\nexport function isValidTimeDate(value: unknown): value is Date {\n  return Object.prototype.toString.call(value) === \"[object Date]\" && !isNaN(value as number);\n}\n\nexport function mergeTime(baseDate: Date, timeDate: Date) {\n  return new Date(\n    baseDate.getFullYear(),\n    baseDate.getMonth(),\n    baseDate.getDate(),\n    timeDate.getHours(),\n    timeDate.getMinutes(),\n    timeDate.getSeconds(),\n    0\n  );\n}\n\nexport function mergeDate(date: Date, timeSource: Date) {\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    timeSource.getHours(),\n    timeSource.getMinutes(),\n    timeSource.getSeconds(),\n    0\n  );\n}\n"],"names":["MASK_DIGIT_REGEXP","MASK_TOKEN_REGEXP","DEFAULT_TIME_FORMAT","getHoursList","_","value","getMinutesList","getSecondsList","setTime","date","hours","minutes","seconds","next","getDisplayTime","format","isValidTimeDate","formatTimeByPattern","getCurrentTimeFormat","getTimeMaskFormat","maskedTimeFormatter","mask","outputCharIndex","char","inputCharIndex","maskChar","nextMaskChar","acceptedChar","formattedChar","isTimeMatch","isTimePatternMatch","getTimeByFormat","parsed","parseTimeByPattern","mergeTime","baseDate","timeDate","mergeDate","timeSource"],"mappings":"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"}

package/dist/headless/components/inputs/timePicker/useTimeInput.js

@@ -0,0 +1,37 @@
+import k, { useMemo as d, useState as C, useRef as V, useCallback as h } from "react";
+import { useRifm as D } from "rifm";
+import { getCurrentTimeFormat as T, getDisplayTime as c, getTimeMaskFormat as M, maskedTimeFormatter as R, isTimeMatch as u, getTimeByFormat as f } from "./timeUtils.js";
+const p = T();
+function E({
+  value: i,
+  onChange: r,
+  onBlur: n,
+  format: t
+}) {
+  const s = d(() => T(t), [t]), [F, m] = C(c(i, t)), a = d(() => M(t), [t]), g = d(() => R(a), [a]), o = V(void 0);
+  k.useEffect(() => {
+    const e = i !== o.current;
+    o.current = i, e && m(c(i, t));
+  }, [i, t]);
+  const l = (e) => {
+    m(e), r && (u(e, s) ? r(void 0, f(e, s)) : e === "" && r(void 0));
+  }, y = h(() => {
+    if (!n)
+      return;
+    const e = o.current;
+    e instanceof Date && u(c(e, t), s) ? n(void 0, e) : typeof e == "string" && u(e, s) ? n(void 0, f(e, s)) : (e === void 0 || e === "") && n(void 0), m(c(i, t));
+  }, [n, i, t, s]);
+  return {
+    ...D({
+      value: F,
+      onChange: l,
+      format: g
+    }),
+    onBlur: y,
+    placeholder: (t != null ? t : p).toLowerCase()
+  };
+}
+export {
+  E as useTimeInput
+};
+//# sourceMappingURL=useTimeInput.js.map

package/dist/headless/components/inputs/timePicker/useTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeInput.js","sources":["../../../../../src/components/inputs/timePicker/useTimeInput.ts"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useRifm } from \"rifm\";\nimport {\n  getTimeByFormat,\n  getDisplayTime,\n  getTimeMaskFormat,\n  getCurrentTimeFormat,\n  maskedTimeFormatter,\n  isTimeMatch,\n} from \"./timeUtils\";\nimport { TimePickerProps } from \"./timePicker\";\n\nexport type UseTimeInputProps = Pick<TimePickerProps, \"value\" | \"onChange\" | \"onBlur\"> & {\n  format?: string;\n};\n\ninterface UseTimeInputReturn {\n  value: string;\n  onChange: React.ChangeEventHandler;\n  onBlur: React.ChangeEventHandler;\n  placeholder: string;\n}\n\nconst defaultFormatTime = getCurrentTimeFormat();\n\nexport function useTimeInput({\n  value: valueProp,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  format,\n}: UseTimeInputProps): UseTimeInputReturn {\n  const currentFormatTime = useMemo(() => getCurrentTimeFormat(format), [format]);\n  const [displayedValue, setDisplayedValue] = useState(getDisplayTime(valueProp, format));\n  const maskFormat = useMemo(() => getTimeMaskFormat(format), [format]);\n  const formatter = useMemo(() => maskedTimeFormatter(maskFormat), [maskFormat]);\n  const prevValue = useRef<UseTimeInputProps[\"value\"]>(undefined);\n\n  React.useEffect(() => {\n    const isValueChanged = valueProp !== prevValue.current;\n    prevValue.current = valueProp;\n\n    if (!isValueChanged) {\n      return;\n    }\n\n    setDisplayedValue(getDisplayTime(valueProp, format));\n  }, [valueProp, format]);\n\n  const onChange = (value: string) => {\n    setDisplayedValue(value);\n\n    if (!onChangeProp) {\n      return;\n    }\n\n    if (isTimeMatch(value, currentFormatTime)) {\n      onChangeProp(undefined, getTimeByFormat(value, currentFormatTime));\n    } else if (value === \"\") {\n      onChangeProp(undefined);\n    }\n  };\n\n  const onBlur = useCallback(() => {\n    if (!onBlurProp) {\n      return;\n    }\n\n    const prev = prevValue.current;\n\n    if (prev instanceof Date && isTimeMatch(getDisplayTime(prev, format), currentFormatTime)) {\n      onBlurProp(undefined, prev);\n    } else if (typeof prev === \"string\" && isTimeMatch(prev, currentFormatTime)) {\n      onBlurProp(undefined, getTimeByFormat(prev, currentFormatTime));\n    } else if (prev === undefined || prev === \"\") {\n      onBlurProp(undefined);\n    }\n\n    setDisplayedValue(getDisplayTime(valueProp, format));\n  }, [onBlurProp, valueProp, format, currentFormatTime]);\n\n  const rifmProps = useRifm({\n    value: displayedValue,\n    onChange,\n    format: formatter,\n  });\n\n  return {\n    ...rifmProps,\n    onBlur,\n    placeholder: (format ?? defaultFormatTime).toLowerCase(),\n  };\n}\n"],"names":["defaultFormatTime","getCurrentTimeFormat","useTimeInput","valueProp","onChangeProp","onBlurProp","format","currentFormatTime","useMemo","displayedValue","setDisplayedValue","useState","getDisplayTime","maskFormat","getTimeMaskFormat","formatter","maskedTimeFormatter","prevValue","useRef","React","isValueChanged","onChange","value","isTimeMatch","getTimeByFormat","onBlur","useCallback","prev","useRifm"],"mappings":";;;AAuBA,MAAMA,IAAoBC,EAAA;AAEnB,SAASC,EAAa;AAAA,EAC3B,OAAOC;AAAA,EACP,UAAUC;AAAA,EACV,QAAQC;AAAA,EACR,QAAAC;AACF,GAA0C;AACxC,QAAMC,IAAoBC,EAAQ,MAAMP,EAAqBK,CAAM,GAAG,CAACA,CAAM,CAAC,GACxE,CAACG,GAAgBC,CAAiB,IAAIC,EAASC,EAAeT,GAAWG,CAAM,CAAC,GAChFO,IAAaL,EAAQ,MAAMM,EAAkBR,CAAM,GAAG,CAACA,CAAM,CAAC,GAC9DS,IAAYP,EAAQ,MAAMQ,EAAoBH,CAAU,GAAG,CAACA,CAAU,CAAC,GACvEI,IAAYC,EAAmC,MAAS;AAE9D,EAAAC,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAiBjB,MAAcc,EAAU;AAG/C,IAFAA,EAAU,UAAUd,GAEfiB,KAILV,EAAkBE,EAAeT,GAAWG,CAAM,CAAC;AAAA,EACrD,GAAG,CAACH,GAAWG,CAAM,CAAC;AAEtB,QAAMe,IAAW,CAACC,MAAkB;AAGlC,IAFAZ,EAAkBY,CAAK,GAElBlB,MAIDmB,EAAYD,GAAOf,CAAiB,IACtCH,EAAa,QAAWoB,EAAgBF,GAAOf,CAAiB,CAAC,IACxDe,MAAU,MACnBlB,EAAa,MAAS;AAAA,EAE1B,GAEMqB,IAASC,EAAY,MAAM;AAC/B,QAAI,CAACrB;AACH;AAGF,UAAMsB,IAAOV,EAAU;AAEvB,IAAIU,aAAgB,QAAQJ,EAAYX,EAAee,GAAMrB,CAAM,GAAGC,CAAiB,IACrFF,EAAW,QAAWsB,CAAI,IACjB,OAAOA,KAAS,YAAYJ,EAAYI,GAAMpB,CAAiB,IACxEF,EAAW,QAAWmB,EAAgBG,GAAMpB,CAAiB,CAAC,KACrDoB,MAAS,UAAaA,MAAS,OACxCtB,EAAW,MAAS,GAGtBK,EAAkBE,EAAeT,GAAWG,CAAM,CAAC;AAAA,EACrD,GAAG,CAACD,GAAYF,GAAWG,GAAQC,CAAiB,CAAC;AAQrD,SAAO;AAAA,IACL,GAPgBqB,EAAQ;AAAA,MACxB,OAAOnB;AAAA,MACP,UAAAY;AAAA,MACA,QAAQN;AAAA,IAAA,CACT;AAAA,IAIC,QAAAU;AAAA,IACA,cAAcnB,KAAA,OAAAA,IAAUN,GAAmB,YAAA;AAAA,EAAY;AAE3D;"}