@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTDatePicker/versions/V1/components/Day/index.js

@@ -1,38 +1 @@
-import React, { memo } from 'react';
-import dayjs from 'dayjs';
-import { bool, func, object } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import { isSelected } from '../../utils';
-import { DAY_NUMBER_FORMAT } from '../../constants';
-import styles from '../../styles.module.scss';
-const Day = _ref => {
-  let {
-    date,
-    dayInCurrentMonth,
-    isDisabled,
-    onClick,
-    pickedDate
-  } = _ref;
-  const selected = isSelected(date, pickedDate);
-  const rootClass = [styles.dayCell, selected && styles.daySelected, !dayInCurrentMonth && styles.otherMonthDay].filter(Boolean).join(' ');
-  return /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: rootClass
-    },
-    colorTheme: selected ? 'negative' : undefined,
-    disabled: isDisabled && dayInCurrentMonth,
-    onClick: () => {
-      if (!isDisabled) onClick(date);
-    },
-    size: "medium",
-    variant: "text"
-  }, dayjs(date).format(DAY_NUMBER_FORMAT));
-};
-Day.propTypes = {
-  date: object,
-  dayInCurrentMonth: bool,
-  isDisabled: bool,
-  onClick: func,
-  pickedDate: object
-};
-export default /*#__PURE__*/memo(Day);
+import React,{memo}from"react";import dayjs from"dayjs";import{bool,func,object}from"prop-types";import UTButton from"../../../../../UTButton";import{isSelected}from"../../utils";import{DAY_NUMBER_FORMAT}from"../../constants";import styles from"../../styles.module.scss";const Day=_ref=>{let{date:date,dayInCurrentMonth:dayInCurrentMonth,isDisabled:isDisabled,onClick:onClick,pickedDate:pickedDate}=_ref;const selected=isSelected(date,pickedDate),rootClass=[styles.dayCell,selected&&styles.daySelected,!dayInCurrentMonth&&styles.otherMonthDay].filter(Boolean).join(" ");return React.createElement(UTButton,{classNames:{root:rootClass},colorTheme:selected?"negative":void 0,disabled:isDisabled&&dayInCurrentMonth,onClick:()=>{isDisabled||onClick(date)},size:"medium",variant:"text"},dayjs(date).format(DAY_NUMBER_FORMAT))};Day.propTypes={date:object,dayInCurrentMonth:bool,isDisabled:bool,onClick:func,pickedDate:object};export default memo(Day);

package/dist/esm/components/UTDatePicker/versions/V1/constants.js

@@ -1,10 +1 @@
-export const OUTPUT_LABEL_MASK = 'DD/MM/YYYY';
-export const WEEKDAYS_LABELS = ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'];
-export const MONTH_YEAR_FORMAT = 'MMMM YYYY';
-export const DAY_NUMBER_FORMAT = 'DD';
-export const DEFAULT_PLACEHOLDER = 'DD/MM/AAAA';
-export const TYPING_ERROR_MESSAGE = 'Fecha inválida';
-export const DEFAULT_PROPS = {
-  variant: 'select',
-  size: 'sm'
-};
+export const OUTPUT_LABEL_MASK="DD/MM/YYYY";export const WEEKDAYS_LABELS=["Dom","Lun","Mar","Mie","Jue","Vie","Sab"];export const MONTH_YEAR_FORMAT="MMMM YYYY";export const DAY_NUMBER_FORMAT="DD";export const DEFAULT_PLACEHOLDER="DD/MM/AAAA";export const TYPING_ERROR_MESSAGE="Fecha inválida";export const DEFAULT_PROPS={variant:"select",size:"sm"};

package/dist/esm/components/UTDatePicker/versions/V1/index.js

@@ -1,263 +1 @@
-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); }
-import React, { useRef, useState, useEffect } from 'react';
-import Popover from '@material-ui/core/Popover';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { bool, elementType, func, object, shape, string, oneOf } from 'prop-types';
-import UTBaseInputField from '../../../UTBaseInputField';
-import UTButton from '../../../UTButton';
-import UTFieldLabel from '../../../UTFieldLabel';
-import UTLabel from '../../../UTLabel';
-import UTValidation from '../../../UTValidation';
-import { COMPONENT_KEYS } from '../../../UTBaseInputField/constants';
-import Calendar from './components/Calendar';
-import styles from './styles.module.scss';
-import { DEFAULT_PROPS, DEFAULT_PLACEHOLDER, OUTPUT_LABEL_MASK, TYPING_ERROR_MESSAGE } from './constants';
-import { dateMatchesFormat, getFinalDate } from './utils';
-dayjs.extend(customParseFormat);
-const CALENDAR_PAPER_PROPS = {
-  onMouseDown: e => e.preventDefault()
-};
-const UTDatePicker = _ref => {
-  let {
-    classNames = {},
-    CustomIcon,
-    dataTestId,
-    disabled,
-    error = '',
-    helpText,
-    onChange = () => {},
-    placeholder,
-    popoverProps,
-    range,
-    readOnly = false,
-    required,
-    size = DEFAULT_PROPS.size,
-    title,
-    value = '',
-    variant = DEFAULT_PROPS.variant
-  } = _ref;
-  const {
-    maxDate,
-    minDate
-  } = range || {};
-  const [pickedDate, setPickedDate] = useState(null);
-  const [isTyping, setIsTyping] = useState(false);
-  const [typedValue, setTypedValue] = useState('');
-  const [isOpen, setIsOpen] = useState(false);
-  const [typingError, setTypingError] = useState(false);
-  const inputContainerRef = useRef(null);
-  const inputRef = useRef(null);
-  useEffect(() => {
-    setIsTyping(false);
-    setTypedValue('');
-    setTypingError(false);
-    if (!value && pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setPickedDate(null);else if (dateMatchesFormat(value, OUTPUT_LABEL_MASK)) setPickedDate(dayjs(value, OUTPUT_LABEL_MASK));else setPickedDate(null);
-  }, [value]);
-  const autoFormatDate = val => {
-    const digits = val.replace(/\D/g, '').slice(0, 8);
-    if (digits.length <= 2) return digits;
-    if (digits.length <= 4) return "".concat(digits.slice(0, 2), "/").concat(digits.slice(2));
-    return "".concat(digits.slice(0, 2), "/").concat(digits.slice(2, 4), "/").concat(digits.slice(4));
-  };
-  const openCalendar = () => {
-    var _inputRef$current;
-    if (disabled || readOnly) return;
-    setIsOpen(true);
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-  };
-  const handleClose = () => {
-    setIsOpen(false);
-    setTypingError(false);
-    if (!isTyping) return;
-    setIsTyping(false);
-    setTypedValue('');
-    if (value && dateMatchesFormat(value, OUTPUT_LABEL_MASK)) {
-      setPickedDate(dayjs(value, OUTPUT_LABEL_MASK));
-    } else {
-      setPickedDate(null);
-    }
-  };
-  const handleDaySelect = date => {
-    const finalDate = getFinalDate({
-      date,
-      maxDate,
-      minDate
-    });
-    setPickedDate(finalDate);
-    setIsTyping(false);
-    setTypedValue('');
-    setTypingError(false);
-    if (finalDate.isValid()) onChange(finalDate.format(OUTPUT_LABEL_MASK));else onChange('');
-    setIsOpen(false);
-  };
-  const handleClear = e => {
-    e.stopPropagation();
-    setPickedDate(null);
-    setIsTyping(false);
-    setTypedValue('');
-    setTypingError(false);
-    onChange('');
-  };
-  const handleTextChange = e => {
-    var _e$nativeEvent$data, _e$nativeEvent;
-    const raw = isTyping ? e.target.value : (_e$nativeEvent$data = (_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.data) !== null && _e$nativeEvent$data !== void 0 ? _e$nativeEvent$data : '';
-    const formatted = autoFormatDate(raw);
-    setTypedValue(formatted);
-    setIsTyping(true);
-    const allDigitsEntered = formatted.replace(/\D/g, '').length === 8;
-    if (allDigitsEntered) {
-      const isValid = dateMatchesFormat(formatted, OUTPUT_LABEL_MASK) && dayjs(formatted, OUTPUT_LABEL_MASK).isValid();
-      setTypingError(!isValid);
-      if (isValid) setPickedDate(dayjs(formatted, OUTPUT_LABEL_MASK));
-    } else {
-      setTypingError(false);
-    }
-  };
-  const handleTextBlur = e => {
-    var _inputContainerRef$cu;
-    if ((_inputContainerRef$cu = inputContainerRef.current) !== null && _inputContainerRef$cu !== void 0 && _inputContainerRef$cu.contains(e.relatedTarget)) return;
-    setIsOpen(false);
-    setTypingError(false);
-    if (!isTyping) return;
-    setIsTyping(false);
-    setTypedValue('');
-    if (!typedValue) {
-      setPickedDate(null);
-      onChange('');
-      return;
-    }
-    if (dateMatchesFormat(typedValue, OUTPUT_LABEL_MASK)) {
-      const parsed = dayjs(typedValue, OUTPUT_LABEL_MASK);
-      if (parsed.isValid()) {
-        const finalDate = getFinalDate({
-          date: parsed,
-          maxDate,
-          minDate
-        });
-        setPickedDate(finalDate);
-        onChange(finalDate.format(OUTPUT_LABEL_MASK));
-        return;
-      }
-    }
-    setPickedDate(null);
-    onChange('');
-  };
-  const displayValue = isTyping ? typedValue : pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid() ? pickedDate.format(OUTPUT_LABEL_MASK) : '';
-  const hasError = !!error || typingError;
-  const hasValue = pickedDate === null || pickedDate === void 0 ? void 0 : pickedDate.isValid();
-  const displayPlaceholder = placeholder || DEFAULT_PLACEHOLDER;
-  const showLeftAlertIcon = hasError && !disabled;
-  const showClearButton = (hasValue || isTyping) && !disabled && !readOnly;
-  const showCalendarIcon = !readOnly && !disabled;
-  const errorMessage = error || (typingError ? TYPING_ERROR_MESSAGE : '');
-  const isTransparent = variant === 'picker';
-  const leftAdornments = showLeftAlertIcon ? [{
-    name: COMPONENT_KEYS.ICON,
-    props: {
-      showOnlyOnError: true
-    }
-  }] : [];
-  const xIconProps = {
-    colorTheme: 'dark',
-    Icon: 'IconX'
-  };
-  const calendarIconProps = {
-    colorTheme: hasError ? 'error' : isOpen ? 'primary' : 'gray',
-    Icon: CustomIcon || 'IconCalendarEvent'
-  };
-  const endAdornment = showCalendarIcon ? /*#__PURE__*/React.createElement("div", {
-    className: styles.endAdornments
-  }, /*#__PURE__*/React.createElement(UTButton, _extends({}, showClearButton ? xIconProps : calendarIconProps, {
-    onClick: showClearButton ? handleClear : openCalendar,
-    size: "small",
-    variant: "text"
-  }))) : undefined;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, title && /*#__PURE__*/React.createElement(UTFieldLabel, {
-    className: classNames === null || classNames === void 0 ? void 0 : classNames.upperTitle,
-    required: required,
-    withMarkdown: true
-  }, title), /*#__PURE__*/React.createElement("div", {
-    ref: inputContainerRef
-  }, /*#__PURE__*/React.createElement(UTBaseInputField, {
-    alwaysShowPlaceholder: true,
-    classNames: classNames,
-    dataTestId: dataTestId,
-    inputRef: inputRef,
-    disabled: disabled,
-    error: hasError,
-    readOnly: readOnly,
-    inputSize: size === 'sm' ? 'small' : undefined,
-    variant: isTransparent ? 'transparent' : undefined,
-    leftAdornments: leftAdornments,
-    maxLength: 10,
-    muiProps: {
-      InputProps: {
-        endAdornment
-      },
-      onChange: handleTextChange,
-      fullWidth: true
-    },
-    onBlur: handleTextBlur,
-    onFocus: openCalendar,
-    placeholder: displayPlaceholder,
-    value: displayValue
-  })), helpText && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "small",
-    withMarkdown: true
-  }, helpText), variant === 'select' && errorMessage && /*#__PURE__*/React.createElement(UTValidation, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".errorMessage") : undefined,
-    validationData: [{
-      items: [{
-        status: 'error',
-        text: errorMessage
-      }]
-    }]
-  })), /*#__PURE__*/React.createElement(Popover, _extends({
-    anchorEl: inputContainerRef.current,
-    anchorOrigin: {
-      horizontal: 'left',
-      vertical: 'bottom'
-    },
-    disableAutoFocus: true,
-    disableEnforceFocus: true,
-    disableRestoreFocus: true,
-    onClose: handleClose,
-    open: isOpen,
-    PaperProps: CALENDAR_PAPER_PROPS,
-    transformOrigin: {
-      horizontal: 'left',
-      vertical: 'top'
-    }
-  }, popoverProps), /*#__PURE__*/React.createElement(Calendar, {
-    maxDate: maxDate,
-    minDate: minDate,
-    onDaySelect: handleDaySelect,
-    pickedDate: pickedDate
-  })));
-};
-UTDatePicker.propTypes = {
-  classNames: object,
-  CustomIcon: elementType,
-  dataTestId: string,
-  disabled: bool,
-  error: string,
-  helpText: string,
-  onChange: func,
-  placeholder: string,
-  popoverProps: object,
-  range: shape({
-    maxDate: string,
-    minDate: string
-  }),
-  readOnly: bool,
-  required: bool,
-  size: string,
-  title: string,
-  value: string,
-  variant: oneOf(['select', 'picker'])
-};
-export default UTDatePicker;
+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)}import React,{useRef,useState,useEffect}from"react";import Popover from"@material-ui/core/Popover";import dayjs from"dayjs";import customParseFormat from"dayjs/plugin/customParseFormat";import{bool,elementType,func,object,shape,string,oneOf}from"prop-types";import UTBaseInputField from"../../../UTBaseInputField";import UTButton from"../../../UTButton";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import UTValidation from"../../../UTValidation";import{COMPONENT_KEYS}from"../../../UTBaseInputField/constants";import Calendar from"./components/Calendar";import styles from"./styles.module.scss";import{DEFAULT_PROPS,DEFAULT_PLACEHOLDER,OUTPUT_LABEL_MASK,TYPING_ERROR_MESSAGE}from"./constants";import{dateMatchesFormat,getFinalDate}from"./utils";dayjs.extend(customParseFormat);const CALENDAR_PAPER_PROPS={onMouseDown:e=>e.preventDefault()},UTDatePicker=_ref=>{let{classNames:classNames={},CustomIcon:CustomIcon,dataTestId:dataTestId,disabled:disabled,error:error="",helpText:helpText,onChange:onChange=()=>{},placeholder:placeholder,popoverProps:popoverProps,range:range,readOnly:readOnly=!1,required:required,size:size=DEFAULT_PROPS.size,title:title,value:value="",variant:variant=DEFAULT_PROPS.variant}=_ref;const{maxDate:maxDate,minDate:minDate}=range||{},[pickedDate,setPickedDate]=useState(null),[isTyping,setIsTyping]=useState(!1),[typedValue,setTypedValue]=useState(""),[isOpen,setIsOpen]=useState(!1),[typingError,setTypingError]=useState(!1),inputContainerRef=useRef(null),inputRef=useRef(null);useEffect(()=>{setIsTyping(!1),setTypedValue(""),setTypingError(!1),!value&&null!=pickedDate&&pickedDate.isValid()?setPickedDate(null):dateMatchesFormat(value,OUTPUT_LABEL_MASK)?setPickedDate(dayjs(value,OUTPUT_LABEL_MASK)):setPickedDate(null)},[value]);const openCalendar=()=>{var _inputRef$current;disabled||readOnly||(setIsOpen(!0),null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current||_inputRef$current.focus())},displayValue=isTyping?typedValue:null!=pickedDate&&pickedDate.isValid()?pickedDate.format(OUTPUT_LABEL_MASK):"",hasError=!!error||typingError,hasValue=null==pickedDate?void 0:pickedDate.isValid(),displayPlaceholder=placeholder||DEFAULT_PLACEHOLDER,showClearButton=(hasValue||isTyping)&&!disabled&&!readOnly,showCalendarIcon=!readOnly&&!disabled,errorMessage=error||(typingError?TYPING_ERROR_MESSAGE:""),isTransparent="picker"===variant,leftAdornments=hasError&&!disabled?[{name:COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}]:[],calendarIconProps={colorTheme:hasError?"error":isOpen?"primary":"gray",Icon:CustomIcon||"IconCalendarEvent"},endAdornment=showCalendarIcon?React.createElement("div",{className:styles.endAdornments},React.createElement(UTButton,_extends({},showClearButton?{colorTheme:"dark",Icon:"IconX"}:calendarIconProps,{onClick:showClearButton?e=>{e.stopPropagation(),setPickedDate(null),setIsTyping(!1),setTypedValue(""),setTypingError(!1),onChange("")}:openCalendar,size:"small",variant:"text"}))):void 0;return React.createElement(React.Fragment,null,React.createElement("div",{className:styles.root},title&&React.createElement(UTFieldLabel,{className:null==classNames?void 0:classNames.upperTitle,required:required,withMarkdown:!0},title),React.createElement("div",{ref:inputContainerRef},React.createElement(UTBaseInputField,{alwaysShowPlaceholder:!0,classNames:classNames,dataTestId:dataTestId,inputRef:inputRef,disabled:disabled,error:hasError,readOnly:readOnly,inputSize:"sm"===size?"small":void 0,variant:isTransparent?"transparent":void 0,leftAdornments:leftAdornments,maxLength:10,muiProps:{InputProps:{endAdornment:endAdornment},onChange:e=>{var _e$nativeEvent$data,_e$nativeEvent;const formatted=(val=>{const digits=val.replace(/\D/g,"").slice(0,8);return digits.length<=2?digits:digits.length<=4?"".concat(digits.slice(0,2),"/").concat(digits.slice(2)):"".concat(digits.slice(0,2),"/").concat(digits.slice(2,4),"/").concat(digits.slice(4))})(isTyping?e.target.value:null!==(_e$nativeEvent$data=null===(_e$nativeEvent=e.nativeEvent)||void 0===_e$nativeEvent?void 0:_e$nativeEvent.data)&&void 0!==_e$nativeEvent$data?_e$nativeEvent$data:"");setTypedValue(formatted),setIsTyping(!0);if(8===formatted.replace(/\D/g,"").length){const isValid=dateMatchesFormat(formatted,OUTPUT_LABEL_MASK)&&dayjs(formatted,OUTPUT_LABEL_MASK).isValid();setTypingError(!isValid),isValid&&setPickedDate(dayjs(formatted,OUTPUT_LABEL_MASK))}else setTypingError(!1)},fullWidth:!0},onBlur:e=>{var _inputContainerRef$cu;if((null===(_inputContainerRef$cu=inputContainerRef.current)||void 0===_inputContainerRef$cu||!_inputContainerRef$cu.contains(e.relatedTarget))&&(setIsOpen(!1),setTypingError(!1),isTyping)){if(setIsTyping(!1),setTypedValue(""),!typedValue)return setPickedDate(null),void onChange("");if(dateMatchesFormat(typedValue,OUTPUT_LABEL_MASK)){const parsed=dayjs(typedValue,OUTPUT_LABEL_MASK);if(parsed.isValid()){const finalDate=getFinalDate({date:parsed,maxDate:maxDate,minDate:minDate});return setPickedDate(finalDate),void onChange(finalDate.format(OUTPUT_LABEL_MASK))}}setPickedDate(null),onChange("")}},onFocus:openCalendar,placeholder:displayPlaceholder,value:displayValue})),helpText&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",withMarkdown:!0},helpText),"select"===variant&&errorMessage&&React.createElement(UTValidation,{dataTestId:dataTestId?"".concat(dataTestId,".errorMessage"):void 0,validationData:[{items:[{status:"error",text:errorMessage}]}]})),React.createElement(Popover,_extends({anchorEl:inputContainerRef.current,anchorOrigin:{horizontal:"left",vertical:"bottom"},disableAutoFocus:!0,disableEnforceFocus:!0,disableRestoreFocus:!0,onClose:()=>{setIsOpen(!1),setTypingError(!1),isTyping&&(setIsTyping(!1),setTypedValue(""),value&&dateMatchesFormat(value,OUTPUT_LABEL_MASK)?setPickedDate(dayjs(value,OUTPUT_LABEL_MASK)):setPickedDate(null))},open:isOpen,PaperProps:CALENDAR_PAPER_PROPS,transformOrigin:{horizontal:"left",vertical:"top"}},popoverProps),React.createElement(Calendar,{maxDate:maxDate,minDate:minDate,onDaySelect:date=>{const finalDate=getFinalDate({date:date,maxDate:maxDate,minDate:minDate});setPickedDate(finalDate),setIsTyping(!1),setTypedValue(""),setTypingError(!1),finalDate.isValid()?onChange(finalDate.format(OUTPUT_LABEL_MASK)):onChange(""),setIsOpen(!1)},pickedDate:pickedDate})))};UTDatePicker.propTypes={classNames:object,CustomIcon:elementType,dataTestId:string,disabled:bool,error:string,helpText:string,onChange:func,placeholder:string,popoverProps:object,range:shape({maxDate:string,minDate:string}),readOnly:bool,required:bool,size:string,title:string,value:string,variant:oneOf(["select","picker"])};export default UTDatePicker;

package/dist/esm/components/UTDatePicker/versions/V1/stories/storiesConstants.js

@@ -1 +1 @@
-export const ERROR_MOCK = 'El dato ingresado es incorrecto.';
+export const ERROR_MOCK="El dato ingresado es incorrecto.";

package/dist/esm/components/UTDatePicker/versions/V1/utils.js

@@ -1,30 +1 @@
-import dayjs from 'dayjs';
-import { OUTPUT_LABEL_MASK } from './constants';
-export const isSelected = (date, selectedDate) => selectedDate && date.isSame(selectedDate, 'day');
-export const dateMatchesFormat = (date, targetFormat) => dayjs(date, targetFormat).format(targetFormat) === date;
-export const getFinalDate = _ref => {
-  let {
-    date,
-    maxDate,
-    minDate
-  } = _ref;
-  const formattedDate = dayjs(date);
-  if (maxDate && formattedDate !== null && formattedDate !== void 0 && formattedDate.isAfter(dayjs(maxDate, OUTPUT_LABEL_MASK))) return dayjs(maxDate, OUTPUT_LABEL_MASK);
-  if (minDate && formattedDate !== null && formattedDate !== void 0 && formattedDate.isBefore(dayjs(minDate, OUTPUT_LABEL_MASK))) return dayjs(minDate, OUTPUT_LABEL_MASK);
-  return formattedDate;
-};
-export const getWeeks = month => {
-  const firstDay = month.startOf('month');
-  const lastDay = month.endOf('month');
-  const startDate = firstDay.subtract(firstDay.day(), 'day');
-  const weeks = [];
-  let current = startDate;
-  do {
-    const weekStart = current;
-    weeks.push(Array.from({
-      length: 7
-    }, (_, i) => weekStart.add(i, 'day')));
-    current = current.add(7, 'day');
-  } while (current.isBefore(lastDay) || current.isSame(lastDay, 'day'));
-  return weeks;
-};
+import dayjs from"dayjs";import{OUTPUT_LABEL_MASK}from"./constants";export const isSelected=(date,selectedDate)=>selectedDate&&date.isSame(selectedDate,"day");export const dateMatchesFormat=(date,targetFormat)=>dayjs(date,targetFormat).format(targetFormat)===date;export const getFinalDate=_ref=>{let{date:date,maxDate:maxDate,minDate:minDate}=_ref;const formattedDate=dayjs(date);return maxDate&&null!=formattedDate&&formattedDate.isAfter(dayjs(maxDate,OUTPUT_LABEL_MASK))?dayjs(maxDate,OUTPUT_LABEL_MASK):minDate&&null!=formattedDate&&formattedDate.isBefore(dayjs(minDate,OUTPUT_LABEL_MASK))?dayjs(minDate,OUTPUT_LABEL_MASK):formattedDate};export const getWeeks=month=>{const firstDay=month.startOf("month"),lastDay=month.endOf("month"),weeks=[];let current=firstDay.subtract(firstDay.day(),"day");do{const weekStart=current;weeks.push(Array.from({length:7},(_,i)=>weekStart.add(i,"day"))),current=current.add(7,"day")}while(current.isBefore(lastDay)||current.isSame(lastDay,"day"));return weeks};

package/dist/esm/components/UTDocumentWizard/components/ChevronsManager/index.js

@@ -1,35 +1 @@
-import React from 'react';
-import { bool, func } from 'prop-types';
-import UTButton from '../../../UTButton';
-import { NEXT, PREV } from '../../constants';
-import styles from './styles.module.scss';
-const ChevronsManager = _ref => {
-  let {
-    prevDisabled,
-    nextDisabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    variant: "semitransparent",
-    colorTheme: "accent",
-    disabled: prevDisabled,
-    Icon: "IconArrowNarrowLeft",
-    onClick: () => onClick(PREV)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.marginRight
-  }), /*#__PURE__*/React.createElement(UTButton, {
-    variant: "semitransparent",
-    colorTheme: "accent",
-    disabled: nextDisabled,
-    Icon: "IconArrowNarrowRight",
-    onClick: () => onClick(NEXT)
-  }));
-};
-ChevronsManager.propTypes = {
-  prevDisabled: bool,
-  nextDisabled: bool,
-  onClick: func
-};
-export default ChevronsManager;
+import React from"react";import{bool,func}from"prop-types";import UTButton from"../../../UTButton";import{NEXT,PREV}from"../../constants";import styles from"./styles.module.scss";const ChevronsManager=_ref=>{let{prevDisabled:prevDisabled,nextDisabled:nextDisabled,onClick:onClick}=_ref;return React.createElement("div",{className:styles.container},React.createElement(UTButton,{variant:"semitransparent",colorTheme:"accent",disabled:prevDisabled,Icon:"IconArrowNarrowLeft",onClick:()=>onClick(PREV)}),React.createElement("div",{className:styles.marginRight}),React.createElement(UTButton,{variant:"semitransparent",colorTheme:"accent",disabled:nextDisabled,Icon:"IconArrowNarrowRight",onClick:()=>onClick(NEXT)}))};ChevronsManager.propTypes={prevDisabled:bool,nextDisabled:bool,onClick:func};export default ChevronsManager;

package/dist/esm/components/UTDocumentWizard/components/PageWizard/constants.js

@@ -1,5 +1 @@
-export const DEFAULT_SCALE = 1;
-export const DEFAULT_SPACING_BOTTOM = 0;
-export const DEFAULT_SPACING_LEFT = 0;
-export const DEFAULT_SPACING_RIGHT = 36;
-export const DEFAULT_SPACING_TOP = 48;
+export const DEFAULT_SCALE=1;export const DEFAULT_SPACING_BOTTOM=0;export const DEFAULT_SPACING_LEFT=0;export const DEFAULT_SPACING_RIGHT=36;export const DEFAULT_SPACING_TOP=48;

package/dist/esm/components/UTDocumentWizard/components/PageWizard/index.js

@@ -1,86 +1 @@
-import { arrayOf, bool, func, object, string } from 'prop-types';
-import React, { useEffect, useRef } from 'react';
-import { drawSection, handleCanvasClick, handleMouseMove } from './utils';
-import { DEFAULT_SCALE, DEFAULT_SPACING_BOTTOM, DEFAULT_SPACING_LEFT, DEFAULT_SPACING_RIGHT, DEFAULT_SPACING_TOP } from './constants';
-import styles from './styles.module.scss';
-const PageWizard = _ref => {
-  let {
-    canvasRef,
-    classNames,
-    clickedSection,
-    isChangingTab,
-    isMobileSize,
-    isSheetOpen,
-    onSectionChange,
-    page,
-    scaleConfig = {
-      extraSpacingLeft: DEFAULT_SPACING_LEFT,
-      extraSpacingRight: DEFAULT_SPACING_RIGHT,
-      extraSpacingTop: DEFAULT_SPACING_TOP,
-      extraSpacingBottom: DEFAULT_SPACING_BOTTOM,
-      scale: DEFAULT_SCALE
-    },
-    sectionSelected,
-    sections
-  } = _ref;
-  const sectionsBadgeCoord = {};
-  const sectionsCoord = {};
-  const animations = useRef({});
-  const isPointer = false;
-  const {
-    extraSpacingLeft,
-    extraSpacingRight,
-    extraSpacingTop,
-    extraSpacingBottom,
-    scale
-  } = scaleConfig;
-  const onClick = e => handleCanvasClick(e, canvasRef, onSectionChange, sectionsBadgeCoord, sectionsCoord);
-  const onMouseMove = e => handleMouseMove(e, canvasRef, sectionsBadgeCoord, sectionsCoord, isPointer);
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext('2d');
-    const image = new Image();
-    image.src = page.image;
-    image.onload = () => {
-      const dpi = window.devicePixelRatio || 1;
-      const userScale = scale;
-      const padLeft = extraSpacingLeft;
-      const padRight = extraSpacingRight;
-      const padTop = extraSpacingTop;
-      const padBottom = extraSpacingBottom;
-      canvas.width = (image.width + padLeft + padRight) * dpi;
-      canvas.height = (image.height + padTop + padBottom) * dpi;
-      canvas.style.width = "".concat((image.width + padLeft + padRight) * userScale, "px");
-      canvas.style.height = "".concat((image.height + padTop + padBottom) * userScale, "px");
-      ctx.setTransform(dpi, 0, 0, dpi, padLeft, padTop);
-      ctx.clearRect(-padLeft, -padTop, canvas.width, canvas.height);
-      ctx.drawImage(image, 0, 0);
-      sections.forEach(section => drawSection(ctx, image, section, page, clickedSection, sectionsCoord, sectionsBadgeCoord, sectionSelected, animations, isSheetOpen, isMobileSize));
-    };
-  }, [page.image, sections, clickedSection, animations.current, isPointer, isSheetOpen]);
-  useEffect(() => {
-    onSectionChange(null);
-  }, [page.image]);
-  return /*#__PURE__*/React.createElement("canvas", {
-    ref: canvasRef,
-    tabIndex: "0",
-    className: "".concat(styles.container, " ").concat(classNames === null || classNames === void 0 ? void 0 : classNames.canvasContainer, " ").concat(isChangingTab ? styles.displayNone : styles.displayFlex),
-    onClick: onClick,
-    onMouseMove: onMouseMove
-  });
-};
-PageWizard.propTypes = {
-  canvasRef: object,
-  classNames: object,
-  clickedSection: string,
-  isChangingTab: bool,
-  isMobileSize: bool,
-  isSheetOpen: bool,
-  page: object,
-  scaleConfig: object,
-  sectionSelected: object,
-  sections: arrayOf({}),
-  onSectionChange: func
-};
-export default PageWizard;
+import{arrayOf,bool,func,object,string}from"prop-types";import React,{useEffect,useRef}from"react";import{drawSection,handleCanvasClick,handleMouseMove}from"./utils";import{DEFAULT_SCALE,DEFAULT_SPACING_BOTTOM,DEFAULT_SPACING_LEFT,DEFAULT_SPACING_RIGHT,DEFAULT_SPACING_TOP}from"./constants";import styles from"./styles.module.scss";const PageWizard=_ref=>{let{canvasRef:canvasRef,classNames:classNames,clickedSection:clickedSection,isChangingTab:isChangingTab,isMobileSize:isMobileSize,isSheetOpen:isSheetOpen,onSectionChange:onSectionChange,page:page,scaleConfig:scaleConfig={extraSpacingLeft:DEFAULT_SPACING_LEFT,extraSpacingRight:DEFAULT_SPACING_RIGHT,extraSpacingTop:DEFAULT_SPACING_TOP,extraSpacingBottom:DEFAULT_SPACING_BOTTOM,scale:DEFAULT_SCALE},sectionSelected:sectionSelected,sections:sections}=_ref;const sectionsBadgeCoord={},sectionsCoord={},animations=useRef({}),{extraSpacingLeft:extraSpacingLeft,extraSpacingRight:extraSpacingRight,extraSpacingTop:extraSpacingTop,extraSpacingBottom:extraSpacingBottom,scale:scale}=scaleConfig;return useEffect(()=>{const canvas=canvasRef.current;if(!canvas)return;const ctx=canvas.getContext("2d"),image=new Image;image.src=page.image,image.onload=()=>{const dpi=window.devicePixelRatio||1,userScale=scale,padLeft=extraSpacingLeft,padRight=extraSpacingRight,padTop=extraSpacingTop,padBottom=extraSpacingBottom;canvas.width=(image.width+padLeft+padRight)*dpi,canvas.height=(image.height+padTop+padBottom)*dpi,canvas.style.width="".concat((image.width+padLeft+padRight)*userScale,"px"),canvas.style.height="".concat((image.height+padTop+padBottom)*userScale,"px"),ctx.setTransform(dpi,0,0,dpi,padLeft,padTop),ctx.clearRect(-padLeft,-padTop,canvas.width,canvas.height),ctx.drawImage(image,0,0),sections.forEach(section=>drawSection(ctx,image,section,page,clickedSection,sectionsCoord,sectionsBadgeCoord,sectionSelected,animations,isSheetOpen,isMobileSize))}},[page.image,sections,clickedSection,animations.current,false,isSheetOpen]),useEffect(()=>{onSectionChange(null)},[page.image]),React.createElement("canvas",{ref:canvasRef,tabIndex:"0",className:"".concat(styles.container," ").concat(null==classNames?void 0:classNames.canvasContainer," ").concat(isChangingTab?styles.displayNone:styles.displayFlex),onClick:e=>handleCanvasClick(e,canvasRef,onSectionChange,sectionsBadgeCoord,sectionsCoord),onMouseMove:e=>handleMouseMove(e,canvasRef,sectionsBadgeCoord,sectionsCoord,false)})};PageWizard.propTypes={canvasRef:object,classNames:object,clickedSection:string,isChangingTab:bool,isMobileSize:bool,isSheetOpen:bool,page:object,scaleConfig:object,sectionSelected:object,sections:arrayOf({}),onSectionChange:func};export default PageWizard;