acsi-core 0.1.2 → 0.1.3

package/dist/index.modern.js

@@ -19,6 +19,7 @@ var setAlert = createAction("common/setAlert");
 var setUser = createAction("common/setUser");
 var setLanguage = createAction("common/setLanguage");
 var reset = createAction("common/reset");
+var setMenuCollapse = createAction("common/setMenuCollapse");
 
 var GOOGLE_RECAPTCHA_KEY = process.env.REACT_APP_GOOGLE_RECAPTCHA_KEY || "";
 var GOOGLE_CLIENT_ID = process.env.REACT_APP_GOOGLE_CLIENT_ID || "";
@@ -525,7 +526,8 @@ var initialState = {
     message: ""
   },
   user: null,
-  academy: null
+  academy: null,
+  menuCollapse: false
 };
 var commonReducer = createReducer(initialState, function (builder) {
   builder.addCase(setLoading, function (state, action) {
@@ -538,6 +540,8 @@ var commonReducer = createReducer(initialState, function (builder) {
     state.language = action.payload;
   }).addCase(reset, function (_state, _action) {
     return initialState;
+  }).addCase(setMenuCollapse, function (state, action) {
+    state.menuCollapse = action.payload;
   });
 });
 
@@ -947,40 +951,81 @@ var CoreButton = function CoreButton(props) {
     onClick = props.onClick,
     icon = props.icon,
     _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$background = props.background,
+    background = _props$background === void 0 ? "#F5F9FA" : _props$background,
+    _props$color = props.color,
+    color = _props$color === void 0 ? "#585869" : _props$color;
   return React.createElement("button", {
     className: styles["core-button"] + " " + styles[type],
+    style: {
+      "background": background,
+      "color": color
+    },
     onClick: onClick,
     disabled: disabled
   }, icon && icon, children);
 };
 
-var styles$1 = {"core-input":"_1WdX2","error":"_n7n3Q"};
+var styles$1 = {"core-input":"_1WdX2","outline":"_3X2RJ","no-outline":"_bVYtv","error":"_n7n3Q"};
+
+var styles$2 = {"core-error":"_1Mmxr"};
+
+var icons = {
+  ErrorRedIcon: "/images/icons/error_red.svg"
+};
+
+var CoreError = function CoreError(props) {
+  var message = props.message;
+  return React.createElement("div", {
+    className: "" + styles$2["core-error"]
+  }, React.createElement("img", {
+    src: icons.ErrorRedIcon,
+    alt: "error-icon"
+  }), React.createElement("p", null, message));
+};
 
 var CoreInput = function CoreInput(props) {
   var name = props.name,
     value = props.value,
     _onChange = props.onChange,
+    _props$type = props.type,
+    type = _props$type === void 0 ? "outline" : _props$type,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     label = props.label,
     width = props.width,
     _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? "" : _props$placeholder,
-    error = props.error;
+    error = props.error,
+    _props$errorMessage = props.errorMessage,
+    errorMessage = _props$errorMessage === void 0 ? "" : _props$errorMessage,
+    fontSize = props.fontSize,
+    fontWeight = props.fontWeight,
+    _onKeyDown = props.onKeyDown,
+    ref = props.ref;
   return React.createElement("div", {
-    className: styles$1["core-input"] + " " + (error ? styles$1["error"] : ""),
+    className: styles$1["core-input"] + "  " + styles$1[type] + " " + (error ? styles$1["error"] : ""),
     style: {
       width: width != null ? width : "100%"
     }
-  }, label && React.createElement("label", null, label), React.createElement("input", {
+  }, label && React.createElement("label", null, label), React.createElement("input", Object.assign({
+    style: {
+      fontSize: fontSize,
+      fontWeight: fontWeight
+    },
     name: name,
     value: value,
     onChange: function onChange(e) {
       return _onChange(name, e.target.value);
     },
     disabled: disabled,
-    placeholder: placeholder
+    placeholder: placeholder,
+    onKeyDown: function onKeyDown(e) {
+      return _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+    }
+  }, ref)), error && React.createElement(CoreError, {
+    message: errorMessage
   }));
 };
 
@@ -1003,7 +1048,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-var styles$2 = {"core-select":"_2sg12"};
+var styles$3 = {"core-select":"_2sg12"};
 
 var CoreSelect = function CoreSelect(props) {
   var _options$find;
@@ -1017,9 +1062,11 @@ var CoreSelect = function CoreSelect(props) {
     width = props.width,
     _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? "" : _props$placeholder,
-    error = props.error;
+    error = props.error,
+    _props$errorMessage = props.errorMessage,
+    errorMessage = _props$errorMessage === void 0 ? "" : _props$errorMessage;
   return React.createElement("div", {
-    className: "" + styles$2["core-select"],
+    className: "" + styles$3["core-select"],
     style: {
       width: width != null ? width : "100%"
     }
@@ -1048,7 +1095,9 @@ var CoreSelect = function CoreSelect(props) {
           boxShadow: "none",
           "&:hover": {
             backgroundColor: "#F5F9FA"
-          }
+          },
+          transition: "all .3s",
+          overflow: "hidden"
         });
       },
       input: function input(base) {
@@ -1068,7 +1117,8 @@ var CoreSelect = function CoreSelect(props) {
       dropdownIndicator: function dropdownIndicator(base) {
         return _extends({}, base, {
           position: "relative",
-          top: "-4px"
+          top: "-4px",
+          padding: "8px 0"
         });
       },
       indicatorSeparator: function indicatorSeparator() {
@@ -1088,10 +1138,12 @@ var CoreSelect = function CoreSelect(props) {
         });
       }
     }
+  }), error && React.createElement(CoreError, {
+    message: errorMessage
   }));
 };
 
-var styles$3 = {"core-checkbox":"_3HY4f"};
+var styles$4 = {"core-checkbox":"_3HY4f"};
 
 var CoreInput$1 = function CoreInput(props) {
   var name = props.name,
@@ -1101,7 +1153,7 @@ var CoreInput$1 = function CoreInput(props) {
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     label = props.label;
   return React.createElement("div", {
-    className: "" + styles$3["core-checkbox"]
+    className: "" + styles$4["core-checkbox"]
   }, React.createElement(FormGroup, {
     check: true,
     inline: true
@@ -1120,7 +1172,7 @@ var CoreInput$1 = function CoreInput(props) {
   }, label)));
 };
 
-var styles$4 = {"core-radio":"_kvUpe","form-check":"_3ToPe"};
+var styles$5 = {"core-radio":"_kvUpe","form-check":"_3ToPe"};
 
 var CoreRadio = function CoreRadio(props) {
   var name = props.name,
@@ -1130,7 +1182,7 @@ var CoreRadio = function CoreRadio(props) {
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled;
   return React.createElement("div", {
-    className: "" + styles$4["core-radio"]
+    className: "" + styles$5["core-radio"]
   }, React.createElement(FormGroup, {
     check: true
   }, options.map(function (i) {
@@ -1153,29 +1205,14 @@ var CoreRadio = function CoreRadio(props) {
   })));
 };
 
-var styles$5 = {"core-error":"_1Mmxr"};
-
-var icons = {
-  ErrorRedIcon: "/images/icons/error_red.svg"
-};
-
-var CoreError = function CoreError(props) {
-  var message = props.message;
-  return React.createElement("div", {
-    className: "" + styles$5["core-error"]
-  }, React.createElement("img", {
-    src: icons.ErrorRedIcon,
-    alt: "error-icon"
-  }), React.createElement("p", null, message));
-};
-
 var styles$6 = {"core-modal-header":"_2y5ln"};
 
 var CoreModal = function CoreModal(props) {
   var open = props.open,
     onClose = props.onClose,
     children = props.children,
-    title = props.title;
+    title = props.title,
+    footer = props.footer;
   return React.createElement(Modal, {
     isOpen: open,
     toggle: onClose,
@@ -1184,7 +1221,66 @@ var CoreModal = function CoreModal(props) {
   }, React.createElement(ModalHeader, {
     toggle: onClose,
     className: styles$6["core-modal-header"]
-  }, title), React.createElement(ModalBody, null, children));
+  }, title), React.createElement(ModalBody, null, children), footer && React.createElement(ModalFooter, null, footer));
+};
+
+var styles$7 = {"core-range":"_1dzD7"};
+
+var CoreRange = function CoreRange(props) {
+  var name = props.name,
+    value = props.value,
+    _onChange = props.onChange,
+    label = props.label,
+    width = props.width,
+    min = props.min,
+    max = props.max,
+    step = props.step;
+  return React.createElement("div", {
+    className: "" + styles$7["core-range"],
+    style: {
+      width: width != null ? width : "100%"
+    }
+  }, label && React.createElement("label", null, label), React.createElement("input", {
+    type: "range",
+    name: name,
+    value: value,
+    onChange: function onChange(e) {
+      return _onChange(name, +e.target.value);
+    },
+    min: min,
+    max: max,
+    step: step
+  }));
+};
+
+var styles$8 = {"core-text-area":"_1b_C3"};
+
+var CoreTextArea = function CoreTextArea(props) {
+  var name = props.name,
+    _onChange = props.onChange,
+    value = props.value,
+    _props$cols = props.cols,
+    cols = _props$cols === void 0 ? 0 : _props$cols,
+    label = props.label,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? 2 : _props$rows,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "" : _props$placeholder,
+    width = props.width;
+  return React.createElement("div", {
+    className: styles$8["core-text-area"]
+  }, label && React.createElement("label", null, label), React.createElement("textarea", {
+    placeholder: placeholder,
+    value: value,
+    cols: cols,
+    rows: rows,
+    onChange: function onChange(e) {
+      return _onChange(name, e.target.value);
+    },
+    style: {
+      width: width != null ? width : "100%"
+    }
+  }));
 };
 
 var getErrorMessage = function getErrorMessage(error, defaultErrorMessage) {
@@ -1389,5 +1485,5 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
 
 var historyCore = createBrowserHistory();
 
-export { ACCESS_TOKEN, BASE_URL, CommonDialog, ConfirmDialog, CoreButton, CoreInput$1 as CoreCheckbox, CoreError, CoreInput, CoreModal, CoreRadio, CoreSelect, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, LayoutContext, Loading, Login, NotFound, Role, api$1 as api, apiUpload$1 as apiUpload, getErrorMessage, historyCore, setAlert, setLoading, setUser, store, useGoogleSignOut };
+export { ACCESS_TOKEN, BASE_URL, CommonDialog, ConfirmDialog, CoreButton, CoreInput$1 as CoreCheckbox, CoreError, CoreInput, CoreModal, CoreRadio, CoreRange, CoreSelect, CoreTextArea, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, LayoutContext, Loading, Login, NotFound, Role, api$1 as api, apiUpload$1 as apiUpload, getErrorMessage, historyCore, setAlert, setLoading, setMenuCollapse, setUser, store, useGoogleSignOut };
 //# sourceMappingURL=index.modern.js.map