@doist/reactist 29.1.1 → 30.0.0

package/es/components/keyboard-shortcut/keyboard-shortcut.js

@@ -1,70 +1,90 @@
-import { __rest, __assign } from 'tslib';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as React from 'react';
 import classNames from 'classnames';
 
+const _excluded = ["children", "className", "translateKey", "isMac"];
+
 //
 // Support for setting up how to translate modifiers globally.
 //
-var globalTranslateKey = function (key) { return key; };
-KeyboardShortcut.setTranslateKey = function (tr) {
-    globalTranslateKey = tr;
+
+let globalTranslateKey = key => key;
+KeyboardShortcut.setTranslateKey = tr => {
+  globalTranslateKey = tr;
 };
 function translateKeyMac(key) {
-    switch (key.toLowerCase()) {
-        case 'cmd':
-        case 'mod':
-            return '⌘';
-        case 'control':
-        case 'ctrl':
-            return '⌃';
-        case 'alt':
-            return '⌥';
-        case 'shift':
-            return '⇧';
-        case 'space':
-            return '␣';
-        default:
-            return key;
-    }
+  switch (key.toLowerCase()) {
+    case 'cmd':
+    case 'mod':
+      return '⌘';
+    case 'control':
+    case 'ctrl':
+      return '⌃';
+    case 'alt':
+      return '⌥';
+    case 'shift':
+      return '⇧';
+    case 'space':
+      return '␣';
+    default:
+      return key;
+  }
 }
+
 //
 // Some helpers
 //
+
 function capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
 }
 function hasModifiers(str) {
-    return /\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str);
+  return /\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str);
 }
 function isSpecialKey(str) {
-    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str);
+  return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str);
 }
 function parseKeys(shortcut, isMac, translateKey) {
-    var t = isMac ? translateKeyMac : translateKey;
-    var _hasModifiers = hasModifiers(shortcut);
-    function mapIndividualKey(str) {
-        if (isSpecialKey(str)) {
-            return capitalize(t(str));
-        }
-        if (_hasModifiers && str.length === 1) {
-            return str.toUpperCase();
-        }
-        return str;
+  const t = isMac ? translateKeyMac : translateKey;
+  const _hasModifiers = hasModifiers(shortcut);
+  function mapIndividualKey(str) {
+    if (isSpecialKey(str)) {
+      return capitalize(t(str));
     }
-    if (!isMac) {
-        shortcut = shortcut.replace(/\b(mod|cmd)\b/i, 'ctrl');
+    if (_hasModifiers && str.length === 1) {
+      return str.toUpperCase();
     }
-    return shortcut.split(/\s*\+\s*/).map(mapIndividualKey);
+    return str;
+  }
+  if (!isMac) {
+    shortcut = shortcut.replace(/\b(mod|cmd)\b/i, 'ctrl');
+  }
+  return shortcut.split(/\s*\+\s*/).map(mapIndividualKey);
 }
-function KeyboardShortcut(_a) {
-    var _b, _c;
-    var children = _a.children, className = _a.className, _d = _a.translateKey, translateKey = _d === void 0 ? globalTranslateKey : _d, _e = _a.isMac, isMac = _e === void 0 ? (_c = (_b = navigator.platform) === null || _b === void 0 ? void 0 : _b.toUpperCase().includes('MAC')) !== null && _c !== void 0 ? _c : false : _e, props = __rest(_a, ["children", "className", "translateKey", "isMac"]);
-    var shortcuts = typeof children === 'string' ? [children] : children;
-    return (React.createElement("span", __assign({ className: classNames('reactist_keyboard_shortcut', className, {
-            'reactist_keyboard_shortcut--macos': isMac,
-        }) }, props), shortcuts.map(function (shortcut, i) { return (React.createElement(React.Fragment, { key: i },
-        i === 0 ? null : ', ',
-        React.createElement("kbd", null, parseKeys(shortcut, isMac, translateKey).map(function (key, j) { return (React.createElement("kbd", { key: j }, key)); })))); })));
+
+//
+// The KeyboardShortcut component
+//
+
+function KeyboardShortcut(_ref) {
+  let {
+      children,
+      className,
+      translateKey = globalTranslateKey,
+      isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const shortcuts = typeof children === 'string' ? [children] : children;
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames('reactist_keyboard_shortcut', className, {
+      'reactist_keyboard_shortcut--macos': isMac
+    })
+  }, props), shortcuts.map((shortcut, i) => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: i
+  }, i === 0 ? null : ', ', /*#__PURE__*/React.createElement("kbd", null, parseKeys(shortcut, isMac, translateKey).map((key, j) => /*#__PURE__*/React.createElement("kbd", {
+    key: j
+  }, key))))));
 }
 
 export { KeyboardShortcut };

package/es/components/keyboard-shortcut/keyboard-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","KeyboardShortcut","setTranslateKey","tr","translateKeyMac","toLowerCase","capitalize","str","charAt","toUpperCase","slice","hasModifiers","test","isSpecialKey","parseKeys","shortcut","isMac","translateKey","t","_hasModifiers","mapIndividualKey","length","replace","split","map","_ref","children","className","navigator","platform","includes","props","_objectWithoutProperties","_excluded","shortcuts","React","createElement","_extends","classNames","i","Fragment","j"],"mappings":"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"}

package/es/components/progress-bar/progress-bar.js

@@ -1,16 +1,68 @@
+import { c } from 'react-compiler-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
-import { HiddenVisually } from '../../hidden-visually/hidden-visually.js';
 import modules_a0e70af1 from './progress-bar.module.css.js';
+import { HiddenVisually } from '../../hidden-visually/hidden-visually.js';
 
-function ProgressBar(_a) {
-    var _b = _a.fillPercentage, fillPercentage = _b === void 0 ? 0 : _b, className = _a.className, ariaValuetext = _a["aria-valuetext"];
-    var finalClassName = classNames(modules_a0e70af1.progressBar, className);
-    var width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
-    return (React.createElement("div", { className: finalClassName },
-        React.createElement("div", { className: modules_a0e70af1.inner, style: { width: "".concat(width, "%") } }),
-        React.createElement(HiddenVisually, null,
-            React.createElement("progress", { value: width, max: 100, "aria-valuetext": ariaValuetext !== null && ariaValuetext !== void 0 ? ariaValuetext : undefined }))));
+function ProgressBar(t0) {
+  const $ = c(11);
+  const {
+    fillPercentage: t1,
+    className,
+    "aria-valuetext": ariaValuetext
+  } = t0;
+  const fillPercentage = t1 === undefined ? 0 : t1;
+  let t2;
+  if ($[0] !== className) {
+    t2 = classNames(modules_a0e70af1.progressBar, className);
+    $[0] = className;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const finalClassName = t2;
+  const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
+  const t3 = `${width}%`;
+  let t4;
+  if ($[2] !== t3) {
+    t4 = /*#__PURE__*/React.createElement("div", {
+      className: modules_a0e70af1.inner,
+      style: {
+        width: t3
+      }
+    });
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const t5 = ariaValuetext ?? undefined;
+  let t6;
+  if ($[4] !== t5 || $[5] !== width) {
+    t6 = /*#__PURE__*/React.createElement(HiddenVisually, null, /*#__PURE__*/React.createElement("progress", {
+      value: width,
+      max: 100,
+      "aria-valuetext": t5
+    }));
+    $[4] = t5;
+    $[5] = width;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== finalClassName || $[8] !== t4 || $[9] !== t6) {
+    t7 = /*#__PURE__*/React.createElement("div", {
+      className: finalClassName
+    }, t4, t6);
+    $[7] = finalClassName;
+    $[8] = t4;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  return t7;
 }
 ProgressBar.displayName = 'ProgressBar';
 

package/es/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":";;;;;AAgBA,SAAS,WAAW,CAAC,EAAyE,EAAA;QAAvE,EAAkB,GAAA,EAAA,CAAA,cAAA,EAAlB,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAoB,aAAa,GAAA,EAAA,CAAA,gBAAA,CAAA,CAAA;IACjF,IAAM,cAAc,GAAG,UAAU,CAACA,gBAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IAChE,IAAM,KAAK,GAAG,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,cAAc,GAAG,GAAG,GAAG,GAAG,GAAG,cAAc,CAAA;AAClF,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,cAAc,EAAA;AAC1B,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEA,gBAAM,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,CAAA,MAAA,CAAG,KAAK,EAAA,GAAA,CAAG,EAAE,EAAI,CAAA;AAC/D,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACX,YAAA,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAkB,gBAAA,EAAA,aAAa,aAAb,aAAa,KAAA,KAAA,CAAA,GAAb,aAAa,GAAI,SAAS,GAAI,CACnE,CACf,EACT;AACL,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { HiddenVisually } from '../../hidden-visually'\n\nimport styles from './progress-bar.module.css'\n\ntype Props = {\n    /** Additional css class applied to the progress bar. */\n    className?: string\n    /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */\n    fillPercentage?: number\n    /** Defines the human readable text alternative for assitive technologies. */\n    'aria-valuetext'?: string\n}\nfunction ProgressBar({ fillPercentage = 0, className, 'aria-valuetext': ariaValuetext }: Props) {\n    const finalClassName = classNames(styles.progressBar, className)\n    const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage\n    return (\n        <div className={finalClassName}>\n            <div className={styles.inner} style={{ width: `${width}%` }} />\n            <HiddenVisually>\n                <progress value={width} max={100} aria-valuetext={ariaValuetext ?? undefined} />\n            </HiddenVisually>\n        </div>\n    )\n}\nProgressBar.displayName = 'ProgressBar'\n\nexport { ProgressBar }\n"],"names":["ProgressBar","t0","$","_c","fillPercentage","t1","className","ariaValuetext","undefined","t2","classNames","styles","progressBar","finalClassName","width","t3","t4","React","createElement","inner","style","t5","t6","HiddenVisually","max","t7","displayName"],"mappings":";;;;;;AAgBA,SAAAA,YAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAqB,EAAA,MAAA;AAAAC,IAAAA,cAAA,EAAAC,EAAA;IAAAC,SAAA;IAAA,gBAAAC,EAAAA,aAAAA;AAAA,GAAA,GAAAN,EAAyE,CAAA;EAAvE,MAAAG,cAAA,GAAAC,EAAkB,KAAlBG,SAAkB,GAAlB,CAAkB,GAAlBH,EAAkB,CAAA;AAAA,EAAA,IAAAI,EAAA,CAAA;EAAA,IAAAP,CAAA,QAAAI,SAAA,EAAA;IACdG,EAAA,GAAAC,UAAU,CAACC,gBAAM,CAAAC,WAAY,EAAEN,SAAS,CAAC,CAAA;AAAAJ,IAAAA,CAAA,MAAAI,SAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;EAAhE,MAAAW,cAAA,GAAuBJ,EAAyC,CAAA;AAChE,EAAA,MAAAK,KAAA,GAAcV,cAAc,GAAG,CAAmD,GAApE,CAAoE,GAA3CA,cAAc,GAAG,GAA0B,GAA3C,GAA2C,GAA3CA,cAA2C,CAAA;EAG5B,MAAAW,EAAA,GAAGD,CAAAA,EAAAA,KAAK,CAAG,CAAA,CAAA,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;EAAA,IAAAd,CAAA,QAAAa,EAAA,EAAA;IAAzDC,EAAA,gBAAAC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAgBZ,SAAY,EAAZK,gBAAM,CAAAQ,KAAM;AAASC,MAAAA,KAAsB,EAAtB;AAAAN,QAAAA,KAAA,EAASC,EAAAA;AAAY,OAAA;AAAC,KAAG,CAAC,CAAA;AAAAb,IAAAA,CAAA,MAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,MAAAc,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAd,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAET,EAAA,MAAAmB,EAAA,GAAAd,aAA0B,IAA1BC,SAA0B,CAAA;AAAA,EAAA,IAAAc,EAAA,CAAA;AAAA,EAAA,IAAApB,CAAA,CAAAmB,CAAAA,CAAAA,KAAAA,EAAA,IAAAnB,CAAA,QAAAY,KAAA,EAAA;IADhFQ,EAAA,gBAAAL,KAAA,CAAAC,aAAA,CAACK,cAAc,EAAA,IAAA,eACXN,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAiBJ,MAAAA,KAAK,EAALA,KAAK;AAAOU,MAAAA,GAAG,EAAH,GAAG;MAAkB,gBAAAH,EAAAA,EAAAA;AAA0B,KAAG,CACnE,CAAC,CAAA;AAAAnB,IAAAA,CAAA,MAAAmB,EAAA,CAAA;AAAAnB,IAAAA,CAAA,MAAAY,KAAA,CAAA;AAAAZ,IAAAA,CAAA,MAAAoB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAApB,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAuB,EAAA,CAAA;EAAA,IAAAvB,CAAA,CAAAW,CAAAA,CAAAA,KAAAA,cAAA,IAAAX,CAAA,QAAAc,EAAA,IAAAd,CAAA,CAAA,CAAA,CAAA,KAAAoB,EAAA,EAAA;IAJrBG,EAAA,gBAAAR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAgBL,MAAAA,SAAc,EAAdA,cAAAA;KACZG,EAAAA,EAA+D,EAC/DM,EAGC,CAAC,CAAA;AAAApB,IAAAA,CAAA,MAAAW,cAAA,CAAA;AAAAX,IAAAA,CAAA,MAAAc,EAAA,CAAA;AAAAd,IAAAA,CAAA,MAAAoB,EAAA,CAAA;AAAApB,IAAAA,CAAA,OAAAuB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAvB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OALNuB,EAKM,CAAA;AAAA,CAAA;AAGdzB,WAAW,CAAC0B,WAAW,GAAG,aAAa;;;;"}

package/es/components/time/index.js

@@ -1,3 +1,6 @@
-import { Time } from './time.js';
-export { Time as default } from './time.js';
+import { Time as Time$1 } from './time.js';
+
+var Time = Time$1;
+
+export { Time as default };
 //# sourceMappingURL=index.js.map

package/es/components/time/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../src/components/time/index.ts"],"sourcesContent":["import { Time } from './time'\n\nexport default Time\n"],"names":["Time"],"mappings":";;AAEA,WAAeA,MAAI;;;;"}

package/es/components/time/time-utils.js

@@ -2,59 +2,65 @@ import dayjs from 'dayjs';
 import LocalizedFormat from 'dayjs/plugin/localizedFormat';
 
 dayjs.extend(LocalizedFormat);
-var TimeUtils = {
-    SHORT_FORMAT_CURRENT_YEAR: 'L',
-    SHORT_FORMAT_PAST_YEAR: 'LL',
-    LONG_FORMAT: 'LL, LT',
-    timeAgo: function (timestamp, config) {
-        if (config === void 0) { config = {}; }
-        var _a = config.locale, locale = _a === void 0 ? 'en' : _a, _b = config.shortFormatCurrentYear, shortFormatCurrentYear = _b === void 0 ? this.SHORT_FORMAT_CURRENT_YEAR : _b, _c = config.shortFormatPastYear, shortFormatPastYear = _c === void 0 ? this.SHORT_FORMAT_PAST_YEAR : _c, _d = config.daysSuffix, daysSuffix = _d === void 0 ? 'd' : _d, _e = config.hoursSuffix, hoursSuffix = _e === void 0 ? 'h' : _e, _f = config.minutesSuffix, minutesSuffix = _f === void 0 ? 'm' : _f, _g = config.momentsAgo, momentsAgo = _g === void 0 ? 'moments ago' : _g;
-        var now = dayjs();
-        var date = dayjs(timestamp * 1000);
-        date.locale(locale);
-        var diffMinutes = now.diff(date, 'minute');
-        var diffHours = now.diff(date, 'hour');
-        var diffDays = now.diff(date, 'day');
-        if (diffDays > 1) {
-            if (date.isSame(now, 'year')) {
-                return date.format(shortFormatCurrentYear);
-            }
-            else {
-                return date.format(shortFormatPastYear);
-            }
-        }
-        else if (diffDays === 1) {
-            return "".concat(diffDays).concat(daysSuffix);
-        }
-        else if (diffHours > 0 && diffHours <= 23) {
-            return "".concat(diffHours).concat(hoursSuffix);
-        }
-        else if (diffMinutes > 0 && diffMinutes <= 59) {
-            return "".concat(diffMinutes).concat(minutesSuffix);
-        }
-        else {
-            return momentsAgo;
-        }
-    },
-    formatTime: function (timestamp, config) {
-        if (config === void 0) { config = {}; }
-        var _a = config.locale, locale = _a === void 0 ? 'en' : _a, _b = config.shortFormatCurrentYear, shortFormatCurrentYear = _b === void 0 ? this.SHORT_FORMAT_CURRENT_YEAR : _b, _c = config.shortFormatPastYear, shortFormatPastYear = _c === void 0 ? this.SHORT_FORMAT_PAST_YEAR : _c;
-        var date = dayjs(timestamp * 1000);
-        date.locale(locale);
-        if (date.isSame(dayjs(), 'year')) {
-            return date.format(shortFormatCurrentYear);
-        }
-        else {
-            return date.format(shortFormatPastYear);
-        }
-    },
-    formatTimeLong: function (timestamp, config) {
-        if (config === void 0) { config = {}; }
-        var _a = config.locale, locale = _a === void 0 ? 'en' : _a, _b = config.longFormat, longFormat = _b === void 0 ? this.LONG_FORMAT : _b;
-        var date = dayjs(timestamp * 1000);
-        date.locale(locale);
-        return date.format(longFormat);
-    },
+const TimeUtils = {
+  SHORT_FORMAT_CURRENT_YEAR: 'L',
+  SHORT_FORMAT_PAST_YEAR: 'LL',
+  LONG_FORMAT: 'LL, LT',
+  timeAgo(timestamp, config = {}) {
+    const {
+      locale = 'en',
+      shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,
+      shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,
+      daysSuffix = 'd',
+      hoursSuffix = 'h',
+      minutesSuffix = 'm',
+      momentsAgo = 'moments ago'
+    } = config;
+    const now = dayjs();
+    const date = dayjs(timestamp * 1000);
+    date.locale(locale);
+    const diffMinutes = now.diff(date, 'minute');
+    const diffHours = now.diff(date, 'hour');
+    const diffDays = now.diff(date, 'day');
+    if (diffDays > 1) {
+      if (date.isSame(now, 'year')) {
+        return date.format(shortFormatCurrentYear);
+      } else {
+        return date.format(shortFormatPastYear);
+      }
+    } else if (diffDays === 1) {
+      return `${diffDays}${daysSuffix}`;
+    } else if (diffHours > 0 && diffHours <= 23) {
+      return `${diffHours}${hoursSuffix}`;
+    } else if (diffMinutes > 0 && diffMinutes <= 59) {
+      return `${diffMinutes}${minutesSuffix}`;
+    } else {
+      return momentsAgo;
+    }
+  },
+  formatTime(timestamp, config = {}) {
+    const {
+      locale = 'en',
+      shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,
+      shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR
+    } = config;
+    const date = dayjs(timestamp * 1000);
+    date.locale(locale);
+    if (date.isSame(dayjs(), 'year')) {
+      return date.format(shortFormatCurrentYear);
+    } else {
+      return date.format(shortFormatPastYear);
+    }
+  },
+  formatTimeLong(timestamp, config = {}) {
+    const {
+      locale = 'en',
+      longFormat = this.LONG_FORMAT
+    } = config;
+    const date = dayjs(timestamp * 1000);
+    date.locale(locale);
+    return date.format(longFormat);
+  }
 };
 
 export { TimeUtils };

package/es/components/time/time-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-utils.js","sources":["../../../src/components/time/time-utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"time-utils.js","sources":["../../../src/components/time/time-utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\n/**\n * There's a problem with our setup where the default export from\n * localizedFormat (and likely every other dayjs plugin) isn't properly\n * recognized. The proposed workarounds (importing with `.js` ending, or adding\n * `allowSyntheticDefaultImports` to the tsconfig) either broke linting or type\n * checking. After spending some time on this it was decided that further\n * investigations are not worth it, the code works and the eslint ignore is fine.\n * ref: https://github.com/iamkun/dayjs/issues/593\n * ref: https://day.js.org/docs/en/installation/typescript\n */\n// eslint-disable-next-line import/default\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat'\n\ndayjs.extend(LocalizedFormat)\n\ntype TimeConfig = {\n    locale?: string\n    longFormat?: string\n    shortFormatCurrentYear?: string\n    shortFormatPastYear?: string\n    daysSuffix?: string\n    hoursSuffix?: string\n    minutesSuffix?: string\n    momentsAgo?: string\n}\n\nconst TimeUtils = {\n    SHORT_FORMAT_CURRENT_YEAR: 'L',\n    SHORT_FORMAT_PAST_YEAR: 'LL',\n    LONG_FORMAT: 'LL, LT',\n\n    timeAgo(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n            daysSuffix = 'd',\n            hoursSuffix = 'h',\n            minutesSuffix = 'm',\n            momentsAgo = 'moments ago',\n        } = config\n        const now = dayjs()\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        const diffMinutes = now.diff(date, 'minute')\n        const diffHours = now.diff(date, 'hour')\n        const diffDays = now.diff(date, 'day')\n\n        if (diffDays > 1) {\n            if (date.isSame(now, 'year')) {\n                return date.format(shortFormatCurrentYear)\n            } else {\n                return date.format(shortFormatPastYear)\n            }\n        } else if (diffDays === 1) {\n            return `${diffDays}${daysSuffix}`\n        } else if (diffHours > 0 && diffHours <= 23) {\n            return `${diffHours}${hoursSuffix}`\n        } else if (diffMinutes > 0 && diffMinutes <= 59) {\n            return `${diffMinutes}${minutesSuffix}`\n        } else {\n            return momentsAgo\n        }\n    },\n\n    formatTime(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n        } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        if (date.isSame(dayjs(), 'year')) {\n            return date.format(shortFormatCurrentYear)\n        } else {\n            return date.format(shortFormatPastYear)\n        }\n    },\n\n    formatTimeLong(timestamp: number, config: TimeConfig = {}) {\n        const { locale = 'en', longFormat = this.LONG_FORMAT } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        return date.format(longFormat)\n    },\n}\n\nexport type { TimeConfig }\nexport { TimeUtils }\n"],"names":["dayjs","extend","LocalizedFormat","TimeUtils","SHORT_FORMAT_CURRENT_YEAR","SHORT_FORMAT_PAST_YEAR","LONG_FORMAT","timeAgo","timestamp","config","locale","shortFormatCurrentYear","shortFormatPastYear","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo","now","date","diffMinutes","diff","diffHours","diffDays","isSame","format","formatTime","formatTimeLong","longFormat"],"mappings":"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"}

package/es/components/time/time.js

@@ -1,100 +1,103 @@
-import { __extends } from 'tslib';
 import * as React from 'react';
-import { Tooltip } from '../../tooltip/tooltip.js';
 import { TimeUtils } from './time-utils.js';
+import { Tooltip } from '../../tooltip/tooltip.js';
 
-var DELAY = 60000;
-var Time = /** @class */ (function (_super) {
-    __extends(Time, _super);
-    function Time(props) {
-        var _this = _super.call(this, props) || this;
-        _this.refreshInterval = undefined;
-        _this.state = {
-            hovered: false,
-            mouseX: undefined,
-            mouseY: undefined,
-        };
-        return _this;
-    }
-    Time.prototype.componentDidMount = function () {
-        if (this.props.refresh) {
-            this._refresh();
-        }
-    };
-    Time.prototype.componentDidUpdate = function (prevProps) {
-        if (!prevProps.refresh && this.props.refresh) {
-            this._refresh();
-        }
-        if (prevProps.refresh && !this.props.refresh) {
-            if (this.refreshInterval) {
-                clearTimeout(this.refreshInterval);
-            }
-        }
-    };
-    Time.prototype.componentWillUnmount = function () {
-        if (this.refreshInterval) {
-            clearTimeout(this.refreshInterval);
-        }
-    };
-    Time.prototype._setHovered = function (hovered, event) {
-        var _a = this.state, mouseX = _a.mouseX, mouseY = _a.mouseY;
-        var clientX = event.clientX, clientY = event.clientY;
-        if (clientX !== mouseX || clientY !== mouseY) {
-            // mouse has moved
-            this.setState(function () { return ({
-                hovered: hovered,
-                mouseX: clientX,
-                mouseY: clientY,
-            }); });
-        }
-    };
-    Time.prototype._renderTime = function (config) {
-        if (!this.props.time) {
-            return;
-        }
-        if (this.state.hovered) {
-            if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {
-                return TimeUtils.formatTimeLong(this.props.time, config);
-            }
-            if (this.props.expandOnHover && !this.props.tooltipOnHover) {
-                return TimeUtils.formatTime(this.props.time, config);
-            }
-        }
-        return TimeUtils.timeAgo(this.props.time, config);
-    };
-    Time.prototype._refresh = function () {
-        var _this = this;
-        this.refreshInterval = setInterval(function () {
-            _this.forceUpdate();
-        }, DELAY);
-    };
-    Time.prototype.render = function () {
-        var _this = this;
-        var className = 'reactist_time';
-        if (this.props.className) {
-            className = this.props.className;
-        }
-        var timeComponent = this._renderTime(this.props.config);
-        return (React.createElement("time", { className: className, onMouseEnter: function (event) { return _this._setHovered(true, event); }, onMouseLeave: function (event) { return _this._setHovered(false, event); } }, this.props.tooltipOnHover ? (React.createElement(Tooltip, { content: this.props.tooltip ||
-                (this.props.time &&
-                    TimeUtils.formatTimeLong(this.props.time, this.props.config)) },
-            React.createElement("span", null, timeComponent))) : (timeComponent)));
+const DELAY = 60000;
+class Time extends React.Component {
+  constructor(props) {
+    super(props);
+    this.refreshInterval = undefined;
+    this.state = {
+      hovered: false,
+      mouseX: undefined,
+      mouseY: undefined
     };
-    return Time;
-}(React.Component));
+  }
+  componentDidMount() {
+    if (this.props.refresh) {
+      this._refresh();
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (!prevProps.refresh && this.props.refresh) {
+      this._refresh();
+    }
+    if (prevProps.refresh && !this.props.refresh) {
+      if (this.refreshInterval) {
+        clearTimeout(this.refreshInterval);
+      }
+    }
+  }
+  componentWillUnmount() {
+    if (this.refreshInterval) {
+      clearTimeout(this.refreshInterval);
+    }
+  }
+  _setHovered(hovered, event) {
+    const {
+      mouseX,
+      mouseY
+    } = this.state;
+    const {
+      clientX,
+      clientY
+    } = event;
+    if (clientX !== mouseX || clientY !== mouseY) {
+      // mouse has moved
+      this.setState(() => ({
+        hovered,
+        mouseX: clientX,
+        mouseY: clientY
+      }));
+    }
+  }
+  _renderTime(config) {
+    if (!this.props.time) {
+      return;
+    }
+    if (this.state.hovered) {
+      if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {
+        return TimeUtils.formatTimeLong(this.props.time, config);
+      }
+      if (this.props.expandOnHover && !this.props.tooltipOnHover) {
+        return TimeUtils.formatTime(this.props.time, config);
+      }
+    }
+    return TimeUtils.timeAgo(this.props.time, config);
+  }
+  _refresh() {
+    this.refreshInterval = setInterval(() => {
+      this.forceUpdate();
+    }, DELAY);
+  }
+  render() {
+    let className = 'reactist_time';
+    if (this.props.className) {
+      className = this.props.className;
+    }
+    const timeComponent = this._renderTime(this.props.config);
+    return /*#__PURE__*/React.createElement("time", {
+      className: className,
+      onMouseEnter: event => this._setHovered(true, event),
+      onMouseLeave: event => this._setHovered(false, event)
+    }, this.props.tooltipOnHover ? /*#__PURE__*/React.createElement(Tooltip, {
+      content: this.props.tooltip || this.props.time && TimeUtils.formatTimeLong(this.props.time, this.props.config)
+    }, /*#__PURE__*/React.createElement("span", null, timeComponent)) : timeComponent);
+  }
+}
 Time.displayName = 'Time';
 Time.defaultProps = {
-    expandOnHover: false,
-    expandFullyOnHover: false,
-    tooltipOnHover: false,
-    refresh: true,
-    config: {
-        locale: 'en',
-        daysSuffix: 'd',
-        hoursSuffix: 'h',
-        minutesSuffix: 'm',
-        momentsAgo: 'moments ago',
-    },
+  expandOnHover: false,
+  expandFullyOnHover: false,
+  tooltipOnHover: false,
+  refresh: true,
+  config: {
+    locale: 'en',
+    daysSuffix: 'd',
+    hoursSuffix: 'h',
+    minutesSuffix: 'm',
+    momentsAgo: 'moments ago'
+  }
 };
 
 export { Time };