@hitachivantara/uikit-react-core 5.104.0 → 5.104.1

package/dist/cjs/packages/core/src/QueryBuilder/Value/NumericValue.cjs

@@ -1,210 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const styles = require("@mui/material/styles");
-const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const helpers = require("../../utils/helpers.cjs");
-const Context = require("../Context.cjs");
-const Input = require("../../Input/Input.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const { useClasses } = uikitReactUtils.createClasses("HvQueryBuilderNumericValue", {
-  root: {},
-  label: {
-    paddingBottom: "6px"
-  },
-  inputContainer: {},
-  rangeContainer: {
-    display: "flex",
-    "& $inputContainer": {
-      flexGrow: 1,
-      overflow: "auto"
-    },
-    "& > $inputContainer:not(:last-child)": {
-      marginRight: uikitStyles.theme.space.md
-    }
-  },
-  input: {
-    flexGrow: 1
-  },
-  isMdDown: {
-    "& > $inputContainer:not(:last-child)": {
-      marginRight: `calc(${uikitStyles.theme.space.md} / 2)`
-    }
-  }
-});
-const NumericValue = ({
-  id,
-  value,
-  operator,
-  initialTouched = false
-}) => {
-  const { classes, cx } = useClasses();
-  const isRange = operator === "range";
-  const { labels, dispatchAction, readOnly } = Context.useQueryBuilderContext();
-  const theme2 = styles.useTheme();
-  const isMdDown = useMediaQuery__default.default(theme2.breakpoints.down("md"));
-  const onSingleValueChange = a.useCallback(
-    (event, data) => {
-      dispatchAction({
-        type: "set-value",
-        id,
-        value: data ?? null
-      });
-    },
-    [dispatchAction, id]
-  );
-  const onRangeValueChange = a.useCallback(
-    (event, data, from = true) => {
-      const currentValue = value;
-      const numericRange = {
-        from: currentValue?.from,
-        to: currentValue?.to
-      };
-      if (from) {
-        numericRange.from = data ?? null;
-      } else {
-        numericRange.to = data ?? null;
-      }
-      dispatchAction({
-        type: "set-value",
-        id,
-        value: numericRange
-      });
-    },
-    [dispatchAction, id, value]
-  );
-  const [touchedNumeric, setTouchedNumeric] = a.useState(initialTouched);
-  const [touchedNumericTo, setTouchedNumericTo] = a.useState(initialTouched);
-  const elementId = helpers.uniqueId("numeric");
-  let numericValidation = null;
-  let rightValidation = null;
-  if (touchedNumeric || touchedNumericTo) {
-    if (value === void 0 || value?.toString() === "") {
-      if (touchedNumeric) {
-        numericValidation = "required";
-      }
-      if (touchedNumericTo) {
-        rightValidation = "required";
-      }
-    } else if (!isRange) {
-      if (Number.isNaN(Number(value))) {
-        numericValidation = "invalid";
-      }
-    } else if (isRange) {
-      const rangeValue = value;
-      if (rangeValue?.from === void 0 || rangeValue?.from?.toString() === "") {
-        numericValidation = "required";
-      } else if (Number.isNaN(Number(rangeValue?.from))) {
-        numericValidation = "invalid";
-      }
-      if (rangeValue?.to === void 0 || rangeValue?.to?.toString() === "") {
-        rightValidation = "required";
-      } else if (Number.isNaN(Number(rangeValue?.to))) {
-        rightValidation = "invalid";
-      } else if (Number(rangeValue?.from) > Number(rangeValue?.to)) {
-        rightValidation = "greaterThan";
-      } else if (Number(rangeValue?.from) === Number(rangeValue?.to)) {
-        rightValidation = "equal";
-      }
-    }
-  }
-  const numericStatus = numericValidation != null ? "invalid" : "valid";
-  const rightStatus = rightValidation != null ? "invalid" : "valid";
-  const renderRangeInputs = (rangeValue) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cx(classes.rangeContainer, { [classes.isMdDown]: isMdDown }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Input.HvInput,
-          {
-            label: labels.rule.value.numeric.range.leftLabel,
-            className: classes.input,
-            id: `${elementId}-numeric-from`,
-            name: `${elementId}-numeric-from`,
-            value: rangeValue?.from?.toString() || "",
-            onChange: (event, data) => onRangeValueChange(event, data),
-            onBlur: () => {
-              setTouchedNumeric(true);
-            },
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                e.preventDefault();
-              }
-            },
-            status: !touchedNumeric ? "standBy" : numericStatus,
-            statusMessage: numericValidation ? labels.rule.value.numeric.validation[numericValidation] : "",
-            required: true,
-            inputProps: {
-              autoComplete: "off"
-            },
-            placeholder: labels.rule.value.numeric.placeholder,
-            readOnly
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Input.HvInput,
-          {
-            label: labels.rule.value.numeric.range.rightLabel,
-            className: classes.input,
-            id: `${elementId}-numeric-to`,
-            name: `${elementId}-numeric-to`,
-            value: rangeValue?.to?.toString() || "",
-            onChange: (event, data) => onRangeValueChange(event, data, false),
-            onBlur: () => {
-              setTouchedNumericTo(true);
-            },
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                e.preventDefault();
-              }
-            },
-            status: !touchedNumericTo ? "standBy" : rightStatus,
-            statusMessage: rightValidation ? labels.rule.value.numeric.validation[rightValidation] : "",
-            required: true,
-            inputProps: {
-              autoComplete: "off"
-            },
-            placeholder: labels.rule.value.numeric.placeholder,
-            readOnly
-          }
-        ) })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.root, children: [
-    isRange && renderRangeInputs(value || {}),
-    !isRange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Input.HvInput,
-      {
-        label: labels.rule.value.numeric.label,
-        className: classes.input,
-        id: `${elementId}-numeric`,
-        name: `${elementId}-numeric`,
-        value: value?.toString() || "",
-        onChange: onSingleValueChange,
-        onBlur: () => {
-          setTouchedNumeric(true);
-        },
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-          }
-        },
-        status: !touchedNumeric ? "standBy" : numericStatus,
-        required: true,
-        inputProps: {
-          autoComplete: "off"
-        },
-        placeholder: labels.rule.value.numeric.placeholder,
-        statusMessage: numericValidation ? labels.rule.value.numeric.validation[numericValidation] : "",
-        readOnly
-      }
-    ) })
-  ] });
-};
-exports.NumericValue = NumericValue;

package/dist/cjs/packages/core/src/QueryBuilder/Value/TextValue.cjs

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Context = require("../Context.cjs");
-const Input = require("../../Input/Input.cjs");
-const { useClasses } = uikitReactUtils.createClasses("HvQueryBuilderTextValue", {
-  location: {
-    flexGrow: 1
-  }
-});
-const TextValue = ({
-  id,
-  value = "",
-  initialTouched = false
-}) => {
-  const { classes } = useClasses();
-  const { labels, dispatchAction, readOnly } = Context.useQueryBuilderContext();
-  const [touched, setTouched] = a.useState(initialTouched);
-  const isValid = value != null && value.toString().trim() !== "";
-  let status = isValid ? "valid" : "invalid";
-  status = !touched ? "standBy" : status;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Input.HvInput,
-    {
-      className: classes.location,
-      label: labels.rule.value.text.label,
-      required: true,
-      status,
-      statusMessage: labels.rule.value.text.validation.required,
-      value,
-      inputProps: {
-        autoComplete: "off"
-      },
-      onChange: (t, v) => {
-        dispatchAction({
-          type: "set-value",
-          id,
-          value: v
-        });
-      },
-      onBlur: () => {
-        setTouched(true);
-      },
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          e.preventDefault();
-        }
-      },
-      placeholder: "—",
-      readOnly
-    }
-  );
-};
-exports.TextValue = TextValue;

package/dist/cjs/packages/core/src/Radio/Radio.cjs

@@ -1,148 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = 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 = a.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] = a.useState(false);
-    const onFocusVisibleCallback = a.useCallback(
-      (evt) => {
-        setFocusVisible(true);
-        onFocusVisible?.(evt);
-      },
-      [onFocusVisible]
-    );
-    const onBlurCallback = a.useCallback(
-      (evt) => {
-        setFocusVisible(false);
-        onBlur?.(evt);
-      },
-      [onBlur]
-    );
-    const [isChecked, setIsChecked] = useControlled.useControlled(checked, defaultChecked);
-    const onLocalChange = a.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/packages/core/src/RadioGroup/RadioGroup.cjs

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = 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 = a.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 = a.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 = a.useCallback(
-      (childOnChange, event, isChecked, newValue) => {
-        childOnChange?.(event, isChecked, newValue);
-        onChange?.(event, newValue);
-        setValue(newValue);
-      },
-      [onChange, setValue]
-    );
-    const modifiedChildren = a.useMemo(() => {
-      return a.Children.map(children, (child) => {
-        const childValue = child?.props?.value ?? "on";
-        const childIsSelected = childValue === value;
-        return a.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/packages/core/src/SearchInput/SearchInput.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../icons.cjs");
-const SearchInput_styles = require("./SearchInput.styles.cjs");
-const Input = require("../Input/Input.cjs");
-const Adornment = require("../FormElement/Adornment/Adornment.cjs");
-const HvSearchInput = a.forwardRef(function HvSearchInput2(props, ref) {
-  const { classes: classesProp, ...others } = uikitReactUtils.useDefaultProps(
-    "HvSearchInput",
-    props
-  );
-  const { classes } = SearchInput_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Input.HvInput,
-    {
-      ref,
-      type: "search",
-      disableSearchButton: true,
-      startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Adornment.HvAdornment, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Search" }) }),
-      classes,
-      ...others
-    }
-  );
-});
-exports.HvSearchInput = HvSearchInput;