reactive-bulma 2.13.0 → 2.15.0

package/dist/cjs/index.js

@@ -3245,7 +3245,7 @@ const MenuItem = ({ testId = null, cssClasses = null, style = null, text, isActi
     return (React.createElement("a", { "data-testid": menuItemTestId, className: menuItemClasses, style: style !== null && style !== void 0 ? style : undefined, "aria-hidden": 'true', onClick: onClick !== null && onClick !== void 0 ? onClick : undefined }, text));
 };
 
-const Image = ({ testId = null, containerTestId = null, cssClasses = null, containerCssClasses = null, style = null, containerStyle = null, src, alt = null, fixedSize = 'is-1by1', isRounded = false }) => {
+const Image = ({ testId = null, containerTestId = null, cssClasses = null, containerCssClasses = null, style = null, containerStyle = null, src, alt = null, fixedSize = null, isRounded = false }) => {
     const imageContainerClasses = parseClasses([
         'image',
         fixedSize,
@@ -3293,6 +3293,32 @@ const LevelHeader = ({ testId = null, cssClasses = null, style = null, header, v
         React.createElement("p", { className: 'title' }, value)));
 };
 
+const Tile = ({ testId = null, cssClasses = null, style = null, children, context = null, size = null, color = null, isVertical = false }) => {
+    const tileClasses = parseClasses([
+        'tile',
+        context,
+        size,
+        color ? `notification ${color}` : null,
+        isVertical ? 'is-vertical' : null,
+        cssClasses
+    ]);
+    const tileTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'tile',
+        parsedClasses: tileClasses,
+        rules: [
+            {
+                regExp: /notification |tile/gm,
+                replacer: ''
+            },
+            {
+                regExp: /is-/gm,
+                replacer: '-'
+            }
+        ]
+    });
+    return (React.createElement("section", { "data-testid": tileTestId, className: tileClasses, style: style !== null && style !== void 0 ? style : undefined }, children));
+};
+
 const generateKey = (max = 5000, min = 1) => {
     max = Math.floor(max);
     min = Math.ceil(min);
@@ -3641,6 +3667,32 @@ const LevelItem = ({ testId = null, cssClasses = null, style = null, content, is
     return (React.createElement("section", { "data-testid": levelItemTestId, className: levelItemClasses, style: style !== null && style !== void 0 ? style : undefined }, content));
 };
 
+const TileBox = ({ testId = null, cssClasses = 'box', style = null, children = null, context = 'is-child', size, color, isVertical }) => {
+    const tileBoxClasses = parseClasses([
+        'tileBox',
+        context,
+        size,
+        color ? `notification ${color}` : null,
+        isVertical ? 'is-vertical' : null,
+        cssClasses
+    ]);
+    const tileBoxTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'tileBox',
+        parsedClasses: tileBoxClasses,
+        rules: [
+            {
+                regExp: /notification |tileBox/gm,
+                replacer: ''
+            },
+            {
+                regExp: /is-/gm,
+                replacer: '-'
+            }
+        ]
+    });
+    return (React.createElement(Tile, { testId: tileBoxTestId, cssClasses: cssClasses, style: style !== null && style !== void 0 ? style : undefined, isVertical: isVertical, context: context, size: size, color: color }, children !== null && children !== void 0 ? children : undefined));
+};
+
 const renderFieldLabel = (labelText) => labelText ? (React.createElement("label", { "data-testid": 'test-form-field-label', className: 'label' }, labelText)) : null;
 const renderFieldBody = (inputControlConfig, isGrouped) => {
     if (isGrouped) {
@@ -3708,6 +3760,40 @@ const Level = ({ testId = null, cssClasses = null, style = null, leftSide = null
         rightSide ? (React.createElement("section", { className: 'level-right' }, renderLevelSection(rightSide))) : null));
 };
 
+const Hero = ({ testId = null, cssClasses = null, style = null, header = null, body, footer = null, color = null, size = null }) => {
+    const heroClasses = parseClasses(['hero', color, size, cssClasses]);
+    const heroTestId = testId !== null && testId !== void 0 ? testId : parseTestId({ tag: 'hero', parsedClasses: heroClasses });
+    return (React.createElement("section", { "data-testid": heroTestId, className: heroClasses, style: style !== null && style !== void 0 ? style : undefined },
+        size === 'is-fullheight' ? (React.createElement("section", { "data-testid": `${heroTestId}-head`, className: 'hero-head' }, header)) : null,
+        React.createElement("section", { "data-testid": `${heroTestId}-body`, className: 'hero-body' }, body),
+        size === 'is-fullheight' ? (React.createElement("section", { "data-testid": `${heroTestId}-foot`, className: 'hero-foot' }, footer)) : null));
+};
+
+const TileGroup = ({ testId = null, cssClasses = null, style = null, context = 'is-ancestor', size = null, isVertical = false, groupConfig }) => {
+    const tileGroupClasses = parseClasses([
+        'tileGroup',
+        context,
+        size,
+        isVertical ? 'is-vertical' : null,
+        cssClasses
+    ]);
+    const tileBoxTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'tileGroup',
+        parsedClasses: tileGroupClasses,
+        rules: [
+            {
+                regExp: /tileGroup/gm,
+                replacer: ''
+            },
+            {
+                regExp: /is-/gm,
+                replacer: '-'
+            }
+        ]
+    });
+    return (React.createElement(Tile, { testId: tileBoxTestId, cssClasses: cssClasses !== null && cssClasses !== void 0 ? cssClasses : undefined, style: style !== null && style !== void 0 ? style : undefined, context: context, size: size !== null && size !== void 0 ? size : undefined, isVertical: isVertical }, groupConfig.map(tileConfig => (React.createElement(Tile, Object.assign({ key: `tile-item-${generateKey()}` }, tileConfig))))));
+};
+
 exports.Block = Block;
 exports.Box = Box;
 exports.BreadcrumbItem = BreadcrumbItem;
@@ -3723,6 +3809,7 @@ exports.DropdownItem = DropdownItem;
 exports.DropdownTrigger = DropdownTrigger;
 exports.File = File;
 exports.FormField = FormField;
+exports.Hero = Hero;
 exports.Icon = Icon;
 exports.Image = Image;
 exports.Input = Input;
@@ -3748,5 +3835,8 @@ exports.TabItem = TabItem;
 exports.Tabs = Tabs;
 exports.Tag = Tag;
 exports.TextArea = TextArea;
+exports.Tile = Tile;
+exports.TileBox = TileBox;
+exports.TileGroup = TileGroup;
 exports.Title = Title;
 //# sourceMappingURL=index.js.map