@hitachivantara/uikit-react-core 3.71.0 → 4.0.1-next.0

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

@@ -0,0 +1,134 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ = require("../../..");
+
+var _Context = _interopRequireDefault(require("../../Context"));
+
+var _utils = require("../../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+var Operator = function Operator(_ref) {
+  var id = _ref.id,
+      combinator = _ref.combinator,
+      attribute = _ref.attribute,
+      operator = _ref.operator;
+
+  var context = _react.default.useContext(_Context.default);
+
+  var dispatchAction = context.dispatchAction,
+      attributes = context.attributes,
+      operators = context.operators,
+      labels = context.labels,
+      readOnly = context.readOnly;
+  var value = operator !== null && operator !== void 0 ? operator : null;
+  var values = (0, _react.useMemo)(function () {
+    var _operators$attributeS;
+
+    var attributeSpec = attribute ? attributes[attribute] : null;
+    var options = attributeSpec ? (_operators$attributeS = operators[attributeSpec.type].filter(function (o) {
+      return o.combinators.includes(combinator);
+    })) !== null && _operators$attributeS !== void 0 ? _operators$attributeS : [] : [];
+    return options.map(function (key) {
+      return {
+        id: key.operator,
+        label: key.label,
+        selected: key.operator === value
+      };
+    });
+  }, [attribute, attributes, operators, combinator, value]);
+  return /*#__PURE__*/(0, _jsxRuntime.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: function onChange(selected) {
+      if (selected && !Array.isArray(selected) && selected.id) {
+        dispatchAction({
+          type: "set-operator",
+          id: id,
+          operator: selected.id,
+          value: value === "range" || selected.id === "range" ? null : undefined
+        });
+      } else {
+        dispatchAction({
+          type: "set-operator",
+          id: id,
+          operator: null,
+          value: null
+        });
+      }
+    },
+    showSearch: (0, _utils.isBigList)(values)
+  }, (0, _utils.isBigList)(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Operator.propTypes = {
+  id: _propTypes.default.number,
+  combinator: _propTypes.default.string,
+  attribute: _propTypes.default.string,
+  operator: _propTypes.default.string
+} : void 0;
+
+var _default = /*#__PURE__*/_react.default.memo(Operator);
+
+exports.default = _default;
+//# sourceMappingURL=Operator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.js","names":["Operator","id","combinator","attribute","operator","context","React","useContext","Context","dispatchAction","attributes","operators","labels","readOnly","value","values","useMemo","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","rule","placeholder","length","Array","isArray","undefined","isBigList","virtualized","height","propTypes","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":"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"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Operator.default;
+  }
+});
+
+var _Operator = _interopRequireDefault(require("./Operator"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/QueryBuilder/Rule/Rule.js

@@ -0,0 +1,157 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("../..");
+
+var _Context = _interopRequireDefault(require("../Context"));
+
+var _Attribute = _interopRequireDefault(require("./Attribute"));
+
+var _Operator = _interopRequireDefault(require("./Operator"));
+
+var _Value = _interopRequireDefault(require("./Value"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Rule = function Rule(_ref) {
+  var _Delete;
+
+  var id = _ref.id,
+      combinator = _ref.combinator,
+      attribute = _ref.attribute,
+      operator = _ref.operator,
+      value = _ref.value,
+      disabled = _ref.disabled,
+      isInvalid = _ref.isInvalid;
+  var classes = (0, _styles.default)();
+  var context = (0, _react.useContext)(_Context.default);
+  var askAction = context.askAction,
+      attributes = context.attributes,
+      operators = context.operators,
+      labels = context.labels,
+      readOnly = context.readOnly;
+  var availableOperators = (0, _react.useMemo)(function () {
+    var attributeSpec = attribute != null ? attributes[attribute] : null;
+
+    if (attributeSpec != null) {
+      var typeOperators = operators[attributeSpec.type];
+
+      if (typeOperators != null) {
+        return typeOperators.reduce(function (count, item) {
+          return count + (item.combinators.includes(combinator) ? 1 : 0);
+        }, 0);
+      }
+    }
+
+    return -1;
+  }, [attribute, attributes, combinator, operators]);
+  var shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
+  var DeleteIcon = (0, _.withTooltip)(function () {
+    return _Delete || (_Delete = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Delete, {
+      disabled: readOnly
+    }));
+  }, labels.rule.delete.tooltip, "bottom");
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvGrid, {
+    container: true,
+    className: classes.root,
+    spacing: 0,
+    wrap: "nowrap",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      xs: 2,
+      lg: 3,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Attribute.default, {
+        attribute: attribute,
+        id: id,
+        disabled: disabled,
+        isInvalid: isInvalid
+      })
+    }), attribute != null && availableOperators > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      xs: 2,
+      lg: 3,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Operator.default, {
+        id: id,
+        combinator: combinator,
+        attribute: attribute,
+        operator: operator
+      })
+    }), attribute != null && (operator != null || availableOperators === 0) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      xs: true,
+      children: shouldShowValueInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Value.default, {
+        attribute: attribute,
+        id: id,
+        operator: operator,
+        value: value
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      className: classes.actionsContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        icon: true,
+        "aria-label": labels.rule.delete.ariaLabel,
+        onClick: function onClick() {
+          askAction({
+            actions: [{
+              type: "remove-node",
+              id: id
+            }],
+            dialog: labels.rule.delete
+          });
+        },
+        disabled: readOnly,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DeleteIcon, {})
+      })
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? Rule.propTypes = {
+  id: _propTypes.default.number,
+  combinator: _propTypes.default.string,
+  attribute: _propTypes.default.string,
+  operator: _propTypes.default.string,
+  value: _propTypes.default.any,
+  disabled: _propTypes.default.bool,
+  isInvalid: _propTypes.default.bool
+} : void 0;
+var _default = Rule;
+exports.default = _default;
+//# sourceMappingURL=Rule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rule.js","names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","useStyles","context","useContext","Context","askAction","attributes","operators","labels","readOnly","availableOperators","useMemo","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","withTooltip","rule","delete","tooltip","root","actionsContainer","ariaLabel","actions","dialog","propTypes","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/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js

@@ -0,0 +1,99 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ = require("../../../..");
+
+var _Context = _interopRequireDefault(require("../../../Context"));
+
+var _utils = require("../../../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var BooleanValue = function BooleanValue(_ref) {
+  var id = _ref.id,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? true : _ref$value;
+
+  var context = _react.default.useContext(_Context.default);
+
+  var labels = context.labels,
+      dispatchAction = context.dispatchAction,
+      readOnly = context.readOnly;
+  var values = ["true", "false"].map(function (v) {
+    return {
+      id: v,
+      label: labels.rule.value.boolean.options[v],
+      selected: value === (v === "true")
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.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: function onChange(selected) {
+      if (selected && !Array.isArray(selected) && selected.id) {
+        dispatchAction({
+          type: "set-value",
+          id: id,
+          value: selected.id === "true"
+        });
+      } else {
+        dispatchAction({
+          type: "set-value",
+          id: id,
+          value: null
+        });
+      }
+    },
+    showSearch: (0, _utils.isBigList)(values)
+  }, (0, _utils.isBigList)(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? BooleanValue.propTypes = {
+  id: _propTypes.default.number,
+  value: _propTypes.default.bool
+} : void 0;
+
+var _default = /*#__PURE__*/_react.default.memo(BooleanValue);
+
+exports.default = _default;
+//# sourceMappingURL=BooleanValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanValue.js","names":["BooleanValue","id","value","context","React","useContext","Context","labels","dispatchAction","readOnly","values","map","v","label","rule","boolean","options","selected","placeholder","Array","isArray","type","isBigList","virtualized","height","propTypes","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;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0B;EAAA,IAAvBC,EAAuB,QAAvBA,EAAuB;EAAA,sBAAnBC,KAAmB;EAAA,IAAnBA,KAAmB,2BAAX,IAAW;;EAC7C,IAAMC,OAAO,GAAGC,cAAA,CAAMC,UAAN,CAAiBC,gBAAjB,CAAhB;;EACA,IAAQC,MAAR,GAA6CJ,OAA7C,CAAQI,MAAR;EAAA,IAAgBC,cAAhB,GAA6CL,OAA7C,CAAgBK,cAAhB;EAAA,IAAgCC,QAAhC,GAA6CN,OAA7C,CAAgCM,QAAhC;EAEA,IAAMC,MAAM,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkBC,GAAlB,CAAsB,UAACC,CAAD;IAAA,OAAQ;MAC3CX,EAAE,EAAEW,CADuC;MAE3CC,KAAK,EAAEN,MAAM,CAACO,IAAP,CAAYZ,KAAZ,CAAkBa,OAAlB,CAA0BC,OAA1B,CAAkCJ,CAAlC,CAFoC;MAG3CK,QAAQ,EAAEf,KAAK,MAAMU,CAAC,KAAK,MAAZ;IAH4B,CAAR;EAAA,CAAtB,CAAf;EAMA,oBACE,qBAAC,YAAD;IACE,QAAQ,MADV;IAEE,MAAM,EAAC,OAFT;IAGE,qBAAqB,EAAE,KAHzB;IAIE,KAAK,EAAEL,MAAM,CAACO,IAAP,CAAYZ,KAAZ,CAAkBa,OAAlB,CAA0BF,KAJnC;IAKE,WAAW,EAAEN,MAAM,CAACO,IAAP,CAAYZ,KAAZ,CAAkBa,OAAlB,CAA0BG,WALzC;IAME,MAAM,EAAER,MANV;IAOE,QAAQ,EAAED,QAPZ;IAQE,QAAQ,EAAE,kBAACQ,QAAD,EAAc;MACtB,IAAIA,QAAQ,IAAI,CAACE,KAAK,CAACC,OAAN,CAAcH,QAAd,CAAb,IAAwCA,QAAQ,CAAChB,EAArD,EAAyD;QACvDO,cAAc,CAAC;UACba,IAAI,EAAE,WADO;UAEbpB,EAAE,EAAFA,EAFa;UAGbC,KAAK,EAAEe,QAAQ,CAAChB,EAAT,KAAgB;QAHV,CAAD,CAAd;MAKD,CAND,MAMO;QACLO,cAAc,CAAC;UAAEa,IAAI,EAAE,WAAR;UAAqBpB,EAAE,EAAFA,EAArB;UAAyBC,KAAK,EAAE;QAAhC,CAAD,CAAd;MACD;IACF,CAlBH;IAmBE,UAAU,EAAE,IAAAoB,gBAAA,EAAUZ,MAAV;EAnBd,GAoBO,IAAAY,gBAAA,EAAUZ,MAAV,KAAqB;IAAEa,WAAW,EAAE,IAAf;IAAqBC,MAAM,EAAE;EAA7B,CApB5B,EADF;AAwBD,CAlCD;;AAoCA,wCAAAxB,YAAY,CAACyB,SAAb,GAAyB;EACvBxB,EAAE,EAAEyB,kBAAA,CAAUC,MADS;EAEvBzB,KAAK,EAAEwB,kBAAA,CAAUE;AAFM,CAAzB;;4BAKexB,cAAA,CAAMyB,IAAN,CAAW7B,YAAX,C"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _BooleanValue.default;
+  }
+});
+
+var _BooleanValue = _interopRequireDefault(require("./BooleanValue"));
+//# sourceMappingURL=index.js.map

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

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