@hitachivantara/uikit-react-lab 3.38.0

package/dist/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,225 @@
+"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 _core = require("@material-ui/core");
+
+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 _styles = _interopRequireDefault(require("./styles"));
+
+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;
+
+  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
+    };
+  }, [attributes, operators, defaultcontext.operators, defaultcontext.combinators, defaultcontext.maxDepth, defaultcontext.labels, combinators, maxDepth, labels, 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__*/_react.default.createElement(_Context.default.Provider, {
+    value: context
+  }, /*#__PURE__*/_react.default.createElement(_RuleGroup.default, {
+    level: 0,
+    id: state.id,
+    combinator: state.combinator,
+    rules: state.rules
+  }), /*#__PURE__*/_react.default.createElement(_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) || ""
+  }));
+};
+
+HvQueryBuilder.propTypes = {
+  /**
+   * The query rules attributes.
+   */
+  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)
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvQueryBuilder"
+})(HvQueryBuilder);
+
+exports.default = _default;
+//# sourceMappingURL=QueryBuilder.js.map

package/dist/QueryBuilder/QueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/QueryBuilder/QueryBuilder.js"],"names":["HvQueryBuilder","attributes","query","onChange","operators","combinators","maxDepth","labels","pendingAction","askAction","currentAttributes","reducer","initialState","state","dispatchAction","prevState","setPrevState","defaultcontext","Context","context","initialTouched","current","type","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","id","combinator","rules","dialog","dialogTitle","dialogMessage","dialogConfirm","dialogCancel","dialogCloseTooltip","propTypes","PropTypes","shape","key","number","label","string","isRequired","value","any","order","arrayOf","operator","operand","attribute","func","instanceOf","Object","styles","name"],"mappings":"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","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 \"@material-ui/core\";\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}) => {\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    }),\n    [\n      attributes,\n      operators,\n      defaultcontext.operators,\n      defaultcontext.combinators,\n      defaultcontext.maxDepth,\n      defaultcontext.labels,\n      combinators,\n      maxDepth,\n      labels,\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 level={0} id={state.id} combinator={state.combinator} rules={state.rules} />\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   * The query rules attributes.\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\nexport default withStyles(styles, { name: \"HvQueryBuilder\" })(HvQueryBuilder);\n"],"file":"QueryBuilder.js"}

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

@@ -0,0 +1,123 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _Context = _interopRequireDefault(require("../../Context"));
+
+var _utils = require("../../utils");
+
+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 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;
+  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__*/_react.default.createElement(_uikitReactCore.HvDropdown, (0, _extends2.default)({
+    singleSelectionToggle: false,
+    label: labels.rule.attribute.label,
+    placeholder: labels.rule.attribute.placeholder,
+    values: values,
+    disabled: disabled,
+    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
+  }));
+};
+
+Attribute.propTypes = {
+  id: _propTypes.default.number,
+  attribute: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  isInvalid: _propTypes.default.bool
+};
+
+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,"sources":["../../../../src/QueryBuilder/Rule/Attribute/Attribute.js"],"names":["Attribute","id","attribute","disabled","isInvalid","context","Context","dispatchAction","attributes","operators","labels","values","Object","keys","map","key","label","selected","currentType","type","rule","placeholder","exists","Array","isArray","attributeId","typeOperators","operator","undefined","length","value","virtualized","height","propTypes","PropTypes","number","string","bool","React","memo"],"mappings":"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","sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\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 } = 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      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"],"file":"Attribute.js"}

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,"sources":["../../../../src/QueryBuilder/Rule/Attribute/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Attribute\";\n"],"file":"index.js"}

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

@@ -0,0 +1,118 @@
+"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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _Context = _interopRequireDefault(require("../../Context"));
+
+var _utils = require("../../utils");
+
+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 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;
+  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__*/_react.default.createElement(_uikitReactCore.HvDropdown, (0, _extends2.default)({
+    required: true,
+    status: "valid",
+    singleSelectionToggle: false,
+    label: labels.rule.operator.label,
+    placeholder: labels.rule.operator.placeholder,
+    values: values,
+    disabled: values.length === 0,
+    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
+  }));
+};
+
+Operator.propTypes = {
+  id: _propTypes.default.number,
+  combinator: _propTypes.default.string,
+  attribute: _propTypes.default.string,
+  operator: _propTypes.default.string
+};
+
+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,"sources":["../../../../src/QueryBuilder/Rule/Operator/Operator.js"],"names":["Operator","id","combinator","attribute","operator","context","React","useContext","Context","dispatchAction","attributes","operators","labels","value","values","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","rule","placeholder","length","Array","isArray","undefined","virtualized","height","propTypes","PropTypes","number","string","memo"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\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 } = 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      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"],"file":"Operator.js"}

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,"sources":["../../../../src/QueryBuilder/Rule/Operator/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Operator\";\n"],"file":"index.js"}