linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":[],"sources":["../../../../src/lib/inputs2/date/dateperiodfield/base.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { createPortal } from 'react-dom';\nimport moment, { type Moment } from 'moment';\nimport Hint from '../../../hint';\nimport Icon from '../../../icons';\nimport { Tooltip } from '../../../tooltip';\nimport { mergeRefs } from '../../../form2/helpers';\nimport { Keys } from '../types';\nimport * as BaseDate from '../base';\nimport { TOKEN_ISO_FORMAT, NAVIGATION_KEYS, TOKEN_MASK, TOKEN_PTBR_FORMAT } from '../helpers';\nimport { Triggers } from './triggers';\nimport { CalendarBox } from './calendarbox';\nimport { DatePeriodFieldContext } from './context';\nimport type { DatePeriodFieldBaseProps, DatePeriodTypes, InputType, SelectedDateType, UpdateDateStateParams } from './types';\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, DatePeriodFieldBaseProps>((props, __) => {\n    const {\n      label, errors, initialName = 'inicial', finalName = 'final', customClass = '', customClassLabel = '',\n      customClassWrapper = '', customClassInputContainer = '', labelUppercase = false, undigitable = false,\n      skeletonize = false, hintPosition = 'below', themePopover = 'light', popoverAlign = 'left',\n      showCalendarButton = true, textAlign = 'left', openCalendarOnFocus = true, shouldCloseOnSelect = true,\n      showPredefinedPeriodsButton = true, showClearDateButton = true, placeholder = TOKEN_PTBR_FORMAT, returnValueType = 'default',\n      tooltip, tooltipPosition, tooltipWidth, disabled, readOnly, ...rest\n    } = props;\n    const [selectedDate, setSelectedDate] = React.useState<SelectedDateType>({ \n      inicial: null, final: null, \n    });\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 inputRootRef = React.useRef<HTMLDivElement | null>(null);\n    const finalInputRef = React.useRef<HTMLInputElement | null>(null);\n    const initialInputRef = React.useRef<HTMLInputElement | null>(null);\n    const dateContainerRef = React.useRef<HTMLDivElement | null>(null);\n    const initialInputName = React.useMemo(() => String(props.name).concat('.').concat(initialName), [props.name, initialName]);\n    const finalInputName = React.useMemo(() => String(props.name).concat('.').concat(finalName), [props.name, finalName]);\n\n    const { \n      value: initialMaskedValue, \n      setValue: setInitialMaskValue, \n      unmaskedValue: initialUnmaskedValue,\n    } = useIMask(\n      { mask: TOKEN_MASK, lazy: false, placeholderChar: '_' },\n      {\n        ref: initialInputRef,\n        defaultValue: selectedDate.inicial?.format(TOKEN_PTBR_FORMAT),\n        onComplete: (value) => {\n          const date = moment(value, TOKEN_PTBR_FORMAT);\n          if (date.isValid()) {\n            handleChangeUpdateDateState({ date, inputType: 'initial', typing: true });\n          }\n        },\n      },\n    );\n\n    const { \n      value: finalMaskedValue, \n      setValue: setFinalMaskValue, \n      unmaskedValue: finalUnmaskedValue,\n    } = useIMask(\n      { mask: TOKEN_MASK, lazy: false, placeholderChar: '_' },\n      {\n        ref: finalInputRef,\n        defaultValue: selectedDate.final?.format(TOKEN_PTBR_FORMAT),\n        onComplete: (value) => {\n          const date = moment(value, TOKEN_PTBR_FORMAT);\n          if (date.isValid()) {\n            handleChangeUpdateDateState({ date, inputType: 'final', typing: true });\n          }\n        },\n      },\n    );\n\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const handleChangeSelectedDate = (object: SelectedDateType) => \n      setSelectedDate(object);\n    const handleChangeCalendarBoxState = (value: boolean) => \n      setCalendarBoxOpen(value);\n    const handleChangeActiveDescendant = (value: string) => \n      setActiveDescendant(value);\n    const handleChangeCalendarDisplayDate = (value: Moment) => \n      setCalendarDisplayDate(value);\n    const handleChangePreviousMonth = () =>\n      setCalendarDisplayDate(prevDisplayDate => prevDisplayDate.clone().subtract(1, 'month'));\n    const handleChangeNextMonth = () =>\n      setCalendarDisplayDate(prevDisplayDate => prevDisplayDate.clone().add(1, 'month'));\n    const handleNavigateWithDays = (offset: number) => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        const daySelected = prevDisplayDate.clone().add(offset, 'day');\n        handleChangeActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\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        handleChangeActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    };\n    const verifyPeriodSelectedIsValid = () => {\n      const objectValue = props?.value as Partial<{ [x: string]: string | undefined }>;\n      const isValidInitialValue = !_.isEmpty(objectValue[initialName]);\n      const isValidFinalValue = !_.isEmpty(objectValue[finalName]);\n      return isValidInitialValue && isValidFinalValue;\n    };\n    const handleOnClickClearSelectedPeriod = () => {\n      props.onChange?.({\n        target: {\n          name: props.name,\n          value: { [initialName]: '', [finalName]: '' } as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      setSelectedDate(() => ({ inicial: null, final: null }));\n      setInitialMaskValue('');\n      setFinalMaskValue('');\n      handleChangeCalendarBoxState(false);\n    };\n\n    const handleChangeUpdateDateState = (params: UpdateDateStateParams) => {\n      const { date, inputType, typing } = params;\n      const rawDate = date.clone();\n      const verifyDateRangeOrder = (initialDate: Moment | null, finalDate: Moment | null) => {\n        const inicial = initialDate?.isAfter(finalDate) ? finalDate : initialDate;\n        const final = initialDate?.isAfter(finalDate) ? initialDate : finalDate;\n        return { inicial, final };\n      };\n      switch (inputType) {\n        case 'initial': {\n          setSelectedDate((prevSelectedDate) => {\n            const { inicial, final } = verifyDateRangeOrder(rawDate, prevSelectedDate.final);\n            const updatedState: SelectedDateType = { inicial, final };\n            return updatedState;\n          });\n          const { inicial, final } = verifyDateRangeOrder(rawDate, selectedDate.final);\n          props.onChange?.({\n            target: {\n              name: props.name,\n              value: {\n                [initialName]: returnValueType === 'default' ? inicial?.format(TOKEN_ISO_FORMAT) : inicial?.toISOString(),\n                [finalName]: returnValueType === 'default' ? final?.format(TOKEN_ISO_FORMAT) : final?.toISOString(),\n              } as any,\n            },\n          } as React.ChangeEvent<HTMLInputElement>);\n          requestAnimationFrame(() => {\n            if (!typing) finalInputRef.current?.focus?.();\n          });\n          break;\n        }\n        case 'final': {\n          setSelectedDate((prevSelectedDate) => {\n            const { inicial, final } = verifyDateRangeOrder(prevSelectedDate.inicial, rawDate);\n            const updatedState: SelectedDateType = { inicial, final };\n            return updatedState;\n          });\n          const { inicial, final } = verifyDateRangeOrder(selectedDate.inicial, rawDate);\n          props.onChange?.({\n            target: {\n              name: props.name,\n              value: {\n                [initialName]: returnValueType === 'default' ? inicial?.format(TOKEN_ISO_FORMAT) : inicial?.toISOString(),\n                [finalName]: returnValueType === 'default' ? final?.format(TOKEN_ISO_FORMAT) : final?.toISOString(),\n              } as any,\n            },\n          } as React.ChangeEvent<HTMLInputElement>);\n          if (shouldCloseOnSelect) handleChangeCalendarBoxState(false);\n          break;\n        }\n        default:\n          break;\n      }\n      setCalendarDisplayDate(rawDate.clone());\n    };\n\n    const handleChangeUpdateDateStateWithPredefinedPeriod = (period: DatePeriodTypes) => {\n      const localOnChange = (initialDate: Moment, finalDate: Moment) => {\n        const valueToUpdate = {\n          [initialName]: returnValueType === 'default' ? initialDate.format(TOKEN_ISO_FORMAT) : initialDate.toISOString(),\n          [finalName]: returnValueType === 'default' ? finalDate.format(TOKEN_ISO_FORMAT) : finalDate.toISOString(),\n        };\n        setSelectedDate(() => {\n          const updatedState: SelectedDateType = {\n            inicial: initialDate.clone(),\n            final: finalDate.clone(),\n          };\n          return updatedState;\n        });\n        props.onChange?.({\n          target: {\n            name: props.name,\n            value: valueToUpdate as any,\n          },\n        } as React.ChangeEvent<HTMLInputElement>);\n      };\n\n      switch (period) {\n        case 'today': {\n          const date = moment();\n          localOnChange(date, date);\n          break;\n        }\n        case 'week': {\n          const startOfWeek = moment().startOf('week');\n          const endOfWeek = moment().endOf('week');\n          localOnChange(startOfWeek, endOfWeek);\n          break;\n        }\n        case 'lastweek': {\n          const startOfLastWeek = moment().add(-1, 'week').startOf('week');\n          const endOfLastWeek = moment().add(-1, 'week').endOf('week');\n          localOnChange(startOfLastWeek, endOfLastWeek);\n          break;\n        }\n        case 'last15': {\n          const startOfLastFifteenDays = moment().add(-14, 'd');\n          const endOfLastFifteenDays = moment();\n          localOnChange(startOfLastFifteenDays, endOfLastFifteenDays);\n          break;\n        }\n        case 'month': {\n          const startOfMonth = moment().startOf('month');\n          const endOfMonth = moment().endOf('month');\n          localOnChange(startOfMonth, endOfMonth);\n          break;\n        }\n        case 'lastmonth': {\n          const startOfMonth = moment().add(-1, 'month').startOf('month');\n          const endOfMonth = moment().add(-1, 'month').endOf('month');\n          localOnChange(startOfMonth, endOfMonth);\n          break;\n        }\n        default:\n          break;\n      }\n      finalInputRef?.current?.focus?.();\n      if (shouldCloseOnSelect) handleChangeCalendarBoxState(false);\n    };\n\n    const handleOnBlurMaskInput = (\n      event: React.FocusEvent<HTMLInputElement>, inputType: InputType,\n    ) => {\n      props?.onBlur?.(event);\n      if (inputType === 'initial') {\n        if (event.relatedTarget?.id !== finalInputName) handleChangeCalendarBoxState(false);\n        if (calendarBoxOpen) {\n          handleChangeActiveDescendant((selectedDate.inicial ?? moment()).format(TOKEN_ISO_FORMAT));\n          setCalendarDisplayDate(selectedDate.inicial ?? moment());\n        }\n        if (_.size(initialUnmaskedValue) !== 8) {\n          const date = moment(selectedDate.inicial, TOKEN_ISO_FORMAT);\n          if (date.isValid()) { setInitialMaskValue(date.format(TOKEN_PTBR_FORMAT)); }\n        }\n      }\n      if (inputType === 'final') {\n        if (event.relatedTarget?.id !== initialInputName) handleChangeCalendarBoxState(false);\n        if (calendarBoxOpen) {\n          handleChangeActiveDescendant((selectedDate.final ?? moment()).format(TOKEN_ISO_FORMAT));\n          setCalendarDisplayDate(selectedDate.final ?? moment());\n        }\n        if (_.size(finalUnmaskedValue) !== 8) {\n          const date = moment(selectedDate.final, TOKEN_ISO_FORMAT);\n          if (date.isValid()) { setFinalMaskValue(date.format(TOKEN_PTBR_FORMAT)); }\n        }\n      }\n    };\n\n    const handleOnFocusMaskInput = (\n      event: React.FocusEvent<HTMLInputElement>, inputType: InputType,\n    ) => {\n      props?.onFocus?.(event);\n      if (!readOnly && !calendarBoxOpen && openCalendarOnFocus) {\n        setCalendarBoxOpen(true);\n      }\n      if (inputType === 'initial') {\n        handleChangeActiveDescendant((selectedDate.inicial ?? moment()).format(TOKEN_ISO_FORMAT));\n        setCalendarDisplayDate(selectedDate.inicial ?? moment());\n      }\n      if (inputType === 'final') {\n        handleChangeActiveDescendant((selectedDate.final ?? moment()).format(TOKEN_ISO_FORMAT));\n        setCalendarDisplayDate(selectedDate.final ?? moment());\n      }\n    };\n\n    const handleOnKeyDownMaskInput = (\n      event: React.KeyboardEvent<HTMLInputElement>, inputType: InputType,\n    ) => {\n      props?.onKeyDown?.(event);\n      if (calendarBoxOpen && event.key && \n        !event.shiftKey && !event.altKey && event.key === Keys.enter) {\n        event.preventDefault();\n        const rawDate = moment(_.toString(activeDescendant), TOKEN_ISO_FORMAT);\n        handleChangeUpdateDateState({ date: rawDate, inputType });\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      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: handleChangeNextMonth();\n            break;\n          case Keys.pageDown: handleChangePreviousMonth();\n            break;\n          case Keys.home: handleNavigateWithWeeks('start');\n            break;\n          case Keys.end: handleNavigateWithWeeks('end');\n            break;\n          case Keys.escape: handleChangeCalendarBoxState(false);\n            break;\n          default:\n            break;\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      if (props?.value) {\n        const objectValue = props.value as Partial<{ [x: string]: string | undefined }>;\n        const initialDate = moment(_.toString(objectValue[initialName]), TOKEN_ISO_FORMAT);\n        const finalDate = moment(_.toString(objectValue[finalName]), TOKEN_ISO_FORMAT);\n        setSelectedDate(() => ({\n          inicial: initialDate.isValid() ? initialDate : null,\n          final: finalDate.isValid() ? finalDate : null,\n        }));\n        setInitialMaskValue(initialDate.format(TOKEN_PTBR_FORMAT));\n        setFinalMaskValue(finalDate.format(TOKEN_PTBR_FORMAT));\n      }\n    }, [props?.value]);\n\n    const contextValues = ({\n      isReadOnly: Boolean(readOnly), isDisabled: Boolean(readOnly), undigitable, skeletonize, \n      dateContainerRef, calendarBoxOpen, activeDescendant, selectedDate, \n      initialInputId: initialInputName, finalInputId: finalInputName, initialInputRef, \n      finalInputRef, showCalendarButton, calendarDisplayDate, hasValidationErrors, \n      openCalendarOnFocus, showPredefinedPeriodsButton, showClearDateButton, \n      handleChangeSelectedDate, handleChangePreviousMonth, handleChangeNextMonth, \n      handleChangeCalendarBoxState, handleChangeActiveDescendant, handleChangeCalendarDisplayDate, \n      handleChangeUpdateDateState, handleOnClickClearSelectedPeriod, \n      handleChangeUpdateDateStateWithPredefinedPeriod, \n      hasValidPeriodSelected: verifyPeriodSelectedIsValid(),\n    });\n\n    return (\n      <React.Fragment>\n        <DatePeriodFieldContext.Provider value={contextValues}>\n          <BaseDate.Root\n            ref={inputRootRef}\n            data-testid=\"test-date-period-field-root\"\n            data-state-error={hasValidationErrors}\n            customClassWrapper={customClassWrapper}>\n            {hasLabel && (\n            <BaseDate.Label\n              data-testid=\"test-date-period-field-label\"\n              label={label}\n              inputId={initialInputName}\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              data-testid=\"test-date-period-field-container\"\n              onKeyDown={handleOnKeyDown}\n              skeletonize={skeletonize}\n              customClassInputContainer={customClassInputContainer}>\n              <BaseDate.Input\n                {..._.omit(rest, ['initialRef', 'finalRef'])}\n                ref={mergeRefs(initialInputRef, props?.initialRef)}\n                id={initialInputName}\n                name={initialInputName}\n                value={initialMaskedValue}\n                disabled={disabled}\n                readOnly={readOnly}\n                customClass={customClass}\n                tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                placeholder={placeholder}\n                aria-autocomplete=\"list\"\n                aria-activedescendant={activeDescendant}\n                aria-expanded={calendarBoxOpen}\n                aria-controls={initialInputName}\n                aria-labelledby={initialInputName}\n                data-testid=\"test-date-period-field-initial-input\"\n                data-state-is-period-input={true}\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                onPaste={handleOnPaste}\n                onBeforeInput={handleOnBeforeInput}\n                onBlur={event => handleOnBlurMaskInput(event, 'initial')}\n                onFocus={event => handleOnFocusMaskInput(event, 'initial')}\n                onKeyDown={event => handleOnKeyDownMaskInput(event, 'initial')} />\n              <span\n                className=\"separator\"\n                data-state-disabled={disabled}\n                data-state-read-only={readOnly}\n                onMouseDown={(event) => { event.preventDefault(); }}>\n                <Icon name=\"arrow_right\" size={10} />\n              </span>\n              <BaseDate.Input\n                {..._.omit(rest, ['initialRef', 'finalRef'])}\n                ref={mergeRefs(finalInputRef, props?.finalRef)}\n                id={finalInputName}\n                name={finalInputName}\n                value={finalMaskedValue}\n                readOnly={readOnly}\n                disabled={disabled}\n                customClass={customClass}\n                tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                placeholder={placeholder}\n                aria-autocomplete=\"list\"\n                aria-activedescendant={activeDescendant}\n                aria-expanded={calendarBoxOpen}\n                aria-controls={finalInputName}\n                aria-labelledby={finalInputName}\n                data-testid=\"test-date-period-field-final-input\"\n                data-state-is-period-input={true}\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                onPaste={handleOnPaste}\n                onBeforeInput={handleOnBeforeInput}\n                onBlur={event => handleOnBlurMaskInput(event, 'final')}\n                onFocus={event => handleOnFocusMaskInput(event, 'final')}\n                onKeyDown={event => handleOnKeyDownMaskInput(event, 'final')} />\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-period-field-list-errors\"\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(label).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        </DatePeriodFieldContext.Provider>\n        <Tooltip\n          targetRef={inputRootRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'DatePeriodFieldInputBase';\n"],"mappings":"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"}

package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts

@@ -1,7 +1,6 @@
-import React__default from 'react';
-
-interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
+import { ComponentProps } from 'react';
+interface DateFieldCalendarBoxProps extends ComponentProps<'div'> {
 }
-declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
-
-export { CalendarBox, DateFieldCalendarBoxProps };
+declare const CalendarBox: import('react').ForwardRefExoticComponent<Omit<DateFieldCalendarBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CalendarBox };
+export type { DateFieldCalendarBoxProps };

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

@@ -1,138 +1,121 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarBox = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _moment = _interopRequireDefault(require("moment"));
-var _buttons = _interopRequireDefault(require("../../../buttons"));
-var _textContent = _interopRequireDefault(require("../../../textContent"));
-var _context = require("./context");
-var _helpers = require("../helpers");
-var _constants = require("../base/constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CalendarBox = exports.CalendarBox = /*#__PURE__*/_react.default.forwardRef((__, ref) => {
-  const {
-    initialInputId,
-    finalInputId,
-    activeDescendant,
-    calendarBoxOpen,
-    dateContainerRef,
-    calendarDisplayDate,
-    selectedDate,
-    handleChangeNextMonth,
-    handleChangePreviousMonth,
-    handleChangeUpdateDateState,
-    handleChangeActiveDescendant
-  } = (0, _context.useDatePeriodFieldContext)();
-  const {
-    calendarBoxStyles
-  } = (0, _constants.useCalendarPosition)(calendarBoxOpen, dateContainerRef);
-  const weeks = (0, _helpers.generateCalendarWeeks)(calendarDisplayDate);
-  const isInRange = day => selectedDate.inicial && selectedDate.final && day.isAfter(selectedDate.inicial, 'day') && day.isBefore(selectedDate.final, 'day');
-  const isSelected = day => selectedDate.inicial && day.isSame(selectedDate.inicial, 'day') || selectedDate.final && day.isSame(selectedDate.final, 'day');
-  const handleOnMouseDown = event => {
-    var _event$preventDefault;
-    event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);
-  };
-  const handleOnClick = (___, daySelected) => {
-    const inputActive = document.activeElement;
-    let inputType = undefined;
-    if ((inputActive === null || inputActive === void 0 ? void 0 : inputActive.id) === initialInputId) inputType = 'initial';
-    if ((inputActive === null || inputActive === void 0 ? void 0 : inputActive.id) === finalInputId) inputType = 'final';
-    if (!_lodash.default.isUndefined(inputType)) {
-      handleChangeUpdateDateState({
-        date: daySelected,
-        inputType
-      });
-      handleChangeActiveDescendant(daySelected.format(_helpers.TOKEN_ISO_FORMAT));
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: calendarBoxStyles,
-    "aria-expanded": calendarBoxOpen,
-    className: "date-calendar-box",
-    "data-testid": "test-date-period-field-calendar-box"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: initialInputId,
-    className: "date-calendar-box-header"
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    boxShadow: false,
-    type: "button",
-    iconName: "arrow_left",
-    title: "M\xEAs anterior",
-    className: "previous-month",
-    "aria-label": "M\xEAs anterior",
-    onClick: handleChangePreviousMonth,
-    onMouseDown: handleOnMouseDown
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    "aria-live": "polite",
-    className: "month-year"
-  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    "aria-label": calendarDisplayDate.format('MMMM YYYY'),
-    as: "p",
-    "data-testid": "test-date-period-field-calendar-box-month-description"
-  }, calendarDisplayDate.format('MMMM YYYY'))), /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    boxShadow: false,
-    type: "button",
-    iconName: "arrow_right",
-    title: "Pr\xF3ximo m\xEAs",
-    className: "next-month",
-    "aria-label": "Pr\xF3ximo m\xEAs",
-    onClick: handleChangeNextMonth,
-    onMouseDown: handleOnMouseDown
-  })), /*#__PURE__*/_react.default.createElement("table", {
-    "aria-label": "Dias da Semana",
-    role: "grid",
-    className: "date-calendar-box-days-of-week"
-  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, _moment.default.weekdaysShort(true).map((day, idx) => /*#__PURE__*/_react.default.createElement("th", {
-    role: "columnheader",
-    key: "day-of-week-".concat(idx + 1)
-  }, day))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "date-calendar-box-grid-of-days"
-  }, /*#__PURE__*/_react.default.createElement("table", {
-    "aria-label": "Calend\xE1rio",
-    role: "grid"
-  }, /*#__PURE__*/_react.default.createElement("tbody", {
-    className: "weeks"
-  }, weeks.map((week, weekIndex) => /*#__PURE__*/_react.default.createElement("tr", {
-    role: "row",
-    key: weekIndex + 1
-  }, week.map((day, dateIndex) => {
-    var _isInRange, _isSelected;
-    const idActiveDescendant = day.format(_helpers.TOKEN_ISO_FORMAT);
-    const isToday = _lodash.default.isEqual((0, _moment.default)().format(_helpers.TOKEN_ISO_FORMAT), day.format(_helpers.TOKEN_ISO_FORMAT));
-    const inRange = (_isInRange = isInRange(day)) !== null && _isInRange !== void 0 ? _isInRange : false;
-    const hasFocus = _lodash.default.isEqual(activeDescendant, day.format(_helpers.TOKEN_ISO_FORMAT));
-    const hasSelected = (_isSelected = isSelected(day)) !== null && _isSelected !== void 0 ? _isSelected : false;
-    const isCurrentMonth = day.month() === calendarDisplayDate.month();
-    const descriptionDate = day.format('LL');
-    return /*#__PURE__*/_react.default.createElement("td", {
-      role: "gridcell",
-      key: dateIndex
-    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      id: idActiveDescendant,
-      type: "button",
-      className: "day-button",
-      boxShadow: false,
-      tabIndex: -1,
-      title: descriptionDate,
-      "aria-label": descriptionDate,
-      "aria-selected": hasSelected,
-      "data-testid": "test-date-period-field-day-button",
-      "data-state-is-today": isToday,
-      "data-state-has-focus": hasFocus,
-      "data-state-is-in-range": inRange,
-      "data-state-is-current-month": isCurrentMonth,
-      label: day.date().toString(),
-      onMouseDown: handleOnMouseDown,
-      onClick: event => {
-        handleOnClick(event, day);
-      }
-    }));
-  })))))));
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../../node_modules/lodash/lodash.js";
+import n from "../../../buttons/index.js";
+import r from "../../../textContent/index.js";
+import i from "../../../node_modules/moment/dist/moment.js";
+import { TOKEN_ISO_FORMAT as a, generateCalendarWeeks as o } from "../helpers.js";
+import { useCalendarPosition as s } from "../base/constants.js";
+import { useDatePeriodFieldContext as c } from "./context.js";
+import { forwardRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/lib/inputs2/date/dateperiodfield/calendarbox.tsx
+var f = /* @__PURE__ */ e(t(), 1), p = l((e, t) => {
+	let { initialInputId: l, finalInputId: p, activeDescendant: m, calendarBoxOpen: h, dateContainerRef: g, calendarDisplayDate: _, selectedDate: v, handleChangeNextMonth: y, handleChangePreviousMonth: b, handleChangeUpdateDateState: x, handleChangeActiveDescendant: S } = c(), { calendarBoxStyles: C } = s(h, g), w = o(_), T = (e) => v.inicial && v.final && e.isAfter(v.inicial, "day") && e.isBefore(v.final, "day"), E = (e) => v.inicial && e.isSame(v.inicial, "day") || v.final && e.isSame(v.final, "day"), D = (e) => {
+		e?.preventDefault?.();
+	}, O = (e, t) => {
+		let n = document.activeElement, r;
+		n?.id === l && (r = "initial"), n?.id === p && (r = "final"), f.default.isUndefined(r) || (x({
+			date: t,
+			inputType: r
+		}), S(t.format(a)));
+	};
+	return /* @__PURE__ */ d("div", {
+		ref: t,
+		style: C,
+		"aria-expanded": h,
+		className: "date-calendar-box",
+		"data-testid": "test-date-period-field-calendar-box",
+		children: [
+			/* @__PURE__ */ d("div", {
+				id: l,
+				className: "date-calendar-box-header",
+				children: [
+					/* @__PURE__ */ u(n, {
+						boxShadow: !1,
+						type: "button",
+						iconName: "arrow_left",
+						title: "Mês anterior",
+						className: "previous-month",
+						"aria-label": "Mês anterior",
+						onClick: b,
+						onMouseDown: D
+					}),
+					/* @__PURE__ */ u("div", {
+						"aria-live": "polite",
+						className: "month-year",
+						children: /* @__PURE__ */ u(r, {
+							"aria-label": _.format("MMMM YYYY"),
+							as: "p",
+							"data-testid": "test-date-period-field-calendar-box-month-description",
+							children: _.format("MMMM YYYY")
+						})
+					}),
+					/* @__PURE__ */ u(n, {
+						boxShadow: !1,
+						type: "button",
+						iconName: "arrow_right",
+						title: "Próximo mês",
+						className: "next-month",
+						"aria-label": "Próximo mês",
+						onClick: y,
+						onMouseDown: D
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				"aria-label": "Dias da Semana",
+				role: "grid",
+				className: "date-calendar-box-days-of-week",
+				children: i.weekdaysShort(!0).map((e, t) => /* @__PURE__ */ u("span", {
+					title: e,
+					role: "columnheader",
+					children: e
+				}, `day-of-week-${t + 1}`))
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "date-calendar-box-grid-of-days",
+				children: /* @__PURE__ */ u("table", {
+					"aria-label": "Calendário",
+					role: "grid",
+					children: /* @__PURE__ */ u("tbody", {
+						className: "weeks",
+						children: w.map((e, t) => /* @__PURE__ */ u("tr", {
+							role: "row",
+							children: e.map((e, t) => {
+								let r = e.format(a), o = f.default.isEqual(i().format(a), e.format(a)), s = T(e) ?? !1, c = f.default.isEqual(m, e.format(a)), l = E(e) ?? !1, d = e.month() === _.month(), p = e.format("LL");
+								return /* @__PURE__ */ u("td", {
+									role: "gridcell",
+									children: /* @__PURE__ */ u(n, {
+										id: r,
+										type: "button",
+										className: "day-button",
+										boxShadow: !1,
+										tabIndex: -1,
+										title: p,
+										"aria-label": p,
+										"aria-selected": l,
+										"data-testid": "test-date-period-field-day-button",
+										"data-state-is-today": o,
+										"data-state-has-focus": c,
+										"data-state-is-in-range": s,
+										"data-state-is-current-month": d,
+										label: e.date().toString(),
+										onMouseDown: D,
+										onClick: (t) => {
+											O(t, e);
+										}
+									})
+								}, t);
+							})
+						}, t + 1))
+					})
+				})
+			})
+		]
+	});
 });
-CalendarBox.displayName = 'DatePeriodFieldCalendarBox';
+p.displayName = "DatePeriodFieldCalendarBox";
+//#endregion
+export { p as CalendarBox };
+
+//# sourceMappingURL=calendarbox.js.map

package/lib/inputs2/date/dateperiodfield/calendarbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarbox.js","names":[],"sources":["../../../../src/lib/inputs2/date/dateperiodfield/calendarbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport moment, { type Moment } from 'moment';\nimport { ComponentProps, forwardRef, MouseEvent } from 'react';\nimport Button from '../../../buttons';\nimport TextContent from '../../../textContent';\nimport { useDatePeriodFieldContext } from './context';\nimport { generateCalendarWeeks, TOKEN_ISO_FORMAT } from '../helpers';\nimport type { InputType } from './types';\nimport { useCalendarPosition } from '../base/constants';\n\ninterface DateFieldCalendarBoxProps extends ComponentProps<'div'> { }\n\nconst CalendarBox = forwardRef<HTMLDivElement, DateFieldCalendarBoxProps>((__, ref) => {\n  const {\n    initialInputId, finalInputId, activeDescendant, calendarBoxOpen, dateContainerRef, \n    calendarDisplayDate, selectedDate, handleChangeNextMonth, handleChangePreviousMonth, \n    handleChangeUpdateDateState, handleChangeActiveDescendant,\n  } = useDatePeriodFieldContext();\n  const { calendarBoxStyles } = useCalendarPosition(calendarBoxOpen, dateContainerRef);\n\n  const weeks = generateCalendarWeeks(calendarDisplayDate);\n\n  const isInRange = (day: Moment) => selectedDate.inicial && selectedDate.final &&\n    day.isAfter(selectedDate.inicial, 'day') && day.isBefore(selectedDate.final, 'day');\n  const isSelected = (day: Moment) =>\n    (selectedDate.inicial && day.isSame(selectedDate.inicial, 'day')) ||\n    (selectedDate.final && day.isSame(selectedDate.final, 'day'));\n  const handleOnMouseDown = (event: MouseEvent<HTMLButtonElement>) => {\n    event?.preventDefault?.();\n  };\n\n  const handleOnClick = (___: MouseEvent<HTMLButtonElement>, daySelected: Moment) => {\n    const inputActive = document.activeElement;\n    let inputType: InputType | undefined = undefined;\n    if (inputActive?.id === initialInputId) inputType = 'initial';\n    if (inputActive?.id === finalInputId) inputType = 'final';\n    if (!_.isUndefined(inputType)) {\n      handleChangeUpdateDateState({ date: daySelected, inputType });\n      handleChangeActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={calendarBoxStyles}\n      aria-expanded={calendarBoxOpen}\n      className=\"date-calendar-box\"\n      data-testid=\"test-date-period-field-calendar-box\">\n      <div id={initialInputId} className=\"date-calendar-box-header\">\n        <Button\n          boxShadow={false}\n          type=\"button\"\n          iconName=\"arrow_left\"\n          title=\"Mês anterior\"\n          className=\"previous-month\"\n          aria-label=\"Mês anterior\"\n          onClick={handleChangePreviousMonth}\n          onMouseDown={handleOnMouseDown} />\n        <div aria-live=\"polite\" className=\"month-year\">\n          <TextContent\n            aria-label={calendarDisplayDate.format('MMMM YYYY')}\n            as=\"p\"\n            data-testid=\"test-date-period-field-calendar-box-month-description\">\n            {calendarDisplayDate.format('MMMM YYYY')}\n          </TextContent>\n        </div>\n        <Button\n          boxShadow={false}\n          type=\"button\"\n          iconName=\"arrow_right\"\n          title=\"Próximo mês\"\n          className=\"next-month\"\n          aria-label=\"Próximo mês\"\n          onClick={handleChangeNextMonth}\n          onMouseDown={handleOnMouseDown} />\n      </div>\n      <div aria-label=\"Dias da Semana\" role=\"grid\" className=\"date-calendar-box-days-of-week\">\n        {moment.weekdaysShort(true).map((day, idx) => (\n          <span\n            title={day}\n            role=\"columnheader\" \n            key={`day-of-week-${idx + 1}`}>\n            {day}\n          </span>\n        ))}\n      </div>\n      <div className=\"date-calendar-box-grid-of-days\">\n        <table aria-label=\"Calendário\" role=\"grid\">\n          <tbody className=\"weeks\">\n            {weeks.map((week, weekIndex) => (\n              <tr role=\"row\" key={weekIndex + 1}>\n                {week.map((day, dateIndex) => {\n                  const idActiveDescendant = day.format(TOKEN_ISO_FORMAT);\n                  const isToday = _.isEqual(\n                    moment().format(TOKEN_ISO_FORMAT), \n                    day.format(TOKEN_ISO_FORMAT),\n                  );\n                  const inRange = isInRange(day) ?? false;\n                  const hasFocus = _.isEqual(activeDescendant, day.format(TOKEN_ISO_FORMAT));\n                  const hasSelected = isSelected(day) ?? false;\n                  const isCurrentMonth = day.month() === calendarDisplayDate.month();\n                  const descriptionDate = day.format('LL');\n                  return (\n                    <td role=\"gridcell\" key={dateIndex}>\n                      <Button\n                        id={idActiveDescendant}\n                        type=\"button\"\n                        className=\"day-button\"\n                        boxShadow={false}\n                        tabIndex={-1}\n                        title={descriptionDate}\n                        aria-label={descriptionDate}\n                        aria-selected={hasSelected}\n                        data-testid=\"test-date-period-field-day-button\"\n                        data-state-is-today={isToday}\n                        data-state-has-focus={hasFocus}\n                        data-state-is-in-range={inRange}\n                        data-state-is-current-month={isCurrentMonth}\n                        label={day.date().toString()}\n                        onMouseDown={handleOnMouseDown}\n                        onClick={(event) => { handleOnClick(event, day); }} />\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n});\n\nCalendarBox.displayName = 'DatePeriodFieldCalendarBox';\n\nexport { CalendarBox };\nexport type { DateFieldCalendarBoxProps };\n"],"mappings":"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"}

package/lib/inputs2/date/dateperiodfield/context.d.ts

@@ -1,14 +1,4 @@
-import React__default from 'react';
-import { DatePeriodContextProps } from './types.js';
-import 'moment';
-import '../../../@types/Align.js';
-import '../../../@types/ColorStyles.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
-import '../../../@types/PermissionAttr.js';
-import '../types.js';
-
-declare const DatePeriodFieldContext: React__default.Context<DatePeriodContextProps>;
+import { DatePeriodContextProps } from './types';
+declare const DatePeriodFieldContext: import('react').Context<DatePeriodContextProps>;
 declare const useDatePeriodFieldContext: () => DatePeriodContextProps;
-
 export { DatePeriodFieldContext, useDatePeriodFieldContext };

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

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDatePeriodFieldContext = exports.DatePeriodFieldContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DatePeriodFieldContext = exports.DatePeriodFieldContext = /*#__PURE__*/_react.default.createContext({});
-const useDatePeriodFieldContext = () => {
-  const context = _react.default.useContext(DatePeriodFieldContext);
-  if (!context) {
-    throw new Error('useDatePeriodFieldContext must be used within a DatePeriodFieldProvider');
-  }
-  return context;
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/inputs2/date/dateperiodfield/context.tsx
+var n = e({}), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useDatePeriodFieldContext must be used within a DatePeriodFieldProvider");
+	return e;
 };
-exports.useDatePeriodFieldContext = useDatePeriodFieldContext;
+//#endregion
+export { n as DatePeriodFieldContext, r as useDatePeriodFieldContext };
+
+//# sourceMappingURL=context.js.map

package/lib/inputs2/date/dateperiodfield/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/lib/inputs2/date/dateperiodfield/context.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DatePeriodContextProps } from './types';\n\nconst DatePeriodFieldContext = createContext<DatePeriodContextProps>({} as DatePeriodContextProps);\n\nconst useDatePeriodFieldContext = (): DatePeriodContextProps => {\n  const context = useContext(DatePeriodFieldContext);\n  if (!context) {\n    throw new Error('useDatePeriodFieldContext must be used within a DatePeriodFieldProvider');\n  }\n  return context;\n};\n\nexport { DatePeriodFieldContext, useDatePeriodFieldContext };\n"],"mappings":";;AAGA,IAAM,IAAyB,EAAsC,EAAE,CAA2B,EAE5F,UAAA;CACJ,IAAA,IAAgB,EAAW,EAAuB;AAClD,KAAI,CAAC,EACH,OAAU,MAAM,0EAA0E;QAErF"}

package/lib/inputs2/date/dateperiodfield/index.d.ts

@@ -1,10 +1,5 @@
-import 'react';
-export { DatePeriodFieldProps } from './types.js';
-export { I as Input } from '../../../index-c9247c1f.js';
-import 'moment';
-import '../../../@types/Align.js';
-import '../../../@types/ColorStyles.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
-import '../../../@types/PermissionAttr.js';
-import '../types.js';
+import { default as React } from 'react';
+import { DatePeriodFieldProps } from './types';
+declare const Input: React.ForwardRefExoticComponent<DatePeriodFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { DatePeriodFieldProps };

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

@@ -1,57 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _gridlayout = _interopRequireDefault(require("../../../gridlayout"));
-var _permissionValidations = require("../../../permissionValidations");
-var _helpers = require("../helpers");
-var _base = require("./base");
-const _excluded = ["onDeniedActions", "permissionAttr", "disabled", "readOnly", "gridLayout"];
-/* eslint-disable @typescript-eslint/no-use-before-define */
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-      onDeniedActions,
-      permissionAttr,
-      disabled,
-      readOnly,
-      gridLayout
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const onDenied = _react.default.useMemo(() => {
-    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(_helpers.options, permissionAttr);
-  }, [onDeniedActions, permissionAttr]);
-  const {
-    hideContent,
-    unvisible
-  } = onDenied;
-  const isReadOnly = Boolean(readOnly || onDenied.readOnly);
-  const isDisabled = Boolean(disabled || onDenied.disabled);
-  const inputProps = _objectSpread({
-    readOnly: isReadOnly,
-    disabled: isDisabled
-  }, props);
-  if (unvisible || hideContent) return null;
-  if (gridLayout) {
-    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-      cols: gridLayout
-    }, /*#__PURE__*/_react.default.createElement(_base.InputBase, _extends({
-      ref: ref
-    }, inputProps)));
-  }
-  return /*#__PURE__*/_react.default.createElement(_base.InputBase, _extends({
-    ref: ref
-  }, inputProps));
+import { __exportAll as e } from "../../../_virtual/_rolldown/runtime.js";
+import t from "../../../gridlayout/index.js";
+import { actionsOnPermissionDenied as n } from "../../../permissionValidations.js";
+import { options as r } from "../helpers.js";
+import { InputBase as i } from "./base.js";
+import a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/date/dateperiodfield/index.tsx
+var s = /* @__PURE__ */ e({ Input: () => c }), c = a.forwardRef(({ onDeniedActions: e, permissionAttr: s, disabled: c, readOnly: l, gridLayout: u, ...d }, f) => {
+	let p = a.useMemo(() => e || n(r, s), [e, s]), { hideContent: m, unvisible: h } = p, g = {
+		readOnly: !!(l || p.readOnly),
+		disabled: !!(c || p.disabled),
+		...d
+	};
+	return h || m ? null : u ? /* @__PURE__ */ o(t, {
+		cols: u,
+		children: /* @__PURE__ */ o(i, {
+			ref: f,
+			...g
+		})
+	}) : /* @__PURE__ */ o(i, {
+		ref: f,
+		...g
+	});
 });
-Input.displayName = 'DatePeriodFieldInput';
+c.displayName = "DatePeriodFieldInput";
+//#endregion
+export { c as Input, s as dateperiodfield_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/date/dateperiodfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/inputs2/date/dateperiodfield/index.tsx"],"sourcesContent":["import React from 'react';\nimport GridCol from '../../../gridlayout';\nimport type { OnDenied } from '../../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied } from '../../../permissionValidations';\nimport { options } from '../helpers';\nimport type { DatePeriodFieldBaseProps, DatePeriodFieldProps } from './types';\nimport { InputBase } from './base';\n\nconst Input = React.forwardRef<HTMLInputElement, DatePeriodFieldProps>(({\n  onDeniedActions, permissionAttr, disabled, readOnly, gridLayout, ...props\n}, ref) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies DatePeriodFieldBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'DatePeriodFieldInput';\n\nexport { Input };\nexport type { DatePeriodFieldProps };\n"],"mappings":";;;;;;;;+CAQM,IAAQ,EAAM,YAAoD,EACtE,oBAAiB,mBAAgB,aAAU,aAAU,eAAY,GAAG,KACnE,MAAQ;CACT,IAAM,IAAqB,EAAM,cACxB,KAAmB,EAA0B,GAAS,EAAe,EAC3E,CAAC,GAAiB,EAAe,CAAC,EAC/B,EAAE,gBAAa,iBAAc,GAG7B,IAAa;EACjB,UAHiB,GAAQ,KAAY,EAAS;EAGxB,UAFL,GAAQ,KAAY,EAAS;EAEF,GAAG;EAChD;AAYD,QAVI,KAAa,IAAoB,OAEjC,IAEA,kBAAC,GAAD;EAAS,MAAM;YACb,kBAAC,GAAD;GAAgB;GAAK,GAAI;GAAc,CAAA;EAC/B,CAAA,GAKZ,kBAAC,GAAD;EAAgB;EAAK,GAAI;EAAc,CAAA;EAEzC;AAEF,EAAM,cAAc"}

package/lib/inputs2/date/dateperiodfield/triggers.d.ts

@@ -1,6 +1,5 @@
 declare const Triggers: {
-    (): JSX.Element;
+    (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
 export { Triggers };