@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTDatePicker/versions/V0/theme.js

@@ -1,225 +1 @@
-import { getIn } from 'seamless-immutable';
-import { createTheme } from '@material-ui/core/styles';
-import Colors from '../../../../scss/variables/colors.module.scss';
-import { withImportant } from '../../../../utils/classesUtils';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    openerIcon: {
-      fill: getIn(theme, ['UTDatePicker', 'openerIcon', 'fill'], Colors.orangeIcon)
-    },
-    disabledOpenerIcon: {
-      fill: getIn(theme, ['UTDatePicker', 'disabledOpenerIcon', 'fill'], Colors.gray)
-    },
-    day: {
-      fontFamily: getIn(theme, ['UTDatePicker', 'day', 'fontFamily'], getIn(theme, ['Fonts', 'fontFamily'])),
-      fontSize: getIn(theme, ['UTDatePicker', 'day', 'fontSize'], '14px'),
-      height: getIn(theme, ['UTDatePicker', 'day', 'height'], '34px'),
-      margin: getIn(theme, ['UTDatePicker', 'day', 'margin'], '0 1px'),
-      fontWeight: getIn(theme, ['UTDatePicker', 'day', 'fontWeight'], 500),
-      width: getIn(theme, ['UTDatePicker', 'day', 'width'], '35px'),
-      color: getIn(theme, ['UTDatePicker', 'day', 'color'], Colors.gray4)
-    },
-    otherMonthDay: {
-      visibility: getIn(theme, ['UTDatePicker', 'otherMonthDay', 'visibility'], 'hidden')
-    },
-    selectedDay: {
-      backgroundColor: getIn(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], Colors.lightBlue),
-      '&:hover': {
-        backgroundColor: getIn(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], Colors.blue)
-      },
-      color: getIn(theme, ['UTDatePicker', 'selectedDay', 'color'], Colors.white),
-      padding: getIn(theme, ['UTDatePicker', 'selectedDay', 'padding'], '1px 1px'),
-      backgroundClip: getIn(theme, ['UTDatePicker', 'selectedDay', 'backgroundClip'], 'contentBox')
-    },
-    upperTitle: {
-      color: getIn(theme, ['UTDatePicker', 'upperTitle', 'color'], Colors.black),
-      fontWeight: getIn(theme, ['UTDatePicker', 'upperTitle', 'fontWeight']),
-      marginBottom: getIn(theme, ['UTDatePicker', 'upperTitle', 'marginBottom'])
-    },
-    errorLabel: {
-      marginTop: 4,
-      textAlign: 'left'
-    }
-  };
-};
-export const materialTheme = theme => {
-  var _theme$UTDatePicker, _theme$UTDatePicker2, _theme$UTDatePicker3, _theme$UTDatePicker4;
-  return createTheme({
-    typography: {
-      fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-    },
-    overrides: {
-      MuiTypography: {
-        body1: {
-          fontFamily: getIn(theme, ['UTDatePicker', 'input', 'fontFamily'], getIn(theme, ['Fonts', 'fontFamily']))
-        }
-      },
-      MuiToolbar: {
-        regular: {
-          minHeight: getIn(theme, ['UTDatePicker', 'toolbar', 'minHeight'], '0px !important')
-        }
-      },
-      MuiPickersToolbar: {
-        toolbar: {
-          height: getIn(theme, ['UTDatePicker', 'toolbar', 'height'], 'fit-content'),
-          padding: getIn(theme, ['UTDatePicker', 'toolbar', 'padding'], '8px 12px 8px 12px'),
-          borderRadius: getIn(theme, ['UTDatePicker', 'toolbar', 'borderRadious'], '4px'),
-          margin: getIn(theme, ['UTDatePicker', 'toolbar', 'margin'], '16px 16px 0px 16px'),
-          backgroundColor: getIn(theme, ['UTDatePicker', 'toolbar', 'backgroundColor'], Colors.gray3)
-        }
-      },
-      MuiPickersToolbarButton: {
-        toolbarBtn: {
-          alignSelf: getIn(theme, ['UTDatePicker', 'toolbar', 'alignSelf'], 'center'),
-          '&:not(:first-child)': {
-            display: getIn(theme, ['UTDatePicker', 'toolbar', 'displayDate'], 'none')
-          }
-        }
-      },
-      MuiPickersToolbarText: {
-        toolbarTxt: {
-          fontWeight: getIn(theme, ['UTDatePicker', 'toolbar', 'text', 'fontWeight'], '500'),
-          fontSize: getIn(theme, ['UTDatePicker', 'toolbar', 'text', 'fontSize'], '16px'),
-          lineHeight: getIn(theme, ['UTDatePicker', 'toolbar', 'text', 'lineHeight'], '22px'),
-          color: getIn(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], Colors.black)
-        },
-        toolbarBtnSelected: {
-          color: getIn(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], Colors.black)
-        }
-      },
-      MuiPickersYear: {
-        yearSelected: {
-          color: getIn(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], Colors.black),
-          marginLeft: getIn(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
-        },
-        root: {
-          color: getIn(theme, ['UTDatePicker', 'year', 'color'], Colors.black),
-          marginLeft: getIn(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
-        }
-      },
-      MuiPickersCalendarHeader: {
-        switchHeader: {
-          color: getIn(theme, ['UTDatePicker', 'switchHeader', 'color'], Colors.gray4),
-          textTransform: withImportant((theme === null || theme === void 0 || (_theme$UTDatePicker = theme.UTDatePicker) === null || _theme$UTDatePicker === void 0 || (_theme$UTDatePicker = _theme$UTDatePicker.switchHeader) === null || _theme$UTDatePicker === void 0 ? void 0 : _theme$UTDatePicker.textTransform) || 'capitalize'),
-          fontWeight: withImportant((theme === null || theme === void 0 || (_theme$UTDatePicker2 = theme.UTDatePicker) === null || _theme$UTDatePicker2 === void 0 || (_theme$UTDatePicker2 = _theme$UTDatePicker2.switchHeader) === null || _theme$UTDatePicker2 === void 0 ? void 0 : _theme$UTDatePicker2.fontWeight) || 500),
-          margin: getIn(theme, ['UTDatePicker', 'switchHeader', 'margin'], '8px 17px'),
-          padding: getIn(theme, ['UTDatePicker', 'switchHeader', 'padding'], '15px 0 0')
-        },
-        dayLabel: {
-          color: getIn(theme, ['UTDatePicker', 'dayLabel', 'color'], Colors.gray4),
-          width: getIn(theme, ['UTDatePicker', 'dayLabel', 'width'], '33px'),
-          fontWeight: withImportant((theme === null || theme === void 0 || (_theme$UTDatePicker3 = theme.UTDatePicker) === null || _theme$UTDatePicker3 === void 0 || (_theme$UTDatePicker3 = _theme$UTDatePicker3.dayLabel) === null || _theme$UTDatePicker3 === void 0 ? void 0 : _theme$UTDatePicker3.fontWeight) || 500),
-          fontFamily: getIn(theme, ['UTDatePicker', 'dayLabel', 'fontFamily'], getIn(theme, ['Fonts', 'fontFamily']))
-        },
-        daysHeader: {
-          marginTop: getIn(theme, ['UTDatePicker', 'daysHeader', 'marginTop'], '15px')
-        }
-      },
-      MuiOutlinedInput: {
-        root: {
-          fontFamily: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontFamily'], getIn(theme, ['Fonts', 'fontFamily'])),
-          backgroundColor: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'backgroundColor'], Colors.white),
-          fontWeight: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontWeight'], 500),
-          fontSize: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontSize'], '14px'),
-          borderRadius: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'borderRadius'], '30px'),
-          height: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'height'], '40px'),
-          width: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'width'], '250px'),
-          color: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'color'], Colors.gray4),
-          paddingLeft: getIn(theme, ['UTDatePicker', 'outlinedInput', 'root', 'paddingLeft'], '6px'),
-          paddingRight: withImportant((theme === null || theme === void 0 || (_theme$UTDatePicker4 = theme.UTDatePicker) === null || _theme$UTDatePicker4 === void 0 || (_theme$UTDatePicker4 = _theme$UTDatePicker4.outlinedInput) === null || _theme$UTDatePicker4 === void 0 || (_theme$UTDatePicker4 = _theme$UTDatePicker4.root) === null || _theme$UTDatePicker4 === void 0 ? void 0 : _theme$UTDatePicker4.paddingRight) || '12px'),
-          '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            borderColor: getIn(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'hover', 'borderColor'], Colors.gray3)
-          },
-          '&$focused $notchedOutline': {
-            borderColor: getIn(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderColor'], Colors.gray3),
-            borderWidth: getIn(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderWidth'], 1)
-          }
-        },
-        notchedOutline: {
-          borderColor: getIn(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'borderColor'], Colors.gray3)
-        }
-      },
-      MuiInput: {
-        input: {
-          border: getIn(theme, ['UTDatePicker', 'standardInput', 'input', 'border']),
-          borderRadius: getIn(theme, ['UTDatePicker', 'input', 'borderRadius']),
-          fontFamily: getIn(theme, ['UTDatePicker', 'standardInput', 'input', 'fontFamily'], getIn(theme, ['Fonts', 'fontFamily'])),
-          fontSize: getIn(theme, ['UTDatePicker', 'standardInput', 'input', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-          color: getIn(theme, ['UTDatePicker', 'standardInput', 'input', 'color']),
-          padding: getIn(theme, ['UTDatePicker', 'standardInput', 'input', 'padding'])
-        },
-        underline: {
-          '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: getIn(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&:hover:not($disabled):before': {
-            borderBottom: getIn(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&$disabled:before': {
-            borderBottom: getIn(theme, ['UTDatePicker', 'standardInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&:before': {
-            borderBottom: getIn(theme, ['UTDatePicker', 'standardInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&$focused:after': {
-            borderBottom: getIn(theme, ['UTDatePicker', 'standardInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(Colors.primary))
-          },
-          '&:after': {
-            borderBottom: getIn(theme, ['UTDatePicker', 'standardInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(Colors.primary))
-          },
-          '&$error:after': {
-            borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-            borderBottomColor: theme.Palette.error['05']
-          }
-        }
-      },
-      MuiFormLabel: {
-        root: {
-          color: getIn(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'color']),
-          '&$error': {
-            color: getIn(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'errorColor'], theme.Palette.error['05'])
-          },
-          '&$focused': {
-            color: getIn(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedColor'], Colors.primary),
-            '&$error': {
-              color: getIn(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedErrorColor'], theme.Palette.error['05'])
-            }
-          },
-          fontFamily: getIn(theme, ['Fonts', 'fontFamily']),
-          fontSize: getIn(theme, ['UTDatePicker', 'standardInput', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-          fontWeight: getIn(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'fontWeight'])
-        }
-      },
-      MuiPopover: {
-        paper: {
-          borderRadius: getIn(theme, ['UTDatePicker', 'calendarPaper', 'borderRadius'], '10px'),
-          boxShadow: getIn(theme, ['UTDatePicker', 'calendarPaper', 'boxShadow'], 'none'),
-          border: getIn(theme, ['UTDatePicker', 'calendarPaper', 'border'], "1px solid ".concat(Colors.gray3)),
-          color: getIn(theme, ['UTDatePicker', 'calendarPaper', 'color'], Colors.gray3)
-        }
-      },
-      MuiIconButton: {
-        root: {
-          padding: getIn(theme, ['UTDatePicker', 'openerIcon', 'padding'], '5px')
-        }
-      },
-      MuiPickersBasePicker: {
-        pickerView: {
-          minWidth: getIn(theme, ['UTDatePicker', 'pickerView', 'minWidth'], '290px')
-        }
-      },
-      MuiFormHelperText: {
-        root: {
-          fontSize: getIn(theme, ['UTDatePicker', 'helperText', 'fontSize'], 12),
-          color: theme.Palette.error['05']
-        },
-        contained: {
-          marginLeft: 0
-        }
-      }
-    }
-  });
-};
+import{getIn}from"seamless-immutable";import{createTheme}from"@material-ui/core/styles";import Colors from"../../../../scss/variables/colors.module.scss";import{withImportant}from"../../../../utils/classesUtils";export const retrieveStyle=e=>{let{theme:t}=e;return{openerIcon:{fill:getIn(t,["UTDatePicker","openerIcon","fill"],Colors.orangeIcon)},disabledOpenerIcon:{fill:getIn(t,["UTDatePicker","disabledOpenerIcon","fill"],Colors.gray)},day:{fontFamily:getIn(t,["UTDatePicker","day","fontFamily"],getIn(t,["Fonts","fontFamily"])),fontSize:getIn(t,["UTDatePicker","day","fontSize"],"14px"),height:getIn(t,["UTDatePicker","day","height"],"34px"),margin:getIn(t,["UTDatePicker","day","margin"],"0 1px"),fontWeight:getIn(t,["UTDatePicker","day","fontWeight"],500),width:getIn(t,["UTDatePicker","day","width"],"35px"),color:getIn(t,["UTDatePicker","day","color"],Colors.gray4)},otherMonthDay:{visibility:getIn(t,["UTDatePicker","otherMonthDay","visibility"],"hidden")},selectedDay:{backgroundColor:getIn(t,["UTDatePicker","selectedDay","backgroundColor"],Colors.lightBlue),"&:hover":{backgroundColor:getIn(t,["UTDatePicker","selectedDay","backgroundColor"],Colors.blue)},color:getIn(t,["UTDatePicker","selectedDay","color"],Colors.white),padding:getIn(t,["UTDatePicker","selectedDay","padding"],"1px 1px"),backgroundClip:getIn(t,["UTDatePicker","selectedDay","backgroundClip"],"contentBox")},upperTitle:{color:getIn(t,["UTDatePicker","upperTitle","color"],Colors.black),fontWeight:getIn(t,["UTDatePicker","upperTitle","fontWeight"]),marginBottom:getIn(t,["UTDatePicker","upperTitle","marginBottom"])},errorLabel:{marginTop:4,textAlign:"left"}}};export const materialTheme=e=>{var t,o,r,n;return createTheme({typography:{fontFamily:getIn(e,["Fonts","fontFamily"])},overrides:{MuiTypography:{body1:{fontFamily:getIn(e,["UTDatePicker","input","fontFamily"],getIn(e,["Fonts","fontFamily"]))}},MuiToolbar:{regular:{minHeight:getIn(e,["UTDatePicker","toolbar","minHeight"],"0px !important")}},MuiPickersToolbar:{toolbar:{height:getIn(e,["UTDatePicker","toolbar","height"],"fit-content"),padding:getIn(e,["UTDatePicker","toolbar","padding"],"8px 12px 8px 12px"),borderRadius:getIn(e,["UTDatePicker","toolbar","borderRadious"],"4px"),margin:getIn(e,["UTDatePicker","toolbar","margin"],"16px 16px 0px 16px"),backgroundColor:getIn(e,["UTDatePicker","toolbar","backgroundColor"],Colors.gray3)}},MuiPickersToolbarButton:{toolbarBtn:{alignSelf:getIn(e,["UTDatePicker","toolbar","alignSelf"],"center"),"&:not(:first-child)":{display:getIn(e,["UTDatePicker","toolbar","displayDate"],"none")}}},MuiPickersToolbarText:{toolbarTxt:{fontWeight:getIn(e,["UTDatePicker","toolbar","text","fontWeight"],"500"),fontSize:getIn(e,["UTDatePicker","toolbar","text","fontSize"],"16px"),lineHeight:getIn(e,["UTDatePicker","toolbar","text","lineHeight"],"22px"),color:getIn(e,["UTDatePicker","toolbar","text","textColor"],Colors.black)},toolbarBtnSelected:{color:getIn(e,["UTDatePicker","toolbar","text","textColor"],Colors.black)}},MuiPickersYear:{yearSelected:{color:getIn(e,["UTDatePicker","toolbar","text","textColor"],Colors.black),marginLeft:getIn(e,["UTDatePicker","year","marginLeft"],"10px")},root:{color:getIn(e,["UTDatePicker","year","color"],Colors.black),marginLeft:getIn(e,["UTDatePicker","year","marginLeft"],"10px")}},MuiPickersCalendarHeader:{switchHeader:{color:getIn(e,["UTDatePicker","switchHeader","color"],Colors.gray4),textTransform:withImportant((null==e||null===(t=e.UTDatePicker)||void 0===t||null===(t=t.switchHeader)||void 0===t?void 0:t.textTransform)||"capitalize"),fontWeight:withImportant((null==e||null===(o=e.UTDatePicker)||void 0===o||null===(o=o.switchHeader)||void 0===o?void 0:o.fontWeight)||500),margin:getIn(e,["UTDatePicker","switchHeader","margin"],"8px 17px"),padding:getIn(e,["UTDatePicker","switchHeader","padding"],"15px 0 0")},dayLabel:{color:getIn(e,["UTDatePicker","dayLabel","color"],Colors.gray4),width:getIn(e,["UTDatePicker","dayLabel","width"],"33px"),fontWeight:withImportant((null==e||null===(r=e.UTDatePicker)||void 0===r||null===(r=r.dayLabel)||void 0===r?void 0:r.fontWeight)||500),fontFamily:getIn(e,["UTDatePicker","dayLabel","fontFamily"],getIn(e,["Fonts","fontFamily"]))},daysHeader:{marginTop:getIn(e,["UTDatePicker","daysHeader","marginTop"],"15px")}},MuiOutlinedInput:{root:{fontFamily:getIn(e,["UTDatePicker","outlinedInput","root","fontFamily"],getIn(e,["Fonts","fontFamily"])),backgroundColor:getIn(e,["UTDatePicker","outlinedInput","root","backgroundColor"],Colors.white),fontWeight:getIn(e,["UTDatePicker","outlinedInput","root","fontWeight"],500),fontSize:getIn(e,["UTDatePicker","outlinedInput","root","fontSize"],"14px"),borderRadius:getIn(e,["UTDatePicker","outlinedInput","root","borderRadius"],"30px"),height:getIn(e,["UTDatePicker","outlinedInput","root","height"],"40px"),width:getIn(e,["UTDatePicker","outlinedInput","root","width"],"250px"),color:getIn(e,["UTDatePicker","outlinedInput","root","color"],Colors.gray4),paddingLeft:getIn(e,["UTDatePicker","outlinedInput","root","paddingLeft"],"6px"),paddingRight:withImportant((null==e||null===(n=e.UTDatePicker)||void 0===n||null===(n=n.outlinedInput)||void 0===n||null===(n=n.root)||void 0===n?void 0:n.paddingRight)||"12px"),"&:hover:not($disabled):not($focused):not($error) $notchedOutline":{borderColor:getIn(e,["UTDatePicker","outlinedInput","notchedOutline","hover","borderColor"],Colors.gray3)},"&$focused $notchedOutline":{borderColor:getIn(e,["UTDatePicker","outlinedInput","notchedOutline","focused","borderColor"],Colors.gray3),borderWidth:getIn(e,["UTDatePicker","outlinedInput","notchedOutline","focused","borderWidth"],1)}},notchedOutline:{borderColor:getIn(e,["UTDatePicker","outlinedInput","notchedOutline","borderColor"],Colors.gray3)}},MuiInput:{input:{border:getIn(e,["UTDatePicker","standardInput","input","border"]),borderRadius:getIn(e,["UTDatePicker","input","borderRadius"]),fontFamily:getIn(e,["UTDatePicker","standardInput","input","fontFamily"],getIn(e,["Fonts","fontFamily"])),fontSize:getIn(e,["UTDatePicker","standardInput","input","fontSize"],getIn(e,["Fonts","medium"],14)),color:getIn(e,["UTDatePicker","standardInput","input","color"]),padding:getIn(e,["UTDatePicker","standardInput","input","padding"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:getIn(e,["UTDatePicker","standardInput","underline","hover","borderBottom"],"1px solid ".concat(Colors.gray))},"&:hover:not($disabled):before":{borderBottom:getIn(e,["UTDatePicker","standardInput","underline","hover","borderBottom"],"1px solid ".concat(Colors.gray))},"&$disabled:before":{borderBottom:getIn(e,["UTDatePicker","standardInput","underline","disabled","borderBottom"],"1px solid ".concat(Colors.gray))},"&:before":{borderBottom:getIn(e,["UTDatePicker","standardInput","underline","unfocused","borderBottom"],"1px solid ".concat(Colors.gray))},"&$focused:after":{borderBottom:getIn(e,["UTDatePicker","standardInput","underline","focused","borderBottom"],"2px solid ".concat(Colors.primary))},"&:after":{borderBottom:getIn(e,["UTDatePicker","standardInput","underline","base","borderBottom"],"2px solid ".concat(Colors.primary))},"&$error:after":{borderBottom:"2px solid ".concat(e.Palette.error["05"]),borderBottomColor:e.Palette.error["05"]}}},MuiFormLabel:{root:{color:getIn(e,["UTDatePicker","standardInput","formLabel","color"]),"&$error":{color:getIn(e,["UTDatePicker","standardInput","formLabel","errorColor"],e.Palette.error["05"])},"&$focused":{color:getIn(e,["UTDatePicker","standardInput","formLabel","focusedColor"],Colors.primary),"&$error":{color:getIn(e,["UTDatePicker","standardInput","formLabel","focusedErrorColor"],e.Palette.error["05"])}},fontFamily:getIn(e,["Fonts","fontFamily"]),fontSize:getIn(e,["UTDatePicker","standardInput","fontSize"],getIn(e,["Fonts","medium"],14)),fontWeight:getIn(e,["UTDatePicker","standardInput","formLabel","fontWeight"])}},MuiPopover:{paper:{borderRadius:getIn(e,["UTDatePicker","calendarPaper","borderRadius"],"10px"),boxShadow:getIn(e,["UTDatePicker","calendarPaper","boxShadow"],"none"),border:getIn(e,["UTDatePicker","calendarPaper","border"],"1px solid ".concat(Colors.gray3)),color:getIn(e,["UTDatePicker","calendarPaper","color"],Colors.gray3)}},MuiIconButton:{root:{padding:getIn(e,["UTDatePicker","openerIcon","padding"],"5px")}},MuiPickersBasePicker:{pickerView:{minWidth:getIn(e,["UTDatePicker","pickerView","minWidth"],"290px")}},MuiFormHelperText:{root:{fontSize:getIn(e,["UTDatePicker","helperText","fontSize"],12),color:e.Palette.error["05"]},contained:{marginLeft:0}}}})};

package/dist/esm/components/UTDatePicker/versions/V0/types.js

@@ -1,11 +1 @@
-import { string, shape } from 'prop-types';
-export const classesPropTypes = shape({
-  content: string,
-  container: string,
-  root: string,
-  closeButton: string,
-  mainTitle: string,
-  closeIcon: string,
-  warning: string,
-  dialogActions: string
-});
+import{string,shape}from"prop-types";export const classesPropTypes=shape({content:string,container:string,root:string,closeButton:string,mainTitle:string,closeIcon:string,warning:string,dialogActions:string});

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

@@ -1,29 +1 @@
-import dayjs from 'dayjs';
-export const isSelected = (date, selectedDate) => selectedDate && date.isSame(selectedDate, 'day');
-export const dateMatchesFormat = (date, targetFormat) => dayjs(date, targetFormat).format(targetFormat) === date;
-export const getPastMonthDates = () => {
-  const date = new Date();
-  const currentYear = date.getFullYear();
-  const currentMonth = date.getMonth();
-  return {
-    minDate: new Date(currentYear, currentMonth - 1, 1),
-    maxDate: new Date(currentYear, currentMonth, 0)
-  };
-};
-export const getMaxDate = () => {
-  const currentDate = new Date();
-  return {
-    maxDate: currentDate
-  };
-};
-export const getFinalDate = _ref => {
-  let {
-    date,
-    maxDate,
-    minDate
-  } = _ref;
-  const formattedDate = dayjs(date);
-  if (maxDate && formattedDate !== null && formattedDate !== void 0 && formattedDate.isAfter(maxDate)) return dayjs(maxDate);
-  if (minDate && formattedDate !== null && formattedDate !== void 0 && formattedDate.isBefore(minDate)) return dayjs(minDate);
-  return formattedDate;
-};
+import dayjs from"dayjs";export const isSelected=(t,e)=>e&&t.isSame(e,"day");export const dateMatchesFormat=(t,e)=>dayjs(t,e).format(e)===t;export const getPastMonthDates=()=>{const t=new Date,e=t.getFullYear(),a=t.getMonth();return{minDate:new Date(e,a-1,1),maxDate:new Date(e,a,0)}};export const getMaxDate=()=>({maxDate:new Date});export const getFinalDate=t=>{let{date:e,maxDate:a,minDate:n}=t;const s=dayjs(e);return a&&null!=s&&s.isAfter(a)?dayjs(a):n&&null!=s&&s.isBefore(n)?dayjs(n):s};

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

@@ -1,89 +1 @@
-import React, { useState, useEffect } from 'react';
-import dayjs from 'dayjs';
-import 'dayjs/locale/es';
-import { func, object } from 'prop-types';
-import { TEST_IDS } from '../../../../../../constants/testIds';
-import UTButton from '../../../../../UTButton';
-import UTLabel from '../../../../../UTLabel';
-import Day from '../Day';
-import { WEEKDAYS_LABELS, MONTH_YEAR_FORMAT, OUTPUT_LABEL_MASK } from '../../constants';
-import styles from '../../styles.module.scss';
-import { getWeeks } from '../../utils';
-const {
-  UTDatePickerV1TestID
-} = TEST_IDS;
-const Calendar = _ref => {
-  let {
-    maxDate,
-    minDate,
-    onDaySelect,
-    pickedDate
-  } = _ref;
-  const [currentMonth, setCurrentMonth] = useState(pickedDate || dayjs());
-  useEffect(() => {
-    if (pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setCurrentMonth(pickedDate);
-  }, [pickedDate]);
-  const weeks = 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(dayjs(minDate, OUTPUT_LABEL_MASK), 'day')) return true;
-    if (maxDate && date.isAfter(dayjs(maxDate, OUTPUT_LABEL_MASK), 'day')) return true;
-    return false;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.calendarContainer,
-    "data-testid": UTDatePickerV1TestID.calendar
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.nav
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: "secondary",
-    dataTestId: UTDatePickerV1TestID.calendarPrevBtn,
-    Icon: "IconChevronLeft",
-    onClick: handlePrevMonth,
-    size: "small",
-    variant: "text"
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    align: "center",
-    className: styles.navLabel,
-    dataTestId: UTDatePickerV1TestID.calendarMonthYear,
-    variant: "body",
-    weight: "medium"
-  }, currentMonth.locale('es').format(MONTH_YEAR_FORMAT)), /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: "secondary",
-    dataTestId: UTDatePickerV1TestID.calendarNextBtn,
-    Icon: "IconChevronRight",
-    onClick: handleNextMonth,
-    size: "small",
-    variant: "text"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.month
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.week
-  }, WEEKDAYS_LABELS.map(label => /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.dayCell, " ").concat(styles.dayHeader),
-    key: label,
-    variant: "body",
-    weight: "medium"
-  }, label))), weeks.map(week => /*#__PURE__*/React.createElement("div", {
-    className: styles.week,
-    key: week[0].format('YYYY-MM-DD')
-  }, week.map(date => {
-    const dayInCurrentMonth = date.month() === currentMonth.month();
-    return /*#__PURE__*/React.createElement(Day, {
-      date: date,
-      dayInCurrentMonth: dayInCurrentMonth,
-      isDisabled: isDisabled(date),
-      key: date.format('YYYY-MM-DD'),
-      onClick: onDaySelect,
-      pickedDate: pickedDate
-    });
-  })))));
-};
-Calendar.propTypes = {
-  maxDate: object,
-  minDate: object,
-  onDaySelect: func,
-  pickedDate: object
-};
-export default Calendar;
+import React,{useState,useEffect}from"react";import dayjs from"dayjs";import"dayjs/locale/es";import{func,object}from"prop-types";import{TEST_IDS}from"../../../../../../constants/testIds";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import Day from"../Day";import{WEEKDAYS_LABELS,MONTH_YEAR_FORMAT,OUTPUT_LABEL_MASK}from"../../constants";import styles from"../../styles.module.scss";import{getWeeks}from"../../utils";const{UTDatePickerV1TestID:UTDatePickerV1TestID}=TEST_IDS,Calendar=e=>{let{maxDate:t,minDate:a,onDaySelect:s,pickedDate:c}=e;const[r,o]=useState(c||dayjs());useEffect(()=>{null!=c&&c.isValid()&&o(c)},[c]);const n=getWeeks(r),l=e=>!(!a||!e.isBefore(dayjs(a,OUTPUT_LABEL_MASK),"day"))||!(!t||!e.isAfter(dayjs(t,OUTPUT_LABEL_MASK),"day"));return React.createElement("div",{className:styles.calendarContainer,"data-testid":UTDatePickerV1TestID.calendar},React.createElement("div",{className:styles.nav},React.createElement(UTButton,{colorTheme:"secondary",dataTestId:UTDatePickerV1TestID.calendarPrevBtn,Icon:"IconChevronLeft",onClick:()=>o(e=>e.subtract(1,"month")),size:"small",variant:"text"}),React.createElement(UTLabel,{align:"center",className:styles.navLabel,dataTestId:UTDatePickerV1TestID.calendarMonthYear,variant:"body",weight:"medium"},r.locale("es").format(MONTH_YEAR_FORMAT)),React.createElement(UTButton,{colorTheme:"secondary",dataTestId:UTDatePickerV1TestID.calendarNextBtn,Icon:"IconChevronRight",onClick:()=>o(e=>e.add(1,"month")),size:"small",variant:"text"})),React.createElement("div",{className:styles.month},React.createElement("div",{className:styles.week},WEEKDAYS_LABELS.map(e=>React.createElement(UTLabel,{className:"".concat(styles.dayCell," ").concat(styles.dayHeader),key:e,variant:"body",weight:"medium"},e))),n.map(e=>React.createElement("div",{className:styles.week,key:e[0].format("YYYY-MM-DD")},e.map(e=>{const t=e.month()===r.month();return React.createElement(Day,{date:e,dayInCurrentMonth:t,isDisabled:l(e),key:e.format("YYYY-MM-DD"),onClick:s,pickedDate:c})})))))};Calendar.propTypes={maxDate:object,minDate:object,onDaySelect:func,pickedDate:object};export default Calendar;

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=e=>{let{date:t,dayInCurrentMonth:o,isDisabled:s,onClick:a,pickedDate:r}=e;const l=isSelected(t,r),i=[styles.dayCell,l&&styles.daySelected,!o&&styles.otherMonthDay].filter(Boolean).join(" ");return React.createElement(UTButton,{classNames:{root:i},colorTheme:l?"negative":void 0,disabled:s&&o,onClick:()=>{s||a(t)},size:"medium",variant:"text"},dayjs(t).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"};