@hitachivantara/uikit-react-core 6.8.1 → 6.9.0

package/dist/QueryBuilder/utils/index.js

@@ -1,80 +1,46 @@
 import { isEqual, uniqueId } from "../../utils/helpers.js";
-const isBigList = (values) => values != null && values?.length > 10;
-const ID_PREFIX = "@hv_";
-const createId = () => uniqueId(ID_PREFIX);
-const emptyRule = () => ({
-  id: createId()
+//#region src/QueryBuilder/utils/index.tsx
+var isBigList = (values) => values != null && values?.length > 10;
+var ID_PREFIX = "@hv_";
+var createId = () => uniqueId(ID_PREFIX);
+var emptyRule = () => ({ id: createId() });
+var emptyGroup = (createEmptyRule = false) => ({
+	id: createId(),
+	combinator: "and",
+	rules: createEmptyRule ? [emptyRule()] : []
 });
-const emptyGroup = (createEmptyRule = false) => ({
-  id: createId(),
-  combinator: "and",
-  rules: createEmptyRule ? [emptyRule()] : []
-});
-const clearNodeIds = (original, full = false) => {
-  const rule = { ...original };
-  if (!full && rule.id?.toString().startsWith(ID_PREFIX) || full) {
-    delete rule.id;
-  }
-  if ("rules" in rule) {
-    rule.rules = rule.rules.map((r) => clearNodeIds(r, full));
-  }
-  return rule;
-};
-const isQueryGroup = (value) => "rules" in value;
-const setNodeIds = (query, prevQuery) => {
-  if (!query.id) {
-    query.id = prevQuery?.id && isEqual(
-      clearNodeIds(structuredClone(query)),
-      clearNodeIds(structuredClone(prevQuery))
-    ) ? prevQuery.id : createId();
-  }
-  if (isQueryGroup(query)) {
-    query.rules = query.rules.map(
-      (item, idx) => setNodeIds(
-        item,
-        prevQuery && isQueryGroup(prevQuery) ? prevQuery.rules[idx] : void 0
-      )
-    );
-  }
-  return query;
+var clearNodeIds = (original, full = false) => {
+	const rule = { ...original };
+	if (!full && rule.id?.toString().startsWith(ID_PREFIX) || full) delete rule.id;
+	if ("rules" in rule) rule.rules = rule.rules.map((r) => clearNodeIds(r, full));
+	return rule;
 };
-const findNodeById = (id, node) => {
-  if (node.id === id) {
-    return node;
-  }
-  if ("rules" in node) {
-    for (let i = 0; i < node.rules.length; ++i) {
-      const rule = node.rules[i];
-      const found = findNodeById(id, rule);
-      if (found) {
-        return found;
-      }
-    }
-  }
-  return null;
+var isQueryGroup = (value) => "rules" in value;
+var setNodeIds = (query, prevQuery) => {
+	if (!query.id) query.id = prevQuery?.id && isEqual(clearNodeIds(structuredClone(query)), clearNodeIds(structuredClone(prevQuery))) ? prevQuery.id : createId();
+	if (isQueryGroup(query)) query.rules = query.rules.map((item, idx) => setNodeIds(item, prevQuery && isQueryGroup(prevQuery) ? prevQuery.rules[idx] : void 0));
+	return query;
 };
-const findParentById = (id, node, parent) => {
-  if (node.id === id) {
-    return parent ?? null;
-  }
-  if ("rules" in node) {
-    const group = node;
-    for (let i = 0; i < group.rules.length; ++i) {
-      const rule = group.rules[i];
-      const found = findParentById(id, rule, group);
-      if (found) {
-        return found;
-      }
-    }
-  }
-  return null;
+var findNodeById = (id, node) => {
+	if (node.id === id) return node;
+	if ("rules" in node) for (let i = 0; i < node.rules.length; ++i) {
+		const rule = node.rules[i];
+		const found = findNodeById(id, rule);
+		if (found) return found;
+	}
+	return null;
 };
-export {
-  clearNodeIds,
-  emptyGroup,
-  emptyRule,
-  findNodeById,
-  findParentById,
-  isBigList,
-  setNodeIds
+var findParentById = (id, node, parent) => {
+	if (node.id === id) return parent ?? null;
+	if ("rules" in node) {
+		const group = node;
+		for (let i = 0; i < group.rules.length; ++i) {
+			const rule = group.rules[i];
+			const found = findParentById(id, rule, group);
+			if (found) return found;
+		}
+	}
+	return null;
 };
+//#endregion
+export { clearNodeIds, emptyGroup, emptyRule, findNodeById, findParentById, isBigList, setNodeIds };

package/dist/QueryBuilder/utils/reducer.js

@@ -1,93 +1,87 @@
-import { findNodeById, findParentById, emptyGroup, emptyRule } from "./index.js";
-const reducer = (state, action) => {
-  const query = structuredClone(state);
-  switch (action.type) {
-    case "reset-query": {
-      return emptyGroup();
-    }
-    case "set-query":
-      return action.query;
-    case "reset-group": {
-      const group = findNodeById(action.id, query);
-      if (group && "rules" in group) {
-        group.rules = [emptyRule()];
-        return query;
-      }
-      break;
-    }
-    case "add-rule": {
-      const group = findNodeById(action.id, query);
-      if (group && "rules" in group) {
-        const rule = emptyRule();
-        group.rules.push(rule);
-        return query;
-      }
-      break;
-    }
-    case "add-group": {
-      const group = findNodeById(action.id, query);
-      if (group && "rules" in group) {
-        group.rules.push(emptyGroup(true));
-        return query;
-      }
-      break;
-    }
-    case "remove-node": {
-      const parent = findParentById(action.id, query);
-      if (parent) {
-        parent.rules = parent.rules.filter((rule) => rule.id !== action.id);
-        return query;
-      }
-      return emptyGroup();
-    }
-    case "set-combinator": {
-      const node = findNodeById(action.id, query);
-      if (node && "combinator" in node) {
-        if (node.combinator !== action.combinator) {
-          node.combinator = action.combinator;
-          return query;
-        }
-      }
-      break;
-    }
-    case "set-attribute": {
-      const node = findNodeById(action.id, query);
-      if (node && node.attribute !== action.attribute) {
-        node.attribute = action.attribute ?? void 0;
-        if (action.operator !== void 0) {
-          node.operator = action.operator ?? void 0;
-          node.value = action.value ?? void 0;
-        }
-        return query;
-      }
-      break;
-    }
-    case "set-operator": {
-      const node = findNodeById(action.id, query);
-      if (node && "attribute" in node) {
-        if (node.operator !== action.operator) {
-          node.operator = action.operator;
-          if (action.value !== void 0) {
-            node.value = action.value ?? void 0;
-          }
-          return query;
-        }
-      }
-      break;
-    }
-    case "set-value": {
-      const node = findNodeById(action.id, query);
-      if (node && "operator" in node) {
-        if ("value" in node) {
-          node.value = action.value ?? void 0;
-        }
-        return query;
-      }
-      break;
-    }
-  }
-  return query;
-};
-export {
-  reducer as default
+import { emptyGroup, emptyRule, findNodeById, findParentById } from "./index.js";
+//#region src/QueryBuilder/utils/reducer.tsx
+var reducer = (state, action) => {
+	const query = structuredClone(state);
+	switch (action.type) {
+		case "reset-query": return emptyGroup();
+		case "set-query": return action.query;
+		case "reset-group": {
+			const group = findNodeById(action.id, query);
+			if (group && "rules" in group) {
+				group.rules = [emptyRule()];
+				return query;
+			}
+			break;
+		}
+		case "add-rule": {
+			const group = findNodeById(action.id, query);
+			if (group && "rules" in group) {
+				const rule = emptyRule();
+				group.rules.push(rule);
+				return query;
+			}
+			break;
+		}
+		case "add-group": {
+			const group = findNodeById(action.id, query);
+			if (group && "rules" in group) {
+				group.rules.push(emptyGroup(true));
+				return query;
+			}
+			break;
+		}
+		case "remove-node": {
+			const parent = findParentById(action.id, query);
+			if (parent) {
+				parent.rules = parent.rules.filter((rule) => rule.id !== action.id);
+				return query;
+			}
+			return emptyGroup();
+		}
+		case "set-combinator": {
+			const node = findNodeById(action.id, query);
+			if (node && "combinator" in node) {
+				if (node.combinator !== action.combinator) {
+					node.combinator = action.combinator;
+					return query;
+				}
+			}
+			break;
+		}
+		case "set-attribute": {
+			const node = findNodeById(action.id, query);
+			if (node && node.attribute !== action.attribute) {
+				node.attribute = action.attribute ?? void 0;
+				if (action.operator !== void 0) {
+					node.operator = action.operator ?? void 0;
+					node.value = action.value ?? void 0;
+				}
+				return query;
+			}
+			break;
+		}
+		case "set-operator": {
+			const node = findNodeById(action.id, query);
+			if (node && "attribute" in node) {
+				if (node.operator !== action.operator) {
+					node.operator = action.operator;
+					if (action.value !== void 0) node.value = action.value ?? void 0;
+					return query;
+				}
+			}
+			break;
+		}
+		case "set-value": {
+			const node = findNodeById(action.id, query);
+			if (node && "operator" in node) {
+				if ("value" in node) node.value = action.value ?? void 0;
+				return query;
+			}
+			break;
+		}
+		default:
+	}
+	return query;
 };
+//#endregion
+export { reducer as default };

package/dist/Radio/Radio.js

@@ -1,149 +1,100 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useCallback } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { useControlled } from "../hooks/useControlled.js";
-import { useUniqueId } from "../hooks/useUniqueId.js";
 import { setId } from "../utils/setId.js";
-import { useClasses } from "./Radio.styles.js";
-import { staticClasses } from "./Radio.styles.js";
-import { HvBaseRadio } from "../BaseRadio/BaseRadio.js";
-import { HvFormElement } from "../FormElement/FormElement.js";
+import { useUniqueId } from "../hooks/useUniqueId.js";
 import { isInvalid } from "../FormElement/utils.js";
+import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvLabel } from "../FormElement/Label/Label.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
-const HvRadio = forwardRef(
-  function HvRadio2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      id,
-      name,
-      value = "on",
-      required,
-      readOnly,
-      disabled,
-      label,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
-      labelProps,
-      labelPosition = "right",
-      checked,
-      defaultChecked = false,
-      onChange,
-      status = "standBy",
-      statusMessage,
-      "aria-errormessage": ariaErrorMessage,
-      semantic,
-      inputProps,
-      onFocusVisible,
-      onBlur,
-      ...others
-    } = useDefaultProps("HvRadio", props);
-    const { classes, cx } = useClasses(classesProp);
-    const elementId = useUniqueId(id);
-    const [focusVisible, setFocusVisible] = useState(false);
-    const onFocusVisibleCallback = useCallback(
-      (evt) => {
-        setFocusVisible(true);
-        onFocusVisible?.(evt);
-      },
-      [onFocusVisible]
-    );
-    const onBlurCallback = useCallback(
-      (evt) => {
-        setFocusVisible(false);
-        onBlur?.(evt);
-      },
-      [onBlur]
-    );
-    const [isChecked, setIsChecked] = useControlled(checked, defaultChecked);
-    const onLocalChange = useCallback(
-      (evt, newChecked) => {
-        setIsChecked(newChecked);
-        onChange?.(evt, newChecked, value);
-      },
-      [onChange, setIsChecked, value]
-    );
-    const canShowError = ariaErrorMessage == null && status !== void 0 && statusMessage !== void 0;
-    const hasLabel = label != null;
-    const isStateInvalid = isInvalid(status);
-    let errorMessageId;
-    if (isStateInvalid) {
-      errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
-    }
-    const radio = /* @__PURE__ */ jsx(
-      HvBaseRadio,
-      {
-        ref,
-        id: label ? setId(elementId, "input") : setId(id, "input"),
-        name,
-        className: cx(classes.radio, {
-          [classes.invalidRadio]: isStateInvalid
-        }),
-        disabled,
-        readOnly,
-        onChange: onLocalChange,
-        value,
-        checked: isChecked,
-        semantic,
-        inputProps: {
-          "aria-invalid": isStateInvalid ? true : void 0,
-          "aria-errormessage": errorMessageId,
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledBy,
-          "aria-describedby": ariaDescribedBy,
-          ...inputProps
-        },
-        onFocusVisible: onFocusVisibleCallback,
-        onBlur: onBlurCallback,
-        ...others
-      }
-    );
-    return /* @__PURE__ */ jsxs(
-      HvFormElement,
-      {
-        id,
-        name,
-        status: status || "standBy",
-        disabled,
-        required,
-        readOnly,
-        className: cx(classes.root, classes[labelPosition], className),
-        children: [
-          hasLabel ? /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cx(classes.container, {
-                [classes.focusVisible]: !!(focusVisible && label),
-                [classes.semantic]: semantic,
-                [classes.checked]: isChecked,
-                [classes.invalidContainer]: isStateInvalid,
-                [classes.disabled]: disabled
-              }),
-              children: [
-                radio,
-                /* @__PURE__ */ jsx(
-                  HvLabel,
-                  {
-                    noWrap: true,
-                    id: setId(elementId, "label"),
-                    htmlFor: setId(elementId, "input"),
-                    label,
-                    className: classes.label,
-                    ...labelProps
-                  }
-                )
-              ]
-            }
-          ) : radio,
-          canShowError && /* @__PURE__ */ jsx(HvWarningText, { id: setId(elementId, "error"), children: statusMessage })
-        ]
-      }
-    );
-  }
-);
-export {
-  HvRadio,
-  staticClasses as radioClasses
-};
+import { useControlled } from "../hooks/useControlled.js";
+import { HvBaseRadio } from "../BaseRadio/BaseRadio.js";
+import { useClasses } from "./Radio.styles.js";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Radio/Radio.tsx
+/**
+A Radio Button lets users select a single option from a group.
+
+Use it within a Radio Button Group—individual usage is discouraged, as React may not track the `checked` state reliably outside a group.
+*/
+var HvRadio = forwardRef(function HvRadio(props, ref) {
+	const { classes: classesProp, className, id, name, value = "on", required, readOnly, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, labelProps, labelPosition = "right", checked, defaultChecked = false, onChange, status = "standBy", statusMessage, "aria-errormessage": ariaErrorMessage, semantic, inputProps, onFocusVisible, onBlur, ...others } = useDefaultProps("HvRadio", props);
+	const { classes, cx } = useClasses(classesProp);
+	const elementId = useUniqueId(id);
+	const [focusVisible, setFocusVisible] = useState(false);
+	const onFocusVisibleCallback = useCallback((evt) => {
+		setFocusVisible(true);
+		onFocusVisible?.(evt);
+	}, [onFocusVisible]);
+	const onBlurCallback = useCallback((evt) => {
+		setFocusVisible(false);
+		onBlur?.(evt);
+	}, [onBlur]);
+	const [isChecked, setIsChecked] = useControlled(checked, defaultChecked);
+	const onLocalChange = useCallback((evt, newChecked) => {
+		setIsChecked(newChecked);
+		onChange?.(evt, newChecked, value);
+	}, [
+		onChange,
+		setIsChecked,
+		value
+	]);
+	const canShowError = ariaErrorMessage == null && status !== void 0 && statusMessage !== void 0;
+	const hasLabel = label != null;
+	const isStateInvalid = isInvalid(status);
+	let errorMessageId;
+	if (isStateInvalid) errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
+	const radio = /* @__PURE__ */ jsx(HvBaseRadio, {
+		ref,
+		id: label ? setId(elementId, "input") : setId(id, "input"),
+		name,
+		className: cx(classes.radio, { [classes.invalidRadio]: isStateInvalid }),
+		disabled,
+		readOnly,
+		onChange: onLocalChange,
+		value,
+		checked: isChecked,
+		semantic,
+		inputProps: {
+			"aria-invalid": isStateInvalid ? true : void 0,
+			"aria-errormessage": errorMessageId,
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			"aria-describedby": ariaDescribedBy,
+			...inputProps
+		},
+		onFocusVisible: onFocusVisibleCallback,
+		onBlur: onBlurCallback,
+		...others
+	});
+	return /* @__PURE__ */ jsxs(HvFormElement, {
+		id,
+		name,
+		status: status || "standBy",
+		disabled,
+		required,
+		readOnly,
+		className: cx(classes.root, classes[labelPosition], className),
+		children: [hasLabel ? /* @__PURE__ */ jsxs("div", {
+			className: cx(classes.container, {
+				[classes.focusVisible]: !!(focusVisible && label),
+				[classes.semantic]: semantic,
+				[classes.checked]: isChecked,
+				[classes.invalidContainer]: isStateInvalid,
+				[classes.disabled]: disabled
+			}),
+			children: [radio, /* @__PURE__ */ jsx(HvLabel, {
+				noWrap: true,
+				id: setId(elementId, "label"),
+				htmlFor: setId(elementId, "input"),
+				label,
+				className: classes.label,
+				...labelProps
+			})]
+		}) : radio, canShowError && /* @__PURE__ */ jsx(HvWarningText, {
+			id: setId(elementId, "error"),
+			children: statusMessage
+		})]
+	});
+});
+//#endregion
+export { HvRadio };

package/dist/Radio/Radio.styles.js

@@ -1,57 +1,49 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
-import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../utils/focusUtils.js";
-const { staticClasses, useClasses } = createClasses("HvRadio", {
-  root: { display: "inline-block" },
-  container: {
-    cursor: "pointer",
-    display: "flex",
-    alignItems: "center",
-    transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-    borderRadius: theme.radii.base,
-    "&:hover:not($disabled)": {
-      backgroundColor: theme.colors.bgHover
-    },
-    ":where(:has($label)) $radio": {
-      borderRadius: "inherit"
-    }
-  },
-  invalidContainer: {},
-  disabled: {
-    cursor: "not-allowed",
-    "& $label": { color: theme.colors.textDisabled, cursor: "not-allowed" }
-  },
-  focusVisible: {
-    backgroundColor: theme.colors.bgPageSecondary,
-    ...outlineStyles
-  },
-  radio: {},
-  invalidRadio: {},
-  label: {
-    verticalAlign: "middle",
-    ...theme.typography.body,
-    cursor: "pointer",
-    lineHeight: "32px",
-    flex: 1
-  },
-  checked: {},
-  semantic: {},
-  left: {
-    "& $label": {
-      paddingLeft: theme.space.xs,
-      textAlign: "right"
-    },
-    "& $container": {
-      flexDirection: "row-reverse"
-    }
-  },
-  right: {
-    "& $label": {
-      paddingRight: theme.space.xs
-    }
-  }
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Radio/Radio.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvRadio", {
+	root: { display: "inline-block" },
+	container: {
+		cursor: "pointer",
+		display: "flex",
+		alignItems: "center",
+		transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+		borderRadius: theme.radii.base,
+		"&:hover:not($disabled)": { backgroundColor: theme.colors.bgHover },
+		":where(:has($label)) $radio": { borderRadius: "inherit" }
+	},
+	invalidContainer: {},
+	disabled: {
+		cursor: "not-allowed",
+		"& $label": {
+			color: theme.colors.textDisabled,
+			cursor: "not-allowed"
+		}
+	},
+	focusVisible: {
+		backgroundColor: theme.colors.bgPageSecondary,
+		...outlineStyles
+	},
+	radio: {},
+	invalidRadio: {},
+	label: {
+		verticalAlign: "middle",
+		...theme.typography.body,
+		cursor: "pointer",
+		lineHeight: "32px",
+		flex: 1
+	},
+	checked: {},
+	semantic: {},
+	left: {
+		"& $label": {
+			paddingLeft: theme.space.xs,
+			textAlign: "right"
+		},
+		"& $container": { flexDirection: "row-reverse" }
+	},
+	right: { "& $label": { paddingRight: theme.space.xs } }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };