@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/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;

package/dist/modern/Card/Footer/Footer.js

@@ -0,0 +1,143 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "id", "className", "actions", "actionsCallback", "actionsAlignment", "maxVisibleActions", "isSelectable", "onChange", "checked", "checkboxProps", "actionsProps"];
+import React from "react";
+import PropTypes, { oneOfType } from "prop-types";
+import clsx from "clsx";
+import { CardActions, withStyles } from "@material-ui/core";
+import { HvCheckBox, setId } from "../..";
+import Actions from "../../Actions";
+import withConfig from "../../config/withConfig";
+import styles from "./styles";
+/**
+ * The footer container contains the actions of the cards also
+ * it creates a checkbox if the card is required to be selectable positioning it to the left.
+ */
+
+const Footer = props => {
+  const {
+    classes,
+    id,
+    className,
+    actions,
+    actionsCallback,
+    actionsAlignment = "left",
+    maxVisibleActions = 1,
+    isSelectable = false,
+    onChange,
+    checked,
+    checkboxProps,
+    actionsProps
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(CardActions, _extends({
+    id: setId(id, "footer"),
+    className: clsx(classes.root, className)
+  }, others), isSelectable && /*#__PURE__*/React.createElement("div", {
+    className: classes.leftContainer
+  }, /*#__PURE__*/React.createElement(HvCheckBox, _extends({
+    onChange: onChange,
+    checked: checked
+  }, checkboxProps))), /*#__PURE__*/React.createElement("div", {
+    className: classes[`${isSelectable || Array.isArray(actions) ? "right" : actionsAlignment}Container`]
+  }, /*#__PURE__*/React.createElement(Actions, _extends({
+    id: id,
+    actions: actions,
+    maxVisibleActions: maxVisibleActions,
+    actionsCallback: actionsCallback
+  }, actionsProps))));
+};
+
+process.env.NODE_ENV !== "production" ? Footer.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the actions left container of the component.
+     */
+    leftContainer: PropTypes.string,
+
+    /**
+     * Style applied to the actions right container of the component. Used when selection is active.
+     */
+    rightContainer: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Component identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The renderable content inside the actions slot of the footer,
+   * or an Array of actions ´{id, label, icon}´
+   */
+  actions: oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    iconCallback: PropTypes.func,
+    disabled: PropTypes.bool,
+    ariaLabel: PropTypes.string,
+    ariaLabelledBy: PropTypes.string,
+    ariaDescribedBy: PropTypes.string
+  }))]),
+
+  /**
+   *  The callback function ran when an action is triggered, receiving ´action´ as param
+   */
+  actionsCallback: PropTypes.func,
+
+  /**
+   * The alignment applied to the action elements
+   */
+  actionsAlignment: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   *  The number of maximum visible actions before they're collapsed into a ´DropDownMenu´.
+   */
+  maxVisibleActions: PropTypes.number,
+
+  /**
+   *  ´true´ if the card should have a checkbox in the footer to be selectable ´false´ if it is not required.
+   */
+  isSelectable: PropTypes.bool,
+
+  /**
+   *  The function that will be executed when the card is selected.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * 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),
+
+  /**
+   * Properties to be passed onto the Actions component, the values of the object are equivalent to the
+   * HvActions API.
+   */
+  actionsProps: PropTypes.instanceOf(Object)
+} : void 0;
+export default withStyles(styles, {
+  name: "HvCardFooter"
+})(withConfig(Footer));
+//# sourceMappingURL=Footer.js.map

package/dist/modern/Card/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","names":["React","PropTypes","oneOfType","clsx","CardActions","withStyles","HvCheckBox","setId","Actions","withConfig","styles","Footer","props","classes","id","className","actions","actionsCallback","actionsAlignment","maxVisibleActions","isSelectable","onChange","checked","checkboxProps","actionsProps","others","root","leftContainer","Array","isArray","propTypes","string","shape","rightContainer","isRequired","node","arrayOf","label","iconCallback","func","disabled","bool","ariaLabel","ariaLabelledBy","ariaDescribedBy","oneOf","number","instanceOf","Object","name"],"sources":["../../../../src/Card/Footer/Footer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CardActions, withStyles } from \"@material-ui/core\";\nimport { HvCheckBox, setId } from \"../..\";\nimport Actions from \"../../Actions\";\nimport withConfig from \"../../config/withConfig\";\nimport styles from \"./styles\";\n\n/**\n * The footer container contains the actions of the cards also\n * it creates a checkbox if the card is required to be selectable positioning it to the left.\n */\nconst Footer = (props) => {\n  const {\n    classes,\n    id,\n    className,\n    actions,\n    actionsCallback,\n    actionsAlignment = \"left\",\n    maxVisibleActions = 1,\n    isSelectable = false,\n    onChange,\n    checked,\n    checkboxProps,\n    actionsProps,\n    ...others\n  } = props;\n\n  return (\n    <CardActions id={setId(id, \"footer\")} className={clsx(classes.root, className)} {...others}>\n      {isSelectable && (\n        <div className={classes.leftContainer}>\n          <HvCheckBox onChange={onChange} checked={checked} {...checkboxProps} />\n        </div>\n      )}\n      <div\n        className={\n          classes[`${isSelectable || Array.isArray(actions) ? \"right\" : actionsAlignment}Container`]\n        }\n      >\n        <Actions\n          id={id}\n          actions={actions}\n          maxVisibleActions={maxVisibleActions}\n          actionsCallback={actionsCallback}\n          {...actionsProps}\n        />\n      </div>\n    </CardActions>\n  );\n};\n\nFooter.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the actions left container of the component.\n     */\n    leftContainer: PropTypes.string,\n    /**\n     * Style applied to the actions right container of the component. Used when selection is active.\n     */\n    rightContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\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        iconCallback: PropTypes.func,\n        disabled: PropTypes.bool,\n        ariaLabel: PropTypes.string,\n        ariaLabelledBy: PropTypes.string,\n        ariaDescribedBy: PropTypes.string,\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 number of maximum visible actions before they're collapsed into a ´DropDownMenu´.\n   */\n  maxVisibleActions: PropTypes.number,\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   *  The function that will be executed when the card is selected.\n   */\n  onChange: PropTypes.func,\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   * Properties to be passed onto the Actions component, the values of the object are equivalent to the\n   * HvActions API.\n   */\n  actionsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvCardFooter\" })(withConfig(Footer));\n"],"mappings":"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"}

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

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

package/dist/modern/Card/Footer/index.js

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

package/dist/modern/Card/Footer/index.js.map

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

package/dist/modern/Card/Footer/styles.js

@@ -0,0 +1,18 @@
+const styles = theme => ({
+  root: {
+    padding: `${theme.hv.spacing.sm}px ${theme.hv.spacing.xs}px`,
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
+    backgroundColor: theme.hv.palette.atmosphere.atmo1
+  },
+  leftContainer: {
+    alignSelf: "flex-start",
+    marginRight: "auto"
+  },
+  rightContainer: {
+    alignSelf: "flex-end",
+    marginLeft: "auto"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Card/Footer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hv","spacing","sm","xs","borderTop","palette","atmosphere","atmo2","backgroundColor","atmo1","leftContainer","alignSelf","marginRight","rightContainer","marginLeft"],"sources":["../../../../src/Card/Footer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: `${theme.hv.spacing.sm}px ${theme.hv.spacing.xs}px`,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  leftContainer: {\n    alignSelf: \"flex-start\",\n    marginRight: \"auto\",\n  },\n  rightContainer: {\n    alignSelf: \"flex-end\",\n    marginLeft: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAG,GAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAG,MAAKL,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBE,EAAG,IADrD;IAEJC,SAAS,EAAG,aAAYP,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EAFtD;IAGJC,eAAe,EAAEX,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BG;EAHzC,CADmB;EAMzBC,aAAa,EAAE;IACbC,SAAS,EAAE,YADE;IAEbC,WAAW,EAAE;EAFA,CANU;EAUzBC,cAAc,EAAE;IACdF,SAAS,EAAE,UADG;IAEdG,UAAU,EAAE;EAFE;AAVS,CAAZ,CAAf;;AAgBA,eAAelB,MAAf"}

package/dist/modern/Card/Header/Header.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { CardHeaderProps, StandardProps } from "@material-ui/core";
+
+export interface HvCardHeaderProps extends StandardProps<CardHeaderProps, HvCardHeaderClassKey> {
+  /**
+   *  The renderable content inside the title slot of the header.
+   */
+  headerTitle: React.ReactNode;
+  /**
+   *  The renderable content inside the subheader slot of the header.
+   */
+  subheader?: React.ReactNode;
+  /**
+   *  The renderable content inside the icon slot of the header.
+   */
+  icon?: React.ReactNode;
+}
+
+export type HvCardHeaderClassKey =
+  | "root"
+  | "title"
+  | "titleShort"
+  | "subheader"
+  | "action"
+  | "content";
+
+export default function HvCardHeader(props: HvCardHeaderProps): JSX.Element | null;

package/dist/modern/Card/Header/Header.js

@@ -0,0 +1,110 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "headerTitle", "subheader", "icon", "id", "onClick"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { CardHeader, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * The header container for the card.
+ */
+
+const Header = props => {
+  const {
+    classes,
+    className,
+    headerTitle,
+    subheader,
+    icon,
+    id,
+    onClick
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(CardHeader, _extends({
+    id: id,
+    title: headerTitle,
+    className: clsx(classes.root, className),
+    subheader: subheader,
+    action: icon,
+    classes: {
+      title: icon ? classes.titleShort : classes.title,
+      subheader: classes.subheader,
+      action: classes.action,
+      content: classes.content
+    },
+    onClick: onClick
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Header.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the title Typography element.
+     */
+    title: PropTypes.string,
+
+    /**
+     * Styles applied to the tittle Typography element when icon is present.
+     */
+    titleShort: PropTypes.string,
+
+    /**
+     * Styles applied to the subheader Typography element.
+     */
+    subheader: PropTypes.string,
+
+    /**
+     * Styles applied to the action element.
+     */
+    action: PropTypes.string,
+
+    /**
+     * Styles applied to the content wrapper element.
+     */
+    content: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  The renderable content inside the title slot of the header.
+   */
+  headerTitle: PropTypes.node.isRequired,
+
+  /**
+   *  The renderable content inside the subheader slot of the header.
+   */
+  subheader: PropTypes.node,
+
+  /**
+   *  The renderable content inside the icon slot of the header.
+   */
+  icon: PropTypes.node,
+
+  /**
+   *  The function that will be executed when this section is clicked.
+   */
+  onClick: PropTypes.func
+} : void 0;
+export default withStyles(styles, {
+  name: "HvCardHeader"
+})(Header);
+//# sourceMappingURL=Header.js.map

package/dist/modern/Card/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":["React","PropTypes","clsx","CardHeader","withStyles","styles","Header","props","classes","className","headerTitle","subheader","icon","id","onClick","others","root","title","titleShort","action","content","propTypes","string","shape","isRequired","node","func","name"],"sources":["../../../../src/Card/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CardHeader, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The header container for the card.\n */\nconst Header = (props) => {\n  const { classes, className, headerTitle, subheader, icon, id, onClick, ...others } = props;\n\n  return (\n    <CardHeader\n      id={id}\n      title={headerTitle}\n      className={clsx(classes.root, className)}\n      subheader={subheader}\n      action={icon}\n      classes={{\n        title: icon ? classes.titleShort : classes.title,\n        subheader: classes.subheader,\n        action: classes.action,\n        content: classes.content,\n      }}\n      onClick={onClick}\n      {...others}\n    />\n  );\n};\n\nHeader.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 of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the title Typography element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the tittle Typography element when icon is present.\n     */\n    titleShort: PropTypes.string,\n    /**\n     * Styles applied to the subheader Typography element.\n     */\n    subheader: PropTypes.string,\n    /**\n     * Styles applied to the action element.\n     */\n    action: PropTypes.string,\n    /**\n     * Styles applied to the content wrapper element.\n     */\n    content: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The renderable content inside the title slot of the header.\n   */\n  headerTitle: PropTypes.node.isRequired,\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 function that will be executed when this section is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCardHeader\" })(Header);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,mBAAvC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAM;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,WAAtB;IAAmCC,SAAnC;IAA8CC,IAA9C;IAAoDC,EAApD;IAAwDC;EAAxD,IAA+EP,KAArF;EAAA,MAA0EQ,MAA1E,4BAAqFR,KAArF;;EAEA,oBACE,oBAAC,UAAD;IACE,EAAE,EAAEM,EADN;IAEE,KAAK,EAAEH,WAFT;IAGE,SAAS,EAAER,IAAI,CAACM,OAAO,CAACQ,IAAT,EAAeP,SAAf,CAHjB;IAIE,SAAS,EAAEE,SAJb;IAKE,MAAM,EAAEC,IALV;IAME,OAAO,EAAE;MACPK,KAAK,EAAEL,IAAI,GAAGJ,OAAO,CAACU,UAAX,GAAwBV,OAAO,CAACS,KADpC;MAEPN,SAAS,EAAEH,OAAO,CAACG,SAFZ;MAGPQ,MAAM,EAAEX,OAAO,CAACW,MAHT;MAIPC,OAAO,EAAEZ,OAAO,CAACY;IAJV,CANX;IAYE,OAAO,EAAEN;EAZX,GAaMC,MAbN,EADF;AAiBD,CApBD;;AAsBA,wCAAAT,MAAM,CAACe,SAAP,GAAmB;EACjB;AACF;AACA;EACER,EAAE,EAAEZ,SAAS,CAACqB,MAJG;;EAKjB;AACF;AACA;EACEb,SAAS,EAAER,SAAS,CAACqB,MARJ;;EASjB;AACF;AACA;EACEd,OAAO,EAAEP,SAAS,CAACsB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEf,SAAS,CAACqB,MAJO;;IAKvB;AACJ;AACA;IACIL,KAAK,EAAEhB,SAAS,CAACqB,MARM;;IASvB;AACJ;AACA;IACIJ,UAAU,EAAEjB,SAAS,CAACqB,MAZC;;IAavB;AACJ;AACA;IACIX,SAAS,EAAEV,SAAS,CAACqB,MAhBE;;IAiBvB;AACJ;AACA;IACIH,MAAM,EAAElB,SAAS,CAACqB,MApBK;;IAqBvB;AACJ;AACA;IACIF,OAAO,EAAEnB,SAAS,CAACqB;EAxBI,CAAhB,EAyBNE,UArCc;;EAsCjB;AACF;AACA;EACEd,WAAW,EAAET,SAAS,CAACwB,IAAV,CAAeD,UAzCX;;EA0CjB;AACF;AACA;EACEb,SAAS,EAAEV,SAAS,CAACwB,IA7CJ;;EA8CjB;AACF;AACA;EACEb,IAAI,EAAEX,SAAS,CAACwB,IAjDC;;EAkDjB;AACF;AACA;EACEX,OAAO,EAAEb,SAAS,CAACyB;AArDF,CAAnB;AAwDA,eAAetB,UAAU,CAACC,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA6CrB,MAA7C,CAAf"}

package/dist/modern/Card/Header/index.d.ts

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

package/dist/modern/Card/Header/index.js

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

package/dist/modern/Card/Header/index.js.map

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

package/dist/modern/Card/Header/styles.js

@@ -0,0 +1,38 @@
+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; }
+
+const styles = theme => ({
+  root: {
+    padding: `15px ${theme.hv.spacing.sm}px`,
+    backgroundColor: theme.hv.palette.atmosphere.atmo1,
+    position: "relative"
+  },
+  title: _objectSpread({
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.mTitle),
+  titleShort: _objectSpread(_objectSpread({
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.mTitle), {}, {
+    marginRight: "30px"
+  }),
+  subheader: _objectSpread(_objectSpread({
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.sText), {}, {
+    paddingTop: `${theme.hv.spacing.sm}px`
+  }),
+  action: {
+    position: "absolute",
+    right: 20,
+    marginTop: 0,
+    marginRight: "0px",
+    paddingLeft: `${theme.hv.spacing.xs}px`,
+    top: "15px"
+  },
+  content: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Card/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","position","title","fontFamily","typography","mTitle","titleShort","marginRight","subheader","sText","paddingTop","action","right","marginTop","paddingLeft","xs","top","content"],"sources":["../../../../src/Card/Header/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: `15px ${theme.hv.spacing.sm}px`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    position: \"relative\",\n  },\n  title: {\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.mTitle,\n  },\n  titleShort: {\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.mTitle,\n    marginRight: \"30px\",\n  },\n  subheader: {\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.sText,\n    paddingTop: `${theme.hv.spacing.sm}px`,\n  },\n  action: {\n    position: \"absolute\",\n    right: 20,\n    marginTop: 0,\n    marginRight: \"0px\",\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n    top: \"15px\",\n  },\n  content: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAG,QAAOF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAG,IADjC;IAEJC,eAAe,EAAEN,KAAK,CAACG,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAFzC;IAGJC,QAAQ,EAAE;EAHN,CADmB;EAMzBC,KAAK;IACHC,UAAU,EAAEZ,KAAK,CAACG,EAAN,CAASU,UAAT,CAAoBD;EAD7B,GAEAZ,KAAK,CAACG,EAAN,CAASU,UAAT,CAAoBC,MAFpB,CANoB;EAUzBC,UAAU;IACRH,UAAU,EAAEZ,KAAK,CAACG,EAAN,CAASU,UAAT,CAAoBD;EADxB,GAELZ,KAAK,CAACG,EAAN,CAASU,UAAT,CAAoBC,MAFf;IAGRE,WAAW,EAAE;EAHL,EAVe;EAezBC,SAAS;IACPL,UAAU,EAAEZ,KAAK,CAACG,EAAN,CAASU,UAAT,CAAoBD;EADzB,GAEJZ,KAAK,CAACG,EAAN,CAASU,UAAT,CAAoBK,KAFhB;IAGPC,UAAU,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAG;EAH5B,EAfgB;EAoBzBe,MAAM,EAAE;IACNV,QAAQ,EAAE,UADJ;IAENW,KAAK,EAAE,EAFD;IAGNC,SAAS,EAAE,CAHL;IAINN,WAAW,EAAE,KAJP;IAKNO,WAAW,EAAG,GAAEvB,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBoB,EAAG,IAL9B;IAMNC,GAAG,EAAE;EANC,CApBiB;EA4BzBC,OAAO,EAAE;AA5BgB,CAAZ,CAAf;;AA+BA,eAAe3B,MAAf"}

package/dist/modern/Card/Media/Media.d.ts

@@ -0,0 +1,28 @@
+import { CardMediaProps, StandardProps } from "@material-ui/core";
+
+export interface HvCardMediaProps extends StandardProps<CardMediaProps, HvCardMediaClassKey> {
+  /**
+   * Extra properties passed to the media element.
+   */
+  mediaProps?: object;
+  /**
+   *  The title of the media.
+   */
+  title?: string;
+  /**
+   *  The path to the image to show in the media slot.
+   */
+  mediaPath?: string;
+  /**
+   *  The height necessary to adjust the media container to the image.
+   */
+  mediaHeight?: number;
+  /**
+   *  The function that will be executed when this section is clicked.
+   */
+  onClickAction?: (event: MouseEvent) => void;
+}
+
+export type HvCardMediaClassKey = "root" | "media";
+
+export default function HvCardMedia(props: HvCardMediaProps): JSX.Element | null;

package/dist/modern/Card/Media/Media.js

@@ -0,0 +1,90 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "id", "className", "mediaPath", "title", "mediaHeight", "onClick"];
+import React from "react";
+import PropTypes from "prop-types";
+import { CardMedia, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * The media container.
+ */
+
+const Media = props => {
+  const {
+    classes,
+    id,
+    className,
+    mediaPath = "",
+    title,
+    mediaHeight,
+    onClick
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(CardMedia, _extends({
+    id: id,
+    classes: {
+      root: classes.root,
+      media: classes.media
+    },
+    className: className,
+    role: "img",
+    image: mediaPath,
+    style: mediaHeight ? {
+      height: `${mediaHeight}px`
+    } : undefined,
+    title: title,
+    onClick: onClick
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Media.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root of the element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if component="video, audio, picture, iframe, or img".
+     */
+    media: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  The title of the media.
+   */
+  title: PropTypes.string,
+
+  /**
+   *  The path to the image to show in the media slot.
+   */
+  mediaPath: PropTypes.string,
+
+  /**
+   *  The height necessary to adjust the media container to the image.
+   */
+  mediaHeight: PropTypes.number,
+
+  /**
+   *  The function that will be executed when this section is clicked.
+   */
+  onClick: PropTypes.func
+} : void 0;
+export default withStyles(styles, {
+  name: "HvCardMedia"
+})(Media);
+//# sourceMappingURL=Media.js.map

package/dist/modern/Card/Media/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","names":["React","PropTypes","CardMedia","withStyles","styles","Media","props","classes","id","className","mediaPath","title","mediaHeight","onClick","others","root","media","height","undefined","propTypes","string","shape","isRequired","number","func","name"],"sources":["../../../../src/Card/Media/Media.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { CardMedia, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The media container.\n */\nconst Media = (props) => {\n  const { classes, id, className, mediaPath = \"\", title, mediaHeight, onClick, ...others } = props;\n\n  return (\n    <CardMedia\n      id={id}\n      classes={{ root: classes.root, media: classes.media }}\n      className={className}\n      role=\"img\"\n      image={mediaPath}\n      style={mediaHeight ? { height: `${mediaHeight}px` } : undefined}\n      title={title}\n      onClick={onClick}\n      {...others}\n    />\n  );\n};\n\nMedia.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element if component=\"video, audio, picture, iframe, or img\".\n     */\n    media: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The title of the media.\n   */\n  title: PropTypes.string,\n  /**\n   *  The path to the image to show in the media slot.\n   */\n  mediaPath: PropTypes.string,\n  /**\n   *  The height necessary to adjust the media container to the image.\n   */\n  mediaHeight: PropTypes.number,\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: \"HvCardMedia\" })(Media);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,EAAoBC,UAApB,QAAsC,mBAAtC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,KAAK,GAAIC,KAAD,IAAW;EACvB,MAAM;IAAEC,OAAF;IAAWC,EAAX;IAAeC,SAAf;IAA0BC,SAAS,GAAG,EAAtC;IAA0CC,KAA1C;IAAiDC,WAAjD;IAA8DC;EAA9D,IAAqFP,KAA3F;EAAA,MAAgFQ,MAAhF,4BAA2FR,KAA3F;;EAEA,oBACE,oBAAC,SAAD;IACE,EAAE,EAAEE,EADN;IAEE,OAAO,EAAE;MAAEO,IAAI,EAAER,OAAO,CAACQ,IAAhB;MAAsBC,KAAK,EAAET,OAAO,CAACS;IAArC,CAFX;IAGE,SAAS,EAAEP,SAHb;IAIE,IAAI,EAAC,KAJP;IAKE,KAAK,EAAEC,SALT;IAME,KAAK,EAAEE,WAAW,GAAG;MAAEK,MAAM,EAAG,GAAEL,WAAY;IAAzB,CAAH,GAAoCM,SANxD;IAOE,KAAK,EAAEP,KAPT;IAQE,OAAO,EAAEE;EARX,GASMC,MATN,EADF;AAaD,CAhBD;;AAkBA,wCAAAT,KAAK,CAACc,SAAN,GAAkB;EAChB;AACF;AACA;EAEEX,EAAE,EAAEP,SAAS,CAACmB,MALE;;EAMhB;AACF;AACA;EACEX,SAAS,EAAER,SAAS,CAACmB,MATL;;EAUhB;AACF;AACA;EACEb,OAAO,EAAEN,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEd,SAAS,CAACmB,MAJO;;IAKvB;AACJ;AACA;IACIJ,KAAK,EAAEf,SAAS,CAACmB;EARM,CAAhB,EASNE,UAtBa;;EAuBhB;AACF;AACA;EACEX,KAAK,EAAEV,SAAS,CAACmB,MA1BD;;EA2BhB;AACF;AACA;EACEV,SAAS,EAAET,SAAS,CAACmB,MA9BL;;EA+BhB;AACF;AACA;EACER,WAAW,EAAEX,SAAS,CAACsB,MAlCP;;EAmChB;AACF;AACA;EACEV,OAAO,EAAEZ,SAAS,CAACuB;AAtCH,CAAlB;AAyCA,eAAerB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CpB,KAA5C,CAAf"}

package/dist/modern/Card/Media/index.d.ts

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

package/dist/modern/Card/Media/index.js

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

package/dist/modern/Card/Media/index.js.map

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

package/dist/modern/Card/Media/styles.js

@@ -0,0 +1,14 @@
+const styles = theme => ({
+  root: {
+    width: "100%",
+    paddingBottom: `${theme.hv.spacing.sm}px`,
+    backgroundColor: theme.hv.palette.atmosphere.atmo1
+  },
+  media: {
+    height: "100%",
+    width: "100%"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Card/Media/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","paddingBottom","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","media","height"],"sources":["../../../../src/Card/Media/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    paddingBottom: `${theme.hv.spacing.sm}px`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  media: {\n    height: \"100%\",\n    width: \"100%\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE,MADH;IAEJC,aAAa,EAAG,GAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAG,IAFlC;IAGJC,eAAe,EAAEP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;EAHzC,CADmB;EAMzBC,KAAK,EAAE;IACLC,MAAM,EAAE,MADH;IAELV,KAAK,EAAE;EAFF;AANkB,CAAZ,CAAf;;AAYA,eAAeH,MAAf"}

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

@@ -0,0 +1,14 @@
+export { default } from "./Card";
+export * from "./Card";
+
+export { default as HvCardContent } from "./Content";
+export * from "./Content";
+
+export { default as HvCardFooter } from "./Footer";
+export * from "./Footer";
+
+export { default as HvCardHeader } from "./Header";
+export * from "./Header";
+
+export { default as HvCardMedia } from "./Media";
+export * from "./Media";

package/dist/modern/Card/index.js

@@ -0,0 +1,6 @@
+export { default } from "./Card";
+export { default as HvCardHeader } from "./Header";
+export { default as HvCardFooter } from "./Footer";
+export { default as HvCardContent } from "./Content";
+export { default as HvCardMedia } from "./Media";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvCardHeader","HvCardFooter","HvCardContent","HvCardMedia"],"sources":["../../../src/Card/index.js"],"sourcesContent":["export { default } from \"./Card\";\nexport { default as HvCardHeader } from \"./Header\";\nexport { default as HvCardFooter } from \"./Footer\";\nexport { default as HvCardContent } from \"./Content\";\nexport { default as HvCardMedia } from \"./Media\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB;AACA,SAASA,OAAO,IAAIC,YAApB,QAAwC,UAAxC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,UAAxC;AACA,SAASF,OAAO,IAAIG,aAApB,QAAyC,WAAzC;AACA,SAASH,OAAO,IAAII,WAApB,QAAuC,SAAvC"}