@vidispine/vdt-mui 23.1.0-pre.5 → 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/_utils/omit.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 +22 -0
- package/dist/general/CalendarPicker/components/PickersDay.js +11 -0
- package/dist/general/CalendarPicker/index.js +7 -0
- package/dist/general/CalendarPicker/utils/index.js +7 -0
- 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 +20 -16
- 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 +25 -0
- package/dist/inputs/DateRangeInput/components/utils/valueManagers.js +5 -0
- package/dist/inputs/DateRangeInput/index.js +7 -0
- package/dist/inputs/DateRangeInput/utils/dateHelpers.js +6 -0
- package/dist/inputs/DateTimeInput/DateTimeInput.js +4 -3
- package/dist/inputs/MaskedTextInput/MaskedTextInput.js +9 -0
- package/dist/inputs/MaskedTextInput/components/MaskedInputComponent.js +9 -0
- package/dist/inputs/MaskedTextInput/index.js +7 -0
- 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 +23 -20
|
@@ -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 };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
+
|
|
3
|
+
var omit=function omit(obj){if(!obj)return {};for(var _len=arguments.length,k=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){k[_key-1]=arguments[_key];}var keys=k.flat();return Object.fromEntries(Object.entries(obj).filter(function(_ref){var _ref2=_slicedToArray(_ref,1),key=_ref2[0];return !keys.includes(key);}));};
|
|
4
|
+
|
|
5
|
+
export { omit };
|
|
@@ -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 };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
+
import { useState, useRef, useMemo, useEffect } from 'react';
|
|
4
|
+
import { styled, Paper, Box, Divider, Button } from '@mui/material';
|
|
5
|
+
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
|
6
|
+
import { CalendarPicker as CalendarPicker$1 } from '@mui/x-date-pickers/CalendarPicker';
|
|
7
|
+
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
8
|
+
import VdtPickersDay from './components/PickersDay.js';
|
|
9
|
+
import 'dayjs/locale/fr';
|
|
10
|
+
import 'dayjs/locale/de';
|
|
11
|
+
import 'dayjs/locale/sv';
|
|
12
|
+
import 'dayjs/locale/en-gb';
|
|
13
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
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,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
|
+
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
|
+
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
|
+
,_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: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
|
+
};
|
|
21
|
+
|
|
22
|
+
export { CalendarPicker as default, defaultComponents };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
|
+
import { styled, Box } from '@mui/material';
|
|
5
|
+
import { PickersDay } from '@mui/x-date-pickers';
|
|
6
|
+
import { getFirstDayOfWeek, getLastDayOfWeek, getLastDayOfMonth, differenceInDays } from '../utils/index.js';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
var _excluded=["date","value","locale"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var ROUNDED_CORNERS_LEFT='50% 0px 0px 50%';var ROUNDED_CORNERS_RIGHT='0px 50% 50% 0px';var StyledBox=styled(Box,{shouldForwardProp:function shouldForwardProp(prop){return !['isSelectedDay','isBetweenSelected','isSelectedStartEndDay','borderRadius'].includes(prop);}})(function(_ref){var isSelectedDay=_ref.isSelectedDay,isBetweenSelected=_ref.isBetweenSelected,borderRadius=_ref.borderRadius;return _objectSpread({borderRadius:borderRadius},(isSelectedDay||isBetweenSelected)&&{backgroundColor:'rgba(66, 165, 245, 0.6)'});});var StyledPickersDay=styled(PickersDay,{shouldForwardProp:function shouldForwardProp(prop){return !['isSelectedDay','isBetweenSelected','isStart','isEnd'].includes(prop);}})(function(_ref2){var isSelectedDay=_ref2.isSelectedDay,isBetweenSelected=_ref2.isBetweenSelected,isStart=_ref2.isStart,isEnd=_ref2.isEnd,outsideCurrentMonth=_ref2.outsideCurrentMonth,theme=_ref2.theme;var mode=theme.palette.mode;return _objectSpread(_objectSpread(_objectSpread({margin:0,height:'38px',width:'38px',backgroundColor:'transparent'},isSelectedDay&&_objectSpread({backgroundColor:'rgb(25, 118, 210)','&:hover, &:focus':{backgroundColor:'rgb(21, 103, 184)'},fontWeight:600},(isStart||isEnd)&&mode==='light'&&{color:'#fff'})),(isBetweenSelected||outsideCurrentMonth)&&{backgroundColor:'transparent'}),outsideCurrentMonth&&{pointerEvents:'none'});});function VdtPickersDay(_ref3){var date=_ref3.date,value=_ref3.value,locale=_ref3.locale,props=_objectWithoutProperties(_ref3,_excluded);var start=value!==null&&value!==void 0&&value.start?dayjs(value===null||value===void 0?void 0:value.start).toDate():undefined;var end=value!==null&&value!==void 0&&value.end?dayjs(value===null||value===void 0?void 0:value.end).toDate():undefined;var singleValue=value&&typeof value==='string'?dayjs(value).toDate():undefined;var dateValue=date.toDate();var isFirstDayOfWeek=getFirstDayOfWeek({locale:locale})===dateValue.getDay();var isLastDayOfWeek=getLastDayOfWeek({locale:locale})===dateValue.getDay();var isFirstDayOfMonth=(dateValue===null||dateValue===void 0?void 0:dateValue.getDate())===1;var isLastDayOfMonth=getLastDayOfMonth(dateValue)===(dateValue===null||dateValue===void 0?void 0:dateValue.getDate());var isStartOfRow=isFirstDayOfWeek||isFirstDayOfMonth;var isEndOfRow=isLastDayOfWeek||isLastDayOfMonth;var isSelectedDay=start&&differenceInDays(dateValue,start)===0||end&&differenceInDays(dateValue,end)===0||singleValue&&differenceInDays(dateValue,singleValue)===0;var isStart=+start===+dateValue;var isEnd=+end===+dateValue;var isBetweenSelected=dateValue>start&&dateValue<end;var borderRadius=function(){if(singleValue)return '50%';if((isStart||!start)&&(isEnd||!end))return '50%';if(isStartOfRow&&isEndOfRow&&(isBetweenSelected||isStart||isEnd))return '50%';if(isStartOfRow){if(isEnd)return '50%';return ROUNDED_CORNERS_LEFT;}if(isEndOfRow){if(isStart)return '50%';return ROUNDED_CORNERS_RIGHT;}if(isStart)return ROUNDED_CORNERS_LEFT;if(isEnd)return ROUNDED_CORNERS_RIGHT;if(isBetweenSelected)return 'unset';return '50%';}();if(props!==null&&props!==void 0&&props.outsideCurrentMonth)return/*#__PURE__*/jsx(StyledPickersDay,_objectSpread({},props));return/*#__PURE__*/jsx(StyledBox,{isSelectedDay:isSelectedDay,isBetweenSelected:isBetweenSelected,borderRadius:borderRadius,children:/*#__PURE__*/jsx(StyledPickersDay,_objectSpread(_objectSpread({},props),{},{isSelectedDay:isSelectedDay,isBetweenSelected:isBetweenSelected,isStart:isStart,isEnd:isEnd}))});}
|
|
10
|
+
|
|
11
|
+
export { VdtPickersDay as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { styled } from '@mui/material';
|
|
2
|
+
import CalendarPicker from './CalendarPicker.js';
|
|
3
|
+
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
4
|
+
|
|
5
|
+
var componentName='CalendarPicker';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(CalendarPicker);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtCalendarPicker = StyledComponent;
|
|
6
|
+
|
|
7
|
+
export { VdtCalendarPicker as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import dayjs from 'dayjs';
|
|
2
|
+
import localeData from 'dayjs/plugin/localeData';
|
|
3
|
+
|
|
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
|
+
|
|
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
|
@@ -5,19 +5,20 @@ export { default as CollectionCard } from './collection/CollectionCard/index.js'
|
|
|
5
5
|
export { default as EntityIcon } from './entity/EntityIcon/index.js';
|
|
6
6
|
export { default as EntityAvatar } from './entity/EntityAvatar/index.js';
|
|
7
7
|
export { default as EntityList } from './entity/EntityList/index.js';
|
|
8
|
-
export { ThemeProvider, useThemeContext } from './general/ThemeContext/ThemeContext.js';
|
|
9
|
-
export { default as MediaIcon } from './general/MediaIcon/index.js';
|
|
10
|
-
export { default as CompactBadge } from './general/CompactBadge/index.js';
|
|
11
|
-
export { default as ImageCollage } from './general/ImageCollage/index.js';
|
|
12
|
-
export { default as TablePagination } from './general/TablePagination/index.js';
|
|
13
|
-
export { default as Sort } from './general/Sort/index.js';
|
|
14
|
-
export { default as CornerLabelPlacer } from './general/CornerLabelPlacer/index.js';
|
|
15
8
|
export { default as AvatarMenu } from './general/AvatarMenu/index.js';
|
|
16
9
|
export { default as BlurredBackground } from './general/BlurredBackground/index.js';
|
|
17
|
-
export { default as
|
|
18
|
-
export { default as
|
|
10
|
+
export { default as CalendarPicker } from './general/CalendarPicker/index.js';
|
|
11
|
+
export { default as CompactBadge } from './general/CompactBadge/index.js';
|
|
19
12
|
export { default as CompactLabel } from './general/CompactLabel/index.js';
|
|
13
|
+
export { default as CornerLabelPlacer } from './general/CornerLabelPlacer/index.js';
|
|
14
|
+
export { default as ExpandButton } from './general/ExpandButton/index.js';
|
|
15
|
+
export { default as ImageCollage } from './general/ImageCollage/index.js';
|
|
16
|
+
export { default as MediaIcon } from './general/MediaIcon/index.js';
|
|
20
17
|
export { default as MenuItem } from './general/MenuItem/index.js';
|
|
18
|
+
export { default as ScrubLine } from './general/ScrubLine/index.js';
|
|
19
|
+
export { default as Sort } from './general/Sort/index.js';
|
|
20
|
+
export { default as TablePagination } from './general/TablePagination/index.js';
|
|
21
|
+
export { ThemeProvider, useThemeContext } from './general/ThemeContext/ThemeContext.js';
|
|
21
22
|
export { default as ItemList } from './item/ItemList/index.js';
|
|
22
23
|
export { default as ItemListItem } from './item/ItemListItem/index.js';
|
|
23
24
|
export { default as ItemThumbnail } from './item/ItemThumbnail/index.js';
|
|
@@ -27,15 +28,18 @@ export { default as ItemTableRow } from './item/ItemTableRow/index.js';
|
|
|
27
28
|
export { default as ItemPoster } from './item/ItemPoster/index.js';
|
|
28
29
|
export { default as ItemPosterViewer } from './item/ItemPosterViewer/index.js';
|
|
29
30
|
export { default as ItemPosterList } from './item/ItemPosterList/index.js';
|
|
30
|
-
export { default as
|
|
31
|
-
export { default as SelectInput } from './inputs/SelectInput/index.js';
|
|
32
|
-
export { default as TextInput } from './inputs/TextInput/index.js';
|
|
33
|
-
export { default as TagInput } from './inputs/TagInput/index.js';
|
|
34
|
-
export { default as RadioGroupInput } from './inputs/RadioGroupInput/index.js';
|
|
31
|
+
export { default as BasicDateTimeInput } from './inputs/BasicDateTimeInput/index.js';
|
|
35
32
|
export { default as BooleanInput } from './inputs/BooleanInput/index.js';
|
|
33
|
+
export { default as CheckboxGroupInput } from './inputs/CheckboxGroupInput/index.js';
|
|
34
|
+
export { default as DateRangeInput } from './inputs/DateRangeInput/index.js';
|
|
36
35
|
export { default as DateTimeInput } from './inputs/DateTimeInput/index.js';
|
|
37
|
-
export { default as
|
|
36
|
+
export { default as MaskedTextInput } from './inputs/MaskedTextInput/index.js';
|
|
38
37
|
export { default as NumberInput } from './inputs/NumberInput/index.js';
|
|
39
|
-
export { default as
|
|
38
|
+
export { default as RadioGroupInput } from './inputs/RadioGroupInput/index.js';
|
|
39
|
+
export { default as SelectInput } from './inputs/SelectInput/index.js';
|
|
40
|
+
export { default as SliderInput } from './inputs/SliderInput/index.js';
|
|
41
|
+
export { default as TagInput } from './inputs/TagInput/index.js';
|
|
42
|
+
export { default as TextInput } from './inputs/TextInput/index.js';
|
|
40
43
|
export { default as ShapeMediaBadges } from './shape/ShapeMediaBadges/index.js';
|
|
44
|
+
export { default as SearchFilterForm } from './search/SearchFilterForm/index.js';
|
|
41
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 };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import { useState, useRef, useMemo } from 'react';
|
|
4
|
+
import dayjs from 'dayjs';
|
|
5
|
+
import customParseFormat from 'dayjs/plugin/customParseFormat';
|
|
6
|
+
import localeData from 'dayjs/plugin/localeData';
|
|
7
|
+
import { styled, Popper, Box, ClickAwayListener, Grow } from '@mui/material';
|
|
8
|
+
import VdtCalendarPicker from '../../general/CalendarPicker/index.js';
|
|
9
|
+
import VdtMaskedTextInput from '../MaskedTextInput/index.js';
|
|
10
|
+
import { getMaskStr } from './components/utils/valueManagers.js';
|
|
11
|
+
import { isValidDate, isAllowedRange } from './utils/dateHelpers.js';
|
|
12
|
+
import 'dayjs/locale/fr';
|
|
13
|
+
import 'dayjs/locale/de';
|
|
14
|
+
import 'dayjs/locale/sv';
|
|
15
|
+
import 'dayjs/locale/en-gb';
|
|
16
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
17
|
+
import { omit } from '../../_utils/omit.js';
|
|
18
|
+
|
|
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=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
|
+
},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
|
+
|
|
25
|
+
export { DateRangeInput as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
+
|
|
3
|
+
var getMaskStr=function getMaskStr(dateFormat){var _dateFormat$split=dateFormat.split(' - '),_dateFormat$split2=_slicedToArray(_dateFormat$split,1),singleInputMask=_dateFormat$split2[0];var maskStrUnits=singleInputMask.split(/\W/g);var maskStrDelimiter=dateFormat.match(/\W/);var maskStr=maskStrUnits.map(function(unit,index){return index===maskStrUnits.length-1?unit.replace(/\w/g,'0'):unit.replace(/\w/g,'0')+maskStrDelimiter;}).join('');return maskStr;};
|
|
4
|
+
|
|
5
|
+
export { getMaskStr };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { styled } from '@mui/material';
|
|
2
|
+
import DateRangeInput from './DateRangeInput.js';
|
|
3
|
+
import { withOverrides } from '../../_utils/withOverrides.js';
|
|
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 VdtDateRangeInput = StyledComponent;
|
|
6
|
+
|
|
7
|
+
export { VdtDateRangeInput as default };
|