@chayns-components/ranking 5.0.61 → 5.0.62

package/lib/cjs/components/ranking/Ranking.js

@@ -8,10 +8,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _Ranking = require("./Ranking.styles");
 var _core = require("@chayns-components/core");
 var _RankingEntry = _interopRequireDefault(require("./ranking-entry/RankingEntry"));
+var _textstring = require("@chayns-components/textstring");
+var _textStrings = _interopRequireDefault(require("../../constants/textStrings"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Ranking = ({
-  title = 'Rangliste',
+  title,
   entries,
   onFriendRemove,
   onFriendAdd,
@@ -47,8 +49,13 @@ const Ranking = ({
       onSearchChange(event.target.value);
     }
   }, [onSearchChange]);
-  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Ranking.StyledRanking, null, /*#__PURE__*/_react.default.createElement(_core.Accordion, {
-    title: title,
+  const ts = _textStrings.default.components.ranking;
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_textstring.TextstringProvider, {
+    libraryName: "@chayns-components-ranking"
+  }, /*#__PURE__*/_react.default.createElement(_Ranking.StyledRanking, null, /*#__PURE__*/_react.default.createElement(_core.Accordion, {
+    titleElement: title ?? /*#__PURE__*/_react.default.createElement(_textstring.Textstring, {
+      textstring: (0, _textstring.ttsToITextString)(ts.title)
+    }),
     onSearchChange: handleSearchChange,
     searchValue: searchValue,
     rightElement: /*#__PURE__*/_react.default.createElement(_core.Icon, {
@@ -59,7 +66,9 @@ const Ranking = ({
   }, /*#__PURE__*/_react.default.createElement(_core.AccordionGroup, null, content), typeof onLoadMore === 'function' && /*#__PURE__*/_react.default.createElement(_core.AccordionContent, null, /*#__PURE__*/_react.default.createElement(_Ranking.StyledRankingLoadMoreButton, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
     onClick: onLoadMore,
     shouldShowWaitCursor: isLoadingData
-  }, "Mehr"))))), [content, handleSearchChange, isLoadingData, onFriendVisibleChange, onLoadMore, searchValue, shouldShowOnlyFriends, title]);
+  }, /*#__PURE__*/_react.default.createElement(_textstring.Textstring, {
+    textstring: (0, _textstring.ttsToITextString)(ts.button.loadMore)
+  }))))))), [content, handleSearchChange, isLoadingData, onFriendVisibleChange, onLoadMore, searchValue, shouldShowOnlyFriends, title]);
 };
 Ranking.displayName = 'Ranking';
 var _default = exports.default = Ranking;

package/lib/cjs/components/ranking/Ranking.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ranking.js","names":["_react","_interopRequireWildcard","require","_Ranking","_core","_RankingEntry","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Ranking","title","entries","onFriendRemove","onFriendAdd","shouldShowOnlyFriends","friendPersonIds","isLoadingData","onSearchChange","searchValue","onLoadMore","onFriendVisibleChange","content","useMemo","map","entryContent","rank","personId","points","name","icons","createElement","key","isFriend","includes","handleSearchChange","useCallback","event","target","value","StyledRanking","Accordion","rightElement","Icon","size","onClick","AccordionGroup","AccordionContent","StyledRankingLoadMoreButton","Button","shouldShowWaitCursor","displayName","_default","exports"],"sources":["../../../../src/components/ranking/Ranking.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useMemo } from 'react';\nimport { StyledRanking, StyledRankingLoadMoreButton } from './Ranking.styles';\nimport { IRankingEntry } from '../../types/ranking';\nimport { Accordion, AccordionContent, AccordionGroup, Button, Icon } from '@chayns-components/core';\nimport RankingEntry from './ranking-entry/RankingEntry';\n\nexport type RankingProps = {\n    /**\n     * Array of ranking entries to be displayed in the ranking list.\n     */\n    entries: IRankingEntry[];\n    /**\n     * Array of personIds that represent the user's friends.\n     */\n    friendPersonIds: string[];\n    /**\n     * Whether new data is loading.\n     */\n    isLoadingData?: boolean;\n    /**\n     * Callback function triggered when a friend is added to the friends list.\n     * @param personId - The ID of the person to be added as friend\n     */\n    onFriendAdd?: (personId: string) => void;\n    /**\n     * Callback function triggered when a friend is removed from the friends list.\n     * @param personId - The ID of the person to be removed from friends\n     */\n    onFriendRemove?: (personId: string) => void;\n    /**\n     * Callback function triggered when the visibility of friends is toggled.\n     */\n    onFriendVisibleChange?: () => void;\n    /**\n     * Callback function when the load more button is clicked.\n     */\n    onLoadMore?: () => void;\n    /**\n     * Callback function triggered when the search input value changes.\n     * @param value - The current search input value\n     */\n    onSearchChange?: (value: string) => void;\n    /**\n     * The current value of the search input field.\n     */\n    searchValue?: string;\n    /**\n     * Whether only the friends of the user should be displayed (filtering and fetching the correct data is done by you).\n     */\n    shouldShowOnlyFriends?: boolean;\n    /**\n     * The title of the top Accordion.\n     */\n    title?: string;\n};\n\nconst Ranking: FC<RankingProps> = ({\n    title = 'Rangliste',\n    entries,\n    onFriendRemove,\n    onFriendAdd,\n    shouldShowOnlyFriends,\n    friendPersonIds,\n    isLoadingData,\n    onSearchChange,\n    searchValue,\n    onLoadMore,\n    onFriendVisibleChange,\n}) => {\n    const content = useMemo(\n        () =>\n            entries.map(({ content: entryContent, rank, personId, points, name, icons }) => (\n                <RankingEntry\n                    key={`ranking-entry--${personId}`}\n                    rank={rank}\n                    personId={personId}\n                    name={name}\n                    icons={icons}\n                    points={points}\n                    content={entryContent}\n                    onFriendAdd={onFriendAdd}\n                    onFriendRemove={onFriendRemove}\n                    isFriend={friendPersonIds?.includes(personId)}\n                />\n            )),\n        [entries, friendPersonIds, onFriendAdd, onFriendRemove],\n    );\n\n    const handleSearchChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (typeof onSearchChange === 'function') {\n                onSearchChange(event.target.value);\n            }\n        },\n        [onSearchChange],\n    );\n\n    return useMemo(\n        () => (\n            <StyledRanking>\n                <Accordion\n                    title={title}\n                    onSearchChange={handleSearchChange}\n                    searchValue={searchValue}\n                    rightElement={\n                        <Icon\n                            icons={shouldShowOnlyFriends ? ['fas fa-star'] : ['far fa-star']}\n                            size={15}\n                            onClick={onFriendVisibleChange}\n                        />\n                    }\n                >\n                    <AccordionGroup>{content}</AccordionGroup>\n                    {typeof onLoadMore === 'function' && (\n                        <AccordionContent>\n                            <StyledRankingLoadMoreButton>\n                                <Button onClick={onLoadMore} shouldShowWaitCursor={isLoadingData}>\n                                    Mehr\n                                </Button>\n                            </StyledRankingLoadMoreButton>\n                        </AccordionContent>\n                    )}\n                </Accordion>\n            </StyledRanking>\n        ),\n        [\n            content,\n            handleSearchChange,\n            isLoadingData,\n            onFriendVisibleChange,\n            onLoadMore,\n            searchValue,\n            shouldShowOnlyFriends,\n            title,\n        ],\n    );\n};\n\nRanking.displayName = 'Ranking';\n\nexport default Ranking;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Ranking.js","names":["_react","_interopRequireWildcard","require","_Ranking","_core","_RankingEntry","_interopRequireDefault","_textstring","_textStrings","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Ranking","title","entries","onFriendRemove","onFriendAdd","shouldShowOnlyFriends","friendPersonIds","isLoadingData","onSearchChange","searchValue","onLoadMore","onFriendVisibleChange","content","useMemo","map","entryContent","rank","personId","points","name","icons","createElement","key","isFriend","includes","handleSearchChange","useCallback","event","target","value","ts","textStrings","components","ranking","TextstringProvider","libraryName","StyledRanking","Accordion","titleElement","Textstring","textstring","ttsToITextString","rightElement","Icon","size","onClick","AccordionGroup","AccordionContent","StyledRankingLoadMoreButton","Button","shouldShowWaitCursor","button","loadMore","displayName","_default","exports"],"sources":["../../../../src/components/ranking/Ranking.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useMemo } from 'react';\nimport { StyledRanking, StyledRankingLoadMoreButton } from './Ranking.styles';\nimport { IRankingEntry } from '../../types/ranking';\nimport { Accordion, AccordionContent, AccordionGroup, Button, Icon } from '@chayns-components/core';\nimport RankingEntry from './ranking-entry/RankingEntry';\nimport { Textstring, TextstringProvider, ttsToITextString } from '@chayns-components/textstring';\nimport textStrings from '../../constants/textStrings';\n\nexport type RankingProps = {\n    /**\n     * Array of ranking entries to be displayed in the ranking list.\n     */\n    entries: IRankingEntry[];\n    /**\n     * Array of personIds that represent the user's friends.\n     */\n    friendPersonIds: string[];\n    /**\n     * Whether new data is loading.\n     */\n    isLoadingData?: boolean;\n    /**\n     * Callback function triggered when a friend is added to the friends list.\n     * @param personId - The ID of the person to be added as friend\n     */\n    onFriendAdd?: (personId: string) => void;\n    /**\n     * Callback function triggered when a friend is removed from the friends list.\n     * @param personId - The ID of the person to be removed from friends\n     */\n    onFriendRemove?: (personId: string) => void;\n    /**\n     * Callback function triggered when the visibility of friends is toggled.\n     */\n    onFriendVisibleChange?: () => void;\n    /**\n     * Callback function when the load more button is clicked.\n     */\n    onLoadMore?: () => void;\n    /**\n     * Callback function triggered when the search input value changes.\n     * @param value - The current search input value\n     */\n    onSearchChange?: (value: string) => void;\n    /**\n     * The current value of the search input field.\n     */\n    searchValue?: string;\n    /**\n     * Whether only the friends of the user should be displayed (filtering and fetching the correct data is done by you).\n     */\n    shouldShowOnlyFriends?: boolean;\n    /**\n     * The title of the top Accordion.\n     */\n    title?: string;\n};\n\nconst Ranking: FC<RankingProps> = ({\n    title,\n    entries,\n    onFriendRemove,\n    onFriendAdd,\n    shouldShowOnlyFriends,\n    friendPersonIds,\n    isLoadingData,\n    onSearchChange,\n    searchValue,\n    onLoadMore,\n    onFriendVisibleChange,\n}) => {\n    const content = useMemo(\n        () =>\n            entries.map(({ content: entryContent, rank, personId, points, name, icons }) => (\n                <RankingEntry\n                    key={`ranking-entry--${personId}`}\n                    rank={rank}\n                    personId={personId}\n                    name={name}\n                    icons={icons}\n                    points={points}\n                    content={entryContent}\n                    onFriendAdd={onFriendAdd}\n                    onFriendRemove={onFriendRemove}\n                    isFriend={friendPersonIds?.includes(personId)}\n                />\n            )),\n        [entries, friendPersonIds, onFriendAdd, onFriendRemove],\n    );\n\n    const handleSearchChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (typeof onSearchChange === 'function') {\n                onSearchChange(event.target.value);\n            }\n        },\n        [onSearchChange],\n    );\n\n    const ts = textStrings.components.ranking;\n\n    return useMemo(\n        () => (\n            <TextstringProvider libraryName=\"@chayns-components-ranking\">\n                <StyledRanking>\n                    <Accordion\n                        titleElement={\n                            title ?? <Textstring textstring={ttsToITextString(ts.title)} />\n                        }\n                        onSearchChange={handleSearchChange}\n                        searchValue={searchValue}\n                        rightElement={\n                            <Icon\n                                icons={shouldShowOnlyFriends ? ['fas fa-star'] : ['far fa-star']}\n                                size={15}\n                                onClick={onFriendVisibleChange}\n                            />\n                        }\n                    >\n                        <AccordionGroup>{content}</AccordionGroup>\n                        {typeof onLoadMore === 'function' && (\n                            <AccordionContent>\n                                <StyledRankingLoadMoreButton>\n                                    <Button\n                                        onClick={onLoadMore}\n                                        shouldShowWaitCursor={isLoadingData}\n                                    >\n                                        <Textstring\n                                            textstring={ttsToITextString(ts.button.loadMore)}\n                                        />\n                                    </Button>\n                                </StyledRankingLoadMoreButton>\n                            </AccordionContent>\n                        )}\n                    </Accordion>\n                </StyledRanking>\n            </TextstringProvider>\n        ),\n        [\n            content,\n            handleSearchChange,\n            isLoadingData,\n            onFriendVisibleChange,\n            onLoadMore,\n            searchValue,\n            shouldShowOnlyFriends,\n            title,\n        ],\n    );\n};\n\nRanking.displayName = 'Ranking';\n\nexport default Ranking;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAAsD,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAoDtD,MAAMgB,OAAyB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,WAAW;EACXC,qBAAqB;EACrBC,eAAe;EACfC,aAAa;EACbC,cAAc;EACdC,WAAW;EACXC,UAAU;EACVC;AACJ,CAAC,KAAK;EACF,MAAMC,OAAO,GAAG,IAAAC,cAAO,EACnB,MACIX,OAAO,CAACY,GAAG,CAAC,CAAC;IAAEF,OAAO,EAAEG,YAAY;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,kBACvEhD,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC5C,aAAA,CAAAM,OAAY;IACTuC,GAAG,EAAE,kBAAkBL,QAAQ,EAAG;IAClCD,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBE,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IACfN,OAAO,EAAEG,YAAa;IACtBX,WAAW,EAAEA,WAAY;IACzBD,cAAc,EAAEA,cAAe;IAC/BoB,QAAQ,EAAEjB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEkB,QAAQ,CAACP,QAAQ;EAAE,CACjD,CACJ,CAAC,EACN,CAACf,OAAO,EAAEI,eAAe,EAAEF,WAAW,EAAED,cAAc,CAC1D,CAAC;EAED,MAAMsB,kBAAkB,GAAG,IAAAC,kBAAW,EACjCC,KAAoC,IAAK;IACtC,IAAI,OAAOnB,cAAc,KAAK,UAAU,EAAE;MACtCA,cAAc,CAACmB,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;IACtC;EACJ,CAAC,EACD,CAACrB,cAAc,CACnB,CAAC;EAED,MAAMsB,EAAE,GAAGC,oBAAW,CAACC,UAAU,CAACC,OAAO;EAEzC,OAAO,IAAApB,cAAO,EACV,mBACIzC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC1C,WAAA,CAAAuD,kBAAkB;IAACC,WAAW,EAAC;EAA4B,gBACxD/D,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC9C,QAAA,CAAA6D,aAAa,qBACVhE,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC7C,KAAA,CAAA6D,SAAS;IACNC,YAAY,EACRrC,KAAK,iBAAI7B,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC1C,WAAA,CAAA4D,UAAU;MAACC,UAAU,EAAE,IAAAC,4BAAgB,EAACX,EAAE,CAAC7B,KAAK;IAAE,CAAE,CACjE;IACDO,cAAc,EAAEiB,kBAAmB;IACnChB,WAAW,EAAEA,WAAY;IACzBiC,YAAY,eACRtE,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC7C,KAAA,CAAAmE,IAAI;MACDvB,KAAK,EAAEf,qBAAqB,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,aAAa,CAAE;MACjEuC,IAAI,EAAE,EAAG;MACTC,OAAO,EAAElC;IAAsB,CAClC;EACJ,gBAEDvC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC7C,KAAA,CAAAsE,cAAc,QAAElC,OAAwB,CAAC,EACzC,OAAOF,UAAU,KAAK,UAAU,iBAC7BtC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC7C,KAAA,CAAAuE,gBAAgB,qBACb3E,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC9C,QAAA,CAAAyE,2BAA2B,qBACxB5E,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC7C,KAAA,CAAAyE,MAAM;IACHJ,OAAO,EAAEnC,UAAW;IACpBwC,oBAAoB,EAAE3C;EAAc,gBAEpCnC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC1C,WAAA,CAAA4D,UAAU;IACPC,UAAU,EAAE,IAAAC,4BAAgB,EAACX,EAAE,CAACqB,MAAM,CAACC,QAAQ;EAAE,CACpD,CACG,CACiB,CACf,CAEf,CACA,CACC,CACvB,EACD,CACIxC,OAAO,EACPa,kBAAkB,EAClBlB,aAAa,EACbI,qBAAqB,EACrBD,UAAU,EACVD,WAAW,EACXJ,qBAAqB,EACrBJ,KAAK,CAEb,CAAC;AACL,CAAC;AAEDD,OAAO,CAACqD,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxE,OAAA,GAEjBiB,OAAO","ignoreList":[]}

package/lib/cjs/constants/textStrings.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  components: {
+    ranking: {
+      button: {
+        loadMore: {
+          stringName: 'txt_chayns_components_ranking_components_ranking_button_loadMore',
+          fallback: 'Mehr'
+        }
+      },
+      title: {
+        stringName: 'txt_chayns_components_ranking_components_ranking_title',
+        fallback: 'Rangliste'
+      }
+    }
+  }
+};
+//# sourceMappingURL=textStrings.js.map

package/lib/cjs/constants/textStrings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textStrings.js","names":["components","ranking","button","loadMore","stringName","fallback","title"],"sources":["../../../src/constants/textStrings.ts"],"sourcesContent":["export default {\n    components: {\n        ranking: {\n            button: {\n                loadMore: {\n                    stringName: 'txt_chayns_components_ranking_components_ranking_button_loadMore',\n                    fallback: 'Mehr',\n                },\n            },\n            title: {\n                stringName: 'txt_chayns_components_ranking_components_ranking_title',\n                fallback: 'Rangliste',\n            },\n        },\n    },\n} as const;\n"],"mappings":";;;;;;iCAAe;EACXA,UAAU,EAAE;IACRC,OAAO,EAAE;MACLC,MAAM,EAAE;QACJC,QAAQ,EAAE;UACNC,UAAU,EAAE,kEAAkE;UAC9EC,QAAQ,EAAE;QACd;MACJ,CAAC;MACDC,KAAK,EAAE;QACHF,UAAU,EAAE,wDAAwD;QACpEC,QAAQ,EAAE;MACd;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}

package/lib/esm/components/ranking/Ranking.js

@@ -2,8 +2,10 @@ import React, { useCallback, useMemo } from 'react';
 import { StyledRanking, StyledRankingLoadMoreButton } from './Ranking.styles';
 import { Accordion, AccordionContent, AccordionGroup, Button, Icon } from '@chayns-components/core';
 import RankingEntry from './ranking-entry/RankingEntry';
+import { Textstring, TextstringProvider, ttsToITextString } from '@chayns-components/textstring';
+import textStrings from '../../constants/textStrings';
 const Ranking = ({
-  title = 'Rangliste',
+  title,
   entries,
   onFriendRemove,
   onFriendAdd,
@@ -39,8 +41,13 @@ const Ranking = ({
       onSearchChange(event.target.value);
     }
   }, [onSearchChange]);
-  return useMemo(() => /*#__PURE__*/React.createElement(StyledRanking, null, /*#__PURE__*/React.createElement(Accordion, {
-    title: title,
+  const ts = textStrings.components.ranking;
+  return useMemo(() => /*#__PURE__*/React.createElement(TextstringProvider, {
+    libraryName: "@chayns-components-ranking"
+  }, /*#__PURE__*/React.createElement(StyledRanking, null, /*#__PURE__*/React.createElement(Accordion, {
+    titleElement: title ?? /*#__PURE__*/React.createElement(Textstring, {
+      textstring: ttsToITextString(ts.title)
+    }),
     onSearchChange: handleSearchChange,
     searchValue: searchValue,
     rightElement: /*#__PURE__*/React.createElement(Icon, {
@@ -51,7 +58,9 @@ const Ranking = ({
   }, /*#__PURE__*/React.createElement(AccordionGroup, null, content), typeof onLoadMore === 'function' && /*#__PURE__*/React.createElement(AccordionContent, null, /*#__PURE__*/React.createElement(StyledRankingLoadMoreButton, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onLoadMore,
     shouldShowWaitCursor: isLoadingData
-  }, "Mehr"))))), [content, handleSearchChange, isLoadingData, onFriendVisibleChange, onLoadMore, searchValue, shouldShowOnlyFriends, title]);
+  }, /*#__PURE__*/React.createElement(Textstring, {
+    textstring: ttsToITextString(ts.button.loadMore)
+  }))))))), [content, handleSearchChange, isLoadingData, onFriendVisibleChange, onLoadMore, searchValue, shouldShowOnlyFriends, title]);
 };
 Ranking.displayName = 'Ranking';
 export default Ranking;

package/lib/esm/components/ranking/Ranking.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ranking.js","names":["React","useCallback","useMemo","StyledRanking","StyledRankingLoadMoreButton","Accordion","AccordionContent","AccordionGroup","Button","Icon","RankingEntry","Ranking","title","entries","onFriendRemove","onFriendAdd","shouldShowOnlyFriends","friendPersonIds","isLoadingData","onSearchChange","searchValue","onLoadMore","onFriendVisibleChange","content","map","entryContent","rank","personId","points","name","icons","createElement","key","isFriend","includes","handleSearchChange","event","target","value","rightElement","size","onClick","shouldShowWaitCursor","displayName"],"sources":["../../../../src/components/ranking/Ranking.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useMemo } from 'react';\nimport { StyledRanking, StyledRankingLoadMoreButton } from './Ranking.styles';\nimport { IRankingEntry } from '../../types/ranking';\nimport { Accordion, AccordionContent, AccordionGroup, Button, Icon } from '@chayns-components/core';\nimport RankingEntry from './ranking-entry/RankingEntry';\n\nexport type RankingProps = {\n    /**\n     * Array of ranking entries to be displayed in the ranking list.\n     */\n    entries: IRankingEntry[];\n    /**\n     * Array of personIds that represent the user's friends.\n     */\n    friendPersonIds: string[];\n    /**\n     * Whether new data is loading.\n     */\n    isLoadingData?: boolean;\n    /**\n     * Callback function triggered when a friend is added to the friends list.\n     * @param personId - The ID of the person to be added as friend\n     */\n    onFriendAdd?: (personId: string) => void;\n    /**\n     * Callback function triggered when a friend is removed from the friends list.\n     * @param personId - The ID of the person to be removed from friends\n     */\n    onFriendRemove?: (personId: string) => void;\n    /**\n     * Callback function triggered when the visibility of friends is toggled.\n     */\n    onFriendVisibleChange?: () => void;\n    /**\n     * Callback function when the load more button is clicked.\n     */\n    onLoadMore?: () => void;\n    /**\n     * Callback function triggered when the search input value changes.\n     * @param value - The current search input value\n     */\n    onSearchChange?: (value: string) => void;\n    /**\n     * The current value of the search input field.\n     */\n    searchValue?: string;\n    /**\n     * Whether only the friends of the user should be displayed (filtering and fetching the correct data is done by you).\n     */\n    shouldShowOnlyFriends?: boolean;\n    /**\n     * The title of the top Accordion.\n     */\n    title?: string;\n};\n\nconst Ranking: FC<RankingProps> = ({\n    title = 'Rangliste',\n    entries,\n    onFriendRemove,\n    onFriendAdd,\n    shouldShowOnlyFriends,\n    friendPersonIds,\n    isLoadingData,\n    onSearchChange,\n    searchValue,\n    onLoadMore,\n    onFriendVisibleChange,\n}) => {\n    const content = useMemo(\n        () =>\n            entries.map(({ content: entryContent, rank, personId, points, name, icons }) => (\n                <RankingEntry\n                    key={`ranking-entry--${personId}`}\n                    rank={rank}\n                    personId={personId}\n                    name={name}\n                    icons={icons}\n                    points={points}\n                    content={entryContent}\n                    onFriendAdd={onFriendAdd}\n                    onFriendRemove={onFriendRemove}\n                    isFriend={friendPersonIds?.includes(personId)}\n                />\n            )),\n        [entries, friendPersonIds, onFriendAdd, onFriendRemove],\n    );\n\n    const handleSearchChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (typeof onSearchChange === 'function') {\n                onSearchChange(event.target.value);\n            }\n        },\n        [onSearchChange],\n    );\n\n    return useMemo(\n        () => (\n            <StyledRanking>\n                <Accordion\n                    title={title}\n                    onSearchChange={handleSearchChange}\n                    searchValue={searchValue}\n                    rightElement={\n                        <Icon\n                            icons={shouldShowOnlyFriends ? ['fas fa-star'] : ['far fa-star']}\n                            size={15}\n                            onClick={onFriendVisibleChange}\n                        />\n                    }\n                >\n                    <AccordionGroup>{content}</AccordionGroup>\n                    {typeof onLoadMore === 'function' && (\n                        <AccordionContent>\n                            <StyledRankingLoadMoreButton>\n                                <Button onClick={onLoadMore} shouldShowWaitCursor={isLoadingData}>\n                                    Mehr\n                                </Button>\n                            </StyledRankingLoadMoreButton>\n                        </AccordionContent>\n                    )}\n                </Accordion>\n            </StyledRanking>\n        ),\n        [\n            content,\n            handleSearchChange,\n            isLoadingData,\n            onFriendVisibleChange,\n            onLoadMore,\n            searchValue,\n            shouldShowOnlyFriends,\n            title,\n        ],\n    );\n};\n\nRanking.displayName = 'Ranking';\n\nexport default Ranking;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAqBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACpE,SAASC,aAAa,EAAEC,2BAA2B,QAAQ,kBAAkB;AAE7E,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,EAAEC,IAAI,QAAQ,yBAAyB;AACnG,OAAOC,YAAY,MAAM,8BAA8B;AAoDvD,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,KAAK,GAAG,WAAW;EACnBC,OAAO;EACPC,cAAc;EACdC,WAAW;EACXC,qBAAqB;EACrBC,eAAe;EACfC,aAAa;EACbC,cAAc;EACdC,WAAW;EACXC,UAAU;EACVC;AACJ,CAAC,KAAK;EACF,MAAMC,OAAO,GAAGrB,OAAO,CACnB,MACIW,OAAO,CAACW,GAAG,CAAC,CAAC;IAAED,OAAO,EAAEE,YAAY;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,kBACvE9B,KAAA,CAAA+B,aAAA,CAACrB,YAAY;IACTsB,GAAG,EAAE,kBAAkBL,QAAQ,EAAG;IAClCD,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBE,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IACfL,OAAO,EAAEE,YAAa;IACtBV,WAAW,EAAEA,WAAY;IACzBD,cAAc,EAAEA,cAAe;IAC/BmB,QAAQ,EAAEhB,eAAe,EAAEiB,QAAQ,CAACP,QAAQ;EAAE,CACjD,CACJ,CAAC,EACN,CAACd,OAAO,EAAEI,eAAe,EAAEF,WAAW,EAAED,cAAc,CAC1D,CAAC;EAED,MAAMqB,kBAAkB,GAAGlC,WAAW,CACjCmC,KAAoC,IAAK;IACtC,IAAI,OAAOjB,cAAc,KAAK,UAAU,EAAE;MACtCA,cAAc,CAACiB,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;IACtC;EACJ,CAAC,EACD,CAACnB,cAAc,CACnB,CAAC;EAED,OAAOjB,OAAO,CACV,mBACIF,KAAA,CAAA+B,aAAA,CAAC5B,aAAa,qBACVH,KAAA,CAAA+B,aAAA,CAAC1B,SAAS;IACNO,KAAK,EAAEA,KAAM;IACbO,cAAc,EAAEgB,kBAAmB;IACnCf,WAAW,EAAEA,WAAY;IACzBmB,YAAY,eACRvC,KAAA,CAAA+B,aAAA,CAACtB,IAAI;MACDqB,KAAK,EAAEd,qBAAqB,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,aAAa,CAAE;MACjEwB,IAAI,EAAE,EAAG;MACTC,OAAO,EAAEnB;IAAsB,CAClC;EACJ,gBAEDtB,KAAA,CAAA+B,aAAA,CAACxB,cAAc,QAAEgB,OAAwB,CAAC,EACzC,OAAOF,UAAU,KAAK,UAAU,iBAC7BrB,KAAA,CAAA+B,aAAA,CAACzB,gBAAgB,qBACbN,KAAA,CAAA+B,aAAA,CAAC3B,2BAA2B,qBACxBJ,KAAA,CAAA+B,aAAA,CAACvB,MAAM;IAACiC,OAAO,EAAEpB,UAAW;IAACqB,oBAAoB,EAAExB;EAAc,GAAC,MAE1D,CACiB,CACf,CAEf,CACA,CAClB,EACD,CACIK,OAAO,EACPY,kBAAkB,EAClBjB,aAAa,EACbI,qBAAqB,EACrBD,UAAU,EACVD,WAAW,EACXJ,qBAAqB,EACrBJ,KAAK,CAEb,CAAC;AACL,CAAC;AAEDD,OAAO,CAACgC,WAAW,GAAG,SAAS;AAE/B,eAAehC,OAAO","ignoreList":[]}
+{"version":3,"file":"Ranking.js","names":["React","useCallback","useMemo","StyledRanking","StyledRankingLoadMoreButton","Accordion","AccordionContent","AccordionGroup","Button","Icon","RankingEntry","Textstring","TextstringProvider","ttsToITextString","textStrings","Ranking","title","entries","onFriendRemove","onFriendAdd","shouldShowOnlyFriends","friendPersonIds","isLoadingData","onSearchChange","searchValue","onLoadMore","onFriendVisibleChange","content","map","entryContent","rank","personId","points","name","icons","createElement","key","isFriend","includes","handleSearchChange","event","target","value","ts","components","ranking","libraryName","titleElement","textstring","rightElement","size","onClick","shouldShowWaitCursor","button","loadMore","displayName"],"sources":["../../../../src/components/ranking/Ranking.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useMemo } from 'react';\nimport { StyledRanking, StyledRankingLoadMoreButton } from './Ranking.styles';\nimport { IRankingEntry } from '../../types/ranking';\nimport { Accordion, AccordionContent, AccordionGroup, Button, Icon } from '@chayns-components/core';\nimport RankingEntry from './ranking-entry/RankingEntry';\nimport { Textstring, TextstringProvider, ttsToITextString } from '@chayns-components/textstring';\nimport textStrings from '../../constants/textStrings';\n\nexport type RankingProps = {\n    /**\n     * Array of ranking entries to be displayed in the ranking list.\n     */\n    entries: IRankingEntry[];\n    /**\n     * Array of personIds that represent the user's friends.\n     */\n    friendPersonIds: string[];\n    /**\n     * Whether new data is loading.\n     */\n    isLoadingData?: boolean;\n    /**\n     * Callback function triggered when a friend is added to the friends list.\n     * @param personId - The ID of the person to be added as friend\n     */\n    onFriendAdd?: (personId: string) => void;\n    /**\n     * Callback function triggered when a friend is removed from the friends list.\n     * @param personId - The ID of the person to be removed from friends\n     */\n    onFriendRemove?: (personId: string) => void;\n    /**\n     * Callback function triggered when the visibility of friends is toggled.\n     */\n    onFriendVisibleChange?: () => void;\n    /**\n     * Callback function when the load more button is clicked.\n     */\n    onLoadMore?: () => void;\n    /**\n     * Callback function triggered when the search input value changes.\n     * @param value - The current search input value\n     */\n    onSearchChange?: (value: string) => void;\n    /**\n     * The current value of the search input field.\n     */\n    searchValue?: string;\n    /**\n     * Whether only the friends of the user should be displayed (filtering and fetching the correct data is done by you).\n     */\n    shouldShowOnlyFriends?: boolean;\n    /**\n     * The title of the top Accordion.\n     */\n    title?: string;\n};\n\nconst Ranking: FC<RankingProps> = ({\n    title,\n    entries,\n    onFriendRemove,\n    onFriendAdd,\n    shouldShowOnlyFriends,\n    friendPersonIds,\n    isLoadingData,\n    onSearchChange,\n    searchValue,\n    onLoadMore,\n    onFriendVisibleChange,\n}) => {\n    const content = useMemo(\n        () =>\n            entries.map(({ content: entryContent, rank, personId, points, name, icons }) => (\n                <RankingEntry\n                    key={`ranking-entry--${personId}`}\n                    rank={rank}\n                    personId={personId}\n                    name={name}\n                    icons={icons}\n                    points={points}\n                    content={entryContent}\n                    onFriendAdd={onFriendAdd}\n                    onFriendRemove={onFriendRemove}\n                    isFriend={friendPersonIds?.includes(personId)}\n                />\n            )),\n        [entries, friendPersonIds, onFriendAdd, onFriendRemove],\n    );\n\n    const handleSearchChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (typeof onSearchChange === 'function') {\n                onSearchChange(event.target.value);\n            }\n        },\n        [onSearchChange],\n    );\n\n    const ts = textStrings.components.ranking;\n\n    return useMemo(\n        () => (\n            <TextstringProvider libraryName=\"@chayns-components-ranking\">\n                <StyledRanking>\n                    <Accordion\n                        titleElement={\n                            title ?? <Textstring textstring={ttsToITextString(ts.title)} />\n                        }\n                        onSearchChange={handleSearchChange}\n                        searchValue={searchValue}\n                        rightElement={\n                            <Icon\n                                icons={shouldShowOnlyFriends ? ['fas fa-star'] : ['far fa-star']}\n                                size={15}\n                                onClick={onFriendVisibleChange}\n                            />\n                        }\n                    >\n                        <AccordionGroup>{content}</AccordionGroup>\n                        {typeof onLoadMore === 'function' && (\n                            <AccordionContent>\n                                <StyledRankingLoadMoreButton>\n                                    <Button\n                                        onClick={onLoadMore}\n                                        shouldShowWaitCursor={isLoadingData}\n                                    >\n                                        <Textstring\n                                            textstring={ttsToITextString(ts.button.loadMore)}\n                                        />\n                                    </Button>\n                                </StyledRankingLoadMoreButton>\n                            </AccordionContent>\n                        )}\n                    </Accordion>\n                </StyledRanking>\n            </TextstringProvider>\n        ),\n        [\n            content,\n            handleSearchChange,\n            isLoadingData,\n            onFriendVisibleChange,\n            onLoadMore,\n            searchValue,\n            shouldShowOnlyFriends,\n            title,\n        ],\n    );\n};\n\nRanking.displayName = 'Ranking';\n\nexport default Ranking;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/constants/textStrings.js

@@ -0,0 +1,17 @@
+export default {
+  components: {
+    ranking: {
+      button: {
+        loadMore: {
+          stringName: 'txt_chayns_components_ranking_components_ranking_button_loadMore',
+          fallback: 'Mehr'
+        }
+      },
+      title: {
+        stringName: 'txt_chayns_components_ranking_components_ranking_title',
+        fallback: 'Rangliste'
+      }
+    }
+  }
+};
+//# sourceMappingURL=textStrings.js.map

package/lib/esm/constants/textStrings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textStrings.js","names":["components","ranking","button","loadMore","stringName","fallback","title"],"sources":["../../../src/constants/textStrings.ts"],"sourcesContent":["export default {\n    components: {\n        ranking: {\n            button: {\n                loadMore: {\n                    stringName: 'txt_chayns_components_ranking_components_ranking_button_loadMore',\n                    fallback: 'Mehr',\n                },\n            },\n            title: {\n                stringName: 'txt_chayns_components_ranking_components_ranking_title',\n                fallback: 'Rangliste',\n            },\n        },\n    },\n} as const;\n"],"mappings":"AAAA,eAAe;EACXA,UAAU,EAAE;IACRC,OAAO,EAAE;MACLC,MAAM,EAAE;QACJC,QAAQ,EAAE;UACNC,UAAU,EAAE,kEAAkE;UAC9EC,QAAQ,EAAE;QACd;MACJ,CAAC;MACDC,KAAK,EAAE;QACHF,UAAU,EAAE,wDAAwD;QACpEC,QAAQ,EAAE;MACd;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}

package/lib/types/constants/textStrings.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    readonly components: {
+        readonly ranking: {
+            readonly button: {
+                readonly loadMore: {
+                    readonly stringName: "txt_chayns_components_ranking_components_ranking_button_loadMore";
+                    readonly fallback: "Mehr";
+                };
+            };
+            readonly title: {
+                readonly stringName: "txt_chayns_components_ranking_components_ranking_title";
+                readonly fallback: "Rangliste";
+            };
+        };
+    };
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/ranking",
-    "version": "5.0.61",
+    "version": "5.0.62",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -71,7 +71,8 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.61",
+        "@chayns-components/core": "^5.0.62",
+        "@chayns-components/textstring": "^5.0.61",
         "react-compiler-runtime": "^1.0.0"
     },
     "peerDependencies": {
@@ -84,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1c31468fbb8681539a13524f059d7109189b990d"
+    "gitHead": "eda6d85f85f8b0248c2edd71e95d5d45d115e52a"
 }