@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericValue.js","names":["React","useCallback","useState","PropTypes","uniqueId","isEmpty","HvInput","Context","useStyles","NumericValue","id","value","operator","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","readOnly","onSingleValueChange","evt","data","numericData","Number","type","isNaN","onRangeValueChange","from","currentValue","numericRange","to","touchedNumeric","setTouchedNumeric","touchedNumericTo","setTouchedNumericTo","elementId","numericValidation","rightValidation","undefined","toString","rangeValue","numericStatus","rightStatus","renderRangeInputs","rangeContainer","inputContainer","rule","numeric","range","leftLabel","input","event","e","key","preventDefault","validation","autoComplete","placeholder","rightLabel","root","label","propTypes","number","any","string","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/NumericValue.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { HvInput } from \"../../../..\";\nimport Context from \"../../../Context\";\nimport useStyles from \"./styles\";\n\nconst NumericValue = ({ id, value, operator, initialTouched = false }) => {\n  const classes = useStyles();\n  const isRange = operator === \"range\";\n  const context = React.useContext(Context);\n  const { labels, dispatchAction, readOnly } = context;\n\n  const onSingleValueChange = useCallback(\n    (evt, data) => {\n      const numericData = isEmpty(data) ? null : Number(data);\n      dispatchAction({\n        type: \"set-value\",\n        id,\n        value: Number.isNaN(numericData) ? data : numericData,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  const onRangeValueChange = useCallback(\n    (evt, data, from = true) => {\n      const numericData = isEmpty(data) ? null : Number(data);\n      const currentValue = value;\n      const numericRange = {\n        from: currentValue?.from,\n        to: currentValue?.to,\n      };\n      if (from) {\n        numericRange.from = Number.isNaN(numericData) ? data : numericData;\n      } else {\n        numericRange.to = Number.isNaN(numericData) ? data : numericData;\n      }\n      dispatchAction({\n        type: \"set-value\",\n        id,\n        value: numericRange,\n      });\n    },\n    [dispatchAction, id, value]\n  );\n\n  const [touchedNumeric, setTouchedNumeric] = useState(initialTouched);\n  const [touchedNumericTo, setTouchedNumericTo] = useState(initialTouched);\n\n  const elementId = uniqueId(\"numeric\");\n\n  let numericValidation = null;\n  let rightValidation = null;\n\n  if (touchedNumeric || touchedNumericTo) {\n    if (value === undefined || value?.toString() === \"\") {\n      if (touchedNumeric) {\n        numericValidation = \"required\";\n      }\n      if (touchedNumericTo) {\n        rightValidation = \"required\";\n      }\n    } else if (!isRange) {\n      if (Number.isNaN(Number(value))) {\n        numericValidation = \"invalid\";\n      }\n    } else if (isRange) {\n      const rangeValue = value;\n      if (rangeValue?.from === undefined || rangeValue?.from?.toString() === \"\") {\n        numericValidation = \"required\";\n      } else if (Number.isNaN(Number(rangeValue?.from))) {\n        numericValidation = \"invalid\";\n      }\n\n      if (rangeValue?.to === undefined || rangeValue?.to?.toString() === \"\") {\n        rightValidation = \"required\";\n      } else if (Number.isNaN(Number(rangeValue?.to))) {\n        rightValidation = \"invalid\";\n      } else if (Number(rangeValue?.from) > Number(rangeValue?.to)) {\n        rightValidation = \"greaterThan\";\n      } else if (Number(rangeValue?.from) === Number(rangeValue?.to)) {\n        rightValidation = \"equal\";\n      }\n    }\n  }\n\n  const numericStatus = numericValidation != null ? \"invalid\" : \"valid\";\n  const rightStatus = rightValidation != null ? \"invalid\" : \"valid\";\n\n  const renderRangeInputs = (rangeValue) => (\n    <div className={classes.rangeContainer}>\n      <div className={classes.inputContainer}>\n        <HvInput\n          label={labels.rule.value.numeric.range.leftLabel}\n          className={classes.input}\n          id={`${elementId}-numeric-from`}\n          name={`${elementId}-numeric-from`}\n          value={rangeValue?.from?.toString() || \"\"}\n          onChange={(event, data) => onRangeValueChange(event, data)}\n          onBlur={() => {\n            setTouchedNumeric(true);\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n            }\n          }}\n          status={!touchedNumeric ? \"standBy\" : numericStatus}\n          statusMessage={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n          required\n          inputProps={{\n            autoComplete: \"off\",\n          }}\n          placeholder={labels.rule.value.numeric.placeholder}\n          readOnly={readOnly}\n        />\n      </div>\n      <div className={classes.inputContainer}>\n        <HvInput\n          label={labels.rule.value.numeric.range.rightLabel}\n          className={classes.input}\n          id={`${elementId}-numeric-to`}\n          name={`${elementId}-numeric-to`}\n          value={rangeValue?.to?.toString() || \"\"}\n          onChange={(event, data) => onRangeValueChange(event, data, false)}\n          onBlur={() => {\n            setTouchedNumericTo(true);\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n            }\n          }}\n          status={!touchedNumericTo ? \"standBy\" : rightStatus}\n          statusMessage={labels.rule.value.numeric.validation[rightValidation] || \"\"}\n          required\n          inputProps={{\n            autoComplete: \"off\",\n          }}\n          placeholder={labels.rule.value.numeric.placeholder}\n          readOnly={readOnly}\n        />\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {isRange && renderRangeInputs(value || {})}\n      {!isRange && (\n        <div className={classes.inputContainer}>\n          <HvInput\n            label={labels.rule.value.numeric.label}\n            className={classes.input}\n            id={`${elementId}-numeric`}\n            name={`${elementId}-numeric`}\n            value={value ? value.toString() : \"\"}\n            onChange={onSingleValueChange}\n            onBlur={() => {\n              setTouchedNumeric(true);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\") {\n                e.preventDefault();\n              }\n            }}\n            status={!touchedNumeric ? \"standBy\" : numericStatus}\n            required\n            inputProps={{\n              autoComplete: \"off\",\n            }}\n            placeholder={labels.rule.value.numeric.placeholder}\n            statusMessage={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n            readOnly={readOnly}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nNumericValue.propTypes = {\n  id: PropTypes.number,\n  value: PropTypes.any,\n  operator: PropTypes.string,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(NumericValue);\n"],"mappings":"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"}

package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/index.js

@@ -0,0 +1,2 @@
+export { default } from "./NumericValue";
+//# sourceMappingURL=index.js.map

package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/index.js"],"sourcesContent":["export { default } from \"./NumericValue\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}

package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/styles.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { makeStyles } from "@mui/styles";
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      display: "flex",
+      flexGrow: 1
+    },
+    label: {
+      paddingBottom: "6px"
+    },
+    inputContainer: {
+      display: "flex",
+      alignItems: "baseline",
+      flexGrow: 1
+    },
+    rangeContainer: {
+      display: "flex",
+      flexGrow: 1,
+      "& > $inputContainer:not(:last-child)": _defineProperty({
+        marginRight: theme.hv.spacing.md
+      }, theme.breakpoints.down("md"), {
+        marginRight: theme.hv.spacing.md / 2
+      })
+    },
+    input: {
+      flexGrow: 1
+    }
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["makeStyles","useStyles","theme","root","display","flexGrow","label","paddingBottom","inputContainer","alignItems","rangeContainer","marginRight","hv","spacing","md","breakpoints","down","input"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles((theme) => {\n  return {\n    root: {\n      display: \"flex\",\n      flexGrow: 1,\n    },\n    label: {\n      paddingBottom: \"6px\",\n    },\n    inputContainer: {\n      display: \"flex\",\n      alignItems: \"baseline\",\n      flexGrow: 1,\n    },\n    rangeContainer: {\n      display: \"flex\",\n      flexGrow: 1,\n\n      \"& > $inputContainer:not(:last-child)\": {\n        marginRight: theme.hv.spacing.md,\n\n        [theme.breakpoints.down(\"md\")]: {\n          marginRight: theme.hv.spacing.md / 2,\n        },\n      },\n    },\n    input: {\n      flexGrow: 1,\n    },\n  };\n});\n\nexport default useStyles;\n"],"mappings":";AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,IAAMC,SAAS,GAAGD,UAAU,CAAC,UAACE,KAAD,EAAW;EACtC,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,QAAQ,EAAE;IAFN,CADD;IAKLC,KAAK,EAAE;MACLC,aAAa,EAAE;IADV,CALF;IAQLC,cAAc,EAAE;MACdJ,OAAO,EAAE,MADK;MAEdK,UAAU,EAAE,UAFE;MAGdJ,QAAQ,EAAE;IAHI,CARX;IAaLK,cAAc,EAAE;MACdN,OAAO,EAAE,MADK;MAEdC,QAAQ,EAAE,CAFI;MAId;QACEM,WAAW,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC;MADhC,GAGGZ,KAAK,CAACa,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAHH,EAGkC;QAC9BL,WAAW,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;MADL,CAHlC;IAJc,CAbX;IAyBLG,KAAK,EAAE;MACLZ,QAAQ,EAAE;IADL;EAzBF,CAAP;AA6BD,CA9B2B,CAA5B;AAgCA,eAAeJ,SAAf"}

package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js

@@ -0,0 +1,68 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.string.trim.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.js";
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { HvInput } from "../../../..";
+import Context from "../../../Context";
+import useStyles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+var TextValue = function TextValue(_ref) {
+  var id = _ref.id,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? "" : _ref$value,
+      _ref$initialTouched = _ref.initialTouched,
+      initialTouched = _ref$initialTouched === void 0 ? false : _ref$initialTouched;
+  var classes = useStyles();
+  var context = React.useContext(Context);
+  var labels = context.labels,
+      dispatchAction = context.dispatchAction,
+      readOnly = context.readOnly;
+
+  var _useState = useState(initialTouched),
+      _useState2 = _slicedToArray(_useState, 2),
+      touched = _useState2[0],
+      setTouched = _useState2[1];
+
+  var isValid = value != null && value.toString().trim() !== "";
+  var status = isValid ? "valid" : "invalid";
+  status = !touched ? "standBy" : status;
+  return /*#__PURE__*/_jsx(HvInput, {
+    className: classes.location,
+    label: labels.rule.value.text.label,
+    required: true,
+    status: status,
+    statusMessage: labels.rule.value.text.validation.required,
+    value: value,
+    inputProps: {
+      autoComplete: "off"
+    },
+    onChange: function onChange(t, v) {
+      dispatchAction({
+        type: "set-value",
+        id: id,
+        value: v
+      });
+    },
+    onBlur: function onBlur() {
+      setTouched(true);
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+      }
+    },
+    placeholder: "\u2014",
+    readOnly: readOnly
+  });
+};
+
+process.env.NODE_ENV !== "production" ? TextValue.propTypes = {
+  id: PropTypes.number,
+  value: PropTypes.any,
+  initialTouched: PropTypes.bool
+} : void 0;
+export default /*#__PURE__*/React.memo(TextValue);
+//# sourceMappingURL=TextValue.js.map

package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextValue.js","names":["React","useState","PropTypes","HvInput","Context","useStyles","TextValue","id","value","initialTouched","classes","context","useContext","labels","dispatchAction","readOnly","touched","setTouched","isValid","toString","trim","status","location","rule","text","label","validation","required","autoComplete","t","v","type","e","key","preventDefault","propTypes","number","any","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/TextValue/TextValue.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvInput } from \"../../../..\";\nimport Context from \"../../../Context\";\nimport useStyles from \"./styles\";\n\nconst TextValue = ({ id, value = \"\", initialTouched = false }) => {\n  const classes = useStyles();\n  const context = React.useContext(Context);\n  const { labels, dispatchAction, readOnly } = context;\n  const [touched, setTouched] = useState(initialTouched);\n  const isValid = value != null && value.toString().trim() !== \"\";\n\n  let status = isValid ? \"valid\" : \"invalid\";\n  status = !touched ? \"standBy\" : status;\n\n  return (\n    <HvInput\n      className={classes.location}\n      label={labels.rule.value.text.label}\n      required\n      status={status}\n      statusMessage={labels.rule.value.text.validation.required}\n      value={value}\n      inputProps={{\n        autoComplete: \"off\",\n      }}\n      onChange={(t, v) => {\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value: v,\n        });\n      }}\n      onBlur={() => {\n        setTouched(true);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\") {\n          e.preventDefault();\n        }\n      }}\n      placeholder=\"—\"\n      readOnly={readOnly}\n    />\n  );\n};\n\nTextValue.propTypes = {\n  id: PropTypes.number,\n  value: PropTypes.any,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(TextValue);\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,OAAT,QAAwB,aAAxB;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAAgD;EAAA,IAA7CC,EAA6C,QAA7CA,EAA6C;EAAA,sBAAzCC,KAAyC;EAAA,IAAzCA,KAAyC,2BAAjC,EAAiC;EAAA,+BAA7BC,cAA6B;EAAA,IAA7BA,cAA6B,oCAAZ,KAAY;EAChE,IAAMC,OAAO,GAAGL,SAAS,EAAzB;EACA,IAAMM,OAAO,GAAGX,KAAK,CAACY,UAAN,CAAiBR,OAAjB,CAAhB;EACA,IAAQS,MAAR,GAA6CF,OAA7C,CAAQE,MAAR;EAAA,IAAgBC,cAAhB,GAA6CH,OAA7C,CAAgBG,cAAhB;EAAA,IAAgCC,QAAhC,GAA6CJ,OAA7C,CAAgCI,QAAhC;;EACA,gBAA8Bd,QAAQ,CAACQ,cAAD,CAAtC;EAAA;EAAA,IAAOO,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAMC,OAAO,GAAGV,KAAK,IAAI,IAAT,IAAiBA,KAAK,CAACW,QAAN,GAAiBC,IAAjB,OAA4B,EAA7D;EAEA,IAAIC,MAAM,GAAGH,OAAO,GAAG,OAAH,GAAa,SAAjC;EACAG,MAAM,GAAG,CAACL,OAAD,GAAW,SAAX,GAAuBK,MAAhC;EAEA,oBACE,KAAC,OAAD;IACE,SAAS,EAAEX,OAAO,CAACY,QADrB;IAEE,KAAK,EAAET,MAAM,CAACU,IAAP,CAAYf,KAAZ,CAAkBgB,IAAlB,CAAuBC,KAFhC;IAGE,QAAQ,MAHV;IAIE,MAAM,EAAEJ,MAJV;IAKE,aAAa,EAAER,MAAM,CAACU,IAAP,CAAYf,KAAZ,CAAkBgB,IAAlB,CAAuBE,UAAvB,CAAkCC,QALnD;IAME,KAAK,EAAEnB,KANT;IAOE,UAAU,EAAE;MACVoB,YAAY,EAAE;IADJ,CAPd;IAUE,QAAQ,EAAE,kBAACC,CAAD,EAAIC,CAAJ,EAAU;MAClBhB,cAAc,CAAC;QACbiB,IAAI,EAAE,WADO;QAEbxB,EAAE,EAAFA,EAFa;QAGbC,KAAK,EAAEsB;MAHM,CAAD,CAAd;IAKD,CAhBH;IAiBE,MAAM,EAAE,kBAAM;MACZb,UAAU,CAAC,IAAD,CAAV;IACD,CAnBH;IAoBE,SAAS,EAAE,mBAACe,CAAD,EAAO;MAChB,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;QACrBD,CAAC,CAACE,cAAF;MACD;IACF,CAxBH;IAyBE,WAAW,EAAC,QAzBd;IA0BE,QAAQ,EAAEnB;EA1BZ,EADF;AA8BD,CAxCD;;AA0CA,wCAAAT,SAAS,CAAC6B,SAAV,GAAsB;EACpB5B,EAAE,EAAEL,SAAS,CAACkC,MADM;EAEpB5B,KAAK,EAAEN,SAAS,CAACmC,GAFG;EAGpB5B,cAAc,EAAEP,SAAS,CAACoC;AAHN,CAAtB;AAMA,4BAAetC,KAAK,CAACuC,IAAN,CAAWjC,SAAX,CAAf"}

package/dist/legacy/QueryBuilder/Rule/Value/TextValue/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TextValue";
+//# sourceMappingURL=index.js.map

package/dist/legacy/QueryBuilder/Rule/Value/TextValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/TextValue/index.js"],"sourcesContent":["export { default } from \"./TextValue\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}

package/dist/legacy/QueryBuilder/Rule/Value/TextValue/styles.js

@@ -0,0 +1,10 @@
+import { makeStyles } from "@mui/styles";
+var useStyles = makeStyles(function () {
+  return {
+    location: {
+      flexGrow: 1
+    }
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/QueryBuilder/Rule/Value/TextValue/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["makeStyles","useStyles","location","flexGrow"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/TextValue/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles(() => {\n  return {\n    location: {\n      flexGrow: 1,\n    },\n  };\n});\n\nexport default useStyles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,IAAMC,SAAS,GAAGD,UAAU,CAAC,YAAM;EACjC,OAAO;IACLE,QAAQ,EAAE;MACRC,QAAQ,EAAE;IADF;EADL,CAAP;AAKD,CAN2B,CAA5B;AAQA,eAAeF,SAAf"}

package/dist/legacy/QueryBuilder/Rule/Value/Value.js

@@ -0,0 +1,87 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React from "react";
+import PropTypes from "prop-types";
+import Context from "../../Context";
+import BooleanValue from "./BooleanValue";
+import NumericValue from "./NumericValue";
+import TextValue from "./TextValue";
+import DateTimeValue from "./DateTimeValue";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+var Value = function Value(_ref) {
+  var id = _ref.id,
+      attribute = _ref.attribute,
+      operator = _ref.operator,
+      valueProp = _ref.value;
+  var context = React.useContext(Context);
+  var attributes = context.attributes,
+      initialTouched = context.initialTouched;
+
+  var _ref2 = attribute ? _objectSpread({}, attributes[attribute]) : {
+    type: null
+  },
+      type = _ref2.type;
+
+  switch (type) {
+    case "boolean":
+      {
+        return /*#__PURE__*/_jsx(BooleanValue, {
+          id: id,
+          value: !!valueProp,
+          initialTouched: initialTouched
+        });
+      }
+
+    case "numeric":
+      {
+        return /*#__PURE__*/_jsx(NumericValue, {
+          id: id,
+          operator: operator,
+          value: valueProp,
+          initialTouched: initialTouched
+        });
+      }
+
+    case "text":
+    case "textarea":
+    default:
+      {
+        return /*#__PURE__*/_jsx(TextValue, {
+          id: id,
+          value: valueProp,
+          initialTouched: initialTouched
+        });
+      }
+
+    case "dateandtime":
+      {
+        return /*#__PURE__*/_jsx(DateTimeValue, {
+          id: id,
+          operator: operator,
+          value: valueProp,
+          initialTouched: initialTouched
+        });
+      }
+  }
+};
+
+process.env.NODE_ENV !== "production" ? Value.propTypes = {
+  id: PropTypes.number,
+  attribute: PropTypes.string,
+  operator: PropTypes.string,
+  value: PropTypes.any
+} : void 0;
+export default /*#__PURE__*/React.memo(Value);
+//# sourceMappingURL=Value.js.map

package/dist/legacy/QueryBuilder/Rule/Value/Value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.js","names":["React","PropTypes","Context","BooleanValue","NumericValue","TextValue","DateTimeValue","Value","id","attribute","operator","valueProp","value","context","useContext","attributes","initialTouched","type","propTypes","number","string","any","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Value/Value.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport Context from \"../../Context\";\nimport BooleanValue from \"./BooleanValue\";\nimport NumericValue from \"./NumericValue\";\nimport TextValue from \"./TextValue\";\nimport DateTimeValue from \"./DateTimeValue\";\n\nconst Value = ({ id, attribute, operator, value: valueProp }) => {\n  const context = React.useContext(Context);\n  const { attributes, initialTouched } = context;\n  const { type } = attribute ? { ...attributes[attribute] } : { type: null };\n\n  switch (type) {\n    case \"boolean\": {\n      return <BooleanValue id={id} value={!!valueProp} initialTouched={initialTouched} />;\n    }\n    case \"numeric\": {\n      return (\n        <NumericValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"text\":\n    case \"textarea\":\n    default: {\n      return <TextValue id={id} value={valueProp} initialTouched={initialTouched} />;\n    }\n    case \"dateandtime\": {\n      return (\n        <DateTimeValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n  }\n};\n\nValue.propTypes = {\n  id: PropTypes.number,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n};\n\nexport default React.memo(Value);\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,OAAP,MAAoB,eAApB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,EAAgD,QAAhDA,EAAgD;EAAA,IAA5CC,SAA4C,QAA5CA,SAA4C;EAAA,IAAjCC,QAAiC,QAAjCA,QAAiC;EAAA,IAAhBC,SAAgB,QAAvBC,KAAuB;EAC/D,IAAMC,OAAO,GAAGb,KAAK,CAACc,UAAN,CAAiBZ,OAAjB,CAAhB;EACA,IAAQa,UAAR,GAAuCF,OAAvC,CAAQE,UAAR;EAAA,IAAoBC,cAApB,GAAuCH,OAAvC,CAAoBG,cAApB;;EACA,YAAiBP,SAAS,qBAAQM,UAAU,CAACN,SAAD,CAAlB,IAAkC;IAAEQ,IAAI,EAAE;EAAR,CAA5D;EAAA,IAAQA,IAAR,SAAQA,IAAR;;EAEA,QAAQA,IAAR;IACE,KAAK,SAAL;MAAgB;QACd,oBAAO,KAAC,YAAD;UAAc,EAAE,EAAET,EAAlB;UAAsB,KAAK,EAAE,CAAC,CAACG,SAA/B;UAA0C,cAAc,EAAEK;QAA1D,EAAP;MACD;;IACD,KAAK,SAAL;MAAgB;QACd,oBACE,KAAC,YAAD;UACE,EAAE,EAAER,EADN;UAEE,QAAQ,EAAEE,QAFZ;UAGE,KAAK,EAAEC,SAHT;UAIE,cAAc,EAAEK;QAJlB,EADF;MAQD;;IACD,KAAK,MAAL;IACA,KAAK,UAAL;IACA;MAAS;QACP,oBAAO,KAAC,SAAD;UAAW,EAAE,EAAER,EAAf;UAAmB,KAAK,EAAEG,SAA1B;UAAqC,cAAc,EAAEK;QAArD,EAAP;MACD;;IACD,KAAK,aAAL;MAAoB;QAClB,oBACE,KAAC,aAAD;UACE,EAAE,EAAER,EADN;UAEE,QAAQ,EAAEE,QAFZ;UAGE,KAAK,EAAEC,SAHT;UAIE,cAAc,EAAEK;QAJlB,EADF;MAQD;EA5BH;AA8BD,CAnCD;;AAqCA,wCAAAT,KAAK,CAACW,SAAN,GAAkB;EAChBV,EAAE,EAAEP,SAAS,CAACkB,MADE;EAEhBV,SAAS,EAAER,SAAS,CAACmB,MAFL;EAGhBV,QAAQ,EAAET,SAAS,CAACmB,MAHJ;EAIhBR,KAAK,EAAEX,SAAS,CAACoB;AAJD,CAAlB;AAOA,4BAAerB,KAAK,CAACsB,IAAN,CAAWf,KAAX,CAAf"}

package/dist/legacy/QueryBuilder/Rule/Value/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Value";
+//# sourceMappingURL=index.js.map

package/dist/legacy/QueryBuilder/Rule/Value/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/QueryBuilder/Rule/Value/index.js"],"sourcesContent":["export { default } from \"./Value\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}

package/dist/legacy/QueryBuilder/Rule/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Rule";
+//# sourceMappingURL=index.js.map

package/dist/legacy/QueryBuilder/Rule/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/QueryBuilder/Rule/index.js"],"sourcesContent":["export { default } from \"./Rule\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}

package/dist/legacy/QueryBuilder/Rule/styles.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { makeStyles } from "@mui/styles";
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      position: "relative",
+      marginTop: theme.hv.spacing.xs,
+      minHeight: 94,
+      "&>div:not(:last-child)": _defineProperty({
+        marginRight: theme.hv.spacing.md
+      }, theme.breakpoints.down("md"), {
+        marginRight: theme.hv.spacing.md / 2
+      }),
+      // hide required * as all fields are required
+      "& label>span[aria-hidden]": {
+        visibility: "hidden"
+      },
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        zIndex: 2,
+        width: 21,
+        height: 39,
+        borderBottom: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4),
+        borderLeft: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4),
+        top: 0,
+        left: -21
+      },
+      ":not(.topRulesContainer)>&:last-child::after": {
+        content: '""',
+        position: "absolute",
+        zIndex: 1,
+        width: 21,
+        height: "100%",
+        borderLeft: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4),
+        top: 0,
+        left: -21
+      }
+    },
+    actionsContainer: {
+      marginLeft: "auto",
+      marginTop: 22,
+      "&>:not(:last-child)": {
+        marginRight: theme.hvSpacing("xs")
+      }
+    }
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/QueryBuilder/Rule/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["makeStyles","useStyles","theme","root","position","marginTop","hv","spacing","xs","minHeight","marginRight","md","breakpoints","down","visibility","content","zIndex","width","height","borderBottom","palette","atmosphere","atmo4","borderLeft","top","left","actionsContainer","marginLeft","hvSpacing"],"sources":["../../../../src/QueryBuilder/Rule/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    marginTop: theme.hv.spacing.xs,\n\n    minHeight: 94,\n\n    \"&>div:not(:last-child)\": {\n      marginRight: theme.hv.spacing.md,\n\n      [theme.breakpoints.down(\"md\")]: {\n        marginRight: theme.hv.spacing.md / 2,\n      },\n    },\n\n    // hide required * as all fields are required\n    \"& label>span[aria-hidden]\": {\n      visibility: \"hidden\",\n    },\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 39,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -21,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 21,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -21,\n    },\n  },\n  actionsContainer: {\n    marginLeft: \"auto\",\n    marginTop: 22,\n\n    \"&>:not(:last-child)\": {\n      marginRight: theme.hvSpacing(\"xs\"),\n    },\n  },\n}));\n\nexport default useStyles;\n"],"mappings":";AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,IAAMC,SAAS,GAAGD,UAAU,CAAC,UAACE,KAAD;EAAA,OAAY;IACvCC,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJC,SAAS,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFxB;MAIJC,SAAS,EAAE,EAJP;MAMJ;QACEC,WAAW,EAAER,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBI;MADhC,GAGGT,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAHH,EAGkC;QAC9BH,WAAW,EAAER,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBI,EAAjB,GAAsB;MADL,CAHlC,CANI;MAcJ;MACA,6BAA6B;QAC3BG,UAAU,EAAE;MADe,CAfzB;MAmBJ,aAAa;QACXC,OAAO,EAAE,IADE;QAEXX,QAAQ,EAAE,UAFC;QAGXY,MAAM,EAAE,CAHG;QAKXC,KAAK,EAAE,EALI;QAMXC,MAAM,EAAE,EANG;QAQXC,YAAY,sBAAejB,KAAK,CAACI,EAAN,CAASc,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CARD;QASXC,UAAU,sBAAerB,KAAK,CAACI,EAAN,CAASc,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CATC;QAWXE,GAAG,EAAE,CAXM;QAYXC,IAAI,EAAE,CAAC;MAZI,CAnBT;MAiCJ,gDAAgD;QAC9CV,OAAO,EAAE,IADqC;QAE9CX,QAAQ,EAAE,UAFoC;QAG9CY,MAAM,EAAE,CAHsC;QAK9CC,KAAK,EAAE,EALuC;QAM9CC,MAAM,EAAE,MANsC;QAQ9CK,UAAU,sBAAerB,KAAK,CAACI,EAAN,CAASc,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CARoC;QAU9CE,GAAG,EAAE,CAVyC;QAW9CC,IAAI,EAAE,CAAC;MAXuC;IAjC5C,CADiC;IAgDvCC,gBAAgB,EAAE;MAChBC,UAAU,EAAE,MADI;MAEhBtB,SAAS,EAAE,EAFK;MAIhB,uBAAuB;QACrBK,WAAW,EAAER,KAAK,CAAC0B,SAAN,CAAgB,IAAhB;MADQ;IAJP;EAhDqB,CAAZ;AAAA,CAAD,CAA5B;AA0DA,eAAe3B,SAAf"}

package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js

@@ -0,0 +1,290 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _Info;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useCallback, useContext } from "react";
+import clsx from "clsx";
+import { withStyles } from "@mui/styles";
+import PropTypes from "prop-types";
+import { Add, Delete, Info } from "@hitachivantara/uikit-react-icons";
+import { HvGrid, HvMultiButton, HvButton, HvEmptyState, HvTypography, withTooltip } from "../..";
+import Context from "../Context";
+import Rule from "../Rule";
+import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
+var RuleGroup = function RuleGroup(_ref) {
+  var _labels$query, _labels$query$addRule, _labels$query2, _labels$query2$addRul, _labels$query3, _labels$query3$addGro, _labels$query4, _labels$query4$addGro, _labels$query5, _labels$query5$delete, _labels$query6, _labels$query6$delete, _labels$query8, _labels$query8$delete, _labels$query9, _labels$query9$delete, _labels$empty, _labels$empty2, _labels$empty3, _labels$empty4;
+
+  var _ref$level = _ref.level,
+      level = _ref$level === void 0 ? 0 : _ref$level,
+      id = _ref.id,
+      _ref$combinator = _ref.combinator,
+      combinator = _ref$combinator === void 0 ? "and" : _ref$combinator,
+      _ref$rules = _ref.rules,
+      rules = _ref$rules === void 0 ? [] : _ref$rules,
+      classes = _ref.classes;
+  var context = useContext(Context);
+  var dispatchAction = context.dispatchAction,
+      askAction = context.askAction,
+      maxDepth = context.maxDepth,
+      combinators = context.combinators,
+      labels = context.labels,
+      readOnly = context.readOnly;
+  var normalizedMaxDepth = maxDepth - 1;
+
+  var actionButtons = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(HvButton, {
+      category: "secondary",
+      onClick: function onClick() {
+        dispatchAction({
+          type: "add-rule",
+          id: id
+        });
+      },
+      disabled: readOnly,
+      children: [/*#__PURE__*/_jsx(Add, {
+        disabled: readOnly
+      }), level === 0 && ((_labels$query = labels.query) === null || _labels$query === void 0 ? void 0 : (_labels$query$addRule = _labels$query.addRule) === null || _labels$query$addRule === void 0 ? void 0 : _labels$query$addRule.label) != null ? (_labels$query2 = labels.query) === null || _labels$query2 === void 0 ? void 0 : (_labels$query2$addRul = _labels$query2.addRule) === null || _labels$query2$addRul === void 0 ? void 0 : _labels$query2$addRul.label : labels.group.addRule.label]
+    }), level <= normalizedMaxDepth && /*#__PURE__*/_jsxs(HvButton, {
+      category: "secondary",
+      onClick: function onClick() {
+        dispatchAction({
+          type: "add-group",
+          id: id
+        });
+      },
+      disabled: readOnly,
+      children: [/*#__PURE__*/_jsx(Add, {
+        disabled: readOnly
+      }), level === 0 && ((_labels$query3 = labels.query) === null || _labels$query3 === void 0 ? void 0 : (_labels$query3$addGro = _labels$query3.addGroup) === null || _labels$query3$addGro === void 0 ? void 0 : _labels$query3$addGro.label) != null ? (_labels$query4 = labels.query) === null || _labels$query4 === void 0 ? void 0 : (_labels$query4$addGro = _labels$query4.addGroup) === null || _labels$query4$addGro === void 0 ? void 0 : _labels$query4$addGro.label : labels.group.addGroup.label]
+    })]
+  });
+
+  var DeleteIcon = withTooltip(function () {
+    return /*#__PURE__*/_jsx(Delete, {
+      className: readOnly ? classes.topRemoveButtonDisabled : "",
+      disabled: readOnly
+    });
+  }, level === 0 && (_labels$query5 = labels.query) !== null && _labels$query5 !== void 0 && (_labels$query5$delete = _labels$query5.delete) !== null && _labels$query5$delete !== void 0 && _labels$query5$delete.tooltip ? (_labels$query6 = labels.query) === null || _labels$query6 === void 0 ? void 0 : (_labels$query6$delete = _labels$query6.delete) === null || _labels$query6$delete === void 0 ? void 0 : _labels$query6$delete.tooltip : labels.group.delete.tooltip, "top");
+  var onClickCombinator = useCallback(function (item) {
+    dispatchAction({
+      type: "set-combinator",
+      id: id,
+      combinator: item.operand
+    });
+  }, [dispatchAction, id]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: clsx(classes.root, level === 0 ? classes.topGroup : classes.subGroup),
+    children: [/*#__PURE__*/_jsxs(HvGrid, {
+      container: true,
+      children: [/*#__PURE__*/_jsx(HvGrid, {
+        item: true,
+        children: /*#__PURE__*/_jsx(HvMultiButton, {
+          className: clsx(classes.combinator, classes.topCombinator),
+          disabled: readOnly,
+          children: combinators.map(function (item) {
+            return /*#__PURE__*/_jsx(HvButton, {
+              className: classes.combinatorButton,
+              selected: item.operand === combinator,
+              onClick: function onClick() {
+                return item.operand && onClickCombinator(item);
+              },
+              disabled: readOnly,
+              children: item.label
+            }, item.operand);
+          })
+        })
+      }), /*#__PURE__*/_jsx(HvGrid, {
+        item: true,
+        children: /*#__PURE__*/_jsx(HvButton, {
+          icon: true,
+          className: clsx(classes.removeButton, classes.topRemoveButton),
+          onClick: function onClick() {
+            var _labels$query7;
+
+            askAction({
+              actions: [{
+                type: "remove-node",
+                id: id
+              }],
+              dialog: level === 0 && ((_labels$query7 = labels.query) === null || _labels$query7 === void 0 ? void 0 : _labels$query7.delete) != null ? labels.query.delete : labels.group.delete
+            });
+          },
+          "aria-label": level === 0 && (_labels$query8 = labels.query) !== null && _labels$query8 !== void 0 && (_labels$query8$delete = _labels$query8.delete) !== null && _labels$query8$delete !== void 0 && _labels$query8$delete.ariaLabel ? (_labels$query9 = labels.query) === null || _labels$query9 === void 0 ? void 0 : (_labels$query9$delete = _labels$query9.delete) === null || _labels$query9$delete === void 0 ? void 0 : _labels$query9$delete.ariaLabel : labels.group.delete.ariaLabel,
+          disabled: readOnly,
+          children: /*#__PURE__*/_jsx(DeleteIcon, {})
+        })
+      })]
+    }), (rules === null || rules === void 0 ? void 0 : rules.length) > 0 && /*#__PURE__*/_jsx("div", {
+      className: clsx(classes.rulesContainer, level > 0 && classes.subRulesContainer, level === 0 && "topRulesContainer"),
+      children: rules.map(function (rule, index) {
+        var _rule$id2;
+
+        if ("combinator" in rule) {
+          var _rule$id;
+
+          return /*#__PURE__*/_jsx(RuleGroup, _objectSpread(_objectSpread({
+            level: level + 1
+          }, rule), {}, {
+            id: rule.id,
+            classes: classes
+          }), (_rule$id = rule.id) !== null && _rule$id !== void 0 ? _rule$id : index);
+        }
+
+        var isInvalid = combinator === "and" && rules.some(function (r, i) {
+          if ("attribute" in r) {
+            if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {
+              return true;
+            }
+          }
+
+          return false;
+        });
+        return /*#__PURE__*/_jsx(Rule, _objectSpread(_objectSpread({}, rule), {}, {
+          isInvalid: isInvalid,
+          id: rule.id,
+          combinator: combinator
+        }), (_rule$id2 = rule.id) !== null && _rule$id2 !== void 0 ? _rule$id2 : index);
+      })
+    }), (rules === null || rules === void 0 ? void 0 : rules.length) === 0 && /*#__PURE__*/_jsx(HvEmptyState, {
+      title: (_labels$empty = labels.empty) === null || _labels$empty === void 0 ? void 0 : _labels$empty.title,
+      message: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(HvTypography, {
+          variant: "link",
+          component: "a",
+          onClick: function onClick() {
+            dispatchAction({
+              type: "add-rule",
+              id: id
+            });
+          },
+          style: {
+            cursor: "pointer",
+            textDecoration: "underline"
+          },
+          children: "".concat((_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition)
+        }), level <= normalizedMaxDepth && /*#__PURE__*/_jsxs(_Fragment, {
+          children: ["".concat((_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer), /*#__PURE__*/_jsx(HvTypography, {
+            variant: "link",
+            component: "a",
+            onClick: function onClick() {
+              dispatchAction({
+                type: "add-group",
+                id: id
+              });
+            },
+            style: {
+              cursor: "pointer",
+              textDecoration: "underline"
+            },
+            children: "".concat((_labels$empty4 = labels.empty) === null || _labels$empty4 === void 0 ? void 0 : _labels$empty4.createGroup)
+          })]
+        })]
+      }),
+      icon: _Info || (_Info = /*#__PURE__*/_jsx(Info, {}))
+    }), /*#__PURE__*/_jsx(HvGrid, {
+      container: true,
+      children: /*#__PURE__*/_jsx(HvGrid, {
+        item: true,
+        className: clsx(classes.actionButtonContainer, classes.topActionButtonContainer),
+        children: actionButtons
+      })
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? RuleGroup.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   * See CSS API tab for more details.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the top group container.
+     */
+    topGroup: PropTypes.string,
+
+    /**
+     * Styles applied to the sub group containers.
+     */
+    subGroup: PropTypes.string,
+
+    /**
+     * Styles applied to the multi-button combinator container.
+     */
+    combinator: PropTypes.string,
+
+    /**
+     * Styles applied to the multi-button combinator container on the top group.
+     */
+    topCombinator: PropTypes.string,
+
+    /**
+     * Styles applied to each combinator button.
+     */
+    combinatorButton: PropTypes.string,
+
+    /**
+     * Styles applied to the remove button.
+     */
+    removeButton: PropTypes.string,
+
+    /**
+     * Styles applied to the remove button on the top group.
+     */
+    topRemoveButton: PropTypes.string,
+
+    /**
+     * Styles applied to the remove button on the top group when disabled.
+     */
+    topRemoveButtonDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the rules container.
+     */
+    rulesContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the sub rules container.
+     */
+    subRulesContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the action button container.
+     */
+    actionButtonContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the top action button container.
+     */
+    topActionButtonContainer: PropTypes.string
+  }),
+  id: PropTypes.number,
+  level: PropTypes.number,
+  combinator: PropTypes.string,
+  rules: PropTypes.array
+} : void 0;
+export default withStyles(styles, {
+  name: "RuleGroup"
+})(RuleGroup);
+//# sourceMappingURL=RuleGroup.js.map