reactive-bulma 2.1.1 → 2.2.0

package/dist/cjs/index.js

@@ -3199,16 +3199,44 @@ const ButtonGroup = ({ testId = null, cssClasses = null, style = null, buttonLis
         const shouldApplyColor = (hasSelectedButton && currentButtonItem.isSelected) ||
             !hasSelectedButton;
         const buttonConfig = Object.assign(Object.assign({}, currentButtonItem), { color: shouldApplyColor ? currentButtonItem.color : undefined });
-        return (React.createElement(Button, Object.assign({ key: `button-list-item-${i}` }, buttonConfig)));
+        return (React.createElement(Button, Object.assign({ key: `button-group-item-${i}` }, buttonConfig)));
     })));
 };
 
+const parseGapCssClass = (gapPropValue) => {
+    switch (gapPropValue) {
+        case null:
+            return 'is-gapless';
+        case undefined:
+            return 'is-3';
+        default:
+            return gapPropValue;
+    }
+};
+const ColumnGroup = ({ testId = null, cssClasses = null, style = null, listOfColumns, isMobileLayout = null, isMultiline = null, isVerticallyCentered = null, isHorizontallyCentered = null, gap = undefined }) => {
+    const columnGroupClasses = parseClasses([
+        'columns',
+        isMultiline ? 'is-multiline' : null,
+        isMobileLayout ? 'is-mobile' : null,
+        isVerticallyCentered ? 'is-vcentered' : null,
+        isHorizontallyCentered ? 'is-centered' : null,
+        parseGapCssClass(gap),
+        cssClasses
+    ]);
+    const columnGroupTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'columns',
+        parsedClasses: columnGroupClasses
+    });
+    return (React.createElement("section", { "data-testid": columnGroupTestId, className: columnGroupClasses, style: style !== null && style !== void 0 ? style : undefined }, listOfColumns.map((_columnItem, i) => (React.createElement(Column, Object.assign({ key: `column-group-item-${i}` }, _columnItem))))));
+};
+
 exports.Block = Block;
 exports.Box = Box;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.Checkbox = CheckBox;
 exports.Column = Column;
+exports.ColumnGroup = ColumnGroup;
 exports.Delete = Delete;
 exports.File = File;
 exports.Icon = Icon;