Update package name

rouftom · Sep 29, 2021 · d4833a3 · d4833a3
1 parent efca865
commit d4833a3
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 17 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "react-material-scheduler",
+  "name": "react-mui-scheduler",
   "version": "1.0.0",
-  "description": "React material planner is a react component based on @mui v5 that allows you to manage data in a calendar",
+  "description": "React material scheduler is a react component based on @mui v5 that allows you to manage data in a calendar",
   "main": "dist/index.esm.js",
   "directories": {
     "test": "test"

diff --git a/src/Scheduler.jsx b/src/Scheduler.jsx
@@ -18,8 +18,13 @@ import MonthModeView from "./MonthModeView.jsx"
  */
 function Scheduler(props) {
   const {
-    events, onCellClick, onTaskClick, onEventsChange,
-    openAlert, alertMessage, alertProps
+    events,
+    onCellClick,
+    onTaskClick,
+    onEventsChange,
+    openAlert,
+    alertMessage,
+    alertProps
   } = props
   const today = new Date()
   const theme = useTheme()

diff --git a/src/Toolbar.jsx b/src/Toolbar.jsx
@@ -24,7 +24,7 @@ import ToolbarSearchbar from "./ToolbarSeachBar.jsx"
 function SchedulerToolbar (props) {
   const {
     // events data
-    events, today,
+    events, today, toolbarProps,
     // Mode
     onModeChange, onSearchResult,
     // Alert props
@@ -141,6 +141,7 @@ function SchedulerToolbar (props) {
         component="div"
         sx={{m: .5, display: 'flex', alignItems: 'center'}}
       >
+        {toolbarProps.showDatePicker &&
         <Typography component="div" sx={{ flexGrow: 1 }}>
           <Hidden smDown>
             <IconButton
@@ -150,13 +151,6 @@ function SchedulerToolbar (props) {
             >
               <ChevronLeftIcon />
             </IconButton>
-            <IconButton
-              sx={{ mr: 2 }}
-              {...commonIconButtonProps}
-              onClick={() => handleChangeDate(add)}
-            >
-              <ChevronRightIcon />
-            </IconButton>
             <Button
               size="medium"
               id="basic-button"
@@ -168,6 +162,13 @@ function SchedulerToolbar (props) {
             >
               {format(selectedDate, 'MMMM-yyyy')}
             </Button>
+            <IconButton
+              sx={{ mr: 2 }}
+              {...commonIconButtonProps}
+              onClick={() => handleChangeDate(add)}
+            >
+              <ChevronRightIcon />
+            </IconButton>
           </Hidden>
           <Hidden smUp>
             <IconButton{...commonIconButtonProps} onClick={handleOpenDateSelector}>
@@ -194,11 +195,12 @@ function SchedulerToolbar (props) {
               />
             </LocalizationProvider>
           </Menu>
-        </Typography>
+        </Typography>}
         <Typography
           component="div"
           sx={{display: 'inline-flex', alignItems: 'center'}}
         >
+          {toolbarProps?.showSearchBar &&
           <ToolbarSearchbar
             events={events}
             onInputChange={(newValue) => {
@@ -207,7 +209,8 @@ function SchedulerToolbar (props) {
               setSelectedDate(newDate)
               setSearchResult(newValue)
             }}
-          />
+          />}
+          {toolbarProps?.showSwitchModeButtons &&
           <ToggleButtonGroup
             exclusive
             disabled
@@ -220,10 +223,11 @@ function SchedulerToolbar (props) {
             {['month', 'Week', 'Day'].map(tb => (
               <ToggleButton key={tb} value={tb}>{tb}</ToggleButton>
             ))}
-          </ToggleButtonGroup>
+          </ToggleButtonGroup>}
+          {toolbarProps?.showOptions &&
           <IconButton sx={{ ml: 1 }} onClick={handleOpenMenu}{...commonIconButtonProps}>
             <MoreVertIcon />
-          </IconButton>
+          </IconButton>}
         </Typography>
       </Typography>
       <Menu
@@ -272,7 +276,13 @@ SchedulerToolbar.propTypes = {
 SchedulerToolbar.defaultProps = {
   openAlert: false,
   alertMessage: 'This is a scheduler alert',
-  alertProps: {color: 'info', severity: 'info'}
+  alertProps: {color: 'info', severity: 'info'},
+  toolbarProps: {
+    showSearchBar: true,
+    showSwitchModeButtons: true,
+    showDatePicker: true,
+    showOptions: true
+  }
 }
 
 export default SchedulerToolbar