@chayns-components/date 5.0.0-beta.583 → 5.0.0-beta.588

package/lib/cjs/components/opening-times/OpeningTimes.js

@@ -28,6 +28,7 @@ const OpeningTimes = ({
   const [newOpeningTimes, setNewOpeningTimes] = (0, _react.useState)();
   const [invalidOpeningTimes, setInvalidOpeningTimes] = (0, _react.useState)([]);
   const ref = (0, _react.useRef)(null);
+  const popupRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     setNewOpeningTimes(openingTimes);
   }, [openingTimes]);
@@ -180,23 +181,31 @@ const OpeningTimes = ({
       weekdayId
     } = singleDay;
     const weekday = (_weekdays$find2 = weekdays.find(weekDay => weekDay.id === weekdayId)) === null || _weekdays$find2 === void 0 ? void 0 : _weekdays$find2.name;
-    const element = /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWrapper, {
+    return /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWrapper, {
       key: `currentDay__${currentDayId}`,
       style: size && {
         width: size.width
+      },
+      onMouseEnter: () => {
+        var _popupRef$current;
+        return (_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.show();
+      },
+      onMouseLeave: () => {
+        var _popupRef$current2;
+        return (_popupRef$current2 = popupRef.current) === null || _popupRef$current2 === void 0 ? void 0 : _popupRef$current2.hide();
       }
-    }, /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWeekDay, null, weekday), /*#__PURE__*/_react.default.createElement(_OpeningInputs.default, {
+    }, /*#__PURE__*/_react.default.createElement(_core.Popup, {
+      ref: popupRef,
+      content: /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesTooltipContent, {
+        key: "opening-time-tooltip"
+      }, content)
+    }, /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWeekDay, null, weekday)), /*#__PURE__*/_react.default.createElement(_OpeningInputs.default, {
       closedText: closedText,
       onInvalid: handleUpdateInvalidIds,
       id: id,
       times: times,
       editMode: editMode
     }));
-    return /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
-      item: /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesTooltipContent, {
-        key: "opening-time-tooltip"
-      }, content)
-    }, element);
   }, [currentDayId, editMode, newOpeningTimes, weekdays, size, closedText, handleUpdateInvalidIds, content]);
   const shouldShowHint = (0, _react.useMemo)(() => invalidOpeningTimes.length > 0, [invalidOpeningTimes.length]);
   return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimes, {

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

@@ -1 +1 @@
-{"version":3,"file":"OpeningTimes.js","names":["_core","require","_react","_interopRequireWildcard","_openingTimes","_HintText","_interopRequireDefault","_OpeningInputs","_OpeningTimes","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","OpeningTimes","closedText","currentDayId","editMode","hintText","hintTextPosition","HintTextPosition","Bottom","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","newOpeningTimes","setNewOpeningTimes","useState","invalidOpeningTimes","setInvalidOpeningTimes","ref","useRef","useEffect","handleCheckBoxChange","useCallback","id","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","newTime","newTimes","times","time","handleAdd","dayId","handleUpdateInvalidIds","openingTimeId","invalidTimeIds","prevState","updatedInvalidOpeningTimes","invalidOpeningTime","some","updatedInvalidOpeningId","length","push","updatedInvalidOpeningTime","handleRemove","content","useMemo","items","forEach","weekdayId","_weekdays$find","weekday","find","weekDay","name","createElement","StyledOpeningTimesWrapper","key","Checkbox","isChecked","StyledOpeningTimesWeekDay","onInvalid","onRemove","onAdd","size","useElementSize","displayedContent","_weekdays$find2","singleDay","element","style","width","Tooltip","StyledOpeningTimesTooltipContent","shouldShowHint","StyledOpeningTimes","Top","text","displayName","_default","exports"],"sources":["../../../../src/components/opening-times/OpeningTimes.tsx"],"sourcesContent":["import { Checkbox, Tooltip, useElementSize } 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 }: 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\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\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\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            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\n                            return time;\n                        });\n\n                        return { ...openingTime, times: newTimes };\n                    }\n                    return openingTime;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange({ time: newTime });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const handleAdd = useCallback(\n        (time: Time, id: string) => {\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            if (typeof onTimeAdd === 'function') {\n                onTimeAdd({ dayId: id, time });\n            }\n        },\n        [onTimeAdd],\n    );\n\n    const handleUpdateInvalidIds = useCallback(\n        (openingTimeId: string, invalidTimeIds: string[]) => {\n            setInvalidOpeningTimes((prevState) => {\n                let updatedInvalidOpeningTimes = prevState.map((invalidOpeningTime) => {\n                    if (invalidOpeningTime.openingTimeId === openingTimeId) {\n                        return {\n                            openingTimeId,\n                            invalidTimeIds,\n                        };\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                updatedInvalidOpeningTimes = updatedInvalidOpeningTimes.filter(\n                    (updatedInvalidOpeningTime) =>\n                        updatedInvalidOpeningTime.invalidTimeIds.length !== 0,\n                );\n\n                return updatedInvalidOpeningTimes;\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                        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        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 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        const element = (\n            <StyledOpeningTimesWrapper\n                key={`currentDay__${currentDayId}`}\n                style={size && { width: size.width }}\n            >\n                <StyledOpeningTimesWeekDay>{weekday}</StyledOpeningTimesWeekDay>\n                <OpeningInputs\n                    closedText={closedText}\n                    onInvalid={handleUpdateInvalidIds}\n                    id={id}\n                    times={times}\n                    editMode={editMode}\n                />\n            </StyledOpeningTimesWrapper>\n        );\n\n        return (\n            <Tooltip\n                item={\n                    <StyledOpeningTimesTooltipContent key=\"opening-time-tooltip\">\n                        {content}\n                    </StyledOpeningTimesTooltipContent>\n                }\n            >\n                {element}\n            </Tooltip>\n        );\n    }, [\n        currentDayId,\n        editMode,\n        newOpeningTimes,\n        weekdays,\n        size,\n        closedText,\n        handleUpdateInvalidIds,\n        content,\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":["_core","require","_react","_interopRequireWildcard","_openingTimes","_HintText","_interopRequireDefault","_OpeningInputs","_OpeningTimes","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","OpeningTimes","closedText","currentDayId","editMode","hintText","hintTextPosition","HintTextPosition","Bottom","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","newOpeningTimes","setNewOpeningTimes","useState","invalidOpeningTimes","setInvalidOpeningTimes","ref","useRef","popupRef","useEffect","handleCheckBoxChange","useCallback","id","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","newTime","newTimes","times","time","handleAdd","dayId","handleUpdateInvalidIds","openingTimeId","invalidTimeIds","prevState","updatedInvalidOpeningTimes","invalidOpeningTime","some","updatedInvalidOpeningId","length","push","updatedInvalidOpeningTime","handleRemove","content","useMemo","items","forEach","weekdayId","_weekdays$find","weekday","find","weekDay","name","createElement","StyledOpeningTimesWrapper","key","Checkbox","isChecked","StyledOpeningTimesWeekDay","onInvalid","onRemove","onAdd","size","useElementSize","displayedContent","_weekdays$find2","singleDay","style","width","onMouseEnter","_popupRef$current","current","show","onMouseLeave","_popupRef$current2","hide","Popup","StyledOpeningTimesTooltipContent","shouldShowHint","StyledOpeningTimes","Top","text","displayName","_default","exports"],"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 }: 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\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\n    const ref = useRef<HTMLDivElement>(null);\n    const popupRef = useRef<PopupRef>(null);\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\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            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\n                            return time;\n                        });\n\n                        return { ...openingTime, times: newTimes };\n                    }\n                    return openingTime;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange({ time: newTime });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const handleAdd = useCallback(\n        (time: Time, id: string) => {\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            if (typeof onTimeAdd === 'function') {\n                onTimeAdd({ dayId: id, time });\n            }\n        },\n        [onTimeAdd],\n    );\n\n    const handleUpdateInvalidIds = useCallback(\n        (openingTimeId: string, invalidTimeIds: string[]) => {\n            setInvalidOpeningTimes((prevState) => {\n                let updatedInvalidOpeningTimes = prevState.map((invalidOpeningTime) => {\n                    if (invalidOpeningTime.openingTimeId === openingTimeId) {\n                        return {\n                            openingTimeId,\n                            invalidTimeIds,\n                        };\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                updatedInvalidOpeningTimes = updatedInvalidOpeningTimes.filter(\n                    (updatedInvalidOpeningTime) =>\n                        updatedInvalidOpeningTime.invalidTimeIds.length !== 0,\n                );\n\n                return updatedInvalidOpeningTimes;\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                        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        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 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={() => popupRef.current?.show()}\n                onMouseLeave={() => popupRef.current?.hide()}\n            >\n                <Popup\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                    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        closedText,\n        handleUpdateInvalidIds,\n        content,\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/cjs/components/opening-times/hint-text/HintText.styles.js

@@ -11,9 +11,7 @@ const StyledHintText = exports.StyledHintText = _styledComponents.default.div`
     border-style: solid;
     border-color: #9f5f00;
     background-color: #fff3e0;
-    color: ${({
-  theme
-}) => theme.text};
+    color: #222;
     padding: 8px 12px;
 
     border-radius: ${({

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

@@ -1 +1 @@
-{"version":3,"file":"HintText.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledHintText","exports","styled","div","theme","text","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: ${({ theme }: StyledHintTextProp) => theme.text};\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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIhC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAwB;AAC7D;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAA0B,CAAC,KAAKA,KAAK,CAACC,IAAK;AAC3D;AACA;AACA,qBAAqB,CAAC;EAAED;AAA0B,CAAC,KAAKA,KAAK,CAACE,gBAAiB;AAC/E,4CAA4C,CAAC;EAAEF;AAA0B,CAAC,KAAKA,KAAK,CAACG,UAAW;AAChG,CAAC","ignoreList":[]}
+{"version":3,"file":"HintText.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledHintText","exports","styled","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIhC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAwB;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,CAAC;EAAEC;AAA0B,CAAC,KAAKA,KAAK,CAACC,gBAAiB;AAC/E,4CAA4C,CAAC;EAAED;AAA0B,CAAC,KAAKA,KAAK,CAACE,UAAW;AAChG,CAAC","ignoreList":[]}

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

@@ -12,5 +12,9 @@ const StyledOpeningInputs = exports.StyledOpeningInputs = (0, _styledComponents.
     flex-direction: column;
     //gap: 8px;
 `;
-const StyledOpeningInputPreview = exports.StyledOpeningInputPreview = _styledComponents.default.div``;
+const StyledOpeningInputPreview = exports.StyledOpeningInputPreview = _styledComponents.default.div`
+    color: ${({
+  theme
+}) => theme.text};
+`;
 //# sourceMappingURL=OpeningInputs.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OpeningInputs.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","StyledOpeningInputs","exports","styled","motion","div","StyledOpeningInputPreview"],"sources":["../../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledOpeningInputs = styled(motion.div)`\n    display: flex;\n    flex-direction: column;\n    //gap: 8px;\n`;\n\nexport const StyledOpeningInputPreview = styled.div``;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AACtD;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGH,yBAAM,CAACE,GAAI,EAAC","ignoreList":[]}
+{"version":3,"file":"OpeningInputs.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","StyledOpeningInputs","exports","styled","motion","div","StyledOpeningInputPreview","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 from 'styled-components';\n\nexport const StyledOpeningInputs = styled(motion.div)`\n    display: flex;\n    flex-direction: column;\n    //gap: 8px;\n`;\n\ntype StyledOpeningInputPreviewProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputPreview = styled.div<StyledOpeningInputPreviewProps>`\n    color: ${({ theme }: StyledOpeningInputPreviewProps) => theme.text};\n`;\n"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AACtD;AACA;AACA;AACA,CAAC;AAIM,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGH,yBAAM,CAACE,GAAoC;AACpF,aAAa,CAAC;EAAEE;AAAsC,CAAC,KAAKA,KAAK,CAACC,IAAK;AACvE,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { Checkbox, Tooltip, useElementSize } from '@chayns-components/core';
+import { Checkbox, Popup, useElementSize } from '@chayns-components/core';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { HintTextPosition } from '../../types/openingTimes';
 import HintText from './hint-text/HintText';
@@ -20,6 +20,7 @@ const OpeningTimes = _ref => {
   const [newOpeningTimes, setNewOpeningTimes] = useState();
   const [invalidOpeningTimes, setInvalidOpeningTimes] = useState([]);
   const ref = useRef(null);
+  const popupRef = useRef(null);
   useEffect(() => {
     setNewOpeningTimes(openingTimes);
   }, [openingTimes]);
@@ -177,23 +178,25 @@ const OpeningTimes = _ref => {
       weekdayId
     } = singleDay;
     const weekday = weekdays.find(weekDay => weekDay.id === weekdayId)?.name;
-    const element = /*#__PURE__*/React.createElement(StyledOpeningTimesWrapper, {
+    return /*#__PURE__*/React.createElement(StyledOpeningTimesWrapper, {
       key: `currentDay__${currentDayId}`,
       style: size && {
         width: size.width
-      }
-    }, /*#__PURE__*/React.createElement(StyledOpeningTimesWeekDay, null, weekday), /*#__PURE__*/React.createElement(OpeningInputs, {
+      },
+      onMouseEnter: () => popupRef.current?.show(),
+      onMouseLeave: () => popupRef.current?.hide()
+    }, /*#__PURE__*/React.createElement(Popup, {
+      ref: popupRef,
+      content: /*#__PURE__*/React.createElement(StyledOpeningTimesTooltipContent, {
+        key: "opening-time-tooltip"
+      }, content)
+    }, /*#__PURE__*/React.createElement(StyledOpeningTimesWeekDay, null, weekday)), /*#__PURE__*/React.createElement(OpeningInputs, {
       closedText: closedText,
       onInvalid: handleUpdateInvalidIds,
       id: id,
       times: times,
       editMode: editMode
     }));
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      item: /*#__PURE__*/React.createElement(StyledOpeningTimesTooltipContent, {
-        key: "opening-time-tooltip"
-      }, content)
-    }, element);
   }, [currentDayId, editMode, newOpeningTimes, weekdays, size, closedText, handleUpdateInvalidIds, content]);
   const shouldShowHint = useMemo(() => invalidOpeningTimes.length > 0, [invalidOpeningTimes.length]);
   return useMemo(() => /*#__PURE__*/React.createElement(StyledOpeningTimes, {

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

@@ -1 +1 @@
-{"version":3,"file":"OpeningTimes.js","names":["Checkbox","Tooltip","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","newOpeningTimes","setNewOpeningTimes","invalidOpeningTimes","setInvalidOpeningTimes","ref","handleCheckBoxChange","id","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","newTime","newTimes","times","time","handleAdd","dayId","handleUpdateInvalidIds","openingTimeId","invalidTimeIds","prevState","updatedInvalidOpeningTimes","invalidOpeningTime","some","_ref2","updatedInvalidOpeningId","length","push","updatedInvalidOpeningTime","handleRemove","content","items","forEach","_ref3","weekdayId","weekday","find","weekDay","name","createElement","key","isChecked","onInvalid","onRemove","onAdd","size","displayedContent","singleDay","_ref4","element","style","width","shouldShowHint","Top","text","displayName"],"sources":["../../../../src/components/opening-times/OpeningTimes.tsx"],"sourcesContent":["import { Checkbox, Tooltip, useElementSize } 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 }: 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\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\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\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            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\n                            return time;\n                        });\n\n                        return { ...openingTime, times: newTimes };\n                    }\n                    return openingTime;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange({ time: newTime });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const handleAdd = useCallback(\n        (time: Time, id: string) => {\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            if (typeof onTimeAdd === 'function') {\n                onTimeAdd({ dayId: id, time });\n            }\n        },\n        [onTimeAdd],\n    );\n\n    const handleUpdateInvalidIds = useCallback(\n        (openingTimeId: string, invalidTimeIds: string[]) => {\n            setInvalidOpeningTimes((prevState) => {\n                let updatedInvalidOpeningTimes = prevState.map((invalidOpeningTime) => {\n                    if (invalidOpeningTime.openingTimeId === openingTimeId) {\n                        return {\n                            openingTimeId,\n                            invalidTimeIds,\n                        };\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                updatedInvalidOpeningTimes = updatedInvalidOpeningTimes.filter(\n                    (updatedInvalidOpeningTime) =>\n                        updatedInvalidOpeningTime.invalidTimeIds.length !== 0,\n                );\n\n                return updatedInvalidOpeningTimes;\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                        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        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 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        const element = (\n            <StyledOpeningTimesWrapper\n                key={`currentDay__${currentDayId}`}\n                style={size && { width: size.width }}\n            >\n                <StyledOpeningTimesWeekDay>{weekday}</StyledOpeningTimesWeekDay>\n                <OpeningInputs\n                    closedText={closedText}\n                    onInvalid={handleUpdateInvalidIds}\n                    id={id}\n                    times={times}\n                    editMode={editMode}\n                />\n            </StyledOpeningTimesWrapper>\n        );\n\n        return (\n            <Tooltip\n                item={\n                    <StyledOpeningTimesTooltipContent key=\"opening-time-tooltip\">\n                        {content}\n                    </StyledOpeningTimesTooltipContent>\n                }\n            >\n                {element}\n            </Tooltip>\n        );\n    }, [\n        currentDayId,\n        editMode,\n        newOpeningTimes,\n        weekdays,\n        size,\n        closedText,\n        handleUpdateInvalidIds,\n        content,\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","_ref","closedText","currentDayId","editMode","hintText","hintTextPosition","Bottom","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","newOpeningTimes","setNewOpeningTimes","invalidOpeningTimes","setInvalidOpeningTimes","ref","popupRef","handleCheckBoxChange","id","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","newTime","newTimes","times","time","handleAdd","dayId","handleUpdateInvalidIds","openingTimeId","invalidTimeIds","prevState","updatedInvalidOpeningTimes","invalidOpeningTime","some","_ref2","updatedInvalidOpeningId","length","push","updatedInvalidOpeningTime","handleRemove","content","items","forEach","_ref3","weekdayId","weekday","find","weekDay","name","createElement","key","isChecked","onInvalid","onRemove","onAdd","size","displayedContent","singleDay","_ref4","style","width","onMouseEnter","current","show","onMouseLeave","hide","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 }: 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\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\n    const ref = useRef<HTMLDivElement>(null);\n    const popupRef = useRef<PopupRef>(null);\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\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            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\n                            return time;\n                        });\n\n                        return { ...openingTime, times: newTimes };\n                    }\n                    return openingTime;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange({ time: newTime });\n                }\n\n                return updatedOpeningTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const handleAdd = useCallback(\n        (time: Time, id: string) => {\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            if (typeof onTimeAdd === 'function') {\n                onTimeAdd({ dayId: id, time });\n            }\n        },\n        [onTimeAdd],\n    );\n\n    const handleUpdateInvalidIds = useCallback(\n        (openingTimeId: string, invalidTimeIds: string[]) => {\n            setInvalidOpeningTimes((prevState) => {\n                let updatedInvalidOpeningTimes = prevState.map((invalidOpeningTime) => {\n                    if (invalidOpeningTime.openingTimeId === openingTimeId) {\n                        return {\n                            openingTimeId,\n                            invalidTimeIds,\n                        };\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                updatedInvalidOpeningTimes = updatedInvalidOpeningTimes.filter(\n                    (updatedInvalidOpeningTime) =>\n                        updatedInvalidOpeningTime.invalidTimeIds.length !== 0,\n                );\n\n                return updatedInvalidOpeningTimes;\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                        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        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 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={() => popupRef.current?.show()}\n                onMouseLeave={() => popupRef.current?.hide()}\n            >\n                <Popup\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                    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        closedText,\n        handleUpdateInvalidIds,\n        content,\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/hint-text/HintText.styles.js

@@ -4,24 +4,19 @@ export const StyledHintText = styled.div`
     border-style: solid;
     border-color: #9f5f00;
     background-color: #fff3e0;
-    color: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.text;
-}};
+    color: #222;
     padding: 8px 12px;
 
-    border-radius: ${_ref2 => {
+    border-radius: ${_ref => {
   let {
     theme
-  } = _ref2;
+  } = _ref;
   return theme.cardBorderRadius;
 }}px;
-    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${_ref3 => {
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${_ref2 => {
   let {
     theme
-  } = _ref3;
+  } = _ref2;
   return theme.cardShadow;
 }});
 `;

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","text","_ref2","cardBorderRadius","_ref3","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: ${({ theme }: StyledHintTextProp) => theme.text};\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,GAAwB;AAC7D;AACA;AACA;AACA;AACA,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AAC3D;AACA;AACA,qBAAqBC,KAAA;EAAA,IAAC;IAAEF;EAA0B,CAAC,GAAAE,KAAA;EAAA,OAAKF,KAAK,CAACG,gBAAgB;AAAA,CAAC;AAC/E,4CAA4CC,KAAA;EAAA,IAAC;IAAEJ;EAA0B,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAACK,UAAU;AAAA,CAAC;AAChG,CAAC","ignoreList":[]}
+{"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,GAAwB;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqBC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,gBAAgB;AAAA,CAAC;AAC/E,4CAA4CC,KAAA;EAAA,IAAC;IAAEF;EAA0B,CAAC,GAAAE,KAAA;EAAA,OAAKF,KAAK,CAACG,UAAU;AAAA,CAAC;AAChG,CAAC","ignoreList":[]}

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

@@ -5,5 +5,12 @@ export const StyledOpeningInputs = styled(motion.div)`
     flex-direction: column;
     //gap: 8px;
 `;
-export const StyledOpeningInputPreview = styled.div``;
+export const StyledOpeningInputPreview = styled.div`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return 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","StyledOpeningInputs","div","StyledOpeningInputPreview"],"sources":["../../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledOpeningInputs = styled(motion.div)`\n    display: flex;\n    flex-direction: column;\n    //gap: 8px;\n`;\n\nexport const StyledOpeningInputPreview = styled.div``;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,mBAAmB,GAAGD,MAAM,CAACD,MAAM,CAACG,GAAG,CAAE;AACtD;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI,EAAC","ignoreList":[]}
+{"version":3,"file":"OpeningInputs.styles.js","names":["motion","styled","StyledOpeningInputs","div","StyledOpeningInputPreview","_ref","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 from 'styled-components';\n\nexport const StyledOpeningInputs = styled(motion.div)`\n    display: flex;\n    flex-direction: column;\n    //gap: 8px;\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,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,mBAAmB,GAAGD,MAAM,CAACD,MAAM,CAACG,GAAG,CAAE;AACtD;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAoC;AACpF,aAAaE,IAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AACvE,CAAC","ignoreList":[]}

package/lib/types/components/opening-times/opening-inputs/OpeningInputs.styles.d.ts

@@ -263,4 +263,6 @@ export declare const StyledOpeningInputs: import("styled-components").IStyledCom
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledOpeningInputPreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledOpeningInputPreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("@chayns-components/core/lib/types/components/color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/date",
-    "version": "5.0.0-beta.583",
+    "version": "5.0.0-beta.588",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -67,7 +67,7 @@
         "typescript": "^5.4.5"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.583",
+        "@chayns-components/core": "^5.0.0-beta.588",
         "date-fns": "^2.30.0",
         "uuid": "^9.0.1"
     },
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d54d466d30c6b53c5a3226dd20db9bfecc529985"
+    "gitHead": "b9221aca396a2b31d289b677d5cb21b67938df02"
 }