@vidispine/vdt-mui 23.1.0 → 23.2.0-pre.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_utils/isDefinedValue.js +5 -0
- package/dist/collection/CollectionList/CollectionList.js +1 -1
- package/dist/entity/EntityCard/components/EntityCardActions.js +1 -1
- package/dist/entity/EntityCard/components/EntityCardBase.js +2 -1
- package/dist/entity/EntityCard/components/EntityCardHeader.js +2 -1
- package/dist/entity/EntityListItem/components/EntityListItemAvatar.js +1 -1
- package/dist/entity/EntityTableRow/components/EntityTableCellAvatar.js +10 -0
- package/dist/entity/EntityTableRow/components/EntityTableCellCheckbox.js +8 -0
- package/dist/general/AvatarMenu/AvatarMenu.js +3 -2
- package/dist/general/CalendarPicker/CalendarPicker.js +2 -2
- package/dist/general/CalendarPicker/utils/index.js +2 -2
- package/dist/general/Form/Form.js +12 -0
- package/dist/general/Form/index.js +7 -0
- package/dist/general/MediaIcon/MediaIcon.js +2 -2
- package/dist/general/TablePagination/TablePagination.js +4 -2
- package/dist/general/ThemeContext/ThemeContext.js +2 -2
- package/dist/index.js +1 -0
- package/dist/inputs/BooleanInput/BooleanInput.js +1 -1
- package/dist/inputs/CheckboxGroupInput/CheckboxGroupInput.js +6 -6
- package/dist/inputs/CheckboxGroupInput/components/CheckboxGroup.js +1 -1
- package/dist/inputs/DateRangeInput/DateRangeInput.js +3 -3
- package/dist/inputs/DateRangeInput/index.js +2 -2
- package/dist/inputs/DateTimeInput/DateTimeInput.js +4 -3
- package/dist/inputs/MaskedTextInput/components/MaskedInputComponent.js +1 -1
- package/dist/inputs/SelectInput/SelectInput.js +1 -1
- package/dist/inputs/SliderInput/SliderInput.js +8 -5
- package/dist/inputs/SliderInput/components/Slider.js +6 -6
- package/dist/inputs/SliderInput/index.js +2 -2
- package/dist/inputs/TagInput/TagInput.js +3 -2
- package/dist/inputs/TagInput/index.js +2 -2
- package/dist/inputs/TextInput/TextInput.js +1 -1
- package/dist/inputs/TextInput/index.js +2 -2
- package/dist/inputs/_components/MenuItem.js +1 -1
- package/dist/item/ItemCard/components/ItemCardMedia.js +2 -1
- package/dist/item/ItemList/ItemList.js +1 -1
- package/dist/item/ItemPoster/ItemPoster.js +3 -2
- package/dist/item/ItemTable/ItemTable.js +2 -1
- package/dist/item/ItemTable/components/ItemTableHead.js +1 -1
- package/dist/item/ItemTableRow/ItemTableRow.js +5 -2
- package/dist/search/SearchFilterForm/SearchFilterForm.js +10 -0
- package/dist/search/SearchFilterForm/hooks/UseSearchFilterFormInputs.js +14 -0
- package/dist/search/SearchFilterForm/index.js +7 -0
- package/dist/search/SearchFilterForm/utils/mapValuesToFilter.js +8 -0
- package/package.json +13 -10
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import _typeof from '@babel/runtime/helpers/typeof';
|
|
2
|
+
|
|
3
|
+
var isDefinedValue=function isDefinedValue(v){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref$includeDateRange=_ref.includeDateRange,includeDateRange=_ref$includeDateRange===void 0?false:_ref$includeDateRange;if(Array.isArray(v)){return v.length!==0&&v.every(function(value){return ![null,undefined].includes(value);});}if(includeDateRange&&_typeof(v)==='object'){return !!(v!==null&&v!==void 0&&v.start)||!!(v!==null&&v!==void 0&&v.end);}return ![null,undefined].includes(v);};
|
|
4
|
+
|
|
5
|
+
export { isDefinedValue };
|
|
@@ -7,6 +7,6 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
|
7
7
|
import { uuidv4 } from '../../_utils/uuidv4.js';
|
|
8
8
|
import { showSlot } from '../../_utils/showSlot.js';
|
|
9
9
|
|
|
10
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function EmptySlot(){return/*#__PURE__*/jsx(Typography,{children:"No collections found..."});}var StyledMuiList=styled(List)(function(){return {width:'100%'};});var defaultComponents={Root:StyledMuiList,ListSubheader:ListSubheader,ListItem:VdtCollectionListItem};function CollectionList(_ref){var collectionListType=_ref.collectionListType,header=_ref.header,primary=_ref.primary,secondary=_ref.secondary,avatarVariant=_ref.avatarVariant,dense=_ref.dense,amountLoading=_ref.amountLoading,isLoading=_ref.isLoading,onListItemClick=_ref.onListItemClick,onListItemDelete=_ref.onListItemDelete,emptySlot=_ref.emptySlot,components=_ref.components,componentsProps=_ref.componentsProps;var List=components.Root,ListSubheader=components.ListSubheader,ListItem=components.ListItem;var loadingListItems=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(){return {key:uuidv4()};});var listItems=useMemo(function(){var _collectionListType$c;return (collectionListType===null||collectionListType===void 0?void 0:(_collectionListType$c=collectionListType.collection)===null||_collectionListType$c===void 0?void 0:_collectionListType$c.map(function(collectionType){return {key:uuidv4(),collectionType:collectionType};}))||[];},[collectionListType.collection]);return/*#__PURE__*/jsxs(List,_objectSpread(_objectSpread({dense:dense},componentsProps.root),{},{children:[/*#__PURE__*/jsx(ListSubheader,_objectSpread(_objectSpread({},componentsProps.listSubheader),{},{children:header})),/*#__PURE__*/jsxs(Fragment,{children:[!isLoading&&listItems.length===0&&showSlot(emptySlot),(isLoading?loadingListItems:listItems).map(function(_ref2){var key=_ref2.key,collectionType=_ref2.collectionType;return/*#__PURE__*/jsx(ListItem,_objectSpread({collectionType:collectionType,primary:primary,secondary:secondary,avatarVariant:avatarVariant,isLoading:isLoading,onClick:onListItemClick,onDelete:onListItemDelete},componentsProps.listItem),key);})]})]}));}CollectionList.defaultProps={collectionListType:{},header:undefined,primary:undefined,secondary:undefined,avatarVariant:'square',dense:false,isLoading:false,amountLoading:3,onListItemClick:undefined,onListItemDelete:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
|
|
10
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function EmptySlot(){return/*#__PURE__*/jsx(Typography,{children:"No collections found..."});}var StyledMuiList=styled(List)(function(){return {width:'100%',padding:0};});var defaultComponents={Root:StyledMuiList,ListSubheader:ListSubheader,ListItem:VdtCollectionListItem};function CollectionList(_ref){var collectionListType=_ref.collectionListType,header=_ref.header,primary=_ref.primary,secondary=_ref.secondary,avatarVariant=_ref.avatarVariant,dense=_ref.dense,amountLoading=_ref.amountLoading,isLoading=_ref.isLoading,onListItemClick=_ref.onListItemClick,onListItemDelete=_ref.onListItemDelete,emptySlot=_ref.emptySlot,components=_ref.components,componentsProps=_ref.componentsProps;var List=components.Root,ListSubheader=components.ListSubheader,ListItem=components.ListItem;var loadingListItems=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(){return {key:uuidv4()};});var listItems=useMemo(function(){var _collectionListType$c;return (collectionListType===null||collectionListType===void 0?void 0:(_collectionListType$c=collectionListType.collection)===null||_collectionListType$c===void 0?void 0:_collectionListType$c.map(function(collectionType){return {key:uuidv4(),collectionType:collectionType};}))||[];},[collectionListType.collection]);return/*#__PURE__*/jsxs(List,_objectSpread(_objectSpread({dense:dense},componentsProps.root),{},{children:[/*#__PURE__*/jsx(ListSubheader,_objectSpread(_objectSpread({},componentsProps.listSubheader),{},{children:header})),/*#__PURE__*/jsxs(Fragment,{children:[!isLoading&&listItems.length===0&&showSlot(emptySlot),(isLoading?loadingListItems:listItems).map(function(_ref2){var key=_ref2.key,collectionType=_ref2.collectionType;return/*#__PURE__*/jsx(ListItem,_objectSpread({collectionType:collectionType,primary:primary,secondary:secondary,avatarVariant:avatarVariant,isLoading:isLoading,onClick:onListItemClick,onDelete:onListItemDelete},componentsProps.listItem),key);})]})]}));}CollectionList.defaultProps={collectionListType:{},header:undefined,primary:undefined,secondary:undefined,avatarVariant:'square',dense:false,isLoading:false,amountLoading:3,onListItemClick:undefined,onListItemDelete:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
|
|
11
11
|
|
|
12
12
|
export { CollectionList as default };
|
|
@@ -5,6 +5,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
import ExpandButton from '../../../general/ExpandButton/index.js';
|
|
6
6
|
import { getEntityProp } from '../../_utils/getEntityProp.js';
|
|
7
7
|
|
|
8
|
-
var _excluded=["itemType","collectionType","classes","checked","expanded","actions","onActionClick","onExpand","onCheck","expandButton"];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 StyledCardActions=styled(CardActions)(function(){return {alignItems:'flex-end',padding:8};});var StyledIconButton=styled(IconButton)(function(){return {transition:'color .2s ease-out'};});var StyledCheckbox=styled(Checkbox)(function(){return {marginLeft:'auto',transition:'color .2s ease-out'};});function EntityCardActions(_ref){var itemType=_ref.itemType,collectionType=_ref.collectionType;_ref.classes;var _ref$checked=_ref.checked,checked=_ref$checked===void 0?false:_ref$checked,_ref$expanded=_ref.expanded,expanded=_ref$expanded===void 0?false:_ref$expanded,_ref$actions=_ref.actions,actions=_ref$actions===void 0?[]:_ref$actions,_ref$onActionClick=_ref.onActionClick,onActionClick=_ref$onActionClick===void 0?function(){return null;}:_ref$onActionClick,onExpand=_ref.onExpand,onCheck=_ref.onCheck,_ref$expandButton=_ref.expandButton,expandButton=_ref$expandButton===void 0?{}:_ref$expandButton,props=_objectWithoutProperties(_ref,_excluded);var handleActionClick=function handleActionClick(e,action){onActionClick(e,_objectSpread({action:action},getEntityProp({itemType:itemType,collectionType:collectionType})));};return/*#__PURE__*/jsxs(StyledCardActions,_objectSpread(_objectSpread({disableSpacing:true},props),{},{children:[actions===null||actions===void 0?void 0:actions.map(function(action){var _ref2=action||{},name=_ref2.name,iconButtonProps=_ref2.iconButtonProps,Icon=_ref2.Icon;return/*#__PURE__*/jsx(StyledIconButton,_objectSpread(_objectSpread({onClick:function onClick(e){return handleActionClick(e,action);}},iconButtonProps),{},{children:/*#__PURE__*/jsx(Icon,{})}),name);}),onCheck&&/*#__PURE__*/jsx(StyledCheckbox,{checked:checked,onChange:onCheck}),onExpand&&/*#__PURE__*/jsx(ExpandButton,_objectSpread({expanded:expanded,onClick:onExpand},expandButton))]}));}
|
|
8
|
+
var _excluded=["itemType","collectionType","classes","checked","expanded","actions","onActionClick","onExpand","onCheck","expandButton"];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 StyledCardActions=styled(CardActions)(function(){return {alignItems:'flex-end',padding:8};});var StyledIconButton=styled(IconButton)(function(){return {transition:'color .2s ease-out'};});var StyledCheckbox=styled(Checkbox)(function(){return {marginLeft:'auto',transition:'color .2s ease-out'};});function EntityCardActions(_ref){var itemType=_ref.itemType,collectionType=_ref.collectionType;_ref.classes;var _ref$checked=_ref.checked,checked=_ref$checked===void 0?false:_ref$checked,_ref$expanded=_ref.expanded,expanded=_ref$expanded===void 0?false:_ref$expanded,_ref$actions=_ref.actions,actions=_ref$actions===void 0?[]:_ref$actions,_ref$onActionClick=_ref.onActionClick,onActionClick=_ref$onActionClick===void 0?function(){return null;}:_ref$onActionClick,onExpand=_ref.onExpand,onCheck=_ref.onCheck,_ref$expandButton=_ref.expandButton,expandButton=_ref$expandButton===void 0?{}:_ref$expandButton,props=_objectWithoutProperties(_ref,_excluded);var handleActionClick=function handleActionClick(e,action){onActionClick(e,_objectSpread({action:action},getEntityProp({itemType:itemType,collectionType:collectionType})));};if(!(actions!==null&&actions!==void 0&&actions.length)&&!onCheck&&!onExpand){return null;}return/*#__PURE__*/jsxs(StyledCardActions,_objectSpread(_objectSpread({disableSpacing:true},props),{},{children:[actions===null||actions===void 0?void 0:actions.map(function(action){var _ref2=action||{},name=_ref2.name,iconButtonProps=_ref2.iconButtonProps,Icon=_ref2.Icon;return/*#__PURE__*/jsx(StyledIconButton,_objectSpread(_objectSpread({onClick:function onClick(e){return handleActionClick(e,action);}},iconButtonProps),{},{children:/*#__PURE__*/jsx(Icon,{})}),name);}),onCheck&&/*#__PURE__*/jsx(StyledCheckbox,{checked:checked,onChange:onCheck}),onExpand&&/*#__PURE__*/jsx(ExpandButton,_objectSpread({expanded:expanded,onClick:onExpand},expandButton))]}));}
|
|
9
9
|
|
|
10
10
|
export { EntityCardActions as default };
|
|
@@ -3,6 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
import { styled, Card } from '@mui/material';
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
var _excluded=["children"];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 StyledCard=styled(Card,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='checked';}})(function(_ref){var checked=_ref.checked,theme=_ref.theme;return {width:'100%',padding:0,height:'100%',borderWidth:0.7,borderStyle:'solid',transition:'border-color .2s ease-out','&:hover':{'& .MuiIconButton-root':{color:theme.palette.primary.main},'& .MuiAvatar-root':{color:theme.palette.primary.main},'& .MuiCheckbox-root':{color:theme.palette.primary.main},'& .VdtEntityAvatar-root':{backgroundColor:theme.palette.primary.main}},borderColor:checked?theme.palette.primary.main:'transparent'
|
|
6
|
+
var _excluded=["children"];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 StyledCard=styled(Card,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='checked';}})(function(_ref){var checked=_ref.checked,theme=_ref.theme;return {width:'100%',padding:0,height:'100%',borderWidth:0.7,borderStyle:'solid',transition:'border-color .2s ease-out','&:hover':{'& .MuiIconButton-root':{color:theme.palette.primary.main},'& .MuiAvatar-root':{color:theme.palette.primary.main},'& .MuiCheckbox-root':{color:theme.palette.primary.main},'& .VdtEntityAvatar-root':{backgroundColor:theme.palette.primary.main}},borderColor:checked?theme.palette.primary.main:'transparent',backgroundImage:'unset',// remove "opacity" from card elevation
|
|
7
|
+
overflow:'unset'};});function EntityCardBase(_ref2){var children=_ref2.children,props=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(StyledCard,_objectSpread(_objectSpread({},props),{},{children:children}));}
|
|
7
8
|
|
|
8
9
|
export { EntityCardBase as default };
|
|
@@ -7,6 +7,7 @@ import AvatarMenu from '../../../general/AvatarMenu/index.js';
|
|
|
7
7
|
import { getEntityText } from '../../_utils/getEntityText.js';
|
|
8
8
|
import { getEntityProp } from '../../_utils/getEntityProp.js';
|
|
9
9
|
|
|
10
|
-
var _excluded=["itemType","collectionType","title","subheader","menuOptions","onOptionClick","entityAvatar","avatarMenu"];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 StyledCardHeader=styled(CardHeader)(function(
|
|
10
|
+
var _excluded=["itemType","collectionType","title","subheader","menuOptions","onOptionClick","entityAvatar","avatarMenu"];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 StyledCardHeader=styled(CardHeader)(function(_ref){var avatar=_ref.avatar,action=_ref.action;// width + margin
|
|
11
|
+
var avatarWidth=avatar?40+16:0;var actionWidth=action?40+16:0;return {display:'inline-block',padding:16,width:'inherit','& .MuiCardHeader-avatar':{"float":'left'},'& .MuiCardHeader-content':{"float":'left',width:"calc(100% - ".concat(avatarWidth,"px - ").concat(actionWidth,"px)")},'& .MuiCardHeader-action':{marginTop:0,"float":'right'},"float":'none'};});var StyledEntityAvatar=styled(EntityAvatar)(function(_ref2){var theme=_ref2.theme;return {backgroundColor:theme.palette.mode==='light'?'rgba(0, 0, 0, 0.54)':'#fff'};});var StyledAvatarMenu=styled(AvatarMenu)(function(_ref3){var theme=_ref3.theme;return {marginLeft:16,'& .MuiAvatar-root':{color:theme.palette.mode==='light'?'rgba(0, 0, 0, 0.54)':'#fff',backgroundColor:'transparent','&:hover':{backgroundColor:'rgba(255, 255, 255, 0.08)'}}};});function EntityCardHeader(_ref4){var _getEntityText,_getEntityText$split,_avatarMenu$component;var itemType=_ref4.itemType,collectionType=_ref4.collectionType,title=_ref4.title,subheader=_ref4.subheader,menuOptions=_ref4.menuOptions,onOptionClick=_ref4.onOptionClick,_ref4$entityAvatar=_ref4.entityAvatar,entityAvatar=_ref4$entityAvatar===void 0?{}:_ref4$entityAvatar,_ref4$avatarMenu=_ref4.avatarMenu,avatarMenu=_ref4$avatarMenu===void 0?{}:_ref4$avatarMenu,props=_objectWithoutProperties(_ref4,_excluded);var _ref5=itemType||collectionType||{},id=_ref5.id;var titleText=getEntityText(title,{itemType:itemType,collectionType:collectionType});var subheaderText=getEntityText(subheader,{itemType:itemType,collectionType:collectionType});var mimeMediaType=(_getEntityText=getEntityText('mimeType',{itemType:itemType}))===null||_getEntityText===void 0?void 0:(_getEntityText$split=_getEntityText.split('/'))===null||_getEntityText$split===void 0?void 0:_getEntityText$split[0];var mediaType=getEntityText('mediaType',{itemType:itemType})||mimeMediaType;var handleOptionClick=function handleOptionClick(e,option){onOptionClick(e,_objectSpread({option:option},getEntityProp({itemType:itemType,collectionType:collectionType})));};return/*#__PURE__*/jsx(StyledCardHeader,_objectSpread({title:titleText||id,subheader:subheaderText,titleTypographyProps:{noWrap:true},subheaderTypographyProps:{noWrap:true},avatar:/*#__PURE__*/jsx(StyledEntityAvatar,_objectSpread({entityType:itemType&&'item'||collectionType&&'collection',mediaType:mediaType},entityAvatar)),action:menuOptions&&/*#__PURE__*/jsx(StyledAvatarMenu,_objectSpread({minWidth:"unset",options:menuOptions,onOptionClick:handleOptionClick,componentsProps:_objectSpread({menu:_objectSpread({anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'}},((_avatarMenu$component=avatarMenu.componentsProps)===null||_avatarMenu$component===void 0?void 0:_avatarMenu$component.menu)||{})},avatarMenu.componentsProps||{})},avatarMenu))},props));}
|
|
11
12
|
|
|
12
13
|
export { EntityCardHeader as default };
|
|
@@ -5,6 +5,6 @@ import { parseMetadataType } from '@vidispine/vdt-js';
|
|
|
5
5
|
import EntityAvatar from '../../EntityAvatar/index.js';
|
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
|
-
var _excluded=["itemType","collectionType","isLoading","variant","entityAvatar"];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 EntityListItemAvatar(_ref){var itemType=_ref.itemType,collectionType=_ref.collectionType,isLoading=_ref.isLoading,variant=_ref.variant,entityAvatar=_ref.entityAvatar,props=_objectWithoutProperties(_ref,_excluded);var _ref2=itemType||collectionType||{},metadata=_ref2.metadata;var entityType=itemType&&'item'||collectionType&&'collection';var _parseMetadataType=parseMetadataType(metadata,{flat:true,arrayOnSingleValue:false}),mimeType=_parseMetadataType.mimeType;var
|
|
8
|
+
var _excluded=["itemType","collectionType","isLoading","variant","entityAvatar"];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 EntityListItemAvatar(_ref){var itemType=_ref.itemType,collectionType=_ref.collectionType,isLoading=_ref.isLoading,variant=_ref.variant,entityAvatar=_ref.entityAvatar,props=_objectWithoutProperties(_ref,_excluded);var _ref2=itemType||collectionType||{},metadata=_ref2.metadata;var entityType=itemType&&'item'||collectionType&&'collection';var _parseMetadataType=parseMetadataType(metadata,{flat:true,arrayOnSingleValue:false}),mediaType=_parseMetadataType.mediaType,mimeType=_parseMetadataType.mimeType;var mimeMediaType=typeof mimeType==='string'?mimeType.split('/')[0]:undefined;return/*#__PURE__*/jsx(ListItemAvatar,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsx(EntityAvatar,_objectSpread({entityType:entityType,mediaType:mediaType||mimeMediaType,isLoading:isLoading,variant:variant},entityAvatar))}));}
|
|
9
9
|
|
|
10
10
|
export { EntityListItemAvatar as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import { TableCell } from '@mui/material';
|
|
4
|
+
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
5
|
+
import EntityAvatar from '../../EntityAvatar/index.js';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var _excluded=["itemType","collectionType","isLoading","variant","entityAvatar"];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 EntityTableCellAvatar(_ref){var itemType=_ref.itemType,collectionType=_ref.collectionType,isLoading=_ref.isLoading,variant=_ref.variant,entityAvatar=_ref.entityAvatar,props=_objectWithoutProperties(_ref,_excluded);var _ref2=itemType||collectionType||{},metadata=_ref2.metadata;var entityType=itemType&&'item'||collectionType&&'collection';var _parseMetadataType=parseMetadataType(metadata,{flat:true,arrayOnSingleValue:false}),mediaType=_parseMetadataType.mediaType,mimeType=_parseMetadataType.mimeType;var mimeMediaType=typeof mimeType==='string'?mimeType.split('/')[0]:undefined;return/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({padding:"checkbox"},props),{},{children:/*#__PURE__*/jsx(EntityAvatar,_objectSpread({entityType:entityType,mediaType:mediaType||mimeMediaType,variant:variant,isLoading:isLoading},entityAvatar||{}))}));}
|
|
9
|
+
|
|
10
|
+
export { EntityTableCellAvatar as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import { TableCell, Skeleton } from '@mui/material';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
var _excluded=["isLoading","checkbox","itemType","children"];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 EntityTableCellCheckbox(_ref){var isLoading=_ref.isLoading;_ref.checkbox;_ref.itemType;var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({padding:"checkbox"},props),{},{children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):children}));}
|
|
7
|
+
|
|
8
|
+
export { EntityTableCellCheckbox as default };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
3
|
import { useState } from 'react';
|
|
4
|
-
import { styled, darken,
|
|
4
|
+
import { styled, darken, Menu, Box } from '@mui/material';
|
|
5
5
|
import Avatar from './components/Avatar.js';
|
|
6
6
|
import MenuItem from './components/MenuItem.js';
|
|
7
7
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
|
-
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 StyledVdtAvatar=styled(Avatar)(function(_ref){var theme=_ref.theme,characters=_ref.characters;return _objectSpread({transition:'color .2s ease-out',backgroundColor:theme.palette.primary.main,'&:hover':{backgroundColor:darken(theme.palette.primary.main,0.3)}},(characters===null||characters===void 0?void 0:characters.length)>1?{fontSize:"".concat((characters===null||characters===void 0?void 0:characters.length)===2?'16':'12',"px"),lineHeight:0,fontWeight:600}:{fontWeight:500});});var StyledVdtMenuItem=styled(MenuItem,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='minWidth';}})(function(_ref2){var minWidth=_ref2.minWidth;return {minWidth:minWidth};});var
|
|
9
|
+
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 StyledVdtAvatar=styled(Avatar)(function(_ref){var theme=_ref.theme,characters=_ref.characters;return _objectSpread({transition:'color .2s ease-out',backgroundColor:theme.palette.primary.main,'&:hover':{backgroundColor:darken(theme.palette.primary.main,0.3)}},(characters===null||characters===void 0?void 0:characters.length)>1?{fontSize:"".concat((characters===null||characters===void 0?void 0:characters.length)===2?'16':'12',"px"),lineHeight:0,fontWeight:600}:{fontWeight:500});});var StyledVdtMenuItem=styled(MenuItem,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='minWidth';}})(function(_ref2){var minWidth=_ref2.minWidth;return {minWidth:minWidth};});var StyledMuiMenu=styled(Menu)({'& .MuiPaper-root':{// Reduce the "opacity"
|
|
10
|
+
backgroundImage:'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))'}});var defaultComponents={Root:Box,Avatar:StyledVdtAvatar,Menu:StyledMuiMenu,MenuItem:StyledVdtMenuItem};function AvatarMenu(_ref3){var type=_ref3.type,characters=_ref3.characters,variant=_ref3.variant,minWidth=_ref3.minWidth,options=_ref3.options,onAvatarClick=_ref3.onAvatarClick,onOptionClick=_ref3.onOptionClick,components=_ref3.components,componentsProps=_ref3.componentsProps;var Box=components.Root,Avatar=components.Avatar,Menu=components.Menu,MenuItem=components.MenuItem;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var handleAvatarClick=function handleAvatarClick(e){setAnchorEl(e.currentTarget);if(onAvatarClick)onAvatarClick(e);};var handleClose=function handleClose(){setAnchorEl(null);};var handleOptionClick=function handleOptionClick(e,option){if(onOptionClick)onOptionClick(e,option);handleClose();};return/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({},componentsProps.root),{},{children:[/*#__PURE__*/jsx(Avatar,_objectSpread({onClick:handleAvatarClick,type:type,variant:variant,characters:characters},componentsProps.avatar)),/*#__PURE__*/jsx(Menu,_objectSpread(_objectSpread({anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:handleClose,PaperProps:_objectSpread({square:true},componentsProps.menu.PaperProps||{}),anchorOrigin:_objectSpread({vertical:'bottom',horizontal:'center'},componentsProps.menu.anchorOrigin||{}),transformOrigin:_objectSpread({vertical:'top',horizontal:'center'},componentsProps.menu.transformOrigin||{})},componentsProps.menu),{},{children:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,_objectSpread({onClick:function onClick(e){return handleOptionClick(e,option);},option:option,minWidth:minWidth},componentsProps.menuItem),option.name||option.label);})}))]}));}AvatarMenu.defaultProps={type:'dots',characters:undefined,variant:'circular',minWidth:'200px',options:[],onAvatarClick:undefined,onOptionClick:undefined,components:defaultComponents,componentsProps:undefined};
|
|
10
11
|
|
|
11
12
|
export { AvatarMenu as default };
|
|
@@ -12,11 +12,11 @@ import 'dayjs/locale/sv';
|
|
|
12
12
|
import 'dayjs/locale/en-gb';
|
|
13
13
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var LOCALES=['en','en-gb','de','sv','fr'];var StyledMuiPaper=styled(Paper)(function(){return {display:'flex',flexDirection:'column',width:'min-content',margin:'auto',minWidth:300};});var StyledMuiCalendarPickerLeft=styled(CalendarPicker$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showDouble';}})(function(_ref){var showDouble=_ref.showDouble,views=_ref.views;return _objectSpread(_objectSpread({margin:0,minWidth:300,maxHeight:'unset','& .MuiDayPicker-weekDayLabel':{margin:'0 1px'}},views.length===1&&views.includes('day')&&{'& .MuiPickersCalendarHeader-labelContainer':{pointerEvents:'none'}}),showDouble&&{'& .MuiPickersArrowSwitcher-spacer':{display:'none'},'& .MuiPickersCalendarHeader-root':{paddingLeft:24,paddingRight:24,display:'flex',flexDirection:'row-reverse','& .MuiPickersCalendarHeader-labelContainer':{margin:'auto','& .MuiPickersCalendarHeader-label':{margin:0}}}});});var StyledMuiCalendarPickerRight=styled(CalendarPicker$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showDouble';}})(function(_ref2){var views=_ref2.views;return _objectSpread(_objectSpread({margin:0,minWidth:300,maxHeight:'unset','& .MuiDayPicker-weekDayLabel':{margin:'0 1px'}},views.length===1&&views.includes('day')&&{'& .MuiPickersCalendarHeader-labelContainer':{pointerEvents:'none'}}),{},{'& .MuiPickersArrowSwitcher-spacer':{display:'none'},'& .MuiPickersCalendarHeader-root':{paddingLeft:24,paddingRight:24,'& .MuiPickersCalendarHeader-labelContainer':{margin:'auto','& .MuiPickersCalendarHeader-label':{margin:0}}}});});var StyledMuiBox=styled(Box)(function(){return {display:'flex'};});var defaultComponents={Root:StyledMuiPaper,LocalizationProvider:LocalizationProvider,Box:StyledMuiBox,CalendarPickerLeft:StyledMuiCalendarPickerLeft,CalendarPickerRight:StyledMuiCalendarPickerRight,PickersDay:VdtPickersDay,Divider:Divider,ClearButton:Button};function CalendarPicker(_ref3){var _componentsProps$cale,_componentsProps$cale2;var propValue=_ref3.value,defaultValue=_ref3.defaultValue,range=_ref3.range,propMonthDate=_ref3.monthDate,propRangeValueToChange=_ref3.rangeValueToChange,disableHighlightToday=_ref3.disableHighlightToday,disablePast=_ref3.disablePast,disableFuture=_ref3.disableFuture,minDate=_ref3.minDate,maxDate=_ref3.maxDate,locale=_ref3.locale,showDouble=_ref3.showDouble,onMonthChange=_ref3.onMonthChange,onChange=_ref3.onChange,onReset=_ref3.onReset,components=_ref3.components,componentsProps=_ref3.componentsProps;var Root=components.Root,LocalizationProvider=components.LocalizationProvider,Box=components.Box,CalendarPickerLeft=components.CalendarPickerLeft,CalendarPickerRight=components.CalendarPickerRight,PickersDay=components.PickersDay,Divider=components.Divider,ClearButton=components.ClearButton;var adapter=new AdapterDayjs();var _useState=useState(propMonthDate!==null&&propMonthDate!==void 0?propMonthDate:new Date().toISOString()),_useState2=_slicedToArray(_useState,2),monthDate=_useState2[0],setMonthDate=_useState2[1];var rangeValueToChangeRef=useRef(propRangeValueToChange||'START');var valueRef=useRef(defaultValue);var value=propValue!==undefined?propValue:valueRef.current;var rangeValueToChange=propRangeValueToChange!==undefined?propRangeValueToChange:rangeValueToChangeRef.current;var leftMonth=adapter.date(propMonthDate||monthDate);var rightMonth=adapter.date(propMonthDate||monthDate).add(1,'month');// Re-render when monthDate is sent as prop, syncing double calendars, or resetting picker
|
|
15
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var LOCALES=['en','en-gb','de','sv','fr'];var StyledMuiPaper=styled(Paper)(function(){return {display:'flex',flexDirection:'column',width:'min-content',margin:'auto',minWidth:300};});var StyledMuiCalendarPickerLeft=styled(CalendarPicker$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showDouble';}})(function(_ref){var showDouble=_ref.showDouble,views=_ref.views;return _objectSpread(_objectSpread({margin:0,minWidth:300,maxHeight:'unset','& .MuiDayPicker-weekDayLabel':{margin:'0 1px'}},views.length===1&&views.includes('day')&&{'& .MuiPickersCalendarHeader-labelContainer':{pointerEvents:'none'}}),showDouble&&{'& .MuiPickersArrowSwitcher-spacer':{display:'none'},'& .MuiPickersCalendarHeader-root':{paddingLeft:24,paddingRight:24,display:'flex',flexDirection:'row-reverse','& .MuiPickersCalendarHeader-labelContainer':{margin:'auto','& .MuiPickersCalendarHeader-label':{margin:0}}}});});var StyledMuiCalendarPickerRight=styled(CalendarPicker$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showDouble';}})(function(_ref2){var views=_ref2.views;return _objectSpread(_objectSpread({margin:0,minWidth:300,maxHeight:'unset','& .MuiDayPicker-weekDayLabel':{margin:'0 1px'}},views.length===1&&views.includes('day')&&{'& .MuiPickersCalendarHeader-labelContainer':{pointerEvents:'none'}}),{},{'& .MuiPickersArrowSwitcher-spacer':{display:'none'},'& .MuiPickersCalendarHeader-root':{paddingLeft:24,paddingRight:24,'& .MuiPickersCalendarHeader-labelContainer':{margin:'auto','& .MuiPickersCalendarHeader-label':{margin:0}}}});});var StyledMuiBox=styled(Box)(function(){return {display:'flex'};});var defaultComponents={Root:StyledMuiPaper,LocalizationProvider:LocalizationProvider,Box:StyledMuiBox,CalendarPickerLeft:StyledMuiCalendarPickerLeft,CalendarPickerRight:StyledMuiCalendarPickerRight,PickersDay:VdtPickersDay,Divider:Divider,ClearButton:Button};function CalendarPicker(_ref3){var _componentsProps$cale,_componentsProps$cale2;var propValue=_ref3.value,defaultValue=_ref3.defaultValue,range=_ref3.range,propMonthDate=_ref3.monthDate,propRangeValueToChange=_ref3.rangeValueToChange,disableHighlightToday=_ref3.disableHighlightToday,disablePast=_ref3.disablePast,disableFuture=_ref3.disableFuture,minDate=_ref3.minDate,maxDate=_ref3.maxDate,locale=_ref3.locale,showDouble=_ref3.showDouble,clearText=_ref3.clearText,onMonthChange=_ref3.onMonthChange,onChange=_ref3.onChange,onReset=_ref3.onReset,components=_ref3.components,componentsProps=_ref3.componentsProps;var Root=components.Root,LocalizationProvider=components.LocalizationProvider,Box=components.Box,CalendarPickerLeft=components.CalendarPickerLeft,CalendarPickerRight=components.CalendarPickerRight,PickersDay=components.PickersDay,Divider=components.Divider,ClearButton=components.ClearButton;var adapter=new AdapterDayjs();var _useState=useState(propMonthDate!==null&&propMonthDate!==void 0?propMonthDate:new Date().toISOString()),_useState2=_slicedToArray(_useState,2),monthDate=_useState2[0],setMonthDate=_useState2[1];var rangeValueToChangeRef=useRef(propRangeValueToChange||'START');var valueRef=useRef(defaultValue);var value=propValue!==undefined?propValue:valueRef.current;var rangeValueToChange=propRangeValueToChange!==undefined?propRangeValueToChange:rangeValueToChangeRef.current;var leftMonth=adapter.date(propMonthDate||monthDate);var rightMonth=adapter.date(propMonthDate||monthDate).add(1,'month');// Re-render when monthDate is sent as prop, syncing double calendars, or resetting picker
|
|
16
16
|
var leftMonthKey=useMemo(function(){return showDouble?leftMonth:undefined;},[leftMonth,showDouble]);var rightMonthKey=useMemo(function(){return showDouble?rightMonth:undefined;},[rightMonth,showDouble]);var handleMonthChange=function handleMonthChange(date){setMonthDate(adapter.date(date));onMonthChange(null,{value:date.toISOString()});};var handleChange=function handleChange(date){valueRef.current=date.toISOString();onChange(null,{value:valueRef.current});};var handleRangeChange=function handleRangeChange(date){// Alternate between targeting start and end, but don't let start > end
|
|
17
17
|
if(rangeValueToChange==='START'){if(!(value!==null&&value!==void 0&&value.end)||adapter.date(value===null||value===void 0?void 0:value.end).isBefore(date)){valueRef.current={start:date.format(),end:undefined};onChange(null,{value:valueRef.current});}else {valueRef.current=_objectSpread(_objectSpread({},value),{},{start:date.format()});onChange(null,{value:valueRef.current});}rangeValueToChangeRef.current='END';}else if(rangeValueToChange==='END'){if(!(value!==null&&value!==void 0&&value.start)||adapter.date(value===null||value===void 0?void 0:value.start).isAfter(date)){valueRef.current={start:undefined,end:date.format()};onChange(null,{value:valueRef.current});}else {valueRef.current=_objectSpread(_objectSpread({},value),{},{end:date.format()});onChange(null,{value:valueRef.current});}rangeValueToChangeRef.current='START';}};var handleClear=function handleClear(e){valueRef.current=range?{start:undefined,end:undefined}:'';rangeValueToChangeRef.current='START';handleMonthChange(adapter.date(new Date()));onChange(e,{value:valueRef.current});};useEffect(function(){setMonthDate(propMonthDate);},[propMonthDate]);return/*#__PURE__*/jsxs(Root,_objectSpread(_objectSpread({},componentsProps.root),{},{children:[/*#__PURE__*/jsx(LocalizationProvider,_objectSpread(_objectSpread({dateAdapter:AdapterDayjs,adapterLocale:LOCALES.includes(locale)?locale:'en'},componentsProps.localizationProvider),{},{children:/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({},componentsProps.box),{},{children:[/*#__PURE__*/jsx(CalendarPickerLeft// key is used to re-render so the month is updated
|
|
18
18
|
,_objectSpread(_objectSpread({defaultCalendarMonth:leftMonth,disableHighlightToday:disableHighlightToday,disablePast:disablePast,disableFuture:disableFuture,showDouble:showDouble,minDate:minDate,maxDate:maxDate,renderDay:function renderDay(dayDate,_,pickersDayProps){return/*#__PURE__*/jsx(PickersDay,_objectSpread({date:dayDate,value:value,locale:locale},pickersDayProps));},onMonthChange:function onMonthChange(v){return handleMonthChange(v.toDate());},onYearChange:handleMonthChange,onChange:function onChange(v){return range?handleRangeChange(v):handleChange(v);},reduceAnimations:true,views:['day','year']},componentsProps.calendarPickerLeft),{},{components:_objectSpread(_objectSpread({},showDouble?{RightArrowButton:function RightArrowButton(){return null;}}:{}),((_componentsProps$cale=componentsProps.calendarPickerLeft)===null||_componentsProps$cale===void 0?void 0:_componentsProps$cale.components)||{})}),leftMonthKey),showDouble&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Divider,{flexItem:true,orientation:"vertical",sx:{borderWidth:1}}),/*#__PURE__*/jsx(CalendarPickerRight// key is used to re-render so the month is updated
|
|
19
|
-
,_objectSpread(_objectSpread({defaultCalendarMonth:rightMonth,disablePast:disablePast,disableFuture:disableFuture,minDate:minDate,maxDate:maxDate,renderDay:function renderDay(dayDate,_,pickersDayProps){return/*#__PURE__*/jsx(PickersDay,_objectSpread({date:dayDate,value:value,locale:locale},pickersDayProps));},onMonthChange:function onMonthChange(v){return handleMonthChange(adapter.date(v).subtract(1,'month'));},onChange:function onChange(v){return range?handleRangeChange(v):handleChange(v);},onReset:onReset,disableHighlightToday:true,reduceAnimations:true,views:['day']},componentsProps.calendarPickerRight),{},{components:_objectSpread({LeftArrowButton:function LeftArrowButton(){return null;}},((_componentsProps$cale2=componentsProps.calendarPickerRight)===null||_componentsProps$cale2===void 0?void 0:_componentsProps$cale2.components)||{})}),rightMonthKey)]})]}))})),/*#__PURE__*/jsx(Divider,{sx:{borderWidth:1}}),/*#__PURE__*/jsx(ClearButton,_objectSpread(_objectSpread({onClick:handleClear},componentsProps.clearButton),{},{children:
|
|
19
|
+
,_objectSpread(_objectSpread({defaultCalendarMonth:rightMonth,disablePast:disablePast,disableFuture:disableFuture,minDate:minDate,maxDate:maxDate,renderDay:function renderDay(dayDate,_,pickersDayProps){return/*#__PURE__*/jsx(PickersDay,_objectSpread({date:dayDate,value:value,locale:locale},pickersDayProps));},onMonthChange:function onMonthChange(v){return handleMonthChange(adapter.date(v).subtract(1,'month'));},onChange:function onChange(v){return range?handleRangeChange(v):handleChange(v);},onReset:onReset,disableHighlightToday:true,reduceAnimations:true,views:['day']},componentsProps.calendarPickerRight),{},{components:_objectSpread({LeftArrowButton:function LeftArrowButton(){return null;}},((_componentsProps$cale2=componentsProps.calendarPickerRight)===null||_componentsProps$cale2===void 0?void 0:_componentsProps$cale2.components)||{})}),rightMonthKey)]})]}))})),/*#__PURE__*/jsx(Divider,{sx:{borderWidth:1}}),/*#__PURE__*/jsx(ClearButton,_objectSpread(_objectSpread({onClick:handleClear},componentsProps.clearButton),{},{children:clearText}))]}));}CalendarPicker.defaultProps={value:undefined,defaultValue:undefined,range:true,rangeValueToChange:undefined,monthDate:undefined,disableHighlightToday:false,disablePast:false,disableFuture:false,minDate:undefined,maxDate:undefined,showDouble:false,locale:'en',clearText:'Clear',onChange:function onChange(){return null;},onMonthChange:function onMonthChange(){return null;},onReset:function onReset(){return null;},componentsProps:undefined,components:defaultComponents// view: 'day', // can only support day properly
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
export { CalendarPicker as default, defaultComponents };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import dayjs from 'dayjs';
|
|
2
2
|
import localeData from 'dayjs/plugin/localeData';
|
|
3
3
|
|
|
4
|
-
dayjs.extend(localeData);var differenceInDays=function differenceInDays(date1,date2){// Get difference without accounting for time
|
|
5
|
-
|
|
4
|
+
dayjs.extend(localeData);var differenceInDays=function differenceInDays(date1,date2){return(// Get difference without accounting for time
|
|
5
|
+
dayjs(date1).diff(dayjs(date2),'day'));};var getFirstDayOfWeek=function getFirstDayOfWeek(_ref){var locale=_ref.locale;var dayjsObjWithLocale=dayjs().locale(locale);return dayjsObjWithLocale.localeData().firstDayOfWeek();};var getLastDayOfWeek=function getLastDayOfWeek(_ref2){var locale=_ref2.locale;var dayjsObjWithLocale=dayjs().locale(locale);return dayjsObjWithLocale.localeData().firstDayOfWeek()+6===6?6:0;};var getLastDayOfMonth=function getLastDayOfMonth(date){return new Date(date.getFullYear(),date.getMonth()+1,0).getDate();};
|
|
6
6
|
|
|
7
7
|
export { differenceInDays, getFirstDayOfWeek, getLastDayOfMonth, getLastDayOfWeek };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
2
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
+
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
5
|
+
import { useRef, useEffect } from 'react';
|
|
6
|
+
import { useForm, Controller } from 'react-hook-form';
|
|
7
|
+
import { styled, ButtonGroup, Box, Button } from '@mui/material';
|
|
8
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
var _excluded=["name","defaultValue"],_excluded2=["name","defaultValue"],_excluded3=["Component","name","rules","label","defaultValue"],_excluded4=["onChange"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiButtonGroup=styled(ButtonGroup)(function(_ref){var theme=_ref.theme;return {marginTop:theme.spacing(2),marginBottom:theme.spacing(2),display:'flex',justifyContent:'center'};});var StyledMuiBoxInputContainer=styled(Box)(function(_ref2){var theme=_ref2.theme;return {'&:not(:first-of-type)':{paddingTop:theme.spacing(2)}};});var defaultComponents={Root:Box,InputContainer:StyledMuiBoxInputContainer,Controller:Controller,ButtonGroup:StyledMuiButtonGroup,ClearButton:Button,ResetButton:Button,SubmitButton:Button};function Form(_ref3){var inputs=_ref3.inputs,inputProps=_ref3.inputProps,formProps=_ref3.formProps,size=_ref3.size,variant=_ref3.variant,clearText=_ref3.clearText,resetText=_ref3.resetText,submitText=_ref3.submitText,onClear=_ref3.onClear,onReset=_ref3.onReset,onChange=_ref3.onChange,onSubmit=_ref3.onSubmit,onError=_ref3.onError,components=_ref3.components,componentsProps=_ref3.componentsProps;var Box=components.Root,InputContainer=components.InputContainer,Controller=components.Controller,ButtonGroup=components.ButtonGroup,ClearButton=components.ClearButton,ResetButton=components.ResetButton,SubmitButton=components.SubmitButton;var latestEventRef=useRef();var getEmptyValue=function getEmptyValue(_ref4){var multiple=_ref4.multiple,range=_ref4.range;return multiple||range?[]:null;};var inputDefaultValues=inputs.reduce(function(acc,_ref5){var name=_ref5.name,defaultValue=_ref5.defaultValue,props=_objectWithoutProperties(_ref5,_excluded);return _objectSpread(_objectSpread({},acc),{},_defineProperty({},name,defaultValue||getEmptyValue(props)));},{});var _useForm=useForm(_objectSpread({defaultValues:inputDefaultValues},formProps||{})),handleSubmit=_useForm.handleSubmit,control=_useForm.control,reset=_useForm.reset,watch=_useForm.watch,formState=_useForm.formState;var defaultValues=formState.defaultValues;var hasErrors=Object.keys((formState===null||formState===void 0?void 0:formState.errors)||{}).length>0;var handleClear=/*#__PURE__*/function(){var _ref6=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e){var clearedValues;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:clearedValues=inputs.reduce(function(acc,_ref7){var name=_ref7.name;_ref7.defaultValue;var props=_objectWithoutProperties(_ref7,_excluded2);return _objectSpread(_objectSpread({},acc),{},_defineProperty({},name,getEmptyValue(props)));},{});if(onClear)onClear(e,clearedValues);reset(clearedValues,{keepDefaultValues:true});case 3:case"end":return _context.stop();}}},_callee);}));return function handleClear(_x){return _ref6.apply(this,arguments);};}();var handleReset=/*#__PURE__*/function(){var _ref8=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e){return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:if(onReset)onReset(e,defaultValues);reset(defaultValues,{keepDefaultValues:true});case 2:case"end":return _context2.stop();}}},_callee2);}));return function handleReset(_x2){return _ref8.apply(this,arguments);};}();useEffect(function(){var subscription=onChange?watch(function(values){return onChange(latestEventRef.current,values);}):undefined;return function(){return subscription===null||subscription===void 0?void 0:subscription.unsubscribe();};},[onChange,watch]);var hasRequiredRule=function hasRequiredRule(rules){var _rules$required;return typeof(rules===null||rules===void 0?void 0:rules.required)==='string'||(rules===null||rules===void 0?void 0:(_rules$required=rules.required)===null||_rules$required===void 0?void 0:_rules$required.value)===true;};return/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({component:"form",onSubmit:handleSubmit(function(values,e){return typeof onSubmit==='function'&&onSubmit(e,values);},function(errors,e){return typeof onError==='function'&&onError(e,errors);})},componentsProps.root),{},{children:[inputs===null||inputs===void 0?void 0:inputs.map(function(_ref9){var Component=_ref9.Component,name=_ref9.name,rules=_ref9.rules,label=_ref9.label;_ref9.defaultValue;var props=_objectWithoutProperties(_ref9,_excluded3);return/*#__PURE__*/jsx(InputContainer,_objectSpread(_objectSpread({},componentsProps.inputContainer),{},{children:/*#__PURE__*/jsx(Controller,_objectSpread({control:control,name:name,rules:rules,render:function render(_ref10){var _errors$name;var _ref10$field=_ref10.field,onFieldChange=_ref10$field.onChange,fieldProps=_objectWithoutProperties(_ref10$field,_excluded4),errors=_ref10.formState.errors;return/*#__PURE__*/jsx(Component,_objectSpread(_objectSpread(_objectSpread({onChange:function onChange(e,v){latestEventRef.current=e;onFieldChange((v===null||v===void 0?void 0:v.value)!==undefined?v===null||v===void 0?void 0:v.value:v);},error:errors===null||errors===void 0?void 0:(_errors$name=errors[name])===null||_errors$name===void 0?void 0:_errors$name.message,size:size,variant:variant,label:hasRequiredRule(rules)?"".concat(label," *"):label},fieldProps),inputProps||{}),props));}},componentsProps.controller))}),name);}),/*#__PURE__*/jsxs(ButtonGroup,_objectSpread(_objectSpread({variant:"text",size:size,fullWidth:true},componentsProps.buttonGroup),{},{children:[onClear&&/*#__PURE__*/jsx(ClearButton,_objectSpread(_objectSpread({onClick:handleClear},componentsProps.clearButton),{},{children:clearText})),onReset&&/*#__PURE__*/jsx(ResetButton,_objectSpread(_objectSpread({onClick:handleReset},componentsProps.resetButton),{},{children:resetText})),onSubmit&&/*#__PURE__*/jsx(SubmitButton,_objectSpread(_objectSpread({type:"submit",disabled:hasErrors},componentsProps.submitButton),{},{children:submitText}))]}))]}));}Form.defaultProps={inputs:[],inputProps:undefined,formProps:undefined,variant:'standard',size:'medium',clearText:'Clear',resetText:'Reset',submitText:'Submit',onClear:undefined,onReset:undefined,onChange:undefined,onSubmit:undefined,onError:undefined,components:defaultComponents,componentsProps:undefined};
|
|
11
|
+
|
|
12
|
+
export { Form as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { styled } from '@mui/material';
|
|
2
|
+
import Form from './Form.js';
|
|
3
|
+
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
4
|
+
|
|
5
|
+
var componentName='Form';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(Form);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtForm = StyledComponent;
|
|
6
|
+
|
|
7
|
+
export { VdtForm as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { NoteAdd, Audiotrack, Image, Movie, InsertDriveFile } from '@mui/icons-material';
|
|
2
|
+
import { NoteAdd, Audiotrack, Image, Movie, Article, DataThresholding, PictureAsPdf, QuestionMark, InsertDriveFile } from '@mui/icons-material';
|
|
3
3
|
import { styled, Box } from '@mui/material';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiBox=styled(Box)(function(){return {display:'flex'};});var defaultComponents={Root:StyledMuiBox,PlaceholderIcon:NoteAdd,AudioIcon:Audiotrack,ImageIcon:Image,VideoIcon:Movie,FileIcon:InsertDriveFile};function MediaIcon(_ref){var type=_ref.type,components=_ref.components,componentsProps=_ref.componentsProps;var Box=components.Root,PlaceholderIcon=components.PlaceholderIcon,AudioIcon=components.AudioIcon,ImageIcon=components.ImageIcon,VideoIcon=components.VideoIcon,FileIcon=components.FileIcon;var lowerCaseType=(type||'').toLowerCase();return/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({component:"span"},componentsProps.root),{},{children:[lowerCaseType==='video'&&/*#__PURE__*/jsx(VideoIcon,_objectSpread({},componentsProps.videoIcon)),lowerCaseType==='audio'&&/*#__PURE__*/jsx(AudioIcon,_objectSpread({},componentsProps.audioIcon)),lowerCaseType==='image'&&/*#__PURE__*/jsx(ImageIcon,_objectSpread({},componentsProps.imageIcon))
|
|
6
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiBox=styled(Box)(function(){return {display:'flex'};});var defaultComponents={Root:StyledMuiBox,PlaceholderIcon:NoteAdd,AudioIcon:Audiotrack,ImageIcon:Image,VideoIcon:Movie,DocumentIcon:Article,DataIcon:DataThresholding,PdfIcon:PictureAsPdf,NoneIcon:QuestionMark,FileIcon:InsertDriveFile};var SUPPORTED_MEDIA_TYPES=['video','audio','image','document','data','pdf','none'];function MediaIcon(_ref){var type=_ref.type,components=_ref.components,componentsProps=_ref.componentsProps;var Box=components.Root,PlaceholderIcon=components.PlaceholderIcon,AudioIcon=components.AudioIcon,ImageIcon=components.ImageIcon,VideoIcon=components.VideoIcon,DocumentIcon=components.DocumentIcon,DataIcon=components.DataIcon,PdfIcon=components.PdfIcon,NoneIcon=components.NoneIcon,FileIcon=components.FileIcon;var lowerCaseType=(type||'').toLowerCase();return/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({component:"span"},componentsProps.root),{},{children:[lowerCaseType==='video'&&/*#__PURE__*/jsx(VideoIcon,_objectSpread({},componentsProps.videoIcon)),lowerCaseType==='audio'&&/*#__PURE__*/jsx(AudioIcon,_objectSpread({},componentsProps.audioIcon)),lowerCaseType==='image'&&/*#__PURE__*/jsx(ImageIcon,_objectSpread({},componentsProps.imageIcon)),lowerCaseType==='document'&&/*#__PURE__*/jsx(DocumentIcon,_objectSpread({},componentsProps.documentIcon)),lowerCaseType==='data'&&/*#__PURE__*/jsx(DataIcon,_objectSpread({},componentsProps.dataIcon)),lowerCaseType==='pdf'&&/*#__PURE__*/jsx(PdfIcon,_objectSpread({},componentsProps.pdfIcon)),lowerCaseType==='none'&&/*#__PURE__*/jsx(NoneIcon,_objectSpread({},componentsProps.noneIcon)),!SUPPORTED_MEDIA_TYPES.includes(lowerCaseType)&&(typeof mediaType==='string'?/*#__PURE__*/jsx(FileIcon,_objectSpread({},componentsProps.fileIcon)):/*#__PURE__*/jsx(PlaceholderIcon,_objectSpread({},componentsProps.placeholderIcon)))]}));}MediaIcon.defaultProps={type:undefined,components:defaultComponents,componentsProps:undefined};
|
|
7
7
|
|
|
8
8
|
export { MediaIcon as default };
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
-
import {
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { styled, TablePagination as TablePagination$1 } from '@mui/material';
|
|
4
5
|
import { jsx } from 'react/jsx-runtime';
|
|
5
6
|
|
|
6
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultComponents={Root:
|
|
7
|
+
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 StyledMuiTablePagination=styled(TablePagination$1)(function(){return {overflow:'unset'};});var defaultComponents={Root:StyledMuiTablePagination};function TablePagination(_ref){var count=_ref.count,page=_ref.page,rowsPerPage=_ref.rowsPerPage,initialRowsPerPageOptions=_ref.rowsPerPageOptions,showFirstButton=_ref.showFirstButton,showLastButton=_ref.showLastButton,_onPageChange=_ref.onPageChange,_onRowsPerPageChange=_ref.onRowsPerPageChange,components=_ref.components,componentsProps=_ref.componentsProps;var Root=components.Root;var rowsPerPageOptions=!initialRowsPerPageOptions.includes(rowsPerPage)?[].concat(_toConsumableArray(initialRowsPerPageOptions),[rowsPerPage]).sort(function(a,b){return a-b;}):initialRowsPerPageOptions;var maxPage=Math.ceil(count/rowsPerPage)-1;// Update parent with info that page is after max possible
|
|
8
|
+
useEffect(function(){if(page>0&&page>maxPage)_onPageChange(null,{value:maxPage});},[maxPage,_onPageChange,page]);return/*#__PURE__*/jsx(Root,_objectSpread({component:"div",count:count,page:Math.max(0,Math.min(page,maxPage)),rowsPerPage:rowsPerPage,onPageChange:function onPageChange(e,value){return _onPageChange(e,{value:value});},onRowsPerPageChange:function onRowsPerPageChange(e,_ref2){var value=_ref2.props.value;_onRowsPerPageChange(e,{value:value});},rowsPerPageOptions:rowsPerPageOptions,showFirstButton:showFirstButton,showLastButton:showLastButton},componentsProps.root));}TablePagination.defaultProps={count:0,page:0,rowsPerPage:10,rowsPerPageOptions:[10,25,50,100],showFirstButton:true,showLastButton:true,onPageChange:function onPageChange(){return null;},onRowsPerPageChange:function onRowsPerPageChange(){return null;},components:defaultComponents,componentsProps:undefined};
|
|
7
9
|
|
|
8
10
|
export { TablePagination as default };
|
|
@@ -7,7 +7,7 @@ import CssBaseline from '@mui/material/CssBaseline';
|
|
|
7
7
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
8
8
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
|
-
var _excluded=["themes","defaultPaletteKey","lightPaletteKey","darkPaletteKey","systemPaletteKey","localStoragePaletteKey","MuiThemeProviderProps","CssBaselineProps","children"];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 light=createTheme({palette:{type:'light'}});var dark=createTheme({palette:{type:'dark'}});var ThemeContext=/*#__PURE__*/createContext();function ThemeProvider(_ref){var themes=_ref.themes,defaultPaletteKey=_ref.defaultPaletteKey,lightPaletteKey=_ref.lightPaletteKey,darkPaletteKey=_ref.darkPaletteKey,systemPaletteKey=_ref.systemPaletteKey,localStoragePaletteKey=_ref.localStoragePaletteKey,MuiThemeProviderProps=_ref.MuiThemeProviderProps,CssBaselineProps=_ref.CssBaselineProps,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var prefersDarkMode=useMediaQuery('(prefers-color-scheme: dark)');var preferredMode=useMemo(function(){return prefersDarkMode?darkPaletteKey:lightPaletteKey;},[darkPaletteKey,lightPaletteKey,prefersDarkMode]);var initialPaletteKey=localStorage.getItem(localStoragePaletteKey)||defaultPaletteKey;var _useState=useState(initialPaletteKey),_useState2=_slicedToArray(_useState,2),palette=_useState2[0],setPalette=_useState2[1];var initialPalette=themes[initialPaletteKey];var _useState3=useState(initialPalette),_useState4=_slicedToArray(_useState3,2),theme=_useState4[0],setTheme=_useState4[1];var updatePalette=useCallback(function(newPaletteKey){var newPalette=newPaletteKey===systemPaletteKey?preferredMode:newPaletteKey;if(!Object.keys(themes).includes(newPalette)){throw new Error("Invalid theme (".concat(newPalette,") selected"));}var newTheme=themes[newPalette];setTheme(newTheme);setPalette(newPaletteKey);localStorage.setItem(localStoragePaletteKey,newPaletteKey);},[localStoragePaletteKey,preferredMode,systemPaletteKey,themes]);useEffect(function(){if(palette===systemPaletteKey)updatePalette(systemPaletteKey);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
|
-
},[preferredMode]);var togglePalette=useCallback(function(){var paletteKeys=Object.keys(themes);var newPaletteKey=paletteKeys[0];if(paletteKeys.length>0&&palette===paletteKeys[0]){newPaletteKey=paletteKeys[1];}updatePalette(newPaletteKey);},[palette,themes,updatePalette]);var isDefaultPalette=palette===defaultPaletteKey;var contextValue=useMemo(function(){return _objectSpread({theme:theme,palette:palette,updatePalette:updatePalette,isDefaultPalette:isDefaultPalette,themes:themes},Object.keys(themes).length===2?{togglePalette:togglePalette}:{});},[isDefaultPalette,palette,theme,themes,togglePalette,updatePalette]);return/*#__PURE__*/jsx(ThemeContext.Provider,{value:contextValue,children:/*#__PURE__*/jsxs(ThemeProvider$1,_objectSpread(_objectSpread({theme:createTheme(_objectSpread(_objectSpread({},theme),props))},MuiThemeProviderProps),{},{children:[/*#__PURE__*/jsx(CssBaseline,_objectSpread({enableColorScheme:true},CssBaselineProps)),children]}))});}var useThemeContext=function useThemeContext(){var context=useContext(ThemeContext);if(context===undefined){throw new Error('useThemeContext must be used within a ThemeProvider');}return context;};ThemeProvider.defaultProps={themes:{light:light,dark:dark},defaultPaletteKey:'system',lightPaletteKey:'light',darkPaletteKey:'dark',systemPaletteKey:'system',localStoragePaletteKey:'DEFAULT_PALETTE',MuiThemeProviderProps:{},CssBaselineProps:{}
|
|
10
|
+
var _excluded=["themes","muiLocale","defaultPaletteKey","lightPaletteKey","darkPaletteKey","systemPaletteKey","localStoragePaletteKey","MuiThemeProviderProps","CssBaselineProps","children"];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 light=createTheme({palette:{type:'light'}});var dark=createTheme({palette:{type:'dark'}});var ThemeContext=/*#__PURE__*/createContext();function ThemeProvider(_ref){var themes=_ref.themes,muiLocale=_ref.muiLocale,defaultPaletteKey=_ref.defaultPaletteKey,lightPaletteKey=_ref.lightPaletteKey,darkPaletteKey=_ref.darkPaletteKey,systemPaletteKey=_ref.systemPaletteKey,localStoragePaletteKey=_ref.localStoragePaletteKey,MuiThemeProviderProps=_ref.MuiThemeProviderProps,CssBaselineProps=_ref.CssBaselineProps,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var prefersDarkMode=useMediaQuery('(prefers-color-scheme: dark)');var preferredMode=useMemo(function(){return prefersDarkMode?darkPaletteKey:lightPaletteKey;},[darkPaletteKey,lightPaletteKey,prefersDarkMode]);var initialPaletteKey=localStorage.getItem(localStoragePaletteKey)||defaultPaletteKey;var _useState=useState(initialPaletteKey),_useState2=_slicedToArray(_useState,2),palette=_useState2[0],setPalette=_useState2[1];var initialPalette=themes[initialPaletteKey];var _useState3=useState(initialPalette),_useState4=_slicedToArray(_useState3,2),theme=_useState4[0],setTheme=_useState4[1];var updatePalette=useCallback(function(newPaletteKey){var newPalette=newPaletteKey===systemPaletteKey?preferredMode:newPaletteKey;if(!Object.keys(themes).includes(newPalette)){throw new Error("Invalid theme (".concat(newPalette,") selected"));}var newTheme=themes[newPalette];setTheme(newTheme);setPalette(newPaletteKey);localStorage.setItem(localStoragePaletteKey,newPaletteKey);},[localStoragePaletteKey,preferredMode,systemPaletteKey,themes]);useEffect(function(){if(palette===systemPaletteKey)updatePalette(systemPaletteKey);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
|
+
},[preferredMode]);var togglePalette=useCallback(function(){var paletteKeys=Object.keys(themes);var newPaletteKey=paletteKeys[0];if(paletteKeys.length>0&&palette===paletteKeys[0]){newPaletteKey=paletteKeys[1];}updatePalette(newPaletteKey);},[palette,themes,updatePalette]);var isDefaultPalette=palette===defaultPaletteKey;var contextValue=useMemo(function(){return _objectSpread({theme:theme,palette:palette,updatePalette:updatePalette,isDefaultPalette:isDefaultPalette,themes:themes},Object.keys(themes).length===2?{togglePalette:togglePalette}:{});},[isDefaultPalette,palette,theme,themes,togglePalette,updatePalette]);return/*#__PURE__*/jsx(ThemeContext.Provider,{value:contextValue,children:/*#__PURE__*/jsxs(ThemeProvider$1,_objectSpread(_objectSpread({theme:createTheme(_objectSpread(_objectSpread({},theme),props),muiLocale)},MuiThemeProviderProps),{},{children:[/*#__PURE__*/jsx(CssBaseline,_objectSpread({enableColorScheme:true},CssBaselineProps)),children]}))});}var useThemeContext=function useThemeContext(){var context=useContext(ThemeContext);if(context===undefined){throw new Error('useThemeContext must be used within a ThemeProvider');}return context;};ThemeProvider.defaultProps={themes:{light:light,dark:dark},muiLocale:undefined,defaultPaletteKey:'system',lightPaletteKey:'light',darkPaletteKey:'dark',systemPaletteKey:'system',localStoragePaletteKey:'DEFAULT_PALETTE',MuiThemeProviderProps:{},CssBaselineProps:{}};
|
|
12
12
|
|
|
13
13
|
export { ThemeProvider, useThemeContext };
|
package/dist/index.js
CHANGED
|
@@ -41,4 +41,5 @@ export { default as SliderInput } from './inputs/SliderInput/index.js';
|
|
|
41
41
|
export { default as TagInput } from './inputs/TagInput/index.js';
|
|
42
42
|
export { default as TextInput } from './inputs/TextInput/index.js';
|
|
43
43
|
export { default as ShapeMediaBadges } from './shape/ShapeMediaBadges/index.js';
|
|
44
|
+
export { default as SearchFilterForm } from './search/SearchFilterForm/index.js';
|
|
44
45
|
export { default as TranscodePresetMediaBadges } from './transcode/TranscodePresetMediaBadges/index.js';
|
|
@@ -3,6 +3,6 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
3
3
|
import { styled, FormControlLabel, FormHelperText, FormControl, Switch, Checkbox } from '@mui/material';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
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 StyledMuiFormControlLabel=styled(FormControlLabel,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='size';}})(function(_ref){var size=_ref.size,
|
|
6
|
+
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 StyledMuiFormControlLabel=styled(FormControlLabel,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='size';}})(function(_ref){var theme=_ref.theme,size=_ref.size,labelPlacement=_ref.labelPlacement;return _objectSpread(_objectSpread(_objectSpread({'& .MuiTypography-root':_objectSpread({},size==='small'&&{fontSize:'0.8rem'}),'&.Mui-error':{color:theme.palette.error.main}},labelPlacement==='end'?{marginRight:0}:{}),labelPlacement==='start'?{marginLeft:0}:{}),['bottom','top'].includes(labelPlacement)?{marginRight:0,marginLeft:0}:{});});var StyledMuiFormHelperText=styled(FormHelperText,{shouldForwardProp:function shouldForwardProp(prop){return !['fullWidth','textAlign'].includes(prop);}})(function(_ref2){var fullWidth=_ref2.fullWidth,textAlign=_ref2.textAlign;return fullWidth?{textAlign:textAlign}:{};});var defaultComponents={Root:FormControl,FormControlLabel:StyledMuiFormControlLabel,FormHelperText:StyledMuiFormHelperText,Switch:Switch,Checkbox:Checkbox};function BooleanInput(_ref3){var inputName=_ref3.name,label=_ref3.label,value=_ref3.value,helperText=_ref3.helperText,error=_ref3.error,required=_ref3.required,disabled=_ref3.disabled,labelPlacement=_ref3.labelPlacement,size=_ref3.size,fullWidth=_ref3.fullWidth,type=_ref3.type,onChange=_ref3.onChange,onBlur=_ref3.onBlur,onFocus=_ref3.onFocus,components=_ref3.components,componentsProps=_ref3.componentsProps;var FormControl=components.Root,FormControlLabel=components.FormControlLabel,FormHelperText=components.FormHelperText,Switch=components.Switch,Checkbox=components.Checkbox;var mapLabelPlacementToTextAlign={end:'left',start:'right',top:'center',bottom:'center'};var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.checked});};var isError=!!error;var errorText=(error||'').trim();var _ref4=type==='switch'?[Switch,componentsProps["switch"]]:[Checkbox,componentsProps.checkbox],_ref5=_slicedToArray(_ref4,2),InputComponent=_ref5[0],inputProps=_ref5[1];return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,disabled:disabled,fullWidth:fullWidth},componentsProps.root),{},{children:[/*#__PURE__*/jsx(FormControlLabel,_objectSpread({label:required?"".concat(label," *"):label,labelPlacement:!label?'end':labelPlacement,size:size,control:/*#__PURE__*/jsx(InputComponent,_objectSpread(_objectSpread({id:inputName,name:inputName,checked:value,size:size,type:"checkbox"},isError?{color:'error'}:{}),{},{onChange:handleChange,onBlur:onBlur,onFocus:onFocus},inputProps))},componentsProps.formControlLabel)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({fullWidth:fullWidth,textAlign:mapLabelPlacementToTextAlign[labelPlacement]},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}BooleanInput.defaultProps={name:undefined,label:undefined,value:undefined,helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:false,labelPlacement:'end',size:'medium',type:'checkbox',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
|
|
7
7
|
|
|
8
8
|
export { BooleanInput as default };
|
|
@@ -6,12 +6,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
6
6
|
|
|
7
7
|
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 StyledMuiInputLabel=styled(InputLabel)(function(){return {paddingRight:8};});// Standard Input
|
|
8
8
|
var StyledMuiInput=styled(Input)(function(){return {// Medium Size
|
|
9
|
-
'&:not(.MuiInputBase-sizeSmall)':{paddingLeft:11,paddingRight:11},// Small size (48px, medium for others)
|
|
10
|
-
'&.MuiInputBase-sizeSmall':{paddingLeft:8,paddingRight:8,'& .MuiFormControlLabel-root':{'& .MuiCheckbox-root':{maxHeight:32,maxWidth:32}}}};});var StyledMuiFilledInput=styled(FilledInput)(function(){return {// Medium Size
|
|
11
|
-
'&:not(.MuiInputBase-sizeSmall)':{paddingLeft:12,paddingRight:12,paddingTop:24,paddingBottom:0},// Small size (56px, medium for others)
|
|
12
|
-
'&.MuiInputBase-sizeSmall':{paddingLeft:12,paddingRight:12,paddingTop:24,paddingBottom:0,'& .MuiFormControlLabel-root':{'& .MuiCheckbox-root':{maxHeight:32,maxWidth:32}}}};});var StyledMuiOutlineInput=styled(OutlinedInput)(function(){return {paddingLeft:14,paddingRight:14,// Medium Size (56px)
|
|
13
|
-
'&:not(.MuiInputBase-sizeSmall)':{paddingTop:8,paddingBottom:6},// Small size (40px)
|
|
14
|
-
'&.MuiInputBase-sizeSmall':{paddingTop:2}};});var defaultComponents={Root:FormControl,InputLabel:StyledMuiInputLabel,Input:StyledMuiInput,// Standard input
|
|
9
|
+
'&:not(.MuiInputBase-sizeSmall)':{minHeight:58,paddingLeft:11,paddingRight:11},// Small size (48px, medium for others)
|
|
10
|
+
'&.MuiInputBase-sizeSmall':{minHeight:54,paddingLeft:8,paddingRight:8,'& .MuiFormControlLabel-root':{'& .MuiCheckbox-root':{minHeight:38,maxHeight:32,maxWidth:32}}}};});var StyledMuiFilledInput=styled(FilledInput)(function(){return {// Medium Size
|
|
11
|
+
'&:not(.MuiInputBase-sizeSmall)':{minHeight:66,paddingLeft:12,paddingRight:12,paddingTop:24,paddingBottom:0},// Small size (56px, medium for others)
|
|
12
|
+
'&.MuiInputBase-sizeSmall':{minHeight:56,paddingLeft:12,paddingRight:12,paddingTop:24,paddingBottom:0,'& .MuiFormControlLabel-root':{'& .MuiCheckbox-root':{maxHeight:32,maxWidth:32}}}};});var StyledMuiOutlineInput=styled(OutlinedInput)(function(){return {paddingLeft:14,paddingRight:14,// Medium Size (56px)
|
|
13
|
+
'&:not(.MuiInputBase-sizeSmall)':{minHeight:56,paddingTop:8,paddingBottom:6},// Small size (40px)
|
|
14
|
+
'&.MuiInputBase-sizeSmall':{minHeight:40,paddingTop:2}};});var defaultComponents={Root:FormControl,InputLabel:StyledMuiInputLabel,Input:StyledMuiInput,// Standard input
|
|
15
15
|
FilledInput:StyledMuiFilledInput,OutlinedInput:StyledMuiOutlineInput,FormControlLabel:FormControlLabel,FormGroup:VdtCheckboxGroup,FormHelperText:FormHelperText,Checkbox:Checkbox};function CheckboxGroupInput(_ref){var inputName=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,orientation=_ref.orientation,labelPlacement=_ref.labelPlacement,justifyContent=_ref.justifyContent,variant=_ref.variant,size=_ref.size,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var FormControl=components.Root,FormHelperText=components.FormHelperText,InputLabel=components.InputLabel,Input=components.Input,FilledInput=components.FilledInput,OutlinedInput=components.OutlinedInput,FormGroup=components.FormGroup,FormControlLabel=components.FormControlLabel,Checkbox=components.Checkbox;var InputComponent={standard:Input,filled:FilledInput,outlined:OutlinedInput}[variant];var inputComponentsProps={standard:_objectSpread({disableUnderline:true},componentsProps.input),filled:_objectSpread({disableUnderline:true},componentsProps.filledInput),outlined:_objectSpread({label:label,notched:true},componentsProps.outlinedInput)}[variant];var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,disabled:disabled,variant:variant,fullWidth:fullWidth},componentsProps.root),{},{children:[/*#__PURE__*/jsx(InputLabel,_objectSpread(_objectSpread({htmlFor:inputName,id:"".concat(inputName,"-label"),shrink:true},componentsProps.inputLabel),{},{children:label})),/*#__PURE__*/jsx(InputComponent,_objectSpread({id:inputName,name:inputName,fullWidth:fullWidth,size:size,inputComponent:FormGroup,"aria-describedby":"".concat(inputName,"-describedby"),inputProps:_objectSpread({value:value,defaultValue:defaultValue,options:options,size:size,orientation:orientation,labelPlacement:labelPlacement,justifyContent:justifyContent,onChange:onChange,onFocus:onFocus,onBlur:onBlur,FormControlLabelComponent:FormControlLabel,formControlLabelProps:componentsProps.formControlLabel,CheckboxComponent:Checkbox,checkboxProps:componentsProps.checkbox,vdtClassNames:componentsProps.formGroup.className},componentsProps.formGroup)},inputComponentsProps)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({id:"".concat(inputName,"-describedby")},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}CheckboxGroupInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,orientation:'horizontal',labelPlacement:'end',justifyContent:'space-around',variant:'outlined',size:'medium',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
|
|
16
16
|
|
|
17
17
|
export { CheckboxGroupInput as default };
|
|
@@ -6,6 +6,6 @@ import { styled, FormGroup, FormControlLabel, Checkbox } from '@mui/material';
|
|
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
8
|
var _excluded=["id","value","defaultValue","required","disabled","options","fullWidth","orientation","labelPlacement","justifyContent","size","onChange","FormControlLabelComponent","formControlLabelProps","CheckboxComponent","checkboxProps"],_excluded2=["vdtClassNames","className","autoComplete","autoFocus","rows","type"],_excluded3=["name","value","label","count","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;}var StyledMuiFormGroup=styled(FormGroup,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='justifyContent';}})(function(_ref){var row=_ref.row,justifyContent=_ref.justifyContent;return _objectSpread(_objectSpread({width:'100%'},row&&justifyContent?{justifyContent:justifyContent}:{}),{},{'& .MuiFormControlLabel-labelPlacementStart':{marginLeft:1.5,marginRight:0},'& .MuiFormControlLabel-labelPlacementEnd':{marginLeft:0,marginRight:1.5}});});var CheckboxGroup=/*#__PURE__*/forwardRef(function(_ref2,ref){var id=_ref2.id,value=_ref2.value,defaultValue=_ref2.defaultValue;_ref2.required;var disabled=_ref2.disabled,options=_ref2.options;_ref2.fullWidth;var orientation=_ref2.orientation,labelPlacement=_ref2.labelPlacement,justifyContent=_ref2.justifyContent,size=_ref2.size,onChange=_ref2.onChange,_ref2$FormControlLabe=_ref2.FormControlLabelComponent,FormControlLabelComponent=_ref2$FormControlLabe===void 0?FormControlLabel:_ref2$FormControlLabe,_ref2$formControlLabe=_ref2.formControlLabelProps,formControlLabelProps=_ref2$formControlLabe===void 0?{}:_ref2$formControlLabe,_ref2$CheckboxCompone=_ref2.CheckboxComponent,CheckboxComponent=_ref2$CheckboxCompone===void 0?Checkbox:_ref2$CheckboxCompone,_ref2$checkboxProps=_ref2.checkboxProps,checkboxProps=_ref2$checkboxProps===void 0?{}:_ref2$checkboxProps,props=_objectWithoutProperties(_ref2,_excluded);var className=props.vdtClassNames;props.className;props.autoComplete;props.autoFocus;props.rows;props.type;var checkboxGroupProps=_objectWithoutProperties(props,_excluded2);// Used for uncontrolled
|
|
9
|
-
var valueRef=useRef();var localValue=value||valueRef.current||[];var handleOnChange=function handleOnChange(e){var _e$target;var checkboxValue=e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value;var newValue=localValue!==null&&localValue!==void 0&&localValue.includes(checkboxValue)?localValue===null||localValue===void 0?void 0:localValue.filter(function(v){return v!==checkboxValue;}):[].concat(_toConsumableArray(localValue),[checkboxValue]);valueRef.current=newValue;onChange(_objectSpread(_objectSpread({},e),{},{target:_objectSpread(_objectSpread({},e.target),{},{value:newValue})}),{value:newValue});};var isControlled=value!==undefined;return/*#__PURE__*/jsx(StyledMuiFormGroup,_objectSpread(_objectSpread({ref:ref,className:className,row:orientation==='horizontal',justifyContent:justifyContent,onChange:handleOnChange,role:"group"},checkboxGroupProps),{},{children:options.map(function(_ref3){var optionName=_ref3.name,optionValue=_ref3.value,optionLabel=_ref3.label,optionCount=_ref3.count,optionDisabled=_ref3.disabled,optionProps=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(FormControlLabelComponent,_objectSpread({label:optionLabel||optionValue,count:optionCount,labelPlacement:labelPlacement,orientation:orientation,size:size,control:/*#__PURE__*/jsx(CheckboxComponent,_objectSpread(_objectSpread(_objectSpread({id:"".concat(id,"-").concat(optionName||optionValue),value:optionValue},isControlled?{checked:localValue===null||localValue===void 0?void 0:localValue.includes(optionValue)}:{defaultChecked:defaultValue===null||defaultValue===void 0?void 0:defaultValue.includes(optionValue)}),{},{disabled:optionDisabled||disabled,size:size},optionProps),checkboxProps))},formControlLabelProps),"".concat(id,"-").concat(optionName||optionValue));})}));});var VdtCheckboxGroup = CheckboxGroup;
|
|
9
|
+
var valueRef=useRef();var localValue=value||valueRef.current||[];var handleOnChange=function handleOnChange(e){var _e$target;var checkboxValue=e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value;var newValue=localValue!==null&&localValue!==void 0&&localValue.includes(checkboxValue)?localValue===null||localValue===void 0?void 0:localValue.filter(function(v){return v!==checkboxValue;}):[].concat(_toConsumableArray(localValue),[checkboxValue]);valueRef.current=newValue;onChange(_objectSpread(_objectSpread({},e),{},{target:_objectSpread(_objectSpread({},e.target),{},{value:newValue})}),{value:newValue});};var isControlled=value!==undefined;return/*#__PURE__*/jsx(StyledMuiFormGroup,_objectSpread(_objectSpread({ref:ref,className:className,row:orientation==='horizontal',justifyContent:justifyContent,onChange:handleOnChange,role:"group"},checkboxGroupProps),{},{children:options===null||options===void 0?void 0:options.map(function(_ref3){var optionName=_ref3.name,optionValue=_ref3.value,optionLabel=_ref3.label,optionCount=_ref3.count,optionDisabled=_ref3.disabled,optionProps=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(FormControlLabelComponent,_objectSpread({label:optionLabel||optionValue,count:optionCount,labelPlacement:labelPlacement,orientation:orientation,size:size,control:/*#__PURE__*/jsx(CheckboxComponent,_objectSpread(_objectSpread(_objectSpread({id:"".concat(id,"-").concat(optionName||optionValue),value:optionValue},isControlled?{checked:localValue===null||localValue===void 0?void 0:localValue.includes(optionValue)}:{defaultChecked:defaultValue===null||defaultValue===void 0?void 0:defaultValue.includes(optionValue)}),{},{disabled:optionDisabled||disabled,size:size},optionProps),checkboxProps))},formControlLabelProps),"".concat(id,"-").concat(optionName||optionValue));})}));});var VdtCheckboxGroup = CheckboxGroup;
|
|
10
10
|
|
|
11
11
|
export { VdtCheckboxGroup as default };
|
|
@@ -17,9 +17,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
17
17
|
import { omit } from '../../_utils/omit.js';
|
|
18
18
|
|
|
19
19
|
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}dayjs.extend(localeData);dayjs.extend(customParseFormat);// Make sure to import locale when adding more
|
|
20
|
-
var StyledMuiPopper=styled(Popper)(function(_ref){var theme=_ref.theme;return {padding:theme.spacing(2),zIndex:50};});var StyledVdtMaskedTextInput=styled(VdtMaskedTextInput)(function(){return {'& .VdtMaskedTextInput-inputComponent':{minWidth:200}};});var StyledVdtCalendarPicker=styled(VdtCalendarPicker)(function(){return {marginTop:-15};});var defaultComponents={Root:StyledVdtMaskedTextInput,RootWrapper:Box,ClickAwayListener:ClickAwayListener,Popper:StyledMuiPopper,Grow:Grow,CalendarPicker:StyledVdtCalendarPicker};function DateRangeInput(_ref2){var name=_ref2.name,label=_ref2.label,placeholder=_ref2.placeholder,propValue=_ref2.value,defaultValue=_ref2.defaultValue,error=_ref2.error,helperText=_ref2.helperText,required=_ref2.required,disabled=_ref2.disabled,disablePast=_ref2.disablePast,disableFuture=_ref2.disableFuture,disableHighlightToday=_ref2.disableHighlightToday,fullWidth=_ref2.fullWidth,showDouble=_ref2.showDouble,variant=_ref2.variant,min=_ref2.min,max=_ref2.max,propLocale=_ref2.locale,closeOnSelect=_ref2.closeOnSelect,invalidDateRangeText=_ref2.invalidDateRangeText,onChange=_ref2.onChange,onBlur=_ref2.onBlur,onFocus=_ref2.onFocus,onMonthChange=_ref2.onMonthChange,components=_ref2.components,componentsProps=_ref2.componentsProps;var MaskedTextInput=components.Root,Box=components.RootWrapper,ClickAwayListener=components.ClickAwayListener,Popper=components.Popper,Grow=components.Grow,CalendarPicker=components.CalendarPicker;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var _useState3=useState(dayjs().toString()),_useState4=_slicedToArray(_useState3,2),monthDate=_useState4[0],setMonthDate=_useState4[1];var handleMonthChange=function handleMonthChange(){for(var _len=arguments.length,props=new Array(_len),_key=0;_key<_len;_key++){props[_key]=arguments[_key];}var newMonthDate=props[1].value;setMonthDate(newMonthDate);onMonthChange.apply(void 0,props);};var open=Boolean(anchorEl);var _useState5=useState(propValue||defaultValue||{start:null,end:null}),_useState6=_slicedToArray(_useState5,2),localValue=_useState6[0],setLocalValue=_useState6[1];var rangeValueToChangeRef=useRef('START');var popperId=open?'datetimerange-popper':undefined;var isControlled=propValue!==undefined;var value=propValue!==undefined?propValue:localValue;var locale=
|
|
21
|
-
var formattedStartDate=start===null||start===void 0?void 0:start.format();var formattedEndDate=end===null||end===void 0?void 0:end.format();var newValue={start:formattedStartDate,end:formattedEndDate};if(start&&end&&start>end){var _newValue;newValue={start:((_newValue=newValue)===null||_newValue===void 0?void 0:_newValue.start)!==(
|
|
22
|
-
if(start&&(end||!(
|
|
20
|
+
var StyledMuiPopper=styled(Popper)(function(_ref){var theme=_ref.theme;return {padding:theme.spacing(2),zIndex:50};});var StyledVdtMaskedTextInput=styled(VdtMaskedTextInput)(function(){return {'& .VdtMaskedTextInput-inputComponent':{minWidth:200}};});var StyledVdtCalendarPicker=styled(VdtCalendarPicker)(function(){return {marginTop:-15};});var defaultComponents={Root:StyledVdtMaskedTextInput,RootWrapper:Box,ClickAwayListener:ClickAwayListener,Popper:StyledMuiPopper,Grow:Grow,CalendarPicker:StyledVdtCalendarPicker};function DateRangeInput(_ref2){var name=_ref2.name,label=_ref2.label,placeholder=_ref2.placeholder,propValue=_ref2.value,defaultValue=_ref2.defaultValue,error=_ref2.error,helperText=_ref2.helperText,required=_ref2.required,disabled=_ref2.disabled,disablePast=_ref2.disablePast,disableFuture=_ref2.disableFuture,disableHighlightToday=_ref2.disableHighlightToday,fullWidth=_ref2.fullWidth,showDouble=_ref2.showDouble,variant=_ref2.variant,min=_ref2.min,max=_ref2.max,propLocale=_ref2.locale,closeOnSelect=_ref2.closeOnSelect,invalidDateRangeText=_ref2.invalidDateRangeText,onChange=_ref2.onChange,onBlur=_ref2.onBlur,onFocus=_ref2.onFocus,onMonthChange=_ref2.onMonthChange,components=_ref2.components,componentsProps=_ref2.componentsProps;var MaskedTextInput=components.Root,Box=components.RootWrapper,ClickAwayListener=components.ClickAwayListener,Popper=components.Popper,Grow=components.Grow,CalendarPicker=components.CalendarPicker;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var _useState3=useState(dayjs().toString()),_useState4=_slicedToArray(_useState3,2),monthDate=_useState4[0],setMonthDate=_useState4[1];var handleMonthChange=function handleMonthChange(){for(var _len=arguments.length,props=new Array(_len),_key=0;_key<_len;_key++){props[_key]=arguments[_key];}var newMonthDate=props[1].value;setMonthDate(newMonthDate);onMonthChange.apply(void 0,props);};var open=Boolean(anchorEl);var _useState5=useState(propValue||defaultValue||{start:null,end:null}),_useState6=_slicedToArray(_useState5,2),localValue=_useState6[0],setLocalValue=_useState6[1];var rangeValueToChangeRef=useRef('START');var popperId=open?'datetimerange-popper':undefined;var isControlled=propValue!==undefined;var value=useMemo(function(){return (propValue!==undefined?propValue:localValue)||{};},[localValue,propValue]);var locale=propLocale||dayjs.locale()||'en';var localeDateFormat=dayjs.Ls[locale].formats.L;var fallbackPlaceholder="".concat(localeDateFormat.toLowerCase()," - ").concat(localeDateFormat.toLowerCase());var formattedTextValue=useMemo(function(){var start=value.start,end=value.end;var formattedTextFieldStart=isValidDate(start)?dayjs(start).format(localeDateFormat):undefined;var formattedTextFieldEnd=isValidDate(end)?dayjs(end).format(localeDateFormat):undefined;return "".concat(formattedTextFieldStart||''," - ").concat(formattedTextFieldEnd||'');},[value,localeDateFormat]);var handleClick=function handleClick(event){var cursorOnStart=event.target.selectionStart<=localeDateFormat.length;rangeValueToChangeRef.current=cursorOnStart?'START':'END';setAnchorEl(event.target);};var handleClickAway=function handleClickAway(){setAnchorEl(null);};var handleChange=function handleChange(_ref3){var _newValue2,_newValue3,_newValue4;var start=_ref3.start,end=_ref3.end;// Adjust offset (because of UTC, dates are one day behind)
|
|
21
|
+
var formattedStartDate=start===null||start===void 0?void 0:start.format();var formattedEndDate=end===null||end===void 0?void 0:end.format();var newValue={start:formattedStartDate,end:formattedEndDate};if(start&&end&&start>end){var _newValue;newValue={start:((_newValue=newValue)===null||_newValue===void 0?void 0:_newValue.start)!==(value===null||value===void 0?void 0:value.start)?formattedStartDate:formattedEndDate,end:undefined};}var hasChangedStart=((_newValue2=newValue)===null||_newValue2===void 0?void 0:_newValue2.start)!==(value===null||value===void 0?void 0:value.start);var hasChangedEnd=((_newValue3=newValue)===null||_newValue3===void 0?void 0:_newValue3.end)&&((_newValue4=newValue)===null||_newValue4===void 0?void 0:_newValue4.end)!==(value===null||value===void 0?void 0:value.end);if(hasChangedEnd)rangeValueToChangeRef.current='START';else if(hasChangedStart)rangeValueToChangeRef.current='END';if(!isControlled)setLocalValue(function(){return newValue;});onChange(null,{value:newValue});if(closeOnSelect&&start&&end&&hasChangedEnd){setAnchorEl(null);}};var handlePickerChange=function handlePickerChange(_,e){var _e$value,_e$value2,_e$value3,_e$value4;var start=isValidDate((_e$value=e.value)===null||_e$value===void 0?void 0:_e$value.start)?dayjs((_e$value2=e.value)===null||_e$value2===void 0?void 0:_e$value2.start):undefined;var end=isValidDate((_e$value3=e.value)===null||_e$value3===void 0?void 0:_e$value3.end)?dayjs((_e$value4=e.value)===null||_e$value4===void 0?void 0:_e$value4.end):undefined;handleChange({start:start,end:end});};var handleTextChange=function handleTextChange(_,_ref4){var maskedValue=_ref4.maskedValue;if(maskedValue){var dateTexts=maskedValue.split(' - ')||[];var _dateTexts$map$filter=dateTexts.map(function(dateText){return isValidDate(dateText,localeDateFormat)?dayjs(dateText,localeDateFormat):undefined;}).filter(function(d){return !!d;}),_dateTexts$map$filter2=_slicedToArray(_dateTexts$map$filter,2),start=_dateTexts$map$filter2[0],end=_dateTexts$map$filter2[1];// Only trigger change when both are valid date or no start is set yet
|
|
22
|
+
if(start&&(end||!(value!==null&&value!==void 0&&value.start))){handleChange({start:start,end:end});}}};var localError=isAllowedRange(_objectSpread(_objectSpread({},value),{},{min:min,max:max,disablePast:disablePast,disableFuture:disableFuture}))?undefined:invalidDateRangeText;return/*#__PURE__*/jsx(ClickAwayListener,_objectSpread(_objectSpread({mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:handleClickAway// Component does not support className prop
|
|
23
23
|
},omit(componentsProps.clickAwayListener,'className')),{},{children:/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({display:"flex",alignItems:"center",gap:2},componentsProps.rootWrapper),{},{children:[/*#__PURE__*/jsx(MaskedTextInput,_objectSpread(_objectSpread({name:name,label:label,value:formattedTextValue,placeholder:placeholder||fallbackPlaceholder,disabled:disabled,fullWidth:fullWidth,required:required,variant:variant,focused:!!anchorEl,helperText:helperText,error:localError||error,mask:"".concat(getMaskStr(localeDateFormat)," - ").concat(getMaskStr(localeDateFormat)),lazy:true,overwrite:false,eager:true,onFocus:onFocus,onBlur:onBlur,onChange:handleTextChange},!disabled?{onClick:handleClick}:{}),componentsProps.root)),/*#__PURE__*/jsx(Popper,_objectSpread(_objectSpread({id:popperId,open:open,anchorEl:anchorEl,transition:true},componentsProps.popper),{},{children:function children(_ref5){var TransitionProps=_ref5.TransitionProps;return/*#__PURE__*/jsx(Grow,_objectSpread(_objectSpread({},TransitionProps),{},{timeout:300,children:/*#__PURE__*/jsx(CalendarPicker,_objectSpread({range:true,value:value,defaultValue:defaultValue,rangeValueToChange:rangeValueToChangeRef.current,locale:locale,monthDate:monthDate,onReset:function onReset(){return null;},disableHighlightToday:disableHighlightToday,disablePast:disablePast,disableFuture:disableFuture,showDouble:showDouble,minDate:min,maxDate:max,onChange:handlePickerChange,onMonthChange:handleMonthChange},componentsProps.calendarPicker))}));}}))]}))}));}DateRangeInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,showDouble:true,error:undefined,helperText:undefined,placeholder:undefined,required:false,disabled:false,disablePast:false,disableFuture:false,disableHighlightToday:false,fullWidth:true,closeOnSelect:true,variant:'outlined',min:undefined,max:undefined,locale:undefined,invalidDateRangeText:' ',onChange:function onChange(){return null;},onBlur:function onBlur(){return null;},onFocus:function onFocus(){return null;},onMonthChange:function onMonthChange(){return null;},components:defaultComponents,componentsProps:undefined};
|
|
24
24
|
|
|
25
25
|
export { DateRangeInput as default };
|
|
@@ -2,6 +2,6 @@ import { styled } from '@mui/material';
|
|
|
2
2
|
import DateRangeInput from './DateRangeInput.js';
|
|
3
3
|
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
4
4
|
|
|
5
|
-
var componentName='DateRangeInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(DateRangeInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var
|
|
5
|
+
var componentName='DateRangeInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(DateRangeInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtDateRangeInput = StyledComponent;
|
|
6
6
|
|
|
7
|
-
export {
|
|
7
|
+
export { VdtDateRangeInput as default };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import { useState, useMemo } from 'react';
|
|
3
4
|
import 'dayjs/locale/fr';
|
|
4
5
|
import 'dayjs/locale/de';
|
|
5
6
|
import 'dayjs/locale/sv';
|
|
@@ -14,7 +15,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
|
14
15
|
import { TimePicker } from '@mui/x-date-pickers/TimePicker';
|
|
15
16
|
import { jsx } from 'react/jsx-runtime';
|
|
16
17
|
|
|
17
|
-
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;}
|
|
18
|
-
var LOCALES=['en','en-gb','de','sv','fr'];function DateTimeInput(_ref){var inputName=_ref.name,label=_ref.label,
|
|
18
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultComponents={Root:TextField,DateTimePicker:DateTimePicker,DatePicker:DatePicker,TimePicker:TimePicker,LocalizationProvider:LocalizationProvider};// Make sure to import locale when adding more
|
|
19
|
+
var LOCALES=['en','en-gb','de','sv','fr'];function DateTimeInput(_ref){var inputName=_ref.name,label=_ref.label,propValue=_ref.value,defaultValue=_ref.defaultValue,error=_ref.error,helperText=_ref.helperText,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,variant=_ref.variant,size=_ref.size,date=_ref.date,time=_ref.time,min=_ref.min,max=_ref.max,views=_ref.views,locale=_ref.locale,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root,DateTimePicker=components.DateTimePicker,DatePicker=components.DatePicker,TimePicker=components.TimePicker,LocalizationProvider=components.LocalizationProvider;dayjs.extend(dayjsToObject);var _useState=useState(defaultValue),_useState2=_slicedToArray(_useState,2),localValue=_useState2[0],setLocalValue=_useState2[1];var pickerViews=useMemo(function(){if((views===null||views===void 0?void 0:views.length)>0)return views;if(date&&time)return ['year','month','day','hours','minutes'];if(date)return ['year','month','day'];if(time)return ['hours','minutes'];return [];},[date,time,views]);var minMaxProps=useMemo(function(){if(date&&time)return _objectSpread(_objectSpread({},min?{minDateTime:dayjs(min)}:{}),max?{maxDateTime:dayjs(max)}:{});if(date)return _objectSpread(_objectSpread({},min?{minDate:dayjs(min)}:{}),max?{maxDate:dayjs(max)}:{});if(time)return _objectSpread(_objectSpread({},min?{minTime:dayjs(min)}:{}),max?{maxTime:dayjs(max)}:{});return {};},[date,max,min,time]);var _useMemo=useMemo(function(){if(date&&time)return {Picker:DateTimePicker,pickerProps:componentsProps.dateTimePicker};if(date===true)return {Picker:DatePicker,pickerProps:componentsProps.datePicker};if(time===true)return {Picker:TimePicker,pickerProps:componentsProps.timePicker};return {Picker:function Picker(){return null;},pickerProps:{}};},[DatePicker,DateTimePicker,TimePicker,componentsProps.datePicker,componentsProps.dateTimePicker,componentsProps.timePicker,date,time]),Picker=_useMemo.Picker,pickerProps=_useMemo.pickerProps;var isControlled=propValue!==undefined;var isError=!!error;var handlePickerChange=function handlePickerChange(dateValue,keyboardInputValue){var newDateValue=dateValue||dayjs(keyboardInputValue);if((dateValue||keyboardInputValue)&&newDateValue.isValid()){var newValue=newDateValue.format();if(!isControlled){setLocalValue(newValue);}onChange(null,{value:newValue,units:newDateValue.toObject()});}else {if(!isControlled){setLocalValue(null);}onChange(null,{value:null,units:null});}};var value=(isControlled?propValue:localValue)||null;var errorText=(error||'').trim();return/*#__PURE__*/jsx(LocalizationProvider,_objectSpread(_objectSpread({dateAdapter:AdapterDayjs,adapterLocale:(LOCALES.includes(locale)?locale:dayjs===null||dayjs===void 0?void 0:dayjs.locale())||'en'},componentsProps.localizationProvider),{},{children:/*#__PURE__*/jsx(Picker,_objectSpread(_objectSpread(_objectSpread({value:value,label:label,name:inputName,disabled:disabled,views:pickerViews,onChange:handlePickerChange},minMaxProps),pickerProps),{},{renderInput:function renderInput(params){var _componentsProps$root;return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({},params),{},{fullWidth:fullWidth,helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,variant:variant,size:size,autoComplete:"off",onBlur:onBlur,onFocus:onFocus},componentsProps===null||componentsProps===void 0?void 0:componentsProps.root),{},{InputLabelProps:_objectSpread(_objectSpread({shrink:true},params.InputLabelProps||{}),(componentsProps===null||componentsProps===void 0?void 0:(_componentsProps$root=componentsProps.root)===null||_componentsProps$root===void 0?void 0:_componentsProps$root.InputLabelProps)||{})}));}}))}));}DateTimeInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,error:undefined,helperText:undefined,required:false,disabled:false,fullWidth:true,variant:'outlined',size:'medium',date:true,time:true,min:undefined,max:undefined,locale:undefined,views:undefined,onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
|
|
19
20
|
|
|
20
21
|
export { DateTimeInput as default };
|
|
@@ -4,6 +4,6 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { IMaskInput } from 'react-imask';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
|
-
var _excluded=["onChange"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var MaskedInputComponent=/*#__PURE__*/forwardRef(function
|
|
7
|
+
var _excluded=["onChange"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var MaskedInputComponent=/*#__PURE__*/forwardRef(function(props,ref){props.onChange;var rest=_objectWithoutProperties(props,_excluded);return/*#__PURE__*/jsx(IMaskInput,_objectSpread({inputRef:ref},rest));});var VdtReactIMaskInputComponent = MaskedInputComponent;
|
|
8
8
|
|
|
9
9
|
export { VdtReactIMaskInputComponent as default };
|
|
@@ -4,6 +4,6 @@ import MenuItem from '../_components/MenuItem.js';
|
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiTextField=styled(TextField)(function(){return {// Show label correctly with ellipsis
|
|
7
|
-
minWidth:72,'& .MuiFormLabel-root':{minWidth:16,paddingRight:16}};});var defaultComponents={Root:StyledMuiTextField,MenuItem:MenuItem};function SelectInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,variant=_ref.variant,size=_ref.size,multiple=_ref.multiple,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root,MenuItem=components.MenuItem;var isControlled=value!==undefined;var localValue=isControlled&&multiple&&value!==undefined&&!Array.isArray(value)?[value]:value;var localDefaultValue=!isControlled&&multiple&&!Array.isArray(defaultValue)?defaultValue&&[defaultValue]||[]:defaultValue||'';var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({id:name,name:name,label:label},isControlled?{value:localValue}:{defaultValue:localDefaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,variant:variant,size:size,select:true,onChange:handleChange,onBlur:onBlur,onFocus:onFocus},componentsProps.root),{},{SelectProps:_objectSpread({multiple:multiple,onOpen:onOpen,onClose:onClose,renderValue:function renderValue(selectedValue){return Array.isArray(selectedValue)?selectedValue.map(function(v){return getOptionLabel(v);}).join(', '):getOptionLabel(selectedValue);}},componentsProps.root.SelectProps||{}),children:options===null||options===void 0?void 0:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread({},option),componentsProps.menuItem),"select-".concat(name,"-").concat(option===null||option===void 0?void 0:option.value));})}));}SelectInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,multiple:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
|
|
7
|
+
minWidth:72,'& .MuiFormLabel-root':{minWidth:16,paddingRight:16}};});var defaultComponents={Root:StyledMuiTextField,MenuItem:MenuItem};function SelectInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,variant=_ref.variant,size=_ref.size,placeholder=_ref.placeholder,multiple=_ref.multiple,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root,MenuItem=components.MenuItem;var isControlled=value!==undefined;var localValue=isControlled&&multiple&&value!==undefined&&!Array.isArray(value)?[value]:value;var localDefaultValue=!isControlled&&multiple&&!Array.isArray(defaultValue)?defaultValue&&[defaultValue]||[]:defaultValue||'';var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({id:name,name:name,label:label},isControlled?{value:localValue}:{defaultValue:localDefaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,variant:variant,size:size,select:true,onChange:handleChange,onBlur:onBlur,onFocus:onFocus,InputLabelProps:_objectSpread(_objectSpread({},placeholder!==undefined?{shrink:true}:{}),componentsProps.root.InputLabelProps||{})},componentsProps.root),{},{SelectProps:_objectSpread({multiple:multiple,onOpen:onOpen,onClose:onClose,displayEmpty:true,renderValue:function renderValue(selectedValue){if((placeholder===null||placeholder===void 0?void 0:placeholder.length)>0&&(selectedValue===''||selectedValue.length===0)){return/*#__PURE__*/jsx("span",{style:{color:'#81858a'},children:placeholder});}return Array.isArray(selectedValue)?selectedValue.map(function(v){return getOptionLabel(v);}).join(', '):getOptionLabel(selectedValue);}},componentsProps.root.SelectProps||{}),children:options===null||options===void 0?void 0:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread({},option),componentsProps.menuItem),"select-".concat(name,"-").concat(option===null||option===void 0?void 0:option.value));})}));}SelectInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,placeholder:undefined,required:false,disabled:false,fullWidth:true,multiple:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
|
|
8
8
|
|
|
9
9
|
export { SelectInput as default, defaultComponents };
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import {
|
|
2
|
+
import { Clear } from '@mui/icons-material';
|
|
3
|
+
import { styled, OutlinedInput, FilledInput, Input, FormHelperText, ButtonBase, FormControl, InputLabel } from '@mui/material';
|
|
3
4
|
import VdtSlider from './components/Slider.js';
|
|
4
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import { isDefinedValue } from '../../_utils/isDefinedValue.js';
|
|
5
7
|
|
|
6
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiOutlinedInput=styled(OutlinedInput)(function(){return {paddingLeft:24,paddingRight:24,// Medium Size (56px, without markers)
|
|
8
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiOutlinedInput=styled(OutlinedInput,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='showClearButton';}})(function(_ref){var showClearButton=_ref.showClearButton;return {paddingLeft:24,paddingRight:24,// Medium Size (56px, without markers)
|
|
7
9
|
'&:not(.MuiInputBase-sizeSmall)':{paddingTop:14,paddingBottom:12},// Small size
|
|
8
|
-
'&.MuiInputBase-sizeSmall':{paddingTop:8,paddingBottom:8}
|
|
10
|
+
'&.MuiInputBase-sizeSmall':{paddingTop:8,paddingBottom:8},// Include width of clear button
|
|
11
|
+
'& .MuiOutlinedInput-notchedOutline > legend':_objectSpread({},showClearButton&&{paddingRight:16})};});var StyledMuiFilledInput=styled(FilledInput)(function(){return {paddingLeft:24,paddingRight:24,// Medium Size
|
|
9
12
|
'&:not(.MuiInputBase-sizeSmall)':{paddingTop:32,paddingBottom:10},// Small size (56px, without markers, medium for others)
|
|
10
13
|
'&.MuiInputBase-sizeSmall':{paddingTop:22,paddingBottom:6}};});var StyledMuiInput=styled(Input)(function(){return {paddingLeft:16,paddingRight:16,// Medium Size (48px, without markers)
|
|
11
14
|
'&:not(.MuiInputBase-sizeSmall)':{paddingTop:2},// Small size (45px, without markers)
|
|
12
|
-
'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:0}};});var StyledVdtSlider=styled(VdtSlider)(function(){return {zIndex:1};});var defaultComponents={Root:FormControl,FormHelperText:
|
|
13
|
-
FilledInput:StyledMuiFilledInput,OutlinedInput:StyledMuiOutlinedInput,Slider:StyledVdtSlider};function SliderInput(
|
|
15
|
+
'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:0}};});var StyledVdtSlider=styled(VdtSlider)(function(){return {zIndex:1};});var StyledMuiFormHelperText=styled(FormHelperText)(function(){return {marginLeft:14,marginRight:14};});var StyledMuiBaseButton=styled(ButtonBase)(function(){return {marginLeft:4,marginBottom:1,backgroundColor:'inherit','& .MuiSvgIcon-root':{}};});var defaultComponents={Root:FormControl,FormHelperText:StyledMuiFormHelperText,InputLabel:InputLabel,BaseButton:StyledMuiBaseButton,Input:StyledMuiInput,// Standard Input
|
|
16
|
+
FilledInput:StyledMuiFilledInput,OutlinedInput:StyledMuiOutlinedInput,Slider:StyledVdtSlider};function SliderInput(_ref2){var inputName=_ref2.name,label=_ref2.label,value=_ref2.value,defaultValue=_ref2.defaultValue,options=_ref2.options,helperText=_ref2.helperText,error=_ref2.error,required=_ref2.required,disabled=_ref2.disabled,min=_ref2.min,max=_ref2.max,infiniteMin=_ref2.infiniteMin,infiniteMax=_ref2.infiniteMax,infiniteDiff=_ref2.infiniteDiff,variant=_ref2.variant,size=_ref2.size,step=_ref2.step,showMarks=_ref2.showMarks,valueLabelDisplay=_ref2.valueLabelDisplay,clearable=_ref2.clearable,range=_ref2.range,onChange=_ref2.onChange,onBlur=_ref2.onBlur,onFocus=_ref2.onFocus,components=_ref2.components,componentsProps=_ref2.componentsProps;var FormControl=components.Root,FormHelperText=components.FormHelperText,InputLabel=components.InputLabel,BaseButton=components.BaseButton,Input=components.Input,FilledInput=components.FilledInput,OutlinedInput=components.OutlinedInput,Slider=components.Slider;var showClearButton=isDefinedValue(value)&&clearable;var InputComponent={standard:Input,filled:FilledInput,outlined:OutlinedInput}[variant];var inputComponentsProps={standard:_objectSpread({disableUnderline:true},componentsProps.input),filled:_objectSpread({disableUnderline:true},componentsProps.filledInput),outlined:_objectSpread({label:label,notched:true,showClearButton:showClearButton},componentsProps.outlinedInput)}[variant];var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,disabled:disabled,variant:variant,size:size,fullWidth:true},componentsProps.root),{},{children:[/*#__PURE__*/jsx(InputLabel,_objectSpread(_objectSpread({htmlFor:inputName,id:"".concat(inputName,"-label"),shrink:true},componentsProps.inputLabel),{},{children:/*#__PURE__*/jsxs("span",{children:[label,showClearButton&&/*#__PURE__*/jsx(BaseButton,{focusRipple:true,onClick:function onClick(e){onChange(e,{value:range?[]:null});},children:/*#__PURE__*/jsx(Clear,{fontSize:"small"})})]})})),/*#__PURE__*/jsx(InputComponent,_objectSpread({id:inputName,name:inputName,size:size,inputComponent:Slider,inputProps:_objectSpread({value:value,defaultValue:defaultValue,options:options,range:range,min:min,max:max,size:size,infiniteMin:infiniteMin,infiniteMax:infiniteMax,infiniteDiff:infiniteDiff,valueLabelDisplay:valueLabelDisplay,showMarks:showMarks,step:step,onChange:onChange,onFocus:onFocus,onBlur:onBlur,'aria-labelledby':"".concat(inputName,"-label"),vdtClassNames:componentsProps.slider.className},componentsProps.slider)},inputComponentsProps)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}SliderInput.defaultProps={name:undefined,label:undefined,helperText:undefined,error:undefined,value:undefined,defaultValue:undefined,options:[],required:false,disabled:false,min:undefined,max:undefined,infiniteMin:false,infiniteMax:false,infiniteDiff:undefined,variant:'outlined',size:'medium',step:null,showMarks:true,valueLabelDisplay:'off',clearable:true,range:false,onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
|
|
14
17
|
|
|
15
18
|
export { SliderInput as default };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
2
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
4
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
5
5
|
import { forwardRef, useRef, useMemo } from 'react';
|
|
6
|
-
import { Slider as Slider$1 } from '@mui/material';
|
|
6
|
+
import { styled, Slider as Slider$1 } from '@mui/material';
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
import { isDefinedValue } from '../../../_utils/isDefinedValue.js';
|
|
8
9
|
|
|
9
|
-
var _excluded=["id","value","defaultValue","options","range","min","max","step","infiniteMin","infiniteMax","infiniteDiff","showMarks","
|
|
10
|
-
var
|
|
11
|
-
var diffFromNearest=
|
|
12
|
-
,sx:_objectSpread({'.MuiSlider-thumb':{visibility:isDefined(localValue)?'visible':'hidden'},'.MuiSlider-track':{height:isDefined(localValue)?'inherit':'unset'},'&:not(.MuiSlider-marked)':{marginBottom:'0px'},'&.MuiSlider-sizeSmall':{'&.MuiSlider-marked':{marginBottom:'16px'},'& .MuiSlider-markLabel':{fontSize:'0.675rem'}}},sliderProps.sx||{})},sliderProps));});var VdtSlider = Slider;
|
|
10
|
+
var _excluded=["id","value","defaultValue","options","range","min","max","step","infiniteMin","infiniteMax","infiniteDiff","showMarks","onChange"],_excluded2=["vdtClassNames","className","autoComplete","rows","type"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var INFINITE_MIN_LABEL='Min';var INFINITE_MIN_VALUE=Number.MIN_SAFE_INTEGER;var INFINITE_MAX_LABEL='Max';var INFINITE_MAX_VALUE=Number.MAX_SAFE_INTEGER;var DEFAULT_STEP=1;var StyledMuiSlider=styled(Slider$1,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='hasDefinedValue';}})(function(_ref){var valueLabelDisplay=_ref.valueLabelDisplay,hasDefinedValue=_ref.hasDefinedValue;return {'& .MuiSlider-thumb':_objectSpread(_objectSpread({},valueLabelDisplay!=='off'?{zIndex:1}:{}),!hasDefinedValue&&{background:'transparent','&::before':{boxShadow:'unset'}}),'& .MuiSlider-track':{height:hasDefinedValue?'inherit':'unset'},'&:not(.MuiSlider-marked)':{marginBottom:'0px'},'&.MuiSlider-sizeSmall':{'&.MuiSlider-marked':{marginBottom:16},'& .MuiSlider-markLabel':{fontSize:'0.675rem'}}};});var Slider=/*#__PURE__*/forwardRef(function(_ref2,ref){var id=_ref2.id,propValue=_ref2.value,propDefaultValue=_ref2.defaultValue,propOptions=_ref2.options,range=_ref2.range,min=_ref2.min,max=_ref2.max,propStep=_ref2.step,infiniteMin=_ref2.infiniteMin,infiniteMax=_ref2.infiniteMax,infiniteDiff=_ref2.infiniteDiff,showMarks=_ref2.showMarks,onChange=_ref2.onChange,props=_objectWithoutProperties(_ref2,_excluded);var className=props.vdtClassNames;props.className;props.autoComplete;props.rows;props.type;var sliderProps=_objectWithoutProperties(props,_excluded2);var defaultValue=isDefinedValue(propDefaultValue)?propDefaultValue:range&&[undefined,undefined]||undefined;var isControlled=propValue!==undefined;var value=isControlled&&isDefinedValue(propValue)?propValue:range&&[undefined,undefined]||null;var valueRef=useRef(defaultValue);var options=useMemo(function(){return propOptions===null||propOptions===void 0?void 0:propOptions.map(function(o){return _objectSpread(_objectSpread({},o),{},{value:Number(o===null||o===void 0?void 0:o.value)});});},[propOptions]);// Ignore negative and automatically add step if there are no marks/options
|
|
11
|
+
var step=isDefinedValue(propStep)?Math.max(0,propStep):!(options!==null&&options!==void 0&&options.length)&&DEFAULT_STEP||null;var optionsWithInfinite=useMemo(function(){if(!infiniteMin&&!infiniteMax)return undefined;var currentOptionValues=options===null||options===void 0?void 0:options.map(function(o){return o.value;});var currentMin=currentOptionValues.length?Math.min.apply(Math,_toConsumableArray(currentOptionValues)):0;var currentMax=currentOptionValues.length?Math.max.apply(Math,_toConsumableArray(currentOptionValues)):0;// At least 1 diff
|
|
12
|
+
var diffFromNearest=isDefinedValue(infiniteDiff)?infiniteDiff:Math.max(1,step);var withInfinite=options;if(!isDefinedValue(min)&&infiniteMin)withInfinite=[{label:INFINITE_MIN_LABEL,value:currentMin-diffFromNearest}].concat(_toConsumableArray(withInfinite));if(!isDefinedValue(max)&&infiniteMax)withInfinite=[].concat(_toConsumableArray(withInfinite),[{label:INFINITE_MAX_LABEL,value:currentMax+diffFromNearest}]);return withInfinite;},[infiniteDiff,infiniteMax,infiniteMin,step,options,max,min]);var marks=useMemo(function(){return optionsWithInfinite||options;},[options,optionsWithInfinite]);var _useMemo=useMemo(function(){var localMarkValues=(marks===null||marks===void 0?void 0:marks.map(function(o){return o.value;}))||[];return {localMin:isDefinedValue(min)?min:localMarkValues.length&&Math.min.apply(Math,_toConsumableArray(localMarkValues))||0,localMax:isDefinedValue(max)?max:localMarkValues.length&&Math.max.apply(Math,_toConsumableArray(localMarkValues))||0};},[marks,max,min]),localMin=_useMemo.localMin,localMax=_useMemo.localMax;var isInfiniteMin=function isInfiniteMin(minValue){var _options$map;var isFiniteMinValue=options===null||options===void 0?void 0:(_options$map=options.map(function(o){return o.value;}))===null||_options$map===void 0?void 0:_options$map.includes(minValue);return !isFiniteMinValue&&Math.min.apply(Math,_toConsumableArray((optionsWithInfinite===null||optionsWithInfinite===void 0?void 0:optionsWithInfinite.map(function(o){return o.value;}))||[]))===minValue;};var isInfiniteMax=function isInfiniteMax(maxValue){var _options$map2;var isFiniteMaxValue=options===null||options===void 0?void 0:(_options$map2=options.map(function(o){return o.value;}))===null||_options$map2===void 0?void 0:_options$map2.includes(maxValue);return !isFiniteMaxValue&&Math.max.apply(Math,_toConsumableArray((optionsWithInfinite===null||optionsWithInfinite===void 0?void 0:optionsWithInfinite.map(function(o){return o.value;}))||[]))===maxValue;};var handleRangeChange=function handleRangeChange(e,values){var _ref3=Array.isArray(values)?values:[values],_ref4=_slicedToArray(_ref3,2),minValue=_ref4[0],maxValue=_ref4[1];var newMinValue=isInfiniteMin(minValue)?INFINITE_MIN_VALUE:minValue;var newMaxValue=isInfiniteMax(maxValue)?INFINITE_MAX_VALUE:maxValue;var prevValue=isControlled?value:valueRef.current;if(prevValue[0]!==newMinValue||prevValue[1]!==newMaxValue){valueRef.current=[newMinValue,newMaxValue];onChange(e,{value:[newMinValue,newMaxValue]});}};var handleChange=function handleChange(e,v){var newValue;if(!isDefinedValue(min)&&isInfiniteMin(v))newValue=INFINITE_MIN_VALUE;else if(!isDefinedValue(max)&&isInfiniteMax(v))newValue=INFINITE_MAX_VALUE;else newValue=v;var prevValue=isControlled?value:valueRef.current;if(prevValue!==newValue){valueRef.current=newValue;onChange(e,{value:newValue});}};return/*#__PURE__*/jsx(StyledMuiSlider,_objectSpread(_objectSpread({id:id,ref:ref,className:className},isControlled?{value:value}:{defaultValue:defaultValue}),{},{onChange:range?handleRangeChange:handleChange,min:localMin,max:localMax,marks:showMarks?marks:marks===null||marks===void 0?void 0:marks.map(function(m){return {value:m.value};}),step:step,valueLabelFormat:function valueLabelFormat(v){var _marks$find;return (marks===null||marks===void 0?void 0:(_marks$find=marks.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_marks$find===void 0?void 0:_marks$find.label)||v;},getAriaLabel:function getAriaLabel(i){var _options$i,_options$i2;return (options===null||options===void 0?void 0:(_options$i=options[i])===null||_options$i===void 0?void 0:_options$i.label)||(options===null||options===void 0?void 0:(_options$i2=options[i])===null||_options$i2===void 0?void 0:_options$i2.value);},getAriaValueText:function getAriaValueText(v,i){var _options$i3;return (options===null||options===void 0?void 0:(_options$i3=options[i])===null||_options$i3===void 0?void 0:_options$i3.label)||v;},hasDefinedValue:isDefinedValue(isControlled?value:valueRef.current)},sliderProps));});var VdtSlider = Slider;
|
|
13
13
|
|
|
14
14
|
export { VdtSlider as default };
|
|
@@ -2,6 +2,6 @@ import { styled } from '@mui/material';
|
|
|
2
2
|
import SliderInput from './SliderInput.js';
|
|
3
3
|
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
4
4
|
|
|
5
|
-
var componentName='SliderInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(SliderInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var
|
|
5
|
+
var componentName='SliderInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(SliderInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtSliderInput = StyledComponent;
|
|
6
6
|
|
|
7
|
-
export {
|
|
7
|
+
export { VdtSliderInput as default };
|
|
@@ -4,7 +4,8 @@ import { CircularProgress, styled, Autocomplete, TextField, FormControl, FormHel
|
|
|
4
4
|
import MenuItem from '../_components/MenuItem.js';
|
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
|
-
var _excluded=["className"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiAutocomplete=styled(Autocomplete)(function(){return {/* Fix so label is not clashing with popup icon */'&.MuiAutocomplete-hasPopupIcon':{'& .MuiInputLabel-filled':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:32}},'& .MuiInputLabel-standard:not(.MuiInputLabel-shrink)':{paddingRight:24},'& .MuiInputLabel-outlined':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:16}}},'&:not(.MuiAutocomplete-hasPopupIcon)':{'& .MuiInputLabel-outlined.MuiInputLabel-shrink':{paddingRight:16}}
|
|
7
|
+
var _excluded=["className"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiAutocomplete=styled(Autocomplete)(function(){return {/* Fix so label is not clashing with popup icon */'&.MuiAutocomplete-hasPopupIcon':{'& .MuiInputLabel-filled':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:32}},'& .MuiInputLabel-standard:not(.MuiInputLabel-shrink)':{paddingRight:24},'& .MuiInputLabel-outlined':{paddingRight:24,'&.MuiInputLabel-shrink':{paddingRight:16}}},'&:not(.MuiAutocomplete-hasPopupIcon)':{'& .MuiInputLabel-outlined.MuiInputLabel-shrink':{paddingRight:16}},// Hide placeholder when a chip is set
|
|
8
|
+
'&:has(.MuiChip-root)':{'& .MuiAutocomplete-input::placeholder':{visibility:'hidden'}}};});var StyledMuiTextField=styled(TextField)(function(){return {/* Fix so chips is not clashing with each other */'& .MuiChip-root':{margin:1},/* Fix so height is same as regular text field */ // Outlined
|
|
8
9
|
'& .MuiInputLabel-shrink + .MuiOutlinedInput-root':{// Medium size (56px)
|
|
9
10
|
'&:not(.MuiInputBase-sizeSmall)':{paddingTop:13,'& .MuiAutocomplete-input':{paddingTop:4,paddingBottom:7}},// Small size (40px)
|
|
10
11
|
'&.MuiInputBase-sizeSmall':{paddingTop:9,paddingBottom:4,'& .MuiAutocomplete-input':{paddingTop:2,paddingBottom:2}}},// Filled
|
|
@@ -13,6 +14,6 @@ var _excluded=["className"];function ownKeys(object,enumerableOnly){var keys=Obj
|
|
|
13
14
|
'&.MuiInputBase-sizeSmall':{paddingTop:22,paddingBottom:2,'& .MuiAutocomplete-input':{paddingTop:0,paddingBottom:1},'& .MuiChip-root':{maxHeight:22}}},// Standard
|
|
14
15
|
'& .MuiInputLabel-shrink + .MuiInput-root':{// Medium size (48px)
|
|
15
16
|
'&:not(.MuiInputBase-sizeSmall)':{paddingBottom:3,'& .MuiAutocomplete-input':{paddingLeft:4,paddingTop:3,paddingBottom:3},'& .MuiChip-root':{maxHeight:27}},// Small size (45px)
|
|
16
|
-
'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:2,'& .MuiAutocomplete-input':{paddingLeft:2,paddingTop:1,paddingBottom:2}}}};});var defaultComponents={Root:FormControl,FormHelperText:FormHelperText,Autocomplete:StyledMuiAutocomplete,TextField:StyledMuiTextField,MenuItem:MenuItem,Chip:Chip};function TagInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,freeSolo=_ref.freeSolo,loading=_ref.loading,variant=_ref.variant,size=_ref.size,showChipCount=_ref.showChipCount,onChange=_ref.onChange,_onInputChange=_ref.onInputChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var FormControl=components.Root,TextField=components.TextField,FormHelperText=components.FormHelperText,Autocomplete=components.Autocomplete,MenuItem=components.MenuItem,Chip=components.Chip;var getChipLabel=function getChipLabel(v){var option=options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;});return ((option===null||option===void 0?void 0:option.label)||(v===null||v===void 0?void 0:v.value)||v)+(showChipCount&&(option===null||option===void 0?void 0:option.count)!==undefined?" (".concat(option===null||option===void 0?void 0:option.count,")"):'');};var _getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var _getOptionDisabled=function getOptionDisabled(v){var _options$find2;return (options===null||options===void 0?void 0:(_options$find2=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find2===void 0?void 0:_options$find2.disabled)||false;};var handleChange=function handleChange(e,values){onChange(e,{value:values===null||values===void 0?void 0:values.map(function(v){return (v===null||v===void 0?void 0:v.value)||v;})});};var optionValues=(options===null||options===void 0?void 0:options.map(function(o){return (o===null||o===void 0?void 0:o.value)||o;}))||[];var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,fullWidth:fullWidth},componentsProps.root),{},{children:[/*#__PURE__*/jsx(Autocomplete,_objectSpread(_objectSpread({id:name,name:name,value:value},isControlled?{value:value}:{defaultValue:defaultValue}),{},{options:optionValues,getOptionLabel:function getOptionLabel(o){return _getOptionLabel(o);},getOptionDisabled:function getOptionDisabled(o){return _getOptionDisabled(o);},isOptionEqualToValue:function isOptionEqualToValue(o,v){return o===v;},freeSolo:freeSolo,disabled:disabled,loading:loading,onChange:handleChange,onInputChange:function onInputChange(e,v){return _onInputChange(e,{value:v});},onBlur:onBlur,onFocus:onFocus,onOpen:onOpen,onClose:onClose,multiple:true,disableClearable:true,disablePortal:true,openOnFocus:true,renderTags:function renderTags(values,getTagProps){return values.map(function(v,index){return/*#__PURE__*/jsx(Chip,_objectSpread(_objectSpread({label:getChipLabel(v),size:size},getTagProps({index:index})),componentsProps.chip));});},renderOption:function renderOption(_ref2,optionValue){_ref2.className;var props=_objectWithoutProperties(_ref2,_excluded);var option=(options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===optionValue;}))||{value:optionValue};return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread(_objectSpread({},option),props),componentsProps.menuItem));},renderInput:function renderInput(params){var _componentsProps$text;return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({},params),{},{label:label,error:isError,required:required,variant:variant,size:size,fullWidth:true},componentsProps.textField),{},{InputProps:_objectSpread(_objectSpread({},params.InputProps),{},{endAdornment:loading?/*#__PURE__*/jsx(CircularProgress,{color:"inherit",size:20}):null},((_componentsProps$text=componentsProps.textField)===null||_componentsProps$text===void 0?void 0:_componentsProps$text.InputProps)||{})}));}},componentsProps.autocomplete)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}TagInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,freeSolo:false,loading:false,showChipCount:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onInputChange:function onInputChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
|
|
17
|
+
'&.MuiInputBase-sizeSmall':{paddingTop:1,paddingBottom:2,'& .MuiAutocomplete-input':{paddingLeft:2,paddingTop:1,paddingBottom:2}}}};});var defaultComponents={Root:FormControl,FormHelperText:FormHelperText,Autocomplete:StyledMuiAutocomplete,TextField:StyledMuiTextField,MenuItem:MenuItem,Chip:Chip};function TagInput(_ref){var name=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,placeholder=_ref.placeholder,freeSolo=_ref.freeSolo,loading=_ref.loading,variant=_ref.variant,size=_ref.size,showChipCount=_ref.showChipCount,onChange=_ref.onChange,_onInputChange=_ref.onInputChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onOpen=_ref.onOpen,onClose=_ref.onClose,components=_ref.components,componentsProps=_ref.componentsProps;var FormControl=components.Root,TextField=components.TextField,FormHelperText=components.FormHelperText,Autocomplete=components.Autocomplete,MenuItem=components.MenuItem,Chip=components.Chip;var getChipLabel=function getChipLabel(v){var option=options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;});return ((option===null||option===void 0?void 0:option.label)||(v===null||v===void 0?void 0:v.value)||v)+(showChipCount&&(option===null||option===void 0?void 0:option.count)!==undefined?" (".concat(option===null||option===void 0?void 0:option.count,")"):'');};var _getOptionLabel=function getOptionLabel(v){var _options$find;return (options===null||options===void 0?void 0:(_options$find=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find===void 0?void 0:_options$find.label)||v;};var _getOptionDisabled=function getOptionDisabled(v){var _options$find2;return (options===null||options===void 0?void 0:(_options$find2=options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===v;}))===null||_options$find2===void 0?void 0:_options$find2.disabled)||false;};var handleChange=function handleChange(e,values){onChange(e,{value:values===null||values===void 0?void 0:values.map(function(v){return (v===null||v===void 0?void 0:v.value)||v;})});};var optionValues=(options===null||options===void 0?void 0:options.map(function(o){return (o===null||o===void 0?void 0:o.value)||o;}))||[];var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:isError,required:required,fullWidth:fullWidth},componentsProps.root),{},{children:[/*#__PURE__*/jsx(Autocomplete,_objectSpread(_objectSpread({id:name,name:name,value:value},isControlled?{value:value}:{defaultValue:defaultValue}),{},{options:optionValues,getOptionLabel:function getOptionLabel(o){return _getOptionLabel(o);},getOptionDisabled:function getOptionDisabled(o){return _getOptionDisabled(o);},isOptionEqualToValue:function isOptionEqualToValue(o,v){return o===v;},freeSolo:freeSolo,disabled:disabled,loading:loading,onChange:handleChange,onInputChange:function onInputChange(e,v){return _onInputChange(e,{value:v});},onBlur:onBlur,onFocus:onFocus,onOpen:onOpen,onClose:onClose,multiple:true,disableClearable:true,disablePortal:true,openOnFocus:true,renderTags:function renderTags(values,getTagProps){return values.map(function(v,index){return/*#__PURE__*/jsx(Chip,_objectSpread(_objectSpread({label:getChipLabel(v),size:size},getTagProps({index:index})),componentsProps.chip));});},renderOption:function renderOption(_ref2,optionValue){_ref2.className;var props=_objectWithoutProperties(_ref2,_excluded);var option=(options===null||options===void 0?void 0:options.find(function(o){return ((o===null||o===void 0?void 0:o.value)||o)===optionValue;}))||{value:optionValue};return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread(_objectSpread({},option),props),componentsProps.menuItem));},renderInput:function renderInput(params){var _componentsProps$text;return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread(_objectSpread({},params),{},{label:label,error:isError,required:required,variant:variant,size:size,placeholder:placeholder,fullWidth:true},componentsProps.textField),{},{InputProps:_objectSpread(_objectSpread({},params.InputProps),{},{endAdornment:loading?/*#__PURE__*/jsx(CircularProgress,{color:"inherit",size:20}):null},((_componentsProps$text=componentsProps.textField)===null||_componentsProps$text===void 0?void 0:_componentsProps$text.InputProps)||{}),InputLabelProps:_objectSpread(_objectSpread({},placeholder!==undefined?{shrink:true}:{}),componentsProps.textField.InputLabelProps||{})}));}},componentsProps.autocomplete)),(errorText||helperText)&&/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({},componentsProps.formHelperText),{},{children:isError?errorText:helperText}))]}));}TagInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,options:[],helperText:undefined,error:undefined,placeholder:undefined,required:false,disabled:false,fullWidth:true,freeSolo:false,loading:false,showChipCount:false,variant:'outlined',size:'medium',onChange:function onChange(){return null;},onInputChange:function onInputChange(){return null;},onBlur:undefined,onFocus:undefined,onOpen:undefined,onClose:undefined,components:defaultComponents,componentsProps:undefined};
|
|
17
18
|
|
|
18
19
|
export { TagInput as default };
|
|
@@ -2,6 +2,6 @@ import { styled } from '@mui/material';
|
|
|
2
2
|
import TagInput from './TagInput.js';
|
|
3
3
|
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
4
4
|
|
|
5
|
-
var componentName='TagInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(TagInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var
|
|
5
|
+
var componentName='TagInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(TagInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtTagInput = StyledComponent;
|
|
6
6
|
|
|
7
|
-
export {
|
|
7
|
+
export { VdtTagInput as default };
|
|
@@ -2,6 +2,6 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
2
2
|
import { TextField } from '@mui/material';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultComponents={Root:TextField};function TextInput(_ref){var inputName=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,fullWidth=_ref.fullWidth,multiline=_ref.multiline,variant=_ref.variant,size=_ref.size,type=_ref.type,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root;var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({id:inputName,name:inputName,label:label},isControlled?{value:value}:{defaultValue:defaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,multiline:multiline,variant:variant,size:size,type:type,autoComplete:"off",onChange:handleChange,onBlur:onBlur,onFocus:onFocus},componentsProps.root));}TextInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,helperText:undefined,error:undefined,required:false,disabled:false,fullWidth:true,multiline:false,variant:'outlined',size:'medium',type:'text',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
|
|
5
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultComponents={Root:TextField};function TextInput(_ref){var inputName=_ref.name,label=_ref.label,value=_ref.value,defaultValue=_ref.defaultValue,helperText=_ref.helperText,error=_ref.error,required=_ref.required,disabled=_ref.disabled,placeholder=_ref.placeholder,fullWidth=_ref.fullWidth,multiline=_ref.multiline,variant=_ref.variant,size=_ref.size,type=_ref.type,onChange=_ref.onChange,onBlur=_ref.onBlur,onFocus=_ref.onFocus,components=_ref.components,componentsProps=_ref.componentsProps;var TextField=components.Root;var handleChange=function handleChange(e){var _e$target;onChange(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value});};var isControlled=value!==undefined;var isError=!!error;var errorText=(error||'').trim();return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({id:inputName,name:inputName,label:label},isControlled?{value:value||''}:{defaultValue:defaultValue}),{},{helperText:(errorText||helperText)&&isError?error:helperText,error:isError,required:required,disabled:disabled,fullWidth:fullWidth,multiline:multiline,variant:variant,size:size,type:type,placeholder:placeholder,autoComplete:"off",onChange:handleChange,onBlur:onBlur,onFocus:onFocus,InputLabelProps:_objectSpread(_objectSpread({},placeholder!==undefined?{shrink:true}:{}),componentsProps.root.InputLabelProps||{})},componentsProps.root));}TextInput.defaultProps={name:undefined,label:undefined,value:undefined,defaultValue:undefined,helperText:undefined,error:undefined,placeholder:undefined,required:false,disabled:false,fullWidth:true,multiline:false,variant:'outlined',size:'medium',type:'text',onChange:function onChange(){return null;},onBlur:undefined,onFocus:undefined,components:defaultComponents,componentsProps:undefined};
|
|
6
6
|
|
|
7
7
|
export { TextInput as default };
|
|
@@ -2,6 +2,6 @@ import { styled } from '@mui/material';
|
|
|
2
2
|
import TextInput from './TextInput.js';
|
|
3
3
|
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
4
4
|
|
|
5
|
-
var componentName='TextInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(TextInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var
|
|
5
|
+
var componentName='TextInput';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(TextInput);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtTextInput = StyledComponent;
|
|
6
6
|
|
|
7
|
-
export {
|
|
7
|
+
export { VdtTextInput as default };
|
|
@@ -3,6 +3,6 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
import { MenuItem as MenuItem$1, ListItemText, Typography } from '@mui/material';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
var _excluded=["value","label","count","selected","onClick"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function MenuItem(_ref){var value=_ref.value,label=_ref.label,count=_ref.count,selected=_ref.selected,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);var handleClick=typeof onClick!=='function'?undefined:function(e){return onClick(e,{value:value});};return/*#__PURE__*/jsxs(MenuItem$1,_objectSpread(_objectSpread({value:value,selected:selected,onClick:handleClick},props),{},{children:[/*#__PURE__*/jsx(ListItemText,{children:label||value}),count!==undefined&&/*#__PURE__*/jsx(Typography,{variant:"body2",color:"text.secondary",children:count})]}));}
|
|
6
|
+
var _excluded=["value","label","count","selected","onClick"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function MenuItem(_ref){var value=_ref.value,label=_ref.label,count=_ref.count,selected=_ref.selected,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);var handleClick=typeof onClick!=='function'?undefined:function(e){return onClick(e,{value:value});};return/*#__PURE__*/jsxs(MenuItem$1,_objectSpread(_objectSpread({value:value,selected:selected!==undefined?selected:props['aria-selected'],onClick:handleClick},props),{},{children:[/*#__PURE__*/jsx(ListItemText,{children:label||value}),count!==undefined&&/*#__PURE__*/jsx(Typography,{variant:"body2",color:"text.secondary",children:count})]}));}
|
|
7
7
|
|
|
8
8
|
export { MenuItem as default };
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
3
|
import { CardMedia } from '@mui/material';
|
|
4
|
+
import VdtItemPoster from '../../ItemPoster/index.js';
|
|
4
5
|
import ItemThumbnail from '../../ItemThumbnail/index.js';
|
|
5
6
|
import { jsx } from 'react/jsx-runtime';
|
|
6
7
|
|
|
7
|
-
var _excluded=["itemType","padding","size","horizontal","itemThumbnail"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemCardMedia(_ref){var itemType=_ref.itemType;_ref.padding;_ref.size;_ref.horizontal;var itemThumbnail=_ref.itemThumbnail,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(CardMedia,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsx(ItemThumbnail,_objectSpread({itemType:itemType,cover:true},itemThumbnail))}));}
|
|
8
|
+
var _excluded=["itemType","padding","size","horizontal","itemThumbnail","itemPoster"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemCardMedia(_ref){var _itemType$posters,_itemType$posters$uri;var itemType=_ref.itemType;_ref.padding;_ref.size;_ref.horizontal;var _ref$itemThumbnail=_ref.itemThumbnail,itemThumbnail=_ref$itemThumbnail===void 0?{}:_ref$itemThumbnail,_ref$itemPoster=_ref.itemPoster,itemPoster=_ref$itemPoster===void 0?{}:_ref$itemPoster,props=_objectWithoutProperties(_ref,_excluded);var hasPosters=(itemType===null||itemType===void 0?void 0:(_itemType$posters=itemType.posters)===null||_itemType$posters===void 0?void 0:(_itemType$posters$uri=_itemType$posters.uri)===null||_itemType$posters$uri===void 0?void 0:_itemType$posters$uri.length)>0;return/*#__PURE__*/jsx(CardMedia,_objectSpread(_objectSpread({},props),{},{children:hasPosters?/*#__PURE__*/jsx(VdtItemPoster,_objectSpread({itemType:itemType,backgroundSize:"cover"},itemPoster)):/*#__PURE__*/jsx(ItemThumbnail,_objectSpread({itemType:itemType,cover:true},itemThumbnail))}));}
|
|
8
9
|
|
|
9
10
|
export { ItemCardMedia as default };
|
|
@@ -7,6 +7,6 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
|
7
7
|
import { uuidv4 } from '../../_utils/uuidv4.js';
|
|
8
8
|
import { showSlot } from '../../_utils/showSlot.js';
|
|
9
9
|
|
|
10
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function EmptySlot(){return/*#__PURE__*/jsx(Typography,{children:"No items found..."});}var StyledMuiList=styled(List)(function(){return {width:'100%'};});var defaultComponents={Root:StyledMuiList,ListSubheader:ListSubheader,ListItem:VdtItemListItem};function ItemList(_ref){var itemListType=_ref.itemListType,header=_ref.header,primary=_ref.primary,secondary=_ref.secondary,avatarVariant=_ref.avatarVariant,dense=_ref.dense,amountLoading=_ref.amountLoading,isLoading=_ref.isLoading,onListItemClick=_ref.onListItemClick,onListItemDelete=_ref.onListItemDelete,emptySlot=_ref.emptySlot,components=_ref.components,componentsProps=_ref.componentsProps;var List=components.Root,ListSubheader=components.ListSubheader,ListItem=components.ListItem;var loadingListItems=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(){return {key:uuidv4()};});var listItems=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:uuidv4(),itemType:itemType};}))||[];},[itemListType.item]);return/*#__PURE__*/jsxs(List,_objectSpread(_objectSpread({dense:dense},componentsProps.root),{},{children:[/*#__PURE__*/jsx(ListSubheader,_objectSpread(_objectSpread({},componentsProps.listSubheader),{},{children:header})),/*#__PURE__*/jsxs(Fragment,{children:[!isLoading&&listItems.length===0&&showSlot(emptySlot),(isLoading?loadingListItems:listItems).map(function(_ref2){var key=_ref2.key,itemType=_ref2.itemType;return/*#__PURE__*/jsx(ListItem,_objectSpread({itemType:itemType,primary:primary,secondary:secondary,avatarVariant:avatarVariant,isLoading:isLoading,onClick:onListItemClick,onDelete:onListItemDelete},componentsProps.listItem),key);})]})]}));}ItemList.defaultProps={itemListType:{},header:undefined,primary:undefined,secondary:undefined,avatarVariant:'square',dense:false,isLoading:false,amountLoading:3,onListItemClick:undefined,onListItemDelete:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
|
|
10
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function EmptySlot(){return/*#__PURE__*/jsx(Typography,{children:"No items found..."});}var StyledMuiList=styled(List)(function(){return {width:'100%',padding:0};});var defaultComponents={Root:StyledMuiList,ListSubheader:ListSubheader,ListItem:VdtItemListItem};function ItemList(_ref){var itemListType=_ref.itemListType,header=_ref.header,primary=_ref.primary,secondary=_ref.secondary,avatarVariant=_ref.avatarVariant,dense=_ref.dense,amountLoading=_ref.amountLoading,isLoading=_ref.isLoading,onListItemClick=_ref.onListItemClick,onListItemDelete=_ref.onListItemDelete,emptySlot=_ref.emptySlot,components=_ref.components,componentsProps=_ref.componentsProps;var List=components.Root,ListSubheader=components.ListSubheader,ListItem=components.ListItem;var loadingListItems=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(){return {key:uuidv4()};});var listItems=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:uuidv4(),itemType:itemType};}))||[];},[itemListType.item]);return/*#__PURE__*/jsxs(List,_objectSpread(_objectSpread({dense:dense},componentsProps.root),{},{children:[/*#__PURE__*/jsx(ListSubheader,_objectSpread(_objectSpread({},componentsProps.listSubheader),{},{children:header})),/*#__PURE__*/jsxs(Fragment,{children:[!isLoading&&listItems.length===0&&showSlot(emptySlot),(isLoading?loadingListItems:listItems).map(function(_ref2){var key=_ref2.key,itemType=_ref2.itemType;return/*#__PURE__*/jsx(ListItem,_objectSpread({itemType:itemType,primary:primary,secondary:secondary,avatarVariant:avatarVariant,isLoading:isLoading,onClick:onListItemClick,onDelete:onListItemDelete},componentsProps.listItem),key);})]})]}));}ItemList.defaultProps={itemListType:{},header:undefined,primary:undefined,secondary:undefined,avatarVariant:'square',dense:false,isLoading:false,amountLoading:3,onListItemClick:undefined,onListItemDelete:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
|
|
11
11
|
|
|
12
12
|
export { ItemList as default };
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import { styled, Box } from '@mui/material';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import VdtBlurredBackground from '../../general/BlurredBackground/index.js';
|
|
4
5
|
|
|
5
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiBox=styled(Box)(function(_ref){var onClick=_ref.onClick;return _objectSpread({
|
|
6
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiBox=styled(Box)(function(_ref){var onClick=_ref.onClick;return _objectSpread({height:'100%',width:'100%',position:'relative'},onClick&&{cursor:'pointer'});});var StyledVdtBlurredBackground=styled(VdtBlurredBackground)(function(){return {height:'100%',width:'100%',position:'absolute',zIndex:0,top:0};});var StyledMuiBoxImage=styled(Box,{shouldForwardProp:function shouldForwardProp(prop){return !['image','backgroundSize'].includes(prop);}})(function(_ref2){var image=_ref2.image,backgroundSize=_ref2.backgroundSize;return {height:'inherit',width:'inherit',position:'relative',zIndex:5,transition:'all .3s ease-in',background:image?"url(".concat(image,")"):'none',backgroundPosition:'center',backgroundRepeat:'no-repeat',backgroundSize:backgroundSize};});var defaultComponents={Root:StyledMuiBox,BlurredBackground:StyledVdtBlurredBackground,ImageBox:StyledMuiBoxImage};function ItemPoster(_ref3){var _posters$uri;var itemType=_ref3.itemType,posterIndex=_ref3.posterIndex,showBlurredBackground=_ref3.showBlurredBackground,backgroundSize=_ref3.backgroundSize,onClick=_ref3.onClick,components=_ref3.components,componentsProps=_ref3.componentsProps;var Box=components.Root,BlurredBackground=components.BlurredBackground,ImageBox=components.ImageBox;var _ref4=itemType||{},posters=_ref4.posters;var image=posters===null||posters===void 0?void 0:(_posters$uri=posters.uri)===null||_posters$uri===void 0?void 0:_posters$uri[posterIndex];var handleClick=typeof onClick!=='function'?undefined:function(e){onClick(e,{itemType:itemType,posterIndex:posterIndex});};return/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({onClick:handleClick},componentsProps.root),{},{children:[showBlurredBackground&&/*#__PURE__*/jsx(BlurredBackground,_objectSpread({image:image},componentsProps.blurredBackground)),/*#__PURE__*/jsx(ImageBox,_objectSpread({component:"div",image:image,backgroundSize:backgroundSize},componentsProps.imageBox))]}));}ItemPoster.defaultProps={itemType:undefined,posterIndex:0,showBlurredBackground:false,backgroundSize:'cover',onClick:undefined,components:defaultComponents,componentsProps:undefined};
|
|
6
7
|
|
|
7
8
|
export { ItemPoster as default };
|
|
@@ -8,6 +8,7 @@ import ItemTableHead from './components/ItemTableHead.js';
|
|
|
8
8
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
9
|
import { showSlot } from '../../_utils/showSlot.js';
|
|
10
10
|
|
|
11
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function EmptySlot(_ref){var rows=_ref.rows,onCheck=_ref.onCheck;return/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell,{colSpan:rows.length+(onCheck?1:0),sx:{borderBottom:'none'},children:"No items found..."})});}var defaultComponents={Root:Table,TableHead:ItemTableHead,TableBody:TableBody,TableRow:VdtItemTableRow};function ItemTable(_ref2){var
|
|
11
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function EmptySlot(_ref){var rows=_ref.rows,onCheck=_ref.onCheck;return/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell,{colSpan:rows.length+(onCheck?1:0),sx:{borderBottom:'none'},children:"No items found..."})});}var defaultComponents={Root:Table,TableHead:ItemTableHead,TableBody:TableBody,TableRow:VdtItemTableRow};function ItemTable(_ref2){var itemListType=_ref2.itemListType,rows=_ref2.rows,size=_ref2.size,avatarVariant=_ref2.avatarVariant,stickyHeader=_ref2.stickyHeader,showAvatar=_ref2.showAvatar,onRowClick=_ref2.onRowClick,controlledChecked=_ref2.checked,onCheck=_ref2.onCheck,isLoading=_ref2.isLoading,amountLoading=_ref2.amountLoading,emptySlot=_ref2.emptySlot,components=_ref2.components,componentsProps=_ref2.componentsProps;var Table=components.Root,TableHead=components.TableHead,TableBody=components.TableBody,TableRow=components.TableRow;var loadingRows=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(value){return {key:value};});var itemTypeRows=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:itemType===null||itemType===void 0?void 0:itemType.id,itemType:itemType};}))||[];},[itemListType]);var _useState=useState([]),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setCheckedItemListType=_useState2[1];var checkedItems=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheckAll=!onCheck?undefined:function(e,_ref3){var value=_ref3.value;var _ref4=itemListType||{},_ref4$item=_ref4.item,visibleItems=_ref4$item===void 0?[]:_ref4$item;var newCheckedItems=value===true?[].concat(_toConsumableArray(checkedItems),_toConsumableArray(visibleItems)).filter(// Remove duplicates
|
|
12
|
+
function(item,index,arr){return index===arr.findIndex(function(_ref5){var id=_ref5.id;return item.id===id;});}):checkedItems.filter(function(_ref6){var id=_ref6.id;return !visibleItems.some(function(vi){return vi.id===id;});});if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};var handleCheck=!onCheck?undefined:function(e,_ref7){var value=_ref7.value,itemType=_ref7.itemType;var newCheckedItems=value===true?[].concat(_toConsumableArray(checkedItems),[itemType]):checkedItems.filter(function(_ref8){var id=_ref8.id;return itemType.id!==id;});if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};var allChecked=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.length)>0&&((itemListType===null||itemListType===void 0?void 0:itemListType.item)||[]).every(function(i){return checkedItems.some(function(ci){return i.id===ci.id;});});var someChecked=!allChecked&&(checkedItems===null||checkedItems===void 0?void 0:checkedItems.length)>0&&((itemListType===null||itemListType===void 0?void 0:itemListType.item)||[]).some(function(i){return checkedItems.some(function(ci){return i.id===ci.id;});});return/*#__PURE__*/jsxs(Table,_objectSpread(_objectSpread({size:size,stickyHeader:stickyHeader},componentsProps.root),{},{children:[/*#__PURE__*/jsx(TableHead,{rows:rows,isLoading:isLoading,checked:allChecked,showAvatar:showAvatar,indeterminate:someChecked,onCheck:handleCheckAll}),/*#__PURE__*/jsxs(TableBody,{children:[!isLoading&&itemTypeRows.length===0&&showSlot(emptySlot,{onCheck:onCheck,rows:rows}),(isLoading?loadingRows:itemTypeRows).map(function(_ref9){var key=_ref9.key,itemType=_ref9.itemType;return/*#__PURE__*/jsx(TableRow,{itemType:itemType,rows:rows,isLoading:isLoading,onClick:onRowClick,showAvatar:showAvatar,avatarVariant:avatarVariant,checked:Array.isArray(checkedItems)&&checkedItems.some(function(_ref10){var id=_ref10.id;return id===itemType.id;}),onCheck:handleCheck},key);})]})]}));}ItemTable.defaultProps={itemListType:undefined,rows:[],size:'medium',avatarVariant:'square',stickyHeader:false,checked:undefined,showAvatar:true,isLoading:false,amountLoading:3,onCheck:undefined,onRowClick:undefined,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
|
|
12
13
|
|
|
13
14
|
export { ItemTable as default };
|
|
@@ -3,6 +3,6 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
import { TableHead, TableRow, TableCell, Skeleton, Checkbox } from '@mui/material';
|
|
4
4
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
var _excluded=["rows","isLoading","checked","indeterminate","onCheck"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemTableHead(_ref){var rows=_ref.rows,isLoading=_ref.isLoading,checked=_ref.checked,indeterminate=_ref.indeterminate,onCheck=_ref.onCheck,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableHead,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):/*#__PURE__*/jsx(Checkbox,{checked:checked||indeterminate,indeterminate:indeterminate,onChange:function onChange(e){var _e$target;return onCheck(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.checked});}})}),rows.map(function(_ref2,index){var label=_ref2.label;return/*#__PURE__*/jsx(TableCell,{children:label},label||index);})]})}));}
|
|
6
|
+
var _excluded=["rows","isLoading","checked","showAvatar","indeterminate","onCheck"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemTableHead(_ref){var rows=_ref.rows,isLoading=_ref.isLoading,checked=_ref.checked,showAvatar=_ref.showAvatar,indeterminate=_ref.indeterminate,onCheck=_ref.onCheck,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableHead,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):/*#__PURE__*/jsx(Checkbox,{checked:checked||indeterminate,indeterminate:indeterminate,onChange:function onChange(e){var _e$target;return onCheck(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.checked});}})}),showAvatar&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox"}),rows.map(function(_ref2,index){var label=_ref2.label;return/*#__PURE__*/jsx(TableCell,{children:label},label||index);})]})}));}
|
|
7
7
|
|
|
8
8
|
export { ItemTableHead as default };
|
|
@@ -3,9 +3,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
3
3
|
import { useMemo, useState } from 'react';
|
|
4
4
|
import { Skeleton, styled, TableRow, TableCell, Checkbox } from '@mui/material';
|
|
5
5
|
import { getEntityText } from '../../entity/_utils/getEntityText.js';
|
|
6
|
+
import EntityTableCellAvatar from '../../entity/EntityTableRow/components/EntityTableCellAvatar.js';
|
|
7
|
+
import EntityTableCellCheckbox from '../../entity/EntityTableRow/components/EntityTableCellCheckbox.js';
|
|
6
8
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
+
import { uuidv4 } from '../../_utils/uuidv4.js';
|
|
7
10
|
|
|
8
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiTableRow=styled(TableRow)(function(_ref){var onClick=_ref.onClick;return _objectSpread({},onClick?{cursor:'pointer'}:{});});var defaultComponents={Root:StyledMuiTableRow,TableCell:TableCell,Checkbox:Checkbox};function ItemTableRow(_ref2){var itemType=_ref2.itemType,rows=_ref2.rows,defaultValue=_ref2.defaultValue,controlledChecked=_ref2.checked,isLoading=_ref2.isLoading,onClick=_ref2.onClick,onCheck=_ref2.onCheck,components=_ref2.components,componentsProps=_ref2.componentsProps;var TableRow=components.Root,TableCell=components.TableCell,Checkbox=components.Checkbox;var values=useMemo(function(){return rows.map(function(){var _ref3=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},value=_ref3.value;return getEntityText(value,{itemType:itemType})||defaultValue;});},[itemType,defaultValue,rows]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setChecked=_useState2[1];var checked=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheck=typeof onCheck!=='function'?undefined:function(e){var value=!checked;onCheck(e,{value:value,itemType:itemType});if(controlledChecked===undefined)setChecked(value);};var handleClick=typeof onClick!=='function'?undefined:function(e){var _e$target,_e$target2;// Don't trigger onClick when pressing checkbox
|
|
9
|
-
if(!((e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.nodeName)==='INPUT'&&(e===null||e===void 0?void 0:(_e$target2=e.target)===null||_e$target2===void 0?void 0:_e$target2.checked)!==undefined)){onClick(e,{itemType:itemType});}};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({hover:true,selected:checked,onClick:handleClick},componentsProps.root),{},{children:[handleCheck&&/*#__PURE__*/jsx(
|
|
11
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiTableRow=styled(TableRow)(function(_ref){var onClick=_ref.onClick;return _objectSpread({},onClick?{cursor:'pointer'}:{});});var defaultComponents={Root:StyledMuiTableRow,TableCell:TableCell,TableCellAvatar:EntityTableCellAvatar,TableCellCheckbox:EntityTableCellCheckbox,Checkbox:Checkbox};function ItemTableRow(_ref2){var itemType=_ref2.itemType,rows=_ref2.rows,defaultValue=_ref2.defaultValue,controlledChecked=_ref2.checked,showAvatar=_ref2.showAvatar,avatarVariant=_ref2.avatarVariant,isLoading=_ref2.isLoading,onClick=_ref2.onClick,onCheck=_ref2.onCheck,components=_ref2.components,componentsProps=_ref2.componentsProps;var TableRow=components.Root,TableCell=components.TableCell,TableCellAvatar=components.TableCellAvatar,TableCellCheckbox=components.TableCellCheckbox,Checkbox=components.Checkbox;var values=useMemo(function(){return rows.map(function(){var _ref3=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},value=_ref3.value;return getEntityText(value,{itemType:itemType})||defaultValue;});},[itemType,defaultValue,rows]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setChecked=_useState2[1];var checked=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheck=typeof onCheck!=='function'?undefined:function(e){var value=!checked;onCheck(e,{value:value,itemType:itemType});if(controlledChecked===undefined)setChecked(value);};var handleClick=typeof onClick!=='function'?undefined:function(e){var _e$target,_e$target2;// Don't trigger onClick when pressing checkbox
|
|
12
|
+
if(!((e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.nodeName)==='INPUT'&&(e===null||e===void 0?void 0:(_e$target2=e.target)===null||_e$target2===void 0?void 0:_e$target2.checked)!==undefined)){onClick(e,{itemType:itemType});}};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({hover:true,selected:checked,onClick:handleClick},componentsProps.root),{},{children:[handleCheck&&/*#__PURE__*/jsx(TableCellCheckbox,_objectSpread(_objectSpread({itemType:itemType,isLoading:isLoading},componentsProps.tableCellCheckbox),{},{children:/*#__PURE__*/jsx(Checkbox,_objectSpread({checked:checked,onChange:handleCheck},componentsProps.checkbox))})),showAvatar&&/*#__PURE__*/jsx(TableCellAvatar,_objectSpread({itemType:itemType,isLoading:isLoading,variant:avatarVariant},componentsProps.tableCellAvatar)),values.map(function(value){return/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({},componentsProps.tableCell),{},{children:isLoading?/*#__PURE__*/jsx(Skeleton,{}):value}),uuidv4());})]}));}ItemTableRow.defaultProps={itemType:undefined,defaultValue:undefined,rows:[],checked:undefined,showAvatar:true,avatarVariant:'square',isLoading:false,onClick:undefined,onCheck:undefined,components:defaultComponents,componentsProps:undefined};
|
|
10
13
|
|
|
11
14
|
export { ItemTableRow as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import { Box } from '@mui/material';
|
|
3
|
+
import VdtForm from '../../general/Form/index.js';
|
|
4
|
+
import useSearchFilterFormInputs from './hooks/UseSearchFilterFormInputs.js';
|
|
5
|
+
import mapValuesToFilterDefault from './utils/mapValuesToFilter.js';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultComponents={Root:Box,Form:VdtForm};function SearchFilterForm(_ref){var fieldList=_ref.fieldList,facetList=_ref.facetList,dataToPropsMap=_ref.dataToPropsMap,includeFacetsAsOptions=_ref.includeFacetsAsOptions,inputsProps=_ref.inputsProps,mapValuesToFilter=_ref.mapValuesToFilter,onClear=_ref.onClear,onReset=_ref.onReset,onChange=_ref.onChange,onSubmit=_ref.onSubmit,onError=_ref.onError,components=_ref.components,componentsProps=_ref.componentsProps;var Box=components.Root,Form=components.Form;var inputs=useSearchFilterFormInputs({fieldList:fieldList,facetList:facetList,dataToPropsMap:dataToPropsMap,includeFacetsAsOptions:includeFacetsAsOptions,inputsProps:inputsProps});var handleClear=typeof onClear!=='function'?undefined:function(e,values){onClear(e,mapValuesToFilter(values,inputs));};var handleReset=typeof onReset!=='function'?undefined:function(e,values){onReset(e,mapValuesToFilter(values,inputs));};var handleChange=typeof onChange!=='function'?undefined:function(e,values){onChange(e,mapValuesToFilter(values,inputs));};var handleSubmit=typeof onSubmit!=='function'?undefined:function(e,values){onSubmit(e,mapValuesToFilter(values,inputs));};var handleError=typeof onError!=='function'?undefined:function(e,errors){onError(e,errors);};return/*#__PURE__*/jsx(Box,_objectSpread(_objectSpread({},componentsProps.root),{},{children:/*#__PURE__*/jsx(Form,_objectSpread({inputs:inputs,onClear:handleClear,onReset:handleReset,onChange:handleChange,onSubmit:handleSubmit,onError:handleError},componentsProps.form))}));}SearchFilterForm.defaultProps={fieldList:undefined,facetList:undefined,includeFacetsAsOptions:true,dataToPropsMap:{label:'label',helperText:'description',placeholder:'placeholder'},inputsProps:undefined,mapValuesToFilter:mapValuesToFilterDefault,onClear:undefined,onReset:undefined,onChange:undefined,onSubmit:undefined,onError:undefined,components:defaultComponents,componentsProps:undefined};
|
|
9
|
+
|
|
10
|
+
export { SearchFilterForm as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
|
+
import { useMemo, useCallback } from 'react';
|
|
5
|
+
import { parseFieldDefinitionList, parseFacetList } from '@vidispine/vdt-js';
|
|
6
|
+
import VdtDateRangeInput from '../../../inputs/DateRangeInput/index.js';
|
|
7
|
+
import VdtSliderInput from '../../../inputs/SliderInput/index.js';
|
|
8
|
+
import VdtTagInput from '../../../inputs/TagInput/index.js';
|
|
9
|
+
import VdtTextInput from '../../../inputs/TextInput/index.js';
|
|
10
|
+
|
|
11
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var DEFAULT_ERROR_MESSAGE='Invalid value';var DEFAULT_INPUT_COMPONENTS={TextInput:VdtTextInput,TagInput:VdtTagInput,SliderInput:VdtSliderInput,DateRangeInput:VdtDateRangeInput};var useSearchFilterFormInputs=function useSearchFilterFormInputs(_ref){var fieldList=_ref.fieldList,facetList=_ref.facetList,includeFacetsAsOptions=_ref.includeFacetsAsOptions,dataToPropsMap=_ref.dataToPropsMap,errorMessages=_ref.errorMessages,inputsProps=_ref.inputsProps;var TextInput=DEFAULT_INPUT_COMPONENTS.TextInput,TagInput=DEFAULT_INPUT_COMPONENTS.TagInput,SliderInput=DEFAULT_INPUT_COMPONENTS.SliderInput,DateRangeInput=DEFAULT_INPUT_COMPONENTS.DateRangeInput;var parsedFieldDefinitionList=useMemo(function(){return parseFieldDefinitionList(fieldList);},[fieldList]);var parsedFacetList=useMemo(function(){return parseFacetList(facetList);},[facetList]);var getRulesFromRestrictions=useCallback(function(restrictions){var getRuleFromRestriction=function getRuleFromRestriction(name){var restrictionValue=restrictions===null||restrictions===void 0?void 0:restrictions[name];var errorMessage=errorMessages===null||errorMessages===void 0?void 0:errorMessages[name];if(restrictionValue===undefined)return undefined;return {value:restrictionValue,message:(typeof errorMessage==='function'?errorMessage(name):errorMessage)||DEFAULT_ERROR_MESSAGE};};return {required:getRuleFromRestriction('required'),minLength:getRuleFromRestriction('minLength'),maxLength:getRuleFromRestriction('maxLength'),min:getRuleFromRestriction('minInclusive'),max:getRuleFromRestriction('maxInclusive'),pattern:getRuleFromRestriction('pattern')};},[errorMessages]);var addOptionCountsFromFacet=useCallback(function(options,parsedFacetCount){if(parsedFacetCount===undefined)return options;return options===null||options===void 0?void 0:options.map(function(o){var count=parsedFacetCount===null||parsedFacetCount===void 0?void 0:parsedFacetCount[o.value];return _objectSpread(_objectSpread({},o),count?{count:count}:{});});},[]);var addOptionsFromFacet=useCallback(function(_ref2,exitingOptions){var count=_ref2.count,range=_ref2.range;if(count){return [].concat(_toConsumableArray(exitingOptions),_toConsumableArray(Object.entries(count||{}).filter(function(_ref3){var _ref4=_slicedToArray(_ref3,1),fieldValue=_ref4[0];return !(exitingOptions!==null&&exitingOptions!==void 0&&exitingOptions.some(function(o){return o.value===fieldValue;}));}).map(function(){var _ref5=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[],_ref6=_slicedToArray(_ref5,2),fieldValue=_ref6[0],fieldCount=_ref6[1];return _objectSpread({label:fieldValue,value:fieldValue},fieldCount?{count:fieldCount}:{});})));}if(range){return [].concat(_toConsumableArray(exitingOptions),_toConsumableArray(range.map(function(_ref7,index){var start=_ref7.start,end=_ref7.end,fieldCount=_ref7.count;var label=function(){if(start==='*'&&end==='*')return '*';if(start==='*')return "<= ".concat(end);if(end==='*')return ">= ".concat(start);return "".concat(start," - ").concat(end);}();var rangeValues=[start==='*'?Number.MIN_SAFE_INTEGER:Number(start),end==='*'?Number.MAX_SAFE_INTEGER:Number(end)];return _objectSpread(_objectSpread({label:label,value:index+1},start!==undefined&&end!==undefined?{rangeValues:rangeValues}:{}),fieldCount?{count:fieldCount}:{});})));}return exitingOptions;},[]);var isNumber=function isNumber(type){return ['float','integer','long'].includes(type);};var isString=function isString(type){return ['string','string-exact'].includes(type);};var isDate=function isDate(type){return type==='date';};var getDefaultProps=useCallback(function(_ref8){var type=_ref8.type,options=_ref8.options;if(isString(type)){return {freeSolo:true,multiple:true,placeholder:'',showChipCount:true};}if(isNumber(type))return _objectSpread({range:true,valueLabelDisplay:'auto',showMarks:false},!(options!==null&&options!==void 0&&options.length)?{step:1,infiniteMin:true,infiniteMax:true}:{});if(isDate(type))return {};return {};},[]);var getDefaultComponent=useCallback(function(_ref9){var type=_ref9.type;if(isString(type)){return TagInput;}if(isNumber(type)){return SliderInput;}if(isDate(type)){return DateRangeInput;}// Default
|
|
12
|
+
return TextInput;},[DateRangeInput,SliderInput,TagInput,TextInput]);return useMemo(function(){return parsedFieldDefinitionList===null||parsedFieldDefinitionList===void 0?void 0:parsedFieldDefinitionList.map(function(_ref10){var _parsedFacetList$find,_parsedFacetList$find2;var name=_ref10.name,restrictions=_ref10.restrictions,fieldDefinitionOptions=_ref10.options,type=_ref10.type,data=_ref10.data,defaultValue=_ref10.defaultValue;var customInputProps=_objectSpread(_objectSpread({},(inputsProps===null||inputsProps===void 0?void 0:inputsProps[type])||{}),(inputsProps===null||inputsProps===void 0?void 0:inputsProps[name])||{});var restrictionRules=getRulesFromRestrictions(restrictions);var parsedFacetCount=parsedFacetList===null||parsedFacetList===void 0?void 0:(_parsedFacetList$find=parsedFacetList.find(function(f){return f.fieldName===name;}))===null||_parsedFacetList$find===void 0?void 0:_parsedFacetList$find.count;var parsedFacetRange=parsedFacetList===null||parsedFacetList===void 0?void 0:(_parsedFacetList$find2=parsedFacetList.find(function(f){return f.fieldName===name;}))===null||_parsedFacetList$find2===void 0?void 0:_parsedFacetList$find2.range;var optionsWithCount=addOptionCountsFromFacet(fieldDefinitionOptions,parsedFacetCount);var options=includeFacetsAsOptions===true?addOptionsFromFacet({count:parsedFacetCount,range:parsedFacetRange},optionsWithCount):optionsWithCount;var inputProps=_objectSpread(_objectSpread({type:type,defaultValue:defaultValue&&isString(type)?[defaultValue]:undefined,options:options,rules:restrictionRules},Object.fromEntries(Object.entries(dataToPropsMap).map(function(_ref11){var _ref12=_slicedToArray(_ref11,2),propKey=_ref12[0],dataKey=_ref12[1];return data[dataKey]?[propKey,data[dataKey]]:undefined;}).filter(function(v){return !!v;}))),customInputProps);var props=_objectSpread(_objectSpread({},getDefaultProps(inputProps)),inputProps);return _objectSpread({name:name,Component:getDefaultComponent(props)},props);});},[addOptionCountsFromFacet,addOptionsFromFacet,dataToPropsMap,getDefaultComponent,getDefaultProps,getRulesFromRestrictions,includeFacetsAsOptions,inputsProps,parsedFacetList,parsedFieldDefinitionList]);};var useSearchFilterFormInputs$1 = useSearchFilterFormInputs;
|
|
13
|
+
|
|
14
|
+
export { useSearchFilterFormInputs$1 as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { styled } from '@mui/material';
|
|
2
|
+
import SearchFilterForm from './SearchFilterForm.js';
|
|
3
|
+
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
4
|
+
|
|
5
|
+
var componentName='SearchFilterForm';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(SearchFilterForm);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;StyledComponent.name=componentName;var StyledComponent$1 = StyledComponent;
|
|
6
|
+
|
|
7
|
+
export { StyledComponent$1 as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import { isDefinedValue } from '../../../_utils/isDefinedValue.js';
|
|
4
|
+
|
|
5
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var mapValuesToFilter=function mapValuesToFilter(values,inputs){var rangeInputs=inputs===null||inputs===void 0?void 0:inputs.filter(function(_ref){var options=_ref.options;return options===null||options===void 0?void 0:options.some(function(o){return !!(o!==null&&o!==void 0&&o.rangeValues);});});var isNumberArray=function isNumberArray(arr){return arr.every(function(v){return typeof v==='number';});};var isDate=function isDate(value){if(!value)return false;var dateValue=new Date(value);return dateValue instanceof Date&&!Number.isNaN(dateValue.getTime());};var isDateObject=function isDateObject(value){return isDate(value===null||value===void 0?void 0:value.start)||isDate(value===null||value===void 0?void 0:value.end);};var getRangeOrValue=function getRangeOrValue(value,rangeOptions,isDateValue,isDateValueObject){if(Array.isArray(value)){if(isNumberArray(value)){var _rangeOptions$find,_rangeOptions$find2;var rangeValues=[(rangeOptions===null||rangeOptions===void 0?void 0:(_rangeOptions$find=rangeOptions.find(function(o){return o.value===value[0];}))===null||_rangeOptions$find===void 0?void 0:_rangeOptions$find.rangeValues[0])||value[0],(rangeOptions===null||rangeOptions===void 0?void 0:(_rangeOptions$find2=rangeOptions.find(function(o){return o.value===value[1];}))===null||_rangeOptions$find2===void 0?void 0:_rangeOptions$find2.rangeValues[1])||value[1]];return {range:[{value:rangeValues.map(function(v){return v===Number.MIN_SAFE_INTEGER&&{minimum:true}||v===Number.MAX_SAFE_INTEGER&&{maximum:true}||{value:v};})}]};}return {value:value.map(function(v){return {value:v};})};}if(isDateValue){var date=new Date(value);var dayAfterDate=new Date(value);dayAfterDate.setDate(dayAfterDate.getDate()+1);return {range:[{value:[{value:date.toISOString()},{value:dayAfterDate.toISOString()}]}]};}if(isDateValueObject){var startDate=(value===null||value===void 0?void 0:value.start)&&new Date(value===null||value===void 0?void 0:value.start);var endDate=(value===null||value===void 0?void 0:value.end)&&new Date(value===null||value===void 0?void 0:value.end);// search before first minute of the day after end date
|
|
6
|
+
if(endDate)endDate.setDate(endDate.getDate()+1);return {range:[{value:[startDate?{value:startDate.toISOString()}:{minimum:true},endDate?{value:endDate.toISOString()}:{maximum:true}]}]};}return {value:[{value:value}]};};var filter={filter:Object.entries(values).filter(function(_ref2){var _ref3=_slicedToArray(_ref2,2),value=_ref3[1];return isDefinedValue(value,{includeDateRange:true});}).map(function(_ref4){var _rangeInputs$find;var _ref5=_slicedToArray(_ref4,2),name=_ref5[0],value=_ref5[1];return {name:name,field:[_objectSpread({name:name},getRangeOrValue(value,(_rangeInputs$find=rangeInputs.find(function(r){return r.name===name;}))===null||_rangeInputs$find===void 0?void 0:_rangeInputs$find.options,isDate(value),isDateObject(value)))]};}),values:values};return filter;};var mapValuesToFilterDefault = mapValuesToFilter;
|
|
7
|
+
|
|
8
|
+
export { mapValuesToFilterDefault as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vidispine/vdt-mui",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.2.0-pre.1",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
"scripts": {
|
|
22
22
|
"build": "rimraf dist && rollup -c",
|
|
23
23
|
"build:watch": "yarn build -w --environment DEVELOPMENT",
|
|
24
|
-
"lint": "eslint . --
|
|
24
|
+
"lint": "eslint . --max-warnings=0",
|
|
25
|
+
"format": "prettier . --check",
|
|
25
26
|
"new:component": "hygen new component"
|
|
26
27
|
},
|
|
27
28
|
"dependencies": {
|
|
@@ -29,9 +30,9 @@
|
|
|
29
30
|
"@mui/icons-material": "^5.11.9",
|
|
30
31
|
"@mui/lab": "^5.0.0-alpha.120",
|
|
31
32
|
"@mui/material": "^5.11.10",
|
|
32
|
-
"@vidispine/vdt-api": "23.
|
|
33
|
-
"@vidispine/vdt-js": "23.
|
|
34
|
-
"@vidispine/vdt-react": "23.
|
|
33
|
+
"@vidispine/vdt-api": "23.2.0-pre.1",
|
|
34
|
+
"@vidispine/vdt-js": "23.2.0-pre.1",
|
|
35
|
+
"@vidispine/vdt-react": "23.2.0-pre.1",
|
|
35
36
|
"clsx": "^1.2.1"
|
|
36
37
|
},
|
|
37
38
|
"peerDependencies": {
|
|
@@ -39,6 +40,7 @@
|
|
|
39
40
|
"dayjs": "^1.0.0",
|
|
40
41
|
"react": "^17.0.0",
|
|
41
42
|
"react-dom": "^17.0.0",
|
|
43
|
+
"react-hook-form": "^7.0.0",
|
|
42
44
|
"react-imask": "^6.4.3"
|
|
43
45
|
},
|
|
44
46
|
"devDependencies": {
|
|
@@ -52,16 +54,17 @@
|
|
|
52
54
|
"@svgr/rollup": "6.5.1",
|
|
53
55
|
"@testing-library/jest-dom": "5.16.5",
|
|
54
56
|
"@testing-library/react": "12.1.5",
|
|
55
|
-
"@vidispine/eslint-config-mdx": "23.
|
|
56
|
-
"@vidispine/eslint-config-react": "23.
|
|
57
|
-
"@vidispine/eslint-config-storybook": "23.
|
|
58
|
-
"@vidispine/prettier-config": "23.
|
|
59
|
-
"@vidispine/proptypes": "23.
|
|
57
|
+
"@vidispine/eslint-config-mdx": "23.2.0-pre.1",
|
|
58
|
+
"@vidispine/eslint-config-react": "23.2.0-pre.1",
|
|
59
|
+
"@vidispine/eslint-config-storybook": "23.2.0-pre.1",
|
|
60
|
+
"@vidispine/prettier-config": "23.2.0-pre.1",
|
|
61
|
+
"@vidispine/proptypes": "23.2.0-pre.1",
|
|
60
62
|
"babel-plugin-transform-react-remove-prop-types": "0.4.24",
|
|
61
63
|
"eslint": "8.34.0",
|
|
62
64
|
"hygen": "6.2.11",
|
|
63
65
|
"prettier": "2.8.4",
|
|
64
66
|
"prop-types": "15.8.1",
|
|
67
|
+
"react-hook-form": "^7.39.7",
|
|
65
68
|
"rimraf": "3.0.2",
|
|
66
69
|
"rollup": "2.79.1"
|
|
67
70
|
},
|