@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/Actions/Actions.d.ts

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvButtonCategories } from "../Button";
+import { HvDropDownMenuProps } from "../DropDownMenu";
+
+
+export type Action = {
+  id: string;
+  label: string;
+  iconCallback?: (params: { isDisabled?: boolean }) => React.ReactNode;
+  disabled?: boolean;
+};
+
+export interface HvActionsCommonProps {
+  /**
+   * Button category.
+   */
+  category?: HvButtonCategories;
+  /**
+   * The renderable content inside the actions slot of the footer,
+   * or an Array of actions ´{id, label, icon, disabled}´
+   */
+  actions?: React.ReactNode | Action[];
+  /**
+   *  The callback function ran when an action is triggered, receiving ´action´ as param
+   */
+  actionsCallback?: (event: Event, id: string, action: Action) => void;
+  /**
+   *  The number of maximum visible actions before they're collapsed into a ´DropDownMenu´.
+   */
+  maxVisibleActions?: number;
+  /**
+   * Properties to be passed onto the Dropdown Menu component, the values of the object are equivalent to the
+   * HvDropdownMenu API.
+   */
+  dropDownMenuProps?: HvDropDownMenuProps;
+}
+
+export type HvActionsClassKey =
+  | "button"
+  | "actionContainer"
+  | "dropDownMenu"
+  | "dropDownMenuButton"
+  | "dropDownMenuButtonSelected";
+
+export interface HvActionsProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvActionsClassKey>,
+    HvActionsCommonProps {}
+
+export default function HvActions(props: HvActionsProps): JSX.Element | null;

package/dist/legacy/Actions/Actions.js

@@ -0,0 +1,177 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "classes", "className", "category", "disabled", "actions", "actionsCallback", "maxVisibleActions", "dropDownMenuProps"],
+    _excluded2 = ["disabled", "iconCallback", "label"];
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.array.map.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
+import { HvButton, HvDropDownMenu, setId } from "..";
+import styles from "./styles";
+
+var Actions = function Actions(_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,
+      dropDownMenuProps = _ref.dropDownMenuProps,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  if (!Array.isArray(actions)) return /*#__PURE__*/React.isValidElement(actions) ? actions : null;
+
+  var renderButton = function renderButton(action, idx) {
+    var actDisabled = action.disabled,
+        iconCallback = action.iconCallback,
+        label = action.label,
+        other = _objectWithoutProperties(action, _excluded2);
+
+    var actionId = setId(id, idx, "action", action.id);
+    return /*#__PURE__*/React.createElement(HvButton, _extends({
+      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: iconCallback === null || iconCallback === void 0 ? void 0 : iconCallback({
+        isDisabled: disabled
+      })
+    }, other), label);
+  };
+
+  var renderActionsGrid = function renderActionsGrid() {
+    var actsVisible = actions.slice(0, maxVisibleActions);
+    var actsDropdown = actions.slice(maxVisibleActions);
+    var semantic = category === "semantic";
+    var iconColor = disabled && "atmo7" || semantic && "base2" || undefined;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, actsVisible.map(function (action, idx) {
+      return renderButton(action, idx);
+    }), /*#__PURE__*/React.createElement(HvDropDownMenu, _extends({
+      id: setId(id, "menu"),
+      disabled: disabled,
+      classes: {
+        root: classes.dropDownMenu,
+        icon: classes.dropDownMenuButton,
+        iconSelected: classes.dropDownMenuButtonSelected
+      },
+      icon: /*#__PURE__*/React.createElement(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
+    }, dropDownMenuProps)));
+  };
+
+  var actionOverflow = actions.length > maxVisibleActions;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root, actionOverflow && classes.actionContainer)
+  }, others), actionOverflow ? renderActionsGrid() : actions.map(function (action, idx) {
+    return renderButton(action, idx);
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Actions.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   *   A Jss Object used to override or extend the styles applied to the actions.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to element root.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the visible buttons.
+     */
+    button: PropTypes.string,
+
+    /**
+     * Styles applied to the action container wrapper.
+     */
+    actionContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the DropDownMenu component.
+     */
+    dropDownMenu: PropTypes.string,
+
+    /**
+     * Styles applied to the DropDownMenu IconButton component.
+     */
+    dropDownMenuButton: PropTypes.string,
+
+    /**
+     * Styles applied to the DropDownMenu IconButton component when it is selected.
+     */
+    dropDownMenuButtonSelected: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Component identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Button category.
+   */
+  category: PropTypes.oneOf(["primary", "secondary", "ghost", "ghostSecondary", "semantic"]),
+
+  /**
+   *  Whether actions should be all disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The renderable content inside the actions slot of the footer,
+   * or an Array of actions ´{id, label, icon, disabled}´
+   */
+  actions: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string,
+    iconCallback: 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,
+
+  /**
+   * Properties to be passed onto the Dropdown Menu component, the values of the object are equivalent to the
+   * HvDropdownMenu API.
+   */
+  dropDownMenuProps: PropTypes.instanceOf(Object)
+} : void 0;
+export default withStyles(styles, {
+  name: "HvActions"
+})(Actions);
+//# sourceMappingURL=Actions.js.map

package/dist/legacy/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["React","PropTypes","withStyles","clsx","MoreOptionsVertical","HvButton","HvDropDownMenu","setId","styles","Actions","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","dropDownMenuProps","others","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","iconCallback","label","other","actionId","button","event","isDisabled","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","root","dropDownMenu","icon","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","actionOverflow","length","actionContainer","propTypes","string","shape","isRequired","oneOf","bool","oneOfType","node","arrayOf","func","number","instanceOf","Object","name"],"sources":["../../../src/Actions/Actions.js"],"sourcesContent":["import React 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 Actions = ({\n  id,\n  classes,\n  className,\n  category = \"ghost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  dropDownMenuProps,\n  ...others\n}) => {\n  if (!Array.isArray(actions)) return React.isValidElement(actions) ? actions : null;\n\n  const renderButton = (action, idx) => {\n    const { disabled: actDisabled, iconCallback, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\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={iconCallback?.({ isDisabled: disabled })}\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 && \"atmo7\") || (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          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          {...dropDownMenuProps}\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\nActions.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\", \"ghostSecondary\", \"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        iconCallback: PropTypes.func,\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   * Properties to be passed onto the Dropdown Menu component, the values of the object are equivalent to the\n   * HvDropdownMenu API.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvActions\" })(Actions);\n"],"mappings":"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"}

package/dist/legacy/Actions/index.d.ts

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

package/dist/legacy/Actions/index.js

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

package/dist/legacy/Actions/index.js.map

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

package/dist/legacy/Actions/styles.js

@@ -0,0 +1,43 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { semanticStyles } from "../withSemantic";
+
+var styles = function styles(theme) {
+  return {
+    root: {},
+    button: {
+      "&:not(:last-child)": {
+        marginRight: theme.spacing("xs")
+      }
+    },
+    actionContainer: {
+      display: "flex",
+      float: "right"
+    },
+    dropDownMenu: {},
+    dropDownMenuButton: _objectSpread({}, semanticStyles(theme)),
+    dropDownMenuButtonSelected: {
+      backgroundColor: theme.palette.atmo1,
+      "&:hover:not(:disabled)": {
+        backgroundColor: theme.palette.atmo1
+      },
+      "& svg .color0": {
+        fill: theme.palette.acce1
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Actions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["semanticStyles","styles","theme","root","button","marginRight","spacing","actionContainer","display","float","dropDownMenu","dropDownMenuButton","dropDownMenuButtonSelected","backgroundColor","palette","atmo1","fill","acce1"],"sources":["../../../src/Actions/styles.js"],"sourcesContent":["import { semanticStyles } from \"../withSemantic\";\n\nconst styles = (theme) => ({\n  root: {},\n  button: {\n    \"&:not(:last-child)\": {\n      marginRight: theme.spacing(\"xs\"),\n    },\n  },\n  actionContainer: {\n    display: \"flex\",\n    float: \"right\",\n  },\n  dropDownMenu: {},\n  dropDownMenuButton: {\n    ...semanticStyles(theme),\n  },\n  dropDownMenuButtonSelected: {\n    backgroundColor: theme.palette.atmo1,\n    \"&:hover:not(:disabled)\": {\n      backgroundColor: theme.palette.atmo1,\n    },\n    \"& svg .color0\": {\n      fill: theme.palette.acce1,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,cAAT,QAA+B,iBAA/B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE,EADmB;IAEzBC,MAAM,EAAE;MACN,sBAAsB;QACpBC,WAAW,EAAEH,KAAK,CAACI,OAAN,CAAc,IAAd;MADO;IADhB,CAFiB;IAOzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,KAAK,EAAE;IAFQ,CAPQ;IAWzBC,YAAY,EAAE,EAXW;IAYzBC,kBAAkB,oBACbX,cAAc,CAACE,KAAD,CADD,CAZO;IAezBU,0BAA0B,EAAE;MAC1BC,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcC,KADL;MAE1B,0BAA0B;QACxBF,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcC;MADP,CAFA;MAK1B,iBAAiB;QACfC,IAAI,EAAEd,KAAK,CAACY,OAAN,CAAcG;MADL;IALS;EAfH,CAAZ;AAAA,CAAf;;AA0BA,eAAehB,MAAf"}

package/dist/legacy/AssetInventory/AssetInventory.d.ts

@@ -0,0 +1,177 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvActionsCommonProps } from "../Actions";
+import { CardViewConfiguration } from "./CardView";
+import { ListViewConfiguration } from "./ListView";
+import { ListValueProp } from "../List";
+import { MultiButtonData } from "../MultiButton";
+import { HvPaginationCommonProps } from "../Pagination";
+
+export interface AssetInventoryConfiguration extends ListViewConfiguration, CardViewConfiguration {}
+
+export type ClassKey =
+  | "root"
+  | "controlsContainer"
+  | "search"
+  | "rightControls"
+  | "multiButtons"
+  | "viewContainer"
+  | "sortContainer"
+  | "searchBoxContainer"
+  | "pagination";
+  
+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 interface HvAssetInventoryProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey>,
+    HvActionsCommonProps,
+    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 if it has pagination.
+   */
+  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>, value: MultiButtonData[]) => 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;
+}
+
+export default function HvAssetInventory(props: HvAssetInventoryProps): JSX.Element | null;