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.
Files changed (2) hide show
  1. package/dist/esm/index.js +45 -53
  2. 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
- !active && valueChanged && onlyDropdownItemsAllowed && setValue("");
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, _d, _e;
17591
+ var _b, _c;
17603
17592
 
17604
17593
  var inputProps = _a.inputProps,
17605
17594
  className = _a.className,
17606
17595
  dropdownClassName = _a.dropdownClassName,
17607
- _f = _a.options,
17608
- options = _f === void 0 ? [] : _f,
17609
- _g = _a.tagList,
17610
- tagList = _g === void 0 ? [] : _g,
17611
- _h = _a.tagString,
17612
- tagString = _h === void 0 ? "" : _h,
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
- _j = _a.handleValChange,
17603
+ _g = _a.handleValChange,
17615
17604
  // comma separated string which is created into separate tags
17616
- handleValChange = _j === void 0 ? function (_) {} : _j,
17617
- _k = _a.onDropdownClick,
17618
- onDropdownClick = _k === void 0 ? function (_) {} : _k;
17605
+ handleValChange = _g === void 0 ? function (_) {} : _g,
17606
+ _h = _a.onDropdownClick,
17607
+ onDropdownClick = _h === void 0 ? function (_) {} : _h;
17619
17608
 
17620
- var _l = inputProps || {},
17621
- disabled = _l.disabled,
17622
- onFocus = _l.onFocus,
17623
- onBlur = _l.onBlur;
17609
+ var _j = inputProps || {},
17610
+ disabled = _j.disabled,
17611
+ onFocus = _j.onFocus,
17612
+ onBlur = _j.onBlur;
17624
17613
 
17625
- var _m = useState(false),
17626
- active = _m[0],
17627
- setActive = _m[1];
17614
+ var _k = useState(false),
17615
+ active = _k[0],
17616
+ setActive = _k[1];
17628
17617
 
17629
- var _o = useState(false),
17630
- showDropdown = _o[0],
17631
- setShowDropdown = _o[1];
17618
+ var _l = useState(false),
17619
+ showDropdown = _l[0],
17620
+ setShowDropdown = _l[1];
17632
17621
 
17633
- var _p = useState(""),
17634
- value = _p[0],
17635
- setValue = _p[1]; // tag string
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 _q = useState([]),
17643
- dropdownArr = _q[0],
17644
- setDropdownArr = _q[1];
17631
+ var _o = useState([]),
17632
+ dropdownArr = _o[0],
17633
+ setDropdownArr = _o[1];
17645
17634
 
17646
- var _r = useState(""),
17647
- tagInputValue = _r[0],
17648
- setTagInputValue = _r[1]; // input field state
17635
+ var _p = useState(""),
17636
+ tagInputValue = _p[0],
17637
+ setTagInputValue = _p[1]; // input field state
17649
17638
 
17650
17639
 
17651
- var _s = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
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 = _s[0],
17655
- setTags = _s[1]; // tag array
17643
+ tags = _q[0],
17644
+ setTags = _q[1]; // tag array
17656
17645
 
17657
17646
 
17658
- var _t = useState(-1),
17659
- focusIndex = _t[0],
17660
- setFocusIndex = _t[1];
17647
+ var _r = useState(-1),
17648
+ focusIndex = _r[0],
17649
+ setFocusIndex = _r[1];
17661
17650
 
17662
- var _u = useState(true),
17663
- changeLeft = _u[0],
17664
- setChangeLeft = _u[1];
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 ? '' : "".concat((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft, "px"),
17846
- top: "".concat(((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.offsetTop) ? ((_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.offsetTop) + 30 : (_e = inputRef.current) === null || _e === void 0 ? void 0 : _e.offsetTop, "px")
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", {
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "frontend",
10
10
  "healthplix"
11
11
  ],
12
- "version": "1.0.64",
12
+ "version": "1.0.65",
13
13
  "main": "dist/esm/index.js",
14
14
  "module": "dist/esm/index.js",
15
15
  "types": "dist/esm/index.d.ts",