File tree Expand file tree Collapse file tree 1 file changed +60
-0
lines changed
apps/react-storybook/stories/scheduler Expand file tree Collapse file tree 1 file changed +60
-0
lines changed Original file line number Diff line number Diff line change @@ -323,6 +323,66 @@ export const CustomizeExistingItems: Story = {
323323 } ,
324324} ;
325325
326+ interface ResourcesColumnLayoutArgs extends Properties {
327+ resourcesColCount : number ;
328+ }
329+
330+ export const ResourcesColumnLayout : Story = {
331+ args : {
332+ resourcesColCount : 2 ,
333+ ...baseConfig ,
334+ resources,
335+ } as ResourcesColumnLayoutArgs ,
336+ argTypes : {
337+ resourcesColCount : {
338+ control : { type : "select" } ,
339+ options : [ 1 , 2 , 3 ] ,
340+ } ,
341+ ...iconsShowModeArgType ,
342+ } as Record < string , unknown > ,
343+ render : ( args : ResourcesColumnLayoutArgs ) => {
344+ return (
345+ < Scheduler
346+ { ...baseConfig }
347+ resources = { resources }
348+ editing = {
349+ {
350+ form : {
351+ items : [
352+ {
353+ name : "mainGroup" ,
354+ items : [
355+ "subjectGroup" ,
356+ "dateGroup" ,
357+ "repeatGroup" ,
358+ {
359+ name : "resourcesGroup" ,
360+ items : [
361+ "resourcesGroupIcon" ,
362+ {
363+ name : "resourcesGroupContent" ,
364+ colCount : args . resourcesColCount ,
365+ items : [
366+ "roomId" ,
367+ "priorityId" ,
368+ { name : "assigneeId" , colSpan : 2 } ,
369+ ] ,
370+ } ,
371+ ] ,
372+ } ,
373+ "descriptionGroup" ,
374+ ] ,
375+ } ,
376+ ] ,
377+ iconsShowMode : args [ "editing.form.iconsShowMode" ] ,
378+ } ,
379+ } as Properties [ "editing" ]
380+ }
381+ />
382+ ) ;
383+ } ,
384+ } ;
385+
326386export const RTL : Story = {
327387 args : {
328388 ...baseConfig ,
You can’t perform that action at this time.
0 commit comments