@hitachivantara/uikit-react-core 3.52.5

package/dist/ActionsGeneric/ActionsGeneric.js

@@ -0,0 +1,211 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "classes", "className", "category", "disabled", "actions", "actionsCallback", "maxVisibleActions"],
+    _excluded2 = ["disabled", "icon", "label"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ActionsGeneric = function ActionsGeneric(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      className = _ref.className,
+      _ref$category = _ref.category,
+      category = _ref$category === void 0 ? "ghost" : _ref$category,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? [] : _ref$actions,
+      actionsCallback = _ref.actionsCallback,
+      _ref$maxVisibleAction = _ref.maxVisibleActions,
+      maxVisibleActions = _ref$maxVisibleAction === void 0 ? Infinity : _ref$maxVisibleAction,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  if (!Array.isArray(actions)) return /*#__PURE__*/(0, _react.isValidElement)(actions) ? actions : null;
+
+  var renderButton = function renderButton(action, idx) {
+    var actDisabled = action.disabled,
+        icon = action.icon,
+        label = action.label,
+        other = (0, _objectWithoutProperties2.default)(action, _excluded2);
+    var actionId = (0, _.setId)(id, idx, "action", action.id);
+    var renderedIcon = /*#__PURE__*/(0, _react.isValidElement)(icon) ? icon : icon === null || icon === void 0 ? void 0 : icon({
+      isDisabled: disabled
+    });
+    return /*#__PURE__*/_react.default.createElement(_.HvButton, (0, _extends2.default)({
+      id: actionId,
+      key: actionId || idx,
+      category: category,
+      className: classes.button,
+      disabled: actDisabled !== null && actDisabled !== void 0 ? actDisabled : disabled,
+      onClick: function onClick(event) {
+        return actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(event, id, action);
+      },
+      startIcon: renderedIcon
+    }, other), label);
+  };
+
+  var renderActionsGrid = function renderActionsGrid() {
+    var actsVisible = actions.slice(0, maxVisibleActions);
+    var actsDropdown = actions.slice(maxVisibleActions);
+    var semantic = category === "semantic";
+    var iconColor = disabled && "atmo5" || semantic && "base2" || undefined;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, actsVisible.map(function (action, idx) {
+      return renderButton(action, idx);
+    }), /*#__PURE__*/_react.default.createElement(_.HvDropDownMenu, {
+      id: (0, _.setId)(id, "menu"),
+      disabled: disabled,
+      category: category,
+      classes: {
+        root: classes.dropDownMenu,
+        icon: classes.dropDownMenuButton,
+        iconSelected: classes.dropDownMenuButtonSelected
+      },
+      icon: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.MoreOptionsVertical, {
+        color: iconColor
+      }),
+      placement: "left",
+      onClick: function onClick(event, action) {
+        return actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(event, id, action);
+      },
+      dataList: actsDropdown,
+      keepOpened: false,
+      disablePortal: false
+    }));
+  };
+
+  var actionOverflow = actions.length > maxVisibleActions;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root, actionOverflow && classes.actionContainer)
+  }, others), actionOverflow ? renderActionsGrid() : actions.map(function (action, idx) {
+    return renderButton(action, idx);
+  }));
+};
+
+ActionsGeneric.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   *   A Jss Object used to override or extend the styles applied to the actions.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to element root.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the visible buttons.
+     */
+    button: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action container wrapper.
+     */
+    actionContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the DropDownMenu component.
+     */
+    dropDownMenu: _propTypes.default.string,
+
+    /**
+     * Styles applied to the DropDownMenu IconButton component.
+     */
+    dropDownMenuButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the DropDownMenu IconButton component when it is selected.
+     */
+    dropDownMenuButtonSelected: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Component identifier.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Button category.
+   */
+  category: _propTypes.default.oneOf(["primary", "secondary", "ghost", "semantic"]),
+
+  /**
+   *  Whether actions should be all disabled
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * The renderable content inside the actions slot of the footer,
+   * or an Array of actions `{id, label, icon, disabled}`
+   */
+  actions: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string,
+    icon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
+    disabled: _propTypes.default.bool
+  }))]),
+
+  /**
+   *  The callback function ran when an action is triggered, receiving `action` as param
+   */
+  actionsCallback: _propTypes.default.func,
+
+  /**
+   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.
+   */
+  maxVisibleActions: _propTypes.default.number
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvActionsGeneric"
+})(ActionsGeneric);
+
+exports.default = _default;
+//# sourceMappingURL=ActionsGeneric.js.map

package/dist/ActionsGeneric/ActionsGeneric.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ActionsGeneric/ActionsGeneric.js"],"names":["ActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","Array","isArray","renderButton","action","idx","actDisabled","icon","label","other","actionId","renderedIcon","isDisabled","button","event","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","actionOverflow","length","actionContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","oneOfType","node","arrayOf","func","number","styles","name"],"mappings":"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","sourcesContent":["import React, { isValidElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvDropDownMenu, setId } from \"..\";\nimport styles from \"./styles\";\n\nconst ActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"ghost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}) => {\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action, idx) => {\n    const { disabled: actDisabled, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon) ? icon : icon?.({ isDisabled: disabled });\n\n    return (\n      <HvButton\n        id={actionId}\n        key={actionId || idx}\n        category={category}\n        className={classes.button}\n        disabled={actDisabled ?? disabled}\n        onClick={(event) => actionsCallback?.(event, id, action)}\n        startIcon={renderedIcon}\n        {...other}\n      >\n        {label}\n      </HvButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor = (disabled && \"atmo5\") || (semantic && \"base2\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: classes.dropDownMenu,\n            icon: classes.dropDownMenuButton,\n            iconSelected: classes.dropDownMenuButtonSelected,\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) => actionsCallback?.(event, id, action)}\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.actionContainer]: actionOverflow,\n      })}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </div>\n  );\n};\n\nActionsGeneric.propTypes = {\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 to the actions.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to element root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the visible buttons.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the action container wrapper.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu component.\n     */\n    dropDownMenu: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component.\n     */\n    dropDownMenuButton: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component when it is selected.\n     */\n    dropDownMenuButtonSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Button category.\n   */\n  category: PropTypes.oneOf([\"primary\", \"secondary\", \"ghost\", \"semantic\"]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The renderable content inside the actions slot of the footer,\n   * or an Array of actions `{id, label, icon, disabled}`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n        disabled: PropTypes.bool,\n      })\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\nexport default withStyles(styles, { name: \"HvActionsGeneric\" })(ActionsGeneric);\n"],"file":"ActionsGeneric.js"}

package/dist/ActionsGeneric/index.d.ts

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

package/dist/ActionsGeneric/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ActionsGeneric.default;
+  }
+});
+
+var _ActionsGeneric = _interopRequireDefault(require("./ActionsGeneric"));
+//# sourceMappingURL=index.js.map

package/dist/ActionsGeneric/index.js.map

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

package/dist/ActionsGeneric/styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {},
+    button: {
+      "&:not(:last-child)": {
+        marginRight: theme.hvSpacing("xs")
+      }
+    },
+    actionContainer: {
+      display: "flex",
+      float: "right"
+    },
+    dropDownMenu: {},
+    dropDownMenuButton: {},
+    dropDownMenuButtonSelected: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/ActionsGeneric/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ActionsGeneric/styles.js"],"names":["styles","theme","root","button","marginRight","hvSpacing","actionContainer","display","float","dropDownMenu","dropDownMenuButton","dropDownMenuButtonSelected"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE,EADmB;AAEzBC,IAAAA,MAAM,EAAE;AACN,4BAAsB;AACpBC,QAAAA,WAAW,EAAEH,KAAK,CAACI,SAAN,CAAgB,IAAhB;AADO;AADhB,KAFiB;AAOzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,OAAO,EAAE,MADM;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KAPQ;AAWzBC,IAAAA,YAAY,EAAE,EAXW;AAYzBC,IAAAA,kBAAkB,EAAE,EAZK;AAazBC,IAAAA,0BAA0B,EAAE;AAbH,GAAZ;AAAA,CAAf;;eAgBeX,M","sourcesContent":["const styles = (theme) => ({\n  root: {},\n  button: {\n    \"&:not(:last-child)\": {\n      marginRight: theme.hvSpacing(\"xs\"),\n    },\n  },\n  actionContainer: {\n    display: \"flex\",\n    float: \"right\",\n  },\n  dropDownMenu: {},\n  dropDownMenuButton: {},\n  dropDownMenuButtonSelected: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/AssetInventory/AssetInventory.d.ts

@@ -0,0 +1,184 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvActionsGenericCommonProps } from "../ActionsGeneric";
+import { CardViewConfiguration } from "./CardView";
+import { ListViewConfiguration } from "./ListView";
+import { ListValueProp } from "../List";
+import { HvPaginationCommonProps } from "../Pagination";
+
+export interface AssetInventoryConfiguration extends ListViewConfiguration, CardViewConfiguration {}
+
+export type AssetInventoryMetadata = {
+  /**
+   * id associated with data entry
+   */
+  id?: string;
+  /**
+   * title associated with data entry
+   */
+  title?: string;
+  /**
+   * accessor associated with data entry
+   */
+  accessor?: string;
+  /**
+   * value type used for searching data entries
+   */
+  cellType?: "alpha-numeric" | "numeric" | "date" | "node";
+  /**
+   * whether the data entry is sortable
+   */
+  sortable?: boolean;
+  /**
+   * label describing ascending sort
+   */
+  sortableLabelAsc?: string;
+  /**
+   * label describing descending sort
+   */
+  sortableLabelDesc?: string;
+  /**
+   * custom function to sort the values
+   * @param a
+   * @param b
+   */
+  sortFunction?: (a: any, b: any) => boolean;
+  /**
+   * whether the data entry is searchable
+   */
+  searchable?: boolean;
+  /**
+   * custom function to search the values
+   * @param entryValue
+   * @param searchValue
+   */
+  searchFunction?: (entryValue: any, searchValue: any) => boolean;
+};
+
+export type ClassKey =
+  | "root"
+  | "controlsContainer"
+  | "search"
+  | "rightControls"
+  | "multiButtons"
+  | "viewContainer"
+  | "sortContainer"
+  | "searchBoxContainer"
+  | "pagination";
+
+export interface HvAssetInventoryProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey>,
+    HvActionsGenericCommonProps,
+    HvPaginationCommonProps {
+  /**
+   * Data passed to the component.
+   */
+  values: {
+    id: string;
+  }[];
+  /**
+   * Labels.
+   */
+  labels?: {
+    /**
+     * The label of the sort.
+     */
+    sortBy?: string;
+    /**
+     * The label on top of the search box.
+     */
+    inputLabel?: string;
+    /**
+     * the placeholder value of the search box.
+     */
+    placeholder?: string;
+  };
+  /**
+   * Contains the metadata for the values and the necessary configuration for the views,
+   * check the views for the specific view configuration.
+   */
+  configuration: {
+    metadata: AssetInventoryMetadata[];
+    viewConfiguration?: AssetInventoryConfiguration;
+  };
+  /**
+   * Callback evoked in the selection of the card.
+   */
+  onSelection?: (event: React.FormEvent<HTMLDivElement>, payload: object) => void;
+  /**
+   * Extra filters
+   */
+  FilterPlaceholder?: React.ReactElement;
+  /**
+   * Indicates if the views are selectable.
+   */
+  isSelectable?: boolean;
+  /**
+   * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).
+   */
+  selectedValues?: string[];
+  /**
+   * The selected view id.
+   */
+  selectedView?: string;
+  /**
+   * Defines whether the Asset Inventory includes the bulk actions component.
+   */
+  hasBulkActions?: boolean;
+  /**
+   * Defines whether the Asset Inventory includes the pagination component.
+   */
+  hasPagination?: boolean;
+  /**
+   * Enable or disable the server side pagination mechanism
+   */
+  paginationServerSide?: boolean;
+  /**
+   * Search callback.
+   */
+  onSearch?: (value: string) => void;
+  /**
+   * Sort callback.
+   */
+  onSortChange?: (value: ListValueProp) => void;
+  /**
+   * View change callback.
+   */
+  onViewChange?: (event: React.FormEvent<HTMLDivElement>, index: number) => void;
+  /**
+   * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.
+   */
+  sortOptionId?: string;
+  /**
+   * Visual indicator of the search string used.
+   */
+  searchString?: string;
+  /**
+   * Disable portal on the Sort dropdown
+   */
+  disablePortal?: boolean;
+  /**
+   * Other props passed to the searchbox.
+   */
+  searchProps?: object;
+  /**
+   * Other props passed to the Sort. If you want to control the aria-label
+   * use the labels.sortBy, as it is mapped directly to the aria-label.
+   */
+  sortProps?: object;
+  /**
+   * Array of others prop passed to the created button. Each element must include the id of the view
+   * and other props to pe passed to each button.
+   */
+  multibuttonProps?: object;
+  /**
+   * Other props passed to the pagination.
+   */
+  paginationProps?: HvPaginationCommonProps;
+  /**
+   * Component to the present when no data is available.
+   */
+  emptyComponent?: React.ReactNode;
+}
+
+export default function HvAssetInventory(props: HvAssetInventoryProps): JSX.Element | null;