hplx-react-elements-dev 1.0.63 → 1.0.65

package/dist/esm/dropdownField/DropdownItem.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownItemsProps } from "../types";
-declare const DropdownItems: ({ className, label, value, disabled, start_icon, active, end_icon, onSelect, }: DropdownItemsProps) => JSX.Element;
+declare const DropdownItems: ({ className, label, value, disabled, start_icon, active, end_icon, onSelect, ddRef, setChangeLeft }: DropdownItemsProps) => JSX.Element;
 export default DropdownItems;

package/dist/esm/index.css

@@ -1017,7 +1017,7 @@
 }
 
 .rdrDayPassive {
-  pointer-events: none;
+  pointer-events: all !important;
 }
 
 .rdrDayPassive .rdrDayNumber span {

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import require$$0$1, { useState, useRef, useEffect } from 'react';
+import require$$0$1, { useState, useEffect, useRef } from 'react';
 import require$$1$1 from 'prop-types';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2100,12 +2100,18 @@ var DropdownItems = function DropdownItems(_a) {
       _b = _a.active,
       active = _b === void 0 ? false : _b,
       end_icon = _a.end_icon,
-      onSelect = _a.onSelect;
+      onSelect = _a.onSelect,
+      ddRef = _a.ddRef,
+      setChangeLeft = _a.setChangeLeft;
 
   var _c = useState(false),
       hover = _c[0],
       setHover = _c[1];
 
+  useEffect(function () {
+    if ((ddRef === null || ddRef === void 0 ? void 0 : ddRef.current.clientWidth) > 1300) setChangeLeft(false);
+  }, []);
+
   var onMouseEnterHandler = function onMouseEnterHandler() {
     setHover(true);
   };
@@ -2137,7 +2143,11 @@ var DropdownItems = function DropdownItems(_a) {
     },
     className: "hplxt-h-10 hplxt-flex hplxt-items-center hplxt-px-2  ".concat(disabled ? "hplxt-cursor-not-allowed" : "hover:hplxt-bg-Blue_gray-100 hplxt-cursor-pointer", " ").concat(className),
     onMouseEnter: onMouseEnterHandler,
-    onMouseLeave: onMouseLeaveHandler
+    onMouseLeave: onMouseLeaveHandler,
+    style: {
+      maxWidth: '93.5vw'
+    },
+    ref: ddRef
   }, {
     children: [Boolean(start_icon) && jsxRuntime.exports.jsx("div", __assign({
       className: "hplxt-mr-2 ".concat(disabled ? "hplxt-text-Gray-200" : hover ? "hplxt-text-Gray-700" : "hplxt-text-Gray-500")
@@ -2148,10 +2158,10 @@ var DropdownItems = function DropdownItems(_a) {
     })), jsxRuntime.exports.jsx(Typography, __assign({
       variant: hover && !disabled ? "Medium" : "Regular",
       type: "Text md",
-      className: "hplxt-truncate"
+      className: "hplxt-w-64 hplxt-overflow-hidden"
     }, {
       children: jsxRuntime.exports.jsx("div", __assign({
-        className: "hplxt-flex-1 ".concat(disabled ? "hplxt-text-Gray-200" : "hplxt-text-Gray-700", " ").concat(className),
+        className: "hplxt-flex-1 hplxt-truncate hplxt-overflow-hidden hplxt-line-clamp-3 ".concat(disabled ? "hplxt-text-Gray-200" : "hplxt-text-Gray-700", " ").concat(className),
         title: checkOverFlow() ? label : undefined,
         ref: ref
       }, {
@@ -17374,30 +17384,20 @@ var DoubleInput = function DoubleInput(_a) {
       suffixValueChanged = _z[0],
       setSuffixValueChanged = _z[1];
 
-  var _0 = useState(false),
-      active = _0[0],
-      setActive = _0[1];
-
-  var _1 = useState(false);
-      _1[0];
-      var setSuffixActive = _1[1];
-
   var handleFocus = function handleFocus(event) {
-    setActive(true);
     setShowDropdown(true);
     setDropdownArr(options);
     onFocus && onFocus(event);
   };
 
   var handleBlur = function handleBlur(event) {
-    setActive(false);
     setShowDropdown(false);
     onBlur && onBlur(event);
   };
 
   var handleClickOutside = function handleClickOutside(e) {
     if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
-      !active && valueChanged && onlyDropdownItemsAllowed && setValue("");
+      valueChanged && onlyDropdownItemsAllowed && setValue("");
       setShowDropdown(false);
     }
 
@@ -17519,12 +17519,10 @@ var DoubleInput = function DoubleInput(_a) {
             return handleSuffixValueChange(e);
           },
           onFocus: function onFocus() {
-            setSuffixActive(true);
             setShowSuffixDropdown(true);
             setSuffixDropdownArr(suffixOptions);
           },
           onBlur: function onBlur() {
-            setSuffixActive(false);
             setShowSuffixDropdown(false);
           }
         }, suffixInputProps)), Boolean(end_icon) && jsxRuntime.exports.jsx("div", __assign({
@@ -17590,64 +17588,69 @@ var DoubleInput = function DoubleInput(_a) {
 };
 
 var InputTag = function InputTag(_a) {
-  var _b, _c, _d, _e;
+  var _b, _c;
 
   var inputProps = _a.inputProps,
       className = _a.className,
       dropdownClassName = _a.dropdownClassName,
-      _f = _a.options,
-      options = _f === void 0 ? [] : _f,
-      _g = _a.tagList,
-      tagList = _g === void 0 ? [] : _g,
-      _h = _a.tagString,
-      tagString = _h === void 0 ? "" : _h,
+      _d = _a.options,
+      options = _d === void 0 ? [] : _d,
+      _e = _a.tagList,
+      tagList = _e === void 0 ? [] : _e,
+      _f = _a.tagString,
+      tagString = _f === void 0 ? "" : _f,
       // comma separated string which is created into separate tags
-  _j = _a.handleValChange,
+  _g = _a.handleValChange,
       // comma separated string which is created into separate tags
-  handleValChange = _j === void 0 ? function (_) {} : _j,
-      _k = _a.onDropdownClick,
-      onDropdownClick = _k === void 0 ? function (_) {} : _k;
+  handleValChange = _g === void 0 ? function (_) {} : _g,
+      _h = _a.onDropdownClick,
+      onDropdownClick = _h === void 0 ? function (_) {} : _h;
 
-  var _l = inputProps || {},
-      disabled = _l.disabled,
-      onFocus = _l.onFocus,
-      onBlur = _l.onBlur;
+  var _j = inputProps || {},
+      disabled = _j.disabled,
+      onFocus = _j.onFocus,
+      onBlur = _j.onBlur;
 
-  var _m = useState(false),
-      active = _m[0],
-      setActive = _m[1];
+  var _k = useState(false),
+      active = _k[0],
+      setActive = _k[1];
 
-  var _o = useState(false),
-      showDropdown = _o[0],
-      setShowDropdown = _o[1];
+  var _l = useState(false),
+      showDropdown = _l[0],
+      setShowDropdown = _l[1];
 
-  var _p = useState(""),
-      value = _p[0],
-      setValue = _p[1]; //  tag string
+  var _m = useState(""),
+      value = _m[0],
+      setValue = _m[1]; //  tag string
 
 
   var wrapperRef = useRef(null);
   var inputRef = useRef(null);
+  var ddRef = useRef(null);
 
-  var _q = useState([]),
-      dropdownArr = _q[0],
-      setDropdownArr = _q[1];
+  var _o = useState([]),
+      dropdownArr = _o[0],
+      setDropdownArr = _o[1];
 
-  var _r = useState(""),
-      tagInputValue = _r[0],
-      setTagInputValue = _r[1]; // input field state
+  var _p = useState(""),
+      tagInputValue = _p[0],
+      setTagInputValue = _p[1]; // input field state
 
 
-  var _s = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
+  var _q = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
     return item.trim();
   }), true)),
-      tags = _s[0],
-      setTags = _s[1]; // tag array
+      tags = _q[0],
+      setTags = _q[1]; // tag array
 
 
-  var _t = useState(-1),
-      focusIndex = _t[0],
-      setFocusIndex = _t[1];
+  var _r = useState(-1),
+      focusIndex = _r[0],
+      setFocusIndex = _r[1];
+
+  var _s = useState(true),
+      changeLeft = _s[0],
+      setChangeLeft = _s[1];
 
   var handleValueChange = function handleValueChange(e) {
     var sug = [];
@@ -17681,8 +17684,8 @@ var InputTag = function InputTag(_a) {
     });
     setTagInputValue("");
     onDropdownClick && onDropdownClick(selectedItem);
-    handleValChange && handleValChange(value);
-    setShowDropdown(false);
+    handleValChange && handleValChange(value); // setShowDropdown(false);
+
     setFocusIndex(-1);
   };
 
@@ -17710,9 +17713,9 @@ var InputTag = function InputTag(_a) {
       setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue], false));
       setValue(tags.filter(Boolean).join(", "));
       setTagInputValue("");
-    }
+    } //setShowDropdown(false);
+
 
-    setShowDropdown(false);
     setFocusIndex(-1);
     setActive(false);
     onBlur && onBlur(event);
@@ -17825,11 +17828,14 @@ var InputTag = function InputTag(_a) {
       onFocus: handleFocus,
       onBlur: handleBlur
     })), showDropdown && jsxRuntime.exports.jsx("div", __assign({
+      onClick: function onClick() {
+        return inputRef.current && inputRef.current.focus();
+      },
       ref: wrapperRef,
       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),
       style: {
-        left: "".concat((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft, "px"),
-        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")
+        left: changeLeft ? "".concat((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft, "px") : "",
+        top: "".concat((((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.offsetTop) || 0) + 30, "px")
       }
     }, {
       children: dropdownArr && dropdownArr.length > 0 && jsxRuntime.exports.jsx("div", {
@@ -17841,7 +17847,9 @@ var InputTag = function InputTag(_a) {
           }, restOptions, {
             onSelect: function onSelect() {
               return handleDropdownClick(restOptions);
-            }
+            },
+            ddRef: ddRef,
+            setChangeLeft: setChangeLeft
           }));
         })
       })

package/dist/esm/types.d.ts

@@ -225,6 +225,8 @@ export interface DropdownItemsProps {
     active?: boolean;
     disabled?: boolean;
     onSelect?: (value: any) => void;
+    ddRef?: any;
+    setChangeLeft?: any;
 }
 export interface DropdownFieldProps {
     label?: string;

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.63",
+  "version": "1.0.65",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",