reactive-bulma 2.0.0 → 2.1.0

package/dist/cjs/index.js

@@ -2862,7 +2862,7 @@ const parseTestId = (config) => {
     return `test-${config.tag}${fixedClassString.replace(/ /gm, (_a = config.separator) !== null && _a !== void 0 ? _a : '')}`;
 };
 
-const Button = ({ testId = null, cssClasses = null, style = null, type = 'button', text = null, isDisabled = false, color = 'is-primary', isLightColor = false, isInvertedColor = false, isOutlined = false, isRounded = false, isLoading = false, isStatic = false, size = null, onClick = null }) => {
+const Button = ({ testId = null, cssClasses = null, style = null, type = 'button', text = null, isDisabled = false, color = null, isLightColor = false, isInvertedColor = false, isOutlined = false, isRounded = false, isLoading = false, isStatic = false, isSelected = false, size = null, onClick = null }) => {
     const buttonClasses = parseClasses([
         'button',
         color,
@@ -2872,6 +2872,7 @@ const Button = ({ testId = null, cssClasses = null, style = null, type = 'button
         isRounded ? 'is-rounded' : null,
         isLoading ? 'is-loading' : null,
         isStatic ? 'is-static' : null,
+        isSelected ? 'is-selected' : null,
         size,
         cssClasses
     ]);
@@ -3172,9 +3173,40 @@ const RadioButton = ({ containerTestId = null, containerCssClasses = null, conta
     return (React.createElement("section", { "data-testid": radioButtonContainerTestId, className: radioButtonContainerClasses, style: containerStyle !== null && containerStyle !== void 0 ? containerStyle : undefined }, options.map((_option, i) => renderRadioButton(Object.assign(Object.assign({}, _option), { name, onChange: onChange !== null && onChange !== void 0 ? onChange : undefined }), i))));
 };
 
+const ButtonGroup = ({ testId = null, cssClasses = null, style = null, buttonList, isAttached = false, position = 'left' }) => {
+    const buttonGroupClasses = parseClasses([
+        'buttons',
+        isAttached ? 'has-addons' : null,
+        !position || position === 'left' ? null : `is-${position}`,
+        cssClasses
+    ]);
+    const buttonGroupTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'buttons',
+        parsedClasses: buttonGroupClasses,
+        rules: [
+            {
+                regExp: /has-|is-/gm,
+                replacer: '-'
+            },
+            {
+                regExp: /buttons/gm,
+                replacer: ''
+            }
+        ]
+    });
+    return (React.createElement("section", { "data-testid": buttonGroupTestId, className: buttonGroupClasses, style: style !== null && style !== void 0 ? style : undefined }, buttonList.map((currentButtonItem, i, originalButtonList) => {
+        const hasSelectedButton = originalButtonList.some(({ isSelected }) => isSelected);
+        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)));
+    })));
+};
+
 exports.Block = Block;
 exports.Box = Box;
 exports.Button = Button;
+exports.ButtonGroup = ButtonGroup;
 exports.Checkbox = CheckBox;
 exports.Column = Column;
 exports.Delete = Delete;