npm - @chayns-components/core - Versions diffs - 5.0.0-beta.549 → 5.0.0-beta.550 - Mend

@chayns-components/core 5.0.0-beta.549 → 5.0.0-beta.550

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/lib/components/list/list-item/list-item-head/ListItemHead.js CHANGED Viewed

@@ -70,9 +70,9 @@ const ListItemHead = _ref => {
     $isIconOrImageGiven: iconOrImageElement !== undefined,
     $isOpen: isOpen
   }, /*#__PURE__*/React.createElement(StyledListItemHeadTitle, null, /*#__PURE__*/React.createElement(StyledListItemHeadTitleText, {
-    className: "ellipsis"
+    $isOpen: isOpen
   }, title), rightElements && rightElements.length > 1 && rightElements[0] && /*#__PURE__*/React.createElement(StyledListItemHeadTopRightElement, null, rightElements[0])), subtitle && /*#__PURE__*/React.createElement(StyledListItemHeadSubtitle, null, /*#__PURE__*/React.createElement(StyledListItemHeadSubtitleText, {
-    className: "ellipsis"
+    $isOpen: isOpen
   }, subtitle), rightElements && rightElements.length > 1 && rightElements[1] && /*#__PURE__*/React.createElement(StyledListItemHeadBottomRightElement, null, rightElements[1]))), rightElements?.length === 1 && /*#__PURE__*/React.createElement(StyledListItemHeadRightElement, null, rightElements[0]), hoverItem && /*#__PURE__*/React.createElement(StyledMotionListItemHeadHoverItem, {
     animate: {
       marginLeft: shouldShowHoverItem ? 8 : 0,

package/lib/components/list/list-item/list-item-head/ListItemHead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemHead.js","names":["React","useCallback","useMemo","useRef","useState","Icon","ListItemIcon","ListItemImage","StyledListItemHead","StyledListItemHeadBottomRightElement","StyledListItemHeadContent","StyledListItemHeadRightElement","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadTitle","StyledListItemHeadTitleText","StyledListItemHeadTopRightElement","StyledMotionListItemHeadHoverItem","StyledMotionListItemHeadIndicator","ListItemHead","_ref","hoverItem","icons","images","isAnyItemExpandable","isExpandable","isOpen","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","leftElements","shouldShowHoverItem","setShouldShowHoverItem","longPressTimeoutRef","handleMouseEnter","handleMouseLeave","handleTouchStart","event","current","window","setTimeout","handleTouchEnd","clearTimeout","iconOrImageElement","createElement","undefined","className","$isClickable","$isAnyItemExpandable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","animate","rotate","initial","transition","type","$isIconOrImageGiven","$isOpen","length","marginLeft","opacity","width","duration","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport {\n StyledListItemHead,\n StyledListItemHeadBottomRightElement,\n StyledListItemHeadContent,\n StyledListItemHeadRightElement,\n StyledListItemHeadSubtitle,\n StyledListItemHeadSubtitleText,\n StyledListItemHeadTitle,\n StyledListItemHeadTitleText,\n StyledListItemHeadTopRightElement,\n StyledMotionListItemHeadHoverItem,\n StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ntype ListItemHeadProps = {\n hoverItem?: ReactNode;\n icons?: string[];\n images?: string[];\n isAnyItemExpandable: boolean;\n isExpandable: boolean;\n isOpen: boolean;\n onClick?: MouseEventHandler<HTMLDivElement>;\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n rightElements?: [ReactNode, ...ReactNode[]];\n subtitle?: ReactNode;\n leftElements?: ReactNode;\n shouldShowRoundImage?: boolean;\n title: ReactNode;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n hoverItem,\n icons,\n images,\n isAnyItemExpandable,\n isExpandable,\n isOpen,\n onClick,\n onLongPress,\n rightElements,\n subtitle,\n shouldShowRoundImage,\n title,\n leftElements,\n}) => {\n const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n\n const longPressTimeoutRef = useRef<number>();\n\n const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n (event) => {\n longPressTimeoutRef.current = window.setTimeout(() => {\n if (typeof onLongPress === 'function') {\n onLongPress(event);\n }\n }, 400);\n },\n [onLongPress],\n );\n\n const handleTouchEnd = useCallback(() => {\n clearTimeout(longPressTimeoutRef.current);\n }, []);\n\n const iconOrImageElement = useMemo(() => {\n if (icons) {\n return <ListItemIcon icons={icons} />;\n }\n\n if (images) {\n return <ListItemImage images={images} shouldShowRoundImage={!!shouldShowRoundImage} />;\n }\n\n return undefined;\n }, [icons, images, shouldShowRoundImage]);\n\n return (\n <StyledListItemHead\n className=\"beta-chayns-list-item-head\"\n $isClickable={typeof onClick === 'function' \|\| isExpandable}\n $isAnyItemExpandable={isAnyItemExpandable}\n onClick={onClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n >\n {isAnyItemExpandable && (\n <StyledMotionListItemHeadIndicator\n animate={{ rotate: isOpen ? 90 : 0 }}\n initial={false}\n transition={{ type: 'tween' }}\n >\n {isExpandable && <Icon icons={['fa fa-chevron-right']} />}\n </StyledMotionListItemHeadIndicator>\n )}\n {leftElements}\n {iconOrImageElement}\n <StyledListItemHeadContent\n $isIconOrImageGiven={iconOrImageElement !== undefined}\n $isOpen={isOpen}\n >\n <StyledListItemHeadTitle>\n <StyledListItemHeadTitleText className=\"ellipsis\">\n {title}\n </StyledListItemHeadTitleText>\n {rightElements && rightElements.length > 1 && rightElements[0] && (\n <StyledListItemHeadTopRightElement>\n {rightElements[0]}\n </StyledListItemHeadTopRightElement>\n )}\n </StyledListItemHeadTitle>\n {subtitle && (\n <StyledListItemHeadSubtitle>\n <StyledListItemHeadSubtitleText className=\"ellipsis\">\n {subtitle}\n </StyledListItemHeadSubtitleText>\n {rightElements && rightElements.length > 1 && rightElements[1] && (\n <StyledListItemHeadBottomRightElement>\n {rightElements[1]}\n </StyledListItemHeadBottomRightElement>\n )}\n </StyledListItemHeadSubtitle>\n )}\n </StyledListItemHeadContent>\n {rightElements?.length === 1 && (\n <StyledListItemHeadRightElement>{rightElements[0]}</StyledListItemHeadRightElement>\n )}\n {hoverItem && (\n <StyledMotionListItemHeadHoverItem\n animate={{\n marginLeft: shouldShowHoverItem ? 8 : 0,\n opacity: shouldShowHoverItem ? 1 : 0,\n width: shouldShowHoverItem ? 'auto' : 0,\n }}\n initial={false}\n transition={{ duration: 0.15, type: 'tween' }}\n >\n {hoverItem}\n </StyledMotionListItemHeadHoverItem>\n )}\n </StyledListItemHead>\n );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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"}
1	+ {"version":3,"file":"ListItemHead.js","names":["React","useCallback","useMemo","useRef","useState","Icon","ListItemIcon","ListItemImage","StyledListItemHead","StyledListItemHeadBottomRightElement","StyledListItemHeadContent","StyledListItemHeadRightElement","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadTitle","StyledListItemHeadTitleText","StyledListItemHeadTopRightElement","StyledMotionListItemHeadHoverItem","StyledMotionListItemHeadIndicator","ListItemHead","_ref","hoverItem","icons","images","isAnyItemExpandable","isExpandable","isOpen","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","leftElements","shouldShowHoverItem","setShouldShowHoverItem","longPressTimeoutRef","handleMouseEnter","handleMouseLeave","handleTouchStart","event","current","window","setTimeout","handleTouchEnd","clearTimeout","iconOrImageElement","createElement","undefined","className","$isClickable","$isAnyItemExpandable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","animate","rotate","initial","transition","type","$isIconOrImageGiven","$isOpen","length","marginLeft","opacity","width","duration","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport {\n StyledListItemHead,\n StyledListItemHeadBottomRightElement,\n StyledListItemHeadContent,\n StyledListItemHeadRightElement,\n StyledListItemHeadSubtitle,\n StyledListItemHeadSubtitleText,\n StyledListItemHeadTitle,\n StyledListItemHeadTitleText,\n StyledListItemHeadTopRightElement,\n StyledMotionListItemHeadHoverItem,\n StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ntype ListItemHeadProps = {\n hoverItem?: ReactNode;\n icons?: string[];\n images?: string[];\n isAnyItemExpandable: boolean;\n isExpandable: boolean;\n isOpen: boolean;\n onClick?: MouseEventHandler<HTMLDivElement>;\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n rightElements?: [ReactNode, ...ReactNode[]];\n subtitle?: ReactNode;\n leftElements?: ReactNode;\n shouldShowRoundImage?: boolean;\n title: ReactNode;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n hoverItem,\n icons,\n images,\n isAnyItemExpandable,\n isExpandable,\n isOpen,\n onClick,\n onLongPress,\n rightElements,\n subtitle,\n shouldShowRoundImage,\n title,\n leftElements,\n}) => {\n const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n\n const longPressTimeoutRef = useRef<number>();\n\n const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n (event) => {\n longPressTimeoutRef.current = window.setTimeout(() => {\n if (typeof onLongPress === 'function') {\n onLongPress(event);\n }\n }, 400);\n },\n [onLongPress],\n );\n\n const handleTouchEnd = useCallback(() => {\n clearTimeout(longPressTimeoutRef.current);\n }, []);\n\n const iconOrImageElement = useMemo(() => {\n if (icons) {\n return <ListItemIcon icons={icons} />;\n }\n\n if (images) {\n return <ListItemImage images={images} shouldShowRoundImage={!!shouldShowRoundImage} />;\n }\n\n return undefined;\n }, [icons, images, shouldShowRoundImage]);\n\n return (\n <StyledListItemHead\n className=\"beta-chayns-list-item-head\"\n $isClickable={typeof onClick === 'function' \|\| isExpandable}\n $isAnyItemExpandable={isAnyItemExpandable}\n onClick={onClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n >\n {isAnyItemExpandable && (\n <StyledMotionListItemHeadIndicator\n animate={{ rotate: isOpen ? 90 : 0 }}\n initial={false}\n transition={{ type: 'tween' }}\n >\n {isExpandable && <Icon icons={['fa fa-chevron-right']} />}\n </StyledMotionListItemHeadIndicator>\n )}\n {leftElements}\n {iconOrImageElement}\n <StyledListItemHeadContent\n $isIconOrImageGiven={iconOrImageElement !== undefined}\n $isOpen={isOpen}\n >\n <StyledListItemHeadTitle>\n <StyledListItemHeadTitleText $isOpen={isOpen}>\n {title}\n </StyledListItemHeadTitleText>\n {rightElements && rightElements.length > 1 && rightElements[0] && (\n <StyledListItemHeadTopRightElement>\n {rightElements[0]}\n </StyledListItemHeadTopRightElement>\n )}\n </StyledListItemHeadTitle>\n {subtitle && (\n <StyledListItemHeadSubtitle>\n <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n {subtitle}\n </StyledListItemHeadSubtitleText>\n {rightElements && rightElements.length > 1 && rightElements[1] && (\n <StyledListItemHeadBottomRightElement>\n {rightElements[1]}\n </StyledListItemHeadBottomRightElement>\n )}\n </StyledListItemHeadSubtitle>\n )}\n </StyledListItemHeadContent>\n {rightElements?.length === 1 && (\n <StyledListItemHeadRightElement>{rightElements[0]}</StyledListItemHeadRightElement>\n )}\n {hoverItem && (\n <StyledMotionListItemHeadHoverItem\n animate={{\n marginLeft: shouldShowHoverItem ? 8 : 0,\n opacity: shouldShowHoverItem ? 1 : 0,\n width: shouldShowHoverItem ? 'auto' : 0,\n }}\n initial={false}\n transition={{ duration: 0.15, type: 'tween' }}\n >\n {hoverItem}\n </StyledMotionListItemHeadHoverItem>\n )}\n </StyledListItemHead>\n );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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"}

package/lib/components/list/list-item/list-item-head/ListItemHead.styles.d.ts CHANGED Viewed

@@ -277,9 +277,15 @@ type StyledListItemHeadContentProps = {
 };
 export declare const StyledListItemHeadContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemHeadContentProps>>;
 export declare const StyledListItemHeadTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const StyledListItemHeadTitleText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+type StyledListItemHeadTitleTextProps = WithTheme<{
+    $isOpen: boolean;
+}>;
+export declare const StyledListItemHeadTitleText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledListItemHeadTitleTextProps>>;
 export declare const StyledListItemHeadSubtitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const StyledListItemHeadSubtitleText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+type StyledListItemHeadSubtitleTextProps = WithTheme<{
+    $isOpen: boolean;
+}>;
+export declare const StyledListItemHeadSubtitleText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledListItemHeadSubtitleTextProps>>;
 export declare const StyledListItemHeadTopRightElement: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const StyledListItemHeadBottomRightElement: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const StyledListItemHeadRightElement: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/list/list-item/list-item-head/ListItemHead.styles.js CHANGED Viewed

@@ -64,6 +64,21 @@ export const StyledListItemHeadTitle = styled.div`
     justify-content: space-between;
 `;
 export const StyledListItemHeadTitleText = styled.span`
+    font-weight: ${_ref6 => {
+  let {
+    $isOpen
+  } = _ref6;
+  return $isOpen ? 'bold' : 'normal';
+}};
+    white-space: ${_ref7 => {
+  let {
+    $isOpen
+  } = _ref7;
+  return $isOpen ? 'normal' : 'nowrap';
+}};
+    overflow: hidden;
+    text-overflow: ellipsis;
     flex: 1 1 auto;
     min-width: 0;
 `;
@@ -75,6 +90,21 @@ export const StyledListItemHeadSubtitle = styled.div`
     opacity: 0.75;
 `;
 export const StyledListItemHeadSubtitleText = styled.span`
+    font-weight: ${_ref8 => {
+  let {
+    $isOpen
+  } = _ref8;
+  return $isOpen ? 'bold' : 'normal';
+}};
+    white-space: ${_ref9 => {
+  let {
+    $isOpen
+  } = _ref9;
+  return $isOpen ? 'normal' : 'nowrap';
+}};
+    overflow: hidden;
+    text-overflow: ellipsis;
     flex: 1 1 auto;
     font-size: 85%;
     min-width: 0;

package/lib/components/list/list-item/list-item-head/ListItemHead.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemHead.styles.js","names":["motion","styled","css","StyledListItemHead","div","_ref","theme","text","_ref2","$isAnyItemExpandable","_ref3","$isClickable","StyledMotionListItemHeadIndicator","StyledListItemHeadContent","_ref4","$isOpen","_ref5","$isIconOrImageGiven","undefined","StyledListItemHeadTitle","StyledListItemHeadTitleText","span","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadTopRightElement","StyledListItemHeadBottomRightElement","StyledListItemHeadRightElement","StyledMotionListItemHeadHoverItem"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type {\n FramerMotionBugFix,\n WithTheme,\n} from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemHeadProps = WithTheme<{\n $isClickable: boolean;\n $isAnyItemExpandable: boolean;\n}>;\n\nexport const StyledListItemHead = styled.div<StyledListItemHeadProps>`\n align-items: center;\n color: ${({ theme }: StyledListItemHeadProps) => theme.text};\n display: flex;\n height: 64px;\n padding: 12px 9px;\n\n ${({ $isAnyItemExpandable }) =>\n !$isAnyItemExpandable &&\n css`\n padding-left: 12px;\n `}\n\n ${({ $isClickable }) =>\n $isClickable &&\n css`\n cursor: pointer;\n `}\n`;\n\nexport const StyledMotionListItemHeadIndicator = styled(motion.div)<FramerMotionBugFix>`\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n height: 26px;\n justify-content: center;\n width: 26px;\n`;\n\ntype StyledListItemHeadContentProps = {\n $isIconOrImageGiven: boolean;\n $isOpen: boolean;\n};\n\nexport const StyledListItemHeadContent = styled.div<StyledListItemHeadContentProps>`\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n font-weight: ${({ $isOpen }) => ($isOpen ? 'bold' : 'normal')};\n justify-content: center;\n line-height: normal;\n margin-left: ${({ $isIconOrImageGiven }) => ($isIconOrImageGiven ? '10px' : undefined)};\n min-width: 0;\n`;\n\nexport const StyledListItemHeadTitle = styled.div`\n align-items: center;\n display: flex;\n justify-content: space-between;\n`;\n\nexport const StyledListItemHeadTitleText = styled.span`\n flex: 1 1 auto;\n min-width: 0;\n`;\n\nexport const StyledListItemHeadSubtitle = styled.div`\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-top: 2px;\n opacity: 0.75;\n`;\n\nexport const StyledListItemHeadSubtitleText = styled.span`\n flex: 1 1 auto;\n font-size: 85%;\n min-width: 0;\n`;\n\nexport const StyledListItemHeadTopRightElement = styled.div`\n flex: 0 0 auto;\n font-size: 85%;\n margin-left: 8px;\n opacity: 0.75;\n`;\n\nexport const StyledListItemHeadBottomRightElement = styled.div`\n flex: 0 0 auto;\n margin-left: 8px;\n font-size: 85%;\n`;\n\nexport const StyledListItemHeadRightElement = styled.div`\n flex: 0 0 auto;\n margin-left: 8px;\n`;\n\nexport const StyledMotionListItemHeadHoverItem = styled(motion.div)<FramerMotionBugFix>`\n overflow: hidden;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAW/C,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAA6B;AACtE;AACA,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAA+B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AAChE;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAqB,CAAC,GAAAD,KAAA;EAAA,OACvB,CAACC,oBAAoB,IACrBP,GAAI;AACZ;AACA,SAAS;AAAA,CAAC;AACV;AACA,MAAMQ,KAAA;EAAA,IAAC;IAAEC;EAAa,CAAC,GAAAD,KAAA;EAAA,OACfC,YAAY,IACZT,GAAI;AACZ;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAED,OAAO,MAAMU,iCAAiC,GAAGX,MAAM,CAACD,MAAM,CAACI,GAAG,CAAsB;AACxF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMS,yBAAyB,GAAGZ,MAAM,CAACG,GAAoC;AACpF;AACA;AACA;AACA,mBAAmBU,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAMC,OAAO,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAE;AAClE;AACA;AACA,mBAAmBC,KAAA;EAAA,IAAC;IAAEC;EAAoB,CAAC,GAAAD,KAAA;EAAA,OAAMC,mBAAmB,GAAG,MAAM,GAAGC,SAAS;AAAA,CAAE;AAC3F;AACA,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGlB,MAAM,CAACG,GAAI;AAClD;AACA;AACA;AACA,CAAC;~~AAED~~,OAAO,MAAMgB,2BAA2B,GAAGnB,MAAM,CAACoB,~~IAAK~~;~~AACvD~~;AACA;AACA,CAAC;AAED,OAAO,~~MAAMC~~,0BAA0B,~~GAAGrB~~,MAAM,CAACG,GAAI;AACrD;AACA;AACA;AACA;AACA;AACA,CAAC;~~AAED~~,OAAO,~~MAAMmB~~,8BAA8B,~~GAAGtB~~,MAAM,CAACoB,~~IAAK~~;~~AAC1D~~;AACA;AACA;AACA,CAAC;AAED,OAAO,~~MAAMG~~,iCAAiC,~~GAAGvB~~,MAAM,CAACG,GAAI;AAC5D;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,~~MAAMqB~~,oCAAoC,~~GAAGxB~~,MAAM,CAACG,GAAI;AAC/D;AACA;AACA;AACA,CAAC;AAED,OAAO,~~MAAMsB~~,8BAA8B,~~GAAGzB~~,MAAM,CAACG,GAAI;AACzD;AACA;AACA,CAAC;AAED,OAAO,~~MAAMuB~~,iCAAiC,~~GAAG1B~~,MAAM,CAACD,MAAM,CAACI,GAAG,CAAsB;AACxF;AACA,CAAC"}
1	+ {"version":3,"file":"ListItemHead.styles.js","names":["motion","styled","css","StyledListItemHead","div","_ref","theme","text","_ref2","$isAnyItemExpandable","_ref3","$isClickable","StyledMotionListItemHeadIndicator","StyledListItemHeadContent","_ref4","$isOpen","_ref5","$isIconOrImageGiven","undefined","StyledListItemHeadTitle","StyledListItemHeadTitleText","span","_ref6","_ref7","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","_ref8","_ref9","StyledListItemHeadTopRightElement","StyledListItemHeadBottomRightElement","StyledListItemHeadRightElement","StyledMotionListItemHeadHoverItem"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type {\n FramerMotionBugFix,\n WithTheme,\n} from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemHeadProps = WithTheme<{\n $isClickable: boolean;\n $isAnyItemExpandable: boolean;\n}>;\n\nexport const StyledListItemHead = styled.div<StyledListItemHeadProps>`\n align-items: center;\n color: ${({ theme }: StyledListItemHeadProps) => theme.text};\n display: flex;\n height: 64px;\n padding: 12px 9px;\n\n ${({ $isAnyItemExpandable }) =>\n !$isAnyItemExpandable &&\n css`\n padding-left: 12px;\n `}\n\n ${({ $isClickable }) =>\n $isClickable &&\n css`\n cursor: pointer;\n `}\n`;\n\nexport const StyledMotionListItemHeadIndicator = styled(motion.div)<FramerMotionBugFix>`\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n height: 26px;\n justify-content: center;\n width: 26px;\n`;\n\ntype StyledListItemHeadContentProps = {\n $isIconOrImageGiven: boolean;\n $isOpen: boolean;\n};\n\nexport const StyledListItemHeadContent = styled.div<StyledListItemHeadContentProps>`\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n font-weight: ${({ $isOpen }) => ($isOpen ? 'bold' : 'normal')};\n justify-content: center;\n line-height: normal;\n margin-left: ${({ $isIconOrImageGiven }) => ($isIconOrImageGiven ? '10px' : undefined)};\n min-width: 0;\n`;\n\nexport const StyledListItemHeadTitle = styled.div`\n align-items: center;\n display: flex;\n justify-content: space-between;\n`;\n\ntype StyledListItemHeadTitleTextProps = WithTheme<{ $isOpen: boolean }>;\n\nexport const StyledListItemHeadTitleText = styled.span<StyledListItemHeadTitleTextProps>`\n font-weight: ${({ $isOpen }) => ($isOpen ? 'bold' : 'normal')};\n white-space: ${({ $isOpen }) => ($isOpen ? 'normal' : 'nowrap')};\n overflow: hidden;\n text-overflow: ellipsis;\n\n flex: 1 1 auto;\n min-width: 0;\n`;\n\nexport const StyledListItemHeadSubtitle = styled.div`\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-top: 2px;\n opacity: 0.75;\n`;\n\ntype StyledListItemHeadSubtitleTextProps = WithTheme<{ $isOpen: boolean }>;\n\nexport const StyledListItemHeadSubtitleText = styled.span<StyledListItemHeadSubtitleTextProps>`\n font-weight: ${({ $isOpen }) => ($isOpen ? 'bold' : 'normal')};\n white-space: ${({ $isOpen }) => ($isOpen ? 'normal' : 'nowrap')};\n overflow: hidden;\n text-overflow: ellipsis;\n\n flex: 1 1 auto;\n font-size: 85%;\n min-width: 0;\n`;\n\nexport const StyledListItemHeadTopRightElement = styled.div`\n flex: 0 0 auto;\n font-size: 85%;\n margin-left: 8px;\n opacity: 0.75;\n`;\n\nexport const StyledListItemHeadBottomRightElement = styled.div`\n flex: 0 0 auto;\n margin-left: 8px;\n font-size: 85%;\n`;\n\nexport const StyledListItemHeadRightElement = styled.div`\n flex: 0 0 auto;\n margin-left: 8px;\n`;\n\nexport const StyledMotionListItemHeadHoverItem = styled(motion.div)<FramerMotionBugFix>`\n overflow: hidden;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAW/C,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAA6B;AACtE;AACA,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAA+B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AAChE;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAqB,CAAC,GAAAD,KAAA;EAAA,OACvB,CAACC,oBAAoB,IACrBP,GAAI;AACZ;AACA,SAAS;AAAA,CAAC;AACV;AACA,MAAMQ,KAAA;EAAA,IAAC;IAAEC;EAAa,CAAC,GAAAD,KAAA;EAAA,OACfC,YAAY,IACZT,GAAI;AACZ;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAED,OAAO,MAAMU,iCAAiC,GAAGX,MAAM,CAACD,MAAM,CAACI,GAAG,CAAsB;AACxF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMS,yBAAyB,GAAGZ,MAAM,CAACG,GAAoC;AACpF;AACA;AACA;AACA,mBAAmBU,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAMC,OAAO,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAE;AAClE;AACA;AACA,mBAAmBC,KAAA;EAAA,IAAC;IAAEC;EAAoB,CAAC,GAAAD,KAAA;EAAA,OAAMC,mBAAmB,GAAG,MAAM,GAAGC,SAAS;AAAA,CAAE;AAC3F;AACA,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGlB,MAAM,CAACG,GAAI;AAClD;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMgB,2BAA2B,GAAGnB,MAAM,CAACoB,IAAuC;AACzF,mBAAmBC,KAAA;EAAA,IAAC;IAAEP;EAAQ,CAAC,GAAAO,KAAA;EAAA,OAAMP,OAAO,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAE;AAClE,mBAAmBQ,KAAA;EAAA,IAAC;IAAER;EAAQ,CAAC,GAAAQ,KAAA;EAAA,OAAMR,OAAO,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAE;AACpE;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMS,0BAA0B,GAAGvB,MAAM,CAACG,GAAI;AACrD;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMqB,8BAA8B,GAAGxB,MAAM,CAACoB,IAA0C;AAC/F,mBAAmBK,KAAA;EAAA,IAAC;IAAEX;EAAQ,CAAC,GAAAW,KAAA;EAAA,OAAMX,OAAO,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAE;AAClE,mBAAmBY,KAAA;EAAA,IAAC;IAAEZ;EAAQ,CAAC,GAAAY,KAAA;EAAA,OAAMZ,OAAO,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAE;AACpE;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMa,iCAAiC,GAAG3B,MAAM,CAACG,GAAI;AAC5D;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMyB,oCAAoC,GAAG5B,MAAM,CAACG,GAAI;AAC/D;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAM0B,8BAA8B,GAAG7B,MAAM,CAACG,GAAI;AACzD;AACA;AACA,CAAC;AAED,OAAO,MAAM2B,iCAAiC,GAAG9B,MAAM,CAACD,MAAM,CAACI,GAAG,CAAsB;AACxF;AACA,CAAC"}

package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js CHANGED Viewed

@@ -18,7 +18,6 @@ export const StyledListItemIcon = styled.div`
     flex: 0 0 auto;
     height: 40px;
     justify-content: center;
-    margin-right: 10px;
     width: 40px;
 `;
 //# sourceMappingURL=ListItemIcon.styles.js.map

package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemIcon.styles.js","names":["styled","StyledListItemIcon","div","_ref","theme","_ref2"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemIconProps = WithTheme<unknown>;\n\nexport const StyledListItemIcon = styled.div`\n align-items: center;\n background-color: rgba(${({ theme }: StyledListItemIconProps) => theme['text-rgb']}, 0.1);\n box-shadow: 0 0 0 1px rgba(${({ theme }: StyledListItemIconProps) => theme['009-rgb']}, 0.08)\n inset;\n display: flex;\n flex: 0 0 auto;\n height: 40px;\n justify-content: center;\n ~~margin-right: 10px;\n~~ width: 40px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAKtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAI;AAC7C;AACA,6BAA6BC,IAAA;EAAA,IAAC;IAAEC;EAA+B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,UAAU,CAAC;AAAA,CAAC;AACvF,iCAAiCC,KAAA;EAAA,IAAC;IAAED;EAA+B,CAAC,GAAAC,KAAA;EAAA,OAAKD,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA~~;AACA~~,CAAC"}
1	+ {"version":3,"file":"ListItemIcon.styles.js","names":["styled","StyledListItemIcon","div","_ref","theme","_ref2"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemIconProps = WithTheme<unknown>;\n\nexport const StyledListItemIcon = styled.div`\n align-items: center;\n background-color: rgba(${({ theme }: StyledListItemIconProps) => theme['text-rgb']}, 0.1);\n box-shadow: 0 0 0 1px rgba(${({ theme }: StyledListItemIconProps) => theme['009-rgb']}, 0.08)\n inset;\n display: flex;\n flex: 0 0 auto;\n height: 40px;\n justify-content: center;\n width: 40px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAKtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAI;AAC7C;AACA,6BAA6BC,IAAA;EAAA,IAAC;IAAEC;EAA+B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,UAAU,CAAC;AAAA,CAAC;AACvF,iCAAiCC,KAAA;EAAA,IAAC;IAAED;EAA+B,CAAC,GAAAC,KAAA;EAAA,OAAKD,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}

package/lib/components/search-box/SearchBox.js CHANGED Viewed

@@ -4,9 +4,9 @@ import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo
 import { calculateContentHeight } from '../../utils/calculate';
 import { searchList } from '../../utils/searchBox';
 import Input from '../input/Input';
+import GroupName from './group-name/GroupName';
 import SearchBoxItem from './search-box-item/SearchBoxItem';
 import { StyledMotionSearchBoxBody, StyledSearchBox } from './SearchBox.styles';
-import GroupName from './group-name/GroupName';
 const SearchBox = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     placeholder,
@@ -292,7 +292,7 @@ const SearchBox = /*#__PURE__*/forwardRef((_ref, ref) => {
       items.push( /*#__PURE__*/React.createElement(SearchBoxItem, {
         id: "input-value",
         onSelect: handleSelect,
-        text: inputToListValue
+        text: `<b>${inputToListValue}</b`
       }));
     }
     return items;

package/lib/components/search-box/SearchBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBox.js","names":["getDevice","AnimatePresence","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","calculateContentHeight","searchList","Input","SearchBoxItem","StyledMotionSearchBoxBody","StyledSearchBox","GroupName","SearchBox","_ref","ref","placeholder","lists","onChange","onBlur","onSelect","onKeyDown","selectedId","shouldShowRoundImage","shouldShowContentOnEmptyInput","shouldAddInputToList","matchingListsItems","setMatchingListsItems","value","setValue","isAnimating","setIsAnimating","height","setHeight","width","setWidth","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","boxRef","contentRef","inputRef","browser","handleOutsideClick","event","current","contains","target","document","addEventListener","window","removeEventListener","textArray","forEach","_ref2","list","groupName","_ref3","text","push","input","getElementById","offsetWidth","_ref4","selectedItem","find","_ref5","id","handleFocus","newMatchingItems","map","_ref6","items","searchString","filteredMatchingListItems","_ref7","filter","item","_ref8","_ref9","_ref10","toLowerCase","handleChange","filteredLists","_ref11","handleBlur","handleSelect","content","_ref12","createElement","key","name","_ref13","imageUrl","handleKeyDown","e","preventDefault","children","filteredChildren","Array","from","child","dataset","isgroupname","newIndex","prevElement","tabIndex","newElement","focus","element","textContent","replace","handleKeyPress","keyCode","clear","onFocus","initial","$browser","$height","$width","opacity","animate","transition","duration","type","displayName"],"sources":["../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n FC,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n ReactElement,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport { searchList } from '../../utils/searchBox';\nimport Input from '../input/Input';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledMotionSearchBoxBody, StyledSearchBox } from './SearchBox.styles';\nimport GroupName from './group-name/GroupName';\n\nexport type SearchBoxRef = {\n clear: VoidFunction;\n};\n\nexport type SearchBoxProps = {\n /*\n List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.\n /\n lists: ISearchBoxItems[];\n /\n The placeholder that should be displayed.\n /\n placeholder?: string;\n /\n Function to be executed when the input lost focus.\n /\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Function to be executed when the input is changed.\n /\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Function that is executed when a letter is pressed\n /\n onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n /\n Function to be executed when an item is selected.\n /\n onSelect?: (item: ISearchBoxItem) => void;\n /\n Control the selected item. If you use this prop, make sure to update it when the user selects an item.\n /\n selectedId?: string;\n /\n Whether the full list of items should be displayed if the input is empty.\n /\n shouldShowContentOnEmptyInput?: boolean;\n /\n If true, the images of the items are displayed in a round shape.\n /\n shouldShowRoundImage?: boolean;\n /\n If true, the value in the Input is displayed in the list.\n /\n shouldAddInputToList: boolean;\n};\n\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n (\n {\n placeholder,\n lists,\n onChange,\n onBlur,\n onSelect,\n onKeyDown,\n selectedId,\n shouldShowRoundImage,\n shouldShowContentOnEmptyInput = true,\n shouldAddInputToList = true,\n },\n ref,\n ) => {\n const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n const [value, setValue] = useState('');\n const [isAnimating, setIsAnimating] = useState(false);\n const [height, setHeight] = useState<number>(0);\n const [width, setWidth] = useState(0);\n const [focusedIndex, setFocusedIndex] = useState<number \| null>(null);\n const [hasMultipleGroups, setHasMultipleGroups] = useState<boolean>(lists.length > 1);\n const [filteredChildrenArray, setFilteredChildrenArray] = useState<Element[]>();\n const [inputToListValue, setInputToListValue] = useState<string>('');\n\n const boxRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const { browser } = getDevice();\n\n /\n Checks if Lists are smaller then 1\n /\n\n useEffect(() => {\n setHasMultipleGroups(lists.length > 1);\n }, [lists]);\n\n /\n This function closes the list of items\n /\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n if (boxRef.current && !boxRef.current.contains(event.target as Node)) {\n setIsAnimating(false);\n }\n },\n [boxRef],\n );\n\n /\n This hook listens for clicks\n /\n useEffect(() => {\n document.addEventListener('click', handleOutsideClick);\n window.addEventListener('blur', () => setIsAnimating(false));\n\n return () => {\n document.removeEventListener('click', handleOutsideClick);\n window.addEventListener('blur', () => setIsAnimating(false));\n };\n }, [handleOutsideClick, boxRef]);\n\n /\n This hook calculates the height\n /\n useEffect(() => {\n const textArray: string[] = [];\n\n lists.forEach(({ list, groupName }) => {\n list.forEach(({ text }) => textArray.push(text));\n if (!groupName) {\n return;\n }\n textArray.push(groupName);\n });\n\n if (shouldAddInputToList && inputToListValue !== '') {\n textArray.push(inputToListValue);\n }\n\n setHeight(calculateContentHeight(textArray));\n }, [inputToListValue, lists, placeholder, shouldAddInputToList]);\n\n /\n This hook calculates the width\n /\n useEffect(() => {\n const input = document.getElementById('search_box_input');\n\n if (input) {\n setWidth(input.offsetWidth);\n }\n }, []);\n\n useEffect(() => {\n if (selectedId) {\n lists.forEach(({ list }) => {\n const selectedItem = list.find(({ id }) => id === selectedId);\n if (selectedItem) {\n setValue(selectedItem.text);\n }\n });\n }\n }, [lists, selectedId]);\n\n /\n This hook resets the value if the selectedId changes to undefined. This is an own useEffect because the value\n * should not be reset if the list changes and the selectedId is still undefined.\n /\n useEffect(() => {\n if (!selectedId) {\n setValue('');\n }\n }, [selectedId]);\n\n /\n This function sets the items on focus if shouldShowContentOnEmptyInput\n /\n\n const handleFocus = useCallback(() => {\n if (shouldShowContentOnEmptyInput) {\n const newMatchingItems = lists.map(({ list, groupName }) => ({\n groupName,\n list: searchList({ items: list, searchString: value }),\n }));\n\n const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n groupName,\n list: list.filter(\n (item) => !(newMatchingItems.length === 1 && item.text === value),\n ),\n }));\n\n setMatchingListsItems(filteredMatchingListItems);\n setIsAnimating(filteredMatchingListItems.length !== 0);\n }\n }, [lists, shouldShowContentOnEmptyInput, value]);\n\n /\n This function filters the lists by input\n /\n\n useEffect(() => {\n const newMatchingItems = lists.map(({ list, groupName }) => ({\n groupName,\n list: searchList({ items: list, searchString: value }),\n }));\n\n if (shouldAddInputToList && inputToListValue !== '') {\n newMatchingItems.forEach(({ list }) => {\n list.forEach(({ text }) => {\n if (text.toLowerCase() === inputToListValue.toLowerCase()) {\n setInputToListValue('');\n }\n });\n });\n }\n\n if (!shouldShowContentOnEmptyInput && !value) {\n setMatchingListsItems([]);\n } else {\n setMatchingListsItems(newMatchingItems);\n setIsAnimating(newMatchingItems.length !== 0);\n }\n }, [inputToListValue, lists, shouldAddInputToList, shouldShowContentOnEmptyInput, value]);\n\n /\n This function handles changes of the input\n /\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n const filteredLists = lists.map(({ list, groupName }) => ({\n groupName,\n list: searchList({ items: list, searchString: event.target.value }),\n }));\n\n if (!shouldShowContentOnEmptyInput && !event.target.value) {\n setMatchingListsItems([]);\n } else {\n setMatchingListsItems(filteredLists);\n setIsAnimating(filteredLists.length !== 0);\n }\n\n setValue(event.target.value);\n setInputToListValue(event.target.value);\n\n if (typeof onChange === 'function') {\n onChange(event);\n }\n },\n [lists, onChange, shouldShowContentOnEmptyInput],\n );\n\n /\n This function handles the blur event of the input\n /\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (typeof onBlur === 'function') {\n onBlur(event);\n }\n },\n [onBlur],\n );\n\n /\n This function handles the item selection\n */\n const handleSelect = useCallback(\n (item: ISearchBoxItem) => {\n setValue(item.text);\n setIsAnimating(false);\n\n setMatchingListsItems([]);\n if (typeof onSelect === 'function') {\n onSelect(item);\n }\n },\n [onSelect],\n );\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n matchingListsItems.forEach(({ groupName, list }) => {\n if (hasMultipleGroups) {\n if (list.length <= 0) {\n return;\n }\n\n items.push(<GroupName key={groupName} name={groupName ?? ''} />);\n }\n\n list.forEach(({ id, text, imageUrl }) => {\n items.push(\n <SearchBoxItem\n key={`${id}_${groupName ?? ''}`}\n id={id}\n text={text}\n imageUrl={imageUrl}\n shouldShowRoundImage={shouldShowRoundImage}\n onSelect={handleSelect}\n groupName={groupName}\n />,\n );\n });\n });\n\n if (shouldAddInputToList && inputToListValue !== '') {\n items.push(\n <SearchBoxItem\n id=\"input-value\"\n onSelect={handleSelect}\n text={inputToListValue}\n />,\n );\n }\n\n return items;\n }, [\n matchingListsItems,\n shouldAddInputToList,\n inputToListValue,\n hasMultipleGroups,\n shouldShowRoundImage,\n handleSelect,\n ]);\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'ArrowUp' \|\| e.key === 'ArrowDown') {\n e.preventDefault();\n const children = contentRef.current?.children;\n\n if (children && children.length > 0) {\n const filteredChildren = Array.from(children).filter(\n (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n );\n setFilteredChildrenArray(filteredChildren);\n\n const newIndex =\n focusedIndex !== null\n ? (focusedIndex +\n (e.key === 'ArrowUp' ? -1 : 1) +\n filteredChildren.length) %\n filteredChildren.length\n : 0;\n\n if (focusedIndex !== null) {\n const prevElement = filteredChildren[focusedIndex] as HTMLDivElement;\n prevElement.tabIndex = -1;\n }\n\n setFocusedIndex(newIndex);\n\n const newElement = filteredChildren[newIndex] as HTMLDivElement;\n newElement.tabIndex = 0;\n newElement.focus();\n }\n } else if (e.key === 'Enter' && focusedIndex !== null) {\n if (filteredChildrenArray) {\n const element = filteredChildrenArray[focusedIndex];\n\n if (!element) {\n return;\n }\n\n const { id, textContent } = element;\n\n handleSelect({\n id: id.replace('search-box-item__', ''),\n text: textContent ?? '',\n });\n }\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [filteredChildrenArray, focusedIndex, handleSelect]);\n\n const handleKeyPress = useCallback((event: KeyboardEvent) => {\n if (event.keyCode === 27) {\n setMatchingListsItems([]);\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n clear: () => setValue(''),\n }),\n [],\n );\n\n useEffect(() => {\n document.addEventListener('keydown', handleKeyPress);\n\n return () => {\n document.addEventListener('keydown', handleKeyPress);\n };\n }, [handleKeyPress]);\n\n return useMemo(\n () => (\n <StyledSearchBox ref={boxRef}>\n <div id=\"search_box_input\">\n <Input\n ref={inputRef}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n value={value}\n />\n </div>\n <AnimatePresence initial={false}>\n <StyledMotionSearchBoxBody\n $browser={browser?.name}\n key=\"content\"\n $height={height}\n $width={width}\n initial={{ height: 0, opacity: 0 }}\n animate={\n isAnimating\n ? { height: 'fit-content', opacity: 1 }\n : { height: 0, opacity: 0 }\n }\n transition={{\n duration: 0.2,\n type: 'tween',\n }}\n ref={contentRef}\n tabIndex={0}\n >\n {content}\n </StyledMotionSearchBoxBody>\n </AnimatePresence>\n </StyledSearchBox>\n ),\n [\n browser?.name,\n content,\n handleBlur,\n handleChange,\n handleFocus,\n height,\n isAnimating,\n onKeyDown,\n placeholder,\n value,\n width,\n ],\n );\n },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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"}
1	+ {"version":3,"file":"SearchBox.js","names":["getDevice","AnimatePresence","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","calculateContentHeight","searchList","Input","GroupName","SearchBoxItem","StyledMotionSearchBoxBody","StyledSearchBox","SearchBox","_ref","ref","placeholder","lists","onChange","onBlur","onSelect","onKeyDown","selectedId","shouldShowRoundImage","shouldShowContentOnEmptyInput","shouldAddInputToList","matchingListsItems","setMatchingListsItems","value","setValue","isAnimating","setIsAnimating","height","setHeight","width","setWidth","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","boxRef","contentRef","inputRef","browser","handleOutsideClick","event","current","contains","target","document","addEventListener","window","removeEventListener","textArray","forEach","_ref2","list","groupName","_ref3","text","push","input","getElementById","offsetWidth","_ref4","selectedItem","find","_ref5","id","handleFocus","newMatchingItems","map","_ref6","items","searchString","filteredMatchingListItems","_ref7","filter","item","_ref8","_ref9","_ref10","toLowerCase","handleChange","filteredLists","_ref11","handleBlur","handleSelect","content","_ref12","createElement","key","name","_ref13","imageUrl","handleKeyDown","e","preventDefault","children","filteredChildren","Array","from","child","dataset","isgroupname","newIndex","prevElement","tabIndex","newElement","focus","element","textContent","replace","handleKeyPress","keyCode","clear","onFocus","initial","$browser","$height","$width","opacity","animate","transition","duration","type","displayName"],"sources":["../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n FC,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n ReactElement,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport { searchList } from '../../utils/searchBox';\nimport Input from '../input/Input';\nimport GroupName from './group-name/GroupName';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledMotionSearchBoxBody, StyledSearchBox } from './SearchBox.styles';\n\nexport type SearchBoxRef = {\n clear: VoidFunction;\n};\n\nexport type SearchBoxProps = {\n /*\n List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.\n /\n lists: ISearchBoxItems[];\n /\n The placeholder that should be displayed.\n /\n placeholder?: string;\n /\n Function to be executed when the input lost focus.\n /\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Function to be executed when the input is changed.\n /\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Function that is executed when a letter is pressed\n /\n onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n /\n Function to be executed when an item is selected.\n /\n onSelect?: (item: ISearchBoxItem) => void;\n /\n Control the selected item. If you use this prop, make sure to update it when the user selects an item.\n /\n selectedId?: string;\n /\n Whether the full list of items should be displayed if the input is empty.\n /\n shouldShowContentOnEmptyInput?: boolean;\n /\n If true, the images of the items are displayed in a round shape.\n /\n shouldShowRoundImage?: boolean;\n /\n If true, the value in the Input is displayed in the list.\n /\n shouldAddInputToList: boolean;\n};\n\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n (\n {\n placeholder,\n lists,\n onChange,\n onBlur,\n onSelect,\n onKeyDown,\n selectedId,\n shouldShowRoundImage,\n shouldShowContentOnEmptyInput = true,\n shouldAddInputToList = true,\n },\n ref,\n ) => {\n const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n const [value, setValue] = useState('');\n const [isAnimating, setIsAnimating] = useState(false);\n const [height, setHeight] = useState<number>(0);\n const [width, setWidth] = useState(0);\n const [focusedIndex, setFocusedIndex] = useState<number \| null>(null);\n const [hasMultipleGroups, setHasMultipleGroups] = useState<boolean>(lists.length > 1);\n const [filteredChildrenArray, setFilteredChildrenArray] = useState<Element[]>();\n const [inputToListValue, setInputToListValue] = useState<string>('');\n\n const boxRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const { browser } = getDevice();\n\n /\n Checks if Lists are smaller then 1\n /\n\n useEffect(() => {\n setHasMultipleGroups(lists.length > 1);\n }, [lists]);\n\n /\n This function closes the list of items\n /\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n if (boxRef.current && !boxRef.current.contains(event.target as Node)) {\n setIsAnimating(false);\n }\n },\n [boxRef],\n );\n\n /\n This hook listens for clicks\n /\n useEffect(() => {\n document.addEventListener('click', handleOutsideClick);\n window.addEventListener('blur', () => setIsAnimating(false));\n\n return () => {\n document.removeEventListener('click', handleOutsideClick);\n window.addEventListener('blur', () => setIsAnimating(false));\n };\n }, [handleOutsideClick, boxRef]);\n\n /\n This hook calculates the height\n /\n useEffect(() => {\n const textArray: string[] = [];\n\n lists.forEach(({ list, groupName }) => {\n list.forEach(({ text }) => textArray.push(text));\n if (!groupName) {\n return;\n }\n textArray.push(groupName);\n });\n\n if (shouldAddInputToList && inputToListValue !== '') {\n textArray.push(inputToListValue);\n }\n\n setHeight(calculateContentHeight(textArray));\n }, [inputToListValue, lists, placeholder, shouldAddInputToList]);\n\n /\n This hook calculates the width\n /\n useEffect(() => {\n const input = document.getElementById('search_box_input');\n\n if (input) {\n setWidth(input.offsetWidth);\n }\n }, []);\n\n useEffect(() => {\n if (selectedId) {\n lists.forEach(({ list }) => {\n const selectedItem = list.find(({ id }) => id === selectedId);\n if (selectedItem) {\n setValue(selectedItem.text);\n }\n });\n }\n }, [lists, selectedId]);\n\n /\n This hook resets the value if the selectedId changes to undefined. This is an own useEffect because the value\n * should not be reset if the list changes and the selectedId is still undefined.\n /\n useEffect(() => {\n if (!selectedId) {\n setValue('');\n }\n }, [selectedId]);\n\n /\n This function sets the items on focus if shouldShowContentOnEmptyInput\n /\n\n const handleFocus = useCallback(() => {\n if (shouldShowContentOnEmptyInput) {\n const newMatchingItems = lists.map(({ list, groupName }) => ({\n groupName,\n list: searchList({ items: list, searchString: value }),\n }));\n\n const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n groupName,\n list: list.filter(\n (item) => !(newMatchingItems.length === 1 && item.text === value),\n ),\n }));\n\n setMatchingListsItems(filteredMatchingListItems);\n setIsAnimating(filteredMatchingListItems.length !== 0);\n }\n }, [lists, shouldShowContentOnEmptyInput, value]);\n\n /\n This function filters the lists by input\n /\n\n useEffect(() => {\n const newMatchingItems = lists.map(({ list, groupName }) => ({\n groupName,\n list: searchList({ items: list, searchString: value }),\n }));\n\n if (shouldAddInputToList && inputToListValue !== '') {\n newMatchingItems.forEach(({ list }) => {\n list.forEach(({ text }) => {\n if (text.toLowerCase() === inputToListValue.toLowerCase()) {\n setInputToListValue('');\n }\n });\n });\n }\n\n if (!shouldShowContentOnEmptyInput && !value) {\n setMatchingListsItems([]);\n } else {\n setMatchingListsItems(newMatchingItems);\n setIsAnimating(newMatchingItems.length !== 0);\n }\n }, [inputToListValue, lists, shouldAddInputToList, shouldShowContentOnEmptyInput, value]);\n\n /\n This function handles changes of the input\n /\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n const filteredLists = lists.map(({ list, groupName }) => ({\n groupName,\n list: searchList({ items: list, searchString: event.target.value }),\n }));\n\n if (!shouldShowContentOnEmptyInput && !event.target.value) {\n setMatchingListsItems([]);\n } else {\n setMatchingListsItems(filteredLists);\n setIsAnimating(filteredLists.length !== 0);\n }\n\n setValue(event.target.value);\n setInputToListValue(event.target.value);\n\n if (typeof onChange === 'function') {\n onChange(event);\n }\n },\n [lists, onChange, shouldShowContentOnEmptyInput],\n );\n\n /\n This function handles the blur event of the input\n /\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (typeof onBlur === 'function') {\n onBlur(event);\n }\n },\n [onBlur],\n );\n\n /\n This function handles the item selection\n */\n const handleSelect = useCallback(\n (item: ISearchBoxItem) => {\n setValue(item.text);\n setIsAnimating(false);\n\n setMatchingListsItems([]);\n if (typeof onSelect === 'function') {\n onSelect(item);\n }\n },\n [onSelect],\n );\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n matchingListsItems.forEach(({ groupName, list }) => {\n if (hasMultipleGroups) {\n if (list.length <= 0) {\n return;\n }\n\n items.push(<GroupName key={groupName} name={groupName ?? ''} />);\n }\n\n list.forEach(({ id, text, imageUrl }) => {\n items.push(\n <SearchBoxItem\n key={`${id}_${groupName ?? ''}`}\n id={id}\n text={text}\n imageUrl={imageUrl}\n shouldShowRoundImage={shouldShowRoundImage}\n onSelect={handleSelect}\n groupName={groupName}\n />,\n );\n });\n });\n\n if (shouldAddInputToList && inputToListValue !== '') {\n items.push(\n <SearchBoxItem\n id=\"input-value\"\n onSelect={handleSelect}\n text={`<b>${inputToListValue}</b`}\n />,\n );\n }\n\n return items;\n }, [\n matchingListsItems,\n shouldAddInputToList,\n inputToListValue,\n hasMultipleGroups,\n shouldShowRoundImage,\n handleSelect,\n ]);\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'ArrowUp' \|\| e.key === 'ArrowDown') {\n e.preventDefault();\n const children = contentRef.current?.children;\n\n if (children && children.length > 0) {\n const filteredChildren = Array.from(children).filter(\n (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n );\n setFilteredChildrenArray(filteredChildren);\n\n const newIndex =\n focusedIndex !== null\n ? (focusedIndex +\n (e.key === 'ArrowUp' ? -1 : 1) +\n filteredChildren.length) %\n filteredChildren.length\n : 0;\n\n if (focusedIndex !== null) {\n const prevElement = filteredChildren[focusedIndex] as HTMLDivElement;\n prevElement.tabIndex = -1;\n }\n\n setFocusedIndex(newIndex);\n\n const newElement = filteredChildren[newIndex] as HTMLDivElement;\n newElement.tabIndex = 0;\n newElement.focus();\n }\n } else if (e.key === 'Enter' && focusedIndex !== null) {\n if (filteredChildrenArray) {\n const element = filteredChildrenArray[focusedIndex];\n\n if (!element) {\n return;\n }\n\n const { id, textContent } = element;\n\n handleSelect({\n id: id.replace('search-box-item__', ''),\n text: textContent ?? '',\n });\n }\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [filteredChildrenArray, focusedIndex, handleSelect]);\n\n const handleKeyPress = useCallback((event: KeyboardEvent) => {\n if (event.keyCode === 27) {\n setMatchingListsItems([]);\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n clear: () => setValue(''),\n }),\n [],\n );\n\n useEffect(() => {\n document.addEventListener('keydown', handleKeyPress);\n\n return () => {\n document.addEventListener('keydown', handleKeyPress);\n };\n }, [handleKeyPress]);\n\n return useMemo(\n () => (\n <StyledSearchBox ref={boxRef}>\n <div id=\"search_box_input\">\n <Input\n ref={inputRef}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n value={value}\n />\n </div>\n <AnimatePresence initial={false}>\n <StyledMotionSearchBoxBody\n $browser={browser?.name}\n key=\"content\"\n $height={height}\n $width={width}\n initial={{ height: 0, opacity: 0 }}\n animate={\n isAnimating\n ? { height: 'fit-content', opacity: 1 }\n : { height: 0, opacity: 0 }\n }\n transition={{\n duration: 0.2,\n type: 'tween',\n }}\n ref={contentRef}\n tabIndex={0}\n >\n {content}\n </StyledMotionSearchBoxBody>\n </AnimatePresence>\n </StyledSearchBox>\n ),\n [\n browser?.name,\n content,\n handleBlur,\n handleChange,\n handleFocus,\n height,\n isAnimating,\n onKeyDown,\n placeholder,\n value,\n width,\n ],\n );\n },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,YAAY;AACtC,SAASC,eAAe,QAAQ,eAAe;AAC/C,OAAOC,KAAK,IAMRC,UAAU,EAGVC,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AAEd,SAASC,sBAAsB,QAAQ,uBAAuB;AAC9D,SAASC,UAAU,QAAQ,uBAAuB;AAClD,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,aAAa,MAAM,iCAAiC;AAC3D,SAASC,yBAAyB,EAAEC,eAAe,QAAQ,oBAAoB;AAiD/E,MAAMC,SAA6B,gBAAGd,UAAU,CAC5C,CAAAe,IAAA,EAaIC,GAAG,KACF;EAAA,IAbD;IACIC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,oBAAoB;IACpBC,6BAA6B,GAAG,IAAI;IACpCC,oBAAoB,GAAG;EAC3B,CAAC,GAAAX,IAAA;EAGD,MAAM,CAACY,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGtB,QAAQ,CAAoBY,KAAK,CAAC;EACtF,MAAM,CAACW,KAAK,EAAEC,QAAQ,CAAC,GAAGxB,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACyB,WAAW,EAAEC,cAAc,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAAC2B,MAAM,EAAEC,SAAS,CAAC,GAAG5B,QAAQ,CAAS,CAAC,CAAC;EAC/C,MAAM,CAAC6B,KAAK,EAAEC,QAAQ,CAAC,GAAG9B,QAAQ,CAAC,CAAC,CAAC;EACrC,MAAM,CAAC+B,YAAY,EAAEC,eAAe,CAAC,GAAGhC,QAAQ,CAAgB,IAAI,CAAC;EACrE,MAAM,CAACiC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGlC,QAAQ,CAAUY,KAAK,CAACuB,MAAM,GAAG,CAAC,CAAC;EACrF,MAAM,CAACC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGrC,QAAQ,CAAY,CAAC;EAC/E,MAAM,CAACsC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGvC,QAAQ,CAAS,EAAE,CAAC;EAEpE,MAAMwC,MAAM,GAAGzC,MAAM,CAAiB,IAAI,CAAC;EAC3C,MAAM0C,UAAU,GAAG1C,MAAM,CAAwB,IAAI,CAAC;EACtD,MAAM2C,QAAQ,GAAG3C,MAAM,CAA0B,IAAI,CAAC;EAEtD,MAAM;IAAE4C;EAAQ,CAAC,GAAGpD,SAAS,CAAC,CAAC;;EAE/B;AACR;AACA;;EAEQK,SAAS,CAAC,MAAM;IACZsC,oBAAoB,CAACtB,KAAK,CAACuB,MAAM,GAAG,CAAC,CAAC;EAC1C,CAAC,EAAE,CAACvB,KAAK,CAAC,CAAC;;EAEX;AACR;AACA;EACQ,MAAMgC,kBAAkB,GAAGjD,WAAW,CACjCkD,KAAiB,IAAK;IACnB,IAAIL,MAAM,CAACM,OAAO,IAAI,CAACN,MAAM,CAACM,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;MAClEtB,cAAc,CAAC,KAAK,CAAC;IACzB;EACJ,CAAC,EACD,CAACc,MAAM,CACX,CAAC;;EAED;AACR;AACA;EACQ5C,SAAS,CAAC,MAAM;IACZqD,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEN,kBAAkB,CAAC;IACtDO,MAAM,CAACD,gBAAgB,CAAC,MAAM,EAAE,MAAMxB,cAAc,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,MAAM;MACTuB,QAAQ,CAACG,mBAAmB,CAAC,OAAO,EAAER,kBAAkB,CAAC;MACzDO,MAAM,CAACD,gBAAgB,CAAC,MAAM,EAAE,MAAMxB,cAAc,CAAC,KAAK,CAAC,CAAC;IAChE,CAAC;EACL,CAAC,EAAE,CAACkB,kBAAkB,EAAEJ,MAAM,CAAC,CAAC;;EAEhC;AACR;AACA;EACQ5C,SAAS,CAAC,MAAM;IACZ,MAAMyD,SAAmB,GAAG,EAAE;IAE9BzC,KAAK,CAAC0C,OAAO,CAACC,KAAA,IAAyB;MAAA,IAAxB;QAAEC,IAAI;QAAEC;MAAU,CAAC,GAAAF,KAAA;MAC9BC,IAAI,CAACF,OAAO,CAACI,KAAA;QAAA,IAAC;UAAEC;QAAK,CAAC,GAAAD,KAAA;QAAA,OAAKL,SAAS,CAACO,IAAI,CAACD,IAAI,CAAC;MAAA,EAAC;MAChD,IAAI,CAACF,SAAS,EAAE;QACZ;MACJ;MACAJ,SAAS,CAACO,IAAI,CAACH,SAAS,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAIrC,oBAAoB,IAAIkB,gBAAgB,KAAK,EAAE,EAAE;MACjDe,SAAS,CAACO,IAAI,CAACtB,gBAAgB,CAAC;IACpC;IAEAV,SAAS,CAAC3B,sBAAsB,CAACoD,SAAS,CAAC,CAAC;EAChD,CAAC,EAAE,CAACf,gBAAgB,EAAE1B,KAAK,EAAED,WAAW,EAAES,oBAAoB,CAAC,CAAC;;EAEhE;AACR;AACA;EACQxB,SAAS,CAAC,MAAM;IACZ,MAAMiE,KAAK,GAAGZ,QAAQ,CAACa,cAAc,CAAC,kBAAkB,CAAC;IAEzD,IAAID,KAAK,EAAE;MACP/B,QAAQ,CAAC+B,KAAK,CAACE,WAAW,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAENnE,SAAS,CAAC,MAAM;IACZ,IAAIqB,UAAU,EAAE;MACZL,KAAK,CAAC0C,OAAO,CAACU,KAAA,IAAc;QAAA,IAAb;UAAER;QAAK,CAAC,GAAAQ,KAAA;QACnB,MAAMC,YAAY,GAAGT,IAAI,CAACU,IAAI,CAACC,KAAA;UAAA,IAAC;YAAEC;UAAG,CAAC,GAAAD,KAAA;UAAA,OAAKC,EAAE,KAAKnD,UAAU;QAAA,EAAC;QAC7D,IAAIgD,YAAY,EAAE;UACdzC,QAAQ,CAACyC,YAAY,CAACN,IAAI,CAAC;QAC/B;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAAC/C,KAAK,EAAEK,UAAU,CAAC,CAAC;;EAEvB;AACR;AACA;AACA;EACQrB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACqB,UAAU,EAAE;MACbO,QAAQ,CAAC,EAAE,CAAC;IAChB;EACJ,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;;EAEhB;AACR;AACA;;EAEQ,MAAMoD,WAAW,GAAG1E,WAAW,CAAC,MAAM;IAClC,IAAIwB,6BAA6B,EAAE;MAC/B,MAAMmD,gBAAgB,GAAG1D,KAAK,CAAC2D,GAAG,CAACC,KAAA;QAAA,IAAC;UAAEhB,IAAI;UAAEC;QAAU,CAAC,GAAAe,KAAA;QAAA,OAAM;UACzDf,SAAS;UACTD,IAAI,EAAEtD,UAAU,CAAC;YAAEuE,KAAK,EAAEjB,IAAI;YAAEkB,YAAY,EAAEnD;UAAM,CAAC;QACzD,CAAC;MAAA,CAAC,CAAC;MAEH,MAAMoD,yBAAyB,GAAGL,gBAAgB,CAACC,GAAG,CAACK,KAAA;QAAA,IAAC;UAAEpB,IAAI;UAAEC;QAAU,CAAC,GAAAmB,KAAA;QAAA,OAAM;UAC7EnB,SAAS;UACTD,IAAI,EAAEA,IAAI,CAACqB,MAAM,CACZC,IAAI,IAAK,EAAER,gBAAgB,CAACnC,MAAM,KAAK,CAAC,IAAI2C,IAAI,CAACnB,IAAI,KAAKpC,KAAK,CACpE;QACJ,CAAC;MAAA,CAAC,CAAC;MAEHD,qBAAqB,CAACqD,yBAAyB,CAAC;MAChDjD,cAAc,CAACiD,yBAAyB,CAACxC,MAAM,KAAK,CAAC,CAAC;IAC1D;EACJ,CAAC,EAAE,CAACvB,KAAK,EAAEO,6BAA6B,EAAEI,KAAK,CAAC,CAAC;;EAEjD;AACR;AACA;;EAEQ3B,SAAS,CAAC,MAAM;IACZ,MAAM0E,gBAAgB,GAAG1D,KAAK,CAAC2D,GAAG,CAACQ,KAAA;MAAA,IAAC;QAAEvB,IAAI;QAAEC;MAAU,CAAC,GAAAsB,KAAA;MAAA,OAAM;QACzDtB,SAAS;QACTD,IAAI,EAAEtD,UAAU,CAAC;UAAEuE,KAAK,EAAEjB,IAAI;UAAEkB,YAAY,EAAEnD;QAAM,CAAC;MACzD,CAAC;IAAA,CAAC,CAAC;IAEH,IAAIH,oBAAoB,IAAIkB,gBAAgB,KAAK,EAAE,EAAE;MACjDgC,gBAAgB,CAAChB,OAAO,CAAC0B,KAAA,IAAc;QAAA,IAAb;UAAExB;QAAK,CAAC,GAAAwB,KAAA;QAC9BxB,IAAI,CAACF,OAAO,CAAC2B,MAAA,IAAc;UAAA,IAAb;YAAEtB;UAAK,CAAC,GAAAsB,MAAA;UAClB,IAAItB,IAAI,CAACuB,WAAW,CAAC,CAAC,KAAK5C,gBAAgB,CAAC4C,WAAW,CAAC,CAAC,EAAE;YACvD3C,mBAAmB,CAAC,EAAE,CAAC;UAC3B;QACJ,CAAC,CAAC;MACN,CAAC,CAAC;IACN;IAEA,IAAI,CAACpB,6BAA6B,IAAI,CAACI,KAAK,EAAE;MAC1CD,qBAAqB,CAAC,EAAE,CAAC;IAC7B,CAAC,MAAM;MACHA,qBAAqB,CAACgD,gBAAgB,CAAC;MACvC5C,cAAc,CAAC4C,gBAAgB,CAACnC,MAAM,KAAK,CAAC,CAAC;IACjD;EACJ,CAAC,EAAE,CAACG,gBAAgB,EAAE1B,KAAK,EAAEQ,oBAAoB,EAAED,6BAA6B,EAAEI,KAAK,CAAC,CAAC;;EAEzF;AACR;AACA;EACQ,MAAM4D,YAAY,GAAGxF,WAAW,CAC3BkD,KAAoC,IAAK;IACtC,MAAMuC,aAAa,GAAGxE,KAAK,CAAC2D,GAAG,CAACc,MAAA;MAAA,IAAC;QAAE7B,IAAI;QAAEC;MAAU,CAAC,GAAA4B,MAAA;MAAA,OAAM;QACtD5B,SAAS;QACTD,IAAI,EAAEtD,UAAU,CAAC;UAAEuE,KAAK,EAAEjB,IAAI;UAAEkB,YAAY,EAAE7B,KAAK,CAACG,MAAM,CAACzB;QAAM,CAAC;MACtE,CAAC;IAAA,CAAC,CAAC;IAEH,IAAI,CAACJ,6BAA6B,IAAI,CAAC0B,KAAK,CAACG,MAAM,CAACzB,KAAK,EAAE;MACvDD,qBAAqB,CAAC,EAAE,CAAC;IAC7B,CAAC,MAAM;MACHA,qBAAqB,CAAC8D,aAAa,CAAC;MACpC1D,cAAc,CAAC0D,aAAa,CAACjD,MAAM,KAAK,CAAC,CAAC;IAC9C;IAEAX,QAAQ,CAACqB,KAAK,CAACG,MAAM,CAACzB,KAAK,CAAC;IAC5BgB,mBAAmB,CAACM,KAAK,CAACG,MAAM,CAACzB,KAAK,CAAC;IAEvC,IAAI,OAAOV,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACgC,KAAK,CAAC;IACnB;EACJ,CAAC,EACD,CAACjC,KAAK,EAAEC,QAAQ,EAAEM,6BAA6B,CACnD,CAAC;;EAED;AACR;AACA;EACQ,MAAMmE,UAAU,GAAG3F,WAAW,CACzBkD,KAAmC,IAAK;IACrC,IAAI,OAAO/B,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC+B,KAAK,CAAC;IACjB;EACJ,CAAC,EACD,CAAC/B,MAAM,CACX,CAAC;;EAED;AACR;AACA;EACQ,MAAMyE,YAAY,GAAG5F,WAAW,CAC3BmF,IAAoB,IAAK;IACtBtD,QAAQ,CAACsD,IAAI,CAACnB,IAAI,CAAC;IACnBjC,cAAc,CAAC,KAAK,CAAC;IAErBJ,qBAAqB,CAAC,EAAE,CAAC;IACzB,IAAI,OAAOP,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAAC+D,IAAI,CAAC;IAClB;EACJ,CAAC,EACD,CAAC/D,QAAQ,CACb,CAAC;EAED,MAAMyE,OAAO,GAAG1F,OAAO,CAAC,MAAM;IAC1B,MAAM2E,KAAqB,GAAG,EAAE;IAEhCpD,kBAAkB,CAACiC,OAAO,CAACmC,MAAA,IAAyB;MAAA,IAAxB;QAAEhC,SAAS;QAAED;MAAK,CAAC,GAAAiC,MAAA;MAC3C,IAAIxD,iBAAiB,EAAE;QACnB,IAAIuB,IAAI,CAACrB,MAAM,IAAI,CAAC,EAAE;UAClB;QACJ;QAEAsC,KAAK,CAACb,IAAI,eAACnE,KAAA,CAAAiG,aAAA,CAACtF,SAAS;UAACuF,GAAG,EAAElC,SAAU;UAACmC,IAAI,EAAEnC,SAAS,IAAI;QAAG,CAAE,CAAC,CAAC;MACpE;MAEAD,IAAI,CAACF,OAAO,CAACuC,MAAA,IAA4B;QAAA,IAA3B;UAAEzB,EAAE;UAAET,IAAI;UAAEmC;QAAS,CAAC,GAAAD,MAAA;QAChCpB,KAAK,CAACb,IAAI,eACNnE,KAAA,CAAAiG,aAAA,CAACrF,aAAa;UACVsF,GAAG,EAAG,GAAEvB,EAAG,IAAGX,SAAS,IAAI,EAAG,EAAE;UAChCW,EAAE,EAAEA,EAAG;UACPT,IAAI,EAAEA,IAAK;UACXmC,QAAQ,EAAEA,QAAS;UACnB5E,oBAAoB,EAAEA,oBAAqB;UAC3CH,QAAQ,EAAEwE,YAAa;UACvB9B,SAAS,EAAEA;QAAU,CACxB,CACL,CAAC;MACL,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,IAAIrC,oBAAoB,IAAIkB,gBAAgB,KAAK,EAAE,EAAE;MACjDmC,KAAK,CAACb,IAAI,eACNnE,KAAA,CAAAiG,aAAA,CAACrF,aAAa;QACV+D,EAAE,EAAC,aAAa;QAChBrD,QAAQ,EAAEwE,YAAa;QACvB5B,IAAI,EAAG,MAAKrB,gBAAiB;MAAK,CACrC,CACL,CAAC;IACL;IAEA,OAAOmC,KAAK;EAChB,CAAC,EAAE,CACCpD,kBAAkB,EAClBD,oBAAoB,EACpBkB,gBAAgB,EAChBL,iBAAiB,EACjBf,oBAAoB,EACpBqE,YAAY,CACf,CAAC;EAEF3F,SAAS,CAAC,MAAM;IACZ,MAAMmG,aAAa,GAAIC,CAAgB,IAAK;MACxC,IAAIA,CAAC,CAACL,GAAG,KAAK,SAAS,IAAIK,CAAC,CAACL,GAAG,KAAK,WAAW,EAAE;QAC9CK,CAAC,CAACC,cAAc,CAAC,CAAC;QAClB,MAAMC,QAAQ,GAAGzD,UAAU,CAACK,OAAO,EAAEoD,QAAQ;QAE7C,IAAIA,QAAQ,IAAIA,QAAQ,CAAC/D,MAAM,GAAG,CAAC,EAAE;UACjC,MAAMgE,gBAAgB,GAAGC,KAAK,CAACC,IAAI,CAACH,QAAQ,CAAC,CAACrB,MAAM,CAC/CyB,KAAK,IAAMA,KAAK,CAAiBC,OAAO,CAACC,WAAW,KAAK,MAC9D,CAAC;UACDnE,wBAAwB,CAAC8D,gBAAgB,CAAC;UAE1C,MAAMM,QAAQ,GACV1E,YAAY,KAAK,IAAI,GACf,CAACA,YAAY,IACRiE,CAAC,CAACL,GAAG,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAC9BQ,gBAAgB,CAAChE,MAAM,IAC3BgE,gBAAgB,CAAChE,MAAM,GACvB,CAAC;UAEX,IAAIJ,YAAY,KAAK,IAAI,EAAE;YACvB,MAAM2E,WAAW,GAAGP,gBAAgB,CAACpE,YAAY,CAAmB;YACpE2E,WAAW,CAACC,QAAQ,GAAG,CAAC,CAAC;UAC7B;UAEA3E,eAAe,CAACyE,QAAQ,CAAC;UAEzB,MAAMG,UAAU,GAAGT,gBAAgB,CAACM,QAAQ,CAAmB;UAC/DG,UAAU,CAACD,QAAQ,GAAG,CAAC;UACvBC,UAAU,CAACC,KAAK,CAAC,CAAC;QACtB;MACJ,CAAC,MAAM,IAAIb,CAAC,CAACL,GAAG,KAAK,OAAO,IAAI5D,YAAY,KAAK,IAAI,EAAE;QACnD,IAAIK,qBAAqB,EAAE;UACvB,MAAM0E,OAAO,GAAG1E,qBAAqB,CAACL,YAAY,CAAC;UAEnD,IAAI,CAAC+E,OAAO,EAAE;YACV;UACJ;UAEA,MAAM;YAAE1C,EAAE;YAAE2C;UAAY,CAAC,GAAGD,OAAO;UAEnCvB,YAAY,CAAC;YACTnB,EAAE,EAAEA,EAAE,CAAC4C,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC;YACvCrD,IAAI,EAAEoD,WAAW,IAAI;UACzB,CAAC,CAAC;QACN;MACJ;IACJ,CAAC;IAED9D,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE6C,aAAa,CAAC;IAEnD,OAAO,MAAM;MACT9C,QAAQ,CAACG,mBAAmB,CAAC,SAAS,EAAE2C,aAAa,CAAC;IAC1D,CAAC;EACL,CAAC,EAAE,CAAC3D,qBAAqB,EAAEL,YAAY,EAAEwD,YAAY,CAAC,CAAC;EAEvD,MAAM0B,cAAc,GAAGtH,WAAW,CAAEkD,KAAoB,IAAK;IACzD,IAAIA,KAAK,CAACqE,OAAO,KAAK,EAAE,EAAE;MACtB5F,qBAAqB,CAAC,EAAE,CAAC;IAC7B;EACJ,CAAC,EAAE,EAAE,CAAC;EAENzB,mBAAmB,CACfa,GAAG,EACH,OAAO;IACHyG,KAAK,EAAEA,CAAA,KAAM3F,QAAQ,CAAC,EAAE;EAC5B,CAAC,CAAC,EACF,EACJ,CAAC;EAED5B,SAAS,CAAC,MAAM;IACZqD,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE+D,cAAc,CAAC;IAEpD,OAAO,MAAM;MACThE,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE+D,cAAc,CAAC;IACxD,CAAC;EACL,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,OAAOnH,OAAO,CACV,mBACIL,KAAA,CAAAiG,aAAA,CAACnF,eAAe;IAACG,GAAG,EAAE8B;EAAO,gBACzB/C,KAAA,CAAAiG,aAAA;IAAKtB,EAAE,EAAC;EAAkB,gBACtB3E,KAAA,CAAAiG,aAAA,CAACvF,KAAK;IACFO,GAAG,EAAEgC,QAAS;IACd7B,QAAQ,EAAEsE,YAAa;IACvBrE,MAAM,EAAEwE,UAAW;IACnB8B,OAAO,EAAE/C,WAAY;IACrB1D,WAAW,EAAEA,WAAY;IACzBK,SAAS,EAAEA,SAAU;IACrBO,KAAK,EAAEA;EAAM,CAChB,CACA,CAAC,eACN9B,KAAA,CAAAiG,aAAA,CAAClG,eAAe;IAAC6H,OAAO,EAAE;EAAM,gBAC5B5H,KAAA,CAAAiG,aAAA,CAACpF,yBAAyB;IACtBgH,QAAQ,EAAE3E,OAAO,EAAEiD,IAAK;IACxBD,GAAG,EAAC,SAAS;IACb4B,OAAO,EAAE5F,MAAO;IAChB6F,MAAM,EAAE3F,KAAM;IACdwF,OAAO,EAAE;MAAE1F,MAAM,EAAE,CAAC;MAAE8F,OAAO,EAAE;IAAE,CAAE;IACnCC,OAAO,EACHjG,WAAW,GACL;MAAEE,MAAM,EAAE,aAAa;MAAE8F,OAAO,EAAE;IAAE,CAAC,GACrC;MAAE9F,MAAM,EAAE,CAAC;MAAE8F,OAAO,EAAE;IAAE,CACjC;IACDE,UAAU,EAAE;MACRC,QAAQ,EAAE,GAAG;MACbC,IAAI,EAAE;IACV,CAAE;IACFnH,GAAG,EAAE+B,UAAW;IAChBkE,QAAQ,EAAE;EAAE,GAEXnB,OACsB,CACd,CACJ,CACpB,EACD,CACI7C,OAAO,EAAEiD,IAAI,EACbJ,OAAO,EACPF,UAAU,EACVH,YAAY,EACZd,WAAW,EACX1C,MAAM,EACNF,WAAW,EACXT,SAAS,EACTL,WAAW,EACXY,KAAK,EACLM,KAAK,CAEb,CAAC;AACL,CACJ,CAAC;AAEDrB,SAAS,CAACsH,WAAW,GAAG,WAAW;AAEnC,eAAetH,SAAS"}

package/lib/components/search-box/SearchBox.styles.js CHANGED Viewed

@@ -6,7 +6,7 @@ export const StyledMotionSearchBoxBody = styled(motion.div)`
   let {
     theme
   } = _ref;
-  return theme['001'];
+  return theme['101'];
 }};
     position: absolute;
     z-index: 4;

package/lib/components/search-box/SearchBox.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBox.styles.js","names":["motion","styled","css","StyledSearchBox","div","StyledMotionSearchBoxBody","_ref","theme","_ref2","$width","_ref3","$height","_ref4","_ref5","$browser"],"sources":["../../../src/components/search-box/SearchBox.styles.ts"],"sourcesContent":["import type { Browser } from 'detect-browser';\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSearchBox = styled.div``;\n\ntype StyledMotionSearchBoxBodyProps = WithTheme<{\n $height: number;\n $width: number;\n $browser: Browser \| 'bot' \| null \| undefined;\n}>;\n\nexport const StyledMotionSearchBoxBody = styled(motion.div)<StyledMotionSearchBoxBodyProps>`\n background: ${({ theme }: StyledMotionSearchBoxBodyProps) => theme['~~001~~']};\n position: absolute;\n z-index: 4;\n display: flex;\n flex-direction: column;\n border: 1px solid rgba(160, 160, 160, 0.3);\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top: none;\n cursor: pointer;\n width: ${({ $width }) => $width}px;\n max-height: 300px;\n overflow-y: ${({ $height }) => ($height <= 300 ? 'hidden' : 'auto')};\n box-shadow: 0 0 0 1px\n rgba(${({ theme }: StyledMotionSearchBoxBodyProps) => theme['009-rgb']}, 0.08) inset;\n\n // Styles for custom scrollbar\n ${({ $browser, theme }: StyledMotionSearchBoxBodyProps) =>\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: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(${theme['text-rgb']}, 0.15);\n border-radius: 20px;\n }\n `}\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAAI,EAAC;AAQ3C,OAAO,MAAMC,yBAAyB,GAAGJ,MAAM,CAACD,MAAM,CAACI,GAAG,CAAkC;AAC5F,kBAAkBE,IAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,KAAA;EAAA,OAAKC,MAAM;AAAA,CAAC;AACpC;AACA,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAMC,OAAO,IAAI,GAAG,GAAG,QAAQ,GAAG,MAAM;AAAA,CAAE;AACxE;AACA,eAAeC,KAAA;EAAA,IAAC;IAAEL;EAAsC,CAAC,GAAAK,KAAA;EAAA,OAAKL,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AAC/E;AACA;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEP;EAAsC,CAAC,GAAAM,KAAA;EAAA,OAClDC,QAAQ,KAAK,SAAS,GAChBZ,GAAI;AAClB,0CAA0CK,KAAK,CAAC,UAAU,CAAE;AAC5D;AACA,eAAe,GACDL,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CK,KAAK,CAAC,UAAU,CAAE;AACjE;AACA;AACA,eAAe;AAAA,CAAC;AAChB,CAAC"}
1	+ {"version":3,"file":"SearchBox.styles.js","names":["motion","styled","css","StyledSearchBox","div","StyledMotionSearchBoxBody","_ref","theme","_ref2","$width","_ref3","$height","_ref4","_ref5","$browser"],"sources":["../../../src/components/search-box/SearchBox.styles.ts"],"sourcesContent":["import type { Browser } from 'detect-browser';\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSearchBox = styled.div``;\n\ntype StyledMotionSearchBoxBodyProps = WithTheme<{\n $height: number;\n $width: number;\n $browser: Browser \| 'bot' \| null \| undefined;\n}>;\n\nexport const StyledMotionSearchBoxBody = styled(motion.div)<StyledMotionSearchBoxBodyProps>`\n background: ${({ theme }: StyledMotionSearchBoxBodyProps) => theme['101']};\n position: absolute;\n z-index: 4;\n display: flex;\n flex-direction: column;\n border: 1px solid rgba(160, 160, 160, 0.3);\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top: none;\n cursor: pointer;\n width: ${({ $width }) => $width}px;\n max-height: 300px;\n overflow-y: ${({ $height }) => ($height <= 300 ? 'hidden' : 'auto')};\n box-shadow: 0 0 0 1px\n rgba(${({ theme }: StyledMotionSearchBoxBodyProps) => theme['009-rgb']}, 0.08) inset;\n\n // Styles for custom scrollbar\n ${({ $browser, theme }: StyledMotionSearchBoxBodyProps) =>\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: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(${theme['text-rgb']}, 0.15);\n border-radius: 20px;\n }\n `}\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAAI,EAAC;AAQ3C,OAAO,MAAMC,yBAAyB,GAAGJ,MAAM,CAACD,MAAM,CAACI,GAAG,CAAkC;AAC5F,kBAAkBE,IAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,KAAA;EAAA,OAAKC,MAAM;AAAA,CAAC;AACpC;AACA,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAMC,OAAO,IAAI,GAAG,GAAG,QAAQ,GAAG,MAAM;AAAA,CAAE;AACxE;AACA,eAAeC,KAAA;EAAA,IAAC;IAAEL;EAAsC,CAAC,GAAAK,KAAA;EAAA,OAAKL,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AAC/E;AACA;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEP;EAAsC,CAAC,GAAAM,KAAA;EAAA,OAClDC,QAAQ,KAAK,SAAS,GAChBZ,GAAI;AAClB,0CAA0CK,KAAK,CAAC,UAAU,CAAE;AAC5D;AACA,eAAe,GACDL,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CK,KAAK,CAAC,UAAU,CAAE;AACjE;AACA;AACA,eAAe;AAAA,CAAC;AAChB,CAAC"}

package/lib/components/search-box/group-name/GroupName.styles.js CHANGED Viewed

@@ -4,7 +4,7 @@ export const StyledGroupName = styled.span`
   let {
     theme
   } = _ref;
-  return theme['102'];
+  return theme['103'];
 }};
     padding: 4px 10px;
     ${_ref2 => {
@@ -16,7 +16,7 @@ export const StyledGroupName = styled.span`
     let {
       theme
     } = _ref3;
-    return theme['102'];
+    return theme['103'];
   }} solid;
             padding: 0;
         `;

package/lib/components/search-box/group-name/GroupName.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupName.styles.js","names":["styled","css","StyledGroupName","span","_ref","theme","_ref2","$groupName","_ref3"],"sources":["../../../../src/components/search-box/group-name/GroupName.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledGroupNameProps = WithTheme<{ $groupName?: string }>;\n\nexport const StyledGroupName = styled.span<StyledGroupNameProps>`\n background: ${({ theme }: StyledGroupNameProps) => theme['~~102~~']};\n padding: 4px 10px;\n ${({ $groupName }) =>\n !$groupName &&\n css`\n border: 1px ${({ theme }: StyledGroupNameProps) => theme['~~102~~']} solid;\n padding: 0;\n `}\n cursor: default;\n`;\n"],"mappings":"AAAC,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAKhD,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,IAA2B;AACjE,kBAAkBC,IAAA;EAAA,IAAC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AACpE;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OACb,CAACC,UAAU,IACXN,GAAI;AACZ,0BAA0BO,KAAA;IAAA,IAAC;MAAEH;IAA4B,CAAC,GAAAG,KAAA;IAAA,OAAKH,KAAK,CAAC,KAAK,CAAC;EAAA,CAAC;AAC5E;AACA,SAAS;AAAA,CAAC;AACV;AACA,CAAC"}
1	+ {"version":3,"file":"GroupName.styles.js","names":["styled","css","StyledGroupName","span","_ref","theme","_ref2","$groupName","_ref3"],"sources":["../../../../src/components/search-box/group-name/GroupName.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledGroupNameProps = WithTheme<{ $groupName?: string }>;\n\nexport const StyledGroupName = styled.span<StyledGroupNameProps>`\n background: ${({ theme }: StyledGroupNameProps) => theme['103']};\n padding: 4px 10px;\n ${({ $groupName }) =>\n !$groupName &&\n css`\n border: 1px ${({ theme }: StyledGroupNameProps) => theme['103']} solid;\n padding: 0;\n `}\n cursor: default;\n`;\n"],"mappings":"AAAC,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAKhD,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,IAA2B;AACjE,kBAAkBC,IAAA;EAAA,IAAC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AACpE;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OACb,CAACC,UAAU,IACXN,GAAI;AACZ,0BAA0BO,KAAA;IAAA,IAAC;MAAEH;IAA4B,CAAC,GAAAG,KAAA;IAAA,OAAKH,KAAK,CAAC,KAAK,CAAC;EAAA,CAAC;AAC5E;AACA,SAAS;AAAA,CAAC;AACV;AACA,CAAC"}

package/lib/components/search-box/search-box-item/SearchBoxItem.js CHANGED Viewed

@@ -21,7 +21,11 @@ const SearchBoxItem = _ref => {
   }, imageUrl && /*#__PURE__*/React.createElement(StyledSearchBoxItemImage, {
     src: imageUrl,
     $shouldShowRoundImage: shouldShowRoundImage
-  }), /*#__PURE__*/React.createElement(StyledSearchBoxItemText, null, text)), [groupName, handleClick, id, imageUrl, shouldShowRoundImage, text]);
+  }), /*#__PURE__*/React.createElement(StyledSearchBoxItemText, {
+    dangerouslySetInnerHTML: {
+      __html: text
+    }
+  })), [groupName, handleClick, id, imageUrl, shouldShowRoundImage, text]);
 };
 SearchBoxItem.displayName = 'SearchBoxItem';
 export default SearchBoxItem;

package/lib/components/search-box/search-box-item/SearchBoxItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBoxItem.js","names":["React","useCallback","useMemo","StyledSearchBoxItem","StyledSearchBoxItemImage","StyledSearchBoxItemText","SearchBoxItem","_ref","id","text","imageUrl","shouldShowRoundImage","onSelect","groupName","handleClick","createElement","onClick","src","$shouldShowRoundImage","displayName"],"sources":["../../../../src/components/search-box/search-box-item/SearchBoxItem.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../../types/searchBox';\nimport {\n StyledSearchBoxItem,\n StyledSearchBoxItemImage,\n StyledSearchBoxItemText,\n} from './SearchBoxItem.styles';\n\nexport type SearchBoxItemProps = {\n onSelect: (item: ISearchBoxItem, groupName?: ISearchBoxItems['groupName']) => void;\n id: ISearchBoxItem['id'];\n text: ISearchBoxItem['text'];\n imageUrl?: ISearchBoxItem['imageUrl'];\n shouldShowRoundImage?: boolean;\n groupName?: ISearchBoxItems['groupName'];\n};\n\nconst SearchBoxItem: FC<SearchBoxItemProps> = ({\n id,\n text,\n imageUrl,\n shouldShowRoundImage,\n onSelect,\n groupName,\n}) => {\n const handleClick = useCallback(() => {\n onSelect({ id, text }, groupName);\n }, [id, onSelect, text, groupName]);\n\n return useMemo(\n () => (\n <StyledSearchBoxItem\n id={`search-box-item__${id}_${groupName ?? ''}`}\n onClick={handleClick}\n >\n {imageUrl && (\n <StyledSearchBoxItemImage\n src={imageUrl}\n $shouldShowRoundImage={shouldShowRoundImage}\n />\n )}\n <StyledSearchBoxItemText>{text}~~</StyledSearchBoxItemText>\~~n </StyledSearchBoxItem>\n ),\n [groupName, handleClick, id, imageUrl, shouldShowRoundImage, text],\n );\n};\n\nSearchBoxItem.displayName = 'SearchBoxItem';\n\nexport default SearchBoxItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEvD,SACIC,mBAAmB,EACnBC,wBAAwB,EACxBC,uBAAuB,QACpB,wBAAwB;AAW/B,MAAMC,aAAqC,GAAGC,IAAA,IAOxC;EAAA,IAPyC;IAC3CC,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,oBAAoB;IACpBC,QAAQ;IACRC;EACJ,CAAC,GAAAN,IAAA;EACG,MAAMO,WAAW,GAAGb,WAAW,CAAC,MAAM;IAClCW,QAAQ,CAAC;MAAEJ,EAAE;MAAEC;IAAK,CAAC,EAAEI,SAAS,CAAC;EACrC,CAAC,EAAE,CAACL,EAAE,EAAEI,QAAQ,EAAEH,IAAI,EAAEI,SAAS,CAAC,CAAC;EAEnC,OAAOX,OAAO,CACV,mBACIF,KAAA,CAAAe,aAAA,CAACZ,mBAAmB;IAChBK,EAAE,EAAG,oBAAmBA,EAAG,IAAGK,SAAS,IAAI,EAAG,EAAE;IAChDG,OAAO,EAAEF;EAAY,GAEpBJ,QAAQ,iBACLV,KAAA,CAAAe,aAAA,CAACX,wBAAwB;IACrBa,GAAG,EAAEP,QAAS;IACdQ,qBAAqB,EAAEP;EAAqB,CAC/C,CACJ,eACDX,KAAA,CAAAe,aAAA,CAACV,uBAAuB,~~QAAEI~~,~~IAA8B~~,~~CACvC~~,CACxB,EACD,CAACI,SAAS,EAAEC,WAAW,EAAEN,EAAE,EAAEE,QAAQ,EAAEC,oBAAoB,EAAEF,IAAI,CACrE,CAAC;AACL,CAAC;AAEDH,aAAa,~~CAACa~~,WAAW,GAAG,eAAe;AAE3C,~~eAAeb~~,aAAa"}
1	+ {"version":3,"file":"SearchBoxItem.js","names":["React","useCallback","useMemo","StyledSearchBoxItem","StyledSearchBoxItemImage","StyledSearchBoxItemText","SearchBoxItem","_ref","id","text","imageUrl","shouldShowRoundImage","onSelect","groupName","handleClick","createElement","onClick","src","$shouldShowRoundImage","dangerouslySetInnerHTML","__html","displayName"],"sources":["../../../../src/components/search-box/search-box-item/SearchBoxItem.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../../types/searchBox';\nimport {\n StyledSearchBoxItem,\n StyledSearchBoxItemImage,\n StyledSearchBoxItemText,\n} from './SearchBoxItem.styles';\n\nexport type SearchBoxItemProps = {\n onSelect: (item: ISearchBoxItem, groupName?: ISearchBoxItems['groupName']) => void;\n id: ISearchBoxItem['id'];\n text: ISearchBoxItem['text'];\n imageUrl?: ISearchBoxItem['imageUrl'];\n shouldShowRoundImage?: boolean;\n groupName?: ISearchBoxItems['groupName'];\n};\n\nconst SearchBoxItem: FC<SearchBoxItemProps> = ({\n id,\n text,\n imageUrl,\n shouldShowRoundImage,\n onSelect,\n groupName,\n}) => {\n const handleClick = useCallback(() => {\n onSelect({ id, text }, groupName);\n }, [id, onSelect, text, groupName]);\n\n return useMemo(\n () => (\n <StyledSearchBoxItem\n id={`search-box-item__${id}_${groupName ?? ''}`}\n onClick={handleClick}\n >\n {imageUrl && (\n <StyledSearchBoxItemImage\n src={imageUrl}\n $shouldShowRoundImage={shouldShowRoundImage}\n />\n )}\n <StyledSearchBoxItemText dangerouslySetInnerHTML={{ __html: text }} />\n </StyledSearchBoxItem>\n ),\n [groupName, handleClick, id, imageUrl, shouldShowRoundImage, text],\n );\n};\n\nSearchBoxItem.displayName = 'SearchBoxItem';\n\nexport default SearchBoxItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEvD,SACIC,mBAAmB,EACnBC,wBAAwB,EACxBC,uBAAuB,QACpB,wBAAwB;AAW/B,MAAMC,aAAqC,GAAGC,IAAA,IAOxC;EAAA,IAPyC;IAC3CC,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,oBAAoB;IACpBC,QAAQ;IACRC;EACJ,CAAC,GAAAN,IAAA;EACG,MAAMO,WAAW,GAAGb,WAAW,CAAC,MAAM;IAClCW,QAAQ,CAAC;MAAEJ,EAAE;MAAEC;IAAK,CAAC,EAAEI,SAAS,CAAC;EACrC,CAAC,EAAE,CAACL,EAAE,EAAEI,QAAQ,EAAEH,IAAI,EAAEI,SAAS,CAAC,CAAC;EAEnC,OAAOX,OAAO,CACV,mBACIF,KAAA,CAAAe,aAAA,CAACZ,mBAAmB;IAChBK,EAAE,EAAG,oBAAmBA,EAAG,IAAGK,SAAS,IAAI,EAAG,EAAE;IAChDG,OAAO,EAAEF;EAAY,GAEpBJ,QAAQ,iBACLV,KAAA,CAAAe,aAAA,CAACX,wBAAwB;IACrBa,GAAG,EAAEP,QAAS;IACdQ,qBAAqB,EAAEP;EAAqB,CAC/C,CACJ,eACDX,KAAA,CAAAe,aAAA,CAACV,uBAAuB;IAACc,uBAAuB,EAAE;MAAEC,MAAM,EAAEX;IAAK;EAAE,CAAE,CACpD,CACxB,EACD,CAACI,SAAS,EAAEC,WAAW,EAAEN,EAAE,EAAEE,QAAQ,EAAEC,oBAAoB,EAAEF,IAAI,CACrE,CAAC;AACL,CAAC;AAEDH,aAAa,CAACe,WAAW,GAAG,eAAe;AAE3C,eAAef,aAAa"}

package/lib/components/search-box/search-box-item/SearchBoxItem.styles.js CHANGED Viewed

@@ -10,7 +10,7 @@ export const StyledSearchBoxItem = styled.div`
   let {
     theme
   } = _ref;
-  return theme['secondary-103'];
+  return theme['secondary-102'];
 }};
     }
@@ -19,7 +19,7 @@ export const StyledSearchBoxItem = styled.div`
   let {
     theme
   } = _ref2;
-  return theme['secondary-103'];
+  return theme['secondary-102'];
 }};
     }
 `;
@@ -50,6 +50,15 @@ export const StyledSearchBoxItemText = styled.p`
   } = _ref5;
   return theme.text;
 }};
-    margin: 5px;
+    margin: 5px 0 !important;
+    b {
+        color: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.headline;
+}};
+    }
 `;
 //# sourceMappingURL=SearchBoxItem.styles.js.map

package/lib/components/search-box/search-box-item/SearchBoxItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBoxItem.styles.js","names":["styled","css","StyledSearchBoxItem","div","_ref","theme","_ref2","StyledSearchBoxItemImage","img","_ref3","_ref4","$shouldShowRoundImage","StyledSearchBoxItemText","p","_ref5","text"],"sources":["../../../../src/components/search-box/search-box-item/SearchBoxItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSearchBoxItemProps = WithTheme<unknown>;\nexport const StyledSearchBoxItem = styled.div<StyledSearchBoxItemProps>`\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 4px 10px;\n\n &:hover {\n background: ${({ theme }: StyledSearchBoxItemProps) => theme['secondary-~~103~~']};\n }\n\n &:focus {\n background: ${({ theme }: StyledSearchBoxItemProps) => theme['secondary-~~103~~']};\n }\n`;\n\ntype StyledSearchBoxItemImageProps = WithTheme<{ $shouldShowRoundImage?: boolean }>;\n\nexport const StyledSearchBoxItemImage = styled.img<StyledSearchBoxItemImageProps>`\n box-shadow: 0 0 0 1px\n rgba(${({ theme }: StyledSearchBoxItemImageProps) => theme['009-rgb']}, 0.15);\n height: 22px;\n width: 22px;\n\n ${({ $shouldShowRoundImage }) =>\n $shouldShowRoundImage &&\n css`\n border-radius: 50%;\n `}\n`;\n\ntype StyledSearchBoxItemTextProps = WithTheme<unknown>;\n\nexport const StyledSearchBoxItemText = styled.p<StyledSearchBoxItemTextProps>`\n color: ${({ theme }: StyledSearchBoxItemTextProps) => theme.text};\n margin: 5px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,mBAAmB,GAAGF,MAAM,CAACG,GAA8B;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsBC,IAAA;EAAA,IAAC;IAAEC;EAAgC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,eAAe,CAAC;AAAA,CAAC;AACtF;AACA;AACA;AACA,sBAAsBC,KAAA;EAAA,IAAC;IAAED;EAAgC,CAAC,GAAAC,KAAA;EAAA,OAAKD,KAAK,CAAC,eAAe,CAAC;AAAA,CAAC;AACtF;AACA,CAAC;AAID,OAAO,MAAME,wBAAwB,GAAGP,MAAM,CAACQ,GAAmC;AAClF;AACA,eAAeC,KAAA;EAAA,IAAC;IAAEJ;EAAqC,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AAC9E;AACA;AACA;AACA,MAAMK,KAAA;EAAA,IAAC;IAAEC;EAAsB,CAAC,GAAAD,KAAA;EAAA,OACxBC,qBAAqB,IACrBV,GAAI;AACZ;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAID,OAAO,MAAMW,uBAAuB,GAAGZ,MAAM,CAACa,CAAgC;AAC9E,aAAaC,KAAA;EAAA,IAAC;IAAET;EAAoC,CAAC,GAAAS,KAAA;EAAA,OAAKT,KAAK,CAACU,IAAI;AAAA,CAAC;AACrE;AACA,CAAC"}
1	+ {"version":3,"file":"SearchBoxItem.styles.js","names":["styled","css","StyledSearchBoxItem","div","_ref","theme","_ref2","StyledSearchBoxItemImage","img","_ref3","_ref4","$shouldShowRoundImage","StyledSearchBoxItemText","p","_ref5","text","_ref6","headline"],"sources":["../../../../src/components/search-box/search-box-item/SearchBoxItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSearchBoxItemProps = WithTheme<unknown>;\nexport const StyledSearchBoxItem = styled.div<StyledSearchBoxItemProps>`\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 4px 10px;\n\n &:hover {\n background: ${({ theme }: StyledSearchBoxItemProps) => theme['secondary-102']};\n }\n\n &:focus {\n background: ${({ theme }: StyledSearchBoxItemProps) => theme['secondary-102']};\n }\n`;\n\ntype StyledSearchBoxItemImageProps = WithTheme<{ $shouldShowRoundImage?: boolean }>;\n\nexport const StyledSearchBoxItemImage = styled.img<StyledSearchBoxItemImageProps>`\n box-shadow: 0 0 0 1px\n rgba(${({ theme }: StyledSearchBoxItemImageProps) => theme['009-rgb']}, 0.15);\n height: 22px;\n width: 22px;\n\n ${({ $shouldShowRoundImage }) =>\n $shouldShowRoundImage &&\n css`\n border-radius: 50%;\n `}\n`;\n\ntype StyledSearchBoxItemTextProps = WithTheme<unknown>;\n\nexport const StyledSearchBoxItemText = styled.p<StyledSearchBoxItemTextProps>`\n color: ${({ theme }: StyledSearchBoxItemTextProps) => theme.text};\n margin: 5px 0 !important;\n\n b {\n color: ${({ theme }: StyledSearchBoxItemTextProps) => theme.headline};\n }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,mBAAmB,GAAGF,MAAM,CAACG,GAA8B;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsBC,IAAA;EAAA,IAAC;IAAEC;EAAgC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,eAAe,CAAC;AAAA,CAAC;AACtF;AACA;AACA;AACA,sBAAsBC,KAAA;EAAA,IAAC;IAAED;EAAgC,CAAC,GAAAC,KAAA;EAAA,OAAKD,KAAK,CAAC,eAAe,CAAC;AAAA,CAAC;AACtF;AACA,CAAC;AAID,OAAO,MAAME,wBAAwB,GAAGP,MAAM,CAACQ,GAAmC;AAClF;AACA,eAAeC,KAAA;EAAA,IAAC;IAAEJ;EAAqC,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AAC9E;AACA;AACA;AACA,MAAMK,KAAA;EAAA,IAAC;IAAEC;EAAsB,CAAC,GAAAD,KAAA;EAAA,OACxBC,qBAAqB,IACrBV,GAAI;AACZ;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAID,OAAO,MAAMW,uBAAuB,GAAGZ,MAAM,CAACa,CAAgC;AAC9E,aAAaC,KAAA;EAAA,IAAC;IAAET;EAAoC,CAAC,GAAAS,KAAA;EAAA,OAAKT,KAAK,CAACU,IAAI;AAAA,CAAC;AACrE;AACA;AACA;AACA,iBAAiBC,KAAA;EAAA,IAAC;IAAEX;EAAoC,CAAC,GAAAW,KAAA;EAAA,OAAKX,KAAK,CAACY,QAAQ;AAAA,CAAC;AAC7E;AACA,CAAC"}

package/lib/utils/searchBox.js CHANGED Viewed

@@ -1,3 +1,9 @@
+const surroundWithBTag = (text, startIndex, length) => {
+  const before = text.substring(0, startIndex);
+  const highlighted = text.substring(startIndex, startIndex + length);
+  const after = text.substring(startIndex + length);
+  return `${before}<b>${highlighted}</b>${after}`;
+};
 export const searchList = _ref => {
   let {
     searchString,
@@ -8,7 +14,16 @@ export const searchList = _ref => {
   items.forEach(item => {
     const lowercaseText = item.text.toLowerCase();
     if (lowercaseText.includes(lowercaseSearchString)) {
-      matchingItems.push(item);
+      if (searchString === '') {
+        matchingItems.push(item);
+      } else {
+        const startIndex = lowercaseText.indexOf(lowercaseSearchString);
+        const highlightedText = surroundWithBTag(item.text, startIndex, searchString.length);
+        matchingItems.push({
+          ...item,
+          text: highlightedText
+        });
+      }
     }
   });
   return matchingItems;

package/lib/utils/searchBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchBox.js","names":["searchList","_ref","searchString","items","matchingItems","lowercaseSearchString","toLowerCase","forEach","item","lowercaseText","~~text~~","~~includes~~","~~push~~"],"sources":["../../src/utils/searchBox.ts"],"sourcesContent":["import type { ISearchBoxItem } from '../types/searchBox';\n\ninterface SearchListOptions {\n items: ISearchBoxItem[];\n searchString: string;\n}\n\nexport const searchList = ({ searchString, items }: SearchListOptions) => {\n const matchingItems: ISearchBoxItem[] = [];\n\n const lowercaseSearchString = searchString.toLowerCase();\n\n items.forEach((item) => {\n const lowercaseText = item.text.toLowerCase();\n\n if (lowercaseText.includes(lowercaseSearchString)) {\n matchingItems.push(item);\n }\n });\n\n return matchingItems;\n};\n"],"mappings":"~~AAOA~~,OAAO,~~MAAMA~~,UAAU,GAAGC,IAAA,IAAgD;EAAA,IAA/C;IAAEC,YAAY;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EACjE,MAAMG,aAA+B,GAAG,EAAE;EAE1C,MAAMC,qBAAqB,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC;EAExDH,KAAK,CAACI,OAAO,CAAEC,IAAI,IAAK;IACpB,MAAMC,aAAa,GAAGD,IAAI,~~CAACE~~,IAAI,~~CAACJ~~,WAAW,CAAC,CAAC;IAE7C,IAAIG,aAAa,~~CAACE~~,QAAQ,~~CAACN~~,qBAAqB,CAAC,EAAE;MAC/CD,aAAa,~~CAACQ~~,IAAI,~~CAACJ~~,IAAI,CAAC;~~IAC5B~~;EACJ,CAAC,CAAC;EAEF,~~OAAOJ~~,aAAa;AACxB,CAAC"}
1	+ {"version":3,"file":"searchBox.js","names":["surroundWithBTag","text","startIndex","length","before","substring","highlighted","after","searchList","_ref","searchString","items","matchingItems","lowercaseSearchString","toLowerCase","forEach","item","lowercaseText","includes","push","indexOf","highlightedText"],"sources":["../../src/utils/searchBox.ts"],"sourcesContent":["import type { ISearchBoxItem } from '../types/searchBox';\n\nconst surroundWithBTag = (text: string, startIndex: number, length: number) => {\n const before = text.substring(0, startIndex);\n const highlighted = text.substring(startIndex, startIndex + length);\n const after = text.substring(startIndex + length);\n\n return `${before}<b>${highlighted}</b>${after}`;\n};\n\ninterface SearchListOptions {\n items: ISearchBoxItem[];\n searchString: string;\n}\n\nexport const searchList = ({ searchString, items }: SearchListOptions) => {\n const matchingItems: ISearchBoxItem[] = [];\n\n const lowercaseSearchString = searchString.toLowerCase();\n\n items.forEach((item) => {\n const lowercaseText = item.text.toLowerCase();\n\n if (lowercaseText.includes(lowercaseSearchString)) {\n if (searchString === '') {\n matchingItems.push(item);\n } else {\n const startIndex = lowercaseText.indexOf(lowercaseSearchString);\n const highlightedText = surroundWithBTag(\n item.text,\n startIndex,\n searchString.length,\n );\n matchingItems.push({ ...item, text: highlightedText });\n }\n }\n });\n\n return matchingItems;\n};\n"],"mappings":"AAEA,MAAMA,gBAAgB,GAAGA,CAACC,IAAY,EAAEC,UAAkB,EAAEC,MAAc,KAAK;EAC3E,MAAMC,MAAM,GAAGH,IAAI,CAACI,SAAS,CAAC,CAAC,EAAEH,UAAU,CAAC;EAC5C,MAAMI,WAAW,GAAGL,IAAI,CAACI,SAAS,CAACH,UAAU,EAAEA,UAAU,GAAGC,MAAM,CAAC;EACnE,MAAMI,KAAK,GAAGN,IAAI,CAACI,SAAS,CAACH,UAAU,GAAGC,MAAM,CAAC;EAEjD,OAAQ,GAAEC,MAAO,MAAKE,WAAY,OAAMC,KAAM,EAAC;AACnD,CAAC;AAOD,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAAgD;EAAA,IAA/C;IAAEC,YAAY;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EACjE,MAAMG,aAA+B,GAAG,EAAE;EAE1C,MAAMC,qBAAqB,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC;EAExDH,KAAK,CAACI,OAAO,CAAEC,IAAI,IAAK;IACpB,MAAMC,aAAa,GAAGD,IAAI,CAACf,IAAI,CAACa,WAAW,CAAC,CAAC;IAE7C,IAAIG,aAAa,CAACC,QAAQ,CAACL,qBAAqB,CAAC,EAAE;MAC/C,IAAIH,YAAY,KAAK,EAAE,EAAE;QACrBE,aAAa,CAACO,IAAI,CAACH,IAAI,CAAC;MAC5B,CAAC,MAAM;QACH,MAAMd,UAAU,GAAGe,aAAa,CAACG,OAAO,CAACP,qBAAqB,CAAC;QAC/D,MAAMQ,eAAe,GAAGrB,gBAAgB,CACpCgB,IAAI,CAACf,IAAI,EACTC,UAAU,EACVQ,YAAY,CAACP,MACjB,CAAC;QACDS,aAAa,CAACO,IAAI,CAAC;UAAE,GAAGH,IAAI;UAAEf,IAAI,EAAEoB;QAAgB,CAAC,CAAC;MAC1D;IACJ;EACJ,CAAC,CAAC;EAEF,OAAOT,aAAa;AACxB,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.549",
+    "version": "5.0.0-beta.550",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2a6d12ef2862a9ea213c9b1bb7a3d3cfc57092c8"
+    "gitHead": "75602c020e5deeca53560abbc1b8ef5069804e81"
 }