@chayns-components/core 5.0.0-beta.447 → 5.0.0-beta.449

package/lib/components/accordion/accordion-head/AccordionHead.js

@@ -25,10 +25,7 @@ const AccordionHead = _ref => {
     closed: isWrapped ? 40 : 33,
     open: isWrapped ? 40 : 33
   });
-  const {
-    accordionIcon,
-    iconStyle
-  } = useTheme();
+  const theme = useTheme();
   const titleWrapperRef = useRef(null);
   const hasSearchIcon = Array.isArray(searchIcon);
   useEffect(() => {
@@ -44,14 +41,13 @@ const AccordionHead = _ref => {
         icons: [isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']
       });
     }
-    if (!accordionIcon) {
-      return null;
-    }
+    const internalIcon = theme && theme.accordionIcon ? theme.accordionIcon : 61701;
+    const internalIconStyle = theme && theme.iconStyle ? theme.iconStyle : 'fa-regular';
     return /*#__PURE__*/React.createElement(StyledAccordionIcon, {
-      className: iconStyle,
-      icon: accordionIcon?.toString(16)
+      className: internalIconStyle,
+      icon: internalIcon.toString(16)
     });
-  }, [accordionIcon, icon, iconStyle, isFixed]);
+  }, [icon, theme, isFixed]);
   return /*#__PURE__*/React.createElement(StyledMotionAccordionHead, {
     animate: {
       height: isOpen ? headHeight.open : headHeight.closed

package/lib/components/accordion/accordion-head/AccordionHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHead.js","names":["AnimatePresence","LayoutGroup","React","useEffect","useMemo","useRef","useState","StyledAccordionIcon","StyledMotionAccordionHead","StyledMotionContentWrapper","StyledMotionIconWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","StyledMotionRightInputIconWrapper","StyledMotionTitle","StyledMotionTitleElementWrapper","StyledMotionTitleWrapper","StyledRightWrapper","getAccordionHeadHeight","Icon","useTheme","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","headHeight","setHeadHeight","closed","open","accordionIcon","iconStyle","titleWrapperRef","hasSearchIcon","Array","isArray","width","current","clientWidth","iconElement","createElement","icons","className","toString","animate","height","initial","rotate","undefined","opacity","ref","scale","key","layout","Fragment","autoComplete","exit","hasIcon","onChange","placeholder","type","value","displayName"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport {\n    StyledAccordionIcon,\n    StyledMotionAccordionHead,\n    StyledMotionContentWrapper,\n    StyledMotionIconWrapper,\n    StyledMotionRightElementWrapper,\n    StyledMotionRightInput,\n    StyledMotionRightInputIconWrapper,\n    StyledMotionTitle,\n    StyledMotionTitleElementWrapper,\n    StyledMotionTitleWrapper,\n    StyledRightWrapper,\n} from './AccordionHead.styles';\nimport { getAccordionHeadHeight } from '../../../utils/accordion';\nimport Icon from '../../icon/Icon';\nimport { useTheme } from 'styled-components';\n\ntype AccordionHeadProps = {\n    icon?: string;\n    isOpen: boolean;\n    isFixed: boolean;\n    isTitleGreyed: boolean;\n    isWrapped: boolean;\n    onClick: MouseEventHandler<HTMLDivElement>;\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    rightElement?: ReactNode;\n    searchIcon?: string[];\n    searchPlaceholder?: string;\n    searchValue?: string;\n    shouldRotateIcon?: boolean;\n    title: string;\n    titleElement?: ReactNode;\n};\n\ninterface HeadHeight {\n    closed: number;\n    open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n    icon,\n    isOpen,\n    isFixed,\n    isTitleGreyed,\n    isWrapped,\n    onClick,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    searchValue,\n    shouldRotateIcon,\n    title,\n    titleElement,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: isWrapped ? 40 : 33,\n        open: isWrapped ? 40 : 33,\n    });\n\n    const { accordionIcon, iconStyle } = useTheme();\n\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    const hasSearchIcon = Array.isArray(searchIcon);\n\n    useEffect(() => {\n        setHeadHeight(\n            getAccordionHeadHeight({\n                isWrapped,\n                title,\n                width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n            }),\n        );\n    }, [isWrapped, title]);\n\n    const iconElement = useMemo(() => {\n        if (icon || (icon && isFixed)) {\n            return (\n                <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n            );\n        }\n\n        if (!accordionIcon) {\n            return null;\n        }\n\n        return (\n            <StyledAccordionIcon\n                className={iconStyle as string}\n                icon={(accordionIcon as number)?.toString(16)}\n            />\n        );\n    }, [accordionIcon, icon, iconStyle, isFixed]);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n            >\n                {iconElement}\n            </StyledMotionIconWrapper>\n            <StyledMotionContentWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                ref={titleWrapperRef}\n            >\n                <LayoutGroup>\n                    <StyledMotionTitleWrapper>\n                        <AnimatePresence initial={false}>\n                            <StyledMotionTitle\n                                animate={{ scale: 1 }}\n                                initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                                isOpen={isOpen}\n                                isWrapped={isWrapped}\n                                key={\n                                    isOpen && !isWrapped\n                                        ? 'accordionHeadTitleBig'\n                                        : 'accordionHeadTitle'\n                                }\n                            >\n                                {title}\n                            </StyledMotionTitle>\n                        </AnimatePresence>\n                    </StyledMotionTitleWrapper>\n                    {titleElement && (\n                        <StyledMotionTitleElementWrapper layout>\n                            {titleElement}\n                        </StyledMotionTitleElementWrapper>\n                    )}\n                </LayoutGroup>\n            </StyledMotionContentWrapper>\n            {(typeof onSearchChange === 'function' || rightElement) && (\n                <StyledRightWrapper>\n                    <AnimatePresence initial={false}>\n                        {typeof onSearchChange === 'function' && isOpen ? (\n                            <>\n                                <StyledMotionRightInput\n                                    animate={{ opacity: 1, width: '165px' }}\n                                    autoComplete=\"off\"\n                                    exit={{ opacity: 0, width: 0 }}\n                                    hasIcon={hasSearchIcon}\n                                    initial={{ opacity: 0, width: 0 }}\n                                    key=\"rightInput\"\n                                    onChange={onSearchChange}\n                                    placeholder={searchPlaceholder}\n                                    type=\"text\"\n                                    value={searchValue}\n                                />\n                                {hasSearchIcon && (\n                                    <StyledMotionRightInputIconWrapper\n                                        animate={{ opacity: 1 }}\n                                        exit={{ opacity: 0 }}\n                                        initial={{ opacity: 0 }}\n                                        key=\"rightInputIcon\"\n                                    >\n                                        <Icon icons={searchIcon} />\n                                    </StyledMotionRightInputIconWrapper>\n                                )}\n                            </>\n                        ) : (\n                            <StyledMotionRightElementWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key=\"rightElementWrapper\"\n                            >\n                                {rightElement}\n                            </StyledMotionRightElementWrapper>\n                        )}\n                    </AnimatePresence>\n                </StyledRightWrapper>\n            )}\n        </StyledMotionAccordionHead>\n    );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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"}
+{"version":3,"file":"AccordionHead.js","names":["AnimatePresence","LayoutGroup","React","useEffect","useMemo","useRef","useState","StyledAccordionIcon","StyledMotionAccordionHead","StyledMotionContentWrapper","StyledMotionIconWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","StyledMotionRightInputIconWrapper","StyledMotionTitle","StyledMotionTitleElementWrapper","StyledMotionTitleWrapper","StyledRightWrapper","getAccordionHeadHeight","Icon","useTheme","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","headHeight","setHeadHeight","closed","open","theme","titleWrapperRef","hasSearchIcon","Array","isArray","width","current","clientWidth","iconElement","createElement","icons","internalIcon","accordionIcon","internalIconStyle","iconStyle","className","toString","animate","height","initial","rotate","undefined","opacity","ref","scale","key","layout","Fragment","autoComplete","exit","hasIcon","onChange","placeholder","type","value","displayName"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport {\n    StyledAccordionIcon,\n    StyledMotionAccordionHead,\n    StyledMotionContentWrapper,\n    StyledMotionIconWrapper,\n    StyledMotionRightElementWrapper,\n    StyledMotionRightInput,\n    StyledMotionRightInputIconWrapper,\n    StyledMotionTitle,\n    StyledMotionTitleElementWrapper,\n    StyledMotionTitleWrapper,\n    StyledRightWrapper,\n} from './AccordionHead.styles';\nimport { getAccordionHeadHeight } from '../../../utils/accordion';\nimport Icon from '../../icon/Icon';\nimport { useTheme } from 'styled-components';\n\ntype AccordionHeadProps = {\n    icon?: string;\n    isOpen: boolean;\n    isFixed: boolean;\n    isTitleGreyed: boolean;\n    isWrapped: boolean;\n    onClick: MouseEventHandler<HTMLDivElement>;\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    rightElement?: ReactNode;\n    searchIcon?: string[];\n    searchPlaceholder?: string;\n    searchValue?: string;\n    shouldRotateIcon?: boolean;\n    title: string;\n    titleElement?: ReactNode;\n};\n\ninterface HeadHeight {\n    closed: number;\n    open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n    icon,\n    isOpen,\n    isFixed,\n    isTitleGreyed,\n    isWrapped,\n    onClick,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    searchValue,\n    shouldRotateIcon,\n    title,\n    titleElement,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: isWrapped ? 40 : 33,\n        open: isWrapped ? 40 : 33,\n    });\n\n    const theme = useTheme();\n\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    const hasSearchIcon = Array.isArray(searchIcon);\n\n    useEffect(() => {\n        setHeadHeight(\n            getAccordionHeadHeight({\n                isWrapped,\n                title,\n                width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n            }),\n        );\n    }, [isWrapped, title]);\n\n    const iconElement = useMemo(() => {\n        if (icon || (icon && isFixed)) {\n            return (\n                <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n            );\n        }\n\n        const internalIcon = theme && theme.accordionIcon ? (theme.accordionIcon as number) : 61701;\n        const internalIconStyle =\n            theme && theme.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n        return (\n            <StyledAccordionIcon className={internalIconStyle} icon={internalIcon.toString(16)} />\n        );\n    }, [icon, theme, isFixed]);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n            >\n                {iconElement}\n            </StyledMotionIconWrapper>\n            <StyledMotionContentWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                ref={titleWrapperRef}\n            >\n                <LayoutGroup>\n                    <StyledMotionTitleWrapper>\n                        <AnimatePresence initial={false}>\n                            <StyledMotionTitle\n                                animate={{ scale: 1 }}\n                                initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                                isOpen={isOpen}\n                                isWrapped={isWrapped}\n                                key={\n                                    isOpen && !isWrapped\n                                        ? 'accordionHeadTitleBig'\n                                        : 'accordionHeadTitle'\n                                }\n                            >\n                                {title}\n                            </StyledMotionTitle>\n                        </AnimatePresence>\n                    </StyledMotionTitleWrapper>\n                    {titleElement && (\n                        <StyledMotionTitleElementWrapper layout>\n                            {titleElement}\n                        </StyledMotionTitleElementWrapper>\n                    )}\n                </LayoutGroup>\n            </StyledMotionContentWrapper>\n            {(typeof onSearchChange === 'function' || rightElement) && (\n                <StyledRightWrapper>\n                    <AnimatePresence initial={false}>\n                        {typeof onSearchChange === 'function' && isOpen ? (\n                            <>\n                                <StyledMotionRightInput\n                                    animate={{ opacity: 1, width: '165px' }}\n                                    autoComplete=\"off\"\n                                    exit={{ opacity: 0, width: 0 }}\n                                    hasIcon={hasSearchIcon}\n                                    initial={{ opacity: 0, width: 0 }}\n                                    key=\"rightInput\"\n                                    onChange={onSearchChange}\n                                    placeholder={searchPlaceholder}\n                                    type=\"text\"\n                                    value={searchValue}\n                                />\n                                {hasSearchIcon && (\n                                    <StyledMotionRightInputIconWrapper\n                                        animate={{ opacity: 1 }}\n                                        exit={{ opacity: 0 }}\n                                        initial={{ opacity: 0 }}\n                                        key=\"rightInputIcon\"\n                                    >\n                                        <Icon icons={searchIcon} />\n                                    </StyledMotionRightInputIconWrapper>\n                                )}\n                            </>\n                        ) : (\n                            <StyledMotionRightElementWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key=\"rightElementWrapper\"\n                            >\n                                {rightElement}\n                            </StyledMotionRightElementWrapper>\n                        )}\n                    </AnimatePresence>\n                </StyledRightWrapper>\n            )}\n        </StyledMotionAccordionHead>\n    );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.447",
+    "version": "5.0.0-beta.449",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -72,5 +72,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "71af2989e12e9808f10a9782b77121db32a0f6a3"
+    "gitHead": "deb3f6ea48c52cd63e6ca3cbb2752e96040a97cd"
 }