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

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

@@ -0,0 +1,93 @@
+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, { useMemo, useContext } from "react";
+import PropTypes from "prop-types";
+import { HvDropdown } from "../../..";
+import Context from "../../Context";
+import { isBigList } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const Attribute = ({
+  id,
+  attribute,
+  disabled,
+  isInvalid
+}) => {
+  var _attributes$attribute;
+
+  const context = useContext(Context);
+  const {
+    dispatchAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  const values = useMemo(() => Object.keys(attributes).map(key => ({
+    id: key,
+    label: attributes[key].label,
+    selected: key === attribute
+  })), [attributes, attribute]);
+  const currentType = attribute != null ? (_attributes$attribute = attributes[attribute]) === null || _attributes$attribute === void 0 ? void 0 : _attributes$attribute.type : null;
+  return /*#__PURE__*/_jsx(HvDropdown, _objectSpread({
+    singleSelectionToggle: false,
+    label: labels.rule.attribute.label,
+    placeholder: labels.rule.attribute.placeholder,
+    values: values,
+    disabled: disabled,
+    readOnly: readOnly,
+    status: isInvalid ? "invalid" : "valid",
+    statusMessage: labels.rule.attribute.exists,
+    onChange: selected => {
+      if (selected && !Array.isArray(selected)) {
+        const attributeId = selected.id;
+        const {
+          type
+        } = attributes[attributeId];
+        const typeOperators = operators[type];
+        let operator;
+
+        if (currentType === type) {
+          operator = undefined;
+        } else if ((typeOperators === null || typeOperators === void 0 ? void 0 : typeOperators.length) === 1) {
+          operator = typeOperators[0].operator;
+        } else {
+          operator = null;
+        } // default boolean attributes to true
+
+
+        const value = type === "boolean" ? true : undefined;
+        dispatchAction({
+          type: "set-attribute",
+          id,
+          attribute: attributeId,
+          operator,
+          value
+        });
+      } else {
+        dispatchAction({
+          type: "set-attribute",
+          id,
+          attribute: null
+        });
+      }
+    },
+    showSearch: isBigList(values)
+  }, isBigList(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Attribute.propTypes = {
+  id: PropTypes.number,
+  attribute: PropTypes.string,
+  disabled: PropTypes.bool,
+  isInvalid: PropTypes.bool
+} : void 0;
+export default /*#__PURE__*/React.memo(Attribute);
+//# sourceMappingURL=Attribute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Attribute.js","names":["React","useMemo","useContext","PropTypes","HvDropdown","Context","isBigList","Attribute","id","attribute","disabled","isInvalid","context","dispatchAction","attributes","operators","labels","readOnly","values","Object","keys","map","key","label","selected","currentType","type","rule","placeholder","exists","Array","isArray","attributeId","typeOperators","operator","undefined","length","value","virtualized","height","propTypes","number","string","bool","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Attribute/Attribute.js"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvDropdown } from \"../../..\";\nimport Context from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nconst Attribute = ({ id, attribute, disabled, isInvalid }) => {\n  const context = useContext(Context);\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const values = useMemo(\n    () =>\n      Object.keys(attributes).map((key) => ({\n        id: key,\n        label: attributes[key].label,\n        selected: key === attribute,\n      })),\n    [attributes, attribute]\n  );\n\n  const currentType = attribute != null ? attributes[attribute]?.type : null;\n\n  return (\n    <HvDropdown\n      singleSelectionToggle={false}\n      label={labels.rule.attribute.label}\n      placeholder={labels.rule.attribute.placeholder}\n      values={values}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={isInvalid ? \"invalid\" : \"valid\"}\n      statusMessage={labels.rule.attribute.exists}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected)) {\n          const attributeId = selected.id;\n\n          const { type } = attributes[attributeId];\n          const typeOperators = operators[type];\n\n          let operator;\n          if (currentType === type) {\n            operator = undefined;\n          } else if (typeOperators?.length === 1) {\n            operator = typeOperators[0].operator;\n          } else {\n            operator = null;\n          }\n\n          // default boolean attributes to true\n          const value = type === \"boolean\" ? true : undefined;\n\n          dispatchAction({\n            type: \"set-attribute\",\n            id,\n            attribute: attributeId,\n            operator,\n            value,\n          });\n        } else {\n          dispatchAction({ type: \"set-attribute\", id, attribute: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nAttribute.propTypes = {\n  id: PropTypes.number,\n  attribute: PropTypes.string,\n  disabled: PropTypes.bool,\n  isInvalid: PropTypes.bool,\n};\n\nexport default React.memo(Attribute);\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,80 @@
+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, { useMemo } from "react";
+import PropTypes from "prop-types";
+import { HvDropdown } from "../../..";
+import Context from "../../Context";
+import { isBigList } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const Operator = ({
+  id,
+  combinator,
+  attribute,
+  operator
+}) => {
+  const context = React.useContext(Context);
+  const {
+    dispatchAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  const value = operator !== null && operator !== void 0 ? operator : null;
+  const values = useMemo(() => {
+    var _operators$attributeS;
+
+    const attributeSpec = attribute ? attributes[attribute] : null;
+    const options = attributeSpec ? (_operators$attributeS = operators[attributeSpec.type].filter(o => o.combinators.includes(combinator))) !== null && _operators$attributeS !== void 0 ? _operators$attributeS : [] : [];
+    return options.map(key => ({
+      id: key.operator,
+      label: key.label,
+      selected: key.operator === value
+    }));
+  }, [attribute, attributes, operators, combinator, value]);
+  return /*#__PURE__*/_jsx(HvDropdown, _objectSpread({
+    required: true,
+    status: "valid",
+    singleSelectionToggle: false,
+    label: labels.rule.operator.label,
+    placeholder: labels.rule.operator.placeholder,
+    values: values,
+    disabled: values.length === 0,
+    readOnly: readOnly,
+    onChange: selected => {
+      if (selected && !Array.isArray(selected) && selected.id) {
+        dispatchAction({
+          type: "set-operator",
+          id,
+          operator: selected.id,
+          value: value === "range" || selected.id === "range" ? null : undefined
+        });
+      } else {
+        dispatchAction({
+          type: "set-operator",
+          id,
+          operator: null,
+          value: null
+        });
+      }
+    },
+    showSearch: isBigList(values)
+  }, isBigList(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Operator.propTypes = {
+  id: PropTypes.number,
+  combinator: PropTypes.string,
+  attribute: PropTypes.string,
+  operator: PropTypes.string
+} : void 0;
+export default /*#__PURE__*/React.memo(Operator);
+//# sourceMappingURL=Operator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.js","names":["React","useMemo","PropTypes","HvDropdown","Context","isBigList","Operator","id","combinator","attribute","operator","context","useContext","dispatchAction","attributes","operators","labels","readOnly","value","values","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","rule","placeholder","length","Array","isArray","undefined","virtualized","height","propTypes","number","string","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Operator/Operator.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvDropdown } from \"../../..\";\nimport Context from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nconst Operator = ({ id, combinator, attribute, operator }) => {\n  const context = React.useContext(Context);\n\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const value = operator ?? null;\n\n  const values = useMemo(() => {\n    const attributeSpec = attribute ? attributes[attribute] : null;\n    const options = attributeSpec\n      ? operators[attributeSpec.type].filter((o) => o.combinators.includes(combinator)) ?? []\n      : [];\n    return options.map((key) => ({\n      id: key.operator,\n      label: key.label,\n      selected: key.operator === value,\n    }));\n  }, [attribute, attributes, operators, combinator, value]);\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.operator.label}\n      placeholder={labels.rule.operator.placeholder}\n      values={values}\n      disabled={values.length === 0}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: selected.id,\n            value: value === \"range\" || selected.id === \"range\" ? null : undefined,\n          });\n        } else {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: null,\n            value: null,\n          });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nOperator.propTypes = {\n  id: PropTypes.number,\n  combinator: PropTypes.string,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n};\n\nexport default React.memo(Operator);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,UAA3B;AACA,OAAOC,OAAP,MAAoB,eAApB;AACA,SAASC,SAAT,QAA0B,aAA1B;;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,EAAF;EAAMC,UAAN;EAAkBC,SAAlB;EAA6BC;AAA7B,CAAD,KAA6C;EAC5D,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAN,CAAiBR,OAAjB,CAAhB;EAEA,MAAM;IAAES,cAAF;IAAkBC,UAAlB;IAA8BC,SAA9B;IAAyCC,MAAzC;IAAiDC;EAAjD,IAA8DN,OAApE;EAEA,MAAMO,KAAK,GAAGR,QAAH,aAAGA,QAAH,cAAGA,QAAH,GAAe,IAA1B;EAEA,MAAMS,MAAM,GAAGlB,OAAO,CAAC,MAAM;IAAA;;IAC3B,MAAMmB,aAAa,GAAGX,SAAS,GAAGK,UAAU,CAACL,SAAD,CAAb,GAA2B,IAA1D;IACA,MAAMY,OAAO,GAAGD,aAAa,4BACzBL,SAAS,CAACK,aAAa,CAACE,IAAf,CAAT,CAA8BC,MAA9B,CAAsCC,CAAD,IAAOA,CAAC,CAACC,WAAF,CAAcC,QAAd,CAAuBlB,UAAvB,CAA5C,CADyB,yEAC0D,EAD1D,GAEzB,EAFJ;IAGA,OAAOa,OAAO,CAACM,GAAR,CAAaC,GAAD,KAAU;MAC3BrB,EAAE,EAAEqB,GAAG,CAAClB,QADmB;MAE3BmB,KAAK,EAAED,GAAG,CAACC,KAFgB;MAG3BC,QAAQ,EAAEF,GAAG,CAAClB,QAAJ,KAAiBQ;IAHA,CAAV,CAAZ,CAAP;EAKD,CAVqB,EAUnB,CAACT,SAAD,EAAYK,UAAZ,EAAwBC,SAAxB,EAAmCP,UAAnC,EAA+CU,KAA/C,CAVmB,CAAtB;EAYA,oBACE,KAAC,UAAD;IACE,QAAQ,MADV;IAEE,MAAM,EAAC,OAFT;IAGE,qBAAqB,EAAE,KAHzB;IAIE,KAAK,EAAEF,MAAM,CAACe,IAAP,CAAYrB,QAAZ,CAAqBmB,KAJ9B;IAKE,WAAW,EAAEb,MAAM,CAACe,IAAP,CAAYrB,QAAZ,CAAqBsB,WALpC;IAME,MAAM,EAAEb,MANV;IAOE,QAAQ,EAAEA,MAAM,CAACc,MAAP,KAAkB,CAP9B;IAQE,QAAQ,EAAEhB,QARZ;IASE,QAAQ,EAAGa,QAAD,IAAc;MACtB,IAAIA,QAAQ,IAAI,CAACI,KAAK,CAACC,OAAN,CAAcL,QAAd,CAAb,IAAwCA,QAAQ,CAACvB,EAArD,EAAyD;QACvDM,cAAc,CAAC;UACbS,IAAI,EAAE,cADO;UAEbf,EAFa;UAGbG,QAAQ,EAAEoB,QAAQ,CAACvB,EAHN;UAIbW,KAAK,EAAEA,KAAK,KAAK,OAAV,IAAqBY,QAAQ,CAACvB,EAAT,KAAgB,OAArC,GAA+C,IAA/C,GAAsD6B;QAJhD,CAAD,CAAd;MAMD,CAPD,MAOO;QACLvB,cAAc,CAAC;UACbS,IAAI,EAAE,cADO;UAEbf,EAFa;UAGbG,QAAQ,EAAE,IAHG;UAIbQ,KAAK,EAAE;QAJM,CAAD,CAAd;MAMD;IACF,CAzBH;IA0BE,UAAU,EAAEb,SAAS,CAACc,MAAD;EA1BvB,GA2BOd,SAAS,CAACc,MAAD,CAAT,IAAqB;IAAEkB,WAAW,EAAE,IAAf;IAAqBC,MAAM,EAAE;EAA7B,CA3B5B,EADF;AA+BD,CAlDD;;AAoDA,wCAAAhC,QAAQ,CAACiC,SAAT,GAAqB;EACnBhC,EAAE,EAAEL,SAAS,CAACsC,MADK;EAEnBhC,UAAU,EAAEN,SAAS,CAACuC,MAFH;EAGnBhC,SAAS,EAAEP,SAAS,CAACuC,MAHF;EAInB/B,QAAQ,EAAER,SAAS,CAACuC;AAJD,CAArB;AAOA,4BAAezC,KAAK,CAAC0C,IAAN,CAAWpC,QAAX,CAAf"}

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

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

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

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

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

@@ -0,0 +1,116 @@
+import React, { useMemo, useContext } from "react";
+import PropTypes from "prop-types";
+import { Delete } from "@hitachivantara/uikit-react-icons";
+import { HvGrid, HvButton, withTooltip } from "../..";
+import Context from "../Context";
+import Attribute from "./Attribute";
+import Operator from "./Operator";
+import Value from "./Value";
+import useStyles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const Rule = ({
+  id,
+  combinator,
+  attribute,
+  operator,
+  value,
+  disabled,
+  isInvalid
+}) => {
+  var _Delete;
+
+  const classes = useStyles();
+  const context = useContext(Context);
+  const {
+    askAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  const availableOperators = useMemo(() => {
+    const attributeSpec = attribute != null ? attributes[attribute] : null;
+
+    if (attributeSpec != null) {
+      const typeOperators = operators[attributeSpec.type];
+
+      if (typeOperators != null) {
+        return typeOperators.reduce((count, item) => count + (item.combinators.includes(combinator) ? 1 : 0), 0);
+      }
+    }
+
+    return -1;
+  }, [attribute, attributes, combinator, operators]);
+  const shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
+  const DeleteIcon = withTooltip(() => _Delete || (_Delete = /*#__PURE__*/_jsx(Delete, {
+    disabled: readOnly
+  })), labels.rule.delete.tooltip, "bottom");
+  return /*#__PURE__*/_jsxs(HvGrid, {
+    container: true,
+    className: classes.root,
+    spacing: 0,
+    wrap: "nowrap",
+    children: [/*#__PURE__*/_jsx(HvGrid, {
+      item: true,
+      xs: 2,
+      lg: 3,
+      children: /*#__PURE__*/_jsx(Attribute, {
+        attribute: attribute,
+        id: id,
+        disabled: disabled,
+        isInvalid: isInvalid
+      })
+    }), attribute != null && availableOperators > 0 && /*#__PURE__*/_jsx(HvGrid, {
+      item: true,
+      xs: 2,
+      lg: 3,
+      children: /*#__PURE__*/_jsx(Operator, {
+        id: id,
+        combinator: combinator,
+        attribute: attribute,
+        operator: operator
+      })
+    }), attribute != null && (operator != null || availableOperators === 0) && /*#__PURE__*/_jsx(HvGrid, {
+      item: true,
+      xs: true,
+      children: shouldShowValueInput && /*#__PURE__*/_jsx(Value, {
+        attribute: attribute,
+        id: id,
+        operator: operator,
+        value: value
+      })
+    }), /*#__PURE__*/_jsx(HvGrid, {
+      item: true,
+      className: classes.actionsContainer,
+      children: /*#__PURE__*/_jsx(HvButton, {
+        icon: true,
+        "aria-label": labels.rule.delete.ariaLabel,
+        onClick: () => {
+          askAction({
+            actions: [{
+              type: "remove-node",
+              id
+            }],
+            dialog: labels.rule.delete
+          });
+        },
+        disabled: readOnly,
+        children: /*#__PURE__*/_jsx(DeleteIcon, {})
+      })
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? Rule.propTypes = {
+  id: PropTypes.number,
+  combinator: PropTypes.string,
+  attribute: PropTypes.string,
+  operator: PropTypes.string,
+  value: PropTypes.any,
+  disabled: PropTypes.bool,
+  isInvalid: PropTypes.bool
+} : void 0;
+export default Rule;
+//# sourceMappingURL=Rule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rule.js","names":["React","useMemo","useContext","PropTypes","Delete","HvGrid","HvButton","withTooltip","Context","Attribute","Operator","Value","useStyles","Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","context","askAction","attributes","operators","labels","readOnly","availableOperators","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","rule","delete","tooltip","root","actionsContainer","ariaLabel","actions","dialog","propTypes","number","string","any","bool"],"sources":["../../../../src/QueryBuilder/Rule/Rule.js"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvGrid, HvButton, withTooltip } from \"../..\";\n\nimport Context from \"../Context\";\nimport Attribute from \"./Attribute\";\nimport Operator from \"./Operator\";\nimport Value from \"./Value\";\nimport useStyles from \"./styles\";\n\nconst Rule = ({ id, combinator, attribute, operator, value, disabled, isInvalid }) => {\n  const classes = useStyles();\n  const context = useContext(Context);\n\n  const { askAction, attributes, operators, labels, readOnly } = context;\n\n  const availableOperators = useMemo(() => {\n    const attributeSpec = attribute != null ? attributes[attribute] : null;\n    if (attributeSpec != null) {\n      const typeOperators = operators[attributeSpec.type];\n      if (typeOperators != null) {\n        return typeOperators.reduce(\n          (count, item) => count + (item.combinators.includes(combinator) ? 1 : 0),\n          0\n        );\n      }\n    }\n\n    return -1;\n  }, [attribute, attributes, combinator, operators]);\n\n  const shouldShowValueInput = operator !== \"Empty\" && operator !== \"IsNotEmpty\";\n\n  const DeleteIcon = withTooltip(\n    () => <Delete disabled={readOnly} />,\n    labels.rule.delete.tooltip,\n    \"bottom\"\n  );\n\n  return (\n    <HvGrid container className={classes.root} spacing={0} wrap=\"nowrap\">\n      <HvGrid item xs={2} lg={3}>\n        <Attribute attribute={attribute} id={id} disabled={disabled} isInvalid={isInvalid} />\n      </HvGrid>\n      {attribute != null && availableOperators > 0 && (\n        <HvGrid item xs={2} lg={3}>\n          <Operator id={id} combinator={combinator} attribute={attribute} operator={operator} />\n        </HvGrid>\n      )}\n      {attribute != null && (operator != null || availableOperators === 0) && (\n        <HvGrid item xs>\n          {shouldShowValueInput && (\n            <Value attribute={attribute} id={id} operator={operator} value={value} />\n          )}\n        </HvGrid>\n      )}\n      <HvGrid item className={classes.actionsContainer}>\n        <HvButton\n          icon\n          aria-label={labels.rule.delete.ariaLabel}\n          onClick={() => {\n            askAction({\n              actions: [{ type: \"remove-node\", id }],\n              dialog: labels.rule.delete,\n            });\n          }}\n          disabled={readOnly}\n        >\n          <DeleteIcon />\n        </HvButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n\nRule.propTypes = {\n  id: PropTypes.number,\n  combinator: PropTypes.string,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  disabled: PropTypes.bool,\n  isInvalid: PropTypes.bool,\n};\n\nexport default Rule;\n"],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+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 { HvDropdown } from "../../../..";
+import Context from "../../../Context";
+import { isBigList } from "../../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const BooleanValue = ({
+  id,
+  value = true
+}) => {
+  const context = React.useContext(Context);
+  const {
+    labels,
+    dispatchAction,
+    readOnly
+  } = context;
+  const values = ["true", "false"].map(v => ({
+    id: v,
+    label: labels.rule.value.boolean.options[v],
+    selected: value === (v === "true")
+  }));
+  return /*#__PURE__*/_jsx(HvDropdown, _objectSpread({
+    required: true,
+    status: "valid",
+    singleSelectionToggle: false,
+    label: labels.rule.value.boolean.label,
+    placeholder: labels.rule.value.boolean.placeholder,
+    values: values,
+    readOnly: readOnly,
+    onChange: selected => {
+      if (selected && !Array.isArray(selected) && selected.id) {
+        dispatchAction({
+          type: "set-value",
+          id,
+          value: selected.id === "true"
+        });
+      } else {
+        dispatchAction({
+          type: "set-value",
+          id,
+          value: null
+        });
+      }
+    },
+    showSearch: isBigList(values)
+  }, isBigList(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? BooleanValue.propTypes = {
+  id: PropTypes.number,
+  value: PropTypes.bool
+} : void 0;
+export default /*#__PURE__*/React.memo(BooleanValue);
+//# sourceMappingURL=BooleanValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanValue.js","names":["React","PropTypes","HvDropdown","Context","isBigList","BooleanValue","id","value","context","useContext","labels","dispatchAction","readOnly","values","map","v","label","rule","boolean","options","selected","placeholder","Array","isArray","type","virtualized","height","propTypes","number","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvDropdown } from \"../../../..\";\nimport Context from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nconst BooleanValue = ({ id, value = true }) => {\n  const context = React.useContext(Context);\n  const { labels, dispatchAction, readOnly } = context;\n\n  const values = [\"true\", \"false\"].map((v) => ({\n    id: v,\n    label: labels.rule.value.boolean.options[v],\n    selected: value === (v === \"true\"),\n  }));\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.value.boolean.label}\n      placeholder={labels.rule.value.boolean.placeholder}\n      values={values}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-value\",\n            id,\n            value: selected.id === \"true\",\n          });\n        } else {\n          dispatchAction({ type: \"set-value\", id, value: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nBooleanValue.propTypes = {\n  id: PropTypes.number,\n  value: PropTypes.bool,\n};\n\nexport default React.memo(BooleanValue);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,SAASC,SAAT,QAA0B,gBAA1B;;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAAEC,EAAF;EAAMC,KAAK,GAAG;AAAd,CAAD,KAA0B;EAC7C,MAAMC,OAAO,GAAGR,KAAK,CAACS,UAAN,CAAiBN,OAAjB,CAAhB;EACA,MAAM;IAAEO,MAAF;IAAUC,cAAV;IAA0BC;EAA1B,IAAuCJ,OAA7C;EAEA,MAAMK,MAAM,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkBC,GAAlB,CAAuBC,CAAD,KAAQ;IAC3CT,EAAE,EAAES,CADuC;IAE3CC,KAAK,EAAEN,MAAM,CAACO,IAAP,CAAYV,KAAZ,CAAkBW,OAAlB,CAA0BC,OAA1B,CAAkCJ,CAAlC,CAFoC;IAG3CK,QAAQ,EAAEb,KAAK,MAAMQ,CAAC,KAAK,MAAZ;EAH4B,CAAR,CAAtB,CAAf;EAMA,oBACE,KAAC,UAAD;IACE,QAAQ,MADV;IAEE,MAAM,EAAC,OAFT;IAGE,qBAAqB,EAAE,KAHzB;IAIE,KAAK,EAAEL,MAAM,CAACO,IAAP,CAAYV,KAAZ,CAAkBW,OAAlB,CAA0BF,KAJnC;IAKE,WAAW,EAAEN,MAAM,CAACO,IAAP,CAAYV,KAAZ,CAAkBW,OAAlB,CAA0BG,WALzC;IAME,MAAM,EAAER,MANV;IAOE,QAAQ,EAAED,QAPZ;IAQE,QAAQ,EAAGQ,QAAD,IAAc;MACtB,IAAIA,QAAQ,IAAI,CAACE,KAAK,CAACC,OAAN,CAAcH,QAAd,CAAb,IAAwCA,QAAQ,CAACd,EAArD,EAAyD;QACvDK,cAAc,CAAC;UACba,IAAI,EAAE,WADO;UAEblB,EAFa;UAGbC,KAAK,EAAEa,QAAQ,CAACd,EAAT,KAAgB;QAHV,CAAD,CAAd;MAKD,CAND,MAMO;QACLK,cAAc,CAAC;UAAEa,IAAI,EAAE,WAAR;UAAqBlB,EAArB;UAAyBC,KAAK,EAAE;QAAhC,CAAD,CAAd;MACD;IACF,CAlBH;IAmBE,UAAU,EAAEH,SAAS,CAACS,MAAD;EAnBvB,GAoBOT,SAAS,CAACS,MAAD,CAAT,IAAqB;IAAEY,WAAW,EAAE,IAAf;IAAqBC,MAAM,EAAE;EAA7B,CApB5B,EADF;AAwBD,CAlCD;;AAoCA,wCAAArB,YAAY,CAACsB,SAAb,GAAyB;EACvBrB,EAAE,EAAEL,SAAS,CAAC2B,MADS;EAEvBrB,KAAK,EAAEN,SAAS,CAAC4B;AAFM,CAAzB;AAKA,4BAAe7B,KAAK,CAAC8B,IAAN,CAAWzB,YAAX,CAAf"}

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

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

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

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