acsi-core 0.1.37 → 0.1.39

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.d.ts

@@ -1,5 +1,5 @@
 declare const historyCore: import("history").History<unknown>;
-import { setLoading, setAlert, setTenant, setAddTenant, setTeam, setUser, setMenuCollapse, setIsRefetchSidebar } from "./redux/commons/action";
+import { setLoading, setAlert, setTenant, setAddTenant, setTeam, setUser, setMenuCollapse, setIsRefetchSidebar, setLoadingPage } from "./redux/commons/action";
 import { BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, OPENSALT_BASE_URL, ORGANIZATION_TEAM, ORGANIZATION_TENANT } from "./utils/constants";
 import Login from "./containers/Login/views/Login";
 import store from "./store";
@@ -22,4 +22,4 @@ import CustomSelect from "./components/Selects/CustomSelect";
 import CustomAsyncSelect from "./components/Selects/CustomAsyncSelect";
 import CustomCreatable from "./components/Selects/CustomCreatable";
 import CustomSelectOption from "./components/Selects/CustomSelectOption";
-export { setLoading, BASE_URL, OPENSALT_BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, ORGANIZATION_TEAM, ORGANIZATION_TENANT, firstCheckToken, Login, getAccessToken, store, historyCore, setAlert, setUser, setTenant, setAddTenant, setTeam, setMenuCollapse, setIsRefetchSidebar, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, getErrorMessage, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption, GoogleOAuthProvider };
+export { setLoading, setLoadingPage, BASE_URL, OPENSALT_BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, ORGANIZATION_TEAM, ORGANIZATION_TENANT, firstCheckToken, Login, getAccessToken, store, historyCore, setAlert, setUser, setTenant, setAddTenant, setTeam, setMenuCollapse, setIsRefetchSidebar, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, getErrorMessage, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption, GoogleOAuthProvider };

package/dist/index.js

@@ -19,6 +19,7 @@ var fa = require('react-icons/fa');
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
 
 var setLoading = toolkit.createAction("common/setLoading");
+var setLoadingPage = toolkit.createAction("common/setLoadingPage");
 var setAlert = toolkit.createAction("common/setAlert");
 var setUser = toolkit.createAction("common/setUser");
 var setLanguage = toolkit.createAction("common/setLanguage");
@@ -551,6 +552,7 @@ function combineReducers(reducers) {
 
 var initialState = {
   isLoading: false,
+  isLoadingPage: false,
   alert: {
     type: "",
     message: ""
@@ -563,6 +565,8 @@ var initialState = {
 var commonReducer = toolkit.createReducer(initialState, function (builder) {
   builder.addCase(setLoading, function (state, action) {
     state.isLoading = action.payload;
+  }).addCase(setLoadingPage, function (state, action) {
+    state.isLoadingPage = action.payload;
   }).addCase(setAlert, function (state, action) {
     state.alert = action.payload;
   }).addCase(setUser, function (state, action) {
@@ -1471,6 +1475,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 +1495,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 +1511,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 +1538,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 +1553,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 +1793,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 +1808,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 +1948,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 +1956,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 +1983,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 +1991,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 +2018,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 +2052,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 +2060,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;
@@ -2109,6 +2143,7 @@ exports.setAddTenant = setAddTenant;
 exports.setAlert = setAlert;
 exports.setIsRefetchSidebar = setIsRefetchSidebar;
 exports.setLoading = setLoading;
+exports.setLoadingPage = setLoadingPage;
 exports.setMenuCollapse = setMenuCollapse;
 exports.setTeam = setTeam;
 exports.setTenant = setTenant;