@hitachivantara/uikit-react-lab 3.47.1 → 3.48.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/Value/DateTimeValue/DateTimeValue.js

@@ -37,8 +37,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _TimePicker = _interopRequireDefault(require("../../../../TimePicker"));
-
 var _Context = _interopRequireDefault(require("../../../Context"));
 
 var _utils = require("./utils");
@@ -264,7 +262,7 @@ var DateTimeValue = function DateTimeValue(_ref) {
     placeholder: isRange ? labels.rule.value.datetime.startDatePlaceholder : labels.rule.value.datetime.datePlaceholder,
     value: datePickerValue,
     onChange: onDateChange
-  }), /*#__PURE__*/_react.default.createElement(_TimePicker.default, {
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTimePicker, {
     className: classes.timePicker,
     timeFormat: "24",
     name: "".concat(elementId, "-time"),
@@ -296,7 +294,7 @@ var DateTimeValue = function DateTimeValue(_ref) {
     placeholder: labels.rule.value.datetime.endDatePlaceholder,
     value: endDatePickerValue,
     onChange: onEndDateChange
-  }), /*#__PURE__*/_react.default.createElement(_TimePicker.default, {
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTimePicker, {
     className: classes.timePicker,
     timeFormat: "24",
     name: "".concat(elementId, "-endTime"),

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeValue.js","names":["valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","React","useContext","Context","labels","dispatchAction","elementId","touchedDate","setTouchedDate","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","data","date","format","oldValue","start","time","end","type","onTimeChange","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","datePickerStatus","startTime","timePickerValue","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","root","row","horizontal","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","_evt","open","vertical","undefined","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","propTypes","PropTypes","number","string","any","bool","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport dayjs from \"dayjs\";\nimport clsx from \"clsx\";\n\nimport { HvDatePicker, HvWarningText } from \"@hitachivantara/uikit-react-core\";\n\nimport HvTimePicker from \"../../../../TimePicker\";\nimport Context from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nfunction valueIsRange(operator) {\n  return operator === \"range\";\n}\n\nconst DateTimeValue = ({ id, operator, value: valueProp = {}, initialTouched = false }) => {\n  const classes = useStyles();\n\n  const isRange = valueIsRange(operator, valueProp);\n\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = context;\n\n  const elementId = uniqueId(`datetime${id}`);\n\n  const [touchedDate, setTouchedDate] = useState(initialTouched);\n  const [touchedTime, setTouchedTime] = useState(initialTouched);\n  const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n  const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n  const onDateChange = useCallback(\n    (data) => {\n      setTouchedDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n      if (date !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date,\n            time: valueProp?.time,\n          };\n        } else {\n          value = {\n            start: {\n              date,\n              time: valueProp?.start?.time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onTimeChange = useCallback(\n    (data) => {\n      setTouchedTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n      if (time !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date: valueProp?.date,\n            time,\n          };\n        } else {\n          value = {\n            start: {\n              date: valueProp?.start?.date,\n              time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onEndDateChange = useCallback(\n    (data) => {\n      setTouchedEndDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      if (date !== valueProp?.end?.date) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date,\n            time: valueProp?.end?.time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const onEndTimeChange = useCallback(\n    (data) => {\n      setTouchedEndTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      if (time !== valueProp?.end?.time) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date: valueProp?.end?.date,\n            time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n  const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n  const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n  const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n  const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n  const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n  const endDate = isRange ? valueProp?.end?.date : null;\n  const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n  const endTime = isRange ? valueProp?.end?.time : null;\n  const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n  const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n  const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n  const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;\n\n  const endTimeIsBeforeOrSame =\n    startDate != null &&\n    endDate != null &&\n    endDate === startDate &&\n    startTime != null &&\n    endTime != null &&\n    endTime <= startTime;\n\n  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n  const endDatePickerStatus =\n    endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n  const endTimePickerStatus =\n    endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n  return (\n    <div className={classes.root}>\n      <div className={clsx(classes.row, classes.horizontal)}>\n        <HvDatePicker\n          className={classes.datePicker}\n          name={`${elementId}-date`}\n          required\n          status={dateStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startDateLabel\n              : labels.rule.value.datetime.dateLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startDatePlaceholder\n              : labels.rule.value.datetime.datePlaceholder\n          }\n          value={datePickerValue}\n          onChange={onDateChange}\n        />\n        <HvTimePicker\n          className={classes.timePicker}\n          timeFormat=\"24\"\n          name={`${elementId}-time`}\n          disableDefaultValue\n          required\n          status={timeStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startTimeLabel\n              : labels.rule.value.datetime.timeLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startTimePlaceholder\n              : labels.rule.value.datetime.timePlaceholder\n          }\n          value={timePickerValue}\n          onChange={onTimeChange}\n          onToggle={(_evt, open) => {\n            if (!open && !touchedTime) {\n              setTouchedTime(true);\n            }\n          }}\n        />\n      </div>\n      {isRange && (\n        <div className={clsx(classes.row, classes.vertical)}>\n          <div className={classes.horizontal}>\n            <HvDatePicker\n              className={classes.datePicker}\n              name={`${elementId}-endDate`}\n              required\n              status={endDateStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endDateLabel}\n              placeholder={labels.rule.value.datetime.endDatePlaceholder}\n              value={endDatePickerValue}\n              onChange={onEndDateChange}\n            />\n            <HvTimePicker\n              className={classes.timePicker}\n              timeFormat=\"24\"\n              name={`${elementId}-endTime`}\n              disableDefaultValue\n              required\n              status={endTimeStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endTimeLabel}\n              placeholder={labels.rule.value.datetime.endTimePlaceholder}\n              value={endTimePickerValue}\n              onChange={onEndTimeChange}\n              onToggle={(_evt, open) => {\n                if (!open && !touchedEndTime) {\n                  setTouchedEndTime(true);\n                }\n              }}\n            />\n          </div>\n          <HvWarningText\n            disableBorder\n            id={`${elementId}-combined-error`}\n            isVisible={endDateTimeIsBefore}\n          >\n            {labels.rule.value.datetime.validation.invalidInterval}\n          </HvWarningText>\n        </div>\n      )}\n    </div>\n  );\n};\n\nDateTimeValue.propTypes = {\n  id: PropTypes.number,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(DateTimeValue);\n"],"mappings":"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"}
+{"version":3,"file":"DateTimeValue.js","names":["valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","React","useContext","Context","labels","dispatchAction","elementId","touchedDate","setTouchedDate","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","data","date","format","oldValue","start","time","end","type","onTimeChange","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","datePickerStatus","startTime","timePickerValue","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","root","row","horizontal","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","_evt","open","vertical","undefined","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","propTypes","PropTypes","number","string","any","bool","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport dayjs from \"dayjs\";\nimport clsx from \"clsx\";\n\nimport { HvDatePicker, HvWarningText, HvTimePicker } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nfunction valueIsRange(operator) {\n  return operator === \"range\";\n}\n\nconst DateTimeValue = ({ id, operator, value: valueProp = {}, initialTouched = false }) => {\n  const classes = useStyles();\n\n  const isRange = valueIsRange(operator, valueProp);\n\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = context;\n\n  const elementId = uniqueId(`datetime${id}`);\n\n  const [touchedDate, setTouchedDate] = useState(initialTouched);\n  const [touchedTime, setTouchedTime] = useState(initialTouched);\n  const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n  const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n  const onDateChange = useCallback(\n    (data) => {\n      setTouchedDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n      if (date !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date,\n            time: valueProp?.time,\n          };\n        } else {\n          value = {\n            start: {\n              date,\n              time: valueProp?.start?.time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onTimeChange = useCallback(\n    (data) => {\n      setTouchedTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n      if (time !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date: valueProp?.date,\n            time,\n          };\n        } else {\n          value = {\n            start: {\n              date: valueProp?.start?.date,\n              time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onEndDateChange = useCallback(\n    (data) => {\n      setTouchedEndDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      if (date !== valueProp?.end?.date) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date,\n            time: valueProp?.end?.time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const onEndTimeChange = useCallback(\n    (data) => {\n      setTouchedEndTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      if (time !== valueProp?.end?.time) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date: valueProp?.end?.date,\n            time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n  const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n  const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n  const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n  const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n  const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n  const endDate = isRange ? valueProp?.end?.date : null;\n  const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n  const endTime = isRange ? valueProp?.end?.time : null;\n  const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n  const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n  const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n  const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;\n\n  const endTimeIsBeforeOrSame =\n    startDate != null &&\n    endDate != null &&\n    endDate === startDate &&\n    startTime != null &&\n    endTime != null &&\n    endTime <= startTime;\n\n  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n  const endDatePickerStatus =\n    endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n  const endTimePickerStatus =\n    endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n  return (\n    <div className={classes.root}>\n      <div className={clsx(classes.row, classes.horizontal)}>\n        <HvDatePicker\n          className={classes.datePicker}\n          name={`${elementId}-date`}\n          required\n          status={dateStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startDateLabel\n              : labels.rule.value.datetime.dateLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startDatePlaceholder\n              : labels.rule.value.datetime.datePlaceholder\n          }\n          value={datePickerValue}\n          onChange={onDateChange}\n        />\n        <HvTimePicker\n          className={classes.timePicker}\n          timeFormat=\"24\"\n          name={`${elementId}-time`}\n          disableDefaultValue\n          required\n          status={timeStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startTimeLabel\n              : labels.rule.value.datetime.timeLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startTimePlaceholder\n              : labels.rule.value.datetime.timePlaceholder\n          }\n          value={timePickerValue}\n          onChange={onTimeChange}\n          onToggle={(_evt, open) => {\n            if (!open && !touchedTime) {\n              setTouchedTime(true);\n            }\n          }}\n        />\n      </div>\n      {isRange && (\n        <div className={clsx(classes.row, classes.vertical)}>\n          <div className={classes.horizontal}>\n            <HvDatePicker\n              className={classes.datePicker}\n              name={`${elementId}-endDate`}\n              required\n              status={endDateStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endDateLabel}\n              placeholder={labels.rule.value.datetime.endDatePlaceholder}\n              value={endDatePickerValue}\n              onChange={onEndDateChange}\n            />\n            <HvTimePicker\n              className={classes.timePicker}\n              timeFormat=\"24\"\n              name={`${elementId}-endTime`}\n              disableDefaultValue\n              required\n              status={endTimeStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endTimeLabel}\n              placeholder={labels.rule.value.datetime.endTimePlaceholder}\n              value={endTimePickerValue}\n              onChange={onEndTimeChange}\n              onToggle={(_evt, open) => {\n                if (!open && !touchedEndTime) {\n                  setTouchedEndTime(true);\n                }\n              }}\n            />\n          </div>\n          <HvWarningText\n            disableBorder\n            id={`${elementId}-combined-error`}\n            isVisible={endDateTimeIsBefore}\n          >\n            {labels.rule.value.datetime.validation.invalidInterval}\n          </HvWarningText>\n        </div>\n      )}\n    </div>\n  );\n};\n\nDateTimeValue.propTypes = {\n  id: PropTypes.number,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(DateTimeValue);\n"],"mappings":"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"}

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

package/dist/legacy/Controls/Controls.d.ts

@@ -0,0 +1,57 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvControlsClassKey = "root" | "rightSection" | "leftSection";
+
+export interface HvControlsSortValue {
+  id: string;
+  desc: string;
+}
+export interface HvControlsViewConfiguration extends Record<string, unknown> {
+  setSortBy?: (v: HvControlsSortValue[]) => void;
+  setGlobalFilter?: (v: string) => void;
+}
+
+export interface HvControlsCallbacks extends Record<string, unknown> {
+  id: string;
+  label: string;
+  icon: React.ReactNode;
+}
+
+export interface HvControlsProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvControlsClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * An instance of useHvTable or useTable used to manage the data
+   * if this is not provided data sorting and search must be handled externally
+   */
+  callbacks?: HvControlsCallbacks;
+  /**
+   * Views configuration required for the view buttons
+   */
+  views?: HvControlsViewConfiguration[];
+  /**
+   * What view is selected by default
+   */
+  defaultView?: string;
+  /**
+   * Sets the selected view to be the one specified
+   * if specified the component is in a controlled state and it won't change it state
+   * unless specified externally
+   */
+  selectedView?: string;
+  /**
+   * Callback called when the view switcher button is pressed
+   */
+  onViewChange?: (event: Event, id: string) => void;
+  /**
+   * if `true` the button to switch views is not rendered
+   */
+  hideViewSwitcher?: boolean;
+}
+
+export default function HvControls(props: HvControlsProps): JSX.Element | null;