@hitachivantara/uikit-react-core 2.23.2

package/dist/Card/Card.js

@@ -0,0 +1,428 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.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");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireWildcard(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _utils = require("../utils");
+
+var _Focus = _interopRequireDefault(require("../Focus"));
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+var _Content = _interopRequireDefault(require("./Content"));
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+
+var _Media = _interopRequireDefault(require("./Media"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "id", "cardButtonProps", "headerProps", "footerProps", "contentProps", "mediaProps", "children", "icon", "headerTitle", "subheader", "innerCardContent", "actions", "actionsCallback", "maxVisibleActions", "actionsAlignment", "isSelectable", "semantic", "onChange", "checked", "checkboxProps", "mediaPath", "mediaTitle", "mediaHeight", "onClick", "noHeader", "noFooter", "selectOnClickAction"];
+
+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; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+/**
+ * A card container to be used for short and related of information.
+ */
+var HvCard = function HvCard(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      id = _ref.id,
+      _ref$cardButtonProps = _ref.cardButtonProps,
+      cardButtonProps = _ref$cardButtonProps === void 0 ? {} : _ref$cardButtonProps,
+      _ref$headerProps = _ref.headerProps,
+      headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
+      _ref$footerProps = _ref.footerProps,
+      footerProps = _ref$footerProps === void 0 ? {} : _ref$footerProps,
+      _ref$contentProps = _ref.contentProps,
+      contentProps = _ref$contentProps === void 0 ? {} : _ref$contentProps,
+      _ref$mediaProps = _ref.mediaProps,
+      mediaProps = _ref$mediaProps === void 0 ? {} : _ref$mediaProps,
+      children = _ref.children,
+      icon = _ref.icon,
+      headerTitle = _ref.headerTitle,
+      subheader = _ref.subheader,
+      innerCardContent = _ref.innerCardContent,
+      actions = _ref.actions,
+      actionsCallback = _ref.actionsCallback,
+      _ref$maxVisibleAction = _ref.maxVisibleActions,
+      maxVisibleActions = _ref$maxVisibleAction === void 0 ? 1 : _ref$maxVisibleAction,
+      _ref$actionsAlignment = _ref.actionsAlignment,
+      actionsAlignment = _ref$actionsAlignment === void 0 ? "left" : _ref$actionsAlignment,
+      _ref$isSelectable = _ref.isSelectable,
+      isSelectable = _ref$isSelectable === void 0 ? false : _ref$isSelectable,
+      _ref$semantic = _ref.semantic,
+      semantic = _ref$semantic === void 0 ? "sema0" : _ref$semantic,
+      _onChange = _ref.onChange,
+      _ref$checked = _ref.checked,
+      checked = _ref$checked === void 0 ? false : _ref$checked,
+      checkboxProps = _ref.checkboxProps,
+      mediaPath = _ref.mediaPath,
+      mediaTitle = _ref.mediaTitle,
+      mediaHeight = _ref.mediaHeight,
+      onClick = _ref.onClick,
+      _ref$noHeader = _ref.noHeader,
+      noHeader = _ref$noHeader === void 0 ? false : _ref$noHeader,
+      _ref$noFooter = _ref.noFooter,
+      noFooter = _ref$noFooter === void 0 ? false : _ref$noFooter,
+      _ref$selectOnClickAct = _ref.selectOnClickAction,
+      selectOnClickAction = _ref$selectOnClickAct === void 0 ? false : _ref$selectOnClickAct,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(checked),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var footerExist = (actions || isSelectable) && !noFooter;
+  (0, _react.useEffect)(function () {
+    setSelected(checked);
+  }, [checked]);
+
+  var clickActionHandler = function clickActionHandler(evt) {
+    if (isSelectable && selectOnClickAction) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(evt);
+      setSelected(!selected);
+    }
+
+    onClick === null || onClick === void 0 ? void 0 : onClick(evt, !selected);
+  };
+
+  var getRole = function getRole(fSelectable, fselectOnClickAction) {
+    if (!onClick && (!fSelectable || !fselectOnClickAction)) {
+      return undefined;
+    }
+
+    return fSelectable ? "checkbox" : "button";
+  };
+
+  var KeyUpHandler = function KeyUpHandler(evt) {
+    if ((0, _utils.isKeypress)(evt, _utils.KeyboardCodes.Enter) && getRole(isSelectable, selectOnClickAction) !== "checkbox" || (0, _utils.isKeypress)(evt, _utils.KeyboardCodes.SpaceBar)) {
+      if (isSelectable && selectOnClickAction) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(evt);
+        setSelected(!selected);
+      }
+
+      onClick === null || onClick === void 0 ? void 0 : onClick(evt, !selected);
+    }
+  };
+
+  var internalCardButtonProps = _objectSpread({
+    id: (0, _utils.setId)(id, "upper-area"),
+    role: getRole(isSelectable, selectOnClickAction),
+    tabIndex: getRole(isSelectable, selectOnClickAction) ? "0" : undefined,
+    onClick: clickActionHandler,
+    onKeyUp: KeyUpHandler,
+    "aria-checked": isSelectable ? selected : undefined
+  }, cardButtonProps);
+
+  var defaultContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Focus.default, {
+    strategy: "card",
+    useFalseFocus: true,
+    disabled: internalCardButtonProps.tabIndex !== "0"
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(internalCardButtonProps.tabIndex && classes.upperAreaSelectable)
+  }, internalCardButtonProps), !noHeader && /*#__PURE__*/_react.default.createElement(_Header.default, (0, _extends2.default)({
+    id: (0, _utils.setId)(id, "header"),
+    icon: icon,
+    headerTitle: headerTitle,
+    subheader: subheader
+  }, headerProps)), mediaPath && mediaPath.length > 0 && /*#__PURE__*/_react.default.createElement(_Media.default, (0, _extends2.default)({
+    id: (0, _utils.setId)(id, "media"),
+    mediaPath: mediaPath,
+    title: mediaTitle,
+    mediaHeight: mediaHeight
+  }, mediaProps)), innerCardContent && /*#__PURE__*/_react.default.createElement(_Content.default, (0, _extends2.default)({
+    id: (0, _utils.setId)(id, "content")
+  }, contentProps), innerCardContent))), footerExist && /*#__PURE__*/_react.default.createElement(_Footer.default, (0, _extends2.default)({
+    disableSpacing: true,
+    checkboxProps: checkboxProps,
+    actions: actions,
+    id: id,
+    actionsCallback: actionsCallback,
+    maxVisibleActions: maxVisibleActions,
+    actionsAlignment: actionsAlignment,
+    isSelectable: isSelectable,
+    onChange: function onChange(event) {
+      setSelected(event.target.checked);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(event);
+    },
+    checked: selected
+  }, footerProps)));
+
+  return (
+    /*#__PURE__*/
+    // expose the global class HvIsCardGridElement as a marker
+    // not to be styled directly, only as helper in specific css queries
+    _react.default.createElement("div", {
+      className: (0, _clsx.default)("HvIsCardGridElement", classes.root)
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      id: (0, _utils.setId)(id, "cardContentWrapper"),
+      className: classes.cardContentWrapper
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _clsx.default)(classes.semanticContainer, semantic && classes[semantic], selected && classes.semanticSelected)
+    })), /*#__PURE__*/_react.default.createElement(_core.Card, (0, _extends2.default)({
+      id: id,
+      className: (0, _clsx.default)(classes.cardContainer, className, selected && [classes.cardContainerSelected, classes.selected], isSelectable && classes.selectable)
+    }, others), children || defaultContent))
+  );
+};
+
+process.env.NODE_ENV !== "production" ? HvCard.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Id to be applied to the cardContainer node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Extra properties to be passed element used to represent the clickable default card.
+   */
+  cardButtonProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Extra properties to be passed element used to represent the default header card.
+   */
+  headerProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Extra properties to be passed element used to represent the default media element.
+   */
+  mediaProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Extra properties to be passed element used to represent the default footer card.
+   */
+  footerProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Extra properties to be passed element used to represent the default content card.
+   */
+  contentProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the card wrapper.
+     */
+    cardContentWrapper: _propTypes.default.string,
+
+    /**
+     * Style applied to the cardContainer.
+     */
+    cardContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the cardContainer when component is selected.
+     */
+    cardContainerSelected: _propTypes.default.string,
+
+    /**
+     * Style applied to the upper area when the component is selectable.
+     */
+    upperAreaSelectable: _propTypes.default.string,
+
+    /**
+     * Style applied to the container of the semantic bar on top.
+     */
+    semanticContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the container of the semantic bar on top when the component is selectable.
+     */
+    semanticSelected: _propTypes.default.string,
+
+    /**
+     * Style applied to the component when it is selectable.
+     */
+    selectable: _propTypes.default.string,
+
+    /**
+     * Style applied to the component when it is selected.
+     */
+    selected: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The content inside the card.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   *  The renderable content inside the title slot of the header.
+   */
+  headerTitle: _propTypes.default.node,
+
+  /**
+   *  The renderable content inside the subheader slot of the header.
+   */
+  subheader: _propTypes.default.node,
+
+  /**
+   *  The renderable content inside the icon slot of the header.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   * The renderable content inside the actions slot of the footer,
+   * or an Array of actions ´{id, label, icon}´
+   */
+  actions: (0, _propTypes.oneOfType)([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.func
+  }))]),
+
+  /**
+   *  The callback function ran when an action is triggered, receiving ´action´ as param
+   */
+  actionsCallback: _propTypes.default.func,
+
+  /**
+   * The alignment applied to the action elements
+   */
+  actionsAlignment: _propTypes.default.oneOf(["left", "right"]),
+
+  /**
+   *  The renderable content inside the body of the card.
+   */
+  innerCardContent: _propTypes.default.node,
+
+  /**
+   *  The path to the image to show in the media slot.
+   */
+  mediaPath: _propTypes.default.string,
+
+  /**
+   *  The title of the media.
+   */
+  mediaTitle: _propTypes.default.string,
+
+  /**
+   *  The height necessary to adjust the media container to the image.
+   */
+  mediaHeight: _propTypes.default.number,
+
+  /**
+   *  The border color at the top of the card. Must be one of palette semantic colors.
+   *  To set another color, the backgroundColor in the class semanticContainer should be override.
+   */
+  semantic: _propTypes.default.oneOf(["sema0", "sema1", "sema2", "sema3", "sema4", "sema5", "sema6", "sema7", "sema8", "sema9", "sema10", "sema11", "sema12", "sema13", "sema14", "sema15", "sema16", "sema17", "sema18", "sema19"]),
+
+  /**
+   *  The function that will be executed when the upper part of the card is clicked.
+   *  only works for the default card.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   *  Removes the header for the default card.
+   */
+  noHeader: _propTypes.default.bool,
+
+  /**
+   *  Removes the footer for the default card.
+   */
+  noFooter: _propTypes.default.bool,
+
+  /**
+   *  allows selecting on click action.
+   *  only works for the default card.
+   */
+  selectOnClickAction: _propTypes.default.bool,
+
+  /**
+   *  The function that will be executed when the card is selected.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * ´true´ if the card should have a checkbox in the footer to be selectable ´false´ if it is not required.
+   */
+  isSelectable: _propTypes.default.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.default.bool,
+
+  /**
+   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the
+   * HvCheckbox API.
+   */
+  checkboxProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   *  The number of maximum visible actions before they're collapsed into a ´DropDownMenu´.
+   */
+  maxVisibleActions: _propTypes.default.number
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvCard"
+})(HvCard);
+
+exports.default = _default;
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["HvCard","classes","className","id","cardButtonProps","headerProps","footerProps","contentProps","mediaProps","children","icon","headerTitle","subheader","innerCardContent","actions","actionsCallback","maxVisibleActions","actionsAlignment","isSelectable","semantic","onChange","checked","checkboxProps","mediaPath","mediaTitle","mediaHeight","onClick","noHeader","noFooter","selectOnClickAction","others","useState","selected","setSelected","footerExist","useEffect","clickActionHandler","evt","getRole","fSelectable","fselectOnClickAction","undefined","KeyUpHandler","isKeypress","KeyboardCodes","Enter","SpaceBar","internalCardButtonProps","setId","role","tabIndex","onKeyUp","defaultContent","clsx","upperAreaSelectable","length","event","target","root","cardContentWrapper","semanticContainer","semanticSelected","cardContainer","cardContainerSelected","selectable","propTypes","PropTypes","string","instanceOf","Object","shape","isRequired","node","oneOfType","arrayOf","label","func","oneOf","number","bool","withStyles","styles","name"],"sources":["../../src/Card/Card.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Card, withStyles } from \"@material-ui/core\";\nimport { setId, KeyboardCodes, isKeypress } from \"../utils\";\nimport Focus from \"../Focus\";\nimport Header from \"./Header\";\nimport Content from \"./Content\";\nimport Footer from \"./Footer\";\nimport Media from \"./Media\";\nimport styles from \"./styles\";\n\n/**\n * A card container to be used for short and related of information.\n */\nconst HvCard = ({\n  classes,\n  className,\n  id,\n  cardButtonProps = {},\n  headerProps = {},\n  footerProps = {},\n  contentProps = {},\n  mediaProps = {},\n  children,\n  icon,\n  headerTitle,\n  subheader,\n  innerCardContent,\n  actions,\n  actionsCallback,\n  maxVisibleActions = 1,\n  actionsAlignment = \"left\",\n  isSelectable = false,\n  semantic = \"sema0\",\n  onChange,\n  checked = false,\n  checkboxProps,\n  mediaPath,\n  mediaTitle,\n  mediaHeight,\n  onClick,\n  noHeader = false,\n  noFooter = false,\n  selectOnClickAction = false,\n  ...others\n}) => {\n  const [selected, setSelected] = useState(checked);\n  const footerExist = (actions || isSelectable) && !noFooter;\n\n  useEffect(() => {\n    setSelected(checked);\n  }, [checked]);\n\n  const clickActionHandler = (evt) => {\n    if (isSelectable && selectOnClickAction) {\n      onChange?.(evt);\n      setSelected(!selected);\n    }\n    onClick?.(evt, !selected);\n  };\n\n  const getRole = (fSelectable, fselectOnClickAction) => {\n    if (!onClick && (!fSelectable || !fselectOnClickAction)) {\n      return undefined;\n    }\n    return fSelectable ? \"checkbox\" : \"button\";\n  };\n\n  const KeyUpHandler = (evt) => {\n    if (\n      (isKeypress(evt, KeyboardCodes.Enter) &&\n        getRole(isSelectable, selectOnClickAction) !== \"checkbox\") ||\n      isKeypress(evt, KeyboardCodes.SpaceBar)\n    ) {\n      if (isSelectable && selectOnClickAction) {\n        onChange?.(evt);\n        setSelected(!selected);\n      }\n      onClick?.(evt, !selected);\n    }\n  };\n\n  const internalCardButtonProps = {\n    id: setId(id, \"upper-area\"),\n    role: getRole(isSelectable, selectOnClickAction),\n    tabIndex: getRole(isSelectable, selectOnClickAction) ? \"0\" : undefined,\n    onClick: clickActionHandler,\n    onKeyUp: KeyUpHandler,\n    \"aria-checked\": isSelectable ? selected : undefined,\n    ...cardButtonProps,\n  };\n\n  const defaultContent = (\n    <>\n      <Focus strategy=\"card\" useFalseFocus disabled={internalCardButtonProps.tabIndex !== \"0\"}>\n        <div\n          className={clsx({\n            [classes.upperAreaSelectable]: internalCardButtonProps.tabIndex,\n          })}\n          {...internalCardButtonProps}\n        >\n          {!noHeader && (\n            <Header\n              id={setId(id, \"header\")}\n              icon={icon}\n              headerTitle={headerTitle}\n              subheader={subheader}\n              {...headerProps}\n            />\n          )}\n          {mediaPath && mediaPath.length > 0 && (\n            <Media\n              id={setId(id, \"media\")}\n              mediaPath={mediaPath}\n              title={mediaTitle}\n              mediaHeight={mediaHeight}\n              {...mediaProps}\n            />\n          )}\n          {innerCardContent && (\n            <Content id={setId(id, \"content\")} {...contentProps}>\n              {innerCardContent}\n            </Content>\n          )}\n        </div>\n      </Focus>\n      {footerExist && (\n        <Footer\n          disableSpacing\n          checkboxProps={checkboxProps}\n          actions={actions}\n          id={id}\n          actionsCallback={actionsCallback}\n          maxVisibleActions={maxVisibleActions}\n          actionsAlignment={actionsAlignment}\n          isSelectable={isSelectable}\n          onChange={(event) => {\n            setSelected(event.target.checked);\n            onChange?.(event);\n          }}\n          checked={selected}\n          {...footerProps}\n        />\n      )}\n    </>\n  );\n\n  return (\n    // expose the global class HvIsCardGridElement as a marker\n    // not to be styled directly, only as helper in specific css queries\n    <div className={clsx(\"HvIsCardGridElement\", classes.root)}>\n      <div id={setId(id, \"cardContentWrapper\")} className={classes.cardContentWrapper}>\n        <div\n          className={clsx(classes.semanticContainer, {\n            [classes[semantic]]: semantic,\n            [classes.semanticSelected]: selected,\n          })}\n        />\n      </div>\n      <Card\n        id={id}\n        className={clsx(classes.cardContainer, className, {\n          [classes.selectable]: isSelectable,\n          [classes.cardContainerSelected]: selected,\n          [classes.selected]: selected,\n        })}\n        {...others}\n      >\n        {children || defaultContent}\n      </Card>\n    </div>\n  );\n};\n\nHvCard.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the cardContainer node.\n   */\n  id: PropTypes.string,\n  /**\n   * Extra properties to be passed element used to represent the clickable default card.\n   */\n  cardButtonProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties to be passed element used to represent the default header card.\n   */\n  headerProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties to be passed element used to represent the default media element.\n   */\n  mediaProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties to be passed element used to represent the default footer card.\n   */\n  footerProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties to be passed element used to represent the default content card.\n   */\n  contentProps: PropTypes.instanceOf(Object),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the card wrapper.\n     */\n    cardContentWrapper: PropTypes.string,\n    /**\n     * Style applied to the cardContainer.\n     */\n    cardContainer: PropTypes.string,\n    /**\n     * Style applied to the cardContainer when component is selected.\n     */\n    cardContainerSelected: PropTypes.string,\n    /**\n     * Style applied to the upper area when the component is selectable.\n     */\n    upperAreaSelectable: PropTypes.string,\n    /**\n     * Style applied to the container of the semantic bar on top.\n     */\n    semanticContainer: PropTypes.string,\n    /**\n     * Style applied to the container of the semantic bar on top when the component is selectable.\n     */\n    semanticSelected: PropTypes.string,\n    /**\n     * Style applied to the component when it is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * The content inside the card.\n   */\n  children: PropTypes.node,\n  /**\n   *  The renderable content inside the title slot of the header.\n   */\n  headerTitle: PropTypes.node,\n  /**\n   *  The renderable content inside the subheader slot of the header.\n   */\n  subheader: PropTypes.node,\n  /**\n   *  The renderable content inside the icon slot of the header.\n   */\n  icon: PropTypes.node,\n  /**\n   * The renderable content inside the actions slot of the footer,\n   * or an Array of actions ´{id, label, icon}´\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving ´action´ as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The alignment applied to the action elements\n   */\n  actionsAlignment: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   *  The renderable content inside the body of the card.\n   */\n  innerCardContent: PropTypes.node,\n  /**\n   *  The path to the image to show in the media slot.\n   */\n  mediaPath: PropTypes.string,\n  /**\n   *  The title of the media.\n   */\n  mediaTitle: PropTypes.string,\n  /**\n   *  The height necessary to adjust the media container to the image.\n   */\n  mediaHeight: PropTypes.number,\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic colors.\n   *  To set another color, the backgroundColor in the class semanticContainer should be override.\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  ]),\n  /**\n   *  The function that will be executed when the upper part of the card is clicked.\n   *  only works for the default card.\n   */\n  onClick: PropTypes.func,\n  /**\n   *  Removes the header for the default card.\n   */\n  noHeader: PropTypes.bool,\n  /**\n   *  Removes the footer for the default card.\n   */\n  noFooter: PropTypes.bool,\n  /**\n   *  allows selecting on click action.\n   *  only works for the default card.\n   */\n  selectOnClickAction: PropTypes.bool,\n  /**\n   *  The function that will be executed when the card is selected.\n   */\n  onChange: PropTypes.func,\n  /**\n   * ´true´ if the card should have a checkbox in the footer 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 number of maximum visible actions before they're collapsed into a ´DropDownMenu´.\n   */\n  maxVisibleActions: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvCard\" })(HvCard);\n"],"mappings":"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"}

package/dist/Card/Content/Content.d.ts

@@ -0,0 +1,7 @@
+import { CardContentProps, StandardProps } from "@material-ui/core";
+
+export type HvCardContentProps = StandardProps<CardContentProps, HvCardContentClassKey>;
+
+export type HvCardContentClassKey = "content";
+
+export default function HvCardContent(props: HvCardContentProps): JSX.Element | null;

package/dist/Card/Content/Content.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "classes", "className", "children", "onClick"];
+
+/**
+ * The content container for the card.
+ */
+var Content = function Content(props) {
+  var id = props.id,
+      classes = props.classes,
+      className = props.className,
+      children = props.children,
+      onClick = props.onClick,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.CardContent, (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(classes.content, className),
+    onClick: onClick
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? Content.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root component.
+     */
+    content: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   *  The renderable content inside the body of the card.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   *  The function that will be executed when this section is clicked.
+   */
+  onClick: _propTypes.default.func
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvCardContent"
+})(Content);
+
+exports.default = _default;
+//# sourceMappingURL=Content.js.map

package/dist/Card/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","names":["Content","props","id","classes","className","children","onClick","others","clsx","content","propTypes","PropTypes","string","shape","isRequired","node","func","withStyles","styles","name"],"sources":["../../../src/Card/Content/Content.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CardContent, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The content container for the card.\n */\nconst Content = (props) => {\n  const { id, classes, className, children, onClick, ...others } = props;\n  return (\n    <CardContent id={id} className={clsx(classes.content, className)} onClick={onClick} {...others}>\n      {children}\n    </CardContent>\n  );\n};\n\nContent.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   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root component.\n     */\n    content: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The renderable content inside the body of the card.\n   */\n  children: PropTypes.node,\n  /**\n   *  The function that will be executed when this section is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCardContent\" })(Content);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,EAAR,GAAiED,KAAjE,CAAQC,EAAR;EAAA,IAAYC,OAAZ,GAAiEF,KAAjE,CAAYE,OAAZ;EAAA,IAAqBC,SAArB,GAAiEH,KAAjE,CAAqBG,SAArB;EAAA,IAAgCC,QAAhC,GAAiEJ,KAAjE,CAAgCI,QAAhC;EAAA,IAA0CC,OAA1C,GAAiEL,KAAjE,CAA0CK,OAA1C;EAAA,IAAsDC,MAAtD,0CAAiEN,KAAjE;EACA,oBACE,6BAAC,iBAAD;IAAa,EAAE,EAAEC,EAAjB;IAAqB,SAAS,EAAE,IAAAM,aAAA,EAAKL,OAAO,CAACM,OAAb,EAAsBL,SAAtB,CAAhC;IAAkE,OAAO,EAAEE;EAA3E,GAAwFC,MAAxF,GACGF,QADH,CADF;AAKD,CAPD;;AASA,wCAAAL,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACER,EAAE,EAAES,kBAAA,CAAUC,MAJI;;EAKlB;AACF;AACA;EACER,SAAS,EAAEO,kBAAA,CAAUC,MARH;;EASlB;AACF;AACA;EACET,OAAO,EAAEQ,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,OAAO,EAAEE,kBAAA,CAAUC;EAJI,CAAhB,EAKNE,UAjBe;;EAkBlB;AACF;AACA;EACET,QAAQ,EAAEM,kBAAA,CAAUI,IArBF;;EAsBlB;AACF;AACA;EACET,OAAO,EAAEK,kBAAA,CAAUK;AAzBD,CAApB;;eA4Be,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA8CnB,OAA9C,C"}

package/dist/Card/Content/index.d.ts

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

package/dist/Card/Content/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 _Content.default;
+  }
+});
+
+var _Content = _interopRequireDefault(require("./Content"));
+//# sourceMappingURL=index.js.map

package/dist/Card/Content/index.js.map

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

package/dist/Card/Content/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var styles = function styles(theme) {
+  return {
+    content: {
+      padding: "0 ".concat(theme.hv.spacing.sm, "px 15px ").concat(theme.hv.spacing.sm, "px"),
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      "&:last-child": {
+        paddingBottom: "".concat(theme.hv.spacing.sm, "px") // Overrides MUI padding
+
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Card/Content/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","content","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","paddingBottom"],"sources":["../../../src/Card/Content/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  content: {\n    padding: `0 ${theme.hv.spacing.sm}px 15px ${theme.hv.spacing.sm}px`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    \"&:last-child\": {\n      paddingBottom: `${theme.hv.spacing.sm}px`, // Overrides MUI padding\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,OAAO,EAAE;MACPC,OAAO,cAAOF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAxB,qBAAqCL,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtD,OADA;MAEPC,eAAe,EAAEN,KAAK,CAACG,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAFtC;MAGP,gBAAgB;QACdC,aAAa,YAAKV,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OADC,CAC6B;;MAD7B;IAHT;EADgB,CAAZ;AAAA,CAAf;;eAUeN,M"}

package/dist/Card/Footer/Footer.d.ts

@@ -0,0 +1,36 @@
+import { CardActionsProps, StandardProps } from "@material-ui/core";
+import { HvActionsCommonProps, HvActionsProps } from "../../Actions";
+import { HvCheckBoxProps } from "../../Selectors/CheckBox";
+
+export interface HvCardFooterCommonProps extends HvActionsCommonProps {
+  /**
+   * The alignment applied to the action elements
+   */
+  actionsAlignment?: "left" | "right";
+  /**
+   *  ´true´ if the card should have a checkbox in the footer to be selectable ´false´ if it is not required.
+   */
+  isSelectable?: boolean;
+}
+
+export interface HvCardFooterProps
+  extends StandardProps<CardActionsProps, HvCardFooterClassKey>,
+    HvCardFooterCommonProps {
+  /**
+   *  The function that will be executed when the card is selected.
+   */
+  onChange?: (event: React.FormEvent<HTMLDivElement>) => void | undefined;
+  /**
+   * Extra properties to be passed to the checkbox component in the footer.
+   */
+  checkboxProps: HvCheckBoxProps;
+  /**
+   * Properties to be passed onto the Actions component, the values of the object are equivalent to the
+   * HvActions API.
+   */
+  actionsProps?: HvActionsProps;
+}
+
+export type HvCardFooterClassKey = "root" | "leftContainer" | "rightContainer";
+
+export default function HvCardFooter(props: HvCardFooterProps): JSX.Element | null;