@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.
- package/dist/_virtual/_tslib.js +1 -11
- package/dist/_virtual/_tslib.js.map +1 -1
- package/dist/assets/icons/Messages.svg.js +78 -0
- package/dist/assets/icons/Messages.svg.js.map +1 -0
- package/dist/components/artwork/Artwork.d.ts.map +1 -1
- package/dist/components/artwork/Artwork.js +9 -2
- package/dist/components/artwork/Artwork.js.map +1 -1
- package/dist/components/icon-text/IconText.d.ts.map +1 -0
- package/dist/components/{comments/IconText → icon-text}/IconText.js +5 -5
- package/dist/components/icon-text/IconText.js.map +1 -0
- package/dist/components/icon-text/IconText.stories.d.ts.map +1 -0
- package/dist/components/icon-text/index.d.ts.map +1 -0
- package/dist/components/{comments/IconText → icon-text}/types.d.ts +2 -2
- package/dist/components/icon-text/types.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -6
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/scrubber/Scrubber.d.ts +1 -1
- package/dist/components/scrubber/Scrubber.d.ts.map +1 -1
- package/dist/components/scrubber/Scrubber.js +2 -2
- package/dist/components/scrubber/Scrubber.js.map +1 -1
- package/dist/components/scrubber/Slider.d.ts +1 -1
- package/dist/components/scrubber/Slider.d.ts.map +1 -1
- package/dist/components/scrubber/Slider.js +30 -39
- package/dist/components/scrubber/Slider.js.map +1 -1
- package/dist/components/scrubber/hooks.d.ts +6 -4
- package/dist/components/scrubber/hooks.d.ts.map +1 -1
- package/dist/components/scrubber/hooks.js +52 -54
- package/dist/components/scrubber/hooks.js.map +1 -1
- package/dist/components/scrubber/types.d.ts +8 -0
- package/dist/components/scrubber/types.d.ts.map +1 -1
- package/dist/components/scrubber/types.js.map +1 -1
- package/dist/components/send-icon/SendIcon.d.ts.map +1 -0
- package/dist/components/{comments/SendIcon → send-icon}/SendIcon.js +9 -9
- package/dist/components/send-icon/SendIcon.js.map +1 -0
- package/dist/components/send-icon/SendIcon.stories.d.ts.map +1 -0
- package/dist/components/send-icon/index.d.ts.map +1 -0
- package/dist/components/send-icon/types.d.ts.map +1 -0
- package/dist/components/text/Text.js +2 -2
- package/dist/components/text/Text.js.map +1 -1
- package/dist/icons/utilityIcons.d.ts +1 -0
- package/dist/icons/utilityIcons.d.ts.map +1 -1
- package/dist/icons/utilityIcons.js +3 -1
- package/dist/icons/utilityIcons.js.map +1 -1
- package/dist/index.js +3 -9
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/comments/ArtistPick/ArtistPick.d.ts +0 -3
- package/dist/components/comments/ArtistPick/ArtistPick.d.ts.map +0 -1
- package/dist/components/comments/ArtistPick/ArtistPick.js +0 -20
- package/dist/components/comments/ArtistPick/ArtistPick.js.map +0 -1
- package/dist/components/comments/ArtistPick/ArtistPick.stories.d.ts +0 -7
- package/dist/components/comments/ArtistPick/ArtistPick.stories.d.ts.map +0 -1
- package/dist/components/comments/ArtistPick/index.d.ts +0 -3
- package/dist/components/comments/ArtistPick/index.d.ts.map +0 -1
- package/dist/components/comments/ArtistPick/types.d.ts +0 -5
- package/dist/components/comments/ArtistPick/types.d.ts.map +0 -1
- package/dist/components/comments/CommentText/CommentText.d.ts +0 -3
- package/dist/components/comments/CommentText/CommentText.d.ts.map +0 -1
- package/dist/components/comments/CommentText/CommentText.js +0 -36
- package/dist/components/comments/CommentText/CommentText.js.map +0 -1
- package/dist/components/comments/CommentText/CommentText.stories.d.ts +0 -10
- package/dist/components/comments/CommentText/CommentText.stories.d.ts.map +0 -1
- package/dist/components/comments/CommentText/index.d.ts +0 -3
- package/dist/components/comments/CommentText/index.d.ts.map +0 -1
- package/dist/components/comments/CommentText/types.d.ts +0 -5
- package/dist/components/comments/CommentText/types.d.ts.map +0 -1
- package/dist/components/comments/IconText/IconText.d.ts.map +0 -1
- package/dist/components/comments/IconText/IconText.js.map +0 -1
- package/dist/components/comments/IconText/IconText.stories.d.ts.map +0 -1
- package/dist/components/comments/IconText/index.d.ts.map +0 -1
- package/dist/components/comments/IconText/types.d.ts.map +0 -1
- package/dist/components/comments/Identifier/Identifier.d.ts +0 -3
- package/dist/components/comments/Identifier/Identifier.d.ts.map +0 -1
- package/dist/components/comments/Identifier/Identifier.js +0 -30
- package/dist/components/comments/Identifier/Identifier.js.map +0 -1
- package/dist/components/comments/Identifier/Identifier.stories.d.ts +0 -7
- package/dist/components/comments/Identifier/Identifier.stories.d.ts.map +0 -1
- package/dist/components/comments/Identifier/index.d.ts +0 -3
- package/dist/components/comments/Identifier/index.d.ts.map +0 -1
- package/dist/components/comments/Identifier/types.d.ts +0 -5
- package/dist/components/comments/Identifier/types.d.ts.map +0 -1
- package/dist/components/comments/SendIcon/SendIcon.d.ts.map +0 -1
- package/dist/components/comments/SendIcon/SendIcon.js.map +0 -1
- package/dist/components/comments/SendIcon/SendIcon.stories.d.ts.map +0 -1
- package/dist/components/comments/SendIcon/index.d.ts.map +0 -1
- package/dist/components/comments/SendIcon/types.d.ts.map +0 -1
- package/dist/components/comments/Timestamp/Timestamp.d.ts +0 -3
- package/dist/components/comments/Timestamp/Timestamp.d.ts.map +0 -1
- package/dist/components/comments/Timestamp/Timestamp.js +0 -13
- package/dist/components/comments/Timestamp/Timestamp.js.map +0 -1
- package/dist/components/comments/Timestamp/Timestamp.stories.d.ts +0 -7
- package/dist/components/comments/Timestamp/Timestamp.stories.d.ts.map +0 -1
- package/dist/components/comments/Timestamp/index.d.ts +0 -4
- package/dist/components/comments/Timestamp/index.d.ts.map +0 -1
- package/dist/components/comments/Timestamp/types.d.ts +0 -11
- package/dist/components/comments/Timestamp/types.d.ts.map +0 -1
- package/dist/components/comments/Timestamp/types.js +0 -10
- package/dist/components/comments/Timestamp/types.js.map +0 -1
- package/dist/components/comments/Timestamp/util.d.ts +0 -2
- package/dist/components/comments/Timestamp/util.d.ts.map +0 -1
- package/dist/components/comments/Timestamp/util.js +0 -26
- package/dist/components/comments/Timestamp/util.js.map +0 -1
- /package/dist/components/{comments/IconText → icon-text}/IconText.d.ts +0 -0
- /package/dist/components/{comments/IconText → icon-text}/IconText.stories.d.ts +0 -0
- /package/dist/components/{comments/IconText → icon-text}/index.d.ts +0 -0
- /package/dist/components/{comments/SendIcon → send-icon}/SendIcon.d.ts +0 -0
- /package/dist/components/{comments/SendIcon → send-icon}/SendIcon.stories.d.ts +0 -0
- /package/dist/components/{comments/SendIcon → send-icon}/index.d.ts +0 -0
- /package/dist/components/{comments/SendIcon → send-icon}/types.d.ts +0 -0
|
@@ -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 +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 +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 +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 +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 +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 +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 +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 +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 +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 +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 +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;;;;"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|