code7-leia 0.1.157 → 0.1.158

package/dist/code7-leia.cjs.development.js

@@ -961,12 +961,14 @@ EmptyState.defaultProps = {
   hasborder: true
 };
 
-var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1;
+var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
 var MultiSelectWrapper = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 45px;\n"])));
 var SelectBox = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  select {\n    width: 100%;\n    font-weight: bold;\n    height: 45px;\n    border-radius: 4px;\n  }\n"])));
 var OverSelect = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n\n  input {\n    height: 43px;\n    width: 95%;\n    border: none;\n    margin: 1px;\n\n    &:focus {\n      outline: none;\n      box-shadow: 0 0 0 3px #6690ff;\n    }\n  }\n"])));
 var Checkboxes = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  background: white;\n  position: absolute;\n  width: 95%;\n  z-index: 10;\n\n  label {\n    padding: 10px 5px;\n  }\n"])));
 var CheckboxLabel = /*#__PURE__*/styled__default.label(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  &:hover {\n    background-color: #6690ff;\n  }\n"])));
+var SelectedValues = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  flex-wrap: wrap;\n"])));
+var SelectedValue = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: #6690ff;\n  color: white;\n  border-radius: 15px;\n  padding: 5px 10px;\n  margin-right: 5px;\n  margin-bottom: 5px;\n  white-space: nowrap;\n"])));
 
 var MultiSelect = function MultiSelect(_ref) {
   var options = _ref.options,
@@ -1035,7 +1037,11 @@ var MultiSelect = function MultiSelect(_ref) {
     value: newOption,
     onChange: handleInputChange,
     onKeyPress: handleInputKeyPress
-  }))), React__default.createElement(Checkboxes, {
+  }), React__default.createElement(SelectedValues, null, presset.map(function (value, index) {
+    return React__default.createElement(SelectedValue, {
+      key: index
+    }, value);
+  })))), React__default.createElement(Checkboxes, {
     style: {
       display: expanded ? 'block' : 'none'
     }