@chayns-components/person-finder 5.0.25 → 5.0.27

package/lib/cjs/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _PersonFinderBody = require("./PersonFinderBody.styles");
 var _PersonFinderProvider = require("../../../PersonFinderProvider");
-var _chaynsApi = require("chayns-api");
 var _personFinder = require("../../../../utils/personFinder");
 var _personFinder2 = require("../../../../hooks/personFinder");
 var _PersonFinderGroup = _interopRequireDefault(require("./person-finder-group/PersonFinderGroup"));
@@ -24,9 +23,6 @@ const PersonFinderBody = /*#__PURE__*/(0, _react.forwardRef)(({
     activeFilter,
     data
   } = (0, _PersonFinderProvider.usePersonFinder)();
-  const {
-    browser
-  } = (0, _chaynsApi.useDevice)();
   const [isScrollTop, setIsScrollTop] = (0, _react.useState)(true);
   const contentRef = (0, _react.useRef)(null);
   const currentGroupName = (0, _personFinder2.useClosestElementAbove)(contentRef, 'person-finder-group-name');
@@ -63,7 +59,7 @@ const PersonFinderBody = /*#__PURE__*/(0, _react.forwardRef)(({
     shouldShowShadow: !isScrollTop && !shouldRenderInline
   }), /*#__PURE__*/_react.default.createElement(_PersonFinderBody.StyledPersonFinderBodyContent, {
     ref: contentRef,
-    $browser: browser === null || browser === void 0 ? void 0 : browser.name,
+    className: "chayns-scrollbar",
     onScroll: handleContentScroll
   }, content));
 });

package/lib/cjs/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonFinderBody.js","names":["_react","_interopRequireWildcard","require","_PersonFinderBody","_PersonFinderProvider","_chaynsApi","_personFinder","_personFinder2","_PersonFinderGroup","_interopRequireDefault","_PersonFinderHeader","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PersonFinderBody","forwardRef","onAdd","filterTypes","onRemove","shouldRenderInline","ref","activeFilter","data","usePersonFinder","browser","useDevice","isScrollTop","setIsScrollTop","useState","contentRef","useRef","currentGroupName","useClosestElementAbove","shouldShowGroupNames","length","defaultGroupName","getGroupName","keys","handleContentScroll","event","target","scrollTop","content","useMemo","entries","map","key","singleData","index","count","searchString","createElement","filterKey","search","shouldShowGroupName","StyledPersonFinderBody","$shouldRenderInline","shouldShowShadow","StyledPersonFinderBodyContent","$browser","name","onScroll","displayName","_default","exports"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.tsx"],"sourcesContent":["import React, { forwardRef, UIEvent, useMemo, useRef, useState } from 'react';\nimport { StyledPersonFinderBody, StyledPersonFinderBodyContent } from './PersonFinderBody.styles';\nimport { PersonFinderFilterTypes } from '../../../../types/personFinder';\nimport { BrowserName } from '@chayns-components/core';\nimport { usePersonFinder } from '../../../PersonFinderProvider';\nimport { useDevice } from 'chayns-api';\nimport { getGroupName } from '../../../../utils/personFinder';\nimport { useClosestElementAbove } from '../../../../hooks/personFinder';\nimport PersonFinderGroup from './person-finder-group/PersonFinderGroup';\nimport PersonFinderHeader from './person-finder-header/PersonFinderHeader';\n\nexport type PersonFinderBodyProps = {\n    onAdd: (id: string) => void;\n    onRemove: (id: string) => void;\n    filterTypes?: PersonFinderFilterTypes[];\n    shouldRenderInline?: boolean;\n};\n\nconst PersonFinderBody = forwardRef<HTMLDivElement, PersonFinderBodyProps>(\n    ({ onAdd, filterTypes, onRemove, shouldRenderInline }, ref) => {\n        const { activeFilter, data } = usePersonFinder();\n\n        const { browser } = useDevice();\n\n        const [isScrollTop, setIsScrollTop] = useState(true);\n\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const currentGroupName = useClosestElementAbove(contentRef, 'person-finder-group-name');\n\n        const shouldShowGroupNames = (activeFilter?.length ?? 0) !== 1;\n\n        const defaultGroupName = getGroupName(Object.keys(data ?? {})[0] ?? '');\n\n        const handleContentScroll = (event: UIEvent<HTMLDivElement>) => {\n            setIsScrollTop((event.target as HTMLElement).scrollTop === 0);\n        };\n\n        const content = useMemo(\n            () =>\n                Object.entries(data ?? {}).map(([key, singleData], index) => {\n                    const { count, entries, searchString } = singleData;\n\n                    return (\n                        <PersonFinderGroup\n                            key={`person-finder-group--${key}`}\n                            filterKey={key as PersonFinderFilterTypes}\n                            onAdd={onAdd}\n                            onRemove={onRemove}\n                            entries={entries}\n                            count={count}\n                            search={searchString}\n                            shouldShowGroupName={shouldShowGroupNames && index !== 0}\n                        />\n                    );\n                }),\n            [data, onAdd, onRemove, shouldShowGroupNames],\n        );\n\n        return (\n            <StyledPersonFinderBody ref={ref} $shouldRenderInline={shouldRenderInline}>\n                <PersonFinderHeader\n                    currentGroupName={currentGroupName}\n                    defaultGroupName={defaultGroupName}\n                    filterTypes={filterTypes}\n                    shouldShowGroupNames={shouldShowGroupNames}\n                    shouldShowShadow={!isScrollTop && !shouldRenderInline}\n                />\n                <StyledPersonFinderBodyContent\n                    ref={contentRef}\n                    $browser={browser?.name as BrowserName}\n                    onScroll={handleContentScroll}\n                >\n                    {content}\n                </StyledPersonFinderBodyContent>\n            </StyledPersonFinderBody>\n        );\n    },\n);\n\nPersonFinderBody.displayName = 'PersonFinderBody';\n\nexport default PersonFinderBody;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PersonFinderBody.js","names":["_react","_interopRequireWildcard","require","_PersonFinderBody","_PersonFinderProvider","_personFinder","_personFinder2","_PersonFinderGroup","_interopRequireDefault","_PersonFinderHeader","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PersonFinderBody","forwardRef","onAdd","filterTypes","onRemove","shouldRenderInline","ref","activeFilter","data","usePersonFinder","isScrollTop","setIsScrollTop","useState","contentRef","useRef","currentGroupName","useClosestElementAbove","shouldShowGroupNames","length","defaultGroupName","getGroupName","keys","handleContentScroll","event","target","scrollTop","content","useMemo","entries","map","key","singleData","index","count","searchString","createElement","filterKey","search","shouldShowGroupName","StyledPersonFinderBody","$shouldRenderInline","shouldShowShadow","StyledPersonFinderBodyContent","className","onScroll","displayName","_default","exports"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.tsx"],"sourcesContent":["import React, { forwardRef, UIEvent, useMemo, useRef, useState } from 'react';\nimport { StyledPersonFinderBody, StyledPersonFinderBodyContent } from './PersonFinderBody.styles';\nimport { PersonFinderFilterTypes } from '../../../../types/personFinder';\nimport { usePersonFinder } from '../../../PersonFinderProvider';\nimport { getGroupName } from '../../../../utils/personFinder';\nimport { useClosestElementAbove } from '../../../../hooks/personFinder';\nimport PersonFinderGroup from './person-finder-group/PersonFinderGroup';\nimport PersonFinderHeader from './person-finder-header/PersonFinderHeader';\n\nexport type PersonFinderBodyProps = {\n    onAdd: (id: string) => void;\n    onRemove: (id: string) => void;\n    filterTypes?: PersonFinderFilterTypes[];\n    shouldRenderInline?: boolean;\n};\n\nconst PersonFinderBody = forwardRef<HTMLDivElement, PersonFinderBodyProps>(\n    ({ onAdd, filterTypes, onRemove, shouldRenderInline }, ref) => {\n        const { activeFilter, data } = usePersonFinder();\n\n        const [isScrollTop, setIsScrollTop] = useState(true);\n\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const currentGroupName = useClosestElementAbove(contentRef, 'person-finder-group-name');\n\n        const shouldShowGroupNames = (activeFilter?.length ?? 0) !== 1;\n\n        const defaultGroupName = getGroupName(Object.keys(data ?? {})[0] ?? '');\n\n        const handleContentScroll = (event: UIEvent<HTMLDivElement>) => {\n            setIsScrollTop((event.target as HTMLElement).scrollTop === 0);\n        };\n\n        const content = useMemo(\n            () =>\n                Object.entries(data ?? {}).map(([key, singleData], index) => {\n                    const { count, entries, searchString } = singleData;\n\n                    return (\n                        <PersonFinderGroup\n                            key={`person-finder-group--${key}`}\n                            filterKey={key as PersonFinderFilterTypes}\n                            onAdd={onAdd}\n                            onRemove={onRemove}\n                            entries={entries}\n                            count={count}\n                            search={searchString}\n                            shouldShowGroupName={shouldShowGroupNames && index !== 0}\n                        />\n                    );\n                }),\n            [data, onAdd, onRemove, shouldShowGroupNames],\n        );\n\n        return (\n            <StyledPersonFinderBody ref={ref} $shouldRenderInline={shouldRenderInline}>\n                <PersonFinderHeader\n                    currentGroupName={currentGroupName}\n                    defaultGroupName={defaultGroupName}\n                    filterTypes={filterTypes}\n                    shouldShowGroupNames={shouldShowGroupNames}\n                    shouldShowShadow={!isScrollTop && !shouldRenderInline}\n                />\n                <StyledPersonFinderBodyContent\n                    ref={contentRef}\n                    className=\"chayns-scrollbar\"\n                    onScroll={handleContentScroll}\n                >\n                    {content}\n                </StyledPersonFinderBodyContent>\n            </StyledPersonFinderBody>\n        );\n    },\n);\n\nPersonFinderBody.displayName = 'PersonFinderBody';\n\nexport default PersonFinderBody;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPersonFinderBodyContent = exports.StyledPersonFinderBody = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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); }
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyledPersonFinderBody = exports.StyledPersonFinderBody = _styledComponents.default.div`
     display: flex;
     flex-direction: column;
@@ -17,40 +17,5 @@ const StyledPersonFinderBodyContent = exports.StyledPersonFinderBodyContent = _s
     height: 100%;
     overflow-y: auto;
     padding-bottom: 10px;
-
-    // Styles for custom scrollbar
-    ${({
-  $browser,
-  theme
-}) => $browser === 'firefox' ? (0, _styledComponents.css)`
-                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
-                  scrollbar-width: thin;
-              ` : (0, _styledComponents.css)`
-                  &::-webkit-scrollbar {
-                      width: 10px;
-                      height: 10px;
-                  }
-
-                  &::-webkit-scrollbar-track {
-                      background-color: transparent;
-                  }
-
-                  &::-webkit-scrollbar-button {
-                      background-color: transparent;
-                      height: 5px;
-                      width: 5px;
-                  }
-
-                  &::-webkit-scrollbar-thumb {
-                      background-color: rgba(${theme['text-rgb']}, 0.15);
-                      border-radius: 20px;
-                      background-clip: padding-box;
-                      border: solid 3px transparent;
-                  }
-
-                  &::-webkit-scrollbar-corner {
-                      background-color: transparent;
-                  }
-              `}
 `;
 //# sourceMappingURL=PersonFinderBody.styles.js.map

package/lib/cjs/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonFinderBody.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledPersonFinderBody","exports","styled","div","$shouldRenderInline","StyledPersonFinderBodyContent","$browser","theme","css"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { BrowserName, WithTheme } from '@chayns-components/core';\n\nexport const StyledPersonFinderBody = styled.div<{ $shouldRenderInline?: boolean }>`\n    display: flex;\n    flex-direction: column;\n    height: ${({ $shouldRenderInline }) => ($shouldRenderInline ? 'auto' : '300px')};\n`;\n\ntype StyledPersonFinderBodyContentProps = WithTheme<{ $browser: BrowserName }>;\n\nexport const StyledPersonFinderBodyContent = styled.div<StyledPersonFinderBodyContentProps>`\n    height: 100%;\n    overflow-y: auto;\n    padding-bottom: 10px;\n\n    // Styles for custom scrollbar\n    ${({ $browser, theme }: StyledPersonFinderBodyContentProps) =>\n        $browser === 'firefox'\n            ? css`\n                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n                  scrollbar-width: thin;\n              `\n            : css`\n                  &::-webkit-scrollbar {\n                      width: 10px;\n                      height: 10px;\n                  }\n\n                  &::-webkit-scrollbar-track {\n                      background-color: transparent;\n                  }\n\n                  &::-webkit-scrollbar-button {\n                      background-color: transparent;\n                      height: 5px;\n                      width: 5px;\n                  }\n\n                  &::-webkit-scrollbar-thumb {\n                      background-color: rgba(${theme['text-rgb']}, 0.15);\n                      border-radius: 20px;\n                      background-clip: padding-box;\n                      border: solid 3px transparent;\n                  }\n\n                  &::-webkit-scrollbar-corner {\n                      background-color: transparent;\n                  }\n              `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,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;AAGzC,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAsC;AACnF;AACA;AACA,cAAc,CAAC;EAAEC;AAAoB,CAAC,KAAMA,mBAAmB,GAAG,MAAM,GAAG,OAAQ;AACnF,CAAC;AAIM,MAAMC,6BAA6B,GAAAJ,OAAA,CAAAI,6BAAA,GAAGH,yBAAM,CAACC,GAAuC;AAC3F;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEG,QAAQ;EAAEC;AAA0C,CAAC,KACtDD,QAAQ,KAAK,SAAS,GAChB,IAAAE,qBAAG;AACjB,0CAA0CD,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACD,IAAAC,qBAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CD,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"PersonFinderBody.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledPersonFinderBody","exports","styled","div","$shouldRenderInline","StyledPersonFinderBodyContent"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { WithTheme } from '@chayns-components/core';\n\nexport const StyledPersonFinderBody = styled.div<{ $shouldRenderInline?: boolean }>`\n    display: flex;\n    flex-direction: column;\n    height: ${({ $shouldRenderInline }) => ($shouldRenderInline ? 'auto' : '300px')};\n`;\n\ntype StyledPersonFinderBodyContentProps = WithTheme<unknown>;\n\nexport const StyledPersonFinderBodyContent = styled.div<StyledPersonFinderBodyContentProps>`\n    height: 100%;\n    overflow-y: auto;\n    padding-bottom: 10px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhC,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAsC;AACnF;AACA;AACA,cAAc,CAAC;EAAEC;AAAoB,CAAC,KAAMA,mBAAmB,GAAG,MAAM,GAAG,OAAQ;AACnF,CAAC;AAIM,MAAMC,6BAA6B,GAAAJ,OAAA,CAAAI,6BAAA,GAAGH,yBAAM,CAACC,GAAuC;AAC3F;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.js

@@ -1,7 +1,6 @@
 import React, { forwardRef, useMemo, useRef, useState } from 'react';
 import { StyledPersonFinderBody, StyledPersonFinderBodyContent } from './PersonFinderBody.styles';
 import { usePersonFinder } from '../../../PersonFinderProvider';
-import { useDevice } from 'chayns-api';
 import { getGroupName } from '../../../../utils/personFinder';
 import { useClosestElementAbove } from '../../../../hooks/personFinder';
 import PersonFinderGroup from './person-finder-group/PersonFinderGroup';
@@ -16,9 +15,6 @@ const PersonFinderBody = /*#__PURE__*/forwardRef(({
     activeFilter,
     data
   } = usePersonFinder();
-  const {
-    browser
-  } = useDevice();
   const [isScrollTop, setIsScrollTop] = useState(true);
   const contentRef = useRef(null);
   const currentGroupName = useClosestElementAbove(contentRef, 'person-finder-group-name');
@@ -55,7 +51,7 @@ const PersonFinderBody = /*#__PURE__*/forwardRef(({
     shouldShowShadow: !isScrollTop && !shouldRenderInline
   }), /*#__PURE__*/React.createElement(StyledPersonFinderBodyContent, {
     ref: contentRef,
-    $browser: browser?.name,
+    className: "chayns-scrollbar",
     onScroll: handleContentScroll
   }, content));
 });

package/lib/esm/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonFinderBody.js","names":["React","forwardRef","useMemo","useRef","useState","StyledPersonFinderBody","StyledPersonFinderBodyContent","usePersonFinder","useDevice","getGroupName","useClosestElementAbove","PersonFinderGroup","PersonFinderHeader","PersonFinderBody","onAdd","filterTypes","onRemove","shouldRenderInline","ref","activeFilter","data","browser","isScrollTop","setIsScrollTop","contentRef","currentGroupName","shouldShowGroupNames","length","defaultGroupName","Object","keys","handleContentScroll","event","target","scrollTop","content","entries","map","key","singleData","index","count","searchString","createElement","filterKey","search","shouldShowGroupName","$shouldRenderInline","shouldShowShadow","$browser","name","onScroll","displayName"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.tsx"],"sourcesContent":["import React, { forwardRef, UIEvent, useMemo, useRef, useState } from 'react';\nimport { StyledPersonFinderBody, StyledPersonFinderBodyContent } from './PersonFinderBody.styles';\nimport { PersonFinderFilterTypes } from '../../../../types/personFinder';\nimport { BrowserName } from '@chayns-components/core';\nimport { usePersonFinder } from '../../../PersonFinderProvider';\nimport { useDevice } from 'chayns-api';\nimport { getGroupName } from '../../../../utils/personFinder';\nimport { useClosestElementAbove } from '../../../../hooks/personFinder';\nimport PersonFinderGroup from './person-finder-group/PersonFinderGroup';\nimport PersonFinderHeader from './person-finder-header/PersonFinderHeader';\n\nexport type PersonFinderBodyProps = {\n    onAdd: (id: string) => void;\n    onRemove: (id: string) => void;\n    filterTypes?: PersonFinderFilterTypes[];\n    shouldRenderInline?: boolean;\n};\n\nconst PersonFinderBody = forwardRef<HTMLDivElement, PersonFinderBodyProps>(\n    ({ onAdd, filterTypes, onRemove, shouldRenderInline }, ref) => {\n        const { activeFilter, data } = usePersonFinder();\n\n        const { browser } = useDevice();\n\n        const [isScrollTop, setIsScrollTop] = useState(true);\n\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const currentGroupName = useClosestElementAbove(contentRef, 'person-finder-group-name');\n\n        const shouldShowGroupNames = (activeFilter?.length ?? 0) !== 1;\n\n        const defaultGroupName = getGroupName(Object.keys(data ?? {})[0] ?? '');\n\n        const handleContentScroll = (event: UIEvent<HTMLDivElement>) => {\n            setIsScrollTop((event.target as HTMLElement).scrollTop === 0);\n        };\n\n        const content = useMemo(\n            () =>\n                Object.entries(data ?? {}).map(([key, singleData], index) => {\n                    const { count, entries, searchString } = singleData;\n\n                    return (\n                        <PersonFinderGroup\n                            key={`person-finder-group--${key}`}\n                            filterKey={key as PersonFinderFilterTypes}\n                            onAdd={onAdd}\n                            onRemove={onRemove}\n                            entries={entries}\n                            count={count}\n                            search={searchString}\n                            shouldShowGroupName={shouldShowGroupNames && index !== 0}\n                        />\n                    );\n                }),\n            [data, onAdd, onRemove, shouldShowGroupNames],\n        );\n\n        return (\n            <StyledPersonFinderBody ref={ref} $shouldRenderInline={shouldRenderInline}>\n                <PersonFinderHeader\n                    currentGroupName={currentGroupName}\n                    defaultGroupName={defaultGroupName}\n                    filterTypes={filterTypes}\n                    shouldShowGroupNames={shouldShowGroupNames}\n                    shouldShowShadow={!isScrollTop && !shouldRenderInline}\n                />\n                <StyledPersonFinderBodyContent\n                    ref={contentRef}\n                    $browser={browser?.name as BrowserName}\n                    onScroll={handleContentScroll}\n                >\n                    {content}\n                </StyledPersonFinderBodyContent>\n            </StyledPersonFinderBody>\n        );\n    },\n);\n\nPersonFinderBody.displayName = 'PersonFinderBody';\n\nexport default PersonFinderBody;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PersonFinderBody.js","names":["React","forwardRef","useMemo","useRef","useState","StyledPersonFinderBody","StyledPersonFinderBodyContent","usePersonFinder","getGroupName","useClosestElementAbove","PersonFinderGroup","PersonFinderHeader","PersonFinderBody","onAdd","filterTypes","onRemove","shouldRenderInline","ref","activeFilter","data","isScrollTop","setIsScrollTop","contentRef","currentGroupName","shouldShowGroupNames","length","defaultGroupName","Object","keys","handleContentScroll","event","target","scrollTop","content","entries","map","key","singleData","index","count","searchString","createElement","filterKey","search","shouldShowGroupName","$shouldRenderInline","shouldShowShadow","className","onScroll","displayName"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.tsx"],"sourcesContent":["import React, { forwardRef, UIEvent, useMemo, useRef, useState } from 'react';\nimport { StyledPersonFinderBody, StyledPersonFinderBodyContent } from './PersonFinderBody.styles';\nimport { PersonFinderFilterTypes } from '../../../../types/personFinder';\nimport { usePersonFinder } from '../../../PersonFinderProvider';\nimport { getGroupName } from '../../../../utils/personFinder';\nimport { useClosestElementAbove } from '../../../../hooks/personFinder';\nimport PersonFinderGroup from './person-finder-group/PersonFinderGroup';\nimport PersonFinderHeader from './person-finder-header/PersonFinderHeader';\n\nexport type PersonFinderBodyProps = {\n    onAdd: (id: string) => void;\n    onRemove: (id: string) => void;\n    filterTypes?: PersonFinderFilterTypes[];\n    shouldRenderInline?: boolean;\n};\n\nconst PersonFinderBody = forwardRef<HTMLDivElement, PersonFinderBodyProps>(\n    ({ onAdd, filterTypes, onRemove, shouldRenderInline }, ref) => {\n        const { activeFilter, data } = usePersonFinder();\n\n        const [isScrollTop, setIsScrollTop] = useState(true);\n\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const currentGroupName = useClosestElementAbove(contentRef, 'person-finder-group-name');\n\n        const shouldShowGroupNames = (activeFilter?.length ?? 0) !== 1;\n\n        const defaultGroupName = getGroupName(Object.keys(data ?? {})[0] ?? '');\n\n        const handleContentScroll = (event: UIEvent<HTMLDivElement>) => {\n            setIsScrollTop((event.target as HTMLElement).scrollTop === 0);\n        };\n\n        const content = useMemo(\n            () =>\n                Object.entries(data ?? {}).map(([key, singleData], index) => {\n                    const { count, entries, searchString } = singleData;\n\n                    return (\n                        <PersonFinderGroup\n                            key={`person-finder-group--${key}`}\n                            filterKey={key as PersonFinderFilterTypes}\n                            onAdd={onAdd}\n                            onRemove={onRemove}\n                            entries={entries}\n                            count={count}\n                            search={searchString}\n                            shouldShowGroupName={shouldShowGroupNames && index !== 0}\n                        />\n                    );\n                }),\n            [data, onAdd, onRemove, shouldShowGroupNames],\n        );\n\n        return (\n            <StyledPersonFinderBody ref={ref} $shouldRenderInline={shouldRenderInline}>\n                <PersonFinderHeader\n                    currentGroupName={currentGroupName}\n                    defaultGroupName={defaultGroupName}\n                    filterTypes={filterTypes}\n                    shouldShowGroupNames={shouldShowGroupNames}\n                    shouldShowShadow={!isScrollTop && !shouldRenderInline}\n                />\n                <StyledPersonFinderBodyContent\n                    ref={contentRef}\n                    className=\"chayns-scrollbar\"\n                    onScroll={handleContentScroll}\n                >\n                    {content}\n                </StyledPersonFinderBodyContent>\n            </StyledPersonFinderBody>\n        );\n    },\n);\n\nPersonFinderBody.displayName = 'PersonFinderBody';\n\nexport default PersonFinderBody;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAWC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC7E,SAASC,sBAAsB,EAAEC,6BAA6B,QAAQ,2BAA2B;AAEjG,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,sBAAsB,QAAQ,gCAAgC;AACvE,OAAOC,iBAAiB,MAAM,yCAAyC;AACvE,OAAOC,kBAAkB,MAAM,2CAA2C;AAS1E,MAAMC,gBAAgB,gBAAGX,UAAU,CAC/B,CAAC;EAAEY,KAAK;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAmB,CAAC,EAAEC,GAAG,KAAK;EAC3D,MAAM;IAAEC,YAAY;IAAEC;EAAK,CAAC,GAAGZ,eAAe,CAAC,CAAC;EAEhD,MAAM,CAACa,WAAW,EAAEC,cAAc,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAEpD,MAAMkB,UAAU,GAAGnB,MAAM,CAAiB,IAAI,CAAC;EAE/C,MAAMoB,gBAAgB,GAAGd,sBAAsB,CAACa,UAAU,EAAE,0BAA0B,CAAC;EAEvF,MAAME,oBAAoB,GAAG,CAACN,YAAY,EAAEO,MAAM,IAAI,CAAC,MAAM,CAAC;EAE9D,MAAMC,gBAAgB,GAAGlB,YAAY,CAACmB,MAAM,CAACC,IAAI,CAACT,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;EAEvE,MAAMU,mBAAmB,GAAIC,KAA8B,IAAK;IAC5DT,cAAc,CAAES,KAAK,CAACC,MAAM,CAAiBC,SAAS,KAAK,CAAC,CAAC;EACjE,CAAC;EAED,MAAMC,OAAO,GAAG/B,OAAO,CACnB,MACIyB,MAAM,CAACO,OAAO,CAACf,IAAI,IAAI,CAAC,CAAC,CAAC,CAACgB,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,UAAU,CAAC,EAAEC,KAAK,KAAK;IACzD,MAAM;MAAEC,KAAK;MAAEL,OAAO;MAAEM;IAAa,CAAC,GAAGH,UAAU;IAEnD,oBACIrC,KAAA,CAAAyC,aAAA,CAAC/B,iBAAiB;MACd0B,GAAG,EAAE,wBAAwBA,GAAG,EAAG;MACnCM,SAAS,EAAEN,GAA+B;MAC1CvB,KAAK,EAAEA,KAAM;MACbE,QAAQ,EAAEA,QAAS;MACnBmB,OAAO,EAAEA,OAAQ;MACjBK,KAAK,EAAEA,KAAM;MACbI,MAAM,EAAEH,YAAa;MACrBI,mBAAmB,EAAEpB,oBAAoB,IAAIc,KAAK,KAAK;IAAE,CAC5D,CAAC;EAEV,CAAC,CAAC,EACN,CAACnB,IAAI,EAAEN,KAAK,EAAEE,QAAQ,EAAES,oBAAoB,CAChD,CAAC;EAED,oBACIxB,KAAA,CAAAyC,aAAA,CAACpC,sBAAsB;IAACY,GAAG,EAAEA,GAAI;IAAC4B,mBAAmB,EAAE7B;EAAmB,gBACtEhB,KAAA,CAAAyC,aAAA,CAAC9B,kBAAkB;IACfY,gBAAgB,EAAEA,gBAAiB;IACnCG,gBAAgB,EAAEA,gBAAiB;IACnCZ,WAAW,EAAEA,WAAY;IACzBU,oBAAoB,EAAEA,oBAAqB;IAC3CsB,gBAAgB,EAAE,CAAC1B,WAAW,IAAI,CAACJ;EAAmB,CACzD,CAAC,eACFhB,KAAA,CAAAyC,aAAA,CAACnC,6BAA6B;IAC1BW,GAAG,EAAEK,UAAW;IAChByB,SAAS,EAAC,kBAAkB;IAC5BC,QAAQ,EAAEnB;EAAoB,GAE7BI,OAC0B,CACX,CAAC;AAEjC,CACJ,CAAC;AAEDrB,gBAAgB,CAACqC,WAAW,GAAG,kBAAkB;AAEjD,eAAerC,gBAAgB","ignoreList":[]}

package/lib/esm/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled from 'styled-components';
 export const StyledPersonFinderBody = styled.div`
     display: flex;
     flex-direction: column;
@@ -10,40 +10,5 @@ export const StyledPersonFinderBodyContent = styled.div`
     height: 100%;
     overflow-y: auto;
     padding-bottom: 10px;
-
-    // Styles for custom scrollbar
-    ${({
-  $browser,
-  theme
-}) => $browser === 'firefox' ? css`
-                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
-                  scrollbar-width: thin;
-              ` : css`
-                  &::-webkit-scrollbar {
-                      width: 10px;
-                      height: 10px;
-                  }
-
-                  &::-webkit-scrollbar-track {
-                      background-color: transparent;
-                  }
-
-                  &::-webkit-scrollbar-button {
-                      background-color: transparent;
-                      height: 5px;
-                      width: 5px;
-                  }
-
-                  &::-webkit-scrollbar-thumb {
-                      background-color: rgba(${theme['text-rgb']}, 0.15);
-                      border-radius: 20px;
-                      background-clip: padding-box;
-                      border: solid 3px transparent;
-                  }
-
-                  &::-webkit-scrollbar-corner {
-                      background-color: transparent;
-                  }
-              `}
 `;
 //# sourceMappingURL=PersonFinderBody.styles.js.map

package/lib/esm/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonFinderBody.styles.js","names":["styled","css","StyledPersonFinderBody","div","$shouldRenderInline","StyledPersonFinderBodyContent","$browser","theme"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { BrowserName, WithTheme } from '@chayns-components/core';\n\nexport const StyledPersonFinderBody = styled.div<{ $shouldRenderInline?: boolean }>`\n    display: flex;\n    flex-direction: column;\n    height: ${({ $shouldRenderInline }) => ($shouldRenderInline ? 'auto' : '300px')};\n`;\n\ntype StyledPersonFinderBodyContentProps = WithTheme<{ $browser: BrowserName }>;\n\nexport const StyledPersonFinderBodyContent = styled.div<StyledPersonFinderBodyContentProps>`\n    height: 100%;\n    overflow-y: auto;\n    padding-bottom: 10px;\n\n    // Styles for custom scrollbar\n    ${({ $browser, theme }: StyledPersonFinderBodyContentProps) =>\n        $browser === 'firefox'\n            ? css`\n                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n                  scrollbar-width: thin;\n              `\n            : css`\n                  &::-webkit-scrollbar {\n                      width: 10px;\n                      height: 10px;\n                  }\n\n                  &::-webkit-scrollbar-track {\n                      background-color: transparent;\n                  }\n\n                  &::-webkit-scrollbar-button {\n                      background-color: transparent;\n                      height: 5px;\n                      width: 5px;\n                  }\n\n                  &::-webkit-scrollbar-thumb {\n                      background-color: rgba(${theme['text-rgb']}, 0.15);\n                      border-radius: 20px;\n                      background-clip: padding-box;\n                      border: solid 3px transparent;\n                  }\n\n                  &::-webkit-scrollbar-corner {\n                      background-color: transparent;\n                  }\n              `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,sBAAsB,GAAGF,MAAM,CAACG,GAAsC;AACnF;AACA;AACA,cAAc,CAAC;EAAEC;AAAoB,CAAC,KAAMA,mBAAmB,GAAG,MAAM,GAAG,OAAQ;AACnF,CAAC;AAID,OAAO,MAAMC,6BAA6B,GAAGL,MAAM,CAACG,GAAuC;AAC3F;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEG,QAAQ;EAAEC;AAA0C,CAAC,KACtDD,QAAQ,KAAK,SAAS,GAChBL,GAAG;AACjB,0CAA0CM,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACDN,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CM,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"PersonFinderBody.styles.js","names":["styled","StyledPersonFinderBody","div","$shouldRenderInline","StyledPersonFinderBodyContent"],"sources":["../../../../../../src/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { WithTheme } from '@chayns-components/core';\n\nexport const StyledPersonFinderBody = styled.div<{ $shouldRenderInline?: boolean }>`\n    display: flex;\n    flex-direction: column;\n    height: ${({ $shouldRenderInline }) => ($shouldRenderInline ? 'auto' : '300px')};\n`;\n\ntype StyledPersonFinderBodyContentProps = WithTheme<unknown>;\n\nexport const StyledPersonFinderBodyContent = styled.div<StyledPersonFinderBodyContentProps>`\n    height: 100%;\n    overflow-y: auto;\n    padding-bottom: 10px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,OAAO,MAAMC,sBAAsB,GAAGD,MAAM,CAACE,GAAsC;AACnF;AACA;AACA,cAAc,CAAC;EAAEC;AAAoB,CAAC,KAAMA,mBAAmB,GAAG,MAAM,GAAG,OAAQ;AACnF,CAAC;AAID,OAAO,MAAMC,6BAA6B,GAAGJ,MAAM,CAACE,GAAuC;AAC3F;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/types/components/person-finder/person-finder-wrapper/person-finder-body/PersonFinderBody.styles.d.ts

@@ -1,9 +1,6 @@
-import { BrowserName, WithTheme } from '@chayns-components/core';
 export declare const StyledPersonFinderBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $shouldRenderInline?: boolean;
 }>> & string;
-type StyledPersonFinderBodyContentProps = WithTheme<{
-    $browser: BrowserName;
-}>;
-export declare const StyledPersonFinderBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPersonFinderBodyContentProps>> & string;
-export {};
+export declare const StyledPersonFinderBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("@chayns-components/core").Theme;
+}>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/person-finder",
-    "version": "5.0.25",
+    "version": "5.0.27",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -71,7 +71,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.25",
+        "@chayns-components/core": "^5.0.27",
         "@chayns/uac-service": "~0.0.62",
         "lodash.throttle": "^4.1.1",
         "uuid": "^10.0.0"
@@ -86,5 +86,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c7f8c9b84a5800ab68c7608d619f2b74291bee98"
+    "gitHead": "da89ab43781279c12a460450c8a9533c0093ff1b"
 }