acsi-core 0.1.1 → 0.1.3

package/dist/index.modern.js

@@ -1,20 +1,25 @@
 import { createBrowserHistory } from 'history';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import React, { useState, useCallback, useEffect, Fragment } from 'react';
-import { Container, Card, CardTitle, CardBody, Modal, ModalHeader, ModalBody, ModalFooter, Button, Pagination, PaginationItem, PaginationLink } from 'reactstrap';
+import { Row, Col, Form, Modal, ModalHeader, ModalBody, ModalFooter, Button, Pagination, PaginationItem, PaginationLink, FormGroup, Input, Label } from 'reactstrap';
 import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
 import axios from 'axios';
 import moment from 'moment';
+import { Link } from 'react-router-dom';
 import { gapi } from 'gapi-script';
 import { useSelector, useDispatch } from 'react-redux';
 import { Box, Typography } from '@mui/material';
 export { ToastContainer, toast } from 'react-toastify';
+import Select, { components } from 'react-select';
+import { FaCaretDown } from 'react-icons/fa';
+import CreatableSelect from 'react-select/creatable';
 
 var setLoading = createAction("common/setLoading");
 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 || "";
@@ -28,6 +33,7 @@ var PUSHER_CONFIG = {
 };
 var ACCESS_TOKEN = "ACCESS_TOKEN";
 var ACADEMY_DOMAIN = "ACADEMY_DOMAIN";
+var DefaultErrorMessage = "an_unexpected_error_has_occurred";
 var getAccessToken = function getAccessToken() {
   try {
     return localStorage.getItem(ACCESS_TOKEN);
@@ -48,7 +54,7 @@ var encodeParams = function encodeParams(params) {
   }).join('&');
 };
 
-var styles = {"signup_wrap":"_18HOc","back_btn":"_397BX","sign_card":"_2ZRO9","card-header":"_ii7EY","card-body-item":"_LLdCT"};
+var styleGlobal = {"signup_wrap":"_1KLz9","box-signin":"_2Jo1o","signin_title":"_3egBO","signup_link":"_1DoIT","google_button":"_34hK_","box-field":"_2e9xO","box-input":"_3zXRp","box-button-email":"_21FPk","box-signin-container":"_1QERu","box-signin-text":"_2-znH","box-signin-logo":"_1aB2m","box-right":"_3qndF","box-right-body":"_JzdCr","box-right-footer":"_19aCA"};
 
 var api = axios.create({
   baseURL: BASE_URL,
@@ -99,6 +105,8 @@ var apiLoginGoogle = function apiLoginGoogle(body) {
   return api.post(BASE_URL + "/api/Auth/login", body);
 };
 
+var itemLogin = ['Seamless lesson planning', 'Flexibility and customization', 'Data protection and security', 'Standards alignment', 'AI smart assist'];
+
 var BlockLogin = function BlockLogin(_ref) {
   var onNavigate = _ref.onNavigate,
     role = _ref.role;
@@ -139,36 +147,127 @@ var BlockLogin = function BlockLogin(_ref) {
   var onFailureGoogle = function onFailureGoogle() {
     onNavigate("/login");
   };
-  return React.createElement(Container, {
-    className: "pt-5"
-  }, React.createElement(Card, {
-    className: styles["sign_card"] + " mx-auto"
-  }, React.createElement(CardTitle, {
-    className: styles["card-header"]
-  }, "Sign in with Google"), React.createElement(CardBody, {
-    className: styles["card-body-item"]
-  }, React.createElement(GoogleLogin, {
+  return React.createElement(Row, {
+    style: {
+      height: "100%"
+    }
+  }, React.createElement(Col, {
+    sm: 12,
+    lg: 7
+  }, React.createElement("div", {
+    className: "" + styleGlobal["box-signin-container"]
+  }, React.createElement("div", {
+    className: styleGlobal["box-signin-logo"] + " "
+  }, React.createElement(Link, {
+    to: "/",
+    className: "d-flex"
+  }, React.createElement("img", {
+    src: "/images/Logo.png",
+    alt: "",
+    height: 37,
+    width: 155,
+    className: "my-auto"
+  }))), React.createElement("div", {
+    className: styleGlobal["box-signin"] + " "
+  }, React.createElement("div", {
+    className: "" + styleGlobal["signin_title"]
+  }, React.createElement("span", null, "Welcome to Edusfere")), React.createElement("div", {
+    className: "" + styleGlobal["signup_link"]
+  }, React.createElement("span", null, "Don't have an account?", " ", React.createElement(Link, {
+    to: "/",
+    style: {
+      color: "#00A0DA"
+    },
+    className: "text-decoration-none"
+  }, "Sign up"))), React.createElement(GoogleLogin, {
     clientId: GOOGLE_CLIENT_ID,
     render: function render(renderProps) {
       return React.createElement("div", {
-        className: "d-flex justify-content-center mt-5"
+        className: "" + styleGlobal["google_button"]
       }, React.createElement("button", {
         onClick: renderProps.onClick,
-        disabled: renderProps.disabled,
-        className: "d-flex py-3 text-black align-items-center px-3 justify-content-center"
+        disabled: renderProps.disabled
       }, React.createElement("img", {
-        width: 30,
+        width: 24,
+        height: 24,
         alt: "Google sign-in",
-        src: "/images/icons8-google-96.svg"
-      }), React.createElement("h6", {
-        className: "mb-0 ms-3 fw-bold"
-      }, "sign in with Google")));
+        src: "/images/icons/Google__G__logo.png"
+      }), "Sign in with Google"));
     },
     onSuccess: onSuccessGoogle,
     onFailure: onFailureGoogle,
-    cookiePolicy: "single_host_origin",
-    className: "" + styles["btn-login-google"]
-  }))));
+    cookiePolicy: "single_host_origin"
+  }), React.createElement("span", {
+    className: "" + styleGlobal["box-field"]
+  }, "OR"), React.createElement(Form, null, React.createElement("div", {
+    className: "" + styleGlobal["box-input"]
+  }, React.createElement("input", {
+    type: "email",
+    placeholder: "Email"
+  })), React.createElement("button", {
+    type: "submit",
+    className: "" + styleGlobal["box-button-email"]
+  }, React.createElement("img", {
+    width: 20,
+    height: 20,
+    alt: "Email sign-in",
+    src: "/images/icons/Login_icon.png"
+  }), "Sign in with Email"))), React.createElement("div", {
+    className: styleGlobal["box-signin-text"] + " "
+  }, React.createElement("span", {
+    style: {
+      fontSize: "13px",
+      color: "#A6A6AD"
+    }
+  }, "By signing in, you agree to our Terms & Privacy Policy")))), React.createElement(Col, {
+    sm: 12,
+    lg: 5,
+    className: "d-none d-lg-block"
+  }, React.createElement("div", {
+    className: "" + styleGlobal["box-right"],
+    style: {
+      backgroundImage: "url('/images/bg_login.png')"
+    }
+  }, React.createElement("div", {
+    className: "" + styleGlobal["box-right-body"]
+  }, React.createElement("span", {
+    style: {
+      fontSize: "24px",
+      fontWeight: "700"
+    }
+  }, "As a teacher, your time and energy are too valuable to waste"), React.createElement("p", {
+    className: " fw-normal ",
+    style: {
+      marginTop: "12px",
+      marginBottom: "24px",
+      color: "#03191F"
+    }
+  }, "So we\u2019re building a curriculum hub and and workspace that puts everything you need to plan and prep within reach."), React.createElement("ul", null, itemLogin.map(function (item, it) {
+    return React.createElement("li", {
+      key: it,
+      className: "mb-2 ",
+      style: {
+        color: "#212126"
+      }
+    }, item);
+  })), React.createElement("div", {
+    className: "" + styleGlobal["box-right-footer"]
+  }, React.createElement("img", {
+    className: "img-fluid",
+    alt: "",
+    src: "/images/image_login.png",
+    style: {
+      width: "15vw"
+    }
+  }), React.createElement("div", null, React.createElement("p", null, "As one of our earliest users,", React.createElement("br", null), "you are a vital part of this process"), React.createElement("div", null, React.createElement("span", {
+    className: "d-block"
+  }, "Thank you!"), React.createElement("img", {
+    style: {
+      marginTop: "-15px"
+    },
+    alt: "",
+    src: "/images/icons/Vector 22.png"
+  }))))))));
 };
 
 var defaultInfo = {
@@ -216,7 +315,7 @@ var Login = function Login(props) {
   var _useLogin = useLogin(),
     defaultInfo = _useLogin.defaultInfo;
   return React.createElement("div", {
-    className: styles["signup_wrap"] + " container-fluid font-family-lato"
+    className: styleGlobal["signup_wrap"] + " container-fluid font-family-lato"
   }, React.createElement(BlockLogin, {
     defaultInfo: defaultInfo,
     onNavigate: onNavigate,
@@ -427,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) {
@@ -440,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;
   });
 });
 
@@ -840,7 +942,548 @@ var CustomPagination = function CustomPagination(_ref) {
   })));
 };
 
+var styles = {"core-button":"_xvNBN","primary":"_U9Qyp","secondary":"_1VzMy","text":"_pZNuj"};
+
+var CoreButton = function CoreButton(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? "primary" : _props$type,
+    children = props.children,
+    onClick = props.onClick,
+    icon = props.icon,
+    _props$disabled = 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","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,
+    _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"] + "  " + styles$1[type] + " " + (error ? styles$1["error"] : ""),
+    style: {
+      width: width != null ? width : "100%"
+    }
+  }, 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,
+    onKeyDown: function onKeyDown(e) {
+      return _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+    }
+  }, ref)), error && React.createElement(CoreError, {
+    message: errorMessage
+  }));
+};
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var styles$3 = {"core-select":"_2sg12"};
+
+var CoreSelect = function CoreSelect(props) {
+  var _options$find;
+  var name = props.name,
+    options = props.options,
+    value = props.value,
+    _onChange = props.onChange,
+    _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,
+    _props$errorMessage = props.errorMessage,
+    errorMessage = _props$errorMessage === void 0 ? "" : _props$errorMessage;
+  return React.createElement("div", {
+    className: "" + styles$3["core-select"],
+    style: {
+      width: width != null ? width : "100%"
+    }
+  }, label && React.createElement("label", null, label), React.createElement(Select, {
+    name: name,
+    value: (_options$find = options.find(function (i) {
+      return i.value === value;
+    })) != null ? _options$find : null,
+    onChange: function onChange(e) {
+      return _onChange(name, e === null || e === void 0 ? void 0 : e.value);
+    },
+    placeholder: placeholder,
+    isDisabled: disabled,
+    options: options,
+    styles: {
+      control: function control(base, state) {
+        return _extends({}, base, {
+          borderRadius: "8px",
+          border: state.isFocused ? "2px solid " + (!error ? "#00AFDA" : "#CE3636") : "1px solid " + (!error ? "#E6E6EB" : "#CE3636"),
+          height: "32px",
+          minHeight: 0,
+          fontSize: "14px",
+          fontWeight: "400",
+          padding: "0 4px",
+          backgroundColor: state.isDisabled ? "#F5F9FA)" : "#FFF",
+          boxShadow: "none",
+          "&:hover": {
+            backgroundColor: "#F5F9FA"
+          },
+          transition: "all .3s",
+          overflow: "hidden"
+        });
+      },
+      input: function input(base) {
+        return _extends({}, base, {
+          margin: "0",
+          padding: "0",
+          color: "inherit"
+        });
+      },
+      placeholder: function placeholder(base) {
+        return _extends({}, base, {
+          color: "#A6A6AD",
+          position: "relative",
+          top: "-4px"
+        });
+      },
+      dropdownIndicator: function dropdownIndicator(base) {
+        return _extends({}, base, {
+          position: "relative",
+          top: "-4px",
+          padding: "8px 0"
+        });
+      },
+      indicatorSeparator: function indicatorSeparator() {
+        return {
+          display: "none"
+        };
+      },
+      valueContainer: function valueContainer(base) {
+        return _extends({}, base, {
+          height: "32px"
+        });
+      },
+      singleValue: function singleValue(base) {
+        return _extends({}, base, {
+          position: "relative",
+          top: "-4px"
+        });
+      }
+    }
+  }), error && React.createElement(CoreError, {
+    message: errorMessage
+  }));
+};
+
+var styles$4 = {"core-checkbox":"_3HY4f"};
+
+var CoreInput$1 = function CoreInput(props) {
+  var name = props.name,
+    checked = props.checked,
+    _onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label;
+  return React.createElement("div", {
+    className: "" + styles$4["core-checkbox"]
+  }, React.createElement(FormGroup, {
+    check: true,
+    inline: true
+  }, React.createElement(Input, {
+    id: "core-checkbox-" + name,
+    type: "checkbox",
+    name: name,
+    checked: checked,
+    onChange: function onChange(e) {
+      return _onChange(name, e.target.checked);
+    },
+    disabled: disabled
+  }), React.createElement(Label, {
+    htmlFor: "core-checkbox-" + name,
+    check: true
+  }, label)));
+};
+
+var styles$5 = {"core-radio":"_kvUpe","form-check":"_3ToPe"};
+
+var CoreRadio = function CoreRadio(props) {
+  var name = props.name,
+    value = props.value,
+    options = props.options,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
+  return React.createElement("div", {
+    className: "" + styles$5["core-radio"]
+  }, React.createElement(FormGroup, {
+    check: true
+  }, options.map(function (i) {
+    return React.createElement("div", {
+      key: i.value
+    }, React.createElement(Input, {
+      id: "core-radio-" + i.value,
+      type: "radio",
+      checked: value === i.value,
+      onClick: function onClick() {
+        onChange(name, i.value);
+      },
+      onChange: function onChange() {
+        return;
+      },
+      disabled: disabled
+    }), React.createElement(Label, {
+      htmlFor: "core-radio-" + i.value
+    }, i.label));
+  })));
+};
+
+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,
+    footer = props.footer;
+  return React.createElement(Modal, {
+    isOpen: open,
+    toggle: onClose,
+    centered: true,
+    className: styles$6["core-modal"]
+  }, React.createElement(ModalHeader, {
+    toggle: onClose,
+    className: styles$6["core-modal-header"]
+  }, 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) {
+  var _error$response, _error$response$data, _error$response2, _error$response3, _error$response3$data;
+  var errorMessage = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title;
+  if ((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 500) return defaultErrorMessage || DefaultErrorMessage;
+  if (typeof errorMessage === "string") return decodeURIComponent(errorMessage);
+  errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.message);
+  if (typeof errorMessage === "string") return errorMessage;
+  return defaultErrorMessage || DefaultErrorMessage;
+};
+
+var customStyles = {
+  control: function control(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styleGlobal.darker,
+      borderColor: state.isFocused || state.hasValue ? styleGlobal.dark : styleGlobal.less_dark,
+      boxShadow: state.isFocused ? "0 0 0 1px " + styleGlobal.dark + "4D" : baseStyles.boxShadow,
+      "&:active": {
+        borderColor: state.isFocused || state.hasValue ? styleGlobal.dark : styleGlobal.less_dark
+      },
+      "&:hover": {
+        borderColor: state.isFocused || state.hasValue ? styleGlobal.dark : styleGlobal.less_dark
+      }
+    });
+  },
+  input: function input(baseStyles, _) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styleGlobal.darker
+    });
+  },
+  singleValue: function singleValue(baseStyles) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styleGlobal.darker
+    });
+  },
+  option: function option(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      backgroundColor: state.isSelected ? styleGlobal.dark : state.isFocused ? styleGlobal.light : 'white',
+      "&:active": {
+        backgroundColor: state.isSelected ? styleGlobal.dark : state.isFocused ? styleGlobal.less_dark : baseStyles.backgroundColor
+      }
+    });
+  }
+};
+
+var DropdownIndicator = function DropdownIndicator(props) {
+  return React.createElement(components.DropdownIndicator, Object.assign({}, props), React.createElement(FaCaretDown, {
+    size: 20,
+    color: styleGlobal.darker
+  }));
+};
+var CustomOption = function CustomOption(props) {
+  return React.createElement(components.Option, Object.assign({}, props), React.createElement("div", {
+    style: {
+      fontSize: "14px",
+      fontWeight: 500
+    }
+  }, props.data.label));
+};
+
+var _excluded = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomSelect = function CustomSelect(_ref) {
+  var isDefault = _ref.isDefault,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  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) {
+    return i.value == value;
+  }) : options === null || options === void 0 ? void 0 : options.find(function (i) {
+    return i.value == value;
+  });
+  return React.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: !isDefault ? initialValues != null ? initialValues : null : undefined,
+    defaultValue: isDefault ? initialValues : undefined,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
+};
+
+var _excluded$1 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
+  var isDefault = _ref.isDefault,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options.filter(function (i) {
+    return i.value == value;
+  }) : options.find(function (i) {
+    return i.value == value;
+  });
+  return React.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: !isDefault ? initialValues : undefined,
+    defaultValue: isDefault ? initialValues : undefined,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
+};
+
+var _excluded$2 = ["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$2);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options.filter(function (i) {
+    return i.value == value;
+  }) : options.find(function (i) {
+    return i.value == value;
+  });
+  return React.createElement(CreatableSelect, Object.assign({
+    isClearable: true,
+    isDisabled: isDisabled,
+    options: options,
+    value: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
+};
+
+var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomSelectOption = function CustomSelectOption(_ref) {
+  var defaultValue = _ref.defaultValue,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  var initialValues = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
+    return option.value === defaultValue;
+  }) || null : null;
+  return React.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: value,
+    defaultValue: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
+};
+
 var historyCore = createBrowserHistory();
 
-export { ACCESS_TOKEN, BASE_URL, CommonDialog, ConfirmDialog, CustomPagination, LayoutContext, Loading, Login, NotFound, Role, api$1 as api, apiUpload$1 as apiUpload, 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