diff --git a/src/qqq/components/widgets/CompositeWidget.tsx b/src/qqq/components/widgets/CompositeWidget.tsx index b7347ff..98570ad 100644 --- a/src/qqq/components/widgets/CompositeWidget.tsx +++ b/src/qqq/components/widgets/CompositeWidget.tsx @@ -42,13 +42,14 @@ interface CompositeWidgetProps { widgetMetaData: QWidgetMetaData; data: CompositeData; + actionCallback?: (blockData: BlockData) => boolean; } /******************************************************************************* ** Widget which is a list of Blocks. *******************************************************************************/ -export default function CompositeWidget({widgetMetaData, data}: CompositeWidgetProps): JSX.Element +export default function CompositeWidget({widgetMetaData, data, actionCallback}: CompositeWidgetProps): JSX.Element { if (!data || !data.blocks) { @@ -81,6 +82,14 @@ export default function CompositeWidget({widgetMetaData, data}: CompositeWidgetP boxStyle.justifyContent = "space-between"; boxStyle.gap = "0.25rem"; } + else if (layout == "FLEX_ROW_CENTER") + { + boxStyle.display = "flex"; + boxStyle.flexDirection = "row"; + boxStyle.justifyContent = "center"; + boxStyle.gap = "0.25rem"; + boxStyle.flexWrap = "wrap"; + } else if (layout == "TABLE_SUB_ROW_DETAILS") { boxStyle.display = "flex"; @@ -122,7 +131,7 @@ export default function CompositeWidget({widgetMetaData, data}: CompositeWidgetP { data.blocks.map((block: BlockData, index) => ( - + )) }