@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1,216 @@
+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", "viewConfiguration", "classes", "renderer", "values", "selectedValues", "metadata", "emptyComponent"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 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,
+    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,
+      justifyContent: "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))));
+};
+
+ListView.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * 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 column configuration.
+     */
+    columnConfiguration: PropTypes.arrayOf(PropTypes.shape({
+      title: PropTypes.String,
+      style: PropTypes.instanceOf(Object)
+    })),
+
+    /**
+     * List of actions to be passed to the cards.
+     */
+    actions: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string.isRequired,
+      label: PropTypes.string.isRequired,
+      icon: PropTypes.oneOfType([PropTypes.node, 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
+  }),
+
+  /**
+   * 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
+  }))
+};
+export default withStyles(styles, {
+  name: "HvListView"
+})(ListView);
+//# sourceMappingURL=ListView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AssetInventory/ListView/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","classes","emptyComponent","others","hasValues","length","renderGridDisplay","containerRef","enhancedViewConfiguration","root","columnConfiguration","tableHead","tableBody","elements","propTypes","string","node","shape","onSelection","func","isSelectable","bool","arrayOf","title","String","style","instanceOf","Object","actions","isRequired","label","icon","oneOfType","disabled","actionsCallback","maxVisibleActions","number","accessor","cellType","oneOf","sortable","sortFunction","searchable","searchFunction","name"],"mappings":"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","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  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 justifyContent=\"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   * 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 column configuration.\n     */\n    columnConfiguration: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.String,\n        style: PropTypes.instanceOf(Object),\n      })\n    ),\n    /**\n     * List of actions to be passed to the cards.\n     */\n    actions: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.oneOfType([PropTypes.node, 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  /**\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"],"file":"ListView.js"}

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

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvListViewCellClassKey = "root" | "semanticBar";
+
+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?:
+    | "sema0"
+    | "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 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));
+};
+
+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(["sema0", "sema1", "sema2", "sema3", "sema4", "sema5", "sema6", "sema7", "sema8", "sema9", "sema10", "sema11", "sema12", "sema13", "sema14", "sema15", "sema16", "sema17", "sema18", "sema19", "atmo1", "atmo2", "atmo3", "atmo4", "atmo5"]),
+  children: PropTypes.node.isRequired
+};
+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,"sources":["../../../../../src/AssetInventory/ListView/ListViewCell/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"],"mappings":"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","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    \"sema0\",\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  ]),\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvListViewCell\" })(ListViewCell);\n"],"file":"ListViewCell.js"}

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,"sources":["../../../../../src/AssetInventory/ListView/ListViewCell/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB","sourcesContent":["export { default } from \"./ListViewCell\";\n"],"file":"index.js"}

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

@@ -0,0 +1,48 @@
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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.hvSpacing("xs", 0, "xs", 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
+      }
+    },
+    sema0: {
+      "&::before": {
+        backgroundColor: theme.palette.atmo4
+      }
+    }
+  }, semantics), atmosphere);
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/AssetInventory/ListView/ListViewCell/styles.js"],"names":["mapValues","styles","theme","semantics","hv","palette","semantic","value","background","atmosphere","root","position","padding","hvSpacing","display","verticalAlign","semanticBar","content","height","width","sema1","top","left","sema0","backgroundColor","atmo4"],"mappings":";;;;;;AAAA,OAAOA,SAAP,MAAsB,kBAAtB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IAAW;AACxB,QAAMC,SAAS,GAAGH,SAAS,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,QAAlB,EAA6BC,KAAD,KAAY;AACjE,iBAAa;AACXC,MAAAA,UAAU,EAAED;AADD;AADoD,GAAZ,CAA5B,CAA3B;AAMA,QAAME,UAAU,GAAGT,SAAS,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAlB,EAA+BF,KAAD,KAAY;AACpE,iBAAa;AACXC,MAAAA,UAAU,EAAED;AADD;AADuD,GAAZ,CAA9B,CAA5B;AAMA;AACEG,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,OAAO,EAAEV,KAAK,CAACW,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,EAAyB,IAAzB,EAA+B,CAA/B,CAFL;AAGJC,MAAAA,OAAO,EAAE,YAHL;AAIJC,MAAAA,aAAa,EAAE;AAJX,KADR;AAOEC,IAAAA,WAAW,EAAE;AACX,mBAAa;AACXC,QAAAA,OAAO,EAAE,IADE;AAEXC,QAAAA,MAAM,EAAE,MAFG;AAGXC,QAAAA,KAAK,EAAE,CAHI;AAIXL,QAAAA,OAAO,EAAE,OAJE;AAKXN,QAAAA,UAAU,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0Bc,KAL3B;AAMXT,QAAAA,QAAQ,EAAE,UANC;AAOXU,QAAAA,GAAG,EAAE,CAPM;AAQXC,QAAAA,IAAI,EAAE;AARK;AADF,KAPf;AAmBEC,IAAAA,KAAK,EAAE;AACL,mBAAa;AACXC,QAAAA,eAAe,EAAEtB,KAAK,CAACG,OAAN,CAAcoB;AADpB;AADR;AAnBT,KAwBKtB,SAxBL,GAyBKM,UAzBL;AA2BD,CAxCD;;AA0CA,eAAeR,MAAf","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.hvSpacing(\"xs\", 0, \"xs\", 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    sema0: {\n      \"&::before\": {\n        backgroundColor: theme.palette.atmo4,\n      },\n    },\n    ...semantics,\n    ...atmosphere,\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}

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,"sources":["../../../../../src/AssetInventory/ListView/ListViewContext/ListViewContext.js"],"names":["React","ListViewContext","createContext","ListViewContextProvider","Provider","ListViewContextConsumer","Consumer"],"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","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"],"file":"ListViewContext.js"}

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 type HvListViewHeaderRowClassKey = "root" | "headCell";
+
+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 default function HvListViewHeaderRow(props: HvListViewHeaderRowProps): JSX.Element | null;

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

@@ -0,0 +1,94 @@
+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 = ["viewConfiguration", "classes", "id", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 === null || configuration === void 0 ? void 0 : 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: "normalText"
+    }, tooltipProps.title) : ""
+  }), /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText"
+  }, 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 && /*#__PURE__*/React.createElement("div", {
+    "aria-label": "selectable"
+  }), renderHeaderCells(classes, columnConfiguration));
+};
+
+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
+};
+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,"sources":["../../../../../src/AssetInventory/ListView/ListViewHeaderRow/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"],"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;AAChD,QAAMC,QAAQ,GAAI,KAAID,KAAM,EAA5B;AACA,QAAM;AAAEE,IAAAA,SAAS,GAAG,EAAd;AAAkBC,IAAAA,YAAY,GAAG;AAAjC,MAAwCJ,aAA9C;AACA,sBACE;AACE,IAAA,SAAS,EAAET,IAAI,CAACM,OAAO,CAACQ,QAAT,EACqBL,aAAa,CAACM,OADnC,IACZT,OAAO,CAACG,aAAa,CAACM,OAAf,CADK,CADjB;AAIE,IAAA,KAAK;AAAIC,MAAAA,SAAS,EAAEP,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAEQ;AAA9B,OAAwCR,aAAa,CAACS,KAAtD,CAJP;AAKE,IAAA,EAAE,EAAER,KALN;AAME,IAAA,GAAG,EAAEC;AANP,KAOMC,SAPN,gBASE,oBAAC,SAAD,eACMC,YADN;AAEE,IAAA,SAAS,EAAEA,YAAY,CAACM,SAAb,IAA0B,WAFvC;AAGE,IAAA,KAAK,EACHN,YAAY,CAACO,KAAb,gBACE,oBAAC,YAAD;AAAc,MAAA,OAAO,EAAC;AAAtB,OAAoCP,YAAY,CAACO,KAAjD,CADF,GAGE;AAPN,mBAWE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAuCX,aAAa,CAACW,KAAd,IAAuB,EAA9D,CAXF,CATF,CADF;AAyBD,CA5BD,CADF;;AA+BA,MAAMC,iBAAiB,GAAG,QAA8D;AAAA,MAA7D;AAAEC,IAAAA,iBAAF;AAAqBhB,IAAAA,OAArB;AAA8BiB,IAAAA,EAA9B;AAAkCC,IAAAA;AAAlC,GAA6D;AAAA,MAAbC,MAAa;;AACtF,QAAM;AAAElB,IAAAA;AAAF,MAA0Be,iBAAhC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEtB,IAAI,CAACwB,SAAD,EAAYlB,OAAO,CAACoB,IAApB,CAApB;AAA+C,IAAA,EAAE,EAAEH;AAAnD,KAA2DE,MAA3D,GACGH,iBAAiB,CAACK,YAAlB,iBAAkC;AAAK,kBAAW;AAAhB,IADrC,EAEGtB,iBAAiB,CAACC,OAAD,EAAUC,mBAAV,CAFpB,CADF;AAMD,CATD;;AAWAc,iBAAiB,CAACO,SAAlB,GAA8B;AAC5B;AACF;AACA;AACEL,EAAAA,EAAE,EAAExB,SAAS,CAAC8B,MAJc;;AAK5B;AACF;AACA;AACEL,EAAAA,SAAS,EAAEzB,SAAS,CAAC8B,MARO;;AAS5B;AACF;AACA;AACEP,EAAAA,iBAAiB,EAAEvB,SAAS,CAAC+B,UAAV,CAAqBC,MAArB,CAZS;;AAa5B;AACF;AACA;AACEzB,EAAAA,OAAO,EAAEP,SAAS,CAACiC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAE3B,SAAS,CAAC8B,MAJO;;AAKvB;AACJ;AACA;AACIf,IAAAA,QAAQ,EAAEf,SAAS,CAAC8B;AARG,GAAhB,EASNI;AAzByB,CAA9B;AA4BA,eAAehC,UAAU,CAACG,MAAD,EAAS;AAAE8B,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDb,iBAApD,CAAf","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    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=\"normalText\">{tooltipProps.title}</HvTypography>\n            ) : (\n              \"\"\n            )\n          }\n        >\n          <HvTypography variant=\"highlightText\">{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"],"file":"ListViewHeaderRow.js"}

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,"sources":["../../../../../src/AssetInventory/ListView/ListViewHeaderRow/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB","sourcesContent":["export { default } from \"./ListViewHeaderRow\";\n"],"file":"index.js"}

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,"sources":["../../../../../src/AssetInventory/ListView/ListViewHeaderRow/styles.js"],"names":["styles","root","display","alignItems","width","headCell"],"mappings":"AAAA,MAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,WADL;AAEJC,IAAAA,UAAU,EAAE,QAFR;AAGJC,IAAAA,KAAK,EAAE;AAHH,GADO;AAMbC,EAAAA,QAAQ,EAAE;AACRH,IAAAA,OAAO,EAAE;AADD;AANG,CAAf;AAWA,eAAeF,MAAf","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"],"file":"styles.js"}