acsi-core 0.1.22 → 0.1.24

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface IProps {
+    value: string;
+}
+declare const ContentTextArea: (props: IProps) => React.JSX.Element;
+export default ContentTextArea;

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

@@ -11,6 +11,11 @@ interface IProps {
     noBorder?: boolean;
     smallHeight?: boolean;
     hideToolbar?: boolean;
+    cols?: number;
+    rows?: number;
+    width?: number;
+    minHeight?: string;
+    isTextArea?: boolean;
 }
 declare const CoreTextArea: (props: IProps) => React.JSX.Element;
 export default CoreTextArea;

package/dist/index.js

@@ -39,6 +39,7 @@ var PUSHER_CONFIG = {
   key: process.env.REACT_APP_PUSHER_CONFIG_KEY || ""
 };
 var OPENSALT_BASE_URL = process.env.REACT_APP_OPENSALT || "";
+var REACT_KEY_TINYMCE = "pko716e6i67met1af7d98ygkma5u38citul7ch78y6pz8bvr";
 var ACCESS_TOKEN = "ACCESS_TOKEN";
 var ACADEMY_DOMAIN = "ACADEMY_DOMAIN";
 var DATE_TIME_MIN_VALUE = "0001-01-01T00:00:00";
@@ -1492,7 +1493,7 @@ var CoreTextArea = function CoreTextArea(props) {
   var _props$name = props.name,
     name = _props$name === void 0 ? "" : _props$name,
     value = props.value,
-    onChange = props.onChange,
+    _onChange = props.onChange,
     _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? "Type here..." : _props$placeholder,
     _props$error = props.error,
@@ -1506,13 +1507,18 @@ var CoreTextArea = function CoreTextArea(props) {
     _props$smallHeight = props.smallHeight,
     smallHeight = _props$smallHeight === void 0 ? false : _props$smallHeight,
     _props$hideToolbar = props.hideToolbar,
-    hideToolbar = _props$hideToolbar === void 0 ? false : _props$hideToolbar;
+    hideToolbar = _props$hideToolbar === void 0 ? false : _props$hideToolbar,
+    cols = props.cols,
+    rows = props.rows,
+    isTextArea = props.isTextArea,
+    minHeight = props.minHeight;
   var _useState = React.useState(false),
     isOpenTooltip = _useState[0],
     setIsOpenTooltip = _useState[1];
   var toggleTooltip = function toggleTooltip() {
     return setIsOpenTooltip(!isOpenTooltip);
   };
+  var textareaRef = React.useRef(null);
   return React__default.createElement("div", {
     className: styles$8["editor"] + " " + (error ? styles$8["error"] : "") + " " + (noBorder ? styles$8["no-border"] : "") + " " + (smallHeight ? styles$8["small-height"] : "")
   }, label && React__default.createElement("span", {
@@ -1528,17 +1534,33 @@ var CoreTextArea = function CoreTextArea(props) {
     target: name,
     isOpen: isOpenTooltip,
     toggle: toggleTooltip
-  }, tooltip))), React__default.createElement(tinymceReact.Editor, {
-    apiKey: "xu4ccvi83xlprx56l8lwwme1q8vstxn0abjzvyqm1t9mabv7",
+  }, tooltip))), isTextArea ? React__default.createElement("textarea", {
+    ref: textareaRef,
+    placeholder: placeholder,
+    style: {
+      whiteSpace: "pre-wrap",
+      width: "100%",
+      minHeight: minHeight ? minHeight : "123px",
+      resize: "none",
+      overflow: "hidden"
+    },
+    value: value,
+    cols: cols,
+    rows: rows,
+    onChange: function onChange(e) {
+      return _onChange(name, e.target.value);
+    }
+  }) : React__default.createElement(tinymceReact.Editor, {
+    apiKey: REACT_KEY_TINYMCE,
     value: value,
     onEditorChange: function onEditorChange(value) {
-      return onChange(name, value);
+      return _onChange(name, value);
     },
     init: {
       menubar: false,
       inline: true,
       plugins: ["lists", "table", "link", "image", "advlist"],
-      toolbar: hideToolbar ? '' : "undo redo | styleselect | bold italic forecolor backcolor | \n                            table link image | \n                            alignleft aligncenter alignright bullist numlist",
+      toolbar: hideToolbar ? '' : "undo redo | styleselect | bold italic forecolor backcolor | \n                                    table link image | \n                                    alignleft aligncenter alignright bullist numlist",
       placeholder: placeholder
     }
   }));