@dmsi/wedgekit-react 0.0.475 → 0.0.477

package/dist/components/DateInput.js

@@ -1,314 +1,68 @@
 import {
-  CalendarRange
-} from "../chunk-X35NLL3N.js";
-import "../chunk-GTPSPGSJ.js";
-import "../chunk-OEMLNGE2.js";
-import "../chunk-IT4VFU6T.js";
+  DateInput
+} from "../chunk-WIDUWFLX.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-IG2YUDHI.js";
+import "../chunk-4Q7T4GJ2.js";
+import "../chunk-3DEYCNUE.js";
 import "../chunk-DYBJUTGK.js";
+import "../chunk-24K4HHV5.js";
+import "../chunk-B53XDCLO.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import "../chunk-KJNK7KEV.js";
-import "../chunk-TVXBP5CW.js";
+import "../chunk-QMSPTD6L.js";
+import "../chunk-XIXQUEYC.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-KW6V7O3H.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-JUFBGNWW.js";
 import "../chunk-YNKN6RKF.js";
 import "../chunk-VJVY6NPF.js";
-import "../chunk-GTBGPBH6.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-7GHD74J3.js";
 import "../chunk-7BVUTFZ5.js";
 import "../chunk-ETAEB3TA.js";
-import "../chunk-HVNHTM3P.js";
 import "../chunk-GRGDX7JC.js";
-import "../chunk-NIWXVOBW.js";
+import "../chunk-HVNHTM3P.js";
+import "../chunk-X67L3NZI.js";
 import "../chunk-4RJKB7LC.js";
+import "../chunk-FG7GNGE3.js";
 import "../chunk-G7KIKHER.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-ZQJMNPCF.js";
-import "../chunk-FG7GNGE3.js";
 import "../chunk-6TYWM26K.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-Y2GK27RX.js";
-import "../chunk-H2KC5XUY.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-75USUR3I.js";
-import "../chunk-WEAVZEE4.js";
-import "../chunk-OZBB6RFM.js";
-import "../chunk-BFFNSUNS.js";
+import "../chunk-QBSEKZWX.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
 import "../chunk-IPAKWF2V.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-RQRR4FEF.js";
-import {
-  InputBase
-} from "../chunk-44TH3VC7.js";
+import "../chunk-44TH3VC7.js";
 import "../chunk-AL5QIRY3.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-75USUR3I.js";
+import "../chunk-WEAVZEE4.js";
+import "../chunk-OZBB6RFM.js";
 import "../chunk-URYQ24NF.js";
-import {
-  findDocumentRoot
-} from "../chunk-VXWSAIB5.js";
-import {
-  calculateCursorPosition,
-  formatDate,
-  formatInputValue,
-  isValidDate,
-  parseInputDate
-} from "../chunk-R3EQIDBX.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-UCJUC5AZ.js";
-import "../chunk-ZQSD74IJ.js";
+import "../chunk-IY7SXEVY.js";
 import "../chunk-KBJZUVLM.js";
-import "../chunk-DORD2EBO.js";
+import "../chunk-4UH72JT2.js";
+import "../chunk-H2KC5XUY.js";
 import "../chunk-ZSETMD4A.js";
-import {
-  Icon
-} from "../chunk-NKUETCDA.js";
+import "../chunk-DORD2EBO.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-LPY6PMAY.js";
 import "../chunk-IXR65MOU.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-
-// src/components/DateInput.tsx
-import { useRef, useEffect, useState, useLayoutEffect } from "react";
-import { createPortal } from "react-dom";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DateInput = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    value,
-    onChange,
-    placeholder = "MM/DD/YYYY",
-    disabled,
-    readOnly = false,
-    label
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "value",
-    "onChange",
-    "placeholder",
-    "disabled",
-    "readOnly",
-    "label"
-  ]);
-  const [visible, setVisible] = useState(false);
-  const [inputValue, setInputValue] = useState("");
-  const [isTyping, setIsTyping] = useState(false);
-  const popoverRef = useRef(null);
-  const triggerRef = useRef(null);
-  const rootRef = useRef(null);
-  const [calendarPosition, setCalendarPosition] = useState({
-    top: 0,
-    left: 0,
-    width: 0
-  });
-  const [from, to] = [value, ""];
-  useEffect(() => {
-    if (!isTyping) {
-      setInputValue(formatDisplayValue(from));
-    }
-  }, [from, isTyping]);
-  useLayoutEffect(() => {
-    if (visible) {
-      updatePosition();
-    }
-  }, [visible]);
-  const updatePosition = () => {
-    if (rootRef.current) {
-      const rect = rootRef.current.getBoundingClientRect();
-      setCalendarPosition({
-        top: rect.bottom + window.scrollY,
-        left: rect.left + window.scrollX,
-        width: rect.width
-      });
-    }
-  };
-  useEffect(() => {
-    updatePosition();
-    const resizeObserver = new ResizeObserver(updatePosition);
-    if (triggerRef.current) {
-      resizeObserver.observe(triggerRef.current);
-    }
-    window.addEventListener("scroll", updatePosition);
-    return () => {
-      resizeObserver.disconnect();
-      window.removeEventListener("scroll", updatePosition);
-    };
-  }, []);
-  useEffect(() => {
-    const handleKeyDown2 = (event) => {
-      var _a2;
-      if (event.key === "Escape" && popoverRef.current) {
-        setVisible(false);
-        (_a2 = triggerRef.current) == null ? void 0 : _a2.blur();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown2);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown2);
-    };
-  });
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (popoverRef.current && !popoverRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
-        setVisible(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  function handleDateChange(fromValue) {
-    onChange(fromValue);
-    setVisible(false);
-    setIsTyping(false);
-  }
-  const handleFocus = () => {
-    if (readOnly) return;
-    setVisible(true);
-  };
-  const handleClick = () => {
-    handleFocus();
-  };
-  const handleInputChange = (event) => {
-    if (readOnly) return;
-    const rawValue = event.target.value;
-    const cursorPosition = event.target.selectionStart || 0;
-    setIsTyping(true);
-    const formattedValue = formatInputValue(rawValue);
-    setInputValue(formattedValue);
-    requestAnimationFrame(() => {
-      if (triggerRef.current) {
-        const newPosition = calculateCursorPosition(
-          rawValue,
-          formattedValue,
-          cursorPosition
-        );
-        triggerRef.current.setSelectionRange(newPosition, newPosition);
-      }
-    });
-    const parsedDate = parseInputDate(formattedValue);
-    if (parsedDate && isValidDate(parsedDate)) {
-      onChange(parsedDate);
-    }
-  };
-  const handleBlur = () => {
-    setIsTyping(false);
-    const parsedDate = parseInputDate(inputValue);
-    if (!parsedDate || !isValidDate(parsedDate)) {
-      setInputValue(formatDisplayValue(from));
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Backspace") {
-      const input = event.target;
-      const cursorPosition = input.selectionStart || 0;
-      const value2 = input.value;
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === "/") {
-        event.preventDefault();
-        const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValue(newValue);
-        setInputValue(formattedValue);
-        requestAnimationFrame(() => {
-          if (triggerRef.current) {
-            const newPosition = Math.max(0, cursorPosition - 2);
-            triggerRef.current.setSelectionRange(newPosition, newPosition);
-          }
-        });
-        setIsTyping(true);
-        return;
-      }
-    }
-    if (event.key === "Enter") {
-      const parsedDate = parseInputDate(inputValue);
-      if (parsedDate && isValidDate(parsedDate)) {
-        onChange(parsedDate);
-        setVisible(false);
-        setIsTyping(false);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx(
-      InputBase,
-      __spreadProps(__spreadValues({
-        id,
-        testid,
-        ref: (el) => {
-          triggerRef.current = el;
-        }
-      }, props), {
-        wrapperRef: rootRef,
-        value: inputValue,
-        placeholder,
-        disabled,
-        readOnly,
-        after: /* @__PURE__ */ jsx(Icon, { name: "calendar_month" }),
-        onFocus: handleFocus,
-        onClick: handleClick,
-        onChange: handleInputChange,
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        label,
-        secondaryIconColor: true
-      })
-    ),
-    visible && !readOnly && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: (el) => {
-            popoverRef.current = el;
-          },
-          className: "absolute z-40 bg-white",
-          style: {
-            top: `${calendarPosition.top + 4}px`,
-            left: `${calendarPosition.left}px`,
-            minWidth: `${calendarPosition.width}px`
-          },
-          children: /* @__PURE__ */ jsx(
-            CalendarRange,
-            {
-              id: id ? `${id}-calendar` : void 0,
-              testid: testid ? `${testid}-calendar` : void 0,
-              from,
-              to: to || from,
-              onChange: handleDateChange,
-              cardStyle: true,
-              mode: "single",
-              disableRange: true
-            }
-          )
-        }
-      ),
-      findDocumentRoot(popoverRef.current)
-    )
-  ] });
-};
-DateInput.displayName = "DateInput";
-function formatDisplayValue(from) {
-  if (!from) {
-    return "";
-  }
-  if (!isValidDate(from)) {
-    return "";
-  }
-  return formatDate(from);
-}
+import "../chunk-ORMEWXMH.js";
 export {
   DateInput
 };