@chayns-components/core 5.3.12-alpha.0 → 5.4.0

package/lib/cjs/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemSubtitle.js","names":["_react","_interopRequireWildcard","require","_ListItemSubtitle","_accordion","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemSubtitle","rightElements","subtitle","isOpen","shouldAllowRightElementFocus","bottomElementRef","useRef","handlePreventClick","event","stopPropagation","preventDefault","bottomElement","useMemo","bottom","undefined","shouldPreventRightElementClick","getElementClickEvent","useEffect","bottomElementWrapper","current","focusableElements","Array","from","querySelectorAll","forEach","element","currentElement","datasetKey","originalTabIndex","dataset","removeAttribute","setAttribute","getAttribute","createElement","StyledListItemSubtitle","StyledListItemHeadSubtitleText","$isOpen","StyledListItemBottomRightElement","ref","onClick","displayName","_default","exports"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useMemo, useRef } from 'react';\nimport type { IListItemRightElement, IListItemRightElements } from '../../../../../types/list';\nimport {\n    StyledListItemHeadSubtitleText,\n    StyledListItemSubtitle,\n    StyledListItemBottomRightElement,\n} from './ListItemSubtitle.styles';\nimport { getElementClickEvent } from '../../../../../utils/accordion';\n\ntype ListItemSubtitleProps = {\n    rightElements?: IListItemRightElements;\n    subtitle?: ReactNode;\n    isOpen: boolean;\n    shouldAllowRightElementFocus?: boolean;\n};\n\nconst ListItemSubtitle: FC<ListItemSubtitleProps> = ({\n    rightElements,\n    subtitle,\n    isOpen,\n    shouldAllowRightElementFocus = true,\n}) => {\n    const bottomElementRef = useRef<HTMLDivElement>(null);\n\n    const handlePreventClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const bottomElement = useMemo(() => {\n        if (typeof rightElements === 'object' && rightElements && 'bottom' in rightElements) {\n            return (rightElements as unknown as IListItemRightElement).bottom;\n        }\n\n        return undefined;\n    }, [rightElements]);\n\n    const shouldPreventRightElementClick = useMemo(() => {\n        if (bottomElement) {\n            return getElementClickEvent(bottomElement);\n        }\n\n        return false;\n    }, [bottomElement]);\n\n    useEffect(() => {\n        const bottomElementWrapper = bottomElementRef.current;\n\n        if (!bottomElementWrapper) {\n            return;\n        }\n\n        const focusableElements = Array.from(\n            bottomElementWrapper.querySelectorAll<HTMLElement>(\n                'a[href], button, input, select, textarea, [tabindex], [contenteditable=\"true\"]',\n            ),\n        );\n\n        focusableElements.forEach((element) => {\n            const currentElement = element;\n            const datasetKey = 'listItemRightElementOriginalTabIndex';\n\n            if (shouldAllowRightElementFocus) {\n                const originalTabIndex = currentElement.dataset[datasetKey];\n\n                if (typeof originalTabIndex === 'string') {\n                    if (originalTabIndex === '') {\n                        currentElement.removeAttribute('tabindex');\n                    } else {\n                        currentElement.setAttribute('tabindex', originalTabIndex);\n                    }\n\n                    delete currentElement.dataset[datasetKey];\n                }\n            } else {\n                if (typeof currentElement.dataset[datasetKey] !== 'string') {\n                    currentElement.dataset[datasetKey] =\n                        currentElement.getAttribute('tabindex') ?? '';\n                }\n\n                currentElement.setAttribute('tabindex', '-1');\n            }\n        });\n    }, [bottomElement, shouldAllowRightElementFocus]);\n\n    return (\n        <StyledListItemSubtitle>\n            <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n                {subtitle}\n            </StyledListItemHeadSubtitleText>\n            {bottomElement && (\n                <StyledListItemBottomRightElement\n                    data-right-element=\"true\"\n                    ref={bottomElementRef}\n                    onClick={shouldPreventRightElementClick ? handlePreventClick : undefined}\n                >\n                    {bottomElement}\n                </StyledListItemBottomRightElement>\n            )}\n        </StyledListItemSubtitle>\n    );\n};\n\nListItemSubtitle.displayName = 'ListItemSubtitle';\n\nexport default ListItemSubtitle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListItemSubtitle.js","names":["_react","_interopRequireWildcard","require","_ListItemSubtitle","_accordion","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemSubtitle","rightElements","subtitle","isOpen","handlePreventClick","event","stopPropagation","preventDefault","bottomElement","useMemo","bottom","undefined","shouldPreventRightElementClick","getElementClickEvent","createElement","StyledListItemSubtitle","StyledListItemHeadSubtitleText","$isOpen","StyledListItemBottomRightElement","onClick","displayName","_default","exports"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.tsx"],"sourcesContent":["import React, { FC, ReactNode, useMemo } from 'react';\nimport type { IListItemRightElement, IListItemRightElements } from '../../../../../types/list';\nimport {\n    StyledListItemHeadSubtitleText,\n    StyledListItemSubtitle,\n    StyledListItemBottomRightElement,\n} from './ListItemSubtitle.styles';\nimport { getElementClickEvent } from '../../../../../utils/accordion';\n\ntype ListItemSubtitleProps = {\n    rightElements?: IListItemRightElements;\n    subtitle?: ReactNode;\n    isOpen: boolean;\n};\n\nconst ListItemSubtitle: FC<ListItemSubtitleProps> = ({ rightElements, subtitle, isOpen }) => {\n    const handlePreventClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const bottomElement = useMemo(() => {\n        if (typeof rightElements === 'object' && rightElements && 'bottom' in rightElements) {\n            return (rightElements as unknown as IListItemRightElement).bottom;\n        }\n\n        return undefined;\n    }, [rightElements]);\n\n    const shouldPreventRightElementClick = useMemo(() => {\n        if (bottomElement) {\n            return getElementClickEvent(bottomElement);\n        }\n\n        return false;\n    }, [bottomElement]);\n\n    return (\n        <StyledListItemSubtitle>\n            <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n                {subtitle}\n            </StyledListItemHeadSubtitleText>\n            {bottomElement && (\n                <StyledListItemBottomRightElement\n                    onClick={shouldPreventRightElementClick ? handlePreventClick : undefined}\n                >\n                    {bottomElement}\n                </StyledListItemBottomRightElement>\n            )}\n        </StyledListItemSubtitle>\n    );\n};\n\nListItemSubtitle.displayName = 'ListItemSubtitle';\n\nexport default ListItemSubtitle;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAF,OAAA;AAAsE,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;AAQtE,MAAMkB,gBAA2C,GAAGA,CAAC;EAAEC,aAAa;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EACzF,MAAMC,kBAAkB,GAAIC,KAAuB,IAAK;IACpDA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;EAC1B,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAI,OAAOR,aAAa,KAAK,QAAQ,IAAIA,aAAa,IAAI,QAAQ,IAAIA,aAAa,EAAE;MACjF,OAAQA,aAAa,CAAsCS,MAAM;IACrE;IAEA,OAAOC,SAAS;EACpB,CAAC,EAAE,CAACV,aAAa,CAAC,CAAC;EAEnB,MAAMW,8BAA8B,GAAG,IAAAH,cAAO,EAAC,MAAM;IACjD,IAAID,aAAa,EAAE;MACf,OAAO,IAAAK,+BAAoB,EAACL,aAAa,CAAC;IAC9C;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBACIhC,MAAA,CAAAe,OAAA,CAAAuB,aAAA,CAACnC,iBAAA,CAAAoC,sBAAsB,qBACnBvC,MAAA,CAAAe,OAAA,CAAAuB,aAAA,CAACnC,iBAAA,CAAAqC,8BAA8B;IAACC,OAAO,EAAEd;EAAO,GAC3CD,QAC2B,CAAC,EAChCM,aAAa,iBACVhC,MAAA,CAAAe,OAAA,CAAAuB,aAAA,CAACnC,iBAAA,CAAAuC,gCAAgC;IAC7BC,OAAO,EAAEP,8BAA8B,GAAGR,kBAAkB,GAAGO;EAAU,GAExEH,aAC6B,CAElB,CAAC;AAEjC,CAAC;AAEDR,gBAAgB,CAACoB,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEnCS,gBAAgB","ignoreList":[]}

package/lib/cjs/components/list/list-item/list-item-head/list-item-title/ListItemTitle.js

@@ -15,8 +15,7 @@ const ListItemTitle = ({
   shouldShowMultilineTitle,
   isOpen,
   onResize,
-  onTitleWidthChange,
-  shouldAllowRightElementFocus = true
+  onTitleWidthChange
 }) => {
   const titleWrapperRef = (0, _react.useRef)(null);
   const wrapperRef = (0, _react.useRef)(null);
@@ -61,33 +60,6 @@ const ListItemTitle = ({
     }
     return false;
   }, [topElement]);
-  (0, _react.useEffect)(() => {
-    const topElementWrapper = topElementWrapperRef.current;
-    if (!topElementWrapper) {
-      return;
-    }
-    const focusableElements = Array.from(topElementWrapper.querySelectorAll('a[href], button, input, select, textarea, [tabindex], [contenteditable="true"]'));
-    focusableElements.forEach(element => {
-      const currentElement = element;
-      const datasetKey = 'listItemRightElementOriginalTabIndex';
-      if (shouldAllowRightElementFocus) {
-        const originalTabIndex = currentElement.dataset[datasetKey];
-        if (typeof originalTabIndex === 'string') {
-          if (originalTabIndex === '') {
-            currentElement.removeAttribute('tabindex');
-          } else {
-            currentElement.setAttribute('tabindex', originalTabIndex);
-          }
-          delete currentElement.dataset[datasetKey];
-        }
-      } else {
-        if (typeof currentElement.dataset[datasetKey] !== 'string') {
-          currentElement.dataset[datasetKey] = currentElement.getAttribute('tabindex') ?? '';
-        }
-        currentElement.setAttribute('tabindex', '-1');
-      }
-    });
-  }, [shouldAllowRightElementFocus, topElement]);
   return /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemTitle, {
     ref: wrapperRef
   }, /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemTitleLeftWrapper, null, /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemHeadTitleText, {
@@ -97,7 +69,6 @@ const ListItemTitle = ({
   }, title), /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemHeadTitleElement, {
     ref: elementWrapperRef
   }, titleElement)), topElement && /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemTopRightElement, {
-    "data-right-element": "true",
     ref: topElementWrapperRef,
     onClick: shouldPreventRightElementClick ? handlePreventClick : undefined
   }, topElement));

package/lib/cjs/components/list/list-item/list-item-head/list-item-title/ListItemTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemTitle.js","names":["_react","_interopRequireWildcard","require","_ListItemTitle","_accordion","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemTitle","rightElements","titleElement","title","shouldShowMultilineTitle","isOpen","onResize","onTitleWidthChange","shouldAllowRightElementFocus","titleWrapperRef","useRef","wrapperRef","elementWrapperRef","topElementWrapperRef","useEffect","element","current","undefined","resizeObserver","ResizeObserver","observe","disconnect","_topElementWrapperRef","fullWidth","clientWidth","rightElementWidth","topElementWidth","width","handlePreventClick","event","stopPropagation","preventDefault","topElement","useMemo","top","shouldPreventRightElementClick","getElementClickEvent","topElementWrapper","focusableElements","Array","from","querySelectorAll","forEach","currentElement","datasetKey","originalTabIndex","dataset","removeAttribute","setAttribute","getAttribute","createElement","StyledListItemTitle","ref","StyledListItemTitleLeftWrapper","StyledListItemHeadTitleText","$isEllipsis","$shouldShowMultilineTitle","StyledListItemHeadTitleElement","StyledListItemTopRightElement","onClick","displayName","_default","exports"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-title/ListItemTitle.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useMemo, useRef } from 'react';\nimport type { IListItemRightElement, IListItemRightElements } from '../../../../../types/list';\nimport {\n    StyledListItemHeadTitleElement,\n    StyledListItemHeadTitleText,\n    StyledListItemTitle,\n    StyledListItemTitleLeftWrapper,\n    StyledListItemTopRightElement,\n} from './ListItemTitle.styles';\nimport { getElementClickEvent } from '../../../../../utils/accordion';\n\ntype ListItemTitleProps = {\n    rightElements?: IListItemRightElements;\n    title: ReactNode;\n    titleElement?: ReactNode;\n    shouldShowMultilineTitle: boolean;\n    isOpen: boolean;\n    onResize?: (entries: ResizeObserverEntry[]) => void;\n    onTitleWidthChange: (width: number) => void;\n    shouldAllowRightElementFocus?: boolean;\n};\n\nconst ListItemTitle: FC<ListItemTitleProps> = ({\n    rightElements,\n    titleElement,\n    title,\n    shouldShowMultilineTitle,\n    isOpen,\n    onResize,\n    onTitleWidthChange,\n    shouldAllowRightElementFocus = true,\n}) => {\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const elementWrapperRef = useRef<HTMLDivElement>(null);\n    const topElementWrapperRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const element = titleWrapperRef?.current;\n        if (!element || typeof onResize !== 'function') return undefined;\n\n        const resizeObserver = new ResizeObserver(onResize);\n        resizeObserver.observe(element);\n\n        return () => resizeObserver.disconnect();\n    }, [onResize]);\n\n    useEffect(() => {\n        if (wrapperRef.current && elementWrapperRef.current) {\n            const fullWidth = wrapperRef.current.clientWidth;\n            const rightElementWidth = elementWrapperRef.current.clientWidth;\n            const topElementWidth = topElementWrapperRef.current?.clientWidth;\n\n            let width = fullWidth;\n\n            if (rightElementWidth > 0) {\n                width -= rightElementWidth + 8;\n            }\n\n            if (topElementWidth) {\n                width -= topElementWidth + 12;\n            }\n\n            onTitleWidthChange(width);\n        }\n    }, [onTitleWidthChange]);\n\n    const handlePreventClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const topElement = useMemo(() => {\n        if (typeof rightElements === 'object' && rightElements && 'top' in rightElements) {\n            return (rightElements as unknown as IListItemRightElement).top;\n        }\n\n        return undefined;\n    }, [rightElements]);\n\n    const shouldPreventRightElementClick = useMemo(() => {\n        if (topElement) {\n            return getElementClickEvent(topElement);\n        }\n\n        return false;\n    }, [topElement]);\n\n    useEffect(() => {\n        const topElementWrapper = topElementWrapperRef.current;\n\n        if (!topElementWrapper) {\n            return;\n        }\n\n        const focusableElements = Array.from(\n            topElementWrapper.querySelectorAll<HTMLElement>(\n                'a[href], button, input, select, textarea, [tabindex], [contenteditable=\"true\"]',\n            ),\n        );\n\n        focusableElements.forEach((element) => {\n            const currentElement = element;\n            const datasetKey = 'listItemRightElementOriginalTabIndex';\n\n            if (shouldAllowRightElementFocus) {\n                const originalTabIndex = currentElement.dataset[datasetKey];\n\n                if (typeof originalTabIndex === 'string') {\n                    if (originalTabIndex === '') {\n                        currentElement.removeAttribute('tabindex');\n                    } else {\n                        currentElement.setAttribute('tabindex', originalTabIndex);\n                    }\n\n                    delete currentElement.dataset[datasetKey];\n                }\n            } else {\n                if (typeof currentElement.dataset[datasetKey] !== 'string') {\n                    currentElement.dataset[datasetKey] =\n                        currentElement.getAttribute('tabindex') ?? '';\n                }\n\n                currentElement.setAttribute('tabindex', '-1');\n            }\n        });\n    }, [shouldAllowRightElementFocus, topElement]);\n\n    return (\n        <StyledListItemTitle ref={wrapperRef}>\n            <StyledListItemTitleLeftWrapper>\n                <StyledListItemHeadTitleText\n                    $isEllipsis={!isOpen}\n                    ref={titleWrapperRef}\n                    $shouldShowMultilineTitle={shouldShowMultilineTitle}\n                >\n                    {title}\n                </StyledListItemHeadTitleText>\n                <StyledListItemHeadTitleElement ref={elementWrapperRef}>\n                    {titleElement}\n                </StyledListItemHeadTitleElement>\n            </StyledListItemTitleLeftWrapper>\n            {topElement && (\n                <StyledListItemTopRightElement\n                    data-right-element=\"true\"\n                    ref={topElementWrapperRef}\n                    onClick={shouldPreventRightElementClick ? handlePreventClick : undefined}\n                >\n                    {topElement}\n                </StyledListItemTopRightElement>\n            )}\n        </StyledListItemTitle>\n    );\n};\n\nListItemTitle.displayName = 'ListItemTitle';\n\nexport default ListItemTitle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListItemTitle.js","names":["_react","_interopRequireWildcard","require","_ListItemTitle","_accordion","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemTitle","rightElements","titleElement","title","shouldShowMultilineTitle","isOpen","onResize","onTitleWidthChange","titleWrapperRef","useRef","wrapperRef","elementWrapperRef","topElementWrapperRef","useEffect","element","current","undefined","resizeObserver","ResizeObserver","observe","disconnect","_topElementWrapperRef","fullWidth","clientWidth","rightElementWidth","topElementWidth","width","handlePreventClick","event","stopPropagation","preventDefault","topElement","useMemo","top","shouldPreventRightElementClick","getElementClickEvent","createElement","StyledListItemTitle","ref","StyledListItemTitleLeftWrapper","StyledListItemHeadTitleText","$isEllipsis","$shouldShowMultilineTitle","StyledListItemHeadTitleElement","StyledListItemTopRightElement","onClick","displayName","_default","exports"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-title/ListItemTitle.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useMemo, useRef } from 'react';\nimport type { IListItemRightElement, IListItemRightElements } from '../../../../../types/list';\nimport {\n    StyledListItemHeadTitleElement,\n    StyledListItemHeadTitleText,\n    StyledListItemTitle,\n    StyledListItemTitleLeftWrapper,\n    StyledListItemTopRightElement,\n} from './ListItemTitle.styles';\nimport { getElementClickEvent } from '../../../../../utils/accordion';\n\ntype ListItemTitleProps = {\n    rightElements?: IListItemRightElements;\n    title: ReactNode;\n    titleElement?: ReactNode;\n    shouldShowMultilineTitle: boolean;\n    isOpen: boolean;\n    onResize?: (entries: ResizeObserverEntry[]) => void;\n    onTitleWidthChange: (width: number) => void;\n};\n\nconst ListItemTitle: FC<ListItemTitleProps> = ({\n    rightElements,\n    titleElement,\n    title,\n    shouldShowMultilineTitle,\n    isOpen,\n    onResize,\n    onTitleWidthChange,\n}) => {\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const elementWrapperRef = useRef<HTMLDivElement>(null);\n    const topElementWrapperRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const element = titleWrapperRef?.current;\n        if (!element || typeof onResize !== 'function') return undefined;\n\n        const resizeObserver = new ResizeObserver(onResize);\n        resizeObserver.observe(element);\n\n        return () => resizeObserver.disconnect();\n    }, [onResize]);\n\n    useEffect(() => {\n        if (wrapperRef.current && elementWrapperRef.current) {\n            const fullWidth = wrapperRef.current.clientWidth;\n            const rightElementWidth = elementWrapperRef.current.clientWidth;\n            const topElementWidth = topElementWrapperRef.current?.clientWidth;\n\n            let width = fullWidth;\n\n            if (rightElementWidth > 0) {\n                width -= rightElementWidth + 8;\n            }\n\n            if (topElementWidth) {\n                width -= topElementWidth + 12;\n            }\n\n            onTitleWidthChange(width);\n        }\n    }, [onTitleWidthChange]);\n\n    const handlePreventClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const topElement = useMemo(() => {\n        if (typeof rightElements === 'object' && rightElements && 'top' in rightElements) {\n            return (rightElements as unknown as IListItemRightElement).top;\n        }\n\n        return undefined;\n    }, [rightElements]);\n\n    const shouldPreventRightElementClick = useMemo(() => {\n        if (topElement) {\n            return getElementClickEvent(topElement);\n        }\n\n        return false;\n    }, [topElement]);\n\n    return (\n        <StyledListItemTitle ref={wrapperRef}>\n            <StyledListItemTitleLeftWrapper>\n                <StyledListItemHeadTitleText\n                    $isEllipsis={!isOpen}\n                    ref={titleWrapperRef}\n                    $shouldShowMultilineTitle={shouldShowMultilineTitle}\n                >\n                    {title}\n                </StyledListItemHeadTitleText>\n                <StyledListItemHeadTitleElement ref={elementWrapperRef}>\n                    {titleElement}\n                </StyledListItemHeadTitleElement>\n            </StyledListItemTitleLeftWrapper>\n            {topElement && (\n                <StyledListItemTopRightElement\n                    ref={topElementWrapperRef}\n                    onClick={shouldPreventRightElementClick ? handlePreventClick : undefined}\n                >\n                    {topElement}\n                </StyledListItemTopRightElement>\n            )}\n        </StyledListItemTitle>\n    );\n};\n\nListItemTitle.displayName = 'ListItemTitle';\n\nexport default ListItemTitle;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/mention-finder/MentionFinder.js

@@ -13,13 +13,6 @@ var _MentionFinder = require("./MentionFinder.styles");
 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 DRAG_CLOSE_THRESHOLD_IN_PX = 60;
-const isTextInputElement = element => {
-  if (!element) {
-    return false;
-  }
-  const tagName = element.tagName.toLowerCase();
-  return tagName === 'input' && element.type !== 'button' || tagName === 'textarea' || element.isContentEditable;
-};
 const findTouchByIdentifier = (touchList, identifier) => {
   if (identifier === null) {
     return null;
@@ -46,7 +39,6 @@ const MentionFinder = ({
   const [shouldShowPopup, setShouldShowPopup] = (0, _react2.useState)(true);
   const popupRef = (0, _react2.useRef)(null);
   const listRef = (0, _react2.useRef)(null);
-  const inputElementRef = (0, _react2.useRef)(null);
   const dragStartYRef = (0, _react2.useRef)(null);
   const hasTriggeredDragCloseRef = (0, _react2.useRef)(false);
   const activePointerIdRef = (0, _react2.useRef)(null);
@@ -66,12 +58,7 @@ const MentionFinder = ({
     info,
     name
   }) => id.toLowerCase().includes(searchString) || (info === null || info === void 0 ? void 0 : info.replace('chayns', '').toLowerCase().includes(searchString)) || name.toLowerCase().includes(searchString)) : members, [members, searchString]);
-  const shouldRenderPopup = shouldShowPopup && !!fullMatch && filteredMembers.length > 0;
   const handleKeyDown = (0, _react2.useCallback)(event => {
-    const targetElement = event.target;
-    if (isTextInputElement(targetElement)) {
-      inputElementRef.current = targetElement;
-    }
     if ((event.key === 'ArrowUp' || event.key === 'ArrowDown') && shouldRenderPopup) {
       var _listRef$current;
       event.preventDefault();
@@ -98,16 +85,8 @@ const MentionFinder = ({
           member: activeMember
         });
       }
-    } else if (event.key === 'Escape' && shouldRenderPopup) {
-      event.preventDefault();
-      event.stopPropagation();
-      setShouldShowPopup(false);
-      window.requestAnimationFrame(() => {
-        var _inputElementRef$curr;
-        (_inputElementRef$curr = inputElementRef.current) === null || _inputElementRef$curr === void 0 || _inputElementRef$curr.focus();
-      });
     }
-  }, [activeMember, filteredMembers, focusedIndex, fullMatch, onSelect, shouldRenderPopup]);
+  }, [activeMember, filteredMembers, focusedIndex, fullMatch, onSelect]);
   const handleMemberClick = (0, _react2.useCallback)(member => {
     if (fullMatch) {
       onSelect({
@@ -142,15 +121,6 @@ const MentionFinder = ({
     hasTriggeredDragCloseRef.current = false;
     setShouldShowPopup(true);
   }, [inputValue]);
-  (0, _react2.useEffect)(() => {
-    if (!shouldRenderPopup) {
-      return;
-    }
-    const activeElement = document.activeElement;
-    if (isTextInputElement(activeElement)) {
-      inputElementRef.current = activeElement;
-    }
-  }, [shouldRenderPopup]);
   (0, _react2.useEffect)(() => {
     if (shouldShowPopup) {
       window.addEventListener('keydown', handleKeyDown, true);
@@ -321,6 +291,7 @@ const MentionFinder = ({
       onTouchCancel: handleDragTouchCancel
     }));
   }, [enableDragHandle, popupAlignment, dragOffset, dragProgress, isDraggingHandle, handleDragPointerDown, handleDragPointerMove, handleDragPointerUp, handleDragPointerCancel, handleDragTouchStart, handleDragTouchMove, handleDragTouchEnd, handleDragTouchCancel]);
+  const shouldRenderPopup = shouldShowPopup && fullMatch && items.length > 0;
   (0, _react2.useEffect)(() => {
     var _popupRef$current;
     if (!enableDragHandle || !shouldRenderPopup) {

package/lib/cjs/components/mention-finder/MentionFinder.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionFinder.js","names":["_react","require","_react2","_interopRequireWildcard","_reactDom","_mentionFinder","_MentionFinderItem","_interopRequireDefault","_MentionFinder","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DRAG_CLOSE_THRESHOLD_IN_PX","isTextInputElement","element","tagName","toLowerCase","type","isContentEditable","findTouchByIdentifier","touchList","identifier","length","touch","item","MentionFinder","inputValue","members","onSelect","popupAlignment","enableDragHandle","dragCloseThresholdInPx","overlayContainerSelector","activeMember","setActiveMember","useState","focusedIndex","setFocusedIndex","shouldShowPopup","setShouldShowPopup","popupRef","useRef","listRef","inputElementRef","dragStartYRef","hasTriggeredDragCloseRef","activePointerIdRef","activeTouchIdRef","isDraggingHandle","setIsDraggingHandle","dragOffset","setDragOffset","dragProgress","setDragProgress","overlayContainer","setOverlayContainer","fullMatch","searchString","useMemo","_regExpMatchArray$","regExpMatchArray","match","filteredMembers","filter","id","info","name","includes","replace","shouldRenderPopup","handleKeyDown","useCallback","event","targetElement","target","current","key","_listRef$current","preventDefault","children","newIndex","prevElement","tabIndex","member","newElement","focus","stopPropagation","window","requestAnimationFrame","_inputElementRef$curr","handleMemberClick","handleMemberHover","useEffect","isActiveMemberShown","some","items","map","createElement","isActive","onClick","onHover","activeElement","document","addEventListener","removeEventListener","closePopupViaDrag","handleOverlayClick","updateDragByClientY","clientY","closingDirectionMultiplier","MentionFinderPopupAlignment","Bottom","rawDelta","normalizedDelta","positiveDelta","Math","max","limitedDelta","min","handleDragPointerDown","pointerType","button","pointerId","currentTarget","setPointerCapture","handleDragPointerMove","hasClosed","releasePointerCapture","resetDragState","shouldClose","handleDragPointerUp","handleDragPointerCancel","handleDragTouchStart","touches","handleDragTouchMove","changedTouches","handleDragTouchEnd","handleDragTouchCancel","dragHandle","StyledMentionFinderDragHandle","$alignment","StyledMentionFinderDragHandleInner","$dragOffset","$dragProgress","$isDragging","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","_popupRef$current","container","closest","body","overlayPortal","createPortal","AnimatePresence","initial","StyledMentionFinderOverlay","animate","opacity","exit","Fragment","StyledMentionFinder","className","StyledMotionMentionFinderPopup","ref","height","y","$popupAlignment","transition","duration","Top","StyledMentionFinderItemList","displayName","_default","exports"],"sources":["../../../../src/components/mention-finder/MentionFinder.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    PointerEvent,\n    TouchList,\n    TouchEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { MentionFinderPopupAlignment } from '../../constants/mentionFinder';\nimport MentionFinderItem from './mention-finder-item/MentionFinderItem';\nimport {\n    StyledMentionFinder,\n    StyledMentionFinderDragHandle,\n    StyledMentionFinderDragHandleInner,\n    StyledMentionFinderItemList,\n    StyledMentionFinderOverlay,\n    StyledMotionMentionFinderPopup,\n} from './MentionFinder.styles';\n\nexport type MentionMember = {\n    id: string;\n    info?: string;\n    imageUrl: string;\n    name: string;\n    shouldShowRoundImage?: boolean;\n};\n\nexport type MentionFinderProps = {\n    /**\n     * The text from the input field\n     */\n    inputValue: string;\n    /**\n     * Members that can be selected\n     */\n    members: MentionMember[];\n    /**\n     * Function to be executed when a member is selected\n     */\n    onSelect: ({ fullMatch, member }: { fullMatch: string; member: MentionMember }) => void;\n    /**\n     * Alignment of the popup\n     */\n    popupAlignment: MentionFinderPopupAlignment;\n    /**\n     * Enables the optional drag handle inside the popup\n     */\n    enableDragHandle?: boolean;\n    /**\n     * Threshold in pixels to drag to close the popup\n     */\n    dragCloseThresholdInPx?: number;\n    /**\n     * Selector for the container to render the overlay into (defaults to closest dialog, thread, page provider or tapp)\n     */\n    overlayContainerSelector?: string;\n};\n\nconst DRAG_CLOSE_THRESHOLD_IN_PX = 60;\n\nconst isTextInputElement = (\n    element: HTMLElement | null,\n): element is HTMLInputElement | HTMLTextAreaElement => {\n    if (!element) {\n        return false;\n    }\n\n    const tagName = element.tagName.toLowerCase();\n\n    return (\n        (tagName === 'input' && (element as HTMLInputElement).type !== 'button') ||\n        tagName === 'textarea' ||\n        element.isContentEditable\n    );\n};\n\nconst findTouchByIdentifier = (touchList: TouchList, identifier: number | null) => {\n    if (identifier === null) {\n        return null;\n    }\n\n    for (let i = 0; i < touchList.length; i += 1) {\n        const touch = touchList.item(i);\n        if (touch && touch.identifier === identifier) {\n            return touch;\n        }\n    }\n\n    return null;\n};\n\nconst MentionFinder: FC<MentionFinderProps> = ({\n    inputValue,\n    members,\n    onSelect,\n    popupAlignment,\n    enableDragHandle = false,\n    dragCloseThresholdInPx = DRAG_CLOSE_THRESHOLD_IN_PX,\n    overlayContainerSelector,\n}) => {\n    const [activeMember, setActiveMember] = useState(members[0]);\n    const [focusedIndex, setFocusedIndex] = useState(0);\n    const [shouldShowPopup, setShouldShowPopup] = useState(true);\n\n    const popupRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n    const inputElementRef = useRef<HTMLElement | null>(null);\n    const dragStartYRef = useRef<number | null>(null);\n    const hasTriggeredDragCloseRef = useRef(false);\n    const activePointerIdRef = useRef<number | null>(null);\n    const activeTouchIdRef = useRef<number | null>(null);\n\n    const [isDraggingHandle, setIsDraggingHandle] = useState(false);\n    const [dragOffset, setDragOffset] = useState(0);\n    const [dragProgress, setDragProgress] = useState(0);\n    const [overlayContainer, setOverlayContainer] = useState<Element | null>(null);\n\n    const [fullMatch, searchString] = useMemo(() => {\n        // eslint-disable-next-line no-irregular-whitespace\n        const regExpMatchArray = inputValue.match(/@(?!\\s)([^\\s​]*)/);\n\n        return [regExpMatchArray?.[0], regExpMatchArray?.[1]?.toLowerCase() ?? ''];\n    }, [inputValue]);\n\n    const filteredMembers = useMemo(\n        () =>\n            searchString !== ''\n                ? members.filter(\n                      ({ id, info, name }) =>\n                          id.toLowerCase().includes(searchString) ||\n                          info?.replace('chayns', '').toLowerCase().includes(searchString) ||\n                          name.toLowerCase().includes(searchString),\n                  )\n                : members,\n        [members, searchString],\n    );\n\n    const shouldRenderPopup = shouldShowPopup && !!fullMatch && filteredMembers.length > 0;\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            const targetElement = event.target as HTMLElement | null;\n\n            if (isTextInputElement(targetElement)) {\n                inputElementRef.current = targetElement;\n            }\n\n            if ((event.key === 'ArrowUp' || event.key === 'ArrowDown') && shouldRenderPopup) {\n                event.preventDefault();\n\n                const children = listRef.current?.children;\n\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex +\n                                  (event.key === 'ArrowUp' ? -1 : 1) +\n                                  children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const member = filteredMembers[newIndex];\n\n                    setActiveMember(member);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n                    newElement.tabIndex = 0;\n                    newElement.focus();\n                }\n            } else if (event.key === 'Enter' && shouldRenderPopup) {\n                event.preventDefault();\n                event.stopPropagation();\n\n                if (fullMatch && activeMember) {\n                    onSelect({ fullMatch, member: activeMember });\n                }\n            } else if (event.key === 'Escape' && shouldRenderPopup) {\n                event.preventDefault();\n                event.stopPropagation();\n                setShouldShowPopup(false);\n\n                window.requestAnimationFrame(() => {\n                    inputElementRef.current?.focus();\n                });\n            }\n        },\n        [activeMember, filteredMembers, focusedIndex, fullMatch, onSelect, shouldRenderPopup],\n    );\n\n    const handleMemberClick = useCallback(\n        (member: MentionMember) => {\n            if (fullMatch) {\n                onSelect({ fullMatch, member });\n            }\n        },\n        [fullMatch, onSelect],\n    );\n\n    const handleMemberHover = useCallback((member: MentionMember) => {\n        setActiveMember(member);\n    }, []);\n\n    useEffect(() => {\n        if (filteredMembers.length > 0) {\n            const isActiveMemberShown = filteredMembers.some(({ id }) => id === activeMember?.id);\n\n            if (!isActiveMemberShown) {\n                setActiveMember(filteredMembers[0]);\n            }\n        }\n    }, [activeMember?.id, filteredMembers]);\n\n    const items = useMemo(\n        () =>\n            filteredMembers.map((member) => (\n                <MentionFinderItem\n                    isActive={member.id === activeMember?.id}\n                    key={member.id}\n                    member={member}\n                    onClick={handleMemberClick}\n                    onHover={handleMemberHover}\n                />\n            )),\n        [activeMember, filteredMembers, handleMemberClick, handleMemberHover],\n    );\n\n    useEffect(() => {\n        setDragOffset(0);\n        setDragProgress(0);\n        hasTriggeredDragCloseRef.current = false;\n        setShouldShowPopup(true);\n    }, [inputValue]);\n\n    useEffect(() => {\n        if (!shouldRenderPopup) {\n            return;\n        }\n\n        const activeElement = document.activeElement as HTMLElement | null;\n\n        if (isTextInputElement(activeElement)) {\n            inputElementRef.current = activeElement;\n        }\n    }, [shouldRenderPopup]);\n\n    useEffect(() => {\n        if (shouldShowPopup) {\n            window.addEventListener('keydown', handleKeyDown, true);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown, true);\n        };\n    }, [handleKeyDown, shouldShowPopup]);\n\n    const closePopupViaDrag = useCallback(() => {\n        if (hasTriggeredDragCloseRef.current) {\n            return;\n        }\n        hasTriggeredDragCloseRef.current = true;\n        setDragOffset(0);\n        setDragProgress(0);\n        setShouldShowPopup(false);\n    }, []);\n\n    const handleOverlayClick = useCallback(() => {\n        closePopupViaDrag();\n    }, [closePopupViaDrag]);\n\n    const updateDragByClientY = useCallback(\n        (clientY: number) => {\n            if (dragStartYRef.current === null) {\n                return false;\n            }\n\n            const closingDirectionMultiplier =\n                popupAlignment === MentionFinderPopupAlignment.Bottom ? -1 : 1;\n            const rawDelta = clientY - dragStartYRef.current;\n            const normalizedDelta = rawDelta * closingDirectionMultiplier;\n            const positiveDelta = Math.max(0, normalizedDelta);\n            const limitedDelta = Math.min(positiveDelta, dragCloseThresholdInPx);\n\n            setDragOffset(limitedDelta * closingDirectionMultiplier);\n            setDragProgress(Math.min(positiveDelta / dragCloseThresholdInPx, 1));\n\n            if (positiveDelta >= dragCloseThresholdInPx) {\n                dragStartYRef.current = null;\n                setIsDraggingHandle(false);\n                closePopupViaDrag();\n                return true;\n            }\n\n            return false;\n        },\n        [closePopupViaDrag, dragCloseThresholdInPx, popupAlignment],\n    );\n\n    const handleDragPointerDown = useCallback((event: PointerEvent<HTMLDivElement>) => {\n        if (event.pointerType === 'touch') {\n            return;\n        }\n        if (event.pointerType === 'mouse' && event.button !== 0) {\n            return;\n        }\n        if (dragStartYRef.current !== null) {\n            return;\n        }\n        activePointerIdRef.current = event.pointerId;\n        dragStartYRef.current = event.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.currentTarget.setPointerCapture(event.pointerId);\n        event.stopPropagation();\n    }, []);\n\n    const handleDragPointerMove = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            if (dragStartYRef.current === null) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n\n            const hasClosed = updateDragByClientY(event.clientY);\n\n            if (hasClosed) {\n                event.currentTarget.releasePointerCapture(event.pointerId);\n                activePointerIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const resetDragState = useCallback(\n        (shouldClose = false) => {\n            dragStartYRef.current = null;\n            setIsDraggingHandle(false);\n            if (shouldClose) {\n                closePopupViaDrag();\n            } else {\n                setDragOffset(0);\n                setDragProgress(0);\n            }\n        },\n        [closePopupViaDrag],\n    );\n\n    const handleDragPointerUp = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragPointerCancel = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            resetDragState();\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [resetDragState],\n    );\n\n    const handleDragTouchStart = useCallback((event: TouchEvent<HTMLDivElement>) => {\n        if (event.touches.length === 0 || dragStartYRef.current !== null) {\n            return;\n        }\n\n        const touch = event.touches[0];\n\n        if (!touch) return;\n\n        activeTouchIdRef.current = touch.identifier;\n        dragStartYRef.current = touch.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.preventDefault();\n        event.stopPropagation();\n    }, []);\n\n    const handleDragTouchMove = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (dragStartYRef.current === null || activeTouchIdRef.current === null) {\n                return;\n            }\n            const touch =\n                findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current) ??\n                findTouchByIdentifier(event.touches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            const hasClosed = updateDragByClientY(touch.clientY);\n            if (hasClosed) {\n                activeTouchIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const handleDragTouchEnd = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragTouchCancel = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            resetDragState();\n        },\n        [resetDragState],\n    );\n\n    const dragHandle = useMemo(() => {\n        if (!enableDragHandle) {\n            return null;\n        }\n\n        return (\n            <StyledMentionFinderDragHandle $alignment={popupAlignment}>\n                <StyledMentionFinderDragHandleInner\n                    $alignment={popupAlignment}\n                    $dragOffset={dragOffset}\n                    $dragProgress={dragProgress}\n                    $isDragging={isDraggingHandle}\n                    onPointerDown={handleDragPointerDown}\n                    onPointerMove={handleDragPointerMove}\n                    onPointerUp={handleDragPointerUp}\n                    onPointerCancel={handleDragPointerCancel}\n                    onTouchStart={handleDragTouchStart}\n                    onTouchMove={handleDragTouchMove}\n                    onTouchEnd={handleDragTouchEnd}\n                    onTouchCancel={handleDragTouchCancel}\n                />\n            </StyledMentionFinderDragHandle>\n        );\n    }, [\n        enableDragHandle,\n        popupAlignment,\n        dragOffset,\n        dragProgress,\n        isDraggingHandle,\n        handleDragPointerDown,\n        handleDragPointerMove,\n        handleDragPointerUp,\n        handleDragPointerCancel,\n        handleDragTouchStart,\n        handleDragTouchMove,\n        handleDragTouchEnd,\n        handleDragTouchCancel,\n    ]);\n\n    useEffect(() => {\n        if (!enableDragHandle || !shouldRenderPopup) {\n            setOverlayContainer(null);\n            return;\n        }\n\n        const container = popupRef.current?.closest(\n            overlayContainerSelector ?? '.dialog-inner, .chayns-threads, .page-provider, .tapp',\n        );\n\n        if (container) {\n            setOverlayContainer(container);\n            return;\n        }\n\n        if (typeof document !== 'undefined') {\n            setOverlayContainer(document.body);\n        }\n    }, [enableDragHandle, overlayContainerSelector, shouldRenderPopup]);\n\n    const overlayPortal =\n        overlayContainer && enableDragHandle\n            ? createPortal(\n                  <AnimatePresence initial={false}>\n                      {shouldRenderPopup && (\n                          <StyledMentionFinderOverlay\n                              key=\"mention-finder-overlay\"\n                              animate={{ opacity: 1 }}\n                              exit={{ opacity: 0 }}\n                              initial={{ opacity: 0 }}\n                              onClick={handleOverlayClick}\n                          />\n                      )}\n                  </AnimatePresence>,\n                  overlayContainer,\n              )\n            : null;\n\n    return (\n        <>\n            {overlayPortal}\n            <StyledMentionFinder className=\"beta-chayns-mention-finder\">\n                <AnimatePresence initial={false}>\n                    {shouldRenderPopup && (\n                        <StyledMotionMentionFinderPopup\n                            ref={popupRef}\n                            animate={{\n                                height: 'auto',\n                                opacity: 1,\n                                y: dragOffset,\n                            }}\n                            className=\"prevent-lose-focus\"\n                            exit={{ height: 0, opacity: 0 }}\n                            initial={{ height: 0, opacity: 0 }}\n                            $popupAlignment={popupAlignment}\n                            $isDragging={enableDragHandle}\n                            transition={{ duration: 0.15 }}\n                            tabIndex={0}\n                        >\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Top &&\n                                dragHandle}\n                            <StyledMentionFinderItemList ref={listRef}>\n                                {items}\n                            </StyledMentionFinderItemList>\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Bottom &&\n                                dragHandle}\n                        </StyledMotionMentionFinderPopup>\n                    )}\n                </AnimatePresence>\n            </StyledMentionFinder>\n        </>\n    );\n};\n\nMentionFinder.displayName = 'MentionFinder';\n\nexport default MentionFinder;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MentionFinder.js","names":["_react","require","_react2","_interopRequireWildcard","_reactDom","_mentionFinder","_MentionFinderItem","_interopRequireDefault","_MentionFinder","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DRAG_CLOSE_THRESHOLD_IN_PX","findTouchByIdentifier","touchList","identifier","length","touch","item","MentionFinder","inputValue","members","onSelect","popupAlignment","enableDragHandle","dragCloseThresholdInPx","overlayContainerSelector","activeMember","setActiveMember","useState","focusedIndex","setFocusedIndex","shouldShowPopup","setShouldShowPopup","popupRef","useRef","listRef","dragStartYRef","hasTriggeredDragCloseRef","activePointerIdRef","activeTouchIdRef","isDraggingHandle","setIsDraggingHandle","dragOffset","setDragOffset","dragProgress","setDragProgress","overlayContainer","setOverlayContainer","fullMatch","searchString","useMemo","_regExpMatchArray$","regExpMatchArray","match","toLowerCase","filteredMembers","filter","id","info","name","includes","replace","handleKeyDown","useCallback","event","key","shouldRenderPopup","_listRef$current","preventDefault","children","current","newIndex","prevElement","tabIndex","member","newElement","focus","stopPropagation","handleMemberClick","handleMemberHover","useEffect","isActiveMemberShown","some","items","map","createElement","isActive","onClick","onHover","window","addEventListener","removeEventListener","closePopupViaDrag","handleOverlayClick","updateDragByClientY","clientY","closingDirectionMultiplier","MentionFinderPopupAlignment","Bottom","rawDelta","normalizedDelta","positiveDelta","Math","max","limitedDelta","min","handleDragPointerDown","pointerType","button","pointerId","currentTarget","setPointerCapture","handleDragPointerMove","hasClosed","releasePointerCapture","resetDragState","shouldClose","handleDragPointerUp","handleDragPointerCancel","handleDragTouchStart","touches","handleDragTouchMove","changedTouches","handleDragTouchEnd","handleDragTouchCancel","dragHandle","StyledMentionFinderDragHandle","$alignment","StyledMentionFinderDragHandleInner","$dragOffset","$dragProgress","$isDragging","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","_popupRef$current","container","closest","document","body","overlayPortal","createPortal","AnimatePresence","initial","StyledMentionFinderOverlay","animate","opacity","exit","Fragment","StyledMentionFinder","className","StyledMotionMentionFinderPopup","ref","height","y","$popupAlignment","transition","duration","Top","StyledMentionFinderItemList","displayName","_default","exports"],"sources":["../../../../src/components/mention-finder/MentionFinder.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    PointerEvent,\n    TouchList,\n    TouchEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { MentionFinderPopupAlignment } from '../../constants/mentionFinder';\nimport MentionFinderItem from './mention-finder-item/MentionFinderItem';\nimport {\n    StyledMentionFinder,\n    StyledMentionFinderDragHandle,\n    StyledMentionFinderDragHandleInner,\n    StyledMentionFinderItemList,\n    StyledMentionFinderOverlay,\n    StyledMotionMentionFinderPopup,\n} from './MentionFinder.styles';\n\nexport type MentionMember = {\n    id: string;\n    info?: string;\n    imageUrl: string;\n    name: string;\n    shouldShowRoundImage?: boolean;\n};\n\nexport type MentionFinderProps = {\n    /**\n     * The text from the input field\n     */\n    inputValue: string;\n    /**\n     * Members that can be selected\n     */\n    members: MentionMember[];\n    /**\n     * Function to be executed when a member is selected\n     */\n    onSelect: ({ fullMatch, member }: { fullMatch: string; member: MentionMember }) => void;\n    /**\n     * Alignment of the popup\n     */\n    popupAlignment: MentionFinderPopupAlignment;\n    /**\n     * Enables the optional drag handle inside the popup\n     */\n    enableDragHandle?: boolean;\n    /**\n     * Threshold in pixels to drag to close the popup\n     */\n    dragCloseThresholdInPx?: number;\n    /**\n     * Selector for the container to render the overlay into (defaults to closest dialog, thread, page provider or tapp)\n     */\n    overlayContainerSelector?: string;\n};\n\nconst DRAG_CLOSE_THRESHOLD_IN_PX = 60;\n\nconst findTouchByIdentifier = (touchList: TouchList, identifier: number | null) => {\n    if (identifier === null) {\n        return null;\n    }\n\n    for (let i = 0; i < touchList.length; i += 1) {\n        const touch = touchList.item(i);\n        if (touch && touch.identifier === identifier) {\n            return touch;\n        }\n    }\n\n    return null;\n};\n\nconst MentionFinder: FC<MentionFinderProps> = ({\n    inputValue,\n    members,\n    onSelect,\n    popupAlignment,\n    enableDragHandle = false,\n    dragCloseThresholdInPx = DRAG_CLOSE_THRESHOLD_IN_PX,\n    overlayContainerSelector,\n}) => {\n    const [activeMember, setActiveMember] = useState(members[0]);\n    const [focusedIndex, setFocusedIndex] = useState(0);\n    const [shouldShowPopup, setShouldShowPopup] = useState(true);\n\n    const popupRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n    const dragStartYRef = useRef<number | null>(null);\n    const hasTriggeredDragCloseRef = useRef(false);\n    const activePointerIdRef = useRef<number | null>(null);\n    const activeTouchIdRef = useRef<number | null>(null);\n\n    const [isDraggingHandle, setIsDraggingHandle] = useState(false);\n    const [dragOffset, setDragOffset] = useState(0);\n    const [dragProgress, setDragProgress] = useState(0);\n    const [overlayContainer, setOverlayContainer] = useState<Element | null>(null);\n\n    const [fullMatch, searchString] = useMemo(() => {\n        // eslint-disable-next-line no-irregular-whitespace\n        const regExpMatchArray = inputValue.match(/@(?!\\s)([^\\s​]*)/);\n\n        return [regExpMatchArray?.[0], regExpMatchArray?.[1]?.toLowerCase() ?? ''];\n    }, [inputValue]);\n\n    const filteredMembers = useMemo(\n        () =>\n            searchString !== ''\n                ? members.filter(\n                      ({ id, info, name }) =>\n                          id.toLowerCase().includes(searchString) ||\n                          info?.replace('chayns', '').toLowerCase().includes(searchString) ||\n                          name.toLowerCase().includes(searchString),\n                  )\n                : members,\n        [members, searchString],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if ((event.key === 'ArrowUp' || event.key === 'ArrowDown') && shouldRenderPopup) {\n                event.preventDefault();\n\n                const children = listRef.current?.children;\n\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex +\n                                  (event.key === 'ArrowUp' ? -1 : 1) +\n                                  children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const member = filteredMembers[newIndex];\n\n                    setActiveMember(member);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n                    newElement.tabIndex = 0;\n                    newElement.focus();\n                }\n            } else if (event.key === 'Enter' && shouldRenderPopup) {\n                event.preventDefault();\n                event.stopPropagation();\n\n                if (fullMatch && activeMember) {\n                    onSelect({ fullMatch, member: activeMember });\n                }\n            }\n        },\n        [activeMember, filteredMembers, focusedIndex, fullMatch, onSelect],\n    );\n\n    const handleMemberClick = useCallback(\n        (member: MentionMember) => {\n            if (fullMatch) {\n                onSelect({ fullMatch, member });\n            }\n        },\n        [fullMatch, onSelect],\n    );\n\n    const handleMemberHover = useCallback((member: MentionMember) => {\n        setActiveMember(member);\n    }, []);\n\n    useEffect(() => {\n        if (filteredMembers.length > 0) {\n            const isActiveMemberShown = filteredMembers.some(({ id }) => id === activeMember?.id);\n\n            if (!isActiveMemberShown) {\n                setActiveMember(filteredMembers[0]);\n            }\n        }\n    }, [activeMember?.id, filteredMembers]);\n\n    const items = useMemo(\n        () =>\n            filteredMembers.map((member) => (\n                <MentionFinderItem\n                    isActive={member.id === activeMember?.id}\n                    key={member.id}\n                    member={member}\n                    onClick={handleMemberClick}\n                    onHover={handleMemberHover}\n                />\n            )),\n        [activeMember, filteredMembers, handleMemberClick, handleMemberHover],\n    );\n\n    useEffect(() => {\n        setDragOffset(0);\n        setDragProgress(0);\n        hasTriggeredDragCloseRef.current = false;\n        setShouldShowPopup(true);\n    }, [inputValue]);\n\n    useEffect(() => {\n        if (shouldShowPopup) {\n            window.addEventListener('keydown', handleKeyDown, true);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown, true);\n        };\n    }, [handleKeyDown, shouldShowPopup]);\n\n    const closePopupViaDrag = useCallback(() => {\n        if (hasTriggeredDragCloseRef.current) {\n            return;\n        }\n        hasTriggeredDragCloseRef.current = true;\n        setDragOffset(0);\n        setDragProgress(0);\n        setShouldShowPopup(false);\n    }, []);\n\n    const handleOverlayClick = useCallback(() => {\n        closePopupViaDrag();\n    }, [closePopupViaDrag]);\n\n    const updateDragByClientY = useCallback(\n        (clientY: number) => {\n            if (dragStartYRef.current === null) {\n                return false;\n            }\n\n            const closingDirectionMultiplier =\n                popupAlignment === MentionFinderPopupAlignment.Bottom ? -1 : 1;\n            const rawDelta = clientY - dragStartYRef.current;\n            const normalizedDelta = rawDelta * closingDirectionMultiplier;\n            const positiveDelta = Math.max(0, normalizedDelta);\n            const limitedDelta = Math.min(positiveDelta, dragCloseThresholdInPx);\n\n            setDragOffset(limitedDelta * closingDirectionMultiplier);\n            setDragProgress(Math.min(positiveDelta / dragCloseThresholdInPx, 1));\n\n            if (positiveDelta >= dragCloseThresholdInPx) {\n                dragStartYRef.current = null;\n                setIsDraggingHandle(false);\n                closePopupViaDrag();\n                return true;\n            }\n\n            return false;\n        },\n        [closePopupViaDrag, dragCloseThresholdInPx, popupAlignment],\n    );\n\n    const handleDragPointerDown = useCallback((event: PointerEvent<HTMLDivElement>) => {\n        if (event.pointerType === 'touch') {\n            return;\n        }\n        if (event.pointerType === 'mouse' && event.button !== 0) {\n            return;\n        }\n        if (dragStartYRef.current !== null) {\n            return;\n        }\n        activePointerIdRef.current = event.pointerId;\n        dragStartYRef.current = event.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.currentTarget.setPointerCapture(event.pointerId);\n        event.stopPropagation();\n    }, []);\n\n    const handleDragPointerMove = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            if (dragStartYRef.current === null) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n\n            const hasClosed = updateDragByClientY(event.clientY);\n\n            if (hasClosed) {\n                event.currentTarget.releasePointerCapture(event.pointerId);\n                activePointerIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const resetDragState = useCallback(\n        (shouldClose = false) => {\n            dragStartYRef.current = null;\n            setIsDraggingHandle(false);\n            if (shouldClose) {\n                closePopupViaDrag();\n            } else {\n                setDragOffset(0);\n                setDragProgress(0);\n            }\n        },\n        [closePopupViaDrag],\n    );\n\n    const handleDragPointerUp = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragPointerCancel = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            resetDragState();\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [resetDragState],\n    );\n\n    const handleDragTouchStart = useCallback((event: TouchEvent<HTMLDivElement>) => {\n        if (event.touches.length === 0 || dragStartYRef.current !== null) {\n            return;\n        }\n\n        const touch = event.touches[0];\n\n        if (!touch) return;\n\n        activeTouchIdRef.current = touch.identifier;\n        dragStartYRef.current = touch.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.preventDefault();\n        event.stopPropagation();\n    }, []);\n\n    const handleDragTouchMove = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (dragStartYRef.current === null || activeTouchIdRef.current === null) {\n                return;\n            }\n            const touch =\n                findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current) ??\n                findTouchByIdentifier(event.touches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            const hasClosed = updateDragByClientY(touch.clientY);\n            if (hasClosed) {\n                activeTouchIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const handleDragTouchEnd = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragTouchCancel = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            resetDragState();\n        },\n        [resetDragState],\n    );\n\n    const dragHandle = useMemo(() => {\n        if (!enableDragHandle) {\n            return null;\n        }\n\n        return (\n            <StyledMentionFinderDragHandle $alignment={popupAlignment}>\n                <StyledMentionFinderDragHandleInner\n                    $alignment={popupAlignment}\n                    $dragOffset={dragOffset}\n                    $dragProgress={dragProgress}\n                    $isDragging={isDraggingHandle}\n                    onPointerDown={handleDragPointerDown}\n                    onPointerMove={handleDragPointerMove}\n                    onPointerUp={handleDragPointerUp}\n                    onPointerCancel={handleDragPointerCancel}\n                    onTouchStart={handleDragTouchStart}\n                    onTouchMove={handleDragTouchMove}\n                    onTouchEnd={handleDragTouchEnd}\n                    onTouchCancel={handleDragTouchCancel}\n                />\n            </StyledMentionFinderDragHandle>\n        );\n    }, [\n        enableDragHandle,\n        popupAlignment,\n        dragOffset,\n        dragProgress,\n        isDraggingHandle,\n        handleDragPointerDown,\n        handleDragPointerMove,\n        handleDragPointerUp,\n        handleDragPointerCancel,\n        handleDragTouchStart,\n        handleDragTouchMove,\n        handleDragTouchEnd,\n        handleDragTouchCancel,\n    ]);\n\n    const shouldRenderPopup = shouldShowPopup && fullMatch && items.length > 0;\n\n    useEffect(() => {\n        if (!enableDragHandle || !shouldRenderPopup) {\n            setOverlayContainer(null);\n            return;\n        }\n\n        const container = popupRef.current?.closest(\n            overlayContainerSelector ?? '.dialog-inner, .chayns-threads, .page-provider, .tapp',\n        );\n\n        if (container) {\n            setOverlayContainer(container);\n            return;\n        }\n\n        if (typeof document !== 'undefined') {\n            setOverlayContainer(document.body);\n        }\n    }, [enableDragHandle, overlayContainerSelector, shouldRenderPopup]);\n\n    const overlayPortal =\n        overlayContainer && enableDragHandle\n            ? createPortal(\n                  <AnimatePresence initial={false}>\n                      {shouldRenderPopup && (\n                          <StyledMentionFinderOverlay\n                              key=\"mention-finder-overlay\"\n                              animate={{ opacity: 1 }}\n                              exit={{ opacity: 0 }}\n                              initial={{ opacity: 0 }}\n                              onClick={handleOverlayClick}\n                          />\n                      )}\n                  </AnimatePresence>,\n                  overlayContainer,\n              )\n            : null;\n\n    return (\n        <>\n            {overlayPortal}\n            <StyledMentionFinder className=\"beta-chayns-mention-finder\">\n                <AnimatePresence initial={false}>\n                    {shouldRenderPopup && (\n                        <StyledMotionMentionFinderPopup\n                            ref={popupRef}\n                            animate={{\n                                height: 'auto',\n                                opacity: 1,\n                                y: dragOffset,\n                            }}\n                            className=\"prevent-lose-focus\"\n                            exit={{ height: 0, opacity: 0 }}\n                            initial={{ height: 0, opacity: 0 }}\n                            $popupAlignment={popupAlignment}\n                            $isDragging={enableDragHandle}\n                            transition={{ duration: 0.15 }}\n                            tabIndex={0}\n                        >\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Top &&\n                                dragHandle}\n                            <StyledMentionFinderItemList ref={listRef}>\n                                {items}\n                            </StyledMentionFinderItemList>\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Bottom &&\n                                dragHandle}\n                        </StyledMotionMentionFinderPopup>\n                    )}\n                </AnimatePresence>\n            </StyledMentionFinder>\n        </>\n    );\n};\n\nMentionFinder.displayName = 'MentionFinder';\n\nexport default MentionFinder;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/mention-finder/mention-finder-item/MentionFinderItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionFinderItem.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","StyledMentionFinderItem","exports","styled","div","theme","$isActive","css","StyledMentionFinderItemImage","img","$shouldShowRoundImage","StyledMentionFinderItemContent","text","StyledMentionFinderItemContentName","StyledMentionFinderItemContentInfo"],"sources":["../../../../../src/components/mention-finder/mention-finder-item/MentionFinderItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMentionFinderItemProps = WithTheme<{\n    $isActive: boolean;\n}>;\n\nexport const StyledMentionFinderItem = styled.div<StyledMentionFinderItemProps>`\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    padding: 10px 8px;\n\n    &:not(:last-child) {\n        border-bottom: 1px solid\n            rgba(${({ theme }: StyledMentionFinderItemProps) => theme['text-rgb']}, 0.15);\n    }\n\n    ${({ $isActive, theme }) =>\n        $isActive &&\n        css`\n            background-color: ${theme['102']} !important;\n        `}\n`;\n\ntype StyledMentionFinderItemImageProps = WithTheme<{\n    $shouldShowRoundImage?: boolean;\n}>;\n\nexport const StyledMentionFinderItemImage = styled.img<StyledMentionFinderItemImageProps>`\n    background-color: rgba(\n        ${({ theme }: StyledMentionFinderItemImageProps) => theme['text-rgb']},\n        0.1\n    );\n    border-radius: ${({ $shouldShowRoundImage }) => ($shouldShowRoundImage ? '50%' : 'initial')};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledMentionFinderItemImageProps) => theme['009-rgb']}, 0.08) inset;\n    flex: 0 0 auto;\n    height: 40px;\n    object-fit: cover;\n    overflow: hidden;\n    transition: border-radius 0.3s ease;\n    width: 40px;\n`;\n\ntype StyledMentionFinderItemContentProps = WithTheme<unknown>;\n\nexport const StyledMentionFinderItemContent = styled.div`\n    color: ${({ theme }: StyledMentionFinderItemContentProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    justify-content: center;\n    line-height: normal;\n    margin-left: 10px;\n    min-width: 0;\n`;\n\nexport const StyledMentionFinderItemContentName = styled.div``;\n\nexport const StyledMentionFinderItemContentInfo = styled.div`\n    font-size: 85%;\n    margin-top: 2px;\n    opacity: 0.75;\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;AAOzC,MAAMkB,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAGE,yBAAM,CAACC,GAAiC;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,CAAC;EAAEC;AAAoC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AACjF;AACA;AACA,MAAM,CAAC;EAAEC,SAAS;EAAED;AAAM,CAAC,KACnBC,SAAS,IACT,IAAAC,qBAAG;AACX,gCAAgCF,KAAK,CAAC,KAAK,CAAC;AAC5C,SAAS;AACT,CAAC;AAMM,MAAMG,4BAA4B,GAAAN,OAAA,CAAAM,4BAAA,GAAGL,yBAAM,CAACM,GAAsC;AACzF;AACA,UAAU,CAAC;EAAEJ;AAAyC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AAC7E;AACA;AACA,qBAAqB,CAAC;EAAEK;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,SAAU;AAC/F;AACA,eAAe,CAAC;EAAEL;AAAyC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMM,8BAA8B,GAAAT,OAAA,CAAAS,8BAAA,GAAGR,yBAAM,CAACC,GAAG;AACxD,aAAa,CAAC;EAAEC;AAA2C,CAAC,KAAKA,KAAK,CAACO,IAAI;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,kCAAkC,GAAAX,OAAA,CAAAW,kCAAA,GAAGV,yBAAM,CAACC,GAAG,EAAE;AAEvD,MAAMU,kCAAkC,GAAAZ,OAAA,CAAAY,kCAAA,GAAGX,yBAAM,CAACC,GAAG;AAC5D;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"MentionFinderItem.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","StyledMentionFinderItem","exports","styled","div","theme","$isActive","css","StyledMentionFinderItemImage","img","$shouldShowRoundImage","StyledMentionFinderItemContent","text","StyledMentionFinderItemContentName","StyledMentionFinderItemContentInfo"],"sources":["../../../../../src/components/mention-finder/mention-finder-item/MentionFinderItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMentionFinderItemProps = WithTheme<{ $isActive: boolean }>;\n\nexport const StyledMentionFinderItem = styled.div<StyledMentionFinderItemProps>`\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    padding: 10px 8px;\n\n    &:not(:last-child) {\n        border-bottom: 1px solid\n            rgba(${({ theme }: StyledMentionFinderItemProps) => theme['text-rgb']}, 0.15);\n    }\n\n    ${({ $isActive, theme }) =>\n        $isActive &&\n        css`\n            background-color: ${theme['102']} !important;\n        `}\n`;\n\ntype StyledMentionFinderItemImageProps = WithTheme<{\n    $shouldShowRoundImage?: boolean;\n}>;\n\nexport const StyledMentionFinderItemImage = styled.img<StyledMentionFinderItemImageProps>`\n    background-color: rgba(\n        ${({ theme }: StyledMentionFinderItemImageProps) => theme['text-rgb']},\n        0.1\n    );\n    border-radius: ${({ $shouldShowRoundImage }) => ($shouldShowRoundImage ? '50%' : 'initial')};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledMentionFinderItemImageProps) => theme['009-rgb']}, 0.08) inset;\n    flex: 0 0 auto;\n    height: 40px;\n    object-fit: cover;\n    overflow: hidden;\n    transition: border-radius 0.3s ease;\n    width: 40px;\n`;\n\ntype StyledMentionFinderItemContentProps = WithTheme<unknown>;\n\nexport const StyledMentionFinderItemContent = styled.div`\n    color: ${({ theme }: StyledMentionFinderItemContentProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    justify-content: center;\n    line-height: normal;\n    margin-left: 10px;\n    min-width: 0;\n`;\n\nexport const StyledMentionFinderItemContentName = styled.div``;\n\nexport const StyledMentionFinderItemContentInfo = styled.div`\n    font-size: 85%;\n    margin-top: 2px;\n    opacity: 0.75;\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;AAKzC,MAAMkB,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAGE,yBAAM,CAACC,GAAiC;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,CAAC;EAAEC;AAAoC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AACjF;AACA;AACA,MAAM,CAAC;EAAEC,SAAS;EAAED;AAAM,CAAC,KACnBC,SAAS,IACT,IAAAC,qBAAG;AACX,gCAAgCF,KAAK,CAAC,KAAK,CAAC;AAC5C,SAAS;AACT,CAAC;AAMM,MAAMG,4BAA4B,GAAAN,OAAA,CAAAM,4BAAA,GAAGL,yBAAM,CAACM,GAAsC;AACzF;AACA,UAAU,CAAC;EAAEJ;AAAyC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AAC7E;AACA;AACA,qBAAqB,CAAC;EAAEK;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,SAAU;AAC/F;AACA,eAAe,CAAC;EAAEL;AAAyC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMM,8BAA8B,GAAAT,OAAA,CAAAS,8BAAA,GAAGR,yBAAM,CAACC,GAAG;AACxD,aAAa,CAAC;EAAEC;AAA2C,CAAC,KAAKA,KAAK,CAACO,IAAI;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,kCAAkC,GAAAX,OAAA,CAAAW,kCAAA,GAAGV,yBAAM,CAACC,GAAG,EAAE;AAEvD,MAAMU,kCAAkC,GAAAZ,OAAA,CAAAY,kCAAA,GAAGX,yBAAM,CAACC,GAAG;AAC5D;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/multi-action-button/MultiActionButton.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("../../hooks/element");
-var _useKeyboardFocusHighlighting = require("../../hooks/useKeyboardFocusHighlighting");
 var _environment = require("../../utils/environment");
 var _ContextMenu = _interopRequireDefault(require("../context-menu/ContextMenu"));
 var _ActionButton = _interopRequireDefault(require("./action-button/ActionButton"));
@@ -73,13 +72,11 @@ const MultiActionButton = ({
   secondaryContextMenu,
   shouldAutoCollapse = false,
   shouldUseFullWidth,
-  shouldEnableKeyboardHighlighting,
   width
 }) => {
   const [isExtendedByClick, setIsExtendedByClick] = (0, _react.useState)(false);
   const [isSecondaryExpanded, setIsSecondaryExpanded] = (0, _react.useState)(false);
   const [isSecondaryHovered, setIsSecondaryHovered] = (0, _react.useState)(false);
-  const [isSecondaryFocused, setIsSecondaryFocused] = (0, _react.useState)(false);
   const autoCollapseTimeoutRef = (0, _react.useRef)(null);
   const multiActionButtonRef = (0, _react.useRef)(null);
   const secondaryContextMenuRef = (0, _react.useRef)(null);
@@ -93,7 +90,6 @@ const MultiActionButton = ({
   const hasExpandableSecondaryAction = Boolean(secondaryAction) && !hasSecondaryContextMenu;
   const hasSecondaryAction = Boolean(secondaryTriggerAction);
   const shouldUseContentWidth = !width && !shouldUseFullWidth;
-  const shouldShowKeyboardHighlighting = (0, _useKeyboardFocusHighlighting.useKeyboardFocusHighlighting)(shouldEnableKeyboardHighlighting && !isDisabled);
   const expandedMeasuredContent = (0, _react.useMemo)(() => createMeasuredMultiActionButtonContent({
     backgroundColor,
     gapColor,
@@ -144,15 +140,7 @@ const MultiActionButton = ({
     height
   });
   const shouldHidePrimaryLabelForMinimumWidth = shouldKeepPrimaryLabelVisible && typeof availableWidth === 'number' && availableWidth <= minimumPrimaryLabelVisibleWidth;
-  const resolvedWidth = (0, _react.useMemo)(() => {
-    if (shouldKeepFullWidth) {
-      return '100%';
-    }
-    if (effectiveIsCollapsed) {
-      return height;
-    }
-    return width ?? 'fit-content';
-  }, [effectiveIsCollapsed, height, shouldKeepFullWidth, width]);
+  const resolvedWidth = shouldKeepFullWidth ? '100%' : effectiveIsCollapsed ? height : width ?? 'fit-content';
   const secondaryContextMenuTriggerStyle = (0, _MultiActionButton2.getSecondaryContextMenuTriggerStyle)({
     height,
     isCollapsed: isSecondaryHidden,
@@ -209,7 +197,6 @@ const MultiActionButton = ({
       setIsSecondaryExpanded(false);
       setIsExtendedByClick(false);
       setIsSecondaryHovered(false);
-      setIsSecondaryFocused(false);
     }
   }, [clearAutoCollapseTimeout, effectiveIsCollapsed, shouldPreventSecondaryExpansion]);
 
@@ -276,26 +263,11 @@ const MultiActionButton = ({
       setIsSecondaryExpanded(false);
     }
   }, [effectiveIsCollapsed, isExtendedByClick, isTouch]);
-  const handleSecondaryFocus = (0, _react.useCallback)(() => {
-    if (!secondaryAction || isSecondaryHidden || isDisabled || shouldPreventSecondaryExpansion || secondaryAction.isDisabled) {
-      return;
-    }
-    setIsSecondaryFocused(true);
-    if (!isExtendedByClick) {
-      setIsSecondaryExpanded(true);
-    }
-  }, [isDisabled, isExtendedByClick, isSecondaryHidden, secondaryAction, shouldPreventSecondaryExpansion]);
-  const handleSecondaryBlur = (0, _react.useCallback)(() => {
-    setIsSecondaryFocused(false);
-    if (!isExtendedByClick && !effectiveIsCollapsed) {
-      setIsSecondaryExpanded(false);
-    }
-  }, [effectiveIsCollapsed, isExtendedByClick]);
 
   /**
-   * Secondary label is visible when expanded or when hovered/focused.
+   * Secondary label is visible when expanded or when hovered (desktop only).
    */
-  const isSecondaryLabelVisible = isSecondaryExpanded || !isTouch && isSecondaryHovered || isSecondaryFocused;
+  const isSecondaryLabelVisible = isSecondaryExpanded || !isTouch && isSecondaryHovered;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, measuredElement, /*#__PURE__*/_react.default.createElement(_MultiActionButton.StyledMultiActionButton, {
     className: (0, _clsx.default)('beta-chayns-multi-action', className),
     ref: multiActionButtonRef,
@@ -313,7 +285,6 @@ const MultiActionButton = ({
     isSolo: !hasSecondaryAction || isSecondaryHidden || effectiveIsCollapsed,
     onClick: handlePrimaryClick,
     showLabel: !effectiveIsCollapsed && !shouldHidePrimaryLabelForMinimumWidth && (shouldKeepPrimaryLabelVisible || !isAutoIconsOnly) && (shouldKeepPrimaryLabelVisible || !shouldHideSecondaryForAutoCollapse) && (!hasExpandableSecondaryAction || !isSecondaryExpanded),
-    shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
     shouldUseContentWidth: shouldUseContentWidth,
     height: height
   }), hasSecondaryAction && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MultiActionButton.StyledSeparator, {
@@ -338,7 +309,6 @@ const MultiActionButton = ({
     key: "multi-action-secondary-context-menu",
     onClick: handleSecondaryClick,
     showLabel: false,
-    shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
     shouldUseContentWidth: shouldUseContentWidth,
     height: height
   })) : /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
@@ -353,10 +323,7 @@ const MultiActionButton = ({
     onClick: handleSecondaryClick,
     onMouseEnter: handleSecondaryMouseEnter,
     onMouseLeave: handleSecondaryMouseLeave,
-    onFocus: handleSecondaryFocus,
-    onBlur: handleSecondaryBlur,
     showLabel: !isSecondaryHidden && !isAutoIconsOnly && isSecondaryLabelVisible,
-    shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
     shouldUseContentWidth: shouldUseContentWidth,
     height: height
   }))));