@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1,60 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { ListViewConfiguration } from "..";
+import { HvCheckBoxProps } from "../../..";
+
+export interface HvListViewRowProps
+  extends StandardProps<React.HTMLAttributes<HTMLTableSectionElement>, HvListViewRowClassKey> {
+  /**
+   * This value is provided by the asset inventory list view and contains necessary configurations for the columns.
+   */
+  viewConfiguration?: ListViewConfiguration;
+  /**
+   *  The function that will be executed when the row is selected.
+   */
+  onSelection?: (event: React.FormEvent<HTMLDivElement>) => void;
+  /**
+   *  ´true´ if the checkbox is selected or ´false´ if not selected.
+   *
+   *  Note: if this value is specified the checkbox becomes a controlled component and it's state should be set from outside.
+   */
+  checked?: boolean;
+  /**
+   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the
+   * HvCheckbox API.
+   */
+  checkboxProps?: HvCheckBoxProps;
+  /**
+   *  The border to the right of the checkbox
+   */
+  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 HvListViewRowClassKey = "root";
+
+export default function HvListViewRow(props: HvListViewRowProps): JSX.Element | null;

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

@@ -0,0 +1,174 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["id", "viewConfiguration", "classes", "className", "children", "isSelectable", "onSelection", "checkboxProps", "checked", "semantic"];
+
+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 map from "lodash/map";
+import isNil from "lodash/isNil";
+import { withStyles } from "@material-ui/core";
+import HvCheckbox from "../../../Selectors/CheckBox";
+import Actions from "../../../Actions";
+import Cell from "../ListViewCell";
+import { ListViewContextConsumer } from "../ListViewContext/ListViewContext";
+import styles from "./styles";
+import withId from "../../../withId";
+import setActionsId from "../../setActionsId";
+import Focus from "../../../Focus";
+
+const getValue = checkboxProps => checkboxProps && checkboxProps.value ? checkboxProps.value : false;
+
+const selectCell = (classes, onCheckboxSelected, checkboxProps, checked, semantic, id) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.selectCell,
+    semantic: semantic,
+    id: `checkbox-cell-${id}`,
+    key: `checkbox${id}`
+  }, /*#__PURE__*/React.createElement(HvCheckbox, _extends({
+    className: classes.checkboxPlacement,
+    onChange: onCheckboxSelected,
+    checked: checked,
+    id: `checkbox-${id}`
+  }, checkboxProps)));
+};
+
+const actionsCell = (classes, id, viewConfiguration) => {
+  return /*#__PURE__*/React.createElement(Cell, {
+    className: classes.actionSeparator,
+    id: `action-cell-${id}`,
+    key: `action${id}`
+  }, /*#__PURE__*/React.createElement(Actions, {
+    id: id,
+    actions: setActionsId(viewConfiguration.actions, id),
+    actionsCallback: viewConfiguration.actionsCallback,
+    maxVisibleActions: viewConfiguration.maxVisibleActions
+  }));
+};
+
+const row = (viewConfiguration, classes, className, children, id, isSelectable, onSelection, checkboxProps, checked, semantic, containerRef, others) => {
+  const columnConfiguration = isNil(viewConfiguration) || isNil(viewConfiguration.columnConfiguration) ? null : viewConfiguration.columnConfiguration;
+  const onCheckboxSelected = isNil(viewConfiguration) || isNil(viewConfiguration.onSelection) ? onSelection : viewConfiguration.onSelection;
+  let renderSelectCell = !isNil(isSelectable);
+  renderSelectCell = isNil(viewConfiguration) || isNil(viewConfiguration.isSelectable) ? renderSelectCell : viewConfiguration.isSelectable;
+  const renderActionsCell = !(isNil(viewConfiguration) || isNil(viewConfiguration.actions));
+  const clonedChildren = map(children, (child, index) => {
+    if (!isNil(columnConfiguration)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        style: _objectSpread({}, columnConfiguration[index].style),
+        cellSpacing: columnConfiguration[index].spacing,
+        columnIndex: index
+      });
+    }
+
+    return child;
+  });
+  return /*#__PURE__*/React.createElement(Focus, {
+    rootRef: containerRef,
+    key: `row-${id}`,
+    strategy: "grid",
+    filterClass: "grid",
+    navigationJump: 1,
+    focusDisabled: false
+  }, /*#__PURE__*/React.createElement("li", _extends({
+    id: `row-${id}`,
+    key: `row-${id}`,
+    className: clsx(className, classes.root, renderSelectCell ? classes.selectable : classes.notSelectable, checked && classes.selected)
+  }, others), renderSelectCell && selectCell(classes, onCheckboxSelected, checkboxProps, checked, semantic, id), clonedChildren, renderActionsCell && actionsCell(classes, getValue(checkboxProps) || id, viewConfiguration)));
+};
+
+const ListViewRow = _ref => {
+  let {
+    id,
+    viewConfiguration,
+    classes,
+    className,
+    children,
+    isSelectable,
+    onSelection,
+    checkboxProps,
+    checked,
+    semantic
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(ListViewContextConsumer, null, contextConfiguration => {
+    const {
+      containerRef
+    } = contextConfiguration;
+
+    if (contextConfiguration && isNil(viewConfiguration)) {
+      return row(contextConfiguration, classes, className, children, id, isSelectable, onSelection, checkboxProps, checked, semantic, containerRef, others);
+    }
+
+    return row(viewConfiguration, classes, className, children, id, isSelectable, onSelection, checkboxProps, checked, semantic, containerRef, others);
+  });
+};
+
+process.env.NODE_ENV !== "production" ? ListViewRow.propTypes = {
+  /**
+   * 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,
+
+  /**
+   * This value is provided by the asset inventory list view and contains necessary configurations for the columns.
+   */
+  viewConfiguration: PropTypes.instanceOf(Object),
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root class.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The content inside the row.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   *  The function that will be executed when the row is selected.
+   */
+  onSelection: PropTypes.func,
+
+  /**
+   * ´true´ if the row should have a checkbox in the the left part to be selectable ´false´ if it is not required.
+   */
+  isSelectable: PropTypes.bool,
+
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   * note: if this value is specified the state of the checkbox must be managed
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the
+   * HvCheckbox API.
+   */
+  checkboxProps: PropTypes.instanceOf(Object),
+
+  /**
+   *  The border to the right of the checkbox
+   */
+  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"])
+} : void 0;
+export default withStyles(styles, {
+  name: "HvListViewRow"
+})(withId(ListViewRow));
+//# sourceMappingURL=ListViewRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewRow.js","names":["React","PropTypes","clsx","map","isNil","withStyles","HvCheckbox","Actions","Cell","ListViewContextConsumer","styles","withId","setActionsId","Focus","getValue","checkboxProps","value","selectCell","classes","onCheckboxSelected","checked","semantic","id","checkboxPlacement","actionsCell","viewConfiguration","actionSeparator","actions","actionsCallback","maxVisibleActions","row","className","children","isSelectable","onSelection","containerRef","others","columnConfiguration","renderSelectCell","renderActionsCell","clonedChildren","child","index","cloneElement","style","cellSpacing","spacing","columnIndex","root","selectable","notSelectable","selected","ListViewRow","contextConfiguration","propTypes","string","instanceOf","Object","shape","isRequired","node","func","bool","oneOf","name"],"sources":["../../../../../src/AssetInventory/ListView/ListViewRow/ListViewRow.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport map from \"lodash/map\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvCheckbox from \"../../../Selectors/CheckBox\";\nimport Actions from \"../../../Actions\";\nimport Cell from \"../ListViewCell\";\nimport { ListViewContextConsumer } from \"../ListViewContext/ListViewContext\";\nimport styles from \"./styles\";\nimport withId from \"../../../withId\";\nimport setActionsId from \"../../setActionsId\";\nimport Focus from \"../../../Focus\";\n\nconst getValue = (checkboxProps) =>\n  checkboxProps && checkboxProps.value ? checkboxProps.value : false;\n\nconst selectCell = (classes, onCheckboxSelected, checkboxProps, checked, semantic, id) => {\n  return (\n    <div\n      className={classes.selectCell}\n      semantic={semantic}\n      id={`checkbox-cell-${id}`}\n      key={`checkbox${id}`}\n    >\n      <HvCheckbox\n        className={classes.checkboxPlacement}\n        onChange={onCheckboxSelected}\n        checked={checked}\n        id={`checkbox-${id}`}\n        {...checkboxProps}\n      />\n    </div>\n  );\n};\n\nconst actionsCell = (classes, id, viewConfiguration) => {\n  return (\n    <Cell className={classes.actionSeparator} id={`action-cell-${id}`} key={`action${id}`}>\n      <Actions\n        id={id}\n        actions={setActionsId(viewConfiguration.actions, id)}\n        actionsCallback={viewConfiguration.actionsCallback}\n        maxVisibleActions={viewConfiguration.maxVisibleActions}\n      />\n    </Cell>\n  );\n};\n\nconst row = (\n  viewConfiguration,\n  classes,\n  className,\n  children,\n  id,\n  isSelectable,\n  onSelection,\n  checkboxProps,\n  checked,\n  semantic,\n  containerRef,\n  others\n) => {\n  const columnConfiguration =\n    isNil(viewConfiguration) || isNil(viewConfiguration.columnConfiguration)\n      ? null\n      : viewConfiguration.columnConfiguration;\n  const onCheckboxSelected =\n    isNil(viewConfiguration) || isNil(viewConfiguration.onSelection)\n      ? onSelection\n      : viewConfiguration.onSelection;\n  let renderSelectCell = !isNil(isSelectable);\n  renderSelectCell =\n    isNil(viewConfiguration) || isNil(viewConfiguration.isSelectable)\n      ? renderSelectCell\n      : viewConfiguration.isSelectable;\n  const renderActionsCell = !(isNil(viewConfiguration) || isNil(viewConfiguration.actions));\n  const clonedChildren = map(children, (child, index) => {\n    if (!isNil(columnConfiguration)) {\n      return React.cloneElement(child, {\n        style: {\n          ...columnConfiguration[index].style,\n        },\n        cellSpacing: columnConfiguration[index].spacing,\n        columnIndex: index,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <Focus\n      rootRef={containerRef}\n      key={`row-${id}`}\n      strategy=\"grid\"\n      filterClass=\"grid\"\n      navigationJump={1}\n      focusDisabled={false}\n    >\n      <li\n        id={`row-${id}`}\n        key={`row-${id}`}\n        className={clsx(className, classes.root, {\n          [classes.selectable]: renderSelectCell,\n          [classes.selected]: checked,\n          [classes.notSelectable]: !renderSelectCell,\n        })}\n        {...others}\n      >\n        {renderSelectCell &&\n          selectCell(classes, onCheckboxSelected, checkboxProps, checked, semantic, id)}\n        {clonedChildren}\n        {renderActionsCell &&\n          actionsCell(classes, getValue(checkboxProps) || id, viewConfiguration)}\n      </li>\n    </Focus>\n  );\n};\n\nconst ListViewRow = ({\n  id,\n  viewConfiguration,\n  classes,\n  className,\n  children,\n  isSelectable,\n  onSelection,\n  checkboxProps,\n  checked,\n  semantic,\n  ...others\n}) => {\n  return (\n    <ListViewContextConsumer>\n      {(contextConfiguration) => {\n        const { containerRef } = contextConfiguration;\n        if (contextConfiguration && isNil(viewConfiguration)) {\n          return row(\n            contextConfiguration,\n            classes,\n            className,\n            children,\n            id,\n            isSelectable,\n            onSelection,\n            checkboxProps,\n            checked,\n            semantic,\n            containerRef,\n            others\n          );\n        }\n        return row(\n          viewConfiguration,\n          classes,\n          className,\n          children,\n          id,\n          isSelectable,\n          onSelection,\n          checkboxProps,\n          checked,\n          semantic,\n          containerRef,\n          others\n        );\n      }}\n    </ListViewContextConsumer>\n  );\n};\n\nListViewRow.propTypes = {\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   * This value is provided by the asset inventory list view and contains necessary configurations for the columns.\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 root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * The content inside the row.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The function that will be executed when the row is selected.\n   */\n  onSelection: PropTypes.func,\n  /**\n   * ´true´ if the row should have a checkbox in the the left part to be selectable ´false´ if it is not required.\n   */\n  isSelectable: PropTypes.bool,\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   * note: if this value is specified the state of the checkbox must be managed\n   */\n  checked: PropTypes.bool,\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps: PropTypes.instanceOf(Object),\n  /**\n   *  The border to the right of the checkbox\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};\n\nexport default withStyles(styles, { name: \"HvListViewRow\" })(withId(ListViewRow));\n"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1,58 @@
+const styles = theme => ({
+  selectCell: {
+    width: "32px",
+    display: "table-cell",
+    verticalAlign: "middle"
+  },
+  root: {
+    background: theme.hv.palette.atmosphere.atmo1,
+    display: "table-row"
+  },
+  button: {
+    padding: `0 ${theme.hv.spacing.xs}px`,
+    marginRight: `${theme.hv.spacing.xs}px`,
+    position: "relative"
+  },
+  dropdownMenu: {
+    position: "relative"
+  },
+  selectable: {
+    cursor: "pointer",
+    "&:hover": {
+      outline: `1px solid ${theme.hv.palette.atmosphere.atmo6}`
+    }
+  },
+  selected: {
+    outline: `1px solid ${theme.hv.palette.accent.acce1}`,
+    "&:hover": {
+      outline: `1px solid ${theme.hv.palette.accent.acce1}`
+    }
+  },
+  actionSeparator: {
+    width: 1,
+    whiteSpace: "nowrap",
+    alignItems: "center",
+    paddingLeft: `${theme.hv.spacing.xs}px`,
+    paddingRight: `${theme.hv.spacing.xs}px`,
+    "&::before": {
+      content: "''",
+      height: "100%",
+      width: 2,
+      display: "block",
+      background: theme.hv.palette.atmosphere.atmo2,
+      position: "absolute",
+      top: 0,
+      left: 0
+    },
+    "& > button": {
+      float: "right"
+    }
+  },
+  checkboxPlacement: {
+    display: "flex",
+    justifyContent: "center"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","selectCell","width","display","verticalAlign","root","background","hv","palette","atmosphere","atmo1","button","padding","spacing","xs","marginRight","position","dropdownMenu","selectable","cursor","outline","atmo6","selected","accent","acce1","actionSeparator","whiteSpace","alignItems","paddingLeft","paddingRight","content","height","atmo2","top","left","float","checkboxPlacement","justifyContent"],"sources":["../../../../../src/AssetInventory/ListView/ListViewRow/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  selectCell: {\n    width: \"32px\",\n    display: \"table-cell\",\n    verticalAlign: \"middle\",\n  },\n  root: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    display: \"table-row\",\n  },\n  button: {\n    padding: `0 ${theme.hv.spacing.xs}px`,\n    marginRight: `${theme.hv.spacing.xs}px`,\n    position: \"relative\",\n  },\n  dropdownMenu: {\n    position: \"relative\",\n  },\n  selectable: {\n    cursor: \"pointer\",\n    \"&:hover\": {\n      outline: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n  },\n  selected: {\n    outline: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&:hover\": {\n      outline: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  actionSeparator: {\n    width: 1,\n    whiteSpace: \"nowrap\",\n    alignItems: \"center\",\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n    paddingRight: `${theme.hv.spacing.xs}px`,\n    \"&::before\": {\n      content: \"''\",\n      height: \"100%\",\n      width: 2,\n      display: \"block\",\n      background: theme.hv.palette.atmosphere.atmo2,\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n    },\n    \"& > button\": {\n      float: \"right\",\n    },\n  },\n  checkboxPlacement: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVC,KAAK,EAAE,MADG;IAEVC,OAAO,EAAE,YAFC;IAGVC,aAAa,EAAE;EAHL,CADa;EAMzBC,IAAI,EAAE;IACJC,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADpC;IAEJP,OAAO,EAAE;EAFL,CANmB;EAUzBQ,MAAM,EAAE;IACNC,OAAO,EAAG,KAAIZ,KAAK,CAACO,EAAN,CAASM,OAAT,CAAiBC,EAAG,IAD5B;IAENC,WAAW,EAAG,GAAEf,KAAK,CAACO,EAAN,CAASM,OAAT,CAAiBC,EAAG,IAF9B;IAGNE,QAAQ,EAAE;EAHJ,CAViB;EAezBC,YAAY,EAAE;IACZD,QAAQ,EAAE;EADE,CAfW;EAkBzBE,UAAU,EAAE;IACVC,MAAM,EAAE,SADE;IAEV,WAAW;MACTC,OAAO,EAAG,aAAYpB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BY,KAAM;IAD/C;EAFD,CAlBa;EAwBzBC,QAAQ,EAAE;IACRF,OAAO,EAAG,aAAYpB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBe,MAAjB,CAAwBC,KAAM,EAD5C;IAER,WAAW;MACTJ,OAAO,EAAG,aAAYpB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBe,MAAjB,CAAwBC,KAAM;IAD3C;EAFH,CAxBe;EA8BzBC,eAAe,EAAE;IACfvB,KAAK,EAAE,CADQ;IAEfwB,UAAU,EAAE,QAFG;IAGfC,UAAU,EAAE,QAHG;IAIfC,WAAW,EAAG,GAAE5B,KAAK,CAACO,EAAN,CAASM,OAAT,CAAiBC,EAAG,IAJrB;IAKfe,YAAY,EAAG,GAAE7B,KAAK,CAACO,EAAN,CAASM,OAAT,CAAiBC,EAAG,IALtB;IAMf,aAAa;MACXgB,OAAO,EAAE,IADE;MAEXC,MAAM,EAAE,MAFG;MAGX7B,KAAK,EAAE,CAHI;MAIXC,OAAO,EAAE,OAJE;MAKXG,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BuB,KAL7B;MAMXhB,QAAQ,EAAE,UANC;MAOXiB,GAAG,EAAE,CAPM;MAQXC,IAAI,EAAE;IARK,CANE;IAgBf,cAAc;MACZC,KAAK,EAAE;IADK;EAhBC,CA9BQ;EAkDzBC,iBAAiB,EAAE;IACjBjC,OAAO,EAAE,MADQ;IAEjBkC,cAAc,EAAE;EAFC;AAlDM,CAAZ,CAAf;;AAwDA,eAAetC,MAAf"}

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

@@ -0,0 +1,11 @@
+export { default } from "./ListView";
+export * from "./ListView";
+
+export { default as HvListViewCell } from "./ListViewCell";
+export * from "./ListViewCell";
+
+export { default as HvListViewHeaderRow } from "./ListViewHeaderRow";
+export * from "./ListViewHeaderRow";
+
+export { default as HvListViewRow } from "./ListViewRow";
+export * from "./ListViewRow";

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

@@ -0,0 +1,8 @@
+import ListViewContext, { ListViewContextProvider, ListViewContextConsumer } from "./ListViewContext/ListViewContext";
+export { default } from "./ListView";
+export { default as HvListViewRow } from "./ListViewRow";
+export { default as HvListViewCell } from "./ListViewCell";
+export { ListViewContext as HvListViewContext };
+export { ListViewContextProvider as HvListViewContextProvider };
+export { ListViewContextConsumer as HvListViewContextConsumer };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ListViewContext","ListViewContextProvider","ListViewContextConsumer","default","HvListViewRow","HvListViewCell","HvListViewContext","HvListViewContextProvider","HvListViewContextConsumer"],"sources":["../../../../src/AssetInventory/ListView/index.js"],"sourcesContent":["import ListViewContext, {\n  ListViewContextProvider,\n  ListViewContextConsumer,\n} from \"./ListViewContext/ListViewContext\";\n\nexport { default } from \"./ListView\";\nexport { default as HvListViewRow } from \"./ListViewRow\";\nexport { default as HvListViewCell } from \"./ListViewCell\";\nexport { ListViewContext as HvListViewContext };\nexport { ListViewContextProvider as HvListViewContextProvider };\nexport { ListViewContextConsumer as HvListViewContextConsumer };\n"],"mappings":"AAAA,OAAOA,eAAP,IACEC,uBADF,EAEEC,uBAFF,QAGO,mCAHP;AAKA,SAASC,OAAT,QAAwB,YAAxB;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,eAAzC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASL,eAAe,IAAIM,iBAA5B;AACA,SAASL,uBAAuB,IAAIM,yBAApC;AACA,SAASL,uBAAuB,IAAIM,yBAApC"}

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

@@ -0,0 +1,20 @@
+const styles = theme => ({
+  root: {
+    borderSpacing: `0 ${theme.hv.spacing.xs}px`,
+    width: "100%",
+    display: "table"
+  },
+  listFocusContainer: {
+    background: theme.hv.palette.atmosphere.atmo1,
+    display: "table-row"
+  },
+  tableBody: {
+    display: "table-row-group"
+  },
+  tableHead: {
+    display: "table-header-group"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","borderSpacing","hv","spacing","xs","width","display","listFocusContainer","background","palette","atmosphere","atmo1","tableBody","tableHead"],"sources":["../../../../src/AssetInventory/ListView/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    borderSpacing: `0 ${theme.hv.spacing.xs}px`,\n    width: \"100%\",\n    display: \"table\",\n  },\n  listFocusContainer: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    display: \"table-row\",\n  },\n  tableBody: {\n    display: \"table-row-group\",\n  },\n  tableHead: {\n    display: \"table-header-group\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,aAAa,EAAG,KAAIF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAG,IADpC;IAEJC,KAAK,EAAE,MAFH;IAGJC,OAAO,EAAE;EAHL,CADmB;EAMzBC,kBAAkB,EAAE;IAClBC,UAAU,EAAET,KAAK,CAACG,EAAN,CAASO,OAAT,CAAiBC,UAAjB,CAA4BC,KADtB;IAElBL,OAAO,EAAE;EAFS,CANK;EAUzBM,SAAS,EAAE;IACTN,OAAO,EAAE;EADA,CAVc;EAazBO,SAAS,EAAE;IACTP,OAAO,EAAE;EADA;AAbc,CAAZ,CAAf;;AAkBA,eAAeR,MAAf"}

package/dist/modern/AssetInventory/Multibutton/Multibutton.js

@@ -0,0 +1,42 @@
+import "core-js/modules/es.string.replace.js";
+import React, { memo } from "react";
+import PropTypes from "prop-types";
+import MultiButton from "../../MultiButton";
+import { setId } from "../../utils/setId";
+
+const AssetMultiButton = ({
+  id,
+  views,
+  changeView,
+  onViewChange = null
+}) => {
+  const onChangeViewHandler = (event, buttonId) => {
+    const ids = buttonId;
+    ids[0] = buttonId[0].replace("-button", "");
+    changeView(event, ids);
+    onViewChange(event, ids);
+  };
+
+  return /*#__PURE__*/React.createElement(MultiButton, {
+    id: setId(id, "multi-button"),
+    buttons: views,
+    type: "icon",
+    onChange: onChangeViewHandler,
+    minSelection: 1
+  });
+};
+
+process.env.NODE_ENV !== "production" ? AssetMultiButton.propTypes = {
+  id: PropTypes.string,
+  views: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    icon: PropTypes.node
+  })).isRequired,
+  changeView: PropTypes.func.isRequired,
+  onViewChange: PropTypes.func
+} : void 0;
+
+const arePropsEqual = (prevProps, nextProps) => prevProps.views === nextProps.views;
+
+export default /*#__PURE__*/memo(AssetMultiButton, arePropsEqual);
+//# sourceMappingURL=Multibutton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Multibutton.js","names":["React","memo","PropTypes","MultiButton","setId","AssetMultiButton","id","views","changeView","onViewChange","onChangeViewHandler","event","buttonId","ids","replace","propTypes","string","arrayOf","shape","icon","node","isRequired","func","arePropsEqual","prevProps","nextProps"],"sources":["../../../../src/AssetInventory/Multibutton/Multibutton.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport MultiButton from \"../../MultiButton\";\nimport { setId } from \"../../utils/setId\";\n\nconst AssetMultiButton = ({ id, views, changeView, onViewChange = null }) => {\n  const onChangeViewHandler = (event, buttonId) => {\n    const ids = buttonId;\n    ids[0] = buttonId[0].replace(\"-button\", \"\");\n    changeView(event, ids);\n    onViewChange(event, ids);\n  };\n\n  return (\n    <MultiButton\n      id={setId(id, \"multi-button\")}\n      buttons={views}\n      type=\"icon\"\n      onChange={onChangeViewHandler}\n      minSelection={1}\n    />\n  );\n};\n\nAssetMultiButton.propTypes = {\n  id: PropTypes.string,\n  views: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      icon: PropTypes.node,\n    })\n  ).isRequired,\n  changeView: PropTypes.func.isRequired,\n  onViewChange: PropTypes.func,\n};\n\nconst arePropsEqual = (prevProps, nextProps) => prevProps.views === nextProps.views;\n\nexport default memo(AssetMultiButton, arePropsEqual);\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,mBAAxB;AACA,SAASC,KAAT,QAAsB,mBAAtB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,EAAF;EAAMC,KAAN;EAAaC,UAAb;EAAyBC,YAAY,GAAG;AAAxC,CAAD,KAAoD;EAC3E,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQC,QAAR,KAAqB;IAC/C,MAAMC,GAAG,GAAGD,QAAZ;IACAC,GAAG,CAAC,CAAD,CAAH,GAASD,QAAQ,CAAC,CAAD,CAAR,CAAYE,OAAZ,CAAoB,SAApB,EAA+B,EAA/B,CAAT;IACAN,UAAU,CAACG,KAAD,EAAQE,GAAR,CAAV;IACAJ,YAAY,CAACE,KAAD,EAAQE,GAAR,CAAZ;EACD,CALD;;EAOA,oBACE,oBAAC,WAAD;IACE,EAAE,EAAET,KAAK,CAACE,EAAD,EAAK,cAAL,CADX;IAEE,OAAO,EAAEC,KAFX;IAGE,IAAI,EAAC,MAHP;IAIE,QAAQ,EAAEG,mBAJZ;IAKE,YAAY,EAAE;EALhB,EADF;AASD,CAjBD;;AAmBA,wCAAAL,gBAAgB,CAACU,SAAjB,GAA6B;EAC3BT,EAAE,EAAEJ,SAAS,CAACc,MADa;EAE3BT,KAAK,EAAEL,SAAS,CAACe,OAAV,CACLf,SAAS,CAACgB,KAAV,CAAgB;IACdZ,EAAE,EAAEJ,SAAS,CAACc,MADA;IAEdG,IAAI,EAAEjB,SAAS,CAACkB;EAFF,CAAhB,CADK,EAKLC,UAPyB;EAQ3Bb,UAAU,EAAEN,SAAS,CAACoB,IAAV,CAAeD,UARA;EAS3BZ,YAAY,EAAEP,SAAS,CAACoB;AATG,CAA7B;;AAYA,MAAMC,aAAa,GAAG,CAACC,SAAD,EAAYC,SAAZ,KAA0BD,SAAS,CAACjB,KAAV,KAAoBkB,SAAS,CAAClB,KAA9E;;AAEA,4BAAeN,IAAI,CAACI,gBAAD,EAAmBkB,aAAnB,CAAnB"}

package/dist/modern/AssetInventory/Search/Search.js

@@ -0,0 +1,122 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "labels", "searchString", "onFilter", "onSearch", "values", "metadata"];
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React from "react";
+import PropTypes from "prop-types";
+import get from "lodash/get";
+import SearchBox from "../../SearchBox";
+
+const searchOperationSetup = (metadata = []) => metadata.filter(element => element.searchable);
+
+const filter = (value, criteria, searchValue) => {
+  const evalValue = get(value, criteria.accessor);
+  if (criteria.searchFunction) return criteria.searchFunction(evalValue, searchValue);
+
+  switch (criteria.cellType.toUpperCase()) {
+    case "NUMERIC":
+      return evalValue.toString().includes(searchValue.toString());
+
+    case "ALPHA-NUMERIC":
+      return evalValue.toUpperCase().includes(searchValue.toUpperCase());
+
+    case "DATE":
+      return new Date(evalValue).getTime() === new Date(searchValue).getTime();
+
+    default:
+      return value === searchValue;
+  }
+};
+
+const searchOperation = (searchValue, values, searchableCriteria) => {
+  const filteredValues = [];
+  searchableCriteria.forEach(criteria => {
+    values.forEach(value => {
+      if (filter(value, criteria, searchValue) && !filteredValues.includes(value)) filteredValues.push(value);
+    });
+  });
+  return filteredValues;
+};
+
+const Search = _ref => {
+  let {
+    id = undefined,
+    labels,
+    searchString = undefined,
+    onFilter,
+    onSearch = null,
+    values,
+    metadata
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const searchableCriteria = searchOperationSetup(metadata);
+
+  const handler = (event, value) => {
+    const filteredResults = searchOperation(value, values, searchableCriteria);
+    onFilter(filteredResults, value);
+    return value;
+  };
+
+  return /*#__PURE__*/React.createElement(SearchBox, _extends({
+    id: `search_${id}`,
+    labels: labels,
+    value: searchString,
+    onChange: onSearch || handler,
+    role: "search"
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Search.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Data passed to the component.
+   */
+  values: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string
+  })).isRequired,
+
+  /**
+   * Labels.
+   */
+  labels: PropTypes.shape({
+    sortBy: PropTypes.string
+  }).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
+  })).isRequired,
+
+  /**
+   * Callback function returning the filtered data.
+   */
+  onFilter: PropTypes.func.isRequired,
+
+  /**
+   * onSearch callback.
+   */
+  onSearch: PropTypes.func,
+
+  /**
+   * Search string
+   */
+  searchString: PropTypes.string
+} : void 0;
+export default Search;
+export { searchOperation, filter, searchOperationSetup };
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","names":["React","PropTypes","get","SearchBox","searchOperationSetup","metadata","filter","element","searchable","value","criteria","searchValue","evalValue","accessor","searchFunction","cellType","toUpperCase","toString","includes","Date","getTime","searchOperation","values","searchableCriteria","filteredValues","forEach","push","Search","id","undefined","labels","searchString","onFilter","onSearch","others","handler","event","filteredResults","propTypes","string","arrayOf","shape","isRequired","sortBy","title","oneOf","sortable","bool","sortFunction","func"],"sources":["../../../../src/AssetInventory/Search/Search.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport get from \"lodash/get\";\nimport SearchBox from \"../../SearchBox\";\n\nconst searchOperationSetup = (metadata = []) => metadata.filter((element) => element.searchable);\n\nconst filter = (value, criteria, searchValue) => {\n  const evalValue = get(value, criteria.accessor);\n\n  if (criteria.searchFunction) return criteria.searchFunction(evalValue, searchValue);\n\n  switch (criteria.cellType.toUpperCase()) {\n    case \"NUMERIC\":\n      return evalValue.toString().includes(searchValue.toString());\n    case \"ALPHA-NUMERIC\":\n      return evalValue.toUpperCase().includes(searchValue.toUpperCase());\n    case \"DATE\":\n      return new Date(evalValue).getTime() === new Date(searchValue).getTime();\n    default:\n      return value === searchValue;\n  }\n};\n\nconst searchOperation = (searchValue, values, searchableCriteria) => {\n  const filteredValues = [];\n\n  searchableCriteria.forEach((criteria) => {\n    values.forEach((value) => {\n      if (filter(value, criteria, searchValue) && !filteredValues.includes(value))\n        filteredValues.push(value);\n    });\n  });\n\n  return filteredValues;\n};\n\nconst Search = ({\n  id = undefined,\n  labels,\n  searchString = undefined,\n  onFilter,\n  onSearch = null,\n  values,\n  metadata,\n  ...others\n}) => {\n  const searchableCriteria = searchOperationSetup(metadata);\n\n  const handler = (event, value) => {\n    const filteredResults = searchOperation(value, values, searchableCriteria);\n    onFilter(filteredResults, value);\n    return value;\n  };\n\n  return (\n    <SearchBox\n      id={`search_${id}`}\n      labels={labels}\n      value={searchString}\n      onChange={onSearch || handler}\n      role=\"search\"\n      {...others}\n    />\n  );\n};\n\nSearch.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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    sortBy: PropTypes.string,\n  }).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  ).isRequired,\n  /**\n   * Callback function returning the filtered data.\n   */\n  onFilter: PropTypes.func.isRequired,\n  /**\n   * onSearch callback.\n   */\n  onSearch: PropTypes.func,\n  /**\n   * Search string\n   */\n  searchString: PropTypes.string,\n};\n\nexport default Search;\nexport { searchOperation, filter, searchOperationSetup };\n"],"mappings":"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"}