linear-react-components-ui 2.1.0-beta.1 → 2.1.0-beta.3

package/lib/inputs2/date/{base/constants.d.ts → hooks/useCalendarPosition.d.ts}

@@ -1,4 +1,4 @@
 import { CSSProperties, RefObject } from 'react';
-export declare const useCalendarPosition: (calendarBoxOpen: boolean, containerRef: RefObject<HTMLDivElement | null>) => {
+export declare const useCalendarPosition: (calendarBoxOpen: boolean, containerRef: RefObject<HTMLDivElement | null>, calendarBoxRef: RefObject<HTMLDivElement | null>) => {
     calendarBoxStyles: CSSProperties;
 };

package/lib/inputs2/date/hooks/useCalendarPosition.js

@@ -0,0 +1,93 @@
+import { c as compilerRuntimeExports } from "../../../_virtual/compiler-runtime.js";
+import { useState, useRef, useLayoutEffect } from "react";
+const getOuterHeight = (element) => {
+  if (!element) return 0;
+  const {
+    borderTopWidth,
+    borderBottomWidth,
+    marginTop,
+    marginBottom
+  } = getComputedStyle(element);
+  const toNumber = (value) => parseFloat(value) || 0;
+  return element.scrollHeight + toNumber(borderTopWidth) + toNumber(borderBottomWidth) + toNumber(marginTop) + toNumber(marginBottom);
+};
+const useCalendarPosition = (calendarBoxOpen, containerRef, calendarBoxRef) => {
+  const $ = compilerRuntimeExports.c(8);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      top: 0,
+      left: 0,
+      position: "absolute"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [calendarBoxStyles, setCalendarBoxStyles] = useState(t0);
+  const shouldAlignRight = useRef(false);
+  const shouldFlipAbove = useRef(false);
+  let t1;
+  let t2;
+  if ($[1] !== calendarBoxOpen || $[2] !== calendarBoxRef || $[3] !== containerRef) {
+    t1 = () => {
+      const updatePosition = (shouldReviewAlignment) => {
+        const anchor = containerRef.current?.getBoundingClientRect();
+        if (!anchor) {
+          return;
+        }
+        const measuredWidth = calendarBoxRef.current?.getBoundingClientRect().width ?? 0;
+        const boxWidth = Math.max(anchor.width, measuredWidth);
+        const boxHeight = getOuterHeight(calendarBoxRef.current);
+        if (shouldReviewAlignment) {
+          shouldAlignRight.current = anchor.left + boxWidth > window.innerWidth;
+          shouldFlipAbove.current = anchor.bottom + boxHeight > window.innerHeight && anchor.top - boxHeight >= 0;
+        }
+        const alignedLeft = shouldAlignRight.current ? Math.max(0, anchor.right - boxWidth) : anchor.left;
+        const alignedTop = shouldFlipAbove.current ? anchor.top - boxHeight : anchor.top + anchor.height;
+        setCalendarBoxStyles({
+          top: alignedTop + window.scrollY,
+          left: alignedLeft + window.scrollX,
+          width: anchor.width,
+          position: "absolute"
+        });
+      };
+      const handleScroll = () => updatePosition(false);
+      const handleResize = () => updatePosition(true);
+      if (calendarBoxOpen) {
+        updatePosition(true);
+        window.addEventListener("resize", handleResize);
+        window.addEventListener("scroll", handleScroll, true);
+      }
+      return () => {
+        window.removeEventListener("resize", handleResize);
+        window.removeEventListener("scroll", handleScroll, true);
+      };
+    };
+    t2 = [calendarBoxOpen, containerRef, calendarBoxRef];
+    $[1] = calendarBoxOpen;
+    $[2] = calendarBoxRef;
+    $[3] = containerRef;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useLayoutEffect(t1, t2);
+  let t3;
+  if ($[6] !== calendarBoxStyles) {
+    t3 = {
+      calendarBoxStyles
+    };
+    $[6] = calendarBoxStyles;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+export {
+  useCalendarPosition
+};
+//# sourceMappingURL=useCalendarPosition.js.map

package/lib/inputs2/date/hooks/useCalendarPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarPosition.js","sources":["../../../../src/lib/inputs2/date/hooks/useCalendarPosition.ts"],"sourcesContent":["import { CSSProperties, RefObject, useLayoutEffect, useRef, useState } from 'react';\n\n// A animação de abertura anima a altura: no primeiro frame o box mede quase zero, e é a\n// altura final que decide o flip.\nconst getOuterHeight = (element: HTMLDivElement | null) => {\n  if (!element) return 0;\n  const { borderTopWidth, borderBottomWidth, marginTop, marginBottom } = getComputedStyle(element);\n  const toNumber = (value: string) => parseFloat(value) || 0;\n  return element.scrollHeight + toNumber(borderTopWidth) + toNumber(borderBottomWidth)\n    + toNumber(marginTop) + toNumber(marginBottom);\n};\n\nexport const useCalendarPosition = (\n  calendarBoxOpen: boolean,\n  containerRef: RefObject<HTMLDivElement | null>,\n  calendarBoxRef: RefObject<HTMLDivElement | null>,\n) => {\n  // Em `static` o box ocupa a largura inteira do `body`, e é essa largura que a primeira\n  // medição leria.\n  const [calendarBoxStyles, setCalendarBoxStyles] = useState<CSSProperties>({\n    top: 0,\n    left: 0,\n    position: 'absolute',\n  });\n  const shouldAlignRight = useRef(false);\n  const shouldFlipAbove = useRef(false);\n\n  useLayoutEffect(() => {\n    const updatePosition = (shouldReviewAlignment: boolean) => {\n      const anchor = containerRef.current?.getBoundingClientRect();\n      if (!anchor) return;\n      // A largura mínima do box mora no SCSS, então ela é medida e não deduzida.\n      const measuredWidth = calendarBoxRef.current?.getBoundingClientRect().width ?? 0;\n      const boxWidth = Math.max(anchor.width, measuredWidth);\n      const boxHeight = getOuterHeight(calendarBoxRef.current);\n      // Refazer estas contas a cada scroll faria o box saltar no meio do gesto.\n      if (shouldReviewAlignment) {\n        shouldAlignRight.current = anchor.left + boxWidth > window.innerWidth;\n        shouldFlipAbove.current = anchor.bottom + boxHeight > window.innerHeight\n          && anchor.top - boxHeight >= 0;\n      }\n      const alignedLeft = shouldAlignRight.current\n        ? Math.max(0, anchor.right - boxWidth)\n        : anchor.left;\n      const alignedTop = shouldFlipAbove.current\n        ? anchor.top - boxHeight\n        : anchor.top + anchor.height;\n      setCalendarBoxStyles({\n        top: alignedTop + window.scrollY,\n        left: alignedLeft + window.scrollX,\n        width: anchor.width,\n        position: 'absolute',\n      });\n    };\n\n    const handleScroll = () => updatePosition(false);\n    const handleResize = () => updatePosition(true);\n\n    if (calendarBoxOpen) {\n      updatePosition(true);\n      window.addEventListener('resize', handleResize);\n      window.addEventListener('scroll', handleScroll, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [calendarBoxOpen, containerRef, calendarBoxRef]);\n\n  return { calendarBoxStyles };\n};\n"],"names":["getOuterHeight","element","borderTopWidth","borderBottomWidth","marginTop","marginBottom","getComputedStyle","toNumber","value","parseFloat","scrollHeight","useCalendarPosition","calendarBoxOpen","containerRef","calendarBoxRef","$","_c","t0","Symbol","for","top","left","position","calendarBoxStyles","setCalendarBoxStyles","useState","shouldAlignRight","useRef","shouldFlipAbove","t1","t2","updatePosition","shouldReviewAlignment","anchor","current","getBoundingClientRect","measuredWidth","width","boxWidth","Math","max","boxHeight","window","innerWidth","bottom","innerHeight","alignedLeft","right","alignedTop","height","scrollY","scrollX","handleScroll","handleResize","addEventListener","removeEventListener","useLayoutEffect","t3"],"mappings":"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"}

package/lib/inputs2/date/hooks/useDateCalendarState.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { Moment } from 'moment';
+import { DateSharedContextProps } from '../types';
+interface UseDateCalendarStateParams {
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    min?: Moment;
+    max?: Moment;
+    onPressEnter?: (activeDescendant: string) => void;
+}
+interface UseDateCalendarStateReturn extends DateSharedContextProps {
+    handleKeyDownNavigation: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export declare const useDateCalendarState: (params?: UseDateCalendarStateParams) => UseDateCalendarStateReturn;
+export {};

package/lib/inputs2/date/hooks/useDateCalendarState.js

@@ -0,0 +1,250 @@
+import { c as compilerRuntimeExports } from "../../../_virtual/compiler-runtime.js";
+import React from "react";
+import hooks from "../../../node_modules/moment/dist/moment.js";
+import { Keys } from "../types.js";
+import { TOKEN_ISO_FORMAT, NAVIGATION_KEYS } from "../helpers.js";
+const useDateCalendarState = (t0) => {
+  const $ = compilerRuntimeExports.c(30);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const params = t1;
+  const {
+    inputRef,
+    min,
+    max,
+    onPressEnter
+  } = params;
+  const [calendarBoxOpen, setCalendarBoxOpen] = React.useState(false);
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = hooks().format(TOKEN_ISO_FORMAT);
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const [activeDescendant, setActiveDescendant] = React.useState(t2);
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = hooks();
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const [calendarDisplayDate, setCalendarDisplayDate] = React.useState(t3);
+  const calendarRef = React.useRef(null);
+  const dateContainerRef = React.useRef(null);
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = (value) => setCalendarBoxOpen(value);
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const handleSetCalendarBoxOpen = t4;
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (value_0) => setActiveDescendant(value_0);
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const handleChangeActiveDescendant = t5;
+  let t6;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (value_1) => setCalendarDisplayDate(value_1);
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const handleChangeCalendarDisplayDate = t6;
+  let t7;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => setCalendarDisplayDate(_temp);
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  const handleNextMonth = t7;
+  let t8;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => setCalendarDisplayDate(_temp2);
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  const handlePreviousMonth = t8;
+  let t9;
+  if ($[9] !== inputRef) {
+    t9 = () => {
+      setCalendarBoxOpen((prevState) => {
+        if (inputRef?.current !== document.activeElement) {
+          inputRef?.current?.focus?.();
+        }
+        return !prevState;
+      });
+    };
+    $[9] = inputRef;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  const handleToggleCalendarBox = t9;
+  let t10;
+  if ($[11] !== max || $[12] !== min) {
+    t10 = (day) => {
+      if (min && day.isBefore(min, "day")) {
+        return min.clone().startOf("day");
+      }
+      if (max && day.isAfter(max, "day")) {
+        return max.clone().startOf("day");
+      }
+      return day;
+    };
+    $[11] = max;
+    $[12] = min;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  const clampToBounds = t10;
+  let t11;
+  if ($[14] !== clampToBounds) {
+    t11 = (offset) => {
+      setCalendarDisplayDate((prevDisplayDate_1) => {
+        const daySelected = clampToBounds(prevDisplayDate_1.clone().add(offset, "day"));
+        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));
+        return daySelected;
+      });
+    };
+    $[14] = clampToBounds;
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  const handleNavigateWithDays = t11;
+  let t12;
+  if ($[16] !== clampToBounds) {
+    t12 = (when) => {
+      setCalendarDisplayDate((prevDisplayDate_2) => {
+        let daySelected_0 = prevDisplayDate_2;
+        if (when === "end") {
+          daySelected_0 = prevDisplayDate_2.clone().endOf("week");
+        }
+        if (when === "start") {
+          daySelected_0 = prevDisplayDate_2.clone().startOf("week");
+        }
+        daySelected_0 = clampToBounds(daySelected_0);
+        setActiveDescendant(daySelected_0.format(TOKEN_ISO_FORMAT));
+        return daySelected_0;
+      });
+    };
+    $[16] = clampToBounds;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const handleNavigateWithWeeks = t12;
+  let t13;
+  if ($[18] !== activeDescendant || $[19] !== calendarBoxOpen || $[20] !== handleNavigateWithDays || $[21] !== handleNavigateWithWeeks || $[22] !== onPressEnter) {
+    t13 = (event) => {
+      const isNavigationKey = Boolean(event.key) && !event.shiftKey && !event.altKey && NAVIGATION_KEYS.includes(event.key);
+      if (!calendarBoxOpen || !isNavigationKey) {
+        return;
+      }
+      event.preventDefault();
+      bb84: switch (event.key) {
+        case Keys.arrowLeft: {
+          handleNavigateWithDays(-1);
+          break bb84;
+        }
+        case Keys.arrowRight: {
+          handleNavigateWithDays(1);
+          break bb84;
+        }
+        case Keys.arrowUp: {
+          handleNavigateWithDays(-7);
+          break bb84;
+        }
+        case Keys.arrowDown: {
+          handleNavigateWithDays(7);
+          break bb84;
+        }
+        case Keys.pageUp: {
+          handleNextMonth();
+          break bb84;
+        }
+        case Keys.pageDown: {
+          handlePreviousMonth();
+          break bb84;
+        }
+        case Keys.home: {
+          handleNavigateWithWeeks("start");
+          break bb84;
+        }
+        case Keys.end: {
+          handleNavigateWithWeeks("end");
+          break bb84;
+        }
+        case Keys.escape: {
+          setCalendarBoxOpen(false);
+          break bb84;
+        }
+        case Keys.enter: {
+          onPressEnter?.(activeDescendant);
+          break bb84;
+        }
+      }
+    };
+    $[18] = activeDescendant;
+    $[19] = calendarBoxOpen;
+    $[20] = handleNavigateWithDays;
+    $[21] = handleNavigateWithWeeks;
+    $[22] = onPressEnter;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  const handleKeyDownNavigation = t13;
+  let t14;
+  if ($[24] !== activeDescendant || $[25] !== calendarBoxOpen || $[26] !== calendarDisplayDate || $[27] !== handleKeyDownNavigation || $[28] !== handleToggleCalendarBox) {
+    t14 = {
+      calendarBoxOpen,
+      activeDescendant,
+      calendarDisplayDate,
+      calendarRef,
+      dateContainerRef,
+      handleNextMonth,
+      handlePreviousMonth,
+      handleToggleCalendarBox,
+      handleSetCalendarBoxOpen,
+      handleChangeActiveDescendant,
+      handleChangeCalendarDisplayDate,
+      handleKeyDownNavigation
+    };
+    $[24] = activeDescendant;
+    $[25] = calendarBoxOpen;
+    $[26] = calendarDisplayDate;
+    $[27] = handleKeyDownNavigation;
+    $[28] = handleToggleCalendarBox;
+    $[29] = t14;
+  } else {
+    t14 = $[29];
+  }
+  return t14;
+};
+function _temp(prevDisplayDate) {
+  return prevDisplayDate.clone().add(1, "month");
+}
+function _temp2(prevDisplayDate_0) {
+  return prevDisplayDate_0.clone().subtract(1, "month");
+}
+export {
+  useDateCalendarState
+};
+//# sourceMappingURL=useDateCalendarState.js.map

package/lib/inputs2/date/hooks/useDateCalendarState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateCalendarState.js","sources":["../../../../src/lib/inputs2/date/hooks/useDateCalendarState.ts"],"sourcesContent":["import React from 'react';\nimport moment, { type Moment } from 'moment';\nimport { Keys, type DateSharedContextProps } from '../types';\nimport { NAVIGATION_KEYS, TOKEN_ISO_FORMAT } from '../helpers';\n\ninterface UseDateCalendarStateParams {\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  min?: Moment;\n  max?: Moment;\n  onPressEnter?: (activeDescendant: string) => void;\n}\n\ninterface UseDateCalendarStateReturn extends DateSharedContextProps {\n  handleKeyDownNavigation: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const useDateCalendarState = (\n  params: UseDateCalendarStateParams = {},\n): UseDateCalendarStateReturn => {\n  const { inputRef, min, max, onPressEnter } = params;\n  const [calendarBoxOpen, setCalendarBoxOpen] = React.useState(false);\n  const [activeDescendant, setActiveDescendant] = React.useState<string>(\n    moment().format(TOKEN_ISO_FORMAT),\n  );\n  const [calendarDisplayDate, setCalendarDisplayDate] = React.useState<Moment>(moment());\n  const calendarRef = React.useRef<HTMLDivElement | null>(null);\n  const dateContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n  const handleSetCalendarBoxOpen = React.useCallback(\n    (value: boolean) => setCalendarBoxOpen(value), [],\n  );\n  const handleChangeActiveDescendant = React.useCallback(\n    (value: string) => setActiveDescendant(value), [],\n  );\n  const handleChangeCalendarDisplayDate = React.useCallback(\n    (value: Moment) => setCalendarDisplayDate(value), [],\n  );\n  const handleNextMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n    prevDisplayDate.clone().add(1, 'month')), []);\n  const handlePreviousMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n    prevDisplayDate.clone().subtract(1, 'month')), []);\n\n  // Abrir pelo botão devolve o foco ao input: é ele que escuta as setas, e o calendário\n  // fecha no blur — sem esse foco o calendário abriria sem ninguém para navegá-lo.\n  const handleToggleCalendarBox = React.useCallback(() => {\n    setCalendarBoxOpen((prevState) => {\n      if (inputRef?.current !== document.activeElement) {\n        inputRef?.current?.focus?.();\n      }\n      return !prevState;\n    });\n  }, [inputRef]);\n\n  // Prender o cursor na borda em vez de rejeitar o movimento. Rejeitar deixaria quem\n  // paginou para um mês inteiramente fora do intervalo sem nenhuma seta que ande, já que\n  // o mesmo estado guarda o mês exibido e o cursor.\n  const clampToBounds = (day: Moment) => {\n    if (min && day.isBefore(min, 'day')) return min.clone().startOf('day');\n    if (max && day.isAfter(max, 'day')) return max.clone().startOf('day');\n    return day;\n  };\n\n  const handleNavigateWithDays = (offset: number) => {\n    setCalendarDisplayDate((prevDisplayDate) => {\n      const daySelected = clampToBounds(prevDisplayDate.clone().add(offset, 'day'));\n      setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n      return daySelected;\n    });\n  };\n\n  const handleNavigateWithWeeks = (when: 'start' | 'end') => {\n    setCalendarDisplayDate((prevDisplayDate) => {\n      let daySelected = prevDisplayDate;\n      if (when === 'end') daySelected = prevDisplayDate.clone().endOf('week');\n      if (when === 'start') daySelected = prevDisplayDate.clone().startOf('week');\n      daySelected = clampToBounds(daySelected);\n      setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n      return daySelected;\n    });\n  };\n\n  const handleKeyDownNavigation = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const isNavigationKey = Boolean(event.key) && !event.shiftKey && !event.altKey &&\n      NAVIGATION_KEYS.includes(event.key);\n    if (!calendarBoxOpen || !isNavigationKey) return;\n    event.preventDefault();\n    switch (event.key) {\n      case Keys.arrowLeft: handleNavigateWithDays(-1);\n        break;\n      case Keys.arrowRight: handleNavigateWithDays(1);\n        break;\n      case Keys.arrowUp: handleNavigateWithDays(-7);\n        break;\n      case Keys.arrowDown: handleNavigateWithDays(7);\n        break;\n      case Keys.pageUp: handleNextMonth();\n        break;\n      case Keys.pageDown: handlePreviousMonth();\n        break;\n      case Keys.home: handleNavigateWithWeeks('start');\n        break;\n      case Keys.end: handleNavigateWithWeeks('end');\n        break;\n      case Keys.escape: setCalendarBoxOpen(false);\n        break;\n      case Keys.enter: onPressEnter?.(activeDescendant);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return {\n    calendarBoxOpen,\n    activeDescendant,\n    calendarDisplayDate,\n    calendarRef,\n    dateContainerRef,\n    handleNextMonth,\n    handlePreviousMonth,\n    handleToggleCalendarBox,\n    handleSetCalendarBoxOpen,\n    handleChangeActiveDescendant,\n    handleChangeCalendarDisplayDate,\n    handleKeyDownNavigation,\n  };\n};\n"],"names":["useDateCalendarState","t0","$","_c","t1","undefined","params","inputRef","min","max","onPressEnter","calendarBoxOpen","setCalendarBoxOpen","React","useState","t2","Symbol","for","moment","format","TOKEN_ISO_FORMAT","activeDescendant","setActiveDescendant","t3","calendarDisplayDate","setCalendarDisplayDate","calendarRef","useRef","dateContainerRef","t4","value","handleSetCalendarBoxOpen","t5","value_0","handleChangeActiveDescendant","t6","value_1","handleChangeCalendarDisplayDate","t7","_temp","handleNextMonth","t8","_temp2","handlePreviousMonth","t9","prevState","current","document","activeElement","focus","handleToggleCalendarBox","t10","day","isBefore","clone","startOf","isAfter","clampToBounds","t11","offset","prevDisplayDate_1","daySelected","prevDisplayDate","add","handleNavigateWithDays","t12","when","prevDisplayDate_2","daySelected_0","endOf","handleNavigateWithWeeks","t13","event","isNavigationKey","Boolean","key","shiftKey","altKey","NAVIGATION_KEYS","includes","preventDefault","bb84","Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter","handleKeyDownNavigation","t14","prevDisplayDate_0","subtract"],"mappings":";;;;;AAgBO,MAAMA,uBAAuBC,CAAAA,OAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,EAAA;AAAA,MAAAC;AAAA,MAAAF,SAAAD,IAAA;AAClCG,SAAAH,OAAAI,SAAA,CAAA,IAAAJ;AAAuCC,WAAAD;AAAAC,WAAAE;AAAAA,EAAA,OAAA;AAAAA,SAAAF,EAAA,CAAA;AAAA,EAAA;AAAvC,QAAAI,SAAAF;AAEA,QAAA;AAAA,IAAAG;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAA6CJ;AAC7C,QAAA,CAAAK,iBAAAC,kBAAA,IAA8CC,MAAKC,SAAU,KAAK;AAAE,MAAAC;AAAA,MAAAb,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,GAAA;AAElEF,SAAAG,MAAAA,EAAQC,OAAQC,gBAAgB;AAAClB,WAAAa;AAAAA,EAAA,OAAA;AAAAA,SAAAb,EAAA,CAAA;AAAA,EAAA;AADnC,QAAA,CAAAmB,kBAAAC,mBAAA,IAAgDT,MAAKC,SACnDC,EACF;AAAE,MAAAQ;AAAA,MAAArB,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,GAAA;AAC2EM,SAAAL,MAAAA;AAAQhB,WAAAqB;AAAAA,EAAA,OAAA;AAAAA,SAAArB,EAAA,CAAA;AAAA,EAAA;AAArF,QAAA,CAAAsB,qBAAAC,sBAAA,IAAsDZ,MAAKC,SAAkBS,EAAQ;AACrF,QAAAG,cAAoBb,MAAKc,OAA+B,IAAI;AAC5D,QAAAC,mBAAyBf,MAAKc,OAA+B,IAAI;AAAE,MAAAE;AAAA,MAAA3B,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,GAAA;AAGjEY,SAAAC,CAAAA,UAAoBlB,mBAAmBkB,KAAK;AAAC5B,WAAA2B;AAAAA,EAAA,OAAA;AAAAA,SAAA3B,EAAA,CAAA;AAAA,EAAA;AAD/C,QAAA6B,2BAAiCF;AAE/B,MAAAG;AAAA,MAAA9B,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,GAAA;AAEAe,SAAAC,CAAAA,YAAmBX,oBAAoBQ,OAAK;AAAC5B,WAAA8B;AAAAA,EAAA,OAAA;AAAAA,SAAA9B,EAAA,CAAA;AAAA,EAAA;AAD/C,QAAAgC,+BAAqCF;AAEnC,MAAAG;AAAA,MAAAjC,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,GAAA;AAEAkB,SAAAC,CAAAA,YAAmBX,uBAAuBK,OAAK;AAAC5B,WAAAiC;AAAAA,EAAA,OAAA;AAAAA,SAAAjC,EAAA,CAAA;AAAA,EAAA;AADlD,QAAAmC,kCAAwCF;AAEtC,MAAAG;AAAA,MAAApC,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,GAAA;AACwCqB,SAAAA,MAAMb,uBAAuBc,KAC9B;AAACrC,WAAAoC;AAAAA,EAAA,OAAA;AAAAA,SAAApC,EAAA,CAAA;AAAA,EAAA;AAD1C,QAAAsC,kBAAwBF;AACwB,MAAAG;AAAA,MAAAvC,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,GAAA;AACFwB,SAAAA,MAAMhB,uBAAuBiB,MAC7B;AAACxC,WAAAuC;AAAAA,EAAA,OAAA;AAAAA,SAAAvC,EAAA,CAAA;AAAA,EAAA;AAD/C,QAAAyC,sBAA4BF;AACyB,MAAAG;AAAA,MAAA1C,SAAAK,UAAA;AAIHqC,SAAAA,MAAA;AAChDhC,yBAAmBiC,CAAAA,cAAA;AACjB,YAAItC,UAAQuC,YAAcC,SAAQC,eAAc;AAC9CzC,oBAAQuC,SAAgBG,QAAAA;AAAAA,QAAI;AAC7B,eACM,CAACJ;AAAAA,MAAS,CAClB;AAAA,IAAC;AACH3C,WAAAK;AAAAL,YAAA0C;AAAAA,EAAA,OAAA;AAAAA,SAAA1C,EAAA,EAAA;AAAA,EAAA;AAPD,QAAAgD,0BAAgCN;AAOjB,MAAAO;AAAA,MAAAjD,EAAA,EAAA,MAAAO,OAAAP,UAAAM,KAAA;AAKO2C,UAAAC,CAAAA,QAAA;AACpB,UAAI5C,OAAO4C,IAAGC,SAAU7C,KAAK,KAAK,GAAC;AAAA,eAASA,IAAG8C,QAAQC,QAAS,KAAK;AAAA,MAAC;AACtE,UAAI9C,OAAO2C,IAAGI,QAAS/C,KAAK,KAAK,GAAC;AAAA,eAASA,IAAG6C,QAAQC,QAAS,KAAK;AAAA,MAAC;AAAC,aAC/DH;AAAAA,IAAG;AACXlD,YAAAO;AAAAP,YAAAM;AAAAN,YAAAiD;AAAAA,EAAA,OAAA;AAAAA,UAAAjD,EAAA,EAAA;AAAA,EAAA;AAJD,QAAAuD,gBAAsBN;AAIpB,MAAAO;AAAA,MAAAxD,UAAAuD,eAAA;AAE6BC,UAAAC,CAAAA,WAAA;AAC7BlC,6BAAuBmC,CAAAA,sBAAA;AACrB,cAAAC,cAAoBJ,cAAcK,kBAAeR,MAAAA,EAAQS,IAAKJ,QAAQ,KAAK,CAAC;AAC5ErC,4BAAoBuC,YAAW1C,OAAQC,gBAAgB,CAAC;AAAC,eAClDyC;AAAAA,MAAW,CACnB;AAAA,IAAC;AACH3D,YAAAuD;AAAAvD,YAAAwD;AAAAA,EAAA,OAAA;AAAAA,UAAAxD,EAAA,EAAA;AAAA,EAAA;AAND,QAAA8D,yBAA+BN;AAM7B,MAAAO;AAAA,MAAA/D,UAAAuD,eAAA;AAE8BQ,UAAAC,CAAAA,SAAA;AAC9BzC,6BAAuB0C,CAAAA,sBAAA;AACrB,YAAAC,gBAAkBN;AAClB,YAAII,SAAS,OAAK;AAAEL,0BAAcC,kBAAeR,QAAQe,MAAO,MAAM;AAAA,QAAvC;AAC/B,YAAIH,SAAS,SAAO;AAAEL,0BAAcC,kBAAeR,QAAQC,QAAS,MAAM;AAAA,QAAzC;AACjCM,wBAAcJ,cAAcI,aAAW;AACvCvC,4BAAoBuC,cAAW1C,OAAQC,gBAAgB,CAAC;AAAC,eAClDyC;AAAAA,MAAW,CACnB;AAAA,IAAC;AACH3D,YAAAuD;AAAAvD,YAAA+D;AAAAA,EAAA,OAAA;AAAAA,UAAA/D,EAAA,EAAA;AAAA,EAAA;AATD,QAAAoE,0BAAgCL;AAS9B,MAAAM;AAAA,MAAArE,EAAA,EAAA,MAAAmB,oBAAAnB,EAAA,EAAA,MAAAS,mBAAAT,EAAA,EAAA,MAAA8D,0BAAA9D,EAAA,EAAA,MAAAoE,2BAAApE,UAAAQ,cAAA;AAE8B6D,UAAAC,CAAAA,UAAA;AAC9B,YAAAC,kBAAwBC,QAAQF,MAAKG,GAAuB,KAApC,CAAuBH,MAAKI,YAA5B,CAA0CJ,MAAKK,UACrEC,gBAAeC,SAAUP,MAAKG,GAAI;AACpC,UAAI,CAAChE,mBAAD,CAAqB8D,iBAAe;AAAA;AAAA,MAAA;AACxCD,YAAKQ,eAAAA;AAAiBC,WACtB,SAAQT,MAAKG,KAAAA;AAAAA,QAAI,KACVO,KAAIC,WAAU;AAAEnB,iCAAuB,EAAE;AAC5C,gBAAAiB;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIE,YAAW;AAAEpB,iCAAuB,CAAC;AAC5C,gBAAAiB;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIG,SAAQ;AAAErB,iCAAuB,EAAE;AAC1C,gBAAAiB;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAII,WAAU;AAAEtB,iCAAuB,CAAC;AAC3C,gBAAAiB;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIK,QAAO;AAAE/C,0BAAAA;AAChB,gBAAAyC;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIM,UAAS;AAAE7C,8BAAAA;AAClB,gBAAAsC;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIO,MAAK;AAAEnB,kCAAwB,OAAO;AAC7C,gBAAAW;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIQ,KAAI;AAAEpB,kCAAwB,KAAK;AAC1C,gBAAAW;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIS,QAAO;AAAE/E,6BAAmB,KAAK;AACxC,gBAAAqE;AAAAA,QAAM;AAAA,QAAA,KACHC,KAAIU,OAAM;AAAElF,yBAAeW,gBAAgB;AAC9C,gBAAA4D;AAAAA,QAAM;AAAA,MAAA;AAAA,IAGT;AACF/E,YAAAmB;AAAAnB,YAAAS;AAAAT,YAAA8D;AAAA9D,YAAAoE;AAAApE,YAAAQ;AAAAR,YAAAqE;AAAAA,EAAA,OAAA;AAAAA,UAAArE,EAAA,EAAA;AAAA,EAAA;AA7BD,QAAA2F,0BAAgCtB;AA6B9B,MAAAuB;AAAA,MAAA5F,EAAA,EAAA,MAAAmB,oBAAAnB,EAAA,EAAA,MAAAS,mBAAAT,EAAA,EAAA,MAAAsB,uBAAAtB,EAAA,EAAA,MAAA2F,2BAAA3F,UAAAgD,yBAAA;AAEK4C,UAAA;AAAA,MAAAnF;AAAAA,MAAAU;AAAAA,MAAAG;AAAAA,MAAAE;AAAAA,MAAAE;AAAAA,MAAAY;AAAAA,MAAAG;AAAAA,MAAAO;AAAAA,MAAAnB;AAAAA,MAAAG;AAAAA,MAAAG;AAAAA,MAAAwD;AAAAA,IAAAA;AAaN3F,YAAAmB;AAAAnB,YAAAS;AAAAT,YAAAsB;AAAAtB,YAAA2F;AAAA3F,YAAAgD;AAAAhD,YAAA4F;AAAAA,EAAA,OAAA;AAAAA,UAAA5F,EAAA,EAAA;AAAA,EAAA;AAAA,SAbM4F;AAaN;AA7GiC,SAAAvD,MAAAuB,iBAAA;AAAA,SAsBhCA,gBAAeR,MAAAA,EAAQS,IAAK,GAAG,OAAO;AAAC;AAtBP,SAAArB,OAAAqD,mBAAA;AAAA,SAwBhCjC,kBAAeR,MAAAA,EAAQ0C,SAAU,GAAG,OAAO;AAAC;"}

package/lib/inputs2/date/hooks/useDateMask.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { Moment } from 'moment';
+import { DateVariant } from '../types';
+interface UseDateMaskParams {
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    variant?: DateVariant;
+    defaultValue?: string;
+    undigitable?: boolean;
+    readOnly?: boolean;
+    onCommit: (date: Moment) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    onBeforeInput?: (event: React.InputEvent<HTMLInputElement>) => void;
+}
+export declare const useDateMask: (params: UseDateMaskParams) => {
+    maskedValue: string;
+    unmaskedValue: string;
+    setMaskValue: React.Dispatch<string>;
+    handleOnPaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleOnBeforeInput: (event: React.InputEvent<HTMLInputElement>) => void;
+    handleOnKeyDownCapture: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+};
+export {};

package/lib/inputs2/date/hooks/useDateMask.js

@@ -0,0 +1,215 @@
+import { c as compilerRuntimeExports } from "../../../_virtual/compiler-runtime.js";
+import hooks from "../../../node_modules/moment/dist/moment.js";
+import { useIMask, IMask } from "react-imask";
+import { getDateFormats, getMaskSegments } from "../helpers.js";
+const buildMaskOptions = (variant) => {
+  const {
+    ptbrFormat
+  } = getDateFormats(variant);
+  return {
+    mask: Date,
+    pattern: variant === "datetime" ? "`d/`m/`Y `H:`M" : "`d/`m/`Y",
+    lazy: false,
+    placeholderChar: "_",
+    overwrite: true,
+    autofix: "pad",
+    blocks: {
+      d: {
+        mask: IMask.MaskedRange,
+        from: 1,
+        to: 31,
+        maxLength: 2,
+        autofix: "pad"
+      },
+      m: {
+        mask: IMask.MaskedRange,
+        from: 1,
+        to: 12,
+        maxLength: 2,
+        autofix: "pad"
+      },
+      Y: {
+        mask: IMask.MaskedRange,
+        from: 1900,
+        to: 2099,
+        maxLength: 4
+      },
+      H: {
+        mask: IMask.MaskedRange,
+        from: 0,
+        to: 23,
+        maxLength: 2
+      },
+      M: {
+        mask: IMask.MaskedRange,
+        from: 0,
+        to: 59,
+        maxLength: 2
+      }
+    },
+    format: (date) => hooks(date).format(ptbrFormat),
+    parse: (value) => hooks(value, ptbrFormat).toDate()
+  };
+};
+const useDateMask = (params) => {
+  const $ = compilerRuntimeExports.c(29);
+  const {
+    inputRef,
+    variant: t0,
+    defaultValue,
+    undigitable: t1,
+    readOnly: t2,
+    onCommit,
+    onPaste,
+    onBeforeInput
+  } = params;
+  const variant = t0 === void 0 ? "date" : t0;
+  const undigitable = t1 === void 0 ? false : t1;
+  const readOnly = t2 === void 0 ? false : t2;
+  let t3;
+  if ($[0] !== variant) {
+    t3 = getDateFormats(variant);
+    $[0] = variant;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const {
+    ptbrFormat
+  } = t3;
+  let t4;
+  if ($[2] !== variant) {
+    t4 = buildMaskOptions(variant);
+    $[2] = variant;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const maskOptions = t4;
+  let t5;
+  if ($[4] !== onCommit || $[5] !== ptbrFormat) {
+    t5 = (acceptedValue, mask) => {
+      if (!mask?.masked?.isComplete) {
+        return;
+      }
+      const date = hooks(acceptedValue, ptbrFormat);
+      if (date.isValid()) {
+        onCommit(date);
+      }
+    };
+    $[4] = onCommit;
+    $[5] = ptbrFormat;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== defaultValue || $[8] !== inputRef || $[9] !== t5) {
+    t6 = {
+      ref: inputRef,
+      defaultValue,
+      onAccept: t5
+    };
+    $[7] = defaultValue;
+    $[8] = inputRef;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const {
+    value,
+    unmaskedValue,
+    setValue
+  } = useIMask(maskOptions, t6);
+  let t7;
+  if ($[11] !== inputRef || $[12] !== ptbrFormat || $[13] !== readOnly || $[14] !== undigitable) {
+    t7 = (event) => {
+      if (undigitable || readOnly) {
+        return;
+      }
+      if (event.ctrlKey || event.metaKey || event.altKey) {
+        return;
+      }
+      if (event.key.length !== 1 || !/\d/.test(event.key)) {
+        return;
+      }
+      const input = inputRef.current;
+      const start = input?.selectionStart;
+      const end = input?.selectionEnd;
+      if (!input || start == null || end == null || start === end) {
+        return;
+      }
+      const segment = getMaskSegments(ptbrFormat).find((item) => start >= item.start && end <= item.end);
+      if (!segment) {
+        return;
+      }
+      input.setSelectionRange(segment.start, segment.end);
+    };
+    $[11] = inputRef;
+    $[12] = ptbrFormat;
+    $[13] = readOnly;
+    $[14] = undigitable;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  const handleOnKeyDownCapture = t7;
+  let t8;
+  if ($[16] !== onPaste || $[17] !== undigitable) {
+    t8 = (event_0) => {
+      if (undigitable) {
+        event_0.preventDefault();
+      } else {
+        onPaste?.(event_0);
+      }
+    };
+    $[16] = onPaste;
+    $[17] = undigitable;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  const handleOnPaste = t8;
+  let t9;
+  if ($[19] !== onBeforeInput || $[20] !== undigitable) {
+    t9 = (event_1) => {
+      if (undigitable) {
+        event_1.preventDefault();
+      } else {
+        onBeforeInput?.(event_1);
+      }
+    };
+    $[19] = onBeforeInput;
+    $[20] = undigitable;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  const handleOnBeforeInput = t9;
+  let t10;
+  if ($[22] !== handleOnBeforeInput || $[23] !== handleOnKeyDownCapture || $[24] !== handleOnPaste || $[25] !== setValue || $[26] !== unmaskedValue || $[27] !== value) {
+    t10 = {
+      maskedValue: value,
+      unmaskedValue,
+      setMaskValue: setValue,
+      handleOnPaste,
+      handleOnBeforeInput,
+      handleOnKeyDownCapture
+    };
+    $[22] = handleOnBeforeInput;
+    $[23] = handleOnKeyDownCapture;
+    $[24] = handleOnPaste;
+    $[25] = setValue;
+    $[26] = unmaskedValue;
+    $[27] = value;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  return t10;
+};
+export {
+  useDateMask
+};
+//# sourceMappingURL=useDateMask.js.map

package/lib/inputs2/date/hooks/useDateMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateMask.js","sources":["../../../../src/lib/inputs2/date/hooks/useDateMask.ts"],"sourcesContent":["import React from 'react';\nimport moment, { type Moment } from 'moment';\nimport { useIMask, IMask } from 'react-imask';\nimport type { DateVariant } from '../types';\nimport { getDateFormats, getMaskSegments } from '../helpers';\n\ninterface UseDateMaskParams {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  variant?: DateVariant;\n  defaultValue?: string;\n  undigitable?: boolean;\n  readOnly?: boolean;\n  onCommit: (date: Moment) => void;\n  onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;\n  onBeforeInput?: (event: React.InputEvent<HTMLInputElement>) => void;\n}\n\n// Cada segmento é um bloco próprio: é isso que impede os dígitos de deslizarem para a\n// esquerda ao digitar por cima de uma seleção. O `pad` completa `3` como `03`.\nconst buildMaskOptions = (variant: DateVariant) => {\n  const { ptbrFormat } = getDateFormats(variant);\n  return {\n    mask: Date,\n    pattern: variant === 'datetime' ? '`d/`m/`Y `H:`M' : '`d/`m/`Y',\n    lazy: false,\n    placeholderChar: '_',\n    overwrite: true,\n    autofix: 'pad',\n    blocks: {\n      d: { mask: IMask.MaskedRange, from: 1, to: 31, maxLength: 2, autofix: 'pad' },\n      m: { mask: IMask.MaskedRange, from: 1, to: 12, maxLength: 2, autofix: 'pad' },\n      Y: { mask: IMask.MaskedRange, from: 1900, to: 2099, maxLength: 4 },\n      H: { mask: IMask.MaskedRange, from: 0, to: 23, maxLength: 2 },\n      M: { mask: IMask.MaskedRange, from: 0, to: 59, maxLength: 2 },\n    },\n    format: (date: Date) => moment(date).format(ptbrFormat),\n    parse: (value: string) => moment(value, ptbrFormat).toDate(),\n  } as any;\n};\n\nexport const useDateMask = (params: UseDateMaskParams) => {\n  const {\n    inputRef, variant = 'date', defaultValue, undigitable = false, readOnly = false,\n    onCommit, onPaste, onBeforeInput,\n  } = params;\n  const { ptbrFormat } = getDateFormats(variant);\n  const maskOptions = React.useMemo(() => buildMaskOptions(variant), [variant]);\n\n  const { value, unmaskedValue, setValue } = useIMask(maskOptions, {\n    ref: inputRef,\n    defaultValue,\n    onAccept: (acceptedValue: string, mask: any) => {\n      // onAccept dispara a cada tecla, então sem esse guard o onChange sairia\n      // com datas pela metade enquanto a pessoa ainda está digitando.\n      if (!mask?.masked?.isComplete) return;\n      const date = moment(acceptedValue, ptbrFormat);\n      if (date.isValid()) { onCommit(date); }\n    },\n  });\n\n  // Selecionar um dígito e digitar por cima é o gesto de \"reescrever este segmento\". Sem\n  // normalizar a seleção, o dígito que não cabe transborda para o segmento seguinte e o\n  // sobrescreve calado — digitar `13` sobre o mês de 12/10/2026 levava o ano para 1926.\n  // Precisa ser na captura: o iMask escuta keydown no próprio input e fotografa a seleção\n  // ali, então um handler de bolha chegaria tarde.\n  const handleOnKeyDownCapture = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (undigitable || readOnly) return;\n    if (event.ctrlKey || event.metaKey || event.altKey) return;\n    if (event.key.length !== 1 || !/\\d/.test(event.key)) return;\n    const input = inputRef.current;\n    const start = input?.selectionStart;\n    const end = input?.selectionEnd;\n    if (!input || start == null || end == null || start === end) return;\n    const segment = getMaskSegments(ptbrFormat)\n      .find(item => start >= item.start && end <= item.end);\n    if (!segment) return;\n    input.setSelectionRange(segment.start, segment.end);\n  };\n\n  const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (undigitable) {\n      event.preventDefault();\n    } else {\n      onPaste?.(event);\n    }\n  };\n\n  const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n    if (undigitable) {\n      event.preventDefault();\n    } else {\n      onBeforeInput?.(event);\n    }\n  };\n\n  return {\n    maskedValue: value,\n    unmaskedValue,\n    setMaskValue: setValue,\n    handleOnPaste,\n    handleOnBeforeInput,\n    handleOnKeyDownCapture,\n  };\n};\n"],"names":["buildMaskOptions","variant","ptbrFormat","getDateFormats","mask","Date","pattern","lazy","placeholderChar","overwrite","autofix","blocks","d","IMask","MaskedRange","from","to","maxLength","m","Y","H","M","format","date","moment","parse","value","toDate","useDateMask","params","$","_c","inputRef","t0","defaultValue","undigitable","t1","readOnly","t2","onCommit","onPaste","onBeforeInput","undefined","t3","t4","maskOptions","t5","acceptedValue","masked","isComplete","isValid","t6","ref","onAccept","unmaskedValue","setValue","useIMask","t7","event","ctrlKey","metaKey","altKey","key","length","test","input","current","start","selectionStart","end","selectionEnd","segment","getMaskSegments","find","item","setSelectionRange","handleOnKeyDownCapture","t8","event_0","preventDefault","handleOnPaste","t9","event_1","handleOnBeforeInput","t10","maskedValue","setMaskValue"],"mappings":"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"}

package/lib/inputs2/date/timeselector.d.ts

@@ -0,0 +1,15 @@
+import { Moment } from 'moment';
+interface TimeSelectorProps {
+    /** null desabilita o seletor inteiro */
+    value: Moment | null;
+    onSelectTime: (hour: number, minute: number) => void;
+    min?: Moment;
+    max?: Moment;
+    testIdPrefix: string;
+}
+declare const TimeSelector: {
+    (props: TimeSelectorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { TimeSelector };
+export type { TimeSelectorProps };