@vidispine/vdt-mui 23.1.0-pre.5 → 23.1.0

package/dist/_utils/omit.js

@@ -0,0 +1,5 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+
+var omit=function omit(obj){if(!obj)return {};for(var _len=arguments.length,k=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){k[_key-1]=arguments[_key];}var keys=k.flat();return Object.fromEntries(Object.entries(obj).filter(function(_ref){var _ref2=_slicedToArray(_ref,1),key=_ref2[0];return !keys.includes(key);}));};
+
+export { omit };

package/dist/general/CalendarPicker/CalendarPicker.js

@@ -0,0 +1,22 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { styled, Paper, Box, Divider, Button } from '@mui/material';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { CalendarPicker as CalendarPicker$1 } from '@mui/x-date-pickers/CalendarPicker';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import VdtPickersDay from './components/PickersDay.js';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/de';
+import 'dayjs/locale/sv';
+import 'dayjs/locale/en-gb';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var LOCALES=['en','en-gb','de','sv','fr'];var StyledMuiPaper=styled(Paper)(function(){return {display:'flex',flexDirection:'column',width:'min-content',margin:'auto',minWidth:300};});var StyledMuiCalendarPickerLeft=styled(CalendarPicker$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showDouble';}})(function(_ref){var showDouble=_ref.showDouble,views=_ref.views;return _objectSpread(_objectSpread({margin:0,minWidth:300,maxHeight:'unset','& .MuiDayPicker-weekDayLabel':{margin:'0 1px'}},views.length===1&&views.includes('day')&&{'& .MuiPickersCalendarHeader-labelContainer':{pointerEvents:'none'}}),showDouble&&{'& .MuiPickersArrowSwitcher-spacer':{display:'none'},'& .MuiPickersCalendarHeader-root':{paddingLeft:24,paddingRight:24,display:'flex',flexDirection:'row-reverse','& .MuiPickersCalendarHeader-labelContainer':{margin:'auto','& .MuiPickersCalendarHeader-label':{margin:0}}}});});var StyledMuiCalendarPickerRight=styled(CalendarPicker$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showDouble';}})(function(_ref2){var views=_ref2.views;return _objectSpread(_objectSpread({margin:0,minWidth:300,maxHeight:'unset','& .MuiDayPicker-weekDayLabel':{margin:'0 1px'}},views.length===1&&views.includes('day')&&{'& .MuiPickersCalendarHeader-labelContainer':{pointerEvents:'none'}}),{},{'& .MuiPickersArrowSwitcher-spacer':{display:'none'},'& .MuiPickersCalendarHeader-root':{paddingLeft:24,paddingRight:24,'& .MuiPickersCalendarHeader-labelContainer':{margin:'auto','& .MuiPickersCalendarHeader-label':{margin:0}}}});});var StyledMuiBox=styled(Box)(function(){return {display:'flex'};});var defaultComponents={Root:StyledMuiPaper,LocalizationProvider:LocalizationProvider,Box:StyledMuiBox,CalendarPickerLeft:StyledMuiCalendarPickerLeft,CalendarPickerRight:StyledMuiCalendarPickerRight,PickersDay:VdtPickersDay,Divider:Divider,ClearButton:Button};function CalendarPicker(_ref3){var _componentsProps$cale,_componentsProps$cale2;var propValue=_ref3.value,defaultValue=_ref3.defaultValue,range=_ref3.range,propMonthDate=_ref3.monthDate,propRangeValueToChange=_ref3.rangeValueToChange,disableHighlightToday=_ref3.disableHighlightToday,disablePast=_ref3.disablePast,disableFuture=_ref3.disableFuture,minDate=_ref3.minDate,maxDate=_ref3.maxDate,locale=_ref3.locale,showDouble=_ref3.showDouble,onMonthChange=_ref3.onMonthChange,onChange=_ref3.onChange,onReset=_ref3.onReset,components=_ref3.components,componentsProps=_ref3.componentsProps;var Root=components.Root,LocalizationProvider=components.LocalizationProvider,Box=components.Box,CalendarPickerLeft=components.CalendarPickerLeft,CalendarPickerRight=components.CalendarPickerRight,PickersDay=components.PickersDay,Divider=components.Divider,ClearButton=components.ClearButton;var adapter=new AdapterDayjs();var _useState=useState(propMonthDate!==null&&propMonthDate!==void 0?propMonthDate:new Date().toISOString()),_useState2=_slicedToArray(_useState,2),monthDate=_useState2[0],setMonthDate=_useState2[1];var rangeValueToChangeRef=useRef(propRangeValueToChange||'START');var valueRef=useRef(defaultValue);var value=propValue!==undefined?propValue:valueRef.current;var rangeValueToChange=propRangeValueToChange!==undefined?propRangeValueToChange:rangeValueToChangeRef.current;var leftMonth=adapter.date(propMonthDate||monthDate);var rightMonth=adapter.date(propMonthDate||monthDate).add(1,'month');// Re-render when monthDate is sent as prop, syncing double calendars, or resetting picker
+var leftMonthKey=useMemo(function(){return showDouble?leftMonth:undefined;},[leftMonth,showDouble]);var rightMonthKey=useMemo(function(){return showDouble?rightMonth:undefined;},[rightMonth,showDouble]);var handleMonthChange=function handleMonthChange(date){setMonthDate(adapter.date(date));onMonthChange(null,{value:date.toISOString()});};var handleChange=function handleChange(date){valueRef.current=date.toISOString();onChange(null,{value:valueRef.current});};var handleRangeChange=function handleRangeChange(date){// Alternate between targeting start and end, but don't let start > end
+if(rangeValueToChange==='START'){if(!(value!==null&&value!==void 0&&value.end)||adapter.date(value===null||value===void 0?void 0:value.end).isBefore(date)){valueRef.current={start:date.format(),end:undefined};onChange(null,{value:valueRef.current});}else {valueRef.current=_objectSpread(_objectSpread({},value),{},{start:date.format()});onChange(null,{value:valueRef.current});}rangeValueToChangeRef.current='END';}else if(rangeValueToChange==='END'){if(!(value!==null&&value!==void 0&&value.start)||adapter.date(value===null||value===void 0?void 0:value.start).isAfter(date)){valueRef.current={start:undefined,end:date.format()};onChange(null,{value:valueRef.current});}else {valueRef.current=_objectSpread(_objectSpread({},value),{},{end:date.format()});onChange(null,{value:valueRef.current});}rangeValueToChangeRef.current='START';}};var handleClear=function handleClear(e){valueRef.current=range?{start:undefined,end:undefined}:'';rangeValueToChangeRef.current='START';handleMonthChange(adapter.date(new Date()));onChange(e,{value:valueRef.current});};useEffect(function(){setMonthDate(propMonthDate);},[propMonthDate]);return/*#__PURE__*/jsxs(Root,_objectSpread(_objectSpread({},componentsProps.root),{},{children:[/*#__PURE__*/jsx(LocalizationProvider,_objectSpread(_objectSpread({dateAdapter:AdapterDayjs,adapterLocale:LOCALES.includes(locale)?locale:'en'},componentsProps.localizationProvider),{},{children:/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({},componentsProps.box),{},{children:[/*#__PURE__*/jsx(CalendarPickerLeft// key is used to re-render so the month is updated
+,_objectSpread(_objectSpread({defaultCalendarMonth:leftMonth,disableHighlightToday:disableHighlightToday,disablePast:disablePast,disableFuture:disableFuture,showDouble:showDouble,minDate:minDate,maxDate:maxDate,renderDay:function renderDay(dayDate,_,pickersDayProps){return/*#__PURE__*/jsx(PickersDay,_objectSpread({date:dayDate,value:value,locale:locale},pickersDayProps));},onMonthChange:function onMonthChange(v){return handleMonthChange(v.toDate());},onYearChange:handleMonthChange,onChange:function onChange(v){return range?handleRangeChange(v):handleChange(v);},reduceAnimations:true,views:['day','year']},componentsProps.calendarPickerLeft),{},{components:_objectSpread(_objectSpread({},showDouble?{RightArrowButton:function RightArrowButton(){return null;}}:{}),((_componentsProps$cale=componentsProps.calendarPickerLeft)===null||_componentsProps$cale===void 0?void 0:_componentsProps$cale.components)||{})}),leftMonthKey),showDouble&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Divider,{flexItem:true,orientation:"vertical",sx:{borderWidth:1}}),/*#__PURE__*/jsx(CalendarPickerRight// key is used to re-render so the month is updated
+,_objectSpread(_objectSpread({defaultCalendarMonth:rightMonth,disablePast:disablePast,disableFuture:disableFuture,minDate:minDate,maxDate:maxDate,renderDay:function renderDay(dayDate,_,pickersDayProps){return/*#__PURE__*/jsx(PickersDay,_objectSpread({date:dayDate,value:value,locale:locale},pickersDayProps));},onMonthChange:function onMonthChange(v){return handleMonthChange(adapter.date(v).subtract(1,'month'));},onChange:function onChange(v){return range?handleRangeChange(v):handleChange(v);},onReset:onReset,disableHighlightToday:true,reduceAnimations:true,views:['day']},componentsProps.calendarPickerRight),{},{components:_objectSpread({LeftArrowButton:function LeftArrowButton(){return null;}},((_componentsProps$cale2=componentsProps.calendarPickerRight)===null||_componentsProps$cale2===void 0?void 0:_componentsProps$cale2.components)||{})}),rightMonthKey)]})]}))})),/*#__PURE__*/jsx(Divider,{sx:{borderWidth:1}}),/*#__PURE__*/jsx(ClearButton,_objectSpread(_objectSpread({onClick:handleClear},componentsProps.clearButton),{},{children:"Clear"}))]}));}CalendarPicker.defaultProps={value:undefined,defaultValue:undefined,range:true,rangeValueToChange:undefined,monthDate:undefined,disableHighlightToday:false,disablePast:false,disableFuture:false,minDate:undefined,maxDate:undefined,showDouble:false,locale:'en',onChange:function onChange(){return null;},onMonthChange:function onMonthChange(){return null;},onReset:function onReset(){return null;},componentsProps:undefined,components:defaultComponents// view: 'day', // can only support day properly
+};
+
+export { CalendarPicker as default, defaultComponents };

package/dist/general/CalendarPicker/components/PickersDay.js

@@ -0,0 +1,11 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import dayjs from 'dayjs';
+import { styled, Box } from '@mui/material';
+import { PickersDay } from '@mui/x-date-pickers';
+import { getFirstDayOfWeek, getLastDayOfWeek, getLastDayOfMonth, differenceInDays } from '../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["date","value","locale"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var ROUNDED_CORNERS_LEFT='50% 0px 0px 50%';var ROUNDED_CORNERS_RIGHT='0px 50% 50% 0px';var StyledBox=styled(Box,{shouldForwardProp:function shouldForwardProp(prop){return !['isSelectedDay','isBetweenSelected','isSelectedStartEndDay','borderRadius'].includes(prop);}})(function(_ref){var isSelectedDay=_ref.isSelectedDay,isBetweenSelected=_ref.isBetweenSelected,borderRadius=_ref.borderRadius;return _objectSpread({borderRadius:borderRadius},(isSelectedDay||isBetweenSelected)&&{backgroundColor:'rgba(66, 165, 245, 0.6)'});});var StyledPickersDay=styled(PickersDay,{shouldForwardProp:function shouldForwardProp(prop){return !['isSelectedDay','isBetweenSelected','isStart','isEnd'].includes(prop);}})(function(_ref2){var isSelectedDay=_ref2.isSelectedDay,isBetweenSelected=_ref2.isBetweenSelected,isStart=_ref2.isStart,isEnd=_ref2.isEnd,outsideCurrentMonth=_ref2.outsideCurrentMonth,theme=_ref2.theme;var mode=theme.palette.mode;return _objectSpread(_objectSpread(_objectSpread({margin:0,height:'38px',width:'38px',backgroundColor:'transparent'},isSelectedDay&&_objectSpread({backgroundColor:'rgb(25, 118, 210)','&:hover, &:focus':{backgroundColor:'rgb(21, 103, 184)'},fontWeight:600},(isStart||isEnd)&&mode==='light'&&{color:'#fff'})),(isBetweenSelected||outsideCurrentMonth)&&{backgroundColor:'transparent'}),outsideCurrentMonth&&{pointerEvents:'none'});});function VdtPickersDay(_ref3){var date=_ref3.date,value=_ref3.value,locale=_ref3.locale,props=_objectWithoutProperties(_ref3,_excluded);var start=value!==null&&value!==void 0&&value.start?dayjs(value===null||value===void 0?void 0:value.start).toDate():undefined;var end=value!==null&&value!==void 0&&value.end?dayjs(value===null||value===void 0?void 0:value.end).toDate():undefined;var singleValue=value&&typeof value==='string'?dayjs(value).toDate():undefined;var dateValue=date.toDate();var isFirstDayOfWeek=getFirstDayOfWeek({locale:locale})===dateValue.getDay();var isLastDayOfWeek=getLastDayOfWeek({locale:locale})===dateValue.getDay();var isFirstDayOfMonth=(dateValue===null||dateValue===void 0?void 0:dateValue.getDate())===1;var isLastDayOfMonth=getLastDayOfMonth(dateValue)===(dateValue===null||dateValue===void 0?void 0:dateValue.getDate());var isStartOfRow=isFirstDayOfWeek||isFirstDayOfMonth;var isEndOfRow=isLastDayOfWeek||isLastDayOfMonth;var isSelectedDay=start&&differenceInDays(dateValue,start)===0||end&&differenceInDays(dateValue,end)===0||singleValue&&differenceInDays(dateValue,singleValue)===0;var isStart=+start===+dateValue;var isEnd=+end===+dateValue;var isBetweenSelected=dateValue>start&&dateValue<end;var borderRadius=function(){if(singleValue)return '50%';if((isStart||!start)&&(isEnd||!end))return '50%';if(isStartOfRow&&isEndOfRow&&(isBetweenSelected||isStart||isEnd))return '50%';if(isStartOfRow){if(isEnd)return '50%';return ROUNDED_CORNERS_LEFT;}if(isEndOfRow){if(isStart)return '50%';return ROUNDED_CORNERS_RIGHT;}if(isStart)return ROUNDED_CORNERS_LEFT;if(isEnd)return ROUNDED_CORNERS_RIGHT;if(isBetweenSelected)return 'unset';return '50%';}();if(props!==null&&props!==void 0&&props.outsideCurrentMonth)return/*#__PURE__*/jsx(StyledPickersDay,_objectSpread({},props));return/*#__PURE__*/jsx(StyledBox,{isSelectedDay:isSelectedDay,isBetweenSelected:isBetweenSelected,borderRadius:borderRadius,children:/*#__PURE__*/jsx(StyledPickersDay,_objectSpread(_objectSpread({},props),{},{isSelectedDay:isSelectedDay,isBetweenSelected:isBetweenSelected,isStart:isStart,isEnd:isEnd}))});}
+
+export { VdtPickersDay as default };

package/dist/general/CalendarPicker/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import CalendarPicker from './CalendarPicker.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='CalendarPicker';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(CalendarPicker);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtCalendarPicker = StyledComponent;
+
+export { VdtCalendarPicker as default };

package/dist/general/CalendarPicker/utils/index.js

@@ -0,0 +1,7 @@
+import dayjs from 'dayjs';
+import localeData from 'dayjs/plugin/localeData';
+
+dayjs.extend(localeData);var differenceInDays=function differenceInDays(date1,date2){// Get difference without accounting for time
+return dayjs(date1).diff(dayjs(date2),'day');};var getFirstDayOfWeek=function getFirstDayOfWeek(_ref){var locale=_ref.locale;var dayjsObjWithLocale=dayjs().locale(locale);return dayjsObjWithLocale.localeData().firstDayOfWeek();};var getLastDayOfWeek=function getLastDayOfWeek(_ref2){var locale=_ref2.locale;var dayjsObjWithLocale=dayjs().locale(locale);return dayjsObjWithLocale.localeData().firstDayOfWeek()+6===6?6:0;};var getLastDayOfMonth=function getLastDayOfMonth(date){return new Date(date.getFullYear(),date.getMonth()+1,0).getDate();};
+
+export { differenceInDays, getFirstDayOfWeek, getLastDayOfMonth, getLastDayOfWeek };

package/dist/index.js

@@ -5,19 +5,20 @@ export { default as CollectionCard } from './collection/CollectionCard/index.js'
 export { default as EntityIcon } from './entity/EntityIcon/index.js';
 export { default as EntityAvatar } from './entity/EntityAvatar/index.js';
 export { default as EntityList } from './entity/EntityList/index.js';
-export { ThemeProvider, useThemeContext } from './general/ThemeContext/ThemeContext.js';
-export { default as MediaIcon } from './general/MediaIcon/index.js';
-export { default as CompactBadge } from './general/CompactBadge/index.js';
-export { default as ImageCollage } from './general/ImageCollage/index.js';
-export { default as TablePagination } from './general/TablePagination/index.js';
-export { default as Sort } from './general/Sort/index.js';
-export { default as CornerLabelPlacer } from './general/CornerLabelPlacer/index.js';
 export { default as AvatarMenu } from './general/AvatarMenu/index.js';
 export { default as BlurredBackground } from './general/BlurredBackground/index.js';
-export { default as ExpandButton } from './general/ExpandButton/index.js';
-export { default as ScrubLine } from './general/ScrubLine/index.js';
+export { default as CalendarPicker } from './general/CalendarPicker/index.js';
+export { default as CompactBadge } from './general/CompactBadge/index.js';
 export { default as CompactLabel } from './general/CompactLabel/index.js';
+export { default as CornerLabelPlacer } from './general/CornerLabelPlacer/index.js';
+export { default as ExpandButton } from './general/ExpandButton/index.js';
+export { default as ImageCollage } from './general/ImageCollage/index.js';
+export { default as MediaIcon } from './general/MediaIcon/index.js';
 export { default as MenuItem } from './general/MenuItem/index.js';
+export { default as ScrubLine } from './general/ScrubLine/index.js';
+export { default as Sort } from './general/Sort/index.js';
+export { default as TablePagination } from './general/TablePagination/index.js';
+export { ThemeProvider, useThemeContext } from './general/ThemeContext/ThemeContext.js';
 export { default as ItemList } from './item/ItemList/index.js';
 export { default as ItemListItem } from './item/ItemListItem/index.js';
 export { default as ItemThumbnail } from './item/ItemThumbnail/index.js';
@@ -27,15 +28,17 @@ export { default as ItemTableRow } from './item/ItemTableRow/index.js';
 export { default as ItemPoster } from './item/ItemPoster/index.js';
 export { default as ItemPosterViewer } from './item/ItemPosterViewer/index.js';
 export { default as ItemPosterList } from './item/ItemPosterList/index.js';
-export { default as CheckboxGroupInput } from './inputs/CheckboxGroupInput/index.js';
-export { default as SelectInput } from './inputs/SelectInput/index.js';
-export { default as TextInput } from './inputs/TextInput/index.js';
-export { default as TagInput } from './inputs/TagInput/index.js';
-export { default as RadioGroupInput } from './inputs/RadioGroupInput/index.js';
+export { default as BasicDateTimeInput } from './inputs/BasicDateTimeInput/index.js';
 export { default as BooleanInput } from './inputs/BooleanInput/index.js';
+export { default as CheckboxGroupInput } from './inputs/CheckboxGroupInput/index.js';
+export { default as DateRangeInput } from './inputs/DateRangeInput/index.js';
 export { default as DateTimeInput } from './inputs/DateTimeInput/index.js';
-export { default as SliderInput } from './inputs/SliderInput/index.js';
+export { default as MaskedTextInput } from './inputs/MaskedTextInput/index.js';
 export { default as NumberInput } from './inputs/NumberInput/index.js';
-export { default as BasicDateTimeInput } from './inputs/BasicDateTimeInput/index.js';
+export { default as RadioGroupInput } from './inputs/RadioGroupInput/index.js';
+export { default as SelectInput } from './inputs/SelectInput/index.js';
+export { default as SliderInput } from './inputs/SliderInput/index.js';
+export { default as TagInput } from './inputs/TagInput/index.js';
+export { default as TextInput } from './inputs/TextInput/index.js';
 export { default as ShapeMediaBadges } from './shape/ShapeMediaBadges/index.js';
 export { default as TranscodePresetMediaBadges } from './transcode/TranscodePresetMediaBadges/index.js';

package/dist/inputs/DateRangeInput/DateRangeInput.js

@@ -0,0 +1,25 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useMemo } from 'react';
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import localeData from 'dayjs/plugin/localeData';
+import { styled, Popper, Box, ClickAwayListener, Grow } from '@mui/material';
+import VdtCalendarPicker from '../../general/CalendarPicker/index.js';
+import VdtMaskedTextInput from '../MaskedTextInput/index.js';
+import { getMaskStr } from './components/utils/valueManagers.js';
+import { isValidDate, isAllowedRange } from './utils/dateHelpers.js';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/de';
+import 'dayjs/locale/sv';
+import 'dayjs/locale/en-gb';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { omit } from '../../_utils/omit.js';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}dayjs.extend(localeData);dayjs.extend(customParseFormat);// Make sure to import locale when adding more
+var StyledMuiPopper=styled(Popper)(function(_ref){var theme=_ref.theme;return {padding:theme.spacing(2),zIndex:50};});var StyledVdtMaskedTextInput=styled(VdtMaskedTextInput)(function(){return {'& .VdtMaskedTextInput-inputComponent':{minWidth:200}};});var StyledVdtCalendarPicker=styled(VdtCalendarPicker)(function(){return {marginTop:-15};});var defaultComponents={Root:StyledVdtMaskedTextInput,RootWrapper:Box,ClickAwayListener:ClickAwayListener,Popper:StyledMuiPopper,Grow:Grow,CalendarPicker:StyledVdtCalendarPicker};function DateRangeInput(_ref2){var name=_ref2.name,label=_ref2.label,placeholder=_ref2.placeholder,propValue=_ref2.value,defaultValue=_ref2.defaultValue,error=_ref2.error,helperText=_ref2.helperText,required=_ref2.required,disabled=_ref2.disabled,disablePast=_ref2.disablePast,disableFuture=_ref2.disableFuture,disableHighlightToday=_ref2.disableHighlightToday,fullWidth=_ref2.fullWidth,showDouble=_ref2.showDouble,variant=_ref2.variant,min=_ref2.min,max=_ref2.max,propLocale=_ref2.locale,closeOnSelect=_ref2.closeOnSelect,invalidDateRangeText=_ref2.invalidDateRangeText,onChange=_ref2.onChange,onBlur=_ref2.onBlur,onFocus=_ref2.onFocus,onMonthChange=_ref2.onMonthChange,components=_ref2.components,componentsProps=_ref2.componentsProps;var MaskedTextInput=components.Root,Box=components.RootWrapper,ClickAwayListener=components.ClickAwayListener,Popper=components.Popper,Grow=components.Grow,CalendarPicker=components.CalendarPicker;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var _useState3=useState(dayjs().toString()),_useState4=_slicedToArray(_useState3,2),monthDate=_useState4[0],setMonthDate=_useState4[1];var handleMonthChange=function handleMonthChange(){for(var _len=arguments.length,props=new Array(_len),_key=0;_key<_len;_key++){props[_key]=arguments[_key];}var newMonthDate=props[1].value;setMonthDate(newMonthDate);onMonthChange.apply(void 0,props);};var open=Boolean(anchorEl);var _useState5=useState(propValue||defaultValue||{start:null,end:null}),_useState6=_slicedToArray(_useState5,2),localValue=_useState6[0],setLocalValue=_useState6[1];var rangeValueToChangeRef=useRef('START');var popperId=open?'datetimerange-popper':undefined;var isControlled=propValue!==undefined;var value=propValue!==undefined?propValue:localValue;var locale=useMemo(function(){return propLocale||dayjs.locale()||'en';},[propLocale]);var localeDateFormat=useMemo(function(){return dayjs.Ls[locale].formats.L;},[locale]);var fallbackPlaceholder="".concat(localeDateFormat.toLowerCase()," - ").concat(localeDateFormat.toLowerCase());var formattedTextValue=useMemo(function(){var start=value.start,end=value.end;var formattedTextFieldStart=isValidDate(start)?dayjs(start).format(localeDateFormat):undefined;var formattedTextFieldEnd=isValidDate(end)?dayjs(end).format(localeDateFormat):undefined;return "".concat(formattedTextFieldStart||''," - ").concat(formattedTextFieldEnd||'');},[value,localeDateFormat]);var handleClick=function handleClick(event){var cursorOnStart=event.target.selectionStart<=localeDateFormat.length;rangeValueToChangeRef.current=cursorOnStart?'START':'END';setAnchorEl(event.target);};var handleClickAway=function handleClickAway(){setAnchorEl(null);};var handleChange=function handleChange(_ref3){var _newValue2,_newValue3,_newValue4;var start=_ref3.start,end=_ref3.end;// Adjust offset (because of UTC, dates are one day behind)
+var formattedStartDate=start===null||start===void 0?void 0:start.format();var formattedEndDate=end===null||end===void 0?void 0:end.format();var newValue={start:formattedStartDate,end:formattedEndDate};if(start&&end&&start>end){var _newValue;newValue={start:((_newValue=newValue)===null||_newValue===void 0?void 0:_newValue.start)!==(localValue===null||localValue===void 0?void 0:localValue.start)?formattedStartDate:formattedEndDate,end:undefined};}var hasChangedStart=((_newValue2=newValue)===null||_newValue2===void 0?void 0:_newValue2.start)!==(localValue===null||localValue===void 0?void 0:localValue.start);var hasChangedEnd=((_newValue3=newValue)===null||_newValue3===void 0?void 0:_newValue3.end)&&((_newValue4=newValue)===null||_newValue4===void 0?void 0:_newValue4.end)!==(localValue===null||localValue===void 0?void 0:localValue.end);if(hasChangedEnd)rangeValueToChangeRef.current='START';else if(hasChangedStart)rangeValueToChangeRef.current='END';if(!isControlled)setLocalValue(newValue);onChange(null,{value:newValue});if(closeOnSelect&&start&&end&&hasChangedEnd){setAnchorEl(null);}};var handlePickerChange=function handlePickerChange(_,e){var _e$value,_e$value2,_e$value3,_e$value4;var start=isValidDate((_e$value=e.value)===null||_e$value===void 0?void 0:_e$value.start)?dayjs((_e$value2=e.value)===null||_e$value2===void 0?void 0:_e$value2.start):undefined;var end=isValidDate((_e$value3=e.value)===null||_e$value3===void 0?void 0:_e$value3.end)?dayjs((_e$value4=e.value)===null||_e$value4===void 0?void 0:_e$value4.end):undefined;handleChange({start:start,end:end});};var handleTextChange=function handleTextChange(_,_ref4){var maskedValue=_ref4.maskedValue;if(maskedValue){var dateTexts=maskedValue.split(' - ')||[];var _dateTexts$map$filter=dateTexts.map(function(dateText){return isValidDate(dateText,localeDateFormat)?dayjs(dateText,localeDateFormat):undefined;}).filter(function(d){return !!d;}),_dateTexts$map$filter2=_slicedToArray(_dateTexts$map$filter,2),start=_dateTexts$map$filter2[0],end=_dateTexts$map$filter2[1];// Only trigger change when both are valid date or no start is set yet
+if(start&&(end||!(localValue!==null&&localValue!==void 0&&localValue.start))){handleChange({start:start,end:end});}}};var localError=isAllowedRange(_objectSpread(_objectSpread({},localValue),{},{min:min,max:max,disablePast:disablePast,disableFuture:disableFuture}))?undefined:invalidDateRangeText;return/*#__PURE__*/jsx(ClickAwayListener,_objectSpread(_objectSpread({mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:handleClickAway// Component does not support className prop
+},omit(componentsProps.clickAwayListener,'className')),{},{children:/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({display:"flex",alignItems:"center",gap:2},componentsProps.rootWrapper),{},{children:[/*#__PURE__*/jsx(MaskedTextInput,_objectSpread(_objectSpread({name:name,label:label,value:formattedTextValue,placeholder:placeholder||fallbackPlaceholder,disabled:disabled,fullWidth:fullWidth,required:required,variant:variant,focused:!!anchorEl,helperText:helperText,error:localError||error,mask:"".concat(getMaskStr(localeDateFormat)," - ").concat(getMaskStr(localeDateFormat)),lazy:true,overwrite:false,eager:true,onFocus:onFocus,onBlur:onBlur,onChange:handleTextChange},!disabled?{onClick:handleClick}:{}),componentsProps.root)),/*#__PURE__*/jsx(Popper,_objectSpread(_objectSpread({id:popperId,open:open,anchorEl:anchorEl,transition:true},componentsProps.popper),{},{children:function children(_ref5){var TransitionProps=_ref5.TransitionProps;return/*#__PURE__*/jsx(Grow,_objectSpread(_objectSpread({},TransitionProps),{},{timeout:300,children:/*#__PURE__*/jsx(CalendarPicker,_objectSpread({range:true,value:value,defaultValue:defaultValue,rangeValueToChange:rangeValueToChangeRef.current,locale:locale,monthDate:monthDate,onReset:function onReset(){return null;},disableHighlightToday:disableHighlightToday,disablePast:disablePast,disableFuture:disableFuture,showDouble:showDouble,minDate:min,maxDate:max,onChange:handlePickerChange,onMonthChange:handleMonthChange},componentsProps.calendarPicker))}));}}))]}))}));}DateRangeInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,showDouble:true,error:undefined,helperText:undefined,placeholder:undefined,required:false,disabled:false,disablePast:false,disableFuture:false,disableHighlightToday:false,fullWidth:true,closeOnSelect:true,variant:'outlined',min:undefined,max:undefined,locale:undefined,invalidDateRangeText:' ',onChange:function onChange(){return null;},onBlur:function onBlur(){return null;},onFocus:function onFocus(){return null;},onMonthChange:function onMonthChange(){return null;},components:defaultComponents,componentsProps:undefined};
+
+export { DateRangeInput as default };

package/dist/inputs/DateRangeInput/components/utils/valueManagers.js

@@ -0,0 +1,5 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+
+var getMaskStr=function getMaskStr(dateFormat){var _dateFormat$split=dateFormat.split(' - '),_dateFormat$split2=_slicedToArray(_dateFormat$split,1),singleInputMask=_dateFormat$split2[0];var maskStrUnits=singleInputMask.split(/\W/g);var maskStrDelimiter=dateFormat.match(/\W/);var maskStr=maskStrUnits.map(function(unit,index){return index===maskStrUnits.length-1?unit.replace(/\w/g,'0'):unit.replace(/\w/g,'0')+maskStrDelimiter;}).join('');return maskStr;};
+
+export { getMaskStr };

package/dist/inputs/DateRangeInput/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import DateRangeInput from './DateRangeInput.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='DateRangeInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(DateRangeInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var StyledComponent$1 = StyledComponent;
+
+export { StyledComponent$1 as default };

package/dist/inputs/DateRangeInput/utils/dateHelpers.js

@@ -0,0 +1,6 @@
+import dayjs from 'dayjs';
+
+var isValidDate=function isValidDate(date,localeDateFormat){if(!date)return false;// dayjs converts undefined to now()
+return dayjs(date,localeDateFormat,true).isValid();};var isAllowedDate=function isAllowedDate(dateVal,_ref){var min=_ref.min,max=_ref.max;if(!dateVal)return false;if(min!==undefined&&dayjs(dateVal).isBefore(min))return false;if(max!==undefined&&dayjs(dateVal).isAfter(max))return false;return true;};var isAllowedRange=function isAllowedRange(_ref2){var start=_ref2.start,end=_ref2.end,min=_ref2.min,max=_ref2.max,disablePast=_ref2.disablePast,disableFuture=_ref2.disableFuture;var now=dayjs();if(start){if(!isAllowedDate(start,{min:min,max:max}))return false;if(!isAllowedDate(start,{min:disablePast?now.subtract(1,'day'):undefined,max:disableFuture?now:undefined}))return false;}if(end){if(!isAllowedDate(end,{min:min,max:max}))return false;if(!isAllowedDate(end,{min:disablePast?now.subtract(1,'day'):undefined,max:disableFuture?now:undefined}))return false;}return true;};
+
+export { isAllowedRange, isValidDate };

package/dist/inputs/MaskedTextInput/MaskedTextInput.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useRef } from 'react';
+import { TextField } from '@mui/material';
+import VdtReactIMaskInputComponent from './components/MaskedInputComponent.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultComponents={Root:TextField,InputComponent:VdtReactIMaskInputComponent};function MaskedTextInput(_ref){var _componentsProps$root,_componentsProps$root2;var name=_ref.name,label=_ref.label,propValue=_ref.value,defaultValue=_ref.defaultValue,placeholder=_ref.placeholder,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,multiline=_ref.multiline,variant=_ref.variant,size=_ref.size,min=_ref.min,max=_ref.max,mask=_ref.mask,focused=_ref.focused,definitions=_ref.definitions,eager=_ref.eager,overwrite=_ref.overwrite,lazy=_ref.lazy,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onClick=_ref.onClick,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root,InputComponent=components.InputComponent;var valueRef=useRef(propValue||defaultValue);var isControlled=propValue!==undefined;var value=isControlled?propValue:valueRef.current;var handleAccept=function handleAccept(maskedValue,maskedInput){var unmaskedValue=maskedInput._unmaskedValue;valueRef.current=unmaskedValue;onChange(null,{value:unmaskedValue,maskedValue:maskedValue});};var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({name:name,label:label,value:value,defaultValue:defaultValue,helperText:(errorText||helperText)&&isError?error:helperText,error:isError,placeholder:placeholder,required:required,disabled:disabled,fullWidth:fullWidth,multiline:multiline,variant:variant,size:size,focused:focused,autoComplete:"off",onFocus:onFocus,onClick:onClick,onBlur:onBlur},componentsProps.root),{},{InputProps:_objectSpread(_objectSpread({inputComponent:InputComponent},((_componentsProps$root=componentsProps.root)===null||_componentsProps$root===void 0?void 0:_componentsProps$root.InputProps)||{}),{},{inputProps:_objectSpread({mask:mask,min:min,max:max,definitions:definitions,eager:eager,overwrite:overwrite,lazy:lazy,onAccept:handleAccept},componentsProps.inputComponent)}),InputLabelProps:_objectSpread({shrink:true},((_componentsProps$root2=componentsProps.root)===null||_componentsProps$root2===void 0?void 0:_componentsProps$root2.InputLabelProps)||{})}));}MaskedTextInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,placeholder:undefined,helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,multiline:false,variant:'outlined',size:'medium',min:undefined,max:undefined,mask:undefined,focused:undefined,eager:true,overwrite:true,lazy:true,definitions:undefined,onChange:function onChange(){return null;},onBlur:function onBlur(){return null;},onFocus:function onFocus(){return null;},onClick:function onClick(){return null;},components:defaultComponents,componentsProps:undefined};
+
+export { MaskedTextInput as default };

package/dist/inputs/MaskedTextInput/components/MaskedInputComponent.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { IMaskInput } from 'react-imask';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["onChange"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var MaskedInputComponent=/*#__PURE__*/forwardRef(function InputMaskCustom(props,ref){props.onChange;var rest=_objectWithoutProperties(props,_excluded);return/*#__PURE__*/jsx(IMaskInput,_objectSpread({inputRef:ref},rest));});var VdtReactIMaskInputComponent = MaskedInputComponent;
+
+export { VdtReactIMaskInputComponent as default };

package/dist/inputs/MaskedTextInput/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import MaskedTextInput from './MaskedTextInput.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='MaskedTextInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(MaskedTextInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtMaskedTextInput = StyledComponent;
+
+export { VdtMaskedTextInput as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-mui",
-  "version": "23.1.0-pre.5",
+  "version": "23.1.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -25,25 +25,25 @@
     "new:component": "hygen new component"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.1",
-    "@mui/icons-material": "^5.10.15",
-    "@mui/lab": "^5.0.0-alpha.109",
-    "@mui/material": "^5.10.15",
-    "@vidispine/vdt-api": "23.1.0-pre.5",
-    "@vidispine/vdt-js": "23.1.0-pre.5",
-    "@vidispine/vdt-react": "23.1.0-pre.5",
+    "@babel/runtime": "^7.21.0",
+    "@mui/icons-material": "^5.11.9",
+    "@mui/lab": "^5.0.0-alpha.120",
+    "@mui/material": "^5.11.10",
+    "@vidispine/vdt-api": "23.1.0",
+    "@vidispine/vdt-js": "23.1.0",
+    "@vidispine/vdt-react": "23.1.0",
     "clsx": "^1.2.1"
   },
   "peerDependencies": {
     "@mui/x-date-pickers": "^5.0.0",
-    "@vidispine/vdt-videojs-react": "23.1.0-pre.5",
     "dayjs": "^1.0.0",
     "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react-dom": "^17.0.0",
+    "react-imask": "^6.4.3"
   },
   "devDependencies": {
-    "@babel/core": "7.20.2",
-    "@babel/plugin-transform-runtime": "7.19.6",
+    "@babel/core": "7.21.0",
+    "@babel/plugin-transform-runtime": "7.21.0",
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
     "@rollup/plugin-babel": "5.3.1",
@@ -52,15 +52,15 @@
     "@svgr/rollup": "6.5.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.5",
-    "@vidispine/eslint-config-mdx": "23.1.0-pre.5",
-    "@vidispine/eslint-config-react": "23.1.0-pre.5",
-    "@vidispine/eslint-config-storybook": "23.1.0-pre.5",
-    "@vidispine/prettier-config": "23.1.0-pre.5",
-    "@vidispine/proptypes": "23.1.0-pre.5",
+    "@vidispine/eslint-config-mdx": "23.1.0",
+    "@vidispine/eslint-config-react": "23.1.0",
+    "@vidispine/eslint-config-storybook": "23.1.0",
+    "@vidispine/prettier-config": "23.1.0",
+    "@vidispine/proptypes": "23.1.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "eslint": "8.28.0",
+    "eslint": "8.34.0",
     "hygen": "6.2.11",
-    "prettier": "2.8.0",
+    "prettier": "2.8.4",
     "prop-types": "15.8.1",
     "rimraf": "3.0.2",
     "rollup": "2.79.1"