@bigbinary/neeto-atoms 1.0.56 → 1.0.58

package/dist/TimePicker-DoL126Ql.js

@@ -0,0 +1,444 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useId, useRef, useCallback, useState, useMemo, useEffect } from 'react';
+import { Popover, PopoverAnchor, PopoverContent } from './primitives/Popover.js';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from './primitives/Field.js';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { u as useControlledOpen, c as coerceToTimeValue, f as formatTimeWithPattern, a as formatTimeDisplay, t as timeValueEquals, b as useOutsideClickClose, d as buildMaskTemplate, g as getDefaultTimeMaskFormat, e as useCursorRestore, S as SIZE_CONFIG, T as TimePickerPanel, h as timeValueToDayjs, i as getTimePlaceholder, j as applyMask, p as parseTimeWithPattern, k as parseTimeString } from './TimePickerPanel--KDX5QwS.js';
+import { c as createLucideIcon } from './createLucideIcon-C8ycilSN.js';
+import { X } from './x-_o2T3n6D.js';
+
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
+];
+const Clock = createLucideIcon("clock", __iconNode);
+
+const TimePicker = forwardRef(
+  ({
+    value,
+    onChange,
+    onBlur,
+    type = "time",
+    format = "24",
+    displayFormat,
+    showSeconds = false,
+    minuteStep = 1,
+    secondStep = 1,
+    disabled = false,
+    placeholder,
+    label,
+    error,
+    helpText,
+    size = "medium",
+    required = false,
+    timezone,
+    open: openProp,
+    onOpenChange,
+    needConfirm = true,
+    onOk,
+    labelProps,
+    className
+  }, ref) => {
+    const generatedId = useId();
+    const errorId = `error_${generatedId}`;
+    const helpTextId = `helpText_${generatedId}`;
+    const containerRef = useRef(null);
+    const fromInputRef = useRef(null);
+    const toInputRef = useRef(null);
+    const fromCursorRef = useRef(null);
+    const toCursorRef = useRef(null);
+    const popoverContentId = useRef(
+      `timepicker-popover-${generatedId}`
+    ).current;
+    const committedRef = useRef({ from: null, to: null });
+    const { open, setOpen } = useControlledOpen(openProp, onOpenChange);
+    const isRange = type === "range";
+    const getInitialTimes = useCallback(() => {
+      if (isRange) {
+        if (!value || !Array.isArray(value)) {
+          return { from: null, to: null };
+        }
+        return {
+          from: coerceToTimeValue(value[0]),
+          to: coerceToTimeValue(value[1])
+        };
+      }
+      return {
+        from: coerceToTimeValue(value),
+        to: null
+      };
+    }, [value, isRange]);
+    const formatOne = useCallback(
+      (time) => displayFormat ? formatTimeWithPattern(time, displayFormat) : formatTimeDisplay(time, format, showSeconds),
+      [displayFormat, format, showSeconds]
+    );
+    const [activeSide, setActiveSide] = useState("from");
+    const [fromTime, setFromTime] = useState(() => getInitialTimes().from);
+    const [toTime, setToTime] = useState(() => getInitialTimes().to);
+    const [fromText, setFromText] = useState(
+      () => formatOne(getInitialTimes().from)
+    );
+    const [toText, setToText] = useState(() => formatOne(getInitialTimes().to));
+    const parseOne = (text) => displayFormat ? parseTimeWithPattern(text, displayFormat) : parseTimeString(text, format);
+    const emitChange = (from, to) => {
+      if (isRange) {
+        if (!from || !to) {
+          onChange?.(null, ["", ""]);
+          return;
+        }
+        onChange?.(
+          [timeValueToDayjs(from), timeValueToDayjs(to)],
+          [formatOne(from), formatOne(to)]
+        );
+        return;
+      }
+      if (!from) {
+        onChange?.(null, "");
+        return;
+      }
+      onChange?.(timeValueToDayjs(from), formatOne(from));
+    };
+    const commitPendingOnClose = useCallback(() => {
+      if (!needConfirm) {
+        setFromText(formatOne(fromTime));
+        setToText(formatOne(toTime));
+        return;
+      }
+      const { from: committedFrom, to: committedTo } = committedRef.current;
+      const unchanged = timeValueEquals(fromTime, committedFrom) && timeValueEquals(toTime, committedTo);
+      if (unchanged) return;
+      emitChange(fromTime, toTime);
+      committedRef.current = { from: fromTime, to: toTime };
+    }, [needConfirm, fromTime, toTime, formatOne, isRange, onChange]);
+    const closePopover = useCallback(() => {
+      commitPendingOnClose();
+      setOpen(false);
+    }, [commitPendingOnClose, setOpen]);
+    useOutsideClickClose({
+      enabled: open,
+      containerRef,
+      popoverElementId: popoverContentId,
+      onClose: closePopover
+    });
+    const maskTemplate = useMemo(
+      () => displayFormat ? null : buildMaskTemplate(getDefaultTimeMaskFormat(format, showSeconds)),
+      [displayFormat, format, showSeconds]
+    );
+    const handleOk = () => {
+      if (isRange && activeSide === "from" && fromTime && !toTime) {
+        setActiveSide("to");
+        toInputRef.current?.focus();
+        return;
+      }
+      committedRef.current = { from: fromTime, to: toTime };
+      emitChange(fromTime, toTime);
+      if (isRange) {
+        if (fromTime && toTime) {
+          onOk?.([timeValueToDayjs(fromTime), timeValueToDayjs(toTime)]);
+        } else {
+          onOk?.(null);
+        }
+      } else {
+        onOk?.(fromTime ? timeValueToDayjs(fromTime) : null);
+      }
+      setOpen(false);
+    };
+    const handlePanelChange = (time) => {
+      if (!isRange) {
+        setFromTime(time);
+        setFromText(formatOne(time));
+        if (!needConfirm) emitChange(time, null);
+        return;
+      }
+      if (activeSide === "from") {
+        setFromTime(time);
+        setFromText(formatOne(time));
+        if (!needConfirm) emitChange(time, toTime);
+        return;
+      }
+      setToTime(time);
+      setToText(formatOne(time));
+      if (!needConfirm) emitChange(fromTime, time);
+    };
+    const buildInputChangeHandler = (side) => (e) => {
+      let text = e.target.value;
+      const previousText = side === "from" ? fromText : toText;
+      if (maskTemplate) {
+        const masked = applyMask(
+          text,
+          maskTemplate,
+          previousText,
+          e.target.selectionStart
+        );
+        text = masked.text;
+        if (side === "from") fromCursorRef.current = masked.cursorPosition;
+        else toCursorRef.current = masked.cursorPosition;
+      }
+      if (side === "from") setFromText(text);
+      else setToText(text);
+      const parsed = parseOne(text);
+      if (!parsed) return;
+      if (side === "from") {
+        setFromTime(parsed);
+        if (!needConfirm) emitChange(parsed, toTime);
+      } else {
+        setToTime(parsed);
+        if (!needConfirm) emitChange(fromTime, parsed);
+      }
+    };
+    const handleInputKeyDown = (e) => {
+      if (e.key === "Escape") {
+        const { from, to } = committedRef.current;
+        setFromTime(from);
+        setToTime(to);
+        setFromText(formatOne(from));
+        setToText(formatOne(to));
+        setOpen(false);
+        return;
+      }
+      if (e.key !== "Enter") return;
+      if (needConfirm) {
+        handleOk();
+        return;
+      }
+      setFromText(formatOne(fromTime));
+      setToText(formatOne(toTime));
+      setOpen(false);
+    };
+    const handleInputFocus = (side) => {
+      setActiveSide(side);
+      if (!open) setOpen(true);
+    };
+    const handleInputBlur = (e) => {
+      const next = e.relatedTarget;
+      if (next && containerRef.current?.contains(next)) return;
+      const popoverEl = document.getElementById(popoverContentId);
+      if (next && popoverEl?.contains(next)) return;
+      onBlur?.(e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      setFromTime(null);
+      setToTime(null);
+      setFromText("");
+      setToText("");
+      committedRef.current = { from: null, to: null };
+      onChange?.(null, isRange ? ["", ""] : "");
+    };
+    useEffect(() => {
+      if (value === void 0) return;
+      const next = getInitialTimes();
+      setFromTime(next.from);
+      setToTime(next.to);
+      if (open) return;
+      setFromText(formatOne(next.from));
+      setToText(formatOne(next.to));
+      committedRef.current = { from: next.from, to: next.to };
+    }, [value, getInitialTimes, formatOne, open]);
+    useEffect(() => {
+      if (!open) return;
+      committedRef.current = { from: fromTime, to: toTime };
+    }, [open]);
+    useCursorRestore([
+      { inputRef: fromInputRef, cursorRef: fromCursorRef },
+      { inputRef: toInputRef, cursorRef: toCursorRef }
+    ]);
+    const singlePlaceholder = getTimePlaceholder(
+      format,
+      showSeconds,
+      displayFormat
+    );
+    const hasField = !!(label || error || helpText);
+    const sizeConfig = SIZE_CONFIG[size];
+    const hasAnyValue = !!(fromText || toText);
+    const activeTime = activeSide === "from" ? fromTime : toTime;
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
+    const inputBaseClass = cn(
+      "min-w-0 bg-transparent outline-none placeholder:text-muted-foreground",
+      "disabled:cursor-not-allowed",
+      sizeConfig.input
+    );
+    const triggerContent = /* @__PURE__ */ jsxs(Popover, { open, children: [
+      /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: containerRef,
+          className: cn(
+            "relative flex w-full items-center gap-2 rounded-md border border-input bg-background pe-8 ps-3",
+            "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+            disabled && "cursor-not-allowed opacity-50",
+            !!error && "border-destructive ring-destructive/20 ring-3",
+            sizeConfig.trigger,
+            !hasField && className
+          ),
+          children: [
+            timezone ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: timezone.toUpperCase() }) : /* @__PURE__ */ jsx(
+              Clock,
+              {
+                className: cn(
+                  "shrink-0 text-muted-foreground",
+                  sizeConfig.icon
+                )
+              }
+            ),
+            isRange ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: fromInputRef,
+                  type: "text",
+                  disabled,
+                  "aria-label": label ? `${label} start time` : "Pick a start time",
+                  "aria-describedby": ariaDescribedBy,
+                  "aria-invalid": !!error || void 0,
+                  placeholder: placeholder ?? singlePlaceholder,
+                  value: fromText,
+                  onChange: buildInputChangeHandler("from"),
+                  onKeyDown: handleInputKeyDown,
+                  onFocus: () => handleInputFocus("from"),
+                  onBlur: handleInputBlur,
+                  className: cn(inputBaseClass, "flex-1")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "shrink-0 text-muted-foreground",
+                  children: "~"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: toInputRef,
+                  type: "text",
+                  disabled,
+                  "aria-label": label ? `${label} end time` : "Pick an end time",
+                  "aria-describedby": ariaDescribedBy,
+                  "aria-invalid": !!error || void 0,
+                  placeholder: placeholder ?? singlePlaceholder,
+                  value: toText,
+                  onChange: buildInputChangeHandler("to"),
+                  onKeyDown: handleInputKeyDown,
+                  onFocus: () => handleInputFocus("to"),
+                  onBlur: handleInputBlur,
+                  className: cn(inputBaseClass, "flex-1")
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: fromInputRef,
+                type: "text",
+                disabled,
+                "aria-label": label || "Pick a time",
+                "aria-describedby": ariaDescribedBy,
+                "aria-invalid": !!error || void 0,
+                placeholder: placeholder ?? singlePlaceholder,
+                value: fromText,
+                onChange: buildInputChangeHandler("from"),
+                onKeyDown: handleInputKeyDown,
+                onFocus: () => handleInputFocus("from"),
+                onBlur: handleInputBlur,
+                className: cn(inputBaseClass, "flex-1")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onPointerDown: (e) => e.preventDefault(),
+                onClick: handleClear,
+                className: cn(
+                  "absolute inset-y-0 end-2 flex items-center text-muted-foreground hover:text-foreground focus:outline-none",
+                  !(hasAnyValue && !disabled) && "invisible"
+                ),
+                "aria-label": isRange ? "Clear time range" : "Clear time",
+                tabIndex: -1,
+                children: /* @__PURE__ */ jsx(X, { className: sizeConfig.icon })
+              }
+            )
+          ]
+        }
+      ) }),
+      open && /* @__PURE__ */ jsxs(
+        PopoverContent,
+        {
+          id: popoverContentId,
+          className: "w-auto p-0",
+          align: "start",
+          onOpenAutoFocus: (e) => e.preventDefault(),
+          onCloseAutoFocus: (e) => e.preventDefault(),
+          onPointerDownOutside: (e) => e.preventDefault(),
+          onInteractOutside: (e) => e.preventDefault(),
+          children: [
+            /* @__PURE__ */ jsx(
+              TimePickerPanel,
+              {
+                value: activeTime ?? void 0,
+                onChange: handlePanelChange,
+                format,
+                showSeconds,
+                minuteStep,
+                secondStep,
+                disabled
+              }
+            ),
+            needConfirm && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end border-t border-border px-3 py-2", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleOk,
+                className: "rounded bg-primary px-3 py-1 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: "OK"
+              }
+            ) })
+          ]
+        }
+      )
+    ] });
+    if (!hasField) {
+      return /* @__PURE__ */ jsx("div", { ref, className, children: triggerContent });
+    }
+    return /* @__PURE__ */ jsxs(
+      Field,
+      {
+        ref,
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          label && /* @__PURE__ */ jsxs(
+            FieldLabel,
+            {
+              ...labelProps,
+              children: [
+                label,
+                required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(FieldContent, { children: [
+            triggerContent,
+            !!error && /* @__PURE__ */ jsx(FieldError, { id: errorId, children: error }),
+            helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+TimePicker.displayName = "TimePicker";
+
+export { TimePicker as T };
+//# sourceMappingURL=TimePicker-DoL126Ql.js.map

package/dist/TimePicker-DoL126Ql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-DoL126Ql.js","sources":["../node_modules/lucide-react/dist/esm/icons/clock.js","../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 6v6l4 2\", key: \"mmk7yg\" }]\n];\nconst Clock = createLucideIcon(\"clock\", __iconNode);\n\nexport { __iconNode, Clock as default };\n//# sourceMappingURL=clock.js.map\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Clock, X } from \"lucide-react\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"src/primitives/Popover\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { useControlledOpen } from \"src/hooks/useControlledOpen\";\nimport { useCursorRestore } from \"src/hooks/useCursorRestore\";\nimport { useOutsideClickClose } from \"src/hooks/useOutsideClickClose\";\n\nimport { TimePickerPanel } from \"./TimePickerPanel\";\nimport { SIZE_CONFIG } from \"./constants\";\nimport type { TimePickerProps, TimeValue } from \"./types\";\nimport {\n  coerceToTimeValue,\n  formatTimeDisplay,\n  formatTimeWithPattern,\n  getDefaultTimeMaskFormat,\n  getTimePlaceholder,\n  parseTimeString,\n  parseTimeWithPattern,\n  timeValueEquals,\n  timeValueToDayjs,\n} from \"./utils\";\nimport { applyMask, buildMaskTemplate } from \"src/utils/inputMask\";\n\ntype RangeSide = \"from\" | \"to\";\n\nconst TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      onBlur,\n      type = \"time\",\n      format = \"24\",\n      displayFormat,\n      showSeconds = false,\n      minuteStep = 1,\n      secondStep = 1,\n      disabled = false,\n      placeholder,\n      label,\n      error,\n      helpText,\n      size = \"medium\",\n      required = false,\n      timezone,\n      open: openProp,\n      onOpenChange,\n      needConfirm = true,\n      onOk,\n      labelProps,\n      className,\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const fromInputRef = useRef<HTMLInputElement>(null);\n    const toInputRef = useRef<HTMLInputElement>(null);\n    const fromCursorRef = useRef<number | null>(null);\n    const toCursorRef = useRef<number | null>(null);\n\n    const popoverContentId = useRef(\n      `timepicker-popover-${generatedId}`\n    ).current;\n\n    const committedRef = useRef<{\n      from: TimeValue | null;\n      to: TimeValue | null;\n    }>({ from: null, to: null });\n\n    const { open, setOpen } = useControlledOpen(openProp, onOpenChange);\n\n    const isRange = type === \"range\";\n\n    const getInitialTimes = useCallback(() => {\n      if (isRange) {\n        if (!value || !Array.isArray(value)) {\n          return { from: null, to: null };\n        }\n\n        return {\n          from: coerceToTimeValue(value[0] as TimeValue | Date | null),\n          to: coerceToTimeValue(value[1] as TimeValue | Date | null),\n        };\n      }\n\n      return {\n        from: coerceToTimeValue(value as TimeValue | Date | null | undefined),\n        to: null,\n      };\n    }, [value, isRange]);\n\n    const formatOne = useCallback(\n      (time: TimeValue | null) =>\n        displayFormat\n          ? formatTimeWithPattern(time, displayFormat)\n          : formatTimeDisplay(time, format, showSeconds),\n      [displayFormat, format, showSeconds]\n    );\n\n    const [activeSide, setActiveSide] = useState<RangeSide>(\"from\");\n    const [fromTime, setFromTime] = useState(() => getInitialTimes().from);\n    const [toTime, setToTime] = useState(() => getInitialTimes().to);\n\n    const [fromText, setFromText] = useState(() =>\n      formatOne(getInitialTimes().from)\n    );\n    const [toText, setToText] = useState(() => formatOne(getInitialTimes().to));\n\n    const parseOne = (text: string): TimeValue | null =>\n      displayFormat\n        ? parseTimeWithPattern(text, displayFormat)\n        : parseTimeString(text, format);\n\n    const emitChange = (from: TimeValue | null, to: TimeValue | null) => {\n      if (isRange) {\n        if (!from || !to) {\n          onChange?.(null, [\"\", \"\"]);\n\n          return;\n        }\n\n        onChange?.(\n          [timeValueToDayjs(from), timeValueToDayjs(to)],\n          [formatOne(from), formatOne(to)]\n        );\n\n        return;\n      }\n\n      if (!from) {\n        onChange?.(null, \"\");\n\n        return;\n      }\n\n      onChange?.(timeValueToDayjs(from), formatOne(from));\n    };\n\n    const commitPendingOnClose = useCallback(() => {\n      if (!needConfirm) {\n        setFromText(formatOne(fromTime));\n        setToText(formatOne(toTime));\n\n        return;\n      }\n\n      const { from: committedFrom, to: committedTo } = committedRef.current;\n      const unchanged =\n        timeValueEquals(fromTime, committedFrom) &&\n        timeValueEquals(toTime, committedTo);\n      if (unchanged) return;\n\n      emitChange(fromTime, toTime);\n      committedRef.current = { from: fromTime, to: toTime };\n    }, [needConfirm, fromTime, toTime, formatOne, isRange, onChange]);\n\n    const closePopover = useCallback(() => {\n      commitPendingOnClose();\n      setOpen(false);\n    }, [commitPendingOnClose, setOpen]);\n\n    useOutsideClickClose({\n      enabled: open,\n      containerRef,\n      popoverElementId: popoverContentId,\n      onClose: closePopover,\n    });\n\n    const maskTemplate = useMemo(\n      () =>\n        displayFormat\n          ? null\n          : buildMaskTemplate(getDefaultTimeMaskFormat(format, showSeconds)),\n      [displayFormat, format, showSeconds]\n    );\n\n    const handleOk = () => {\n      if (isRange && activeSide === \"from\" && fromTime && !toTime) {\n        setActiveSide(\"to\");\n        toInputRef.current?.focus();\n\n        return;\n      }\n\n      committedRef.current = { from: fromTime, to: toTime };\n      emitChange(fromTime, toTime);\n\n      if (isRange) {\n        if (fromTime && toTime) {\n          onOk?.([timeValueToDayjs(fromTime), timeValueToDayjs(toTime)]);\n        } else {\n          onOk?.(null);\n        }\n      } else {\n        onOk?.(fromTime ? timeValueToDayjs(fromTime) : null);\n      }\n\n      setOpen(false);\n    };\n\n    const handlePanelChange = (time: TimeValue) => {\n      if (!isRange) {\n        setFromTime(time);\n        setFromText(formatOne(time));\n        if (!needConfirm) emitChange(time, null);\n\n        return;\n      }\n\n      if (activeSide === \"from\") {\n        setFromTime(time);\n        setFromText(formatOne(time));\n        if (!needConfirm) emitChange(time, toTime);\n\n        return;\n      }\n\n      setToTime(time);\n      setToText(formatOne(time));\n      if (!needConfirm) emitChange(fromTime, time);\n    };\n\n    const buildInputChangeHandler =\n      (side: RangeSide) => (e: React.ChangeEvent<HTMLInputElement>) => {\n        let text = e.target.value;\n        const previousText = side === \"from\" ? fromText : toText;\n\n        if (maskTemplate) {\n          const masked = applyMask(\n            text,\n            maskTemplate,\n            previousText,\n            e.target.selectionStart\n          );\n          text = masked.text;\n\n          if (side === \"from\") fromCursorRef.current = masked.cursorPosition;\n          else toCursorRef.current = masked.cursorPosition;\n        }\n\n        if (side === \"from\") setFromText(text);\n        else setToText(text);\n\n        const parsed = parseOne(text);\n        if (!parsed) return;\n\n        if (side === \"from\") {\n          setFromTime(parsed);\n          if (!needConfirm) emitChange(parsed, toTime);\n        } else {\n          setToTime(parsed);\n          if (!needConfirm) emitChange(fromTime, parsed);\n        }\n      };\n\n    const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Escape\") {\n        const { from, to } = committedRef.current;\n        setFromTime(from);\n        setToTime(to);\n        setFromText(formatOne(from));\n        setToText(formatOne(to));\n        setOpen(false);\n\n        return;\n      }\n\n      if (e.key !== \"Enter\") return;\n\n      if (needConfirm) {\n        handleOk();\n\n        return;\n      }\n\n      setFromText(formatOne(fromTime));\n      setToText(formatOne(toTime));\n      setOpen(false);\n    };\n\n    const handleInputFocus = (side: RangeSide) => {\n      setActiveSide(side);\n      if (!open) setOpen(true);\n    };\n\n    const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      const next = e.relatedTarget as HTMLElement | null;\n      if (next && containerRef.current?.contains(next)) return;\n\n      const popoverEl = document.getElementById(popoverContentId);\n      if (next && popoverEl?.contains(next)) return;\n\n      onBlur?.(e);\n    };\n\n    const handleClear = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n\n      setFromTime(null);\n      setToTime(null);\n      setFromText(\"\");\n      setToText(\"\");\n\n      committedRef.current = { from: null, to: null };\n      onChange?.(null, isRange ? [\"\", \"\"] : \"\");\n    };\n\n    useEffect(() => {\n      if (value === undefined) return;\n\n      const next = getInitialTimes();\n      setFromTime(next.from);\n      setToTime(next.to);\n      if (open) return;\n\n      setFromText(formatOne(next.from));\n      setToText(formatOne(next.to));\n      committedRef.current = { from: next.from, to: next.to };\n    }, [value, getInitialTimes, formatOne, open]);\n\n    useEffect(() => {\n      if (!open) return;\n\n      committedRef.current = { from: fromTime, to: toTime };\n    }, [open]);\n\n    useCursorRestore([\n      { inputRef: fromInputRef, cursorRef: fromCursorRef },\n      { inputRef: toInputRef, cursorRef: toCursorRef },\n    ]);\n\n    const singlePlaceholder = getTimePlaceholder(\n      format,\n      showSeconds,\n      displayFormat\n    );\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n    const hasAnyValue = !!(fromText || toText);\n    const activeTime = activeSide === \"from\" ? fromTime : toTime;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const inputBaseClass = cn(\n      \"min-w-0 bg-transparent outline-none placeholder:text-muted-foreground\",\n      \"disabled:cursor-not-allowed\",\n      sizeConfig.input\n    );\n\n    const triggerContent = (\n      <Popover open={open}>\n        <PopoverAnchor asChild>\n          <div\n            ref={containerRef}\n            className={cn(\n              \"relative flex w-full items-center gap-2 rounded-md border border-input bg-background pe-8 ps-3\",\n              \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n              disabled && \"cursor-not-allowed opacity-50\",\n              !!error && \"border-destructive ring-destructive/20 ring-3\",\n              sizeConfig.trigger,\n              !hasField && className\n            )}\n          >\n            {timezone ? (\n              <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\">\n                {timezone.toUpperCase()}\n              </span>\n            ) : (\n              <Clock\n                className={cn(\n                  \"shrink-0 text-muted-foreground\",\n                  sizeConfig.icon\n                )}\n              />\n            )}\n            {isRange ? (\n              <>\n                <input\n                  ref={fromInputRef}\n                  type=\"text\"\n                  disabled={disabled}\n                  aria-label={\n                    label ? `${label} start time` : \"Pick a start time\"\n                  }\n                  aria-describedby={ariaDescribedBy}\n                  aria-invalid={!!error || undefined}\n                  placeholder={placeholder ?? singlePlaceholder}\n                  value={fromText}\n                  onChange={buildInputChangeHandler(\"from\")}\n                  onKeyDown={handleInputKeyDown}\n                  onFocus={() => handleInputFocus(\"from\")}\n                  onBlur={handleInputBlur}\n                  className={cn(inputBaseClass, \"flex-1\")}\n                />\n                <span\n                  aria-hidden=\"true\"\n                  className=\"shrink-0 text-muted-foreground\"\n                >\n                  ~\n                </span>\n                <input\n                  ref={toInputRef}\n                  type=\"text\"\n                  disabled={disabled}\n                  aria-label={label ? `${label} end time` : \"Pick an end time\"}\n                  aria-describedby={ariaDescribedBy}\n                  aria-invalid={!!error || undefined}\n                  placeholder={placeholder ?? singlePlaceholder}\n                  value={toText}\n                  onChange={buildInputChangeHandler(\"to\")}\n                  onKeyDown={handleInputKeyDown}\n                  onFocus={() => handleInputFocus(\"to\")}\n                  onBlur={handleInputBlur}\n                  className={cn(inputBaseClass, \"flex-1\")}\n                />\n              </>\n            ) : (\n              <input\n                ref={fromInputRef}\n                type=\"text\"\n                disabled={disabled}\n                aria-label={label || \"Pick a time\"}\n                aria-describedby={ariaDescribedBy}\n                aria-invalid={!!error || undefined}\n                placeholder={placeholder ?? singlePlaceholder}\n                value={fromText}\n                onChange={buildInputChangeHandler(\"from\")}\n                onKeyDown={handleInputKeyDown}\n                onFocus={() => handleInputFocus(\"from\")}\n                onBlur={handleInputBlur}\n                className={cn(inputBaseClass, \"flex-1\")}\n              />\n            )}\n            <button\n              type=\"button\"\n              onPointerDown={e => e.preventDefault()}\n              onClick={handleClear}\n              className={cn(\n                \"absolute inset-y-0 end-2 flex items-center text-muted-foreground hover:text-foreground focus:outline-none\",\n                !(hasAnyValue && !disabled) && \"invisible\"\n              )}\n              aria-label={isRange ? \"Clear time range\" : \"Clear time\"}\n              tabIndex={-1}\n            >\n              <X className={sizeConfig.icon} />\n            </button>\n          </div>\n        </PopoverAnchor>\n        {open && (\n          <PopoverContent\n            id={popoverContentId}\n            className=\"w-auto p-0\"\n            align=\"start\"\n            onOpenAutoFocus={e => e.preventDefault()}\n            onCloseAutoFocus={e => e.preventDefault()}\n            onPointerDownOutside={e => e.preventDefault()}\n            onInteractOutside={e => e.preventDefault()}\n          >\n            <TimePickerPanel\n              value={activeTime ?? undefined}\n              onChange={handlePanelChange}\n              format={format}\n              showSeconds={showSeconds}\n              minuteStep={minuteStep}\n              secondStep={secondStep}\n              disabled={disabled}\n            />\n            {needConfirm && (\n              <div className=\"flex items-center justify-end border-t border-border px-3 py-2\">\n                <button\n                  type=\"button\"\n                  onClick={handleOk}\n                  className=\"rounded bg-primary px-3 py-1 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  OK\n                </button>\n              </div>\n            )}\n          </PopoverContent>\n        )}\n      </Popover>\n    );\n\n    if (!hasField) {\n      return (\n        <div ref={ref} className={className}>\n          {triggerContent}\n        </div>\n      );\n    }\n\n    return (\n      <Field\n        ref={ref}\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel\n            {...(labelProps as React.ComponentProps<typeof FieldLabel>)}\n          >\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {triggerContent}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nTimePicker.displayName = \"TimePicker\";\n\nexport { TimePicker };\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{TimePickerPanel-zWmOy3Eo.js → TimePickerPanel--KDX5QwS.js}

@@ -1,10 +1,59 @@
+import { useState, useCallback, useLayoutEffect, useEffect, useRef, forwardRef } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useRef, useEffect, forwardRef, useCallback, useState } from 'react';
 import { c as cn } from './utils-BJnb9o5c.js';
 import { Button } from './primitives/Button.js';
 import { ScrollArea } from './primitives/ScrollArea.js';
+import pureDayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
 
+function useControlledOpen(controlledOpen, onOpenChange) {
+  const [internalOpen, setInternalOpen] = useState(false);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  return { open, setOpen };
+}
+
+function useCursorRestore(targets) {
+  useLayoutEffect(() => {
+    for (const { inputRef, cursorRef } of targets) {
+      const inputEl = inputRef.current;
+      const cursor = cursorRef.current;
+      if (cursor !== null && inputEl && document.activeElement === inputEl) {
+        inputEl.setSelectionRange(cursor, cursor);
+        cursorRef.current = null;
+      }
+    }
+  });
+}
+
+function useOutsideClickClose({
+  enabled,
+  containerRef,
+  popoverElementId,
+  onClose
+}) {
+  useEffect(() => {
+    if (!enabled) return;
+    const handlePointerDown = (e) => {
+      const target = e.target;
+      if (containerRef.current?.contains(target)) return;
+      const popoverEl = document.getElementById(popoverElementId);
+      if (popoverEl?.contains(target)) return;
+      onClose();
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [enabled, containerRef, popoverElementId, onClose]);
+}
+
 const FORMAT_CHARS = /* @__PURE__ */ new Set(["d", "M", "y", "H", "h", "m", "s"]);
 const DIGIT = /\d/;
 const AMPM_CHAR = /[APM]/;
@@ -194,7 +243,25 @@ const applyMask = (inputText, template, previousText = "", nativeCursorPos) => {
 const COLUMN_HEIGHT = 224;
 const ITEM_HEIGHT = 32;
 const PERIODS = ["AM", "PM"];
+const SIZE_CONFIG = {
+  small: {
+    trigger: "h-8 md:h-7",
+    input: "text-base md:text-xs",
+    icon: "size-3.5"
+  },
+  medium: {
+    trigger: "h-8",
+    input: "text-base md:text-sm",
+    icon: "size-4"
+  },
+  large: {
+    trigger: "h-10",
+    input: "text-base md:text-sm",
+    icon: "size-5"
+  }
+};
 
+pureDayjs.extend(customParseFormat);
 const generateRange = (start, end, step = 1) => {
   const result = [];
   for (let i = start; i <= end; i += step) {
@@ -218,6 +285,37 @@ const dateToTimeValue = (date) => ({
   minutes: date.getMinutes(),
   seconds: date.getSeconds()
 });
+const coerceToTimeValue = (value) => {
+  if (!value) return null;
+  if (value instanceof Date) return dateToTimeValue(value);
+  const dayjsLike = value;
+  if (typeof dayjsLike.hour === "function") {
+    return {
+      hours: dayjsLike.hour(),
+      minutes: dayjsLike.minute(),
+      seconds: dayjsLike.second?.() ?? 0
+    };
+  }
+  if (typeof dayjsLike.toDate === "function") {
+    return dateToTimeValue(dayjsLike.toDate());
+  }
+  const timeValue = value;
+  return {
+    hours: timeValue.hours,
+    minutes: timeValue.minutes,
+    seconds: timeValue.seconds ?? 0
+  };
+};
+const timeValueEquals = (a, b) => {
+  if (a === null && b === null) return true;
+  if (!a || !b) return false;
+  return a.hours === b.hours && a.minutes === b.minutes && (a.seconds ?? 0) === (b.seconds ?? 0);
+};
+const getDefaultTimeMaskFormat = (format, showSeconds) => {
+  if (format === "12") return showSeconds ? "hh:mm:ss AA" : "hh:mm AA";
+  return showSeconds ? "HH:mm:ss" : "HH:mm";
+};
+const getTimePlaceholder = (format, showSeconds, displayFormat) => displayFormat ?? getDefaultTimeMaskFormat(format, showSeconds);
 const padNumber = (num, length = 2) => String(num).padStart(length, "0");
 const formatTimeDisplay = (time, format, showSeconds) => {
   if (!time) return "";
@@ -254,6 +352,21 @@ const parseTimeString = (input, format) => {
   if (hours > 23 || minutes > 59 || seconds > 59) return null;
   return { hours, minutes, seconds };
 };
+const formatTimeWithPattern = (time, pattern) => {
+  if (!time) return "";
+  return pureDayjs("2000-01-01T00:00:00").hour(time.hours).minute(time.minutes).second(time.seconds ?? 0).format(pattern);
+};
+const parseTimeWithPattern = (input, pattern) => {
+  const trimmed = input.trim();
+  if (!trimmed) return null;
+  const parsed = pureDayjs(trimmed, pattern, true);
+  if (!parsed.isValid()) return null;
+  return {
+    hours: parsed.hour(),
+    minutes: parsed.minute(),
+    seconds: parsed.second()
+  };
+};
 const timeValueToDayjs = (time) => {
   const h = padNumber(time.hours);
   const m = padNumber(time.minutes);
@@ -429,5 +542,5 @@ const TimePickerPanel = forwardRef(
 );
 TimePickerPanel.displayName = "TimePickerPanel";
 
-export { TimePickerPanel as T, applyMask as a, buildMaskTemplate as b, buildRangeMaskTemplate as c, dateToTimeValue as d, formatTimeDisplay as f, isFixedWidthFormat as i, parseTimeString as p, timeValueToDayjs as t };
-//# sourceMappingURL=TimePickerPanel-zWmOy3Eo.js.map
+export { SIZE_CONFIG as S, TimePickerPanel as T, formatTimeDisplay as a, useOutsideClickClose as b, coerceToTimeValue as c, buildMaskTemplate as d, useCursorRestore as e, formatTimeWithPattern as f, getDefaultTimeMaskFormat as g, timeValueToDayjs as h, getTimePlaceholder as i, applyMask as j, parseTimeString as k, isFixedWidthFormat as l, buildRangeMaskTemplate as m, dateToTimeValue as n, parseTimeWithPattern as p, timeValueEquals as t, useControlledOpen as u };
+//# sourceMappingURL=TimePickerPanel--KDX5QwS.js.map