@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

package/dist/legacy/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,260 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import React, { useEffect, useMemo, useReducer, useRef, useState, useContext } from "react";
+import PropTypes from "prop-types";
+import isEqual from "lodash/isEqual";
+import cloneDeep from "lodash/cloneDeep";
+import { withStyles } from "@mui/styles";
+import Context from "./Context";
+import RuleGroup from "./RuleGroup";
+import ConfirmationDialog from "./ConfirmationDialog";
+import { emptyGroup, clearNodeIds } from "./utils";
+import reducer from "./utils/reducer";
+import styles from "./styles";
+/**
+ * **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.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+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 = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      pendingAction = _useState2[0],
+      askAction = _useState2[1];
+
+  var currentAttributes = useRef();
+
+  var _useReducer = useReducer(reducer, query, function (initialState) {
+    return initialState || emptyGroup();
+  }),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatchAction = _useReducer2[1];
+
+  var initialState = query === state;
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      prevState = _useState4[0],
+      setPrevState = _useState4[1];
+
+  var defaultcontext = useContext(Context);
+  var context = 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]);
+  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.
+
+  useEffect(function () {
+    if (!initialState && !isEqual(state, prevState)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(clearNodeIds(state));
+      setPrevState(cloneDeep(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__*/_jsxs(Context.Provider, {
+    value: context,
+    children: [/*#__PURE__*/_jsx(RuleGroup, {
+      level: 0,
+      id: state.id,
+      combinator: state.combinator,
+      rules: state.rules,
+      classes: classes
+    }), /*#__PURE__*/_jsx(ConfirmationDialog, {
+      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.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the top group container.
+     */
+    topGroup: PropTypes.string,
+
+    /**
+     * Styles applied to the sub group containers.
+     */
+    subGroup: PropTypes.string,
+
+    /**
+     * Styles applied to the multi-button combinator container.
+     */
+    combinator: PropTypes.string,
+
+    /**
+     * Styles applied to the multi-button combinator container on the top group.
+     */
+    topCombinator: PropTypes.string,
+
+    /**
+     * Styles applied to each combinator button.
+     */
+    combinatorButton: PropTypes.string,
+
+    /**
+     * Styles applied to the remove button.
+     */
+    removeButton: PropTypes.string,
+
+    /**
+     * Styles applied to the remove button on the top group.
+     */
+    topRemoveButton: PropTypes.string,
+
+    /**
+     * Styles applied to the rules container.
+     */
+    rulesContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the sub rules container.
+     */
+    subRulesContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the action button container.
+     */
+    actionButtonContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the top action button container.
+     */
+    topActionButtonContainer: PropTypes.string
+  }),
+  attributes: PropTypes.shape({
+    key: PropTypes.shape({
+      id: PropTypes.number,
+      label: PropTypes.string.isRequired,
+      type: PropTypes.string.isRequired,
+      value: PropTypes.any,
+      order: PropTypes.number
+    })
+  }).isRequired,
+
+  /**
+   * The query rules operators by attribute type and combinator.
+   */
+  operators: PropTypes.shape({
+    type: PropTypes.arrayOf(PropTypes.shape({
+      operator: PropTypes.string.isRequired,
+      label: PropTypes.string.isRequired,
+      combinators: PropTypes.arrayOf(PropTypes.string).isRequired
+    }))
+  }),
+
+  /**
+   * The query combinators operands.
+   */
+  combinators: PropTypes.arrayOf(PropTypes.shape({
+    operand: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired
+  })),
+
+  /**
+   * The initial query representation.
+   */
+  query: PropTypes.shape({
+    id: PropTypes.number,
+    combinator: PropTypes.string.isRequired,
+    rules: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.number,
+      attribute: PropTypes.string,
+      operator: PropTypes.string,
+      value: PropTypes.any
+    })).isRequired
+  }),
+
+  /**
+   * Callback fired when query changes.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Max depth of nested query groups.
+   */
+  maxDepth: PropTypes.number,
+
+  /**
+   * An object containing all the labels.
+   */
+  labels: PropTypes.instanceOf(Object),
+
+  /**
+   * A flag indicating if the Query Builder is in read only mode.
+   */
+  readOnly: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvQueryBuilder"
+})(HvQueryBuilder);
+//# sourceMappingURL=QueryBuilder.js.map

package/dist/legacy/QueryBuilder/QueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.js","names":["React","useEffect","useMemo","useReducer","useRef","useState","useContext","PropTypes","isEqual","cloneDeep","withStyles","Context","RuleGroup","ConfirmationDialog","emptyGroup","clearNodeIds","reducer","styles","HvQueryBuilder","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","pendingAction","askAction","currentAttributes","initialState","state","dispatchAction","prevState","setPrevState","defaultcontext","context","initialTouched","current","type","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","id","combinator","rules","dialog","dialogTitle","dialogMessage","dialogConfirm","dialogCancel","dialogCloseTooltip","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","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":"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"}

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

@@ -0,0 +1,100 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import React, { useMemo, useContext } from "react";
+import PropTypes from "prop-types";
+import { HvDropdown } from "../../..";
+import Context from "../../Context";
+import { isBigList } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+var Attribute = function Attribute(_ref) {
+  var _attributes$attribute;
+
+  var id = _ref.id,
+      attribute = _ref.attribute,
+      disabled = _ref.disabled,
+      isInvalid = _ref.isInvalid;
+  var context = useContext(Context);
+  var dispatchAction = context.dispatchAction,
+      attributes = context.attributes,
+      operators = context.operators,
+      labels = context.labels,
+      readOnly = context.readOnly;
+  var values = 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__*/_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: isBigList(values)
+  }, isBigList(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Attribute.propTypes = {
+  id: PropTypes.number,
+  attribute: PropTypes.string,
+  disabled: PropTypes.bool,
+  isInvalid: PropTypes.bool
+} : void 0;
+export default /*#__PURE__*/React.memo(Attribute);
+//# sourceMappingURL=Attribute.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,91 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import { HvDropdown } from "../../..";
+import Context from "../../Context";
+import { isBigList } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+var Operator = function Operator(_ref) {
+  var id = _ref.id,
+      combinator = _ref.combinator,
+      attribute = _ref.attribute,
+      operator = _ref.operator;
+  var context = React.useContext(Context);
+  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 = 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__*/_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: isBigList(values)
+  }, isBigList(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Operator.propTypes = {
+  id: PropTypes.number,
+  combinator: PropTypes.string,
+  attribute: PropTypes.string,
+  operator: PropTypes.string
+} : void 0;
+export default /*#__PURE__*/React.memo(Operator);
+//# sourceMappingURL=Operator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.js","names":["React","useMemo","PropTypes","HvDropdown","Context","isBigList","Operator","id","combinator","attribute","operator","context","useContext","dispatchAction","attributes","operators","labels","readOnly","value","values","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","rule","placeholder","length","Array","isArray","undefined","virtualized","height","propTypes","number","string","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Operator/Operator.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvDropdown } from \"../../..\";\nimport Context from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nconst Operator = ({ id, combinator, attribute, operator }) => {\n  const context = React.useContext(Context);\n\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const value = operator ?? null;\n\n  const values = useMemo(() => {\n    const attributeSpec = attribute ? attributes[attribute] : null;\n    const options = attributeSpec\n      ? operators[attributeSpec.type].filter((o) => o.combinators.includes(combinator)) ?? []\n      : [];\n    return options.map((key) => ({\n      id: key.operator,\n      label: key.label,\n      selected: key.operator === value,\n    }));\n  }, [attribute, attributes, operators, combinator, value]);\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.operator.label}\n      placeholder={labels.rule.operator.placeholder}\n      values={values}\n      disabled={values.length === 0}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: selected.id,\n            value: value === \"range\" || selected.id === \"range\" ? null : undefined,\n          });\n        } else {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: null,\n            value: null,\n          });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nOperator.propTypes = {\n  id: PropTypes.number,\n  combinator: PropTypes.string,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n};\n\nexport default React.memo(Operator);\n"],"mappings":"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"}

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

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

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

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

package/dist/legacy/QueryBuilder/Rule/Rule.js

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