@chayns-components/core 5.0.0-beta.191 → 5.0.0-beta.196

package/lib/components/accordion/Accordion.d.ts

@@ -80,6 +80,10 @@ export type AccordionProps = {
      * Additional elements to be displayed in the header next to the title.
      */
     titleElement?: ReactNode;
+    /**
+     * This will render the Accordion closed on the first render.
+     */
+    shouldRenderClosed?: boolean;
 };
 declare const Accordion: FC<AccordionProps>;
 export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -38,7 +38,8 @@ const Accordion = _ref => {
     searchPlaceholder,
     shouldHideBackground = false,
     title,
-    titleElement
+    titleElement,
+    shouldRenderClosed = false
   } = _ref;
   const {
     openAccordionUuid,
@@ -109,9 +110,10 @@ const Accordion = _ref => {
     titleElement: titleElement
   }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
     initial: false
-  }, isOpen && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, {
+  }, (isOpen || shouldRenderClosed) && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, {
     maxHeight: bodyMaxHeight,
-    onScroll: onBodyScroll
+    onScroll: onBodyScroll,
+    shouldHideBody: shouldRenderClosed && !isOpen
   }, children)))));
 };
 Accordion.displayName = 'Accordion';

package/lib/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_Accordion","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccordionContext","React","createContext","isWrapped","exports","displayName","Accordion","_ref","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","onBodyScroll","onClose","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","shouldHideBackground","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","handleHeadClick","useCallback","currentIsAccordionOpen","useEffect","current","shouldOnlyOpen","accordionContextProviderValue","useMemo","createElement","StyledAccordion","className","Provider","value","MotionConfig","transition","type","onClick","AnimatePresence","initial","maxHeight","onScroll","_default"],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nAccordionContext.displayName = 'AccordionContext';\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * This value must be set for nested Accordions. This adjusts the style of\n     * the head and the padding of the content.\n     */\n    isWrapped?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * Icon to be displayed on the right side in the search input\n     */\n    searchIcon?: string[];\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isTitleGreyed = false,\n    isWrapped = false,\n    onBodyScroll,\n    onClose,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    shouldHideBackground = false,\n    title,\n    titleElement,\n}) => {\n    const { openAccordionUuid, updateOpenAccordionUuid } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [isOpen, onClose, onOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen && typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(() => ({ isWrapped }), [isWrapped]);\n\n    return (\n        <StyledAccordion\n            className=\"beta-chayns-accordion\"\n            isOpen={isOpen}\n            isParentWrapped={isParentWrapped}\n            isWrapped={isWrapped}\n            shouldHideBackground={shouldHideBackground}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchIcon={searchIcon}\n                        searchPlaceholder={searchPlaceholder}\n                        title={title}\n                        titleElement={titleElement}\n                    />\n                    <AnimatePresence initial={false}>\n                        {isOpen && (\n                            <AccordionBody maxHeight={bodyMaxHeight} onScroll={onBodyScroll}>\n                                {children}\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_Accordion","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccordionContext","React","createContext","isWrapped","exports","displayName","Accordion","_ref","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","onBodyScroll","onClose","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","shouldHideBackground","title","titleElement","shouldRenderClosed","openAccordionUuid","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","handleHeadClick","useCallback","currentIsAccordionOpen","useEffect","current","shouldOnlyOpen","accordionContextProviderValue","useMemo","createElement","StyledAccordion","className","Provider","value","MotionConfig","transition","type","onClick","AnimatePresence","initial","maxHeight","onScroll","shouldHideBody","_default"],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nAccordionContext.displayName = 'AccordionContext';\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * This value must be set for nested Accordions. This adjusts the style of\n     * the head and the padding of the content.\n     */\n    isWrapped?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * Icon to be displayed on the right side in the search input\n     */\n    searchIcon?: string[];\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n    /**\n     * This will render the Accordion closed on the first render.\n     */\n    shouldRenderClosed?: boolean;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isTitleGreyed = false,\n    isWrapped = false,\n    onBodyScroll,\n    onClose,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    shouldHideBackground = false,\n    title,\n    titleElement,\n    shouldRenderClosed = false,\n}) => {\n    const { openAccordionUuid, updateOpenAccordionUuid } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [isOpen, onClose, onOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen && typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(() => ({ isWrapped }), [isWrapped]);\n\n    return (\n        <StyledAccordion\n            className=\"beta-chayns-accordion\"\n            isOpen={isOpen}\n            isParentWrapped={isParentWrapped}\n            isWrapped={isWrapped}\n            shouldHideBackground={shouldHideBackground}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchIcon={searchIcon}\n                        searchPlaceholder={searchPlaceholder}\n                        title={title}\n                        titleElement={titleElement}\n                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\n                                shouldHideBody={shouldRenderClosed && !isOpen}\n                            >\n                                {children}\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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"}

package/lib/components/accordion/accordion-body/AccordionBody.d.ts

@@ -9,6 +9,10 @@ export type AccordionBodyProps = {
      * Function that is executed when the element will be scrolled
      */
     onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /**
+     *
+     */
+    shouldHideBody: boolean;
 };
 declare const AccordionBody: FC<AccordionBodyProps>;
 export default AccordionBody;

package/lib/components/accordion/accordion-body/AccordionBody.js

@@ -13,15 +13,16 @@ const AccordionBody = _ref => {
   let {
     children,
     maxHeight,
-    onScroll
+    onScroll,
+    shouldHideBody
   } = _ref;
   const AccordionGroupContextProviderValue = (0, _react.useMemo)(() => ({
     openAccordionUuid: undefined
   }), []);
   return /*#__PURE__*/_react.default.createElement(_AccordionBody.StyledMotionAccordionBody, {
     animate: {
-      height: 'auto',
-      opacity: 1
+      height: shouldHideBody ? '0' : 'auto',
+      opacity: shouldHideBody ? 0 : 1
     },
     className: "beta-chayns-accordion-body",
     exit: {

package/lib/components/accordion/accordion-body/AccordionBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionBody.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_AccordionBody","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccordionBody","_ref","children","maxHeight","onScroll","AccordionGroupContextProviderValue","useMemo","openAccordionUuid","undefined","createElement","StyledMotionAccordionBody","animate","height","opacity","className","exit","initial","AccordionGroupContext","Provider","value","displayName","_default","exports"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC, UIEvent, useMemo } from 'react';\nimport type { AccordionProps } from '../Accordion';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nexport type AccordionBodyProps = {\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight: AccordionProps['bodyMaxHeight'];\n    /**\n     * Function that is executed when the element will be scrolled\n     */\n    onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n};\n\nconst AccordionBody: FC<AccordionBodyProps> = ({ children, maxHeight, onScroll }) => {\n    const AccordionGroupContextProviderValue = useMemo(\n        () => ({ openAccordionUuid: undefined }),\n        []\n    );\n\n    return (\n        <StyledMotionAccordionBody\n            animate={{ height: 'auto', opacity: 1 }}\n            className=\"beta-chayns-accordion-body\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            maxHeight={maxHeight}\n            onScroll={onScroll}\n        >\n            <AccordionGroupContext.Provider value={AccordionGroupContextProviderValue}>\n                {children}\n            </AccordionGroupContext.Provider>\n        </StyledMotionAccordionBody>\n    );\n};\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAanE,MAAMW,aAAqC,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAH,IAAA;EAC5E,MAAMI,kCAAkC,GAAG,IAAAC,cAAO,EAC9C,OAAO;IAAEC,iBAAiB,EAAEC;EAAU,CAAC,CAAC,EACxC,EACJ,CAAC;EAED,oBACInC,MAAA,CAAAY,OAAA,CAAAwB,aAAA,CAAChC,cAAA,CAAAiC,yBAAyB;IACtBC,OAAO,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxCC,SAAS,EAAC,4BAA4B;IACtCC,IAAI,EAAE;MAAEH,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChCG,OAAO,EAAE;MAAEJ,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACnCV,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA;EAAS,gBAEnB/B,MAAA,CAAAY,OAAA,CAAAwB,aAAA,CAACjC,eAAA,CAAAyC,qBAAqB,CAACC,QAAQ;IAACC,KAAK,EAAEd;EAAmC,GACrEH,QAC2B,CACT,CAAC;AAEpC,CAAC;AAEDF,aAAa,CAACoB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAE7BrB,aAAa;AAAAsB,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}
+{"version":3,"file":"AccordionBody.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_AccordionBody","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccordionBody","_ref","children","maxHeight","onScroll","shouldHideBody","AccordionGroupContextProviderValue","useMemo","openAccordionUuid","undefined","createElement","StyledMotionAccordionBody","animate","height","opacity","className","exit","initial","AccordionGroupContext","Provider","value","displayName","_default","exports"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC, UIEvent, useMemo } from 'react';\nimport type { AccordionProps } from '../Accordion';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nexport type AccordionBodyProps = {\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight: AccordionProps['bodyMaxHeight'];\n    /**\n     * Function that is executed when the element will be scrolled\n     */\n    onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     *\n     */\n    shouldHideBody: boolean;\n};\n\nconst AccordionBody: FC<AccordionBodyProps> = ({\n    children,\n    maxHeight,\n    onScroll,\n    shouldHideBody,\n}) => {\n    const AccordionGroupContextProviderValue = useMemo(\n        () => ({ openAccordionUuid: undefined }),\n        []\n    );\n\n    return (\n        <StyledMotionAccordionBody\n            animate={{ height: shouldHideBody ? '0' : 'auto', opacity: shouldHideBody ? 0 : 1 }}\n            className=\"beta-chayns-accordion-body\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            maxHeight={maxHeight}\n            onScroll={onScroll}\n        >\n            <AccordionGroupContext.Provider value={AccordionGroupContextProviderValue}>\n                {children}\n            </AccordionGroupContext.Provider>\n        </StyledMotionAccordionBody>\n    );\n};\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAiBnE,MAAMW,aAAqC,GAAGC,IAAA,IAKxC;EAAA,IALyC;IAC3CC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC;EACJ,CAAC,GAAAJ,IAAA;EACG,MAAMK,kCAAkC,GAAG,IAAAC,cAAO,EAC9C,OAAO;IAAEC,iBAAiB,EAAEC;EAAU,CAAC,CAAC,EACxC,EACJ,CAAC;EAED,oBACIpC,MAAA,CAAAY,OAAA,CAAAyB,aAAA,CAACjC,cAAA,CAAAkC,yBAAyB;IACtBC,OAAO,EAAE;MAAEC,MAAM,EAAER,cAAc,GAAG,GAAG,GAAG,MAAM;MAAES,OAAO,EAAET,cAAc,GAAG,CAAC,GAAG;IAAE,CAAE;IACpFU,SAAS,EAAC,4BAA4B;IACtCC,IAAI,EAAE;MAAEH,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChCG,OAAO,EAAE;MAAEJ,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACnCX,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA;EAAS,gBAEnB/B,MAAA,CAAAY,OAAA,CAAAyB,aAAA,CAAClC,eAAA,CAAA0C,qBAAqB,CAACC,QAAQ;IAACC,KAAK,EAAEd;EAAmC,GACrEJ,QAC2B,CACT,CAAC;AAEpC,CAAC;AAEDF,aAAa,CAACqB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAE7BtB,aAAa;AAAAuB,OAAA,CAAAtC,OAAA,GAAAqC,QAAA"}

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

@@ -136,11 +136,17 @@ const StyledMotionRightInput = (0, _styledComponents.default)(_framerMotion.moti
 }},
         0.45
     );
+    color: ${_ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.text;
+}};
     grid-area: header;
-    padding: ${_ref10 => {
+    padding: ${_ref11 => {
   let {
     hasIcon
-  } = _ref10;
+  } = _ref11;
   return hasIcon ? '5px 23px 5px 1px' : '5px 1px';
 }};
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionHead.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledMotionAccordionHead","styled","motion","div","_ref","theme","text","exports","StyledMotionIconWrapper","_ref2","onClick","StyledMotionContentWrapper","_ref3","StyledMotionTitleWrapper","StyledMotionTitle","_ref4","isOpen","isWrapped","undefined","_ref5","_ref6","_ref7","_ref8","css","StyledMotionTitleElementWrapper","StyledRightWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","input","_ref9","_ref10","hasIcon","StyledMotionRightInputIconWrapper"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionHeadProps = WithTheme<unknown>;\n\nexport const StyledMotionAccordionHead = styled(motion.div)`\n    align-items: center;\n    color: ${({ theme }: StyledMotionAccordionHeadProps) => theme.text};\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n`;\n\nexport const StyledMotionIconWrapper = styled(motion.div)`\n    align-items: center;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n`;\n\nexport const StyledMotionContentWrapper = styled(motion.div)`\n    align-self: flex-start;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n`;\n\nexport const StyledMotionTitleWrapper = styled(motion.div)`\n    display: grid;\n    flex: 0 1 auto;\n    grid-template-areas: 'header';\n`;\n\ninterface StyledMotionTitleProps {\n    isOpen: boolean;\n    isWrapped: boolean;\n}\n\nexport const StyledMotionTitle = styled(motion.div)<StyledMotionTitleProps>`\n    font-size: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '1.3rem' : undefined)};\n    font-weight: ${({ isOpen, isWrapped }) => (isOpen && isWrapped ? 700 : 'normal')};\n    grid-area: header;\n    height: ${({ isWrapped }) => (isWrapped ? '100%' : undefined)};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    white-space: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? 'normal' : 'nowrap')};\n\n    ${({ isWrapped }) =>\n        isWrapped &&\n        css`\n            align-items: center;\n            display: flex;\n        `}\n`;\n\nexport const StyledMotionTitleElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    margin-left: 8px;\n`;\n\nexport const StyledRightWrapper = styled.div`\n    display: grid;\n    flex: 0 0 auto;\n    grid-template-areas: 'right';\n    margin-right: 5px;\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledMotionRightElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    grid-area: header;\n    justify-content: flex-end;\n`;\n\ntype StyledMotionRightInputProps = WithTheme<{\n    hasIcon: boolean;\n}>;\n\nexport const StyledMotionRightInput = styled(motion.input)<StyledMotionRightInputProps>`\n    background-color: transparent;\n    border: 1px solid transparent;\n    border-bottom-color: rgba(\n        ${({ theme }: StyledMotionRightInputProps) => theme['headline-rgb']},\n        0.45\n    );\n    grid-area: header;\n    padding: ${({ hasIcon }) => (hasIcon ? '5px 23px 5px 1px' : '5px 1px')};\n`;\n\nexport const StyledMotionRightInputIconWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    position: absolute;\n    right: 4px;\n    top: 0;\n`;\n"],"mappings":"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"}
+{"version":3,"file":"AccordionHead.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledMotionAccordionHead","styled","motion","div","_ref","theme","text","exports","StyledMotionIconWrapper","_ref2","onClick","StyledMotionContentWrapper","_ref3","StyledMotionTitleWrapper","StyledMotionTitle","_ref4","isOpen","isWrapped","undefined","_ref5","_ref6","_ref7","_ref8","css","StyledMotionTitleElementWrapper","StyledRightWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","input","_ref9","_ref10","_ref11","hasIcon","StyledMotionRightInputIconWrapper"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionHeadProps = WithTheme<unknown>;\n\nexport const StyledMotionAccordionHead = styled(motion.div)`\n    align-items: center;\n    color: ${({ theme }: StyledMotionAccordionHeadProps) => theme.text};\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n`;\n\nexport const StyledMotionIconWrapper = styled(motion.div)`\n    align-items: center;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n`;\n\nexport const StyledMotionContentWrapper = styled(motion.div)`\n    align-self: flex-start;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n`;\n\nexport const StyledMotionTitleWrapper = styled(motion.div)`\n    display: grid;\n    flex: 0 1 auto;\n    grid-template-areas: 'header';\n`;\n\ninterface StyledMotionTitleProps {\n    isOpen: boolean;\n    isWrapped: boolean;\n}\n\nexport const StyledMotionTitle = styled(motion.div)<StyledMotionTitleProps>`\n    font-size: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '1.3rem' : undefined)};\n    font-weight: ${({ isOpen, isWrapped }) => (isOpen && isWrapped ? 700 : 'normal')};\n    grid-area: header;\n    height: ${({ isWrapped }) => (isWrapped ? '100%' : undefined)};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    white-space: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? 'normal' : 'nowrap')};\n\n    ${({ isWrapped }) =>\n        isWrapped &&\n        css`\n            align-items: center;\n            display: flex;\n        `}\n`;\n\nexport const StyledMotionTitleElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    margin-left: 8px;\n`;\n\nexport const StyledRightWrapper = styled.div`\n    display: grid;\n    flex: 0 0 auto;\n    grid-template-areas: 'right';\n    margin-right: 5px;\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledMotionRightElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    grid-area: header;\n    justify-content: flex-end;\n`;\n\ntype StyledMotionRightInputProps = WithTheme<{\n    hasIcon: boolean;\n}>;\n\nexport const StyledMotionRightInput = styled(motion.input)<StyledMotionRightInputProps>`\n    background-color: transparent;\n    border: 1px solid transparent;\n    border-bottom-color: rgba(\n        ${({ theme }: StyledMotionRightInputProps) => theme['headline-rgb']},\n        0.45\n    );\n    color: ${({ theme }: StyledMotionRightInputProps) => theme.text};\n    grid-area: header;\n    padding: ${({ hasIcon }) => (hasIcon ? '5px 23px 5px 1px' : '5px 1px')};\n`;\n\nexport const StyledMotionRightInputIconWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    position: absolute;\n    right: 4px;\n    top: 0;\n`;\n"],"mappings":"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"}

package/lib/components/date-info/DateInfo.d.ts

@@ -0,0 +1,40 @@
+import { FC } from 'react';
+export type DateInfoProps = {
+    /**
+     * The date, that should be displayed
+     */
+    date: Date | string;
+    /**
+     * Additional text for "shouldShowDateToNowDifference" prop. Writes a text before the calculated time
+     */
+    preText?: string;
+    /**
+     * Adds the current year to the display
+     */
+    shouldShowThisYear?: boolean;
+    /**
+     * Adds the time to the display.
+     * NOTE: The time is display with german text
+     */
+    shouldShowTime?: boolean;
+    /**
+     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).
+     * NOTE: The text is only available in german
+     */
+    shouldShowRelativeDayOfWeek?: boolean;
+    /**
+     * Shortens the day and month text to maximum three digits
+     */
+    shouldUseShortText?: boolean;
+    /**
+     * Adds the day of week to the display
+     */
+    shouldShowDayOfWeek?: boolean;
+    /**
+     * Shows the difference from the date to now. The component handles updates itself.
+     * NOTE: This option is only available in german
+     */
+    shouldShowDateToNowDifference?: boolean;
+};
+declare const DateInfo: FC<DateInfoProps>;
+export default DateInfo;

package/lib/components/date-info/DateInfo.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dateFns = require("date-fns");
+var _react = _interopRequireWildcard(require("react"));
+var _format = require("./utils/format");
+var _language = require("./utils/language");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const DateInfo = _ref => {
+  let {
+    date,
+    preText = '',
+    shouldShowThisYear,
+    shouldShowTime,
+    shouldShowRelativeDayOfWeek,
+    shouldUseShortText,
+    shouldShowDayOfWeek,
+    shouldShowDateToNowDifference
+  } = _ref;
+  const [formattedDate, setFormattedDate] = (0, _react.useState)(new Date(date));
+  const [formattedDateString, setFormattedDateString] = (0, _react.useState)('');
+  const [language] = (0, _react.useState)((0, _language.getLanguage)());
+  (0, _react.useEffect)(() => {
+    // This useEffect is used for normal date formation
+    if (shouldShowDateToNowDifference) {
+      return;
+    }
+    let newFormattedDateString = (0, _format.getFormattedDayOfWeek)({
+      shouldShowDayOfWeek,
+      shouldShowRelativeDayOfWeek,
+      shouldUseShortText,
+      date: formattedDate
+    });
+    let formatString = 'dd. ';
+    formatString += `${(0, _format.getMonthFormat)({
+      shouldUseShortText
+    })}`;
+    formatString += `${(0, _format.getYearFormat)({
+      date: formattedDate,
+      shouldShowThisYear
+    })}`;
+    newFormattedDateString += (0, _dateFns.format)(formattedDate, formatString, {
+      locale: language
+    });
+    newFormattedDateString += (0, _format.getFormattedTime)({
+      date: formattedDate,
+      shouldShowTime
+    });
+    setFormattedDateString(newFormattedDateString);
+  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowThisYear, shouldShowTime, shouldUseShortText]);
+
+  // Calculate remaining time till next minute to update time according to time left
+  const [currentDate, setCurrentDate] = (0, _react.useState)(new Date());
+  (0, _react.useEffect)(() => {
+    // This useEffect is for calculating the current date for shouldShowDateToNowDifference option
+    if (!shouldShowDateToNowDifference) {
+      return () => {};
+    }
+    let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();
+
+    // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently
+    if (timeoutTime < 0) {
+      timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();
+    }
+
+    // initialized with remaining time
+    let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();
+
+    // set to elapsed time
+    if ((0, _dateFns.isPast)(formattedDate)) {
+      timeDiffInMs = currentDate.getTime() - formattedDate.getTime();
+    }
+
+    // time difference is less than a minute, time should be updated every second
+    if (timeDiffInMs < 60000) {
+      timeoutTime = 1;
+    }
+
+    // Set timeoutTime to at least 1000ms
+    timeoutTime = Math.max(timeoutTime * 1000, 1000);
+    const timeout = setTimeout(() => {
+      setCurrentDate(new Date());
+    }, timeoutTime);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);
+  (0, _react.useEffect)(() => {
+    // This useEffect is for showing the difference of the date to now
+    if (shouldShowDateToNowDifference) {
+      setFormattedDateString((0, _format.getTimeTillNow)({
+        date: formattedDate,
+        currentDate
+      }));
+    }
+  }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);
+  (0, _react.useEffect)(() => {
+    setFormattedDate(new Date(date));
+  }, [date]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("div", null, preText.trim(), " ", formattedDateString), [formattedDateString, preText]);
+};
+DateInfo.displayName = 'DateInfo';
+var _default = DateInfo;
+exports.default = _default;
+//# sourceMappingURL=DateInfo.js.map

package/lib/components/date-info/DateInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInfo.js","names":["_dateFns","require","_react","_interopRequireWildcard","_format","_language","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DateInfo","_ref","date","preText","shouldShowThisYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","formattedDate","setFormattedDate","useState","Date","formattedDateString","setFormattedDateString","language","getLanguage","useEffect","newFormattedDateString","getFormattedDayOfWeek","formatString","getMonthFormat","getYearFormat","format","locale","getFormattedTime","currentDate","setCurrentDate","timeoutTime","getSeconds","timeDiffInMs","getTime","isPast","Math","max","timeout","setTimeout","clearTimeout","getTimeTillNow","useMemo","createElement","trim","displayName","_default","exports"],"sources":["../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import { format, isPast } from 'date-fns';\nimport React, { FC, useEffect, useMemo, useState } from 'react';\nimport {\n    getFormattedDayOfWeek,\n    getFormattedTime,\n    getMonthFormat,\n    getTimeTillNow,\n    getYearFormat,\n} from './utils/format';\nimport { getLanguage } from './utils/language';\n\nexport type DateInfoProps = {\n    /**\n     * The date, that should be displayed\n     */\n    date: Date | string;\n    /**\n     * Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n     */\n    preText?: string;\n    /**\n     * Adds the current year to the display\n     */\n    shouldShowThisYear?: boolean;\n    /**\n     * Adds the time to the display.\n     * NOTE: The time is display with german text\n     */\n    shouldShowTime?: boolean;\n    /**\n     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n     * NOTE: The text is only available in german\n     */\n    shouldShowRelativeDayOfWeek?: boolean;\n    /**\n     * Shortens the day and month text to maximum three digits\n     */\n    shouldUseShortText?: boolean;\n    /**\n     * Adds the day of week to the display\n     */\n    shouldShowDayOfWeek?: boolean;\n    /**\n     * Shows the difference from the date to now. The component handles updates itself.\n     * NOTE: This option is only available in german\n     */\n    shouldShowDateToNowDifference?: boolean;\n};\n\nconst DateInfo: FC<DateInfoProps> = ({\n    date,\n    preText = '',\n    shouldShowThisYear,\n    shouldShowTime,\n    shouldShowRelativeDayOfWeek,\n    shouldUseShortText,\n    shouldShowDayOfWeek,\n    shouldShowDateToNowDifference,\n}) => {\n    const [formattedDate, setFormattedDate] = useState(new Date(date));\n    const [formattedDateString, setFormattedDateString] = useState<string>('');\n    const [language] = useState(getLanguage());\n\n    useEffect(() => {\n        // This useEffect is used for normal date formation\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        let newFormattedDateString = getFormattedDayOfWeek({\n            shouldShowDayOfWeek,\n            shouldShowRelativeDayOfWeek,\n            shouldUseShortText,\n            date: formattedDate,\n        });\n\n        let formatString = 'dd. ';\n\n        formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n        formatString += `${getYearFormat({\n            date: formattedDate,\n            shouldShowThisYear,\n        })}`;\n\n        newFormattedDateString += format(formattedDate, formatString, { locale: language });\n\n        newFormattedDateString += getFormattedTime({ date: formattedDate, shouldShowTime });\n\n        setFormattedDateString(newFormattedDateString);\n    }, [\n        date,\n        formattedDate,\n        language,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowThisYear,\n        shouldShowTime,\n        shouldUseShortText,\n    ]);\n\n    // Calculate remaining time till next minute to update time according to time left\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        // This useEffect is for calculating the current date for shouldShowDateToNowDifference option\n        if (!shouldShowDateToNowDifference) {\n            return () => {};\n        }\n\n        let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();\n\n        // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently\n        if (timeoutTime < 0) {\n            timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();\n        }\n\n        // initialized with remaining time\n        let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();\n\n        // set to elapsed time\n        if (isPast(formattedDate)) {\n            timeDiffInMs = currentDate.getTime() - formattedDate.getTime();\n        }\n\n        // time difference is less than a minute, time should be updated every second\n        if (timeDiffInMs < 60000) {\n            timeoutTime = 1;\n        }\n\n        // Set timeoutTime to at least 1000ms\n        timeoutTime = Math.max(timeoutTime * 1000, 1000);\n\n        const timeout = setTimeout(() => {\n            setCurrentDate(new Date());\n        }, timeoutTime);\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        // This useEffect is for showing the difference of the date to now\n        if (shouldShowDateToNowDifference) {\n            setFormattedDateString(getTimeTillNow({ date: formattedDate, currentDate }));\n        }\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        setFormattedDate(new Date(date));\n    }, [date]);\n\n    return useMemo(\n        () => (\n            <div>\n                {preText.trim()} {formattedDateString}\n            </div>\n        ),\n        [formattedDateString, preText]\n    );\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":"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"}

package/lib/components/date-info/utils/format.d.ts

@@ -0,0 +1,43 @@
+interface GetFormattedYearOptions {
+    date: Date;
+    shouldShowThisYear?: boolean;
+}
+export declare const getYearFormat: ({ date, shouldShowThisYear }: GetFormattedYearOptions) => "" | " yyyy";
+interface GetFormattedMonthOptions {
+    shouldUseShortText?: boolean;
+}
+export declare const getMonthFormat: ({ shouldUseShortText }: GetFormattedMonthOptions) => "LLL." | "LLLL";
+interface GetFormattedDayOfWeekOptions {
+    shouldShowDayOfWeek?: boolean;
+    shouldShowRelativeDayOfWeek?: boolean;
+    shouldUseShortText?: boolean;
+    date: Date;
+}
+export declare const getFormattedDayOfWeek: ({ shouldShowRelativeDayOfWeek, shouldShowDayOfWeek, shouldUseShortText, date, }: GetFormattedDayOfWeekOptions) => string;
+interface GetFormattedTimeOptions {
+    shouldShowTime?: boolean;
+    date: Date;
+}
+export declare const getFormattedTime: ({ shouldShowTime, date }: GetFormattedTimeOptions) => string;
+export interface Time {
+    value: number;
+    type: TimeType;
+    isPast: boolean;
+}
+export declare enum TimeType {
+    Seconds = 0,
+    Minutes = 1,
+    Hours = 2,
+    Days = 3,
+    Weeks = 4,
+    Months = 5,
+    Years = 6
+}
+interface GetTimeTillNowOptions {
+    date: Date;
+    currentDate: Date;
+}
+export declare const getTimeTillNow: ({ date, currentDate }: GetTimeTillNowOptions) => string;
+export declare const getFormattedPastTimeString: (time: Time) => string;
+export declare const getFormattedFutureTimeString: (time: Time) => string;
+export {};

package/lib/components/date-info/utils/format.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getYearFormat = exports.getTimeTillNow = exports.getMonthFormat = exports.getFormattedTime = exports.getFormattedPastTimeString = exports.getFormattedFutureTimeString = exports.getFormattedDayOfWeek = exports.TimeType = void 0;
+var _dateFns = require("date-fns");
+const getYearFormat = _ref => {
+  let {
+    date,
+    shouldShowThisYear
+  } = _ref;
+  if (shouldShowThisYear) {
+    return ' yyyy';
+  }
+  return (0, _dateFns.isThisYear)(date) ? '' : ' yyyy';
+};
+exports.getYearFormat = getYearFormat;
+const getMonthFormat = _ref2 => {
+  let {
+    shouldUseShortText
+  } = _ref2;
+  if (shouldUseShortText) {
+    return 'LLL.';
+  }
+  return 'LLLL';
+};
+exports.getMonthFormat = getMonthFormat;
+const getFormattedDayOfWeek = _ref3 => {
+  let {
+    shouldShowRelativeDayOfWeek,
+    shouldShowDayOfWeek,
+    shouldUseShortText,
+    date
+  } = _ref3;
+  if (!shouldShowDayOfWeek && !shouldShowRelativeDayOfWeek) {
+    return '';
+  }
+  if (shouldShowRelativeDayOfWeek) {
+    if ((0, _dateFns.isToday)(date)) {
+      return 'Heute, ';
+    }
+    if ((0, _dateFns.isTomorrow)(date)) {
+      return 'Morgen, ';
+    }
+    if ((0, _dateFns.isYesterday)(date)) {
+      return 'Gestern, ';
+    }
+  }
+  if (shouldUseShortText) {
+    return (0, _dateFns.format)(date, 'E., ');
+  }
+  return (0, _dateFns.format)(date, 'EEEE, ');
+};
+exports.getFormattedDayOfWeek = getFormattedDayOfWeek;
+const getFormattedTime = _ref4 => {
+  let {
+    shouldShowTime,
+    date
+  } = _ref4;
+  if (!shouldShowTime) {
+    return '';
+  }
+  return `, ${(0, _dateFns.format)(date, 'HH:mm')} Uhr`;
+};
+exports.getFormattedTime = getFormattedTime;
+let TimeType = /*#__PURE__*/function (TimeType) {
+  TimeType[TimeType["Seconds"] = 0] = "Seconds";
+  TimeType[TimeType["Minutes"] = 1] = "Minutes";
+  TimeType[TimeType["Hours"] = 2] = "Hours";
+  TimeType[TimeType["Days"] = 3] = "Days";
+  TimeType[TimeType["Weeks"] = 4] = "Weeks";
+  TimeType[TimeType["Months"] = 5] = "Months";
+  TimeType[TimeType["Years"] = 6] = "Years";
+  return TimeType;
+}({});
+exports.TimeType = TimeType;
+const getTimeTillNow = _ref5 => {
+  let {
+    date,
+    currentDate
+  } = _ref5;
+  const time = {
+    value: 0,
+    type: TimeType.Years,
+    isPast: false
+  };
+  if ((0, _dateFns.isPast)(date)) {
+    const elapsedMilliseconds = currentDate.getTime() - date.getTime();
+    switch (true) {
+      case elapsedMilliseconds < 60000:
+        time.value = Math.floor(elapsedMilliseconds / 1000);
+        time.type = TimeType.Seconds;
+        break;
+      case elapsedMilliseconds < 3600000:
+        time.value = Math.floor(elapsedMilliseconds / 60000);
+        time.type = TimeType.Minutes;
+        break;
+      case elapsedMilliseconds < 86400000:
+        time.value = Math.floor(elapsedMilliseconds / 3600000);
+        time.type = TimeType.Hours;
+        break;
+      case elapsedMilliseconds < 604800000:
+        time.value = Math.floor(elapsedMilliseconds / 86400000);
+        time.type = TimeType.Days;
+        break;
+      case elapsedMilliseconds < 2592000000:
+        time.value = Math.floor(elapsedMilliseconds / 604800000);
+        time.type = TimeType.Weeks;
+        break;
+      case elapsedMilliseconds < 31536000000:
+        time.value = Math.floor(elapsedMilliseconds / 2592000000);
+        time.type = TimeType.Months;
+        break;
+      default:
+        time.value = Math.floor(elapsedMilliseconds / 31536000000);
+        time.type = TimeType.Years;
+        break;
+    }
+    return `${time.value} ${getFormattedPastTimeString(time)}`;
+  }
+  const remainingMilliseconds = date.getTime() - currentDate.getTime();
+  switch (true) {
+    case remainingMilliseconds < 60000:
+      time.value = Math.floor(remainingMilliseconds / 1000);
+      time.type = TimeType.Seconds;
+      break;
+    case remainingMilliseconds < 3600000:
+      time.value = Math.floor(remainingMilliseconds / 60000);
+      time.type = TimeType.Minutes;
+      break;
+    case remainingMilliseconds < 86400000:
+      time.value = Math.floor(remainingMilliseconds / 3600000);
+      time.type = TimeType.Hours;
+      break;
+    case remainingMilliseconds < 604800000:
+      time.value = Math.floor(remainingMilliseconds / 86400000);
+      time.type = TimeType.Days;
+      break;
+    case remainingMilliseconds < 2592000000:
+      time.value = Math.floor(remainingMilliseconds / 604800000);
+      time.type = TimeType.Weeks;
+      break;
+    case remainingMilliseconds < 31536000000:
+      time.value = Math.floor(remainingMilliseconds / 2592000000);
+      time.type = TimeType.Months;
+      break;
+    default:
+      time.value = Math.floor(remainingMilliseconds / 31536000000);
+      time.type = TimeType.Years;
+      break;
+  }
+  return `${time.value} ${getFormattedFutureTimeString(time)}`;
+};
+exports.getTimeTillNow = getTimeTillNow;
+const timeTypeStrings = {
+  past: {
+    seconds: {
+      singular: 'Sekunde',
+      plural: 'Sekunden'
+    },
+    minutes: {
+      singular: 'Minute',
+      plural: 'Minuten'
+    },
+    hours: {
+      singular: 'Stunde',
+      plural: 'Stunden'
+    },
+    days: {
+      singular: 'Tag',
+      plural: 'Tagen'
+    },
+    weeks: {
+      singular: 'Woche',
+      plural: 'Wochen'
+    },
+    months: {
+      singular: 'Monat',
+      plural: 'Monaten'
+    },
+    years: {
+      singular: 'Jahr',
+      plural: 'Jahren'
+    }
+  },
+  future: {
+    seconds: {
+      singular: 'Sekunde',
+      plural: 'Sekunden'
+    },
+    minutes: {
+      singular: 'Minute',
+      plural: 'Minuten'
+    },
+    hours: {
+      singular: 'Stunde',
+      plural: 'Stunden'
+    },
+    days: {
+      singular: 'Tag',
+      plural: 'Tagen'
+    },
+    weeks: {
+      singular: 'Woche',
+      plural: 'Wochen'
+    },
+    months: {
+      singular: 'Monat',
+      plural: 'Monaten'
+    },
+    years: {
+      singular: 'Jahr',
+      plural: 'Jahren'
+    }
+  }
+};
+const getFormattedPastTimeString = time => {
+  const {
+    value,
+    type
+  } = time;
+  const {
+    past: {
+      seconds,
+      days,
+      weeks,
+      months,
+      years,
+      minutes,
+      hours
+    }
+  } = timeTypeStrings;
+  const isSingular = value === 1;
+  switch (true) {
+    case type === TimeType.Seconds:
+      return isSingular ? seconds.singular : seconds.plural;
+    case type === TimeType.Minutes:
+      return isSingular ? minutes.singular : minutes.plural;
+    case type === TimeType.Hours:
+      return isSingular ? hours.singular : hours.plural;
+    case type === TimeType.Days:
+      return isSingular ? days.singular : days.plural;
+    case type === TimeType.Weeks:
+      return isSingular ? weeks.singular : weeks.plural;
+    case type === TimeType.Months:
+      return isSingular ? months.singular : months.plural;
+    default:
+      return isSingular ? years.singular : years.plural;
+  }
+};
+exports.getFormattedPastTimeString = getFormattedPastTimeString;
+const getFormattedFutureTimeString = time => {
+  const {
+    value,
+    type
+  } = time;
+  const {
+    future: {
+      seconds,
+      days,
+      weeks,
+      months,
+      years,
+      minutes,
+      hours
+    }
+  } = timeTypeStrings;
+  const isSingular = value === 1;
+  switch (true) {
+    case type === TimeType.Seconds:
+      return isSingular ? seconds.singular : seconds.plural;
+    case type === TimeType.Minutes:
+      return isSingular ? minutes.singular : minutes.plural;
+    case type === TimeType.Hours:
+      return isSingular ? hours.singular : hours.plural;
+    case type === TimeType.Days:
+      return isSingular ? days.singular : days.plural;
+    case type === TimeType.Weeks:
+      return isSingular ? weeks.singular : weeks.plural;
+    case type === TimeType.Months:
+      return isSingular ? months.singular : months.plural;
+    default:
+      return isSingular ? years.singular : years.plural;
+  }
+};
+exports.getFormattedFutureTimeString = getFormattedFutureTimeString;
+//# sourceMappingURL=format.js.map

package/lib/components/date-info/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":["_dateFns","require","getYearFormat","_ref","date","shouldShowThisYear","isThisYear","exports","getMonthFormat","_ref2","shouldUseShortText","getFormattedDayOfWeek","_ref3","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","isToday","isTomorrow","isYesterday","format","getFormattedTime","_ref4","shouldShowTime","TimeType","getTimeTillNow","_ref5","currentDate","time","value","type","Years","isPast","elapsedMilliseconds","getTime","Math","floor","Seconds","Minutes","Hours","Days","Weeks","Months","getFormattedPastTimeString","remainingMilliseconds","getFormattedFutureTimeString","timeTypeStrings","past","seconds","singular","plural","minutes","hours","days","weeks","months","years","future","isSingular"],"sources":["../../../../src/components/date-info/utils/format.ts"],"sourcesContent":["import { format, isPast, isThisYear, isToday, isTomorrow, isYesterday } from 'date-fns';\n\ninterface GetFormattedYearOptions {\n    date: Date;\n    shouldShowThisYear?: boolean;\n}\n\nexport const getYearFormat = ({ date, shouldShowThisYear }: GetFormattedYearOptions) => {\n    if (shouldShowThisYear) {\n        return ' yyyy';\n    }\n\n    return isThisYear(date) ? '' : ' yyyy';\n};\n\ninterface GetFormattedMonthOptions {\n    shouldUseShortText?: boolean;\n}\n\nexport const getMonthFormat = ({ shouldUseShortText }: GetFormattedMonthOptions) => {\n    if (shouldUseShortText) {\n        return 'LLL.';\n    }\n\n    return 'LLLL';\n};\n\ninterface GetFormattedDayOfWeekOptions {\n    shouldShowDayOfWeek?: boolean;\n    shouldShowRelativeDayOfWeek?: boolean;\n    shouldUseShortText?: boolean;\n    date: Date;\n}\n\nexport const getFormattedDayOfWeek = ({\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldUseShortText,\n    date,\n}: GetFormattedDayOfWeekOptions) => {\n    if (!shouldShowDayOfWeek && !shouldShowRelativeDayOfWeek) {\n        return '';\n    }\n\n    if (shouldShowRelativeDayOfWeek) {\n        if (isToday(date)) {\n            return 'Heute, ';\n        }\n\n        if (isTomorrow(date)) {\n            return 'Morgen, ';\n        }\n\n        if (isYesterday(date)) {\n            return 'Gestern, ';\n        }\n    }\n\n    if (shouldUseShortText) {\n        return format(date, 'E., ');\n    }\n\n    return format(date, 'EEEE, ');\n};\n\ninterface GetFormattedTimeOptions {\n    shouldShowTime?: boolean;\n    date: Date;\n}\n\nexport const getFormattedTime = ({ shouldShowTime, date }: GetFormattedTimeOptions) => {\n    if (!shouldShowTime) {\n        return '';\n    }\n\n    return `, ${format(date, 'HH:mm')} Uhr`;\n};\n\nexport interface Time {\n    value: number;\n    type: TimeType;\n    isPast: boolean;\n}\n\nexport enum TimeType {\n    Seconds,\n    Minutes,\n    Hours,\n    Days,\n    Weeks,\n    Months,\n    Years,\n}\n\ninterface GetTimeTillNowOptions {\n    date: Date;\n    currentDate: Date;\n}\n\nexport const getTimeTillNow = ({ date, currentDate }: GetTimeTillNowOptions): string => {\n    const time: Time = {\n        value: 0,\n        type: TimeType.Years,\n        isPast: false,\n    };\n\n    if (isPast(date)) {\n        const elapsedMilliseconds = currentDate.getTime() - date.getTime();\n\n        switch (true) {\n            case elapsedMilliseconds < 60000:\n                time.value = Math.floor(elapsedMilliseconds / 1000);\n                time.type = TimeType.Seconds;\n                break;\n            case elapsedMilliseconds < 3600000:\n                time.value = Math.floor(elapsedMilliseconds / 60000);\n                time.type = TimeType.Minutes;\n                break;\n            case elapsedMilliseconds < 86400000:\n                time.value = Math.floor(elapsedMilliseconds / 3600000);\n                time.type = TimeType.Hours;\n                break;\n            case elapsedMilliseconds < 604800000:\n                time.value = Math.floor(elapsedMilliseconds / 86400000);\n                time.type = TimeType.Days;\n                break;\n            case elapsedMilliseconds < 2592000000:\n                time.value = Math.floor(elapsedMilliseconds / 604800000);\n                time.type = TimeType.Weeks;\n                break;\n            case elapsedMilliseconds < 31536000000:\n                time.value = Math.floor(elapsedMilliseconds / 2592000000);\n                time.type = TimeType.Months;\n                break;\n            default:\n                time.value = Math.floor(elapsedMilliseconds / 31536000000);\n                time.type = TimeType.Years;\n                break;\n        }\n\n        return `${time.value} ${getFormattedPastTimeString(time)}`;\n    }\n\n    const remainingMilliseconds = date.getTime() - currentDate.getTime();\n\n    switch (true) {\n        case remainingMilliseconds < 60000:\n            time.value = Math.floor(remainingMilliseconds / 1000);\n            time.type = TimeType.Seconds;\n            break;\n        case remainingMilliseconds < 3600000:\n            time.value = Math.floor(remainingMilliseconds / 60000);\n            time.type = TimeType.Minutes;\n            break;\n        case remainingMilliseconds < 86400000:\n            time.value = Math.floor(remainingMilliseconds / 3600000);\n            time.type = TimeType.Hours;\n            break;\n        case remainingMilliseconds < 604800000:\n            time.value = Math.floor(remainingMilliseconds / 86400000);\n            time.type = TimeType.Days;\n            break;\n        case remainingMilliseconds < 2592000000:\n            time.value = Math.floor(remainingMilliseconds / 604800000);\n            time.type = TimeType.Weeks;\n            break;\n        case remainingMilliseconds < 31536000000:\n            time.value = Math.floor(remainingMilliseconds / 2592000000);\n            time.type = TimeType.Months;\n            break;\n        default:\n            time.value = Math.floor(remainingMilliseconds / 31536000000);\n            time.type = TimeType.Years;\n            break;\n    }\n\n    return `${time.value} ${getFormattedFutureTimeString(time)}`;\n};\n\nconst timeTypeStrings = {\n    past: {\n        seconds: {\n            singular: 'Sekunde',\n            plural: 'Sekunden',\n        },\n        minutes: {\n            singular: 'Minute',\n            plural: 'Minuten',\n        },\n        hours: {\n            singular: 'Stunde',\n            plural: 'Stunden',\n        },\n        days: {\n            singular: 'Tag',\n            plural: 'Tagen',\n        },\n        weeks: {\n            singular: 'Woche',\n            plural: 'Wochen',\n        },\n        months: {\n            singular: 'Monat',\n            plural: 'Monaten',\n        },\n        years: {\n            singular: 'Jahr',\n            plural: 'Jahren',\n        },\n    },\n    future: {\n        seconds: {\n            singular: 'Sekunde',\n            plural: 'Sekunden',\n        },\n        minutes: {\n            singular: 'Minute',\n            plural: 'Minuten',\n        },\n        hours: {\n            singular: 'Stunde',\n            plural: 'Stunden',\n        },\n        days: {\n            singular: 'Tag',\n            plural: 'Tagen',\n        },\n        weeks: {\n            singular: 'Woche',\n            plural: 'Wochen',\n        },\n        months: {\n            singular: 'Monat',\n            plural: 'Monaten',\n        },\n        years: {\n            singular: 'Jahr',\n            plural: 'Jahren',\n        },\n    },\n};\n\nexport const getFormattedPastTimeString = (time: Time): string => {\n    const { value, type } = time;\n    const {\n        past: { seconds, days, weeks, months, years, minutes, hours },\n    } = timeTypeStrings;\n    const isSingular = value === 1;\n\n    switch (true) {\n        case type === TimeType.Seconds:\n            return isSingular ? seconds.singular : seconds.plural;\n        case type === TimeType.Minutes:\n            return isSingular ? minutes.singular : minutes.plural;\n        case type === TimeType.Hours:\n            return isSingular ? hours.singular : hours.plural;\n        case type === TimeType.Days:\n            return isSingular ? days.singular : days.plural;\n        case type === TimeType.Weeks:\n            return isSingular ? weeks.singular : weeks.plural;\n        case type === TimeType.Months:\n            return isSingular ? months.singular : months.plural;\n        default:\n            return isSingular ? years.singular : years.plural;\n    }\n};\n\nexport const getFormattedFutureTimeString = (time: Time): string => {\n    const { value, type } = time;\n    const {\n        future: { seconds, days, weeks, months, years, minutes, hours },\n    } = timeTypeStrings;\n    const isSingular = value === 1;\n\n    switch (true) {\n        case type === TimeType.Seconds:\n            return isSingular ? seconds.singular : seconds.plural;\n        case type === TimeType.Minutes:\n            return isSingular ? minutes.singular : minutes.plural;\n        case type === TimeType.Hours:\n            return isSingular ? hours.singular : hours.plural;\n        case type === TimeType.Days:\n            return isSingular ? days.singular : days.plural;\n        case type === TimeType.Weeks:\n            return isSingular ? weeks.singular : weeks.plural;\n        case type === TimeType.Months:\n            return isSingular ? months.singular : months.plural;\n        default:\n            return isSingular ? years.singular : years.plural;\n    }\n};\n"],"mappings":"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"}

package/lib/components/date-info/utils/language.d.ts

@@ -0,0 +1 @@
+export declare const getLanguage: () => Locale;

package/lib/components/date-info/utils/language.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLanguage = void 0;
+var _locale = require("date-fns/locale");
+const getLanguage = () => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  switch (chayns.env.parameters.translang || chayns.env.language) {
+    case 'en':
+      return _locale.enGB;
+    case 'nl':
+      return _locale.nl;
+    case 'fr':
+      return _locale.fr;
+    case 'it':
+      return _locale.it;
+    case 'pl':
+      return _locale.pl;
+    case 'pt':
+      return _locale.pt;
+    case 'es':
+      return _locale.es;
+    case 'tr':
+      return _locale.tr;
+    case 'uk':
+      return _locale.uk;
+    default:
+      return _locale.de;
+  }
+};
+exports.getLanguage = getLanguage;
+//# sourceMappingURL=language.js.map

package/lib/components/date-info/utils/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","names":["_locale","require","getLanguage","chayns","env","parameters","translang","language","enGB","nl","fr","it","pl","pt","es","tr","uk","de","exports"],"sources":["../../../../src/components/date-info/utils/language.ts"],"sourcesContent":["import { de, enGB, es, fr, it, nl, pl, pt, tr, uk } from 'date-fns/locale';\n\nexport const getLanguage = (): Locale => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    switch (chayns.env.parameters.translang || chayns.env.language) {\n        case 'en':\n            return enGB;\n        case 'nl':\n            return nl;\n        case 'fr':\n            return fr;\n        case 'it':\n            return it;\n        case 'pl':\n            return pl;\n        case 'pt':\n            return pt;\n        case 'es':\n            return es;\n        case 'tr':\n            return tr;\n        case 'uk':\n            return uk;\n        default:\n            return de;\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,WAAW,GAAGA,CAAA,KAAc;EACrC;EACA,QAAQC,MAAM,CAACC,GAAG,CAACC,UAAU,CAACC,SAAS,IAAIH,MAAM,CAACC,GAAG,CAACG,QAAQ;IAC1D,KAAK,IAAI;MACL,OAAOC,YAAI;IACf,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb;MACI,OAAOC,UAAE;EACjB;AACJ,CAAC;AAACC,OAAA,CAAAhB,WAAA,GAAAA,WAAA"}

package/lib/index.d.ts

@@ -13,6 +13,7 @@ export { default as ComboBox } from './components/combobox/ComboBox';
 export type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';
 export { default as ContentCard } from './components/content-card/ContentCard';
 export { default as ContextMenu } from './components/context-menu/ContextMenu';
+export { default as DateInfo } from './components/date-info/DateInfo';
 export { default as FilterButton } from './components/filter-button/FilterButton';
 export type { FilterButtonItemShape, FilterButtonSize, IFilterButtonItem as FilterButtonItem, } from './components/filter-button/types';
 export { default as GridImage } from './components/grid-image/GridImage';

package/lib/index.js

@@ -81,6 +81,12 @@ Object.defineProperty(exports, "ContextMenu", {
     return _ContextMenu.default;
   }
 });
+Object.defineProperty(exports, "DateInfo", {
+  enumerable: true,
+  get: function () {
+    return _DateInfo.default;
+  }
+});
 Object.defineProperty(exports, "FilterButton", {
   enumerable: true,
   get: function () {
@@ -250,6 +256,7 @@ var _ColorSchemeProvider = _interopRequireDefault(require("./components/color-sc
 var _ComboBox = _interopRequireDefault(require("./components/combobox/ComboBox"));
 var _ContentCard = _interopRequireDefault(require("./components/content-card/ContentCard"));
 var _ContextMenu = _interopRequireDefault(require("./components/context-menu/ContextMenu"));
+var _DateInfo = _interopRequireDefault(require("./components/date-info/DateInfo"));
 var _FilterButton = _interopRequireDefault(require("./components/filter-button/FilterButton"));
 var _GridImage = _interopRequireDefault(require("./components/grid-image/GridImage"));
 var _Icon = _interopRequireDefault(require("./components/icon/Icon"));

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_ComboBox","_ContentCard","_ContextMenu","_FilterButton","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_Popup","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SharingBar","_Slider","_SmallWaitCursor","_interopRequireWildcard","_TextArea","_TextStringProvider","_TextString","_Tooltip","_fileDialog","_uploadFile","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport type { WithTheme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as FilterButton } from './components/filter-button/FilterButton';\nexport type {\n    FilterButtonItemShape,\n    FilterButtonSize,\n    IFilterButtonItem as FilterButtonItem,\n} from './components/filter-button/types';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as Input } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\nexport { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { default as RadioButtonGroup } from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport type { ISearchBoxItem as SearchBoxItem } from './components/search-box/types';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';\nexport { default as TextString } from './components/textstring/TextString';\nexport type {\n    ITextstring as Textstring,\n    TextstringReplacement,\n} from './components/textstring/types';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { selectFiles } from './utils/fileDialog';\nexport { uploadFile } from './utils/uploadFile';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_ComboBox","_ContentCard","_ContextMenu","_DateInfo","_FilterButton","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_Popup","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SharingBar","_Slider","_SmallWaitCursor","_interopRequireWildcard","_TextArea","_TextStringProvider","_TextString","_Tooltip","_fileDialog","_uploadFile","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport type { WithTheme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as DateInfo } from './components/date-info/DateInfo';\nexport { default as FilterButton } from './components/filter-button/FilterButton';\nexport type {\n    FilterButtonItemShape,\n    FilterButtonSize,\n    IFilterButtonItem as FilterButtonItem,\n} from './components/filter-button/types';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as Input } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\nexport { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { default as RadioButtonGroup } from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport type { ISearchBoxItem as SearchBoxItem } from './components/search-box/types';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';\nexport { default as TextString } from './components/textstring/TextString';\nexport type {\n    ITextstring as Textstring,\n    TextstringReplacement,\n} from './components/textstring/types';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { selectFiles } from './utils/fileDialog';\nexport { uploadFile } from './utils/uploadFile';\n"],"mappings":"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"}

package/lib/types/chayns.d.ts

@@ -52,6 +52,8 @@ declare enum SelectType {
     IconAndText
 }
 export interface Env {
+    language: any;
+    parameters: any;
     isApp: boolean;
     isMobile: boolean;
     isTablet: boolean;

package/lib/types/chayns.js.map

@@ -1 +1 @@
-{"version":3,"file":"chayns.js","names":["ButtonType","exports"],"sources":["../../src/types/chayns.ts"],"sourcesContent":["declare global {\n    let chayns: Chayns;\n}\n\nexport interface Chayns {\n    dialog: Dialog;\n    env: Env;\n    openImage(urls: string | string[], start?: number): Promise<undefined>;\n    openVideo(url: string): Promise<void>;\n}\n\nexport interface Dialog {\n    select(config: {\n        title?: string;\n        message?: string;\n        list: Array<SelectDialogItem>;\n        multiselect?: boolean;\n        type?: SelectType;\n        preventCloseOnClick?: boolean;\n        buttons?: DialogButton[];\n        selectAllButton?: string;\n    }): Promise<SelectDialogResult>;\n}\n\ndeclare enum ButtonText {\n    Cancel = 'Abbrechen',\n    No = 'Nein',\n    Ok = 'OK',\n    Yes = 'Ja',\n}\n\nexport enum ButtonType {\n    Cancel = -1,\n    Negative = 0,\n    Positive = 1,\n}\n\nexport interface DialogButton {\n    text: ButtonText | string;\n    buttonType: ButtonType | number;\n    collapseTime?: number;\n    textColor?: string;\n    backgroundColor?: string;\n}\n\nexport interface SelectDialogItem {\n    name: string;\n    value: string | number;\n    isSelected?: boolean;\n}\n\nexport interface SelectDialogResult {\n    buttonType: ButtonType | number;\n    selection: Array<SelectDialogItem>;\n}\n\ndeclare enum SelectType {\n    Default = 0,\n    Icon = 1,\n    IconAndText,\n}\n\nexport interface Env {\n    isApp: boolean;\n    isMobile: boolean;\n    isTablet: boolean;\n}\n"],"mappings":";;;;;;IA+BYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AAAAC,OAAA,CAAAD,UAAA,GAAAA,UAAA"}
+{"version":3,"file":"chayns.js","names":["ButtonType","exports"],"sources":["../../src/types/chayns.ts"],"sourcesContent":["declare global {\n    let chayns: Chayns;\n}\n\nexport interface Chayns {\n    dialog: Dialog;\n    env: Env;\n    openImage(urls: string | string[], start?: number): Promise<undefined>;\n    openVideo(url: string): Promise<void>;\n}\n\nexport interface Dialog {\n    select(config: {\n        title?: string;\n        message?: string;\n        list: Array<SelectDialogItem>;\n        multiselect?: boolean;\n        type?: SelectType;\n        preventCloseOnClick?: boolean;\n        buttons?: DialogButton[];\n        selectAllButton?: string;\n    }): Promise<SelectDialogResult>;\n}\n\ndeclare enum ButtonText {\n    Cancel = 'Abbrechen',\n    No = 'Nein',\n    Ok = 'OK',\n    Yes = 'Ja',\n}\n\nexport enum ButtonType {\n    Cancel = -1,\n    Negative = 0,\n    Positive = 1,\n}\n\nexport interface DialogButton {\n    text: ButtonText | string;\n    buttonType: ButtonType | number;\n    collapseTime?: number;\n    textColor?: string;\n    backgroundColor?: string;\n}\n\nexport interface SelectDialogItem {\n    name: string;\n    value: string | number;\n    isSelected?: boolean;\n}\n\nexport interface SelectDialogResult {\n    buttonType: ButtonType | number;\n    selection: Array<SelectDialogItem>;\n}\n\ndeclare enum SelectType {\n    Default = 0,\n    Icon = 1,\n    IconAndText,\n}\n\nexport interface Env {\n    language: any;\n    parameters: any;\n    isApp: boolean;\n    isMobile: boolean;\n    isTablet: boolean;\n}\n"],"mappings":";;;;;;IA+BYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AAAAC,OAAA,CAAAD,UAAA,GAAAA,UAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.191",
+    "version": "5.0.0-beta.196",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -33,17 +33,17 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.21.5",
-        "@babel/core": "^7.22.1",
-        "@babel/preset-env": "^7.22.4",
-        "@babel/preset-react": "^7.22.3",
-        "@babel/preset-typescript": "^7.21.5",
-        "@types/react": "^17.0.60",
+        "@babel/cli": "^7.22.5",
+        "@babel/core": "^7.22.5",
+        "@babel/preset-env": "^7.22.5",
+        "@babel/preset-react": "^7.22.5",
+        "@babel/preset-typescript": "^7.22.5",
+        "@types/react": "^17.0.62",
         "@types/react-dom": "^17.0.20",
         "@types/styled-components": "^5.1.26",
-        "@types/uuid": "^9.0.1",
+        "@types/uuid": "^9.0.2",
         "babel-loader": "^8.3.0",
-        "lerna": "^6.6.2",
+        "lerna": "^7.1.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "styled-components": "^5.3.11",
@@ -52,6 +52,7 @@
     "dependencies": {
         "@chayns/colors": "^2.0.0",
         "clsx": "^1.2.1",
+        "date-fns": "^2.30.0",
         "framer-motion": "^6.5.1",
         "uuid": "^9.0.0"
     },
@@ -63,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d09bad4fc4184ac3ed39d87130a3fdc19062a33c"
+    "gitHead": "3598788a8a1b044f7d506286dd7f942923d17113"
 }