code7-leia 0.1.157 → 0.1.159
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/code7-leia.cjs.development.js +8 -2
- package/dist/code7-leia.cjs.development.js.map +1 -1
- package/dist/code7-leia.cjs.production.min.js +1 -1
- package/dist/code7-leia.cjs.production.min.js.map +1 -1
- package/dist/code7-leia.esm.js +8 -2
- package/dist/code7-leia.esm.js.map +1 -1
- package/dist/components/MultiSelect/styles.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/MultiSelect/index.tsx +5 -0
- package/src/components/MultiSelect/styles.tsx +18 -0
|
@@ -961,12 +961,14 @@ EmptyState.defaultProps = {
|
|
|
961
961
|
hasborder: true
|
|
962
962
|
};
|
|
963
963
|
|
|
964
|
-
var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1;
|
|
964
|
+
var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
|
|
965
965
|
var MultiSelectWrapper = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 45px;\n"])));
|
|
966
966
|
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"])));
|
|
967
967
|
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"])));
|
|
968
968
|
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"])));
|
|
969
969
|
var CheckboxLabel = /*#__PURE__*/styled__default.label(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n &:hover {\n background-color: #6690ff;\n }\n"])));
|
|
970
|
+
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"])));
|
|
971
|
+
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"])));
|
|
970
972
|
|
|
971
973
|
var MultiSelect = function MultiSelect(_ref) {
|
|
972
974
|
var options = _ref.options,
|
|
@@ -1029,7 +1031,11 @@ var MultiSelect = function MultiSelect(_ref) {
|
|
|
1029
1031
|
key: index,
|
|
1030
1032
|
value: option.value
|
|
1031
1033
|
}, option.label);
|
|
1032
|
-
})), React__default.createElement(OverSelect, null, React__default.createElement(
|
|
1034
|
+
})), React__default.createElement(OverSelect, null, React__default.createElement(SelectedValues, null, presset.map(function (value, index) {
|
|
1035
|
+
return React__default.createElement(SelectedValue, {
|
|
1036
|
+
key: index
|
|
1037
|
+
}, value);
|
|
1038
|
+
})), React__default.createElement("input", {
|
|
1033
1039
|
type: "text",
|
|
1034
1040
|
placeholder: t.buttons.addNewOpinion,
|
|
1035
1041
|
value: newOption,
|