hplx-react-elements-dev 1.0.64 → 1.0.65
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/esm/index.js +45 -53
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -17384,29 +17384,20 @@ var DoubleInput = function DoubleInput(_a) {
|
|
|
17384
17384
|
suffixValueChanged = _z[0],
|
|
17385
17385
|
setSuffixValueChanged = _z[1];
|
|
17386
17386
|
|
|
17387
|
-
var _0 = useState(false),
|
|
17388
|
-
active = _0[0],
|
|
17389
|
-
setActive = _0[1];
|
|
17390
|
-
|
|
17391
|
-
var _1 = useState(false),
|
|
17392
|
-
setSuffixActive = _1[1];
|
|
17393
|
-
|
|
17394
17387
|
var handleFocus = function handleFocus(event) {
|
|
17395
|
-
setActive(true);
|
|
17396
17388
|
setShowDropdown(true);
|
|
17397
17389
|
setDropdownArr(options);
|
|
17398
17390
|
onFocus && onFocus(event);
|
|
17399
17391
|
};
|
|
17400
17392
|
|
|
17401
17393
|
var handleBlur = function handleBlur(event) {
|
|
17402
|
-
setActive(false);
|
|
17403
17394
|
setShowDropdown(false);
|
|
17404
17395
|
onBlur && onBlur(event);
|
|
17405
17396
|
};
|
|
17406
17397
|
|
|
17407
17398
|
var handleClickOutside = function handleClickOutside(e) {
|
|
17408
17399
|
if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
|
|
17409
|
-
|
|
17400
|
+
valueChanged && onlyDropdownItemsAllowed && setValue("");
|
|
17410
17401
|
setShowDropdown(false);
|
|
17411
17402
|
}
|
|
17412
17403
|
|
|
@@ -17528,12 +17519,10 @@ var DoubleInput = function DoubleInput(_a) {
|
|
|
17528
17519
|
return handleSuffixValueChange(e);
|
|
17529
17520
|
},
|
|
17530
17521
|
onFocus: function onFocus() {
|
|
17531
|
-
setSuffixActive(true);
|
|
17532
17522
|
setShowSuffixDropdown(true);
|
|
17533
17523
|
setSuffixDropdownArr(suffixOptions);
|
|
17534
17524
|
},
|
|
17535
17525
|
onBlur: function onBlur() {
|
|
17536
|
-
setSuffixActive(false);
|
|
17537
17526
|
setShowSuffixDropdown(false);
|
|
17538
17527
|
}
|
|
17539
17528
|
}, suffixInputProps)), Boolean(end_icon) && jsxRuntime.exports.jsx("div", __assign({
|
|
@@ -17599,69 +17588,69 @@ var DoubleInput = function DoubleInput(_a) {
|
|
|
17599
17588
|
};
|
|
17600
17589
|
|
|
17601
17590
|
var InputTag = function InputTag(_a) {
|
|
17602
|
-
var _b, _c
|
|
17591
|
+
var _b, _c;
|
|
17603
17592
|
|
|
17604
17593
|
var inputProps = _a.inputProps,
|
|
17605
17594
|
className = _a.className,
|
|
17606
17595
|
dropdownClassName = _a.dropdownClassName,
|
|
17607
|
-
|
|
17608
|
-
options =
|
|
17609
|
-
|
|
17610
|
-
tagList =
|
|
17611
|
-
|
|
17612
|
-
tagString =
|
|
17596
|
+
_d = _a.options,
|
|
17597
|
+
options = _d === void 0 ? [] : _d,
|
|
17598
|
+
_e = _a.tagList,
|
|
17599
|
+
tagList = _e === void 0 ? [] : _e,
|
|
17600
|
+
_f = _a.tagString,
|
|
17601
|
+
tagString = _f === void 0 ? "" : _f,
|
|
17613
17602
|
// comma separated string which is created into separate tags
|
|
17614
|
-
|
|
17603
|
+
_g = _a.handleValChange,
|
|
17615
17604
|
// comma separated string which is created into separate tags
|
|
17616
|
-
handleValChange =
|
|
17617
|
-
|
|
17618
|
-
onDropdownClick =
|
|
17605
|
+
handleValChange = _g === void 0 ? function (_) {} : _g,
|
|
17606
|
+
_h = _a.onDropdownClick,
|
|
17607
|
+
onDropdownClick = _h === void 0 ? function (_) {} : _h;
|
|
17619
17608
|
|
|
17620
|
-
var
|
|
17621
|
-
disabled =
|
|
17622
|
-
onFocus =
|
|
17623
|
-
onBlur =
|
|
17609
|
+
var _j = inputProps || {},
|
|
17610
|
+
disabled = _j.disabled,
|
|
17611
|
+
onFocus = _j.onFocus,
|
|
17612
|
+
onBlur = _j.onBlur;
|
|
17624
17613
|
|
|
17625
|
-
var
|
|
17626
|
-
active =
|
|
17627
|
-
setActive =
|
|
17614
|
+
var _k = useState(false),
|
|
17615
|
+
active = _k[0],
|
|
17616
|
+
setActive = _k[1];
|
|
17628
17617
|
|
|
17629
|
-
var
|
|
17630
|
-
showDropdown =
|
|
17631
|
-
setShowDropdown =
|
|
17618
|
+
var _l = useState(false),
|
|
17619
|
+
showDropdown = _l[0],
|
|
17620
|
+
setShowDropdown = _l[1];
|
|
17632
17621
|
|
|
17633
|
-
var
|
|
17634
|
-
value =
|
|
17635
|
-
setValue =
|
|
17622
|
+
var _m = useState(""),
|
|
17623
|
+
value = _m[0],
|
|
17624
|
+
setValue = _m[1]; // tag string
|
|
17636
17625
|
|
|
17637
17626
|
|
|
17638
17627
|
var wrapperRef = useRef(null);
|
|
17639
17628
|
var inputRef = useRef(null);
|
|
17640
17629
|
var ddRef = useRef(null);
|
|
17641
17630
|
|
|
17642
|
-
var
|
|
17643
|
-
dropdownArr =
|
|
17644
|
-
setDropdownArr =
|
|
17631
|
+
var _o = useState([]),
|
|
17632
|
+
dropdownArr = _o[0],
|
|
17633
|
+
setDropdownArr = _o[1];
|
|
17645
17634
|
|
|
17646
|
-
var
|
|
17647
|
-
tagInputValue =
|
|
17648
|
-
setTagInputValue =
|
|
17635
|
+
var _p = useState(""),
|
|
17636
|
+
tagInputValue = _p[0],
|
|
17637
|
+
setTagInputValue = _p[1]; // input field state
|
|
17649
17638
|
|
|
17650
17639
|
|
|
17651
|
-
var
|
|
17640
|
+
var _q = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
|
|
17652
17641
|
return item.trim();
|
|
17653
17642
|
}), true)),
|
|
17654
|
-
tags =
|
|
17655
|
-
setTags =
|
|
17643
|
+
tags = _q[0],
|
|
17644
|
+
setTags = _q[1]; // tag array
|
|
17656
17645
|
|
|
17657
17646
|
|
|
17658
|
-
var
|
|
17659
|
-
focusIndex =
|
|
17660
|
-
setFocusIndex =
|
|
17647
|
+
var _r = useState(-1),
|
|
17648
|
+
focusIndex = _r[0],
|
|
17649
|
+
setFocusIndex = _r[1];
|
|
17661
17650
|
|
|
17662
|
-
var
|
|
17663
|
-
changeLeft =
|
|
17664
|
-
setChangeLeft =
|
|
17651
|
+
var _s = useState(true),
|
|
17652
|
+
changeLeft = _s[0],
|
|
17653
|
+
setChangeLeft = _s[1];
|
|
17665
17654
|
|
|
17666
17655
|
var handleValueChange = function handleValueChange(e) {
|
|
17667
17656
|
var sug = [];
|
|
@@ -17839,11 +17828,14 @@ var InputTag = function InputTag(_a) {
|
|
|
17839
17828
|
onFocus: handleFocus,
|
|
17840
17829
|
onBlur: handleBlur
|
|
17841
17830
|
})), showDropdown && jsxRuntime.exports.jsx("div", __assign({
|
|
17831
|
+
onClick: function onClick() {
|
|
17832
|
+
return inputRef.current && inputRef.current.focus();
|
|
17833
|
+
},
|
|
17842
17834
|
ref: wrapperRef,
|
|
17843
17835
|
className: "hplxt-absolute hplxt-border hplxt-border-Gray-300 hplxt-mt-1 hplxt-min-w-max hplxt-rounded-lg hplxt-bg-Indigo-25 hplxt-overflow-y-auto hplxt-shadow-md hplxt-z-10 hplxt-max-h-80 ".concat(dropdownClassName),
|
|
17844
17836
|
style: {
|
|
17845
|
-
left: changeLeft ?
|
|
17846
|
-
top: "".concat(((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.offsetTop)
|
|
17837
|
+
left: changeLeft ? "".concat((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft, "px") : "",
|
|
17838
|
+
top: "".concat((((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.offsetTop) || 0) + 30, "px")
|
|
17847
17839
|
}
|
|
17848
17840
|
}, {
|
|
17849
17841
|
children: dropdownArr && dropdownArr.length > 0 && jsxRuntime.exports.jsx("div", {
|