hplx-react-elements-dev 1.0.63 → 1.0.64

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
       }, {
@@ -17378,9 +17388,8 @@ var DoubleInput = function DoubleInput(_a) {
       active = _0[0],
       setActive = _0[1];
 
-  var _1 = useState(false);
-      _1[0];
-      var setSuffixActive = _1[1];
+  var _1 = useState(false),
+      setSuffixActive = _1[1];
 
   var handleFocus = function handleFocus(event) {
     setActive(true);
@@ -17628,6 +17637,7 @@ var InputTag = function InputTag(_a) {
 
   var wrapperRef = useRef(null);
   var inputRef = useRef(null);
+  var ddRef = useRef(null);
 
   var _q = useState([]),
       dropdownArr = _q[0],
@@ -17649,6 +17659,10 @@ var InputTag = function InputTag(_a) {
       focusIndex = _t[0],
       setFocusIndex = _t[1];
 
+  var _u = useState(true),
+      changeLeft = _u[0],
+      setChangeLeft = _u[1];
+
   var handleValueChange = function handleValueChange(e) {
     var sug = [];
     setShowDropdown(true);
@@ -17681,8 +17695,8 @@ var InputTag = function InputTag(_a) {
     });
     setTagInputValue("");
     onDropdownClick && onDropdownClick(selectedItem);
-    handleValChange && handleValChange(value);
-    setShowDropdown(false);
+    handleValChange && handleValChange(value); // setShowDropdown(false);
+
     setFocusIndex(-1);
   };
 
@@ -17710,9 +17724,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);
@@ -17828,7 +17842,7 @@ var InputTag = function InputTag(_a) {
       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"),
+        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) ? ((_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.offsetTop) + 30 : (_e = inputRef.current) === null || _e === void 0 ? void 0 : _e.offsetTop, "px")
       }
     }, {
@@ -17841,7 +17855,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.64",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",