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

package/dist/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,300 @@
+"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/web.dom-collections.for-each.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _styles = require("@mui/styles");
+
+var _Context = _interopRequireDefault(require("./Context"));
+
+var _RuleGroup = _interopRequireDefault(require("./RuleGroup"));
+
+var _ConfirmationDialog = _interopRequireDefault(require("./ConfirmationDialog"));
+
+var _utils = require("./utils");
+
+var _reducer = _interopRequireDefault(require("./utils/reducer"));
+
+var _styles2 = _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; }
+
+/**
+ * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.
+ * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.
+ *
+ * **PLEASE NOTE**: This component implementation is still a WIP. There might be breaking changes.
+ */
+var HvQueryBuilder = function HvQueryBuilder(_ref) {
+  var _ref$attributes = _ref.attributes,
+      attributes = _ref$attributes === void 0 ? [] : _ref$attributes,
+      query = _ref.query,
+      onChange = _ref.onChange,
+      operators = _ref.operators,
+      combinators = _ref.combinators,
+      _ref$maxDepth = _ref.maxDepth,
+      maxDepth = _ref$maxDepth === void 0 ? 1 : _ref$maxDepth,
+      labels = _ref.labels,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      classes = _ref.classes;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      pendingAction = _useState2[0],
+      askAction = _useState2[1];
+
+  var currentAttributes = (0, _react.useRef)();
+
+  var _useReducer = (0, _react.useReducer)(_reducer.default, query, function (initialState) {
+    return initialState || (0, _utils.emptyGroup)();
+  }),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatchAction = _useReducer2[1];
+
+  var initialState = query === state;
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      prevState = _useState4[0],
+      setPrevState = _useState4[1];
+
+  var defaultcontext = (0, _react.useContext)(_Context.default);
+  var context = (0, _react.useMemo)(function () {
+    return {
+      dispatchAction: dispatchAction,
+      askAction: askAction,
+      attributes: attributes,
+      operators: operators !== null && operators !== void 0 ? operators : defaultcontext.operators,
+      combinators: combinators !== null && combinators !== void 0 ? combinators : defaultcontext.combinators,
+      maxDepth: maxDepth !== null && maxDepth !== void 0 ? maxDepth : defaultcontext.maxDepth,
+      labels: labels !== null && labels !== void 0 ? labels : defaultcontext.labels,
+      initialTouched: initialState,
+      readOnly: readOnly
+    };
+  }, [attributes, operators, defaultcontext.operators, defaultcontext.combinators, defaultcontext.maxDepth, defaultcontext.labels, combinators, maxDepth, labels, readOnly, initialState]);
+  (0, _react.useEffect)(function () {
+    if (currentAttributes.current == null) {
+      // first run, nothing to do
+      currentAttributes.current = attributes;
+    } else if (currentAttributes.current !== attributes) {
+      // attributes changed, the existing query is almost certain invalid, so reset it
+      currentAttributes.current = attributes;
+      dispatchAction({
+        type: "reset-query"
+      });
+    }
+  }, [attributes]); // Propagate the change if the query is modified.
+
+  (0, _react.useEffect)(function () {
+    if (!initialState && !(0, _isEqual.default)(state, prevState)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange((0, _utils.clearNodeIds)(state));
+      setPrevState((0, _cloneDeep.default)(state));
+    }
+  }, [state, prevState, initialState, onChange]);
+
+  var onConfirmHandler = function onConfirmHandler() {
+    if (pendingAction) {
+      askAction(undefined);
+      pendingAction.actions.forEach(function (action) {
+        return dispatchAction(action);
+      });
+    }
+  };
+
+  var onCancelHandler = function onCancelHandler() {
+    askAction(undefined);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Context.default.Provider, {
+    value: context,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RuleGroup.default, {
+      level: 0,
+      id: state.id,
+      combinator: state.combinator,
+      rules: state.rules,
+      classes: classes
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConfirmationDialog.default, {
+      isOpen: pendingAction != null,
+      onConfirm: onConfirmHandler,
+      onCancel: onCancelHandler,
+      title: (pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.dialog.dialogTitle) || "",
+      message: (pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.dialog.dialogMessage) || "",
+      confirmButtonLabel: (pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.dialog.dialogConfirm) || "",
+      cancelButtonLabel: (pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.dialog.dialogCancel) || "",
+      closeButtonTooltip: (pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.dialog.dialogCloseTooltip) || ""
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvQueryBuilder.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   * See CSS API tab for more details.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the top group container.
+     */
+    topGroup: _propTypes.default.string,
+
+    /**
+     * Styles applied to the sub group containers.
+     */
+    subGroup: _propTypes.default.string,
+
+    /**
+     * Styles applied to the multi-button combinator container.
+     */
+    combinator: _propTypes.default.string,
+
+    /**
+     * Styles applied to the multi-button combinator container on the top group.
+     */
+    topCombinator: _propTypes.default.string,
+
+    /**
+     * Styles applied to each combinator button.
+     */
+    combinatorButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the remove button.
+     */
+    removeButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the remove button on the top group.
+     */
+    topRemoveButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the rules container.
+     */
+    rulesContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the sub rules container.
+     */
+    subRulesContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action button container.
+     */
+    actionButtonContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the top action button container.
+     */
+    topActionButtonContainer: _propTypes.default.string
+  }),
+  attributes: _propTypes.default.shape({
+    key: _propTypes.default.shape({
+      id: _propTypes.default.number,
+      label: _propTypes.default.string.isRequired,
+      type: _propTypes.default.string.isRequired,
+      value: _propTypes.default.any,
+      order: _propTypes.default.number
+    })
+  }).isRequired,
+
+  /**
+   * The query rules operators by attribute type and combinator.
+   */
+  operators: _propTypes.default.shape({
+    type: _propTypes.default.arrayOf(_propTypes.default.shape({
+      operator: _propTypes.default.string.isRequired,
+      label: _propTypes.default.string.isRequired,
+      combinators: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
+    }))
+  }),
+
+  /**
+   * The query combinators operands.
+   */
+  combinators: _propTypes.default.arrayOf(_propTypes.default.shape({
+    operand: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired
+  })),
+
+  /**
+   * The initial query representation.
+   */
+  query: _propTypes.default.shape({
+    id: _propTypes.default.number,
+    combinator: _propTypes.default.string.isRequired,
+    rules: _propTypes.default.arrayOf(_propTypes.default.shape({
+      id: _propTypes.default.number,
+      attribute: _propTypes.default.string,
+      operator: _propTypes.default.string,
+      value: _propTypes.default.any
+    })).isRequired
+  }),
+
+  /**
+   * Callback fired when query changes.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * Max depth of nested query groups.
+   */
+  maxDepth: _propTypes.default.number,
+
+  /**
+   * An object containing all the labels.
+   */
+  labels: _propTypes.default.instanceOf(Object),
+
+  /**
+   * A flag indicating if the Query Builder is in read only mode.
+   */
+  readOnly: _propTypes.default.bool
+} : void 0;
+
+var _default = (0, _styles.withStyles)(_styles2.default, {
+  name: "HvQueryBuilder"
+})(HvQueryBuilder);
+
+exports.default = _default;
+//# sourceMappingURL=QueryBuilder.js.map

package/dist/QueryBuilder/QueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.js","names":["HvQueryBuilder","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","useState","pendingAction","askAction","currentAttributes","useRef","useReducer","reducer","initialState","emptyGroup","state","dispatchAction","prevState","setPrevState","defaultcontext","useContext","Context","context","useMemo","initialTouched","useEffect","current","type","isEqual","clearNodeIds","cloneDeep","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","id","combinator","rules","dialog","dialogTitle","dialogMessage","dialogConfirm","dialogCancel","dialogCloseTooltip","propTypes","PropTypes","shape","root","string","topGroup","subGroup","topCombinator","combinatorButton","removeButton","topRemoveButton","rulesContainer","subRulesContainer","actionButtonContainer","topActionButtonContainer","key","number","label","isRequired","value","any","order","arrayOf","operator","operand","attribute","func","instanceOf","Object","bool","withStyles","styles","name"],"sources":["../../src/QueryBuilder/QueryBuilder.js"],"sourcesContent":["import React, { useEffect, useMemo, useReducer, useRef, useState, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { withStyles } from \"@mui/styles\";\n\nimport Context from \"./Context\";\nimport RuleGroup from \"./RuleGroup\";\nimport ConfirmationDialog from \"./ConfirmationDialog\";\nimport { emptyGroup, clearNodeIds } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport styles from \"./styles\";\n\n/**\n * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n *\n * **PLEASE NOTE**: This component implementation is still a WIP. There might be breaking changes.\n */\nconst HvQueryBuilder = ({\n  attributes = [],\n  query,\n  onChange,\n  operators,\n  combinators,\n  maxDepth = 1,\n  labels,\n  readOnly = false,\n  classes,\n}) => {\n  const [pendingAction, askAction] = useState();\n  const currentAttributes = useRef();\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    query,\n    (initialState) => initialState || emptyGroup()\n  );\n\n  const initialState = query === state;\n  const [prevState, setPrevState] = useState();\n\n  const defaultcontext = useContext(Context);\n\n  const context = useMemo(\n    () => ({\n      dispatchAction,\n      askAction,\n      attributes,\n      operators: operators ?? defaultcontext.operators,\n      combinators: combinators ?? defaultcontext.combinators,\n      maxDepth: maxDepth ?? defaultcontext.maxDepth,\n      labels: labels ?? defaultcontext.labels,\n      initialTouched: initialState,\n      readOnly,\n    }),\n    [\n      attributes,\n      operators,\n      defaultcontext.operators,\n      defaultcontext.combinators,\n      defaultcontext.maxDepth,\n      defaultcontext.labels,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n    ]\n  );\n\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // first run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // attributes changed, the existing query is almost certain invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  // Propagate the change if the query is modified.\n  useEffect(() => {\n    if (!initialState && !isEqual(state, prevState)) {\n      onChange?.(clearNodeIds(state));\n      setPrevState(cloneDeep(state));\n    }\n  }, [state, prevState, initialState, onChange]);\n\n  const onConfirmHandler = () => {\n    if (pendingAction) {\n      askAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const onCancelHandler = () => {\n    askAction(undefined);\n  };\n\n  return (\n    <Context.Provider value={context}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={onConfirmHandler}\n        onCancel={onCancelHandler}\n        title={pendingAction?.dialog.dialogTitle || \"\"}\n        message={pendingAction?.dialog.dialogMessage || \"\"}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm || \"\"}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel || \"\"}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip || \"\"}\n      />\n    </Context.Provider>\n  );\n};\n\nHvQueryBuilder.propTypes = {\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the top group container.\n     */\n    topGroup: PropTypes.string,\n    /**\n     * Styles applied to the sub group containers.\n     */\n    subGroup: PropTypes.string,\n    /**\n     * Styles applied to the multi-button combinator container.\n     */\n    combinator: PropTypes.string,\n    /**\n     * Styles applied to the multi-button combinator container on the top group.\n     */\n    topCombinator: PropTypes.string,\n    /**\n     * Styles applied to each combinator button.\n     */\n    combinatorButton: PropTypes.string,\n    /**\n     * Styles applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Styles applied to the remove button on the top group.\n     */\n    topRemoveButton: PropTypes.string,\n    /**\n     * Styles applied to the rules container.\n     */\n    rulesContainer: PropTypes.string,\n    /**\n     * Styles applied to the sub rules container.\n     */\n    subRulesContainer: PropTypes.string,\n    /**\n     * Styles applied to the action button container.\n     */\n    actionButtonContainer: PropTypes.string,\n    /**\n     * Styles applied to the top action button container.\n     */\n    topActionButtonContainer: PropTypes.string,\n  }),\n  attributes: PropTypes.shape({\n    key: PropTypes.shape({\n      id: PropTypes.number,\n      label: PropTypes.string.isRequired,\n      type: PropTypes.string.isRequired,\n      value: PropTypes.any,\n      order: PropTypes.number,\n    }),\n  }).isRequired,\n  /**\n   * The query rules operators by attribute type and combinator.\n   */\n  operators: PropTypes.shape({\n    type: PropTypes.arrayOf(\n      PropTypes.shape({\n        operator: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        combinators: PropTypes.arrayOf(PropTypes.string).isRequired,\n      })\n    ),\n  }),\n  /**\n   * The query combinators operands.\n   */\n  combinators: PropTypes.arrayOf(\n    PropTypes.shape({\n      operand: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    })\n  ),\n  /**\n   * The initial query representation.\n   */\n  query: PropTypes.shape({\n    id: PropTypes.number,\n    combinator: PropTypes.string.isRequired,\n    rules: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.number,\n        attribute: PropTypes.string,\n        operator: PropTypes.string,\n        value: PropTypes.any,\n      })\n    ).isRequired,\n  }),\n  /**\n   * Callback fired when query changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Max depth of nested query groups.\n   */\n  maxDepth: PropTypes.number,\n  /**\n   * An object containing all the labels.\n   */\n  labels: PropTypes.instanceOf(Object),\n  /**\n   * A flag indicating if the Query Builder is in read only mode.\n   */\n  readOnly: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvQueryBuilder\" })(HvQueryBuilder);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAUjB;EAAA,2BATJC,UASI;EAAA,IATJA,UASI,gCATS,EAST;EAAA,IARJC,KAQI,QARJA,KAQI;EAAA,IAPJC,QAOI,QAPJA,QAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,WAKI,QALJA,WAKI;EAAA,yBAJJC,QAII;EAAA,IAJJA,QAII,8BAJO,CAIP;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,KAEP;EAAA,IADJC,OACI,QADJA,OACI;;EACJ,gBAAmC,IAAAC,eAAA,GAAnC;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,SAAtB;;EACA,IAAMC,iBAAiB,GAAG,IAAAC,aAAA,GAA1B;;EACA,kBAAgC,IAAAC,iBAAA,EAC9BC,gBAD8B,EAE9Bd,KAF8B,EAG9B,UAACe,YAAD;IAAA,OAAkBA,YAAY,IAAI,IAAAC,iBAAA,GAAlC;EAAA,CAH8B,CAAhC;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,cAAd;;EAMA,IAAMH,YAAY,GAAGf,KAAK,KAAKiB,KAA/B;;EACA,iBAAkC,IAAAT,eAAA,GAAlC;EAAA;EAAA,IAAOW,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,IAAMC,cAAc,GAAG,IAAAC,iBAAA,EAAWC,gBAAX,CAAvB;EAEA,IAAMC,OAAO,GAAG,IAAAC,cAAA,EACd;IAAA,OAAO;MACLP,cAAc,EAAdA,cADK;MAELR,SAAS,EAATA,SAFK;MAGLX,UAAU,EAAVA,UAHK;MAILG,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAemB,cAAc,CAACnB,SAJlC;MAKLC,WAAW,EAAEA,WAAF,aAAEA,WAAF,cAAEA,WAAF,GAAiBkB,cAAc,CAAClB,WALtC;MAMLC,QAAQ,EAAEA,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAciB,cAAc,CAACjB,QANhC;MAOLC,MAAM,EAAEA,MAAF,aAAEA,MAAF,cAAEA,MAAF,GAAYgB,cAAc,CAAChB,MAP5B;MAQLqB,cAAc,EAAEX,YARX;MASLT,QAAQ,EAARA;IATK,CAAP;EAAA,CADc,EAYd,CACEP,UADF,EAEEG,SAFF,EAGEmB,cAAc,CAACnB,SAHjB,EAIEmB,cAAc,CAAClB,WAJjB,EAKEkB,cAAc,CAACjB,QALjB,EAMEiB,cAAc,CAAChB,MANjB,EAOEF,WAPF,EAQEC,QARF,EASEC,MATF,EAUEC,QAVF,EAWES,YAXF,CAZc,CAAhB;EA2BA,IAAAY,gBAAA,EAAU,YAAM;IACd,IAAIhB,iBAAiB,CAACiB,OAAlB,IAA6B,IAAjC,EAAuC;MACrC;MACAjB,iBAAiB,CAACiB,OAAlB,GAA4B7B,UAA5B;IACD,CAHD,MAGO,IAAIY,iBAAiB,CAACiB,OAAlB,KAA8B7B,UAAlC,EAA8C;MACnD;MACAY,iBAAiB,CAACiB,OAAlB,GAA4B7B,UAA5B;MACAmB,cAAc,CAAC;QAAEW,IAAI,EAAE;MAAR,CAAD,CAAd;IACD;EACF,CATD,EASG,CAAC9B,UAAD,CATH,EAzCI,CAoDJ;;EACA,IAAA4B,gBAAA,EAAU,YAAM;IACd,IAAI,CAACZ,YAAD,IAAiB,CAAC,IAAAe,gBAAA,EAAQb,KAAR,EAAeE,SAAf,CAAtB,EAAiD;MAC/ClB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG,IAAA8B,mBAAA,EAAad,KAAb,CAAH,CAAR;MACAG,YAAY,CAAC,IAAAY,kBAAA,EAAUf,KAAV,CAAD,CAAZ;IACD;EACF,CALD,EAKG,CAACA,KAAD,EAAQE,SAAR,EAAmBJ,YAAnB,EAAiCd,QAAjC,CALH;;EAOA,IAAMgC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;IAC7B,IAAIxB,aAAJ,EAAmB;MACjBC,SAAS,CAACwB,SAAD,CAAT;MACAzB,aAAa,CAAC0B,OAAd,CAAsBC,OAAtB,CAA8B,UAACC,MAAD;QAAA,OAAYnB,cAAc,CAACmB,MAAD,CAA1B;MAAA,CAA9B;IACD;EACF,CALD;;EAOA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;IAC5B5B,SAAS,CAACwB,SAAD,CAAT;EACD,CAFD;;EAIA,oBACE,sBAAC,gBAAD,CAAS,QAAT;IAAkB,KAAK,EAAEV,OAAzB;IAAA,wBACE,qBAAC,kBAAD;MACE,KAAK,EAAE,CADT;MAEE,EAAE,EAAEP,KAAK,CAACsB,EAFZ;MAGE,UAAU,EAAEtB,KAAK,CAACuB,UAHpB;MAIE,KAAK,EAAEvB,KAAK,CAACwB,KAJf;MAKE,OAAO,EAAElC;IALX,EADF,eAQE,qBAAC,2BAAD;MACE,MAAM,EAAEE,aAAa,IAAI,IAD3B;MAEE,SAAS,EAAEwB,gBAFb;MAGE,QAAQ,EAAEK,eAHZ;MAIE,KAAK,EAAE,CAAA7B,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEiC,MAAf,CAAsBC,WAAtB,KAAqC,EAJ9C;MAKE,OAAO,EAAE,CAAAlC,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEiC,MAAf,CAAsBE,aAAtB,KAAuC,EALlD;MAME,kBAAkB,EAAE,CAAAnC,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEiC,MAAf,CAAsBG,aAAtB,KAAuC,EAN7D;MAOE,iBAAiB,EAAE,CAAApC,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEiC,MAAf,CAAsBI,YAAtB,KAAsC,EAP3D;MAQE,kBAAkB,EAAE,CAAArC,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEiC,MAAf,CAAsBK,kBAAtB,KAA4C;IARlE,EARF;EAAA,EADF;AAqBD,CAtGD;;AAwGA,wCAAAjD,cAAc,CAACkD,SAAf,GAA2B;EACzB;AACF;AACA;AACA;EACEzC,OAAO,EAAE0C,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAEF,kBAAA,CAAUG,MAJO;;IAKvB;AACJ;AACA;IACIC,QAAQ,EAAEJ,kBAAA,CAAUG,MARG;;IASvB;AACJ;AACA;IACIE,QAAQ,EAAEL,kBAAA,CAAUG,MAZG;;IAavB;AACJ;AACA;IACIZ,UAAU,EAAES,kBAAA,CAAUG,MAhBC;;IAiBvB;AACJ;AACA;IACIG,aAAa,EAAEN,kBAAA,CAAUG,MApBF;;IAqBvB;AACJ;AACA;IACII,gBAAgB,EAAEP,kBAAA,CAAUG,MAxBL;;IAyBvB;AACJ;AACA;IACIK,YAAY,EAAER,kBAAA,CAAUG,MA5BD;;IA6BvB;AACJ;AACA;IACIM,eAAe,EAAET,kBAAA,CAAUG,MAhCJ;;IAiCvB;AACJ;AACA;IACIO,cAAc,EAAEV,kBAAA,CAAUG,MApCH;;IAqCvB;AACJ;AACA;IACIQ,iBAAiB,EAAEX,kBAAA,CAAUG,MAxCN;;IAyCvB;AACJ;AACA;IACIS,qBAAqB,EAAEZ,kBAAA,CAAUG,MA5CV;;IA6CvB;AACJ;AACA;IACIU,wBAAwB,EAAEb,kBAAA,CAAUG;EAhDb,CAAhB,CALgB;EAuDzBrD,UAAU,EAAEkD,kBAAA,CAAUC,KAAV,CAAgB;IAC1Ba,GAAG,EAAEd,kBAAA,CAAUC,KAAV,CAAgB;MACnBX,EAAE,EAAEU,kBAAA,CAAUe,MADK;MAEnBC,KAAK,EAAEhB,kBAAA,CAAUG,MAAV,CAAiBc,UAFL;MAGnBrC,IAAI,EAAEoB,kBAAA,CAAUG,MAAV,CAAiBc,UAHJ;MAInBC,KAAK,EAAElB,kBAAA,CAAUmB,GAJE;MAKnBC,KAAK,EAAEpB,kBAAA,CAAUe;IALE,CAAhB;EADqB,CAAhB,EAQTE,UA/DsB;;EAgEzB;AACF;AACA;EACEhE,SAAS,EAAE+C,kBAAA,CAAUC,KAAV,CAAgB;IACzBrB,IAAI,EAAEoB,kBAAA,CAAUqB,OAAV,CACJrB,kBAAA,CAAUC,KAAV,CAAgB;MACdqB,QAAQ,EAAEtB,kBAAA,CAAUG,MAAV,CAAiBc,UADb;MAEdD,KAAK,EAAEhB,kBAAA,CAAUG,MAAV,CAAiBc,UAFV;MAGd/D,WAAW,EAAE8C,kBAAA,CAAUqB,OAAV,CAAkBrB,kBAAA,CAAUG,MAA5B,EAAoCc;IAHnC,CAAhB,CADI;EADmB,CAAhB,CAnEc;;EA4EzB;AACF;AACA;EACE/D,WAAW,EAAE8C,kBAAA,CAAUqB,OAAV,CACXrB,kBAAA,CAAUC,KAAV,CAAgB;IACdsB,OAAO,EAAEvB,kBAAA,CAAUG,MAAV,CAAiBc,UADZ;IAEdD,KAAK,EAAEhB,kBAAA,CAAUG,MAAV,CAAiBc;EAFV,CAAhB,CADW,CA/EY;;EAqFzB;AACF;AACA;EACElE,KAAK,EAAEiD,kBAAA,CAAUC,KAAV,CAAgB;IACrBX,EAAE,EAAEU,kBAAA,CAAUe,MADO;IAErBxB,UAAU,EAAES,kBAAA,CAAUG,MAAV,CAAiBc,UAFR;IAGrBzB,KAAK,EAAEQ,kBAAA,CAAUqB,OAAV,CACLrB,kBAAA,CAAUC,KAAV,CAAgB;MACdX,EAAE,EAAEU,kBAAA,CAAUe,MADA;MAEdS,SAAS,EAAExB,kBAAA,CAAUG,MAFP;MAGdmB,QAAQ,EAAEtB,kBAAA,CAAUG,MAHN;MAIde,KAAK,EAAElB,kBAAA,CAAUmB;IAJH,CAAhB,CADK,EAOLF;EAVmB,CAAhB,CAxFkB;;EAoGzB;AACF;AACA;EACEjE,QAAQ,EAAEgD,kBAAA,CAAUyB,IAvGK;;EAwGzB;AACF;AACA;EACEtE,QAAQ,EAAE6C,kBAAA,CAAUe,MA3GK;;EA4GzB;AACF;AACA;EACE3D,MAAM,EAAE4C,kBAAA,CAAU0B,UAAV,CAAqBC,MAArB,CA/GiB;;EAgHzB;AACF;AACA;EACEtE,QAAQ,EAAE2C,kBAAA,CAAU4B;AAnHK,CAA3B;;eAsHe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA+ClF,cAA/C,C"}

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

@@ -0,0 +1,139 @@
+"use strict";
+
+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");
+
+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.map.js");
+
+require("core-js/modules/es.object.keys.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 Attribute = function Attribute(_ref) {
+  var _attributes$attribute;
+
+  var id = _ref.id,
+      attribute = _ref.attribute,
+      disabled = _ref.disabled,
+      isInvalid = _ref.isInvalid;
+  var context = (0, _react.useContext)(_Context.default);
+  var dispatchAction = context.dispatchAction,
+      attributes = context.attributes,
+      operators = context.operators,
+      labels = context.labels,
+      readOnly = context.readOnly;
+  var values = (0, _react.useMemo)(function () {
+    return Object.keys(attributes).map(function (key) {
+      return {
+        id: key,
+        label: attributes[key].label,
+        selected: key === attribute
+      };
+    });
+  }, [attributes, attribute]);
+  var currentType = attribute != null ? (_attributes$attribute = attributes[attribute]) === null || _attributes$attribute === void 0 ? void 0 : _attributes$attribute.type : null;
+  return /*#__PURE__*/(0, _jsxRuntime.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: function onChange(selected) {
+      if (selected && !Array.isArray(selected)) {
+        var attributeId = selected.id;
+        var type = attributes[attributeId].type;
+        var typeOperators = operators[type];
+        var 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
+
+
+        var value = type === "boolean" ? true : undefined;
+        dispatchAction({
+          type: "set-attribute",
+          id: id,
+          attribute: attributeId,
+          operator: operator,
+          value: value
+        });
+      } else {
+        dispatchAction({
+          type: "set-attribute",
+          id: id,
+          attribute: null
+        });
+      }
+    },
+    showSearch: (0, _utils.isBigList)(values)
+  }, (0, _utils.isBigList)(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Attribute.propTypes = {
+  id: _propTypes.default.number,
+  attribute: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  isInvalid: _propTypes.default.bool
+} : void 0;
+
+var _default = /*#__PURE__*/_react.default.memo(Attribute);
+
+exports.default = _default;
+//# sourceMappingURL=Attribute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Attribute.js","names":["Attribute","id","attribute","disabled","isInvalid","context","useContext","Context","dispatchAction","attributes","operators","labels","readOnly","values","useMemo","Object","keys","map","key","label","selected","currentType","type","rule","placeholder","exists","Array","isArray","attributeId","typeOperators","operator","undefined","length","value","isBigList","virtualized","height","propTypes","PropTypes","number","string","bool","React","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/QueryBuilder/Rule/Attribute/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 _Attribute.default;
+  }
+});
+
+var _Attribute = _interopRequireDefault(require("./Attribute"));
+//# sourceMappingURL=index.js.map

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

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

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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"}