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

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/DateTimeInput/DateTimeInput.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useRef, useMemo } from 'react';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useMemo } from 'react';
 import 'dayjs/locale/fr';
 import 'dayjs/locale/de';
 import 'dayjs/locale/sv';
@@ -14,7 +15,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { TimePicker } from '@mui/x-date-pickers/TimePicker';
 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;}dayjs.extend(dayjsToObject);var defaultComponents={Root:LocalizationProvider,DateTimePicker:DateTimePicker,DatePicker:DatePicker,TimePicker:TimePicker,TextField:TextField};// Make sure to import locale when adding more
-var LOCALES=['en','en-gb','de','sv','fr'];function DateTimeInput(_ref){var inputName=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,error=_ref.error,helperText=_ref.helperText,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,variant=_ref.variant,size=_ref.size,date=_ref.date,time=_ref.time,min=_ref.min,max=_ref.max,views=_ref.views,locale=_ref.locale,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var LocalizationProvider=components.Root,DateTimePicker=components.DateTimePicker,DatePicker=components.DatePicker,TimePicker=components.TimePicker,TextField=components.TextField;var valueRef=useRef(defaultValue);var pickerViews=useMemo(function(){if((views===null||views===void 0?void 0:views.length)>0)return views;if(date&&time)return ['year','month','day','hours','minutes'];if(date)return ['year','month','day'];if(time)return ['hours','minutes'];return [];},[date,time,views]);var minMaxProps=useMemo(function(){if(date&&time)return _objectSpread(_objectSpread({},min?{minDateTime:dayjs(min)}:{}),max?{maxDateTime:dayjs(max)}:{});if(date)return _objectSpread(_objectSpread({},min?{minDate:dayjs(min)}:{}),max?{maxDate:dayjs(max)}:{});if(time)return _objectSpread(_objectSpread({},min?{minTime:dayjs(min)}:{}),max?{maxTime:dayjs(max)}:{});return {};},[date,max,min,time]);var _useMemo=useMemo(function(){if(date&&time)return {Picker:DateTimePicker,pickerProps:componentsProps.dateTimePicker};if(date===true)return {Picker:DatePicker,pickerProps:componentsProps.datePicker};if(time===true)return {Picker:TimePicker,pickerProps:componentsProps.timePicker};return {Picker:function Picker(){return null;},pickerProps:{}};},[DatePicker,DateTimePicker,TimePicker,componentsProps.datePicker,componentsProps.dateTimePicker,componentsProps.timePicker,date,time]),Picker=_useMemo.Picker,pickerProps=_useMemo.pickerProps;var isControlled=value!==undefined;var isError=!!error;var handlePickerChange=function handlePickerChange(dateValue,keyboardInputValue){var newDateValue=dateValue||dayjs(keyboardInputValue);if((dateValue||keyboardInputValue)&&newDateValue.isValid()){var newValue=newDateValue.format();if(!isControlled){valueRef.current=newValue;}onChange(null,{value:newValue,units:newDateValue.toObject()});}};var localValue=(isControlled?value:valueRef.current)||'';var errorText=(error||'').trim();return/*#__PURE__*/jsx(LocalizationProvider,_objectSpread(_objectSpread({dateAdapter:AdapterDayjs,adapterLocale:LOCALES.includes(locale)?locale:'en'},componentsProps.root),{},{children:/*#__PURE__*/jsx(Picker,_objectSpread(_objectSpread(_objectSpread({value:localValue,label:label,name:inputName,disabled:disabled,views:pickerViews,onChange:handlePickerChange},minMaxProps),pickerProps),{},{renderInput:function renderInput(params){var _componentsProps$text;return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({},params),{},{fullWidth:fullWidth,helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,variant:variant,size:size,autoComplete:"off",onBlur:onBlur,onFocus:onFocus},componentsProps===null||componentsProps===void 0?void 0:componentsProps.textField),{},{InputLabelProps:_objectSpread(_objectSpread({shrink:true},params.InputLabelProps||{}),(componentsProps===null||componentsProps===void 0?void 0:(_componentsProps$text=componentsProps.textField)===null||_componentsProps$text===void 0?void 0:_componentsProps$text.InputLabelProps)||{})}));}}))}));}DateTimeInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,error:undefined,helperText:undefined,required:false,disabled:false,fullWidth:true,variant:'outlined',size:'medium',date:true,time:true,min:undefined,max:undefined,locale:'en',views:undefined,onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
+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,DateTimePicker:DateTimePicker,DatePicker:DatePicker,TimePicker:TimePicker,LocalizationProvider:LocalizationProvider};// Make sure to import locale when adding more
+var LOCALES=['en','en-gb','de','sv','fr'];function DateTimeInput(_ref){var inputName=_ref.name,label=_ref.label,propValue=_ref.value,defaultValue=_ref.defaultValue,error=_ref.error,helperText=_ref.helperText,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,variant=_ref.variant,size=_ref.size,date=_ref.date,time=_ref.time,min=_ref.min,max=_ref.max,views=_ref.views,locale=_ref.locale,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root,DateTimePicker=components.DateTimePicker,DatePicker=components.DatePicker,TimePicker=components.TimePicker,LocalizationProvider=components.LocalizationProvider;dayjs.extend(dayjsToObject);var _useState=useState(defaultValue),_useState2=_slicedToArray(_useState,2),localValue=_useState2[0],setLocalValue=_useState2[1];var pickerViews=useMemo(function(){if((views===null||views===void 0?void 0:views.length)>0)return views;if(date&&time)return ['year','month','day','hours','minutes'];if(date)return ['year','month','day'];if(time)return ['hours','minutes'];return [];},[date,time,views]);var minMaxProps=useMemo(function(){if(date&&time)return _objectSpread(_objectSpread({},min?{minDateTime:dayjs(min)}:{}),max?{maxDateTime:dayjs(max)}:{});if(date)return _objectSpread(_objectSpread({},min?{minDate:dayjs(min)}:{}),max?{maxDate:dayjs(max)}:{});if(time)return _objectSpread(_objectSpread({},min?{minTime:dayjs(min)}:{}),max?{maxTime:dayjs(max)}:{});return {};},[date,max,min,time]);var _useMemo=useMemo(function(){if(date&&time)return {Picker:DateTimePicker,pickerProps:componentsProps.dateTimePicker};if(date===true)return {Picker:DatePicker,pickerProps:componentsProps.datePicker};if(time===true)return {Picker:TimePicker,pickerProps:componentsProps.timePicker};return {Picker:function Picker(){return null;},pickerProps:{}};},[DatePicker,DateTimePicker,TimePicker,componentsProps.datePicker,componentsProps.dateTimePicker,componentsProps.timePicker,date,time]),Picker=_useMemo.Picker,pickerProps=_useMemo.pickerProps;var isControlled=propValue!==undefined;var isError=!!error;var handlePickerChange=function handlePickerChange(dateValue,keyboardInputValue){var newDateValue=dateValue||dayjs(keyboardInputValue);if((dateValue||keyboardInputValue)&&newDateValue.isValid()){var newValue=newDateValue.format();if(!isControlled){setLocalValue(newValue);}onChange(null,{value:newValue,units:newDateValue.toObject()});}else {if(!isControlled){setLocalValue(null);}onChange(null,{value:null,units:null});}};var value=(isControlled?propValue:localValue)||null;var errorText=(error||'').trim();return/*#__PURE__*/jsx(LocalizationProvider,_objectSpread(_objectSpread({dateAdapter:AdapterDayjs,adapterLocale:(LOCALES.includes(locale)?locale:dayjs===null||dayjs===void 0?void 0:dayjs.locale())||'en'},componentsProps.localizationProvider),{},{children:/*#__PURE__*/jsx(Picker,_objectSpread(_objectSpread(_objectSpread({value:value,label:label,name:inputName,disabled:disabled,views:pickerViews,onChange:handlePickerChange},minMaxProps),pickerProps),{},{renderInput:function renderInput(params){var _componentsProps$root;return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({},params),{},{fullWidth:fullWidth,helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,variant:variant,size:size,autoComplete:"off",onBlur:onBlur,onFocus:onFocus},componentsProps===null||componentsProps===void 0?void 0:componentsProps.root),{},{InputLabelProps:_objectSpread(_objectSpread({shrink:true},params.InputLabelProps||{}),(componentsProps===null||componentsProps===void 0?void 0:(_componentsProps$root=componentsProps.root)===null||_componentsProps$root===void 0?void 0:_componentsProps$root.InputLabelProps)||{})}));}}))}));}DateTimeInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,error:undefined,helperText:undefined,required:false,disabled:false,fullWidth:true,variant:'outlined',size:'medium',date:true,time:true,min:undefined,max:undefined,locale:undefined,views:undefined,onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
 
 export { DateTimeInput as default };

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(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/dist/inputs/SelectInput/SelectInput.js

@@ -4,6 +4,6 @@ import MenuItem from '../_components/MenuItem.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 StyledMuiTextField=styled(TextField)(function(){return {// Show label correctly with ellipsis
-minWidth:72,'& .MuiFormLabel-root':{minWidth:16,paddingRight:16}};});var defaultComponents={Root:StyledMuiTextField,MenuItem:MenuItem};function SelectInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,variant=_ref.variant,size=_ref.size,multiple=_ref.multiple,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root,MenuItem=components.MenuItem;var isControlled=value!==undefined;var localValue=isControlled&&multiple&&value!==undefined&&!Array.isArray(value)?[value]:value;var localDefaultValue=!isControlled&&multiple&&!Array.isArray(defaultValue)?defaultValue&&[defaultValue]||[]:defaultValue||'';var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({id:name,name:name,label:label},isControlled?{value:localValue}:{defaultValue:localDefaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,variant:variant,size:size,select:true,onChange:handleChange,onBlur:onBlur,onFocus:onFocus},componentsProps.root),{},{SelectProps:_objectSpread({multiple:multiple,onOpen:onOpen,onClose:onClose,renderValue:function renderValue(selectedValue){return Array.isArray(selectedValue)?selectedValue.map(function(v){return getOptionLabel(v);}).join(', '):getOptionLabel(selectedValue);}},componentsProps.root.SelectProps||{}),children:options===null||options===void 0?void 0:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread({},option),componentsProps.menuItem),"select-".concat(name,"-").concat(option===null||option===void 0?void 0:option.value));})}));}SelectInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,multiple:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
+minWidth:72,'& .MuiFormLabel-root':{minWidth:16,paddingRight:16}};});var defaultComponents={Root:StyledMuiTextField,MenuItem:MenuItem};function SelectInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,variant=_ref.variant,size=_ref.size,placeholder=_ref.placeholder,multiple=_ref.multiple,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root,MenuItem=components.MenuItem;var isControlled=value!==undefined;var localValue=isControlled&&multiple&&value!==undefined&&!Array.isArray(value)?[value]:value;var localDefaultValue=!isControlled&&multiple&&!Array.isArray(defaultValue)?defaultValue&&[defaultValue]||[]:defaultValue||'';var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({id:name,name:name,label:label},isControlled?{value:localValue}:{defaultValue:localDefaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,variant:variant,size:size,select:true,onChange:handleChange,onBlur:onBlur,onFocus:onFocus,InputLabelProps:_objectSpread(_objectSpread({},placeholder!==undefined?{shrink:true}:{}),componentsProps.root.InputLabelProps||{})},componentsProps.root),{},{SelectProps:_objectSpread({multiple:multiple,onOpen:onOpen,onClose:onClose,displayEmpty:true,renderValue:function renderValue(selectedValue){if((placeholder===null||placeholder===void 0?void 0:placeholder.length)>0&&(selectedValue===''||selectedValue.length===0)){return/*#__PURE__*/jsx("span",{style:{color:'#81858a'},children:placeholder});}return Array.isArray(selectedValue)?selectedValue.map(function(v){return getOptionLabel(v);}).join(', '):getOptionLabel(selectedValue);}},componentsProps.root.SelectProps||{}),children:options===null||options===void 0?void 0:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread({},option),componentsProps.menuItem),"select-".concat(name,"-").concat(option===null||option===void 0?void 0:option.value));})}));}SelectInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,placeholder:undefined,required:false,disabled:false,fullWidth:true,multiple:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
 
 export { SelectInput as default, defaultComponents };

package/dist/inputs/SliderInput/SliderInput.js

@@ -1,15 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { styled, OutlinedInput, FilledInput, Input, FormControl, FormHelperText, InputLabel } from '@mui/material';
+import { Clear } from '@mui/icons-material';
+import { styled, OutlinedInput, FilledInput, Input, FormHelperText, ButtonBase, FormControl, InputLabel } from '@mui/material';
 import VdtSlider from './components/Slider.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { isDefinedValue } from '../../_utils/isDefinedValue.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;}var StyledMuiOutlinedInput=styled(OutlinedInput)(function(){return {paddingLeft:24,paddingRight:24,// Medium Size (56px, without markers)
+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 StyledMuiOutlinedInput=styled(OutlinedInput,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showClearButton';}})(function(_ref){var showClearButton=_ref.showClearButton;return {paddingLeft:24,paddingRight:24,// Medium Size (56px, without markers)
 '&:not(.MuiInputBase-sizeSmall)':{paddingTop:14,paddingBottom:12},// Small size
-'&.MuiInputBase-sizeSmall':{paddingTop:8,paddingBottom:8}};});var StyledMuiFilledInput=styled(FilledInput)(function(){return {paddingLeft:24,paddingRight:24,// Medium Size
+'&.MuiInputBase-sizeSmall':{paddingTop:8,paddingBottom:8},// Include width of clear button
+'& .MuiOutlinedInput-notchedOutline > legend':_objectSpread({},showClearButton&&{paddingRight:16})};});var StyledMuiFilledInput=styled(FilledInput)(function(){return {paddingLeft:24,paddingRight:24,// Medium Size
 '&:not(.MuiInputBase-sizeSmall)':{paddingTop:32,paddingBottom:10},// Small size (56px, without markers, medium for others)
 '&.MuiInputBase-sizeSmall':{paddingTop:22,paddingBottom:6}};});var StyledMuiInput=styled(Input)(function(){return {paddingLeft:16,paddingRight:16,// Medium Size (48px, without markers)
 '&:not(.MuiInputBase-sizeSmall)':{paddingTop:2},// Small size (45px, without markers)
-'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:0}};});var StyledVdtSlider=styled(VdtSlider)(function(){return {zIndex:1};});var defaultComponents={Root:FormControl,FormHelperText:FormHelperText,InputLabel:InputLabel,Input:StyledMuiInput,// Standard Input
-FilledInput:StyledMuiFilledInput,OutlinedInput:StyledMuiOutlinedInput,Slider:StyledVdtSlider};function SliderInput(_ref){var inputName=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,min=_ref.min,max=_ref.max,infiniteMin=_ref.infiniteMin,infiniteMax=_ref.infiniteMax,infiniteDiff=_ref.infiniteDiff,variant=_ref.variant,size=_ref.size,step=_ref.step,showMarks=_ref.showMarks,showTooltip=_ref.showTooltip,range=_ref.range,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var FormControl=components.Root,FormHelperText=components.FormHelperText,InputLabel=components.InputLabel,Input=components.Input,FilledInput=components.FilledInput,OutlinedInput=components.OutlinedInput,Slider=components.Slider;var InputComponent={standard:Input,filled:FilledInput,outlined:OutlinedInput}[variant];var inputComponentsProps={standard:_objectSpread({disableUnderline:true},componentsProps.input),filled:_objectSpread({disableUnderline:true},componentsProps.filledInput),outlined:_objectSpread({label:label,notched:true},componentsProps.outlinedInput)}[variant];var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,disabled:disabled,variant:variant,size:size,fullWidth:true},componentsProps.root),{},{children:[/*#__PURE__*/jsx(InputLabel,_objectSpread(_objectSpread({htmlFor:inputName,id:"".concat(inputName,"-label"),shrink:true},componentsProps.inputLabel),{},{children:label})),/*#__PURE__*/jsx(InputComponent,_objectSpread({id:inputName,name:inputName,size:size,inputComponent:Slider,inputProps:_objectSpread({value:value,defaultValue:defaultValue,options:options,range:range,min:min,max:max,size:size,infiniteMin:infiniteMin,infiniteMax:infiniteMax,infiniteDiff:infiniteDiff,showTooltip:showTooltip,showMarks:showMarks,step:step,onChange:onChange,onFocus:onFocus,onBlur:onBlur,'aria-labelledby':"".concat(inputName,"-label"),vdtClassNames:componentsProps.slider.className},componentsProps.slider)},inputComponentsProps)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}SliderInput.defaultProps={name:undefined,label:undefined,helperText:undefined,error:undefined,value:undefined,defaultValue:undefined,options:[],required:false,disabled:false,min:undefined,max:undefined,infiniteMin:false,infiniteMax:false,infiniteDiff:undefined,variant:'outlined',size:'medium',step:null,showMarks:true,showTooltip:false,range:false,onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
+'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:0}};});var StyledVdtSlider=styled(VdtSlider)(function(){return {zIndex:1};});var StyledMuiFormHelperText=styled(FormHelperText)(function(){return {marginLeft:14,marginRight:14};});var StyledMuiBaseButton=styled(ButtonBase)(function(){return {marginLeft:4,marginBottom:1,backgroundColor:'inherit','& .MuiSvgIcon-root':{}};});var defaultComponents={Root:FormControl,FormHelperText:StyledMuiFormHelperText,InputLabel:InputLabel,BaseButton:StyledMuiBaseButton,Input:StyledMuiInput,// Standard Input
+FilledInput:StyledMuiFilledInput,OutlinedInput:StyledMuiOutlinedInput,Slider:StyledVdtSlider};function SliderInput(_ref2){var inputName=_ref2.name,label=_ref2.label,value=_ref2.value,defaultValue=_ref2.defaultValue,options=_ref2.options,helperText=_ref2.helperText,error=_ref2.error,required=_ref2.required,disabled=_ref2.disabled,min=_ref2.min,max=_ref2.max,infiniteMin=_ref2.infiniteMin,infiniteMax=_ref2.infiniteMax,infiniteDiff=_ref2.infiniteDiff,variant=_ref2.variant,size=_ref2.size,step=_ref2.step,showMarks=_ref2.showMarks,valueLabelDisplay=_ref2.valueLabelDisplay,clearable=_ref2.clearable,range=_ref2.range,onChange=_ref2.onChange,onBlur=_ref2.onBlur,onFocus=_ref2.onFocus,components=_ref2.components,componentsProps=_ref2.componentsProps;var FormControl=components.Root,FormHelperText=components.FormHelperText,InputLabel=components.InputLabel,BaseButton=components.BaseButton,Input=components.Input,FilledInput=components.FilledInput,OutlinedInput=components.OutlinedInput,Slider=components.Slider;var showClearButton=isDefinedValue(value)&&clearable;var InputComponent={standard:Input,filled:FilledInput,outlined:OutlinedInput}[variant];var inputComponentsProps={standard:_objectSpread({disableUnderline:true},componentsProps.input),filled:_objectSpread({disableUnderline:true},componentsProps.filledInput),outlined:_objectSpread({label:label,notched:true,showClearButton:showClearButton},componentsProps.outlinedInput)}[variant];var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,disabled:disabled,variant:variant,size:size,fullWidth:true},componentsProps.root),{},{children:[/*#__PURE__*/jsx(InputLabel,_objectSpread(_objectSpread({htmlFor:inputName,id:"".concat(inputName,"-label"),shrink:true},componentsProps.inputLabel),{},{children:/*#__PURE__*/jsxs("span",{children:[label,showClearButton&&/*#__PURE__*/jsx(BaseButton,{focusRipple:true,onClick:function onClick(e){onChange(e,{value:range?[]:null});},children:/*#__PURE__*/jsx(Clear,{fontSize:"small"})})]})})),/*#__PURE__*/jsx(InputComponent,_objectSpread({id:inputName,name:inputName,size:size,inputComponent:Slider,inputProps:_objectSpread({value:value,defaultValue:defaultValue,options:options,range:range,min:min,max:max,size:size,infiniteMin:infiniteMin,infiniteMax:infiniteMax,infiniteDiff:infiniteDiff,valueLabelDisplay:valueLabelDisplay,showMarks:showMarks,step:step,onChange:onChange,onFocus:onFocus,onBlur:onBlur,'aria-labelledby':"".concat(inputName,"-label"),vdtClassNames:componentsProps.slider.className},componentsProps.slider)},inputComponentsProps)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}SliderInput.defaultProps={name:undefined,label:undefined,helperText:undefined,error:undefined,value:undefined,defaultValue:undefined,options:[],required:false,disabled:false,min:undefined,max:undefined,infiniteMin:false,infiniteMax:false,infiniteDiff:undefined,variant:'outlined',size:'medium',step:null,showMarks:true,valueLabelDisplay:'off',clearable:true,range:false,onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
 
 export { SliderInput as default };

package/dist/inputs/SliderInput/components/Slider.js

@@ -1,14 +1,14 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { forwardRef, useRef, useMemo } from 'react';
-import { Slider as Slider$1 } from '@mui/material';
+import { styled, Slider as Slider$1 } from '@mui/material';
 import { jsx } from 'react/jsx-runtime';
+import { isDefinedValue } from '../../../_utils/isDefinedValue.js';
 
-var _excluded=["id","value","defaultValue","options","range","min","max","step","infiniteMin","infiniteMax","infiniteDiff","showMarks","showTooltip","onChange"],_excluded2=["vdtClassNames","className","autoComplete","rows","type"];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 INFINITE_MIN_LABEL='Min';var INFINITE_MIN_VALUE=-Number.MAX_SAFE_INTEGER;var INFINITE_MAX_LABEL='Max';var INFINITE_MAX_VALUE=Number.MAX_SAFE_INTEGER;var DEFAULT_STEP=1;var isDefined=function isDefined(v){return Array.isArray(v)?v.every(function(value){return ![null,undefined].includes(value);}):![null,undefined].includes(v);};var Slider=/*#__PURE__*/forwardRef(function(_ref,ref){var id=_ref.id,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,range=_ref.range,min=_ref.min,max=_ref.max,step=_ref.step,infiniteMin=_ref.infiniteMin,infiniteMax=_ref.infiniteMax,infiniteDiff=_ref.infiniteDiff,showMarks=_ref.showMarks,showTooltip=_ref.showTooltip,onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded);var className=props.vdtClassNames;props.className;props.autoComplete;props.rows;props.type;var sliderProps=_objectWithoutProperties(props,_excluded2);var localDefaultValue=defaultValue||(range?[undefined,undefined]:undefined);var valueRef=useRef(localDefaultValue);// Ignore negative and automatically add step if there are no marks/options
-var localStep=isDefined(step)?Math.max(0,step):!(options!==null&&options!==void 0&&options.length)&&DEFAULT_STEP||null;var optionsWithInfinite=useMemo(function(){if(!infiniteMin&&!infiniteMax)return undefined;var currentOptionValues=options===null||options===void 0?void 0:options.map(function(o){return o.value;});var currentMin=currentOptionValues.length?Math.min.apply(Math,_toConsumableArray(currentOptionValues)):0;var currentMax=currentOptionValues.length?Math.max.apply(Math,_toConsumableArray(currentOptionValues)):0;// At least 1 diff
-var diffFromNearest=isDefined(infiniteDiff)?infiniteDiff:Math.max(1,localStep);var withInfinite=options;if(!isDefined(min)&&infiniteMin)withInfinite=[{label:INFINITE_MIN_LABEL,value:currentMin-diffFromNearest}].concat(_toConsumableArray(withInfinite));if(!isDefined(max)&&infiniteMax)withInfinite=[].concat(_toConsumableArray(withInfinite),[{label:INFINITE_MAX_LABEL,value:currentMax+diffFromNearest}]);return withInfinite;},[infiniteDiff,infiniteMax,infiniteMin,localStep,options,max,min]);var marks=optionsWithInfinite||options;var _useMemo=useMemo(function(){var localMarkValues=(marks===null||marks===void 0?void 0:marks.map(function(o){return o.value;}))||[];return {localMin:isDefined(min)?min:localMarkValues.length&&Math.min.apply(Math,_toConsumableArray(localMarkValues))||0,localMax:isDefined(max)?max:localMarkValues.length&&Math.max.apply(Math,_toConsumableArray(localMarkValues))||0};},[marks,max,min]),localMin=_useMemo.localMin,localMax=_useMemo.localMax;var isInfiniteMin=function isInfiniteMin(minValue){var _options$map;var isFiniteMinValue=options===null||options===void 0?void 0:(_options$map=options.map(function(o){return o.value;}))===null||_options$map===void 0?void 0:_options$map.includes(minValue);return !isFiniteMinValue&&Math.min.apply(Math,_toConsumableArray((optionsWithInfinite===null||optionsWithInfinite===void 0?void 0:optionsWithInfinite.map(function(o){return o.value;}))||[]))===minValue;};var isInfiniteMax=function isInfiniteMax(maxValue){var _options$map2;var isFiniteMaxValue=options===null||options===void 0?void 0:(_options$map2=options.map(function(o){return o.value;}))===null||_options$map2===void 0?void 0:_options$map2.includes(maxValue);return !isFiniteMaxValue&&Math.max.apply(Math,_toConsumableArray((optionsWithInfinite===null||optionsWithInfinite===void 0?void 0:optionsWithInfinite.map(function(o){return o.value;}))||[]))===maxValue;};var isControlled=value!==undefined;var handleRangeChange=function handleRangeChange(e,values){var _ref2=values||[],_ref3=_slicedToArray(_ref2,2),minValue=_ref3[0],maxValue=_ref3[1];var newMinValue=isInfiniteMin(minValue)?INFINITE_MIN_VALUE:minValue;var newMaxValue=isInfiniteMax(maxValue)?INFINITE_MAX_VALUE:maxValue;if(!isControlled)valueRef.current=[newMinValue,newMaxValue];onChange(e,{value:[newMinValue,newMaxValue]});};var handleChange=function handleChange(e,changedValue){var newValue=changedValue;if(!isDefined(min)&&isInfiniteMin(changedValue))newValue=INFINITE_MIN_VALUE;else if(!isDefined(max)&&isInfiniteMax(changedValue))newValue=INFINITE_MAX_VALUE;if(!isControlled)valueRef.current=newValue;onChange(e,{value:newValue});};var getRangeValue=function getRangeValue(){var v=value||valueRef.current;var rangeMin=Math.min.apply(Math,_toConsumableArray(Array.isArray(v)?v:[v]));var rangeMax=Math.max.apply(Math,_toConsumableArray(Array.isArray(v)?v:[v]));return [Number.isNaN(rangeMin)?undefined:rangeMin,Number.isNaN(rangeMax)?undefined:rangeMax];};var localValue=isControlled?range&&getRangeValue()||value:valueRef.current;return/*#__PURE__*/jsx(Slider$1,_objectSpread(_objectSpread({id:id,ref:ref,className:className},isControlled?{value:localValue}:{defaultValue:localDefaultValue}),{},{onChange:range?handleRangeChange:handleChange,min:localMin,max:localMax,marks:showMarks?marks:marks===null||marks===void 0?void 0:marks.map(function(m){return {value:m.value};}),step:localStep,valueLabelDisplay:showTooltip?'auto':'off',valueLabelFormat:function valueLabelFormat(v){var _marks$find;return (marks===null||marks===void 0?void 0:(_marks$find=marks.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_marks$find===void 0?void 0:_marks$find.label)||v;},disableSwap:isControlled&&range,getAriaLabel:function getAriaLabel(i){var _options$i,_options$i2;return (options===null||options===void 0?void 0:(_options$i=options[i])===null||_options$i===void 0?void 0:_options$i.label)||(options===null||options===void 0?void 0:(_options$i2=options[i])===null||_options$i2===void 0?void 0:_options$i2.value);},getAriaValueText:function getAriaValueText(v,i){var _options$i3;return (options===null||options===void 0?void 0:(_options$i3=options[i])===null||_options$i3===void 0?void 0:_options$i3.label)||v;}// Needed as sx since we're ignoring mui styles className for this internal component
-,sx:_objectSpread({'.MuiSlider-thumb':{visibility:isDefined(localValue)?'visible':'hidden'},'.MuiSlider-track':{height:isDefined(localValue)?'inherit':'unset'},'&:not(.MuiSlider-marked)':{marginBottom:'0px'},'&.MuiSlider-sizeSmall':{'&.MuiSlider-marked':{marginBottom:'16px'},'& .MuiSlider-markLabel':{fontSize:'0.675rem'}}},sliderProps.sx||{})},sliderProps));});var VdtSlider = Slider;
+var _excluded=["id","value","defaultValue","options","range","min","max","step","infiniteMin","infiniteMax","infiniteDiff","showMarks","onChange"],_excluded2=["vdtClassNames","className","autoComplete","rows","type"];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 INFINITE_MIN_LABEL='Min';var INFINITE_MIN_VALUE=Number.MIN_SAFE_INTEGER;var INFINITE_MAX_LABEL='Max';var INFINITE_MAX_VALUE=Number.MAX_SAFE_INTEGER;var DEFAULT_STEP=1;var StyledMuiSlider=styled(Slider$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='hasDefinedValue';}})(function(_ref){var valueLabelDisplay=_ref.valueLabelDisplay,hasDefinedValue=_ref.hasDefinedValue;return {'& .MuiSlider-thumb':_objectSpread(_objectSpread({},valueLabelDisplay!=='off'?{zIndex:1}:{}),!hasDefinedValue&&{background:'transparent','&::before':{boxShadow:'unset'}}),'& .MuiSlider-track':{height:hasDefinedValue?'inherit':'unset'},'&:not(.MuiSlider-marked)':{marginBottom:'0px'},'&.MuiSlider-sizeSmall':{'&.MuiSlider-marked':{marginBottom:16},'& .MuiSlider-markLabel':{fontSize:'0.675rem'}}};});var Slider=/*#__PURE__*/forwardRef(function(_ref2,ref){var id=_ref2.id,propValue=_ref2.value,propDefaultValue=_ref2.defaultValue,propOptions=_ref2.options,range=_ref2.range,min=_ref2.min,max=_ref2.max,propStep=_ref2.step,infiniteMin=_ref2.infiniteMin,infiniteMax=_ref2.infiniteMax,infiniteDiff=_ref2.infiniteDiff,showMarks=_ref2.showMarks,onChange=_ref2.onChange,props=_objectWithoutProperties(_ref2,_excluded);var className=props.vdtClassNames;props.className;props.autoComplete;props.rows;props.type;var sliderProps=_objectWithoutProperties(props,_excluded2);var defaultValue=isDefinedValue(propDefaultValue)?propDefaultValue:range&&[undefined,undefined]||undefined;var isControlled=propValue!==undefined;var value=isControlled&&isDefinedValue(propValue)?propValue:range&&[undefined,undefined]||null;var valueRef=useRef(defaultValue);var options=useMemo(function(){return propOptions===null||propOptions===void 0?void 0:propOptions.map(function(o){return _objectSpread(_objectSpread({},o),{},{value:Number(o===null||o===void 0?void 0:o.value)});});},[propOptions]);// Ignore negative and automatically add step if there are no marks/options
+var step=isDefinedValue(propStep)?Math.max(0,propStep):!(options!==null&&options!==void 0&&options.length)&&DEFAULT_STEP||null;var optionsWithInfinite=useMemo(function(){if(!infiniteMin&&!infiniteMax)return undefined;var currentOptionValues=options===null||options===void 0?void 0:options.map(function(o){return o.value;});var currentMin=currentOptionValues.length?Math.min.apply(Math,_toConsumableArray(currentOptionValues)):0;var currentMax=currentOptionValues.length?Math.max.apply(Math,_toConsumableArray(currentOptionValues)):0;// At least 1 diff
+var diffFromNearest=isDefinedValue(infiniteDiff)?infiniteDiff:Math.max(1,step);var withInfinite=options;if(!isDefinedValue(min)&&infiniteMin)withInfinite=[{label:INFINITE_MIN_LABEL,value:currentMin-diffFromNearest}].concat(_toConsumableArray(withInfinite));if(!isDefinedValue(max)&&infiniteMax)withInfinite=[].concat(_toConsumableArray(withInfinite),[{label:INFINITE_MAX_LABEL,value:currentMax+diffFromNearest}]);return withInfinite;},[infiniteDiff,infiniteMax,infiniteMin,step,options,max,min]);var marks=useMemo(function(){return optionsWithInfinite||options;},[options,optionsWithInfinite]);var _useMemo=useMemo(function(){var localMarkValues=(marks===null||marks===void 0?void 0:marks.map(function(o){return o.value;}))||[];return {localMin:isDefinedValue(min)?min:localMarkValues.length&&Math.min.apply(Math,_toConsumableArray(localMarkValues))||0,localMax:isDefinedValue(max)?max:localMarkValues.length&&Math.max.apply(Math,_toConsumableArray(localMarkValues))||0};},[marks,max,min]),localMin=_useMemo.localMin,localMax=_useMemo.localMax;var isInfiniteMin=function isInfiniteMin(minValue){var _options$map;var isFiniteMinValue=options===null||options===void 0?void 0:(_options$map=options.map(function(o){return o.value;}))===null||_options$map===void 0?void 0:_options$map.includes(minValue);return !isFiniteMinValue&&Math.min.apply(Math,_toConsumableArray((optionsWithInfinite===null||optionsWithInfinite===void 0?void 0:optionsWithInfinite.map(function(o){return o.value;}))||[]))===minValue;};var isInfiniteMax=function isInfiniteMax(maxValue){var _options$map2;var isFiniteMaxValue=options===null||options===void 0?void 0:(_options$map2=options.map(function(o){return o.value;}))===null||_options$map2===void 0?void 0:_options$map2.includes(maxValue);return !isFiniteMaxValue&&Math.max.apply(Math,_toConsumableArray((optionsWithInfinite===null||optionsWithInfinite===void 0?void 0:optionsWithInfinite.map(function(o){return o.value;}))||[]))===maxValue;};var handleRangeChange=function handleRangeChange(e,values){var _ref3=Array.isArray(values)?values:[values],_ref4=_slicedToArray(_ref3,2),minValue=_ref4[0],maxValue=_ref4[1];var newMinValue=isInfiniteMin(minValue)?INFINITE_MIN_VALUE:minValue;var newMaxValue=isInfiniteMax(maxValue)?INFINITE_MAX_VALUE:maxValue;var prevValue=isControlled?value:valueRef.current;if(prevValue[0]!==newMinValue||prevValue[1]!==newMaxValue){valueRef.current=[newMinValue,newMaxValue];onChange(e,{value:[newMinValue,newMaxValue]});}};var handleChange=function handleChange(e,v){var newValue;if(!isDefinedValue(min)&&isInfiniteMin(v))newValue=INFINITE_MIN_VALUE;else if(!isDefinedValue(max)&&isInfiniteMax(v))newValue=INFINITE_MAX_VALUE;else newValue=v;var prevValue=isControlled?value:valueRef.current;if(prevValue!==newValue){valueRef.current=newValue;onChange(e,{value:newValue});}};return/*#__PURE__*/jsx(StyledMuiSlider,_objectSpread(_objectSpread({id:id,ref:ref,className:className},isControlled?{value:value}:{defaultValue:defaultValue}),{},{onChange:range?handleRangeChange:handleChange,min:localMin,max:localMax,marks:showMarks?marks:marks===null||marks===void 0?void 0:marks.map(function(m){return {value:m.value};}),step:step,valueLabelFormat:function valueLabelFormat(v){var _marks$find;return (marks===null||marks===void 0?void 0:(_marks$find=marks.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_marks$find===void 0?void 0:_marks$find.label)||v;},getAriaLabel:function getAriaLabel(i){var _options$i,_options$i2;return (options===null||options===void 0?void 0:(_options$i=options[i])===null||_options$i===void 0?void 0:_options$i.label)||(options===null||options===void 0?void 0:(_options$i2=options[i])===null||_options$i2===void 0?void 0:_options$i2.value);},getAriaValueText:function getAriaValueText(v,i){var _options$i3;return (options===null||options===void 0?void 0:(_options$i3=options[i])===null||_options$i3===void 0?void 0:_options$i3.label)||v;},hasDefinedValue:isDefinedValue(isControlled?value:valueRef.current)},sliderProps));});var VdtSlider = Slider;
 
 export { VdtSlider as default };

package/dist/inputs/SliderInput/index.js

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

package/dist/inputs/TagInput/TagInput.js

@@ -4,7 +4,8 @@ import { CircularProgress, styled, Autocomplete, TextField, FormControl, FormHel
 import MenuItem from '../_components/MenuItem.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var _excluded=["className"];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 StyledMuiAutocomplete=styled(Autocomplete)(function(){return {/* Fix so label is not clashing with popup icon */'&.MuiAutocomplete-hasPopupIcon':{'& .MuiInputLabel-filled':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:32}},'& .MuiInputLabel-standard:not(.MuiInputLabel-shrink)':{paddingRight:24},'& .MuiInputLabel-outlined':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:16}}},'&:not(.MuiAutocomplete-hasPopupIcon)':{'& .MuiInputLabel-outlined.MuiInputLabel-shrink':{paddingRight:16}}};});var StyledMuiTextField=styled(TextField)(function(){return {/* Fix so chips is not clashing with each other */'& .MuiChip-root':{margin:1},/* Fix so height is same as regular text field */ // Outlined
+var _excluded=["className"];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 StyledMuiAutocomplete=styled(Autocomplete)(function(){return {/* Fix so label is not clashing with popup icon */'&.MuiAutocomplete-hasPopupIcon':{'& .MuiInputLabel-filled':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:32}},'& .MuiInputLabel-standard:not(.MuiInputLabel-shrink)':{paddingRight:24},'& .MuiInputLabel-outlined':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:16}}},'&:not(.MuiAutocomplete-hasPopupIcon)':{'& .MuiInputLabel-outlined.MuiInputLabel-shrink':{paddingRight:16}},// Hide placeholder when a chip is set
+'&:has(.MuiChip-root)':{'& .MuiAutocomplete-input::placeholder':{visibility:'hidden'}}};});var StyledMuiTextField=styled(TextField)(function(){return {/* Fix so chips is not clashing with each other */'& .MuiChip-root':{margin:1},/* Fix so height is same as regular text field */ // Outlined
 '& .MuiInputLabel-shrink + .MuiOutlinedInput-root':{// Medium size (56px)
 '&:not(.MuiInputBase-sizeSmall)':{paddingTop:13,'& .MuiAutocomplete-input':{paddingTop:4,paddingBottom:7}},// Small size (40px)
 '&.MuiInputBase-sizeSmall':{paddingTop:9,paddingBottom:4,'& .MuiAutocomplete-input':{paddingTop:2,paddingBottom:2}}},// Filled
@@ -13,6 +14,6 @@ var _excluded=["className"];function ownKeys(object,enumerableOnly){var keys=Obj
 '&.MuiInputBase-sizeSmall':{paddingTop:22,paddingBottom:2,'& .MuiAutocomplete-input':{paddingTop:0,paddingBottom:1},'& .MuiChip-root':{maxHeight:22}}},// Standard
 '& .MuiInputLabel-shrink + .MuiInput-root':{// Medium size (48px)
 '&:not(.MuiInputBase-sizeSmall)':{paddingBottom:3,'& .MuiAutocomplete-input':{paddingLeft:4,paddingTop:3,paddingBottom:3},'& .MuiChip-root':{maxHeight:27}},// Small size (45px)
-'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:2,'& .MuiAutocomplete-input':{paddingLeft:2,paddingTop:1,paddingBottom:2}}}};});var defaultComponents={Root:FormControl,FormHelperText:FormHelperText,Autocomplete:StyledMuiAutocomplete,TextField:StyledMuiTextField,MenuItem:MenuItem,Chip:Chip};function TagInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,freeSolo=_ref.freeSolo,loading=_ref.loading,variant=_ref.variant,size=_ref.size,showChipCount=_ref.showChipCount,onChange=_ref.onChange,_onInputChange=_ref.onInputChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var FormControl=components.Root,TextField=components.TextField,FormHelperText=components.FormHelperText,Autocomplete=components.Autocomplete,MenuItem=components.MenuItem,Chip=components.Chip;var getChipLabel=function getChipLabel(v){var option=options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;});return ((option===null||option===void 0?void 0:option.label)||(v===null||v===void 0?void 0:v.value)||v)+(showChipCount&&(option===null||option===void 0?void 0:option.count)!==undefined?" (".concat(option===null||option===void 0?void 0:option.count,")"):'');};var _getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var _getOptionDisabled=function getOptionDisabled(v){var _options$find2;return (options===null||options===void 0?void 0:(_options$find2=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find2===void 0?void 0:_options$find2.disabled)||false;};var handleChange=function handleChange(e,values){onChange(e,{value:values===null||values===void 0?void 0:values.map(function(v){return (v===null||v===void 0?void 0:v.value)||v;})});};var optionValues=(options===null||options===void 0?void 0:options.map(function(o){return (o===null||o===void 0?void 0:o.value)||o;}))||[];var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,fullWidth:fullWidth},componentsProps.root),{},{children:[/*#__PURE__*/jsx(Autocomplete,_objectSpread(_objectSpread({id:name,name:name,value:value},isControlled?{value:value}:{defaultValue:defaultValue}),{},{options:optionValues,getOptionLabel:function getOptionLabel(o){return _getOptionLabel(o);},getOptionDisabled:function getOptionDisabled(o){return _getOptionDisabled(o);},isOptionEqualToValue:function isOptionEqualToValue(o,v){return o===v;},freeSolo:freeSolo,disabled:disabled,loading:loading,onChange:handleChange,onInputChange:function onInputChange(e,v){return _onInputChange(e,{value:v});},onBlur:onBlur,onFocus:onFocus,onOpen:onOpen,onClose:onClose,multiple:true,disableClearable:true,disablePortal:true,openOnFocus:true,renderTags:function renderTags(values,getTagProps){return values.map(function(v,index){return/*#__PURE__*/jsx(Chip,_objectSpread(_objectSpread({label:getChipLabel(v),size:size},getTagProps({index:index})),componentsProps.chip));});},renderOption:function renderOption(_ref2,optionValue){_ref2.className;var props=_objectWithoutProperties(_ref2,_excluded);var option=(options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===optionValue;}))||{value:optionValue};return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread(_objectSpread({},option),props),componentsProps.menuItem));},renderInput:function renderInput(params){var _componentsProps$text;return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({},params),{},{label:label,error:isError,required:required,variant:variant,size:size,fullWidth:true},componentsProps.textField),{},{InputProps:_objectSpread(_objectSpread({},params.InputProps),{},{endAdornment:loading?/*#__PURE__*/jsx(CircularProgress,{color:"inherit",size:20}):null},((_componentsProps$text=componentsProps.textField)===null||_componentsProps$text===void 0?void 0:_componentsProps$text.InputProps)||{})}));}},componentsProps.autocomplete)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}TagInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,freeSolo:false,loading:false,showChipCount:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onInputChange:function onInputChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
+'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:2,'& .MuiAutocomplete-input':{paddingLeft:2,paddingTop:1,paddingBottom:2}}}};});var defaultComponents={Root:FormControl,FormHelperText:FormHelperText,Autocomplete:StyledMuiAutocomplete,TextField:StyledMuiTextField,MenuItem:MenuItem,Chip:Chip};function TagInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,placeholder=_ref.placeholder,freeSolo=_ref.freeSolo,loading=_ref.loading,variant=_ref.variant,size=_ref.size,showChipCount=_ref.showChipCount,onChange=_ref.onChange,_onInputChange=_ref.onInputChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var FormControl=components.Root,TextField=components.TextField,FormHelperText=components.FormHelperText,Autocomplete=components.Autocomplete,MenuItem=components.MenuItem,Chip=components.Chip;var getChipLabel=function getChipLabel(v){var option=options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;});return ((option===null||option===void 0?void 0:option.label)||(v===null||v===void 0?void 0:v.value)||v)+(showChipCount&&(option===null||option===void 0?void 0:option.count)!==undefined?" (".concat(option===null||option===void 0?void 0:option.count,")"):'');};var _getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var _getOptionDisabled=function getOptionDisabled(v){var _options$find2;return (options===null||options===void 0?void 0:(_options$find2=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find2===void 0?void 0:_options$find2.disabled)||false;};var handleChange=function handleChange(e,values){onChange(e,{value:values===null||values===void 0?void 0:values.map(function(v){return (v===null||v===void 0?void 0:v.value)||v;})});};var optionValues=(options===null||options===void 0?void 0:options.map(function(o){return (o===null||o===void 0?void 0:o.value)||o;}))||[];var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,fullWidth:fullWidth},componentsProps.root),{},{children:[/*#__PURE__*/jsx(Autocomplete,_objectSpread(_objectSpread({id:name,name:name,value:value},isControlled?{value:value}:{defaultValue:defaultValue}),{},{options:optionValues,getOptionLabel:function getOptionLabel(o){return _getOptionLabel(o);},getOptionDisabled:function getOptionDisabled(o){return _getOptionDisabled(o);},isOptionEqualToValue:function isOptionEqualToValue(o,v){return o===v;},freeSolo:freeSolo,disabled:disabled,loading:loading,onChange:handleChange,onInputChange:function onInputChange(e,v){return _onInputChange(e,{value:v});},onBlur:onBlur,onFocus:onFocus,onOpen:onOpen,onClose:onClose,multiple:true,disableClearable:true,disablePortal:true,openOnFocus:true,renderTags:function renderTags(values,getTagProps){return values.map(function(v,index){return/*#__PURE__*/jsx(Chip,_objectSpread(_objectSpread({label:getChipLabel(v),size:size},getTagProps({index:index})),componentsProps.chip));});},renderOption:function renderOption(_ref2,optionValue){_ref2.className;var props=_objectWithoutProperties(_ref2,_excluded);var option=(options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===optionValue;}))||{value:optionValue};return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread(_objectSpread({},option),props),componentsProps.menuItem));},renderInput:function renderInput(params){var _componentsProps$text;return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({},params),{},{label:label,error:isError,required:required,variant:variant,size:size,placeholder:placeholder,fullWidth:true},componentsProps.textField),{},{InputProps:_objectSpread(_objectSpread({},params.InputProps),{},{endAdornment:loading?/*#__PURE__*/jsx(CircularProgress,{color:"inherit",size:20}):null},((_componentsProps$text=componentsProps.textField)===null||_componentsProps$text===void 0?void 0:_componentsProps$text.InputProps)||{}),InputLabelProps:_objectSpread(_objectSpread({},placeholder!==undefined?{shrink:true}:{}),componentsProps.textField.InputLabelProps||{})}));}},componentsProps.autocomplete)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}TagInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,placeholder:undefined,required:false,disabled:false,fullWidth:true,freeSolo:false,loading:false,showChipCount:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onInputChange:function onInputChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
 
 export { TagInput as default };

package/dist/inputs/TagInput/index.js

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

package/dist/inputs/TextInput/TextInput.js

@@ -2,6 +2,6 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { TextField } from '@mui/material';
 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};function TextInput(_ref){var inputName=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,multiline=_ref.multiline,variant=_ref.variant,size=_ref.size,type=_ref.type,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root;var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({id:inputName,name:inputName,label:label},isControlled?{value:value}:{defaultValue:defaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,multiline:multiline,variant:variant,size:size,type:type,autoComplete:"off",onChange:handleChange,onBlur:onBlur,onFocus:onFocus},componentsProps.root));}TextInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,multiline:false,variant:'outlined',size:'medium',type:'text',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
+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};function TextInput(_ref){var inputName=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,placeholder=_ref.placeholder,fullWidth=_ref.fullWidth,multiline=_ref.multiline,variant=_ref.variant,size=_ref.size,type=_ref.type,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root;var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({id:inputName,name:inputName,label:label},isControlled?{value:value||''}:{defaultValue:defaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,multiline:multiline,variant:variant,size:size,type:type,placeholder:placeholder,autoComplete:"off",onChange:handleChange,onBlur:onBlur,onFocus:onFocus,InputLabelProps:_objectSpread(_objectSpread({},placeholder!==undefined?{shrink:true}:{}),componentsProps.root.InputLabelProps||{})},componentsProps.root));}TextInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,helperText:undefined,error:undefined,placeholder:undefined,required:false,disabled:false,fullWidth:true,multiline:false,variant:'outlined',size:'medium',type:'text',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
 
 export { TextInput as default };

package/dist/inputs/TextInput/index.js

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

package/dist/inputs/_components/MenuItem.js

@@ -3,6 +3,6 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { MenuItem as MenuItem$1, ListItemText, Typography } from '@mui/material';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var _excluded=["value","label","count","selected","onClick"];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;}function MenuItem(_ref){var value=_ref.value,label=_ref.label,count=_ref.count,selected=_ref.selected,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);var handleClick=typeof onClick!=='function'?undefined:function(e){return onClick(e,{value:value});};return/*#__PURE__*/jsxs(MenuItem$1,_objectSpread(_objectSpread({value:value,selected:selected,onClick:handleClick},props),{},{children:[/*#__PURE__*/jsx(ListItemText,{children:label||value}),count!==undefined&&/*#__PURE__*/jsx(Typography,{variant:"body2",color:"text.secondary",children:count})]}));}
+var _excluded=["value","label","count","selected","onClick"];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;}function MenuItem(_ref){var value=_ref.value,label=_ref.label,count=_ref.count,selected=_ref.selected,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);var handleClick=typeof onClick!=='function'?undefined:function(e){return onClick(e,{value:value});};return/*#__PURE__*/jsxs(MenuItem$1,_objectSpread(_objectSpread({value:value,selected:selected!==undefined?selected:props['aria-selected'],onClick:handleClick},props),{},{children:[/*#__PURE__*/jsx(ListItemText,{children:label||value}),count!==undefined&&/*#__PURE__*/jsx(Typography,{variant:"body2",color:"text.secondary",children:count})]}));}
 
 export { MenuItem as default };

package/dist/item/ItemCard/components/ItemCardMedia.js

@@ -1,9 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { CardMedia } from '@mui/material';
+import VdtItemPoster from '../../ItemPoster/index.js';
 import ItemThumbnail from '../../ItemThumbnail/index.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["itemType","padding","size","horizontal","itemThumbnail"];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;}function ItemCardMedia(_ref){var itemType=_ref.itemType;_ref.padding;_ref.size;_ref.horizontal;var itemThumbnail=_ref.itemThumbnail,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(CardMedia,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsx(ItemThumbnail,_objectSpread({itemType:itemType,cover:true},itemThumbnail))}));}
+var _excluded=["itemType","padding","size","horizontal","itemThumbnail","itemPoster"];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;}function ItemCardMedia(_ref){var _itemType$posters,_itemType$posters$uri;var itemType=_ref.itemType;_ref.padding;_ref.size;_ref.horizontal;var _ref$itemThumbnail=_ref.itemThumbnail,itemThumbnail=_ref$itemThumbnail===void 0?{}:_ref$itemThumbnail,_ref$itemPoster=_ref.itemPoster,itemPoster=_ref$itemPoster===void 0?{}:_ref$itemPoster,props=_objectWithoutProperties(_ref,_excluded);var hasPosters=(itemType===null||itemType===void 0?void 0:(_itemType$posters=itemType.posters)===null||_itemType$posters===void 0?void 0:(_itemType$posters$uri=_itemType$posters.uri)===null||_itemType$posters$uri===void 0?void 0:_itemType$posters$uri.length)>0;return/*#__PURE__*/jsx(CardMedia,_objectSpread(_objectSpread({},props),{},{children:hasPosters?/*#__PURE__*/jsx(VdtItemPoster,_objectSpread({itemType:itemType,backgroundSize:"cover"},itemPoster)):/*#__PURE__*/jsx(ItemThumbnail,_objectSpread({itemType:itemType,cover:true},itemThumbnail))}));}
 
 export { ItemCardMedia as default };

package/dist/item/ItemList/ItemList.js

@@ -7,6 +7,6 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { uuidv4 } from '../../_utils/uuidv4.js';
 import { showSlot } from '../../_utils/showSlot.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;}function EmptySlot(){return/*#__PURE__*/jsx(Typography,{children:"No items found..."});}var StyledMuiList=styled(List)(function(){return {width:'100%'};});var defaultComponents={Root:StyledMuiList,ListSubheader:ListSubheader,ListItem:VdtItemListItem};function ItemList(_ref){var itemListType=_ref.itemListType,header=_ref.header,primary=_ref.primary,secondary=_ref.secondary,avatarVariant=_ref.avatarVariant,dense=_ref.dense,amountLoading=_ref.amountLoading,isLoading=_ref.isLoading,onListItemClick=_ref.onListItemClick,onListItemDelete=_ref.onListItemDelete,emptySlot=_ref.emptySlot,components=_ref.components,componentsProps=_ref.componentsProps;var List=components.Root,ListSubheader=components.ListSubheader,ListItem=components.ListItem;var loadingListItems=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(){return {key:uuidv4()};});var listItems=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:uuidv4(),itemType:itemType};}))||[];},[itemListType.item]);return/*#__PURE__*/jsxs(List,_objectSpread(_objectSpread({dense:dense},componentsProps.root),{},{children:[/*#__PURE__*/jsx(ListSubheader,_objectSpread(_objectSpread({},componentsProps.listSubheader),{},{children:header})),/*#__PURE__*/jsxs(Fragment,{children:[!isLoading&&listItems.length===0&&showSlot(emptySlot),(isLoading?loadingListItems:listItems).map(function(_ref2){var key=_ref2.key,itemType=_ref2.itemType;return/*#__PURE__*/jsx(ListItem,_objectSpread({itemType:itemType,primary:primary,secondary:secondary,avatarVariant:avatarVariant,isLoading:isLoading,onClick:onListItemClick,onDelete:onListItemDelete},componentsProps.listItem),key);})]})]}));}ItemList.defaultProps={itemListType:{},header:undefined,primary:undefined,secondary:undefined,avatarVariant:'square',dense:false,isLoading:false,amountLoading:3,onListItemClick:undefined,onListItemDelete:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
+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;}function EmptySlot(){return/*#__PURE__*/jsx(Typography,{children:"No items found..."});}var StyledMuiList=styled(List)(function(){return {width:'100%',padding:0};});var defaultComponents={Root:StyledMuiList,ListSubheader:ListSubheader,ListItem:VdtItemListItem};function ItemList(_ref){var itemListType=_ref.itemListType,header=_ref.header,primary=_ref.primary,secondary=_ref.secondary,avatarVariant=_ref.avatarVariant,dense=_ref.dense,amountLoading=_ref.amountLoading,isLoading=_ref.isLoading,onListItemClick=_ref.onListItemClick,onListItemDelete=_ref.onListItemDelete,emptySlot=_ref.emptySlot,components=_ref.components,componentsProps=_ref.componentsProps;var List=components.Root,ListSubheader=components.ListSubheader,ListItem=components.ListItem;var loadingListItems=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(){return {key:uuidv4()};});var listItems=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:uuidv4(),itemType:itemType};}))||[];},[itemListType.item]);return/*#__PURE__*/jsxs(List,_objectSpread(_objectSpread({dense:dense},componentsProps.root),{},{children:[/*#__PURE__*/jsx(ListSubheader,_objectSpread(_objectSpread({},componentsProps.listSubheader),{},{children:header})),/*#__PURE__*/jsxs(Fragment,{children:[!isLoading&&listItems.length===0&&showSlot(emptySlot),(isLoading?loadingListItems:listItems).map(function(_ref2){var key=_ref2.key,itemType=_ref2.itemType;return/*#__PURE__*/jsx(ListItem,_objectSpread({itemType:itemType,primary:primary,secondary:secondary,avatarVariant:avatarVariant,isLoading:isLoading,onClick:onListItemClick,onDelete:onListItemDelete},componentsProps.listItem),key);})]})]}));}ItemList.defaultProps={itemListType:{},header:undefined,primary:undefined,secondary:undefined,avatarVariant:'square',dense:false,isLoading:false,amountLoading:3,onListItemClick:undefined,onListItemDelete:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
 
 export { ItemList as default };

package/dist/item/ItemPoster/ItemPoster.js

@@ -1,7 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { styled, Box } from '@mui/material';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import VdtBlurredBackground from '../../general/BlurredBackground/index.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;}var StyledMuiBox=styled(Box)(function(_ref){var onClick=_ref.onClick;return _objectSpread({display:'flex',width:'100%',height:'100%',objectFit:'contain'},onClick?{cursor:'pointer'}:{});});var defaultComponents={Root:StyledMuiBox};function ItemPoster(_ref2){var itemType=_ref2.itemType,posterIndex=_ref2.posterIndex,onClick=_ref2.onClick,components=_ref2.components,componentsProps=_ref2.componentsProps;var Box=components.Root;var _ref3=itemType||{},_ref3$posters=_ref3.posters;_ref3$posters=_ref3$posters===void 0?{}:_ref3$posters;var _ref3$posters$uri=_ref3$posters.uri,posters=_ref3$posters$uri===void 0?[]:_ref3$posters$uri;var poster=posters[posterIndex];var handleClick=typeof onClick!=='function'?undefined:function(e){return onClick(e,{itemType:itemType,index:posterIndex});};return/*#__PURE__*/jsx(Box,_objectSpread({component:"img",src:poster,onClick:handleClick},componentsProps.root));}ItemPoster.defaultProps={itemType:undefined,posterIndex:0,onClick:undefined,components:defaultComponents,componentsProps:undefined};
+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 StyledMuiBox=styled(Box)(function(_ref){var onClick=_ref.onClick;return _objectSpread({height:'100%',width:'100%',position:'relative'},onClick&&{cursor:'pointer'});});var StyledVdtBlurredBackground=styled(VdtBlurredBackground)(function(){return {height:'100%',width:'100%',position:'absolute',zIndex:0,top:0};});var StyledMuiBoxImage=styled(Box,{shouldForwardProp:function shouldForwardProp(prop){return !['image','backgroundSize'].includes(prop);}})(function(_ref2){var image=_ref2.image,backgroundSize=_ref2.backgroundSize;return {height:'inherit',width:'inherit',position:'relative',zIndex:5,transition:'all .3s ease-in',background:image?"url(".concat(image,")"):'none',backgroundPosition:'center',backgroundRepeat:'no-repeat',backgroundSize:backgroundSize};});var defaultComponents={Root:StyledMuiBox,BlurredBackground:StyledVdtBlurredBackground,ImageBox:StyledMuiBoxImage};function ItemPoster(_ref3){var _posters$uri;var itemType=_ref3.itemType,posterIndex=_ref3.posterIndex,showBlurredBackground=_ref3.showBlurredBackground,backgroundSize=_ref3.backgroundSize,onClick=_ref3.onClick,components=_ref3.components,componentsProps=_ref3.componentsProps;var Box=components.Root,BlurredBackground=components.BlurredBackground,ImageBox=components.ImageBox;var _ref4=itemType||{},posters=_ref4.posters;var image=posters===null||posters===void 0?void 0:(_posters$uri=posters.uri)===null||_posters$uri===void 0?void 0:_posters$uri[posterIndex];var handleClick=typeof onClick!=='function'?undefined:function(e){onClick(e,{itemType:itemType,posterIndex:posterIndex});};return/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({onClick:handleClick},componentsProps.root),{},{children:[showBlurredBackground&&/*#__PURE__*/jsx(BlurredBackground,_objectSpread({image:image},componentsProps.blurredBackground)),/*#__PURE__*/jsx(ImageBox,_objectSpread({component:"div",image:image,backgroundSize:backgroundSize},componentsProps.imageBox))]}));}ItemPoster.defaultProps={itemType:undefined,posterIndex:0,showBlurredBackground:false,backgroundSize:'cover',onClick:undefined,components:defaultComponents,componentsProps:undefined};
 
 export { ItemPoster as default };

package/dist/item/ItemTable/ItemTable.js

@@ -8,6 +8,7 @@ import ItemTableHead from './components/ItemTableHead.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { showSlot } from '../../_utils/showSlot.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;}function EmptySlot(_ref){var rows=_ref.rows,onCheck=_ref.onCheck;return/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell,{colSpan:rows.length+(onCheck?1:0),sx:{borderBottom:'none'},children:"No items found..."})});}var defaultComponents={Root:Table,TableHead:ItemTableHead,TableBody:TableBody,TableRow:VdtItemTableRow};function ItemTable(_ref2){var _itemListType$item2,_itemListType$item3;var itemListType=_ref2.itemListType,size=_ref2.size,stickyHeader=_ref2.stickyHeader,rows=_ref2.rows,onRowClick=_ref2.onRowClick,controlledChecked=_ref2.checked,onCheck=_ref2.onCheck,isLoading=_ref2.isLoading,amountLoading=_ref2.amountLoading,emptySlot=_ref2.emptySlot,components=_ref2.components,componentsProps=_ref2.componentsProps;var Table=components.Root,TableHead=components.TableHead,TableBody=components.TableBody,TableRow=components.TableRow;var loadingRows=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(value){return {key:value};});var itemTypeRows=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:itemType===null||itemType===void 0?void 0:itemType.id,itemType:itemType};}))||[];},[itemListType]);var _useState=useState([]),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setCheckedItemListType=_useState2[1];var checkedItems=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheckAll=!onCheck?undefined:function(e,_ref3){var value=_ref3.value;var newCheckedItems=value===true?(itemListType===null||itemListType===void 0?void 0:itemListType.item)||[]:[];if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};var handleCheck=!onCheck?undefined:function(e,_ref4){var value=_ref4.value,itemType=_ref4.itemType;var newCheckedItems=value===true?[].concat(_toConsumableArray(checkedItems),[itemType]):checkedItems.filter(function(_ref5){var id=_ref5.id;return itemType.id!==id;});if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};return/*#__PURE__*/jsxs(Table,_objectSpread(_objectSpread({size:size,stickyHeader:stickyHeader},componentsProps.root),{},{children:[/*#__PURE__*/jsx(TableHead,{rows:rows,isLoading:isLoading,checked:checkedItems.length>0&&checkedItems.length===(itemListType===null||itemListType===void 0?void 0:(_itemListType$item2=itemListType.item)===null||_itemListType$item2===void 0?void 0:_itemListType$item2.length),indeterminate:checkedItems.length>0&&checkedItems.length<(itemListType===null||itemListType===void 0?void 0:(_itemListType$item3=itemListType.item)===null||_itemListType$item3===void 0?void 0:_itemListType$item3.length),onCheck:handleCheckAll}),/*#__PURE__*/jsxs(TableBody,{children:[!isLoading&&itemTypeRows.length===0&&showSlot(emptySlot,{onCheck:onCheck,rows:rows}),(isLoading?loadingRows:itemTypeRows).map(function(_ref6){var key=_ref6.key,itemType=_ref6.itemType;return/*#__PURE__*/jsx(TableRow,{itemType:itemType,rows:rows,isLoading:isLoading,onClick:onRowClick,checked:checkedItems.some(function(_ref7){var id=_ref7.id;return id===itemType.id;}),onCheck:handleCheck},key);})]})]}));}ItemTable.defaultProps={itemListType:undefined,rows:[],size:'medium',stickyHeader:false,isLoading:false,checked:undefined,onCheck:undefined,onRowClick:undefined,amountLoading:3,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
+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;}function EmptySlot(_ref){var rows=_ref.rows,onCheck=_ref.onCheck;return/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell,{colSpan:rows.length+(onCheck?1:0),sx:{borderBottom:'none'},children:"No items found..."})});}var defaultComponents={Root:Table,TableHead:ItemTableHead,TableBody:TableBody,TableRow:VdtItemTableRow};function ItemTable(_ref2){var itemListType=_ref2.itemListType,rows=_ref2.rows,size=_ref2.size,avatarVariant=_ref2.avatarVariant,stickyHeader=_ref2.stickyHeader,showAvatar=_ref2.showAvatar,onRowClick=_ref2.onRowClick,controlledChecked=_ref2.checked,onCheck=_ref2.onCheck,isLoading=_ref2.isLoading,amountLoading=_ref2.amountLoading,emptySlot=_ref2.emptySlot,components=_ref2.components,componentsProps=_ref2.componentsProps;var Table=components.Root,TableHead=components.TableHead,TableBody=components.TableBody,TableRow=components.TableRow;var loadingRows=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(value){return {key:value};});var itemTypeRows=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:itemType===null||itemType===void 0?void 0:itemType.id,itemType:itemType};}))||[];},[itemListType]);var _useState=useState([]),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setCheckedItemListType=_useState2[1];var checkedItems=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheckAll=!onCheck?undefined:function(e,_ref3){var value=_ref3.value;var _ref4=itemListType||{},_ref4$item=_ref4.item,visibleItems=_ref4$item===void 0?[]:_ref4$item;var newCheckedItems=value===true?[].concat(_toConsumableArray(checkedItems),_toConsumableArray(visibleItems)).filter(// Remove duplicates
+function(item,index,arr){return index===arr.findIndex(function(_ref5){var id=_ref5.id;return item.id===id;});}):checkedItems.filter(function(_ref6){var id=_ref6.id;return !visibleItems.some(function(vi){return vi.id===id;});});if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};var handleCheck=!onCheck?undefined:function(e,_ref7){var value=_ref7.value,itemType=_ref7.itemType;var newCheckedItems=value===true?[].concat(_toConsumableArray(checkedItems),[itemType]):checkedItems.filter(function(_ref8){var id=_ref8.id;return itemType.id!==id;});if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};var allChecked=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.length)>0&&((itemListType===null||itemListType===void 0?void 0:itemListType.item)||[]).every(function(i){return checkedItems.some(function(ci){return i.id===ci.id;});});var someChecked=!allChecked&&(checkedItems===null||checkedItems===void 0?void 0:checkedItems.length)>0&&((itemListType===null||itemListType===void 0?void 0:itemListType.item)||[]).some(function(i){return checkedItems.some(function(ci){return i.id===ci.id;});});return/*#__PURE__*/jsxs(Table,_objectSpread(_objectSpread({size:size,stickyHeader:stickyHeader},componentsProps.root),{},{children:[/*#__PURE__*/jsx(TableHead,{rows:rows,isLoading:isLoading,checked:allChecked,showAvatar:showAvatar,indeterminate:someChecked,onCheck:handleCheckAll}),/*#__PURE__*/jsxs(TableBody,{children:[!isLoading&&itemTypeRows.length===0&&showSlot(emptySlot,{onCheck:onCheck,rows:rows}),(isLoading?loadingRows:itemTypeRows).map(function(_ref9){var key=_ref9.key,itemType=_ref9.itemType;return/*#__PURE__*/jsx(TableRow,{itemType:itemType,rows:rows,isLoading:isLoading,onClick:onRowClick,showAvatar:showAvatar,avatarVariant:avatarVariant,checked:Array.isArray(checkedItems)&&checkedItems.some(function(_ref10){var id=_ref10.id;return id===itemType.id;}),onCheck:handleCheck},key);})]})]}));}ItemTable.defaultProps={itemListType:undefined,rows:[],size:'medium',avatarVariant:'square',stickyHeader:false,checked:undefined,showAvatar:true,isLoading:false,amountLoading:3,onCheck:undefined,onRowClick:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
 
 export { ItemTable as default };

package/dist/item/ItemTable/components/ItemTableHead.js

@@ -3,6 +3,6 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { TableHead, TableRow, TableCell, Skeleton, Checkbox } from '@mui/material';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["rows","isLoading","checked","indeterminate","onCheck"];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;}function ItemTableHead(_ref){var rows=_ref.rows,isLoading=_ref.isLoading,checked=_ref.checked,indeterminate=_ref.indeterminate,onCheck=_ref.onCheck,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableHead,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):/*#__PURE__*/jsx(Checkbox,{checked:checked||indeterminate,indeterminate:indeterminate,onChange:function onChange(e){var _e$target;return onCheck(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.checked});}})}),rows.map(function(_ref2,index){var label=_ref2.label;return/*#__PURE__*/jsx(TableCell,{children:label},label||index);})]})}));}
+var _excluded=["rows","isLoading","checked","showAvatar","indeterminate","onCheck"];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;}function ItemTableHead(_ref){var rows=_ref.rows,isLoading=_ref.isLoading,checked=_ref.checked,showAvatar=_ref.showAvatar,indeterminate=_ref.indeterminate,onCheck=_ref.onCheck,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableHead,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):/*#__PURE__*/jsx(Checkbox,{checked:checked||indeterminate,indeterminate:indeterminate,onChange:function onChange(e){var _e$target;return onCheck(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.checked});}})}),showAvatar&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox"}),rows.map(function(_ref2,index){var label=_ref2.label;return/*#__PURE__*/jsx(TableCell,{children:label},label||index);})]})}));}
 
 export { ItemTableHead as default };

package/dist/item/ItemTableRow/ItemTableRow.js

@@ -3,9 +3,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useMemo, useState } from 'react';
 import { Skeleton, styled, TableRow, TableCell, Checkbox } from '@mui/material';
 import { getEntityText } from '../../entity/_utils/getEntityText.js';
+import EntityTableCellAvatar from '../../entity/EntityTableRow/components/EntityTableCellAvatar.js';
+import EntityTableCellCheckbox from '../../entity/EntityTableRow/components/EntityTableCellCheckbox.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { uuidv4 } from '../../_utils/uuidv4.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;}var StyledMuiTableRow=styled(TableRow)(function(_ref){var onClick=_ref.onClick;return _objectSpread({},onClick?{cursor:'pointer'}:{});});var defaultComponents={Root:StyledMuiTableRow,TableCell:TableCell,Checkbox:Checkbox};function ItemTableRow(_ref2){var itemType=_ref2.itemType,rows=_ref2.rows,defaultValue=_ref2.defaultValue,controlledChecked=_ref2.checked,isLoading=_ref2.isLoading,onClick=_ref2.onClick,onCheck=_ref2.onCheck,components=_ref2.components,componentsProps=_ref2.componentsProps;var TableRow=components.Root,TableCell=components.TableCell,Checkbox=components.Checkbox;var values=useMemo(function(){return rows.map(function(){var _ref3=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},value=_ref3.value;return getEntityText(value,{itemType:itemType})||defaultValue;});},[itemType,defaultValue,rows]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setChecked=_useState2[1];var checked=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheck=typeof onCheck!=='function'?undefined:function(e){var value=!checked;onCheck(e,{value:value,itemType:itemType});if(controlledChecked===undefined)setChecked(value);};var handleClick=typeof onClick!=='function'?undefined:function(e){var _e$target,_e$target2;// Don't trigger onClick when pressing checkbox
-if(!((e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.nodeName)==='INPUT'&&(e===null||e===void 0?void 0:(_e$target2=e.target)===null||_e$target2===void 0?void 0:_e$target2.checked)!==undefined)){onClick(e,{itemType:itemType});}};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({hover:true,selected:checked,onClick:handleClick},componentsProps.root),{},{children:[handleCheck&&/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({padding:"checkbox"},componentsProps.tableCell),{},{children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):/*#__PURE__*/jsx(Checkbox,_objectSpread({checked:checked,onChange:handleCheck},componentsProps.checkbox))})),values.map(function(value){return/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({},componentsProps.tableCell),{},{children:isLoading?/*#__PURE__*/jsx(Skeleton,{}):value}),value);})]}));}ItemTableRow.defaultProps={itemType:undefined,defaultValue:undefined,rows:[],onClick:undefined,checked:undefined,onCheck:undefined,isLoading:false,components:defaultComponents,componentsProps:undefined};
+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 StyledMuiTableRow=styled(TableRow)(function(_ref){var onClick=_ref.onClick;return _objectSpread({},onClick?{cursor:'pointer'}:{});});var defaultComponents={Root:StyledMuiTableRow,TableCell:TableCell,TableCellAvatar:EntityTableCellAvatar,TableCellCheckbox:EntityTableCellCheckbox,Checkbox:Checkbox};function ItemTableRow(_ref2){var itemType=_ref2.itemType,rows=_ref2.rows,defaultValue=_ref2.defaultValue,controlledChecked=_ref2.checked,showAvatar=_ref2.showAvatar,avatarVariant=_ref2.avatarVariant,isLoading=_ref2.isLoading,onClick=_ref2.onClick,onCheck=_ref2.onCheck,components=_ref2.components,componentsProps=_ref2.componentsProps;var TableRow=components.Root,TableCell=components.TableCell,TableCellAvatar=components.TableCellAvatar,TableCellCheckbox=components.TableCellCheckbox,Checkbox=components.Checkbox;var values=useMemo(function(){return rows.map(function(){var _ref3=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},value=_ref3.value;return getEntityText(value,{itemType:itemType})||defaultValue;});},[itemType,defaultValue,rows]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setChecked=_useState2[1];var checked=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheck=typeof onCheck!=='function'?undefined:function(e){var value=!checked;onCheck(e,{value:value,itemType:itemType});if(controlledChecked===undefined)setChecked(value);};var handleClick=typeof onClick!=='function'?undefined:function(e){var _e$target,_e$target2;// Don't trigger onClick when pressing checkbox
+if(!((e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.nodeName)==='INPUT'&&(e===null||e===void 0?void 0:(_e$target2=e.target)===null||_e$target2===void 0?void 0:_e$target2.checked)!==undefined)){onClick(e,{itemType:itemType});}};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({hover:true,selected:checked,onClick:handleClick},componentsProps.root),{},{children:[handleCheck&&/*#__PURE__*/jsx(TableCellCheckbox,_objectSpread(_objectSpread({itemType:itemType,isLoading:isLoading},componentsProps.tableCellCheckbox),{},{children:/*#__PURE__*/jsx(Checkbox,_objectSpread({checked:checked,onChange:handleCheck},componentsProps.checkbox))})),showAvatar&&/*#__PURE__*/jsx(TableCellAvatar,_objectSpread({itemType:itemType,isLoading:isLoading,variant:avatarVariant},componentsProps.tableCellAvatar)),values.map(function(value){return/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({},componentsProps.tableCell),{},{children:isLoading?/*#__PURE__*/jsx(Skeleton,{}):value}),uuidv4());})]}));}ItemTableRow.defaultProps={itemType:undefined,defaultValue:undefined,rows:[],checked:undefined,showAvatar:true,avatarVariant:'square',isLoading:false,onClick:undefined,onCheck:undefined,components:defaultComponents,componentsProps:undefined};
 
 export { ItemTableRow as default };

package/dist/search/SearchFilterForm/SearchFilterForm.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { Box } from '@mui/material';
+import VdtForm from '../../general/Form/index.js';
+import useSearchFilterFormInputs from './hooks/UseSearchFilterFormInputs.js';
+import mapValuesToFilterDefault from './utils/mapValuesToFilter.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:Box,Form:VdtForm};function SearchFilterForm(_ref){var fieldList=_ref.fieldList,facetList=_ref.facetList,dataToPropsMap=_ref.dataToPropsMap,includeFacetsAsOptions=_ref.includeFacetsAsOptions,inputsProps=_ref.inputsProps,mapValuesToFilter=_ref.mapValuesToFilter,onClear=_ref.onClear,onReset=_ref.onReset,onChange=_ref.onChange,onSubmit=_ref.onSubmit,onError=_ref.onError,components=_ref.components,componentsProps=_ref.componentsProps;var Box=components.Root,Form=components.Form;var inputs=useSearchFilterFormInputs({fieldList:fieldList,facetList:facetList,dataToPropsMap:dataToPropsMap,includeFacetsAsOptions:includeFacetsAsOptions,inputsProps:inputsProps});var handleClear=typeof onClear!=='function'?undefined:function(e,values){onClear(e,mapValuesToFilter(values,inputs));};var handleReset=typeof onReset!=='function'?undefined:function(e,values){onReset(e,mapValuesToFilter(values,inputs));};var handleChange=typeof onChange!=='function'?undefined:function(e,values){onChange(e,mapValuesToFilter(values,inputs));};var handleSubmit=typeof onSubmit!=='function'?undefined:function(e,values){onSubmit(e,mapValuesToFilter(values,inputs));};var handleError=typeof onError!=='function'?undefined:function(e,errors){onError(e,errors);};return/*#__PURE__*/jsx(Box,_objectSpread(_objectSpread({},componentsProps.root),{},{children:/*#__PURE__*/jsx(Form,_objectSpread({inputs:inputs,onClear:handleClear,onReset:handleReset,onChange:handleChange,onSubmit:handleSubmit,onError:handleError},componentsProps.form))}));}SearchFilterForm.defaultProps={fieldList:undefined,facetList:undefined,includeFacetsAsOptions:true,dataToPropsMap:{label:'label',helperText:'description',placeholder:'placeholder'},inputsProps:undefined,mapValuesToFilter:mapValuesToFilterDefault,onClear:undefined,onReset:undefined,onChange:undefined,onSubmit:undefined,onError:undefined,components:defaultComponents,componentsProps:undefined};
+
+export { SearchFilterForm as default };

package/dist/search/SearchFilterForm/hooks/UseSearchFilterFormInputs.js

@@ -0,0 +1,14 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, useCallback } from 'react';
+import { parseFieldDefinitionList, parseFacetList } from '@vidispine/vdt-js';
+import VdtDateRangeInput from '../../../inputs/DateRangeInput/index.js';
+import VdtSliderInput from '../../../inputs/SliderInput/index.js';
+import VdtTagInput from '../../../inputs/TagInput/index.js';
+import VdtTextInput from '../../../inputs/TextInput/index.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;}var DEFAULT_ERROR_MESSAGE='Invalid value';var DEFAULT_INPUT_COMPONENTS={TextInput:VdtTextInput,TagInput:VdtTagInput,SliderInput:VdtSliderInput,DateRangeInput:VdtDateRangeInput};var useSearchFilterFormInputs=function useSearchFilterFormInputs(_ref){var fieldList=_ref.fieldList,facetList=_ref.facetList,includeFacetsAsOptions=_ref.includeFacetsAsOptions,dataToPropsMap=_ref.dataToPropsMap,errorMessages=_ref.errorMessages,inputsProps=_ref.inputsProps;var TextInput=DEFAULT_INPUT_COMPONENTS.TextInput,TagInput=DEFAULT_INPUT_COMPONENTS.TagInput,SliderInput=DEFAULT_INPUT_COMPONENTS.SliderInput,DateRangeInput=DEFAULT_INPUT_COMPONENTS.DateRangeInput;var parsedFieldDefinitionList=useMemo(function(){return parseFieldDefinitionList(fieldList);},[fieldList]);var parsedFacetList=useMemo(function(){return parseFacetList(facetList);},[facetList]);var getRulesFromRestrictions=useCallback(function(restrictions){var getRuleFromRestriction=function getRuleFromRestriction(name){var restrictionValue=restrictions===null||restrictions===void 0?void 0:restrictions[name];var errorMessage=errorMessages===null||errorMessages===void 0?void 0:errorMessages[name];if(restrictionValue===undefined)return undefined;return {value:restrictionValue,message:(typeof errorMessage==='function'?errorMessage(name):errorMessage)||DEFAULT_ERROR_MESSAGE};};return {required:getRuleFromRestriction('required'),minLength:getRuleFromRestriction('minLength'),maxLength:getRuleFromRestriction('maxLength'),min:getRuleFromRestriction('minInclusive'),max:getRuleFromRestriction('maxInclusive'),pattern:getRuleFromRestriction('pattern')};},[errorMessages]);var addOptionCountsFromFacet=useCallback(function(options,parsedFacetCount){if(parsedFacetCount===undefined)return options;return options===null||options===void 0?void 0:options.map(function(o){var count=parsedFacetCount===null||parsedFacetCount===void 0?void 0:parsedFacetCount[o.value];return _objectSpread(_objectSpread({},o),count?{count:count}:{});});},[]);var addOptionsFromFacet=useCallback(function(_ref2,exitingOptions){var count=_ref2.count,range=_ref2.range;if(count){return [].concat(_toConsumableArray(exitingOptions),_toConsumableArray(Object.entries(count||{}).filter(function(_ref3){var _ref4=_slicedToArray(_ref3,1),fieldValue=_ref4[0];return !(exitingOptions!==null&&exitingOptions!==void 0&&exitingOptions.some(function(o){return o.value===fieldValue;}));}).map(function(){var _ref5=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[],_ref6=_slicedToArray(_ref5,2),fieldValue=_ref6[0],fieldCount=_ref6[1];return _objectSpread({label:fieldValue,value:fieldValue},fieldCount?{count:fieldCount}:{});})));}if(range){return [].concat(_toConsumableArray(exitingOptions),_toConsumableArray(range.map(function(_ref7,index){var start=_ref7.start,end=_ref7.end,fieldCount=_ref7.count;var label=function(){if(start==='*'&&end==='*')return '*';if(start==='*')return "<= ".concat(end);if(end==='*')return ">= ".concat(start);return "".concat(start," - ").concat(end);}();var rangeValues=[start==='*'?Number.MIN_SAFE_INTEGER:Number(start),end==='*'?Number.MAX_SAFE_INTEGER:Number(end)];return _objectSpread(_objectSpread({label:label,value:index+1},start!==undefined&&end!==undefined?{rangeValues:rangeValues}:{}),fieldCount?{count:fieldCount}:{});})));}return exitingOptions;},[]);var isNumber=function isNumber(type){return ['float','integer','long'].includes(type);};var isString=function isString(type){return ['string','string-exact'].includes(type);};var isDate=function isDate(type){return type==='date';};var getDefaultProps=useCallback(function(_ref8){var type=_ref8.type,options=_ref8.options;if(isString(type)){return {freeSolo:true,multiple:true,placeholder:'',showChipCount:true};}if(isNumber(type))return _objectSpread({range:true,valueLabelDisplay:'auto',showMarks:false},!(options!==null&&options!==void 0&&options.length)?{step:1,infiniteMin:true,infiniteMax:true}:{});if(isDate(type))return {};return {};},[]);var getDefaultComponent=useCallback(function(_ref9){var type=_ref9.type;if(isString(type)){return TagInput;}if(isNumber(type)){return SliderInput;}if(isDate(type)){return DateRangeInput;}// Default
+return TextInput;},[DateRangeInput,SliderInput,TagInput,TextInput]);return useMemo(function(){return parsedFieldDefinitionList===null||parsedFieldDefinitionList===void 0?void 0:parsedFieldDefinitionList.map(function(_ref10){var _parsedFacetList$find,_parsedFacetList$find2;var name=_ref10.name,restrictions=_ref10.restrictions,fieldDefinitionOptions=_ref10.options,type=_ref10.type,data=_ref10.data,defaultValue=_ref10.defaultValue;var customInputProps=_objectSpread(_objectSpread({},(inputsProps===null||inputsProps===void 0?void 0:inputsProps[type])||{}),(inputsProps===null||inputsProps===void 0?void 0:inputsProps[name])||{});var restrictionRules=getRulesFromRestrictions(restrictions);var parsedFacetCount=parsedFacetList===null||parsedFacetList===void 0?void 0:(_parsedFacetList$find=parsedFacetList.find(function(f){return f.fieldName===name;}))===null||_parsedFacetList$find===void 0?void 0:_parsedFacetList$find.count;var parsedFacetRange=parsedFacetList===null||parsedFacetList===void 0?void 0:(_parsedFacetList$find2=parsedFacetList.find(function(f){return f.fieldName===name;}))===null||_parsedFacetList$find2===void 0?void 0:_parsedFacetList$find2.range;var optionsWithCount=addOptionCountsFromFacet(fieldDefinitionOptions,parsedFacetCount);var options=includeFacetsAsOptions===true?addOptionsFromFacet({count:parsedFacetCount,range:parsedFacetRange},optionsWithCount):optionsWithCount;var inputProps=_objectSpread(_objectSpread({type:type,defaultValue:defaultValue&&isString(type)?[defaultValue]:undefined,options:options,rules:restrictionRules},Object.fromEntries(Object.entries(dataToPropsMap).map(function(_ref11){var _ref12=_slicedToArray(_ref11,2),propKey=_ref12[0],dataKey=_ref12[1];return data[dataKey]?[propKey,data[dataKey]]:undefined;}).filter(function(v){return !!v;}))),customInputProps);var props=_objectSpread(_objectSpread({},getDefaultProps(inputProps)),inputProps);return _objectSpread({name:name,Component:getDefaultComponent(props)},props);});},[addOptionCountsFromFacet,addOptionsFromFacet,dataToPropsMap,getDefaultComponent,getDefaultProps,getRulesFromRestrictions,includeFacetsAsOptions,inputsProps,parsedFacetList,parsedFieldDefinitionList]);};var useSearchFilterFormInputs$1 = useSearchFilterFormInputs;
+
+export { useSearchFilterFormInputs$1 as default };

package/dist/search/SearchFilterForm/index.js

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

package/dist/search/SearchFilterForm/utils/mapValuesToFilter.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { isDefinedValue } from '../../../_utils/isDefinedValue.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;}var mapValuesToFilter=function mapValuesToFilter(values,inputs){var rangeInputs=inputs===null||inputs===void 0?void 0:inputs.filter(function(_ref){var options=_ref.options;return options===null||options===void 0?void 0:options.some(function(o){return !!(o!==null&&o!==void 0&&o.rangeValues);});});var isNumberArray=function isNumberArray(arr){return arr.every(function(v){return typeof v==='number';});};var isDate=function isDate(value){if(!value)return false;var dateValue=new Date(value);return dateValue instanceof Date&&!Number.isNaN(dateValue.getTime());};var isDateObject=function isDateObject(value){return isDate(value===null||value===void 0?void 0:value.start)||isDate(value===null||value===void 0?void 0:value.end);};var getRangeOrValue=function getRangeOrValue(value,rangeOptions,isDateValue,isDateValueObject){if(Array.isArray(value)){if(isNumberArray(value)){var _rangeOptions$find,_rangeOptions$find2;var rangeValues=[(rangeOptions===null||rangeOptions===void 0?void 0:(_rangeOptions$find=rangeOptions.find(function(o){return o.value===value[0];}))===null||_rangeOptions$find===void 0?void 0:_rangeOptions$find.rangeValues[0])||value[0],(rangeOptions===null||rangeOptions===void 0?void 0:(_rangeOptions$find2=rangeOptions.find(function(o){return o.value===value[1];}))===null||_rangeOptions$find2===void 0?void 0:_rangeOptions$find2.rangeValues[1])||value[1]];return {range:[{value:rangeValues.map(function(v){return v===Number.MIN_SAFE_INTEGER&&{minimum:true}||v===Number.MAX_SAFE_INTEGER&&{maximum:true}||{value:v};})}]};}return {value:value.map(function(v){return {value:v};})};}if(isDateValue){var date=new Date(value);var dayAfterDate=new Date(value);dayAfterDate.setDate(dayAfterDate.getDate()+1);return {range:[{value:[{value:date.toISOString()},{value:dayAfterDate.toISOString()}]}]};}if(isDateValueObject){var startDate=(value===null||value===void 0?void 0:value.start)&&new Date(value===null||value===void 0?void 0:value.start);var endDate=(value===null||value===void 0?void 0:value.end)&&new Date(value===null||value===void 0?void 0:value.end);// search before first minute of the day after end date
+if(endDate)endDate.setDate(endDate.getDate()+1);return {range:[{value:[startDate?{value:startDate.toISOString()}:{minimum:true},endDate?{value:endDate.toISOString()}:{maximum:true}]}]};}return {value:[{value:value}]};};var filter={filter:Object.entries(values).filter(function(_ref2){var _ref3=_slicedToArray(_ref2,2),value=_ref3[1];return isDefinedValue(value,{includeDateRange:true});}).map(function(_ref4){var _rangeInputs$find;var _ref5=_slicedToArray(_ref4,2),name=_ref5[0],value=_ref5[1];return {name:name,field:[_objectSpread({name:name},getRangeOrValue(value,(_rangeInputs$find=rangeInputs.find(function(r){return r.name===name;}))===null||_rangeInputs$find===void 0?void 0:_rangeInputs$find.options,isDate(value),isDateObject(value)))]};}),values:values};return filter;};var mapValuesToFilterDefault = mapValuesToFilter;
+
+export { mapValuesToFilterDefault as default };