ui-kit-ck-consultant 0.5.222 → 0.5.223
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 +2 -6
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +7 -0
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -684,10 +684,6 @@
|
|
|
684
684
|
color: var(--red) !important;
|
|
685
685
|
}
|
|
686
686
|
|
|
687
|
-
._3k6ik {
|
|
688
|
-
position: relative;
|
|
689
|
-
}
|
|
690
|
-
|
|
691
687
|
._3k6ik > span {
|
|
692
688
|
display: inline-block;
|
|
693
689
|
font-size: 14px;
|
|
@@ -713,6 +709,7 @@
|
|
|
713
709
|
-moz-user-select: none;
|
|
714
710
|
user-select: none;
|
|
715
711
|
cursor: pointer;
|
|
712
|
+
overflow: hidden;
|
|
716
713
|
}
|
|
717
714
|
._3BzwZ::-moz-placeholder {
|
|
718
715
|
color: var(--gray);
|
|
@@ -751,7 +748,7 @@
|
|
|
751
748
|
}
|
|
752
749
|
|
|
753
750
|
._oq5Pn {
|
|
754
|
-
position:
|
|
751
|
+
position: fixed;
|
|
755
752
|
display: flex;
|
|
756
753
|
flex-direction: column;
|
|
757
754
|
overflow-y: auto;
|
|
@@ -763,7 +760,6 @@
|
|
|
763
760
|
border-radius: 15px;
|
|
764
761
|
z-index: 100;
|
|
765
762
|
top: 90px;
|
|
766
|
-
padding-top: 8px;
|
|
767
763
|
-webkit-touch-callout: none;
|
|
768
764
|
-webkit-user-select: none;
|
|
769
765
|
-moz-user-select: none;
|
package/dist/index.js
CHANGED
|
@@ -602,6 +602,7 @@ var FormSelectMutiples = /*#__PURE__*/function (_React$Component) {
|
|
|
602
602
|
_this.state = {
|
|
603
603
|
isDisplay: false
|
|
604
604
|
};
|
|
605
|
+
_this.inputRef = React__default.createRef();
|
|
605
606
|
return _this;
|
|
606
607
|
}
|
|
607
608
|
|
|
@@ -617,6 +618,7 @@ var FormSelectMutiples = /*#__PURE__*/function (_React$Component) {
|
|
|
617
618
|
}, this.props.title, ' ', this.props.required ? /*#__PURE__*/React__default.createElement("span", {
|
|
618
619
|
className: "red"
|
|
619
620
|
}, "*") : '') : '', /*#__PURE__*/React__default.createElement("div", {
|
|
621
|
+
ref: this.inputRef,
|
|
620
622
|
className: style$6.form_select_multiples,
|
|
621
623
|
onClick: function onClick() {
|
|
622
624
|
return _this2.setState({
|
|
@@ -626,6 +628,11 @@ var FormSelectMutiples = /*#__PURE__*/function (_React$Component) {
|
|
|
626
628
|
}, /*#__PURE__*/React__default.createElement("span", null, this.props.value.join(";")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
|
|
627
629
|
icon: freeSolidSvgIcons.faCaretDown
|
|
628
630
|
}))), this.state.isDisplay ? /*#__PURE__*/React__default.createElement("div", {
|
|
631
|
+
style: {
|
|
632
|
+
top: this.inputRef.current.offsetTop + 60,
|
|
633
|
+
left: this.inputRef.current.offsetLeft,
|
|
634
|
+
width: this.inputRef.current.offsetWidth
|
|
635
|
+
},
|
|
629
636
|
className: style$6.form_select_values
|
|
630
637
|
}, this.props.options.map(function (element, idx) {
|
|
631
638
|
return /*#__PURE__*/React__default.createElement("div", {
|