@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/AssetInventory/AssetInventory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetInventory.js","names":["React","PropTypes","find","isNil","isEqual","sort","isEmpty","withStyles","clsx","MultiButton","withLabels","Search","Sort","Grid","Pagination","styles","setId","DEFAULT_LABELS","sortBy","inputLabel","placeholder","AssetInventory","Component","areArraysEquals","a1","a2","constructor","props","values","pageSize","page","hasPagination","paginationServerSide","slice","event","id","selectedId","setState","selectedView","returnedViewValues","state","viewValues","getPaginationData","results","value","searchString","setViewValues","classes","labels","configuration","onSearch","searchProps","searchBoxContainer","metadata","setSearchResults","sortFunc","selectedSort","onSortChange","disablePortal","sortProps","dropDownLabel","title","sortContainer","onSort","pageData","newPageSize","paginationProps","pages","pageSizeOptions","onPageChange","onPageSizeChange","length","undefined","numPages","Math","ceil","onPageChangeInternal","paginationOnPageChange","onPageSizeChangeInternal","paginationOnPageSizeChange","root","pagination","onSelection","selectedValues","target","list","checked","index","indexOf","filter","item","source","forEach","prop","propsFiller","propName","children","sortOptionId","innerPageSize","selectedViewId","Array","isArray","originalSelectedView","originalPageSize","originalPage","originalValues","originalSelectedValues","originalSearchString","originalSelectedSort","getDerivedStateFromProps","result","fillChildProp","child","isSelectable","actions","maxVisibleActions","actionsCallback","childProps","viewConfiguration","propsFillerManager","innerOnSelection","renderView","view","element","cloneElement","renderFilterPlaceholder","FilterPlaceholder","render","className","onViewChange","multibuttonProps","showButtons","showSort","sortable","showSearch","searchable","showRightControls","views","align","Children","other","elem","push","icon","selected","renderPagination","renderSearch","renderSort","multiButtons","changeView","viewContainer","propTypes","string","shape","controlsContainer","search","rightControls","isRequired","oneOfType","arrayOf","node","accessor","cellType","oneOf","bool","sortFunction","func","searchFunction","instanceOf","Object","label","disabled","number","defaultProps","name"],"sources":["../../../src/AssetInventory/AssetInventory.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport find from \"lodash/find\";\nimport isNil from \"lodash/isNil\";\nimport isEqual from \"lodash/isEqual\";\nimport sort from \"lodash/sortBy\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport MultiButton from \"./Multibutton/Multibutton\";\nimport withLabels from \"../withLabels\";\nimport Search from \"./Search/Search\";\nimport Sort from \"./Sort/Sort\";\nimport Grid from \"../Grid\";\nimport Pagination from \"../Pagination\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\n// TODO: review event args\n\nconst DEFAULT_LABELS = {\n  sortBy: \"Sort by\",\n  inputLabel: \"\",\n  placeholder: \"Search\",\n};\n\n/**\n * 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.\n */\nclass AssetInventory extends React.Component {\n  static areArraysEquals(a1, a2) {\n    return isEqual(sort(a1), sort(a2));\n  }\n\n  constructor(props) {\n    super(props);\n    const {\n      values,\n      pageSizeOptions,\n      page,\n      pageSize,\n      selectedValues,\n      selectedView,\n      children,\n      searchString,\n      sortOptionId,\n    } = this.props;\n\n    const innerPageSize = pageSize || pageSizeOptions[0];\n    const viewValues = this.getPaginationData(values, innerPageSize, page);\n    const selectedViewId =\n      selectedView || (Array.isArray(children) ? children[0].props.id : children.props.id);\n    this.state = {\n      selectedView: selectedViewId,\n      originalSelectedView: selectedView,\n      pageSize: innerPageSize,\n      originalPageSize: innerPageSize,\n      page,\n      originalPage: page,\n      // original values to compare in the getDerivedStateFromProps\n      originalValues: values.slice(),\n      // Data for manipulation (search and sorts)\n      values: values.slice(),\n      // Data shown in the \"window\"\n      viewValues,\n      // original selectedValues\n      originalSelectedValues: selectedValues.slice(),\n      // Values already selected\n      selectedValues: selectedValues.slice(),\n      // search\n      searchString,\n      originalSearchString: searchString,\n      // sort\n      selectedSort: sortOptionId,\n      originalSelectedSort: sortOptionId,\n    };\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    let result = {};\n\n    if (\n      !AssetInventory.areArraysEquals(props.values, state.originalValues) ||\n      !AssetInventory.areArraysEquals(props.selectedValues, state.originalSelectedValues)\n    ) {\n      result = {\n        originalValues: props.values,\n        values: props.values,\n        viewValues: props.values,\n        page: props.page,\n        selectedValues: !AssetInventory.areArraysEquals(\n          props.selectedValues,\n          state.originalSelectedValues\n        )\n          ? props.selectedValues\n          : state.selectedValues,\n        pageSize: props.pageSize,\n      };\n    }\n\n    if (props.selectedView !== state.originalSelectedView) {\n      result = {\n        ...result,\n        selectedView:\n          props.selectedView !== state.originalSelectedView\n            ? props.selectedView\n            : state.selectedView,\n        originalSelectedView:\n          props.selectedView !== state.originalSelectedView\n            ? props.selectedView\n            : state.originalSelectedView,\n      };\n    }\n\n    if (props.sortOptionId !== state.originalSelectedSort) {\n      result = {\n        ...result,\n        originalSelectedSort:\n          props.sortOptionId !== state.originalSelectedSort\n            ? props.sortOptionId\n            : state.originalSelectedSort,\n        selectedSort:\n          props.sortOptionId !== state.originalSelectedSort\n            ? props.sortOptionId\n            : state.sortOptionId,\n      };\n    }\n    if (props.searchString !== state.originalSearchString) {\n      result = {\n        ...result,\n        originalSearchString:\n          props.searchString !== state.originalSearchString\n            ? props.searchString\n            : state.originalSearchString,\n        searchString:\n          props.searchString !== state.originalSearchString\n            ? props.searchString\n            : state.searchString,\n      };\n    }\n\n    if (props.pageSize !== state.originalPageSize) {\n      result = {\n        ...result,\n        originalPageSize: props.pageSize,\n        pageSize: props.pageSize,\n      };\n    }\n\n    if (props.page !== state.originalPage) {\n      result = {\n        ...result,\n        originalPage: props.page,\n        page: props.page,\n      };\n    }\n\n    return isEmpty(result) ? null : result;\n  }\n\n  getPaginationData = (values, pageSize, page) => {\n    const { hasPagination, paginationServerSide } = this.props;\n    return hasPagination && !paginationServerSide\n      ? values.slice(pageSize * page, pageSize * (page + 1))\n      : values;\n  };\n\n  changeView = (event, id) => {\n    const selectedId = id[0];\n\n    this.setState({\n      selectedView: selectedId,\n    });\n  };\n\n  setViewValues = (returnedViewValues) => {\n    const { pageSize, page } = this.state;\n    this.setState({\n      viewValues: this.getPaginationData(returnedViewValues, pageSize, page),\n    });\n  };\n\n  setSearchResults = (results, value) => {\n    this.setState({ values: results, page: 0, searchString: value });\n    this.setViewValues(results);\n  };\n\n  /**\n   * Show the search component.\n   *\n   * @returns {*}\n   */\n  renderSearch = () => {\n    const { id, values, classes, labels, configuration, onSearch, searchProps } = this.props;\n    const { searchString } = this.state;\n    const { inputLabel, placeholder } = labels;\n    return (\n      <div className={classes.searchBoxContainer}>\n        <Search\n          id={id}\n          searchString={searchString}\n          values={values}\n          metadata={configuration.metadata}\n          onFilter={this.setSearchResults}\n          onSearch={onSearch}\n          labels={{ inputLabel, placeholder }}\n          {...searchProps}\n        />\n      </div>\n    );\n  };\n\n  onSort = (sortFunc, id) => {\n    const { values } = this.state;\n    values.sort(sortFunc);\n    this.setViewValues(values);\n    this.setState({ selectedSort: id });\n  };\n\n  renderSort = () => {\n    const { id, labels, configuration, classes, onSortChange, disablePortal, sortProps } =\n      this.props;\n    const { selectedSort } = this.state;\n    const dropDownLabel = {\n      title: labels.sortBy,\n    };\n\n    return (\n      <div className={classes.sortContainer}>\n        <Sort\n          id={id}\n          labels={dropDownLabel}\n          metadata={configuration.metadata}\n          selected={selectedSort}\n          onSelection={this.onSort}\n          onSortChange={onSortChange}\n          disablePortal={disablePortal}\n          {...sortProps}\n        />\n      </div>\n    );\n  };\n\n  paginationOnPageChange = (page) => {\n    const { values, pageSize } = this.state;\n\n    const pageData = values.slice(pageSize * page, pageSize * (page + 1));\n\n    this.setState({\n      page,\n      viewValues: pageData,\n    });\n  };\n\n  paginationOnPageSizeChange = (newPageSize) => {\n    const { values, page } = this.state;\n\n    const pageData = values.slice(newPageSize * page, newPageSize * (page + 1));\n\n    this.setState({\n      pageSize: newPageSize,\n      viewValues: pageData,\n    });\n  };\n\n  renderPagination = () => {\n    const {\n      id,\n      paginationServerSide,\n      paginationProps,\n      pages,\n      pageSizeOptions,\n      classes,\n      onPageChange,\n      onPageSizeChange,\n    } = this.props;\n\n    const { pageSize, page, values } = this.state;\n\n    if (values.length === 0) {\n      return undefined;\n    }\n\n    const numPages = paginationServerSide ? pages : Math.ceil(values.length / pageSize);\n\n    const onPageChangeInternal = paginationServerSide ? onPageChange : this.paginationOnPageChange;\n\n    const onPageSizeChangeInternal = paginationServerSide\n      ? onPageSizeChange\n      : this.paginationOnPageSizeChange;\n\n    return (\n      <Pagination\n        id={setId(id, \"pagination\")}\n        classes={{\n          root: classes.pagination,\n        }}\n        pages={numPages}\n        page={page}\n        canPrevious={page > 0}\n        canNext={page < numPages - 1}\n        pageSize={pageSize}\n        pageSizeOptions={pageSizeOptions}\n        onPageChange={onPageChangeInternal}\n        onPageSizeChange={onPageSizeChangeInternal}\n        {...paginationProps}\n      />\n    );\n  };\n\n  innerOnSelection = (onSelection) => (event) => {\n    const { selectedValues } = this.state;\n    const id = event.target.value;\n\n    let list;\n    if (event.target.checked) {\n      list = [...selectedValues, id];\n    } else {\n      const index = selectedValues.indexOf(id);\n      if (index > -1) {\n        list = selectedValues.filter((item) => item !== id);\n      }\n    }\n    this.setState({ selectedValues: list });\n    onSelection(event);\n  };\n\n  propsFillerManager = (source, target, props) => {\n    props.forEach((prop) => this.propsFiller(source, target, prop[0], prop[1]));\n  };\n\n  propsFiller = (source, target, propName, value) => {\n    if (isNil(source.props[propName])) {\n      // eslint-disable-next-line no-param-reassign\n      target[propName] = value;\n    }\n  };\n\n  fillChildProp(child) {\n    const {\n      onSelection,\n      isSelectable,\n      actions,\n      maxVisibleActions,\n      actionsCallback,\n      configuration,\n    } = this.props;\n\n    let childProps = {};\n\n    if (!isNil(child.props) && !isNil(child.props.viewConfiguration)) {\n      childProps = { ...child.props.viewConfiguration };\n    }\n\n    if (!isNil(configuration) && !isNil(configuration.viewConfiguration)) {\n      childProps = { ...configuration.viewConfiguration };\n    }\n\n    this.propsFillerManager(child, childProps, [\n      [\"onSelection\", this.innerOnSelection(onSelection)],\n      [\"isSelectable\", isSelectable],\n      [\"actions\", actions],\n      [\"maxVisibleActions\", maxVisibleActions],\n      [\"actionsCallback\", actionsCallback],\n    ]);\n\n    return childProps;\n  }\n\n  /**\n   * Render the view.\n   *\n   * @returns {*}\n   */\n  renderView() {\n    const { selectedView, viewValues, selectedValues } = this.state;\n    const { children } = this.props;\n\n    const view = Array.isArray(children)\n      ? children.find((element) => element.props.id === selectedView)\n      : children;\n\n    const childProps = this.fillChildProp(view);\n\n    return React.cloneElement(view, {\n      values: viewValues,\n      selectedValues,\n      viewConfiguration: childProps,\n    });\n  }\n\n  /**\n   * Render the passed filter placeholder.\n   *\n   * @returns {*}\n   */\n  renderFilterPlaceholder() {\n    const { FilterPlaceholder } = this.props;\n\n    return <FilterPlaceholder onSelection={this.setViewValues} />;\n  }\n\n  render() {\n    const {\n      id,\n      classes,\n      className,\n      FilterPlaceholder,\n      children,\n      configuration,\n      hasPagination,\n      onViewChange,\n      multibuttonProps,\n    } = this.props;\n\n    const { selectedView } = this.state;\n\n    const showButtons = children.length > 1;\n    const showSort = find(configuration.metadata, (element) => element.sortable);\n    const showSearch = find(configuration.metadata, (element) => element.searchable);\n    const showRightControls = showButtons || showSort;\n    const views = [];\n\n    const align = !showSearch ? \"flex-end\" : \"space-between\";\n\n    React.Children.forEach(children, (child) => {\n      const other = multibuttonProps.find((elem) => elem.id === child.props.id);\n      views.push({\n        icon: child.props.icon,\n        selected: child.props.id === selectedView,\n        ...other,\n        id: setId(child.props.id, \"button\"),\n      });\n    });\n\n    const pagination = this.renderPagination();\n\n    return (\n      <div id={id} className={clsx(className, classes.root)}>\n        {FilterPlaceholder && this.renderFilterPlaceholder()}\n        <Grid container spacing={0}>\n          <Grid container justify={align} alignItems=\"flex-end\">\n            {showSearch && <Grid item>{this.renderSearch()}</Grid>}\n            {showRightControls && (\n              <Grid item>\n                <Grid container alignItems=\"flex-end\" spacing={0}>\n                  {showSort && <Grid item>{this.renderSort()}</Grid>}\n                  {showButtons && (\n                    <Grid item>\n                      <div className={classes.multiButtons}>\n                        <MultiButton\n                          id={id}\n                          views={views}\n                          changeView={this.changeView}\n                          onViewChange={onViewChange}\n                        />\n                      </div>\n                    </Grid>\n                  )}\n                </Grid>\n              </Grid>\n            )}\n          </Grid>\n          <div className={classes.viewContainer}>{this.renderView()}</div>\n          {hasPagination && (\n            <Grid container>\n              <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>\n                {pagination}\n              </Grid>\n            </Grid>\n          )}\n        </Grid>\n      </div>\n    );\n  }\n}\n\nAssetInventory.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the controls container.\n     */\n    controlsContainer: PropTypes.string,\n    /**\n     * Styles applied to the search container.\n     */\n    search: PropTypes.string,\n    /**\n     * Styles applied to the right controls container.\n     */\n    rightControls: PropTypes.string,\n    /**\n     *  Styles applied to the multiButtons.\n     */\n    multiButtons: PropTypes.string,\n    /**\n     * Styles applied to the view container.\n     */\n    viewContainer: PropTypes.string,\n    /**\n     * Styles applied to the search box container.\n     */\n    searchBoxContainer: PropTypes.string,\n    /**\n     * Styles applied to the sort container.\n     */\n    sortContainer: PropTypes.string,\n    /**\n     * Styles applied to the pagination component.\n     */\n    pagination: PropTypes.string,\n  }).isRequired,\n  /**\n   * Views components.\n   */\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  /**\n   * Data passed to the component.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * Labels.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Sort label.\n     */\n    sortBy: PropTypes.string,\n    /**\n     * the label on top of the search box.\n     */\n    inputLabel: PropTypes.string,\n    /**\n     * the placeholder value of the search box.\n     */\n    placeholder: PropTypes.string,\n  }),\n  /**\n   * Contains the metadata for the values and the necessary configuration for the views,\n   * check the views for the specific view configuration.\n   */\n  configuration: PropTypes.shape({\n    metadata: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        title: PropTypes.string,\n        accessor: PropTypes.string,\n        cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n        sortable: PropTypes.bool,\n        sortFunction: PropTypes.func,\n        searchable: PropTypes.bool,\n        searchFunction: PropTypes.func,\n      })\n    ).isRequired,\n    viewConfiguration: PropTypes.instanceOf(Object),\n  }).isRequired,\n  /**\n   * Callback evoked in the selection of the card.\n   */\n  onSelection: PropTypes.func,\n  /**\n   * List of actions to be passed to the views.\n   */\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.string,\n      icon: PropTypes.func,\n      disabled: PropTypes.bool,\n    })\n  ),\n  /**\n   *  The callback function ran when an action is triggered, receiving ´action´ as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a ´DropDownMenu´.\n   */\n  maxVisibleActions: PropTypes.number,\n  /**\n   * Extra filters\n   */\n  FilterPlaceholder: PropTypes.element,\n  /**\n   * Indicates if the views are selectable.\n   */\n  isSelectable: PropTypes.bool,\n  /**\n   * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).\n   */\n  selectedValues: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The selected view id.\n   */\n  selectedView: PropTypes.string,\n  /**\n   * Defines if it has pagination.\n   */\n  hasPagination: PropTypes.bool,\n  /**\n   * Enable or disable the server side pagination mechanism\n   */\n  paginationServerSide: PropTypes.bool,\n  /**\n   * The array of possible page sizes for the dropdown.\n   */\n  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * Page size.\n   */\n  pageSize: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * Page change callback.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Page size change callback.\n   */\n  onPageSizeChange: PropTypes.func,\n  /**\n   * Search callback.\n   */\n  onSearch: PropTypes.func,\n  /**\n   * Sort callback.\n   */\n  onSortChange: PropTypes.func,\n  /**\n   * View change callback.\n   */\n  onViewChange: PropTypes.func,\n  /**\n   * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.\n   */\n  sortOptionId: PropTypes.string,\n  /**\n   * Visual indicator of the search string used.\n   */\n  searchString: PropTypes.string,\n  /**\n   * Disable portal on the Sort dropdown\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Other props passed to the searchbox.\n   */\n  searchProps: PropTypes.instanceOf(Object),\n  /**\n   * Others props passed to the Sort. If you want to control the aria-label\n   * use the labels.sortBy, as it is mapped directly to the aria-label.\n   */\n  sortProps: PropTypes.instanceOf(Object),\n  /**\n   * Array of others prop passed to the created button. Each element must include the id of the view\n   * and other props to pe passed to each button.\n   */\n  multibuttonProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n    })\n  ),\n\n  /**\n   *  Extra properties passed to the pagination.\n   */\n  paginationProps: PropTypes.instanceOf(Object),\n};\n\nAssetInventory.defaultProps = {\n  className: \"\",\n  id: undefined,\n  FilterPlaceholder: null,\n  onSelection: null,\n  actions: null,\n  actionsCallback: null,\n  maxVisibleActions: 1,\n  isSelectable: false,\n\n  selectedValues: [],\n  selectedView: null,\n  hasPagination: false,\n  paginationServerSide: false,\n  pageSizeOptions: [5, 10, 20, 25, 50, 100],\n  page: 0,\n  pages: 0,\n  onPageChange: null,\n  onPageSizeChange: null,\n  pageSize: undefined,\n  onSearch: null,\n  onSortChange: null,\n  onViewChange: () => {},\n  sortOptionId: null,\n  searchString: undefined,\n  disablePortal: false,\n  searchProps: undefined,\n  sortProps: undefined,\n  multibuttonProps: [],\n  paginationProps: undefined,\n};\n\nexport default withStyles(styles, { name: \"HvAssetInventory\" })(\n  withLabels(DEFAULT_LABELS)(AssetInventory)\n);\n"],"mappings":"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"}

package/dist/modern/AssetInventory/CardView/CardView.d.ts

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { AssetInventoryMetadata } from "..";
+import { ViewConfiguration } from "../ViewConfiguration";
+
+export type SizeProps = true | false | "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+
+export interface CardViewConfiguration extends ViewConfiguration {
+  /**
+   * Defines the number of columns the component is going to use. Check the Grid component
+   * for possible values.
+   */
+  breakpoints?: {
+    xs?: SizeProps;
+    sm?: SizeProps;
+    md?: SizeProps;
+    lg?: SizeProps;
+    xl?: SizeProps;
+  };
+}
+
+export interface HvCardViewProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvCardViewClassKey> {
+  /**
+   * Icon used in the multi button in the asset inventory.
+   */
+  icon: React.ReactNode;
+  /**
+   * Metadata associated with the values.
+   */
+  metadata?: AssetInventoryMetadata[];
+  /**
+   * Values to be passed to the card render.
+   */
+  values?: object[];
+  /**
+   * Selected values.
+   */
+  selectedValues?: string[];
+  /**
+   * Custom render for the cards.
+   */
+  renderer?: (
+    value: object,
+    index: number,
+    viewConfiguration: CardViewConfiguration,
+    metadata: AssetInventoryMetadata
+  ) => React.ReactNode;
+  /**
+   * innerCardContent to be passed to the standard render.
+   */
+  innerCardContent?: React.ReactNode;
+  /**
+   * Component to the present when no data is available.
+   */
+  emptyComponent: React.ReactNode;
+  /**
+   * Configuration settings for the view.
+   */
+  viewConfiguration?: CardViewConfiguration;
+}
+
+export type HvCardViewClassKey = "root" | "elements";
+
+export default function HvCardView(props: HvCardViewProps): JSX.Element | null;

package/dist/modern/AssetInventory/CardView/CardView.js

@@ -0,0 +1,232 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const _excluded = ["id", "className", "classes", "icon", "values", "selectedValues", "renderer", "viewConfiguration", "innerCardContent", "metadata", "emptyComponent"];
+import "core-js/modules/web.dom-collections.iterator.js";
+
+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 React, { useRef } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import Card from "../../Card";
+import Grid from "../../Grid";
+import Focus from "../../Focus";
+import styles from "./styles";
+import setActionsId from "../setActionsId";
+import useWidth from "../../utils/useWidth";
+import { setId } from "../../utils/setId";
+const DEFAULT_VIEW_CONFIGURATION = {
+  onSelection: null,
+  breakpoints: {
+    xs: false,
+    sm: false,
+    md: false,
+    lg: false,
+    xl: false
+  },
+  actions: null
+};
+
+const CardRenderChooser = (viewConfiguration, render, cardContent, metadata, cardProps) => data => {
+  const actions = setActionsId(viewConfiguration.actions, data.id);
+  return render ? render(data, _objectSpread(_objectSpread({}, viewConfiguration), {}, {
+    actions
+  }), metadata, cardProps) : /*#__PURE__*/React.createElement(Card, _extends({}, data, {
+    onChange: viewConfiguration.onSelection,
+    actions: actions,
+    isSelectable: viewConfiguration.isSelectable,
+    actionsCallback: viewConfiguration.actionsCallback,
+    maxVisibleActions: viewConfiguration.maxVisibleActions,
+    innerCardContent: cardContent === null || cardContent === void 0 ? void 0 : cardContent(data)
+  }, cardProps));
+};
+
+const CardView = _ref => {
+  let {
+    id = "",
+    className,
+    classes,
+    icon,
+    values,
+    selectedValues,
+    renderer,
+    viewConfiguration = DEFAULT_VIEW_CONFIGURATION,
+    innerCardContent,
+    metadata,
+    emptyComponent
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const containerRef = useRef(null);
+  const currentBreakpoint = useWidth(); // If no custom render is passed, the render uses the standard card implementation
+
+  const renderCard = CardRenderChooser(viewConfiguration, renderer, innerCardContent, metadata, others);
+  const {
+    breakpoints
+  } = viewConfiguration;
+
+  const cardJump = () => breakpoints[currentBreakpoint] === false ? 1 : 12 / breakpoints[currentBreakpoint];
+  /**
+   * Render of the cards for each value.
+   */
+
+
+  const renderCards = () => {
+    return values.map((value, index) => {
+      // eslint-disable-next-line no-param-reassign
+      value.checked = !!(selectedValues && selectedValues.indexOf(value.id) > -1);
+      return /*#__PURE__*/React.createElement(Grid, _extends({
+        id: setId(value.id, "grid"),
+        key: value.id,
+        item: true
+      }, breakpoints), /*#__PURE__*/React.createElement(Focus, {
+        rootRef: containerRef,
+        key: value.id,
+        strategy: "grid",
+        filterClass: "grid",
+        navigationJump: cardJump(),
+        focusDisabled: false
+      }, /*#__PURE__*/React.createElement("div", {
+        key: value.id,
+        tabIndex: index === 0 ? 0 : -1
+      }, renderCard(value))));
+    });
+  };
+
+  const hasValues = values.length > 0;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !hasValues && emptyComponent, hasValues && /*#__PURE__*/React.createElement("div", {
+    className: classes.root,
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.elements
+  }, /*#__PURE__*/React.createElement(Grid, {
+    className: clsx(className, classes.root),
+    id: id,
+    container: true,
+    justify: "flex-start",
+    alignItems: "flex-start",
+    spacing: 4
+  }, renderCards()))));
+};
+
+const sizeProps = process.env.NODE_ENV !== "production" ? [true, false, "auto", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] : {};
+process.env.NODE_ENV !== "production" ? CardView.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 styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component that contains the elements class.
+     */
+    elements: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Icon used in the multi button in the assert inventory.
+   */
+  icon: PropTypes.node.isRequired,
+
+  /**
+   * Metadata associated with the values.
+   */
+  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
+  })),
+
+  /**
+   * Values to be passed to the card render.
+   */
+  values: PropTypes.instanceOf(Array).isRequired,
+
+  /**
+   * Selected values.
+   */
+  selectedValues: PropTypes.arrayOf(PropTypes.string),
+
+  /**
+   * Custom render for the cards.
+   */
+  renderer: PropTypes.func,
+
+  /**
+   * innerCardContent to be passed to the standard render.
+   */
+  innerCardContent: PropTypes.func,
+
+  /**
+   * Component to the present when no data is available.
+   */
+  emptyComponent: PropTypes.node,
+
+  /**
+   * Configuration settings for the view.
+   */
+  viewConfiguration: PropTypes.shape({
+    /**
+     * Callback evoked in the selection of the card.
+     */
+    onSelection: PropTypes.func,
+
+    /**
+     * Defines if the view allows selections.
+     */
+    isSelectable: PropTypes.bool,
+
+    /**
+     * List of actions to be passed to the cards.
+     */
+    actions: PropTypes.instanceOf(Array),
+
+    /**
+     *  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,
+
+    /**
+     * Defines the number of columns the component is going to use. Check the
+     * Grid component for possible values
+     */
+    breakpoints: PropTypes.shape({
+      xs: PropTypes.oneOf(sizeProps),
+      sm: PropTypes.oneOf(sizeProps),
+      md: PropTypes.oneOf(sizeProps),
+      lg: PropTypes.oneOf(sizeProps),
+      xl: PropTypes.oneOf(sizeProps)
+    })
+  })
+} : void 0;
+export default withStyles(styles, {
+  name: "HvCardView"
+})(CardView);
+//# sourceMappingURL=CardView.js.map

package/dist/modern/AssetInventory/CardView/CardView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardView.js","names":["React","useRef","PropTypes","clsx","withStyles","Card","Grid","Focus","styles","setActionsId","useWidth","setId","DEFAULT_VIEW_CONFIGURATION","onSelection","breakpoints","xs","sm","md","lg","xl","actions","CardRenderChooser","viewConfiguration","render","cardContent","metadata","cardProps","data","id","isSelectable","actionsCallback","maxVisibleActions","CardView","className","classes","icon","values","selectedValues","renderer","innerCardContent","emptyComponent","others","containerRef","currentBreakpoint","renderCard","cardJump","renderCards","map","value","index","checked","indexOf","hasValues","length","root","elements","sizeProps","propTypes","string","shape","isRequired","node","arrayOf","title","accessor","cellType","oneOf","sortable","bool","sortFunction","func","searchable","searchFunction","instanceOf","Array","number","name"],"sources":["../../../../src/AssetInventory/CardView/CardView.js"],"sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport Card from \"../../Card\";\nimport Grid from \"../../Grid\";\nimport Focus from \"../../Focus\";\nimport styles from \"./styles\";\nimport setActionsId from \"../setActionsId\";\n\nimport useWidth from \"../../utils/useWidth\";\nimport { setId } from \"../../utils/setId\";\n\nconst DEFAULT_VIEW_CONFIGURATION = {\n  onSelection: null,\n  breakpoints: {\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  },\n  actions: null,\n};\n\nconst CardRenderChooser =\n  (viewConfiguration, render, cardContent, metadata, cardProps) => (data) => {\n    const actions = setActionsId(viewConfiguration.actions, data.id);\n\n    return render ? (\n      render(data, { ...viewConfiguration, actions }, metadata, cardProps)\n    ) : (\n      <Card\n        {...data}\n        onChange={viewConfiguration.onSelection}\n        actions={actions}\n        isSelectable={viewConfiguration.isSelectable}\n        actionsCallback={viewConfiguration.actionsCallback}\n        maxVisibleActions={viewConfiguration.maxVisibleActions}\n        innerCardContent={cardContent?.(data)}\n        {...cardProps}\n      />\n    );\n  };\n\nconst CardView = ({\n  id = \"\",\n  className,\n  classes,\n  icon,\n  values,\n  selectedValues,\n  renderer,\n  viewConfiguration = DEFAULT_VIEW_CONFIGURATION,\n  innerCardContent,\n  metadata,\n  emptyComponent,\n  ...others\n}) => {\n  const containerRef = useRef(null);\n  const currentBreakpoint = useWidth();\n\n  // If no custom render is passed, the render uses the standard card implementation\n  const renderCard = CardRenderChooser(\n    viewConfiguration,\n    renderer,\n    innerCardContent,\n    metadata,\n    others\n  );\n\n  const { breakpoints } = viewConfiguration;\n\n  const cardJump = () =>\n    breakpoints[currentBreakpoint] === false ? 1 : 12 / breakpoints[currentBreakpoint];\n\n  /**\n   * Render of the cards for each value.\n   */\n  const renderCards = () => {\n    return values.map((value, index) => {\n      // eslint-disable-next-line no-param-reassign\n      value.checked = !!(selectedValues && selectedValues.indexOf(value.id) > -1);\n\n      return (\n        <Grid id={setId(value.id, \"grid\")} key={value.id} item {...breakpoints}>\n          <Focus\n            rootRef={containerRef}\n            key={value.id}\n            strategy=\"grid\"\n            filterClass=\"grid\"\n            navigationJump={cardJump()}\n            focusDisabled={false}\n          >\n            <div key={value.id} tabIndex={index === 0 ? 0 : -1}>\n              {renderCard(value)}\n            </div>\n          </Focus>\n        </Grid>\n      );\n    });\n  };\n\n  const hasValues = values.length > 0;\n\n  return (\n    <>\n      {!hasValues && emptyComponent}\n      {hasValues && (\n        <div className={classes.root} ref={containerRef}>\n          <div className={classes.elements}>\n            <Grid\n              className={clsx(className, classes.root)}\n              id={id}\n              container\n              justify=\"flex-start\"\n              alignItems=\"flex-start\"\n              spacing={4}\n            >\n              {renderCards()}\n            </Grid>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst sizeProps = [true, false, \"auto\", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nCardView.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component that contains the elements class.\n     */\n    elements: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon used in the multi button in the assert inventory.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * Metadata associated with the values.\n   */\n  metadata: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      title: PropTypes.string,\n      accessor: PropTypes.string,\n      cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n      sortable: PropTypes.bool,\n      sortFunction: PropTypes.func,\n      searchable: PropTypes.bool,\n      searchFunction: PropTypes.func,\n    })\n  ),\n  /**\n   * Values to be passed to the card render.\n   */\n  values: PropTypes.instanceOf(Array).isRequired,\n  /**\n   * Selected values.\n   */\n  selectedValues: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Custom render for the cards.\n   */\n  renderer: PropTypes.func,\n  /**\n   * innerCardContent to be passed to the standard render.\n   */\n  innerCardContent: PropTypes.func,\n  /**\n   * Component to the present when no data is available.\n   */\n  emptyComponent: PropTypes.node,\n  /**\n   * Configuration settings for the view.\n   */\n  viewConfiguration: PropTypes.shape({\n    /**\n     * Callback evoked in the selection of the card.\n     */\n    onSelection: PropTypes.func,\n    /**\n     * Defines if the view allows selections.\n     */\n    isSelectable: PropTypes.bool,\n    /**\n     * List of actions to be passed to the cards.\n     */\n    actions: PropTypes.instanceOf(Array),\n    /**\n     *  The callback function ran when an action is triggered, receiving ´action´ as param\n     */\n    actionsCallback: PropTypes.func,\n    /**\n     *  The number of maximum visible actions before they're collapsed into a ´DropDownMenu´.\n     */\n    maxVisibleActions: PropTypes.number,\n    /**\n     * Defines the number of columns the component is going to use. Check the\n     * Grid component for possible values\n     */\n    breakpoints: PropTypes.shape({\n      xs: PropTypes.oneOf(sizeProps),\n      sm: PropTypes.oneOf(sizeProps),\n      md: PropTypes.oneOf(sizeProps),\n      lg: PropTypes.oneOf(sizeProps),\n      xl: PropTypes.oneOf(sizeProps),\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvCardView\" })(CardView);\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,QAA8B,OAA9B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,YAAjB;AACA,OAAOC,IAAP,MAAiB,YAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AAEA,OAAOC,QAAP,MAAqB,sBAArB;AACA,SAASC,KAAT,QAAsB,mBAAtB;AAEA,MAAMC,0BAA0B,GAAG;EACjCC,WAAW,EAAE,IADoB;EAEjCC,WAAW,EAAE;IACXC,EAAE,EAAE,KADO;IAEXC,EAAE,EAAE,KAFO;IAGXC,EAAE,EAAE,KAHO;IAIXC,EAAE,EAAE,KAJO;IAKXC,EAAE,EAAE;EALO,CAFoB;EASjCC,OAAO,EAAE;AATwB,CAAnC;;AAYA,MAAMC,iBAAiB,GACrB,CAACC,iBAAD,EAAoBC,MAApB,EAA4BC,WAA5B,EAAyCC,QAAzC,EAAmDC,SAAnD,KAAkEC,IAAD,IAAU;EACzE,MAAMP,OAAO,GAAGX,YAAY,CAACa,iBAAiB,CAACF,OAAnB,EAA4BO,IAAI,CAACC,EAAjC,CAA5B;EAEA,OAAOL,MAAM,GACXA,MAAM,CAACI,IAAD,kCAAYL,iBAAZ;IAA+BF;EAA/B,IAA0CK,QAA1C,EAAoDC,SAApD,CADK,gBAGX,oBAAC,IAAD,eACMC,IADN;IAEE,QAAQ,EAAEL,iBAAiB,CAACT,WAF9B;IAGE,OAAO,EAAEO,OAHX;IAIE,YAAY,EAAEE,iBAAiB,CAACO,YAJlC;IAKE,eAAe,EAAEP,iBAAiB,CAACQ,eALrC;IAME,iBAAiB,EAAER,iBAAiB,CAACS,iBANvC;IAOE,gBAAgB,EAAEP,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAGG,IAAH;EAP/B,GAQMD,SARN,EAHF;AAcD,CAlBH;;AAoBA,MAAMM,QAAQ,GAAG,QAaX;EAAA,IAbY;IAChBJ,EAAE,GAAG,EADW;IAEhBK,SAFgB;IAGhBC,OAHgB;IAIhBC,IAJgB;IAKhBC,MALgB;IAMhBC,cANgB;IAOhBC,QAPgB;IAQhBhB,iBAAiB,GAAGV,0BARJ;IAShB2B,gBATgB;IAUhBd,QAVgB;IAWhBe;EAXgB,CAaZ;EAAA,IADDC,MACC;;EACJ,MAAMC,YAAY,GAAGzC,MAAM,CAAC,IAAD,CAA3B;EACA,MAAM0C,iBAAiB,GAAGjC,QAAQ,EAAlC,CAFI,CAIJ;;EACA,MAAMkC,UAAU,GAAGvB,iBAAiB,CAClCC,iBADkC,EAElCgB,QAFkC,EAGlCC,gBAHkC,EAIlCd,QAJkC,EAKlCgB,MALkC,CAApC;EAQA,MAAM;IAAE3B;EAAF,IAAkBQ,iBAAxB;;EAEA,MAAMuB,QAAQ,GAAG,MACf/B,WAAW,CAAC6B,iBAAD,CAAX,KAAmC,KAAnC,GAA2C,CAA3C,GAA+C,KAAK7B,WAAW,CAAC6B,iBAAD,CADjE;EAGA;AACF;AACA;;;EACE,MAAMG,WAAW,GAAG,MAAM;IACxB,OAAOV,MAAM,CAACW,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;MAClC;MACAD,KAAK,CAACE,OAAN,GAAgB,CAAC,EAAEb,cAAc,IAAIA,cAAc,CAACc,OAAf,CAAuBH,KAAK,CAACpB,EAA7B,IAAmC,CAAC,CAAxD,CAAjB;MAEA,oBACE,oBAAC,IAAD;QAAM,EAAE,EAAEjB,KAAK,CAACqC,KAAK,CAACpB,EAAP,EAAW,MAAX,CAAf;QAAmC,GAAG,EAAEoB,KAAK,CAACpB,EAA9C;QAAkD,IAAI;MAAtD,GAA2Dd,WAA3D,gBACE,oBAAC,KAAD;QACE,OAAO,EAAE4B,YADX;QAEE,GAAG,EAAEM,KAAK,CAACpB,EAFb;QAGE,QAAQ,EAAC,MAHX;QAIE,WAAW,EAAC,MAJd;QAKE,cAAc,EAAEiB,QAAQ,EAL1B;QAME,aAAa,EAAE;MANjB,gBAQE;QAAK,GAAG,EAAEG,KAAK,CAACpB,EAAhB;QAAoB,QAAQ,EAAEqB,KAAK,KAAK,CAAV,GAAc,CAAd,GAAkB,CAAC;MAAjD,GACGL,UAAU,CAACI,KAAD,CADb,CARF,CADF,CADF;IAgBD,CApBM,CAAP;EAqBD,CAtBD;;EAwBA,MAAMI,SAAS,GAAGhB,MAAM,CAACiB,MAAP,GAAgB,CAAlC;EAEA,oBACE,0CACG,CAACD,SAAD,IAAcZ,cADjB,EAEGY,SAAS,iBACR;IAAK,SAAS,EAAElB,OAAO,CAACoB,IAAxB;IAA8B,GAAG,EAAEZ;EAAnC,gBACE;IAAK,SAAS,EAAER,OAAO,CAACqB;EAAxB,gBACE,oBAAC,IAAD;IACE,SAAS,EAAEpD,IAAI,CAAC8B,SAAD,EAAYC,OAAO,CAACoB,IAApB,CADjB;IAEE,EAAE,EAAE1B,EAFN;IAGE,SAAS,MAHX;IAIE,OAAO,EAAC,YAJV;IAKE,UAAU,EAAC,YALb;IAME,OAAO,EAAE;EANX,GAQGkB,WAAW,EARd,CADF,CADF,CAHJ,CADF;AAqBD,CAjFD;;AAmFA,MAAMU,SAAN,2CAAkB,CAAC,IAAD,EAAO,KAAP,EAAc,MAAd,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAlB;AAEA,wCAAAxB,QAAQ,CAACyB,SAAT,GAAqB;EACnB;AACF;AACA;EACExB,SAAS,EAAE/B,SAAS,CAACwD,MAJF;;EAKnB;AACF;AACA;EACE9B,EAAE,EAAE1B,SAAS,CAACwD,MARK;;EASnB;AACF;AACA;EACExB,OAAO,EAAEhC,SAAS,CAACyD,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEpD,SAAS,CAACwD,MAJO;;IAKvB;AACJ;AACA;IACIH,QAAQ,EAAErD,SAAS,CAACwD;EARG,CAAhB,EASNE,UArBgB;;EAsBnB;AACF;AACA;EACEzB,IAAI,EAAEjC,SAAS,CAAC2D,IAAV,CAAeD,UAzBF;;EA0BnB;AACF;AACA;EACEnC,QAAQ,EAAEvB,SAAS,CAAC4D,OAAV,CACR5D,SAAS,CAACyD,KAAV,CAAgB;IACd/B,EAAE,EAAE1B,SAAS,CAACwD,MADA;IAEdK,KAAK,EAAE7D,SAAS,CAACwD,MAFH;IAGdM,QAAQ,EAAE9D,SAAS,CAACwD,MAHN;IAIdO,QAAQ,EAAE/D,SAAS,CAACgE,KAAV,CAAgB,CAAC,eAAD,EAAkB,SAAlB,EAA6B,MAA7B,EAAqC,MAArC,CAAhB,CAJI;IAKdC,QAAQ,EAAEjE,SAAS,CAACkE,IALN;IAMdC,YAAY,EAAEnE,SAAS,CAACoE,IANV;IAOdC,UAAU,EAAErE,SAAS,CAACkE,IAPR;IAQdI,cAAc,EAAEtE,SAAS,CAACoE;EARZ,CAAhB,CADQ,CA7BS;;EAyCnB;AACF;AACA;EACElC,MAAM,EAAElC,SAAS,CAACuE,UAAV,CAAqBC,KAArB,EAA4Bd,UA5CjB;;EA6CnB;AACF;AACA;EACEvB,cAAc,EAAEnC,SAAS,CAAC4D,OAAV,CAAkB5D,SAAS,CAACwD,MAA5B,CAhDG;;EAiDnB;AACF;AACA;EACEpB,QAAQ,EAAEpC,SAAS,CAACoE,IApDD;;EAqDnB;AACF;AACA;EACE/B,gBAAgB,EAAErC,SAAS,CAACoE,IAxDT;;EAyDnB;AACF;AACA;EACE9B,cAAc,EAAEtC,SAAS,CAAC2D,IA5DP;;EA6DnB;AACF;AACA;EACEvC,iBAAiB,EAAEpB,SAAS,CAACyD,KAAV,CAAgB;IACjC;AACJ;AACA;IACI9C,WAAW,EAAEX,SAAS,CAACoE,IAJU;;IAKjC;AACJ;AACA;IACIzC,YAAY,EAAE3B,SAAS,CAACkE,IARS;;IASjC;AACJ;AACA;IACIhD,OAAO,EAAElB,SAAS,CAACuE,UAAV,CAAqBC,KAArB,CAZwB;;IAajC;AACJ;AACA;IACI5C,eAAe,EAAE5B,SAAS,CAACoE,IAhBM;;IAiBjC;AACJ;AACA;IACIvC,iBAAiB,EAAE7B,SAAS,CAACyE,MApBI;;IAqBjC;AACJ;AACA;AACA;IACI7D,WAAW,EAAEZ,SAAS,CAACyD,KAAV,CAAgB;MAC3B5C,EAAE,EAAEb,SAAS,CAACgE,KAAV,CAAgBV,SAAhB,CADuB;MAE3BxC,EAAE,EAAEd,SAAS,CAACgE,KAAV,CAAgBV,SAAhB,CAFuB;MAG3BvC,EAAE,EAAEf,SAAS,CAACgE,KAAV,CAAgBV,SAAhB,CAHuB;MAI3BtC,EAAE,EAAEhB,SAAS,CAACgE,KAAV,CAAgBV,SAAhB,CAJuB;MAK3BrC,EAAE,EAAEjB,SAAS,CAACgE,KAAV,CAAgBV,SAAhB;IALuB,CAAhB;EAzBoB,CAAhB;AAhEA,CAArB;AAmGA,eAAepD,UAAU,CAACI,MAAD,EAAS;EAAEoE,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2C5C,QAA3C,CAAf"}

package/dist/modern/AssetInventory/CardView/index.d.ts

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

package/dist/modern/AssetInventory/CardView/index.js

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

package/dist/modern/AssetInventory/CardView/index.js.map

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

package/dist/modern/AssetInventory/CardView/styles.js

@@ -0,0 +1,6 @@
+const styles = {
+  root: {},
+  elements: {}
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/AssetInventory/CardView/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","elements"],"sources":["../../../../src/AssetInventory/CardView/styles.js"],"sourcesContent":["const styles = {\n  root: {},\n  elements: {},\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE,EADO;EAEbC,QAAQ,EAAE;AAFG,CAAf;AAKA,eAAeF,MAAf"}

package/dist/modern/AssetInventory/ListView/ListView.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvTooltipProps } from "../../Tooltip";
+import { AssetInventoryMetadata } from "..";
+import { ViewConfiguration } from "../ViewConfiguration";
+
+export interface ListViewConfiguration extends ViewConfiguration {
+  /**
+   * Sets the title at the top of the column and applies styles to the cells in the column.
+   */
+  columnConfiguration: {
+    title: string;
+    style: object;
+    align?: string;
+    /**
+     * Extra properties for the header cell in the column.
+     */
+    cellProps?: Record<string, any>;
+    /**
+     * Extra properties for the tooltip of the header cell in the column.
+     */
+    tooltipProps?: HvTooltipProps;
+  }[];
+}
+
+export interface HvListViewProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvListViewClassKey> {
+  /**
+   * Icon used in the multi button in the asset inventory.
+   */
+  icon: React.ReactNode;
+  /**
+   * Component to the present when no data is available.
+   */
+  emptyComponent: React.ReactNode;
+  /**
+   * Configuration used to setup various properties of the view.
+   * This configuration is propagated to the known children of the asset inventory through context.
+   */
+  viewConfiguration?: ListViewConfiguration;
+  /**
+   * The function that will be used to render the list,
+   * it receives the values one bye one, is recommended to use
+   * the list View cell and list view Row to construct the renderer
+   */
+  renderer: (
+    value: object,
+    index: number,
+    viewConfiguration: ListViewConfiguration,
+    metadata: AssetInventoryMetadata
+  ) => React.ReactNode;
+  /**
+   * The values that will be passed to the renderer one by one
+   */
+  values?: object[];
+  /**
+   * Selected values.
+   */
+  selectedValues?: string[];
+  /**
+   * Metadata associated with the values.
+   */
+  metadata?: AssetInventoryMetadata;
+}
+
+export type HvListViewClassKey = "root" | "elements" | "tableBody" | "tableHead";
+
+export default function HvListView(props: HvListViewProps): JSX.Element | null;