@audius/harmony 0.2.0 → 0.3.0

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 (109) hide show
  1. package/dist/_virtual/_tslib.js +1 -11
  2. package/dist/_virtual/_tslib.js.map +1 -1
  3. package/dist/assets/icons/Messages.svg.js +78 -0
  4. package/dist/assets/icons/Messages.svg.js.map +1 -0
  5. package/dist/components/artwork/Artwork.d.ts.map +1 -1
  6. package/dist/components/artwork/Artwork.js +9 -2
  7. package/dist/components/artwork/Artwork.js.map +1 -1
  8. package/dist/components/icon-text/IconText.d.ts.map +1 -0
  9. package/dist/components/{comments/IconText → icon-text}/IconText.js +5 -5
  10. package/dist/components/icon-text/IconText.js.map +1 -0
  11. package/dist/components/icon-text/IconText.stories.d.ts.map +1 -0
  12. package/dist/components/icon-text/index.d.ts.map +1 -0
  13. package/dist/components/{comments/IconText → icon-text}/types.d.ts +2 -2
  14. package/dist/components/icon-text/types.d.ts.map +1 -0
  15. package/dist/components/index.d.ts +2 -6
  16. package/dist/components/index.d.ts.map +1 -1
  17. package/dist/components/scrubber/Scrubber.d.ts +1 -1
  18. package/dist/components/scrubber/Scrubber.d.ts.map +1 -1
  19. package/dist/components/scrubber/Scrubber.js +2 -2
  20. package/dist/components/scrubber/Scrubber.js.map +1 -1
  21. package/dist/components/scrubber/Slider.d.ts +1 -1
  22. package/dist/components/scrubber/Slider.d.ts.map +1 -1
  23. package/dist/components/scrubber/Slider.js +30 -39
  24. package/dist/components/scrubber/Slider.js.map +1 -1
  25. package/dist/components/scrubber/hooks.d.ts +6 -4
  26. package/dist/components/scrubber/hooks.d.ts.map +1 -1
  27. package/dist/components/scrubber/hooks.js +52 -54
  28. package/dist/components/scrubber/hooks.js.map +1 -1
  29. package/dist/components/scrubber/types.d.ts +8 -0
  30. package/dist/components/scrubber/types.d.ts.map +1 -1
  31. package/dist/components/scrubber/types.js.map +1 -1
  32. package/dist/components/send-icon/SendIcon.d.ts.map +1 -0
  33. package/dist/components/{comments/SendIcon → send-icon}/SendIcon.js +9 -9
  34. package/dist/components/send-icon/SendIcon.js.map +1 -0
  35. package/dist/components/send-icon/SendIcon.stories.d.ts.map +1 -0
  36. package/dist/components/send-icon/index.d.ts.map +1 -0
  37. package/dist/components/send-icon/types.d.ts.map +1 -0
  38. package/dist/components/text/Text.js +2 -2
  39. package/dist/components/text/Text.js.map +1 -1
  40. package/dist/icons/utilityIcons.d.ts +1 -0
  41. package/dist/icons/utilityIcons.d.ts.map +1 -1
  42. package/dist/icons/utilityIcons.js +3 -1
  43. package/dist/icons/utilityIcons.js.map +1 -1
  44. package/dist/index.js +3 -9
  45. package/dist/index.js.map +1 -1
  46. package/package.json +1 -1
  47. package/dist/components/comments/ArtistPick/ArtistPick.d.ts +0 -3
  48. package/dist/components/comments/ArtistPick/ArtistPick.d.ts.map +0 -1
  49. package/dist/components/comments/ArtistPick/ArtistPick.js +0 -20
  50. package/dist/components/comments/ArtistPick/ArtistPick.js.map +0 -1
  51. package/dist/components/comments/ArtistPick/ArtistPick.stories.d.ts +0 -7
  52. package/dist/components/comments/ArtistPick/ArtistPick.stories.d.ts.map +0 -1
  53. package/dist/components/comments/ArtistPick/index.d.ts +0 -3
  54. package/dist/components/comments/ArtistPick/index.d.ts.map +0 -1
  55. package/dist/components/comments/ArtistPick/types.d.ts +0 -5
  56. package/dist/components/comments/ArtistPick/types.d.ts.map +0 -1
  57. package/dist/components/comments/CommentText/CommentText.d.ts +0 -3
  58. package/dist/components/comments/CommentText/CommentText.d.ts.map +0 -1
  59. package/dist/components/comments/CommentText/CommentText.js +0 -36
  60. package/dist/components/comments/CommentText/CommentText.js.map +0 -1
  61. package/dist/components/comments/CommentText/CommentText.stories.d.ts +0 -10
  62. package/dist/components/comments/CommentText/CommentText.stories.d.ts.map +0 -1
  63. package/dist/components/comments/CommentText/index.d.ts +0 -3
  64. package/dist/components/comments/CommentText/index.d.ts.map +0 -1
  65. package/dist/components/comments/CommentText/types.d.ts +0 -5
  66. package/dist/components/comments/CommentText/types.d.ts.map +0 -1
  67. package/dist/components/comments/IconText/IconText.d.ts.map +0 -1
  68. package/dist/components/comments/IconText/IconText.js.map +0 -1
  69. package/dist/components/comments/IconText/IconText.stories.d.ts.map +0 -1
  70. package/dist/components/comments/IconText/index.d.ts.map +0 -1
  71. package/dist/components/comments/IconText/types.d.ts.map +0 -1
  72. package/dist/components/comments/Identifier/Identifier.d.ts +0 -3
  73. package/dist/components/comments/Identifier/Identifier.d.ts.map +0 -1
  74. package/dist/components/comments/Identifier/Identifier.js +0 -30
  75. package/dist/components/comments/Identifier/Identifier.js.map +0 -1
  76. package/dist/components/comments/Identifier/Identifier.stories.d.ts +0 -7
  77. package/dist/components/comments/Identifier/Identifier.stories.d.ts.map +0 -1
  78. package/dist/components/comments/Identifier/index.d.ts +0 -3
  79. package/dist/components/comments/Identifier/index.d.ts.map +0 -1
  80. package/dist/components/comments/Identifier/types.d.ts +0 -5
  81. package/dist/components/comments/Identifier/types.d.ts.map +0 -1
  82. package/dist/components/comments/SendIcon/SendIcon.d.ts.map +0 -1
  83. package/dist/components/comments/SendIcon/SendIcon.js.map +0 -1
  84. package/dist/components/comments/SendIcon/SendIcon.stories.d.ts.map +0 -1
  85. package/dist/components/comments/SendIcon/index.d.ts.map +0 -1
  86. package/dist/components/comments/SendIcon/types.d.ts.map +0 -1
  87. package/dist/components/comments/Timestamp/Timestamp.d.ts +0 -3
  88. package/dist/components/comments/Timestamp/Timestamp.d.ts.map +0 -1
  89. package/dist/components/comments/Timestamp/Timestamp.js +0 -13
  90. package/dist/components/comments/Timestamp/Timestamp.js.map +0 -1
  91. package/dist/components/comments/Timestamp/Timestamp.stories.d.ts +0 -7
  92. package/dist/components/comments/Timestamp/Timestamp.stories.d.ts.map +0 -1
  93. package/dist/components/comments/Timestamp/index.d.ts +0 -4
  94. package/dist/components/comments/Timestamp/index.d.ts.map +0 -1
  95. package/dist/components/comments/Timestamp/types.d.ts +0 -11
  96. package/dist/components/comments/Timestamp/types.d.ts.map +0 -1
  97. package/dist/components/comments/Timestamp/types.js +0 -10
  98. package/dist/components/comments/Timestamp/types.js.map +0 -1
  99. package/dist/components/comments/Timestamp/util.d.ts +0 -2
  100. package/dist/components/comments/Timestamp/util.d.ts.map +0 -1
  101. package/dist/components/comments/Timestamp/util.js +0 -26
  102. package/dist/components/comments/Timestamp/util.js.map +0 -1
  103. /package/dist/components/{comments/IconText → icon-text}/IconText.d.ts +0 -0
  104. /package/dist/components/{comments/IconText → icon-text}/IconText.stories.d.ts +0 -0
  105. /package/dist/components/{comments/IconText → icon-text}/index.d.ts +0 -0
  106. /package/dist/components/{comments/SendIcon → send-icon}/SendIcon.d.ts +0 -0
  107. /package/dist/components/{comments/SendIcon → send-icon}/SendIcon.stories.d.ts +0 -0
  108. /package/dist/components/{comments/SendIcon → send-icon}/index.d.ts +0 -0
  109. /package/dist/components/{comments/SendIcon → send-icon}/types.d.ts +0 -0
@@ -1,3 +0,0 @@
1
- import { ArtistPickProps } from './types';
2
- export declare const ArtistPick: ({ isPinned, isLiked }: ArtistPickProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
3
- //# sourceMappingURL=ArtistPick.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArtistPick.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/ArtistPick/ArtistPick.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKzC,eAAO,MAAM,UAAU,0BAGpB,eAAe,4DAYjB,CAAA"}
@@ -1,20 +0,0 @@
1
- import { __assign, __spreadArray } from '../../../_virtual/_tslib.js';
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { IconPin, IconHeart } from '../../../icons/utilityIcons.js';
4
- import 'react';
5
- import '@emotion/react';
6
- import '@emotion/css';
7
- import { IconText } from '../IconText/IconText.js';
8
-
9
- var pinIcon = { icon: IconPin };
10
- var heartIcon = { icon: IconHeart, color: 'active' };
11
- var ArtistPick = function (_a) {
12
- var _b = _a.isPinned, isPinned = _b === void 0 ? false : _b, _c = _a.isLiked, isLiked = _c === void 0 ? false : _c;
13
- if (!isPinned && !isLiked)
14
- return null;
15
- var text = "".concat(isLiked ? 'Liked' : 'Pinned', " by Artist");
16
- return (jsx(IconText, __assign({ icons: __spreadArray(__spreadArray([], (isPinned ? [pinIcon] : []), true), (isLiked ? [heartIcon] : []), true) }, { children: text })));
17
- };
18
-
19
- export { ArtistPick };
20
- //# sourceMappingURL=ArtistPick.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArtistPick.js","sources":["../../../../src/components/comments/ArtistPick/ArtistPick.tsx"],"sourcesContent":["import { IconHeart, IconPin } from 'icons'\n\nimport { IconText } from '../IconText'\n\nimport { ArtistPickProps } from './types'\n\nconst pinIcon = { icon: IconPin }\nconst heartIcon = { icon: IconHeart, color: 'active' }\n\nexport const ArtistPick = ({\n isPinned = false,\n isLiked = false\n}: ArtistPickProps) => {\n if (!isPinned && !isLiked) return null\n\n const text = `${isLiked ? 'Liked' : 'Pinned'} by Artist`\n\n return (\n <IconText\n icons={[...(isPinned ? [pinIcon] : []), ...(isLiked ? [heartIcon] : [])]}\n >\n {text}\n </IconText>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;AAMA,IAAM,OAAO,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AACjC,IAAM,SAAS,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AAE/C,IAAM,UAAU,GAAG,UAAC,EAGT,EAAA;QAFhB,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,CAAA;AAEf,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI,CAAA;AAEtC,IAAA,IAAM,IAAI,GAAG,EAAG,CAAA,MAAA,CAAA,OAAO,GAAG,OAAO,GAAG,QAAQ,eAAY,CAAA;AAExD,IAAA,QACEA,GAAC,CAAA,QAAQ,EACP,QAAA,CAAA,EAAA,KAAK,mCAAO,QAAQ,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,GAAC,IAAA,CAAA,GAAM,OAAO,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,wBAErE,IAAI,EAAA,CAAA,CACI,EACZ;AACH;;;;"}
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { ArtistPick } from './ArtistPick';
3
- declare const meta: Meta<typeof ArtistPick>;
4
- export default meta;
5
- type Story = StoryObj<typeof ArtistPick>;
6
- export declare const Default: Story;
7
- //# sourceMappingURL=ArtistPick.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArtistPick.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/ArtistPick/ArtistPick.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA"}
@@ -1,3 +0,0 @@
1
- export { ArtistPick } from './ArtistPick';
2
- export * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/ArtistPick/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,cAAc,SAAS,CAAA"}
@@ -1,5 +0,0 @@
1
- export type ArtistPickProps = {
2
- isPinned?: boolean;
3
- isLiked?: boolean;
4
- };
5
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/ArtistPick/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
@@ -1,3 +0,0 @@
1
- import { CommentTextProps } from './types';
2
- export declare const CommentText: ({ children }: CommentTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=CommentText.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CommentText.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/CommentText/CommentText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAO1C,eAAO,MAAM,WAAW,iBAAkB,gBAAgB,qDAqCzD,CAAA"}
@@ -1,36 +0,0 @@
1
- import { __assign } from '../../../_virtual/_tslib.js';
2
- import { jsxs, jsx } from '@emotion/react/jsx-runtime';
3
- import { useRef, useState } from 'react';
4
- import { useEffectOnce } from 'react-use';
5
- import '../../layout/Box/Box.js';
6
- import '@emotion/react';
7
- import { Flex } from '../../layout/Flex/Flex.js';
8
- import '../../layout/Paper/Paper.js';
9
- import { Text } from '../../text/Text.js';
10
- import { TextLink } from '../../text-link/TextLink.js';
11
-
12
- var messages = {
13
- seeMore: 'See More',
14
- seeLess: 'See Less'
15
- };
16
- var CommentText = function (_a) {
17
- var children = _a.children;
18
- var textRef = useRef();
19
- var _b = useState(false), isOverflowing = _b[0], setIsOverflowing = _b[1];
20
- var _c = useState(false), isExpanded = _c[0], setIsExpanded = _c[1];
21
- useEffectOnce(function () {
22
- setIsOverflowing((textRef.current &&
23
- textRef.current.offsetHeight < textRef.current.scrollHeight) ||
24
- false);
25
- });
26
- return (jsxs(Flex, __assign({ direction: 'column', alignItems: 'flex-start', gap: 'xs' }, { children: [jsx(Text
27
- // Issue with the HTMLElement ref here and the ref type for Text component
28
- // @ts-ignore
29
- , __assign({
30
- // Issue with the HTMLElement ref here and the ref type for Text component
31
- // @ts-ignore
32
- ref: textRef, variant: 'body', size: 's', color: 'default', maxLines: isExpanded ? undefined : 3 }, { children: children })), isOverflowing ? (jsx(TextLink, __assign({ size: 's', variant: 'visible', onClick: function () { return setIsExpanded(function (val) { return !val; }); } }, { children: isExpanded ? messages.seeLess : messages.seeMore }))) : null] })));
33
- };
34
-
35
- export { CommentText };
36
- //# sourceMappingURL=CommentText.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CommentText.js","sources":["../../../../src/components/comments/CommentText/CommentText.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\n\nimport { useEffectOnce } from 'react-use'\n\nimport { Flex } from 'components/layout'\nimport { Text } from 'components/text'\nimport { TextLink } from 'components/text-link'\n\nimport { CommentTextProps } from './types'\n\nconst messages = {\n seeMore: 'See More',\n seeLess: 'See Less'\n}\n\nexport const CommentText = ({ children }: CommentTextProps) => {\n const textRef = useRef<HTMLElement>()\n const [isOverflowing, setIsOverflowing] = useState(false)\n const [isExpanded, setIsExpanded] = useState(false)\n\n useEffectOnce(() => {\n setIsOverflowing(\n (textRef.current &&\n textRef.current.offsetHeight < textRef.current.scrollHeight) ||\n false\n )\n })\n\n return (\n <Flex direction='column' alignItems='flex-start' gap='xs'>\n <Text\n // Issue with the HTMLElement ref here and the ref type for Text component\n // @ts-ignore\n ref={textRef}\n variant='body'\n size='s'\n color='default'\n maxLines={isExpanded ? undefined : 3}\n >\n {children}\n </Text>\n {isOverflowing ? (\n <TextLink\n size='s'\n variant='visible'\n onClick={() => setIsExpanded((val) => !val)}\n >\n {isExpanded ? messages.seeLess : messages.seeMore}\n </TextLink>\n ) : null}\n </Flex>\n )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAUA,IAAM,QAAQ,GAAG;AACf,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,OAAO,EAAE,UAAU;CACpB,CAAA;AAEM,IAAM,WAAW,GAAG,UAAC,EAA8B,EAAA;AAA5B,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;AACpC,IAAA,IAAM,OAAO,GAAG,MAAM,EAAe,CAAA;IAC/B,IAAA,EAAA,GAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IACnD,IAAA,EAAA,GAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;AAEnD,IAAA,aAAa,CAAC,YAAA;AACZ,QAAA,gBAAgB,CACd,CAAC,OAAO,CAAC,OAAO;YACd,OAAO,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY;AAC3D,YAAA,KAAK,CACR,CAAA;AACH,KAAC,CAAC,CAAA;AAEF,IAAA,QACEA,IAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACvDC,IAAC,IAAI;;;;;;AAGH,gBAAA,GAAG,EAAE,OAAO,EACZ,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,CAAC,EAEnC,EAAA,EAAA,QAAA,EAAA,QAAQ,IACJ,EACN,aAAa,IACZA,GAAA,CAAC,QAAQ,EACP,QAAA,CAAA,EAAA,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,YAAM,EAAA,OAAA,aAAa,CAAC,UAAC,GAAG,EAAA,EAAK,OAAA,CAAC,GAAG,GAAA,CAAC,GAAA,EAAA,EAAA,EAAA,QAAA,EAE1C,UAAU,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,EAAA,CAAA,CACxC,IACT,IAAI,CAAA,EAAA,CAAA,CACH,EACR;AACH;;;;"}
@@ -1,10 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CommentText } from './CommentText';
3
- declare const meta: Meta<typeof CommentText>;
4
- export default meta;
5
- type Story = StoryObj<typeof CommentText>;
6
- export declare const Default: Story;
7
- export declare const SingleLine: Story;
8
- export declare const MultiLine: Story;
9
- export declare const Overflown: Story;
10
- //# sourceMappingURL=CommentText.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CommentText.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/CommentText/CommentText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAA"}
@@ -1,3 +0,0 @@
1
- export { CommentText } from './CommentText';
2
- export * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/CommentText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,cAAc,SAAS,CAAA"}
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type CommentTextProps = {
3
- children?: ReactNode | ReactNode[];
4
- };
5
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/CommentText/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACnC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconText.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/IconText/IconText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,QAAQ,+BAIlB,aAAa,qDAoBf,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconText.js","sources":["../../../../src/components/comments/IconText/IconText.tsx"],"sourcesContent":["import { Flex } from 'components/layout'\nimport { Text } from 'components/text'\n\nimport { IconTextProps } from './types'\n\nexport const IconText = ({\n children,\n color = 'default',\n icons = []\n}: IconTextProps) => {\n const separator = (\n <Text variant='body' color='default' css={{ fontSize: 8 }}>\n •\n </Text>\n )\n\n return (\n <Flex h='l' gap='xs' alignItems='center'>\n {icons.map(({ icon: Icon, color: iconColor = 'default' }, index) => (\n <>\n {index > 0 ? separator : null}\n <Icon key={`icon${index}`} size='2xs' color={iconColor} />\n </>\n ))}\n <Text variant='body' size='xs' color={color}>\n {children}\n </Text>\n </Flex>\n )\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;AAKO,IAAM,QAAQ,GAAG,UAAC,EAIT,EAAA;AAHd,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACjB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;IAEV,IAAM,SAAS,IACbA,GAAA,CAAC,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAElD,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CACR,CAAA;IAED,QACEC,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAA,CACrC,KAAK,CAAC,GAAG,CAAC,UAAC,EAA4C,EAAE,KAAK,EAAA;AAA3C,gBAAA,IAAA,IAAI,UAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAA4B,EAArB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,CAAA;AAAc,gBAAA,QAClEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC7BF,GAAA,CAAC,IAAI,EAAA,EAAsB,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,EAAA,EAA3C,MAAO,CAAA,MAAA,CAAA,KAAK,CAAE,CAAiC,IACzD,EACJ;aAAA,CAAC,EACFA,GAAC,CAAA,IAAI,aAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,gBACxC,QAAQ,EAAA,CAAA,CACJ,CACF,EAAA,CAAA,CAAA,EACR;AACH;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconText.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/IconText/IconText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/IconText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/IconText/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,mBAAuB;AAC/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,6BAAmB;AAEpD,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA"}
@@ -1,3 +0,0 @@
1
- import { IdentifierProps } from './types';
2
- export declare const Identifier: ({ type }: IdentifierProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=Identifier.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Identifier.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Identifier/Identifier.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkB,eAAe,EAAE,MAAM,SAAS,CAAA;AAoBzD,eAAO,MAAM,UAAU,aAAc,eAAe,qDAQnD,CAAA"}
@@ -1,30 +0,0 @@
1
- import { __assign } from '../../../_virtual/_tslib.js';
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { IconStar, IconTipping, IconTrophy } from '../../../icons/utilityIcons.js';
4
- import 'react';
5
- import '@emotion/react';
6
- import '@emotion/css';
7
- import { IconText } from '../IconText/IconText.js';
8
-
9
- var typeInfoMap = {
10
- artist: {
11
- label: 'Artist',
12
- icon: IconStar
13
- },
14
- supporter: {
15
- label: 'Tip Supporter',
16
- icon: IconTipping
17
- },
18
- topSupporter: {
19
- label: 'Top Supporter',
20
- icon: IconTrophy
21
- }
22
- };
23
- var Identifier = function (_a) {
24
- var type = _a.type;
25
- var _b = typeInfoMap[type], label = _b.label, icon = _b.icon;
26
- return (jsx(IconText, __assign({ icons: [{ icon: icon, color: 'accent' }], color: 'accent' }, { children: label })));
27
- };
28
-
29
- export { Identifier };
30
- //# sourceMappingURL=Identifier.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Identifier.js","sources":["../../../../src/components/comments/Identifier/Identifier.tsx"],"sourcesContent":["import { IconComponent } from 'components/icon'\nimport { IconStar, IconTipping, IconTrophy } from 'icons'\n\nimport { IconText } from '../IconText'\n\nimport { IdentifierType, IdentifierProps } from './types'\n\nconst typeInfoMap: Record<\n IdentifierType,\n { label: string; icon: IconComponent }\n> = {\n artist: {\n label: 'Artist',\n icon: IconStar\n },\n supporter: {\n label: 'Tip Supporter',\n icon: IconTipping\n },\n topSupporter: {\n label: 'Top Supporter',\n icon: IconTrophy\n }\n}\n\nexport const Identifier = ({ type }: IdentifierProps) => {\n const { label, icon } = typeInfoMap[type]\n\n return (\n <IconText icons={[{ icon, color: 'accent' }]} color='accent'>\n {label}\n </IconText>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;AAOA,IAAM,WAAW,GAGb;AACF,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,IAAI,EAAE,WAAW;AAClB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;CACF,CAAA;AAEM,IAAM,UAAU,GAAG,UAAC,EAAyB,EAAA;AAAvB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA;IACzB,IAAA,EAAA,GAAkB,WAAW,CAAC,IAAI,CAAC,EAAjC,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAsB,CAAA;IAEzC,QACEA,GAAC,CAAA,QAAQ,EAAC,QAAA,CAAA,EAAA,KAAK,EAAE,CAAC,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EACzD,EAAA,EAAA,QAAA,EAAA,KAAK,EACG,CAAA,CAAA,EACZ;AACH;;;;"}
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { Identifier } from './Identifier';
3
- declare const meta: Meta<typeof Identifier>;
4
- export default meta;
5
- type Story = StoryObj<typeof Identifier>;
6
- export declare const Default: Story;
7
- //# sourceMappingURL=Identifier.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Identifier.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Identifier/Identifier.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA"}
@@ -1,3 +0,0 @@
1
- export { Identifier } from './Identifier';
2
- export * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Identifier/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,cAAc,SAAS,CAAA"}
@@ -1,5 +0,0 @@
1
- export type IdentifierType = 'artist' | 'topSupporter' | 'supporter';
2
- export type IdentifierProps = {
3
- type: IdentifierType;
4
- };
5
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Identifier/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAA;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,cAAc,CAAA;CACrB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SendIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/SendIcon/SendIcon.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,QAAQ,0BAAmC,aAAa,qDA0BpE,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SendIcon.js","sources":["../../../../src/components/comments/SendIcon/SendIcon.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react'\n\nimport { IconButton } from 'components/button'\nimport { IconPaperAirplane } from 'icons'\n\nimport { SendIconProps } from './types'\n\nexport const SendIcon = ({ disabled = false, onClick }: SendIconProps) => {\n const { color, motion } = useTheme()\n\n return (\n <IconButton\n aria-label='Send'\n icon={IconPaperAirplane}\n size='2xl'\n onClick={onClick}\n css={{\n cursor: 'pointer',\n pointerEvents: disabled ? 'none' : 'all',\n opacity: disabled ? 0.5 : 1,\n path: {\n fill: color.primary.primary,\n transition: motion.quick\n },\n ':hover path': {\n fill: color.primary.p100\n },\n ':active path': {\n fill: color.primary.p500\n }\n }}\n />\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;IAC5C,IAAA,EAAA,GAAoB,QAAQ,EAAE,EAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAEpC,IAAA,QACEA,GAAC,CAAA,UAAU,kBACE,MAAM,EACjB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;AACH,YAAA,MAAM,EAAE,SAAS;YACjB,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK;YACxC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;gBAC3B,UAAU,EAAE,MAAM,CAAC,KAAK;AACzB,aAAA;AACD,YAAA,aAAa,EAAE;AACb,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACF,SAAA,EAAA,CACD,EACH;AACH;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SendIcon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/SendIcon/SendIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/SendIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,cAAc,SAAS,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/SendIcon/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA"}
@@ -1,3 +0,0 @@
1
- import { TimestampProps } from './types';
2
- export declare const Timestamp: ({ time }: TimestampProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=Timestamp.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Timestamp/Timestamp.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC,eAAO,MAAM,SAAS,aAAc,cAAc,qDAQjD,CAAA"}
@@ -1,13 +0,0 @@
1
- import { __assign } from '../../../_virtual/_tslib.js';
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { Text } from '../../text/Text.js';
4
- import { getLargestTimeUnitText } from './util.js';
5
-
6
- var Timestamp = function (_a) {
7
- var time = _a.time;
8
- var text = getLargestTimeUnitText(time);
9
- return (jsx(Text, __assign({ variant: 'body', size: 'xs', color: 'subdued' }, { children: text })));
10
- };
11
-
12
- export { Timestamp };
13
- //# sourceMappingURL=Timestamp.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Timestamp.js","sources":["../../../../src/components/comments/Timestamp/Timestamp.tsx"],"sourcesContent":["import { Text } from 'components/text'\n\nimport { TimestampProps } from './types'\nimport { getLargestTimeUnitText } from './util'\n\nexport const Timestamp = ({ time }: TimestampProps) => {\n const text = getLargestTimeUnitText(time)\n\n return (\n <Text variant='body' size='xs' color='subdued'>\n {text}\n </Text>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKO,IAAM,SAAS,GAAG,UAAC,EAAwB,EAAA;AAAtB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA;AAC9B,IAAA,IAAM,IAAI,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAA;AAEzC,IAAA,QACEA,GAAC,CAAA,IAAI,aAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,gBAC3C,IAAI,EAAA,CAAA,CACA,EACR;AACH;;;;"}
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { Timestamp } from './Timestamp';
3
- declare const meta: Meta<typeof Timestamp>;
4
- export default meta;
5
- type Story = StoryObj<typeof Timestamp>;
6
- export declare const Default: Story;
7
- //# sourceMappingURL=Timestamp.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Timestamp.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Timestamp/Timestamp.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAUvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AASvC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA"}
@@ -1,4 +0,0 @@
1
- export { Timestamp } from './Timestamp';
2
- export { getLargestTimeUnitText } from './util';
3
- export * from './types';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Timestamp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAA;AAC/C,cAAc,SAAS,CAAA"}
@@ -1,11 +0,0 @@
1
- export type TimestampProps = {
2
- time: Date;
3
- };
4
- export declare const MS_IN_S = 1000;
5
- export declare const S_IN_MIN = 60;
6
- export declare const MIN_IN_HR = 60;
7
- export declare const HR_IN_DAY = 24;
8
- export declare const DAY_IN_MONTH = 30;
9
- export declare const MONTH_IN_YEAR = 12;
10
- export type TimeUnit = 'm' | 'h' | 'd' | 'mo' | 'y';
11
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Timestamp/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAGD,eAAO,MAAM,OAAO,OAAO,CAAA;AAC3B,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA"}
@@ -1,10 +0,0 @@
1
- // TODO: Probably should move these to a general util file
2
- var MS_IN_S = 1000;
3
- var S_IN_MIN = 60;
4
- var MIN_IN_HR = 60;
5
- var HR_IN_DAY = 24;
6
- var DAY_IN_MONTH = 30;
7
- var MONTH_IN_YEAR = 12;
8
-
9
- export { DAY_IN_MONTH, HR_IN_DAY, MIN_IN_HR, MONTH_IN_YEAR, MS_IN_S, S_IN_MIN };
10
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sources":["../../../../src/components/comments/Timestamp/types.ts"],"sourcesContent":["export type TimestampProps = {\n time: Date\n}\n\n// TODO: Probably should move these to a general util file\nexport const MS_IN_S = 1000\nexport const S_IN_MIN = 60\nexport const MIN_IN_HR = 60\nexport const HR_IN_DAY = 24\nexport const DAY_IN_MONTH = 30\nexport const MONTH_IN_YEAR = 12\n\nexport type TimeUnit = 'm' | 'h' | 'd' | 'mo' | 'y'\n"],"names":[],"mappings":"AAIA;AACO,IAAM,OAAO,GAAG,KAAI;AACpB,IAAM,QAAQ,GAAG,GAAE;AACnB,IAAM,SAAS,GAAG,GAAE;AACpB,IAAM,SAAS,GAAG,GAAE;AACpB,IAAM,YAAY,GAAG,GAAE;AACvB,IAAM,aAAa,GAAG;;;;"}
@@ -1,2 +0,0 @@
1
- export declare const getLargestTimeUnitText: (time: Date) => string;
2
- //# sourceMappingURL=util.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/comments/Timestamp/util.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,sBAAsB,SAAU,IAAI,WAchD,CAAA"}
@@ -1,26 +0,0 @@
1
- import { MS_IN_S, S_IN_MIN, MIN_IN_HR, HR_IN_DAY, DAY_IN_MONTH, MONTH_IN_YEAR } from './types.js';
2
-
3
- var timeUnitMsMap = {
4
- m: MS_IN_S * S_IN_MIN,
5
- h: MS_IN_S * S_IN_MIN * MIN_IN_HR,
6
- d: MS_IN_S * S_IN_MIN * MIN_IN_HR * HR_IN_DAY,
7
- mo: MS_IN_S * S_IN_MIN * MIN_IN_HR * HR_IN_DAY * DAY_IN_MONTH,
8
- y: MS_IN_S * S_IN_MIN * MIN_IN_HR * HR_IN_DAY * DAY_IN_MONTH * MONTH_IN_YEAR
9
- };
10
- var getLargestTimeUnitText = function (time) {
11
- var then = new Date(time).getTime();
12
- var now = Date.now();
13
- var diff = now - then;
14
- var unit = null;
15
- // Iterate through all time units to determine the largest one
16
- Object.entries(timeUnitMsMap).forEach(function (_a) {
17
- var u = _a[0], ms = _a[1];
18
- if (diff >= ms) {
19
- unit = u;
20
- }
21
- });
22
- return unit ? "".concat(Math.floor(diff / timeUnitMsMap[unit])).concat(unit) : 'just now';
23
- };
24
-
25
- export { getLargestTimeUnitText };
26
- //# sourceMappingURL=util.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"util.js","sources":["../../../../src/components/comments/Timestamp/util.ts"],"sourcesContent":["import type { TimeUnit } from './types'\nimport {\n DAY_IN_MONTH,\n HR_IN_DAY,\n MIN_IN_HR,\n MONTH_IN_YEAR,\n MS_IN_S,\n S_IN_MIN\n} from './types'\n\nconst timeUnitMsMap: Record<TimeUnit, number> = {\n m: MS_IN_S * S_IN_MIN,\n h: MS_IN_S * S_IN_MIN * MIN_IN_HR,\n d: MS_IN_S * S_IN_MIN * MIN_IN_HR * HR_IN_DAY,\n mo: MS_IN_S * S_IN_MIN * MIN_IN_HR * HR_IN_DAY * DAY_IN_MONTH,\n y: MS_IN_S * S_IN_MIN * MIN_IN_HR * HR_IN_DAY * DAY_IN_MONTH * MONTH_IN_YEAR\n} as const\n\nexport const getLargestTimeUnitText = (time: Date) => {\n const then = new Date(time).getTime()\n const now = Date.now()\n const diff = now - then\n let unit: TimeUnit | null = null\n\n // Iterate through all time units to determine the largest one\n Object.entries(timeUnitMsMap).forEach(([u, ms]) => {\n if (diff >= ms) {\n unit = u as TimeUnit\n }\n })\n\n return unit ? `${Math.floor(diff / timeUnitMsMap[unit])}${unit}` : 'just now'\n}\n"],"names":[],"mappings":";;AAUA,IAAM,aAAa,GAA6B;IAC9C,CAAC,EAAE,OAAO,GAAG,QAAQ;AACrB,IAAA,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS;AACjC,IAAA,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS;IAC7C,EAAE,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY;IAC7D,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa;CACpE,CAAA;AAEH,IAAM,sBAAsB,GAAG,UAAC,IAAU,EAAA;IAC/C,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAA;AACrC,IAAA,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;AACtB,IAAA,IAAM,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IACvB,IAAI,IAAI,GAAoB,IAAI,CAAA;;IAGhC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,UAAC,EAAO,EAAA;YAAN,CAAC,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,EAAE,GAAA,EAAA,CAAA,CAAA,CAAA,CAAA;QAC3C,IAAI,IAAI,IAAI,EAAE,EAAE;YACd,IAAI,GAAG,CAAa,CAAA;AACrB,SAAA;AACH,KAAC,CAAC,CAAA;IAEF,OAAO,IAAI,GAAG,UAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAG,CAAA,MAAA,CAAA,IAAI,CAAE,GAAG,UAAU,CAAA;AAC/E;;;;"}