@vidispine/vdt-materialui 22.4.0 → 23.1.0-pre.2

package/dist/fieldgroup/MyField.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import Card from '@material-ui/core/Card';
+import IconButton from '@material-ui/core/IconButton';
+import { withStyles, emphasize } from '@material-ui/core/styles';
+import DeleteIcon from '@material-ui/icons/Delete';
+import EditIcon from '@material-ui/icons/Edit';
+import FieldIcon from './FieldIcon.js';
+import { jsxs, 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 styles=function styles(theme){return {fieldTitle:{lineHeight:'40px',marginLeft:10,width:'30%'},fieldInfo:{lineHeight:'40px',marginLeft:10,width:'60%'},item:{backgroundColor:theme.palette.background.paper,boxSizing:'border-box',fontSize:'14px',userSelect:'none',display:'flex',justifyContent:'left',alignItems:'center',height:'40px'},activeItem:{backgroundColor:emphasize(theme.palette.background.paper,0.1),boxSizing:'border-box',fontSize:'14px',userSelect:'none',display:'flex',justifyContent:'left',alignItems:'center',height:'40px'},"delete":{marginLeft:'auto'},edit:{marginLeft:''}};};function getStyle(_ref){var draggableStyle=_ref.draggableStyle,virtualStyle=_ref.virtualStyle,isDragging=_ref.isDragging;var combined=_objectSpread(_objectSpread({},virtualStyle),draggableStyle);var grid=8;var result=_objectSpread(_objectSpread({},combined),{},{height:40,width:isDragging?draggableStyle.width:"calc(".concat(combined.width," - ").concat(grid*2,"px)"),marginBottom:grid});return result;}var NO_LABEL='-';var NO_DISPLAY_TYPE='-';function MyField(_ref2){var classes=_ref2.classes,provided=_ref2.provided,item=_ref2.item,style=_ref2.style,isDragging=_ref2.isDragging,_ref2$setSelectedItem=_ref2.setSelectedItem,setSelectedItem=_ref2$setSelectedItem===void 0?function(){return null;}:_ref2$setSelectedItem,openEditor=_ref2.openEditor,openDeleteDialog=_ref2.openDeleteDialog;var itemId=item.name,_item$data=item.data,data=_item$data===void 0?[]:_item$data,fieldType=item.type;var _ref3=data.find(function(e){return e.key==='label';})||{},labelDataValue=_ref3.value;var label=labelDataValue||NO_LABEL;var _ref4=data.find(function(e){return e.key==='displayType';})||{},displayTypeDataValue=_ref4.value;var displayType=displayTypeDataValue||NO_DISPLAY_TYPE;var handleClickEdit=function handleClickEdit(){setSelectedItem(itemId);openEditor();};var handleClickRemove=function handleClickRemove(event){event.stopPropagation();setSelectedItem(itemId);openDeleteDialog();};return/*#__PURE__*/jsxs(Card,_objectSpread(_objectSpread(_objectSpread({},provided.draggableProps),provided.dragHandleProps),{},{ref:provided.innerRef,style:getStyle({draggableStyle:provided.draggableProps.style,virtualStyle:style,isDragging:isDragging}),className:classes.item,onClick:handleClickEdit,children:[/*#__PURE__*/jsx(FieldIcon,{fieldType:fieldType}),/*#__PURE__*/jsx("span",{className:classes.fieldTitle,children:itemId}),/*#__PURE__*/jsx("span",{className:classes.fieldInfo,children:"Label: ".concat(label," | Display Type: ").concat(displayType)}),/*#__PURE__*/jsx(IconButton,{"aria-label":"delete",className:classes.edit,onClick:handleClickEdit,children:/*#__PURE__*/jsx(EditIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(IconButton,{"aria-label":"delete",className:classes["delete"],onClick:handleClickRemove,children:/*#__PURE__*/jsx(DeleteIcon,{fontSize:"small"})})]}));}var MyField$1 = withStyles(styles,{name:'VdtFieldGroupMyField'})(MyField);
+
+export { MyField$1 as default };

package/dist/fieldgroup/MyFieldList.js

@@ -0,0 +1,8 @@
+import { Droppable, Draggable } from 'react-beautiful-dnd';
+import { withStyles } from '@material-ui/core/styles';
+import MyField from './MyField.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var styles={droppable:{height:600}};function MyFieldList(_ref){var classes=_ref.classes,items=_ref.items,setSelectedItem=_ref.setSelectedItem,droppableId=_ref.droppableId,selectedItem=_ref.selectedItem,openEditor=_ref.openEditor,onDelete=_ref.onDelete,onUpdateFieldGroup=_ref.onUpdateFieldGroup,openDeleteDialog=_ref.openDeleteDialog;return/*#__PURE__*/jsx(Droppable,{droppableId:droppableId,renderClone:function renderClone(provided,snapshot,rubric){return/*#__PURE__*/jsx(MyField,{provided:provided,isDragging:snapshot.isDragging,item:items[rubric.source.index]});},children:function children(provided){return/*#__PURE__*/jsxs("div",{ref:provided.innerRef,className:classes.droppable,children:[items.map(function(item,index){return/*#__PURE__*/jsx(Draggable,{draggableId:item.name,index:index,children:function children(itemProvided){return/*#__PURE__*/jsx(MyField,{provided:itemProvided,item:item,setSelectedItem:setSelectedItem,selectedItem:selectedItem,openEditor:openEditor,onDelete:onDelete,onUpdateGroup:onUpdateFieldGroup,openDeleteDialog:openDeleteDialog});}},item.name);}),provided.placeholder]});}});}var MyFieldList$1 = withStyles(styles,{name:'VdtFieldGroupMyFieldList'})(MyFieldList);
+
+export { MyFieldList$1 as default };

package/dist/fields/AutocompleteConstraintField.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { forwardRef, useState, useRef, useEffect } from 'react';
+import { withStyles } from '@material-ui/core';
+import { metadatafield } from '@vidispine/vdt-api';
+import AutocompleteField from './AutocompleteField.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["options","getOptionsAsync","parentField","parentValue","constraint","input"];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 defaultGetOptionsAsync=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var fieldName,parentField,parentValue,metadataFieldValueConstraintListDocument,_yield$MetadatafieldA,_yield$MetadatafieldA2,_yield$MetadatafieldA3,constraintValueListType;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:fieldName=_ref.name,parentField=_ref.parentField,parentValue=_ref.parentValue;if(!(parentField&&!parentValue)){_context.next=3;break;}return _context.abrupt("return",Promise.resolve([]));case 3:metadataFieldValueConstraintListDocument={constraint:parentValue?[{field:parentField,value:parentValue}]:[]};_context.next=6;return metadatafield.getMetadataFieldAllowedValues({fieldName:fieldName,metadataFieldValueConstraintListDocument:metadataFieldValueConstraintListDocument});case 6:_yield$MetadatafieldA=_context.sent;_yield$MetadatafieldA2=_yield$MetadatafieldA.data;_yield$MetadatafieldA2=_yield$MetadatafieldA2===void 0?{}:_yield$MetadatafieldA2;_yield$MetadatafieldA3=_yield$MetadatafieldA2.value,constraintValueListType=_yield$MetadatafieldA3===void 0?[]:_yield$MetadatafieldA3;return _context.abrupt("return",constraintValueListType.map(function(_ref3){var value=_ref3.value;return value;}));case 11:case"end":return _context.stop();}}},_callee);}));return function defaultGetOptionsAsync(_x){return _ref2.apply(this,arguments);};}();var AutocompleteConstraintField=/*#__PURE__*/forwardRef(function(_ref4,ref){var _ref4$options=_ref4.options,propsOptions=_ref4$options===void 0?[]:_ref4$options,_ref4$getOptionsAsync=_ref4.getOptionsAsync,getOptionsAsync=_ref4$getOptionsAsync===void 0?defaultGetOptionsAsync:_ref4$getOptionsAsync,parentField=_ref4.parentField,parentValue=_ref4.parentValue,constraint=_ref4.constraint,input=_ref4.input,props=_objectWithoutProperties(_ref4,_excluded);var name=input.name;var _useState=useState(!!getOptionsAsync),_useState2=_slicedToArray(_useState,2),isLoading=_useState2[0],setIsLoading=_useState2[1];var _useState3=useState(propsOptions),_useState4=_slicedToArray(_useState3,2),options=_useState4[0],setOptions=_useState4[1];var prevParentValue=useRef(parentValue);var onChangeRef=useRef(input.onChange);useEffect(function(){if(getOptionsAsync){setIsLoading(true);getOptionsAsync({name:name,parentField:parentField,parentValue:parentValue,constraint:constraint}).then(function(newOptions){setIsLoading(false);setOptions(newOptions);})["catch"](function(){return setIsLoading(false);});if(prevParentValue.current!==parentValue){if(onChangeRef.current)onChangeRef.current('');prevParentValue.current=parentValue;}}},[getOptionsAsync,name,parentField,parentValue,constraint]);return/*#__PURE__*/jsx(AutocompleteField,_objectSpread({ref:ref,input:input,options:options,loading:isLoading},props));});var AutocompleteConstraintField$1 = withStyles({},{name:'VdtAutocompleteConstraintField'})(AutocompleteConstraintField);
+
+export { AutocompleteConstraintField$1 as default };

package/dist/fields/AutocompleteField.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { withStyles } from '@material-ui/core';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import { Autocomplete } from '@material-ui/lab';
+import TextField from './TextField.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var _excluded=["input","meta","helperText","label","loading","options","noOptionsText","getOptionLabel","getOptionSelected","getValue","FormControlProps","clearOnBlur","size","FormHelperTextProps"];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 styles=function styles(){};var defaultGetOptionLabel=function defaultGetOptionLabel(opt){return opt.label||opt;};var defaultGetOptionSelected=function defaultGetOptionSelected(opt,val){var _opt$value=opt.value,option=_opt$value===void 0?opt:_opt$value;var _val$value=val.value,value=_val$value===void 0?val:_val$value;return value===option;};var defaultGetValue=function defaultGetValue(_ref){var value=_ref.value,multiple=_ref.multiple;if(multiple&&!Array.isArray(value))return [value];if(!multiple&&Array.isArray(value))return value.join(', ');return value;};function AutocompleteField(_ref2){var _ref2$input=_ref2.input,input=_ref2$input===void 0?{}:_ref2$input,_ref2$meta=_ref2.meta,meta=_ref2$meta===void 0?{}:_ref2$meta,_ref2$helperText=_ref2.helperText,helperText=_ref2$helperText===void 0?"\xA0":_ref2$helperText,label=_ref2.label,loading=_ref2.loading,_ref2$options=_ref2.options,options=_ref2$options===void 0?[]:_ref2$options,noOptionsText=_ref2.noOptionsText,_ref2$getOptionLabel=_ref2.getOptionLabel,getOptionLabel=_ref2$getOptionLabel===void 0?defaultGetOptionLabel:_ref2$getOptionLabel,_ref2$getOptionSelect=_ref2.getOptionSelected,getOptionSelected=_ref2$getOptionSelect===void 0?defaultGetOptionSelected:_ref2$getOptionSelect,_ref2$getValue=_ref2.getValue,getValue=_ref2$getValue===void 0?defaultGetValue:_ref2$getValue,FormControlProps=_ref2.FormControlProps,_ref2$clearOnBlur=_ref2.clearOnBlur,clearOnBlur=_ref2$clearOnBlur===void 0?true:_ref2$clearOnBlur,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size;_ref2.FormHelperTextProps;var props=_objectWithoutProperties(_ref2,_excluded);var name=input.name,multiple=input.multiple;var value=getValue(input);var touched=meta.touched,error=meta.error,submitError=meta.submitError;var onChange=function onChange(event,newValue){if(!newValue)return input.onChange(null);var _newValue$value=newValue.value,val=_newValue$value===void 0?newValue:_newValue$value;return input.onChange(val);};return/*#__PURE__*/jsx(Autocomplete,_objectSpread({onChange:onChange,options:options,renderInput:function renderInput(inputProps){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({label:label,input:{name:name},meta:{touched:touched,error:error,submitError:submitError},helperText:helperText,FormControlProps:FormControlProps},inputProps),{},{InputProps:_objectSpread(_objectSpread({},inputProps.InputProps),{},{endAdornment:/*#__PURE__*/jsxs(Fragment,{children:[loading?/*#__PURE__*/jsx(CircularProgress,{color:"inherit",size:20}):null,inputProps.InputProps.endAdornment]})})}));},loading:loading,value:value,getOptionLabel:getOptionLabel,getOptionSelected:getOptionSelected,noOptionsText:noOptionsText,multiple:multiple,clearOnBlur:clearOnBlur,size:size},props));}var AutocompleteField$1 = withStyles(styles,{name:'VdtAutocompleteField'})(AutocompleteField);
+
+export { AutocompleteField$1 as default };

package/dist/fields/CheckboxField.js

@@ -0,0 +1,13 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import Checkbox from '@material-ui/core/Checkbox';
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import { withStyles } from '@material-ui/core/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["checked","name","onChange"],_excluded2=["input","meta","label","classes","className","FormControlProps","FormControlLabelProps","FormControlHelperTextProps"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%'}};};function CheckboxField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var checked=_ref$input.checked,name=_ref$input.name,onChange=_ref$input.onChange,inputProps=_objectWithoutProperties(_ref$input,_excluded),_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormControlLabel=_ref.FormControlLabelProps,FormControlLabelProps=_ref$FormControlLabel===void 0?{}:_ref$FormControlLabel,_ref$FormControlHelpe=_ref.FormControlHelperTextProps,FormControlHelperTextProps=_ref$FormControlHelpe===void 0?{}:_ref$FormControlHelpe,props=_objectWithoutProperties(_ref,_excluded2);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:(error||submitError)&&touched,hiddenLabel:true,className:clsx(classes.root,'VdtCheckboxField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormControlLabel,_objectSpread({label:label,control:/*#__PURE__*/jsx(Checkbox,_objectSpread(_objectSpread({},props),{},{name:name,inputProps:inputProps,onChange:onChange,checked:checked,className:clsx(classes.checkbox,'VdtCheckboxField-checkbox')})),className:clsx(classes.formControlLabel,'VdtCheckboxField-formControlLabel')},FormControlLabelProps)),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({margin:"dense",className:clsx(classes.formHelperText,'VdtCheckboxField-formHelperText')},FormControlHelperTextProps),{},{children:error||submitError}))]}));}var CheckboxField$1 = withStyles(styles,{name:'VdtCheckboxField'})(CheckboxField);
+
+export { CheckboxField$1 as default };

package/dist/fields/CheckboxGroupField.js

@@ -0,0 +1,19 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState, useEffect } from 'react';
+import clsx from 'clsx';
+import Checkbox from '@material-ui/core/Checkbox';
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FormGroup from '@material-ui/core/FormGroup';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import FormLabel from '@material-ui/core/FormLabel';
+import { withStyles } from '@material-ui/core/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["label"],_excluded2=["value","name","onChange"],_excluded3=["value","label"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'}};};function DefaultFormLabel(_ref){var label=_ref.label,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(FormLabel,_objectSpread(_objectSpread({component:"legend"},props),{},{children:label}));}function CheckboxGroupField(_ref2){var _ref2$input=_ref2.input;_ref2$input=_ref2$input===void 0?{}:_ref2$input;var value=_ref2$input.value,name=_ref2$input.name,onChange=_ref2$input.onChange,inputProps=_objectWithoutProperties(_ref2$input,_excluded2),_ref2$meta=_ref2.meta;_ref2$meta=_ref2$meta===void 0?{}:_ref2$meta;var touched=_ref2$meta.touched,error=_ref2$meta.error,submitError=_ref2$meta.submitError,_ref2$options=_ref2.options,options=_ref2$options===void 0?[]:_ref2$options,label=_ref2.label,classes=_ref2.classes,className=_ref2.className,selectAllValue=_ref2.selectAllValue,_ref2$FormControlProp=_ref2.FormControlProps,FormControlProps=_ref2$FormControlProp===void 0?{}:_ref2$FormControlProp,_ref2$FormLabelCompon=_ref2.FormLabelComponent,FormLabelComponent=_ref2$FormLabelCompon===void 0?DefaultFormLabel:_ref2$FormLabelCompon,_ref2$FormLabelProps=_ref2.FormLabelProps,FormLabelProps=_ref2$FormLabelProps===void 0?{}:_ref2$FormLabelProps,_ref2$FormGroupProps=_ref2.FormGroupProps,FormGroupProps=_ref2$FormGroupProps===void 0?{}:_ref2$FormGroupProps,_ref2$FormControlLabe=_ref2.FormControlLabelProps,FormControlLabelProps=_ref2$FormControlLabe===void 0?{}:_ref2$FormControlLabe,_ref2$CheckboxProps=_ref2.CheckboxProps,CheckboxProps=_ref2$CheckboxProps===void 0?{}:_ref2$CheckboxProps,_ref2$FormHelperTextP=_ref2.FormHelperTextProps,FormHelperTextProps=_ref2$FormHelperTextP===void 0?{}:_ref2$FormHelperTextP,_ref2$FormControlLabe2=_ref2.FormControlLabelComponent,FormControlLabelComponent=_ref2$FormControlLabe2===void 0?FormControlLabel:_ref2$FormControlLabe2;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),checkedValues=_useState2[0],setCheckedValues=_useState2[1];var handleOnChange=function handleOnChange(event){var checkboxValue=event.target.value;var isChecked=!value.includes(checkboxValue);var addOrRemoveCheckboxName=function addOrRemoveCheckboxName(values){if(!selectAllValue){return isChecked?[].concat(_toConsumableArray(values),[checkboxValue]):values.filter(function(v){return checkboxValue!==v;});}if(checkboxValue===selectAllValue){return isChecked?options.map(function(opt){return opt.value;}):[];}return isChecked?[].concat(_toConsumableArray(values),[checkboxValue]):values.filter(function(v){return ![selectAllValue,checkboxValue].includes(v);});};onChange(addOrRemoveCheckboxName(checkedValues));setCheckedValues(function(values){return addOrRemoveCheckboxName(values);});};useEffect(function(){var shouldReset=(!value||!value.length)&&checkedValues.length>0;if(shouldReset){onChange([]);setCheckedValues(function(){return [];});}else if(value){setCheckedValues(function(){return value;});}// eslint-disable-next-line react-hooks/exhaustive-deps
+},[checkedValues.length,value]);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({component:"fieldset",error:(error||submitError)&&touched,className:clsx(classes.root,'VdtCheckboxGroupField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormLabelComponent,_objectSpread({className:clsx(classes.formLabel,'VdtCheckboxGroupField-formLabel'),label:label,options:options,onChange:onChange},FormLabelProps)),/*#__PURE__*/jsx(FormGroup,_objectSpread(_objectSpread({name:name,onChange:handleOnChange,className:clsx(classes.formGroup,'VdtCheckboxGroupField-formGroup')},FormGroupProps),{},{children:options.map(function(_ref3){var optionValue=_ref3.value,optionLabel=_ref3.label,optionProps=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(FormControlLabelComponent,_objectSpread(_objectSpread({label:optionLabel,control:/*#__PURE__*/jsx(Checkbox,_objectSpread({name:optionValue,value:optionValue,inputProps:inputProps,checked:checkedValues.includes(optionValue),className:clsx(classes.checkbox,'VdtCheckboxGroupField-checkbox')},CheckboxProps)),className:clsx(classes.formControlLabel,'VdtCheckboxGroupField-formControlLabel')},FormControlLabelProps),optionProps),"".concat(name,"-").concat(optionValue));})})),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperText,'VdtCheckboxGroupField-formHelperText')},FormHelperTextProps),{},{children:error||submitError}))]}));}var CheckboxGroupField$1 = withStyles(styles,{name:'VdtCheckboxGroupField'})(CheckboxGroupField);
+
+export { CheckboxGroupField$1 as default };

package/dist/fields/DateField.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core';
+import FormControl from '@material-ui/core/FormControl';
+import TextField from '@material-ui/core/TextField';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["input","meta","label","helperText","dateType","classes","className","FormControlProps","InputLabelProps"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'},date:{'& ::-webkit-calendar-picker-indicator':{// Make date-icon white for dark theme
+filter:theme.palette.type==='dark'&&'invert(1)'}}};};function DateField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,label=_ref.label,helperText=_ref.helperText,_ref$dateType=_ref.dateType,dateType=_ref$dateType===void 0?'date':_ref$dateType,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$InputLabelProps=_ref.InputLabelProps,InputLabelProps=_ref$InputLabelProps===void 0?{}:_ref$InputLabelProps,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(FormControl,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtDateField-root',className),error:(error||submitError)&&touched},FormControlProps),{},{children:/*#__PURE__*/jsx(TextField,_objectSpread({id:name,label:label,value:value,type:dateType,onChange:onChange,helperText:touched&&(error||submitError)?error||submitError:helperText,error:(error||submitError)&&touched,InputLabelProps:_objectSpread({shrink:true},InputLabelProps),className:clsx(classes.date,'VdtDateField-date')},props))}));}var DateField$1 = withStyles(styles,{name:'VdtDateField'})(DateField);
+
+export { DateField$1 as default };

package/dist/fields/Field.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _extends from '@babel/runtime/helpers/extends';
+import { Field as Field$1 } from 'react-final-form';
+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;}function Field(_ref){var props=_extends({},(_objectDestructuringEmpty(_ref),_ref));var _props$constraint=props.constraint,constraint=_props$constraint===void 0?{}:_props$constraint;var parentField=constraint.parent;return parentField?/*#__PURE__*/jsx(Field$1,{name:parentField,subscription:{value:true},children:function children(_ref2){var value=_ref2.input.value;return/*#__PURE__*/jsx(Field$1,_objectSpread({parentField:parentField,parentValue:value},props));}}):/*#__PURE__*/jsx(Field$1,_objectSpread({},props));}
+
+export { Field as default };

package/dist/fields/RadioField.js

@@ -0,0 +1,15 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import FormLabel from '@material-ui/core/FormLabel';
+import Radio from '@material-ui/core/Radio';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import { withStyles } from '@material-ui/core/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["value","label"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'}};};function RadioField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormLabelProps=_ref.FormLabelProps,FormLabelProps=_ref$FormLabelProps===void 0?{}:_ref$FormLabelProps,_ref$RadioGroupProps=_ref.RadioGroupProps,RadioGroupProps=_ref$RadioGroupProps===void 0?{}:_ref$RadioGroupProps,_ref$FormControlLabel=_ref.FormControlLabelProps,FormControlLabelProps=_ref$FormControlLabel===void 0?{}:_ref$FormControlLabel,_ref$RadioProps=_ref.RadioProps,RadioProps=_ref$RadioProps===void 0?{}:_ref$RadioProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr,_ref$FormControlLabel2=_ref.FormControlLabelComponent,FormControlLabelComponent=_ref$FormControlLabel2===void 0?FormControlLabel:_ref$FormControlLabel2;return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({component:"fieldset",error:(error||submitError)&&touched,className:clsx(classes.root,'VdtRadioField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormLabel,_objectSpread(_objectSpread({component:"legend",className:clsx(classes.formLabel,'VdtRadioField-formLabel')},FormLabelProps),{},{children:label})),/*#__PURE__*/jsx(RadioGroup,_objectSpread(_objectSpread({name:name,value:value,onChange:onChange,className:clsx(classes.radioGroup,'VdtRadioField-radioGroup')},RadioGroupProps),{},{children:options.map(function(_ref2){var optionValue=_ref2.value,optionLabel=_ref2.label,optionProps=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(FormControlLabelComponent,_objectSpread(_objectSpread({label:optionLabel,control:/*#__PURE__*/jsx(Radio,_objectSpread({value:optionValue,className:clsx(classes.radio,'VdtRadioField-radio')},RadioProps)),className:clsx(classes.formControlLabel,'VdtRadioField-formControlLabel')},FormControlLabelProps),optionProps),optionValue);})})),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperTextProps,'VdtRadioField-formHelperTextProps')},FormHelperTextProps),{},{children:error||submitError}))]}));}var RadioField$1 = withStyles(styles,{name:'VdtRadioField'})(RadioField);
+
+export { RadioField$1 as default };

package/dist/fields/SelectField.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import FormControl from '@material-ui/core/FormControl';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import InputLabel from '@material-ui/core/InputLabel';
+import MenuItem from '@material-ui/core/MenuItem';
+import Select from '@material-ui/core/Select';
+import { withStyles } from '@material-ui/core/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["input","meta","options","label","classes","className","FormControlProps","InputLabelProps","MenuItemProps","FormHelperTextProps"],_excluded2=["value","label"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%','& .MuiInputBase-root':{fontSize:'.75rem'},'& .MuiInputBase-input':{fontWeight:500,fontSize:'0.875rem'}},inputLabel:{},select:{},menuItem:{},formHelperText:{}};};function SelectField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,multiple=_ref$input.multiple,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$InputLabelProps=_ref.InputLabelProps,InputLabelProps=_ref$InputLabelProps===void 0?{}:_ref$InputLabelProps,_ref$MenuItemProps=_ref.MenuItemProps,MenuItemProps=_ref$MenuItemProps===void 0?{}:_ref$MenuItemProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:(error||submitError)&&touched,className:clsx(classes.root,'VdtSelectField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(InputLabel,_objectSpread(_objectSpread({htmlFor:name,className:clsx(classes.inputLabel,'VdtSelectField-inputLabel')},InputLabelProps),{},{children:label})),/*#__PURE__*/jsx(Select,_objectSpread(_objectSpread({name:name,onChange:onChange,value:multiple&&!value?[]:value,multiple:multiple,className:clsx(classes.select,'VdtSelectField-select')},props),{},{children:options.map(function(_ref2){var optionValue=_ref2.value,optionLabel=_ref2.label,optionProps=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread(_objectSpread({value:optionValue,className:clsx(classes.menuItem,'VdtSelectField-menuItem')},MenuItemProps),optionProps),{},{children:optionLabel}),optionValue);})})),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperText,'VdtSelectField-formHelperText')},FormHelperTextProps),{},{children:touched&&(error||submitError)?error||submitError:''}))]}));}var SelectField$1 = withStyles(styles,{name:'VdtSelectField'})(SelectField);
+
+export { SelectField$1 as default };

package/dist/fields/SliderField.js

@@ -0,0 +1,16 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import FormControl from '@material-ui/core/FormControl';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import FormLabel from '@material-ui/core/FormLabel';
+import MUISlider from '@material-ui/core/Slider';
+import { withStyles } from '@material-ui/core/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["input","meta","options","label","min","max","isRange","step","showMarks","classes","className","FormControlProps","FormLabelProps","FormHelperTextProps","exclude"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'},sliderWithoutThumb:{'& .MuiSlider-thumb':{visibility:'hidden'}}};};function Slider(_ref){var _clsx;var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,_onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,min=_ref.min,max=_ref.max,isRange=_ref.isRange,_ref$step=_ref.step,step=_ref$step===void 0?null:_ref$step,_ref$showMarks=_ref.showMarks,showMarks=_ref$showMarks===void 0?true:_ref$showMarks,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormLabelProps=_ref.FormLabelProps,FormLabelProps=_ref$FormLabelProps===void 0?{}:_ref$FormLabelProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr;_ref.exclude;var props=_objectWithoutProperties(_ref,_excluded);var numberOptions=useMemo(function(){return options.filter(function(o){return !Number.isNaN(o.value);}).map(function(o){return {value:Number(o.value),label:showMarks?o.label:undefined};});},[showMarks,options]);var _useMemo=useMemo(function(){var values=numberOptions.map(function(o){return o.value;}).sort(function(a,b){return a-b;});return [values[0],values[values.length-1]];},[numberOptions]),_useMemo2=_slicedToArray(_useMemo,2),optionsMin=_useMemo2[0],optionsMax=_useMemo2[1];var sliderMin=Number(min)||optionsMin;var sliderMax=Number(max)||optionsMax;// value = '' || undefined => error
+var initialValue=isRange?[sliderMin,sliderMax]:null;return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:(error||submitError)&&touched,className:clsx(classes.root,'VdtSliderField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormLabel,_objectSpread(_objectSpread({component:"legend",className:clsx(classes.FormLabel,'VdtSliderField-formLabel')},FormLabelProps),{},{children:label})),/*#__PURE__*/jsx(MUISlider,_objectSpread({name:name,value:value||initialValue,min:sliderMin,max:sliderMax,marks:numberOptions,step:step,disabled:!numberOptions.length,valueLabelDisplay:numberOptions.length>0?'auto':undefined,onChange:function onChange(e,v){return _onChange(v);},className:clsx((_clsx={},_defineProperty(_clsx,classes.slider,true),_defineProperty(_clsx,'VdtSliderField-slider',true),_defineProperty(_clsx,classes.sliderWithoutThumb,!value),_clsx))},props)),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperText,'VdtSliderField-formHelperText')},FormHelperTextProps),{},{children:error||submitError}))]}));}var SliderField = withStyles(styles,{name:'VdtSliderField'})(Slider);
+
+export { SliderField as default };

package/dist/fields/SwitchField.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import { withStyles } from '@material-ui/core/styles';
+import Switch from '@material-ui/core/Switch';
+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 styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%'}};};function SwitchField(_ref){var className=_ref.className,classes=_ref.classes,_ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var name=_ref$input.name,onChange=_ref$input.onChange,value=_ref$input.value,label=_ref.label,checkedValue=_ref.checkedValue,uncheckedValue=_ref.uncheckedValue,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormControlLabel=_ref.FormControlLabelProps,FormControlLabelProps=_ref$FormControlLabel===void 0?{}:_ref$FormControlLabel,_ref$SwitchProps=_ref.SwitchProps,SwitchProps=_ref$SwitchProps===void 0?{}:_ref$SwitchProps;var handleChange=checkedValue&&uncheckedValue?function(event){var checked=event.target.checked;onChange(checked?checkedValue:uncheckedValue);}:onChange;var checked=checkedValue&&uncheckedValue?checkedValue===value:value;return/*#__PURE__*/jsx(FormControl,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtSwitchField-root',className)},FormControlProps),{},{children:/*#__PURE__*/jsx(FormControlLabel,_objectSpread({label:label,className:clsx(classes.label,'VdtSwitchField-FormControlLabel'),control:/*#__PURE__*/jsx(Switch,_objectSpread({type:"checkbox",className:clsx(classes["switch"],'VdtSwitchField-Switch'),checked:checked,onChange:handleChange,name:name},SwitchProps))},FormControlLabelProps))}));}var SwitchField$1 = withStyles(styles,{name:'VdtSwitchField'})(SwitchField);
+
+export { SwitchField$1 as default };

package/dist/fields/TagField.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState, useEffect } from 'react';
+import clsx from 'clsx';
+import { FormControl, FormHelperText } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import TextField from '@material-ui/core/TextField';
+import Autocomplete from '@material-ui/lab/Autocomplete';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["input","meta","options","label","classes","className","FormControlProps","TextFieldProps","InputLabelProps","FormHelperTextProps","AutocompleteProps"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%'}};};function TagField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$TextFieldProps=_ref.TextFieldProps,TextFieldProps=_ref$TextFieldProps===void 0?{}:_ref$TextFieldProps,_ref$InputLabelProps=_ref.InputLabelProps,InputLabelProps=_ref$InputLabelProps===void 0?{}:_ref$InputLabelProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr,_ref$AutocompleteProp=_ref.AutocompleteProps,AutocompleteProps=_ref$AutocompleteProp===void 0?{}:_ref$AutocompleteProp,props=_objectWithoutProperties(_ref,_excluded);var freeSolo=AutocompleteProps.freeSolo,multiple=AutocompleteProps.multiple;var initialState=multiple?[]:null;var _useState=useState(initialState),_useState2=_slicedToArray(_useState,2),selectedValues=_useState2[0],setSelectedValues=_useState2[1];var handleChange=function handleChange(event,values){if(multiple){if(freeSolo){setSelectedValues(values.map(function(v){return v.value?v:{value:v,label:v};}));onChange(values.map(function(v){return v.value?v.value:v;}));}else {setSelectedValues(values);onChange(values.map(function(v){return v.value;}));}}else {setSelectedValues(values);onChange(values.value);}};useEffect(function(){if(multiple){if((!value||!value.length)&&selectedValues.length>0){setSelectedValues(function(){return initialState;});}else if(Array.isArray(value)&&value&&value.length>0&&selectedValues.length===0&&touched===false){setSelectedValues(function(){return value.map(function(initialValue){return {value:initialValue,label:initialValue};});});}else if(!Array.isArray(value)&&value&&value.length>0&&selectedValues.length===0&&touched===false){setSelectedValues(function(){return [{value:value,label:value}];});}}else if(!value&&selectedValues){setSelectedValues(function(){return initialState;});onChange([]);}else if(value&&value.length&&!selectedValues){var initialValue=value.length?value[0]:value;setSelectedValues(function(){return {value:initialValue,label:initialValue};});}// eslint-disable-next-line react-hooks/exhaustive-deps
+},[selectedValues,value]);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({component:"fieldset",className:clsx(classes.root,'VdtTagField-root',className),error:(error||submitError)&&touched},FormControlProps),{},{children:[/*#__PURE__*/jsx(Autocomplete,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtTagField-root',className),id:name,value:selectedValues,options:options,getOptionLabel:function getOptionLabel(o){return o.label||o.value||'';},getOptionSelected:function getOptionSelected(o,v){return o.value===v.value;},onChange:handleChange,disableClearable:true,freeSolo:freeSolo,multiple:multiple,renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({label:label,className:clsx(classes.text,'VdtTagField-text'),error:(error||submitError)&&touched,InputLabelProps:InputLabelProps},params),TextFieldProps));}},AutocompleteProps),props)),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.helperText,'VdtTagField-helperText')},FormHelperTextProps),{},{children:error||submitError}))]}));}var TagField$1 = withStyles(styles,{name:'VdtTagField'})(TagField);
+
+export { TagField$1 as default };

package/dist/fields/TextField.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import FormControl from '@material-ui/core/FormControl';
+import { withStyles } from '@material-ui/core/styles';
+import TextField$2 from '@material-ui/core/TextField';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["name","onChange","value"],_excluded2=["input","meta","helperText","classes","className","FormControlProps"];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 styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%','& .MuiInputBase-root':{fontSize:'.75rem'},'& .MuiInputBase-input':{fontWeight:500,fontSize:'0.875rem'}}};};function TextField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var name=_ref$input.name,onChange=_ref$input.onChange,value=_ref$input.value,inputProps=_objectWithoutProperties(_ref$input,_excluded),_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$helperText=_ref.helperText,helperText=_ref$helperText===void 0?"\xA0":_ref$helperText,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,props=_objectWithoutProperties(_ref,_excluded2);return/*#__PURE__*/jsx(FormControl,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtTextField-root',className)},FormControlProps),{},{children:/*#__PURE__*/jsx(TextField$2,_objectSpread({className:clsx(classes.text,'VdtTextField-text'),name:name,helperText:touched&&(error||submitError)?error||submitError:helperText,error:(error||submitError)&&touched,inputProps:inputProps,onChange:onChange,value:value},props))}));}var TextField$1 = withStyles(styles,{name:'VdtTextField'})(TextField);
+
+export { TextField$1 as default };

package/dist/filter/FilterCard.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useMemo, useCallback } from 'react';
+import { Form } from 'react-final-form';
+import { Box, Typography } from '@material-ui/core';
+import Paper from '@material-ui/core/Paper';
+import { withStyles } from '@material-ui/core/styles';
+import { parseFacetType, parseNowDate } from '@vidispine/vdt-js';
+import FilterForm from './FilterForm.js';
+import { jsxs, 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 styles=function styles(theme){return {header:{padding:theme.spacing(2),paddingBottom:'0'},form:{paddingLeft:theme.spacing(2),paddingRight:theme.spacing(2),paddingBottom:theme.spacing(2)}};};var isDate=function isDate(value){var dateValue=new Date(value);return dateValue instanceof Date&&!Number.isNaN(dateValue.getTime());};var isString=function isString(value){return typeof value==='string'||value instanceof String;};var isNumber=function isNumber(value){return typeof value==='number';};var isNow=function isNow(value){return isString(value)&&value.startsWith('NOW');};var hasDates=function hasDates(values){return values.every(isDate);};var hasNumbers=function hasNumbers(values){return values.every(isNumber);};var hasNowRange=function hasNowRange(values){return values.every(isNow)||values.some(isNow)&&values.some(isDate);};var getRangeValues=function getRangeValues(value){var values;if(hasDates(value)){values=value.sort(function(a,b){return new Date(a).getTime()-new Date(b).getTime();});}else if(hasNumbers(value)){values=value.sort(function(a,b){return Number(a)-Number(b);});}else if(hasNowRange(value)){values=value.sort(function(a,b){return parseNowDate(a).getTime()-parseNowDate(b).getTime();});}else {return undefined;}return [values[0],values[values.length-1]];};var getRangeFilter=function getRangeFilter(name,_ref){var _ref2=_slicedToArray(_ref,2),min=_ref2[0],max=_ref2[1];return {name:name,field:[{name:name,range:[{value:[{value:min},{value:max}]}]}]};};var getFieldFilter=function getFieldFilter(name,value,operation){return {name:name,field:Array.isArray(value)?value.map(function(v){return {name:name,value:[{value:v}]};}):[{name:name,value:[{value:value}]}],operation:operation};};function parseFilterValues(filter){return (filter||[]).reduce(function(acc,curr){return _objectSpread(_defineProperty({},curr.name,(curr.field||[]).flatMap(function(_ref3){var value=_ref3.value,range=_ref3.range;if(value){return value[0].value;}if(range){return range[0].value.map(function(v){return v.value;});}return undefined;})),acc);},{});}function FilterCard(_ref4){var className=_ref4.className,classes=_ref4.classes,_ref4$itemListType=_ref4.itemListType,itemListType=_ref4$itemListType===void 0?{}:_ref4$itemListType,_ref4$fields=_ref4.fields,fields=_ref4$fields===void 0?[]:_ref4$fields,initialSearchFilter=_ref4.initialSearchFilter,isLoading=_ref4.isLoading,onChange=_ref4.onChange,_ref4$headerText=_ref4.headerText,headerText=_ref4$headerText===void 0?'Filter':_ref4$headerText,_ref4$component=_ref4.component,RootComponent=_ref4$component===void 0?Paper:_ref4$component,_ref4$FormComponent=_ref4.FormComponent,FormComponent=_ref4$FormComponent===void 0?FilterForm:_ref4$FormComponent,_ref4$FormProps=_ref4.FormProps,FormProps=_ref4$FormProps===void 0?{}:_ref4$FormProps,_ref4$HeaderProps=_ref4.HeaderProps,HeaderProps=_ref4$HeaderProps===void 0?{}:_ref4$HeaderProps,_ref4$CardProps=_ref4.CardProps,CardProps=_ref4$CardProps===void 0?{}:_ref4$CardProps,_ref4$operation=_ref4.operation,operation=_ref4$operation===void 0?'OR':_ref4$operation,hideEmptyFilters=_ref4.hideEmptyFilters;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),dirty=_useState2[0],setDirty=_useState2[1];var facet=itemListType.facet;var initialValues=useMemo(function(){return parseFilterValues(initialSearchFilter);},[initialSearchFilter]);var parsedFacet=useMemo(function(){return parseFacetType(facet);},[facet]);var onSubmit=useCallback(function(values){var valueEntries=Object.entries(values);if(valueEntries.length===0&&!dirty)return;if(!dirty)setDirty(true);var filters=valueEntries.filter(function(_ref5){var _ref6=_slicedToArray(_ref5,2),value=_ref6[1];return value!==null;}).map(function(_ref7){var _ref8=_slicedToArray(_ref7,2),name=_ref8[0],value=_ref8[1];var field=fields.find(function(f){return f.value===name;});if(field.isRange&&Array.isArray(value)&&value.length>=2){return getRangeFilter(name,getRangeValues(value));}return getFieldFilter(name,value,operation);});onChange(filters);},// eslint-disable-next-line react-hooks/exhaustive-deps
+[onChange,dirty]);return !isLoading?/*#__PURE__*/jsxs(RootComponent,_objectSpread(_objectSpread({className:className},CardProps),{},{children:[headerText&&/*#__PURE__*/jsx(Box,{className:classes.header,children:/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({variant:"button",color:"textSecondary"},HeaderProps),{},{children:headerText}))}),/*#__PURE__*/jsx(Form,_objectSpread({className:classes.form,onSubmit:onSubmit,render:FormComponent,parsedFacet:parsedFacet,validate:onSubmit,fields:fields,defaultValues:initialValues,hideEmptyFilters:hideEmptyFilters},FormProps))]})):null;}var FilterCard$1 = withStyles(styles,{name:'VdtFilterCard'})(FilterCard);
+
+export { FilterCard$1 as default };

package/dist/filter/FilterForm.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useCallback } from 'react';
+import { Field } from 'react-final-form';
+import FilterFormLabel from './FilterFormLabel.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["value","parseOptions","label","FacetProps","FilterFormLabelProps"];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 defaultParseOptions=function defaultParseOptions(facet,hideEmptyOptions){return Object.entries(facet||{}).filter(function(_ref){var _ref2=_slicedToArray(_ref,2),count=_ref2[1];return hideEmptyOptions===false||count!==0;}).map(function(_ref3){var _ref4=_slicedToArray(_ref3,2),value=_ref4[0],count=_ref4[1];return {value:value,label:"".concat(value.toUpperCase()).concat(count!==undefined?" (".concat(count,")"):'')};});};function FilterForm(_ref5){var className=_ref5.className,fields=_ref5.fields,_ref5$defaultValues=_ref5.defaultValues,defaultValues=_ref5$defaultValues===void 0?{}:_ref5$defaultValues,parsedFacet=_ref5.parsedFacet,form=_ref5.form,_ref5$dirtyFields=_ref5.dirtyFields,dirtyFields=_ref5$dirtyFields===void 0?{}:_ref5$dirtyFields,handleSubmit=_ref5.handleSubmit,hideEmptyFilters=_ref5.hideEmptyFilters;var hasChangedValues=useCallback(function(name){var _form$getState=form.getState(),_form$getState$values=_form$getState.values,values=_form$getState$values===void 0?{}:_form$getState$values;if(values[name]&&Array.isArray(values[name])){return values[name].length>0;}return dirtyFields[name];},[dirtyFields,form]);return/*#__PURE__*/jsx("form",{onSubmit:handleSubmit,className:className,children:fields.map(function(_ref6){var name=_ref6.value,_ref6$parseOptions=_ref6.parseOptions,parseOptions=_ref6$parseOptions===void 0?defaultParseOptions:_ref6$parseOptions,label=_ref6.label,_ref6$FacetProps=_ref6.FacetProps,FacetProps=_ref6$FacetProps===void 0?{}:_ref6$FacetProps,_ref6$FilterFormLabel=_ref6.FilterFormLabelProps,FilterFormLabelProps=_ref6$FilterFormLabel===void 0?{}:_ref6$FilterFormLabel,props=_objectWithoutProperties(_ref6,_excluded);var facets=parsedFacet[name];var count=FacetProps.count;var options=parseOptions(facets,hideEmptyFilters);var display=hideEmptyFilters===true&&count===true&&options.length===0?'none':'inherit';return/*#__PURE__*/jsx("div",{style:{display:display},children:/*#__PURE__*/jsx(Field,_objectSpread({name:name,FormHelperTextProps:{style:{display:'none'}},defaultValue:defaultValues[name],label:/*#__PURE__*/jsx(FilterFormLabel,_objectSpread({hidden:!hasChangedValues(name),label:label,onClick:function onClick(){return form.change(name);}},FilterFormLabelProps)),options:options},props))},name);})});}
+
+export { FilterForm as default };

package/dist/filter/FilterFormLabel.js

@@ -0,0 +1,9 @@
+import Box from '@material-ui/core/Box';
+import IconButton from '@material-ui/core/IconButton';
+import { withStyles } from '@material-ui/core/styles';
+import CancelIcon from '@material-ui/icons/Cancel';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(theme){return {root:{height:20,lineHeight:'inherit'},icon:{padding:0,marginLeft:theme.spacing(2)}};};function FilterFormLabel(_ref){var classes=_ref.classes,label=_ref.label,hidden=_ref.hidden,onClick=_ref.onClick,_ref$IconComponent=_ref.IconComponent,IconComponent=_ref$IconComponent===void 0?CancelIcon:_ref$IconComponent;return/*#__PURE__*/jsxs(Box,{className:classes.root,children:[label,/*#__PURE__*/jsx(IconButton,{className:classes.icon,onClick:onClick,style:{visibility:hidden?'hidden':'inherit'},children:/*#__PURE__*/jsx(IconComponent,{})})]});}var FilterFormLabel$1 = withStyles(styles,{name:'VdtFilterFormLabel'})(FilterFormLabel);
+
+export { FilterFormLabel$1 as default };

package/dist/forms/ExpandedFormControlLabel.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef, cloneElement } from 'react';
+import clsx from 'clsx';
+import { withStyles, useFormControl, Typography } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["checked","classes","className","control","disabled","inputRef","label","name","onChange","value"];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 styles=function styles(theme){return {root:{display:'inline-flex',alignItems:'center',cursor:'pointer',// For correct alignment with the text.
+verticalAlign:'middle',WebkitTapHighlightColor:'transparent',marginLeft:-11,marginRight:11,'&$disabled':{cursor:'default'},width:'100%'},disabled:{},label:{'&$disabled':{color:theme.palette.text.disabled}},labelText:{whiteSpace:'nowrap',overflow:'hidden',textOverflow:'ellipsis'},labelCount:{marginLeft:'auto',marginRight:-11}};};var ExpandedFormControlLabel=/*#__PURE__*/forwardRef(function(props,ref){props.checked;var classes=props.classes,className=props.className,control=props.control,disabledProp=props.disabled;props.inputRef;var label=props.label;props.name;props.onChange;props.value;var other=_objectWithoutProperties(props,_excluded);var muiFormControl=useFormControl();var labels=label?label.split(' '):[];var labelText=labels.slice(0,labels.length-1).join(' ');var labelCount=labels.slice(-1);var disabled=disabledProp;if(typeof disabled==='undefined'&&typeof control.props.disabled!=='undefined'){disabled=control.props.disabled;}if(typeof disabled==='undefined'&&muiFormControl){disabled=muiFormControl.disabled;}var controlProps={disabled:disabled};['checked','name','onChange','value','inputRef'].forEach(function(key){if(typeof control.props[key]==='undefined'&&typeof props[key]!=='undefined'){controlProps[key]=props[key];}});return/*#__PURE__*/ (// eslint-disable-next-line jsx-a11y/label-has-associated-control
+jsxs("label",_objectSpread(_objectSpread({className:clsx(classes.root,_defineProperty({},classes.disabled,disabled),className),ref:ref},other),{},{children:[/*#__PURE__*/cloneElement(control,controlProps),/*#__PURE__*/jsx(Typography,{component:"span",className:clsx(classes.label,classes.labelText,_defineProperty({},classes.disabled,disabled)),children:labelText}),/*#__PURE__*/jsx(Typography,{component:"span",className:clsx(classes.label,classes.labelCount,_defineProperty({},classes.disabled,disabled)),children:labelCount})]})));});var ExpandedFormControlLabel$1 = withStyles(styles,{name:'VdtExpandedFormControlLabel'})(ExpandedFormControlLabel);
+
+export { ExpandedFormControlLabel$1 as default, styles };

package/dist/forms/LoginForm/LoginForm.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import { Form, Field } from 'react-final-form';
+import Box from '@material-ui/core/Box';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import { withStyles } from '@material-ui/core/styles';
+import CheckboxField from '../../fields/CheckboxField.js';
+import TextField from '../../fields/TextField.js';
+import SubmitButton from '../SubmitButton.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["name","label","FieldProps"],_excluded2=["name","label","requiredText","FieldProps"],_excluded3=["name","label","requiredText","FieldProps"],_excluded4=["name","label","FieldProps"];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 isUrl=function isUrl(){var value=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'';var helperText=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'Not a URL';var expression=/https?:\/\/[-a-zA-Z0-9@:%._+~#=]{2,256}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/gi;var regex=new RegExp(expression);var matches=value.match(regex);return matches?undefined:helperText;};var UrlField=withStyles({},{name:'VdtUrlField'})(function(_ref){var _ref$name=_ref.name,name=_ref$name===void 0?'serverUrl':_ref$name,_ref$label=_ref.label,label=_ref$label===void 0?'Vidispine API Server':_ref$label,_ref$FieldProps=_ref.FieldProps,FieldProps=_ref$FieldProps===void 0?{}:_ref$FieldProps,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,component:TextField,type:"text",label:label,validate:isUrl,fullWidth:true},FieldProps),props));});var UsernameField=withStyles({},{name:'VdtUsernameField'})(function(_ref2){var _ref2$name=_ref2.name,name=_ref2$name===void 0?'userName':_ref2$name,_ref2$label=_ref2.label,label=_ref2$label===void 0?'Username':_ref2$label,_ref2$requiredText=_ref2.requiredText,requiredText=_ref2$requiredText===void 0?'Required':_ref2$requiredText,_ref2$FieldProps=_ref2.FieldProps,FieldProps=_ref2$FieldProps===void 0?{}:_ref2$FieldProps,props=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,component:TextField,type:"text",label:label,validate:function validate(value){return value?undefined:requiredText;},fullWidth:true},FieldProps),props));});var PasswordField=withStyles({},{name:'VdtPasswordField'})(function(_ref3){var _ref3$name=_ref3.name,name=_ref3$name===void 0?'password':_ref3$name,_ref3$label=_ref3.label,label=_ref3$label===void 0?'Password':_ref3$label,_ref3$requiredText=_ref3.requiredText,requiredText=_ref3$requiredText===void 0?'Required':_ref3$requiredText,_ref3$FieldProps=_ref3.FieldProps,FieldProps=_ref3$FieldProps===void 0?{}:_ref3$FieldProps,props=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,component:TextField,type:"password",label:label,validate:function validate(value){return value?undefined:requiredText;},fullWidth:true},FieldProps),props));});var RememberMeField=withStyles({},{name:'VdtRememberMeField'})(function(_ref4){var _ref4$name=_ref4.name,name=_ref4$name===void 0?'rememberMe':_ref4$name,_ref4$label=_ref4.label,label=_ref4$label===void 0?'Remember Me':_ref4$label,_ref4$FieldProps=_ref4.FieldProps,FieldProps=_ref4$FieldProps===void 0?{}:_ref4$FieldProps,props=_objectWithoutProperties(_ref4,_excluded4);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,label:label,component:CheckboxField,type:"checkbox"},FieldProps),props));});function FormFields(_ref5){var _ref5$UrlFieldCompone=_ref5.UrlFieldComponent,UrlFieldComponent=_ref5$UrlFieldCompone===void 0?UrlField:_ref5$UrlFieldCompone,_ref5$UrlFieldProps=_ref5.UrlFieldProps,UrlFieldProps=_ref5$UrlFieldProps===void 0?{}:_ref5$UrlFieldProps,_ref5$UsernameFieldCo=_ref5.UsernameFieldComponent,UsernameFieldComponent=_ref5$UsernameFieldCo===void 0?UsernameField:_ref5$UsernameFieldCo,_ref5$UsernameFieldPr=_ref5.UsernameFieldProps,UsernameFieldProps=_ref5$UsernameFieldPr===void 0?{}:_ref5$UsernameFieldPr,_ref5$PasswordFieldCo=_ref5.PasswordFieldComponent,PasswordFieldComponent=_ref5$PasswordFieldCo===void 0?PasswordField:_ref5$PasswordFieldCo,_ref5$PasswordFieldPr=_ref5.PasswordFieldProps,PasswordFieldProps=_ref5$PasswordFieldPr===void 0?{}:_ref5$PasswordFieldPr,_ref5$RememberMeField=_ref5.RememberMeFieldComponent,RememberMeFieldComponent=_ref5$RememberMeField===void 0?RememberMeField:_ref5$RememberMeField,_ref5$RememberMeField2=_ref5.RememberMeFieldProps,RememberMeFieldProps=_ref5$RememberMeField2===void 0?{}:_ref5$RememberMeField2,FieldProps=_ref5.FieldProps;return/*#__PURE__*/jsxs(Box,{children:[UrlFieldComponent&&/*#__PURE__*/jsx(UrlFieldComponent,_objectSpread({FieldProps:FieldProps},UrlFieldProps)),UsernameFieldComponent&&/*#__PURE__*/jsx(UsernameFieldComponent,_objectSpread({FieldProps:FieldProps},UsernameFieldProps)),PasswordFieldComponent&&/*#__PURE__*/jsx(PasswordFieldComponent,_objectSpread({FieldProps:FieldProps},PasswordFieldProps)),RememberMeFieldComponent&&/*#__PURE__*/jsx(RememberMeFieldComponent,_objectSpread({FieldProps:FieldProps},RememberMeFieldProps))]});}function FormText(_ref6){var helperText=_ref6.helperText,submitError=_ref6.submitError;return/*#__PURE__*/jsx(Box,{py:helperText||submitError?0:0.8,my:1,children:(helperText||submitError)&&/*#__PURE__*/jsx(FormHelperText,{error:Boolean(submitError),children:submitError||helperText})});}var FormButtons=withStyles({},{name:'VdtLoginFormButtons'})(function(_ref7){var submitting=_ref7.submitting,_ref7$SubmitButtonPro=_ref7.SubmitButtonProps,SubmitButtonProps=_ref7$SubmitButtonPro===void 0?{}:_ref7$SubmitButtonPro,_ref7$loginText=_ref7.loginText,loginText=_ref7$loginText===void 0?'Login':_ref7$loginText;return/*#__PURE__*/jsx(Box,{children:/*#__PURE__*/jsx(SubmitButton,_objectSpread(_objectSpread({type:"submit",submitting:submitting,fullWidth:true},SubmitButtonProps),{},{children:loginText}))});});var styles=function styles(){return {root:{}};};function LoginForm(_ref8){var classes=_ref8.classes,className=_ref8.className,onSubmit=_ref8.onSubmit,helperText=_ref8.helperText,SubmitButtonProps=_ref8.SubmitButtonProps,FormProps=_ref8.FormProps,FieldProps=_ref8.FieldProps,UrlFieldComponent=_ref8.UrlFieldComponent,UsernameFieldComponent=_ref8.UsernameFieldComponent,PasswordFieldComponent=_ref8.PasswordFieldComponent,RememberMeFieldComponent=_ref8.RememberMeFieldComponent,FormFieldsComponent=_ref8.FormFieldsComponent,FormFieldsProps=_ref8.FormFieldsProps,FormTextComponent=_ref8.FormTextComponent,FormTextProps=_ref8.FormTextProps,FormButtonsComponent=_ref8.FormButtonsComponent,FormButtonsProps=_ref8.FormButtonsProps;return/*#__PURE__*/jsx(Form,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtLoginForm-root',className),onSubmit:onSubmit},FormProps),{},{render:function render(_ref9){var handleSubmit=_ref9.handleSubmit,submitting=_ref9.submitting,submitError=_ref9.submitError;return/*#__PURE__*/jsxs("form",{onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(FormFieldsComponent,_objectSpread({FieldProps:FieldProps,UrlFieldComponent:UrlFieldComponent,UsernameFieldComponent:UsernameFieldComponent,PasswordFieldComponent:PasswordFieldComponent,RememberMeFieldComponent:RememberMeFieldComponent},FormFieldsProps)),/*#__PURE__*/jsx(FormTextComponent,_objectSpread({helperText:helperText,submitError:submitError},FormTextProps)),/*#__PURE__*/jsx(FormButtonsComponent,_objectSpread({submitting:submitting,handleSubmit:handleSubmit,SubmitButtonProps:SubmitButtonProps},FormButtonsProps))]});}}));}LoginForm.defaultProps={className:undefined,classes:{},onSubmit:function onSubmit(){return null;},helperText:undefined,SubmitButtonProps:{},FormProps:{},FieldProps:{},UrlFieldComponent:UrlField,UsernameFieldComponent:UsernameField,PasswordFieldComponent:PasswordField,RememberMeFieldComponent:RememberMeField,FormFieldsComponent:FormFields,FormFieldsProps:{},FormTextComponent:FormText,FormTextProps:{},FormButtonsComponent:FormButtons,FormButtonsProps:{}};
+
+export { LoginForm as default, styles };

package/dist/forms/LoginForm/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import LoginForm, { styles } from './LoginForm.js';
+
+var Component=withStyles(styles,{name:'VdtLoginForm'})(LoginForm);Component.displayName='LoginForm';var Component$1 = Component;
+
+export { Component$1 as default };

package/dist/forms/SubmitButton.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import Box from '@material-ui/core/Box';
+import Button from '@material-ui/core/Button';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["children","submitting","disabled"];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 SubmitButton(_ref){var children=_ref.children,_ref$submitting=_ref.submitting,submitting=_ref$submitting===void 0?false:_ref$submitting,disabled=_ref.disabled,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Button,_objectSpread(_objectSpread({},props),{},{disabled:disabled||submitting,children:/*#__PURE__*/jsxs(Box,{position:"relative",children:[/*#__PURE__*/jsx(Box,{position:"absolute",height:1,width:1,display:submitting?'inherit':'none',children:/*#__PURE__*/jsx(CircularProgress,{size:24})}),/*#__PURE__*/jsx(Box,{children:children})]})}));}
+
+export { SubmitButton as default };

package/dist/forms/onGetToken.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { FORM_ERROR } from 'final-form';
+import { utils, user } from '@vidispine/vdt-api';
+
+var onGetToken=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var userName,password,serverUrl,queryParams,headers,_yield$UserApi$getTok,token,_error$response,response,_error$message,message,submissionError;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:userName=_ref.userName,password=_ref.password,serverUrl=_ref.serverUrl;queryParams={seconds:2592000,autoRefresh:'true'};headers={password:password,username:userName};if(serverUrl){utils.defaultClient.defaults.baseURL=serverUrl;}_context.prev=4;_context.next=7;return user.getToken({userName:userName,queryParams:queryParams,headers:headers});case 7:_yield$UserApi$getTok=_context.sent;token=_yield$UserApi$getTok.data;return _context.abrupt("return",token);case 12:_context.prev=12;_context.t0=_context["catch"](4);_error$response=_context.t0.response,response=_error$response===void 0?{}:_error$response,_error$message=_context.t0.message,message=_error$message===void 0?'Unknown error.':_error$message;submissionError=_defineProperty({},FORM_ERROR,message);if(response.status===401){submissionError=_defineProperty({},FORM_ERROR,'Incorrect Username/Password');}throw submissionError;case 18:case"end":return _context.stop();}}},_callee,null,[[4,12]]);}));return function onGetToken(_x){return _ref2.apply(this,arguments);};}();var onGetToken$1 = onGetToken;
+
+export { onGetToken$1 as default };

package/dist/general/DragScroll/DragScroll.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState, useEffect } from 'react';
+import clsx from 'clsx';
+import { jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {root:{overflow:'auto','&::-webkit-scrollbar':{display:'none'}},scrolling:{'& *':{userSelect:'none',cursor:'grabbing'}},grab:{cursor:'grab'}};};var isOverflowing=function isOverflowing(containerRef){var container=containerRef.current;return container&&(container.offsetHeight<container.scrollHeight||container.offsetWidth<container.scrollWidth);};function DragScroll(_ref){var _clsx;var className=_ref.className,classes=_ref.classes,children=_ref.children;var containerRef=useRef();var _useState=useState(null),_useState2=_slicedToArray(_useState,2),startPos=_useState2[0],setStartPos=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),overflowing=_useState4[0],setOverflowing=_useState4[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),isDragging=_useState6[0],setIsDragging=_useState6[1];var _useState7=useState(null),_useState8=_slicedToArray(_useState7,2),cancelDragTimeout=_useState8[0],setCancelDragTimeout=_useState8[1];useEffect(function(){var checkOverflowing=function checkOverflowing(){return setOverflowing(isOverflowing(containerRef));};window.addEventListener('resize',checkOverflowing);return function(){window.removeEventListener('resize',checkOverflowing);};},[]);useEffect(function(){return function(){if(cancelDragTimeout){clearTimeout(cancelDragTimeout);}};},[cancelDragTimeout]);var mouseDownHandler=function mouseDownHandler(e){setIsDragging(false);if(overflowing){setStartPos({left:containerRef.current.scrollLeft,top:containerRef.current.scrollTop,x:e.clientX,y:e.clientY});e.preventDefault();e.stopPropagation();}};var mouseMoveHandler=function mouseMoveHandler(e){if(startPos){setIsDragging(true);var dx=e.clientX-startPos.x;var dy=e.clientY-startPos.y;containerRef.current.scrollTop=startPos.top-dy;containerRef.current.scrollLeft=startPos.left-dx;}};var mouseUpHandler=function mouseUpHandler(e){setCancelDragTimeout(setTimeout(function(){return setIsDragging(false);}));setStartPos(null);e.preventDefault();e.stopPropagation();};var onClickHandler=function onClickHandler(e){if(isDragging){e.preventDefault();e.stopPropagation();}};return/*#__PURE__*/jsx("div",{onMouseDownCapture:mouseDownHandler,onMouseUpCapture:mouseUpHandler,onMouseLeave:mouseUpHandler,onMouseMove:mouseMoveHandler,onClickCapture:onClickHandler,ref:function ref(el){containerRef.current=el;setOverflowing(isOverflowing(containerRef));},className:clsx(classes.root,'VdtDragScroll-root',className,(_clsx={},_defineProperty(_clsx,classes.grab,overflowing&&!isDragging),_defineProperty(_clsx,classes.scrolling,isDragging),_clsx)),children:children});}DragScroll.defaultProps={className:undefined,classes:{}};
+
+export { DragScroll as default, styles };

package/dist/general/DragScroll/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import DragScroll, { styles } from './DragScroll.js';
+
+var Component=withStyles(styles,{name:'VdtDragScroll'})(DragScroll);Component.displayName='DragScroll';var Component$1 = Component;
+
+export { Component$1 as default };

package/dist/general/ImageCollage/ImageCollage.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { jsx } from 'react/jsx-runtime';
+
+var styles={root:{display:'flex',flexWrap:'wrap',pointerEvents:'none',width:'inherit',height:'inherit'},image:{objectFit:'cover',// Left align if multiple images
+'&:last-child:not(:first-child)':{marginRight:'auto'}},lastSingleStretched:{// Full width if last row has single image
+'&:last-child:not(:first-child)':{width:'100% !important'}},notStretchSingle:{// Do not set full width or height for single image
+'&:last-child&:first-child':{objectFit:'contain'}}};function ImageCollage(_ref){var className=_ref.className,classes=_ref.classes,urls=_ref.urls,maxImages=_ref.maxImages,maxColumns=_ref.maxColumns,showSingleStretched=_ref.showSingleStretched,showLastSingleStretched=_ref.showLastSingleStretched,onError=_ref.onError;if(!urls.length||maxImages<0||maxColumns<0){return null;}var amountOfImages=Math.min(maxImages,urls.length);var amountOfCols=Math.min(maxColumns,amountOfImages);var amountOfRows=Math.ceil(amountOfImages/amountOfCols);var height="".concat(100/amountOfRows,"%");var width="".concat(100/Math.max(Math.min(maxColumns,amountOfImages),1),"%");var hasLastRowWithSingleImage=amountOfImages%amountOfCols===1;return/*#__PURE__*/jsx("div",{className:clsx(className,classes.root,'VdtImageCollage-root'),children:urls.slice(0,maxImages).map(function(url){var _clsx;return/*#__PURE__*/jsx("img",{className:clsx((_clsx={},_defineProperty(_clsx,classes.image,true),_defineProperty(_clsx,'VdtImageCollage-image',true),_defineProperty(_clsx,classes.notStretchSingle,!showSingleStretched),_defineProperty(_clsx,classes.lastSingleStretched,showLastSingleStretched&&hasLastRowWithSingleImage),_clsx)),src:url,style:{height:height,width:width},onError:onError,alt:""},url);})});}ImageCollage.defaultProps={className:undefined,classes:{},urls:[],maxColumns:2,maxImages:4,showSingleStretched:true,showLastSingleStretched:true,// eslint-disable-next-line no-console
+onError:function onError(e){return console.warn(e);}};
+
+export { ImageCollage as default, styles };

package/dist/general/ImageCollage/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import ImageCollage$1, { styles } from './ImageCollage.js';
+
+var Component=withStyles(styles,{name:'VdtImageCollage'})(ImageCollage$1);Component.displayName='ImageCollage';var ImageCollage = Component;
+
+export { ImageCollage as default };

package/dist/general/MimeTypeIcon/MimeTypeIcon.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import AudioTrackIcon from '@material-ui/icons/Audiotrack';
+import FolderIcon from '@material-ui/icons/Folder';
+import ImageIcon from '@material-ui/icons/Image';
+import InsertDriveFileIcon from '@material-ui/icons/InsertDriveFile';
+import MovieIcon from '@material-ui/icons/Movie';
+import NoteAddIcon from '@material-ui/icons/NoteAdd';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","mimeType","audioIcon","videoIcon","imageIcon","fileIcon","placeholderIcon","collectionIcon"];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 AUDIO_MIMETYPE_PREFIX='audio';var VIDEO_MIMETYPE_PREFIX='video';var IMAGE_MIMETYPE_PREFIX='image';var COLLECTION='collection';var FILE='file';var PLACEHOLDER='placeholder';var styles={};function MimeTypeIcon(_ref){var className=_ref.className,classes=_ref.classes,mimeType=_ref.mimeType,_ref$audioIcon=_ref.audioIcon,audioIcon=_ref$audioIcon===void 0?AudioTrackIcon:_ref$audioIcon,_ref$videoIcon=_ref.videoIcon,videoIcon=_ref$videoIcon===void 0?MovieIcon:_ref$videoIcon,_ref$imageIcon=_ref.imageIcon,imageIcon=_ref$imageIcon===void 0?ImageIcon:_ref$imageIcon,_ref$fileIcon=_ref.fileIcon,fileIcon=_ref$fileIcon===void 0?InsertDriveFileIcon:_ref$fileIcon,_ref$placeholderIcon=_ref.placeholderIcon,placeholderIcon=_ref$placeholderIcon===void 0?NoteAddIcon:_ref$placeholderIcon,_ref$collectionIcon=_ref.collectionIcon,collectionIcon=_ref$collectionIcon===void 0?FolderIcon:_ref$collectionIcon,props=_objectWithoutProperties(_ref,_excluded);var IconComponent=fileIcon;if(!mimeType||typeof mimeType!=='string')IconComponent=placeholderIcon;else if(mimeType.toLowerCase().startsWith(AUDIO_MIMETYPE_PREFIX))IconComponent=audioIcon;else if(mimeType.toLowerCase().startsWith(VIDEO_MIMETYPE_PREFIX))IconComponent=videoIcon;else if(mimeType.toLowerCase().startsWith(IMAGE_MIMETYPE_PREFIX))IconComponent=imageIcon;else if(mimeType.toLowerCase()===COLLECTION)IconComponent=collectionIcon;else if(mimeType.toLowerCase()===FILE)IconComponent=fileIcon;else if(mimeType.toLowerCase()===PLACEHOLDER)IconComponent=placeholderIcon;return/*#__PURE__*/jsx(IconComponent,_objectSpread({className:clsx(className,classes.root)},props));}MimeTypeIcon.defaultProps={className:undefined,classes:{},mimeType:undefined,audioIcon:AudioTrackIcon,videoIcon:MovieIcon,imageIcon:ImageIcon,fileIcon:InsertDriveFileIcon,placeholderIcon:NoteAddIcon,collectionIcon:FolderIcon};
+
+export { MimeTypeIcon as default, styles };

package/dist/general/MimeTypeIcon/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import MimeTypeIcon$1, { styles } from './MimeTypeIcon.js';
+
+var Component=withStyles(styles,{name:'VdtMimeTypeIcon'})(MimeTypeIcon$1);Component.displayName='MimeTypeIcon';var MimeTypeIcon = Component;
+
+export { MimeTypeIcon as default };

package/dist/general/SelectedToolbar/SelectedToolbar.js

@@ -0,0 +1,16 @@
+import clsx from 'clsx';
+import Collapse from '@material-ui/core/Collapse';
+import Grid from '@material-ui/core/Grid';
+import IconButton from '@material-ui/core/IconButton';
+import Toolbar from '@material-ui/core/Toolbar';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+import AddIcon from '@material-ui/icons/Add';
+import CloseIcon from '@material-ui/icons/Close';
+import DeleteIcon from '@material-ui/icons/Delete';
+import GetAppIcon from '@material-ui/icons/GetApp';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var actions={DELETE:'DELETE',DOWNLOAD:'DOWNLOAD',ADD_TO_LIBRARY:'ADD_TO_LIBRARY',SHARE_EMAIL:'SHARE_EMAIL',SHARE_LINK:'SHARE_LINK',SHARE_FACEBOOK:'SHARE_FACEBOOK'};var styles=function styles(theme){return {root:{color:theme.palette.common.white,backgroundColor:theme.palette.common.black}};};function SelectedToolbar(_ref){var classes=_ref.classes,className=_ref.className,selected=_ref.selected,onClear=_ref.onClear,selectedLabel=_ref.selectedLabel,onClickAction=_ref.onClickAction;var handleActionClick=function handleActionClick(action){return function(){if(onClickAction)onClickAction(action,selected);};};return/*#__PURE__*/jsx(Collapse,{"in":selected.length>0,children:/*#__PURE__*/jsx(Toolbar,{className:clsx(classes.root,className),children:/*#__PURE__*/jsxs(Grid,{container:true,justifyContent:"space-between",alignItems:"center",children:[/*#__PURE__*/jsx(Grid,{item:true,children:/*#__PURE__*/jsx(Typography,{children:"".concat(selected.length," ").concat(selectedLabel||''," Selected")})}),/*#__PURE__*/jsx(Grid,{item:true,children:/*#__PURE__*/jsxs(Grid,{container:true,alignItems:"center",children:[onClickAction&&/*#__PURE__*/jsxs(Grid,{item:true,children:[/*#__PURE__*/jsx(Tooltip,{title:"Delete Selected",children:/*#__PURE__*/jsx(IconButton,{onClick:handleActionClick(actions.DELETE),color:"inherit",children:/*#__PURE__*/jsx(DeleteIcon,{})})}),/*#__PURE__*/jsx(Tooltip,{title:"Download Selected",children:/*#__PURE__*/jsx(IconButton,{onClick:handleActionClick(actions.DOWNLOAD),color:"inherit",children:/*#__PURE__*/jsx(GetAppIcon,{})})}),/*#__PURE__*/jsx(Tooltip,{title:"Add to Library",children:/*#__PURE__*/jsx(IconButton,{onClick:handleActionClick(actions.ADD_TO_LIBRARY),color:"inherit",children:/*#__PURE__*/jsx(AddIcon,{})})})]}),onClear&&/*#__PURE__*/jsx(Tooltip,{title:"Clear Selection",children:/*#__PURE__*/jsx(IconButton,{onClick:onClear,color:"inherit",children:/*#__PURE__*/jsx(CloseIcon,{})})})]})})]})})});}SelectedToolbar.defaultProps={selected:[],selectedLabel:undefined,onClickAction:undefined,onClear:undefined,className:undefined};
+
+export { actions, SelectedToolbar as default, styles };

package/dist/general/SelectedToolbar/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import SelectedToolbar, { styles } from './SelectedToolbar.js';
+
+var Component=withStyles(styles,{name:'VdtSelectedToolbar'})(SelectedToolbar);Component.displayName='SelectedToolbar';var Component$1 = Component;
+
+export { Component$1 as default };

package/dist/group/CreateGroupDialog/CreateGroupDialog.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { DialogTitle, DialogContent } from '@material-ui/core';
+import CreateGroupForm from './components/CreateGroupForm.js';
+import { jsxs, 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 styles=function styles(){return {root:{},DialogTitle:{},DialogContent:{}};};function CreateGroupDialog(_ref){var classes=_ref.classes,className=_ref.className,groupListType=_ref.groupListType,userListType=_ref.userListType,onClose=_ref.onClose,onSubmit=_ref.onSubmit,titleText=_ref.titleText,CreateGroupFormProps=_ref.CreateGroupFormProps;var _useMemo=useMemo(function(){var _groupListType$group=groupListType.group,allGroups=_groupListType$group===void 0?[]:_groupListType$group;return allGroups.reduce(function(_ref2,c){var _ref3=_slicedToArray(_ref2,2),isTrue=_ref3[0],isFalse=_ref3[1];return c.role?[[].concat(_toConsumableArray(isTrue),[c]),isFalse]:[isTrue,[].concat(_toConsumableArray(isFalse),[c])];},[[],[]]).map(function(gr){return gr.map(function(g){return g.groupName;});});},[groupListType]),_useMemo2=_slicedToArray(_useMemo,2),roles=_useMemo2[0],groups=_useMemo2[1];var users=useMemo(function(){var _userListType$user=userListType.user,userList=_userListType$user===void 0?[]:_userListType$user;return userList.map(function(u){return u.userName;});},[userListType]);return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtCreateGroupDialog-root',className),children:[titleText&&/*#__PURE__*/jsx(DialogTitle,{className:classes.DialogTitle,children:titleText}),/*#__PURE__*/jsx(DialogContent,{className:classes.DialogContent,children:/*#__PURE__*/jsx(CreateGroupForm,_objectSpread({onSubmit:onSubmit,onCancel:onClose,users:users,roles:roles,groups:groups},CreateGroupFormProps))})]});}CreateGroupDialog.defaultProps={classes:{},className:undefined,titleText:'Create Group',onClose:undefined,onSubmit:undefined,groupListType:{},userListType:{},CreateGroupFormProps:{}};
+
+export { CreateGroupDialog as default, styles };