@hitachivantara/uikit-react-core 5.75.0 → 5.77.0

package/dist/cjs/Input/Input.cjs

@@ -57,6 +57,8 @@ const HvInput = React.forwardRef((props, ref) => {
     required = false,
     readOnly = false,
     disabled = false,
+    enablePortal = false,
+    suggestOnFocus = false,
     label,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -249,11 +251,17 @@ const HvInput = React.forwardRef((props, ref) => {
   const showClear = !disabled && !readOnly && !disableClear && !isEmptyValue && (!hasOnEnter || type !== "search" || disableSearchButton || validationState !== validationStates.default.standBy);
   const showSearchIcon = type === "search" && !disableSearchButton;
   const showRevealPasswordButton = type === "password" && !disableRevealPassword;
-  const handleClear = React.useCallback(() => {
-    setValidationState(validationStates.default.standBy);
-    changeInputValue(inputRef.current, "");
-    setTimeout(focusInput);
-  }, [setValidationState]);
+  const handleClear = React.useCallback(
+    (event) => {
+      setValidationState(validationStates.default.standBy);
+      changeInputValue(inputRef.current, "");
+      if (canShowSuggestions && suggestOnFocus) event.stopPropagation();
+      else {
+        setTimeout(focusInput);
+      }
+    },
+    [canShowSuggestions, setValidationState, suggestOnFocus]
+  );
   const clearButton = React.useMemo(() => {
     if (!showClear) {
       return null;
@@ -455,6 +463,16 @@ const HvInput = React.forwardRef((props, ref) => {
               ref: inputRef,
               // prevent browsers auto-fill/suggestions when we have our own
               autoComplete: canShowSuggestions ? "off" : void 0,
+              onFocus: (event) => {
+                inputProps.onFocus?.(event);
+                if (canShowSuggestions && suggestOnFocus) {
+                  suggestionHandler(value);
+                }
+              },
+              onClick: (event) => {
+                inputProps.onClick?.(event);
+                if (canShowSuggestions && suggestOnFocus) event.stopPropagation();
+              },
               ...inputProps
             },
             inputRef: forkedRef,
@@ -478,7 +496,8 @@ const HvInput = React.forwardRef((props, ref) => {
               onClose: suggestionClearHandler,
               onKeyDown: onSuggestionKeyDown,
               onSuggestionSelected: suggestionSelectedHandler,
-              suggestionValues
+              suggestionValues,
+              enablePortal
             }
           )
         ] }),

package/dist/cjs/QueryBuilder/Rule/Attribute/Attribute.cjs

@@ -33,7 +33,7 @@ const Attribute = ({
       status: isInvalid ? "invalid" : "valid",
       statusMessage: labels.rule.attribute.exists,
       onChange: (selected) => {
-        if (selected && !Array.isArray(selected)) {
+        if (selected) {
           const attributeId = selected.id;
           const type = attributes && attributeId && attributes[attributeId]?.type;
           const typeOperators = type ? operators[type] : void 0;

package/dist/cjs/QueryBuilder/Rule/Operator/Operator.cjs

@@ -36,7 +36,7 @@ const Operator = ({
       disabled: values.length === 0,
       readOnly,
       onChange: (selected) => {
-        if (selected && !Array.isArray(selected) && selected.id) {
+        if (selected?.id) {
           dispatchAction({
             type: "set-operator",
             id,

package/dist/cjs/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.cjs

@@ -23,7 +23,7 @@ const BooleanValue = ({ id, value = true }) => {
       values,
       readOnly,
       onChange: (selected) => {
-        if (selected && !Array.isArray(selected) && selected.id) {
+        if (selected?.id) {
           dispatchAction({
             type: "set-value",
             id,

package/dist/cjs/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs

@@ -3,23 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const Dropdown = require("../../../Dropdown/Dropdown.cjs");
 const HvDropdownColumnCell = ({
-  values,
-  disabled,
-  onChange,
-  placeholder,
-  dropdownProps
+  dropdownProps,
+  ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Dropdown.HvDropdown,
-    {
-      onChange: (item) => {
-        onChange?.(item);
-      },
-      placeholder,
-      disabled,
-      values,
-      ...dropdownProps
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, { ...dropdownProps, ...others });
 };
 exports.HvDropdownColumnCell = HvDropdownColumnCell;

package/dist/cjs/Table/renderers/renderers.cjs

@@ -143,11 +143,8 @@ function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange, d
           placeholder: disabled ? disabledPlaceholder : placeholder,
           onChange: (val) => onChange?.(row.id, val),
           disabled,
-          dropdownProps: {
-            "aria-labelledby": setId.setId(id, column.id) || column.id || id,
-            // TODO - to be reviewed because it doesn't make much sense
-            ...dropdownProps
-          }
+          "aria-labelledby": setId.setId(id, column.id) || column.id || id,
+          ...dropdownProps
         }
       );
     },