reactive-bulma 1.7.0 → 1.8.0

package/dist/cjs/types/components/atoms/ProgressBar/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProgressBarProps } from '../../../interfaces/atomProps';
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/cjs/types/components/atoms/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Button } from './Button';
 export { default as Column } from './Column';
+export { default as ProgressBar } from './ProgressBar';

package/dist/cjs/types/interfaces/atomProps.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { basicColorType, columnOffsetType, columnSizeType, sizeType } from '../types/styleTypes';
+export interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
+    size?: columnSizeType;
+    offset?: columnOffsetType;
+    isNarrow?: boolean;
+}
 export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     text?: string;
     style?: React.CSSProperties;
@@ -14,8 +19,11 @@ export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     size?: sizeType;
     onClick?: () => void;
 }
-export interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
-    size?: columnSizeType;
-    offset?: columnOffsetType;
-    isNarrow?: boolean;
+export interface ProgressBarProps extends React.ComponentPropsWithoutRef<'progress'> {
+    value?: number;
+    max?: number;
+    style?: React.CSSProperties;
+    color?: basicColorType;
+    size?: sizeType;
+    isLoading?: boolean;
 }

package/dist/esm/index.js

@@ -2840,7 +2840,7 @@ var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 const parseClasses = (_classes) => _classes.filter(_class => _class).join(' ');
 
-const Button = ({ text = null, type = 'button', style = null, color = 'is-white', isLightColor = false, isInvertedColor = false, isOutlined = false, isRounded = false, isLoading = false, isDisabled = false, isStatic = false, size = null, onClick = null }) => {
+const Button = ({ text = null, type = 'button', style = null, color = 'is-primary', isLightColor = false, isInvertedColor = false, isOutlined = false, isRounded = false, isLoading = false, isDisabled = false, isStatic = false, size = null, onClick = null }) => {
     const buttonClasses = parseClasses([
         'button',
         color,
@@ -2865,5 +2865,11 @@ const Column = ({ size = null, offset = null, isNarrow = false, children = null
     return (React.createElement("section", { "data-testid": 'test-column', className: classes }, children));
 };
 
-export { Button, Column };
+const ProgressBar = ({ value = 0, max = 100, style = null, color = 'is-primary', size = null, isLoading = false }) => {
+    const progressClasses = parseClasses(['progress', color, size]);
+    const fixedValue = value > max || value < 0 ? 0 : value;
+    return (React.createElement("progress", { "data-testid": 'test-progress-bar', className: progressClasses, style: style !== null && style !== void 0 ? style : undefined, value: isLoading ? undefined : value, max: max }, `${isLoading ? 0 : fixedValue}%`));
+};
+
+export { Button, Column, ProgressBar };
 //# sourceMappingURL=index.js.map