intelicoreact 1.0.76 → 1.0.77

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -401,6 +401,9 @@ var Dropdown = function Dropdown(_ref) {
     setIsOpen(true);
   };
 
+  (0, _react.useEffect)(function () {
+    if (isOpen && isSearching) setSearchValue(selectedLabel);
+  }, [isSearching]);
   var postfixText = selectedLabel && ((_filteredOptions$find = filteredOptions.find(function (option) {
     return option.value === value;
   })) === null || _filteredOptions$find === void 0 ? void 0 : _filteredOptions$find.postfix) || null;
@@ -429,12 +432,15 @@ var Dropdown = function Dropdown(_ref) {
     className: "".concat(RC, "__input"),
     value: isSearching ? searchValue !== null && searchValue !== void 0 ? searchValue : '' : selectedLabel || '',
     onChange: function onChange(e) {
+      console.log({
+        searchValue: searchValue,
+        selectedLabel: selectedLabel
+      });
+      setIsSearching(true);
       onSearchHandler(e.target.value);
     },
     placeholder: placeholder,
     onFocus: function onFocus(e) {
-      setSearchValue(selectedLabel);
-      setIsSearching(true);
       e.target.select();
     },
     onBlur: function onBlur() {

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactFeather = require("react-feather");
+
+require("./FileLoaderLocal.scss");
+
+var FileLoaderLocal = function FileLoaderLocal(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      error = _ref.error,
+      isRequired = _ref.isRequired,
+      accept = _ref.accept,
+      onChange = _ref.onChange,
+      className = _ref.className,
+      value = _ref.value,
+      isNoTrashIcon = _ref.isNoTrashIcon;
+
+  var getFileName = function getFileName(value) {
+    var result = value.match(/[^\\]+$/);
+    return onChange({
+      value: result[0],
+      id: id
+    });
+  };
+
+  var renderRequiredLabel = function renderRequiredLabel() {
+    if (!value) {
+      if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
+        className: "file-loader-local--required"
+      }, "Required");else return /*#__PURE__*/_react.default.createElement("div", {
+        className: "file-loader-local--optional"
+      }, "Optional");
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('file-loader-local', className)
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    onChange: function onChange(e) {
+      return getFileName(e.target.value);
+    },
+    className: "file-loader-local__file-input",
+    id: "file-input-".concat(id),
+    type: "file",
+    name: "file",
+    required: isRequired,
+    accept: accept
+  }), /*#__PURE__*/_react.default.createElement("label", {
+    className: "file-loader-local__label-box",
+    htmlFor: "file-input-".concat(id)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "j4"
+  }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
+    className: "file-loader-local__upload-icon"
+  }), value && /*#__PURE__*/_react.default.createElement(_reactFeather.Paperclip, {
+    className: "file-loader-local__upload-icon"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('file-loader-local__label', {
+      'file-loader-local__label-filled': value
+    })
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "file-loader-local__label-text"
+  }, value || label), error && /*#__PURE__*/_react.default.createElement("span", {
+    className: "file-loader-local__error"
+  }, error))), value && !isNoTrashIcon && /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, {
+    className: "file-loader-local__trash-icon",
+    onClick: function onClick() {
+      return onChange({
+        id: id
+      });
+    }
+  }), renderRequiredLabel()));
+};
+
+var _default = FileLoaderLocal;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss

@@ -0,0 +1,84 @@
+.file-loader-local {
+  display: flex;
+  align-items: center;
+  background-color: #FFFFFF;
+  position: relative;
+  box-sizing: border-box;
+  min-height: 50px;
+  border-radius: 8px;
+  box-shadow: 0px 2px 8px rgb(39 73 113 / 15%);
+
+  &__file-input {
+    width: 0.1px;
+    height: 0.1px;
+    opacity: 0;
+    position: absolute;
+    z-index: -10;
+  }
+
+  &__label-box {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    font-family: Sarabun;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: #1F7499;
+    padding: 15px 18px 15px 16px;
+    width: 100%;
+    max-height: 50px;
+    box-sizing: border-box;
+  }
+
+  &__upload-icon {
+    transform: rotate(180deg);
+    min-height: 16px;
+    max-height: 16px;
+    min-width: 16px;
+    max-width: 16px;
+    stroke-width: 1.5px;
+    margin-right: 8px;
+    color: #A0A4B0;
+  }
+
+  &__trash-icon {
+    min-height: 16px;
+    max-height: 16px;
+    min-width: 16px;
+    max-width: 16px;
+    color: #F06D8D;
+  }
+
+  &__label {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__label-text {
+    white-space: nowrap;
+    word-break: break-word;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 200px;
+  }
+
+  &__label-filled {
+    color: #171D33;
+  }
+
+  &__error {
+    color: #F06D8D;
+    font-size: 12px;
+  }
+
+  &--required {
+    color: #F06D8D;
+  }
+
+  &--optional {
+    color: #757F8C;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.0.76",
+  "version": "1.0.77",
   "description": "",
   "main": "dist/index.js",
   "files": [