@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/AssetInventory/ListView/ListView.js

@@ -0,0 +1,200 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "id", "icon", "viewConfiguration", "classes", "renderer", "values", "selectedValues", "metadata", "emptyComponent"];
+
+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/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.includes.js";
+import React, { useRef } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { ListViewContextProvider } from "./ListViewContext/ListViewContext";
+import ListViewHeaderRow from "./ListViewHeaderRow";
+import Grid from "../../Grid";
+import styles from "./styles";
+
+const Rows = ({
+  renderer,
+  values,
+  selectedValues,
+  viewConfiguration,
+  metadata
+}) => values.map((value, index) => {
+  // eslint-disable-next-line no-param-reassign
+  value.checked = selectedValues && selectedValues.includes(value.id);
+  return renderer(value, index, viewConfiguration, metadata);
+});
+
+const ListView = _ref => {
+  let {
+    className,
+    id,
+    icon,
+    viewConfiguration,
+    classes,
+    renderer,
+    values,
+    selectedValues,
+    metadata,
+    emptyComponent
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const hasValues = values.length > 0;
+
+  const renderGridDisplay = containerRef => {
+    var _viewConfiguration$co;
+
+    const enhancedViewConfiguration = _objectSpread({
+      containerRef
+    }, viewConfiguration);
+
+    return /*#__PURE__*/React.createElement(Grid, {
+      container: true,
+      justify: "center",
+      alignContent: "stretch"
+    }, /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12,
+      xl: 12
+    }, /*#__PURE__*/React.createElement("div", _extends({
+      id: id,
+      "aria-rowcount": values.length,
+      className: clsx(className, classes.root)
+    }, others), (viewConfiguration === null || viewConfiguration === void 0 ? void 0 : (_viewConfiguration$co = viewConfiguration.columnConfiguration) === null || _viewConfiguration$co === void 0 ? void 0 : _viewConfiguration$co.length) > 0 && hasValues && /*#__PURE__*/React.createElement("div", {
+      className: classes.tableHead
+    }, /*#__PURE__*/React.createElement(ListViewHeaderRow, {
+      viewConfiguration: enhancedViewConfiguration
+    })), /*#__PURE__*/React.createElement("ul", {
+      className: classes.tableBody
+    }, /*#__PURE__*/React.createElement(ListViewContextProvider, {
+      value: enhancedViewConfiguration
+    }, /*#__PURE__*/React.createElement(Rows, {
+      classes: classes,
+      renderer: renderer,
+      values: values,
+      selectedValues: selectedValues,
+      metadata: metadata,
+      viewConfiguration: enhancedViewConfiguration,
+      containerRef: containerRef
+    }))))));
+  };
+
+  const containerRef = useRef(null);
+  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
+  }, renderGridDisplay(containerRef))));
+};
+
+process.env.NODE_ENV !== "production" ? ListView.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Icon used in the multi button in the assert inventory.
+   */
+  icon: PropTypes.node.isRequired,
+
+  /**
+   * Component to the present when no data is available.
+   */
+  emptyComponent: PropTypes.node,
+
+  /**
+   * Configuration used to setup various properties of the view.
+   * This configuration is propagated to the known childs of the asset inventory through context.
+   */
+  viewConfiguration: PropTypes.shape({
+    onSelection: PropTypes.func,
+    isSelectable: PropTypes.bool,
+    columnConfiguration: PropTypes.arrayOf(PropTypes.shape({
+      title: PropTypes.String,
+      style: PropTypes.instanceOf(Object)
+    })),
+    maxVisibleActions: PropTypes.number,
+    actions: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string.isRequired,
+      label: PropTypes.string.isRequired,
+      icon: PropTypes.func
+    }))]),
+    actionsCallback: PropTypes.func
+  }),
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component that contains the elements class.
+     */
+    elements: PropTypes.string,
+
+    /**
+     * Styles applied to the table header.
+     */
+    tableHead: PropTypes.string,
+
+    /**
+     * Styles applied to the table body.
+     */
+    tableBody: PropTypes.string
+  }).isRequired,
+
+  /**
+   * 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: PropTypes.func.isRequired,
+
+  /**
+   * The values that will be passed to the renderer one by one
+   */
+  values: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
+
+  /**
+   * Selected values.
+   */
+  selectedValues: PropTypes.arrayOf(PropTypes.string),
+
+  /**
+   * 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
+  }))
+} : void 0;
+export default withStyles(styles, {
+  name: "HvListView"
+})(ListView);
+//# sourceMappingURL=ListView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","names":["React","useRef","PropTypes","clsx","withStyles","ListViewContextProvider","ListViewHeaderRow","Grid","styles","Rows","renderer","values","selectedValues","viewConfiguration","metadata","map","value","index","checked","includes","id","ListView","className","icon","classes","emptyComponent","others","hasValues","length","renderGridDisplay","containerRef","enhancedViewConfiguration","root","columnConfiguration","tableHead","tableBody","elements","propTypes","string","node","isRequired","shape","onSelection","func","isSelectable","bool","arrayOf","title","String","style","instanceOf","Object","maxVisibleActions","number","actions","oneOfType","label","actionsCallback","accessor","cellType","oneOf","sortable","sortFunction","searchable","searchFunction","name"],"sources":["../../../../src/AssetInventory/ListView/ListView.js"],"sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { ListViewContextProvider } from \"./ListViewContext/ListViewContext\";\nimport ListViewHeaderRow from \"./ListViewHeaderRow\";\nimport Grid from \"../../Grid\";\nimport styles from \"./styles\";\n\nconst Rows = ({ renderer, values, selectedValues, viewConfiguration, metadata }) =>\n  values.map((value, index) => {\n    // eslint-disable-next-line no-param-reassign\n    value.checked = selectedValues && selectedValues.includes(value.id);\n    return renderer(value, index, viewConfiguration, metadata);\n  });\n\nconst ListView = ({\n  className,\n  id,\n  icon,\n  viewConfiguration,\n  classes,\n  renderer,\n  values,\n  selectedValues,\n  metadata,\n  emptyComponent,\n  ...others\n}) => {\n  const hasValues = values.length > 0;\n\n  const renderGridDisplay = (containerRef) => {\n    const enhancedViewConfiguration = {\n      containerRef,\n      ...viewConfiguration,\n    };\n\n    return (\n      <Grid container justify=\"center\" alignContent=\"stretch\">\n        <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>\n          <div\n            id={id}\n            aria-rowcount={values.length}\n            className={clsx(className, classes.root)}\n            {...others}\n          >\n            {viewConfiguration?.columnConfiguration?.length > 0 && hasValues && (\n              <div className={classes.tableHead}>\n                <ListViewHeaderRow viewConfiguration={enhancedViewConfiguration} />\n              </div>\n            )}\n            <ul className={classes.tableBody}>\n              <ListViewContextProvider value={enhancedViewConfiguration}>\n                <Rows\n                  classes={classes}\n                  renderer={renderer}\n                  values={values}\n                  selectedValues={selectedValues}\n                  metadata={metadata}\n                  viewConfiguration={enhancedViewConfiguration}\n                  containerRef={containerRef}\n                />\n              </ListViewContextProvider>\n            </ul>\n          </div>\n        </Grid>\n      </Grid>\n    );\n  };\n  const containerRef = useRef(null);\n  return (\n    <>\n      {!hasValues && emptyComponent}\n      {hasValues && (\n        <div className={classes.root} ref={containerRef}>\n          <div className={classes.elements}>{renderGridDisplay(containerRef)}</div>\n        </div>\n      )}\n    </>\n  );\n};\n\nListView.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   * Icon used in the multi button in the assert inventory.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * Component to the present when no data is available.\n   */\n  emptyComponent: PropTypes.node,\n  /**\n   * Configuration used to setup various properties of the view.\n   * This configuration is propagated to the known childs of the asset inventory through context.\n   */\n  viewConfiguration: PropTypes.shape({\n    onSelection: PropTypes.func,\n    isSelectable: PropTypes.bool,\n    columnConfiguration: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.String,\n        style: PropTypes.instanceOf(Object),\n      })\n    ),\n    maxVisibleActions: PropTypes.number,\n    actions: PropTypes.oneOfType([\n      PropTypes.node,\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.string.isRequired,\n          label: PropTypes.string.isRequired,\n          icon: PropTypes.func,\n        })\n      ),\n    ]),\n    actionsCallback: PropTypes.func,\n  }),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component that contains the elements class.\n     */\n    elements: PropTypes.string,\n    /**\n     * Styles applied to the table header.\n     */\n    tableHead: PropTypes.string,\n    /**\n     * Styles applied to the table body.\n     */\n    tableBody: PropTypes.string,\n  }).isRequired,\n  /**\n   * The function that will be used to render the list,\n   * it receives the values one bye one, is recommended to use\n   * the list View cell and list view Row to construct the renderer\n   */\n  renderer: PropTypes.func.isRequired,\n  /**\n   * The values that will be passed to the renderer one by one\n   */\n  values: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Selected values.\n   */\n  selectedValues: PropTypes.arrayOf(PropTypes.string),\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\nexport default withStyles(styles, { name: \"HvListView\" })(ListView);\n"],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvListViewCellProps
+  extends StandardProps<React.HTMLAttributes<HTMLTableCellElement>, HvListViewCellClassKey> {
+  /**
+   * Alignment of the cell correspond to the html attribute.
+   */
+  align?: string;
+  /**
+   * Used to identify the cell and apply the correct column styling
+   * this value is injected by list view row.
+   */
+  columnIndex?: number;
+  /**
+   *  The border color of the cell. Must be one of palette semantic colors.
+   */
+  semantic?:
+    | "sema1"
+    | "sema2"
+    | "sema3"
+    | "sema4"
+    | "sema5"
+    | "sema6"
+    | "sema7"
+    | "sema8"
+    | "sema9"
+    | "sema10"
+    | "sema11"
+    | "sema12"
+    | "sema13"
+    | "sema14"
+    | "sema15"
+    | "sema16"
+    | "sema17"
+    | "sema18"
+    | "sema19"
+    | "atmo1"
+    | "atmo2"
+    | "atmo3"
+    | "atmo4"
+    | "atmo5"
+    | "atmo6";
+}
+
+export type HvListViewCellClassKey = "root" | "semanticBar";
+
+export default function HvListViewCell(props: HvListViewCellProps): JSX.Element | null;

package/dist/modern/AssetInventory/ListView/ListViewCell/ListViewCell.js

@@ -0,0 +1,88 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["classes", "className", "id", "children", "align", "columnIndex", "semantic"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { ListViewContextConsumer } from "../ListViewContext/ListViewContext";
+import styles from "./styles";
+
+const cell = (classes, align, className, id, children, viewConfiguration = {}, columnIndex, semantic, others) => {
+  var _columnConfiguration$;
+
+  const {
+    columnConfiguration
+  } = viewConfiguration;
+  const alignConf = columnConfiguration === null || columnConfiguration === void 0 ? void 0 : (_columnConfiguration$ = columnConfiguration[columnIndex]) === null || _columnConfiguration$ === void 0 ? void 0 : _columnConfiguration$.align;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root, semantic && [classes.semanticBar, classes[semantic]]),
+    style: {
+      textAlign: align || alignConf
+    },
+    id: id
+  }, others), children);
+};
+
+const ListViewCell = _ref => {
+  let {
+    classes,
+    className,
+    id = "",
+    children,
+    align,
+    columnIndex,
+    semantic
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(ListViewContextConsumer, null, contextConfiguration => cell(classes, align, className, id, children, contextConfiguration, columnIndex, semantic, others));
+};
+
+process.env.NODE_ENV !== "production" ? ListViewCell.propTypes = {
+  /**
+   * Alignment of the cell correspond to the html attribute.
+   */
+  align: PropTypes.string,
+
+  /**
+   * Used to identify the cell and apply the correct column styling
+   * this value is injected by list view row.
+   */
+  columnIndex: PropTypes.number,
+
+  /**
+   * Id to be applied to the root node this value is used to identify the checkbox clicks or actions.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the assetinventorylistview root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the semanticBar.
+     */
+    semanticBar: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  The border color of the cell. Must be one of palette semantic colors.
+   */
+  semantic: PropTypes.oneOf(["sema1", "sema2", "sema3", "sema4", "sema5", "sema6", "sema7", "sema8", "sema9", "sema10", "sema11", "sema12", "sema13", "sema14", "sema15", "sema16", "sema17", "sema18", "sema19", "atmo1", "atmo2", "atmo3", "atmo4", "atmo5", "atmo6"]),
+  children: PropTypes.node.isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvListViewCell"
+})(ListViewCell);
+//# sourceMappingURL=ListViewCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewCell.js","names":["React","PropTypes","clsx","withStyles","ListViewContextConsumer","styles","cell","classes","align","className","id","children","viewConfiguration","columnIndex","semantic","others","columnConfiguration","alignConf","root","semanticBar","textAlign","ListViewCell","contextConfiguration","propTypes","string","number","shape","isRequired","oneOf","node","name"],"sources":["../../../../../src/AssetInventory/ListView/ListViewCell/ListViewCell.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { ListViewContextConsumer } from \"../ListViewContext/ListViewContext\";\nimport styles from \"./styles\";\n\nconst cell = (\n  classes,\n  align,\n  className,\n  id,\n  children,\n  viewConfiguration = {},\n  columnIndex,\n  semantic,\n  others\n) => {\n  const { columnConfiguration } = viewConfiguration;\n  const alignConf = columnConfiguration?.[columnIndex]?.align;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.semanticBar]: semantic,\n        [classes[semantic]]: semantic,\n      })}\n      style={{ textAlign: align || alignConf }}\n      id={id}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst ListViewCell = ({\n  classes,\n  className,\n  id = \"\",\n  children,\n  align,\n  columnIndex,\n  semantic,\n  ...others\n}) => {\n  return (\n    <ListViewContextConsumer>\n      {(contextConfiguration) =>\n        cell(\n          classes,\n          align,\n          className,\n          id,\n          children,\n          contextConfiguration,\n          columnIndex,\n          semantic,\n          others\n        )\n      }\n    </ListViewContextConsumer>\n  );\n};\n\nListViewCell.propTypes = {\n  /**\n   * Alignment of the cell correspond to the html attribute.\n   */\n  align: PropTypes.string,\n  /**\n   * Used to identify the cell and apply the correct column styling\n   * this value is injected by list view row.\n   */\n  columnIndex: PropTypes.number,\n  /**\n   * Id to be applied to the root node this value is used to identify the checkbox clicks or actions.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: 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 assetinventorylistview root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the semanticBar.\n     */\n    semanticBar: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The border color of the cell. Must be one of palette semantic colors.\n   */\n  semantic: PropTypes.oneOf([\n    \"sema1\",\n    \"sema2\",\n    \"sema3\",\n    \"sema4\",\n    \"sema5\",\n    \"sema6\",\n    \"sema7\",\n    \"sema8\",\n    \"sema9\",\n    \"sema10\",\n    \"sema11\",\n    \"sema12\",\n    \"sema13\",\n    \"sema14\",\n    \"sema15\",\n    \"sema16\",\n    \"sema17\",\n    \"sema18\",\n    \"sema19\",\n    \"atmo1\",\n    \"atmo2\",\n    \"atmo3\",\n    \"atmo4\",\n    \"atmo5\",\n    \"atmo6\",\n  ]),\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvListViewCell\" })(ListViewCell);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,uBAAT,QAAwC,oCAAxC;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,IAAI,GAAG,CACXC,OADW,EAEXC,KAFW,EAGXC,SAHW,EAIXC,EAJW,EAKXC,QALW,EAMXC,iBAAiB,GAAG,EANT,EAOXC,WAPW,EAQXC,QARW,EASXC,MATW,KAUR;EAAA;;EACH,MAAM;IAAEC;EAAF,IAA0BJ,iBAAhC;EACA,MAAMK,SAAS,GAAGD,mBAAH,aAAGA,mBAAH,gDAAGA,mBAAmB,CAAGH,WAAH,CAAtB,0DAAG,sBAAoCL,KAAtD;EAEA,oBACE;IACE,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYF,OAAO,CAACW,IAApB,EACUJ,QADV,KACZP,OAAO,CAACY,WADI,EAEZZ,OAAO,CAACO,QAAD,CAFK,EADjB;IAKE,KAAK,EAAE;MAAEM,SAAS,EAAEZ,KAAK,IAAIS;IAAtB,CALT;IAME,EAAE,EAAEP;EANN,GAOMK,MAPN,GASGJ,QATH,CADF;AAaD,CA3BD;;AA6BA,MAAMU,YAAY,GAAG,QASf;EAAA,IATgB;IACpBd,OADoB;IAEpBE,SAFoB;IAGpBC,EAAE,GAAG,EAHe;IAIpBC,QAJoB;IAKpBH,KALoB;IAMpBK,WANoB;IAOpBC;EAPoB,CAShB;EAAA,IADDC,MACC;;EACJ,oBACE,oBAAC,uBAAD,QACIO,oBAAD,IACChB,IAAI,CACFC,OADE,EAEFC,KAFE,EAGFC,SAHE,EAIFC,EAJE,EAKFC,QALE,EAMFW,oBANE,EAOFT,WAPE,EAQFC,QARE,EASFC,MATE,CAFR,CADF;AAiBD,CA3BD;;AA6BA,wCAAAM,YAAY,CAACE,SAAb,GAAyB;EACvB;AACF;AACA;EACEf,KAAK,EAAEP,SAAS,CAACuB,MAJM;;EAKvB;AACF;AACA;AACA;EACEX,WAAW,EAAEZ,SAAS,CAACwB,MATA;;EAUvB;AACF;AACA;EACEf,EAAE,EAAET,SAAS,CAACuB,MAbS;;EAcvB;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACuB,MAjBE;;EAkBvB;AACF;AACA;EACEjB,OAAO,EAAEN,SAAS,CAACyB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAEjB,SAAS,CAACuB,MAJO;;IAKvB;AACJ;AACA;IACIL,WAAW,EAAElB,SAAS,CAACuB;EARA,CAAhB,EASNG,UA9BoB;;EA+BvB;AACF;AACA;EACEb,QAAQ,EAAEb,SAAS,CAAC2B,KAAV,CAAgB,CACxB,OADwB,EAExB,OAFwB,EAGxB,OAHwB,EAIxB,OAJwB,EAKxB,OALwB,EAMxB,OANwB,EAOxB,OAPwB,EAQxB,OARwB,EASxB,OATwB,EAUxB,QAVwB,EAWxB,QAXwB,EAYxB,QAZwB,EAaxB,QAbwB,EAcxB,QAdwB,EAexB,QAfwB,EAgBxB,QAhBwB,EAiBxB,QAjBwB,EAkBxB,QAlBwB,EAmBxB,QAnBwB,EAoBxB,OApBwB,EAqBxB,OArBwB,EAsBxB,OAtBwB,EAuBxB,OAvBwB,EAwBxB,OAxBwB,EAyBxB,OAzBwB,CAAhB,CAlCa;EA6DvBjB,QAAQ,EAAEV,SAAS,CAAC4B,IAAV,CAAeF;AA7DF,CAAzB;AAgEA,eAAexB,UAAU,CAACE,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CT,YAA/C,CAAf"}

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

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

package/dist/modern/AssetInventory/ListView/ListViewCell/index.js

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

package/dist/modern/AssetInventory/ListView/ListViewCell/index.js.map

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

package/dist/modern/AssetInventory/ListView/ListViewCell/styles.js

@@ -0,0 +1,43 @@
+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 mapValues from "lodash/mapValues";
+
+const styles = theme => {
+  const semantics = mapValues(theme.hv.palette.semantic, value => ({
+    "&::before": {
+      background: value
+    }
+  }));
+  const atmosphere = mapValues(theme.hv.palette.atmosphere, value => ({
+    "&::before": {
+      background: value
+    }
+  }));
+  return _objectSpread(_objectSpread({
+    root: {
+      position: "relative",
+      padding: `${theme.hv.spacing.xs}px 0 ${theme.hv.spacing.xs}px 0`,
+      display: "table-cell",
+      verticalAlign: "middle"
+    },
+    semanticBar: {
+      "&::before": {
+        content: "''",
+        height: "100%",
+        width: 2,
+        display: "block",
+        background: theme.hv.palette.semantic.sema1,
+        position: "absolute",
+        top: 0,
+        left: 0
+      }
+    }
+  }, semantics), atmosphere);
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/AssetInventory/ListView/ListViewCell/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["mapValues","styles","theme","semantics","hv","palette","semantic","value","background","atmosphere","root","position","padding","spacing","xs","display","verticalAlign","semanticBar","content","height","width","sema1","top","left"],"sources":["../../../../../src/AssetInventory/ListView/ListViewCell/styles.js"],"sourcesContent":["import mapValues from \"lodash/mapValues\";\n\nconst styles = (theme) => {\n  const semantics = mapValues(theme.hv.palette.semantic, (value) => ({\n    \"&::before\": {\n      background: value,\n    },\n  }));\n\n  const atmosphere = mapValues(theme.hv.palette.atmosphere, (value) => ({\n    \"&::before\": {\n      background: value,\n    },\n  }));\n\n  return {\n    root: {\n      position: \"relative\",\n      padding: `${theme.hv.spacing.xs}px 0 ${theme.hv.spacing.xs}px 0`,\n      display: \"table-cell\",\n      verticalAlign: \"middle\",\n    },\n    semanticBar: {\n      \"&::before\": {\n        content: \"''\",\n        height: \"100%\",\n        width: 2,\n        display: \"block\",\n        background: theme.hv.palette.semantic.sema1,\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n      },\n    },\n    ...semantics,\n    ...atmosphere,\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,OAAOA,SAAP,MAAsB,kBAAtB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAMC,SAAS,GAAGH,SAAS,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,QAAlB,EAA6BC,KAAD,KAAY;IACjE,aAAa;MACXC,UAAU,EAAED;IADD;EADoD,CAAZ,CAA5B,CAA3B;EAMA,MAAME,UAAU,GAAGT,SAAS,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAlB,EAA+BF,KAAD,KAAY;IACpE,aAAa;MACXC,UAAU,EAAED;IADD;EADuD,CAAZ,CAA9B,CAA5B;EAMA;IACEG,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJC,OAAO,EAAG,GAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiBC,EAAG,QAAOZ,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiBC,EAAG,MAFvD;MAGJC,OAAO,EAAE,YAHL;MAIJC,aAAa,EAAE;IAJX,CADR;IAOEC,WAAW,EAAE;MACX,aAAa;QACXC,OAAO,EAAE,IADE;QAEXC,MAAM,EAAE,MAFG;QAGXC,KAAK,EAAE,CAHI;QAIXL,OAAO,EAAE,OAJE;QAKXP,UAAU,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0Be,KAL3B;QAMXV,QAAQ,EAAE,UANC;QAOXW,GAAG,EAAE,CAPM;QAQXC,IAAI,EAAE;MARK;IADF;EAPf,GAmBKpB,SAnBL,GAoBKM,UApBL;AAsBD,CAnCD;;AAqCA,eAAeR,MAAf"}

package/dist/modern/AssetInventory/ListView/ListViewContext/ListViewContext.js

@@ -0,0 +1,6 @@
+import React from "react";
+const ListViewContext = /*#__PURE__*/React.createContext({});
+export const ListViewContextProvider = ListViewContext.Provider;
+export const ListViewContextConsumer = ListViewContext.Consumer;
+export default ListViewContext;
+//# sourceMappingURL=ListViewContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewContext.js","names":["React","ListViewContext","createContext","ListViewContextProvider","Provider","ListViewContextConsumer","Consumer"],"sources":["../../../../../src/AssetInventory/ListView/ListViewContext/ListViewContext.js"],"sourcesContent":["import React from \"react\";\n\nconst ListViewContext = React.createContext({});\n\nexport const ListViewContextProvider = ListViewContext.Provider;\nexport const ListViewContextConsumer = ListViewContext.Consumer;\nexport default ListViewContext;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,MAAMC,eAAe,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAAxB;AAEA,OAAO,MAAMC,uBAAuB,GAAGF,eAAe,CAACG,QAAhD;AACP,OAAO,MAAMC,uBAAuB,GAAGJ,eAAe,CAACK,QAAhD;AACP,eAAeL,eAAf"}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { ViewConfiguration } from "../../ViewConfiguration";
+
+export interface HvListViewHeaderRowProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLTableSectionElement>,
+    HvListViewHeaderRowClassKey
+  > {
+  /**
+   * This value is provided by the asset inventory list view and contains the styling from the.
+   */
+  viewConfiguration?: ViewConfiguration;
+}
+
+export type HvListViewHeaderRowClassKey = "root" | "headCell";
+
+export default function HvListViewHeaderRow(props: HvListViewHeaderRowProps): JSX.Element | null;

package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js

@@ -0,0 +1,97 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _div;
+
+const _excluded = ["viewConfiguration", "classes", "id", "className"];
+
+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 from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { HvTooltip, HvTypography } from "../../..";
+import styles from "./styles";
+
+const renderHeaderCells = (classes, columnConfiguration) => columnConfiguration.map((configuration, index) => {
+  const keyIndex = `th${index}`;
+  const {
+    cellProps = {},
+    tooltipProps = {}
+  } = configuration;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(classes.headCell, configuration.spacing && classes[configuration.spacing]),
+    style: _objectSpread({
+      textAlign: configuration.align
+    }, configuration.style),
+    id: index,
+    key: keyIndex
+  }, cellProps), /*#__PURE__*/React.createElement(HvTooltip, _extends({}, tooltipProps, {
+    placement: tooltipProps.placement || "top-start",
+    title: tooltipProps.title ? /*#__PURE__*/React.createElement(HvTypography, {
+      variant: "infoText"
+    }, tooltipProps.title) : ""
+  }), /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "labelText"
+  }, configuration.title || "")));
+});
+
+const ListViewHeaderRow = _ref => {
+  let {
+    viewConfiguration,
+    classes,
+    id,
+    className
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    columnConfiguration
+  } = viewConfiguration;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root),
+    id: id
+  }, others), viewConfiguration.isSelectable && (_div || (_div = /*#__PURE__*/React.createElement("div", {
+    "aria-label": "selectable"
+  }))), renderHeaderCells(classes, columnConfiguration));
+};
+
+process.env.NODE_ENV !== "production" ? ListViewHeaderRow.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * This value is provided by the asset inventory list view and contains the styling from the.
+   */
+  viewConfiguration: PropTypes.instanceOf(Object),
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * TODO: add description
+     */
+    headCell: PropTypes.string
+  }).isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvListViewHeaderRow"
+})(ListViewHeaderRow);
+//# sourceMappingURL=ListViewHeaderRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewHeaderRow.js","names":["React","PropTypes","clsx","withStyles","HvTooltip","HvTypography","styles","renderHeaderCells","classes","columnConfiguration","map","configuration","index","keyIndex","cellProps","tooltipProps","headCell","spacing","textAlign","align","style","placement","title","ListViewHeaderRow","viewConfiguration","id","className","others","root","isSelectable","propTypes","string","instanceOf","Object","shape","isRequired","name"],"sources":["../../../../../src/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTooltip, HvTypography } from \"../../..\";\nimport styles from \"./styles\";\n\nconst renderHeaderCells = (classes, columnConfiguration) =>\n  columnConfiguration.map((configuration, index) => {\n    const keyIndex = `th${index}`;\n    const { cellProps = {}, tooltipProps = {} } = configuration;\n\n    return (\n      <div\n        className={clsx(classes.headCell, {\n          [classes[configuration.spacing]]: configuration.spacing,\n        })}\n        style={{ textAlign: configuration.align, ...configuration.style }}\n        id={index}\n        key={keyIndex}\n        {...cellProps}\n      >\n        <HvTooltip\n          {...tooltipProps}\n          placement={tooltipProps.placement || \"top-start\"}\n          title={\n            tooltipProps.title ? (\n              <HvTypography variant=\"infoText\">{tooltipProps.title}</HvTypography>\n            ) : (\n              \"\"\n            )\n          }\n        >\n          <HvTypography variant=\"labelText\">{configuration.title || \"\"}</HvTypography>\n        </HvTooltip>\n      </div>\n    );\n  });\n\nconst ListViewHeaderRow = ({ viewConfiguration, classes, id, className, ...others }) => {\n  const { columnConfiguration } = viewConfiguration;\n\n  return (\n    <div className={clsx(className, classes.root)} id={id} {...others}>\n      {viewConfiguration.isSelectable && <div aria-label=\"selectable\" />}\n      {renderHeaderCells(classes, columnConfiguration)}\n    </div>\n  );\n};\n\nListViewHeaderRow.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * This value is provided by the asset inventory list view and contains the styling from the.\n   */\n  viewConfiguration: PropTypes.instanceOf(Object),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * TODO: add description\n     */\n    headCell: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvListViewHeaderRow\" })(ListViewHeaderRow);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,UAAxC;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,iBAAiB,GAAG,CAACC,OAAD,EAAUC,mBAAV,KACxBA,mBAAmB,CAACC,GAApB,CAAwB,CAACC,aAAD,EAAgBC,KAAhB,KAA0B;EAChD,MAAMC,QAAQ,GAAI,KAAID,KAAM,EAA5B;EACA,MAAM;IAAEE,SAAS,GAAG,EAAd;IAAkBC,YAAY,GAAG;EAAjC,IAAwCJ,aAA9C;EAEA,oBACE;IACE,SAAS,EAAET,IAAI,CAACM,OAAO,CAACQ,QAAT,EACqBL,aAAa,CAACM,OADnC,IACZT,OAAO,CAACG,aAAa,CAACM,OAAf,CADK,CADjB;IAIE,KAAK;MAAIC,SAAS,EAAEP,aAAa,CAACQ;IAA7B,GAAuCR,aAAa,CAACS,KAArD,CAJP;IAKE,EAAE,EAAER,KALN;IAME,GAAG,EAAEC;EANP,GAOMC,SAPN,gBASE,oBAAC,SAAD,eACMC,YADN;IAEE,SAAS,EAAEA,YAAY,CAACM,SAAb,IAA0B,WAFvC;IAGE,KAAK,EACHN,YAAY,CAACO,KAAb,gBACE,oBAAC,YAAD;MAAc,OAAO,EAAC;IAAtB,GAAkCP,YAAY,CAACO,KAA/C,CADF,GAGE;EAPN,iBAWE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAmCX,aAAa,CAACW,KAAd,IAAuB,EAA1D,CAXF,CATF,CADF;AAyBD,CA7BD,CADF;;AAgCA,MAAMC,iBAAiB,GAAG,QAA8D;EAAA,IAA7D;IAAEC,iBAAF;IAAqBhB,OAArB;IAA8BiB,EAA9B;IAAkCC;EAAlC,CAA6D;EAAA,IAAbC,MAAa;;EACtF,MAAM;IAAElB;EAAF,IAA0Be,iBAAhC;EAEA,oBACE;IAAK,SAAS,EAAEtB,IAAI,CAACwB,SAAD,EAAYlB,OAAO,CAACoB,IAApB,CAApB;IAA+C,EAAE,EAAEH;EAAnD,GAA2DE,MAA3D,GACGH,iBAAiB,CAACK,YAAlB,kCAAkC;IAAK,cAAW;EAAhB,EAAlC,EADH,EAEGtB,iBAAiB,CAACC,OAAD,EAAUC,mBAAV,CAFpB,CADF;AAMD,CATD;;AAWA,wCAAAc,iBAAiB,CAACO,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEL,EAAE,EAAExB,SAAS,CAAC8B,MAJc;;EAK5B;AACF;AACA;EACEL,SAAS,EAAEzB,SAAS,CAAC8B,MARO;;EAS5B;AACF;AACA;EACEP,iBAAiB,EAAEvB,SAAS,CAAC+B,UAAV,CAAqBC,MAArB,CAZS;;EAa5B;AACF;AACA;EACEzB,OAAO,EAAEP,SAAS,CAACiC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAE3B,SAAS,CAAC8B,MAJO;;IAKvB;AACJ;AACA;IACIf,QAAQ,EAAEf,SAAS,CAAC8B;EARG,CAAhB,EASNI;AAzByB,CAA9B;AA4BA,eAAehC,UAAU,CAACG,MAAD,EAAS;EAAE8B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDb,iBAApD,CAAf"}

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

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

package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/index.js

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

package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/index.js.map

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

package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/styles.js

@@ -0,0 +1,12 @@
+const styles = {
+  root: {
+    display: "table-row",
+    alignItems: "center",
+    width: "100%"
+  },
+  headCell: {
+    display: "table-cell"
+  }
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","alignItems","width","headCell"],"sources":["../../../../../src/AssetInventory/ListView/ListViewHeaderRow/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"table-row\",\n    alignItems: \"center\",\n    width: \"100%\",\n  },\n  headCell: {\n    display: \"table-cell\",\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE,WADL;IAEJC,UAAU,EAAE,QAFR;IAGJC,KAAK,EAAE;EAHH,CADO;EAMbC,QAAQ,EAAE;IACRH,OAAO,EAAE;EADD;AANG,CAAf;AAWA,eAAeF,MAAf"}