@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/QueryBuilder/Value/NumericValue.js

@@ -1,208 +1,156 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { useTheme } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { createClasses } from "@hitachivantara/uikit-react-utils";
-import { theme } from "@hitachivantara/uikit-styles";
+import { HvInput } from "../../Input/Input.js";
 import { uniqueId } from "../../utils/helpers.js";
 import { useQueryBuilderContext } from "../Context.js";
-import { HvInput } from "../../Input/Input.js";
-const { useClasses } = createClasses("HvQueryBuilderNumericValue", {
-  root: {},
-  label: {
-    paddingBottom: "6px"
-  },
-  inputContainer: {},
-  rangeContainer: {
-    display: "flex",
-    "& $inputContainer": {
-      flexGrow: 1,
-      overflow: "auto"
-    },
-    "& > $inputContainer:not(:last-child)": {
-      marginRight: theme.space.md
-    }
-  },
-  input: {
-    flexGrow: 1
-  },
-  isMdDown: {
-    "& > $inputContainer:not(:last-child)": {
-      marginRight: `calc(${theme.space.md} / 2)`
-    }
-  }
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme as useTheme$1 } from "@mui/material/styles";
+import useMediaQuery from "@mui/material/useMediaQuery";
+//#region src/QueryBuilder/Value/NumericValue.tsx
+var { useClasses } = createClasses("HvQueryBuilderNumericValue", {
+	root: {},
+	label: { paddingBottom: "6px" },
+	inputContainer: {},
+	rangeContainer: {
+		display: "flex",
+		"& $inputContainer": {
+			flexGrow: 1,
+			overflow: "auto"
+		},
+		"& > $inputContainer:not(:last-child)": { marginRight: theme.space.md }
+	},
+	input: { flexGrow: 1 },
+	isMdDown: { "& > $inputContainer:not(:last-child)": { marginRight: `calc(${theme.space.md} / 2)` } }
 });
-const NumericValue = ({
-  id,
-  value,
-  operator,
-  initialTouched = false
-}) => {
-  const { classes, cx } = useClasses();
-  const isRange = operator === "range";
-  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();
-  const theme2 = useTheme();
-  const isMdDown = useMediaQuery(theme2.breakpoints.down("md"));
-  const onSingleValueChange = useCallback(
-    (event, data) => {
-      dispatchAction({
-        type: "set-value",
-        id,
-        value: data ?? null
-      });
-    },
-    [dispatchAction, id]
-  );
-  const onRangeValueChange = 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] = useState(initialTouched);
-  const [touchedNumericTo, setTouchedNumericTo] = useState(initialTouched);
-  const elementId = 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__ */ jsxs(
-    "div",
-    {
-      className: cx(classes.rangeContainer, { [classes.isMdDown]: isMdDown }),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsx(
-          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__ */ jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsx(
-          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__ */ jsxs("div", { className: classes.root, children: [
-    isRange && renderRangeInputs(value || {}),
-    !isRange && /* @__PURE__ */ jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsx(
-      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
-      }
-    ) })
-  ] });
-};
-export {
-  NumericValue
+var NumericValue = ({ id, value, operator, initialTouched = false }) => {
+	const { classes, cx } = useClasses();
+	const isRange = operator === "range";
+	const { labels, dispatchAction, readOnly } = useQueryBuilderContext();
+	const { breakpoints } = useTheme$1();
+	const isMdDown = useMediaQuery(breakpoints.down("md"));
+	const onSingleValueChange = useCallback((event, data) => {
+		dispatchAction({
+			type: "set-value",
+			id,
+			value: data ?? null
+		});
+	}, [dispatchAction, id]);
+	const onRangeValueChange = 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] = useState(initialTouched);
+	const [touchedNumericTo, setTouchedNumericTo] = useState(initialTouched);
+	const elementId = 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__ */ jsxs("div", {
+		className: cx(classes.rangeContainer, { [classes.isMdDown]: isMdDown }),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: classes.inputContainer,
+			children: /* @__PURE__ */ jsx(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__ */ jsx("div", {
+			className: classes.inputContainer,
+			children: /* @__PURE__ */ jsx(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__ */ jsxs("div", {
+		className: classes.root,
+		children: [isRange && renderRangeInputs(value || {}), !isRange && /* @__PURE__ */ jsx("div", {
+			className: classes.inputContainer,
+			children: /* @__PURE__ */ jsx(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
+			})
+		})]
+	});
 };
+//#endregion
+export { NumericValue };

package/dist/QueryBuilder/Value/TextValue.js

@@ -1,56 +1,40 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { createClasses } from "@hitachivantara/uikit-react-utils";
-import { useQueryBuilderContext } from "../Context.js";
 import { HvInput } from "../../Input/Input.js";
-const { useClasses } = createClasses("HvQueryBuilderTextValue", {
-  location: {
-    flexGrow: 1
-  }
-});
-const TextValue = ({
-  id,
-  value = "",
-  initialTouched = false
-}) => {
-  const { classes } = useClasses();
-  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();
-  const [touched, setTouched] = useState(initialTouched);
-  const isValid = value != null && value.toString().trim() !== "";
-  let status = isValid ? "valid" : "invalid";
-  status = !touched ? "standBy" : status;
-  return /* @__PURE__ */ jsx(
-    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
-    }
-  );
-};
-export {
-  TextValue
+import { useQueryBuilderContext } from "../Context.js";
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/QueryBuilder/Value/TextValue.tsx
+var { useClasses } = createClasses("HvQueryBuilderTextValue", { location: { flexGrow: 1 } });
+var TextValue = ({ id, value = "", initialTouched = false }) => {
+	const { classes } = useClasses();
+	const { labels, dispatchAction, readOnly } = useQueryBuilderContext();
+	const [touched, setTouched] = useState(initialTouched);
+	let status = value != null && value.toString().trim() !== "" ? "valid" : "invalid";
+	status = !touched ? "standBy" : status;
+	return /* @__PURE__ */ jsx(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
+	});
 };
+//#endregion
+export { TextValue };

package/dist/QueryBuilder/Value/Value.js

@@ -1,74 +1,49 @@
-import { jsx } from "react/jsx-runtime";
 import { useQueryBuilderContext } from "../Context.js";
-import { defaultRendererKey } from "../types.js";
+import "../types.js";
 import { BooleanValue } from "./BooleanValue.js";
 import { DateTimeValue } from "./DateTimeValue.js";
 import { EmptyValue } from "./EmptyValue.js";
 import { NumericValue } from "./NumericValue.js";
 import { TextValue } from "./TextValue.js";
-const getRenderer = (renderer, operator) => (
-  // 1. Custom renderer
-  typeof renderer === "function" && renderer || // 2. Custom operator renderer
-  typeof renderer === "object" && operator && renderer[operator] || // 3. Custom DEFAULT renderer
-  typeof renderer === "object" && renderer[defaultRendererKey]
-);
-const Value = ({
-  id,
-  attribute,
-  operator,
-  value: valueProp
-}) => {
-  const { attributes, initialTouched, renderers, emptyRenderer } = useQueryBuilderContext();
-  const attrType = attributes?.[attribute]?.type;
-  if (emptyRenderer?.find((op) => op === operator)) {
-    return /* @__PURE__ */ jsx(EmptyValue, { id });
-  }
-  if (attrType && renderers?.[attrType]) {
-    const Renderer = getRenderer(renderers[attrType], operator) || getRenderer(renderers[defaultRendererKey], operator) || void 0;
-    if (Renderer) {
-      return /* @__PURE__ */ jsx(
-        Renderer,
-        {
-          id,
-          attribute,
-          operator,
-          value: valueProp
-        }
-      );
-    }
-  }
-  switch (attrType) {
-    case "boolean": {
-      return /* @__PURE__ */ jsx(BooleanValue, { id, value: !!valueProp });
-    }
-    case "numeric": {
-      return /* @__PURE__ */ jsx(
-        NumericValue,
-        {
-          id,
-          operator,
-          value: valueProp,
-          initialTouched
-        }
-      );
-    }
-    case "dateandtime": {
-      return /* @__PURE__ */ jsx(
-        DateTimeValue,
-        {
-          id,
-          operator,
-          value: valueProp,
-          initialTouched
-        }
-      );
-    }
-    case "text":
-    case "textarea":
-    default:
-      return /* @__PURE__ */ jsx(TextValue, { id, value: valueProp, initialTouched });
-  }
-};
-export {
-  Value
+import { jsx } from "react/jsx-runtime";
+//#region src/QueryBuilder/Value/Value.tsx
+var getRenderer = (renderer, operator) => typeof renderer === "function" && renderer || typeof renderer === "object" && operator && renderer[operator] || typeof renderer === "object" && renderer["DEFAULT"];
+var Value = ({ id, attribute, operator, value: valueProp }) => {
+	const { attributes, initialTouched, renderers, emptyRenderer } = useQueryBuilderContext();
+	const attrType = attributes?.[attribute]?.type;
+	if (emptyRenderer?.find((op) => op === operator)) return /* @__PURE__ */ jsx(EmptyValue, { id });
+	if (attrType && renderers?.[attrType]) {
+		const Renderer = getRenderer(renderers[attrType], operator) || getRenderer(renderers["DEFAULT"], operator) || void 0;
+		if (Renderer) return /* @__PURE__ */ jsx(Renderer, {
+			id,
+			attribute,
+			operator,
+			value: valueProp
+		});
+	}
+	switch (attrType) {
+		case "boolean": return /* @__PURE__ */ jsx(BooleanValue, {
+			id,
+			value: !!valueProp
+		});
+		case "numeric": return /* @__PURE__ */ jsx(NumericValue, {
+			id,
+			operator,
+			value: valueProp,
+			initialTouched
+		});
+		case "dateandtime": return /* @__PURE__ */ jsx(DateTimeValue, {
+			id,
+			operator,
+			value: valueProp,
+			initialTouched
+		});
+		default: return /* @__PURE__ */ jsx(TextValue, {
+			id,
+			value: valueProp,
+			initialTouched
+		});
+	}
 };
+//#endregion
+export { Value };

package/dist/QueryBuilder/types.js

@@ -1,4 +1,4 @@
-const defaultRendererKey = "DEFAULT";
-export {
-  defaultRendererKey
-};
+//#region src/QueryBuilder/types.ts
+var defaultRendererKey = "DEFAULT";
+//#endregion
+export { defaultRendererKey };