@hitachivantara/uikit-react-lab 4.4.0 → 5.0.1

package/dist/modern/StepNavigation/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["TITLE_MARGIN","TITLE_WIDTH","STEP_MARGIN","SEPARATOR_WIDTH"],"sources":["../../../src/StepNavigation/utils.js"],"sourcesContent":["const TITLE_MARGIN = 20;\nconst TITLE_WIDTH = 215;\nconst STEP_MARGIN = 20;\nconst SEPARATOR_WIDTH = 100;\n\nexport { STEP_MARGIN, TITLE_MARGIN, TITLE_WIDTH, SEPARATOR_WIDTH };\n"],"mappings":"AAAA,MAAMA,YAAY,GAAG,EAAE;AACvB,MAAMC,WAAW,GAAG,GAAG;AACvB,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,eAAe,GAAG,GAAG;AAE3B,SAASD,WAAW,EAAEF,YAAY,EAAEC,WAAW,EAAEE,eAAe"}

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

@@ -1,42 +0,0 @@
-import { StandardProps } from "@mui/material";
-
-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

@@ -1,89 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "timestamp", "locale", "component", "emptyElement", "disableRefresh", "showSeconds", "justText"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from "react";
-import PropTypes from "prop-types";
-import { withStyles } from "@mui/styles";
-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.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-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__*/_jsx(Component, _objectSpread(_objectSpread({
-    className: classes.root
-  }, others), {}, {
-    children: !timestamp ? emptyElement : timeAgo
-  }));
-};
-process.env.NODE_ENV !== "production" ? 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
-} : void 0;
-export default withStyles(styles, {
-  name: "HvTimeAgo"
-})(HvTimeAgo);
-//# sourceMappingURL=TimeAgo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"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"],"sources":["../../../src/TimeAgo/TimeAgo.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\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"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,YAAY,EAAEC,SAAS,QAAQ,kCAAkC;AAC1E,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AAFA;AAGA,MAAMC,SAAS,GAAG,QAUZ;EAAA,IAVa;MACjBC,OAAO;MACPC,SAAS;MACTC,MAAM,EAAEC,UAAU;MAClBC,SAAS,EAAEC,SAAS,GAAGV,YAAY;MACnCW,YAAY,GAAG,GAAG;MAClBC,cAAc,GAAG,KAAK;MACtBC,WAAW,GAAG,KAAK;MACnBC,QAAQ,GAAG;IAEb,CAAC;IADIC,MAAM;EAET,MAAMC,aAAa,GAAGf,SAAS,EAAE;EACjC,MAAMM,MAAM,GAAGC,UAAU,IAAIQ,aAAa;EAC1C,MAAMC,OAAO,GAAGf,UAAU,CAACI,SAAS,EAAE;IAAEC,MAAM;IAAEK,cAAc;IAAEC;EAAY,CAAC,CAAC;EAE9E,IAAIC,QAAQ,IAAIR,SAAS,EAAE,OAAOW,OAAO;EAEzC,oBACE,KAAC,SAAS;IAAC,SAAS,EAAEZ,OAAO,CAACa;EAAK,GAAKH,MAAM;IAAA,UAC3C,CAACT,SAAS,GAAGK,YAAY,GAAGM;EAAO,GAC1B;AAEhB,CAAC;AAED,wCAAAb,SAAS,CAACe,SAAS,GAAG;EACpB;AACF;AACA;EACEd,OAAO,EAAEP,SAAS,CAACsB,KAAK,CAAC;IACvB;AACJ;AACA;IACIF,IAAI,EAAEpB,SAAS,CAACuB;EAClB,CAAC,CAAC;EACF;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACwB,MAAM;EAC3B;AACF;AACA;AACA;EACEf,MAAM,EAAET,SAAS,CAACuB,MAAM;EACxB;AACF;AACA;AACA;EACEZ,SAAS,EAAEX,SAAS,CAACyB,WAAW;EAChC;AACF;AACA;AACA;EACEZ,YAAY,EAAEb,SAAS,CAAC0B,IAAI;EAC5B;AACF;AACA;EACEZ,cAAc,EAAEd,SAAS,CAAC2B,IAAI;EAC9B;AACF;AACA;EACEZ,WAAW,EAAEf,SAAS,CAAC2B,IAAI;EAC3B;AACF;AACA;AACA;EACEX,QAAQ,EAAEhB,SAAS,CAAC2B;AACtB,CAAC;AAED,eAAe1B,UAAU,CAACI,MAAM,EAAE;EAAEuB,IAAI,EAAE;AAAY,CAAC,CAAC,CAACtB,SAAS,CAAC"}

package/dist/modern/TimeAgo/formatUtils.js

@@ -1,161 +0,0 @@
-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

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

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

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

@@ -1,5 +0,0 @@
-export { default } from "./TimeAgo";
-export * from "./TimeAgo";
-
-export { default as useTimeAgo } from "./useTimeAgo";
-export * from "./useTimeAgo";

package/dist/modern/TimeAgo/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TimeAgo";
-export { default as useTimeAgo } from "./useTimeAgo";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","useTimeAgo"],"sources":["../../../src/TimeAgo/index.js"],"sourcesContent":["export { default } from \"./TimeAgo\";\nexport { default as useTimeAgo } from \"./useTimeAgo\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW;AACnC,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc"}

package/dist/modern/TimeAgo/styles.js

@@ -1,5 +0,0 @@
-const styles = {
-  root: {}
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../src/TimeAgo/styles.js"],"sourcesContent":["const styles = {\n  root: {},\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE,CAAC;AACT,CAAC;AAED,eAAeD,MAAM"}

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

@@ -1,26 +0,0 @@
-export type UseTimeAgoOptions = {
-  /**
-   * Whether to show seconds in the rendered time
-   */
-  showSeconds?: boolean;
-  /**
-   * The locale to be used. Should be on of the dayjs supported locales
-   * @see https://day.js.org/docs/en/i18n/i18n
-   */
-  locale?: string;
-  /**
-   * Disables periodic date refreshes
-   */
-  disableRefresh?: boolean;
-};
-
-export default function useTimeAgo(
-  /**
-   * The timestamp to format, in seconds or milliseconds
-   */
-  timestamp: number,
-  /**
-   * Options to format the time
-   */
-  options?: UseTimeAgoOptions
-): string;

package/dist/modern/TimeAgo/useTimeAgo.js

@@ -1,30 +0,0 @@
-import { useEffect, useState } from "react";
-import useTimeout from "./useTimeout";
-import { formatTimeAgo } from "./formatUtils";
-
-/**
- * Calls `formatTimeAgo` with timestamp conversion
- */
-const fmt = (timestamp, locale, showSeconds) => {
-  const timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1000;
-  return formatTimeAgo(new Date(timestampMs), locale, showSeconds);
-};
-export default function useTimeAgo(timestamp, options) {
-  const {
-    locale,
-    disableRefresh = false,
-    showSeconds = false
-  } = options;
-  const [timeAgo, setTimeAgo] = useState(fmt(timestamp, locale, showSeconds));
-  const refreshTime = disableRefresh ? 0 : timeAgo.delay * 1000;
-  useEffect(() => {
-    const newTimeAgo = fmt(timestamp, locale, showSeconds);
-    setTimeAgo(newTimeAgo);
-  }, [timestamp, locale, showSeconds]);
-  useTimeout(() => {
-    const newTimeAgo = fmt(timestamp, locale, showSeconds);
-    setTimeAgo(newTimeAgo);
-  }, refreshTime);
-  return timeAgo.timeAgo;
-}
-//# sourceMappingURL=useTimeAgo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTimeAgo.js","names":["useEffect","useState","useTimeout","formatTimeAgo","fmt","timestamp","locale","showSeconds","timestampMs","String","length","Date","useTimeAgo","options","disableRefresh","timeAgo","setTimeAgo","refreshTime","delay","newTimeAgo"],"sources":["../../../src/TimeAgo/useTimeAgo.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport useTimeout from \"./useTimeout\";\nimport { formatTimeAgo } from \"./formatUtils\";\n\n/**\n * Calls `formatTimeAgo` with timestamp conversion\n */\nconst fmt = (timestamp, locale, showSeconds) => {\n  const timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1000;\n  return formatTimeAgo(new Date(timestampMs), locale, showSeconds);\n};\n\nexport default function useTimeAgo(timestamp, options) {\n  const { locale, disableRefresh = false, showSeconds = false } = options;\n  const [timeAgo, setTimeAgo] = useState(fmt(timestamp, locale, showSeconds));\n  const refreshTime = disableRefresh ? 0 : timeAgo.delay * 1000;\n\n  useEffect(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, [timestamp, locale, showSeconds]);\n\n  useTimeout(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, refreshTime);\n\n  return timeAgo.timeAgo;\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,UAAU,MAAM,cAAc;AACrC,SAASC,aAAa,QAAQ,eAAe;;AAE7C;AACA;AACA;AACA,MAAMC,GAAG,GAAG,CAACC,SAAS,EAAEC,MAAM,EAAEC,WAAW,KAAK;EAC9C,MAAMC,WAAW,GAAGC,MAAM,CAACJ,SAAS,CAAC,CAACK,MAAM,GAAG,EAAE,GAAGL,SAAS,GAAGA,SAAS,GAAG,IAAI;EAChF,OAAOF,aAAa,CAAC,IAAIQ,IAAI,CAACH,WAAW,CAAC,EAAEF,MAAM,EAAEC,WAAW,CAAC;AAClE,CAAC;AAED,eAAe,SAASK,UAAU,CAACP,SAAS,EAAEQ,OAAO,EAAE;EACrD,MAAM;IAAEP,MAAM;IAAEQ,cAAc,GAAG,KAAK;IAAEP,WAAW,GAAG;EAAM,CAAC,GAAGM,OAAO;EACvE,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGf,QAAQ,CAACG,GAAG,CAACC,SAAS,EAAEC,MAAM,EAAEC,WAAW,CAAC,CAAC;EAC3E,MAAMU,WAAW,GAAGH,cAAc,GAAG,CAAC,GAAGC,OAAO,CAACG,KAAK,GAAG,IAAI;EAE7DlB,SAAS,CAAC,MAAM;IACd,MAAMmB,UAAU,GAAGf,GAAG,CAACC,SAAS,EAAEC,MAAM,EAAEC,WAAW,CAAC;IACtDS,UAAU,CAACG,UAAU,CAAC;EACxB,CAAC,EAAE,CAACd,SAAS,EAAEC,MAAM,EAAEC,WAAW,CAAC,CAAC;EAEpCL,UAAU,CAAC,MAAM;IACf,MAAMiB,UAAU,GAAGf,GAAG,CAACC,SAAS,EAAEC,MAAM,EAAEC,WAAW,CAAC;IACtDS,UAAU,CAACG,UAAU,CAAC;EACxB,CAAC,EAAEF,WAAW,CAAC;EAEf,OAAOF,OAAO,CAACA,OAAO;AACxB"}

package/dist/modern/TimeAgo/useTimeout.js

@@ -1,13 +0,0 @@
-import { useEffect, useRef } from "react";
-export default function useTimeout(callback, delay) {
-  const savedCallback = useRef(callback);
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-  useEffect(() => {
-    if (!delay) return undefined;
-    const id = setTimeout(() => savedCallback.current(), delay);
-    return () => clearTimeout(id);
-  }, [delay]);
-}
-//# sourceMappingURL=useTimeout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTimeout.js","names":["useEffect","useRef","useTimeout","callback","delay","savedCallback","current","undefined","id","setTimeout","clearTimeout"],"sources":["../../../src/TimeAgo/useTimeout.js"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nexport default function useTimeout(callback, delay) {\n  const savedCallback = useRef(callback);\n\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    if (!delay) return undefined;\n\n    const id = setTimeout(() => savedCallback.current(), delay);\n    return () => clearTimeout(id);\n  }, [delay]);\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,eAAe,SAASC,UAAU,CAACC,QAAQ,EAAEC,KAAK,EAAE;EAClD,MAAMC,aAAa,GAAGJ,MAAM,CAACE,QAAQ,CAAC;EAEtCH,SAAS,CAAC,MAAM;IACdK,aAAa,CAACC,OAAO,GAAGH,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEdH,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,KAAK,EAAE,OAAOG,SAAS;IAE5B,MAAMC,EAAE,GAAGC,UAAU,CAAC,MAAMJ,aAAa,CAACC,OAAO,EAAE,EAAEF,KAAK,CAAC;IAC3D,OAAO,MAAMM,YAAY,CAACF,EAAE,CAAC;EAC/B,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;AACb"}

package/dist/modern/VerticalNavigation/VerticalNavigation.d.ts

@@ -1,42 +0,0 @@
-import { NavigationData } from "@hitachivantara/uikit-react-core";
-
-export interface HvVerticalNavigationProps {
-  /**
-   * Called when a menu item is clicked.
-   */
-  onNavigationChange?: Function;
-  /**
-   * Called the collpase / expand button is clicked.
-   */
-  onToggleExpanded?: Function;
-  /**
-   * An array containing the data for each menu item.
-   */
-  data: NavigationData[];
-  /**
-   * The ID of the selected page.
-   */
-  selected?: string;
-  /**
-   * Flag that sets the panel to expanded / collapsed.
-   */
-  expanded: boolean;
-  /**
-   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.
-   */
-  topPosition?: number;
-  /**
-   * The width of the panel when expanded. Default value is 300.
-   */
-  expandedPanelWidth?: number;
-  /**
-   * The width of the panel when collapsed. Default vlaue is 52.
-   */
-  collapsedPanelWidth?: number;
-  /**
-   * Sets the Css position of the panel. Default value is `sticked`
-   */
-  position?: "static" | "relative" | "fixed" | "absolute" | "sticky";
-}
-
-export default function HvVerticalNavigation(props: HvVerticalNavigationProps): JSX.Element | null;

package/dist/modern/VerticalNavigation/VerticalNavigation.js

@@ -1,148 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _Backwards, _Forwards;
-const _excluded = ["onNavigationChange", "onToggleExpanded", "data", "selected", "expanded", "topPosition", "expandedPanelWidth", "collapsedPanelWidth", "position"],
-  _excluded2 = ["data"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useState } from "react";
-import { withStyles } from "@mui/styles";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { HvVerticalNavigation as HvVerticalNavigationCore, HvVerticalNavigationTree, HvButton, HvContainer } from "@hitachivantara/uikit-react-core";
-import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
-import useStyles from "./styles";
-import { getAllParents, findRootParentById, findItemById } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const HvVerticalNavigation = _ref => {
-  var _findRootParentById;
-  let {
-      onNavigationChange,
-      onToggleExpanded,
-      data,
-      selected,
-      expanded,
-      topPosition,
-      expandedPanelWidth,
-      collapsedPanelWidth,
-      position
-    } = _ref,
-    others = _objectWithoutProperties(_ref, _excluded);
-  const classes = useStyles({
-    topPosition,
-    expandedPanelWidth,
-    collapsedPanelWidth,
-    position
-  })();
-  const noSubData = data.map(_ref2 => {
-    let {
-        data: dataToRemove
-      } = _ref2,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-    return rest;
-  });
-  const [expandedItems, setExpandedItems] = useState(getAllParents(data).map(item => item.id));
-  const selectedTopParent = (_findRootParentById = findRootParentById(data, selected)) === null || _findRootParentById === void 0 ? void 0 : _findRootParentById.id;
-  const handleVerticalNavigationChange = (event, item) => {
-    // This need to be done because the item recieved on the callback is missing the original data object
-    const fullItem = findItemById(data, item.id);
-    if (!expanded && fullItem.data && fullItem.data.length > 0) {
-      setExpandedItems(prevState => [...prevState, item.id]);
-      onToggleExpanded(true);
-    } else {
-      onNavigationChange === null || onNavigationChange === void 0 ? void 0 : onNavigationChange(event, item);
-    }
-  };
-  const handleVerticalNavigationToggle = (event, currentExpandedItems) => {
-    setExpandedItems(currentExpandedItems);
-  };
-  const handleExpandToggle = () => {
-    onToggleExpanded(!expanded);
-  };
-  return /*#__PURE__*/_jsxs(HvVerticalNavigationCore, _objectSpread(_objectSpread({
-    className: clsx(classes.panel, expanded ? classes.panelExpanded : classes.panelCollapsed)
-  }, others), {}, {
-    children: [/*#__PURE__*/_jsx(HvContainer, {
-      className: `${classes.toggleCollapsePanel}`,
-      children: /*#__PURE__*/_jsx(HvButton, {
-        icon: true,
-        onClick: handleExpandToggle,
-        children: expanded ? _Backwards || (_Backwards = /*#__PURE__*/_jsx(Backwards, {
-          iconSize: "XS"
-        })) : _Forwards || (_Forwards = /*#__PURE__*/_jsx(Forwards, {
-          iconSize: "XS"
-        }))
-      })
-    }), /*#__PURE__*/_jsx(HvVerticalNavigationTree, {
-      collapsible: true,
-      expanded: expandedItems,
-      data: expanded ? data : noSubData,
-      selected: expanded ? selected : selectedTopParent,
-      onChange: handleVerticalNavigationChange,
-      onToggle: handleVerticalNavigationToggle
-    })]
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvVerticalNavigation.propTypes = {
-  /**
-   * Called when a menu item is clicked.
-   */
-  onNavigationChange: PropTypes.func,
-  /**
-   * Called when the collapse / expand button is clicked.
-   */
-  onToggleExpanded: PropTypes.func,
-  /**
-   * An array containing the data for each menu item.
-   *
-   * id - the id to be applied to the root element.
-   * label - the label to be rendered on the menu item.
-   * icon - the icon component.
-   * data - sub-menu items
-   * href - the url used for navigation.
-   * target - the behavior when opening an url.
-   */
-  data: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
-    icon: PropTypes.node,
-    data: PropTypes.array,
-    href: PropTypes.string,
-    target: PropTypes.string
-  })).isRequired,
-  /**
-   * The ID of the selected page.
-   */
-  selected: PropTypes.string,
-  /**
-   * Boolean value stating if the panel should be collapsed or expanded.
-   */
-  expanded: PropTypes.bool,
-  /**
-   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.
-   */
-  topPosition: PropTypes.number,
-  /**
-   * The width of the panel when expanded. Default value is 300.
-   */
-  expandedPanelWidth: PropTypes.number,
-  /**
-   * The width of the panel when collapsed. Default vlaue is 52.
-   */
-  collapsedPanelWidth: PropTypes.number,
-  /**
-   * Position of the component.
-   */
-  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute", "sticky"])
-} : void 0;
-HvVerticalNavigation.defaultProps = {
-  topPosition: 44,
-  expandedPanelWidth: 300,
-  collapsedPanelWidth: 52,
-  position: "fixed"
-};
-export default withStyles(useStyles, {
-  name: "HvVerticalNavigation"
-})(HvVerticalNavigation);
-//# sourceMappingURL=VerticalNavigation.js.map

package/dist/modern/VerticalNavigation/VerticalNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalNavigation.js","names":["React","useState","withStyles","PropTypes","clsx","HvVerticalNavigation","HvVerticalNavigationCore","HvVerticalNavigationTree","HvButton","HvContainer","Backwards","Forwards","useStyles","getAllParents","findRootParentById","findItemById","onNavigationChange","onToggleExpanded","data","selected","expanded","topPosition","expandedPanelWidth","collapsedPanelWidth","position","others","classes","noSubData","map","dataToRemove","rest","expandedItems","setExpandedItems","item","id","selectedTopParent","handleVerticalNavigationChange","event","fullItem","length","prevState","handleVerticalNavigationToggle","currentExpandedItems","handleExpandToggle","panel","panelExpanded","panelCollapsed","toggleCollapsePanel","propTypes","func","arrayOf","shape","string","isRequired","label","icon","node","array","href","target","bool","number","oneOf","defaultProps","name"],"sources":["../../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport {\n  HvVerticalNavigation as HvVerticalNavigationCore,\n  HvVerticalNavigationTree,\n  HvButton,\n  HvContainer,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport useStyles from \"./styles\";\nimport { getAllParents, findRootParentById, findItemById } from \"./utils\";\n\nconst HvVerticalNavigation = ({\n  onNavigationChange,\n  onToggleExpanded,\n  data,\n  selected,\n  expanded,\n  topPosition,\n  expandedPanelWidth,\n  collapsedPanelWidth,\n  position,\n\n  ...others\n}) => {\n  const classes = useStyles({ topPosition, expandedPanelWidth, collapsedPanelWidth, position })();\n\n  const noSubData = data.map(({ data: dataToRemove, ...rest }) => rest);\n\n  const [expandedItems, setExpandedItems] = useState(getAllParents(data).map((item) => item.id));\n\n  const selectedTopParent = findRootParentById(data, selected)?.id;\n\n  const handleVerticalNavigationChange = (event, item) => {\n    // This need to be done because the item recieved on the callback is missing the original data object\n    const fullItem = findItemById(data, item.id);\n\n    if (!expanded && fullItem.data && fullItem.data.length > 0) {\n      setExpandedItems((prevState) => [...prevState, item.id]);\n      onToggleExpanded(true);\n    } else {\n      onNavigationChange?.(event, item);\n    }\n  };\n\n  const handleVerticalNavigationToggle = (event, currentExpandedItems) => {\n    setExpandedItems(currentExpandedItems);\n  };\n\n  const handleExpandToggle = () => {\n    onToggleExpanded(!expanded);\n  };\n\n  return (\n    <HvVerticalNavigationCore\n      className={clsx(classes.panel, {\n        [classes.panelExpanded]: expanded,\n        [classes.panelCollapsed]: !expanded,\n      })}\n      {...others}\n    >\n      <HvContainer className={`${classes.toggleCollapsePanel}`}>\n        <HvButton icon onClick={handleExpandToggle}>\n          {expanded ? <Backwards iconSize=\"XS\" /> : <Forwards iconSize=\"XS\" />}\n        </HvButton>\n      </HvContainer>\n\n      <HvVerticalNavigationTree\n        collapsible\n        expanded={expandedItems}\n        data={expanded ? data : noSubData}\n        selected={expanded ? selected : selectedTopParent}\n        onChange={handleVerticalNavigationChange}\n        onToggle={handleVerticalNavigationToggle}\n      />\n    </HvVerticalNavigationCore>\n  );\n};\n\nHvVerticalNavigation.propTypes = {\n  /**\n   * Called when a menu item is clicked.\n   */\n  onNavigationChange: PropTypes.func,\n  /**\n   * Called when the collapse / expand button is clicked.\n   */\n  onToggleExpanded: PropTypes.func,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon component.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * Boolean value stating if the panel should be collapsed or expanded.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.\n   */\n  topPosition: PropTypes.number,\n  /**\n   * The width of the panel when expanded. Default value is 300.\n   */\n  expandedPanelWidth: PropTypes.number,\n  /**\n   * The width of the panel when collapsed. Default vlaue is 52.\n   */\n  collapsedPanelWidth: PropTypes.number,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]),\n};\n\nHvVerticalNavigation.defaultProps = {\n  topPosition: 44,\n  expandedPanelWidth: 300,\n  collapsedPanelWidth: 52,\n  position: \"fixed\",\n};\n\nexport default withStyles(useStyles, { name: \"HvVerticalNavigation\" })(HvVerticalNavigation);\n"],"mappings":"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"}