@dreamcommerce/aurora 0.4.22 → 0.4.24

package/build/cjs/packages/aurora/src/components/controls/components/textarea.js

@@ -12,13 +12,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const Textarea = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }) => {
+const Textarea = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ref, ...props }) => {
     const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], {
         [main_module['default'][css_classes.cssControlS]]: padding === 'small',
         [main_module['default'][css_classes.cssControlDisabled]]: disabled,
         [main_module['default'][css_classes.cssControlReadonly]]: readOnly
     });
-    return (React__default['default'].createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }));
+    return (React__default['default'].createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, ref: ref }));
 };
 
 exports.default = Textarea;

package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js

@@ -25,7 +25,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlTextarea = ({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, ref, errors, hint, hintOptions = { isFixed: true } }) => {
+const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, ref, errors, hint, hintOptions = { isFixed: true } }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
@@ -34,7 +34,7 @@ const ControlTextarea = ({ label, isRequired, id, name, value, defaultValue, pla
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
         React__default['default'].createElement(index['default'].Errors, null)));
-};
+});
 
 exports.default = ControlTextarea;
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/components/textarea.js

@@ -3,13 +3,13 @@ import classnames from 'classnames';
 import cssClasses from '../../../css/input/main.module.less.js';
 import { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
 
-const Textarea = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }) => {
+const Textarea = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ref, ...props }) => {
     const inputClasses = classnames(cssClasses[cssControl], {
         [cssClasses[cssControlS]]: padding === 'small',
         [cssClasses[cssControlDisabled]]: disabled,
         [cssClasses[cssControlReadonly]]: readOnly
     });
-    return (React.createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }));
+    return (React.createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, ref: ref }));
 };
 
 export default Textarea;

package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js

@@ -17,7 +17,7 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-const ControlTextarea = ({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, ref, errors, hint, hintOptions = { isFixed: true } }) => {
+const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, ref, errors, hint, hintOptions = { isFixed: true } }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
@@ -26,7 +26,7 @@ const ControlTextarea = ({ label, isRequired, id, name, value, defaultValue, pla
             React.createElement(Control.Element, null,
                 React.createElement(Control.Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
         React.createElement(Control.Errors, null)));
-};
+});
 
 export default ControlTextarea;
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, InputHTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
+import { HTMLAttributes, InputHTMLAttributes, ReactNode, Ref, TextareaHTMLAttributes } from 'react';
 import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
 import { IColorPickerProps } from "../color_picker/types";
 import { IFilePicker } from "../file_picker/types";
@@ -70,11 +70,11 @@ export interface IInputProps extends InputHTMLAttributes<HTMLInputElement> {
 export interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     id?: string;
     padding?: string;
+    ref?: Ref<HTMLTextAreaElement>;
     onChange?(event: React.ChangeEvent<HTMLTextAreaElement>): void;
     onFocus?(event: React.FocusEvent<HTMLTextAreaElement>): void;
     onBlur?(event: React.FocusEvent<HTMLTextAreaElement>): void;
     onKeyPress?(event: React.KeyboardEvent<Element>): void;
-    ref?: RefObject<HTMLTextAreaElement>;
 }
 export interface IInputWrapperProps extends HTMLAttributes<HTMLDivElement> {
     value?: string;

package/build/esm/packages/aurora/src/components/controls/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAAgG,OAAO,CAAC;AACxG,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkC,wBAAwB,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0F,OAAO,CAAC;AAClG,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkC,wBAAwB,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.4.22",
+  "version": "0.4.24",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",