@hitachivantara/uikit-react-lab 3.38.0

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

@@ -0,0 +1,32 @@
+import { makeStyles } from "@material-ui/core";
+const useStyles = makeStyles(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)": {
+        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/modern/QueryBuilder/Rule/Value/NumericValue/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/styles.js"],"names":["makeStyles","useStyles","theme","root","display","flexGrow","label","paddingBottom","inputContainer","alignItems","rangeContainer","marginRight","hv","spacing","md","breakpoints","down","input"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAEE,KAAD,IAAW;AACtC,SAAO;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,QAAQ,EAAE;AAFN,KADD;AAKLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,aAAa,EAAE;AADV,KALF;AAQLC,IAAAA,cAAc,EAAE;AACdJ,MAAAA,OAAO,EAAE,MADK;AAEdK,MAAAA,UAAU,EAAE,UAFE;AAGdJ,MAAAA,QAAQ,EAAE;AAHI,KARX;AAaLK,IAAAA,cAAc,EAAE;AACdN,MAAAA,OAAO,EAAE,MADK;AAEdC,MAAAA,QAAQ,EAAE,CAFI;AAId,8CAAwC;AACtCM,QAAAA,WAAW,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,EADQ;AAGtC,SAACZ,KAAK,CAACa,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;AAC9BL,UAAAA,WAAW,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;AADL;AAHM;AAJ1B,KAbX;AAyBLG,IAAAA,KAAK,EAAE;AACLZ,MAAAA,QAAQ,EAAE;AADL;AAzBF,GAAP;AA6BD,CA9B2B,CAA5B;AAgCA,eAAeJ,SAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\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"],"file":"styles.js"}

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

@@ -0,0 +1,58 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { HvInput } from "@hitachivantara/uikit-react-core";
+import Context from "../../../Context";
+import useStyles from "./styles";
+
+const TextValue = ({
+  id,
+  value = "",
+  initialTouched = false
+}) => {
+  const classes = useStyles();
+  const context = React.useContext(Context);
+  const {
+    labels,
+    dispatchAction
+  } = context;
+  const [touched, setTouched] = useState(initialTouched);
+  const isValid = value != null && value.toString().trim() !== "";
+  let status = isValid ? "valid" : "invalid";
+  status = !touched ? "standBy" : status;
+  return /*#__PURE__*/React.createElement(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: (t, v) => {
+      dispatchAction({
+        type: "set-value",
+        id,
+        value: v
+      });
+    },
+    onBlur: () => {
+      setTouched(true);
+    },
+    onKeyDown: e => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+      }
+    },
+    placeholder: "\u2014"
+  });
+};
+
+TextValue.propTypes = {
+  id: PropTypes.number,
+  value: PropTypes.any,
+  initialTouched: PropTypes.bool
+};
+export default /*#__PURE__*/React.memo(TextValue);
+//# sourceMappingURL=TextValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/TextValue/TextValue.js"],"names":["React","useState","PropTypes","HvInput","Context","useStyles","TextValue","id","value","initialTouched","classes","context","useContext","labels","dispatchAction","touched","setTouched","isValid","toString","trim","status","location","rule","text","label","validation","required","autoComplete","t","v","type","e","key","preventDefault","propTypes","number","any","bool","memo"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,QAAwB,kCAAxB;AAEA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,KAAK,GAAG,EAAd;AAAkBC,EAAAA,cAAc,GAAG;AAAnC,CAAD,KAAgD;AAChE,QAAMC,OAAO,GAAGL,SAAS,EAAzB;AACA,QAAMM,OAAO,GAAGX,KAAK,CAACY,UAAN,CAAiBR,OAAjB,CAAhB;AACA,QAAM;AAAES,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAA6BH,OAAnC;AACA,QAAM,CAACI,OAAD,EAAUC,UAAV,IAAwBf,QAAQ,CAACQ,cAAD,CAAtC;AACA,QAAMQ,OAAO,GAAGT,KAAK,IAAI,IAAT,IAAiBA,KAAK,CAACU,QAAN,GAAiBC,IAAjB,OAA4B,EAA7D;AAEA,MAAIC,MAAM,GAAGH,OAAO,GAAG,OAAH,GAAa,SAAjC;AACAG,EAAAA,MAAM,GAAG,CAACL,OAAD,GAAW,SAAX,GAAuBK,MAAhC;AAEA,sBACE,oBAAC,OAAD;AACE,IAAA,SAAS,EAAEV,OAAO,CAACW,QADrB;AAEE,IAAA,KAAK,EAAER,MAAM,CAACS,IAAP,CAAYd,KAAZ,CAAkBe,IAAlB,CAAuBC,KAFhC;AAGE,IAAA,QAAQ,MAHV;AAIE,IAAA,MAAM,EAAEJ,MAJV;AAKE,IAAA,aAAa,EAAEP,MAAM,CAACS,IAAP,CAAYd,KAAZ,CAAkBe,IAAlB,CAAuBE,UAAvB,CAAkCC,QALnD;AAME,IAAA,KAAK,EAAElB,KANT;AAOE,IAAA,UAAU,EAAE;AACVmB,MAAAA,YAAY,EAAE;AADJ,KAPd;AAUE,IAAA,QAAQ,EAAE,CAACC,CAAD,EAAIC,CAAJ,KAAU;AAClBf,MAAAA,cAAc,CAAC;AACbgB,QAAAA,IAAI,EAAE,WADO;AAEbvB,QAAAA,EAFa;AAGbC,QAAAA,KAAK,EAAEqB;AAHM,OAAD,CAAd;AAKD,KAhBH;AAiBE,IAAA,MAAM,EAAE,MAAM;AACZb,MAAAA,UAAU,CAAC,IAAD,CAAV;AACD,KAnBH;AAoBE,IAAA,SAAS,EAAGe,CAAD,IAAO;AAChB,UAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,QAAAA,CAAC,CAACE,cAAF;AACD;AACF,KAxBH;AAyBE,IAAA,WAAW,EAAC;AAzBd,IADF;AA6BD,CAvCD;;AAyCA3B,SAAS,CAAC4B,SAAV,GAAsB;AACpB3B,EAAAA,EAAE,EAAEL,SAAS,CAACiC,MADM;AAEpB3B,EAAAA,KAAK,EAAEN,SAAS,CAACkC,GAFG;AAGpB3B,EAAAA,cAAc,EAAEP,SAAS,CAACmC;AAHN,CAAtB;AAMA,4BAAerC,KAAK,CAACsC,IAAN,CAAWhC,SAAX,CAAf","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\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 } = 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    />\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"],"file":"TextValue.js"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { makeStyles } from "@material-ui/core";
+const useStyles = makeStyles(() => {
+  return {
+    location: {
+      flexGrow: 1
+    }
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/TextValue/styles.js"],"names":["makeStyles","useStyles","location","flexGrow"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAC,MAAM;AACjC,SAAO;AACLE,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE;AADF;AADL,GAAP;AAKD,CAN2B,CAA5B;AAQA,eAAeF,SAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() => {\n  return {\n    location: {\n      flexGrow: 1,\n    },\n  };\n});\n\nexport default useStyles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,86 @@
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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";
+
+const Value = ({
+  id,
+  attribute,
+  operator,
+  value: valueProp
+}) => {
+  const context = React.useContext(Context);
+  const {
+    attributes,
+    initialTouched
+  } = context;
+  const {
+    type
+  } = attribute ? _objectSpread({}, attributes[attribute]) : {
+    type: null
+  };
+
+  switch (type) {
+    case "boolean":
+      {
+        return /*#__PURE__*/React.createElement(BooleanValue, {
+          id: id,
+          value: !!valueProp,
+          initialTouched: initialTouched
+        });
+      }
+
+    case "numeric":
+      {
+        return /*#__PURE__*/React.createElement(NumericValue, {
+          id: id,
+          operator: operator,
+          value: valueProp,
+          initialTouched: initialTouched
+        });
+      }
+
+    case "text":
+    case "textarea":
+      {
+        return /*#__PURE__*/React.createElement(TextValue, {
+          id: id,
+          value: valueProp,
+          initialTouched: initialTouched
+        });
+      }
+
+    case "dateandtime":
+      {
+        return /*#__PURE__*/React.createElement(DateTimeValue, {
+          id: id,
+          operator: operator,
+          value: valueProp,
+          initialTouched: initialTouched
+        });
+      }
+
+    default:
+      {
+        return null;
+      }
+  }
+};
+
+Value.propTypes = {
+  id: PropTypes.number,
+  attribute: PropTypes.string,
+  operator: PropTypes.string,
+  value: PropTypes.any
+};
+export default /*#__PURE__*/React.memo(Value);
+//# sourceMappingURL=Value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/QueryBuilder/Rule/Value/Value.js"],"names":["React","PropTypes","Context","BooleanValue","NumericValue","TextValue","DateTimeValue","Value","id","attribute","operator","value","valueProp","context","useContext","attributes","initialTouched","type","propTypes","number","string","any","memo"],"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,MAAMC,KAAK,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,SAAN;AAAiBC,EAAAA,QAAjB;AAA2BC,EAAAA,KAAK,EAAEC;AAAlC,CAAD,KAAmD;AAC/D,QAAMC,OAAO,GAAGb,KAAK,CAACc,UAAN,CAAiBZ,OAAjB,CAAhB;AACA,QAAM;AAAEa,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAAiCH,OAAvC;AACA,QAAM;AAAEI,IAAAA;AAAF,MAAWR,SAAS,qBAAQM,UAAU,CAACN,SAAD,CAAlB,IAAkC;AAAEQ,IAAAA,IAAI,EAAE;AAAR,GAA5D;;AAEA,UAAQA,IAAR;AACE,SAAK,SAAL;AAAgB;AACd,4BAAO,oBAAC,YAAD;AAAc,UAAA,EAAE,EAAET,EAAlB;AAAsB,UAAA,KAAK,EAAE,CAAC,CAACI,SAA/B;AAA0C,UAAA,cAAc,EAAEI;AAA1D,UAAP;AACD;;AACD,SAAK,SAAL;AAAgB;AACd,4BACE,oBAAC,YAAD;AACE,UAAA,EAAE,EAAER,EADN;AAEE,UAAA,QAAQ,EAAEE,QAFZ;AAGE,UAAA,KAAK,EAAEE,SAHT;AAIE,UAAA,cAAc,EAAEI;AAJlB,UADF;AAQD;;AACD,SAAK,MAAL;AACA,SAAK,UAAL;AAAiB;AACf,4BAAO,oBAAC,SAAD;AAAW,UAAA,EAAE,EAAER,EAAf;AAAmB,UAAA,KAAK,EAAEI,SAA1B;AAAqC,UAAA,cAAc,EAAEI;AAArD,UAAP;AACD;;AACD,SAAK,aAAL;AAAoB;AAClB,4BACE,oBAAC,aAAD;AACE,UAAA,EAAE,EAAER,EADN;AAEE,UAAA,QAAQ,EAAEE,QAFZ;AAGE,UAAA,KAAK,EAAEE,SAHT;AAIE,UAAA,cAAc,EAAEI;AAJlB,UADF;AAQD;;AACD;AAAS;AACP,eAAO,IAAP;AACD;AA9BH;AAgCD,CArCD;;AAuCAT,KAAK,CAACW,SAAN,GAAkB;AAChBV,EAAAA,EAAE,EAAEP,SAAS,CAACkB,MADE;AAEhBV,EAAAA,SAAS,EAAER,SAAS,CAACmB,MAFL;AAGhBV,EAAAA,QAAQ,EAAET,SAAS,CAACmB,MAHJ;AAIhBT,EAAAA,KAAK,EAAEV,SAAS,CAACoB;AAJD,CAAlB;AAOA,4BAAerB,KAAK,CAACsB,IAAN,CAAWf,KAAX,CAAf","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      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    default: {\n      return null;\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"],"file":"Value.js"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { makeStyles } from "@material-ui/core";
+const useStyles = makeStyles(theme => ({
+  root: {
+    position: "relative",
+    marginTop: theme.hv.spacing.xs,
+    minHeight: 94,
+    "&>div:not(:last-child)": {
+      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 ${theme.hv.palette.atmosphere.atmo4}`,
+      borderLeft: `1px solid ${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 ${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/modern/QueryBuilder/Rule/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/QueryBuilder/Rule/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"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAEE,KAAD,KAAY;AACvCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UADN;AAEJC,IAAAA,SAAS,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFxB;AAIJC,IAAAA,SAAS,EAAE,EAJP;AAMJ,8BAA0B;AACxBC,MAAAA,WAAW,EAAER,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBI,EADN;AAGxB,OAACT,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;AAC9BH,QAAAA,WAAW,EAAER,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBI,EAAjB,GAAsB;AADL;AAHR,KANtB;AAcJ;AACA,iCAA6B;AAC3BG,MAAAA,UAAU,EAAE;AADe,KAfzB;AAmBJ,iBAAa;AACXC,MAAAA,OAAO,EAAE,IADE;AAEXX,MAAAA,QAAQ,EAAE,UAFC;AAGXY,MAAAA,MAAM,EAAE,CAHG;AAKXC,MAAAA,KAAK,EAAE,EALI;AAMXC,MAAAA,MAAM,EAAE,EANG;AAQXC,MAAAA,YAAY,EAAG,aAAYjB,KAAK,CAACI,EAAN,CAASc,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EARlD;AASXC,MAAAA,UAAU,EAAG,aAAYrB,KAAK,CAACI,EAAN,CAASc,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EAThD;AAWXE,MAAAA,GAAG,EAAE,CAXM;AAYXC,MAAAA,IAAI,EAAE,CAAC;AAZI,KAnBT;AAiCJ,oDAAgD;AAC9CV,MAAAA,OAAO,EAAE,IADqC;AAE9CX,MAAAA,QAAQ,EAAE,UAFoC;AAG9CY,MAAAA,MAAM,EAAE,CAHsC;AAK9CC,MAAAA,KAAK,EAAE,EALuC;AAM9CC,MAAAA,MAAM,EAAE,MANsC;AAQ9CK,MAAAA,UAAU,EAAG,aAAYrB,KAAK,CAACI,EAAN,CAASc,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EARb;AAU9CE,MAAAA,GAAG,EAAE,CAVyC;AAW9CC,MAAAA,IAAI,EAAE,CAAC;AAXuC;AAjC5C,GADiC;AAgDvCC,EAAAA,gBAAgB,EAAE;AAChBC,IAAAA,UAAU,EAAE,MADI;AAEhBtB,IAAAA,SAAS,EAAE,EAFK;AAIhB,2BAAuB;AACrBK,MAAAA,WAAW,EAAER,KAAK,CAAC0B,SAAN,CAAgB,IAAhB;AADQ;AAJP;AAhDqB,CAAZ,CAAD,CAA5B;AA0DA,eAAe3B,SAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\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"],"file":"styles.js"}

package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js

@@ -0,0 +1,158 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useContext } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { HvGrid, HvMultiButton, HvButton, HvEmptyState, HvTypography, withTooltip } from "@hitachivantara/uikit-react-core";
+import { Add, Delete, Info } from "@hitachivantara/uikit-react-icons";
+import Context from "../Context";
+import Rule from "../Rule";
+import useStyles from "./styles";
+
+const RuleGroup = ({
+  level = 0,
+  id,
+  combinator = "and",
+  rules = []
+}) => {
+  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;
+
+  const classes = useStyles({
+    level
+  });
+  const context = useContext(Context);
+  const {
+    dispatchAction,
+    askAction,
+    maxDepth,
+    combinators,
+    labels
+  } = context;
+  const actionButtons = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvButton, {
+    category: "secondary",
+    onClick: () => {
+      dispatchAction({
+        type: "add-rule",
+        id
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Add, null), 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 < maxDepth && /*#__PURE__*/React.createElement(HvButton, {
+    category: "secondary",
+    onClick: () => {
+      dispatchAction({
+        type: "add-group",
+        id
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Add, null), 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));
+  const DeleteIcon = withTooltip(() => /*#__PURE__*/React.createElement(Delete, null), 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");
+  const onClickCombinator = useCallback(item => {
+    dispatchAction({
+      type: "set-combinator",
+      id,
+      combinator: item.operand
+    });
+  }, [dispatchAction, id]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.root, level === 0 ? classes.topGroup : classes.subGroup)
+  }, /*#__PURE__*/React.createElement(HvGrid, {
+    container: true
+  }, /*#__PURE__*/React.createElement(HvGrid, {
+    item: true
+  }, /*#__PURE__*/React.createElement(HvMultiButton, {
+    className: clsx(classes.combinator, classes.topCombinator)
+  }, combinators.map(item => /*#__PURE__*/React.createElement(HvButton, {
+    key: item.operand,
+    className: classes.combinatorButton,
+    selected: item.operand === combinator,
+    onClick: () => item.operand && onClickCombinator(item)
+  }, item.label)))), /*#__PURE__*/React.createElement(HvGrid, {
+    item: true
+  }, /*#__PURE__*/React.createElement(HvButton, {
+    icon: true,
+    className: clsx(classes.removeButton, classes.topRemoveButton),
+    onClick: () => {
+      var _labels$query7;
+
+      askAction({
+        actions: [{
+          type: "remove-node",
+          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
+  }, /*#__PURE__*/React.createElement(DeleteIcon, null)))), (rules === null || rules === void 0 ? void 0 : rules.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.rulesContainer, level > 0 && classes.subRulesContainer, level === 0 && "topRulesContainer")
+  }, rules.map((rule, index) => {
+    if ("combinator" in rule) {
+      return /*#__PURE__*/React.createElement(RuleGroup, _extends({
+        key: rule.id || Math.random(),
+        level: level + 1
+      }, rule, {
+        id: rule.id
+      }));
+    }
+
+    const isInvalid = combinator === "and" && rules.some((r, i) => {
+      if ("attribute" in r) {
+        if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {
+          return true;
+        }
+      }
+
+      return false;
+    });
+    return /*#__PURE__*/React.createElement(Rule, _extends({
+      key: rule.id || Math.random()
+    }, rule, {
+      isInvalid: isInvalid,
+      id: rule.id,
+      combinator: combinator
+    }));
+  })), (rules === null || rules === void 0 ? void 0 : rules.length) === 0 && /*#__PURE__*/React.createElement(HvEmptyState, {
+    title: (_labels$empty = labels.empty) === null || _labels$empty === void 0 ? void 0 : _labels$empty.title,
+    message: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvTypography, {
+      variant: "link",
+      component: "a",
+      onClick: () => {
+        dispatchAction({
+          type: "add-rule",
+          id
+        });
+      },
+      style: {
+        cursor: "pointer",
+        textDecoration: "underline"
+      }
+    }, `${(_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition}`), level === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, `${(_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer}`, /*#__PURE__*/React.createElement(HvTypography, {
+      variant: "link",
+      component: "a",
+      onClick: () => {
+        dispatchAction({
+          type: "add-group",
+          id
+        });
+      },
+      style: {
+        cursor: "pointer",
+        textDecoration: "underline"
+      }
+    }, `${(_labels$empty4 = labels.empty) === null || _labels$empty4 === void 0 ? void 0 : _labels$empty4.createGroup}`))),
+    icon: /*#__PURE__*/React.createElement(Info, null)
+  }), /*#__PURE__*/React.createElement(HvGrid, {
+    container: true
+  }, /*#__PURE__*/React.createElement(HvGrid, {
+    item: true,
+    className: clsx(classes.actionButtonContainer, classes.topActionButtonContainer)
+  }, actionButtons)));
+};
+
+RuleGroup.propTypes = {
+  id: PropTypes.number,
+  level: PropTypes.number,
+  combinator: PropTypes.string,
+  rules: PropTypes.array
+};
+export default RuleGroup;
+//# sourceMappingURL=RuleGroup.js.map

package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"names":["React","useCallback","useContext","clsx","PropTypes","HvGrid","HvMultiButton","HvButton","HvEmptyState","HvTypography","withTooltip","Add","Delete","Info","Context","Rule","useStyles","RuleGroup","level","id","combinator","rules","classes","context","dispatchAction","askAction","maxDepth","combinators","labels","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","number","string","array"],"mappings":"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","sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport useStyles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [] }) => {\n  const classes = useStyles({ level });\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level < maxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level === 0 && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.propTypes = {\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default RuleGroup;\n"],"file":"RuleGroup.js"}

package/dist/modern/QueryBuilder/RuleGroup/index.js

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

package/dist/modern/QueryBuilder/RuleGroup/index.js.map

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

package/dist/modern/QueryBuilder/RuleGroup/styles.js

@@ -0,0 +1,82 @@
+import { makeStyles } from "@material-ui/core";
+const useStyles = makeStyles(theme => ({
+  root: {
+    position: "relative",
+    padding: theme.hv.spacing.sm,
+    marginTop: 12,
+    marginBottom: 32,
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+  },
+  subGroup: {
+    margin: "40px 14px 32px 20px",
+    minHeight: 120,
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      zIndex: 2,
+      width: 21,
+      height: 36,
+      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+      top: -38,
+      left: -42
+    },
+    ":not(.topRulesContainer)>&:last-child::after": {
+      content: '""',
+      position: "absolute",
+      zIndex: 1,
+      width: 32,
+      height: "100%",
+      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+      top: 0,
+      left: -22
+    }
+  },
+  topGroup: {
+    margin: theme.hv.spacing.sm,
+    backgroundColor: "transparent",
+    maxWidth: "100%",
+    minWidth: 740,
+    paddingBottom: theme.hv.spacing.sm * 3
+  },
+  combinator: {
+    minWidth: 80
+  },
+  topCombinator: {
+    position: "absolute",
+    top: -theme.hv.spacing.sm,
+    left: -theme.hv.spacing.sm
+  },
+  combinatorButton: {},
+  actionButtonContainer: {
+    marginLeft: "auto",
+    "&>*": {
+      marginLeft: theme.hv.spacing.sm
+    }
+  },
+  topActionButtonContainer: {
+    position: "absolute",
+    bottom: -theme.hv.spacing.md,
+    right: theme.hv.spacing.sm
+  },
+  removeButton: {},
+  topRemoveButton: {
+    position: "absolute",
+    top: -16,
+    right: -16,
+    backgroundColor: theme.hv.palette.atmosphere.atmo2
+  },
+  rulesContainer: {},
+  subRulesContainer: {
+    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+    marginLeft: theme.hv.spacing.sm,
+    marginBottom: theme.hv.spacing.md,
+    paddingLeft: theme.hv.spacing.sm,
+    paddingTop: 7,
+    position: "relative",
+    left: -41,
+    width: "100%"
+  }
+}));
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/QueryBuilder/RuleGroup/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/QueryBuilder/RuleGroup/styles.js"],"names":["makeStyles","useStyles","theme","root","position","padding","hv","spacing","sm","marginTop","marginBottom","border","palette","atmosphere","atmo4","subGroup","margin","minHeight","content","zIndex","width","height","borderBottom","borderLeft","top","left","topGroup","backgroundColor","maxWidth","minWidth","paddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","md","right","removeButton","topRemoveButton","atmo2","rulesContainer","subRulesContainer","paddingLeft","paddingTop"],"mappings":"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","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: -38,\n      left: -42,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -22,\n    },\n  },\n  topGroup: {\n    margin: theme.hv.spacing.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.hv.spacing.sm * 3,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: -theme.hv.spacing.sm,\n    left: -theme.hv.spacing.sm,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: -theme.hv.spacing.md,\n    right: theme.hv.spacing.sm,\n  },\n\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n    marginLeft: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.md,\n    paddingLeft: theme.hv.spacing.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: -41,\n\n    width: \"100%\",\n  },\n}));\n\nexport default useStyles;\n"],"file":"styles.js"}

package/dist/modern/QueryBuilder/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./QueryBuilder";
+
+export * from "./QueryBuilder";

package/dist/modern/QueryBuilder/index.js

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

package/dist/modern/QueryBuilder/index.js.map

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

package/dist/modern/QueryBuilder/styles.js

@@ -0,0 +1,4 @@
+const styles = () => ({});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/QueryBuilder/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/QueryBuilder/styles.js"],"names":["styles"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO,EAAP,CAAf;;AAEA,eAAeA,MAAf","sourcesContent":["const styles = () => ({});\n\nexport default styles;\n"],"file":"styles.js"}