@hitachivantara/uikit-react-lab 3.47.3 → 3.49.0

package/dist/Controls/RightControl/RightControl.js

@@ -0,0 +1,167 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.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.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _ControlsContext = require("../context/ControlsContext");
+
+var _excluded = ["id", "classes", "className", "children", "values", "onSort", "hideSortBy", "sortProps"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var HvRightControl = function HvRightControl(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
+      values = _ref.values,
+      onSort = _ref.onSort,
+      _ref$hideSortBy = _ref.hideSortBy,
+      hideSortBy = _ref$hideSortBy === void 0 ? false : _ref$hideSortBy,
+      sortProps = _ref.sortProps,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(values),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      dropDownValues = _useState2[0],
+      setDropdownValues = _useState2[1];
+
+  var _useContext = (0, _react.useContext)(_ControlsContext.HvControlsContext),
+      onSortHandler = _useContext.onSort;
+
+  var handleChangeSort = function handleChangeSort(value) {
+    onSort === null || onSort === void 0 ? void 0 : onSort(value);
+    onSortHandler === null || onSortHandler === void 0 ? void 0 : onSortHandler(value); // this should be changed when dropdown changes his "values" behavior
+
+    setDropdownValues(function (prevValues) {
+      return prevValues.map(function (prevValue) {
+        return _objectSpread(_objectSpread({}, prevValue), {}, {
+          selected: prevValue.id === value.id
+        });
+      });
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), !hideSortBy && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvDropdown, (0, _extends2.default)({
+    id: (0, _uikitReactCore.setId)(id, "sort-by-dropdown"),
+    values: dropDownValues,
+    className: classes.sortDropdown,
+    onChange: handleChangeSort,
+    singleSelectionToggle: false
+  }, sortProps)), children);
+};
+
+process.env.NODE_ENV !== "production" ? HvRightControl.propTypes = {
+  /** Children to be rendered. */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /** Children to be rendered. */
+  children: _propTypes.default.node,
+
+  /**
+   * the classes object to be applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the dropdown in charge of sorting.
+     */
+    sortDropdown: _propTypes.default.string
+  }).isRequired,
+
+  /** Data collection to be listed on the sort field. */
+  values: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    accessor: _propTypes.default.string,
+    label: _propTypes.default.string,
+    selected: _propTypes.default.bool,
+    desc: _propTypes.default.bool
+  })),
+
+  /** Callback fired when the selected sort item is changed. */
+  onSort: _propTypes.default.func,
+
+  /** Boolean to control whether if the sort input should appears or not. */
+  hideSortBy: _propTypes.default.bool,
+
+  /**
+   * Extra props to be passed onto the dropdown
+   */
+  sortProps: _propTypes.default.object
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvRightControl",
+  withTheme: true
+})(HvRightControl);
+
+exports.default = _default;
+//# sourceMappingURL=RightControl.js.map

package/dist/Controls/RightControl/RightControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightControl.js","names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","HvControlsContext","onSortHandler","handleChangeSort","value","prevValues","map","prevValue","selected","root","sortDropdown","propTypes","PropTypes","string","node","shape","isRequired","arrayOf","accessor","label","bool","desc","func","object","styleCreator","name","withTheme"],"sources":["../../../src/Controls/RightControl/RightControl.js"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvDropdown, setId } from \"@hitachivantara/uikit-react-core\";\nimport styleCreator from \"./styles\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\n\nconst HvRightControl = ({\n  id,\n  classes,\n  className,\n  children,\n  values,\n  onSort,\n  hideSortBy = false,\n  sortProps,\n  ...others\n}) => {\n  const [dropDownValues, setDropdownValues] = useState(values);\n\n  const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n  const handleChangeSort = (value) => {\n    onSort?.(value);\n    onSortHandler?.(value);\n    // this should be changed when dropdown changes his \"values\" behavior\n    setDropdownValues((prevValues) =>\n      prevValues.map((prevValue) => ({\n        ...prevValue,\n        selected: prevValue.id === value.id,\n      }))\n    );\n  };\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {!hideSortBy && (\n        <HvDropdown\n          id={setId(id, \"sort-by-dropdown\")}\n          values={dropDownValues}\n          className={classes.sortDropdown}\n          onChange={handleChangeSort}\n          singleSelectionToggle={false}\n          {...sortProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nHvRightControl.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /** Children to be rendered. */\n  children: PropTypes.node,\n  /**\n   * the classes object to be applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dropdown in charge of sorting.\n     */\n    sortDropdown: PropTypes.string,\n  }).isRequired,\n  /** Data collection to be listed on the sort field. */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      accessor: PropTypes.string,\n      label: PropTypes.string,\n      selected: PropTypes.bool,\n      desc: PropTypes.bool,\n    })\n  ),\n  /** Callback fired when the selected sort item is changed. */\n  onSort: PropTypes.func,\n  /** Boolean to control whether if the sort input should appears or not. */\n  hideSortBy: PropTypes.bool,\n  /**\n   * Extra props to be passed onto the dropdown\n   */\n  sortProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvRightControl\", withTheme: true })(\n  HvRightControl\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAUjB;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,2BAHJC,UAGI;EAAA,IAHJA,UAGI,gCAHS,KAGT;EAAA,IAFJC,SAEI,QAFJA,SAEI;EAAA,IADDC,MACC;;EACJ,gBAA4C,qBAASJ,MAAT,CAA5C;EAAA;EAAA,IAAOK,cAAP;EAAA,IAAuBC,iBAAvB;;EAEA,kBAAkC,uBAAWC,kCAAX,CAAlC;EAAA,IAAgBC,aAAhB,eAAQP,MAAR;;EAEA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;IAClCT,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAGS,KAAH,CAAN;IACAF,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGE,KAAH,CAAb,CAFkC,CAGlC;;IACAJ,iBAAiB,CAAC,UAACK,UAAD;MAAA,OAChBA,UAAU,CAACC,GAAX,CAAe,UAACC,SAAD;QAAA,uCACVA,SADU;UAEbC,QAAQ,EAAED,SAAS,CAACjB,EAAV,KAAiBc,KAAK,CAACd;QAFpB;MAAA,CAAf,CADgB;IAAA,CAAD,CAAjB;EAMD,CAVD;;EAWA,oBACE;IAAK,EAAE,EAAEA,EAAT;IAAa,SAAS,EAAE,mBAAKE,SAAL,EAAgBD,OAAO,CAACkB,IAAxB;EAAxB,GAA2DX,MAA3D,GACG,CAACF,UAAD,iBACC,6BAAC,0BAAD;IACE,EAAE,EAAE,2BAAMN,EAAN,EAAU,kBAAV,CADN;IAEE,MAAM,EAAES,cAFV;IAGE,SAAS,EAAER,OAAO,CAACmB,YAHrB;IAIE,QAAQ,EAAEP,gBAJZ;IAKE,qBAAqB,EAAE;EALzB,GAMMN,SANN,EAFJ,EAWGJ,QAXH,CADF;AAeD,CAzCD;;AA2CA,wCAAAJ,cAAc,CAACsB,SAAf,GAA2B;EACzB;EACArB,EAAE,EAAEsB,mBAAUC,MAFW;;EAGzB;AACF;AACA;EACErB,SAAS,EAAEoB,mBAAUC,MANI;;EAOzB;EACApB,QAAQ,EAAEmB,mBAAUE,IARK;;EASzB;AACF;AACA;EACEvB,OAAO,EAAEqB,mBAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEG,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,YAAY,EAAEE,mBAAUC;EARD,CAAhB,EASNG,UArBsB;;EAsBzB;EACAtB,MAAM,EAAEkB,mBAAUK,OAAV,CACNL,mBAAUG,KAAV,CAAgB;IACdzB,EAAE,EAAEsB,mBAAUC,MADA;IAEdK,QAAQ,EAAEN,mBAAUC,MAFN;IAGdM,KAAK,EAAEP,mBAAUC,MAHH;IAIdL,QAAQ,EAAEI,mBAAUQ,IAJN;IAKdC,IAAI,EAAET,mBAAUQ;EALF,CAAhB,CADM,CAvBiB;;EAgCzB;EACAzB,MAAM,EAAEiB,mBAAUU,IAjCO;;EAkCzB;EACA1B,UAAU,EAAEgB,mBAAUQ,IAnCG;;EAoCzB;AACF;AACA;EACEvB,SAAS,EAAEe,mBAAUW;AAvCI,CAA3B;;eA0Ce,sBAAWC,eAAX,EAAyB;EAAEC,IAAI,EAAE,gBAAR;EAA0BC,SAAS,EAAE;AAArC,CAAzB,EACbrC,cADa,C"}

package/dist/Controls/RightControl/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./RightControl";
+export * from "./RightControl";

package/dist/Controls/RightControl/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 _RightControl.default;
+  }
+});
+
+var _RightControl = _interopRequireDefault(require("./RightControl"));
+//# sourceMappingURL=index.js.map

package/dist/Controls/RightControl/index.js.map

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

package/dist/Controls/RightControl/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {
+      display: "inline-flex",
+      gap: 10
+    },
+    sortDropdown: {
+      minWidth: 200
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Controls/RightControl/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","gap","sortDropdown","minWidth"],"sources":["../../../src/Controls/RightControl/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    gap: 10,\n  },\n  sortDropdown: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;MACJC,OAAO,EAAE,aADL;MAEJC,GAAG,EAAE;IAFD,CADc;IAKpBC,YAAY,EAAE;MACZC,QAAQ,EAAE;IADE;EALM,CAAP;AAAA,CAAf;;eAUeL,M"}

package/dist/Controls/context/ControlsContext.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.HvControlsContextProvider = exports.HvControlsContextConsumer = exports.HvControlsContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var HvControlsContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.HvControlsContext = HvControlsContext;
+var HvControlsContextProvider = HvControlsContext.Provider;
+exports.HvControlsContextProvider = HvControlsContextProvider;
+var HvControlsContextConsumer = HvControlsContext.Consumer;
+exports.HvControlsContextConsumer = HvControlsContextConsumer;
+var _default = HvControlsContext;
+exports.default = _default;
+//# sourceMappingURL=ControlsContext.js.map

package/dist/Controls/context/ControlsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsContext.js","names":["HvControlsContext","React","createContext","HvControlsContextProvider","Provider","HvControlsContextConsumer","Consumer"],"sources":["../../../src/Controls/context/ControlsContext.js"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,iBAAiB,gBAAGC,eAAMC,aAAN,CAAoB,EAApB,CAA1B;;;AAEA,IAAMC,yBAAyB,GAAGH,iBAAiB,CAACI,QAApD;;AACA,IAAMC,yBAAyB,GAAGL,iBAAiB,CAACM,QAApD;;eACQN,iB"}

package/dist/Controls/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Controls";
+export { default as HvLeftControl } from "./LeftControl";
+export { default as HvRightControl } from "./RightControl";

package/dist/Controls/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvLeftControl", {
+  enumerable: true,
+  get: function get() {
+    return _LeftControl.default;
+  }
+});
+Object.defineProperty(exports, "HvRightControl", {
+  enumerable: true,
+  get: function get() {
+    return _RightControl.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Controls.default;
+  }
+});
+
+var _Controls = _interopRequireDefault(require("./Controls"));
+
+var _LeftControl = _interopRequireDefault(require("./LeftControl"));
+
+var _RightControl = _interopRequireDefault(require("./RightControl"));
+//# sourceMappingURL=index.js.map

package/dist/Controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Controls/index.js"],"sourcesContent":["export { default } from \"./Controls\";\nexport { default as HvLeftControl } from \"./LeftControl\";\nexport { default as HvRightControl } from \"./RightControl\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/dist/Controls/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {
+      display: "inline-flex",
+      width: "100%",
+      justifyContent: "space-between"
+    },
+    section: {
+      display: "inline-flex",
+      alignItems: "flex-end",
+      gap: 10
+    },
+    leftSection: {},
+    rightSection: {},
+    sortInput: {
+      minWidth: 200
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Controls/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","width","justifyContent","section","alignItems","gap","leftSection","rightSection","sortInput","minWidth"],"sources":["../../src/Controls/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  section: {\n    display: \"inline-flex\",\n    alignItems: \"flex-end\",\n    gap: 10,\n  },\n  leftSection: {},\n  rightSection: {},\n  sortInput: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;MACJC,OAAO,EAAE,aADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,cAAc,EAAE;IAHZ,CADc;IAMpBC,OAAO,EAAE;MACPH,OAAO,EAAE,aADF;MAEPI,UAAU,EAAE,UAFL;MAGPC,GAAG,EAAE;IAHE,CANW;IAWpBC,WAAW,EAAE,EAXO;IAYpBC,YAAY,EAAE,EAZM;IAapBC,SAAS,EAAE;MACTC,QAAQ,EAAE;IADD;EAbS,CAAP;AAAA,CAAf;;eAkBeX,M"}

package/dist/QueryBuilder/Rule/Rule.js

@@ -101,7 +101,6 @@ var Rule = function Rule(_ref) {
     xs: 2,
     lg: 3
   }, /*#__PURE__*/_react.default.createElement(_Operator.default, {
-    key: id + combinator + attribute + operator,
     id: id,
     combinator: combinator,
     attribute: attribute,
@@ -110,7 +109,6 @@ var Rule = function Rule(_ref) {
     item: true,
     xs: true
   }, shouldShowValueInput && /*#__PURE__*/_react.default.createElement(_Value.default, {
-    key: id + combinator + attribute + operator,
     attribute: attribute,
     id: id,
     operator: operator,

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

@@ -1 +1 @@
-{"version":3,"file":"Rule.js","names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","context","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","PropTypes","number","string","any","bool"],"sources":["../../../src/QueryBuilder/Rule/Rule.js"],"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"],"mappings":"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"}
+{"version":3,"file":"Rule.js","names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","context","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","PropTypes","number","string","any","bool"],"sources":["../../../src/QueryBuilder/Rule/Rule.js"],"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 id={id} combinator={combinator} attribute={attribute} operator={operator} />\n        </HvGrid>\n      )}\n      {attribute != null && (operator != null || availableOperators === 0) && (\n        <HvGrid item xs>\n          {shouldShowValueInput && (\n            <Value attribute={attribute} id={id} operator={operator} value={value} />\n          )}\n        </HvGrid>\n      )}\n      <HvGrid item className={classes.actionsContainer}>\n        <HvButton\n          icon\n          aria-label={labels.rule.delete.ariaLabel}\n          onClick={() => {\n            askAction({\n              actions: [{ type: \"remove-node\", id }],\n              dialog: labels.rule.delete,\n            });\n          }}\n        >\n          <DeleteIcon />\n        </HvButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n\nRule.propTypes = {\n  id: PropTypes.number,\n  combinator: PropTypes.string,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  disabled: PropTypes.bool,\n  isInvalid: PropTypes.bool,\n};\n\nexport default Rule;\n"],"mappings":"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"}

package/dist/QueryBuilder/RuleGroup/RuleGroup.js

@@ -133,9 +133,13 @@ var RuleGroup = function RuleGroup(_ref) {
   }, /*#__PURE__*/_react.default.createElement(DeleteIcon, null)))), (rules === null || rules === void 0 ? void 0 : rules.length) > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _clsx.default)(classes.rulesContainer, level > 0 && classes.subRulesContainer, level === 0 && "topRulesContainer")
   }, rules.map(function (rule, index) {
+    var _rule$id2;
+
     if ("combinator" in rule) {
+      var _rule$id;
+
       return /*#__PURE__*/_react.default.createElement(RuleGroup, (0, _extends2.default)({
-        key: rule.id || Math.random(),
+        key: (_rule$id = rule.id) !== null && _rule$id !== void 0 ? _rule$id : index,
         level: level + 1
       }, rule, {
         id: rule.id,
@@ -153,7 +157,7 @@ var RuleGroup = function RuleGroup(_ref) {
       return false;
     });
     return /*#__PURE__*/_react.default.createElement(_Rule.default, (0, _extends2.default)({
-      key: rule.id || Math.random()
+      key: (_rule$id2 = rule.id) !== null && _rule$id2 !== void 0 ? _rule$id2 : index
     }, rule, {
       isInvalid: isInvalid,
       id: rule.id,

package/dist/QueryBuilder/RuleGroup/RuleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuleGroup.js","names":["RuleGroup","level","id","combinator","rules","classes","context","Context","dispatchAction","askAction","maxDepth","combinators","labels","normalizedMaxDepth","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","PropTypes","shape","string","number","array","styles","name"],"sources":["../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport styles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [], classes }) => {\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n  const normalizedMaxDepth = maxDepth - 1;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level <= normalizedMaxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                  classes={classes}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level <= normalizedMaxDepth && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.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  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default withStyles(styles, { name: \"RuleGroup\" })(RuleGroup);\n"],"mappings":"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"}
+{"version":3,"file":"RuleGroup.js","names":["RuleGroup","level","id","combinator","rules","classes","context","Context","dispatchAction","askAction","maxDepth","combinators","labels","normalizedMaxDepth","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","PropTypes","shape","string","number","array","styles","name"],"sources":["../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport styles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [], classes }) => {\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n  const normalizedMaxDepth = maxDepth - 1;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level <= normalizedMaxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id ?? index}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                  classes={classes}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id ?? index}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level <= normalizedMaxDepth && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.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  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default withStyles(styles, { name: \"RuleGroup\" })(RuleGroup);\n"],"mappings":"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"}

package/dist/QueryBuilder/{types.ts → types.d.ts}

@@ -30,7 +30,7 @@ export type QueryRuleValue =
   | DateTimeRange;
 
 export interface QueryRule {
-  id?: number;
+  id?: number | string;
   attribute?: string;
   operator?: string;
   value?: QueryRuleValue;

package/dist/Table/TableBody/TableBody.js

@@ -37,8 +37,6 @@ var _core = require("@material-ui/core");
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _Focus = _interopRequireDefault(require("@hitachivantara/uikit-react-core/dist/Focus"));
-
 var _TableContext = _interopRequireDefault(require("../TableContext"));
 
 var _TableSectionContext = _interopRequireDefault(require("../TableSectionContext"));
@@ -82,7 +80,7 @@ var HvTableBody = /*#__PURE__*/(0, _react.forwardRef)(function HvTableBody(props
     ref: handleRef,
     role: Component === defaultComponent ? null : "rowgroup"
   }, others), withNavigation ? children.map(function (element) {
-    return /*#__PURE__*/_react.default.createElement(_Focus.default, {
+    return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvFocus, {
       rootRef: bodyRef,
       key: "row-".concat(element.key),
       strategy: "grid",

package/dist/Table/TableBody/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":["tableSectionContext","type","filterClassName","defaultComponent","HvTableBody","props","externalRef","classes","className","component","children","withNavigation","others","tableContext","TableContext","bodyRef","handleRef","Component","components","TBody","root","map","element","key","selected","propTypes","PropTypes","string","node","elementType","bool","shape","isRequired","styles","name"],"sources":["../../../src/Table/TableBody/TableBody.js"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { useForkRef } from \"@hitachivantara/uikit-react-core\";\n\nimport Focus from \"@hitachivantara/uikit-react-core/dist/Focus\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport styles from \"./styles\";\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nconst HvTableBody = forwardRef(function HvTableBody(props, externalRef) {\n  const { classes, className, component, children, withNavigation = false, ...others } = props;\n\n  const tableContext = useContext(TableContext);\n\n  const bodyRef = useRef(null);\n\n  const handleRef = useForkRef(externalRef, bodyRef);\n\n  const Component = component || tableContext?.components?.TBody || defaultComponent;\n\n  return (\n    <TableSectionContext.Provider value={tableSectionContext}>\n      <Component\n        className={clsx(classes.root, className)}\n        ref={handleRef}\n        role={Component === defaultComponent ? null : \"rowgroup\"}\n        {...others}\n      >\n        {withNavigation\n          ? children.map((element) => {\n              return (\n                <Focus\n                  rootRef={bodyRef}\n                  key={`row-${element.key}`}\n                  strategy=\"grid\"\n                  useArrows=\"true\"\n                  filterClass={tableSectionContext.filterClassName}\n                  navigationJump={1}\n                  focusDisabled={false}\n                  selected={element.props.selected}\n                >\n                  {element}\n                </Focus>\n              );\n            })\n          : children}\n      </Component>\n    </TableSectionContext.Provider>\n  );\n});\n\nHvTableBody.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Sets whether or not there should be arrow navigation between the table rows\n   */\n  withNavigation: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableBody\" })(HvTableBody);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG;EAC1BC,IAAI,EAAE,MADoB;EAE1BC,eAAe,EAAE;AAFS,CAA5B;AAKA,IAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,uBAAW,SAASA,WAAT,CAAqBC,KAArB,EAA4BC,WAA5B,EAAyC;EAAA;;EACtE,IAAQC,OAAR,GAAuFF,KAAvF,CAAQE,OAAR;EAAA,IAAiBC,SAAjB,GAAuFH,KAAvF,CAAiBG,SAAjB;EAAA,IAA4BC,SAA5B,GAAuFJ,KAAvF,CAA4BI,SAA5B;EAAA,IAAuCC,QAAvC,GAAuFL,KAAvF,CAAuCK,QAAvC;EAAA,4BAAuFL,KAAvF,CAAiDM,cAAjD;EAAA,IAAiDA,cAAjD,sCAAkE,KAAlE;EAAA,IAA4EC,MAA5E,0CAAuFP,KAAvF;EAEA,IAAMQ,YAAY,GAAG,uBAAWC,qBAAX,CAArB;EAEA,IAAMC,OAAO,GAAG,mBAAO,IAAP,CAAhB;EAEA,IAAMC,SAAS,GAAG,gCAAWV,WAAX,EAAwBS,OAAxB,CAAlB;EAEA,IAAME,SAAS,GAAGR,SAAS,KAAII,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEK,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDhB,gBAAlE;EAEA,oBACE,6BAAC,4BAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEH;EAArC,gBACE,6BAAC,SAAD;IACE,SAAS,EAAE,mBAAKO,OAAO,CAACa,IAAb,EAAmBZ,SAAnB,CADb;IAEE,GAAG,EAAEQ,SAFP;IAGE,IAAI,EAAEC,SAAS,KAAKd,gBAAd,GAAiC,IAAjC,GAAwC;EAHhD,GAIMS,MAJN,GAMGD,cAAc,GACXD,QAAQ,CAACW,GAAT,CAAa,UAACC,OAAD,EAAa;IACxB,oBACE,6BAAC,cAAD;MACE,OAAO,EAAEP,OADX;MAEE,GAAG,gBAASO,OAAO,CAACC,GAAjB,CAFL;MAGE,QAAQ,EAAC,MAHX;MAIE,SAAS,EAAC,MAJZ;MAKE,WAAW,EAAEvB,mBAAmB,CAACE,eALnC;MAME,cAAc,EAAE,CANlB;MAOE,aAAa,EAAE,KAPjB;MAQE,QAAQ,EAAEoB,OAAO,CAACjB,KAAR,CAAcmB;IAR1B,GAUGF,OAVH,CADF;EAcD,CAfD,CADW,GAiBXZ,QAvBN,CADF,CADF;AA6BD,CAxCmB,CAApB;AA0CA,wCAAAN,WAAW,CAACqB,SAAZ,GAAwB;EACtB;AACF;AACA;EACEjB,SAAS,EAAEkB,mBAAUC,MAJC;;EAKtB;AACF;AACA;EACEjB,QAAQ,EAAEgB,mBAAUE,IARE;;EAStB;AACF;AACA;AACA;EACEnB,SAAS,EAAEiB,mBAAUG,WAbC;;EActB;AACF;AACA;EACElB,cAAc,EAAEe,mBAAUI,IAjBJ;;EAkBtB;AACF;AACA;EACEvB,OAAO,EAAEmB,mBAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,IAAI,EAAEM,mBAAUC;EAJO,CAAhB,EAKNK;AA1BmB,CAAxB;;eA6Be,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4C9B,WAA5C,C"}
+{"version":3,"file":"TableBody.js","names":["tableSectionContext","type","filterClassName","defaultComponent","HvTableBody","props","externalRef","classes","className","component","children","withNavigation","others","tableContext","TableContext","bodyRef","handleRef","Component","components","TBody","root","map","element","key","selected","propTypes","PropTypes","string","node","elementType","bool","shape","isRequired","styles","name"],"sources":["../../../src/Table/TableBody/TableBody.js"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFocus, useForkRef } from \"@hitachivantara/uikit-react-core\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport styles from \"./styles\";\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nconst HvTableBody = forwardRef(function HvTableBody(props, externalRef) {\n  const { classes, className, component, children, withNavigation = false, ...others } = props;\n\n  const tableContext = useContext(TableContext);\n\n  const bodyRef = useRef(null);\n\n  const handleRef = useForkRef(externalRef, bodyRef);\n\n  const Component = component || tableContext?.components?.TBody || defaultComponent;\n\n  return (\n    <TableSectionContext.Provider value={tableSectionContext}>\n      <Component\n        className={clsx(classes.root, className)}\n        ref={handleRef}\n        role={Component === defaultComponent ? null : \"rowgroup\"}\n        {...others}\n      >\n        {withNavigation\n          ? children.map((element) => {\n              return (\n                <HvFocus\n                  rootRef={bodyRef}\n                  key={`row-${element.key}`}\n                  strategy=\"grid\"\n                  useArrows=\"true\"\n                  filterClass={tableSectionContext.filterClassName}\n                  navigationJump={1}\n                  focusDisabled={false}\n                  selected={element.props.selected}\n                >\n                  {element}\n                </HvFocus>\n              );\n            })\n          : children}\n      </Component>\n    </TableSectionContext.Provider>\n  );\n});\n\nHvTableBody.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Sets whether or not there should be arrow navigation between the table rows\n   */\n  withNavigation: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableBody\" })(HvTableBody);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG;EAC1BC,IAAI,EAAE,MADoB;EAE1BC,eAAe,EAAE;AAFS,CAA5B;AAKA,IAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,uBAAW,SAASA,WAAT,CAAqBC,KAArB,EAA4BC,WAA5B,EAAyC;EAAA;;EACtE,IAAQC,OAAR,GAAuFF,KAAvF,CAAQE,OAAR;EAAA,IAAiBC,SAAjB,GAAuFH,KAAvF,CAAiBG,SAAjB;EAAA,IAA4BC,SAA5B,GAAuFJ,KAAvF,CAA4BI,SAA5B;EAAA,IAAuCC,QAAvC,GAAuFL,KAAvF,CAAuCK,QAAvC;EAAA,4BAAuFL,KAAvF,CAAiDM,cAAjD;EAAA,IAAiDA,cAAjD,sCAAkE,KAAlE;EAAA,IAA4EC,MAA5E,0CAAuFP,KAAvF;EAEA,IAAMQ,YAAY,GAAG,uBAAWC,qBAAX,CAArB;EAEA,IAAMC,OAAO,GAAG,mBAAO,IAAP,CAAhB;EAEA,IAAMC,SAAS,GAAG,gCAAWV,WAAX,EAAwBS,OAAxB,CAAlB;EAEA,IAAME,SAAS,GAAGR,SAAS,KAAII,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEK,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDhB,gBAAlE;EAEA,oBACE,6BAAC,4BAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEH;EAArC,gBACE,6BAAC,SAAD;IACE,SAAS,EAAE,mBAAKO,OAAO,CAACa,IAAb,EAAmBZ,SAAnB,CADb;IAEE,GAAG,EAAEQ,SAFP;IAGE,IAAI,EAAEC,SAAS,KAAKd,gBAAd,GAAiC,IAAjC,GAAwC;EAHhD,GAIMS,MAJN,GAMGD,cAAc,GACXD,QAAQ,CAACW,GAAT,CAAa,UAACC,OAAD,EAAa;IACxB,oBACE,6BAAC,uBAAD;MACE,OAAO,EAAEP,OADX;MAEE,GAAG,gBAASO,OAAO,CAACC,GAAjB,CAFL;MAGE,QAAQ,EAAC,MAHX;MAIE,SAAS,EAAC,MAJZ;MAKE,WAAW,EAAEvB,mBAAmB,CAACE,eALnC;MAME,cAAc,EAAE,CANlB;MAOE,aAAa,EAAE,KAPjB;MAQE,QAAQ,EAAEoB,OAAO,CAACjB,KAAR,CAAcmB;IAR1B,GAUGF,OAVH,CADF;EAcD,CAfD,CADW,GAiBXZ,QAvBN,CADF,CADF;AA6BD,CAxCmB,CAApB;AA0CA,wCAAAN,WAAW,CAACqB,SAAZ,GAAwB;EACtB;AACF;AACA;EACEjB,SAAS,EAAEkB,mBAAUC,MAJC;;EAKtB;AACF;AACA;EACEjB,QAAQ,EAAEgB,mBAAUE,IARE;;EAStB;AACF;AACA;AACA;EACEnB,SAAS,EAAEiB,mBAAUG,WAbC;;EActB;AACF;AACA;EACElB,cAAc,EAAEe,mBAAUI,IAjBJ;;EAkBtB;AACF;AACA;EACEvB,OAAO,EAAEmB,mBAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,IAAI,EAAEM,mBAAUC;EAJO,CAAhB,EAKNK;AA1BmB,CAAxB;;eA6Be,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4C9B,WAA5C,C"}

package/dist/index.d.ts

@@ -42,3 +42,6 @@ export * from "./ProgressBar";
 
 export { default as HvDotPagination } from "./DotPagination";
 export * from "./DotPagination";
+
+export { default as HvControls } from "./Controls";
+export * from "./Controls";

package/dist/index.js

@@ -36,6 +36,7 @@ var _exportNames = {
   HvDrawer: true,
   HvColorPicker: true,
   HvQueryBuilder: true,
+  HvControls: true,
   HvInlineEditor: true,
   HvProgressBar: true,
   HvDotPagination: true
@@ -52,6 +53,12 @@ Object.defineProperty(exports, "HvColorPicker", {
     return _ColorPicker.default;
   }
 });
+Object.defineProperty(exports, "HvControls", {
+  enumerable: true,
+  get: function get() {
+    return _Controls.default;
+  }
+});
 Object.defineProperty(exports, "HvDotPagination", {
   enumerable: true,
   get: function get() {
@@ -203,6 +210,20 @@ Object.keys(_QueryBuilder).forEach(function (key) {
   });
 });
 
+var _Controls = _interopRequireWildcard(require("./Controls"));
+
+Object.keys(_Controls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Controls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Controls[key];
+    }
+  });
+});
+
 var _InlineEditor = _interopRequireDefault(require("./InlineEditor"));
 
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAFA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AACA"}