@hitachivantara/uikit-react-lab 3.38.0

package/dist/modern/Tag/Tag.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type Semantic =
+  | "sema1"
+  | "sema2"
+  | "sema3"
+  | "sema4"
+  | "sema5"
+  | "sema6"
+  | "sema7"
+  | "sema8"
+  | "sema9"
+  | "sema10"
+  | "sema11"
+  | "sema12"
+  | "sema13"
+  | "sema14"
+  | "sema15"
+  | "sema16"
+  | "sema17"
+  | "sema18"
+  | "sema19"
+  | "sema20";
+
+  export type HvTagClassKey =
+  | "label"
+  | "square"
+  | "round"
+  | "deleteIconSmall"
+  | "disabled";
+
+
+
+  export interface HvTagsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTagClassKey, "color"> {
+  /**
+   * An array of strings representing the colors to override in the icon.
+   * Each element inside the array will override a diferent color.
+   */
+   color?: string | string[];
+
+  /**
+   * Custom text to show in place of count.
+   * Note showCount and label are mutually exclusive.
+   * showCount is ignored when label is specified at the same time.
+   */
+   label?: string;
+  /**
+   * Sets one of the standard semantic palette colors of the icon
+   */
+  semantic?: Semantic;
+
+
+  shape: string,
+
+  /**
+ * The disabled property of the Tag.
+ */
+   disabled: string,
+
+/**
+ * The cancel icon is shown based on this property
+ */
+ showCancelIcon:boolean,
+
+}
+
+export default function HvTag(props: HvTagsProps): JSX.Element | null;

package/dist/modern/Tag/Tag.js

@@ -0,0 +1,152 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "semantic", "children", "disabled", "variant", "color", "shape", "showcancelicon"];
+import React from "react";
+import PropTypes from "prop-types";
+import { Close } from "@hitachivantara/uikit-react-icons";
+import { useDeprecated } from "@hitachivantara/uikit-react-core";
+import clsx from "clsx";
+import { withStyles, makeStyles, useTheme } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * The tag is a component used to notify the user about the labelled ,categorised, or organised item , in the app context.
+ */
+
+const useStyles = makeStyles(styles, {
+  name: "HvTag"
+});
+
+const getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;
+
+export const HvTag = props => {
+  const {
+    id,
+    semantic,
+    children,
+    disabled,
+    variant,
+    color,
+    shape,
+    showcancelicon = false
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  useDeprecated("Tag", "Please use the Tag component in Core");
+  const classes = useStyles();
+  const isDisabled = disabled || false;
+  const Tagshape = shape || classes.square;
+  const theme = useTheme();
+  const inlineStyle = {};
+
+  if (semantic) {
+    var _theme$palette;
+
+    inlineStyle.backgroundColor = getColor(theme, (_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette[semantic], theme.hv.palette.accent.acce1);
+  }
+  /**
+   * Renders the content for the tag elements.
+   */
+
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    role: "button",
+    className: clsx(classes.root, classes[variant], others, isDisabled && classes.disabled, Tagshape && classes[`${shape}`]),
+    style: inlineStyle,
+    disabled: isDisabled
+  }, others), /*#__PURE__*/React.createElement("span", {
+    className: classes.label
+  }, children), showcancelicon && /*#__PURE__*/React.createElement(Close, {
+    className: clsx(classes.deleteIcon, isDisabled && classes.disabled),
+    color: "atmo5"
+  }));
+};
+HvTag.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   *   A Jss Object used to override or extend the styles applied to the tag.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component label.
+     */
+    label: PropTypes.string,
+
+    /**
+     * Styles applied to the component when it is tag.
+     */
+    square: PropTypes.string,
+
+    /**
+     * Styles applied to the component when it is chip.
+     */
+    round: PropTypes.string,
+
+    /**
+     * Styles applied to the component when shows label.
+     */
+    deleteIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the component when disabled.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Styles applied to the button if keyboard focused.
+     */
+    focusVisible: PropTypes.string
+  }),
+
+  /**
+   * A String representing the background color of the tag.
+   * You can use either an HEX or color name from the palette.
+   */
+  backgroundColor: PropTypes.string,
+
+  /**
+   * Category of tag to use
+   */
+  variant: PropTypes.oneOf(["informational", "success", "warning", "error", "categorical"]),
+
+  /**
+   * A String or Array of strings representing the colors to override in the icon.
+   * Each element inside the array will override a diferent color.
+   * You can use either an HEX or color name from the palette.
+   */
+  color: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+
+  /**
+   * Sets one of the standard semantic palette colors of the icon
+   */
+  semantic: PropTypes.oneOf(["sema1", "sema2", "sema3", "sema4", "sema5", "sema6", "sema7", "sema8", "sema9", "sema10", "sema11", "sema12", "sema13", "sema14", "sema15", "sema16", "sema17", "sema18", "sema19", "sema20"]),
+  shape: PropTypes.string,
+
+  /**
+   * The content of the Tag.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * The disabled property of the Tag.
+   */
+  disabled: PropTypes.string,
+
+  /**
+   * The cancel icon is shown based on this property
+   */
+  showcancelicon: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvTag"
+})(HvTag);
+//# sourceMappingURL=Tag.js.map

package/dist/modern/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tag/Tag.js"],"names":["React","PropTypes","Close","useDeprecated","clsx","withStyles","makeStyles","useTheme","styles","useStyles","name","getColor","theme","color","defaultColor","palette","HvTag","props","id","semantic","children","disabled","variant","shape","showcancelicon","others","classes","isDisabled","Tagshape","square","inlineStyle","backgroundColor","hv","accent","acce1","root","label","deleteIcon","propTypes","string","round","focusVisible","oneOf","oneOfType","arrayOf","node","isRequired","bool"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport clsx from \"clsx\";\nimport { withStyles, makeStyles, useTheme } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The tag is a component used to notify the user about the labelled ,categorised, or organised item , in the app context.\n */\nconst useStyles = makeStyles(styles, { name: \"HvTag\" });\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\nexport const HvTag = (props) => {\n  const {\n    id,\n    semantic,\n    children,\n    disabled,\n    variant,\n    color,\n    shape,\n    showcancelicon = false,\n    ...others\n  } = props;\n\n  useDeprecated(\"Tag\", \"Please use the Tag component in Core\");\n  const classes = useStyles();\n  const isDisabled = disabled || false;\n  const Tagshape = shape || classes.square;\n  const theme = useTheme();\n  const inlineStyle = {};\n\n  if (semantic) {\n    inlineStyle.backgroundColor = getColor(\n      theme,\n      theme.palette?.[semantic],\n      theme.hv.palette.accent.acce1\n    );\n  }\n\n  /**\n   * Renders the content for the tag elements.\n   */\n  return (\n    <div\n      id={id}\n      role=\"button\"\n      className={clsx(\n        classes.root,\n        classes[variant],\n        { ...others },\n        {\n          [classes.disabled]: isDisabled,\n          [classes[`${shape}`]]: Tagshape,\n        }\n      )}\n      style={inlineStyle}\n      disabled={isDisabled}\n      {...others}\n    >\n      <span className={classes.label}>{children}</span>\n      {showcancelicon && (\n        <Close\n          className={clsx(classes.deleteIcon, {\n            [classes.disabled]: isDisabled,\n          })}\n          color=\"atmo5\"\n        />\n      )}\n    </div>\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   *   A Jss Object used to override or extend the styles applied to the tag.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component when it is tag.\n     */\n    square: PropTypes.string,\n    /**\n     * Styles applied to the component when it is chip.\n     */\n    round: PropTypes.string,\n\n    /**\n     * Styles applied to the component when shows label.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component when disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the button if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }),\n  /**\n   * A String representing the background color of the tag.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * Category of tag to use\n   */\n  variant: PropTypes.oneOf([\"informational\", \"success\", \"warning\", \"error\", \"categorical\"]),\n  /**\n   * A String or Array of strings representing the colors to override in the icon.\n   * Each element inside the array will override a diferent color.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  /**\n   * Sets one of the standard semantic palette colors of the icon\n   */\n  semantic: PropTypes.oneOf([\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    \"sema20\",\n  ]),\n  shape: PropTypes.string,\n  /**\n   * The content of the Tag.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The disabled property of the Tag.\n   */\n  disabled: PropTypes.string,\n  /**\n   * The cancel icon is shown based on this property\n   */\n  showcancelicon: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"file":"Tag.js"}

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

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

package/dist/modern/Tag/index.js

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

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

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

package/dist/modern/Tag/styles.js

@@ -0,0 +1,101 @@
+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); 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) { _defineProperty(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; }
+
+export const outlineStyles = {
+  outlineColor: "#52A8EC",
+  outlineStyle: "solid",
+  outlineWidth: "0px",
+  outlineOffset: "-1px",
+  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
+};
+
+const styles = theme => ({
+  root: {
+    position: "relative",
+    cursor: "pointer",
+    display: "flex",
+    justifyContent: "center",
+    flexWrap: "wrap",
+    backgroundColor: theme.hv.palette.semantic.sema7,
+    margin: "0 8px 8px 0",
+    float: "left",
+    minWidth: 70,
+    padding: theme.hvSpacing(0, "xs"),
+    height: 20,
+    minHeight: 20,
+    textAlign: "center",
+    " &:hover": {
+      "&:not(disabled)": {
+        "& > div svg": _objectSpread({
+          backgroundColor: theme.hv.palette.atmosphere.atmo4
+        }, outlineStyles),
+        "&:focus": {
+          "& > div svg": _objectSpread({
+            backgroundColor: theme.hv.palette.atmosphere.atmo4
+          }, outlineStyles)
+        }
+      }
+    }
+  },
+
+  /* Styles applied to the label `span` element. */
+  label: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    paddingLeft: 12,
+    paddingRight: 12,
+    whiteSpace: "nowrap",
+    maxWidth: 200,
+    minHeight: 20
+  },
+  square: {
+    borderRadius: 2
+  },
+  round: {
+    borderRadius: 28
+  },
+  deleteIcon: {
+    WebkitTapHighlightColor: "transparent",
+    height: 10,
+    width: 12,
+    cursor: "pointer",
+    color: "white",
+    "&:hover": {
+      "& *": _objectSpread({
+        backgroundColor: theme.palette.atmo3
+      }, outlineStyles)
+    }
+  },
+  focusVisible: {},
+  disabled: {
+    color: theme.hv.palette.atmosphere.atmo5,
+    cursor: "not-allowed",
+    PointerEvent: "none",
+    opacity: 1,
+    "&:hover": {
+      color: theme.hv.palette.atmosphere.atmo5,
+      border: `transparent`
+    },
+    "&$focusVisible": _objectSpread({
+      backgroundColor: theme.palette.atmo3
+    }, outlineStyles)
+  },
+  informational: {
+    backgroundColor: theme.hv.palette.semantic.sema7
+  },
+  success: {
+    backgroundColor: theme.hv.palette.semantic.sema8
+  },
+  warning: {
+    backgroundColor: theme.hv.palette.semantic.sema20
+  },
+  error: {
+    backgroundColor: theme.hv.palette.semantic.sema9
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Tag/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tag/styles.js"],"names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","position","cursor","display","justifyContent","flexWrap","backgroundColor","hv","palette","semantic","sema7","margin","float","minWidth","padding","hvSpacing","height","minHeight","textAlign","atmosphere","atmo4","label","overflow","textOverflow","paddingLeft","paddingRight","whiteSpace","maxWidth","square","borderRadius","round","deleteIcon","WebkitTapHighlightColor","width","color","atmo3","focusVisible","disabled","atmo5","PointerEvent","opacity","border","informational","success","sema8","warning","sema20","error","sema9"],"mappings":"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","sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    margin: \"0 8px 8px 0\",\n    float: \"left\",\n    minWidth: 70,\n    padding: theme.hvSpacing(0, \"xs\"),\n    height: 20,\n    minHeight: 20,\n    textAlign: \"center\",\n    \" &:hover\": {\n      \"&:not(disabled)\": {\n        \"& > div svg\": {\n          backgroundColor: theme.hv.palette.atmosphere.atmo4,\n          ...outlineStyles,\n        },\n        \"&:focus\": {\n          \"& > div svg\": {\n            backgroundColor: theme.hv.palette.atmosphere.atmo4,\n            ...outlineStyles,\n          },\n        },\n      },\n    },\n  },\n  /* Styles applied to the label `span` element. */\n  label: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    paddingLeft: 12,\n    paddingRight: 12,\n    whiteSpace: \"nowrap\",\n    maxWidth: 200,\n    minHeight: 20,\n  },\n  square: {\n    borderRadius: 2,\n  },\n  round: {\n    borderRadius: 28,\n  },\n\n  deleteIcon: {\n    WebkitTapHighlightColor: \"transparent\",\n    height: 10,\n    width: 12,\n    cursor: \"pointer\",\n    color: \"white\",\n    \"&:hover\": {\n      \"& *\": {\n        backgroundColor: theme.palette.atmo3,\n        ...outlineStyles,\n      },\n    },\n  },\n  focusVisible: {},\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n    cursor: \"not-allowed\",\n    PointerEvent: \"none\",\n    opacity: 1,\n    \"&:hover\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      border: `transparent`,\n    },\n    \"&$focusVisible\": {\n      backgroundColor: theme.palette.atmo3,\n      ...outlineStyles,\n    },\n  },\n  informational: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  warning: {\n    backgroundColor: theme.hv.palette.semantic.sema20,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n});\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/TimeAgo/TimeAgo.d.ts

@@ -0,0 +1,42 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTimeAgoClassKey = "root";
+
+export interface HvTimeAgoProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvTimeAgoClassKey> {
+  /**
+   * The timestamp to format, in seconds or milliseconds.
+   * Defaults to `emptyElement` if value is null or 0
+   */
+  timestamp?: number;
+  /**
+   * The locale to be used. Should be on of the dayjs supported locales and explicitly imported
+   * @see https://day.js.org/docs/en/i18n/i18n
+   */
+  locale?: string;
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `HvTypography`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+  /**
+   * The element to render when the timestamp is null or 0
+   * Defaults to `—` (Em Dash)
+   */
+  emptyElement?: React.ReactNode;
+  /**
+   * Disables periodic date refreshes
+   */
+  disableRefresh?: boolean;
+  /**
+   * Whether to show seconds in the rendered time
+   */
+  showSeconds?: boolean;
+  /**
+   * Whether the component should render just the string
+   * Consider using `useTimeAgo` instead
+   */
+  justText?: boolean;
+}
+
+export default function HvTimeAgo(props: HvTimeAgoProps): JSX.Element | null;

package/dist/modern/TimeAgo/TimeAgo.js

@@ -0,0 +1,93 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "timestamp", "locale", "component", "emptyElement", "disableRefresh", "showSeconds", "justText"];
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvTypography, useLocale } from "@hitachivantara/uikit-react-core";
+import useTimeAgo from "./useTimeAgo";
+import styles from "./styles";
+/**
+ * The HvTimeAgo component implements the Design System relative time format guidelines.
+ */
+
+const HvTimeAgo = _ref => {
+  let {
+    classes,
+    timestamp,
+    locale: localeProp,
+    component: Component = HvTypography,
+    emptyElement = "—",
+    disableRefresh = false,
+    showSeconds = false,
+    justText = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const contextLocale = useLocale();
+  const locale = localeProp || contextLocale;
+  const timeAgo = useTimeAgo(timestamp, {
+    locale,
+    disableRefresh,
+    showSeconds
+  });
+  if (justText && timestamp) return timeAgo;
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: classes.root
+  }, others), !timestamp ? emptyElement : timeAgo);
+};
+
+HvTimeAgo.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }),
+
+  /**
+   * The timestamp to format, in seconds
+   */
+  timestamp: PropTypes.number,
+
+  /**
+   * The locale to be used. Should be on of the dayjs supported locales
+   * @see https://day.js.org/docs/en/i18n/i18n
+   */
+  locale: PropTypes.string,
+
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * The element to render when the timestamp is null or 0
+   * Defaults to `—` (Em Dash)
+   */
+  emptyElement: PropTypes.node,
+
+  /**
+   * Disables periodic date refreshes
+   */
+  disableRefresh: PropTypes.bool,
+
+  /**
+   * Whether to show seconds in the rendered time
+   */
+  showSeconds: PropTypes.bool,
+
+  /**
+   * Whether the component should render just the string
+   * Consider using `useTimeAgo` instead
+   */
+  justText: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvTimeAgo"
+})(HvTimeAgo);
+//# sourceMappingURL=TimeAgo.js.map

package/dist/modern/TimeAgo/TimeAgo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/TimeAgo.js"],"names":["React","PropTypes","withStyles","HvTypography","useLocale","useTimeAgo","styles","HvTimeAgo","classes","timestamp","locale","localeProp","component","Component","emptyElement","disableRefresh","showSeconds","justText","others","contextLocale","timeAgo","root","propTypes","shape","string","number","elementType","node","bool","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAwC,kCAAxC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,SAAS,GAAG,QAUZ;AAAA,MAVa;AACjBC,IAAAA,OADiB;AAEjBC,IAAAA,SAFiB;AAGjBC,IAAAA,MAAM,EAAEC,UAHS;AAIjBC,IAAAA,SAAS,EAAEC,SAAS,GAAGV,YAJN;AAKjBW,IAAAA,YAAY,GAAG,GALE;AAMjBC,IAAAA,cAAc,GAAG,KANA;AAOjBC,IAAAA,WAAW,GAAG,KAPG;AAQjBC,IAAAA,QAAQ,GAAG;AARM,GAUb;AAAA,MADDC,MACC;;AACJ,QAAMC,aAAa,GAAGf,SAAS,EAA/B;AACA,QAAMM,MAAM,GAAGC,UAAU,IAAIQ,aAA7B;AACA,QAAMC,OAAO,GAAGf,UAAU,CAACI,SAAD,EAAY;AAAEC,IAAAA,MAAF;AAAUK,IAAAA,cAAV;AAA0BC,IAAAA;AAA1B,GAAZ,CAA1B;AAEA,MAAIC,QAAQ,IAAIR,SAAhB,EAA2B,OAAOW,OAAP;AAE3B,sBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEZ,OAAO,CAACa;AAA9B,KAAwCH,MAAxC,GACG,CAACT,SAAD,GAAaK,YAAb,GAA4BM,OAD/B,CADF;AAKD,CAtBD;;AAwBAb,SAAS,CAACe,SAAV,GAAsB;AACpB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEP,SAAS,CAACsB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIF,IAAAA,IAAI,EAAEpB,SAAS,CAACuB;AAJO,GAAhB,CAJW;;AAUpB;AACF;AACA;AACEf,EAAAA,SAAS,EAAER,SAAS,CAACwB,MAbD;;AAcpB;AACF;AACA;AACA;AACEf,EAAAA,MAAM,EAAET,SAAS,CAACuB,MAlBE;;AAmBpB;AACF;AACA;AACA;AACEZ,EAAAA,SAAS,EAAEX,SAAS,CAACyB,WAvBD;;AAwBpB;AACF;AACA;AACA;AACEZ,EAAAA,YAAY,EAAEb,SAAS,CAAC0B,IA5BJ;;AA6BpB;AACF;AACA;AACEZ,EAAAA,cAAc,EAAEd,SAAS,CAAC2B,IAhCN;;AAiCpB;AACF;AACA;AACEZ,EAAAA,WAAW,EAAEf,SAAS,CAAC2B,IApCH;;AAqCpB;AACF;AACA;AACA;AACEX,EAAAA,QAAQ,EAAEhB,SAAS,CAAC2B;AAzCA,CAAtB;AA4CA,eAAe1B,UAAU,CAACI,MAAD,EAAS;AAAEuB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA0CtB,SAA1C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, useLocale } from \"@hitachivantara/uikit-react-core\";\nimport useTimeAgo from \"./useTimeAgo\";\nimport styles from \"./styles\";\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nconst HvTimeAgo = ({\n  classes,\n  timestamp,\n  locale: localeProp,\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}) => {\n  const contextLocale = useLocale();\n  const locale = localeProp || contextLocale;\n  const timeAgo = useTimeAgo(timestamp, { locale, disableRefresh, showSeconds });\n\n  if (justText && timestamp) return timeAgo;\n\n  return (\n    <Component className={classes.root} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n\nHvTimeAgo.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }),\n  /**\n   * The timestamp to format, in seconds\n   */\n  timestamp: PropTypes.number,\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale: PropTypes.string,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement: PropTypes.node,\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh: PropTypes.bool,\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds: PropTypes.bool,\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTimeAgo\" })(HvTimeAgo);\n"],"file":"TimeAgo.js"}

package/dist/modern/TimeAgo/formatUtils.js

@@ -0,0 +1,163 @@
+import dayjs from "dayjs";
+import calendar from "dayjs/plugin/calendar";
+import duration from "dayjs/plugin/duration";
+import localeData from "dayjs/plugin/localeData";
+import localizedFormat from "dayjs/plugin/localizedFormat";
+import relativeTime from "dayjs/plugin/relativeTime";
+import updateLocale from "dayjs/plugin/updateLocale";
+/**
+ * Relative time thresholds defined by
+ * {@link https://xd.adobe.com/view/1b7df235-5cf8-4b51-a2f0-0be1bb591c55-4e2e/ Design System}
+ *
+ * Implementation using day.js {@link https://day.js.org/docs/en/customization/relative-time relativeTime}
+ */
+
+const thresholds = [{
+  l: "s",
+  r: 119,
+  d: "second"
+}, {
+  l: "m",
+  r: 1
+}, {
+  l: "mm",
+  r: 59,
+  d: "minute"
+}, {
+  l: "h",
+  r: 1
+}, {
+  l: "hh",
+  r: 23,
+  d: "hour"
+}, {
+  l: "d",
+  r: 1
+}, {
+  l: "dd",
+  r: 29,
+  d: "day"
+}, {
+  l: "M",
+  r: 1
+}, {
+  l: "MM",
+  r: 11,
+  d: "month"
+}, {
+  l: "y",
+  r: 17
+}, {
+  l: "yy",
+  d: "year"
+}];
+dayjs.extend(localeData);
+dayjs.extend(duration);
+dayjs.extend(calendar);
+dayjs.extend(localizedFormat);
+dayjs.extend(relativeTime, {
+  thresholds
+});
+dayjs.extend(updateLocale);
+export const secondsUntilNextDay = (date = new Date()) => {
+  const midnight = new Date(date.getTime());
+  midnight.setDate(midnight.getDate() + 1);
+  midnight.setHours(0);
+  midnight.setMinutes(0);
+  midnight.setSeconds(0);
+  midnight.setMilliseconds(0);
+  return (midnight.getTime() - date.getTime()) / 1000;
+};
+
+const secondsUntilNextWeek = (date = new Date()) => {
+  const firstMonthDayOfWeek = date.getDate() - date.getDay();
+  const firstMonthDayOfNextWeek = firstMonthDayOfWeek + 7; // auto roll over to next month if needed
+
+  const firstDayNextWeek = new Date(date.getTime());
+  firstDayNextWeek.setDate(firstMonthDayOfNextWeek);
+  firstDayNextWeek.setHours(0);
+  firstDayNextWeek.setMinutes(0);
+  firstDayNextWeek.setSeconds(0);
+  firstDayNextWeek.setMilliseconds(0);
+  return (firstDayNextWeek.getTime() - date.getTime()) / 1000;
+};
+/**
+ * @typedef {Object} TimeAgo
+ * @property {string} timeAgo - the formatted date using the "time ago format"
+ * @property {number} delay - the time until the date needs to be updated
+ */
+
+/**
+ * Formats a date to the a relative time format using dayjs.
+ *
+ * @param {Date} date - date to format.
+ * @param {String} locale - locale to use.
+ * @param {Boolean} [showSeconds=false] - if seconds should be part of the result.
+ * @param {Date} referenceDate - reference date to use when formatting (defaults to current date).
+ *
+ * @return {TimeAgo} the formatted date using the "time ago format" and the time until it needs to be updated
+ */
+
+
+export const formatTimeAgo = (date, locale, showSeconds = false, referenceDate = new Date()) => {
+  const dayReferenceDate = dayjs(referenceDate);
+  const dayDate = dayjs(date).locale(locale);
+  const dayDiffSeconds = dayReferenceDate.diff(dayDate, "second");
+  const formatUseSeconds = showSeconds ? "LTS" : "LT"; // check if the date is after the reference date
+
+  if (date.getTime() > referenceDate.getTime()) {
+    return {
+      timeAgo: dayDate.format(`L ${formatUseSeconds}`),
+      delay: (date.getTime() - referenceDate.getTime()) / 1000
+    };
+  } // just now, until the 2 minutes
+
+
+  if (dayDiffSeconds < 120) {
+    return {
+      timeAgo: dayjs.duration(dayDiffSeconds, "second").locale(locale).humanize(),
+      delay: 120 - dayDiffSeconds
+    };
+  } // ago in minutes, until the 1 hour mark
+
+
+  const dayDiffMinutes = dayReferenceDate.diff(dayDate, "minute");
+
+  if (dayDiffMinutes < 60) {
+    return {
+      timeAgo: dayjs.duration(-dayDiffMinutes, "minute").locale(locale).humanize(true),
+      delay: 60 * (dayDiffMinutes + 1) - dayDiffSeconds
+    };
+  } // formatted date with text description for today
+
+
+  if (dayReferenceDate.isSame(dayDate, "day")) {
+    return {
+      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,
+      delay: secondsUntilNextDay(referenceDate)
+    };
+  } // formatted date with text description for yesterday
+
+
+  if (dayReferenceDate.subtract(1, "day").isSame(dayDate, "day")) {
+    return {
+      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,
+      delay: secondsUntilNextDay(referenceDate)
+    };
+  } // formatted date with week during the current week
+
+
+  if (dayDate.isSame(dayReferenceDate, "week")) {
+    return {
+      timeAgo: dayDate.format(`ddd, ${formatUseSeconds}`),
+      delay: secondsUntilNextWeek(date)
+    };
+  } // formatted without special gimmicks
+
+
+  return {
+    timeAgo: dayDate.format(`L ${formatUseSeconds}`),
+    delay: 0
+  };
+};
+//# sourceMappingURL=formatUtils.js.map