@doist/reactist 29.1.0 → 29.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/reactist.cjs.development.js +6749 -1829
  3. package/dist/reactist.cjs.development.js.map +1 -1
  4. package/dist/reactist.cjs.production.min.js +1 -1
  5. package/dist/reactist.cjs.production.min.js.map +1 -1
  6. package/es/avatar/avatar.js +106 -36
  7. package/es/avatar/avatar.js.map +1 -1
  8. package/es/avatar/utils.js +17 -19
  9. package/es/avatar/utils.js.map +1 -1
  10. package/es/badge/badge.js +50 -6
  11. package/es/badge/badge.js.map +1 -1
  12. package/es/banner/banner.js +384 -41
  13. package/es/banner/banner.js.map +1 -1
  14. package/es/base-field/base-field.js +367 -77
  15. package/es/base-field/base-field.js.map +1 -1
  16. package/es/box/box.js +139 -61
  17. package/es/box/box.js.map +1 -1
  18. package/es/button/button.js +346 -36
  19. package/es/button/button.js.map +1 -1
  20. package/es/checkbox-field/checkbox-field.js +71 -48
  21. package/es/checkbox-field/checkbox-field.js.map +1 -1
  22. package/es/checkbox-field/checkbox-icon.js +88 -28
  23. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  24. package/es/checkbox-field/use-fork-ref.js +15 -20
  25. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  26. package/es/columns/columns.js +46 -23
  27. package/es/columns/columns.js.map +1 -1
  28. package/es/components/color-picker/color-picker.js +190 -46
  29. package/es/components/color-picker/color-picker.js.map +1 -1
  30. package/es/components/deprecated-button/deprecated-button.js +102 -9
  31. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  32. package/es/components/deprecated-button/index.js +5 -2
  33. package/es/components/deprecated-button/index.js.map +1 -1
  34. package/es/components/deprecated-dropdown/dropdown.js +234 -134
  35. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  36. package/es/components/deprecated-dropdown/index.js +4 -1
  37. package/es/components/deprecated-dropdown/index.js.map +1 -1
  38. package/es/components/deprecated-input/index.js +5 -2
  39. package/es/components/deprecated-input/index.js.map +1 -1
  40. package/es/components/deprecated-input/input.js +27 -4
  41. package/es/components/deprecated-input/input.js.map +1 -1
  42. package/es/components/deprecated-select/select.js +110 -7
  43. package/es/components/deprecated-select/select.js.map +1 -1
  44. package/es/components/key-capturer/key-capturer.js +190 -137
  45. package/es/components/key-capturer/key-capturer.js.map +1 -1
  46. package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
  47. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  48. package/es/components/progress-bar/progress-bar.js +61 -9
  49. package/es/components/progress-bar/progress-bar.js.map +1 -1
  50. package/es/components/time/index.js +5 -2
  51. package/es/components/time/index.js.map +1 -1
  52. package/es/components/time/time-utils.js +59 -53
  53. package/es/components/time/time-utils.js.map +1 -1
  54. package/es/components/time/time.js +94 -91
  55. package/es/components/time/time.js.map +1 -1
  56. package/es/divider/divider.js +44 -5
  57. package/es/divider/divider.js.map +1 -1
  58. package/es/heading/heading.js +122 -20
  59. package/es/heading/heading.js.map +1 -1
  60. package/es/hidden/hidden.js +36 -30
  61. package/es/hidden/hidden.js.map +1 -1
  62. package/es/hidden-visually/hidden-visually.js +9 -4
  63. package/es/hidden-visually/hidden-visually.js.map +1 -1
  64. package/es/icons/alert-icon.js +145 -18
  65. package/es/icons/alert-icon.js.map +1 -1
  66. package/es/icons/banner-icon.js +213 -25
  67. package/es/icons/banner-icon.js.map +1 -1
  68. package/es/icons/close-icon.js +26 -3
  69. package/es/icons/close-icon.js.map +1 -1
  70. package/es/icons/password-hidden-icon.js +40 -6
  71. package/es/icons/password-hidden-icon.js.map +1 -1
  72. package/es/icons/password-visible-icon.js +33 -5
  73. package/es/icons/password-visible-icon.js.map +1 -1
  74. package/es/index.js +9 -9
  75. package/es/inline/inline.js +24 -9
  76. package/es/inline/inline.js.map +1 -1
  77. package/es/loading/loading.js +63 -17
  78. package/es/loading/loading.js.map +1 -1
  79. package/es/menu/menu.js +469 -92
  80. package/es/menu/menu.js.map +1 -1
  81. package/es/modal/modal.js +675 -112
  82. package/es/modal/modal.js.map +1 -1
  83. package/es/notice/notice.js +77 -10
  84. package/es/notice/notice.js.map +1 -1
  85. package/es/password-field/password-field.js +89 -11
  86. package/es/password-field/password-field.js.map +1 -1
  87. package/es/prose/prose.js +48 -9
  88. package/es/prose/prose.js.map +1 -1
  89. package/es/select-field/select-field.js +150 -16
  90. package/es/select-field/select-field.js.map +1 -1
  91. package/es/spinner/spinner.js +39 -6
  92. package/es/spinner/spinner.js.map +1 -1
  93. package/es/stack/stack.js +29 -17
  94. package/es/stack/stack.js.map +1 -1
  95. package/es/switch-field/switch-field.js +225 -42
  96. package/es/switch-field/switch-field.js.map +1 -1
  97. package/es/tabs/tabs.js +207 -109
  98. package/es/tabs/tabs.js.map +1 -1
  99. package/es/text/text.js +27 -17
  100. package/es/text/text.js.map +1 -1
  101. package/es/text-area/text-area.js +264 -54
  102. package/es/text-area/text-area.js.map +1 -1
  103. package/es/text-field/text-field.js +204 -31
  104. package/es/text-field/text-field.js.map +1 -1
  105. package/es/text-link/text-link.js +21 -10
  106. package/es/text-link/text-link.js.map +1 -1
  107. package/es/toast/static-toast.js +143 -25
  108. package/es/toast/static-toast.js.map +1 -1
  109. package/es/toast/toast-animation.js +159 -109
  110. package/es/toast/toast-animation.js.map +1 -1
  111. package/es/toast/use-toasts.js +309 -84
  112. package/es/toast/use-toasts.js.map +1 -1
  113. package/es/tooltip/tooltip.js +88 -32
  114. package/es/tooltip/tooltip.js.map +1 -1
  115. package/es/utils/common-helpers.js +12 -11
  116. package/es/utils/common-helpers.js.map +1 -1
  117. package/es/utils/polymorphism.js +84 -1
  118. package/es/utils/polymorphism.js.map +1 -1
  119. package/es/utils/responsive-props.js +43 -32
  120. package/es/utils/responsive-props.js.map +1 -1
  121. package/lib/avatar/avatar.js +109 -35
  122. package/lib/avatar/avatar.js.map +1 -1
  123. package/lib/avatar/utils.js +17 -19
  124. package/lib/avatar/utils.js.map +1 -1
  125. package/lib/badge/badge.js +53 -5
  126. package/lib/badge/badge.js.map +1 -1
  127. package/lib/banner/banner.js +385 -38
  128. package/lib/banner/banner.js.map +1 -1
  129. package/lib/base-field/base-field.js +366 -73
  130. package/lib/base-field/base-field.js.map +1 -1
  131. package/lib/box/box.js +141 -61
  132. package/lib/box/box.js.map +1 -1
  133. package/lib/button/button.js +347 -35
  134. package/lib/button/button.js.map +1 -1
  135. package/lib/checkbox-field/checkbox-field.js +73 -46
  136. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  137. package/lib/checkbox-field/checkbox-icon.js +92 -28
  138. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  139. package/lib/checkbox-field/use-fork-ref.js +15 -20
  140. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  141. package/lib/columns/columns.js +49 -22
  142. package/lib/columns/columns.js.map +1 -1
  143. package/lib/components/color-picker/color-picker.js +189 -45
  144. package/lib/components/color-picker/color-picker.js.map +1 -1
  145. package/lib/components/deprecated-button/deprecated-button.js +104 -9
  146. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  147. package/lib/components/deprecated-dropdown/dropdown.js +235 -133
  148. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  149. package/lib/components/deprecated-input/input.js +28 -4
  150. package/lib/components/deprecated-input/input.js.map +1 -1
  151. package/lib/components/deprecated-select/select.js +112 -7
  152. package/lib/components/deprecated-select/select.js.map +1 -1
  153. package/lib/components/key-capturer/key-capturer.js +188 -135
  154. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  155. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
  156. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  157. package/lib/components/progress-bar/progress-bar.js +60 -8
  158. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  159. package/lib/components/time/time-utils.js +59 -53
  160. package/lib/components/time/time-utils.js.map +1 -1
  161. package/lib/components/time/time.js +93 -90
  162. package/lib/components/time/time.js.map +1 -1
  163. package/lib/divider/divider.js +47 -4
  164. package/lib/divider/divider.js.map +1 -1
  165. package/lib/heading/heading.js +125 -19
  166. package/lib/heading/heading.js.map +1 -1
  167. package/lib/hidden/hidden.js +39 -29
  168. package/lib/hidden/hidden.js.map +1 -1
  169. package/lib/hidden-visually/hidden-visually.js +11 -3
  170. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  171. package/lib/icons/alert-icon.js +149 -18
  172. package/lib/icons/alert-icon.js.map +1 -1
  173. package/lib/icons/banner-icon.js +217 -25
  174. package/lib/icons/banner-icon.js.map +1 -1
  175. package/lib/icons/close-icon.js +29 -3
  176. package/lib/icons/close-icon.js.map +1 -1
  177. package/lib/icons/password-hidden-icon.js +43 -6
  178. package/lib/icons/password-hidden-icon.js.map +1 -1
  179. package/lib/icons/password-visible-icon.js +36 -5
  180. package/lib/icons/password-visible-icon.js.map +1 -1
  181. package/lib/inline/inline.js +27 -8
  182. package/lib/inline/inline.js.map +1 -1
  183. package/lib/loading/loading.js +67 -17
  184. package/lib/loading/loading.js.map +1 -1
  185. package/lib/menu/menu.js +471 -91
  186. package/lib/menu/menu.js.map +1 -1
  187. package/lib/modal/modal.js +671 -106
  188. package/lib/modal/modal.js.map +1 -1
  189. package/lib/notice/notice.js +75 -8
  190. package/lib/notice/notice.js.map +1 -1
  191. package/lib/password-field/password-field.js +92 -10
  192. package/lib/password-field/password-field.js.map +1 -1
  193. package/lib/prose/prose.js +51 -8
  194. package/lib/prose/prose.js.map +1 -1
  195. package/lib/select-field/select-field.js +152 -14
  196. package/lib/select-field/select-field.js.map +1 -1
  197. package/lib/spinner/spinner.js +39 -6
  198. package/lib/spinner/spinner.js.map +1 -1
  199. package/lib/stack/stack.js +29 -15
  200. package/lib/stack/stack.js.map +1 -1
  201. package/lib/switch-field/switch-field.js +225 -38
  202. package/lib/switch-field/switch-field.js.map +1 -1
  203. package/lib/tabs/tabs.js +207 -107
  204. package/lib/tabs/tabs.js.map +1 -1
  205. package/lib/text/text.js +30 -16
  206. package/lib/text/text.js.map +1 -1
  207. package/lib/text-area/text-area.js +264 -52
  208. package/lib/text-area/text-area.js.map +1 -1
  209. package/lib/text-field/text-field.js +207 -30
  210. package/lib/text-field/text-field.js.map +1 -1
  211. package/lib/text-link/text-link.js +24 -9
  212. package/lib/text-link/text-link.js.map +1 -1
  213. package/lib/toast/static-toast.js +142 -22
  214. package/lib/toast/static-toast.js.map +1 -1
  215. package/lib/toast/toast-animation.js +158 -108
  216. package/lib/toast/toast-animation.js.map +1 -1
  217. package/lib/toast/use-toasts.js +310 -82
  218. package/lib/toast/use-toasts.js.map +1 -1
  219. package/lib/tooltip/tooltip.js +87 -31
  220. package/lib/tooltip/tooltip.js.map +1 -1
  221. package/lib/utils/common-helpers.js +12 -11
  222. package/lib/utils/common-helpers.js.map +1 -1
  223. package/lib/utils/polymorphism.js +84 -1
  224. package/lib/utils/polymorphism.js.map +1 -1
  225. package/lib/utils/responsive-props.js +43 -32
  226. package/lib/utils/responsive-props.js.map +1 -1
  227. package/package.json +10 -2
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var reactCompilerRuntime = require('react-compiler-runtime');
5
6
  var React = require('react');
6
7
  var classNames = require('classnames');
7
8
  var hiddenVisually = require('../../hidden-visually/hidden-visually.js');
@@ -30,14 +31,65 @@ function _interopNamespace(e) {
30
31
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
31
32
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
32
33
 
33
- function ProgressBar(_a) {
34
- var _b = _a.fillPercentage, fillPercentage = _b === void 0 ? 0 : _b, className = _a.className, ariaValuetext = _a["aria-valuetext"];
35
- var finalClassName = classNames__default["default"](progressBar_module["default"].progressBar, className);
36
- var width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
37
- return (React__namespace.createElement("div", { className: finalClassName },
38
- React__namespace.createElement("div", { className: progressBar_module["default"].inner, style: { width: "".concat(width, "%") } }),
39
- React__namespace.createElement(hiddenVisually.HiddenVisually, null,
40
- React__namespace.createElement("progress", { value: width, max: 100, "aria-valuetext": ariaValuetext !== null && ariaValuetext !== void 0 ? ariaValuetext : undefined }))));
34
+ function ProgressBar(t0) {
35
+ const $ = reactCompilerRuntime.c(11);
36
+ const {
37
+ fillPercentage: t1,
38
+ className,
39
+ "aria-valuetext": ariaValuetext
40
+ } = t0;
41
+ const fillPercentage = t1 === undefined ? 0 : t1;
42
+ let t2;
43
+ if ($[0] !== className) {
44
+ t2 = classNames__default["default"](progressBar_module["default"].progressBar, className);
45
+ $[0] = className;
46
+ $[1] = t2;
47
+ } else {
48
+ t2 = $[1];
49
+ }
50
+ const finalClassName = t2;
51
+ const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
52
+ const t3 = `${width}%`;
53
+ let t4;
54
+ if ($[2] !== t3) {
55
+ t4 = /*#__PURE__*/React__namespace.createElement("div", {
56
+ className: progressBar_module["default"].inner,
57
+ style: {
58
+ width: t3
59
+ }
60
+ });
61
+ $[2] = t3;
62
+ $[3] = t4;
63
+ } else {
64
+ t4 = $[3];
65
+ }
66
+ const t5 = ariaValuetext ?? undefined;
67
+ let t6;
68
+ if ($[4] !== t5 || $[5] !== width) {
69
+ t6 = /*#__PURE__*/React__namespace.createElement(hiddenVisually.HiddenVisually, null, /*#__PURE__*/React__namespace.createElement("progress", {
70
+ value: width,
71
+ max: 100,
72
+ "aria-valuetext": t5
73
+ }));
74
+ $[4] = t5;
75
+ $[5] = width;
76
+ $[6] = t6;
77
+ } else {
78
+ t6 = $[6];
79
+ }
80
+ let t7;
81
+ if ($[7] !== finalClassName || $[8] !== t4 || $[9] !== t6) {
82
+ t7 = /*#__PURE__*/React__namespace.createElement("div", {
83
+ className: finalClassName
84
+ }, t4, t6);
85
+ $[7] = finalClassName;
86
+ $[8] = t4;
87
+ $[9] = t6;
88
+ $[10] = t7;
89
+ } else {
90
+ t7 = $[10];
91
+ }
92
+ return t7;
41
93
  }
42
94
  ProgressBar.displayName = 'ProgressBar';
43
95
 
@@ -1 +1 @@
1
- {"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":[null],"names":["classNames","styles","React","HiddenVisually"],"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,GAAGA,8BAAU,CAACC,6BAAM,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,QACIC,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,cAAc,EAAA;AAC1B,QAAAA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,6BAAM,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,CAAA,MAAA,CAAG,KAAK,EAAA,GAAA,CAAG,EAAE,EAAI,CAAA;AAC/D,QAAAC,gBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,IAAA;AACX,YAAAD,gBAAA,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;;;;"}
1
+ {"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":"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"}
@@ -11,59 +11,65 @@ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
11
11
  var LocalizedFormat__default = /*#__PURE__*/_interopDefaultLegacy(LocalizedFormat);
12
12
 
13
13
  dayjs__default["default"].extend(LocalizedFormat__default["default"]);
14
- var TimeUtils = {
15
- SHORT_FORMAT_CURRENT_YEAR: 'L',
16
- SHORT_FORMAT_PAST_YEAR: 'LL',
17
- LONG_FORMAT: 'LL, LT',
18
- timeAgo: function (timestamp, config) {
19
- if (config === void 0) { config = {}; }
20
- 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;
21
- var now = dayjs__default["default"]();
22
- var date = dayjs__default["default"](timestamp * 1000);
23
- date.locale(locale);
24
- var diffMinutes = now.diff(date, 'minute');
25
- var diffHours = now.diff(date, 'hour');
26
- var diffDays = now.diff(date, 'day');
27
- if (diffDays > 1) {
28
- if (date.isSame(now, 'year')) {
29
- return date.format(shortFormatCurrentYear);
30
- }
31
- else {
32
- return date.format(shortFormatPastYear);
33
- }
34
- }
35
- else if (diffDays === 1) {
36
- return "".concat(diffDays).concat(daysSuffix);
37
- }
38
- else if (diffHours > 0 && diffHours <= 23) {
39
- return "".concat(diffHours).concat(hoursSuffix);
40
- }
41
- else if (diffMinutes > 0 && diffMinutes <= 59) {
42
- return "".concat(diffMinutes).concat(minutesSuffix);
43
- }
44
- else {
45
- return momentsAgo;
46
- }
47
- },
48
- formatTime: function (timestamp, config) {
49
- if (config === void 0) { config = {}; }
50
- 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;
51
- var date = dayjs__default["default"](timestamp * 1000);
52
- date.locale(locale);
53
- if (date.isSame(dayjs__default["default"](), 'year')) {
54
- return date.format(shortFormatCurrentYear);
55
- }
56
- else {
57
- return date.format(shortFormatPastYear);
58
- }
59
- },
60
- formatTimeLong: function (timestamp, config) {
61
- if (config === void 0) { config = {}; }
62
- var _a = config.locale, locale = _a === void 0 ? 'en' : _a, _b = config.longFormat, longFormat = _b === void 0 ? this.LONG_FORMAT : _b;
63
- var date = dayjs__default["default"](timestamp * 1000);
64
- date.locale(locale);
65
- return date.format(longFormat);
66
- },
14
+ const TimeUtils = {
15
+ SHORT_FORMAT_CURRENT_YEAR: 'L',
16
+ SHORT_FORMAT_PAST_YEAR: 'LL',
17
+ LONG_FORMAT: 'LL, LT',
18
+ timeAgo(timestamp, config = {}) {
19
+ const {
20
+ locale = 'en',
21
+ shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,
22
+ shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,
23
+ daysSuffix = 'd',
24
+ hoursSuffix = 'h',
25
+ minutesSuffix = 'm',
26
+ momentsAgo = 'moments ago'
27
+ } = config;
28
+ const now = dayjs__default["default"]();
29
+ const date = dayjs__default["default"](timestamp * 1000);
30
+ date.locale(locale);
31
+ const diffMinutes = now.diff(date, 'minute');
32
+ const diffHours = now.diff(date, 'hour');
33
+ const diffDays = now.diff(date, 'day');
34
+ if (diffDays > 1) {
35
+ if (date.isSame(now, 'year')) {
36
+ return date.format(shortFormatCurrentYear);
37
+ } else {
38
+ return date.format(shortFormatPastYear);
39
+ }
40
+ } else if (diffDays === 1) {
41
+ return `${diffDays}${daysSuffix}`;
42
+ } else if (diffHours > 0 && diffHours <= 23) {
43
+ return `${diffHours}${hoursSuffix}`;
44
+ } else if (diffMinutes > 0 && diffMinutes <= 59) {
45
+ return `${diffMinutes}${minutesSuffix}`;
46
+ } else {
47
+ return momentsAgo;
48
+ }
49
+ },
50
+ formatTime(timestamp, config = {}) {
51
+ const {
52
+ locale = 'en',
53
+ shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,
54
+ shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR
55
+ } = config;
56
+ const date = dayjs__default["default"](timestamp * 1000);
57
+ date.locale(locale);
58
+ if (date.isSame(dayjs__default["default"](), 'year')) {
59
+ return date.format(shortFormatCurrentYear);
60
+ } else {
61
+ return date.format(shortFormatPastYear);
62
+ }
63
+ },
64
+ formatTimeLong(timestamp, config = {}) {
65
+ const {
66
+ locale = 'en',
67
+ longFormat = this.LONG_FORMAT
68
+ } = config;
69
+ const date = dayjs__default["default"](timestamp * 1000);
70
+ date.locale(locale);
71
+ return date.format(longFormat);
72
+ }
67
73
  };
68
74
 
69
75
  exports.TimeUtils = TimeUtils;
@@ -1 +1 @@
1
- {"version":3,"file":"time-utils.js","sources":["../../../src/components/time/time-utils.ts"],"sourcesContent":[null],"names":["dayjs","LocalizedFormat"],"mappings":"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"}
1
+ {"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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"}
@@ -2,7 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
6
5
  var React = require('react');
7
6
  var tooltip = require('../../tooltip/tooltip.js');
8
7
  var timeUtils = require('./time-utils.js');
@@ -27,98 +26,102 @@ function _interopNamespace(e) {
27
26
 
28
27
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
29
28
 
30
- var DELAY = 60000;
31
- var Time = /** @class */ (function (_super) {
32
- tslib.__extends(Time, _super);
33
- function Time(props) {
34
- var _this = _super.call(this, props) || this;
35
- _this.refreshInterval = undefined;
36
- _this.state = {
37
- hovered: false,
38
- mouseX: undefined,
39
- mouseY: undefined,
40
- };
41
- return _this;
42
- }
43
- Time.prototype.componentDidMount = function () {
44
- if (this.props.refresh) {
45
- this._refresh();
46
- }
47
- };
48
- Time.prototype.componentDidUpdate = function (prevProps) {
49
- if (!prevProps.refresh && this.props.refresh) {
50
- this._refresh();
51
- }
52
- if (prevProps.refresh && !this.props.refresh) {
53
- if (this.refreshInterval) {
54
- clearTimeout(this.refreshInterval);
55
- }
56
- }
57
- };
58
- Time.prototype.componentWillUnmount = function () {
59
- if (this.refreshInterval) {
60
- clearTimeout(this.refreshInterval);
61
- }
62
- };
63
- Time.prototype._setHovered = function (hovered, event) {
64
- var _a = this.state, mouseX = _a.mouseX, mouseY = _a.mouseY;
65
- var clientX = event.clientX, clientY = event.clientY;
66
- if (clientX !== mouseX || clientY !== mouseY) {
67
- // mouse has moved
68
- this.setState(function () { return ({
69
- hovered: hovered,
70
- mouseX: clientX,
71
- mouseY: clientY,
72
- }); });
73
- }
74
- };
75
- Time.prototype._renderTime = function (config) {
76
- if (!this.props.time) {
77
- return;
78
- }
79
- if (this.state.hovered) {
80
- if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {
81
- return timeUtils.TimeUtils.formatTimeLong(this.props.time, config);
82
- }
83
- if (this.props.expandOnHover && !this.props.tooltipOnHover) {
84
- return timeUtils.TimeUtils.formatTime(this.props.time, config);
85
- }
86
- }
87
- return timeUtils.TimeUtils.timeAgo(this.props.time, config);
88
- };
89
- Time.prototype._refresh = function () {
90
- var _this = this;
91
- this.refreshInterval = setInterval(function () {
92
- _this.forceUpdate();
93
- }, DELAY);
94
- };
95
- Time.prototype.render = function () {
96
- var _this = this;
97
- var className = 'reactist_time';
98
- if (this.props.className) {
99
- className = this.props.className;
100
- }
101
- var timeComponent = this._renderTime(this.props.config);
102
- return (React__namespace.createElement("time", { className: className, onMouseEnter: function (event) { return _this._setHovered(true, event); }, onMouseLeave: function (event) { return _this._setHovered(false, event); } }, this.props.tooltipOnHover ? (React__namespace.createElement(tooltip.Tooltip, { content: this.props.tooltip ||
103
- (this.props.time &&
104
- timeUtils.TimeUtils.formatTimeLong(this.props.time, this.props.config)) },
105
- React__namespace.createElement("span", null, timeComponent))) : (timeComponent)));
29
+ const DELAY = 60000;
30
+ class Time extends React__namespace.Component {
31
+ constructor(props) {
32
+ super(props);
33
+ this.refreshInterval = undefined;
34
+ this.state = {
35
+ hovered: false,
36
+ mouseX: undefined,
37
+ mouseY: undefined
106
38
  };
107
- return Time;
108
- }(React__namespace.Component));
39
+ }
40
+ componentDidMount() {
41
+ if (this.props.refresh) {
42
+ this._refresh();
43
+ }
44
+ }
45
+ componentDidUpdate(prevProps) {
46
+ if (!prevProps.refresh && this.props.refresh) {
47
+ this._refresh();
48
+ }
49
+ if (prevProps.refresh && !this.props.refresh) {
50
+ if (this.refreshInterval) {
51
+ clearTimeout(this.refreshInterval);
52
+ }
53
+ }
54
+ }
55
+ componentWillUnmount() {
56
+ if (this.refreshInterval) {
57
+ clearTimeout(this.refreshInterval);
58
+ }
59
+ }
60
+ _setHovered(hovered, event) {
61
+ const {
62
+ mouseX,
63
+ mouseY
64
+ } = this.state;
65
+ const {
66
+ clientX,
67
+ clientY
68
+ } = event;
69
+ if (clientX !== mouseX || clientY !== mouseY) {
70
+ // mouse has moved
71
+ this.setState(() => ({
72
+ hovered,
73
+ mouseX: clientX,
74
+ mouseY: clientY
75
+ }));
76
+ }
77
+ }
78
+ _renderTime(config) {
79
+ if (!this.props.time) {
80
+ return;
81
+ }
82
+ if (this.state.hovered) {
83
+ if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {
84
+ return timeUtils.TimeUtils.formatTimeLong(this.props.time, config);
85
+ }
86
+ if (this.props.expandOnHover && !this.props.tooltipOnHover) {
87
+ return timeUtils.TimeUtils.formatTime(this.props.time, config);
88
+ }
89
+ }
90
+ return timeUtils.TimeUtils.timeAgo(this.props.time, config);
91
+ }
92
+ _refresh() {
93
+ this.refreshInterval = setInterval(() => {
94
+ this.forceUpdate();
95
+ }, DELAY);
96
+ }
97
+ render() {
98
+ let className = 'reactist_time';
99
+ if (this.props.className) {
100
+ className = this.props.className;
101
+ }
102
+ const timeComponent = this._renderTime(this.props.config);
103
+ return /*#__PURE__*/React__namespace.createElement("time", {
104
+ className: className,
105
+ onMouseEnter: event => this._setHovered(true, event),
106
+ onMouseLeave: event => this._setHovered(false, event)
107
+ }, this.props.tooltipOnHover ? /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, {
108
+ content: this.props.tooltip || this.props.time && timeUtils.TimeUtils.formatTimeLong(this.props.time, this.props.config)
109
+ }, /*#__PURE__*/React__namespace.createElement("span", null, timeComponent)) : timeComponent);
110
+ }
111
+ }
109
112
  Time.displayName = 'Time';
110
113
  Time.defaultProps = {
111
- expandOnHover: false,
112
- expandFullyOnHover: false,
113
- tooltipOnHover: false,
114
- refresh: true,
115
- config: {
116
- locale: 'en',
117
- daysSuffix: 'd',
118
- hoursSuffix: 'h',
119
- minutesSuffix: 'm',
120
- momentsAgo: 'moments ago',
121
- },
114
+ expandOnHover: false,
115
+ expandFullyOnHover: false,
116
+ tooltipOnHover: false,
117
+ refresh: true,
118
+ config: {
119
+ locale: 'en',
120
+ daysSuffix: 'd',
121
+ hoursSuffix: 'h',
122
+ minutesSuffix: 'm',
123
+ momentsAgo: 'moments ago'
124
+ }
122
125
  };
123
126
 
124
127
  exports.Time = Time;
@@ -1 +1 @@
1
- {"version":3,"file":"time.js","sources":["../../../src/components/time/time.tsx"],"sourcesContent":[null],"names":["__extends","TimeUtils","React","Tooltip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,KAAK,GAAG,KAAK,CAAA;AA0BnB,IAAA,IAAA,kBAAA,UAAA,MAAA,EAAA;IAAmBA,eAA6B,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAI5C,IAAA,SAAA,IAAA,CAAY,KAAY,EAAA;AACpB,QAAA,IAAA,KAAA,GAAA,MAAK,CAAA,IAAA,CAAA,IAAA,EAAC,KAAK,CAAC,IAAA,IAAA,CAAA;AACZ,QAAA,KAAI,CAAC,eAAe,GAAG,SAAS,CAAA;QAEhC,KAAI,CAAC,KAAK,GAAG;AACT,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,MAAM,EAAE,SAAS;SACpB,CAAA;;KACJ;AAED,IAAA,IAAA,CAAA,SAAA,CAAA,iBAAiB,GAAjB,YAAA;AACI,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACpB,IAAI,CAAC,QAAQ,EAAE,CAAA;SAClB;KACJ,CAAA;IAED,IAAkB,CAAA,SAAA,CAAA,kBAAA,GAAlB,UAAmB,SAAgB,EAAA;QAC/B,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC1C,IAAI,CAAC,QAAQ,EAAE,CAAA;SAClB;QAED,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AAC1C,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACtB,gBAAA,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;aACrC;SACJ;KACJ,CAAA;AAED,IAAA,IAAA,CAAA,SAAA,CAAA,oBAAoB,GAApB,YAAA;AACI,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;SACrC;KACJ,CAAA;AAID,IAAA,IAAA,CAAA,SAAA,CAAA,WAAW,GAAX,UAAY,OAAgB,EAAE,KAAuB,EAAA;QAC3C,IAAA,EAAA,GAAqB,IAAI,CAAC,KAAK,EAA7B,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;QAC7B,IAAA,OAAO,GAAc,KAAK,CAAA,OAAnB,EAAE,OAAO,GAAK,KAAK,CAAA,OAAV,CAAU;QAClC,IAAI,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,MAAM,EAAE;;AAE1C,YAAA,IAAI,CAAC,QAAQ,CAAC,YAAA,EAAM,QAAC;AACjB,gBAAA,OAAO,EAAA,OAAA;AACP,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,MAAM,EAAE,OAAO;aAClB,EAAC,EAAA,CAAC,CAAA;SACN;KACJ,CAAA;IAED,IAAW,CAAA,SAAA,CAAA,WAAA,GAAX,UAAY,MAAuB,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAClB,OAAM;SACT;AACD,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AACpB,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;AAC7D,gBAAA,OAAOC,mBAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;aAC3D;AACD,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;AACxD,gBAAA,OAAOA,mBAAS,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;aACvD;SACJ;AACD,QAAA,OAAOA,mBAAS,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;KACpD,CAAA;AAED,IAAA,IAAA,CAAA,SAAA,CAAA,QAAQ,GAAR,YAAA;QAAA,IAIC,KAAA,GAAA,IAAA,CAAA;AAHG,QAAA,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,YAAA;YAC/B,KAAI,CAAC,WAAW,EAAE,CAAA;SACrB,EAAE,KAAK,CAAC,CAAA;KACZ,CAAA;AAED,IAAA,IAAA,CAAA,SAAA,CAAA,MAAM,GAAN,YAAA;QAAA,IA6BC,KAAA,GAAA,IAAA,CAAA;QA5BG,IAAI,SAAS,GAAG,eAAe,CAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACtB,YAAA,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;SACnC;AAED,QAAA,IAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAEzD,QACIC,gBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,KAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA,EAAA,EACtD,YAAY,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA,EAAA,EAEtD,IAAI,CAAC,KAAK,CAAC,cAAc,IACtBA,gBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACJ,OAAO,EACH,IAAI,CAAC,KAAK,CAAC,OAAO;AAClB,iBAAC,IAAI,CAAC,KAAK,CAAC,IAAI;AACZ,oBAAAF,mBAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAA;AAGrE,YAAAC,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,aAAa,CAAQ,CACtB,KAEV,aAAa,CAChB,CACE,EACV;KACJ,CAAA;IACL,OAAC,IAAA,CAAA;AAAD,CAAC,CAzGkBA,gBAAK,CAAC,SAAS,CAyGjC,EAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,YAAY,GAAG;AAChB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE;AACJ,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,WAAW,EAAE,GAAG;AAChB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,UAAU,EAAE,aAAa;AAC5B,KAAA;CACJ;;;;"}
1
+ {"version":3,"file":"time.js","sources":["../../../src/components/time/time.tsx"],"sourcesContent":["import './time.less'\n\nimport * as React from 'react'\n\nimport { Tooltip } from '../../tooltip'\n\nimport { TimeUtils } from './time-utils'\n\nimport type { TimeConfig } from './time-utils'\n\nconst DELAY = 60000\n\ntype Props = {\n /** UNIX timestamp of the time to display. */\n time?: number\n /** Configuration for localization. */\n config?: TimeConfig\n /** Additional css class applied to the time element. */\n className?: string\n tooltipOnHover?: boolean\n /** Refresh the component every DELAY seconds. */\n refresh?: boolean\n /** If you don't want to use the default time format on the tooltip use this prop to supply a custom text */\n tooltip?: React.ReactNode\n /** When hovering over time it expands to short absolute version. */\n expandOnHover?: boolean\n /** When hovering over time it expands to the full absolute version. */\n expandFullyOnHover?: boolean\n}\n\ntype State = {\n hovered: boolean\n mouseX?: number\n mouseY?: number\n}\n\nclass Time extends React.Component<Props, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props) {\n super(props)\n this.refreshInterval = undefined\n\n this.state = {\n hovered: false,\n mouseX: undefined,\n mouseY: undefined,\n }\n }\n\n componentDidMount() {\n if (this.props.refresh) {\n this._refresh()\n }\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!prevProps.refresh && this.props.refresh) {\n this._refresh()\n }\n\n if (prevProps.refresh && !this.props.refresh) {\n if (this.refreshInterval) {\n clearTimeout(this.refreshInterval)\n }\n }\n }\n\n componentWillUnmount() {\n if (this.refreshInterval) {\n clearTimeout(this.refreshInterval)\n }\n }\n\n refreshInterval?: ReturnType<typeof setTimeout>\n\n _setHovered(hovered: boolean, event: React.MouseEvent) {\n const { mouseX, mouseY } = this.state\n const { clientX, clientY } = event\n if (clientX !== mouseX || clientY !== mouseY) {\n // mouse has moved\n this.setState(() => ({\n hovered,\n mouseX: clientX,\n mouseY: clientY,\n }))\n }\n }\n\n _renderTime(config: Props['config']) {\n if (!this.props.time) {\n return\n }\n if (this.state.hovered) {\n if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {\n return TimeUtils.formatTimeLong(this.props.time, config)\n }\n if (this.props.expandOnHover && !this.props.tooltipOnHover) {\n return TimeUtils.formatTime(this.props.time, config)\n }\n }\n return TimeUtils.timeAgo(this.props.time, config)\n }\n\n _refresh() {\n this.refreshInterval = setInterval(() => {\n this.forceUpdate()\n }, DELAY)\n }\n\n render() {\n let className = 'reactist_time'\n if (this.props.className) {\n className = this.props.className\n }\n\n const timeComponent = this._renderTime(this.props.config)\n\n return (\n <time\n className={className}\n onMouseEnter={(event) => this._setHovered(true, event)}\n onMouseLeave={(event) => this._setHovered(false, event)}\n >\n {this.props.tooltipOnHover ? (\n <Tooltip\n content={\n this.props.tooltip ||\n (this.props.time &&\n TimeUtils.formatTimeLong(this.props.time, this.props.config))\n }\n >\n <span>{timeComponent}</span>\n </Tooltip>\n ) : (\n timeComponent\n )}\n </time>\n )\n }\n}\nTime.displayName = 'Time'\n\nTime.defaultProps = {\n expandOnHover: false,\n expandFullyOnHover: false,\n tooltipOnHover: false,\n refresh: true,\n config: {\n locale: 'en',\n daysSuffix: 'd',\n hoursSuffix: 'h',\n minutesSuffix: 'm',\n momentsAgo: 'moments ago',\n },\n}\n\nexport { Time }\n"],"names":["DELAY","Time","React","Component","constructor","props","refreshInterval","undefined","state","hovered","mouseX","mouseY","componentDidMount","refresh","_refresh","componentDidUpdate","prevProps","clearTimeout","componentWillUnmount","_setHovered","event","clientX","clientY","setState","_renderTime","config","time","expandFullyOnHover","tooltipOnHover","TimeUtils","formatTimeLong","expandOnHover","formatTime","timeAgo","setInterval","forceUpdate","render","className","timeComponent","createElement","onMouseEnter","onMouseLeave","Tooltip","content","tooltip","displayName","defaultProps","locale","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo"],"mappings":"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"}
@@ -2,12 +2,16 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
+ var reactCompilerRuntime = require('react-compiler-runtime');
6
8
  var React = require('react');
7
9
  var box = require('../box/box.js');
8
10
  var responsiveProps = require('../utils/responsive-props.js');
9
11
  var divider_module = require('./divider.module.css.js');
10
12
 
13
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
+
11
15
  function _interopNamespace(e) {
12
16
  if (e && e.__esModule) return e;
13
17
  var n = Object.create(null);
@@ -26,11 +30,50 @@ function _interopNamespace(e) {
26
30
  return Object.freeze(n);
27
31
  }
28
32
 
33
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
34
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
29
35
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
36
 
31
- function Divider(_a) {
32
- var _b = _a.weight, weight = _b === void 0 ? 'tertiary' : _b, props = tslib.__rest(_a, ["weight"]);
33
- return React__namespace.createElement(box.Box, tslib.__assign({ as: "hr", className: responsiveProps.getClassNames(divider_module["default"], 'weight', weight) }, props));
37
+ const _excluded = ["weight"];
38
+ function Divider(t0) {
39
+ const $ = reactCompilerRuntime.c(8);
40
+ let props;
41
+ let t1;
42
+ if ($[0] !== t0) {
43
+ var _t = t0;
44
+ ({
45
+ weight: t1
46
+ } = _t);
47
+ props = _objectWithoutProperties__default["default"](_t, _excluded);
48
+ $[0] = t0;
49
+ $[1] = props;
50
+ $[2] = t1;
51
+ } else {
52
+ props = $[1];
53
+ t1 = $[2];
54
+ }
55
+ const weight = t1 === undefined ? "tertiary" : t1;
56
+ let t2;
57
+ if ($[3] !== weight) {
58
+ t2 = responsiveProps.getClassNames(divider_module["default"], "weight", weight);
59
+ $[3] = weight;
60
+ $[4] = t2;
61
+ } else {
62
+ t2 = $[4];
63
+ }
64
+ let t3;
65
+ if ($[5] !== props || $[6] !== t2) {
66
+ t3 = /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({
67
+ as: "hr",
68
+ className: t2
69
+ }, props));
70
+ $[5] = props;
71
+ $[6] = t2;
72
+ $[7] = t3;
73
+ } else {
74
+ t3 = $[7];
75
+ }
76
+ return t3;
34
77
  }
35
78
 
36
79
  exports.Divider = Divider;
@@ -1 +1 @@
1
- {"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":[null],"names":["__rest","React","Box","__assign","getClassNames","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAAS,OAAO,CAAC,EAA+C,EAAA;IAA7C,IAAA,EAAA,GAAA,EAAA,CAAA,MAAmB,EAAnB,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,UAAU,KAAA,EAAK,KAAK,GAA/BA,YAAA,CAAA,EAAA,EAAA,CAAA,QAAA,CAAiC,CAAF,CAAA;IAC5C,OAAOC,gBAAA,CAAA,aAAA,CAACC,OAAG,EAACC,cAAA,CAAA,EAAA,EAAE,EAAC,IAAI,EAAC,SAAS,EAAEC,6BAAa,CAACC,yBAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAM,EAAA,KAAK,EAAI,CAAA;AACzF;;;;"}
1
+ {"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './divider.module.css'\n\nimport type { DividerWeight } from '../utils/common-types'\n\ninterface DividerProps {\n weight?: Exclude<DividerWeight, 'none'>\n}\n\nfunction Divider({ weight = 'tertiary', ...props }: DividerProps) {\n return <Box as=\"hr\" className={getClassNames(styles, 'weight', weight)} {...props} />\n}\n\nexport type { DividerProps, DividerWeight }\nexport { Divider }\n"],"names":["Divider","t0","$","_c","props","t1","_t","weight","_objectWithoutProperties","_excluded","undefined","t2","getClassNames","styles","t3","React","createElement","Box","_extends","as","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAAAA,QAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;EAAA,IAAAH,CAAA,QAAAD,EAAA,EAAA;IAAA,IAAAK,EAAA,GAAiBL,EAA+C,CAAA;AAAA,IAAA,CAAA;AAAAM,MAAAA,MAAA,EAAAF,EAAAA;AAAA,KAAA,GAAAC,EAAA,EAAA;AAAAF,IAAAA,KAAA,GAAAI,4CAAA,CAAAF,EAAA,EAAAG,SAAA,CAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAD,EAAA,CAAA;AAAAC,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAD,IAAAA,KAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,EAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;EAA7C,MAAAK,MAAA,GAAAF,EAAmB,KAAnBK,SAAmB,GAAnB,UAAmB,GAAnBL,EAAmB,CAAA;AAAA,EAAA,IAAAM,EAAA,CAAA;EAAA,IAAAT,CAAA,QAAAK,MAAA,EAAA;IACHI,EAAA,GAAAC,6BAAa,CAACC,yBAAM,EAAE,QAAQ,EAAEN,MAAM,CAAC,CAAA;AAAAL,IAAAA,CAAA,MAAAK,MAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAS,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAY,EAAA,CAAA;AAAA,EAAA,IAAAZ,CAAA,CAAAE,CAAAA,CAAAA,KAAAA,KAAA,IAAAF,CAAA,QAAAS,EAAA,EAAA;AAA/DG,IAAAA,EAAA,gBAAAC,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,CAAA;AAAIC,MAAAA,EAAI,EAAJ,IAAI;AAAYC,MAAAA,SAAuC,EAAvCT,EAAAA;KAA6CP,EAAAA,KAAK,CAAG,CAAC,CAAA;AAAAF,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAS,EAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAY,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAZ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA9EY,EAA8E,CAAA;AAAA;;;;"}