acsi-core 0.1.10 → 0.1.12

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

@@ -4,6 +4,7 @@ interface IProps {
     value: string;
     onChange: (name: string, value: string) => void;
     width?: number;
+    onPressEnter?: () => void;
 }
 declare const CoreSearch: (props: IProps) => React.JSX.Element;
 export default CoreSearch;

package/dist/index.js

@@ -1401,13 +1401,13 @@ var Search = function Search(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M9.40376 9.40352C9.63808 9.1692 10.018 9.1692 10.2523 9.40352L13.4243 12.5755C13.6586 12.8098 13.6586 13.1897 13.4243 13.424C13.19 13.6584 12.8101 13.6584 12.5758 13.424L9.40376 10.252C9.16945 10.0177 9.16945 9.63783 9.40376 9.40352Z",
     fill: color
   }), React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M6.9999 3.5999C5.12213 3.5999 3.5999 5.12213 3.5999 6.9999C3.5999 8.87767 5.12213 10.3999 6.9999 10.3999C8.87767 10.3999 10.3999 8.87767 10.3999 6.9999C10.3999 5.12213 8.87767 3.5999 6.9999 3.5999ZM2.3999 6.9999C2.3999 4.45939 4.45939 2.3999 6.9999 2.3999C9.54041 2.3999 11.5999 4.45939 11.5999 6.9999C11.5999 9.54041 9.54041 11.5999 6.9999 11.5999C4.45939 11.5999 2.3999 9.54041 2.3999 6.9999Z",
     fill: color
   }));
@@ -1459,13 +1459,13 @@ var Info = function Info() {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M6.0002 2.1002C3.84628 2.1002 2.1002 3.84628 2.1002 6.0002C2.1002 8.15411 3.84628 9.9002 6.0002 9.9002C8.15411 9.9002 9.9002 8.15411 9.9002 6.0002C9.9002 3.84628 8.15411 2.1002 6.0002 2.1002ZM1.2002 6.0002C1.2002 3.34923 3.34923 1.2002 6.0002 1.2002C8.65116 1.2002 10.8002 3.34923 10.8002 6.0002C10.8002 8.65116 8.65116 10.8002 6.0002 10.8002C3.34923 10.8002 1.2002 8.65116 1.2002 6.0002Z",
     fill: "#A6A6AD"
   }), React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M5.9998 5.1001C6.24833 5.1001 6.4498 5.30157 6.4498 5.5501V8.2915C6.4498 8.54003 6.24833 8.7415 5.9998 8.7415C5.75128 8.7415 5.5498 8.54003 5.5498 8.2915V5.5501C5.5498 5.30157 5.75128 5.1001 5.9998 5.1001Z",
     fill: "#A6A6AD"
   }), React__default.createElement("path", {
@@ -1490,12 +1490,20 @@ var CoreTextArea = function CoreTextArea(props) {
     tooltip = _props$tooltip === void 0 ? '' : _props$tooltip,
     _props$isOptional = props.isOptional,
     isOptional = _props$isOptional === void 0 ? false : _props$isOptional;
+  var textareaRef = React.useRef(null);
   var _useState = React.useState(false),
     isOpenTooltip = _useState[0],
     setIsOpenTooltip = _useState[1];
   var toggleTooltip = function toggleTooltip() {
     return setIsOpenTooltip(!isOpenTooltip);
   };
+  React.useEffect(function () {
+    if (textareaRef.current) {
+      var _textareaRef$current;
+      textareaRef.current.style.height = "auto";
+      textareaRef.current.style.height = ((_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.scrollHeight) + "px";
+    }
+  }, [value]);
   return React__default.createElement("div", {
     className: styles$8["core-text-area"],
     style: {
@@ -1515,10 +1523,15 @@ var CoreTextArea = function CoreTextArea(props) {
     isOpen: isOpenTooltip,
     toggle: toggleTooltip
   }, tooltip) : null), React__default.createElement("textarea", {
+    ref: textareaRef,
+    placeholder: placeholder,
     style: {
-      whiteSpace: "pre-wrap"
+      whiteSpace: "pre-wrap",
+      width: "100%",
+      minHeight: "123px",
+      resize: "none",
+      overflow: "hidden"
     },
-    placeholder: placeholder,
     value: value,
     cols: cols,
     rows: rows,
@@ -1535,9 +1548,11 @@ var CoreSearch = function CoreSearch(props) {
     name = _props$name === void 0 ? "" : _props$name,
     value = props.value,
     _onChange = props.onChange,
-    width = props.width;
+    width = props.width,
+    onPressEnter = props.onPressEnter;
   var handleClear = function handleClear() {
     _onChange(name, "");
+    onPressEnter && onPressEnter();
   };
   return React__default.createElement("div", {
     className: styles$9["core-search"],
@@ -1553,7 +1568,12 @@ var CoreSearch = function CoreSearch(props) {
     onChange: function onChange(e) {
       return _onChange(name, e.target.value);
     },
-    placeholder: "Search..."
+    placeholder: "Search...",
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter") {
+        onPressEnter && onPressEnter();
+      }
+    }
   }), value.length ? React__default.createElement("div", {
     className: styles$9["clear"],
     onClick: handleClear