@paubox/ui 0.12.1 → 0.12.2
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/index.esm.js +2 -10
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -23709,7 +23709,7 @@ function _templateObject$g() {
|
|
|
23709
23709
|
}
|
|
23710
23710
|
function _templateObject1$b() {
|
|
23711
23711
|
var data = _tagged_template_literal$g([
|
|
23712
|
-
"\n flex: 1;\n border: none;\n overflow: scroll;\n min-width: 10rem;\n background-color: transparent;\n width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n :focus-visible {\n outline: none;\n }\n\n &::placeholder {\n color: ",
|
|
23712
|
+
"\n flex: 1;\n border: none;\n overflow: scroll;\n min-width: 10rem;\n background-color: transparent;\n width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding: 0;\n\n :focus-visible {\n outline: none;\n }\n\n &::placeholder {\n color: ",
|
|
23713
23713
|
";\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n ",
|
|
23714
23714
|
"\n"
|
|
23715
23715
|
]);
|
|
@@ -23784,13 +23784,6 @@ var MultiInput = function(_param) {
|
|
|
23784
23784
|
var _useState = _sliced_to_array$9(useState(''), 2), inputValue = _useState[0], setInputValue = _useState[1];
|
|
23785
23785
|
var _useState1 = _sliced_to_array$9(useState(false), 2), isFocused = _useState1[0], setIsFocused = _useState1[1];
|
|
23786
23786
|
var popperRef = useRef(null);
|
|
23787
|
-
var popperContentRef = useRef(null);
|
|
23788
|
-
useClickOutside([
|
|
23789
|
-
popperRef,
|
|
23790
|
-
popperContentRef
|
|
23791
|
-
], function() {
|
|
23792
|
-
setIsFocused(false);
|
|
23793
|
-
}, isFocused);
|
|
23794
23787
|
var handleKeyDown = function(e) {
|
|
23795
23788
|
if (e.key === 'Enter' && inputValue.trim()) {
|
|
23796
23789
|
e.preventDefault();
|
|
@@ -23842,11 +23835,10 @@ var MultiInput = function(_param) {
|
|
|
23842
23835
|
maxWidth: popperRef === null || popperRef === void 0 ? void 0 : (_popperRef_current = popperRef.current) === null || _popperRef_current === void 0 ? void 0 : _popperRef_current.offsetWidth,
|
|
23843
23836
|
side: "bottom",
|
|
23844
23837
|
align: "start",
|
|
23845
|
-
open: isFocused,
|
|
23838
|
+
open: isFocused && values.length > 0,
|
|
23846
23839
|
onClose: function() {
|
|
23847
23840
|
return setIsFocused(false);
|
|
23848
23841
|
},
|
|
23849
|
-
containerRefOverride: popperContentRef,
|
|
23850
23842
|
children: /*#__PURE__*/ jsx(ChipWrapper, {
|
|
23851
23843
|
sz: sz,
|
|
23852
23844
|
children: values === null || values === void 0 ? void 0 : values.map(function(value, index) {
|