@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,97 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-require("dayjs/locale/es");
-var _propTypes = require("prop-types");
-var _testIds = require("../../../../../../constants/testIds");
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-var _Day = _interopRequireDefault(require("../Day"));
-var _constants = require("../../constants");
-var _stylesModule = _interopRequireDefault(require("../../styles.module.scss"));
-var _utils = require("../../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const {
-  UTDatePickerV1TestID
-} = _testIds.TEST_IDS;
-const Calendar = _ref => {
-  let {
-    maxDate,
-    minDate,
-    onDaySelect,
-    pickedDate
-  } = _ref;
-  const [currentMonth, setCurrentMonth] = (0, _react.useState)(pickedDate || (0, _dayjs.default)());
-  (0, _react.useEffect)(() => {
-    if (pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setCurrentMonth(pickedDate);
-  }, [pickedDate]);
-  const weeks = (0, _utils.getWeeks)(currentMonth);
-  const handlePrevMonth = () => setCurrentMonth(prev => prev.subtract(1, 'month'));
-  const handleNextMonth = () => setCurrentMonth(prev => prev.add(1, 'month'));
-  const isDisabled = date => {
-    if (minDate && date.isBefore((0, _dayjs.default)(minDate, _constants.OUTPUT_LABEL_MASK), 'day')) return true;
-    if (maxDate && date.isAfter((0, _dayjs.default)(maxDate, _constants.OUTPUT_LABEL_MASK), 'day')) return true;
-    return false;
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.calendarContainer,
-    "data-testid": UTDatePickerV1TestID.calendar
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.nav
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: "secondary",
-    dataTestId: UTDatePickerV1TestID.calendarPrevBtn,
-    Icon: "IconChevronLeft",
-    onClick: handlePrevMonth,
-    size: "small",
-    variant: "text"
-  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    align: "center",
-    className: _stylesModule.default.navLabel,
-    dataTestId: UTDatePickerV1TestID.calendarMonthYear,
-    variant: "body",
-    weight: "medium"
-  }, currentMonth.locale('es').format(_constants.MONTH_YEAR_FORMAT)), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: "secondary",
-    dataTestId: UTDatePickerV1TestID.calendarNextBtn,
-    Icon: "IconChevronRight",
-    onClick: handleNextMonth,
-    size: "small",
-    variant: "text"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.month
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.week
-  }, _constants.WEEKDAYS_LABELS.map(label => /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(_stylesModule.default.dayCell, " ").concat(_stylesModule.default.dayHeader),
-    key: label,
-    variant: "body",
-    weight: "medium"
-  }, label))), weeks.map(week => /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.week,
-    key: week[0].format('YYYY-MM-DD')
-  }, week.map(date => {
-    const dayInCurrentMonth = date.month() === currentMonth.month();
-    return /*#__PURE__*/_react.default.createElement(_Day.default, {
-      date: date,
-      dayInCurrentMonth: dayInCurrentMonth,
-      isDisabled: isDisabled(date),
-      key: date.format('YYYY-MM-DD'),
-      onClick: onDaySelect,
-      pickedDate: pickedDate
-    });
-  })))));
-};
-Calendar.propTypes = {
-  maxDate: _propTypes.object,
-  minDate: _propTypes.object,
-  onDaySelect: _propTypes.func,
-  pickedDate: _propTypes.object
-};
-var _default = exports.default = Calendar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_dayjs=_interopRequireDefault(require("dayjs"));require("dayjs/locale/es");var _propTypes=require("prop-types"),_testIds=require("../../../../../../constants/testIds"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_Day=_interopRequireDefault(require("../Day")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss")),_utils=require("../../utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const{UTDatePickerV1TestID:UTDatePickerV1TestID}=_testIds.TEST_IDS,Calendar=_ref=>{let{maxDate:maxDate,minDate:minDate,onDaySelect:onDaySelect,pickedDate:pickedDate}=_ref;const[currentMonth,setCurrentMonth]=(0,_react.useState)(pickedDate||(0,_dayjs.default)());(0,_react.useEffect)(()=>{null!=pickedDate&&pickedDate.isValid()&&setCurrentMonth(pickedDate)},[pickedDate]);const weeks=(0,_utils.getWeeks)(currentMonth),isDisabled=date=>!(!minDate||!date.isBefore((0,_dayjs.default)(minDate,_constants.OUTPUT_LABEL_MASK),"day"))||!(!maxDate||!date.isAfter((0,_dayjs.default)(maxDate,_constants.OUTPUT_LABEL_MASK),"day"));return _react.default.createElement("div",{className:_stylesModule.default.calendarContainer,"data-testid":UTDatePickerV1TestID.calendar},_react.default.createElement("div",{className:_stylesModule.default.nav},_react.default.createElement(_UTButton.default,{colorTheme:"secondary",dataTestId:UTDatePickerV1TestID.calendarPrevBtn,Icon:"IconChevronLeft",onClick:()=>setCurrentMonth(prev=>prev.subtract(1,"month")),size:"small",variant:"text"}),_react.default.createElement(_UTLabel.default,{align:"center",className:_stylesModule.default.navLabel,dataTestId:UTDatePickerV1TestID.calendarMonthYear,variant:"body",weight:"medium"},currentMonth.locale("es").format(_constants.MONTH_YEAR_FORMAT)),_react.default.createElement(_UTButton.default,{colorTheme:"secondary",dataTestId:UTDatePickerV1TestID.calendarNextBtn,Icon:"IconChevronRight",onClick:()=>setCurrentMonth(prev=>prev.add(1,"month")),size:"small",variant:"text"})),_react.default.createElement("div",{className:_stylesModule.default.month},_react.default.createElement("div",{className:_stylesModule.default.week},_constants.WEEKDAYS_LABELS.map(label=>_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.dayCell," ").concat(_stylesModule.default.dayHeader),key:label,variant:"body",weight:"medium"},label))),weeks.map(week=>_react.default.createElement("div",{className:_stylesModule.default.week,key:week[0].format("YYYY-MM-DD")},week.map(date=>{const dayInCurrentMonth=date.month()===currentMonth.month();return _react.default.createElement(_Day.default,{date:date,dayInCurrentMonth:dayInCurrentMonth,isDisabled:isDisabled(date),key:date.format("YYYY-MM-DD"),onClick:onDaySelect,pickedDate:pickedDate})})))))};Calendar.propTypes={maxDate:_propTypes.object,minDate:_propTypes.object,onDaySelect:_propTypes.func,pickedDate:_propTypes.object};var _default=exports.default=Calendar;

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

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _utils = require("../../utils");
-var _constants = require("../../constants");
-var _stylesModule = _interopRequireDefault(require("../../styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const Day = _ref => {
-  let {
-    date,
-    dayInCurrentMonth,
-    isDisabled,
-    onClick,
-    pickedDate
-  } = _ref;
-  const selected = (0, _utils.isSelected)(date, pickedDate);
-  const rootClass = [_stylesModule.default.dayCell, selected && _stylesModule.default.daySelected, !dayInCurrentMonth && _stylesModule.default.otherMonthDay].filter(Boolean).join(' ');
-  return /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: rootClass
-    },
-    colorTheme: selected ? 'negative' : undefined,
-    disabled: isDisabled && dayInCurrentMonth,
-    onClick: () => {
-      if (!isDisabled) onClick(date);
-    },
-    size: "medium",
-    variant: "text"
-  }, (0, _dayjs.default)(date).format(_constants.DAY_NUMBER_FORMAT));
-};
-Day.propTypes = {
-  date: _propTypes.object,
-  dayInCurrentMonth: _propTypes.bool,
-  isDisabled: _propTypes.bool,
-  onClick: _propTypes.func,
-  pickedDate: _propTypes.object
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Day);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_dayjs=_interopRequireDefault(require("dayjs")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_utils=require("../../utils"),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const Day=_ref=>{let{date:date,dayInCurrentMonth:dayInCurrentMonth,isDisabled:isDisabled,onClick:onClick,pickedDate:pickedDate}=_ref;const selected=(0,_utils.isSelected)(date,pickedDate),rootClass=[_stylesModule.default.dayCell,selected&&_stylesModule.default.daySelected,!dayInCurrentMonth&&_stylesModule.default.otherMonthDay].filter(Boolean).join(" ");return _react.default.createElement(_UTButton.default,{classNames:{root:rootClass},colorTheme:selected?"negative":void 0,disabled:isDisabled&&dayInCurrentMonth,onClick:()=>{isDisabled||onClick(date)},size:"medium",variant:"text"},(0,_dayjs.default)(date).format(_constants.DAY_NUMBER_FORMAT))};Day.propTypes={date:_propTypes.object,dayInCurrentMonth:_propTypes.bool,isDisabled:_propTypes.bool,onClick:_propTypes.func,pickedDate:_propTypes.object};var _default=exports.default=(0,_react.memo)(Day);

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

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WEEKDAYS_LABELS = exports.TYPING_ERROR_MESSAGE = exports.OUTPUT_LABEL_MASK = exports.MONTH_YEAR_FORMAT = exports.DEFAULT_PROPS = exports.DEFAULT_PLACEHOLDER = exports.DAY_NUMBER_FORMAT = void 0;
-const OUTPUT_LABEL_MASK = exports.OUTPUT_LABEL_MASK = 'DD/MM/YYYY';
-const WEEKDAYS_LABELS = exports.WEEKDAYS_LABELS = ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'];
-const MONTH_YEAR_FORMAT = exports.MONTH_YEAR_FORMAT = 'MMMM YYYY';
-const DAY_NUMBER_FORMAT = exports.DAY_NUMBER_FORMAT = 'DD';
-const DEFAULT_PLACEHOLDER = exports.DEFAULT_PLACEHOLDER = 'DD/MM/AAAA';
-const TYPING_ERROR_MESSAGE = exports.TYPING_ERROR_MESSAGE = 'Fecha inválida';
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  variant: 'select',
-  size: 'sm'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEEKDAYS_LABELS=exports.TYPING_ERROR_MESSAGE=exports.OUTPUT_LABEL_MASK=exports.MONTH_YEAR_FORMAT=exports.DEFAULT_PROPS=exports.DEFAULT_PLACEHOLDER=exports.DAY_NUMBER_FORMAT=void 0;const OUTPUT_LABEL_MASK=exports.OUTPUT_LABEL_MASK="DD/MM/YYYY",WEEKDAYS_LABELS=exports.WEEKDAYS_LABELS=["Dom","Lun","Mar","Mie","Jue","Vie","Sab"],MONTH_YEAR_FORMAT=exports.MONTH_YEAR_FORMAT="MMMM YYYY",DAY_NUMBER_FORMAT=exports.DAY_NUMBER_FORMAT="DD",DEFAULT_PLACEHOLDER=exports.DEFAULT_PLACEHOLDER="DD/MM/AAAA",TYPING_ERROR_MESSAGE=exports.TYPING_ERROR_MESSAGE="Fecha inválida",DEFAULT_PROPS=exports.DEFAULT_PROPS={variant:"select",size:"sm"};

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

@@ -1,271 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Popover = _interopRequireDefault(require("@material-ui/core/Popover"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
-var _propTypes = require("prop-types");
-var _UTBaseInputField = _interopRequireDefault(require("../../../UTBaseInputField"));
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
-var _constants = require("../../../UTBaseInputField/constants");
-var _Calendar = _interopRequireDefault(require("./components/Calendar"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants2 = require("./constants");
-var _utils = require("./utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-_dayjs.default.extend(_customParseFormat.default);
-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 = _constants2.DEFAULT_PROPS.size,
-    title,
-    value = '',
-    variant = _constants2.DEFAULT_PROPS.variant
-  } = _ref;
-  const {
-    maxDate,
-    minDate
-  } = range || {};
-  const [pickedDate, setPickedDate] = (0, _react.useState)(null);
-  const [isTyping, setIsTyping] = (0, _react.useState)(false);
-  const [typedValue, setTypedValue] = (0, _react.useState)('');
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const [typingError, setTypingError] = (0, _react.useState)(false);
-  const inputContainerRef = (0, _react.useRef)(null);
-  const inputRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    setIsTyping(false);
-    setTypedValue('');
-    setTypingError(false);
-    if (!value && pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setPickedDate(null);else if ((0, _utils.dateMatchesFormat)(value, _constants2.OUTPUT_LABEL_MASK)) setPickedDate((0, _dayjs.default)(value, _constants2.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 && (0, _utils.dateMatchesFormat)(value, _constants2.OUTPUT_LABEL_MASK)) {
-      setPickedDate((0, _dayjs.default)(value, _constants2.OUTPUT_LABEL_MASK));
-    } else {
-      setPickedDate(null);
-    }
-  };
-  const handleDaySelect = date => {
-    const finalDate = (0, _utils.getFinalDate)({
-      date,
-      maxDate,
-      minDate
-    });
-    setPickedDate(finalDate);
-    setIsTyping(false);
-    setTypedValue('');
-    setTypingError(false);
-    if (finalDate.isValid()) onChange(finalDate.format(_constants2.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 = (0, _utils.dateMatchesFormat)(formatted, _constants2.OUTPUT_LABEL_MASK) && (0, _dayjs.default)(formatted, _constants2.OUTPUT_LABEL_MASK).isValid();
-      setTypingError(!isValid);
-      if (isValid) setPickedDate((0, _dayjs.default)(formatted, _constants2.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 ((0, _utils.dateMatchesFormat)(typedValue, _constants2.OUTPUT_LABEL_MASK)) {
-      const parsed = (0, _dayjs.default)(typedValue, _constants2.OUTPUT_LABEL_MASK);
-      if (parsed.isValid()) {
-        const finalDate = (0, _utils.getFinalDate)({
-          date: parsed,
-          maxDate,
-          minDate
-        });
-        setPickedDate(finalDate);
-        onChange(finalDate.format(_constants2.OUTPUT_LABEL_MASK));
-        return;
-      }
-    }
-    setPickedDate(null);
-    onChange('');
-  };
-  const displayValue = isTyping ? typedValue : pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid() ? pickedDate.format(_constants2.OUTPUT_LABEL_MASK) : '';
-  const hasError = !!error || typingError;
-  const hasValue = pickedDate === null || pickedDate === void 0 ? void 0 : pickedDate.isValid();
-  const displayPlaceholder = placeholder || _constants2.DEFAULT_PLACEHOLDER;
-  const showLeftAlertIcon = hasError && !disabled;
-  const showClearButton = (hasValue || isTyping) && !disabled && !readOnly;
-  const showCalendarIcon = !readOnly && !disabled;
-  const errorMessage = error || (typingError ? _constants2.TYPING_ERROR_MESSAGE : '');
-  const isTransparent = variant === 'picker';
-  const leftAdornments = showLeftAlertIcon ? [{
-    name: _constants.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.default.createElement("div", {
-    className: _stylesModule.default.endAdornments
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({}, showClearButton ? xIconProps : calendarIconProps, {
-    onClick: showClearButton ? handleClear : openCalendar,
-    size: "small",
-    variant: "text"
-  }))) : undefined;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.root
-  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    className: classNames === null || classNames === void 0 ? void 0 : classNames.upperTitle,
-    required: required,
-    withMarkdown: true
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    ref: inputContainerRef
-  }, /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
-    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.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small",
-    withMarkdown: true
-  }, helpText), variant === 'select' && errorMessage && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".errorMessage") : undefined,
-    validationData: [{
-      items: [{
-        status: 'error',
-        text: errorMessage
-      }]
-    }]
-  })), /*#__PURE__*/_react.default.createElement(_Popover.default, _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.default.createElement(_Calendar.default, {
-    maxDate: maxDate,
-    minDate: minDate,
-    onDaySelect: handleDaySelect,
-    pickedDate: pickedDate
-  })));
-};
-UTDatePicker.propTypes = {
-  classNames: _propTypes.object,
-  CustomIcon: _propTypes.elementType,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  error: _propTypes.string,
-  helpText: _propTypes.string,
-  onChange: _propTypes.func,
-  placeholder: _propTypes.string,
-  popoverProps: _propTypes.object,
-  range: (0, _propTypes.shape)({
-    maxDate: _propTypes.string,
-    minDate: _propTypes.string
-  }),
-  readOnly: _propTypes.bool,
-  required: _propTypes.bool,
-  size: _propTypes.string,
-  title: _propTypes.string,
-  value: _propTypes.string,
-  variant: (0, _propTypes.oneOf)(['select', 'picker'])
-};
-var _default = exports.default = UTDatePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Popover=_interopRequireDefault(require("@material-ui/core/Popover")),_dayjs=_interopRequireDefault(require("dayjs")),_customParseFormat=_interopRequireDefault(require("dayjs/plugin/customParseFormat")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../UTBaseInputField")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("../../../UTBaseInputField/constants"),_Calendar=_interopRequireDefault(require("./components/Calendar")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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)}_dayjs.default.extend(_customParseFormat.default);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=_constants2.DEFAULT_PROPS.size,title:title,value:value="",variant:variant=_constants2.DEFAULT_PROPS.variant}=_ref;const{maxDate:maxDate,minDate:minDate}=range||{},[pickedDate,setPickedDate]=(0,_react.useState)(null),[isTyping,setIsTyping]=(0,_react.useState)(!1),[typedValue,setTypedValue]=(0,_react.useState)(""),[isOpen,setIsOpen]=(0,_react.useState)(!1),[typingError,setTypingError]=(0,_react.useState)(!1),inputContainerRef=(0,_react.useRef)(null),inputRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{setIsTyping(!1),setTypedValue(""),setTypingError(!1),!value&&null!=pickedDate&&pickedDate.isValid()?setPickedDate(null):(0,_utils.dateMatchesFormat)(value,_constants2.OUTPUT_LABEL_MASK)?setPickedDate((0,_dayjs.default)(value,_constants2.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(_constants2.OUTPUT_LABEL_MASK):"",hasError=!!error||typingError,hasValue=null==pickedDate?void 0:pickedDate.isValid(),displayPlaceholder=placeholder||_constants2.DEFAULT_PLACEHOLDER,showLeftAlertIcon=hasError&&!disabled,showClearButton=(hasValue||isTyping)&&!disabled&&!readOnly,showCalendarIcon=!readOnly&&!disabled,errorMessage=error||(typingError?_constants2.TYPING_ERROR_MESSAGE:""),isTransparent="picker"===variant,leftAdornments=showLeftAlertIcon?[{name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}]:[],calendarIconProps={colorTheme:hasError?"error":isOpen?"primary":"gray",Icon:CustomIcon||"IconCalendarEvent"},endAdornment=showCalendarIcon?_react.default.createElement("div",{className:_stylesModule.default.endAdornments},_react.default.createElement(_UTButton.default,_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.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:_stylesModule.default.root},title&&_react.default.createElement(_UTFieldLabel.default,{className:null==classNames?void 0:classNames.upperTitle,required:required,withMarkdown:!0},title),_react.default.createElement("div",{ref:inputContainerRef},_react.default.createElement(_UTBaseInputField.default,{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=(0,_utils.dateMatchesFormat)(formatted,_constants2.OUTPUT_LABEL_MASK)&&(0,_dayjs.default)(formatted,_constants2.OUTPUT_LABEL_MASK).isValid();setTypingError(!isValid),isValid&&setPickedDate((0,_dayjs.default)(formatted,_constants2.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((0,_utils.dateMatchesFormat)(typedValue,_constants2.OUTPUT_LABEL_MASK)){const parsed=(0,_dayjs.default)(typedValue,_constants2.OUTPUT_LABEL_MASK);if(parsed.isValid()){const finalDate=(0,_utils.getFinalDate)({date:parsed,maxDate:maxDate,minDate:minDate});return setPickedDate(finalDate),void onChange(finalDate.format(_constants2.OUTPUT_LABEL_MASK))}}setPickedDate(null),onChange("")}},onFocus:openCalendar,placeholder:displayPlaceholder,value:displayValue})),helpText&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",withMarkdown:!0},helpText),"select"===variant&&errorMessage&&_react.default.createElement(_UTValidation.default,{dataTestId:dataTestId?"".concat(dataTestId,".errorMessage"):void 0,validationData:[{items:[{status:"error",text:errorMessage}]}]})),_react.default.createElement(_Popover.default,_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&&(0,_utils.dateMatchesFormat)(value,_constants2.OUTPUT_LABEL_MASK)?setPickedDate((0,_dayjs.default)(value,_constants2.OUTPUT_LABEL_MASK)):setPickedDate(null))},open:isOpen,PaperProps:CALENDAR_PAPER_PROPS,transformOrigin:{horizontal:"left",vertical:"top"}},popoverProps),_react.default.createElement(_Calendar.default,{maxDate:maxDate,minDate:minDate,onDaySelect:date=>{const finalDate=(0,_utils.getFinalDate)({date:date,maxDate:maxDate,minDate:minDate});setPickedDate(finalDate),setIsTyping(!1),setTypedValue(""),setTypingError(!1),finalDate.isValid()?onChange(finalDate.format(_constants2.OUTPUT_LABEL_MASK)):onChange(""),setIsOpen(!1)},pickedDate:pickedDate})))};UTDatePicker.propTypes={classNames:_propTypes.object,CustomIcon:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,helpText:_propTypes.string,onChange:_propTypes.func,placeholder:_propTypes.string,popoverProps:_propTypes.object,range:(0,_propTypes.shape)({maxDate:_propTypes.string,minDate:_propTypes.string}),readOnly:_propTypes.bool,required:_propTypes.bool,size:_propTypes.string,title:_propTypes.string,value:_propTypes.string,variant:(0,_propTypes.oneOf)(["select","picker"])};var _default=exports.default=UTDatePicker;

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

@@ -1,7 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ERROR_MOCK = void 0;
-const ERROR_MOCK = exports.ERROR_MOCK = 'El dato ingresado es incorrecto.';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ERROR_MOCK=void 0;const ERROR_MOCK=exports.ERROR_MOCK="El dato ingresado es incorrecto.";

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

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSelected = exports.getWeeks = exports.getFinalDate = exports.dateMatchesFormat = void 0;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const isSelected = (date, selectedDate) => selectedDate && date.isSame(selectedDate, 'day');
-exports.isSelected = isSelected;
-const dateMatchesFormat = (date, targetFormat) => (0, _dayjs.default)(date, targetFormat).format(targetFormat) === date;
-exports.dateMatchesFormat = dateMatchesFormat;
-const getFinalDate = _ref => {
-  let {
-    date,
-    maxDate,
-    minDate
-  } = _ref;
-  const formattedDate = (0, _dayjs.default)(date);
-  if (maxDate && formattedDate !== null && formattedDate !== void 0 && formattedDate.isAfter((0, _dayjs.default)(maxDate, _constants.OUTPUT_LABEL_MASK))) return (0, _dayjs.default)(maxDate, _constants.OUTPUT_LABEL_MASK);
-  if (minDate && formattedDate !== null && formattedDate !== void 0 && formattedDate.isBefore((0, _dayjs.default)(minDate, _constants.OUTPUT_LABEL_MASK))) return (0, _dayjs.default)(minDate, _constants.OUTPUT_LABEL_MASK);
-  return formattedDate;
-};
-exports.getFinalDate = getFinalDate;
-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;
-};
-exports.getWeeks = getWeeks;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isSelected=exports.getWeeks=exports.getFinalDate=exports.dateMatchesFormat=void 0;var _dayjs=_interopRequireDefault(require("dayjs")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const isSelected=(date,selectedDate)=>selectedDate&&date.isSame(selectedDate,"day");exports.isSelected=isSelected;const dateMatchesFormat=(date,targetFormat)=>(0,_dayjs.default)(date,targetFormat).format(targetFormat)===date;exports.dateMatchesFormat=dateMatchesFormat;const getFinalDate=_ref=>{let{date:date,maxDate:maxDate,minDate:minDate}=_ref;const formattedDate=(0,_dayjs.default)(date);return maxDate&&null!=formattedDate&&formattedDate.isAfter((0,_dayjs.default)(maxDate,_constants.OUTPUT_LABEL_MASK))?(0,_dayjs.default)(maxDate,_constants.OUTPUT_LABEL_MASK):minDate&&null!=formattedDate&&formattedDate.isBefore((0,_dayjs.default)(minDate,_constants.OUTPUT_LABEL_MASK))?(0,_dayjs.default)(minDate,_constants.OUTPUT_LABEL_MASK):formattedDate};exports.getFinalDate=getFinalDate;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};exports.getWeeks=getWeeks;

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

@@ -1,42 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _constants = require("../../constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ChevronsManager = _ref => {
-  let {
-    prevDisabled,
-    nextDisabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.container
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    variant: "semitransparent",
-    colorTheme: "accent",
-    disabled: prevDisabled,
-    Icon: "IconArrowNarrowLeft",
-    onClick: () => onClick(_constants.PREV)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.marginRight
-  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    variant: "semitransparent",
-    colorTheme: "accent",
-    disabled: nextDisabled,
-    Icon: "IconArrowNarrowRight",
-    onClick: () => onClick(_constants.NEXT)
-  }));
-};
-ChevronsManager.propTypes = {
-  prevDisabled: _propTypes.bool,
-  nextDisabled: _propTypes.bool,
-  onClick: _propTypes.func
-};
-var _default = exports.default = ChevronsManager;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ChevronsManager=_ref=>{let{prevDisabled:prevDisabled,nextDisabled:nextDisabled,onClick:onClick}=_ref;return _react.default.createElement("div",{className:_stylesModule.default.container},_react.default.createElement(_UTButton.default,{variant:"semitransparent",colorTheme:"accent",disabled:prevDisabled,Icon:"IconArrowNarrowLeft",onClick:()=>onClick(_constants.PREV)}),_react.default.createElement("div",{className:_stylesModule.default.marginRight}),_react.default.createElement(_UTButton.default,{variant:"semitransparent",colorTheme:"accent",disabled:nextDisabled,Icon:"IconArrowNarrowRight",onClick:()=>onClick(_constants.NEXT)}))};ChevronsManager.propTypes={prevDisabled:_propTypes.bool,nextDisabled:_propTypes.bool,onClick:_propTypes.func};var _default=exports.default=ChevronsManager;

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

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_SPACING_TOP = exports.DEFAULT_SPACING_RIGHT = exports.DEFAULT_SPACING_LEFT = exports.DEFAULT_SPACING_BOTTOM = exports.DEFAULT_SCALE = void 0;
-const DEFAULT_SCALE = exports.DEFAULT_SCALE = 1;
-const DEFAULT_SPACING_BOTTOM = exports.DEFAULT_SPACING_BOTTOM = 0;
-const DEFAULT_SPACING_LEFT = exports.DEFAULT_SPACING_LEFT = 0;
-const DEFAULT_SPACING_RIGHT = exports.DEFAULT_SPACING_RIGHT = 36;
-const DEFAULT_SPACING_TOP = exports.DEFAULT_SPACING_TOP = 48;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_SPACING_TOP=exports.DEFAULT_SPACING_RIGHT=exports.DEFAULT_SPACING_LEFT=exports.DEFAULT_SPACING_BOTTOM=exports.DEFAULT_SCALE=void 0;const DEFAULT_SCALE=exports.DEFAULT_SCALE=1,DEFAULT_SPACING_BOTTOM=exports.DEFAULT_SPACING_BOTTOM=0,DEFAULT_SPACING_LEFT=exports.DEFAULT_SPACING_LEFT=0,DEFAULT_SPACING_RIGHT=exports.DEFAULT_SPACING_RIGHT=36,DEFAULT_SPACING_TOP=exports.DEFAULT_SPACING_TOP=48;