@hitachivantara/uikit-react-core 5.106.1 → 6.0.0-next.1

package/dist/cjs/QueryBuilder/utils/index.cjs

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const helpers = require("../../utils/helpers.cjs");
-const isBigList = (values) => values != null && values?.length > 10;
-const ID_PREFIX = "@hv_";
-const createId = () => helpers.uniqueId(ID_PREFIX);
-const emptyRule = () => ({
-  id: createId()
-});
-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 && helpers.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 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;
-};
-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;
-};
-exports.clearNodeIds = clearNodeIds;
-exports.emptyGroup = emptyGroup;
-exports.emptyRule = emptyRule;
-exports.findNodeById = findNodeById;
-exports.findParentById = findParentById;
-exports.isBigList = isBigList;
-exports.setNodeIds = setNodeIds;

package/dist/cjs/QueryBuilder/utils/reducer.cjs

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index.cjs");
-const reducer = (state, action) => {
-  const query = structuredClone(state);
-  switch (action.type) {
-    case "reset-query": {
-      return index.emptyGroup();
-    }
-    case "set-query":
-      return action.query;
-    case "reset-group": {
-      const group = index.findNodeById(action.id, query);
-      if (group && "rules" in group) {
-        group.rules = [index.emptyRule()];
-        return query;
-      }
-      break;
-    }
-    case "add-rule": {
-      const group = index.findNodeById(action.id, query);
-      if (group && "rules" in group) {
-        const rule = index.emptyRule();
-        group.rules.push(rule);
-        return query;
-      }
-      break;
-    }
-    case "add-group": {
-      const group = index.findNodeById(action.id, query);
-      if (group && "rules" in group) {
-        group.rules.push(index.emptyGroup(true));
-        return query;
-      }
-      break;
-    }
-    case "remove-node": {
-      const parent = index.findParentById(action.id, query);
-      if (parent) {
-        parent.rules = parent.rules.filter((rule) => rule.id !== action.id);
-        return query;
-      }
-      return index.emptyGroup();
-    }
-    case "set-combinator": {
-      const node = index.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 = index.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 = index.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 = index.findNodeById(action.id, query);
-      if (node && "operator" in node) {
-        if ("value" in node) {
-          node.value = action.value ?? void 0;
-        }
-        return query;
-      }
-      break;
-    }
-  }
-  return query;
-};
-exports.default = reducer;

package/dist/cjs/Radio/Radio.cjs

@@ -1,148 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useControlled = require("../hooks/useControlled.cjs");
-const useUniqueId = require("../hooks/useUniqueId.cjs");
-const setId = require("../utils/setId.cjs");
-const Radio_styles = require("./Radio.styles.cjs");
-const BaseRadio = require("../BaseRadio/BaseRadio.cjs");
-const utils = require("../FormElement/utils.cjs");
-const FormElement = require("../FormElement/FormElement.cjs");
-const Label = require("../FormElement/Label/Label.cjs");
-const WarningText = require("../FormElement/WarningText/WarningText.cjs");
-const HvRadio = React.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
-    } = uikitReactUtils.useDefaultProps("HvRadio", props);
-    const { classes, cx } = Radio_styles.useClasses(classesProp);
-    const elementId = useUniqueId.useUniqueId(id);
-    const [focusVisible, setFocusVisible] = React.useState(false);
-    const onFocusVisibleCallback = React.useCallback(
-      (evt) => {
-        setFocusVisible(true);
-        onFocusVisible?.(evt);
-      },
-      [onFocusVisible]
-    );
-    const onBlurCallback = React.useCallback(
-      (evt) => {
-        setFocusVisible(false);
-        onBlur?.(evt);
-      },
-      [onBlur]
-    );
-    const [isChecked, setIsChecked] = useControlled.useControlled(checked, defaultChecked);
-    const onLocalChange = React.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 = utils.isInvalid(status);
-    let errorMessageId;
-    if (isStateInvalid) {
-      errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
-    }
-    const radio = /* @__PURE__ */ jsxRuntime.jsx(
-      BaseRadio.HvBaseRadio,
-      {
-        ref,
-        id: label ? setId.setId(elementId, "input") : setId.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__ */ jsxRuntime.jsxs(
-      FormElement.HvFormElement,
-      {
-        id,
-        name,
-        status: status || "standBy",
-        disabled,
-        required,
-        readOnly,
-        className: cx(classes.root, className),
-        children: [
-          hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cx(classes.container, classes[labelPosition], {
-                [classes.focusVisible]: !!(focusVisible && label),
-                [classes.semantic]: semantic,
-                [classes.checked]: isChecked,
-                [classes.invalidContainer]: isStateInvalid,
-                [classes.disabled]: disabled
-              }),
-              children: [
-                radio,
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Label.HvLabel,
-                  {
-                    noWrap: true,
-                    id: setId.setId(elementId, "label"),
-                    htmlFor: setId.setId(elementId, "input"),
-                    label,
-                    className: classes.label,
-                    ...labelProps
-                  }
-                )
-              ]
-            }
-          ) : radio,
-          canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), children: statusMessage })
-        ]
-      }
-    );
-  }
-);
-exports.radioClasses = Radio_styles.staticClasses;
-exports.HvRadio = HvRadio;

package/dist/cjs/Radio/Radio.styles.cjs

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.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: uikitStyles.theme.radii.base,
-    "&:hover:not($disabled)": {
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    },
-    ":where(:has($label)) $radio": {
-      borderRadius: "inherit"
-    },
-    "&$left": {
-      flexDirection: "row-reverse",
-      justifyContent: "flex-end"
-    },
-    "&$right": {
-      flexDirection: "row"
-    }
-  },
-  invalidContainer: {},
-  disabled: {
-    cursor: "not-allowed",
-    "& $label": { color: uikitStyles.theme.colors.textDisabled, cursor: "not-allowed" }
-  },
-  focusVisible: {
-    backgroundColor: uikitStyles.theme.colors.bgPageSecondary,
-    ...focusUtils.outlineStyles
-  },
-  radio: {},
-  invalidRadio: {},
-  label: {
-    verticalAlign: "middle",
-    ...uikitStyles.theme.typography.body,
-    cursor: "pointer",
-    lineHeight: "32px"
-  },
-  checked: {},
-  semantic: {},
-  left: {
-    "& .HvRadio-label": {
-      paddingLeft: uikitStyles.theme.space.xs
-    }
-  },
-  right: {
-    "& .HvRadio-label": {
-      paddingRight: uikitStyles.theme.space.xs
-    }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/RadioGroup/RadioGroup.cjs

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const LabelContainer = require("../FormElement/LabelContainer.cjs");
-const useControlled = require("../hooks/useControlled.cjs");
-const useUniqueId = require("../hooks/useUniqueId.cjs");
-const setId = require("../utils/setId.cjs");
-const RadioGroup_styles = require("./RadioGroup.styles.cjs");
-const FormElement = require("../FormElement/FormElement.cjs");
-const WarningText = require("../FormElement/WarningText/WarningText.cjs");
-const getValueFromSelectedChildren = (children) => {
-  const childrenArray = React.Children.toArray(children);
-  const childrenCount = childrenArray.length;
-  for (let i = 0; i !== childrenCount; i += 1) {
-    const child = childrenArray[i];
-    const childIsControlled = child?.props?.checked !== void 0;
-    const childIsSelected = childIsControlled ? child?.props?.checked : child?.props?.defaultChecked;
-    if (childIsSelected) {
-      return child?.props?.value;
-    }
-  }
-  return null;
-};
-const HvRadioGroup = React.forwardRef(
-  function HvRadioGroup2(props, ref) {
-    const {
-      id,
-      classes: classesProp,
-      className,
-      children,
-      name,
-      value: valueProp,
-      defaultValue,
-      label,
-      description,
-      status,
-      statusMessage,
-      required,
-      readOnly,
-      disabled,
-      orientation = "vertical",
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
-      "aria-errormessage": ariaErrorMessage,
-      onChange,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvRadioGroup", props);
-    const { classes, cx } = RadioGroup_styles.useClasses(classesProp);
-    const elementId = useUniqueId.useUniqueId(id);
-    const [value, setValue] = useControlled.useControlled(
-      valueProp,
-      defaultValue !== void 0 ? defaultValue : (
-        // When uncontrolled and no default value is given,
-        // extract the initial selected values from the children own state
-        () => getValueFromSelectedChildren(children)
-      )
-    );
-    const onChildChangeInterceptor = React.useCallback(
-      (childOnChange, event, isChecked, newValue) => {
-        childOnChange?.(event, isChecked, newValue);
-        onChange?.(event, newValue);
-        setValue(newValue);
-      },
-      [onChange, setValue]
-    );
-    const modifiedChildren = React.useMemo(() => {
-      return React.Children.map(children, (child) => {
-        const childValue = child?.props?.value ?? "on";
-        const childIsSelected = childValue === value;
-        return React.cloneElement(child, {
-          checked: childIsSelected,
-          name: child?.props?.name || name || elementId,
-          onChange: (event, isChecked, newValue) => onChildChangeInterceptor(
-            child?.props?.onChange,
-            event,
-            isChecked,
-            newValue
-          ),
-          inputProps: {
-            ...child?.props?.inputProps,
-            // Set the required attribute directly in the input
-            // the radio form element context shouldn't be aware so the
-            // label doesn't show redundant asterisk
-            required
-          },
-          disabled: disabled || child?.props?.disabled,
-          readOnly: readOnly || child?.props?.readOnly
-        });
-      });
-    }, [
-      children,
-      disabled,
-      elementId,
-      name,
-      onChildChangeInterceptor,
-      readOnly,
-      required,
-      value
-    ]);
-    const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-    const errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      FormElement.HvFormElement,
-      {
-        id,
-        name,
-        status: status || "standBy",
-        disabled,
-        required,
-        readOnly,
-        className: cx(classes.root, className),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            LabelContainer.HvLabelContainer,
-            {
-              label,
-              description,
-              labelId: setId.setId(elementId, "label"),
-              descriptionId: setId.setId(elementId, "description"),
-              classes: {
-                label: classes.label
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref,
-              role: "radiogroup",
-              "aria-label": ariaLabel,
-              "aria-labelledby": ariaLabelledBy || label && setId.setId(elementId, "label") || void 0,
-              "aria-invalid": status === "invalid" ? true : void 0,
-              "aria-errormessage": status === "invalid" ? errorMessageId : void 0,
-              "aria-describedby": [description && setId.setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0,
-              className: cx(classes.group, {
-                [classes.vertical]: orientation === "vertical",
-                [classes.horizontal]: orientation === "horizontal",
-                [classes.invalid]: status === "invalid"
-              }),
-              ...others,
-              children: modifiedChildren
-            }
-          ),
-          canShowError && /* @__PURE__ */ jsxRuntime.jsx(
-            WarningText.HvWarningText,
-            {
-              id: setId.setId(elementId, "error"),
-              disableBorder: true,
-              className: classes.error,
-              children: statusMessage
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-exports.radioGroupClasses = RadioGroup_styles.staticClasses;
-exports.HvRadioGroup = HvRadioGroup;

package/dist/cjs/RadioGroup/RadioGroup.styles.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRadioGroup", {
-  root: {
-    display: "inline-block",
-    overflow: "clip",
-    overflowClipMargin: 4,
-    verticalAlign: "top"
-  },
-  label: {},
-  group: { display: "flex" },
-  vertical: {
-    flexDirection: "column",
-    // Prevent the focus ring to be hidden by sibling hover background
-    "&>*": {
-      zIndex: 0
-    },
-    "&>*:focus-within": {
-      zIndex: 1
-    }
-  },
-  horizontal: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: uikitStyles.theme.space.sm
-  },
-  invalid: {
-    paddingBottom: uikitStyles.theme.space.xs,
-    borderBottom: `1px solid ${uikitStyles.theme.form.errorColor}`
-  },
-  error: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.cjs

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const setId = require("../../utils/setId.cjs");
-const HorizontalScrollListItem_styles = require("./HorizontalScrollListItem.styles.cjs");
-const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const HvHorizontalScrollListItem = (props) => {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    selected,
-    label,
-    tooltipPlacement,
-    href,
-    iconClasses,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvHorizontalScrollListItem", props);
-  const { classes, cx } = HorizontalScrollListItem_styles.useClasses(classesProp);
-  const buttonId = setId.setId(id, "button");
-  const Component = href != null ? "a" : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { id, className: cx(classes.root, className), "aria-current": selected, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    Component,
-    {
-      id: buttonId,
-      role: href == null ? "button" : void 0,
-      tabIndex: 0,
-      className: classes.button,
-      href,
-      ...others,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          OverflowTooltip.HvOverflowTooltip,
-          {
-            className: cx(classes.text, { [classes.selected]: selected }),
-            placement: tooltipPlacement,
-            data: label
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "aria-hidden": true,
-            className: cx(classes.bullet, iconClasses, {
-              [classes.bulletSelected]: selected
-            }),
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", {})
-          }
-        )
-      ]
-    }
-  ) });
-};
-exports.horizontalScrollListItemClasses = HorizontalScrollListItem_styles.staticClasses;
-exports.HvHorizontalScrollListItem = HvHorizontalScrollListItem;

package/dist/cjs/ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.cjs

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../../utils/focusUtils.cjs");
-const name = "HvHorizontalScrollListItem";
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
-  root: {
-    padding: uikitStyles.theme.spacing("xs", 0),
-    maxWidth: 120
-  },
-  button: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    "&:focus-visible": {
-      ...focusUtils.outlineStyles
-    }
-  },
-  text: {
-    margin: uikitStyles.theme.spacing("xs", "xs", "0")
-  },
-  selected: {
-    fontWeight: uikitStyles.theme.typography.label.fontWeight
-  },
-  bullet: {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    minHeight: 24,
-    height: 24,
-    width: 24,
-    fontSize: 4,
-    color: uikitStyles.theme.colors.textDisabled,
-    "& > span": {
-      margin: "auto",
-      width: "1em",
-      height: "1em",
-      backgroundColor: "currentcolor",
-      borderRadius: uikitStyles.theme.radii.full
-    }
-  },
-  bulletSelected: {
-    fontSize: 6,
-    color: uikitStyles.theme.colors.text
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;