reactive-bulma 2.16.0 → 2.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +11 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/molecules/Media/index.d.ts +4 -0
- package/dist/cjs/types/components/molecules/index.d.ts +1 -0
- package/dist/cjs/types/interfaces/moleculeProps.d.ts +8 -0
- package/dist/cjs/types/types/domTypes.d.ts +1 -0
- package/dist/esm/index.js +11 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/molecules/Media/index.d.ts +4 -0
- package/dist/esm/types/components/molecules/index.d.ts +1 -0
- package/dist/esm/types/interfaces/moleculeProps.d.ts +8 -0
- package/dist/esm/types/types/domTypes.d.ts +1 -0
- package/dist/index.d.ts +11 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
@@ -3719,6 +3719,16 @@ const Footer = ({ testId = null, containerTestId = null, cssClasses = null, cont
|
|
3719
3719
|
React.createElement("section", { "data-testid": footerContentTestId, className: footerContentClasses, style: style !== null && style !== void 0 ? style : undefined }, content)));
|
3720
3720
|
};
|
3721
3721
|
|
3722
|
+
const renderMediaSection = (content, position, testId) => content ? (React.createElement("section", { "data-testid": `${testId}-${position}`, className: `media-${position}` }, content)) : null;
|
3723
|
+
const Media = ({ testId = null, cssClasses = null, style = null, leftContent = null, centerContent = null, rightContent = null }) => {
|
3724
|
+
const mediaClasses = parseClasses(['media', cssClasses]);
|
3725
|
+
const mediaTestId = testId !== null && testId !== void 0 ? testId : parseTestId({ tag: 'media', parsedClasses: mediaClasses });
|
3726
|
+
return (React.createElement("article", { "data-testid": mediaTestId, className: mediaClasses, style: style !== null && style !== void 0 ? style : undefined },
|
3727
|
+
renderMediaSection(leftContent, 'left', mediaTestId),
|
3728
|
+
renderMediaSection(centerContent, 'content', mediaTestId),
|
3729
|
+
renderMediaSection(rightContent, 'right', mediaTestId)));
|
3730
|
+
};
|
3731
|
+
|
3722
3732
|
const renderFieldLabel = (labelText) => labelText ? (React.createElement("label", { "data-testid": 'test-form-field-label', className: 'label' }, labelText)) : null;
|
3723
3733
|
const renderFieldBody = (inputControlConfig, isGrouped) => {
|
3724
3734
|
if (isGrouped) {
|
@@ -3844,6 +3854,7 @@ exports.InputControl = InputControl;
|
|
3844
3854
|
exports.Level = Level;
|
3845
3855
|
exports.LevelHeader = LevelHeader;
|
3846
3856
|
exports.LevelItem = LevelItem;
|
3857
|
+
exports.Media = Media;
|
3847
3858
|
exports.Menu = Menu;
|
3848
3859
|
exports.MenuItem = MenuItem;
|
3849
3860
|
exports.MenuList = MenuList;
|