acsi-core 0.1.37 → 0.1.38

package/dist/components/CoreTextArea/index.d.ts

@@ -14,6 +14,12 @@ interface IProps {
     rows?: number;
     width?: number;
     minHeight?: string;
+    className?: string;
+    onKeyDown?: (e: any) => void;
+    onKeyFocus?: (name: string, value: string) => void;
+    autoResize?: boolean;
+    onClick?: () => void;
+    onBlur?: () => void;
 }
 declare const CoreTextArea: (props: IProps) => React.JSX.Element;
 export default CoreTextArea;

package/dist/index.js

@@ -1471,6 +1471,7 @@ var Info = function Info() {
   }));
 };
 
+var _excluded$1 = ["name", "value", "onChange", "placeholder", "error", "label", "isOptional", "tooltip", "noBorder", "smallHeight", "cols", "rows", "minHeight", "className", "onKeyDown", "onKeyFocus", "autoResize", "width", "onClick", "onBlur"];
 var CoreTextArea = function CoreTextArea(props) {
   var _props$name = props.name,
     name = _props$name === void 0 ? "" : _props$name,
@@ -1490,7 +1491,15 @@ var CoreTextArea = function CoreTextArea(props) {
     smallHeight = _props$smallHeight === void 0 ? false : _props$smallHeight,
     cols = props.cols,
     rows = props.rows,
-    minHeight = props.minHeight;
+    minHeight = props.minHeight,
+    className = props.className,
+    _onKeyDown = props.onKeyDown,
+    onKeyFocus = props.onKeyFocus,
+    autoResize = props.autoResize,
+    width = props.width,
+    onClick = props.onClick,
+    onBlur = props.onBlur,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1);
   var _useState = React.useState(false),
     isOpenTooltip = _useState[0],
     setIsOpenTooltip = _useState[1];
@@ -1498,8 +1507,20 @@ var CoreTextArea = function CoreTextArea(props) {
     return setIsOpenTooltip(!isOpenTooltip);
   };
   var textareaRef = React.useRef(null);
+  React.useEffect(function () {
+    if (autoResize && textareaRef.current) {
+      var el = textareaRef.current;
+      requestAnimationFrame(function () {
+        el.style.height = "auto";
+        el.style.height = el.scrollHeight + "px";
+      });
+    }
+  }, [value, autoResize]);
   return React__default.createElement("div", {
-    className: styles$8["editor"] + " " + (error ? styles$8["error"] : "") + " " + (noBorder ? styles$8["no-border"] : "") + " " + (smallHeight ? styles$8["small-height"] : "")
+    className: styles$8["editor"] + " " + (error ? styles$8["error"] : "") + " " + (noBorder ? styles$8["no-border"] : "") + " " + (smallHeight ? styles$8["small-height"] : ""),
+    style: {
+      width: width != null ? width : "100%"
+    }
   }, label && React__default.createElement("span", {
     className: styles$8["label"]
   }, React__default.createElement("div", {
@@ -1513,7 +1534,7 @@ var CoreTextArea = function CoreTextArea(props) {
     target: name,
     isOpen: isOpenTooltip,
     toggle: toggleTooltip
-  }, tooltip))), React__default.createElement("textarea", {
+  }, tooltip))), React__default.createElement("textarea", Object.assign({
     ref: textareaRef,
     placeholder: placeholder,
     style: {
@@ -1528,8 +1549,17 @@ var CoreTextArea = function CoreTextArea(props) {
     rows: rows,
     onChange: function onChange(e) {
       return _onChange(name, e.target.value);
-    }
-  }));
+    },
+    onKeyDown: function onKeyDown(e) {
+      return _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+    },
+    onFocus: function onFocus(e) {
+      return onKeyFocus === null || onKeyFocus === void 0 ? void 0 : onKeyFocus(name, e.target.value);
+    },
+    className: className,
+    onClick: onClick,
+    onBlur: onBlur
+  }, rest)));
 };
 
 var styles$9 = {"core-search":"_wyI1K","input":"_9XW-D","clear":"_1nhXy"};
@@ -1759,7 +1789,7 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
 
 var styles$b = {"core-input-compact":"_1qmXW","label":"_1argp","icon":"_3DPRG"};
 
-var _excluded$1 = ["name", "value", "onChange", "disabled", "label", "width", "placeholder", "error", "tooltip", "onKeyDown"];
+var _excluded$2 = ["name", "value", "onChange", "disabled", "label", "width", "placeholder", "error", "tooltip", "onKeyDown"];
 var CoreInputCompact = function CoreInputCompact(props) {
   var _props$name = props.name,
     name = _props$name === void 0 ? "" : _props$name,
@@ -1774,7 +1804,7 @@ var CoreInputCompact = function CoreInputCompact(props) {
     error = props.error,
     tooltip = props.tooltip,
     _onKeyDown = props.onKeyDown,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2);
   var _useState = React.useState(false),
     isOpenTooltip = _useState[0],
     setIsOpenTooltip = _useState[1];
@@ -1914,7 +1944,7 @@ var CustomOption = function CustomOption(props) {
   }, props.data.label));
 };
 
-var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$3 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomSelect = function CustomSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -1922,7 +1952,7 @@ var CustomSelect = function CustomSelect(_ref) {
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var initialValues = Array.isArray(value) ? options.filter(function (i) {
     return value.includes(i.value);
   }) : isMulti ? options === null || options === void 0 ? void 0 : options.filter(function (i) {
@@ -1949,7 +1979,7 @@ var CustomSelect = function CustomSelect(_ref) {
   }, rest));
 };
 
-var _excluded$3 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$4 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -1957,7 +1987,7 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var initialValues = Array.isArray(value) ? options.filter(function (i) {
     return value.includes(i.value);
   }) : isMulti ? options.filter(function (i) {
@@ -1984,14 +2014,14 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
   }, rest));
 };
 
-var _excluded$4 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$5 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomCreatable = function CustomCreatable(_ref) {
   var options = _ref.options,
     isDisabled = _ref.isDisabled,
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var initialValues = Array.isArray(value) ? options.filter(function (i) {
     return value.includes(i.value);
   }) : isMulti ? options.filter(function (i) {
@@ -2018,7 +2048,7 @@ var CustomCreatable = function CustomCreatable(_ref) {
   }, rest));
 };
 
-var _excluded$5 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$6 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomSelectOption = function CustomSelectOption(_ref) {
   var defaultValue = _ref.defaultValue,
     options = _ref.options,
@@ -2026,7 +2056,7 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var initialValues = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
     return option.value === defaultValue;
   }) || null : null;