acsi-core 0.1.7 → 0.1.9

package/dist/index.modern.js

@@ -1019,7 +1019,8 @@ var CoreInput = function CoreInput(props) {
     fontSize = props.fontSize,
     fontWeight = props.fontWeight,
     _onKeyDown = props.onKeyDown,
-    ref = props.ref;
+    ref = props.ref,
+    maxLength = props.maxLength;
   return React.createElement("div", {
     className: styles$1["core-input"] + "  " + styles$1[type] + " " + (error ? styles$1["error"] : ""),
     style: {
@@ -1040,7 +1041,9 @@ var CoreInput = function CoreInput(props) {
     onKeyDown: function onKeyDown(e) {
       return _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
     }
-  }, ref)), error && React.createElement(CoreError, {
+  }, ref, {
+    maxLength: maxLength
+  })), error && React.createElement(CoreError, {
     message: errorMessage
   }));
 };
@@ -1143,9 +1146,7 @@ var CoreSelect = function CoreSelect(props) {
   };
   var placeholderStyles = function placeholderStyles(base) {
     var styles = _extends({}, base, {
-      color: COLORS.lightGray,
-      position: "relative",
-      top: "-4px"
+      color: COLORS.lightGray
     });
     return styles;
   };
@@ -1159,15 +1160,14 @@ var CoreSelect = function CoreSelect(props) {
   };
   var valueContainerStyles = function valueContainerStyles(base) {
     var styles = _extends({}, base, {
-      height: isMulti ? undefined : "32px"
+      height: isMulti ? undefined : "32px",
+      position: "relative",
+      top: "-3px"
     });
     return styles;
   };
   var singleValueStyles = function singleValueStyles(base) {
-    var styles = _extends({}, base, {
-      position: "relative",
-      top: "-4px"
-    });
+    var styles = _extends({}, base);
     return styles;
   };
   var optionStyles = function optionStyles(base, state) {
@@ -1325,7 +1325,7 @@ var CoreRadio = function CoreRadio(props) {
   })));
 };
 
-var styles$6 = {"core-modal-header":"_2y5ln","core-modal-body":"_2GdIt"};
+var styles$6 = {"core-modal-header":"_2y5ln"};
 
 var CoreModal = function CoreModal(props) {
   var open = props.open,
@@ -1334,19 +1334,23 @@ var CoreModal = function CoreModal(props) {
     title = props.title,
     footer = props.footer,
     handleSubmit = props.handleSubmit,
-    onSubmit = props.onSubmit;
+    onSubmit = props.onSubmit,
+    _props$bodyPadding = props.bodyPadding,
+    bodyPadding = _props$bodyPadding === void 0 ? "24px" : _props$bodyPadding;
   return React.createElement(Modal, {
     isOpen: open,
     toggle: onClose,
-    centered: true,
-    className: styles$6["core-modal"]
+    centered: true
   }, React.createElement("form", {
-    onSubmit: onSubmit ? handleSubmit(onSubmit) : undefined
+    onSubmit: onSubmit ? handleSubmit(onSubmit) : undefined,
+    className: styles$6["core-modal-container"]
   }, React.createElement(ModalHeader, {
     toggle: onClose,
     className: styles$6["core-modal-header"]
   }, title), React.createElement(ModalBody, {
-    className: styles$6['core-modal-body']
+    style: {
+      padding: bodyPadding
+    }
   }, children), footer && React.createElement(ModalFooter, null, footer)));
 };
 
@@ -1412,6 +1416,100 @@ var CoreTextArea = function CoreTextArea(props) {
   }));
 };
 
+var styles$9 = {"core-search":"_wyI1K","input":"_9XW-D","clear":"_1nhXy"};
+
+var Search = function Search(props) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 16 : _props$size,
+    _props$color = props.color,
+    color = _props$color === void 0 ? "#A6A6AD" : _props$color;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "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.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "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
+  }));
+};
+
+var Close = function Close(props) {
+  var _props$color = props.color,
+    color = _props$color === void 0 ? "#A6A6AD" : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 16 : _props$size;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("g", {
+    "clip-path": "url(#clip0_1060_48455)"
+  }, React.createElement("rect", {
+    x: "2.48438",
+    y: "3.61597",
+    width: "1.6",
+    height: "14",
+    rx: "0.8",
+    transform: "rotate(-45 2.48438 3.61597)",
+    fill: color
+  }), React.createElement("rect", {
+    x: "12.2427",
+    y: "2.34326",
+    width: "1.6",
+    height: "14",
+    rx: "0.8",
+    transform: "rotate(45 12.2427 2.34326)",
+    fill: color
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: "clip0_1060_48455"
+  }, React.createElement("rect", {
+    width: "16",
+    height: "16",
+    fill: "white"
+  }))));
+};
+
+var CoreSearch = function CoreSearch(props) {
+  var _props$name = props.name,
+    name = _props$name === void 0 ? "" : _props$name,
+    value = props.value,
+    _onChange = props.onChange,
+    width = props.width;
+  var handleClear = function handleClear() {
+    _onChange(name, "");
+  };
+  return React.createElement("div", {
+    className: styles$9["core-search"],
+    style: {
+      width: width != null ? width : "100%"
+    },
+    tabIndex: 1
+  }, React.createElement("div", {
+    className: styles$9["icon"]
+  }, React.createElement(Search, null)), React.createElement("input", {
+    className: styles$9["input"],
+    value: value,
+    onChange: function onChange(e) {
+      return _onChange(name, e.target.value);
+    },
+    placeholder: "Search..."
+  }), value.length ? React.createElement("div", {
+    className: styles$9["clear"],
+    onClick: handleClear
+  }, React.createElement(Close, null)) : null);
+};
+
 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;
@@ -1614,5 +1712,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, CoreRange, CoreSelect, CoreTextArea, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_TIME_MIN_VALUE, LayoutContext, Loading, Login, NotFound, Role, api$1 as api, apiUpload$1 as apiUpload, getErrorMessage, historyCore, setAlert, setLoading, setMenuCollapse, setUser, store, useGoogleSignOut };
+export { ACCESS_TOKEN, BASE_URL, CommonDialog, ConfirmDialog, CoreButton, CoreInput$1 as CoreCheckbox, CoreError, CoreInput, CoreModal, CoreRadio, CoreRange, CoreSearch, CoreSelect, CoreTextArea, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_TIME_MIN_VALUE, 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