ui-kit-ck-consultant 0.5.223 → 0.5.226
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/index.css +9 -2
- package/dist/index.js +9 -5
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +9 -5
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -684,6 +684,10 @@
|
|
|
684
684
|
color: var(--red) !important;
|
|
685
685
|
}
|
|
686
686
|
|
|
687
|
+
._3k6ik {
|
|
688
|
+
position: relative;
|
|
689
|
+
}
|
|
690
|
+
|
|
687
691
|
._3k6ik > span {
|
|
688
692
|
display: inline-block;
|
|
689
693
|
font-size: 14px;
|
|
@@ -751,7 +755,6 @@
|
|
|
751
755
|
position: fixed;
|
|
752
756
|
display: flex;
|
|
753
757
|
flex-direction: column;
|
|
754
|
-
overflow-y: auto;
|
|
755
758
|
width: 100%;
|
|
756
759
|
height: 280px;
|
|
757
760
|
max-height: 450px;
|
|
@@ -767,12 +770,16 @@
|
|
|
767
770
|
}
|
|
768
771
|
|
|
769
772
|
._oq5Pn > div:not(._HjP3u) {
|
|
773
|
+
overflow-y: auto;
|
|
774
|
+
}
|
|
775
|
+
|
|
776
|
+
._oq5Pn > div:not(._HjP3u) > div {
|
|
770
777
|
padding: 8px 16px;
|
|
771
778
|
transition: 0.3s;
|
|
772
779
|
cursor: pointer;
|
|
773
780
|
}
|
|
774
781
|
|
|
775
|
-
._oq5Pn > div:
|
|
782
|
+
._oq5Pn > div:not(._HjP3u) > div:hover {
|
|
776
783
|
background-color: #eeeeee;
|
|
777
784
|
}
|
|
778
785
|
|
package/dist/index.js
CHANGED
|
@@ -625,16 +625,20 @@ var FormSelectMutiples = /*#__PURE__*/function (_React$Component) {
|
|
|
625
625
|
isDisplay: !_this2.state.isDisplay
|
|
626
626
|
});
|
|
627
627
|
}
|
|
628
|
-
}, /*#__PURE__*/React__default.createElement("span", null, this.props.
|
|
628
|
+
}, /*#__PURE__*/React__default.createElement("span", null, this.props.options.filter(function (element) {
|
|
629
|
+
return _this2.props.value.includes(element.value);
|
|
630
|
+
}).map(function (element, idx) {
|
|
631
|
+
return "" + (idx ? ";" : "") + element.text;
|
|
632
|
+
})), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
|
|
629
633
|
icon: freeSolidSvgIcons.faCaretDown
|
|
630
634
|
}))), this.state.isDisplay ? /*#__PURE__*/React__default.createElement("div", {
|
|
631
635
|
style: {
|
|
632
|
-
top: this.inputRef.current.
|
|
633
|
-
left: this.inputRef.current.
|
|
636
|
+
top: this.inputRef.current.getBoundingClientRect().y + 60,
|
|
637
|
+
left: this.inputRef.current.getBoundingClientRect().x,
|
|
634
638
|
width: this.inputRef.current.offsetWidth
|
|
635
639
|
},
|
|
636
640
|
className: style$6.form_select_values
|
|
637
|
-
}, this.props.options.map(function (element, idx) {
|
|
641
|
+
}, /*#__PURE__*/React__default.createElement("div", null, this.props.options.map(function (element, idx) {
|
|
638
642
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
639
643
|
key: idx,
|
|
640
644
|
onClick: function onClick() {
|
|
@@ -647,7 +651,7 @@ var FormSelectMutiples = /*#__PURE__*/function (_React$Component) {
|
|
|
647
651
|
checked: _this2.props.value.includes(element.value),
|
|
648
652
|
text: element.text
|
|
649
653
|
}));
|
|
650
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
654
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
651
655
|
className: classNames$1('mt-auto d-flex', style$6.form_select_multiples_bottom)
|
|
652
656
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
653
657
|
onClick: function onClick() {
|