@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/AssetInventory/AssetInventory.js

@@ -0,0 +1,801 @@
+import "core-js/modules/es.reflect.construct.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.sort.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.array.find.js";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from "react";
+import PropTypes from "prop-types";
+import find from "lodash/find";
+import isNil from "lodash/isNil";
+import isEqual from "lodash/isEqual";
+import sort from "lodash/sortBy";
+import isEmpty from "lodash/isEmpty";
+import { withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import MultiButton from "./Multibutton/Multibutton";
+import withLabels from "../withLabels";
+import Search from "./Search/Search";
+import Sort from "./Sort/Sort";
+import Grid from "../Grid";
+import Pagination from "../Pagination";
+import styles from "./styles";
+import { setId } from "../utils"; // TODO: review event args
+
+var DEFAULT_LABELS = {
+  sortBy: "Sort by",
+  inputLabel: "",
+  placeholder: "Search"
+};
+/**
+ * An Asset Inventory allows to switch between views. The Sort and Filter are defined using the metadata configuration, while the remaining configuration can be ser in the AssetInventory or in the individual views.
+ */
+
+var AssetInventory = /*#__PURE__*/function (_React$Component) {
+  _inherits(AssetInventory, _React$Component);
+
+  var _super = _createSuper(AssetInventory);
+
+  function AssetInventory(_props) {
+    var _this;
+
+    _classCallCheck(this, AssetInventory);
+
+    _this = _super.call(this, _props);
+
+    _defineProperty(_assertThisInitialized(_this), "getPaginationData", function (values, pageSize, page) {
+      var _this$props = _this.props,
+          hasPagination = _this$props.hasPagination,
+          paginationServerSide = _this$props.paginationServerSide;
+      return hasPagination && !paginationServerSide ? values.slice(pageSize * page, pageSize * (page + 1)) : values;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "changeView", function (event, id) {
+      var selectedId = id[0];
+
+      _this.setState({
+        selectedView: selectedId
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "setViewValues", function (returnedViewValues) {
+      var _this$state = _this.state,
+          pageSize = _this$state.pageSize,
+          page = _this$state.page;
+
+      _this.setState({
+        viewValues: _this.getPaginationData(returnedViewValues, pageSize, page)
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "setSearchResults", function (results, value) {
+      _this.setState({
+        values: results,
+        page: 0,
+        searchString: value
+      });
+
+      _this.setViewValues(results);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderSearch", function () {
+      var _this$props2 = _this.props,
+          id = _this$props2.id,
+          values = _this$props2.values,
+          classes = _this$props2.classes,
+          labels = _this$props2.labels,
+          configuration = _this$props2.configuration,
+          onSearch = _this$props2.onSearch,
+          searchProps = _this$props2.searchProps;
+      var searchString = _this.state.searchString;
+      var inputLabel = labels.inputLabel,
+          placeholder = labels.placeholder;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes.searchBoxContainer
+      }, /*#__PURE__*/React.createElement(Search, _extends({
+        id: id,
+        searchString: searchString,
+        values: values,
+        metadata: configuration.metadata,
+        onFilter: _this.setSearchResults,
+        onSearch: onSearch,
+        labels: {
+          inputLabel: inputLabel,
+          placeholder: placeholder
+        }
+      }, searchProps)));
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSort", function (sortFunc, id) {
+      var values = _this.state.values;
+      values.sort(sortFunc);
+
+      _this.setViewValues(values);
+
+      _this.setState({
+        selectedSort: id
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderSort", function () {
+      var _this$props3 = _this.props,
+          id = _this$props3.id,
+          labels = _this$props3.labels,
+          configuration = _this$props3.configuration,
+          classes = _this$props3.classes,
+          onSortChange = _this$props3.onSortChange,
+          disablePortal = _this$props3.disablePortal,
+          sortProps = _this$props3.sortProps;
+      var selectedSort = _this.state.selectedSort;
+      var dropDownLabel = {
+        title: labels.sortBy
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes.sortContainer
+      }, /*#__PURE__*/React.createElement(Sort, _extends({
+        id: id,
+        labels: dropDownLabel,
+        metadata: configuration.metadata,
+        selected: selectedSort,
+        onSelection: _this.onSort,
+        onSortChange: onSortChange,
+        disablePortal: disablePortal
+      }, sortProps)));
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "paginationOnPageChange", function (page) {
+      var _this$state2 = _this.state,
+          values = _this$state2.values,
+          pageSize = _this$state2.pageSize;
+      var pageData = values.slice(pageSize * page, pageSize * (page + 1));
+
+      _this.setState({
+        page: page,
+        viewValues: pageData
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "paginationOnPageSizeChange", function (newPageSize) {
+      var _this$state3 = _this.state,
+          values = _this$state3.values,
+          page = _this$state3.page;
+      var pageData = values.slice(newPageSize * page, newPageSize * (page + 1));
+
+      _this.setState({
+        pageSize: newPageSize,
+        viewValues: pageData
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderPagination", function () {
+      var _this$props4 = _this.props,
+          id = _this$props4.id,
+          paginationServerSide = _this$props4.paginationServerSide,
+          paginationProps = _this$props4.paginationProps,
+          pages = _this$props4.pages,
+          pageSizeOptions = _this$props4.pageSizeOptions,
+          classes = _this$props4.classes,
+          onPageChange = _this$props4.onPageChange,
+          onPageSizeChange = _this$props4.onPageSizeChange;
+      var _this$state4 = _this.state,
+          pageSize = _this$state4.pageSize,
+          page = _this$state4.page,
+          values = _this$state4.values;
+
+      if (values.length === 0) {
+        return undefined;
+      }
+
+      var numPages = paginationServerSide ? pages : Math.ceil(values.length / pageSize);
+      var onPageChangeInternal = paginationServerSide ? onPageChange : _this.paginationOnPageChange;
+      var onPageSizeChangeInternal = paginationServerSide ? onPageSizeChange : _this.paginationOnPageSizeChange;
+      return /*#__PURE__*/React.createElement(Pagination, _extends({
+        id: setId(id, "pagination"),
+        classes: {
+          root: classes.pagination
+        },
+        pages: numPages,
+        page: page,
+        canPrevious: page > 0,
+        canNext: page < numPages - 1,
+        pageSize: pageSize,
+        pageSizeOptions: pageSizeOptions,
+        onPageChange: onPageChangeInternal,
+        onPageSizeChange: onPageSizeChangeInternal
+      }, paginationProps));
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "innerOnSelection", function (onSelection) {
+      return function (event) {
+        var selectedValues = _this.state.selectedValues;
+        var id = event.target.value;
+        var list;
+
+        if (event.target.checked) {
+          list = [].concat(_toConsumableArray(selectedValues), [id]);
+        } else {
+          var index = selectedValues.indexOf(id);
+
+          if (index > -1) {
+            list = selectedValues.filter(function (item) {
+              return item !== id;
+            });
+          }
+        }
+
+        _this.setState({
+          selectedValues: list
+        });
+
+        onSelection(event);
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "propsFillerManager", function (source, target, props) {
+      props.forEach(function (prop) {
+        return _this.propsFiller(source, target, prop[0], prop[1]);
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "propsFiller", function (source, target, propName, value) {
+      if (isNil(source.props[propName])) {
+        // eslint-disable-next-line no-param-reassign
+        target[propName] = value;
+      }
+    });
+
+    var _this$props5 = _this.props,
+        _values = _this$props5.values,
+        _pageSizeOptions = _this$props5.pageSizeOptions,
+        _page = _this$props5.page,
+        _pageSize = _this$props5.pageSize,
+        _selectedValues = _this$props5.selectedValues,
+        selectedView = _this$props5.selectedView,
+        children = _this$props5.children,
+        _searchString = _this$props5.searchString,
+        sortOptionId = _this$props5.sortOptionId;
+    var innerPageSize = _pageSize || _pageSizeOptions[0];
+
+    var viewValues = _this.getPaginationData(_values, innerPageSize, _page);
+
+    var selectedViewId = selectedView || (Array.isArray(children) ? children[0].props.id : children.props.id);
+    _this.state = {
+      selectedView: selectedViewId,
+      originalSelectedView: selectedView,
+      pageSize: innerPageSize,
+      originalPageSize: innerPageSize,
+      page: _page,
+      originalPage: _page,
+      // original values to compare in the getDerivedStateFromProps
+      originalValues: _values.slice(),
+      // Data for manipulation (search and sorts)
+      values: _values.slice(),
+      // Data shown in the "window"
+      viewValues: viewValues,
+      // original selectedValues
+      originalSelectedValues: _selectedValues.slice(),
+      // Values already selected
+      selectedValues: _selectedValues.slice(),
+      // search
+      searchString: _searchString,
+      originalSearchString: _searchString,
+      // sort
+      selectedSort: sortOptionId,
+      originalSelectedSort: sortOptionId
+    };
+    return _this;
+  }
+
+  _createClass(AssetInventory, [{
+    key: "fillChildProp",
+    value: function fillChildProp(child) {
+      var _this$props6 = this.props,
+          onSelection = _this$props6.onSelection,
+          isSelectable = _this$props6.isSelectable,
+          actions = _this$props6.actions,
+          maxVisibleActions = _this$props6.maxVisibleActions,
+          actionsCallback = _this$props6.actionsCallback,
+          configuration = _this$props6.configuration;
+      var childProps = {};
+
+      if (!isNil(child.props) && !isNil(child.props.viewConfiguration)) {
+        childProps = _objectSpread({}, child.props.viewConfiguration);
+      }
+
+      if (!isNil(configuration) && !isNil(configuration.viewConfiguration)) {
+        childProps = _objectSpread({}, configuration.viewConfiguration);
+      }
+
+      this.propsFillerManager(child, childProps, [["onSelection", this.innerOnSelection(onSelection)], ["isSelectable", isSelectable], ["actions", actions], ["maxVisibleActions", maxVisibleActions], ["actionsCallback", actionsCallback]]);
+      return childProps;
+    }
+    /**
+     * Render the view.
+     *
+     * @returns {*}
+     */
+
+  }, {
+    key: "renderView",
+    value: function renderView() {
+      var _this$state5 = this.state,
+          selectedView = _this$state5.selectedView,
+          viewValues = _this$state5.viewValues,
+          selectedValues = _this$state5.selectedValues;
+      var children = this.props.children;
+      var view = Array.isArray(children) ? children.find(function (element) {
+        return element.props.id === selectedView;
+      }) : children;
+      var childProps = this.fillChildProp(view);
+      return /*#__PURE__*/React.cloneElement(view, {
+        values: viewValues,
+        selectedValues: selectedValues,
+        viewConfiguration: childProps
+      });
+    }
+    /**
+     * Render the passed filter placeholder.
+     *
+     * @returns {*}
+     */
+
+  }, {
+    key: "renderFilterPlaceholder",
+    value: function renderFilterPlaceholder() {
+      var FilterPlaceholder = this.props.FilterPlaceholder;
+      return /*#__PURE__*/React.createElement(FilterPlaceholder, {
+        onSelection: this.setViewValues
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props7 = this.props,
+          id = _this$props7.id,
+          classes = _this$props7.classes,
+          className = _this$props7.className,
+          FilterPlaceholder = _this$props7.FilterPlaceholder,
+          children = _this$props7.children,
+          configuration = _this$props7.configuration,
+          hasPagination = _this$props7.hasPagination,
+          onViewChange = _this$props7.onViewChange,
+          multibuttonProps = _this$props7.multibuttonProps;
+      var selectedView = this.state.selectedView;
+      var showButtons = children.length > 1;
+      var showSort = find(configuration.metadata, function (element) {
+        return element.sortable;
+      });
+      var showSearch = find(configuration.metadata, function (element) {
+        return element.searchable;
+      });
+      var showRightControls = showButtons || showSort;
+      var views = [];
+      var align = !showSearch ? "flex-end" : "space-between";
+      React.Children.forEach(children, function (child) {
+        var other = multibuttonProps.find(function (elem) {
+          return elem.id === child.props.id;
+        });
+        views.push(_objectSpread(_objectSpread({
+          icon: child.props.icon,
+          selected: child.props.id === selectedView
+        }, other), {}, {
+          id: setId(child.props.id, "button")
+        }));
+      });
+      var pagination = this.renderPagination();
+      return /*#__PURE__*/React.createElement("div", {
+        id: id,
+        className: clsx(className, classes.root)
+      }, FilterPlaceholder && this.renderFilterPlaceholder(), /*#__PURE__*/React.createElement(Grid, {
+        container: true,
+        spacing: 0
+      }, /*#__PURE__*/React.createElement(Grid, {
+        container: true,
+        justify: align,
+        alignItems: "flex-end"
+      }, showSearch && /*#__PURE__*/React.createElement(Grid, {
+        item: true
+      }, this.renderSearch()), showRightControls && /*#__PURE__*/React.createElement(Grid, {
+        item: true
+      }, /*#__PURE__*/React.createElement(Grid, {
+        container: true,
+        alignItems: "flex-end",
+        spacing: 0
+      }, showSort && /*#__PURE__*/React.createElement(Grid, {
+        item: true
+      }, this.renderSort()), showButtons && /*#__PURE__*/React.createElement(Grid, {
+        item: true
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.multiButtons
+      }, /*#__PURE__*/React.createElement(MultiButton, {
+        id: id,
+        views: views,
+        changeView: this.changeView,
+        onViewChange: onViewChange
+      })))))), /*#__PURE__*/React.createElement("div", {
+        className: classes.viewContainer
+      }, this.renderView()), hasPagination && /*#__PURE__*/React.createElement(Grid, {
+        container: true
+      }, /*#__PURE__*/React.createElement(Grid, {
+        item: true,
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: 12,
+        xl: 12
+      }, pagination))));
+    }
+  }], [{
+    key: "areArraysEquals",
+    value: function areArraysEquals(a1, a2) {
+      return isEqual(sort(a1), sort(a2));
+    }
+  }, {
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var result = {};
+
+      if (!AssetInventory.areArraysEquals(props.values, state.originalValues) || !AssetInventory.areArraysEquals(props.selectedValues, state.originalSelectedValues)) {
+        result = {
+          originalValues: props.values,
+          values: props.values,
+          viewValues: props.values,
+          page: props.page,
+          selectedValues: !AssetInventory.areArraysEquals(props.selectedValues, state.originalSelectedValues) ? props.selectedValues : state.selectedValues,
+          pageSize: props.pageSize
+        };
+      }
+
+      if (props.selectedView !== state.originalSelectedView) {
+        result = _objectSpread(_objectSpread({}, result), {}, {
+          selectedView: props.selectedView !== state.originalSelectedView ? props.selectedView : state.selectedView,
+          originalSelectedView: props.selectedView !== state.originalSelectedView ? props.selectedView : state.originalSelectedView
+        });
+      }
+
+      if (props.sortOptionId !== state.originalSelectedSort) {
+        result = _objectSpread(_objectSpread({}, result), {}, {
+          originalSelectedSort: props.sortOptionId !== state.originalSelectedSort ? props.sortOptionId : state.originalSelectedSort,
+          selectedSort: props.sortOptionId !== state.originalSelectedSort ? props.sortOptionId : state.sortOptionId
+        });
+      }
+
+      if (props.searchString !== state.originalSearchString) {
+        result = _objectSpread(_objectSpread({}, result), {}, {
+          originalSearchString: props.searchString !== state.originalSearchString ? props.searchString : state.originalSearchString,
+          searchString: props.searchString !== state.originalSearchString ? props.searchString : state.searchString
+        });
+      }
+
+      if (props.pageSize !== state.originalPageSize) {
+        result = _objectSpread(_objectSpread({}, result), {}, {
+          originalPageSize: props.pageSize,
+          pageSize: props.pageSize
+        });
+      }
+
+      if (props.page !== state.originalPage) {
+        result = _objectSpread(_objectSpread({}, result), {}, {
+          originalPage: props.page,
+          page: props.page
+        });
+      }
+
+      return isEmpty(result) ? null : result;
+    }
+  }]);
+
+  return AssetInventory;
+}(React.Component);
+
+process.env.NODE_ENV !== "production" ? AssetInventory.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the controls container.
+     */
+    controlsContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the search container.
+     */
+    search: PropTypes.string,
+
+    /**
+     * Styles applied to the right controls container.
+     */
+    rightControls: PropTypes.string,
+
+    /**
+     *  Styles applied to the multiButtons.
+     */
+    multiButtons: PropTypes.string,
+
+    /**
+     * Styles applied to the view container.
+     */
+    viewContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the search box container.
+     */
+    searchBoxContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the sort container.
+     */
+    sortContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the pagination component.
+     */
+    pagination: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Views components.
+   */
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+
+  /**
+   * Data passed to the component.
+   */
+  values: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string
+  })).isRequired,
+
+  /**
+   * Labels.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Sort label.
+     */
+    sortBy: PropTypes.string,
+
+    /**
+     * the label on top of the search box.
+     */
+    inputLabel: PropTypes.string,
+
+    /**
+     * the placeholder value of the search box.
+     */
+    placeholder: PropTypes.string
+  }),
+
+  /**
+   * Contains the metadata for the values and the necessary configuration for the views,
+   * check the views for the specific view configuration.
+   */
+  configuration: PropTypes.shape({
+    metadata: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string,
+      title: PropTypes.string,
+      accessor: PropTypes.string,
+      cellType: PropTypes.oneOf(["alpha-numeric", "numeric", "date", "node"]),
+      sortable: PropTypes.bool,
+      sortFunction: PropTypes.func,
+      searchable: PropTypes.bool,
+      searchFunction: PropTypes.func
+    })).isRequired,
+    viewConfiguration: PropTypes.instanceOf(Object)
+  }).isRequired,
+
+  /**
+   * Callback evoked in the selection of the card.
+   */
+  onSelection: PropTypes.func,
+
+  /**
+   * List of actions to be passed to the views.
+   */
+  actions: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string,
+    icon: PropTypes.func,
+    disabled: PropTypes.bool
+  })),
+
+  /**
+   *  The callback function ran when an action is triggered, receiving ´action´ as param
+   */
+  actionsCallback: PropTypes.func,
+
+  /**
+   *  The number of maximum visible actions before they're collapsed into a ´DropDownMenu´.
+   */
+  maxVisibleActions: PropTypes.number,
+
+  /**
+   * Extra filters
+   */
+  FilterPlaceholder: PropTypes.element,
+
+  /**
+   * Indicates if the views are selectable.
+   */
+  isSelectable: PropTypes.bool,
+
+  /**
+   * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).
+   */
+  selectedValues: PropTypes.arrayOf(PropTypes.string),
+
+  /**
+   * The selected view id.
+   */
+  selectedView: PropTypes.string,
+
+  /**
+   * Defines if it has pagination.
+   */
+  hasPagination: PropTypes.bool,
+
+  /**
+   * Enable or disable the server side pagination mechanism
+   */
+  paginationServerSide: PropTypes.bool,
+
+  /**
+   * The array of possible page sizes for the dropdown.
+   */
+  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),
+
+  /**
+   * Page size.
+   */
+  pageSize: PropTypes.number,
+
+  /**
+   * The currently selected page (0-indexed).
+   */
+  page: PropTypes.number,
+
+  /**
+   * The number of pages the component has.
+   */
+  pages: PropTypes.number,
+
+  /**
+   * Page change callback.
+   */
+  onPageChange: PropTypes.func,
+
+  /**
+   * Page size change callback.
+   */
+  onPageSizeChange: PropTypes.func,
+
+  /**
+   * Search callback.
+   */
+  onSearch: PropTypes.func,
+
+  /**
+   * Sort callback.
+   */
+  onSortChange: PropTypes.func,
+
+  /**
+   * View change callback.
+   */
+  onViewChange: PropTypes.func,
+
+  /**
+   * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.
+   */
+  sortOptionId: PropTypes.string,
+
+  /**
+   * Visual indicator of the search string used.
+   */
+  searchString: PropTypes.string,
+
+  /**
+   * Disable portal on the Sort dropdown
+   */
+  disablePortal: PropTypes.bool,
+
+  /**
+   * Other props passed to the searchbox.
+   */
+  searchProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Others props passed to the Sort. If you want to control the aria-label
+   * use the labels.sortBy, as it is mapped directly to the aria-label.
+   */
+  sortProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Array of others prop passed to the created button. Each element must include the id of the view
+   * and other props to pe passed to each button.
+   */
+  multibuttonProps: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string
+  })),
+
+  /**
+   *  Extra properties passed to the pagination.
+   */
+  paginationProps: PropTypes.instanceOf(Object)
+} : void 0;
+AssetInventory.defaultProps = {
+  className: "",
+  id: undefined,
+  FilterPlaceholder: null,
+  onSelection: null,
+  actions: null,
+  actionsCallback: null,
+  maxVisibleActions: 1,
+  isSelectable: false,
+  selectedValues: [],
+  selectedView: null,
+  hasPagination: false,
+  paginationServerSide: false,
+  pageSizeOptions: [5, 10, 20, 25, 50, 100],
+  page: 0,
+  pages: 0,
+  onPageChange: null,
+  onPageSizeChange: null,
+  pageSize: undefined,
+  onSearch: null,
+  onSortChange: null,
+  onViewChange: function onViewChange() {},
+  sortOptionId: null,
+  searchString: undefined,
+  disablePortal: false,
+  searchProps: undefined,
+  sortProps: undefined,
+  multibuttonProps: [],
+  paginationProps: undefined
+};
+export default withStyles(styles, {
+  name: "HvAssetInventory"
+})(withLabels(DEFAULT_LABELS)(AssetInventory));
+//# sourceMappingURL=AssetInventory.js.map