@chayns-components/date 5.0.0-beta.998 → 5.0.0

package/lib/esm/components/opening-times/OpeningTimes.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningTimes.js","names":["Checkbox","Popup","useElementSize","React","useCallback","useEffect","useMemo","useRef","useState","HintTextPosition","HintText","OpeningInputs","StyledOpeningTimes","StyledOpeningTimesTooltipContent","StyledOpeningTimesWeekDay","StyledOpeningTimesWrapper","OpeningTimes","_ref","closedText","currentDayId","editMode","hintText","hintTextPosition","Bottom","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","shouldNotValidate","newOpeningTimes","setNewOpeningTimes","invalidOpeningTimes","setInvalidOpeningTimes","isPopupOpen","setIsPopupOpen","ref","popupRef","validateTime","newTime","dayId","start","end","dayTimes","find","day","id","times","every","time","handleCheckBoxChange","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","isValid","newTimes","changedOpeningTime","updatedOpeningTime","handleAdd","handleUpdateInvalidIds","openingTimeId","invalidTimeIds","prevState","updatedInvalidOpeningTimes","invalidOpeningTime","some","_ref2","updatedInvalidOpeningId","length","push","updatedInvalidOpeningTime","handleRemove","content","items","forEach","_ref3","weekdayId","weekday","weekDay","name","createElement","key","isChecked","onInvalid","onRemove","onAdd","size","hidePopup","current","hide","showPopup","show","displayedContent","singleDay","_ref4","style","width","onMouseEnter","onMouseLeave","onClick","onShow","onHide","shouldShowHint","Top","text","displayName"],"sources":["../../../../src/components/opening-times/OpeningTimes.tsx"],"sourcesContent":["import { Checkbox, Popup, useElementSize, type PopupRef } from '@chayns-components/core';\nimport React, {\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type ReactElement,\n} from 'react';\nimport {\n    HintTextPosition,\n    type OnChange,\n    type OnTimeAdd,\n    type OpeningTime,\n    type Time,\n    type Weekday,\n} from '../../types/openingTimes';\nimport HintText from './hint-text/HintText';\nimport OpeningInputs from './opening-inputs/OpeningInputs';\nimport {\n    StyledOpeningTimes,\n    StyledOpeningTimesTooltipContent,\n    StyledOpeningTimesWeekDay,\n    StyledOpeningTimesWrapper,\n} from './OpeningTimes.styles';\n\nexport type OpeningTimesProps = {\n    /**\n     * The text that should be displayed when a day is closed.\n     */\n    closedText?: string;\n    /**\n     * If set just the current day is displayed and the whole week in a tooltip.\n     */\n    currentDayId?: OpeningTime['id'];\n    /**\n     * Whether the opening times can be edited.\n     */\n    editMode?: boolean;\n    /**\n     * The text that should be displayed if times are colliding.\n     */\n    hintText?: string;\n    /**\n     * The position of the hint text.\n     */\n    hintTextPosition?: HintTextPosition;\n    /**\n     * Function to be executed when a time is changed or a day is enabled/disabled.\n     * @param openingTimes\n     */\n    onChange?: ({ time, enabledDays, dayId }: OnChange) => void;\n    /**\n     * Function to be executed when a time is added.\n     */\n    onTimeAdd?: ({ time, dayId }: OnTimeAdd) => void;\n    /**\n     * Function to be executed when a time is removed.\n     */\n    onTimeRemove?: (id: string) => void;\n    /**\n     * The opening times corresponding to its weekday.\n     */\n    openingTimes: OpeningTime[];\n    /**\n     * The weekdays that should be displayed.\n     */\n    weekdays: Weekday[];\n    /**\n     * When set to true, events are triggered without validation.\n     */\n    shouldNotValidate?: boolean;\n};\n\nconst OpeningTimes: FC<OpeningTimesProps> = ({\n    closedText = 'closed',\n    currentDayId,\n    editMode = false,\n    hintText,\n    hintTextPosition = HintTextPosition.Bottom,\n    openingTimes,\n    weekdays,\n    onChange,\n    onTimeAdd,\n    onTimeRemove,\n    shouldNotValidate = false,\n}) => {\n    const [newOpeningTimes, setNewOpeningTimes] = useState<OpeningTime[]>();\n    const [invalidOpeningTimes, setInvalidOpeningTimes] = useState<\n        { openingTimeId: string; invalidTimeIds: string[] }[]\n    >([]);\n    const [isPopupOpen, setIsPopupOpen] = useState(false);\n\n    const ref = useRef<HTMLDivElement>(null);\n    const popupRef = useRef<PopupRef>(null);\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\n\n    const validateTime = useCallback(\n        (newTime: Time, dayId: string): boolean => {\n            if (newTime.start === newTime.end) {\n                return false;\n            }\n            const dayTimes = newOpeningTimes?.find((day) => day.id === dayId)?.times || [];\n\n            return dayTimes.every(\n                (time) =>\n                    time.id === newTime.id ||\n                    newTime.end <= time.start ||\n                    newTime.start >= time.end,\n            );\n        },\n        [newOpeningTimes],\n    );\n\n    const handleCheckBoxChange = useCallback(\n        (id: string) => {\n            setNewOpeningTimes((prevOpeningTimes) => {\n                const updatedOpeningTimes = (prevOpeningTimes ?? []).map((openingTime) => {\n                    if (openingTime.id === id) {\n                        return { ...openingTime, isDisabled: !openingTime.isDisabled };\n                    }\n                    return openingTime;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange({\n                        enabledDays: updatedOpeningTimes\n                            .filter((item) => !item.isDisabled)\n                            .map((item) => item.id),\n                    });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const handleChange = useCallback(\n        (newTime: Time, id: string) => {\n            const isValid = shouldNotValidate || validateTime(newTime, id);\n            if (!isValid) {\n                return;\n            }\n\n            setNewOpeningTimes((prevOpeningTimes) => {\n                const updatedOpeningTimes = (prevOpeningTimes ?? []).map((openingTime) => {\n                    if (openingTime.id === id) {\n                        const newTimes = openingTime.times.map((time) => {\n                            if (time.id === newTime.id) {\n                                return newTime;\n                            }\n                            return time;\n                        });\n                        return { ...openingTime, times: newTimes };\n                    }\n                    return openingTime;\n                });\n\n                const changedOpeningTime = updatedOpeningTimes.find(\n                    (updatedOpeningTime) => updatedOpeningTime.id === id,\n                );\n\n                if (isValid && typeof onChange === 'function') {\n                    onChange({\n                        dayId: changedOpeningTime?.id,\n                        time: newTime,\n                    });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange, shouldNotValidate, validateTime],\n    );\n\n    const handleAdd = useCallback(\n        (time: Time, id: string) => {\n            const isValid = shouldNotValidate || validateTime(time, id);\n\n            if (isValid && typeof onTimeAdd === 'function') {\n                onTimeAdd({ time, dayId: id });\n            }\n\n            setNewOpeningTimes((prevOpeningTimes) =>\n                (prevOpeningTimes ?? []).map((openingTime) => {\n                    if (openingTime.id === id) {\n                        return { ...openingTime, times: [...openingTime.times, time] };\n                    }\n                    return openingTime;\n                }),\n            );\n        },\n        [onTimeAdd, shouldNotValidate, validateTime],\n    );\n\n    const handleUpdateInvalidIds = useCallback(\n        (openingTimeId: string, invalidTimeIds: string[]) => {\n            setInvalidOpeningTimes((prevState) => {\n                const updatedInvalidOpeningTimes = prevState.map((invalidOpeningTime) => {\n                    if (invalidOpeningTime.openingTimeId === openingTimeId) {\n                        return {\n                            openingTimeId,\n                            invalidTimeIds,\n                        };\n                    }\n                    return invalidOpeningTime;\n                });\n\n                if (\n                    !updatedInvalidOpeningTimes.some(\n                        ({ openingTimeId: updatedInvalidOpeningId }) =>\n                            updatedInvalidOpeningId === openingTimeId,\n                    ) &&\n                    invalidTimeIds.length > 0\n                ) {\n                    updatedInvalidOpeningTimes.push({ openingTimeId, invalidTimeIds });\n                }\n\n                return updatedInvalidOpeningTimes.filter(\n                    (updatedInvalidOpeningTime) =>\n                        updatedInvalidOpeningTime.invalidTimeIds.length !== 0,\n                );\n            });\n        },\n        [],\n    );\n\n    const handleRemove = useCallback(\n        (id: string) => {\n            setNewOpeningTimes((prevOpeningTimes) =>\n                (prevOpeningTimes ?? []).map((openingTime) => {\n                    const newTimes = openingTime.times.filter((time) => time.id !== id);\n\n                    return { ...openingTime, times: newTimes };\n                }),\n            );\n\n            if (typeof onTimeRemove === 'function') {\n                onTimeRemove(id);\n            }\n        },\n        [onTimeRemove],\n    );\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newOpeningTimes) {\n            return items;\n        }\n\n        newOpeningTimes.forEach(({ times, id, weekdayId, isDisabled }) => {\n            const weekday = weekdays.find((weekDay) => weekDay.id === weekdayId)?.name;\n\n            if (!weekday) {\n                return;\n            }\n\n            items.push(\n                <StyledOpeningTimesWrapper key={`openingTimes__${id}`}>\n                    {editMode ? (\n                        <Checkbox isChecked={!isDisabled} onChange={() => handleCheckBoxChange(id)}>\n                            {weekday}\n                        </Checkbox>\n                    ) : (\n                        <StyledOpeningTimesWeekDay>{weekday}</StyledOpeningTimesWeekDay>\n                    )}\n                    <OpeningInputs\n                        closedText={closedText}\n                        currentDayId={currentDayId}\n                        id={id}\n                        times={times}\n                        isDisabled={isDisabled}\n                        onInvalid={handleUpdateInvalidIds}\n                        onChange={(newTime) => handleChange(newTime, id)}\n                        onRemove={handleRemove}\n                        onAdd={handleAdd}\n                        editMode={editMode}\n                    />\n                </StyledOpeningTimesWrapper>,\n            );\n        });\n\n        return items;\n    }, [\n        closedText,\n        currentDayId,\n        editMode,\n        handleAdd,\n        handleChange,\n        handleCheckBoxChange,\n        handleRemove,\n        handleUpdateInvalidIds,\n        newOpeningTimes,\n        weekdays,\n    ]);\n\n    const size = useElementSize(ref);\n\n    const hidePopup = useCallback(() => {\n        setIsPopupOpen(false);\n        popupRef.current?.hide();\n    }, []);\n\n    const showPopup = useCallback(() => {\n        setIsPopupOpen(true);\n        popupRef.current?.show();\n    }, []);\n\n    const displayedContent = useMemo(() => {\n        if (!currentDayId || editMode) {\n            return content;\n        }\n\n        const singleDay = newOpeningTimes?.find(({ id }) => id === currentDayId);\n\n        if (!singleDay) {\n            return content;\n        }\n\n        const { id, times, weekdayId } = singleDay;\n\n        const weekday = weekdays.find((weekDay) => weekDay.id === weekdayId)?.name;\n\n        return (\n            <StyledOpeningTimesWrapper\n                key={`currentDay__${currentDayId}`}\n                style={size && { width: size.width }}\n                onMouseEnter={showPopup}\n                onMouseLeave={hidePopup}\n                onClick={() => (isPopupOpen ? hidePopup() : showPopup())}\n            >\n                <Popup\n                    onShow={() => setIsPopupOpen(true)}\n                    onHide={() => setIsPopupOpen(false)}\n                    ref={popupRef}\n                    content={\n                        <StyledOpeningTimesTooltipContent key=\"opening-time-tooltip\">\n                            {content}\n                        </StyledOpeningTimesTooltipContent>\n                    }\n                >\n                    <StyledOpeningTimesWeekDay>{weekday}</StyledOpeningTimesWeekDay>\n                </Popup>\n                <OpeningInputs\n                    closedText={closedText}\n                    currentDayId={currentDayId}\n                    onInvalid={handleUpdateInvalidIds}\n                    id={id}\n                    times={times}\n                    editMode={editMode}\n                />\n            </StyledOpeningTimesWrapper>\n        );\n    }, [\n        currentDayId,\n        editMode,\n        newOpeningTimes,\n        weekdays,\n        size,\n        showPopup,\n        hidePopup,\n        content,\n        closedText,\n        handleUpdateInvalidIds,\n        isPopupOpen,\n    ]);\n\n    const shouldShowHint = useMemo(\n        () => invalidOpeningTimes.length > 0,\n        [invalidOpeningTimes.length],\n    );\n\n    return useMemo(\n        () => (\n            <StyledOpeningTimes ref={ref}>\n                {shouldShowHint && hintText && hintTextPosition === HintTextPosition.Top && (\n                    <HintText text={hintText} />\n                )}\n                {displayedContent}\n                {shouldShowHint && hintText && hintTextPosition === HintTextPosition.Bottom && (\n                    <HintText text={hintText} />\n                )}\n            </StyledOpeningTimes>\n        ),\n        [displayedContent, hintText, hintTextPosition, shouldShowHint],\n    );\n};\n\nOpeningTimes.displayName = 'OpeningTimes';\n\nexport default OpeningTimes;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OpeningTimes.js","names":["Checkbox","Popup","useElementSize","React","useCallback","useEffect","useMemo","useRef","useState","HintTextPosition","HintText","OpeningInputs","StyledOpeningTimes","StyledOpeningTimesTooltipContent","StyledOpeningTimesWeekDay","StyledOpeningTimesWrapper","OpeningTimes","closedText","currentDayId","editMode","hintText","hintTextPosition","Bottom","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","newOpeningTimes","setNewOpeningTimes","invalidOpeningTimes","setInvalidOpeningTimes","isPopupOpen","setIsPopupOpen","ref","popupRef","validateTime","newTime","dayId","start","end","dayTimes","find","day","id","times","every","time","handleCheckBoxChange","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","isValid","newTimes","changedOpeningTime","updatedOpeningTime","handleAdd","handleUpdateInvalidIds","openingTimeId","invalidTimeIds","prevState","updatedInvalidOpeningTimes","invalidOpeningTime","some","updatedInvalidOpeningId","length","push","updatedInvalidOpeningTime","handleRemove","content","items","forEach","weekdayId","weekday","weekDay","name","createElement","key","isChecked","onInvalid","onRemove","onAdd","size","hidePopup","current","hide","showPopup","show","displayedContent","singleDay","style","width","onMouseEnter","onMouseLeave","onClick","onShow","onHide","shouldShowHint","Top","text","displayName"],"sources":["../../../../src/components/opening-times/OpeningTimes.tsx"],"sourcesContent":["import { Checkbox, Popup, useElementSize, type PopupRef } from '@chayns-components/core';\nimport React, {\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type ReactElement,\n} from 'react';\nimport {\n    HintTextPosition,\n    type OnChange,\n    type OnTimeAdd,\n    type OpeningTime,\n    type Time,\n    type Weekday,\n} from '../../types/openingTimes';\nimport HintText from './hint-text/HintText';\nimport OpeningInputs from './opening-inputs/OpeningInputs';\nimport {\n    StyledOpeningTimes,\n    StyledOpeningTimesTooltipContent,\n    StyledOpeningTimesWeekDay,\n    StyledOpeningTimesWrapper,\n} from './OpeningTimes.styles';\n\nexport type OpeningTimesProps = {\n    /**\n     * The text that should be displayed when a day is closed.\n     */\n    closedText?: string;\n    /**\n     * If set just the current day is displayed and the whole week in a tooltip.\n     */\n    currentDayId?: OpeningTime['id'];\n    /**\n     * Whether the opening times can be edited.\n     */\n    editMode?: boolean;\n    /**\n     * The text that should be displayed if times are colliding.\n     */\n    hintText?: string;\n    /**\n     * The position of the hint text.\n     */\n    hintTextPosition?: HintTextPosition;\n    /**\n     * Function to be executed when a time is changed or a day is enabled/disabled.\n     * @param openingTimes\n     */\n    onChange?: ({ time, enabledDays, dayId, isValid }: OnChange) => void;\n    /**\n     * Function to be executed when a time is added.\n     */\n    onTimeAdd?: ({ time, dayId, isValid }: OnTimeAdd) => void;\n    /**\n     * Function to be executed when a time is removed.\n     */\n    onTimeRemove?: (id: string) => void;\n    /**\n     * The opening times corresponding to its weekday.\n     */\n    openingTimes: OpeningTime[];\n    /**\n     * The weekdays that should be displayed.\n     */\n    weekdays: Weekday[];\n};\n\nconst OpeningTimes: FC<OpeningTimesProps> = ({\n    closedText = 'closed',\n    currentDayId,\n    editMode = false,\n    hintText,\n    hintTextPosition = HintTextPosition.Bottom,\n    openingTimes,\n    weekdays,\n    onChange,\n    onTimeAdd,\n    onTimeRemove,\n}) => {\n    const [newOpeningTimes, setNewOpeningTimes] = useState<OpeningTime[]>();\n    const [invalidOpeningTimes, setInvalidOpeningTimes] = useState<\n        { openingTimeId: string; invalidTimeIds: string[] }[]\n    >([]);\n    const [isPopupOpen, setIsPopupOpen] = useState(false);\n\n    const ref = useRef<HTMLDivElement>(null);\n    const popupRef = useRef<PopupRef>(null);\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\n\n    const validateTime = useCallback(\n        (newTime: Time, dayId: string): boolean => {\n            if (newTime.start === newTime.end || newTime.start >= newTime.end) {\n                return false;\n            }\n            const dayTimes = newOpeningTimes?.find((day) => day.id === dayId)?.times || [];\n\n            return dayTimes.every(\n                (time) =>\n                    time.id === newTime.id ||\n                    newTime.end <= time.start ||\n                    newTime.start >= time.end,\n            );\n        },\n        [newOpeningTimes],\n    );\n\n    const handleCheckBoxChange = useCallback(\n        (id: string) => {\n            setNewOpeningTimes((prevOpeningTimes) => {\n                const updatedOpeningTimes = (prevOpeningTimes ?? []).map((openingTime) => {\n                    if (openingTime.id === id) {\n                        return { ...openingTime, isDisabled: !openingTime.isDisabled };\n                    }\n                    return openingTime;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange({\n                        enabledDays: updatedOpeningTimes\n                            .filter((item) => !item.isDisabled)\n                            .map((item) => item.id),\n                    });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const handleChange = useCallback(\n        (newTime: Time, id: string) => {\n            const isValid = validateTime(newTime, id);\n\n            setNewOpeningTimes((prevOpeningTimes) => {\n                const updatedOpeningTimes = (prevOpeningTimes ?? []).map((openingTime) => {\n                    if (openingTime.id === id) {\n                        const newTimes = openingTime.times.map((time) => {\n                            if (time.id === newTime.id) {\n                                return newTime;\n                            }\n                            return time;\n                        });\n                        return { ...openingTime, times: newTimes };\n                    }\n                    return openingTime;\n                });\n\n                const changedOpeningTime = updatedOpeningTimes.find(\n                    (updatedOpeningTime) => updatedOpeningTime.id === id,\n                );\n\n                if (typeof onChange === 'function') {\n                    onChange({\n                        isValid,\n                        dayId: changedOpeningTime?.id,\n                        time: newTime,\n                    });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange, validateTime],\n    );\n\n    const handleAdd = useCallback(\n        (time: Time, id: string) => {\n            const isValid = validateTime(time, id);\n\n            if (typeof onTimeAdd === 'function') {\n                onTimeAdd({ time, dayId: id, isValid });\n            }\n\n            setNewOpeningTimes((prevOpeningTimes) =>\n                (prevOpeningTimes ?? []).map((openingTime) => {\n                    if (openingTime.id === id) {\n                        return { ...openingTime, times: [...openingTime.times, time] };\n                    }\n                    return openingTime;\n                }),\n            );\n        },\n        [onTimeAdd, validateTime],\n    );\n\n    const handleUpdateInvalidIds = useCallback(\n        (openingTimeId: string, invalidTimeIds: string[]) => {\n            setInvalidOpeningTimes((prevState) => {\n                const updatedInvalidOpeningTimes = prevState.map((invalidOpeningTime) => {\n                    if (invalidOpeningTime.openingTimeId === openingTimeId) {\n                        return {\n                            openingTimeId,\n                            invalidTimeIds,\n                        };\n                    }\n                    return invalidOpeningTime;\n                });\n\n                if (\n                    !updatedInvalidOpeningTimes.some(\n                        ({ openingTimeId: updatedInvalidOpeningId }) =>\n                            updatedInvalidOpeningId === openingTimeId,\n                    ) &&\n                    invalidTimeIds.length > 0\n                ) {\n                    updatedInvalidOpeningTimes.push({ openingTimeId, invalidTimeIds });\n                }\n\n                return updatedInvalidOpeningTimes.filter(\n                    (updatedInvalidOpeningTime) =>\n                        updatedInvalidOpeningTime.invalidTimeIds.length !== 0,\n                );\n            });\n        },\n        [],\n    );\n\n    const handleRemove = useCallback(\n        (id: string) => {\n            setNewOpeningTimes((prevOpeningTimes) =>\n                (prevOpeningTimes ?? []).map((openingTime) => {\n                    const newTimes = openingTime.times.filter((time) => time.id !== id);\n\n                    return { ...openingTime, times: newTimes };\n                }),\n            );\n\n            if (typeof onTimeRemove === 'function') {\n                onTimeRemove(id);\n            }\n        },\n        [onTimeRemove],\n    );\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newOpeningTimes) {\n            return items;\n        }\n\n        newOpeningTimes.forEach(({ times, id, weekdayId, isDisabled }) => {\n            const weekday = weekdays.find((weekDay) => weekDay.id === weekdayId)?.name;\n\n            if (!weekday) {\n                return;\n            }\n\n            items.push(\n                <StyledOpeningTimesWrapper key={`openingTimes__${id}`}>\n                    {editMode ? (\n                        <Checkbox isChecked={!isDisabled} onChange={() => handleCheckBoxChange(id)}>\n                            {weekday}\n                        </Checkbox>\n                    ) : (\n                        <StyledOpeningTimesWeekDay>{weekday}</StyledOpeningTimesWeekDay>\n                    )}\n                    <OpeningInputs\n                        closedText={closedText}\n                        currentDayId={currentDayId}\n                        id={id}\n                        times={times}\n                        isDisabled={isDisabled}\n                        onInvalid={handleUpdateInvalidIds}\n                        onChange={(newTime) => handleChange(newTime, id)}\n                        onRemove={handleRemove}\n                        onAdd={handleAdd}\n                        editMode={editMode}\n                    />\n                </StyledOpeningTimesWrapper>,\n            );\n        });\n\n        return items;\n    }, [\n        closedText,\n        currentDayId,\n        editMode,\n        handleAdd,\n        handleChange,\n        handleCheckBoxChange,\n        handleRemove,\n        handleUpdateInvalidIds,\n        newOpeningTimes,\n        weekdays,\n    ]);\n\n    const size = useElementSize(ref);\n\n    const hidePopup = useCallback(() => {\n        setIsPopupOpen(false);\n        popupRef.current?.hide();\n    }, []);\n\n    const showPopup = useCallback(() => {\n        setIsPopupOpen(true);\n        popupRef.current?.show();\n    }, []);\n\n    const displayedContent = useMemo(() => {\n        if (!currentDayId || editMode) {\n            return content;\n        }\n\n        const singleDay = newOpeningTimes?.find(({ id }) => id === currentDayId);\n\n        if (!singleDay) {\n            return content;\n        }\n\n        const { id, times, weekdayId } = singleDay;\n\n        const weekday = weekdays.find((weekDay) => weekDay.id === weekdayId)?.name;\n\n        return (\n            <StyledOpeningTimesWrapper\n                key={`currentDay__${currentDayId}`}\n                style={size && { width: size.width }}\n                onMouseEnter={showPopup}\n                onMouseLeave={hidePopup}\n                onClick={() => (isPopupOpen ? hidePopup() : showPopup())}\n            >\n                <Popup\n                    onShow={() => setIsPopupOpen(true)}\n                    onHide={() => setIsPopupOpen(false)}\n                    ref={popupRef}\n                    content={\n                        <StyledOpeningTimesTooltipContent key=\"opening-time-tooltip\">\n                            {content}\n                        </StyledOpeningTimesTooltipContent>\n                    }\n                >\n                    <StyledOpeningTimesWeekDay>{weekday}</StyledOpeningTimesWeekDay>\n                </Popup>\n                <OpeningInputs\n                    closedText={closedText}\n                    currentDayId={currentDayId}\n                    onInvalid={handleUpdateInvalidIds}\n                    id={id}\n                    times={times}\n                    editMode={editMode}\n                />\n            </StyledOpeningTimesWrapper>\n        );\n    }, [\n        currentDayId,\n        editMode,\n        newOpeningTimes,\n        weekdays,\n        size,\n        showPopup,\n        hidePopup,\n        content,\n        closedText,\n        handleUpdateInvalidIds,\n        isPopupOpen,\n    ]);\n\n    const shouldShowHint = useMemo(\n        () => invalidOpeningTimes.length > 0,\n        [invalidOpeningTimes.length],\n    );\n\n    return useMemo(\n        () => (\n            <StyledOpeningTimes ref={ref}>\n                {shouldShowHint && hintText && hintTextPosition === HintTextPosition.Top && (\n                    <HintText text={hintText} />\n                )}\n                {displayedContent}\n                {shouldShowHint && hintText && hintTextPosition === HintTextPosition.Bottom && (\n                    <HintText text={hintText} />\n                )}\n            </StyledOpeningTimes>\n        ),\n        [displayedContent, hintText, hintTextPosition, shouldShowHint],\n    );\n};\n\nOpeningTimes.displayName = 'OpeningTimes';\n\nexport default OpeningTimes;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/opening-times/OpeningTimes.styles.js

@@ -14,11 +14,8 @@ export const StyledOpeningTimesTooltipContent = styled.div`
     padding: 8px;
 `;
 export const StyledOpeningTimesWeekDay = styled.div`
-    color: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.text;
-}};
+    color: ${({
+  theme
+}) => theme.text};
 `;
 //# sourceMappingURL=OpeningTimes.styles.js.map

package/lib/esm/components/opening-times/OpeningTimes.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningTimes.styles.js","names":["styled","StyledOpeningTimes","div","StyledOpeningTimesWrapper","StyledOpeningTimesTooltipContent","StyledOpeningTimesWeekDay","_ref","theme","text"],"sources":["../../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledSliderButtonProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    min-width: 300px;\n`;\n\nexport const StyledOpeningTimesTooltipContent = styled.div`\n    padding: 8px;\n`;\n\ntype StyledOpeningTimesWeekDayProps = WithTheme<unknown>;\n\nexport const StyledOpeningTimesWeekDay = styled.div<StyledOpeningTimesWeekDayProps>`\n    color: ${({ theme }: StyledOpeningTimesWeekDayProps) => theme.text};\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA4B;AACrE;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAG;AACnD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,gCAAgC,GAAGJ,MAAM,CAACE,GAAG;AAC1D;AACA,CAAC;AAID,OAAO,MAAMG,yBAAyB,GAAGL,MAAM,CAACE,GAAmC;AACnF,aAAaI,IAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA;AACtE,CAAC","ignoreList":[]}
+{"version":3,"file":"OpeningTimes.styles.js","names":["styled","StyledOpeningTimes","div","StyledOpeningTimesWrapper","StyledOpeningTimesTooltipContent","StyledOpeningTimesWeekDay","theme","text"],"sources":["../../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledSliderButtonProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    min-width: 300px;\n`;\n\nexport const StyledOpeningTimesTooltipContent = styled.div`\n    padding: 8px;\n`;\n\ntype StyledOpeningTimesWeekDayProps = WithTheme<unknown>;\n\nexport const StyledOpeningTimesWeekDay = styled.div<StyledOpeningTimesWeekDayProps>`\n    color: ${({ theme }: StyledOpeningTimesWeekDayProps) => theme.text};\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA4B;AACrE;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAG;AACnD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,gCAAgC,GAAGJ,MAAM,CAACE,GAAG;AAC1D;AACA,CAAC;AAID,OAAO,MAAMG,yBAAyB,GAAGL,MAAM,CAACE,GAAmC;AACnF,aAAa,CAAC;EAAEI;AAAsC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACtE,CAAC","ignoreList":[]}

package/lib/esm/components/opening-times/hint-text/HintText.js

@@ -1,9 +1,8 @@
 import React, { useMemo, useState } from 'react';
 import { StyledHintText } from './HintText.styles';
-const HintText = _ref => {
-  let {
-    text
-  } = _ref;
+const HintText = ({
+  text
+}) => {
   const [newHintText, setNewHintText] = useState();
   return useMemo(() => /*#__PURE__*/React.createElement(StyledHintText, null, text), [text]);
 };

package/lib/esm/components/opening-times/hint-text/HintText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HintText.js","names":["React","useMemo","useState","StyledHintText","HintText","_ref","text","newHintText","setNewHintText","createElement","displayName"],"sources":["../../../../../src/components/opening-times/hint-text/HintText.tsx"],"sourcesContent":["import React, { FC, useMemo, useState } from 'react';\nimport { StyledHintText } from './HintText.styles';\n\nexport type HintTextProps = {\n    text: string;\n};\n\nconst HintText: FC<HintTextProps> = ({ text }) => {\n    const [newHintText, setNewHintText] = useState<string>();\n\n    return useMemo(() => <StyledHintText>{text}</StyledHintText>, [text]);\n};\n\nHintText.displayName = 'HintText';\n\nexport default HintText;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,MAAMC,QAA2B,GAAGC,IAAA,IAAc;EAAA,IAAb;IAAEC;EAAK,CAAC,GAAAD,IAAA;EACzC,MAAM,CAACE,WAAW,EAAEC,cAAc,CAAC,GAAGN,QAAQ,CAAS,CAAC;EAExD,OAAOD,OAAO,CAAC,mBAAMD,KAAA,CAAAS,aAAA,CAACN,cAAc,QAAEG,IAAqB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AACzE,CAAC;AAEDF,QAAQ,CAACM,WAAW,GAAG,UAAU;AAEjC,eAAeN,QAAQ","ignoreList":[]}
+{"version":3,"file":"HintText.js","names":["React","useMemo","useState","StyledHintText","HintText","text","newHintText","setNewHintText","createElement","displayName"],"sources":["../../../../../src/components/opening-times/hint-text/HintText.tsx"],"sourcesContent":["import React, { FC, useMemo, useState } from 'react';\nimport { StyledHintText } from './HintText.styles';\n\nexport type HintTextProps = {\n    text: string;\n};\n\nconst HintText: FC<HintTextProps> = ({ text }) => {\n    const [newHintText, setNewHintText] = useState<string>();\n\n    return useMemo(() => <StyledHintText>{text}</StyledHintText>, [text]);\n};\n\nHintText.displayName = 'HintText';\n\nexport default HintText;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,MAAMC,QAA2B,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC9C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,QAAQ,CAAS,CAAC;EAExD,OAAOD,OAAO,CAAC,mBAAMD,KAAA,CAAAQ,aAAA,CAACL,cAAc,QAAEE,IAAqB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AACzE,CAAC;AAEDD,QAAQ,CAACK,WAAW,GAAG,UAAU;AAEjC,eAAeL,QAAQ","ignoreList":[]}

package/lib/esm/components/opening-times/hint-text/HintText.styles.js

@@ -7,17 +7,11 @@ export const StyledHintText = styled.div`
     color: #222;
     padding: 8px 12px;
 
-    border-radius: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.cardBorderRadius;
-}}px;
-    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.cardShadow;
-}});
+    border-radius: ${({
+  theme
+}) => theme.cardBorderRadius}px;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${({
+  theme
+}) => theme.cardShadow});
 `;
 //# sourceMappingURL=HintText.styles.js.map

package/lib/esm/components/opening-times/hint-text/HintText.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HintText.styles.js","names":["styled","StyledHintText","div","_ref","theme","cardBorderRadius","_ref2","cardShadow"],"sources":["../../../../../src/components/opening-times/hint-text/HintText.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledHintTextProp = WithTheme<unknown>;\n\nexport const StyledHintText = styled.div<StyledHintTextProp>`\n    border-width: 1px;\n    border-style: solid;\n    border-color: #9f5f00;\n    background-color: #fff3e0;\n    color: #222;\n    padding: 8px 12px;\n\n    border-radius: ${({ theme }: StyledHintTextProp) => theme.cardBorderRadius}px;\n    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${({ theme }: StyledHintTextProp) => theme.cardShadow});\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAuB;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqBC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,gBAAgB;AAAA;AAC9E,4CAA4CC,KAAA;EAAA,IAAC;IAAEF;EAA0B,CAAC,GAAAE,KAAA;EAAA,OAAKF,KAAK,CAACG,UAAU;AAAA;AAC/F,CAAC","ignoreList":[]}
+{"version":3,"file":"HintText.styles.js","names":["styled","StyledHintText","div","theme","cardBorderRadius","cardShadow"],"sources":["../../../../../src/components/opening-times/hint-text/HintText.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledHintTextProp = WithTheme<unknown>;\n\nexport const StyledHintText = styled.div<StyledHintTextProp>`\n    border-width: 1px;\n    border-style: solid;\n    border-color: #9f5f00;\n    background-color: #fff3e0;\n    color: #222;\n    padding: 8px 12px;\n\n    border-radius: ${({ theme }: StyledHintTextProp) => theme.cardBorderRadius}px;\n    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${({ theme }: StyledHintTextProp) => theme.cardShadow});\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAuB;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,CAAC;EAAEC;AAA0B,CAAC,KAAKA,KAAK,CAACC,gBAAgB;AAC9E,4CAA4C,CAAC;EAAED;AAA0B,CAAC,KAAKA,KAAK,CAACE,UAAU;AAC/F,CAAC","ignoreList":[]}

package/lib/esm/components/opening-times/opening-inputs/OpeningInputs.js

@@ -1,22 +1,21 @@
-import { AnimatePresence } from 'framer-motion';
+import { AnimatePresence } from 'motion/react';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { v4 as uuidV4 } from 'uuid';
 import { OpeningTimesButtonType } from '../../../types/openingTimes';
 import OpeningInput from './opening-input/OpeningInput';
 import { StyledOpeningInputPreview, StyledOpeningInputs } from './OpeningInputs.styles';
-const OpeningInputs = _ref => {
-  let {
-    times,
-    isDisabled,
-    onRemove,
-    onAdd,
-    onInvalid,
-    id,
-    onChange,
-    currentDayId,
-    editMode = false,
-    closedText = ''
-  } = _ref;
+const OpeningInputs = ({
+  times,
+  isDisabled,
+  onRemove,
+  onAdd,
+  onInvalid,
+  id,
+  onChange,
+  currentDayId,
+  editMode = false,
+  closedText = ''
+}) => {
   const [newTimes, setNewTimes] = useState();
   const [invalidTimes, setInvalidTimes] = useState([]);
   useEffect(() => {
@@ -58,12 +57,9 @@ const OpeningInputs = _ref => {
         }
       }
     }
-    const invalidTimeIds = result.map(_ref2 => {
-      let {
-        id: invalidId
-      } = _ref2;
-      return invalidId;
-    });
+    const invalidTimeIds = result.map(({
+      id: invalidId
+    }) => invalidId);
     setInvalidTimes(invalidTimeIds);
     if (typeof onInvalid === 'function') {
       onInvalid(id, invalidTimeIds);
@@ -88,12 +84,11 @@ const OpeningInputs = _ref => {
     if (!newTimes) {
       return items;
     }
-    newTimes.forEach((_ref3, index) => {
-      let {
-        end,
-        start,
-        id: timeId
-      } = _ref3;
+    newTimes.forEach(({
+      end,
+      start,
+      id: timeId
+    }, index) => {
       if (!editMode) {
         const text = isDisabled ? closedText : `${start} - ${end}`;
         items.push(/*#__PURE__*/React.createElement(StyledOpeningInputPreview, {

package/lib/esm/components/opening-times/opening-inputs/OpeningInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningInputs.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useState","v4","uuidV4","OpeningTimesButtonType","OpeningInput","StyledOpeningInputPreview","StyledOpeningInputs","OpeningInputs","_ref","times","isDisabled","onRemove","onAdd","onInvalid","id","onChange","currentDayId","editMode","closedText","newTimes","setNewTimes","invalidTimes","setInvalidTimes","handleAdd","defaultTime","start","end","prevState","handleRemove","timeId","filter","time","result","i","length","currentTime","prevTime","currStart","Date","currEnd","push","prevEnd","invalidTimeIds","map","_ref2","invalidId","handleChange","newTime","updatedTimes","content","items","forEach","_ref3","index","text","createElement","key","buttonType","NONE","ADD","REMOVE","isInvalid","includes","gap","$editMode","animate","initial","displayName"],"sources":["../../../../../src/components/opening-times/opening-inputs/OpeningInputs.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, { FC, useCallback, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport { v4 as uuidV4 } from 'uuid';\nimport { OpeningTimesButtonType, type OpeningTime, type Time } from '../../../types/openingTimes';\nimport OpeningInput from './opening-input/OpeningInput';\nimport { StyledOpeningInputPreview, StyledOpeningInputs } from './OpeningInputs.styles';\n\nexport type OpeningInputsProps = {\n    /**\n     * Array of opening times\n     */\n    times: Time[];\n    /**\n     * If the inputs are disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * Function that is called when a time is changed\n     */\n    onChange?: (time: Time) => void;\n    /**\n     * Function that is called when a new time is added\n     */\n    onAdd?: (time: Time, id: string) => void;\n    /**\n     * Function that is called when a time is removed\n     */\n    onRemove?: (id: Time['id']) => void;\n    /**\n     * Function that is called when the times are invalid\n     */\n    onInvalid?: (openingTimeId: string, timeIds: string[]) => void;\n    /**\n     * The id of the opening time\n     */\n    id: string;\n    /**\n     * The id of the current day\n     */\n    currentDayId?: OpeningTime['id'];\n    /**\n     * If the edit mode is enabled\n     */\n    editMode?: boolean;\n    /**\n     * The text to show when the inputs are disabled\n     */\n    closedText?: string;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({\n    times,\n    isDisabled,\n    onRemove,\n    onAdd,\n    onInvalid,\n    id,\n    onChange,\n    currentDayId,\n    editMode = false,\n    closedText = '',\n}) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\n    const [invalidTimes, setInvalidTimes] = useState<string[]>([]);\n\n    useEffect(() => {\n        setNewTimes(times);\n    }, [times]);\n\n    const handleAdd = useCallback(() => {\n        const defaultTime: Time = { start: '08:00', end: '18:00', id: uuidV4() };\n\n        setNewTimes((prevState) => (prevState ? [...prevState, defaultTime] : [defaultTime]));\n\n        if (typeof onAdd === 'function') {\n            onAdd(defaultTime, id);\n        }\n    }, [id, onAdd]);\n\n    const handleRemove = useCallback(\n        (timeId: string) => {\n            setNewTimes((prevState) => (prevState ?? []).filter((time) => time.id !== timeId));\n\n            if (typeof onRemove === 'function') {\n                onRemove(timeId);\n            }\n        },\n        [onRemove],\n    );\n\n    useEffect(() => {\n        const result: Time[] = [];\n\n        for (let i = 0; i < times.length; i++) {\n            const currentTime = times[i];\n            const prevTime = times[i - 1];\n\n            if (currentTime) {\n                const currStart = new Date(`2000-01-01T${currentTime.start}`);\n                const currEnd = new Date(`2000-01-01T${currentTime.end}`);\n\n                if (currStart >= currEnd) {\n                    result.push(currentTime);\n                }\n\n                if (prevTime) {\n                    const prevEnd = new Date(`2000-01-01T${prevTime.end}`);\n\n                    if (prevEnd > currStart) {\n                        result.push(prevTime, currentTime);\n                    }\n                }\n            }\n        }\n\n        const invalidTimeIds = result.map(({ id: invalidId }) => invalidId);\n\n        setInvalidTimes(invalidTimeIds);\n\n        if (typeof onInvalid === 'function') {\n            onInvalid(id, invalidTimeIds);\n        }\n    }, [id, onInvalid, times]);\n\n    const handleChange = useCallback(\n        (newTime: Time) => {\n            setNewTimes((prevState) => {\n                const updatedTimes = (prevState ?? []).map((time) => {\n                    if (time.id === newTime.id) {\n                        return newTime;\n                    }\n                    return time;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange(newTime);\n                }\n\n                return updatedTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newTimes) {\n            return items;\n        }\n\n        newTimes.forEach(({ end, start, id: timeId }, index) => {\n            if (!editMode) {\n                const text = isDisabled ? closedText : `${start} - ${end}`;\n\n                items.push(\n                    <StyledOpeningInputPreview key={`opening-times-preview__${id}.${timeId}`}>\n                        {`${text}${currentDayId && newTimes.length > 1 && index === 0 ? ', ' : ''}`}\n                    </StyledOpeningInputPreview>,\n                );\n\n                return;\n            }\n\n            if (index > 1) {\n                return;\n            }\n\n            let buttonType = OpeningTimesButtonType.NONE;\n\n            if (index === 0 && times.length === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.ADD;\n            } else if (index === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.REMOVE;\n            }\n\n            items.push(\n                <OpeningInput\n                    key={`opening-times-input__${id}.${timeId}`}\n                    start={start}\n                    id={timeId}\n                    end={end}\n                    isDisabled={isDisabled}\n                    isInvalid={invalidTimes.includes(timeId)}\n                    buttonType={buttonType}\n                    onAdd={handleAdd}\n                    onChange={(time) => handleChange(time)}\n                    onRemove={() => handleRemove(timeId)}\n                />,\n            );\n        });\n\n        return items;\n    }, [\n        closedText,\n        currentDayId,\n        editMode,\n        handleAdd,\n        handleChange,\n        handleRemove,\n        id,\n        invalidTimes,\n        isDisabled,\n        newTimes,\n        times.length,\n    ]);\n\n    const gap = useMemo(() => {\n        if ((newTimes && newTimes.length > 1 && editMode) || (!editMode && currentDayId)) {\n            return '8px';\n        }\n\n        return 0;\n    }, [currentDayId, editMode, newTimes]);\n\n    return useMemo(\n        () => (\n            <StyledOpeningInputs\n                $editMode={!currentDayId}\n                key={`opening-inputs__${id}`}\n                animate={{ gap }}\n                initial={{ gap: 0 }}\n            >\n                <AnimatePresence initial={false}>{content}</AnimatePresence>\n            </StyledOpeningInputs>\n        ),\n        [content, currentDayId, gap, id],\n    );\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OpeningInputs.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useState","v4","uuidV4","OpeningTimesButtonType","OpeningInput","StyledOpeningInputPreview","StyledOpeningInputs","OpeningInputs","times","isDisabled","onRemove","onAdd","onInvalid","id","onChange","currentDayId","editMode","closedText","newTimes","setNewTimes","invalidTimes","setInvalidTimes","handleAdd","defaultTime","start","end","prevState","handleRemove","timeId","filter","time","result","i","length","currentTime","prevTime","currStart","Date","currEnd","push","prevEnd","invalidTimeIds","map","invalidId","handleChange","newTime","updatedTimes","content","items","forEach","index","text","createElement","key","buttonType","NONE","ADD","REMOVE","isInvalid","includes","gap","$editMode","animate","initial","displayName"],"sources":["../../../../../src/components/opening-times/opening-inputs/OpeningInputs.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, useCallback, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport { v4 as uuidV4 } from 'uuid';\nimport { OpeningTimesButtonType, type OpeningTime, type Time } from '../../../types/openingTimes';\nimport OpeningInput from './opening-input/OpeningInput';\nimport { StyledOpeningInputPreview, StyledOpeningInputs } from './OpeningInputs.styles';\n\nexport type OpeningInputsProps = {\n    /**\n     * Array of opening times\n     */\n    times: Time[];\n    /**\n     * If the inputs are disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * Function that is called when a time is changed\n     */\n    onChange?: (time: Time) => void;\n    /**\n     * Function that is called when a new time is added\n     */\n    onAdd?: (time: Time, id: string) => void;\n    /**\n     * Function that is called when a time is removed\n     */\n    onRemove?: (id: Time['id']) => void;\n    /**\n     * Function that is called when the times are invalid\n     */\n    onInvalid?: (openingTimeId: string, timeIds: string[]) => void;\n    /**\n     * The id of the opening time\n     */\n    id: string;\n    /**\n     * The id of the current day\n     */\n    currentDayId?: OpeningTime['id'];\n    /**\n     * If the edit mode is enabled\n     */\n    editMode?: boolean;\n    /**\n     * The text to show when the inputs are disabled\n     */\n    closedText?: string;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({\n    times,\n    isDisabled,\n    onRemove,\n    onAdd,\n    onInvalid,\n    id,\n    onChange,\n    currentDayId,\n    editMode = false,\n    closedText = '',\n}) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\n    const [invalidTimes, setInvalidTimes] = useState<string[]>([]);\n\n    useEffect(() => {\n        setNewTimes(times);\n    }, [times]);\n\n    const handleAdd = useCallback(() => {\n        const defaultTime: Time = { start: '08:00', end: '18:00', id: uuidV4() };\n\n        setNewTimes((prevState) => (prevState ? [...prevState, defaultTime] : [defaultTime]));\n\n        if (typeof onAdd === 'function') {\n            onAdd(defaultTime, id);\n        }\n    }, [id, onAdd]);\n\n    const handleRemove = useCallback(\n        (timeId: string) => {\n            setNewTimes((prevState) => (prevState ?? []).filter((time) => time.id !== timeId));\n\n            if (typeof onRemove === 'function') {\n                onRemove(timeId);\n            }\n        },\n        [onRemove],\n    );\n\n    useEffect(() => {\n        const result: Time[] = [];\n\n        for (let i = 0; i < times.length; i++) {\n            const currentTime = times[i];\n            const prevTime = times[i - 1];\n\n            if (currentTime) {\n                const currStart = new Date(`2000-01-01T${currentTime.start}`);\n                const currEnd = new Date(`2000-01-01T${currentTime.end}`);\n\n                if (currStart >= currEnd) {\n                    result.push(currentTime);\n                }\n\n                if (prevTime) {\n                    const prevEnd = new Date(`2000-01-01T${prevTime.end}`);\n\n                    if (prevEnd > currStart) {\n                        result.push(prevTime, currentTime);\n                    }\n                }\n            }\n        }\n\n        const invalidTimeIds = result.map(({ id: invalidId }) => invalidId);\n\n        setInvalidTimes(invalidTimeIds);\n\n        if (typeof onInvalid === 'function') {\n            onInvalid(id, invalidTimeIds);\n        }\n    }, [id, onInvalid, times]);\n\n    const handleChange = useCallback(\n        (newTime: Time) => {\n            setNewTimes((prevState) => {\n                const updatedTimes = (prevState ?? []).map((time) => {\n                    if (time.id === newTime.id) {\n                        return newTime;\n                    }\n                    return time;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange(newTime);\n                }\n\n                return updatedTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newTimes) {\n            return items;\n        }\n\n        newTimes.forEach(({ end, start, id: timeId }, index) => {\n            if (!editMode) {\n                const text = isDisabled ? closedText : `${start} - ${end}`;\n\n                items.push(\n                    <StyledOpeningInputPreview key={`opening-times-preview__${id}.${timeId}`}>\n                        {`${text}${currentDayId && newTimes.length > 1 && index === 0 ? ', ' : ''}`}\n                    </StyledOpeningInputPreview>,\n                );\n\n                return;\n            }\n\n            if (index > 1) {\n                return;\n            }\n\n            let buttonType = OpeningTimesButtonType.NONE;\n\n            if (index === 0 && times.length === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.ADD;\n            } else if (index === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.REMOVE;\n            }\n\n            items.push(\n                <OpeningInput\n                    key={`opening-times-input__${id}.${timeId}`}\n                    start={start}\n                    id={timeId}\n                    end={end}\n                    isDisabled={isDisabled}\n                    isInvalid={invalidTimes.includes(timeId)}\n                    buttonType={buttonType}\n                    onAdd={handleAdd}\n                    onChange={(time) => handleChange(time)}\n                    onRemove={() => handleRemove(timeId)}\n                />,\n            );\n        });\n\n        return items;\n    }, [\n        closedText,\n        currentDayId,\n        editMode,\n        handleAdd,\n        handleChange,\n        handleRemove,\n        id,\n        invalidTimes,\n        isDisabled,\n        newTimes,\n        times.length,\n    ]);\n\n    const gap = useMemo(() => {\n        if ((newTimes && newTimes.length > 1 && editMode) || (!editMode && currentDayId)) {\n            return '8px';\n        }\n\n        return 0;\n    }, [currentDayId, editMode, newTimes]);\n\n    return useMemo(\n        () => (\n            <StyledOpeningInputs\n                $editMode={!currentDayId}\n                key={`opening-inputs__${id}`}\n                animate={{ gap }}\n                initial={{ gap: 0 }}\n            >\n                <AnimatePresence initial={false}>{content}</AnimatePresence>\n            </StyledOpeningInputs>\n        ),\n        [content, currentDayId, gap, id],\n    );\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAA2B,OAAO;AAC/F,SAASC,EAAE,IAAIC,MAAM,QAAQ,MAAM;AACnC,SAASC,sBAAsB,QAAqC,6BAA6B;AACjG,OAAOC,YAAY,MAAM,8BAA8B;AACvD,SAASC,yBAAyB,EAAEC,mBAAmB,QAAQ,wBAAwB;AA6CvF,MAAMC,aAAqC,GAAGA,CAAC;EAC3CC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,EAAE;EACFC,QAAQ;EACRC,YAAY;EACZC,QAAQ,GAAG,KAAK;EAChBC,UAAU,GAAG;AACjB,CAAC,KAAK;EACF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGnB,QAAQ,CAAS,CAAC;EAClD,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAW,EAAE,CAAC;EAE9DF,SAAS,CAAC,MAAM;IACZqB,WAAW,CAACX,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMc,SAAS,GAAGzB,WAAW,CAAC,MAAM;IAChC,MAAM0B,WAAiB,GAAG;MAAEC,KAAK,EAAE,OAAO;MAAEC,GAAG,EAAE,OAAO;MAAEZ,EAAE,EAAEX,MAAM,CAAC;IAAE,CAAC;IAExEiB,WAAW,CAAEO,SAAS,IAAMA,SAAS,GAAG,CAAC,GAAGA,SAAS,EAAEH,WAAW,CAAC,GAAG,CAACA,WAAW,CAAE,CAAC;IAErF,IAAI,OAAOZ,KAAK,KAAK,UAAU,EAAE;MAC7BA,KAAK,CAACY,WAAW,EAAEV,EAAE,CAAC;IAC1B;EACJ,CAAC,EAAE,CAACA,EAAE,EAAEF,KAAK,CAAC,CAAC;EAEf,MAAMgB,YAAY,GAAG9B,WAAW,CAC3B+B,MAAc,IAAK;IAChBT,WAAW,CAAEO,SAAS,IAAK,CAACA,SAAS,IAAI,EAAE,EAAEG,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACjB,EAAE,KAAKe,MAAM,CAAC,CAAC;IAElF,IAAI,OAAOlB,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACkB,MAAM,CAAC;IACpB;EACJ,CAAC,EACD,CAAClB,QAAQ,CACb,CAAC;EAEDZ,SAAS,CAAC,MAAM;IACZ,MAAMiC,MAAc,GAAG,EAAE;IAEzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGxB,KAAK,CAACyB,MAAM,EAAED,CAAC,EAAE,EAAE;MACnC,MAAME,WAAW,GAAG1B,KAAK,CAACwB,CAAC,CAAC;MAC5B,MAAMG,QAAQ,GAAG3B,KAAK,CAACwB,CAAC,GAAG,CAAC,CAAC;MAE7B,IAAIE,WAAW,EAAE;QACb,MAAME,SAAS,GAAG,IAAIC,IAAI,CAAC,cAAcH,WAAW,CAACV,KAAK,EAAE,CAAC;QAC7D,MAAMc,OAAO,GAAG,IAAID,IAAI,CAAC,cAAcH,WAAW,CAACT,GAAG,EAAE,CAAC;QAEzD,IAAIW,SAAS,IAAIE,OAAO,EAAE;UACtBP,MAAM,CAACQ,IAAI,CAACL,WAAW,CAAC;QAC5B;QAEA,IAAIC,QAAQ,EAAE;UACV,MAAMK,OAAO,GAAG,IAAIH,IAAI,CAAC,cAAcF,QAAQ,CAACV,GAAG,EAAE,CAAC;UAEtD,IAAIe,OAAO,GAAGJ,SAAS,EAAE;YACrBL,MAAM,CAACQ,IAAI,CAACJ,QAAQ,EAAED,WAAW,CAAC;UACtC;QACJ;MACJ;IACJ;IAEA,MAAMO,cAAc,GAAGV,MAAM,CAACW,GAAG,CAAC,CAAC;MAAE7B,EAAE,EAAE8B;IAAU,CAAC,KAAKA,SAAS,CAAC;IAEnEtB,eAAe,CAACoB,cAAc,CAAC;IAE/B,IAAI,OAAO7B,SAAS,KAAK,UAAU,EAAE;MACjCA,SAAS,CAACC,EAAE,EAAE4B,cAAc,CAAC;IACjC;EACJ,CAAC,EAAE,CAAC5B,EAAE,EAAED,SAAS,EAAEJ,KAAK,CAAC,CAAC;EAE1B,MAAMoC,YAAY,GAAG/C,WAAW,CAC3BgD,OAAa,IAAK;IACf1B,WAAW,CAAEO,SAAS,IAAK;MACvB,MAAMoB,YAAY,GAAG,CAACpB,SAAS,IAAI,EAAE,EAAEgB,GAAG,CAAEZ,IAAI,IAAK;QACjD,IAAIA,IAAI,CAACjB,EAAE,KAAKgC,OAAO,CAAChC,EAAE,EAAE;UACxB,OAAOgC,OAAO;QAClB;QACA,OAAOf,IAAI;MACf,CAAC,CAAC;MAEF,IAAI,OAAOhB,QAAQ,KAAK,UAAU,EAAE;QAChCA,QAAQ,CAAC+B,OAAO,CAAC;MACrB;MAEA,OAAOC,YAAY;IACvB,CAAC,CAAC;EACN,CAAC,EACD,CAAChC,QAAQ,CACb,CAAC;EAED,MAAMiC,OAAO,GAAGhD,OAAO,CAAC,MAAM;IAC1B,MAAMiD,KAAqB,GAAG,EAAE;IAEhC,IAAI,CAAC9B,QAAQ,EAAE;MACX,OAAO8B,KAAK;IAChB;IAEA9B,QAAQ,CAAC+B,OAAO,CAAC,CAAC;MAAExB,GAAG;MAAED,KAAK;MAAEX,EAAE,EAAEe;IAAO,CAAC,EAAEsB,KAAK,KAAK;MACpD,IAAI,CAAClC,QAAQ,EAAE;QACX,MAAMmC,IAAI,GAAG1C,UAAU,GAAGQ,UAAU,GAAG,GAAGO,KAAK,MAAMC,GAAG,EAAE;QAE1DuB,KAAK,CAACT,IAAI,cACN3C,KAAA,CAAAwD,aAAA,CAAC/C,yBAAyB;UAACgD,GAAG,EAAE,0BAA0BxC,EAAE,IAAIe,MAAM;QAAG,GACpE,GAAGuB,IAAI,GAAGpC,YAAY,IAAIG,QAAQ,CAACe,MAAM,GAAG,CAAC,IAAIiB,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,EAClD,CAC/B,CAAC;QAED;MACJ;MAEA,IAAIA,KAAK,GAAG,CAAC,EAAE;QACX;MACJ;MAEA,IAAII,UAAU,GAAGnD,sBAAsB,CAACoD,IAAI;MAE5C,IAAIL,KAAK,KAAK,CAAC,IAAI1C,KAAK,CAACyB,MAAM,KAAK,CAAC,IAAI,CAACxB,UAAU,EAAE;QAClD6C,UAAU,GAAGnD,sBAAsB,CAACqD,GAAG;MAC3C,CAAC,MAAM,IAAIN,KAAK,KAAK,CAAC,IAAI,CAACzC,UAAU,EAAE;QACnC6C,UAAU,GAAGnD,sBAAsB,CAACsD,MAAM;MAC9C;MAEAT,KAAK,CAACT,IAAI,cACN3C,KAAA,CAAAwD,aAAA,CAAChD,YAAY;QACTiD,GAAG,EAAE,wBAAwBxC,EAAE,IAAIe,MAAM,EAAG;QAC5CJ,KAAK,EAAEA,KAAM;QACbX,EAAE,EAAEe,MAAO;QACXH,GAAG,EAAEA,GAAI;QACThB,UAAU,EAAEA,UAAW;QACvBiD,SAAS,EAAEtC,YAAY,CAACuC,QAAQ,CAAC/B,MAAM,CAAE;QACzC0B,UAAU,EAAEA,UAAW;QACvB3C,KAAK,EAAEW,SAAU;QACjBR,QAAQ,EAAGgB,IAAI,IAAKc,YAAY,CAACd,IAAI,CAAE;QACvCpB,QAAQ,EAAEA,CAAA,KAAMiB,YAAY,CAACC,MAAM;MAAE,CACxC,CACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAOoB,KAAK;EAChB,CAAC,EAAE,CACC/B,UAAU,EACVF,YAAY,EACZC,QAAQ,EACRM,SAAS,EACTsB,YAAY,EACZjB,YAAY,EACZd,EAAE,EACFO,YAAY,EACZX,UAAU,EACVS,QAAQ,EACRV,KAAK,CAACyB,MAAM,CACf,CAAC;EAEF,MAAM2B,GAAG,GAAG7D,OAAO,CAAC,MAAM;IACtB,IAAKmB,QAAQ,IAAIA,QAAQ,CAACe,MAAM,GAAG,CAAC,IAAIjB,QAAQ,IAAM,CAACA,QAAQ,IAAID,YAAa,EAAE;MAC9E,OAAO,KAAK;IAChB;IAEA,OAAO,CAAC;EACZ,CAAC,EAAE,CAACA,YAAY,EAAEC,QAAQ,EAAEE,QAAQ,CAAC,CAAC;EAEtC,OAAOnB,OAAO,CACV,mBACIH,KAAA,CAAAwD,aAAA,CAAC9C,mBAAmB;IAChBuD,SAAS,EAAE,CAAC9C,YAAa;IACzBsC,GAAG,EAAE,mBAAmBxC,EAAE,EAAG;IAC7BiD,OAAO,EAAE;MAAEF;IAAI,CAAE;IACjBG,OAAO,EAAE;MAAEH,GAAG,EAAE;IAAE;EAAE,gBAEpBhE,KAAA,CAAAwD,aAAA,CAACzD,eAAe;IAACoE,OAAO,EAAE;EAAM,GAAEhB,OAAyB,CAC1C,CACxB,EACD,CAACA,OAAO,EAAEhC,YAAY,EAAE6C,GAAG,EAAE/C,EAAE,CACnC,CAAC;AACL,CAAC;AAEDN,aAAa,CAACyD,WAAW,GAAG,eAAe;AAE3C,eAAezD,aAAa","ignoreList":[]}

package/lib/esm/components/opening-times/opening-inputs/OpeningInputs.styles.js

@@ -1,22 +1,16 @@
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import styled, { css } from 'styled-components';
 export const StyledOpeningInputs = styled(motion.div)`
     display: flex;
-    ${_ref => {
-  let {
-    $editMode
-  } = _ref;
-  return $editMode && css`
+    ${({
+  $editMode
+}) => $editMode && css`
             flex-direction: column;
-        `;
-}}
+        `}
 `;
 export const StyledOpeningInputPreview = styled.div`
-    color: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.text;
-}};
+    color: ${({
+  theme
+}) => theme.text};
 `;
 //# sourceMappingURL=OpeningInputs.styles.js.map

package/lib/esm/components/opening-times/opening-inputs/OpeningInputs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningInputs.styles.js","names":["motion","styled","css","StyledOpeningInputs","div","_ref","$editMode","StyledOpeningInputPreview","_ref2","theme","text"],"sources":["../../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\ntype StyledOpeningInputsProps = WithTheme<{ $editMode: boolean }>;\n\nexport const StyledOpeningInputs = styled(motion.div)<StyledOpeningInputsProps>`\n    display: flex;\n    ${({ $editMode }) =>\n        $editMode &&\n        css`\n            flex-direction: column;\n        `}\n`;\n\ntype StyledOpeningInputPreviewProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputPreview = styled.div<StyledOpeningInputPreviewProps>`\n    color: ${({ theme }: StyledOpeningInputPreviewProps) => theme.text};\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,mBAAmB,GAAGF,MAAM,CAACD,MAAM,CAACI,GAAG,CAA2B;AAC/E;AACA,MAAMC,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OACZC,SAAS,IACTJ,GAAG;AACX;AACA,SAAS;AAAA;AACT,CAAC;AAID,OAAO,MAAMK,yBAAyB,GAAGN,MAAM,CAACG,GAAmC;AACnF,aAAaI,KAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA;AACtE,CAAC","ignoreList":[]}
+{"version":3,"file":"OpeningInputs.styles.js","names":["motion","styled","css","StyledOpeningInputs","div","$editMode","StyledOpeningInputPreview","theme","text"],"sources":["../../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\n\ntype StyledOpeningInputsProps = WithTheme<{ $editMode: boolean }>;\n\nexport const StyledOpeningInputs = styled(motion.div)<StyledOpeningInputsProps>`\n    display: flex;\n    ${({ $editMode }) =>\n        $editMode &&\n        css`\n            flex-direction: column;\n        `}\n`;\n\ntype StyledOpeningInputPreviewProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputPreview = styled.div<StyledOpeningInputPreviewProps>`\n    color: ${({ theme }: StyledOpeningInputPreviewProps) => theme.text};\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,mBAAmB,GAAGF,MAAM,CAACD,MAAM,CAACI,GAAG,CAA2B;AAC/E;AACA,MAAM,CAAC;EAAEC;AAAU,CAAC,KACZA,SAAS,IACTH,GAAG;AACX;AACA,SAAS;AACT,CAAC;AAID,OAAO,MAAMI,yBAAyB,GAAGL,MAAM,CAACG,GAAmC;AACnF,aAAa,CAAC;EAAEG;AAAsC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACtE,CAAC","ignoreList":[]}

package/lib/esm/components/opening-times/opening-inputs/opening-input/OpeningInput.js

@@ -2,18 +2,17 @@ import { Icon, NumberInput } from '@chayns-components/core';
 import React, { useCallback, useMemo, useState } from 'react';
 import { OpeningTimesButtonType } from '../../../../types/openingTimes';
 import { StyledOpeningInput, StyledOpeningInputButtonWrapper, StyledOpeningInputPseudoButton, StyledOpeningInputText, StyledOpeningInputWrapper } from './OpeningInput.styles';
-const OpeningInput = _ref => {
-  let {
-    end,
-    start,
-    isDisabled,
-    isInvalid,
-    buttonType,
-    onRemove,
-    onAdd,
-    onChange,
-    id
-  } = _ref;
+const OpeningInput = ({
+  end,
+  start,
+  isDisabled,
+  isInvalid,
+  buttonType,
+  onRemove,
+  onAdd,
+  onChange,
+  id
+}) => {
   const [startTime, setStartTime] = useState(start);
   const [endTime, setEndTime] = useState(end);
   const button = useMemo(() => {

package/lib/esm/components/opening-times/opening-inputs/opening-input/OpeningInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningInput.js","names":["Icon","NumberInput","React","useCallback","useMemo","useState","OpeningTimesButtonType","StyledOpeningInput","StyledOpeningInputButtonWrapper","StyledOpeningInputPseudoButton","StyledOpeningInputText","StyledOpeningInputWrapper","OpeningInput","_ref","end","start","isDisabled","isInvalid","buttonType","onRemove","onAdd","onChange","id","startTime","setStartTime","endTime","setEndTime","button","ADD","createElement","onClick","icons","size","REMOVE","handleStartTimeBlur","value","isTimeInvalid","handleEndTimeBlur","key","animate","opacity","height","initial","exit","transition","duration","type","shouldShowOnlyBottomBorder","isTimeInput","onBlur","$isDisabled","displayName"],"sources":["../../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import { Icon, NumberInput } from '@chayns-components/core';\nimport React, { FC, useCallback, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport {\n    StyledOpeningInput,\n    StyledOpeningInputButtonWrapper,\n    StyledOpeningInputPseudoButton,\n    StyledOpeningInputText,\n    StyledOpeningInputWrapper,\n} from './OpeningInput.styles';\n\nexport type OpeningInputProps = {\n    start: Time['start'];\n    end: Time['end'];\n    isDisabled?: boolean;\n    isInvalid?: boolean;\n    id: string;\n    buttonType: OpeningTimesButtonType;\n    onAdd: () => void;\n    onRemove: () => void;\n    onChange: (time: Time) => void;\n};\n\nconst OpeningInput: FC<OpeningInputProps> = ({\n    end,\n    start,\n    isDisabled,\n    isInvalid,\n    buttonType,\n    onRemove,\n    onAdd,\n    onChange,\n    id,\n}) => {\n    const [startTime, setStartTime] = useState(start);\n    const [endTime, setEndTime] = useState(end);\n\n    const button = useMemo(() => {\n        switch (buttonType) {\n            case OpeningTimesButtonType.ADD:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onAdd}>\n                        <Icon icons={['ts-plus']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            case OpeningTimesButtonType.REMOVE:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onRemove}>\n                        <Icon icons={['ts-wrong']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            default:\n                return <StyledOpeningInputPseudoButton />;\n        }\n    }, [buttonType, onAdd, onRemove]);\n\n    const handleStartTimeBlur = useCallback(\n        (value: string | number | null, isTimeInvalid: boolean) => {\n            if (isTimeInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setStartTime(value);\n\n            onChange({ end: endTime, start: value, id });\n        },\n        [endTime, id, onChange],\n    );\n\n    const handleEndTimeBlur = useCallback(\n        (value: string | number | null, isTimeInvalid: boolean) => {\n            if (isTimeInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setEndTime(value);\n\n            onChange({ end: value, start: startTime, id });\n        },\n        [id, onChange, startTime],\n    );\n\n    return useMemo(\n        () => (\n            <StyledOpeningInput\n                key={id}\n                animate={{ opacity: 1, height: 'auto' }}\n                initial={{ opacity: 0, height: 0 }}\n                exit={{ opacity: 0, height: 0 }}\n                transition={{ duration: 0.2, type: 'tween' }}\n            >\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        isInvalid={isInvalid}\n                        value={startTime}\n                        onBlur={handleStartTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                <StyledOpeningInputText $isDisabled={isDisabled}>-</StyledOpeningInputText>\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        isInvalid={isInvalid}\n                        value={endTime}\n                        onBlur={handleEndTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                {button}\n            </StyledOpeningInput>\n        ),\n        [\n            button,\n            endTime,\n            handleEndTimeBlur,\n            handleStartTimeBlur,\n            id,\n            isDisabled,\n            isInvalid,\n            startTime,\n        ],\n    );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OpeningInput.js","names":["Icon","NumberInput","React","useCallback","useMemo","useState","OpeningTimesButtonType","StyledOpeningInput","StyledOpeningInputButtonWrapper","StyledOpeningInputPseudoButton","StyledOpeningInputText","StyledOpeningInputWrapper","OpeningInput","end","start","isDisabled","isInvalid","buttonType","onRemove","onAdd","onChange","id","startTime","setStartTime","endTime","setEndTime","button","ADD","createElement","onClick","icons","size","REMOVE","handleStartTimeBlur","value","isTimeInvalid","handleEndTimeBlur","key","animate","opacity","height","initial","exit","transition","duration","type","shouldShowOnlyBottomBorder","isTimeInput","onBlur","$isDisabled","displayName"],"sources":["../../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import { Icon, NumberInput } from '@chayns-components/core';\nimport React, { FC, useCallback, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport {\n    StyledOpeningInput,\n    StyledOpeningInputButtonWrapper,\n    StyledOpeningInputPseudoButton,\n    StyledOpeningInputText,\n    StyledOpeningInputWrapper,\n} from './OpeningInput.styles';\n\nexport type OpeningInputProps = {\n    start: Time['start'];\n    end: Time['end'];\n    isDisabled?: boolean;\n    isInvalid?: boolean;\n    id: string;\n    buttonType: OpeningTimesButtonType;\n    onAdd: () => void;\n    onRemove: () => void;\n    onChange: (time: Time) => void;\n};\n\nconst OpeningInput: FC<OpeningInputProps> = ({\n    end,\n    start,\n    isDisabled,\n    isInvalid,\n    buttonType,\n    onRemove,\n    onAdd,\n    onChange,\n    id,\n}) => {\n    const [startTime, setStartTime] = useState(start);\n    const [endTime, setEndTime] = useState(end);\n\n    const button = useMemo(() => {\n        switch (buttonType) {\n            case OpeningTimesButtonType.ADD:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onAdd}>\n                        <Icon icons={['ts-plus']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            case OpeningTimesButtonType.REMOVE:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onRemove}>\n                        <Icon icons={['ts-wrong']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            default:\n                return <StyledOpeningInputPseudoButton />;\n        }\n    }, [buttonType, onAdd, onRemove]);\n\n    const handleStartTimeBlur = useCallback(\n        (value: string | number | null, isTimeInvalid: boolean) => {\n            if (isTimeInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setStartTime(value);\n\n            onChange({ end: endTime, start: value, id });\n        },\n        [endTime, id, onChange],\n    );\n\n    const handleEndTimeBlur = useCallback(\n        (value: string | number | null, isTimeInvalid: boolean) => {\n            if (isTimeInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setEndTime(value);\n\n            onChange({ end: value, start: startTime, id });\n        },\n        [id, onChange, startTime],\n    );\n\n    return useMemo(\n        () => (\n            <StyledOpeningInput\n                key={id}\n                animate={{ opacity: 1, height: 'auto' }}\n                initial={{ opacity: 0, height: 0 }}\n                exit={{ opacity: 0, height: 0 }}\n                transition={{ duration: 0.2, type: 'tween' }}\n            >\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        isInvalid={isInvalid}\n                        value={startTime}\n                        onBlur={handleStartTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                <StyledOpeningInputText $isDisabled={isDisabled}>-</StyledOpeningInputText>\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        isInvalid={isInvalid}\n                        value={endTime}\n                        onBlur={handleEndTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                {button}\n            </StyledOpeningInput>\n        ),\n        [\n            button,\n            endTime,\n            handleEndTimeBlur,\n            handleStartTimeBlur,\n            id,\n            isDisabled,\n            isInvalid,\n            startTime,\n        ],\n    );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import styled from 'styled-components';
 export const StyledOpeningInput = styled(motion.div)`
     display: flex;
@@ -10,22 +10,16 @@ export const StyledOpeningInputWrapper = styled.div`
     width: 60px;
 `;
 export const StyledOpeningInputText = styled.div`
-    opacity: ${_ref => {
-  let {
-    $isDisabled
-  } = _ref;
-  return $isDisabled ? 0.5 : 1;
-}};
+    opacity: ${({
+  $isDisabled
+}) => $isDisabled ? 0.5 : 1};
 `;
 export const StyledOpeningInputButtonWrapper = styled.div`
     width: 20px;
     height: 20px;
-    background-color: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme['202'];
-}};
+    background-color: ${({
+  theme
+}) => theme['202']};
     border-radius: 3px;
     box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
     border: none;

package/lib/esm/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningInput.styles.js","names":["motion","styled","StyledOpeningInput","div","StyledOpeningInputWrapper","StyledOpeningInputText","_ref","$isDisabled","StyledOpeningInputButtonWrapper","_ref2","theme","StyledOpeningInputPseudoButton"],"sources":["../../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledOpeningInput = styled(motion.div)`\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    overflow: hidden;\n`;\n\nexport const StyledOpeningInputWrapper = styled.div`\n    width: 60px;\n`;\n\ntype StyledOpeningInputTextProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledOpeningInputText = styled.div<StyledOpeningInputTextProps>`\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n`;\n\ntype StyledOpeningInputButtonWrapperProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputButtonWrapper = styled.div`\n    width: 20px;\n    height: 20px;\n    background-color: ${({ theme }: StyledOpeningInputButtonWrapperProps) => theme['202']};\n    border-radius: 3px;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const StyledOpeningInputPseudoButton = styled.div`\n    width: 20px;\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACD,MAAM,CAACG,GAAG,CAAC;AACpD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAG;AACnD;AACA,CAAC;AAID,OAAO,MAAME,sBAAsB,GAAGJ,MAAM,CAACE,GAAgC;AAC7E,eAAeG,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC;AAC3D,CAAC;AAID,OAAO,MAAMC,+BAA+B,GAAGP,MAAM,CAACE,GAAG;AACzD;AACA;AACA,wBAAwBM,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAGV,MAAM,CAACE,GAAG;AACxD;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"OpeningInput.styles.js","names":["motion","styled","StyledOpeningInput","div","StyledOpeningInputWrapper","StyledOpeningInputText","$isDisabled","StyledOpeningInputButtonWrapper","theme","StyledOpeningInputPseudoButton"],"sources":["../../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'motion/react';\nimport styled from 'styled-components';\n\nexport const StyledOpeningInput = styled(motion.div)`\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    overflow: hidden;\n`;\n\nexport const StyledOpeningInputWrapper = styled.div`\n    width: 60px;\n`;\n\ntype StyledOpeningInputTextProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledOpeningInputText = styled.div<StyledOpeningInputTextProps>`\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n`;\n\ntype StyledOpeningInputButtonWrapperProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputButtonWrapper = styled.div`\n    width: 20px;\n    height: 20px;\n    background-color: ${({ theme }: StyledOpeningInputButtonWrapperProps) => theme['202']};\n    border-radius: 3px;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const StyledOpeningInputPseudoButton = styled.div`\n    width: 20px;\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACD,MAAM,CAACG,GAAG,CAAC;AACpD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAG;AACnD;AACA,CAAC;AAID,OAAO,MAAME,sBAAsB,GAAGJ,MAAM,CAACE,GAAgC;AAC7E,eAAe,CAAC;EAAEG;AAAY,CAAC,KAAMA,WAAW,GAAG,GAAG,GAAG,CAAE;AAC3D,CAAC;AAID,OAAO,MAAMC,+BAA+B,GAAGN,MAAM,CAACE,GAAG;AACzD;AACA;AACA,wBAAwB,CAAC;EAAEK;AAA4C,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAGR,MAAM,CAACE,GAAG;AACxD;AACA,CAAC","ignoreList":[]}

package/lib/esm/hooks/useDateInfo.js

@@ -1,17 +1,17 @@
 import { getLanguage } from 'chayns-api';
 import { useEffect, useMemo, useState } from 'react';
 import { getDateInfo, getTimeTillNow } from '../utils/dateInfo';
-export const useDateInfo = _ref => {
-  let {
-    date,
-    shouldShowDateToNowDifference,
-    shouldShowRelativeDayOfWeek,
-    shouldShowDayOfWeek,
-    shouldShowTime,
-    shouldUseShortText,
-    shouldShowYear,
-    preText
-  } = _ref;
+export const useDateInfo = ({
+  date,
+  shouldShowDateToNowDifference,
+  shouldShowRelativeDayOfWeek,
+  shouldShowDayOfWeek,
+  shouldShowTime,
+  shouldUseShortText,
+  shouldShowOnlyTime,
+  shouldShowYear,
+  preText
+}) => {
   const {
     active: language
   } = getLanguage();
@@ -24,12 +24,13 @@ export const useDateInfo = _ref => {
     setFormattedDate(getDateInfo({
       date,
       shouldShowYear,
+      shouldShowOnlyTime,
       shouldShowTime,
       shouldUseShortText,
       shouldShowDayOfWeek,
       shouldShowRelativeDayOfWeek
     }));
-  }, [date, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowTime, shouldShowYear, shouldUseShortText]);
+  }, [date, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowOnlyTime, shouldShowRelativeDayOfWeek, shouldShowTime, shouldShowYear, shouldUseShortText]);
   useEffect(() => {
     if (!shouldShowDateToNowDifference) return () => {};
     const updateCurrentDate = () => setCurrentDate(new Date());

package/lib/esm/hooks/useDateInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInfo.js","names":["getLanguage","useEffect","useMemo","useState","getDateInfo","getTimeTillNow","useDateInfo","_ref","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowYear","preText","active","language","formattedDate","setFormattedDate","toLocaleDateString","currentDate","setCurrentDate","Date","updateCurrentDate","now","timeDiffInMs","Math","abs","getTime","updateInterval","getSeconds","intervalId","setInterval","timeout","setTimeout","clearTimeout","clearInterval","trim"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { getLanguage } from 'chayns-api';\nimport { useEffect, useMemo, useState } from 'react';\nimport { UseDateInfoOptions } from '../types/dateinfo';\nimport { getDateInfo, getTimeTillNow } from '../utils/dateInfo';\n\nexport const useDateInfo = ({\n    date,\n    shouldShowDateToNowDifference,\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldShowTime,\n    shouldUseShortText,\n    shouldShowYear,\n    preText,\n}: UseDateInfoOptions) => {\n    const { active: language } = getLanguage();\n\n    const [formattedDate, setFormattedDate] = useState(date.toLocaleDateString());\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        setFormattedDate(\n            getDateInfo({\n                date,\n                shouldShowYear,\n                shouldShowTime,\n                shouldUseShortText,\n                shouldShowDayOfWeek,\n                shouldShowRelativeDayOfWeek,\n            }),\n        );\n    }, [\n        date,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowTime,\n        shouldShowYear,\n        shouldUseShortText,\n    ]);\n\n    useEffect(() => {\n        if (!shouldShowDateToNowDifference) return () => {};\n\n        const updateCurrentDate = () => setCurrentDate(new Date());\n        const now = new Date();\n        const timeDiffInMs = Math.abs(date.getTime() - now.getTime());\n\n        const updateInterval = timeDiffInMs < 60000 ? 1000 : 60000 - now.getSeconds() * 1000;\n\n        const intervalId = setInterval(updateCurrentDate, 1000);\n        const timeout = setTimeout(updateCurrentDate, updateInterval);\n\n        return () => {\n            clearTimeout(timeout);\n            clearInterval(intervalId);\n        };\n    }, [date, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        if (shouldShowDateToNowDifference) {\n            setFormattedDate(getTimeTillNow({ date, currentDate, language }));\n        }\n    }, [date, currentDate, language, shouldShowDateToNowDifference]);\n\n    return useMemo(\n        () => `${preText ? `${preText.trim()} ` : ''}${formattedDate}`,\n        [formattedDate, preText],\n    );\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,YAAY;AACxC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEpD,SAASC,WAAW,EAAEC,cAAc,QAAQ,mBAAmB;AAE/D,OAAO,MAAMC,WAAW,GAAGC,IAAA,IASD;EAAA,IATE;IACxBC,IAAI;IACJC,6BAA6B;IAC7BC,2BAA2B;IAC3BC,mBAAmB;IACnBC,cAAc;IACdC,kBAAkB;IAClBC,cAAc;IACdC;EACgB,CAAC,GAAAR,IAAA;EACjB,MAAM;IAAES,MAAM,EAAEC;EAAS,CAAC,GAAGjB,WAAW,CAAC,CAAC;EAE1C,MAAM,CAACkB,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAACK,IAAI,CAACY,kBAAkB,CAAC,CAAC,CAAC;EAC7E,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGnB,QAAQ,CAAC,IAAIoB,IAAI,CAAC,CAAC,CAAC;EAE1DtB,SAAS,CAAC,MAAM;IACZ,IAAIQ,6BAA6B,EAAE;MAC/B;IACJ;IAEAU,gBAAgB,CACZf,WAAW,CAAC;MACRI,IAAI;MACJM,cAAc;MACdF,cAAc;MACdC,kBAAkB;MAClBF,mBAAmB;MACnBD;IACJ,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CACCF,IAAI,EACJC,6BAA6B,EAC7BE,mBAAmB,EACnBD,2BAA2B,EAC3BE,cAAc,EACdE,cAAc,EACdD,kBAAkB,CACrB,CAAC;EAEFZ,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,6BAA6B,EAAE,OAAO,MAAM,CAAC,CAAC;IAEnD,MAAMe,iBAAiB,GAAGA,CAAA,KAAMF,cAAc,CAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;IAC1D,MAAME,GAAG,GAAG,IAAIF,IAAI,CAAC,CAAC;IACtB,MAAMG,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACpB,IAAI,CAACqB,OAAO,CAAC,CAAC,GAAGJ,GAAG,CAACI,OAAO,CAAC,CAAC,CAAC;IAE7D,MAAMC,cAAc,GAAGJ,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAGD,GAAG,CAACM,UAAU,CAAC,CAAC,GAAG,IAAI;IAEpF,MAAMC,UAAU,GAAGC,WAAW,CAACT,iBAAiB,EAAE,IAAI,CAAC;IACvD,MAAMU,OAAO,GAAGC,UAAU,CAACX,iBAAiB,EAAEM,cAAc,CAAC;IAE7D,OAAO,MAAM;MACTM,YAAY,CAACF,OAAO,CAAC;MACrBG,aAAa,CAACL,UAAU,CAAC;IAC7B,CAAC;EACL,CAAC,EAAE,CAACxB,IAAI,EAAEC,6BAA6B,CAAC,CAAC;EAEzCR,SAAS,CAAC,MAAM;IACZ,IAAIQ,6BAA6B,EAAE;MAC/BU,gBAAgB,CAACd,cAAc,CAAC;QAAEG,IAAI;QAAEa,WAAW;QAAEJ;MAAS,CAAC,CAAC,CAAC;IACrE;EACJ,CAAC,EAAE,CAACT,IAAI,EAAEa,WAAW,EAAEJ,QAAQ,EAAER,6BAA6B,CAAC,CAAC;EAEhE,OAAOP,OAAO,CACV,MAAM,GAAGa,OAAO,GAAG,GAAGA,OAAO,CAACuB,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAGpB,aAAa,EAAE,EAC9D,CAACA,aAAa,EAAEH,OAAO,CAC3B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"useDateInfo.js","names":["getLanguage","useEffect","useMemo","useState","getDateInfo","getTimeTillNow","useDateInfo","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowOnlyTime","shouldShowYear","preText","active","language","formattedDate","setFormattedDate","toLocaleDateString","currentDate","setCurrentDate","Date","updateCurrentDate","now","timeDiffInMs","Math","abs","getTime","updateInterval","getSeconds","intervalId","setInterval","timeout","setTimeout","clearTimeout","clearInterval","trim"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { getLanguage } from 'chayns-api';\nimport { useEffect, useMemo, useState } from 'react';\nimport { UseDateInfoOptions } from '../types/dateinfo';\nimport { getDateInfo, getTimeTillNow } from '../utils/dateInfo';\n\nexport const useDateInfo = ({\n    date,\n    shouldShowDateToNowDifference,\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldShowTime,\n    shouldUseShortText,\n    shouldShowOnlyTime,\n    shouldShowYear,\n    preText,\n}: UseDateInfoOptions) => {\n    const { active: language } = getLanguage();\n\n    const [formattedDate, setFormattedDate] = useState(date.toLocaleDateString());\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        setFormattedDate(\n            getDateInfo({\n                date,\n                shouldShowYear,\n                shouldShowOnlyTime,\n                shouldShowTime,\n                shouldUseShortText,\n                shouldShowDayOfWeek,\n                shouldShowRelativeDayOfWeek,\n            }),\n        );\n    }, [\n        date,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowOnlyTime,\n        shouldShowRelativeDayOfWeek,\n        shouldShowTime,\n        shouldShowYear,\n        shouldUseShortText,\n    ]);\n\n    useEffect(() => {\n        if (!shouldShowDateToNowDifference) return () => {};\n\n        const updateCurrentDate = () => setCurrentDate(new Date());\n        const now = new Date();\n        const timeDiffInMs = Math.abs(date.getTime() - now.getTime());\n\n        const updateInterval = timeDiffInMs < 60000 ? 1000 : 60000 - now.getSeconds() * 1000;\n\n        const intervalId = setInterval(updateCurrentDate, 1000);\n        const timeout = setTimeout(updateCurrentDate, updateInterval);\n\n        return () => {\n            clearTimeout(timeout);\n            clearInterval(intervalId);\n        };\n    }, [date, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        if (shouldShowDateToNowDifference) {\n            setFormattedDate(getTimeTillNow({ date, currentDate, language }));\n        }\n    }, [date, currentDate, language, shouldShowDateToNowDifference]);\n\n    return useMemo(\n        () => `${preText ? `${preText.trim()} ` : ''}${formattedDate}`,\n        [formattedDate, preText],\n    );\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,YAAY;AACxC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEpD,SAASC,WAAW,EAAEC,cAAc,QAAQ,mBAAmB;AAE/D,OAAO,MAAMC,WAAW,GAAGA,CAAC;EACxBC,IAAI;EACJC,6BAA6B;EAC7BC,2BAA2B;EAC3BC,mBAAmB;EACnBC,cAAc;EACdC,kBAAkB;EAClBC,kBAAkB;EAClBC,cAAc;EACdC;AACgB,CAAC,KAAK;EACtB,MAAM;IAAEC,MAAM,EAAEC;EAAS,CAAC,GAAGjB,WAAW,CAAC,CAAC;EAE1C,MAAM,CAACkB,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAACI,IAAI,CAACa,kBAAkB,CAAC,CAAC,CAAC;EAC7E,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGnB,QAAQ,CAAC,IAAIoB,IAAI,CAAC,CAAC,CAAC;EAE1DtB,SAAS,CAAC,MAAM;IACZ,IAAIO,6BAA6B,EAAE;MAC/B;IACJ;IAEAW,gBAAgB,CACZf,WAAW,CAAC;MACRG,IAAI;MACJO,cAAc;MACdD,kBAAkB;MAClBF,cAAc;MACdC,kBAAkB;MAClBF,mBAAmB;MACnBD;IACJ,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CACCF,IAAI,EACJC,6BAA6B,EAC7BE,mBAAmB,EACnBG,kBAAkB,EAClBJ,2BAA2B,EAC3BE,cAAc,EACdG,cAAc,EACdF,kBAAkB,CACrB,CAAC;EAEFX,SAAS,CAAC,MAAM;IACZ,IAAI,CAACO,6BAA6B,EAAE,OAAO,MAAM,CAAC,CAAC;IAEnD,MAAMgB,iBAAiB,GAAGA,CAAA,KAAMF,cAAc,CAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;IAC1D,MAAME,GAAG,GAAG,IAAIF,IAAI,CAAC,CAAC;IACtB,MAAMG,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACrB,IAAI,CAACsB,OAAO,CAAC,CAAC,GAAGJ,GAAG,CAACI,OAAO,CAAC,CAAC,CAAC;IAE7D,MAAMC,cAAc,GAAGJ,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAGD,GAAG,CAACM,UAAU,CAAC,CAAC,GAAG,IAAI;IAEpF,MAAMC,UAAU,GAAGC,WAAW,CAACT,iBAAiB,EAAE,IAAI,CAAC;IACvD,MAAMU,OAAO,GAAGC,UAAU,CAACX,iBAAiB,EAAEM,cAAc,CAAC;IAE7D,OAAO,MAAM;MACTM,YAAY,CAACF,OAAO,CAAC;MACrBG,aAAa,CAACL,UAAU,CAAC;IAC7B,CAAC;EACL,CAAC,EAAE,CAACzB,IAAI,EAAEC,6BAA6B,CAAC,CAAC;EAEzCP,SAAS,CAAC,MAAM;IACZ,IAAIO,6BAA6B,EAAE;MAC/BW,gBAAgB,CAACd,cAAc,CAAC;QAAEE,IAAI;QAAEc,WAAW;QAAEJ;MAAS,CAAC,CAAC,CAAC;IACrE;EACJ,CAAC,EAAE,CAACV,IAAI,EAAEc,WAAW,EAAEJ,QAAQ,EAAET,6BAA6B,CAAC,CAAC;EAEhE,OAAON,OAAO,CACV,MAAM,GAAGa,OAAO,GAAG,GAAGA,OAAO,CAACuB,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAGpB,aAAa,EAAE,EAC9D,CAACA,aAAa,EAAEH,OAAO,CAC3B,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/esm/index.js

@@ -8,7 +8,7 @@ export { default as OpeningTimes } from './components/opening-times/OpeningTimes
 // DateInfo
 export { default as DateInfo } from './components/date-info/DateInfo';
 export { useDateInfo } from './hooks/useDateInfo';
-export { getDateInfo, getTimeTillNow } from './utils/dateInfo';
+export { getDateInfo, getTimeTillNow, getFormattedTime } from './utils/dateInfo';
 
 // Utils
 export { isToday, getIsDateNearToday, isTomorrow, isYesterday, isMorning, isCurrentYear, addYears, addDays, isSameDay, eachDayOfInterval, isWithinInterval, subYears, endOfWeek, startOfWeek, isSameMonth, differenceInCalendarMonths, startOfMonth, isAfter, isBefore } from './utils/date';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Calendar","CalendarType","OpeningInputs","OpeningTimes","DateInfo","useDateInfo","getDateInfo","getTimeTillNow","isToday","getIsDateNearToday","isTomorrow","isYesterday","isMorning","isCurrentYear","addYears","addDays","isSameDay","eachDayOfInterval","isWithinInterval","subYears","endOfWeek","startOfWeek","isSameMonth","differenceInCalendarMonths","startOfMonth","isAfter","isBefore"],"sources":["../../src/index.ts"],"sourcesContent":["// Calendar\nexport {default as Calendar} from './components/calendar/Calendar';\nexport type {Categories, HighlightedDates, HighlightedDateStyles, DateInterval, CustomThumbColors} from './types/calendar';\nexport {CalendarType} from './types/calendar';\n\n// OpeningTimes\nexport {default as OpeningInputs} from './components/opening-times/opening-inputs/OpeningInputs';\nexport {default as OpeningTimes} from './components/opening-times/OpeningTimes';\nexport type {HintTextPosition, OpeningTime, Time, Weekday} from './types/openingTimes';\n\n// DateInfo\nexport {default as DateInfo} from './components/date-info/DateInfo';\nexport {useDateInfo} from './hooks/useDateInfo';\nexport {getDateInfo, getTimeTillNow} from './utils/dateInfo'\n\n// Utils\nexport {\n    isToday,\n    getIsDateNearToday,\n    isTomorrow,\n    isYesterday,\n    isMorning,\n    isCurrentYear,\n    addYears,\n    addDays,\n    isSameDay,\n    eachDayOfInterval,\n    isWithinInterval,\n    subYears,\n    endOfWeek,\n    startOfWeek,\n    isSameMonth,\n    differenceInCalendarMonths,\n    startOfMonth,\n    isAfter,\n    isBefore\n} from './utils/date'\n"],"mappings":"AAAA;AACA,SAAQA,OAAO,IAAIC,QAAQ,QAAO,gCAAgC;AAElE,SAAQC,YAAY,QAAO,kBAAkB;;AAE7C;AACA,SAAQF,OAAO,IAAIG,aAAa,QAAO,yDAAyD;AAChG,SAAQH,OAAO,IAAII,YAAY,QAAO,yCAAyC;AAG/E;AACA,SAAQJ,OAAO,IAAIK,QAAQ,QAAO,iCAAiC;AACnE,SAAQC,WAAW,QAAO,qBAAqB;AAC/C,SAAQC,WAAW,EAAEC,cAAc,QAAO,kBAAkB;;AAE5D;AACA,SACIC,OAAO,EACPC,kBAAkB,EAClBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,iBAAiB,EACjBC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,0BAA0B,EAC1BC,YAAY,EACZC,OAAO,EACPC,QAAQ,QACL,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Calendar","CalendarType","OpeningInputs","OpeningTimes","DateInfo","useDateInfo","getDateInfo","getTimeTillNow","getFormattedTime","isToday","getIsDateNearToday","isTomorrow","isYesterday","isMorning","isCurrentYear","addYears","addDays","isSameDay","eachDayOfInterval","isWithinInterval","subYears","endOfWeek","startOfWeek","isSameMonth","differenceInCalendarMonths","startOfMonth","isAfter","isBefore"],"sources":["../../src/index.ts"],"sourcesContent":["// Calendar\nexport { default as Calendar } from './components/calendar/Calendar';\nexport type {\n    Categories,\n    HighlightedDates,\n    HighlightedDateStyles,\n    DateInterval,\n    CustomThumbColors,\n} from './types/calendar';\nexport { CalendarType } from './types/calendar';\n\n// OpeningTimes\nexport { default as OpeningInputs } from './components/opening-times/opening-inputs/OpeningInputs';\nexport { default as OpeningTimes } from './components/opening-times/OpeningTimes';\nexport type { HintTextPosition, OpeningTime, Time, Weekday } from './types/openingTimes';\n\n// DateInfo\nexport { default as DateInfo } from './components/date-info/DateInfo';\nexport { useDateInfo } from './hooks/useDateInfo';\nexport { getDateInfo, getTimeTillNow, getFormattedTime } from './utils/dateInfo';\n\n// Utils\nexport {\n    isToday,\n    getIsDateNearToday,\n    isTomorrow,\n    isYesterday,\n    isMorning,\n    isCurrentYear,\n    addYears,\n    addDays,\n    isSameDay,\n    eachDayOfInterval,\n    isWithinInterval,\n    subYears,\n    endOfWeek,\n    startOfWeek,\n    isSameMonth,\n    differenceInCalendarMonths,\n    startOfMonth,\n    isAfter,\n    isBefore,\n} from './utils/date';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,gCAAgC;AAQpE,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA,SAASF,OAAO,IAAIG,aAAa,QAAQ,yDAAyD;AAClG,SAASH,OAAO,IAAII,YAAY,QAAQ,yCAAyC;AAGjF;AACA,SAASJ,OAAO,IAAIK,QAAQ,QAAQ,iCAAiC;AACrE,SAASC,WAAW,QAAQ,qBAAqB;AACjD,SAASC,WAAW,EAAEC,cAAc,EAAEC,gBAAgB,QAAQ,kBAAkB;;AAEhF;AACA,SACIC,OAAO,EACPC,kBAAkB,EAClBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,iBAAiB,EACjBC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,0BAA0B,EAC1BC,YAAY,EACZC,OAAO,EACPC,QAAQ,QACL,cAAc","ignoreList":[]}