linear-react-components-ui 2.1.0-beta.2 → 2.1.0-beta.4

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

@@ -1 +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":"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"}
+{"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  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  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":"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"}

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

@@ -6,6 +6,7 @@ interface UseDateMaskParams {
     variant?: DateVariant;
     defaultValue?: string;
     undigitable?: boolean;
+    readOnly?: boolean;
     onCommit: (date: Moment) => void;
     onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
     onBeforeInput?: (event: React.InputEvent<HTMLInputElement>) => void;
@@ -13,8 +14,9 @@ interface UseDateMaskParams {
 export declare const useDateMask: (params: UseDateMaskParams) => {
     maskedValue: string;
     unmaskedValue: string;
-    setMaskValue: React.Dispatch<string>;
+    setMaskValue: (nextValue: string) => void;
     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

@@ -1,7 +1,7 @@
-import { c as compilerRuntimeExports } from "../../../_virtual/compiler-runtime.js";
+import React from "react";
 import hooks from "../../../node_modules/moment/dist/moment.js";
 import { useIMask, IMask } from "react-imask";
-import { getDateFormats } from "../helpers.js";
+import { getMaskSegments, canSegmentAcceptDigits, getDateFormats } from "../helpers.js";
 const buildMaskOptions = (variant) => {
   const {
     ptbrFormat
@@ -12,7 +12,6 @@ const buildMaskOptions = (variant) => {
     lazy: false,
     placeholderChar: "_",
     overwrite: true,
-    autofix: "pad",
     blocks: {
       d: {
         mask: IMask.MaskedRange,
@@ -38,13 +37,15 @@ const buildMaskOptions = (variant) => {
         mask: IMask.MaskedRange,
         from: 0,
         to: 23,
-        maxLength: 2
+        maxLength: 2,
+        autofix: "pad"
       },
       M: {
         mask: IMask.MaskedRange,
         from: 0,
         to: 59,
-        maxLength: 2
+        maxLength: 2,
+        autofix: "pad"
       }
     },
     format: (date) => hooks(date).format(ptbrFormat),
@@ -52,125 +53,88 @@ const buildMaskOptions = (variant) => {
   };
 };
 const useDateMask = (params) => {
-  const $ = compilerRuntimeExports.c(23);
   const {
     inputRef,
-    variant: t0,
+    variant = "date",
     defaultValue,
-    undigitable: t1,
+    undigitable = false,
+    readOnly = false,
     onCommit,
     onPaste,
     onBeforeInput
   } = params;
-  const variant = t0 === void 0 ? "date" : t0;
-  const undigitable = t1 === void 0 ? false : t1;
-  let t2;
-  if ($[0] !== variant) {
-    t2 = getDateFormats(variant);
-    $[0] = variant;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
   const {
     ptbrFormat
-  } = t2;
-  let t3;
-  if ($[2] !== variant) {
-    t3 = buildMaskOptions(variant);
-    $[2] = variant;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const maskOptions = t3;
-  let t4;
-  if ($[4] !== onCommit || $[5] !== ptbrFormat) {
-    t4 = (acceptedValue, mask) => {
-      if (!mask?.masked?.isComplete) {
-        return;
-      }
-      const date = hooks(acceptedValue, ptbrFormat);
-      if (date.isValid()) {
-        onCommit(date);
-      }
-    };
-    $[4] = onCommit;
-    $[5] = ptbrFormat;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  let t5;
-  if ($[7] !== defaultValue || $[8] !== inputRef || $[9] !== t4) {
-    t5 = {
-      ref: inputRef,
-      defaultValue,
-      onAccept: t4
-    };
-    $[7] = defaultValue;
-    $[8] = inputRef;
-    $[9] = t4;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
+  } = getDateFormats(variant);
+  const maskOptions = React.useMemo(() => buildMaskOptions(variant), [variant]);
+  const onCommitRef = React.useRef(onCommit);
+  onCommitRef.current = onCommit;
+  const programmaticValueRef = React.useRef(null);
+  const handleAccept = (acceptedValue, mask) => {
+    if (acceptedValue === programmaticValueRef.current) {
+      programmaticValueRef.current = null;
+      return;
+    }
+    if (!mask?.masked?.isComplete) return;
+    const date = hooks(acceptedValue, ptbrFormat);
+    if (date.isValid()) {
+      onCommitRef.current(date);
+    }
+  };
   const {
     value,
     unmaskedValue,
     setValue
-  } = useIMask(maskOptions, t5);
-  let t6;
-  if ($[11] !== onPaste || $[12] !== undigitable) {
-    t6 = (event) => {
-      if (undigitable) {
-        event.preventDefault();
-      } else {
-        onPaste?.(event);
-      }
-    };
-    $[11] = onPaste;
-    $[12] = undigitable;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  const handleOnPaste = t6;
-  let t7;
-  if ($[14] !== onBeforeInput || $[15] !== undigitable) {
-    t7 = (event_0) => {
-      if (undigitable) {
-        event_0.preventDefault();
-      } else {
-        onBeforeInput?.(event_0);
-      }
-    };
-    $[14] = onBeforeInput;
-    $[15] = undigitable;
-    $[16] = t7;
-  } else {
-    t7 = $[16];
-  }
-  const handleOnBeforeInput = t7;
-  let t8;
-  if ($[17] !== handleOnBeforeInput || $[18] !== handleOnPaste || $[19] !== setValue || $[20] !== unmaskedValue || $[21] !== value) {
-    t8 = {
-      maskedValue: value,
-      unmaskedValue,
-      setMaskValue: setValue,
-      handleOnPaste,
-      handleOnBeforeInput
-    };
-    $[17] = handleOnBeforeInput;
-    $[18] = handleOnPaste;
-    $[19] = setValue;
-    $[20] = unmaskedValue;
-    $[21] = value;
-    $[22] = t8;
-  } else {
-    t8 = $[22];
-  }
-  return t8;
+  } = useIMask(maskOptions, {
+    ref: inputRef,
+    defaultValue,
+    onAccept: handleAccept
+  });
+  const setMaskValue = (nextValue) => {
+    programmaticValueRef.current = nextValue;
+    setValue(nextValue);
+  };
+  const handleOnKeyDownCapture = (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) return;
+    const segment = getMaskSegments(ptbrFormat).find((item) => start < item.end);
+    if (!segment || end > segment.end) return;
+    const hasSelection = end > start;
+    const caret = hasSelection ? segment.start : Math.max(start, segment.start);
+    const typed = hasSelection ? event.key : input.value.slice(segment.start, caret).replace(/\D/g, "") + event.key;
+    if (!canSegmentAcceptDigits(typed, segment.key)) {
+      event.preventDefault();
+      return;
+    }
+    input.setSelectionRange(caret, segment.end);
+  };
+  const handleOnPaste = (event_0) => {
+    if (undigitable) {
+      event_0.preventDefault();
+    } else {
+      onPaste?.(event_0);
+    }
+  };
+  const handleOnBeforeInput = (event_1) => {
+    if (undigitable) {
+      event_1.preventDefault();
+    } else {
+      onBeforeInput?.(event_1);
+    }
+  };
+  return {
+    maskedValue: value,
+    unmaskedValue,
+    setMaskValue,
+    handleOnPaste,
+    handleOnBeforeInput,
+    handleOnKeyDownCapture
+  };
 };
 export {
   useDateMask

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

@@ -1 +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 } from '../helpers';\n\ninterface UseDateMaskParams {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  variant?: DateVariant;\n  defaultValue?: string;\n  undigitable?: 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,\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  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  };\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","onCommit","onPaste","onBeforeInput","undefined","t2","t3","maskOptions","t4","acceptedValue","masked","isComplete","isValid","t5","ref","onAccept","unmaskedValue","setValue","useIMask","t6","event","preventDefault","handleOnPaste","t7","event_0","handleOnBeforeInput","t8","maskedValue","setMaskValue"],"mappings":";;;;AAkBA,MAAMA,mBAAmBA,CAACC,YAAyB;AACjD,QAAM;AAAA,IAAEC;AAAAA,EAAAA,IAAeC,eAAeF,OAAO;AAC7C,SAAO;AAAA,IACLG,MAAMC;AAAAA,IACNC,SAASL,YAAY,aAAa,mBAAmB;AAAA,IACrDM,MAAM;AAAA,IACNC,iBAAiB;AAAA,IACjBC,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,QAAQ;AAAA,MACNC,GAAG;AAAA,QAAER,MAAMS,MAAMC;AAAAA,QAAaC,MAAM;AAAA,QAAGC,IAAI;AAAA,QAAIC,WAAW;AAAA,QAAGP,SAAS;AAAA,MAAA;AAAA,MACtEQ,GAAG;AAAA,QAAEd,MAAMS,MAAMC;AAAAA,QAAaC,MAAM;AAAA,QAAGC,IAAI;AAAA,QAAIC,WAAW;AAAA,QAAGP,SAAS;AAAA,MAAA;AAAA,MACtES,GAAG;AAAA,QAAEf,MAAMS,MAAMC;AAAAA,QAAaC,MAAM;AAAA,QAAMC,IAAI;AAAA,QAAMC,WAAW;AAAA,MAAA;AAAA,MAC/DG,GAAG;AAAA,QAAEhB,MAAMS,MAAMC;AAAAA,QAAaC,MAAM;AAAA,QAAGC,IAAI;AAAA,QAAIC,WAAW;AAAA,MAAA;AAAA,MAC1DI,GAAG;AAAA,QAAEjB,MAAMS,MAAMC;AAAAA,QAAaC,MAAM;AAAA,QAAGC,IAAI;AAAA,QAAIC,WAAW;AAAA,MAAA;AAAA,IAAE;AAAA,IAE9DK,QAAQA,CAACC,SAAeC,MAAOD,IAAI,EAAED,OAAOpB,UAAU;AAAA,IACtDuB,OAAOA,CAACC,UAAkBF,MAAOE,OAAOxB,UAAU,EAAEyB,OAAAA;AAAAA,EAAO;AAE/D;AAEO,MAAMC,cAAcC,CAAAA,WAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,EAAA;AACzB,QAAA;AAAA,IAAAC;AAAAA,IAAA/B,SAAAgC;AAAAA,IAAAC;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAGIV;AAFQ,QAAA5B,UAAAgC,OAAAO,SAAA,SAAAP;AAAgC,QAAAE,cAAAC,OAAAI,SAAA,QAAAJ;AAAmB,MAAAK;AAAA,MAAAX,SAAA7B,SAAA;AAGxCwC,SAAAtC,eAAeF,OAAO;AAAC6B,WAAA7B;AAAA6B,WAAAW;AAAAA,EAAA,OAAA;AAAAA,SAAAX,EAAA,CAAA;AAAA,EAAA;AAA9C,QAAA;AAAA,IAAA5B;AAAAA,EAAAA,IAAuBuC;AAAwB,MAAAC;AAAA,MAAAZ,SAAA7B,SAAA;AACPyC,SAAA1C,iBAAiBC,OAAO;AAAC6B,WAAA7B;AAAA6B,WAAAY;AAAAA,EAAA,OAAA;AAAAA,SAAAZ,EAAA,CAAA;AAAA,EAAA;AAAjE,QAAAa,cAAwCD;AAAsC,MAAAE;AAAA,MAAAd,EAAA,CAAA,MAAAO,YAAAP,SAAA5B,YAAA;AAKlE0C,SAAAA,CAAAC,eAAAzC,SAAA;AAGR,UAAI,CAACA,MAAI0C,QAAoBC,YAAA;AAAA;AAAA,MAAA;AAC7B,YAAAxB,OAAaC,MAAOqB,eAAe3C,UAAU;AAC7C,UAAIqB,KAAIyB,WAAU;AAAIX,iBAASd,IAAI;AAAA,MAAC;AAAA,IAAG;AACxCO,WAAAO;AAAAP,WAAA5B;AAAA4B,WAAAc;AAAAA,EAAA,OAAA;AAAAA,SAAAd,EAAA,CAAA;AAAA,EAAA;AAAA,MAAAmB;AAAA,MAAAnB,EAAA,CAAA,MAAAI,gBAAAJ,SAAAE,YAAAF,EAAA,CAAA,MAAAc,IAAA;AAT8DK,SAAA;AAAA,MAAAC,KAC1DlB;AAAAA,MAAQE;AAAAA,MAAAiB,UAEHP;AAAAA,IAAAA;AAOXd,WAAAI;AAAAJ,WAAAE;AAAAF,WAAAc;AAAAd,YAAAmB;AAAAA,EAAA,OAAA;AAAAA,SAAAnB,EAAA,EAAA;AAAA,EAAA;AAVD,QAAA;AAAA,IAAAJ;AAAAA,IAAA0B;AAAAA,IAAAC;AAAAA,EAAAA,IAA2CC,SAASX,aAAaM,EAUhE;AAAE,MAAAM;AAAA,MAAAzB,EAAA,EAAA,MAAAQ,WAAAR,UAAAK,aAAA;AAEmBoB,SAAAC,CAAAA,UAAA;AACpB,UAAIrB,aAAW;AACbqB,cAAKC,eAAAA;AAAAA,MAAiB,OAAA;AAEtBnB,kBAAUkB,KAAK;AAAA,MAAC;AAAA,IACjB;AACF1B,YAAAQ;AAAAR,YAAAK;AAAAL,YAAAyB;AAAAA,EAAA,OAAA;AAAAA,SAAAzB,EAAA,EAAA;AAAA,EAAA;AAND,QAAA4B,gBAAsBH;AAMpB,MAAAI;AAAA,MAAA7B,EAAA,EAAA,MAAAS,iBAAAT,UAAAK,aAAA;AAE0BwB,SAAAC,CAAAA,YAAA;AAC1B,UAAIzB,aAAW;AACbqB,gBAAKC,eAAAA;AAAAA,MAAiB,OAAA;AAEtBlB,wBAAgBiB,OAAK;AAAA,MAAC;AAAA,IACvB;AACF1B,YAAAS;AAAAT,YAAAK;AAAAL,YAAA6B;AAAAA,EAAA,OAAA;AAAAA,SAAA7B,EAAA,EAAA;AAAA,EAAA;AAND,QAAA+B,sBAA4BF;AAM1B,MAAAG;AAAA,MAAAhC,EAAA,EAAA,MAAA+B,uBAAA/B,EAAA,EAAA,MAAA4B,iBAAA5B,EAAA,EAAA,MAAAuB,YAAAvB,EAAA,EAAA,MAAAsB,iBAAAtB,UAAAJ,OAAA;AAEKoC,SAAA;AAAA,MAAAC,aACQrC;AAAAA,MAAK0B;AAAAA,MAAAY,cAEJX;AAAAA,MAAQK;AAAAA,MAAAG;AAAAA,IAAAA;AAGvB/B,YAAA+B;AAAA/B,YAAA4B;AAAA5B,YAAAuB;AAAAvB,YAAAsB;AAAAtB,YAAAJ;AAAAI,YAAAgC;AAAAA,EAAA,OAAA;AAAAA,SAAAhC,EAAA,EAAA;AAAA,EAAA;AAAA,SANMgC;AAMN;"}
+{"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 { canSegmentAcceptDigits, 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\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    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, autofix: 'pad' },\n      M: { mask: IMask.MaskedRange, from: 0, to: 59, maxLength: 2, autofix: 'pad' },\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 onCommitRef = React.useRef(onCommit);\n  onCommitRef.current = onCommit;\n  const programmaticValueRef = React.useRef<string | null>(null);\n\n  const handleAccept = (acceptedValue: string, mask: any) => {\n    if (acceptedValue === programmaticValueRef.current) {\n      programmaticValueRef.current = null;\n      return;\n    }\n    if (!mask?.masked?.isComplete) return;\n    const date = moment(acceptedValue, ptbrFormat);\n    if (date.isValid()) { onCommitRef.current(date); }\n  };\n\n  const { value, unmaskedValue, setValue } = useIMask(maskOptions, {\n    ref: inputRef,\n    defaultValue,\n    onAccept: handleAccept,\n  });\n\n  const setMaskValue = (nextValue: string) => {\n    programmaticValueRef.current = nextValue;\n    setValue(nextValue);\n  };\n\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) return;\n    const segment = getMaskSegments(ptbrFormat).find(item => start < item.end);\n    if (!segment || end > segment.end) return;\n    const hasSelection = end > start;\n    const caret = hasSelection ? segment.start : Math.max(start, segment.start);\n    const typed = hasSelection\n      ? event.key\n      : input.value.slice(segment.start, caret).replace(/\\D/g, '') + event.key;\n    if (!canSegmentAcceptDigits(typed, segment.key)) {\n      event.preventDefault();\n      return;\n    }\n    input.setSelectionRange(caret, 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,\n    handleOnPaste,\n    handleOnBeforeInput,\n    handleOnKeyDownCapture,\n  };\n};\n"],"names":["buildMaskOptions","variant","ptbrFormat","getDateFormats","mask","Date","pattern","lazy","placeholderChar","overwrite","blocks","d","IMask","MaskedRange","from","to","maxLength","autofix","m","Y","H","M","format","date","moment","parse","value","toDate","useDateMask","params","inputRef","defaultValue","undigitable","readOnly","onCommit","onPaste","onBeforeInput","maskOptions","React","useMemo","onCommitRef","useRef","current","programmaticValueRef","handleAccept","acceptedValue","masked","isComplete","isValid","unmaskedValue","setValue","useIMask","ref","onAccept","setMaskValue","nextValue","handleOnKeyDownCapture","event","ctrlKey","metaKey","altKey","key","length","test","input","start","selectionStart","end","selectionEnd","segment","getMaskSegments","find","item","hasSelection","caret","Math","max","typed","slice","replace","canSegmentAcceptDigits","preventDefault","setSelectionRange","handleOnPaste","handleOnBeforeInput","maskedValue"],"mappings":"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"}

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

@@ -1,8 +1,10 @@
 import { Moment } from 'moment';
 interface TimeSelectorProps {
-    /** null desabilita o seletor inteiro */
     value: Moment | null;
-    onSelectTime: (hour: number, minute: number) => void;
+    selectedHour: number | null;
+    selectedMinute: number | null;
+    onSelectHour: (hour: number) => void;
+    onSelectMinute: (minute: number) => void;
     min?: Moment;
     max?: Moment;
     testIdPrefix: string;