reactive-bulma 1.15.0 → 1.16.0

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

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

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

@@ -7,3 +7,4 @@ export { default as Box } from './Box';
 export { default as Title } from './Title';
 export { default as Icon } from './Icon';
 export { default as Input } from './Input';
+export { default as TextArea } from './TextArea';

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

@@ -85,4 +85,9 @@ export interface InputProps extends BasicProps {
     onClick?: () => void;
     onChange?: () => void;
 }
+export interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
+    cols?: number;
+    rows?: number;
+    isFixedSize?: boolean;
+}
 export {};

package/dist/esm/index.js

@@ -3007,8 +3007,34 @@ const Input = ({ testId = null, type, text = null, isDisabled = false, isReadonl
         tag: 'input',
         parsedClasses: inputClasses
     });
-    return (React.createElement("input", { "data-testid": _testId, type: type, value: text !== null && text !== void 0 ? text : undefined, disabled: isDisabled, readOnly: isReadonly, style: style !== null && style !== void 0 ? style : undefined, className: inputClasses, onClick: onClick !== null && onClick !== void 0 ? onClick : undefined, onChange: onChange !== null && onChange !== void 0 ? onChange : undefined }));
+    return (React.createElement("input", { "data-testid": _testId, type: type, defaultValue: text !== null && text !== void 0 ? text : undefined, disabled: isDisabled, readOnly: isReadonly, style: style !== null && style !== void 0 ? style : undefined, className: inputClasses, onClick: onClick !== null && onClick !== void 0 ? onClick : undefined, onChange: onChange !== null && onChange !== void 0 ? onChange : undefined }));
 };
 
-export { Block, Box, Button, Column, Icon, Input, ProgressBar, Tag, Title };
+const TextArea = ({ testId = null, text = null, cols = null, rows = null, isDisabled = false, isReadonly = false, isFixedSize = false, style = null, color = null, size = null, isHovered = null, isFocused = null, onClick = null, onChange = null }) => {
+    const textAreaClasses = parseClasses([
+        'textarea',
+        color,
+        size,
+        isHovered ? 'is-hovered' : null,
+        isFocused ? 'is-focused' : null,
+        isFixedSize ? 'has-fixed-size' : null
+    ]);
+    const _testId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'textarea',
+        parsedClasses: textAreaClasses,
+        rules: [
+            {
+                usedRegExp: /textarea/gm,
+                regExpReplacer: ''
+            },
+            {
+                usedRegExp: /is-|has-/gm,
+                regExpReplacer: '-'
+            }
+        ]
+    });
+    return (React.createElement("textarea", { "data-testid": _testId, defaultValue: text !== null && text !== void 0 ? text : undefined, cols: cols !== null && cols !== void 0 ? cols : undefined, rows: rows !== null && rows !== void 0 ? rows : undefined, disabled: isDisabled, readOnly: isReadonly, style: style !== null && style !== void 0 ? style : undefined, className: textAreaClasses, onClick: onClick !== null && onClick !== void 0 ? onClick : undefined, onChange: onChange !== null && onChange !== void 0 ? onChange : undefined }));
+};
+
+export { Block, Box, Button, Column, Icon, Input, ProgressBar, Tag, TextArea, Title };
 //# sourceMappingURL=index.js.map