@chayns-components/ranking 5.0.0-beta.1230 → 5.0.0-beta.1231
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/lib/cjs/components/ranking/ranking-entry/RankingEntry.js +2 -2
- package/lib/cjs/components/ranking/ranking-entry/RankingEntry.js.map +1 -1
- package/lib/cjs/types/ranking.js.map +1 -1
- package/lib/esm/components/ranking/ranking-entry/RankingEntry.js +3 -3
- package/lib/esm/components/ranking/ranking-entry/RankingEntry.js.map +1 -1
- package/lib/esm/types/ranking.js.map +1 -1
- package/lib/types/types/ranking.d.ts +2 -1
- package/package.json +2 -2
|
@@ -31,9 +31,9 @@ const RankingEntry = ({
|
|
|
31
31
|
rightElement
|
|
32
32
|
} = (0, _react.useMemo)(() => {
|
|
33
33
|
const titleElement = /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("strong", null, rank, ". "), fullName);
|
|
34
|
-
const rightElements = /*#__PURE__*/_react.default.createElement(_RankingEntry.StyledRankingEntryRightElement, null, /*#__PURE__*/_react.default.createElement(_RankingEntry.StyledRankingEntryRightElementPoints, null, points), icons && /*#__PURE__*/_react.default.createElement(_core.Icon, {
|
|
34
|
+
const rightElements = /*#__PURE__*/_react.default.createElement(_RankingEntry.StyledRankingEntryRightElement, null, /*#__PURE__*/_react.default.createElement(_RankingEntry.StyledRankingEntryRightElementPoints, null, points), icons && ! /*#__PURE__*/(0, _react.isValidElement)(icons) && /*#__PURE__*/_react.default.createElement(_core.Icon, {
|
|
35
35
|
icons: icons
|
|
36
|
-
}), /*#__PURE__*/_react.default.createElement(_core.Icon, {
|
|
36
|
+
}), icons && /*#__PURE__*/(0, _react.isValidElement)(icons) && icons, /*#__PURE__*/_react.default.createElement(_core.Icon, {
|
|
37
37
|
icons: isFriend ? ['fas fa-star'] : ['far fa-star'],
|
|
38
38
|
size: 15,
|
|
39
39
|
onClick: handleIconClick
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RankingEntry.js","names":["_react","_interopRequireWildcard","require","_RankingEntry","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RankingEntry","rank","name","fullName","personId","icons","points","isFriend","content","onFriendRemove","onFriendAdd","handleIconClick","useCallback","title","rightElement","useMemo","titleElement","createElement","rightElements","StyledRankingEntryRightElement","StyledRankingEntryRightElementPoints","Icon","size","onClick","entryContent","map","value","headline","id","StyledRankingEntryContentHeadline","key","StyledRankingEntryContentEntry","StyledRankingEntryContentEntryName","StyledRankingEntryContentEntryValue","StyledRankingEntry","$shouldShowLines","Accordion","AccordionContent","StyledRankingEntryContent","StyledRankingEntryElement","StyledRankingEntryElementLeft","StyledRankingEntryElementRight","displayName","_default","exports"],"sources":["../../../../../src/components/ranking/ranking-entry/RankingEntry.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport {\n StyledRankingEntry,\n StyledRankingEntryContent,\n StyledRankingEntryContentEntry,\n StyledRankingEntryContentEntryName,\n StyledRankingEntryContentEntryValue,\n StyledRankingEntryContentHeadline,\n StyledRankingEntryElement,\n StyledRankingEntryElementLeft,\n StyledRankingEntryElementRight,\n StyledRankingEntryRightElement,\n StyledRankingEntryRightElementPoints,\n} from './RankingEntry.styles';\nimport { Accordion, AccordionContent, Icon } from '@chayns-components/core';\nimport { IRankingEntry, RankingContentEntry, RankingContentHeadline } from '../../../types/ranking';\n\nexport type RankingEntryProps = {\n onFriendAdd?: (personId: string) => void;\n onFriendRemove?: (personId: string) => void;\n isFriend?: boolean;\n content?: IRankingEntry['content'];\n rank: IRankingEntry['rank'];\n personId: IRankingEntry['personId'];\n points: IRankingEntry['points'];\n name: IRankingEntry['name'];\n icons: IRankingEntry['icons'];\n};\n\nconst RankingEntry: FC<RankingEntryProps> = ({\n rank,\n name: fullName,\n personId,\n icons,\n points,\n isFriend,\n content,\n onFriendRemove,\n onFriendAdd,\n}) => {\n const handleIconClick = useCallback(() => {\n if (isFriend && typeof onFriendRemove === 'function') {\n onFriendRemove(personId);\n } else if (typeof onFriendAdd === 'function') {\n onFriendAdd(personId);\n }\n }, [isFriend, onFriendAdd, onFriendRemove, personId]);\n\n const { title, rightElement } = useMemo(() => {\n const titleElement = (\n <span>\n <strong>{rank}. </strong>\n {fullName}\n </span>\n );\n\n const rightElements = (\n <StyledRankingEntryRightElement>\n <StyledRankingEntryRightElementPoints>\n {points}\n </StyledRankingEntryRightElementPoints>\n {icons && <Icon icons={icons} />}\n <Icon\n icons={isFriend ? ['fas fa-star'] : ['far fa-star']}\n size={15}\n onClick={handleIconClick}\n />\n </StyledRankingEntryRightElement>\n );\n\n return { title: titleElement, rightElement: rightElements };\n }, [handleIconClick, icons, isFriend, fullName, points, rank]);\n\n const entryContent = useMemo(() => {\n if (!content) return null;\n\n return (content as (RankingContentHeadline & RankingContentEntry)[]).map(\n ({ name, value, headline, id }) => {\n if (typeof headline === 'string') {\n return (\n <StyledRankingEntryContentHeadline key={id}>\n {headline}\n </StyledRankingEntryContentHeadline>\n );\n }\n\n return (\n <StyledRankingEntryContentEntry key={id}>\n <StyledRankingEntryContentEntryName>\n {name}\n </StyledRankingEntryContentEntryName>\n <StyledRankingEntryContentEntryValue>\n {value}\n </StyledRankingEntryContentEntryValue>\n </StyledRankingEntryContentEntry>\n );\n },\n );\n }, [content]);\n\n return useMemo(\n () => (\n <StyledRankingEntry $shouldShowLines={!entryContent}>\n {entryContent ? (\n <Accordion title=\"\" titleElement={title} rightElement={rightElement}>\n <AccordionContent>\n <StyledRankingEntryContent>{entryContent}</StyledRankingEntryContent>\n </AccordionContent>\n </Accordion>\n ) : (\n <StyledRankingEntryElement>\n <StyledRankingEntryElementLeft>{title}</StyledRankingEntryElementLeft>\n <StyledRankingEntryElementRight>\n {rightElement}\n </StyledRankingEntryElementRight>\n </StyledRankingEntryElement>\n )}\n </StyledRankingEntry>\n ),\n [entryContent, rightElement, title],\n );\n};\n\nRankingEntry.displayName = 'RankingEntry';\n\nexport default RankingEntry;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAaA,IAAAE,KAAA,GAAAF,OAAA;AAA4E,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAe5E,MAAMkB,YAAmC,GAAGA,CAAC;EACzCC,IAAI;EACJC,IAAI,EAAEC,QAAQ;EACdC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC;AACJ,CAAC,KAAK;EACF,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC,IAAIL,QAAQ,IAAI,OAAOE,cAAc,KAAK,UAAU,EAAE;MAClDA,cAAc,CAACL,QAAQ,CAAC;IAC5B,CAAC,MAAM,IAAI,OAAOM,WAAW,KAAK,UAAU,EAAE;MAC1CA,WAAW,CAACN,QAAQ,CAAC;IACzB;EACJ,CAAC,EAAE,CAACG,QAAQ,EAAEG,WAAW,EAAED,cAAc,EAAEL,QAAQ,CAAC,CAAC;EAErD,MAAM;IAAES,KAAK;IAAEC;EAAa,CAAC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1C,MAAMC,YAAY,gBACdxC,MAAA,CAAAe,OAAA,CAAA0B,aAAA,4BACIzC,MAAA,CAAAe,OAAA,CAAA0B,aAAA,iBAAShB,IAAI,EAAC,IAAU,CAAC,EACxBE,QACC,CACT;IAED,MAAMe,aAAa,gBACf1C,MAAA,CAAAe,OAAA,CAAA0B,aAAA,CAACtC,aAAA,CAAAwC,8BAA8B,qBAC3B3C,MAAA,CAAAe,OAAA,CAAA0B,aAAA,CAACtC,aAAA,CAAAyC,oCAAoC,QAChCd,MACiC,CAAC,EACtCD,KAAK,iBAAI7B,MAAA,CAAAe,OAAA,CAAA0B,aAAA,CAACrC,KAAA,
|
|
1
|
+
{"version":3,"file":"RankingEntry.js","names":["_react","_interopRequireWildcard","require","_RankingEntry","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RankingEntry","rank","name","fullName","personId","icons","points","isFriend","content","onFriendRemove","onFriendAdd","handleIconClick","useCallback","title","rightElement","useMemo","titleElement","createElement","rightElements","StyledRankingEntryRightElement","StyledRankingEntryRightElementPoints","isValidElement","Icon","size","onClick","entryContent","map","value","headline","id","StyledRankingEntryContentHeadline","key","StyledRankingEntryContentEntry","StyledRankingEntryContentEntryName","StyledRankingEntryContentEntryValue","StyledRankingEntry","$shouldShowLines","Accordion","AccordionContent","StyledRankingEntryContent","StyledRankingEntryElement","StyledRankingEntryElementLeft","StyledRankingEntryElementRight","displayName","_default","exports"],"sources":["../../../../../src/components/ranking/ranking-entry/RankingEntry.tsx"],"sourcesContent":["import React, { FC, isValidElement, useCallback, useMemo } from 'react';\nimport {\n StyledRankingEntry,\n StyledRankingEntryContent,\n StyledRankingEntryContentEntry,\n StyledRankingEntryContentEntryName,\n StyledRankingEntryContentEntryValue,\n StyledRankingEntryContentHeadline,\n StyledRankingEntryElement,\n StyledRankingEntryElementLeft,\n StyledRankingEntryElementRight,\n StyledRankingEntryRightElement,\n StyledRankingEntryRightElementPoints,\n} from './RankingEntry.styles';\nimport { Accordion, AccordionContent, Icon } from '@chayns-components/core';\nimport { IRankingEntry, RankingContentEntry, RankingContentHeadline } from '../../../types/ranking';\n\nexport type RankingEntryProps = {\n onFriendAdd?: (personId: string) => void;\n onFriendRemove?: (personId: string) => void;\n isFriend?: boolean;\n content?: IRankingEntry['content'];\n rank: IRankingEntry['rank'];\n personId: IRankingEntry['personId'];\n points: IRankingEntry['points'];\n name: IRankingEntry['name'];\n icons: IRankingEntry['icons'];\n};\n\nconst RankingEntry: FC<RankingEntryProps> = ({\n rank,\n name: fullName,\n personId,\n icons,\n points,\n isFriend,\n content,\n onFriendRemove,\n onFriendAdd,\n}) => {\n const handleIconClick = useCallback(() => {\n if (isFriend && typeof onFriendRemove === 'function') {\n onFriendRemove(personId);\n } else if (typeof onFriendAdd === 'function') {\n onFriendAdd(personId);\n }\n }, [isFriend, onFriendAdd, onFriendRemove, personId]);\n\n const { title, rightElement } = useMemo(() => {\n const titleElement = (\n <span>\n <strong>{rank}. </strong>\n {fullName}\n </span>\n );\n\n const rightElements = (\n <StyledRankingEntryRightElement>\n <StyledRankingEntryRightElementPoints>\n {points}\n </StyledRankingEntryRightElementPoints>\n {icons && !isValidElement(icons) && <Icon icons={icons as string[]} />}\n {icons && isValidElement(icons) && icons}\n <Icon\n icons={isFriend ? ['fas fa-star'] : ['far fa-star']}\n size={15}\n onClick={handleIconClick}\n />\n </StyledRankingEntryRightElement>\n );\n\n return { title: titleElement, rightElement: rightElements };\n }, [handleIconClick, icons, isFriend, fullName, points, rank]);\n\n const entryContent = useMemo(() => {\n if (!content) return null;\n\n return (content as (RankingContentHeadline & RankingContentEntry)[]).map(\n ({ name, value, headline, id }) => {\n if (typeof headline === 'string') {\n return (\n <StyledRankingEntryContentHeadline key={id}>\n {headline}\n </StyledRankingEntryContentHeadline>\n );\n }\n\n return (\n <StyledRankingEntryContentEntry key={id}>\n <StyledRankingEntryContentEntryName>\n {name}\n </StyledRankingEntryContentEntryName>\n <StyledRankingEntryContentEntryValue>\n {value}\n </StyledRankingEntryContentEntryValue>\n </StyledRankingEntryContentEntry>\n );\n },\n );\n }, [content]);\n\n return useMemo(\n () => (\n <StyledRankingEntry $shouldShowLines={!entryContent}>\n {entryContent ? (\n <Accordion title=\"\" titleElement={title} rightElement={rightElement}>\n <AccordionContent>\n <StyledRankingEntryContent>{entryContent}</StyledRankingEntryContent>\n </AccordionContent>\n </Accordion>\n ) : (\n <StyledRankingEntryElement>\n <StyledRankingEntryElementLeft>{title}</StyledRankingEntryElementLeft>\n <StyledRankingEntryElementRight>\n {rightElement}\n </StyledRankingEntryElementRight>\n </StyledRankingEntryElement>\n )}\n </StyledRankingEntry>\n ),\n [entryContent, rightElement, title],\n );\n};\n\nRankingEntry.displayName = 'RankingEntry';\n\nexport default RankingEntry;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ranking.js","names":[],"sources":["../../../src/types/ranking.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"ranking.js","names":[],"sources":["../../../src/types/ranking.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface IRankingEntry {\n rank: number;\n name: string;\n personId: string;\n points: number;\n content?: RankingContent[];\n icons?: string[] | ReactNode;\n}\n\nexport type RankingContent = RankingContentHeadline | RankingContentEntry;\n\nexport interface RankingContentHeadline {\n headline: string;\n id: string;\n}\n\nexport interface RankingContentEntry {\n id: string;\n name: string;\n value: string;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useCallback, useMemo } from 'react';
|
|
1
|
+
import React, { isValidElement, useCallback, useMemo } from 'react';
|
|
2
2
|
import { StyledRankingEntry, StyledRankingEntryContent, StyledRankingEntryContentEntry, StyledRankingEntryContentEntryName, StyledRankingEntryContentEntryValue, StyledRankingEntryContentHeadline, StyledRankingEntryElement, StyledRankingEntryElementLeft, StyledRankingEntryElementRight, StyledRankingEntryRightElement, StyledRankingEntryRightElementPoints } from './RankingEntry.styles';
|
|
3
3
|
import { Accordion, AccordionContent, Icon } from '@chayns-components/core';
|
|
4
4
|
const RankingEntry = ({
|
|
@@ -24,9 +24,9 @@ const RankingEntry = ({
|
|
|
24
24
|
rightElement
|
|
25
25
|
} = useMemo(() => {
|
|
26
26
|
const titleElement = /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, rank, ". "), fullName);
|
|
27
|
-
const rightElements = /*#__PURE__*/React.createElement(StyledRankingEntryRightElement, null, /*#__PURE__*/React.createElement(StyledRankingEntryRightElementPoints, null, points), icons && /*#__PURE__*/React.createElement(Icon, {
|
|
27
|
+
const rightElements = /*#__PURE__*/React.createElement(StyledRankingEntryRightElement, null, /*#__PURE__*/React.createElement(StyledRankingEntryRightElementPoints, null, points), icons && ! /*#__PURE__*/isValidElement(icons) && /*#__PURE__*/React.createElement(Icon, {
|
|
28
28
|
icons: icons
|
|
29
|
-
}), /*#__PURE__*/React.createElement(Icon, {
|
|
29
|
+
}), icons && /*#__PURE__*/isValidElement(icons) && icons, /*#__PURE__*/React.createElement(Icon, {
|
|
30
30
|
icons: isFriend ? ['fas fa-star'] : ['far fa-star'],
|
|
31
31
|
size: 15,
|
|
32
32
|
onClick: handleIconClick
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RankingEntry.js","names":["React","useCallback","useMemo","StyledRankingEntry","StyledRankingEntryContent","StyledRankingEntryContentEntry","StyledRankingEntryContentEntryName","StyledRankingEntryContentEntryValue","StyledRankingEntryContentHeadline","StyledRankingEntryElement","StyledRankingEntryElementLeft","StyledRankingEntryElementRight","StyledRankingEntryRightElement","StyledRankingEntryRightElementPoints","Accordion","AccordionContent","Icon","RankingEntry","rank","name","fullName","personId","icons","points","isFriend","content","onFriendRemove","onFriendAdd","handleIconClick","title","rightElement","titleElement","createElement","rightElements","size","onClick","entryContent","map","value","headline","id","key","$shouldShowLines","displayName"],"sources":["../../../../../src/components/ranking/ranking-entry/RankingEntry.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport {\n StyledRankingEntry,\n StyledRankingEntryContent,\n StyledRankingEntryContentEntry,\n StyledRankingEntryContentEntryName,\n StyledRankingEntryContentEntryValue,\n StyledRankingEntryContentHeadline,\n StyledRankingEntryElement,\n StyledRankingEntryElementLeft,\n StyledRankingEntryElementRight,\n StyledRankingEntryRightElement,\n StyledRankingEntryRightElementPoints,\n} from './RankingEntry.styles';\nimport { Accordion, AccordionContent, Icon } from '@chayns-components/core';\nimport { IRankingEntry, RankingContentEntry, RankingContentHeadline } from '../../../types/ranking';\n\nexport type RankingEntryProps = {\n onFriendAdd?: (personId: string) => void;\n onFriendRemove?: (personId: string) => void;\n isFriend?: boolean;\n content?: IRankingEntry['content'];\n rank: IRankingEntry['rank'];\n personId: IRankingEntry['personId'];\n points: IRankingEntry['points'];\n name: IRankingEntry['name'];\n icons: IRankingEntry['icons'];\n};\n\nconst RankingEntry: FC<RankingEntryProps> = ({\n rank,\n name: fullName,\n personId,\n icons,\n points,\n isFriend,\n content,\n onFriendRemove,\n onFriendAdd,\n}) => {\n const handleIconClick = useCallback(() => {\n if (isFriend && typeof onFriendRemove === 'function') {\n onFriendRemove(personId);\n } else if (typeof onFriendAdd === 'function') {\n onFriendAdd(personId);\n }\n }, [isFriend, onFriendAdd, onFriendRemove, personId]);\n\n const { title, rightElement } = useMemo(() => {\n const titleElement = (\n <span>\n <strong>{rank}. </strong>\n {fullName}\n </span>\n );\n\n const rightElements = (\n <StyledRankingEntryRightElement>\n <StyledRankingEntryRightElementPoints>\n {points}\n </StyledRankingEntryRightElementPoints>\n {icons && <Icon icons={icons} />}\n <Icon\n icons={isFriend ? ['fas fa-star'] : ['far fa-star']}\n size={15}\n onClick={handleIconClick}\n />\n </StyledRankingEntryRightElement>\n );\n\n return { title: titleElement, rightElement: rightElements };\n }, [handleIconClick, icons, isFriend, fullName, points, rank]);\n\n const entryContent = useMemo(() => {\n if (!content) return null;\n\n return (content as (RankingContentHeadline & RankingContentEntry)[]).map(\n ({ name, value, headline, id }) => {\n if (typeof headline === 'string') {\n return (\n <StyledRankingEntryContentHeadline key={id}>\n {headline}\n </StyledRankingEntryContentHeadline>\n );\n }\n\n return (\n <StyledRankingEntryContentEntry key={id}>\n <StyledRankingEntryContentEntryName>\n {name}\n </StyledRankingEntryContentEntryName>\n <StyledRankingEntryContentEntryValue>\n {value}\n </StyledRankingEntryContentEntryValue>\n </StyledRankingEntryContentEntry>\n );\n },\n );\n }, [content]);\n\n return useMemo(\n () => (\n <StyledRankingEntry $shouldShowLines={!entryContent}>\n {entryContent ? (\n <Accordion title=\"\" titleElement={title} rightElement={rightElement}>\n <AccordionContent>\n <StyledRankingEntryContent>{entryContent}</StyledRankingEntryContent>\n </AccordionContent>\n </Accordion>\n ) : (\n <StyledRankingEntryElement>\n <StyledRankingEntryElementLeft>{title}</StyledRankingEntryElementLeft>\n <StyledRankingEntryElementRight>\n {rightElement}\n </StyledRankingEntryElementRight>\n </StyledRankingEntryElement>\n )}\n </StyledRankingEntry>\n ),\n [entryContent, rightElement, title],\n );\n};\n\nRankingEntry.displayName = 'RankingEntry';\n\nexport default RankingEntry;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"file":"RankingEntry.js","names":["React","isValidElement","useCallback","useMemo","StyledRankingEntry","StyledRankingEntryContent","StyledRankingEntryContentEntry","StyledRankingEntryContentEntryName","StyledRankingEntryContentEntryValue","StyledRankingEntryContentHeadline","StyledRankingEntryElement","StyledRankingEntryElementLeft","StyledRankingEntryElementRight","StyledRankingEntryRightElement","StyledRankingEntryRightElementPoints","Accordion","AccordionContent","Icon","RankingEntry","rank","name","fullName","personId","icons","points","isFriend","content","onFriendRemove","onFriendAdd","handleIconClick","title","rightElement","titleElement","createElement","rightElements","size","onClick","entryContent","map","value","headline","id","key","$shouldShowLines","displayName"],"sources":["../../../../../src/components/ranking/ranking-entry/RankingEntry.tsx"],"sourcesContent":["import React, { FC, isValidElement, useCallback, useMemo } from 'react';\nimport {\n StyledRankingEntry,\n StyledRankingEntryContent,\n StyledRankingEntryContentEntry,\n StyledRankingEntryContentEntryName,\n StyledRankingEntryContentEntryValue,\n StyledRankingEntryContentHeadline,\n StyledRankingEntryElement,\n StyledRankingEntryElementLeft,\n StyledRankingEntryElementRight,\n StyledRankingEntryRightElement,\n StyledRankingEntryRightElementPoints,\n} from './RankingEntry.styles';\nimport { Accordion, AccordionContent, Icon } from '@chayns-components/core';\nimport { IRankingEntry, RankingContentEntry, RankingContentHeadline } from '../../../types/ranking';\n\nexport type RankingEntryProps = {\n onFriendAdd?: (personId: string) => void;\n onFriendRemove?: (personId: string) => void;\n isFriend?: boolean;\n content?: IRankingEntry['content'];\n rank: IRankingEntry['rank'];\n personId: IRankingEntry['personId'];\n points: IRankingEntry['points'];\n name: IRankingEntry['name'];\n icons: IRankingEntry['icons'];\n};\n\nconst RankingEntry: FC<RankingEntryProps> = ({\n rank,\n name: fullName,\n personId,\n icons,\n points,\n isFriend,\n content,\n onFriendRemove,\n onFriendAdd,\n}) => {\n const handleIconClick = useCallback(() => {\n if (isFriend && typeof onFriendRemove === 'function') {\n onFriendRemove(personId);\n } else if (typeof onFriendAdd === 'function') {\n onFriendAdd(personId);\n }\n }, [isFriend, onFriendAdd, onFriendRemove, personId]);\n\n const { title, rightElement } = useMemo(() => {\n const titleElement = (\n <span>\n <strong>{rank}. </strong>\n {fullName}\n </span>\n );\n\n const rightElements = (\n <StyledRankingEntryRightElement>\n <StyledRankingEntryRightElementPoints>\n {points}\n </StyledRankingEntryRightElementPoints>\n {icons && !isValidElement(icons) && <Icon icons={icons as string[]} />}\n {icons && isValidElement(icons) && icons}\n <Icon\n icons={isFriend ? ['fas fa-star'] : ['far fa-star']}\n size={15}\n onClick={handleIconClick}\n />\n </StyledRankingEntryRightElement>\n );\n\n return { title: titleElement, rightElement: rightElements };\n }, [handleIconClick, icons, isFriend, fullName, points, rank]);\n\n const entryContent = useMemo(() => {\n if (!content) return null;\n\n return (content as (RankingContentHeadline & RankingContentEntry)[]).map(\n ({ name, value, headline, id }) => {\n if (typeof headline === 'string') {\n return (\n <StyledRankingEntryContentHeadline key={id}>\n {headline}\n </StyledRankingEntryContentHeadline>\n );\n }\n\n return (\n <StyledRankingEntryContentEntry key={id}>\n <StyledRankingEntryContentEntryName>\n {name}\n </StyledRankingEntryContentEntryName>\n <StyledRankingEntryContentEntryValue>\n {value}\n </StyledRankingEntryContentEntryValue>\n </StyledRankingEntryContentEntry>\n );\n },\n );\n }, [content]);\n\n return useMemo(\n () => (\n <StyledRankingEntry $shouldShowLines={!entryContent}>\n {entryContent ? (\n <Accordion title=\"\" titleElement={title} rightElement={rightElement}>\n <AccordionContent>\n <StyledRankingEntryContent>{entryContent}</StyledRankingEntryContent>\n </AccordionContent>\n </Accordion>\n ) : (\n <StyledRankingEntryElement>\n <StyledRankingEntryElementLeft>{title}</StyledRankingEntryElementLeft>\n <StyledRankingEntryElementRight>\n {rightElement}\n </StyledRankingEntryElementRight>\n </StyledRankingEntryElement>\n )}\n </StyledRankingEntry>\n ),\n [entryContent, rightElement, title],\n );\n};\n\nRankingEntry.displayName = 'RankingEntry';\n\nexport default RankingEntry;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ranking.js","names":[],"sources":["../../../src/types/ranking.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"ranking.js","names":[],"sources":["../../../src/types/ranking.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface IRankingEntry {\n rank: number;\n name: string;\n personId: string;\n points: number;\n content?: RankingContent[];\n icons?: string[] | ReactNode;\n}\n\nexport type RankingContent = RankingContentHeadline | RankingContentEntry;\n\nexport interface RankingContentHeadline {\n headline: string;\n id: string;\n}\n\nexport interface RankingContentEntry {\n id: string;\n name: string;\n value: string;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
export interface IRankingEntry {
|
|
2
3
|
rank: number;
|
|
3
4
|
name: string;
|
|
4
5
|
personId: string;
|
|
5
6
|
points: number;
|
|
6
7
|
content?: RankingContent[];
|
|
7
|
-
icons?: string[];
|
|
8
|
+
icons?: string[] | ReactNode;
|
|
8
9
|
}
|
|
9
10
|
export type RankingContent = RankingContentHeadline | RankingContentEntry;
|
|
10
11
|
export interface RankingContentHeadline {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/ranking",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.1231",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"publishConfig": {
|
|
83
83
|
"access": "public"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "0601914a3a399f9671d2d35c1a01295f7e159065"
|
|
86
86
|
}
|