linear-react-components-ui 2.0.0-beta.3 → 2.0.0-beta.5

package/lib/inputs2/date/datefield/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../src/lib/inputs2/date/datefield/base.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { v1 as uuid } from 'uuid';\nimport { createPortal } from 'react-dom';\nimport moment, { type Moment } from 'moment';\nimport Hint from '../../../hint';\nimport { Tooltip } from '../../../tooltip';\nimport { mergeRefs } from '../../../form2/helpers';\nimport { Keys } from '../types';\nimport * as BaseDate from '../base';\nimport { NAVIGATION_KEYS, TOKEN_ISO_FORMAT, TOKEN_MASK, TOKEN_PTBR_FORMAT } from '../helpers';\nimport { Triggers } from './triggers';\nimport { CalendarBox } from './calendarbox';\nimport { DateFieldContext } from './context';\nimport type { DateFieldInputBaseProps } from './types';\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, DateFieldInputBaseProps>((props, ref) => {\n    const {\n      label, errors, tooltip, tooltipPosition, tooltipWidth, shouldCloseOnSelect = true, returnValueType = 'default',\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '', textAlign = 'left',\n      labelUppercase = false, skeletonize = false, hintPosition = 'below', themePopover = 'light',\n      popoverAlign = 'left', showCalendarButton = true, openCalendarOnFocus = true, undigitable = false, \n      showClearDateButton = true, placeholder = TOKEN_PTBR_FORMAT, readOnly, disabled, ...rest\n    } = props;\n    const [calendarBoxOpen, setCalendarBoxOpen] = React.useState(false);\n    const [activeDescendant, setActiveDescendant] = React.useState<string>(\n      moment().format(TOKEN_ISO_FORMAT),\n    );\n    const [selectedDate, setSelectedDate] = React.useState<Moment | null>(null);\n    const [calendarDisplayDate, setCalendarDisplayDate] = React.useState<Moment>(\n      selectedDate ?? moment(),\n    );\n    const calendarRef = React.useRef<HTMLDivElement | null>(null);\n    const inputRootRef = React.useRef<HTMLInputElement | null>(null);\n    const dateInputRef = React.useRef<HTMLInputElement | null>(null);\n    const dateContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n    const { setValue: setMaskValue, unmaskedValue, value: maskedValue } = useIMask(\n      { mask: TOKEN_MASK, lazy: false, placeholderChar: '_' },\n      {\n        ref: dateInputRef,\n        defaultValue: selectedDate?.format(TOKEN_PTBR_FORMAT),\n        onComplete: (value) => {\n          const date = moment(value, TOKEN_PTBR_FORMAT);\n          if (date.isValid()) { handleUpdateDateState(date); }\n        },\n      },\n    );\n\n    const inputId = React.useMemo(() => props.id || props.name || uuid(), [props.id, props.name]);\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n    const hasValidDateSelected = !_.isEmpty(props?.value);\n\n    const handleUpdateDateState = React.useCallback((date: Moment) => {\n      const nonIsoDateFormat = date.format(TOKEN_ISO_FORMAT);\n      const isoDateFormat = date.toISOString();\n      setSelectedDate(date.clone());\n      setCalendarDisplayDate(date.clone());\n      props.onChange?.({\n        target: {\n          name: props.name,\n          value: returnValueType === 'default' ? nonIsoDateFormat : isoDateFormat,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      if (shouldCloseOnSelect) handleCloseCalendar();\n    }, [selectedDate, props.name, props.onChange, shouldCloseOnSelect]);\n\n    const handleOpenCalendar = React.useCallback(() => setCalendarBoxOpen(true), []);\n    const handleCloseCalendar = React.useCallback(() => setCalendarBoxOpen(false), []);\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    const handleChangeCalendarBoxState = React.useCallback(() => {\n      setCalendarBoxOpen((prevState) => {\n        if (dateInputRef.current !== document.activeElement) {\n          dateInputRef?.current?.focus?.();\n        }\n        return !prevState;\n      });\n    }, []);\n    const handleNavigateWithDays = React.useCallback((offset: number) => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        const daySelected = prevDisplayDate.clone().add(offset, 'day');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n    const handleNavigateWithWeeks = React.useCallback((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        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n\n    const handleOnClickClearSelectedDate = React.useCallback(() => {\n      props.onChange?.({\n        target: { name: props.name, value: '' },\n      } as React.ChangeEvent<HTMLInputElement>);\n      setSelectedDate(null);\n      setMaskValue('');\n      handleCloseCalendar();\n    }, [props.onChange]);\n\n    const handleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      handleCloseCalendar();\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (_.size(unmaskedValue) !== 8) {\n        const date = moment(_.toString(props?.value), TOKEN_ISO_FORMAT);\n        if (date.isValid()) { setMaskValue(date.format('DD/MM/YYYY')); }\n      }\n    };\n\n    const handleOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (!readOnly && openCalendarOnFocus) {\n        handleOpenCalendar();\n      }\n    };\n\n    const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      if (calendarBoxOpen && event.key && !event.shiftKey && \n        !event.altKey && NAVIGATION_KEYS.includes(event.key)) {\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: handleCloseCalendar();\n            break;\n          case Keys.enter: handleUpdateDateState(\n            moment(_.toString(activeDescendant), TOKEN_ISO_FORMAT),\n          );\n            break;\n          default:\n            break;\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      const currentValue = props?.value ?? null;\n      const date = moment(_.toString(currentValue), TOKEN_ISO_FORMAT);\n      setSelectedDate(date.isValid() ? date : null);\n      setMaskValue(date.format(TOKEN_PTBR_FORMAT));\n    }, [props?.value]);\n\n    const contextValues = ({\n      label, inputFieldId: inputId, activeDescendant, calendarBoxOpen, \n      isReadOnly: Boolean(readOnly), isDisabled: Boolean(disabled), skeletonize, showCalendarButton,\n      hasValidDateSelected, dateInputRef, dateContainerRef, handleOpenCalendar, \n      handleCloseCalendar, handleNextMonth, handlePreviousMonth, \n      handleSelectDate: handleUpdateDateState, selectedDate, unmaskedValue, maskedValue, \n      showClearDateButton, handleChangeCalendarBoxState, handleOnClickClearSelectedDate,\n      calendarDisplayDate, calendarRef,\n    });\n\n    return (\n      <React.Fragment>\n        <DateFieldContext.Provider value={contextValues}>\n          <BaseDate.Root\n            ref={inputRootRef}\n            data-testid=\"test-date-field-root\"\n            customClassWrapper={customClassWrapper}\n            hasValidationErrors={hasValidationErrors}>\n            {hasLabel && (\n            <BaseDate.Label\n              data-testid=\"test-date-field-label\"\n              label={label}\n              inputId={inputId}\n              hint={props?.hint}\n              isDisabled={disabled}\n              isReadOnly={readOnly}\n              skeletonize={skeletonize}\n              required={props?.required}\n              hintPosition={hintPosition}\n              themePopover={themePopover}\n              popoverAlign={popoverAlign}\n              labelUppercase={labelUppercase}\n              hasHintMessages={hasHintMessages}\n              customClassLabel={customClassLabel} />\n            )}\n            <BaseDate.Container\n              ref={dateContainerRef}\n              skeletonize={skeletonize}\n              customClassInputContainer={customClassInputContainer}>\n              <BaseDate.Input\n                {...rest}\n                ref={mergeRefs(ref, dateInputRef)}\n                id={inputId}\n                name={props?.name}\n                value={maskedValue}\n                readOnly={readOnly}\n                disabled={disabled}\n                customClass={customClass}\n                tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                placeholder={placeholder}\n                aria-activedescendant={activeDescendant}\n                aria-expanded={calendarBoxOpen}\n                aria-controls={inputId}\n                aria-labelledby={inputId}\n                data-state-is-period-input={false}\n                data-testid=\"test-date-field-input\"\n                data-state-error={hasValidationErrors}\n                data-state-read-only={readOnly}\n                data-state-text-align={textAlign}\n                data-state-undigitable={undigitable}\n                data-state-skeletonize={skeletonize}\n                onBlur={handleOnBlur}\n                onFocus={handleOnFocus}\n                onPaste={handleOnPaste}\n                onKeyDown={handleOnKeyDown}\n                onBeforeInput={handleOnBeforeInput} />\n              <Triggers />\n            </BaseDate.Container>\n            {calendarBoxOpen &&\n              createPortal(<CalendarBox ref={calendarRef} />, document.body)\n          }\n            {hintPosition === 'below' && (\n            <Hint\n              customClass=\"hint\"\n              description={props.hint}\n              disabled={disabled}\n              skeletonize={skeletonize}\n              visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n            <span\n              data-testid=\"test-date-field-list-errors\"\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(props.name).concat('-errors')}>\n              {errors?.map((error, index) => (\n                <React.Fragment key={`${index + 1}-${error}`}>\n                  {error}\n                  {' '}\n                </React.Fragment>\n              ))}\n            </span>\n            )}\n          </BaseDate.Root>\n        </DateFieldContext.Provider>\n        <Tooltip\n          targetRef={inputRootRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'DateFieldInputBase';\n"],"names":["InputBase","React","forwardRef","props","ref","label","errors","tooltip","tooltipPosition","tooltipWidth","shouldCloseOnSelect","returnValueType","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","themePopover","popoverAlign","showCalendarButton","openCalendarOnFocus","undigitable","showClearDateButton","placeholder","TOKEN_PTBR_FORMAT","readOnly","disabled","rest","calendarBoxOpen","setCalendarBoxOpen","useState","activeDescendant","setActiveDescendant","moment","format","TOKEN_ISO_FORMAT","selectedDate","setSelectedDate","calendarDisplayDate","setCalendarDisplayDate","calendarRef","useRef","inputRootRef","dateInputRef","dateContainerRef","setValue","setMaskValue","unmaskedValue","value","maskedValue","useIMask","mask","TOKEN_MASK","lazy","placeholderChar","defaultValue","onComplete","date","isValid","handleUpdateDateState","inputId","useMemo","id","name","uuid","hasLabel","_","isEmpty","hasHintMessages","Boolean","hint","length","hasValidationErrors","hasValidDateSelected","useCallback","nonIsoDateFormat","isoDateFormat","toISOString","clone","onChange","target","handleCloseCalendar","handleOpenCalendar","handleNextMonth","prevDisplayDate","add","handlePreviousMonth","subtract","handleChangeCalendarBoxState","prevState","current","document","activeElement","focus","handleNavigateWithDays","offset","daySelected","handleNavigateWithWeeks","when","endOf","startOf","handleOnClickClearSelectedDate","handleOnBlur","event","onBlur","size","toString","handleOnFocus","onFocus","handleOnPaste","preventDefault","onPaste","handleOnBeforeInput","onBeforeInput","handleOnKeyDown","onKeyDown","key","shiftKey","altKey","NAVIGATION_KEYS","includes","Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter","useEffect","currentValue","contextValues","inputFieldId","isReadOnly","isDisabled","handleSelectDate","jsxs","jsx","DateFieldContext","BaseDate.Root","BaseDate.Label","required","BaseDate.Container","BaseDate.Input","mergeRefs","Triggers","createPortal","CalendarBox","body","Hint","String","concat","map","error","index","Tooltip","displayName"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../src/lib/inputs2/date/datefield/base.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { v1 as uuid } from 'uuid';\nimport { createPortal } from 'react-dom';\nimport moment, { type Moment } from 'moment';\nimport Hint from '../../../hint';\nimport { Tooltip } from '../../../tooltip';\nimport { mergeRefs } from '../../../form2/helpers';\nimport { Keys } from '../types';\nimport * as BaseDate from '../base';\nimport { NAVIGATION_KEYS, TOKEN_ISO_FORMAT, TOKEN_MASK, TOKEN_PTBR_FORMAT } from '../helpers';\nimport { Triggers } from './triggers';\nimport { CalendarBox } from './calendarbox';\nimport { DateFieldContext } from './context';\nimport type { DateFieldInputBaseProps } from './types';\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, DateFieldInputBaseProps>((props, ref) => {\n    const {\n      label, errors, tooltip, tooltipPosition, tooltipWidth, shouldCloseOnSelect = true, returnValueType = 'default',\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '', textAlign = 'left',\n      labelUppercase = false, skeletonize = false, hintPosition = 'below', themePopover = 'light',\n      popoverAlign = 'left', showCalendarButton = true, openCalendarOnFocus = true, undigitable = false, \n      showClearDateButton = true, placeholder = TOKEN_PTBR_FORMAT, readOnly, disabled, ...rest\n    } = props;\n    const [calendarBoxOpen, setCalendarBoxOpen] = React.useState(false);\n    const [activeDescendant, setActiveDescendant] = React.useState<string>(\n      moment().format(TOKEN_ISO_FORMAT),\n    );\n    const [selectedDate, setSelectedDate] = React.useState<Moment | null>(null);\n    const [calendarDisplayDate, setCalendarDisplayDate] = React.useState<Moment>(\n      selectedDate ?? moment(),\n    );\n    const calendarRef = React.useRef<HTMLDivElement | null>(null);\n    const inputRootRef = React.useRef<HTMLInputElement | null>(null);\n    const dateInputRef = React.useRef<HTMLInputElement | null>(null);\n    const dateContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n    const { setValue: setMaskValue, unmaskedValue, value: maskedValue } = useIMask(\n      { mask: TOKEN_MASK, lazy: false, placeholderChar: '_' },\n      {\n        ref: dateInputRef,\n        defaultValue: selectedDate?.format(TOKEN_PTBR_FORMAT),\n        onComplete: (value) => {\n          const date = moment(value, TOKEN_PTBR_FORMAT);\n          if (date.isValid()) { handleUpdateDateState(date); }\n        },\n      },\n    );\n\n    const inputId = React.useMemo(() => props.id || props.name || uuid(), [props.id, props.name]);\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n    const hasValidDateSelected = !_.isEmpty(props?.value);\n\n    const handleUpdateDateState = React.useCallback((date: Moment) => {\n      const nonIsoDateFormat = date.format(TOKEN_ISO_FORMAT);\n      const isoDateFormat = date.toISOString();\n      setSelectedDate(date.clone());\n      setCalendarDisplayDate(date.clone());\n      props.onChange?.({\n        target: {\n          name: props.name,\n          value: returnValueType === 'default' ? nonIsoDateFormat : isoDateFormat,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      if (shouldCloseOnSelect) handleCloseCalendar();\n    }, [selectedDate, props.name, props.onChange, shouldCloseOnSelect]);\n\n    const handleOpenCalendar = React.useCallback(() => setCalendarBoxOpen(true), []);\n    const handleCloseCalendar = React.useCallback(() => setCalendarBoxOpen(false), []);\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    const handleChangeCalendarBoxState = React.useCallback(() => {\n      setCalendarBoxOpen((prevState) => {\n        if (dateInputRef.current !== document.activeElement) {\n          dateInputRef?.current?.focus?.();\n        }\n        return !prevState;\n      });\n    }, []);\n    const handleNavigateWithDays = React.useCallback((offset: number) => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        const daySelected = prevDisplayDate.clone().add(offset, 'day');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n    const handleNavigateWithWeeks = React.useCallback((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        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n\n    const handleOnClickClearSelectedDate = React.useCallback(() => {\n      props.onChange?.({\n        target: { name: props.name, value: '' },\n      } as React.ChangeEvent<HTMLInputElement>);\n      setSelectedDate(null);\n      setMaskValue('');\n      handleCloseCalendar();\n    }, [props.onChange]);\n\n    const handleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      handleCloseCalendar();\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (_.size(unmaskedValue) !== 8) {\n        const date = moment(_.toString(props?.value), TOKEN_ISO_FORMAT);\n        if (date.isValid()) { setMaskValue(date.format('DD/MM/YYYY')); }\n      }\n    };\n\n    const handleOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (!readOnly && openCalendarOnFocus) {\n        handleOpenCalendar();\n      }\n    };\n\n    const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      if (calendarBoxOpen && event.key && !event.shiftKey && \n        !event.altKey && NAVIGATION_KEYS.includes(event.key)) {\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: handleCloseCalendar();\n            break;\n          case Keys.enter: handleUpdateDateState(\n            moment(_.toString(activeDescendant), TOKEN_ISO_FORMAT),\n          );\n            break;\n          default:\n            break;\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      const currentValue = props?.value ?? null;\n      const date = moment(_.toString(currentValue), TOKEN_ISO_FORMAT);\n      setSelectedDate(date.isValid() ? date : null);\n      setMaskValue(date.format(TOKEN_PTBR_FORMAT));\n    }, [props?.value]);\n\n    const contextValues = ({\n      label, inputFieldId: inputId, activeDescendant, calendarBoxOpen, \n      isReadOnly: Boolean(readOnly), isDisabled: Boolean(disabled), skeletonize, showCalendarButton,\n      hasValidDateSelected, dateInputRef, dateContainerRef, handleOpenCalendar, \n      handleCloseCalendar, handleNextMonth, handlePreviousMonth, \n      handleSelectDate: handleUpdateDateState, selectedDate, unmaskedValue, maskedValue, \n      showClearDateButton, handleChangeCalendarBoxState, handleOnClickClearSelectedDate,\n      calendarDisplayDate, calendarRef,\n    });\n\n    return (\n      <React.Fragment>\n        <DateFieldContext.Provider value={contextValues}>\n          <BaseDate.Root\n            ref={inputRootRef}\n            data-testid=\"test-date-field-root\"\n            customClassWrapper={customClassWrapper}\n            hasValidationErrors={hasValidationErrors}>\n            {hasLabel && (\n            <BaseDate.Label\n              data-testid=\"test-date-field-label\"\n              label={label}\n              inputId={inputId}\n              hint={props?.hint}\n              isDisabled={disabled}\n              isReadOnly={readOnly}\n              skeletonize={skeletonize}\n              required={props?.required}\n              hintPosition={hintPosition}\n              themePopover={themePopover}\n              popoverAlign={popoverAlign}\n              labelUppercase={labelUppercase}\n              hasHintMessages={hasHintMessages}\n              customClassLabel={customClassLabel} />\n            )}\n            <BaseDate.Container\n              ref={dateContainerRef}\n              skeletonize={skeletonize}\n              customClassInputContainer={customClassInputContainer}>\n              <BaseDate.Input\n                {...rest}\n                ref={mergeRefs(ref, dateInputRef)}\n                id={inputId}\n                name={props?.name}\n                value={maskedValue}\n                readOnly={readOnly}\n                disabled={disabled}\n                customClass={customClass}\n                tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                placeholder={placeholder}\n                aria-activedescendant={activeDescendant}\n                aria-expanded={calendarBoxOpen}\n                aria-controls={inputId}\n                aria-labelledby={inputId}\n                data-state-is-period-input={false}\n                data-testid=\"test-date-field-input\"\n                data-state-error={hasValidationErrors}\n                data-state-read-only={readOnly}\n                data-state-text-align={textAlign}\n                data-state-undigitable={undigitable}\n                data-state-skeletonize={skeletonize}\n                onBlur={handleOnBlur}\n                onFocus={handleOnFocus}\n                onPaste={handleOnPaste}\n                onKeyDown={handleOnKeyDown}\n                onBeforeInput={handleOnBeforeInput} />\n              <Triggers />\n            </BaseDate.Container>\n            {calendarBoxOpen &&\n              createPortal(<CalendarBox ref={calendarRef} />, document.body)\n          }\n            {hintPosition === 'below' && (\n            <Hint\n              customClass=\"hint\"\n              description={props.hint}\n              disabled={disabled}\n              skeletonize={skeletonize}\n              visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n            <span\n              data-testid=\"test-date-field-list-errors\"\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(props.name).concat('-errors')}>\n              {errors?.map((error, index) => (\n                <React.Fragment key={`${index + 1}-${error}`}>\n                  {error}\n                  {' '}\n                </React.Fragment>\n              ))}\n            </span>\n            )}\n          </BaseDate.Root>\n        </DateFieldContext.Provider>\n        <Tooltip\n          targetRef={inputRootRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'DateFieldInputBase';\n"],"names":["InputBase","React","forwardRef","props","ref","label","errors","tooltip","tooltipPosition","tooltipWidth","shouldCloseOnSelect","returnValueType","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","themePopover","popoverAlign","showCalendarButton","openCalendarOnFocus","undigitable","showClearDateButton","placeholder","TOKEN_PTBR_FORMAT","readOnly","disabled","rest","calendarBoxOpen","setCalendarBoxOpen","useState","activeDescendant","setActiveDescendant","moment","format","TOKEN_ISO_FORMAT","selectedDate","setSelectedDate","calendarDisplayDate","setCalendarDisplayDate","calendarRef","useRef","inputRootRef","dateInputRef","dateContainerRef","setValue","setMaskValue","unmaskedValue","value","maskedValue","useIMask","mask","TOKEN_MASK","lazy","placeholderChar","defaultValue","onComplete","date","isValid","handleUpdateDateState","inputId","useMemo","id","name","uuid","hasLabel","_","isEmpty","hasHintMessages","Boolean","hint","length","hasValidationErrors","hasValidDateSelected","useCallback","nonIsoDateFormat","isoDateFormat","toISOString","clone","onChange","target","handleCloseCalendar","handleOpenCalendar","handleNextMonth","prevDisplayDate","add","handlePreviousMonth","subtract","handleChangeCalendarBoxState","prevState","current","document","activeElement","focus","handleNavigateWithDays","offset","daySelected","handleNavigateWithWeeks","when","endOf","startOf","handleOnClickClearSelectedDate","handleOnBlur","event","onBlur","size","toString","handleOnFocus","onFocus","handleOnPaste","preventDefault","onPaste","handleOnBeforeInput","onBeforeInput","handleOnKeyDown","onKeyDown","key","shiftKey","altKey","NAVIGATION_KEYS","includes","Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter","useEffect","currentValue","contextValues","inputFieldId","isReadOnly","isDisabled","handleSelectDate","jsxs","jsx","DateFieldContext","BaseDate.Root","BaseDate.Label","required","BaseDate.Container","BaseDate.Input","mergeRefs","Triggers","createPortal","CalendarBox","body","Hint","String","concat","map","error","index","Tooltip","displayName"],"mappings":"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"}

package/lib/inputs2/date/dateperiodfield/base.js

@@ -2,17 +2,7 @@ import { jsx as C, jsxs as Je } from "react/jsx-runtime";
 import { c as ua } from "../../../_virtual/compiler-runtime.js";
 import S from "react";
 import w from "../../../_virtual/lodash.js";
-import "../../../node_modules/imask/esm/index.js";
-import "../../../node_modules/imask/esm/controls/input.js";
-import "../../../node_modules/imask/esm/masked/factory.js";
-import "../../../node_modules/imask/esm/controls/mask-element.js";
-import "../../../node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../../node_modules/imask/esm/controls/html-mask-element.js";
-import "../../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../../node_modules/imask/esm/controls/input-history.js";
-import "../../../node_modules/react-imask/esm/input.js";
-import Zt from "../../../node_modules/react-imask/esm/hook.js";
-import "../../../node_modules/react-imask/esm/mixin.js";
+import { useIMask as Zt } from "react-imask";
 import { createPortal as ma } from "react-dom";
 import o from "../../../node_modules/moment/dist/moment.js";
 import ha from "../../../hint/index.js";
@@ -22,18 +12,18 @@ import { mergeRefs as ea } from "../../../form2/helpers.js";
 import { Keys as V } from "../types.js";
 import * as ga from "../base/index.js";
 import { Label as ka, Root as Sa, Container as Oa, Input as _a } from "../base/index.js";
-import { TOKEN_ISO_FORMAT as d, TOKEN_PTBR_FORMAT as D, TOKEN_MASK as ta, NAVIGATION_KEYS as Ca } from "../helpers.js";
+import { TOKEN_ISO_FORMAT as d, TOKEN_PTBR_FORMAT as B, TOKEN_MASK as ta, NAVIGATION_KEYS as Ca } from "../helpers.js";
 import { Triggers as va } from "./triggers.js";
 import { CalendarBox as Ia } from "./calendarbox.js";
 import { DatePeriodFieldContext as wa } from "./context.js";
 const Va = S.forwardRef((t, M) => {
   const e = ua.c(193), {
-    label: B,
+    label: P,
     errors: Z,
-    initialName: Dt,
-    finalName: Bt,
-    customClass: Pt,
-    customClassLabel: xt,
+    initialName: Bt,
+    finalName: Pt,
+    customClass: xt,
+    customClassLabel: pt,
     customClassWrapper: Mt,
     customClassInputContainer: Ft,
     labelUppercase: Nt,
@@ -56,7 +46,7 @@ const Va = S.forwardRef((t, M) => {
     disabled: y,
     readOnly: c,
     ...Yt
-  } = t, f = Dt === void 0 ? "inicial" : Dt, u = Bt === void 0 ? "final" : Bt, ee = Pt === void 0 ? "" : Pt, et = xt === void 0 ? "" : xt, aa = Mt === void 0 ? "" : Mt, na = Ft === void 0 ? "" : Ft, tt = Nt === void 0 ? !1 : Nt, g = Kt === void 0 ? !1 : Kt, r = Tt === void 0 ? !1 : Tt, N = At === void 0 ? "below" : At, at = Wt === void 0 ? "light" : Wt, nt = zt === void 0 ? "left" : zt, it = Et === void 0 ? !0 : Et, te = Lt === void 0 ? "left" : Lt, K = Ut === void 0 ? !0 : Ut, ae = qt === void 0 ? !0 : qt, lt = jt === void 0 ? !0 : jt, ot = $t === void 0 ? !0 : $t, ne = Ht === void 0 ? D : Ht, P = Gt === void 0 ? "default" : Gt;
+  } = t, f = Bt === void 0 ? "inicial" : Bt, u = Pt === void 0 ? "final" : Pt, ee = xt === void 0 ? "" : xt, et = pt === void 0 ? "" : pt, aa = Mt === void 0 ? "" : Mt, na = Ft === void 0 ? "" : Ft, tt = Nt === void 0 ? !1 : Nt, g = Kt === void 0 ? !1 : Kt, r = Tt === void 0 ? !1 : Tt, N = At === void 0 ? "below" : At, at = Wt === void 0 ? "light" : Wt, nt = zt === void 0 ? "left" : zt, it = Et === void 0 ? !0 : Et, te = Lt === void 0 ? "left" : Lt, K = Ut === void 0 ? !0 : Ut, ae = qt === void 0 ? !0 : qt, lt = jt === void 0 ? !0 : jt, ot = $t === void 0 ? !0 : $t, ne = Ht === void 0 ? B : Ht, x = Gt === void 0 ? "default" : Gt;
   let ie;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (ie = {
     inicial: null,
@@ -82,17 +72,17 @@ const Va = S.forwardRef((t, M) => {
     placeholderChar: "_"
   }, e[9] = re) : re = e[9];
   let de;
-  e[10] !== l.inicial ? (de = l.inicial?.format(D), e[10] = l.inicial, e[11] = de) : de = e[11];
+  e[10] !== l.inicial ? (de = l.inicial?.format(B), e[10] = l.inicial, e[11] = de) : de = e[11];
   const {
     value: oa,
-    setValue: p,
+    setValue: R,
     unmaskedValue: rt
   } = Zt(re, {
     ref: ct,
     defaultValue: de,
     onComplete: (a) => {
-      const i = o(a, D);
-      i.isValid() && x({
+      const i = o(a, B);
+      i.isValid() && p({
         date: i,
         inputType: "initial",
         typing: !0
@@ -106,17 +96,17 @@ const Va = S.forwardRef((t, M) => {
     placeholderChar: "_"
   }, e[12] = fe) : fe = e[12];
   let ue;
-  e[13] !== l.final ? (ue = l.final?.format(D), e[13] = l.final, e[14] = ue) : ue = e[14];
+  e[13] !== l.final ? (ue = l.final?.format(B), e[13] = l.final, e[14] = ue) : ue = e[14];
   const {
     value: dt,
-    setValue: R,
+    setValue: D,
     unmaskedValue: ft
   } = Zt(fe, {
     ref: Y,
     defaultValue: ue,
     onComplete: (a) => {
-      const i = o(a, D);
-      i.isValid() && x({
+      const i = o(a, B);
+      i.isValid() && p({
         date: i,
         inputType: "final",
         typing: !0
@@ -139,10 +129,10 @@ const Va = S.forwardRef((t, M) => {
   e[20] === Symbol.for("react.memo_cache_sentinel") ? (ge = (a) => I(a), e[20] = ge) : ge = e[20];
   const ht = ge;
   let ke;
-  e[21] === Symbol.for("react.memo_cache_sentinel") ? (ke = () => I(pa), e[21] = ke) : ke = e[21];
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (ke = () => I(Ra), e[21] = ke) : ke = e[21];
   const W = ke;
   let Se;
-  e[22] === Symbol.for("react.memo_cache_sentinel") ? (Se = () => I(Ra), e[22] = Se) : Se = e[22];
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (Se = () => I(Da), e[22] = Se) : Se = e[22];
   const z = Se;
   let Oe;
   e[23] !== h ? (Oe = (a) => {
@@ -167,7 +157,7 @@ const Va = S.forwardRef((t, M) => {
   }, e[27] = u, e[28] = f, e[29] = t.value, e[30] = ve) : ve = e[30];
   const sa = ve;
   let Ie;
-  e[31] !== u || e[32] !== m || e[33] !== f || e[34] !== t || e[35] !== R || e[36] !== p ? (Ie = () => {
+  e[31] !== u || e[32] !== m || e[33] !== f || e[34] !== t || e[35] !== D || e[36] !== R ? (Ie = () => {
     t.onChange?.({
       target: {
         name: t.name,
@@ -176,24 +166,24 @@ const Va = S.forwardRef((t, M) => {
           [u]: ""
         }
       }
-    }), T(Da), p(""), R(""), m(!1);
-  }, e[31] = u, e[32] = m, e[33] = f, e[34] = t, e[35] = R, e[36] = p, e[37] = Ie) : Ie = e[37];
-  const bt = Ie, x = (a) => {
+    }), T(Ba), R(""), D(""), m(!1);
+  }, e[31] = u, e[32] = m, e[33] = f, e[34] = t, e[35] = D, e[36] = R, e[37] = Ie) : Ie = e[37];
+  const bt = Ie, p = (a) => {
     const {
       date: i,
       inputType: n,
       typing: b
-    } = a, F = i.clone(), J = Ba;
+    } = a, F = i.clone(), J = Pa;
     e: switch (n) {
       case "initial": {
         T((Vt) => {
           const {
-            inicial: pt,
-            final: Rt
+            inicial: Rt,
+            final: Dt
           } = J(F, Vt.final);
           return {
-            inicial: pt,
-            final: Rt
+            inicial: Rt,
+            final: Dt
           };
         });
         const {
@@ -204,8 +194,8 @@ const Va = S.forwardRef((t, M) => {
           target: {
             name: t.name,
             value: {
-              [f]: P === "default" ? Q?.format(d) : Q?.toISOString(),
-              [u]: P === "default" ? X?.format(d) : X?.toISOString()
+              [f]: x === "default" ? Q?.format(d) : Q?.toISOString(),
+              [u]: x === "default" ? X?.format(d) : X?.toISOString()
             }
           }
         }), requestAnimationFrame(() => {
@@ -216,12 +206,12 @@ const Va = S.forwardRef((t, M) => {
       case "final": {
         T((Vt) => {
           const {
-            inicial: pt,
-            final: Rt
+            inicial: Rt,
+            final: Dt
           } = J(Vt.inicial, F);
           return {
-            inicial: pt,
-            final: Rt
+            inicial: Rt,
+            final: Dt
           };
         });
         const {
@@ -232,8 +222,8 @@ const Va = S.forwardRef((t, M) => {
           target: {
             name: t.name,
             value: {
-              [f]: P === "default" ? Q?.format(d) : Q?.toISOString(),
-              [u]: P === "default" ? X?.format(d) : X?.toISOString()
+              [f]: x === "default" ? Q?.format(d) : Q?.toISOString(),
+              [u]: x === "default" ? X?.format(d) : X?.toISOString()
             }
           }
         }), ae && m(!1);
@@ -243,11 +233,11 @@ const Va = S.forwardRef((t, M) => {
     I(F.clone());
   };
   let we;
-  e[38] !== u || e[39] !== m || e[40] !== f || e[41] !== t || e[42] !== P || e[43] !== ae ? (we = (a) => {
+  e[38] !== u || e[39] !== m || e[40] !== f || e[41] !== t || e[42] !== x || e[43] !== ae ? (we = (a) => {
     const i = (n, b) => {
       const F = {
-        [f]: P === "default" ? n.format(d) : n.toISOString(),
-        [u]: P === "default" ? b.format(d) : b.toISOString()
+        [f]: x === "default" ? n.format(d) : n.toISOString(),
+        [u]: x === "default" ? b.format(d) : b.toISOString()
       };
       T(() => ({
         inicial: n.clone(),
@@ -292,47 +282,47 @@ const Va = S.forwardRef((t, M) => {
       }
     }
     Y?.current?.focus?.(), ae && m(!1);
-  }, e[38] = u, e[39] = m, e[40] = f, e[41] = t, e[42] = P, e[43] = ae, e[44] = we) : we = e[44];
+  }, e[38] = u, e[39] = m, e[40] = f, e[41] = t, e[42] = x, e[43] = ae, e[44] = we) : we = e[44];
   const yt = we;
   let Ve;
-  e[45] !== s || e[46] !== O || e[47] !== ft || e[48] !== h || e[49] !== m || e[50] !== k || e[51] !== rt || e[52] !== t || e[53] !== l.final || e[54] !== l.inicial || e[55] !== R || e[56] !== p ? (Ve = (a, i) => {
+  e[45] !== s || e[46] !== O || e[47] !== ft || e[48] !== h || e[49] !== m || e[50] !== k || e[51] !== rt || e[52] !== t || e[53] !== l.final || e[54] !== l.inicial || e[55] !== D || e[56] !== R ? (Ve = (a, i) => {
     if (t?.onBlur?.(a), i === "initial" && (a.relatedTarget?.id !== O && m(!1), s && (h((l.inicial ?? o()).format(d)), I(l.inicial ?? o())), w.size(rt) !== 8)) {
       const n = o(l.inicial, d);
-      n.isValid() && p(n.format(D));
+      n.isValid() && R(n.format(B));
     }
     if (i === "final" && (a.relatedTarget?.id !== k && m(!1), s && (h((l.final ?? o()).format(d)), I(l.final ?? o())), w.size(ft) !== 8)) {
       const n = o(l.final, d);
-      n.isValid() && R(n.format(D));
+      n.isValid() && D(n.format(B));
     }
-  }, e[45] = s, e[46] = O, e[47] = ft, e[48] = h, e[49] = m, e[50] = k, e[51] = rt, e[52] = t, e[53] = l.final, e[54] = l.inicial, e[55] = R, e[56] = p, e[57] = Ve) : Ve = e[57];
+  }, e[45] = s, e[46] = O, e[47] = ft, e[48] = h, e[49] = m, e[50] = k, e[51] = rt, e[52] = t, e[53] = l.final, e[54] = l.inicial, e[55] = D, e[56] = R, e[57] = Ve) : Ve = e[57];
   const L = Ve;
-  let pe;
-  e[58] !== s || e[59] !== h || e[60] !== K || e[61] !== t || e[62] !== c || e[63] !== l.final || e[64] !== l.inicial ? (pe = (a, i) => {
-    t?.onFocus?.(a), !c && !s && K && Jt(!0), i === "initial" && (h((l.inicial ?? o()).format(d)), I(l.inicial ?? o())), i === "final" && (h((l.final ?? o()).format(d)), I(l.final ?? o()));
-  }, e[58] = s, e[59] = h, e[60] = K, e[61] = t, e[62] = c, e[63] = l.final, e[64] = l.inicial, e[65] = pe) : pe = e[65];
-  const U = pe;
   let Re;
-  e[66] !== v || e[67] !== s || e[68] !== x || e[69] !== t ? (Re = (a, i) => {
+  e[58] !== s || e[59] !== h || e[60] !== K || e[61] !== t || e[62] !== c || e[63] !== l.final || e[64] !== l.inicial ? (Re = (a, i) => {
+    t?.onFocus?.(a), !c && !s && K && Jt(!0), i === "initial" && (h((l.inicial ?? o()).format(d)), I(l.inicial ?? o())), i === "final" && (h((l.final ?? o()).format(d)), I(l.final ?? o()));
+  }, e[58] = s, e[59] = h, e[60] = K, e[61] = t, e[62] = c, e[63] = l.final, e[64] = l.inicial, e[65] = Re) : Re = e[65];
+  const U = Re;
+  let De;
+  e[66] !== v || e[67] !== s || e[68] !== p || e[69] !== t ? (De = (a, i) => {
     if (t?.onKeyDown?.(a), s && a.key && !a.shiftKey && !a.altKey && a.key === V.enter) {
       a.preventDefault();
       const n = o(w.toString(v), d);
-      x({
+      p({
         date: n,
         inputType: i
       });
     }
-  }, e[66] = v, e[67] = s, e[68] = x, e[69] = t, e[70] = Re) : Re = e[70];
-  const q = Re;
-  let De;
-  e[71] !== t || e[72] !== g ? (De = (a) => {
+  }, e[66] = v, e[67] = s, e[68] = p, e[69] = t, e[70] = De) : De = e[70];
+  const q = De;
+  let Be;
+  e[71] !== t || e[72] !== g ? (Be = (a) => {
     g ? a.preventDefault() : t.onPaste?.(a);
-  }, e[71] = t, e[72] = g, e[73] = De) : De = e[73];
-  const Be = De;
-  let Pe;
-  e[74] !== t || e[75] !== g ? (Pe = (a) => {
+  }, e[71] = t, e[72] = g, e[73] = Be) : Be = e[73];
+  const Pe = Be;
+  let xe;
+  e[74] !== t || e[75] !== g ? (xe = (a) => {
     g ? a.preventDefault() : t.onBeforeInput?.(a);
-  }, e[74] = t, e[75] = g, e[76] = Pe) : Pe = e[76];
-  const xe = Pe;
+  }, e[74] = t, e[75] = g, e[76] = xe) : xe = e[76];
+  const pe = xe;
   let Me;
   e[77] !== s || e[78] !== m || e[79] !== z || e[80] !== W || e[81] !== E || e[82] !== Ce ? (Me = (a) => {
     if (s && a.key && !a.shiftKey && !a.altKey && Ca.includes(a.key)) {
@@ -379,21 +369,21 @@ const Va = S.forwardRef((t, M) => {
   }, e[77] = s, e[78] = m, e[79] = z, e[80] = W, e[81] = E, e[82] = Ce, e[83] = Me) : Me = e[83];
   const ca = Me;
   let Fe;
-  e[84] !== u || e[85] !== f || e[86] !== t.value || e[87] !== R || e[88] !== p ? (Fe = () => {
+  e[84] !== u || e[85] !== f || e[86] !== t.value || e[87] !== D || e[88] !== R ? (Fe = () => {
     if (t?.value) {
       const a = t.value, i = o(w.toString(a[f]), d), n = o(w.toString(a[u]), d);
       T(() => ({
         inicial: i.isValid() ? i : null,
         final: n.isValid() ? n : null
-      })), p(i.format(D)), R(n.format(D));
+      })), R(i.format(B)), D(n.format(B));
     }
-  }, e[84] = u, e[85] = f, e[86] = t.value, e[87] = R, e[88] = p, e[89] = Fe) : Fe = e[89];
+  }, e[84] = u, e[85] = f, e[86] = t.value, e[87] = D, e[88] = R, e[89] = Fe) : Fe = e[89];
   const gt = t?.value;
   let Ne;
   e[90] !== gt ? (Ne = [gt], e[90] = gt, e[91] = Ne) : Ne = e[91], S.useEffect(Fe, Ne);
   const kt = !!c, St = !!c, Ot = sa();
   let Ke;
-  e[92] !== v || e[93] !== s || e[94] !== st || e[95] !== O || e[96] !== h || e[97] !== m || e[98] !== ht || e[99] !== z || e[100] !== W || e[101] !== mt || e[102] !== x || e[103] !== yt || e[104] !== bt || e[105] !== _ || e[106] !== k || e[107] !== K || e[108] !== l || e[109] !== it || e[110] !== ot || e[111] !== lt || e[112] !== r || e[113] !== kt || e[114] !== St || e[115] !== Ot || e[116] !== g ? (Ke = {
+  e[92] !== v || e[93] !== s || e[94] !== st || e[95] !== O || e[96] !== h || e[97] !== m || e[98] !== ht || e[99] !== z || e[100] !== W || e[101] !== mt || e[102] !== p || e[103] !== yt || e[104] !== bt || e[105] !== _ || e[106] !== k || e[107] !== K || e[108] !== l || e[109] !== it || e[110] !== ot || e[111] !== lt || e[112] !== r || e[113] !== kt || e[114] !== St || e[115] !== Ot || e[116] !== g ? (Ke = {
     isReadOnly: kt,
     isDisabled: St,
     undigitable: g,
@@ -418,14 +408,14 @@ const Va = S.forwardRef((t, M) => {
     handleChangeCalendarBoxState: m,
     handleChangeActiveDescendant: h,
     handleChangeCalendarDisplayDate: ht,
-    handleChangeUpdateDateState: x,
+    handleChangeUpdateDateState: p,
     handleOnClickClearSelectedPeriod: bt,
     handleChangeUpdateDateStateWithPredefinedPeriod: yt,
     hasValidPeriodSelected: Ot
-  }, e[92] = v, e[93] = s, e[94] = st, e[95] = O, e[96] = h, e[97] = m, e[98] = ht, e[99] = z, e[100] = W, e[101] = mt, e[102] = x, e[103] = yt, e[104] = bt, e[105] = _, e[106] = k, e[107] = K, e[108] = l, e[109] = it, e[110] = ot, e[111] = lt, e[112] = r, e[113] = kt, e[114] = St, e[115] = Ot, e[116] = g, e[117] = Ke) : Ke = e[117];
+  }, e[92] = v, e[93] = s, e[94] = st, e[95] = O, e[96] = h, e[97] = m, e[98] = ht, e[99] = z, e[100] = W, e[101] = mt, e[102] = p, e[103] = yt, e[104] = bt, e[105] = _, e[106] = k, e[107] = K, e[108] = l, e[109] = it, e[110] = ot, e[111] = lt, e[112] = r, e[113] = kt, e[114] = St, e[115] = Ot, e[116] = g, e[117] = Ke) : Ke = e[117];
   const ra = Ke;
   let Te;
-  e[118] !== et || e[119] !== y || e[120] !== A || e[121] !== ut || e[122] !== N || e[123] !== k || e[124] !== B || e[125] !== tt || e[126] !== nt || e[127] !== t.hint || e[128] !== t.required || e[129] !== c || e[130] !== r || e[131] !== at ? (Te = ut && /* @__PURE__ */ C(ka, { "data-testid": "test-date-period-field-label", label: B, inputId: k, hint: t?.hint, isDisabled: y, isReadOnly: c, skeletonize: r, required: t?.required, hintPosition: N, themePopover: at, popoverAlign: nt, labelUppercase: tt, hasHintMessages: A, customClassLabel: et }), e[118] = et, e[119] = y, e[120] = A, e[121] = ut, e[122] = N, e[123] = k, e[124] = B, e[125] = tt, e[126] = nt, e[127] = t.hint, e[128] = t.required, e[129] = c, e[130] = r, e[131] = at, e[132] = Te) : Te = e[132];
+  e[118] !== et || e[119] !== y || e[120] !== A || e[121] !== ut || e[122] !== N || e[123] !== k || e[124] !== P || e[125] !== tt || e[126] !== nt || e[127] !== t.hint || e[128] !== t.required || e[129] !== c || e[130] !== r || e[131] !== at ? (Te = ut && /* @__PURE__ */ C(ka, { "data-testid": "test-date-period-field-label", label: P, inputId: k, hint: t?.hint, isDisabled: y, isReadOnly: c, skeletonize: r, required: t?.required, hintPosition: N, themePopover: at, popoverAlign: nt, labelUppercase: tt, hasHintMessages: A, customClassLabel: et }), e[118] = et, e[119] = y, e[120] = A, e[121] = ut, e[122] = N, e[123] = k, e[124] = P, e[125] = tt, e[126] = nt, e[127] = t.hint, e[128] = t.required, e[129] = c, e[130] = r, e[131] = at, e[132] = Te) : Te = e[132];
   const da = w.omit(Yt, ["initialRef", "finalRef"]), _t = t?.initialRef;
   let Ae;
   e[133] !== _t ? (Ae = ea(ct, _t), e[133] = _t, e[134] = Ae) : Ae = e[134];
@@ -438,7 +428,7 @@ const Va = S.forwardRef((t, M) => {
   let Le;
   e[141] === Symbol.for("react.memo_cache_sentinel") ? (Le = /* @__PURE__ */ C(ba, { name: "arrow_right", size: 10 }), e[141] = Le) : Le = e[141];
   let Ue;
-  e[142] !== y || e[143] !== c ? (Ue = /* @__PURE__ */ C("span", { className: "separator", "data-state-disabled": y, "data-state-read-only": c, onMouseDown: Pa, children: Le }), e[142] = y, e[143] = c, e[144] = Ue) : Ue = e[144];
+  e[142] !== y || e[143] !== c ? (Ue = /* @__PURE__ */ C("span", { className: "separator", "data-state-disabled": y, "data-state-read-only": c, onMouseDown: xa, children: Le }), e[142] = y, e[143] = c, e[144] = Ue) : Ue = e[144];
   const Ct = ga, vt = w.omit(Yt, ["initialRef", "finalRef"]), It = t?.finalRef;
   let j;
   e[145] !== It ? (j = ea(Y, It), e[145] = It, e[146] = j) : j = e[146];
@@ -450,7 +440,7 @@ const Va = S.forwardRef((t, M) => {
   let G;
   e[151] !== q ? (G = (a) => q(a, "final"), e[151] = q, e[152] = G) : G = e[152];
   let qe;
-  e[153] !== v || e[154] !== s || e[155] !== ee || e[156] !== y || e[157] !== O || e[158] !== dt || e[159] !== xe || e[160] !== Be || e[161] !== _ || e[162] !== ne || e[163] !== c || e[164] !== r || e[165] !== Ct.Input || e[166] !== vt || e[167] !== j || e[168] !== wt || e[169] !== $ || e[170] !== H || e[171] !== G || e[172] !== te || e[173] !== g ? (qe = /* @__PURE__ */ C(Ct.Input, { ...vt, ref: j, id: O, name: O, value: dt, readOnly: c, disabled: y, customClass: ee, tabIndex: wt, placeholder: ne, "aria-autocomplete": "list", "aria-activedescendant": v, "aria-expanded": s, "aria-controls": O, "aria-labelledby": O, "data-testid": "test-date-period-field-final-input", "data-state-is-period-input": !0, "data-state-error": _, "data-state-read-only": c, "data-state-text-align": te, "data-state-undigitable": g, "data-state-skeletonize": r, onPaste: Be, onBeforeInput: xe, onBlur: $, onFocus: H, onKeyDown: G }), e[153] = v, e[154] = s, e[155] = ee, e[156] = y, e[157] = O, e[158] = dt, e[159] = xe, e[160] = Be, e[161] = _, e[162] = ne, e[163] = c, e[164] = r, e[165] = Ct.Input, e[166] = vt, e[167] = j, e[168] = wt, e[169] = $, e[170] = H, e[171] = G, e[172] = te, e[173] = g, e[174] = qe) : qe = e[174];
+  e[153] !== v || e[154] !== s || e[155] !== ee || e[156] !== y || e[157] !== O || e[158] !== dt || e[159] !== pe || e[160] !== Pe || e[161] !== _ || e[162] !== ne || e[163] !== c || e[164] !== r || e[165] !== Ct.Input || e[166] !== vt || e[167] !== j || e[168] !== wt || e[169] !== $ || e[170] !== H || e[171] !== G || e[172] !== te || e[173] !== g ? (qe = /* @__PURE__ */ C(Ct.Input, { ...vt, ref: j, id: O, name: O, value: dt, readOnly: c, disabled: y, customClass: ee, tabIndex: wt, placeholder: ne, "aria-autocomplete": "list", "aria-activedescendant": v, "aria-expanded": s, "aria-controls": O, "aria-labelledby": O, "data-testid": "test-date-period-field-final-input", "data-state-is-period-input": !0, "data-state-error": _, "data-state-read-only": c, "data-state-text-align": te, "data-state-undigitable": g, "data-state-skeletonize": r, onPaste: Pe, onBeforeInput: pe, onBlur: $, onFocus: H, onKeyDown: G }), e[153] = v, e[154] = s, e[155] = ee, e[156] = y, e[157] = O, e[158] = dt, e[159] = pe, e[160] = Pe, e[161] = _, e[162] = ne, e[163] = c, e[164] = r, e[165] = Ct.Input, e[166] = vt, e[167] = j, e[168] = wt, e[169] = $, e[170] = H, e[171] = G, e[172] = te, e[173] = g, e[174] = qe) : qe = e[174];
   let je;
   e[175] === Symbol.for("react.memo_cache_sentinel") ? (je = /* @__PURE__ */ C(va, {}), e[175] = je) : je = e[175];
   let $e;
@@ -458,13 +448,13 @@ const Va = S.forwardRef((t, M) => {
   let He;
   e[178] !== y || e[179] !== A || e[180] !== N || e[181] !== t.hint || e[182] !== r ? (He = N === "below" && /* @__PURE__ */ C(ha, { customClass: "hint", description: t.hint, disabled: y, skeletonize: r, visible: A }), e[178] = y, e[179] = A, e[180] = N, e[181] = t.hint, e[182] = r, e[183] = He) : He = e[183];
   let Ge;
-  e[184] !== Z || e[185] !== _ || e[186] !== B || e[187] !== r ? (Ge = _ && /* @__PURE__ */ C("span", { "data-testid": "test-date-period-field-list-errors", className: "error", "data-state-skeletonize": r, "aria-describedby": String(B).concat("-errors"), children: Z?.map(xa) }), e[184] = Z, e[185] = _, e[186] = B, e[187] = r, e[188] = Ge) : Ge = e[188];
+  e[184] !== Z || e[185] !== _ || e[186] !== P || e[187] !== r ? (Ge = _ && /* @__PURE__ */ C("span", { "data-testid": "test-date-period-field-list-errors", className: "error", "data-state-skeletonize": r, "aria-describedby": String(P).concat("-errors"), children: Z?.map(pa) }), e[184] = Z, e[185] = _, e[186] = P, e[187] = r, e[188] = Ge) : Ge = e[188];
   let Ye;
   return e[189] !== Qe || e[190] !== Xe || e[191] !== Ze ? (Ye = /* @__PURE__ */ C(ya, { targetRef: Qt, text: Qe, width: Ze, position: Xe }), e[189] = Qe, e[190] = Xe, e[191] = Ze, e[192] = Ye) : Ye = e[192], /* @__PURE__ */ Je(S.Fragment, { children: [
     /* @__PURE__ */ C(wa.Provider, { value: ra, children: /* @__PURE__ */ Je(Sa, { ref: Qt, "data-testid": "test-date-period-field-root", "data-state-error": _, customClassWrapper: aa, children: [
       Te,
       /* @__PURE__ */ Je(Oa, { ref: Xt, "data-testid": "test-date-period-field-container", onKeyDown: ca, skeletonize: r, customClassInputContainer: na, children: [
-        /* @__PURE__ */ C(_a, { ...da, ref: Ae, id: k, name: k, value: oa, disabled: y, readOnly: c, customClass: ee, tabIndex: !c && !r ? 0 : -1, placeholder: ne, "aria-autocomplete": "list", "aria-activedescendant": v, "aria-expanded": s, "aria-controls": k, "aria-labelledby": k, "data-testid": "test-date-period-field-initial-input", "data-state-is-period-input": !0, "data-state-error": _, "data-state-read-only": c, "data-state-text-align": te, "data-state-undigitable": g, "data-state-skeletonize": r, onPaste: Be, onBeforeInput: xe, onBlur: We, onFocus: ze, onKeyDown: Ee }),
+        /* @__PURE__ */ C(_a, { ...da, ref: Ae, id: k, name: k, value: oa, disabled: y, readOnly: c, customClass: ee, tabIndex: !c && !r ? 0 : -1, placeholder: ne, "aria-autocomplete": "list", "aria-activedescendant": v, "aria-expanded": s, "aria-controls": k, "aria-labelledby": k, "data-testid": "test-date-period-field-initial-input", "data-state-is-period-input": !0, "data-state-error": _, "data-state-read-only": c, "data-state-text-align": te, "data-state-undigitable": g, "data-state-skeletonize": r, onPaste: Pe, onBeforeInput: pe, onBlur: We, onFocus: ze, onKeyDown: Ee }),
         Ue,
         qe,
         je
@@ -477,29 +467,29 @@ const Va = S.forwardRef((t, M) => {
   ] });
 });
 Va.displayName = "DatePeriodFieldInputBase";
-function pa(t) {
+function Ra(t) {
   return t.clone().subtract(1, "month");
 }
-function Ra(t) {
+function Da(t) {
   return t.clone().add(1, "month");
 }
-function Da() {
+function Ba() {
   return {
     inicial: null,
     final: null
   };
 }
-function Ba(t, M) {
-  const e = t?.isAfter(M) ? M : t, B = t?.isAfter(M) ? t : M;
+function Pa(t, M) {
+  const e = t?.isAfter(M) ? M : t, P = t?.isAfter(M) ? t : M;
   return {
     inicial: e,
-    final: B
+    final: P
   };
 }
-function Pa(t) {
+function xa(t) {
   t.preventDefault();
 }
-function xa(t, M) {
+function pa(t, M) {
   return /* @__PURE__ */ Je(S.Fragment, { children: [
     t,
     " "