@seeqdev/qomponents 0.0.190 → 0.0.191

package/dist/index.js

@@ -3863,7 +3863,7 @@ var removedBarSizeVariable = '--removed-body-scroll-bar-size';
  * assignRef(refObject, "refValue");
  * assignRef(refFn, "refValue");
  */
-function assignRef(ref, value) {
+function assignRef$1(ref, value) {
     if (typeof ref === 'function') {
         ref(value);
     }
@@ -3930,7 +3930,7 @@ var currentValues = new WeakMap();
  */
 function useMergeRefs(refs, defaultValue) {
     var callbackRef = useCallbackRef(null, function (newValue) {
-        return refs.forEach(function (ref) { return assignRef(ref, newValue); });
+        return refs.forEach(function (ref) { return assignRef$1(ref, newValue); });
     });
     // handle refs changes - added or removed
     useIsomorphicLayoutEffect$1(function () {
@@ -3941,12 +3941,12 @@ function useMergeRefs(refs, defaultValue) {
             var current_1 = callbackRef.current;
             prevRefs_1.forEach(function (ref) {
                 if (!nextRefs_1.has(ref)) {
-                    assignRef(ref, null);
+                    assignRef$1(ref, null);
                 }
             });
             nextRefs_1.forEach(function (ref) {
                 if (!prevRefs_1.has(ref)) {
-                    assignRef(ref, current_1);
+                    assignRef$1(ref, current_1);
                 }
             });
         }
@@ -4908,6 +4908,41 @@ const setValidInputDimension = (width, height) => {
     return inputStyle;
 };
 
+function assignRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (typeof ref === "object" && ref !== null && "current" in ref) {
+    ref.current = value;
+  }
+}
+function mergeRefs(...refs) {
+  const cleanupMap = /* @__PURE__ */ new Map();
+  return (node) => {
+    refs.forEach((ref) => {
+      const cleanup = assignRef(ref, node);
+      if (cleanup) {
+        cleanupMap.set(ref, cleanup);
+      }
+    });
+    if (cleanupMap.size > 0) {
+      return () => {
+        refs.forEach((ref) => {
+          const cleanup = cleanupMap.get(ref);
+          if (cleanup && typeof cleanup === "function") {
+            cleanup();
+          } else {
+            assignRef(ref, null);
+          }
+        });
+        cleanupMap.clear();
+      };
+    }
+  };
+}
+function useMergedRef(...refs) {
+  return React.useCallback(mergeRefs(...refs), refs);
+}
+
 const errorClasses$4 = 'tw:border-sq-danger';
 const borderColorClasses$4 = [
     'tw:border-sq-disabled-gray',
@@ -4933,13 +4968,9 @@ const sizeClasses = {
 const TextField = React.forwardRef((props, ref) => {
     const { readonly = false, disabled = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, id, name, size = 'sm', value, placeholder, extraClassNames, testId, type = 'text', inputGroup, step, showError, errorText, min, max, maxLength, minLength, required = false, autoComplete = 'off', inputWidth = undefined, inputHeight = undefined, autoFocus = false, ...tooltipProps } = props;
     const internalRef = React.useRef(null);
+    const mergedRef = useMergedRef(ref, internalRef);
     const [cursor, setCursor] = React.useState(null);
     const tooltipData = getQTipData(tooltipProps);
-    const setAllRefs = (receivedRef) => {
-        if (ref)
-            ref.current = receivedRef;
-        internalRef.current = receivedRef;
-    };
     React.useEffect(() => {
         if (autoFocus) {
             setTimeout(() => {
@@ -4985,7 +5016,7 @@ const TextField = React.forwardRef((props, ref) => {
         inputLenghtProp.maxLength = maxLength;
     if (minLength)
         inputLenghtProp.minLength = minLength;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("input", { ref: setAllRefs, "data-testid": testId, name: name, id: id, type: type, value: value, className: appliedClasses, placeholder: placeholder, disabled: disabled, readOnly: readonly, autoComplete: autoComplete, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onKeyUp: onKeyUp, step: step, required: required, min: min, max: max, ...inputLenghtProp, ...inputProp, ...tooltipData }), errorText && showError && jsxRuntime.jsx("div", { className: "tw:text-sq-danger tw:text-xs tw:mt-1", children: errorText })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("input", { ref: mergedRef, "data-testid": testId, name: name, id: id, type: type, value: value, className: appliedClasses, placeholder: placeholder, disabled: disabled, readOnly: readonly, autoComplete: autoComplete, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onKeyUp: onKeyUp, step: step, required: required, min: min, max: max, ...inputLenghtProp, ...inputProp, ...tooltipData }), errorText && showError && jsxRuntime.jsx("div", { className: "tw:text-sq-danger tw:text-xs tw:mt-1", children: errorText })] }));
 });
 
 const alignment = 'tw:flex';
@@ -5030,6 +5061,7 @@ const borderColorClasses$3 = [
 const TextArea = React.forwardRef(({ readonly = false, disabled = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, onSelectionChange, id, name, rows = 3, cols = undefined, value, placeholder, showError, extraClassNames, testId, autoFocus = false, }, ref) => {
     const appliedClasses = `${baseClasses$4} ${extraClassNames} ${lightTheme$2} ${darkTheme$2} ${showError ? errorClasses$3 : borderColorClasses$3}`;
     const textareaRef = React.useRef(null);
+    const mergedRef = useMergedRef(ref, textareaRef);
     // Handle selection change events
     React.useEffect(() => {
         if (!onSelectionChange || !textareaRef.current) {
@@ -5050,15 +5082,7 @@ const TextArea = React.forwardRef(({ readonly = false, disabled = false, onChang
             textarea.removeEventListener('keyup', handleSelectionChange);
         };
     }, [onSelectionChange]);
-    return (jsxRuntime.jsx("textarea", { ref: (element) => {
-            textareaRef.current = element;
-            if (typeof ref === 'function') {
-                ref(element);
-            }
-            else if (ref) {
-                ref.current = element;
-            }
-        }, "data-testid": testId, name: name, id: id, value: value, className: appliedClasses, placeholder: placeholder, disabled: disabled, readOnly: readonly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onKeyUp: onKeyUp, rows: rows, cols: cols, autoFocus: autoFocus }));
+    return (jsxRuntime.jsx("textarea", { ref: mergedRef, "data-testid": testId, name: name, id: id, value: value, className: appliedClasses, placeholder: placeholder, disabled: disabled, readOnly: readonly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onKeyUp: onKeyUp, rows: rows, cols: cols, autoFocus: autoFocus }));
 });
 
 /**
@@ -29443,7 +29467,7 @@ exports.ProgressBar = ProgressBar;
 exports.QTip = QTip;
 exports.SeeqActionDropdown = SeeqActionDropdown;
 exports.Select = Select;
-exports.SelectCompoents = components;
+exports.SelectComponents = components;
 exports.Slider = Slider;
 exports.Tabs = Tabs;
 exports.TextArea = TextArea;