@hitachivantara/uikit-react-core 3.52.5

package/dist/Calendar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Calendar/utils.js"],"names":["CALENDAR_WEEKS","DEFAULT_LOCALE","zeroPad","value","length","padStart","getMonthDays","month","year","Date","getDate","getMonthFirstWeekday","getDay","makeUTCDate","monthIndex","day","hour","UTC","isDate","date","Object","prototype","toString","call","Number","isNaN","valueOf","isSameMonth","date1","date2","getMonth","getFullYear","isSameDay","getDateISO","join","getPreviousMonth","prevMonth","prevMonthYear","getNextMonth","nextMonth","nextMonthYear","uppercaseFirstLetter","monthName","toUpperCase","substring","getMonthNamesList","locale","representationValue","REPRESENTATION_VALUES","LONG","options","timeZone","Array","map","n","index","auxDate","Intl","DateTimeFormat","format","getWeekdayNamesList","weekday","weekdayNames","push","getMonthName","getFormattedDate","rep","SHORT","createDatesArray","monthDays","daysFromPrevMonth","daysFromNextMonth","prevMonthDays","prevMonthDates","currentMonthDates","nextMonthDates","isValidLocale","supportedLocalesOf","console","warn","error","name","message","isRange","dateInProvidedValueRange","providedValueRange","startDate","endDate","localEndDate","modStartDate","modEndDate","convertedDate","checkIfDateIsDisabled","minimumDate","maximumDate","undefined","formatDMY","d","m","y"],"mappings":"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","sourcesContent":["import dayjs from \"dayjs\";\nimport isNil from \"lodash/isNil\";\nimport { REPRESENTATION_VALUES } from \"./enums\";\n\n/**\n * Constant with the number of weeks to be displayed on the calendar.\n */\nexport const CALENDAR_WEEKS = 6;\n\n/**\n * Constant with the default locale that should be used as the default.\n */\nexport const DEFAULT_LOCALE = \"en\";\n\n/**\n * Pads a string value with leading zeroes(0) until length is reached.\n * For example: zeroPad(5, 2) => \"05\".\n *\n * @param {number} value - Value to be padded.\n * @param {number} length - Length of the value after the padding is added.\n * @returns {string} The value as a string with the received amount of padding.\n */\nexport const zeroPad = (value, length) => `${value}`.padStart(length, \"0\");\n\n/**\n * Returns the number of days in the month given a month and year.\n *\n * @param {number} month - Number of the month (1 to 12).\n * @param {number} year - Number of the year.\n * @returns {number} The number of days in a month for the received year.\n */\nexport const getMonthDays = (month, year) => new Date(year, month, 0).getDate();\n\n/**\n * Gets the week day of the first day of a given month and year.\n * From 0 (Sunday) to 6 (Saturday).\n *\n * @param {number} month - Number of the month (1 to 12).\n * @param {number} year - Number of the year.\n * @returns {number} The zero indexed week day where 0 is Sunday (0 to 6).\n */\nexport const getMonthFirstWeekday = (month, year) => new Date(year, month - 1, 1).getDay();\n\n/**\n * Creates a `Date` instance in UTC timezone.\n *\n * @param {number} year - The year of the date.\n * @param {number} monthIndex - The zero indexed month of the year (0 to 11).\n * @param {number} day - The day of the month.\n * @param {number} [hour=1] - The hour of the day.\n * @returns {Date} A `Date` instance in UTC timezone.\n */\nexport const makeUTCDate = (year, monthIndex, day, hour = 1) =>\n  new Date(Date.UTC(year, monthIndex, day, hour));\n\n/**\n * Checks if the received date is a valid date.\n *\n * @param {Date} date - The date to be validated.\n * @returns {boolean} A flag stating if the date is valid or not.\n */\nexport const isDate = (date) =>\n  Object.prototype.toString.call(date) === \"[object Date]\" && !Number.isNaN(date.valueOf());\n\n/**\n * Checks if two dates are in the same month and year.\n *\n * @param {Date} date1 - First date.\n * @param {Date} date2 - Second date.\n * @returns {boolean} A flag stating if the dates are in the same month and year or not.\n */\nexport const isSameMonth = (date1, date2) => {\n  if (!(isDate(date1) && isDate(date2))) return false;\n\n  return date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();\n};\n\n/**\n * Checks if two dates are on the same day.\n *\n * @param {Date} date1 - First date.\n * @param {Date} date2 - Second date.\n * @returns {boolean} A flag stating if the dates are in the same day or not.\n */\nexport const isSameDay = (date1, date2) => {\n  if (!(isDate(date1) && isDate(date2))) return false;\n\n  return (\n    date1.getDate() === date2.getDate() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getFullYear() === date2.getFullYear()\n  );\n};\n\n/**\n * Formats the received date using the ISO format (YYYY-MM-DD).\n *\n * @param {Date} date - The date to be formatted.\n * @returns {string || null} The formatted date in ISO format.\n */\nexport const getDateISO = (date) => {\n  if (!isDate(date)) return null;\n\n  return [date.getFullYear(), zeroPad(date.getMonth() + 1, 2), zeroPad(date.getDate(), 2)].join(\n    \"-\"\n  );\n};\n\n/**\n * Returns an object with the previous month taking also into consideration the year.\n * For example the previous month of January 2000 will be December 1999.\n *\n * @param {number} month - Number of the month.\n * @param {number} year - Number of the year.\n * @returns {({month: number, year: number})} Object with new month and year defined.\n */\nexport const getPreviousMonth = (month, year) => {\n  const prevMonth = month > 1 ? month - 1 : 12;\n  const prevMonthYear = month > 1 ? year : year - 1;\n\n  return { month: prevMonth, year: prevMonthYear };\n};\n\n/**\n * Returns an object with the next month taking also into consideration the year.\n * For example the next month of December 2000 will be January 2001.\n *\n * @param {number} month - Number of the month.\n * @param {number} year - Number of the year.\n * @returns {({month: number, year: number})} Object with new month and year defined.\n */\nexport const getNextMonth = (month, year) => {\n  const nextMonth = month < 12 ? month + 1 : 1;\n  const nextMonthYear = month < 12 ? year : year + 1;\n\n  return { month: nextMonth, year: nextMonthYear };\n};\n\nconst uppercaseFirstLetter = (monthName) => monthName[0].toUpperCase() + monthName.substring(1);\n\n/**\n * Returns a list with the names of all the months localized in the received locale and representation value.\n *\n * @param {string} locale - The locale to be applied to the Intl format.\n * @param {string} [representationValue=REPRESENTATION_VALUES.LONG] - The representation value for the month.\n * @returns {Array} An array with all the months names.\n */\nexport const getMonthNamesList = (locale, representationValue = REPRESENTATION_VALUES.LONG) => {\n  const options = { month: representationValue, timeZone: \"UTC\" };\n\n  return [...new Array(12)].map((n, index) => {\n    const auxDate = makeUTCDate(1970, index, 1);\n    return uppercaseFirstLetter(Intl.DateTimeFormat(locale, options).format(auxDate));\n  });\n};\n\n/**\n * Returns a list with the names of all the weekdays localized in the received locale and representation value.\n *\n * @param {string} locale - The locale to be applied.\n * @param {string} representationValue - The representation value for the weekday.\n * @returns {Array} An array with all the weekday names.\n */\nexport const getWeekdayNamesList = (locale, representationValue = REPRESENTATION_VALUES.LONG) => {\n  const options = { weekday: representationValue, timeZone: \"UTC\" };\n  const weekdayNames = [];\n\n  for (let day = 4; day <= 10; day += 1) {\n    const auxDate = makeUTCDate(1970, 0, day);\n\n    weekdayNames.push(Intl.DateTimeFormat(locale, options).format(auxDate));\n  }\n  return weekdayNames;\n};\n\n/**\n * Returns the name of the month for the supplied month localized in the received locale and representation value.\n *\n * @param {Date} date - The date from which the month name is extracted.\n * @param {string} locale - The locale to be applied to the Intl format.\n * @param {string} [representationValue=REPRESENTATION_VALUES.LONG] - The locale to be applied to the Intl format.\n * @returns {string} The name of the month.\n */\nexport const getMonthName = (date, locale, representationValue = REPRESENTATION_VALUES.LONG) =>\n  new Intl.DateTimeFormat(locale, { month: representationValue }).format(date);\n\n/**\n * Formats the received date according to Design System specifications.\n * Currently: day month, year => `14 Aug, 2019`.\n *\n * @param {Date} date - UTC date to be formatted.\n * @param {string} locale - The locale to be applied to the Intl format.\n * @returns {string} The formatted date as a string.\n */\nexport const getFormattedDate = (date, locale, rep = REPRESENTATION_VALUES.SHORT) =>\n  `${date.getDate()} ${getMonthName(date, locale, rep)} ${date.getFullYear()}`;\n/**\n * Creates an array of 42 days. The complete current month and enough days from the previous and next months to fill\n * the 42 positions.\n *\n * @param {number} month - The number of the month (1 to 12).\n * @param {number} year - The number of the year.\n * @returns {Array} The array of dates.\n */\nexport const createDatesArray = (month, year) => {\n  // Initializes the variables needed to calculate the dates for the received month and year\n  const monthDays = getMonthDays(month, year);\n  const daysFromPrevMonth = getMonthFirstWeekday(month, year);\n  const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);\n  const prevMonthYear = getPreviousMonth(month, year);\n  const nextMonthYear = getNextMonth(month, year);\n  const prevMonthDays = getMonthDays(prevMonthYear.month, prevMonthYear.year);\n\n  // Creates the arrays for the dates for previous, current and next months\n  const prevMonthDates = [...new Array(daysFromPrevMonth)].map((n, index) => {\n    const day = index + 1 + (prevMonthDays - daysFromPrevMonth);\n    return new Date(prevMonthYear.year, prevMonthYear.month - 1, day);\n  });\n  const currentMonthDates = [...new Array(monthDays)].map((n, index) => {\n    const day = index + 1;\n    return new Date(year, month - 1, day);\n  });\n  const nextMonthDates = [...new Array(daysFromNextMonth)].map((n, index) => {\n    const day = index + 1;\n    return new Date(nextMonthYear.year, nextMonthYear.month - 1, day);\n  });\n\n  return [...prevMonthDates, ...currentMonthDates, ...nextMonthDates];\n};\n\n/**\n * Checks if the received locale is valid according to Intl.\n *\n * @param {string} locale - The locale to be checked\n * @returns {boolean} - True if the locale is valid, false otherwise.\n */\nexport const isValidLocale = (locale) => {\n  try {\n    if (Intl.DateTimeFormat.supportedLocalesOf(locale).length > 0) {\n      return true;\n    }\n    // eslint-disable-next-line no-console\n    console.warn(`${locale} is not supported. Falling back to a known locale.`);\n    return false;\n  } catch (error) {\n    if (error.name === \"RangeError\") {\n      // eslint-disable-next-line no-console\n      console.error(`Invalid locale: ${locale}`);\n      return false;\n    }\n    // eslint-disable-next-line no-console\n    console.error(error.message);\n    return false;\n  }\n};\n\nexport const isRange = (date) => date != null && typeof date === \"object\" && \"startDate\" in date;\n\n/**\n * Checks if the date falls within a specified date range.\n *\n * @param {Date} date - The date to be evaluated.\n * @param {object} providedValueRange - Provided selection range.\n * @returns {boolean} - True if the date falls within the range, false otherwise.\n */\nexport const dateInProvidedValueRange = (date, providedValueRange) => {\n  const { startDate, endDate } = providedValueRange;\n\n  if (!isRange(providedValueRange) || isNil(endDate)) return false;\n  const localEndDate = endDate;\n\n  const modStartDate = dayjs(startDate).format(\"YYYY-MM-DD\");\n  const modEndDate = dayjs(localEndDate).format(\"YYYY-MM-DD\");\n\n  const convertedDate = dayjs(date).format(\"YYYY-MM-DD\");\n\n  return convertedDate >= modStartDate && convertedDate <= modEndDate;\n};\n\nexport const checkIfDateIsDisabled = (date, minimumDate, maximumDate) => {\n  if (!minimumDate && !maximumDate) return false;\n  const modStartDate = minimumDate ? dayjs(minimumDate).format(\"YYYY-MM-DD\") : undefined;\n  const modEndDate = maximumDate ? dayjs(maximumDate).format(\"YYYY-MM-DD\") : undefined;\n\n  const convertedDate = dayjs(date).format(\"YYYY-MM-DD\");\n\n  return convertedDate < modStartDate || convertedDate > modEndDate;\n};\n\nexport const formatDMY = (date, locale) => {\n  const [d, m, y] = [\n    new Intl.DateTimeFormat(locale, { day: \"numeric\" }).format(date),\n    new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date),\n    new Intl.DateTimeFormat(locale, { year: \"numeric\" }).format(date),\n  ];\n  return `${d} ${m} ${y}`;\n};\n"],"file":"utils.js"}

package/dist/Card/Card.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import { StandardProps, BoxProps } from "@material-ui/core";
+import { HvSemanticColorKeys, HvAtmosphereColorKeys } from "..";
+
+export type HvCardClassKey =
+  | HvSemanticColorKeys
+  | "root"
+  | "semanticContainer"
+  | "icon"
+  | "sema0"
+  | "semanticBar"
+  | "selectable"
+  | "selected";
+
+export interface HvCardProps extends StandardProps<BoxProps, HvCardClassKey> {
+  /**
+   *  The renderable content inside the icon slot of the header.
+   */
+  icon?: React.ReactNode;
+  /**
+   *  The border color at the top of the card. Must be one of palette semantic colors. To set another color, the borderTop should be override.
+   *  @deprecated use status color instead 
+   */
+  semantic?: 
+  | "sema0" 
+  | HvSemanticColorKeys 
+  | HvAtmosphereColorKeys;
+  /**
+   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.
+   *  To set another color, the borderTop should be override.
+   */
+   statusColor?: 
+   | "sema0" 
+   | HvSemanticColorKeys 
+   | HvAtmosphereColorKeys;
+  /**
+   * Whether the card is selectable.
+   */
+  selectable?: boolean;
+  /**
+   * Whether the card is currently selected.
+   */
+  selected?: boolean;
+}
+
+export default function HvCard(props: HvCardProps): JSX.Element | null;

package/dist/Card/Card.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Card = 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 = ["classes", "className", "children", "icon", "selectable", "selected", "semantic", "statusColor"];
+
+/**
+ * A card is a container for a few short and related pieces of content. It roughly resembles a playing card in size and shape and is intended as a linked short representation of a conceptual unit. For that reason, this pattern must be used as an entry-point for further information.
+ */
+var Card = function Card(props) {
+  var classes = props.classes,
+      className = props.className,
+      children = props.children,
+      icon = props.icon,
+      _props$selectable = props.selectable,
+      selectable = _props$selectable === void 0 ? false : _props$selectable,
+      _props$selected = props.selected,
+      selected = _props$selected === void 0 ? false : _props$selected,
+      semantic = props.semantic,
+      _props$statusColor = props.statusColor,
+      statusColor = _props$statusColor === void 0 ? "sema0" : _props$statusColor,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var barColor = semantic || statusColor;
+  return /*#__PURE__*/_react.default.createElement(_core.Box, (0, _extends2.default)({
+    "aria-selected": selectable ? selected : undefined // expose the global class HvIsCardGridElement as a marker
+    // not to be styled directly, only as helper in specific css queries
+    ,
+    className: (0, _clsx.default)("HvIsCardGridElement", classes.root, className, selectable && classes.selectable, selected && classes.selected)
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.semanticContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.semanticBar, barColor && classes[barColor])
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.icon
+  }, icon)), children);
+};
+
+exports.Card = Card;
+Card.propTypes = {
+  /**
+   * 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.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the card top semantic container.
+     */
+    semanticContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the icon.
+     */
+    icon: _propTypes.default.string,
+
+    /**
+     * Style applied to the container of the semantic bar on top.
+     */
+    semanticBar: _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 icon slot of the header.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   *  The border color at the top of the card. Must be one of palette semantic colors. To set another color, the borderTop should be override.
+   *  @deprecated use status color instead
+   */
+  semantic: (0, _core.deprecatedPropType)(_propTypes.default.oneOf(["sema0", "sema1", "sema2", "sema3", "sema4", "sema5", "sema6", "sema7", "sema8", "sema9", "sema10", "sema11", "sema12", "sema13", "sema14", "sema15", "sema16", "sema17", "sema18", "sema19", "atmo1", "atmo2", "atmo3", "atmo4", "atmo5"]), "use statusColor instead"),
+
+  /**
+   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.
+   *  To set another color, the borderTop should be override.
+   */
+  statusColor: _propTypes.default.oneOf(["sema0", "sema1", "sema2", "sema3", "sema4", "sema5", "sema6", "sema7", "sema8", "sema9", "sema10", "sema11", "sema12", "sema13", "sema14", "sema15", "sema16", "sema17", "sema18", "sema19", "atmo1", "atmo2", "atmo3", "atmo4", "atmo5"]),
+
+  /**
+   * Whether the card is selectable.
+   */
+  selectable: _propTypes.default.bool,
+
+  /**
+   * Whether the card is currently selected.
+   */
+  selected: _propTypes.default.bool
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvCard"
+})(Card);
+
+exports.default = _default;
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Card/Card.js"],"names":["Card","props","classes","className","children","icon","selectable","selected","semantic","statusColor","others","barColor","undefined","root","semanticContainer","semanticBar","propTypes","PropTypes","string","shape","isRequired","node","oneOf","bool","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Box, withStyles, deprecatedPropType } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * A card is a container for a few short and related pieces of content. It roughly resembles a playing card in size and shape and is intended as a linked short representation of a conceptual unit. For that reason, this pattern must be used as an entry-point for further information.\n */\nexport const Card = (props) => {\n  const {\n    classes,\n    className,\n    children,\n    icon,\n    selectable = false,\n    selected = false,\n    semantic,\n    statusColor = \"sema0\",\n    ...others\n  } = props;\n  const barColor = semantic || statusColor;\n  return (\n    <Box\n      aria-selected={selectable ? selected : undefined}\n      // expose the global class HvIsCardGridElement as a marker\n      // not to be styled directly, only as helper in specific css queries\n      className={clsx(\"HvIsCardGridElement\", classes.root, className, {\n        [classes.selectable]: selectable,\n        [classes.selected]: selected,\n      })}\n      {...others}\n    >\n      <div className={classes.semanticContainer}>\n        <div\n          className={clsx(classes.semanticBar, {\n            [classes[barColor]]: barColor,\n          })}\n        />\n        <div className={classes.icon}>{icon}</div>\n      </div>\n      {children}\n    </Box>\n  );\n};\n\nCard.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.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the card top semantic container.\n     */\n    semanticContainer: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the container of the semantic bar on top.\n     */\n    semanticBar: 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 icon slot of the header.\n   */\n  icon: PropTypes.node,\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic colors. To set another color, the borderTop should be override.\n   *  @deprecated use status color instead\n   */\n  semantic: deprecatedPropType(\n    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      \"atmo1\",\n      \"atmo2\",\n      \"atmo3\",\n      \"atmo4\",\n      \"atmo5\",\n    ]),\n    \"use statusColor instead\"\n  ),\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n   *  To set another color, the borderTop should be override.\n   */\n  statusColor: 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    \"atmo1\",\n    \"atmo2\",\n    \"atmo3\",\n    \"atmo4\",\n    \"atmo5\",\n  ]),\n  /**\n   * Whether the card is selectable.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * Whether the card is currently selected.\n   */\n  selected: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCard\" })(Card);\n"],"file":"Card.js"}

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

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

package/dist/Card/Content/Content.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Content = 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);
+};
+
+exports.Content = Content;
+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
+};
+
+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,"sources":["../../../src/Card/Content/Content.js"],"names":["Content","props","id","classes","className","children","onClick","others","content","propTypes","PropTypes","string","shape","isRequired","node","func","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AAChC,MAAQC,EAAR,GAAiED,KAAjE,CAAQC,EAAR;AAAA,MAAYC,OAAZ,GAAiEF,KAAjE,CAAYE,OAAZ;AAAA,MAAqBC,SAArB,GAAiEH,KAAjE,CAAqBG,SAArB;AAAA,MAAgCC,QAAhC,GAAiEJ,KAAjE,CAAgCI,QAAhC;AAAA,MAA0CC,OAA1C,GAAiEL,KAAjE,CAA0CK,OAA1C;AAAA,MAAsDC,MAAtD,0CAAiEN,KAAjE;AACA,sBACE,6BAAC,iBAAD;AAAa,IAAA,EAAE,EAAEC,EAAjB;AAAqB,IAAA,SAAS,EAAE,mBAAKC,OAAO,CAACK,OAAb,EAAsBJ,SAAtB,CAAhC;AAAkE,IAAA,OAAO,EAAEE;AAA3E,KAAwFC,MAAxF,GACGF,QADH,CADF;AAKD,CAPM;;;AASPL,OAAO,CAACS,SAAR,GAAoB;AAClB;AACF;AACA;AACEP,EAAAA,EAAE,EAAEQ,mBAAUC,MAJI;;AAKlB;AACF;AACA;AACEP,EAAAA,SAAS,EAAEM,mBAAUC,MARH;;AASlB;AACF;AACA;AACER,EAAAA,OAAO,EAAEO,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,OAAO,EAAEE,mBAAUC;AAJI,GAAhB,EAKNE,UAjBe;;AAkBlB;AACF;AACA;AACER,EAAAA,QAAQ,EAAEK,mBAAUI,IArBF;;AAsBlB;AACF;AACA;AACER,EAAAA,OAAO,EAAEI,mBAAUK;AAzBD,CAApB;;eA4Be,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA8CjB,OAA9C,C","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 */\nexport const 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"],"file":"Content.js"}

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,"sources":["../../../src/Card/Content/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Content\";\n"],"file":"index.js"}

package/dist/Card/Content/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    content: {
+      padding: theme.hvSpacing(0, "sm", "15px", "sm"),
+      "&:last-child": {
+        paddingBottom: theme.hv.spacing.sm // 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,"sources":["../../../src/Card/Content/styles.js"],"names":["styles","theme","content","padding","hvSpacing","paddingBottom","hv","spacing","sm"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,MAAzB,EAAiC,IAAjC,CADF;AAEP,sBAAgB;AACdC,QAAAA,aAAa,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EADlB,CACsB;;AADtB;AAFT;AADgB,GAAZ;AAAA,CAAf;;eASeR,M","sourcesContent":["const styles = (theme) => ({\n  content: {\n    padding: theme.hvSpacing(0, \"sm\", \"15px\", \"sm\"),\n    \"&:last-child\": {\n      paddingBottom: theme.hv.spacing.sm, // Overrides MUI padding\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

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

package/dist/Card/Header/Header.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Header = 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 = ["classes", "className", "title", "subheader", "icon", "onClick"];
+
+/**
+ * The header container for the card.
+ */
+var Header = function Header(props) {
+  var classes = props.classes,
+      className = props.className,
+      title = props.title,
+      subheader = props.subheader,
+      icon = props.icon,
+      onClick = props.onClick,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.CardHeader, (0, _extends2.default)({
+    title: title,
+    className: (0, _clsx.default)(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));
+};
+
+exports.Header = Header;
+Header.propTypes = {
+  /**
+   * 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 of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the title Typography element.
+     */
+    title: _propTypes.default.string,
+
+    /**
+     * Styles applied to the tittle Typography element when icon is present.
+     */
+    titleShort: _propTypes.default.string,
+
+    /**
+     * Styles applied to the subheader Typography element.
+     */
+    subheader: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action element.
+     */
+    action: _propTypes.default.string,
+
+    /**
+     * Styles applied to the content wrapper element.
+     */
+    content: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   *  The renderable content inside the title slot of the header.
+   */
+  title: _propTypes.default.node.isRequired,
+
+  /**
+   *  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 function that will be executed when this section is clicked.
+   */
+  onClick: _propTypes.default.func
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvCardHeader"
+})(Header);
+
+exports.default = _default;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Card/Header/Header.js"],"names":["Header","props","classes","className","title","subheader","icon","onClick","others","root","titleShort","action","content","propTypes","PropTypes","string","shape","isRequired","node","func","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AAC/B,MAAQC,OAAR,GAA2ED,KAA3E,CAAQC,OAAR;AAAA,MAAiBC,SAAjB,GAA2EF,KAA3E,CAAiBE,SAAjB;AAAA,MAA4BC,KAA5B,GAA2EH,KAA3E,CAA4BG,KAA5B;AAAA,MAAmCC,SAAnC,GAA2EJ,KAA3E,CAAmCI,SAAnC;AAAA,MAA8CC,IAA9C,GAA2EL,KAA3E,CAA8CK,IAA9C;AAAA,MAAoDC,OAApD,GAA2EN,KAA3E,CAAoDM,OAApD;AAAA,MAAgEC,MAAhE,0CAA2EP,KAA3E;AAEA,sBACE,6BAAC,gBAAD;AACE,IAAA,KAAK,EAAEG,KADT;AAEE,IAAA,SAAS,EAAE,mBAAKF,OAAO,CAACO,IAAb,EAAmBN,SAAnB,CAFb;AAGE,IAAA,SAAS,EAAEE,SAHb;AAIE,IAAA,MAAM,EAAEC,IAJV;AAKE,IAAA,OAAO,EAAE;AACPF,MAAAA,KAAK,EAAEE,IAAI,GAAGJ,OAAO,CAACQ,UAAX,GAAwBR,OAAO,CAACE,KADpC;AAEPC,MAAAA,SAAS,EAAEH,OAAO,CAACG,SAFZ;AAGPM,MAAAA,MAAM,EAAET,OAAO,CAACS,MAHT;AAIPC,MAAAA,OAAO,EAAEV,OAAO,CAACU;AAJV,KALX;AAWE,IAAA,OAAO,EAAEL;AAXX,KAYMC,MAZN,EADF;AAgBD,CAnBM;;;AAqBPR,MAAM,CAACa,SAAP,GAAmB;AACjB;AACF;AACA;AACEV,EAAAA,SAAS,EAAEW,mBAAUC,MAJJ;;AAKjB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEY,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,IAAI,EAAEK,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIX,IAAAA,KAAK,EAAEU,mBAAUC,MARM;;AASvB;AACJ;AACA;AACIL,IAAAA,UAAU,EAAEI,mBAAUC,MAZC;;AAavB;AACJ;AACA;AACIV,IAAAA,SAAS,EAAES,mBAAUC,MAhBE;;AAiBvB;AACJ;AACA;AACIJ,IAAAA,MAAM,EAAEG,mBAAUC,MApBK;;AAqBvB;AACJ;AACA;AACIH,IAAAA,OAAO,EAAEE,mBAAUC;AAxBI,GAAhB,EAyBNE,UAjCc;;AAkCjB;AACF;AACA;AACEb,EAAAA,KAAK,EAAEU,mBAAUI,IAAV,CAAeD,UArCL;;AAsCjB;AACF;AACA;AACEZ,EAAAA,SAAS,EAAES,mBAAUI,IAzCJ;;AA0CjB;AACF;AACA;AACEZ,EAAAA,IAAI,EAAEQ,mBAAUI,IA7CC;;AA8CjB;AACF;AACA;AACEX,EAAAA,OAAO,EAAEO,mBAAUK;AAjDF,CAAnB;;eAoDe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA6CrB,MAA7C,C","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 */\nexport const Header = (props) => {\n  const { classes, className, title, subheader, icon, onClick, ...others } = props;\n\n  return (\n    <CardHeader\n      title={title}\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   * 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  title: 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"],"file":"Header.js"}

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

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

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

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

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

package/dist/Card/Header/styles.js

@@ -0,0 +1,61 @@
+"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");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      padding: theme.hvSpacing("15px", "sm"),
+      position: "relative"
+    },
+    title: _objectSpread({
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.xsTitle),
+    titleShort: _objectSpread(_objectSpread({
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.xsTitle), {}, {
+      marginRight: "30px"
+    }),
+    subheader: _objectSpread({
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.normalText),
+    action: {
+      position: "absolute",
+      right: 20,
+      marginTop: 0,
+      marginRight: "0px",
+      paddingLeft: theme.hv.spacing.xs,
+      top: "15px"
+    },
+    content: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map