@hitachivantara/uikit-react-lab 3.38.0

package/dist/modern/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,160 @@
+import "core-js/modules/web.dom-collections.iterator.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 "@material-ui/core";
+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.
+ */
+
+const HvQueryBuilder = ({
+  attributes = [],
+  query,
+  onChange,
+  operators,
+  combinators,
+  maxDepth = 1,
+  labels
+}) => {
+  const [pendingAction, askAction] = useState();
+  const currentAttributes = useRef();
+  const [state, dispatchAction] = useReducer(reducer, query, initialState => initialState || emptyGroup());
+  const initialState = query === state;
+  const [prevState, setPrevState] = useState();
+  const defaultcontext = useContext(Context);
+  const context = useMemo(() => ({
+    dispatchAction,
+    askAction,
+    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]);
+  useEffect(() => {
+    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(() => {
+    if (!initialState && !isEqual(state, prevState)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(clearNodeIds(state));
+      setPrevState(cloneDeep(state));
+    }
+  }, [state, prevState, initialState, onChange]);
+
+  const onConfirmHandler = () => {
+    if (pendingAction) {
+      askAction(undefined);
+      pendingAction.actions.forEach(action => dispatchAction(action));
+    }
+  };
+
+  const onCancelHandler = () => {
+    askAction(undefined);
+  };
+
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement(RuleGroup, {
+    level: 0,
+    id: state.id,
+    combinator: state.combinator,
+    rules: state.rules
+  }), /*#__PURE__*/React.createElement(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) || ""
+  }));
+};
+
+HvQueryBuilder.propTypes = {
+  /**
+   * The query rules attributes.
+   */
+  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)
+};
+export default withStyles(styles, {
+  name: "HvQueryBuilder"
+})(HvQueryBuilder);
+//# sourceMappingURL=QueryBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/QueryBuilder/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","pendingAction","askAction","currentAttributes","state","dispatchAction","initialState","prevState","setPrevState","defaultcontext","context","initialTouched","current","type","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","id","combinator","rules","dialog","dialogTitle","dialogMessage","dialogConfirm","dialogCancel","dialogCloseTooltip","propTypes","shape","key","number","label","string","isRequired","value","any","order","arrayOf","operator","operand","attribute","func","instanceOf","Object","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/modern/QueryBuilder/Rule/Attribute/Attribute.js

@@ -0,0 +1,85 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useMemo, useContext } from "react";
+import PropTypes from "prop-types";
+import { HvDropdown } from "@hitachivantara/uikit-react-core";
+import Context from "../../Context";
+import { isBigList } from "../../utils";
+
+const Attribute = ({
+  id,
+  attribute,
+  disabled,
+  isInvalid
+}) => {
+  var _attributes$attribute;
+
+  const context = useContext(Context);
+  const {
+    dispatchAction,
+    attributes,
+    operators,
+    labels
+  } = context;
+  const values = useMemo(() => Object.keys(attributes).map(key => ({
+    id: key,
+    label: attributes[key].label,
+    selected: key === attribute
+  })), [attributes, attribute]);
+  const currentType = attribute != null ? (_attributes$attribute = attributes[attribute]) === null || _attributes$attribute === void 0 ? void 0 : _attributes$attribute.type : null;
+  return /*#__PURE__*/React.createElement(HvDropdown, _extends({
+    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: selected => {
+      if (selected && !Array.isArray(selected)) {
+        const attributeId = selected.id;
+        const {
+          type
+        } = attributes[attributeId];
+        const typeOperators = operators[type];
+        let operator;
+
+        if (currentType === type) {
+          operator = undefined;
+        } else if ((typeOperators === null || typeOperators === void 0 ? void 0 : typeOperators.length) === 1) {
+          operator = typeOperators[0].operator;
+        } else {
+          operator = null;
+        } // default boolean attributes to true
+
+
+        const value = type === "boolean" ? true : undefined;
+        dispatchAction({
+          type: "set-attribute",
+          id,
+          attribute: attributeId,
+          operator,
+          value
+        });
+      } else {
+        dispatchAction({
+          type: "set-attribute",
+          id,
+          attribute: null
+        });
+      }
+    },
+    showSearch: isBigList(values)
+  }, isBigList(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+Attribute.propTypes = {
+  id: PropTypes.number,
+  attribute: PropTypes.string,
+  disabled: PropTypes.bool,
+  isInvalid: PropTypes.bool
+};
+export default /*#__PURE__*/React.memo(Attribute);
+//# sourceMappingURL=Attribute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/QueryBuilder/Rule/Attribute/Attribute.js"],"names":["React","useMemo","useContext","PropTypes","HvDropdown","Context","isBigList","Attribute","id","attribute","disabled","isInvalid","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","number","string","bool","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/modern/QueryBuilder/Rule/Attribute/index.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/QueryBuilder/Rule/Operator/Operator.js"],"names":["React","useMemo","PropTypes","HvDropdown","Context","isBigList","Operator","id","combinator","attribute","operator","context","useContext","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","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/modern/QueryBuilder/Rule/Operator/index.js

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

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

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

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

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

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

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

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

@@ -0,0 +1,56 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import PropTypes from "prop-types";
+import { HvDropdown } from "@hitachivantara/uikit-react-core";
+import Context from "../../../Context";
+import { isBigList } from "../../../utils";
+
+const BooleanValue = ({
+  id,
+  value = true
+}) => {
+  const context = React.useContext(Context);
+  const {
+    labels,
+    dispatchAction
+  } = context;
+  const values = ["true", "false"].map(v => ({
+    id: v,
+    label: labels.rule.value.boolean.options[v],
+    selected: value === (v === "true")
+  }));
+  return /*#__PURE__*/React.createElement(HvDropdown, _extends({
+    required: true,
+    status: "valid",
+    singleSelectionToggle: false,
+    label: labels.rule.value.boolean.label,
+    placeholder: labels.rule.value.boolean.placeholder,
+    values: values,
+    onChange: selected => {
+      if (selected && !Array.isArray(selected) && selected.id) {
+        dispatchAction({
+          type: "set-value",
+          id,
+          value: selected.id === "true"
+        });
+      } else {
+        dispatchAction({
+          type: "set-value",
+          id,
+          value: null
+        });
+      }
+    },
+    showSearch: isBigList(values)
+  }, isBigList(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+BooleanValue.propTypes = {
+  id: PropTypes.number,
+  value: PropTypes.bool
+};
+export default /*#__PURE__*/React.memo(BooleanValue);
+//# sourceMappingURL=BooleanValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js"],"names":["React","PropTypes","HvDropdown","Context","isBigList","BooleanValue","id","value","context","useContext","labels","dispatchAction","values","map","v","label","rule","boolean","options","selected","placeholder","Array","isArray","type","virtualized","height","propTypes","number","bool","memo"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,kCAA3B;AAEA,OAAOC,OAAP,MAAoB,kBAApB;AACA,SAASC,SAAT,QAA0B,gBAA1B;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,KAAK,GAAG;AAAd,CAAD,KAA0B;AAC7C,QAAMC,OAAO,GAAGR,KAAK,CAACS,UAAN,CAAiBN,OAAjB,CAAhB;AACA,QAAM;AAAEO,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAA6BH,OAAnC;AAEA,QAAMI,MAAM,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkBC,GAAlB,CAAuBC,CAAD,KAAQ;AAC3CR,IAAAA,EAAE,EAAEQ,CADuC;AAE3CC,IAAAA,KAAK,EAAEL,MAAM,CAACM,IAAP,CAAYT,KAAZ,CAAkBU,OAAlB,CAA0BC,OAA1B,CAAkCJ,CAAlC,CAFoC;AAG3CK,IAAAA,QAAQ,EAAEZ,KAAK,MAAMO,CAAC,KAAK,MAAZ;AAH4B,GAAR,CAAtB,CAAf;AAMA,sBACE,oBAAC,UAAD;AACE,IAAA,QAAQ,MADV;AAEE,IAAA,MAAM,EAAC,OAFT;AAGE,IAAA,qBAAqB,EAAE,KAHzB;AAIE,IAAA,KAAK,EAAEJ,MAAM,CAACM,IAAP,CAAYT,KAAZ,CAAkBU,OAAlB,CAA0BF,KAJnC;AAKE,IAAA,WAAW,EAAEL,MAAM,CAACM,IAAP,CAAYT,KAAZ,CAAkBU,OAAlB,CAA0BG,WALzC;AAME,IAAA,MAAM,EAAER,MANV;AAOE,IAAA,QAAQ,EAAGO,QAAD,IAAc;AACtB,UAAIA,QAAQ,IAAI,CAACE,KAAK,CAACC,OAAN,CAAcH,QAAd,CAAb,IAAwCA,QAAQ,CAACb,EAArD,EAAyD;AACvDK,QAAAA,cAAc,CAAC;AACbY,UAAAA,IAAI,EAAE,WADO;AAEbjB,UAAAA,EAFa;AAGbC,UAAAA,KAAK,EAAEY,QAAQ,CAACb,EAAT,KAAgB;AAHV,SAAD,CAAd;AAKD,OAND,MAMO;AACLK,QAAAA,cAAc,CAAC;AAAEY,UAAAA,IAAI,EAAE,WAAR;AAAqBjB,UAAAA,EAArB;AAAyBC,UAAAA,KAAK,EAAE;AAAhC,SAAD,CAAd;AACD;AACF,KAjBH;AAkBE,IAAA,UAAU,EAAEH,SAAS,CAACQ,MAAD;AAlBvB,KAmBOR,SAAS,CAACQ,MAAD,CAAT,IAAqB;AAAEY,IAAAA,WAAW,EAAE,IAAf;AAAqBC,IAAAA,MAAM,EAAE;AAA7B,GAnB5B,EADF;AAuBD,CAjCD;;AAmCApB,YAAY,CAACqB,SAAb,GAAyB;AACvBpB,EAAAA,EAAE,EAAEL,SAAS,CAAC0B,MADS;AAEvBpB,EAAAA,KAAK,EAAEN,SAAS,CAAC2B;AAFM,CAAzB;AAKA,4BAAe5B,KAAK,CAAC6B,IAAN,CAAWxB,YAAX,CAAf","sourcesContent":["import React 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 BooleanValue = ({ id, value = true }) => {\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = context;\n\n  const values = [\"true\", \"false\"].map((v) => ({\n    id: v,\n    label: labels.rule.value.boolean.options[v],\n    selected: value === (v === \"true\"),\n  }));\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.value.boolean.label}\n      placeholder={labels.rule.value.boolean.placeholder}\n      values={values}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-value\",\n            id,\n            value: selected.id === \"true\",\n          });\n        } else {\n          dispatchAction({ type: \"set-value\", id, value: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nBooleanValue.propTypes = {\n  id: PropTypes.number,\n  value: PropTypes.bool,\n};\n\nexport default React.memo(BooleanValue);\n"],"file":"BooleanValue.js"}

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

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

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

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