@chayns-components/date 5.0.0-beta.466 → 5.0.0-beta.470

package/lib/components/opening-times/OpeningTimes.d.ts

@@ -1,6 +1,18 @@
 import { FC } from 'react';
 import type { OnChange, OnTimeAdd, OpeningTime, Weekday } from '../../types/openingTimes';
 export type OpeningTimesProps = {
+    /**
+     * The text that should be displayed when a day is closed.
+     */
+    closedText?: string;
+    /**
+     * If set just the current day is displayed and the whole week in a tooltip.
+     */
+    currentDayId?: OpeningTime['id'];
+    /**
+     * Whether the opening times can be edited.
+     */
+    editMode?: boolean;
     /**
      * Function to be executed when a time is changed or a day is enabled/disabled.
      * @param openingTimes

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

@@ -1,9 +1,12 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Checkbox } from '@chayns-components/core';
+import { Checkbox, Tooltip, useElementSize } from '@chayns-components/core';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import OpeningInputs from './opening-inputs/OpeningInputs';
-import { StyledOpeningTimes, StyledOpeningTimesWrapper } from './OpeningTimes.styles';
+import { StyledOpeningTimes, StyledOpeningTimesTooltipContent, StyledOpeningTimesWeekDay, StyledOpeningTimesWrapper } from './OpeningTimes.styles';
 const OpeningTimes = _ref => {
   let {
+    closedText = 'closed',
+    currentDayId,
+    editMode = false,
     openingTimes,
     weekdays,
     onChange,
@@ -11,6 +14,7 @@ const OpeningTimes = _ref => {
     onTimeRemove
   } = _ref;
   const [newOpeningTimes, setNewOpeningTimes] = useState();
+  const ref = useRef(null);
   useEffect(() => {
     setNewOpeningTimes(openingTimes);
   }, [openingTimes]);
@@ -105,21 +109,62 @@ const OpeningTimes = _ref => {
       }
       items.push( /*#__PURE__*/React.createElement(StyledOpeningTimesWrapper, {
         key: `openingTimes__${id}`
-      }, /*#__PURE__*/React.createElement(Checkbox, {
+      }, editMode ? /*#__PURE__*/React.createElement(Checkbox, {
         isChecked: !isDisabled,
         onChange: () => handleCheckBoxChange(id)
-      }, weekday), /*#__PURE__*/React.createElement(OpeningInputs, {
+      }, weekday) : /*#__PURE__*/React.createElement(StyledOpeningTimesWeekDay, null, weekday), /*#__PURE__*/React.createElement(OpeningInputs, {
+        closedText: closedText,
         id: id,
         times: times,
         isDisabled: isDisabled,
         onChange: newTime => handleChange(newTime, id),
         onRemove: handleRemove,
-        onAdd: handleAdd
+        onAdd: handleAdd,
+        editMode: editMode
       })));
     });
     return items;
-  }, [handleAdd, handleChange, handleCheckBoxChange, handleRemove, newOpeningTimes, weekdays]);
-  return useMemo(() => /*#__PURE__*/React.createElement(StyledOpeningTimes, null, content), [content]);
+  }, [closedText, editMode, handleAdd, handleChange, handleCheckBoxChange, handleRemove, newOpeningTimes, weekdays]);
+  const size = useElementSize(ref);
+  const displayedContent = useMemo(() => {
+    if (!currentDayId || editMode) {
+      return content;
+    }
+    const singleDay = newOpeningTimes?.find(_ref3 => {
+      let {
+        id
+      } = _ref3;
+      return id === currentDayId;
+    });
+    if (!singleDay) {
+      return content;
+    }
+    const {
+      id,
+      times,
+      weekdayId
+    } = singleDay;
+    const weekday = weekdays.find(weekDay => weekDay.id === weekdayId)?.name;
+    const element = /*#__PURE__*/React.createElement(StyledOpeningTimesWrapper, {
+      key: `currentDay__${currentDayId}`,
+      style: size && {
+        width: size.width
+      }
+    }, /*#__PURE__*/React.createElement(StyledOpeningTimesWeekDay, null, weekday), /*#__PURE__*/React.createElement(OpeningInputs, {
+      closedText: closedText,
+      id: id,
+      times: times,
+      editMode: editMode
+    }));
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      item: /*#__PURE__*/React.createElement(StyledOpeningTimesTooltipContent, {
+        key: "opening-time-tooltip"
+      }, content)
+    }, element);
+  }, [closedText, content, currentDayId, editMode, newOpeningTimes, weekdays, size]);
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledOpeningTimes, {
+    ref: ref
+  }, displayedContent), [displayedContent]);
 };
 OpeningTimes.displayName = 'OpeningTimes';
 export default OpeningTimes;

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

@@ -1 +1 @@
-{"version":3,"file":"OpeningTimes.js","names":["React","useCallback","useEffect","useMemo","useState","Checkbox","OpeningInputs","StyledOpeningTimes","StyledOpeningTimesWrapper","OpeningTimes","_ref","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","newOpeningTimes","setNewOpeningTimes","handleCheckBoxChange","id","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","newTime","newTimes","times","time","handleAdd","dayId","handleRemove","content","items","forEach","_ref2","weekdayId","weekday","find","weekDay","name","push","createElement","key","isChecked","onRemove","onAdd","displayName"],"sources":["../../../src/components/opening-times/OpeningTimes.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport type { OnChange, OnTimeAdd, OpeningTime, Time, Weekday } from '../../types/openingTimes';\nimport { Checkbox } from '@chayns-components/core';\nimport OpeningInputs from './opening-inputs/OpeningInputs';\nimport { StyledOpeningTimes, StyledOpeningTimesWrapper } from './OpeningTimes.styles';\n\nexport type OpeningTimesProps = {\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    openingTimes,\n    weekdays,\n    onChange,\n    onTimeAdd,\n    onTimeRemove,\n}) => {\n    const [newOpeningTimes, setNewOpeningTimes] = useState<OpeningTime[]>();\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 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                    <Checkbox isChecked={!isDisabled} onChange={() => handleCheckBoxChange(id)}>\n                        {weekday}\n                    </Checkbox>\n                    <OpeningInputs\n                        id={id}\n                        times={times}\n                        isDisabled={isDisabled}\n                        onChange={(newTime) => handleChange(newTime, id)}\n                        onRemove={handleRemove}\n                        onAdd={handleAdd}\n                    />\n                </StyledOpeningTimesWrapper>,\n            );\n        });\n\n        return items;\n    }, [handleAdd, handleChange, handleCheckBoxChange, handleRemove, newOpeningTimes, weekdays]);\n\n    return useMemo(() => <StyledOpeningTimes>{content}</StyledOpeningTimes>, [content]);\n};\n\nOpeningTimes.displayName = 'OpeningTimes';\n\nexport default OpeningTimes;\n"],"mappings":"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"}
+{"version":3,"file":"OpeningTimes.js","names":["Checkbox","Tooltip","useElementSize","React","useCallback","useEffect","useMemo","useRef","useState","OpeningInputs","StyledOpeningTimes","StyledOpeningTimesTooltipContent","StyledOpeningTimesWeekDay","StyledOpeningTimesWrapper","OpeningTimes","_ref","closedText","currentDayId","editMode","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","newOpeningTimes","setNewOpeningTimes","ref","handleCheckBoxChange","id","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","newTime","newTimes","times","time","handleAdd","dayId","handleRemove","content","items","forEach","_ref2","weekdayId","weekday","find","weekDay","name","push","createElement","key","isChecked","onRemove","onAdd","size","displayedContent","singleDay","_ref3","element","style","width","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 type { OnChange, OnTimeAdd, OpeningTime, Time, Weekday } from '../../types/openingTimes';\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     * 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    openingTimes,\n    weekdays,\n    onChange,\n    onTimeAdd,\n    onTimeRemove,\n}) => {\n    const [newOpeningTimes, setNewOpeningTimes] = useState<OpeningTime[]>();\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 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                        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        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 closedText={closedText} id={id} times={times} editMode={editMode} />\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    }, [closedText, content, currentDayId, editMode, newOpeningTimes, weekdays, size]);\n\n    return useMemo(\n        () => <StyledOpeningTimes ref={ref}>{displayedContent}</StyledOpeningTimes>,\n        [displayedContent],\n    );\n};\n\nOpeningTimes.displayName = 'OpeningTimes';\n\nexport default OpeningTimes;\n"],"mappings":"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"}

package/lib/components/opening-times/OpeningTimes.styles.d.ts

@@ -5,4 +5,8 @@ type StyledSliderButtonProps = WithTheme<{
 }>;
 export declare const StyledOpeningTimes: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonProps>>;
 export declare const StyledOpeningTimesWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledOpeningTimesTooltipContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledOpeningTimesWeekDay: 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/components/color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;
 export {};

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

@@ -8,5 +8,17 @@ export const StyledOpeningTimesWrapper = styled.div`
     display: flex;
     align-items: baseline;
     justify-content: space-between;
+    gap: 16px;
+`;
+export const StyledOpeningTimesTooltipContent = styled.div`
+    padding: 8px;
+`;
+export const StyledOpeningTimesWeekDay = styled.div`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
 `;
 //# sourceMappingURL=OpeningTimes.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OpeningTimes.styles.js","names":["styled","StyledOpeningTimes","div","StyledOpeningTimesWrapper"],"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`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA;AACA;AACA,CAAC"}
+{"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    gap: 16px;\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,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,gCAAgC,GAAGJ,MAAM,CAACE,GAAI;AAC3D;AACA,CAAC;AAID,OAAO,MAAMG,yBAAyB,GAAGL,MAAM,CAACE,GAAoC;AACpF,aAAaI,IAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AACvE,CAAC"}

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

@@ -3,10 +3,12 @@ import { type Time } from '../../../types/openingTimes';
 export type OpeningInputsProps = {
     times: Time[];
     isDisabled?: boolean;
-    onChange: (time: Time) => void;
-    onAdd: (time: Time, id: string) => void;
-    onRemove: (id: Time['id']) => void;
+    onChange?: (time: Time) => void;
+    onAdd?: (time: Time, id: string) => void;
+    onRemove?: (id: Time['id']) => void;
     id: string;
+    editMode: boolean;
+    closedText: string;
 };
 declare const OpeningInputs: FC<OpeningInputsProps>;
 export default OpeningInputs;

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

@@ -3,7 +3,7 @@ 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 { StyledOpeningInputs } from './OpeningInputs.styles';
+import { StyledOpeningInputPreview, StyledOpeningInputs } from './OpeningInputs.styles';
 const OpeningInputs = _ref => {
   let {
     times,
@@ -11,7 +11,9 @@ const OpeningInputs = _ref => {
     onRemove,
     onAdd,
     id,
-    onChange
+    onChange,
+    editMode,
+    closedText
   } = _ref;
   const [newTimes, setNewTimes] = useState();
   useEffect(() => {
@@ -24,11 +26,15 @@ const OpeningInputs = _ref => {
       id: uuidV4()
     };
     setNewTimes(prevState => prevState ? [...prevState, defaultTime] : [defaultTime]);
-    onAdd(defaultTime, id);
+    if (typeof onAdd === 'function') {
+      onAdd(defaultTime, id);
+    }
   }, [id, onAdd]);
   const handleRemove = useCallback(timeId => {
     setNewTimes(prevState => (prevState ?? []).filter(time => time.id !== timeId));
-    onRemove(timeId);
+    if (typeof onRemove === 'function') {
+      onRemove(timeId);
+    }
   }, [onRemove]);
   const handleChange = useCallback(newTime => {
     setNewTimes(prevState => {
@@ -38,7 +44,9 @@ const OpeningInputs = _ref => {
         }
         return time;
       });
-      onChange(newTime);
+      if (typeof onChange === 'function') {
+        onChange(newTime);
+      }
       return updatedTimes;
     });
   }, [onChange]);
@@ -53,6 +61,13 @@ const OpeningInputs = _ref => {
         start,
         id: timeId
       } = _ref2;
+      if (!editMode) {
+        const text = isDisabled ? closedText : `${start} - ${end}`;
+        items.push( /*#__PURE__*/React.createElement(StyledOpeningInputPreview, {
+          key: `opening-times-preview__${id}.${timeId}`
+        }, text));
+        return;
+      }
       if (index > 1) {
         return;
       }
@@ -75,7 +90,7 @@ const OpeningInputs = _ref => {
       }));
     });
     return items;
-  }, [handleAdd, handleChange, handleRemove, id, isDisabled, newTimes, times.length]);
+  }, [closedText, editMode, handleAdd, handleChange, handleRemove, id, isDisabled, newTimes, times.length]);
   return useMemo(() => /*#__PURE__*/React.createElement(StyledOpeningInputs, null, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
   }, content)), [content]);

package/lib/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","StyledOpeningInputs","OpeningInputs","_ref","times","isDisabled","onRemove","onAdd","id","onChange","newTimes","setNewTimes","handleAdd","defaultTime","start","end","prevState","handleRemove","timeId","filter","time","handleChange","newTime","updatedTimes","map","content","items","forEach","_ref2","index","buttonType","NONE","length","ADD","REMOVE","push","createElement","key","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 Time } from '../../../types/openingTimes';\nimport OpeningInput from './opening-input/OpeningInput';\nimport { StyledOpeningInputs } from './OpeningInputs.styles';\n\nexport type OpeningInputsProps = {\n    times: Time[];\n    isDisabled?: boolean;\n    onChange: (time: Time) => void;\n    onAdd: (time: Time, id: string) => void;\n    onRemove: (id: Time['id']) => void;\n    id: string;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({\n    times,\n    isDisabled,\n    onRemove,\n    onAdd,\n    id,\n    onChange,\n}) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\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        onAdd(defaultTime, id);\n    }, [id, onAdd]);\n\n    const handleRemove = useCallback(\n        (timeId: string) => {\n            setNewTimes((prevState) => (prevState ?? []).filter((time) => time.id !== timeId));\n\n            onRemove(timeId);\n        },\n        [onRemove],\n    );\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                onChange(newTime);\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 (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                    buttonType={buttonType}\n                    onAdd={handleAdd}\n                    onChange={(time) => handleChange(time)}\n                    onRemove={() => handleRemove(timeId)}\n                />,\n            );\n        });\n\n        return items;\n    }, [handleAdd, handleChange, handleRemove, id, isDisabled, newTimes, times.length]);\n\n    return useMemo(\n        () => (\n            <StyledOpeningInputs>\n                <AnimatePresence initial={false}>{content}</AnimatePresence>\n            </StyledOpeningInputs>\n        ),\n        [content],\n    );\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"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"}
+{"version":3,"file":"OpeningInputs.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useState","v4","uuidV4","OpeningTimesButtonType","OpeningInput","StyledOpeningInputPreview","StyledOpeningInputs","OpeningInputs","_ref","times","isDisabled","onRemove","onAdd","id","onChange","editMode","closedText","newTimes","setNewTimes","handleAdd","defaultTime","start","end","prevState","handleRemove","timeId","filter","time","handleChange","newTime","updatedTimes","map","content","items","forEach","_ref2","index","text","push","createElement","key","buttonType","NONE","length","ADD","REMOVE","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 Time } from '../../../types/openingTimes';\nimport OpeningInput from './opening-input/OpeningInput';\nimport { StyledOpeningInputPreview, StyledOpeningInputs } from './OpeningInputs.styles';\n\nexport type OpeningInputsProps = {\n    times: Time[];\n    isDisabled?: boolean;\n    onChange?: (time: Time) => void;\n    onAdd?: (time: Time, id: string) => void;\n    onRemove?: (id: Time['id']) => void;\n    id: string;\n    editMode: boolean;\n    closedText: string;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({\n    times,\n    isDisabled,\n    onRemove,\n    onAdd,\n    id,\n    onChange,\n    editMode,\n    closedText,\n}) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\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    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}\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                    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        editMode,\n        handleAdd,\n        handleChange,\n        handleRemove,\n        id,\n        isDisabled,\n        newTimes,\n        times.length,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledOpeningInputs>\n                <AnimatePresence initial={false}>{content}</AnimatePresence>\n            </StyledOpeningInputs>\n        ),\n        [content],\n    );\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
 /// <reference types="react" />
 export declare const StyledOpeningInputs: 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").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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

@@ -3,4 +3,5 @@ export const StyledOpeningInputs = styled.div`
     display: flex;
     flex-direction: column;
 `;
+export const StyledOpeningInputPreview = styled.div``;
 //# sourceMappingURL=OpeningInputs.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OpeningInputs.styles.js","names":["styled","StyledOpeningInputs","div"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledOpeningInputs = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,mBAAmB,GAAGD,MAAM,CAACE,GAAI;AAC9C;AACA;AACA,CAAC"}
+{"version":3,"file":"OpeningInputs.styles.js","names":["styled","StyledOpeningInputs","div","StyledOpeningInputPreview"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledOpeningInputs = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const StyledOpeningInputPreview = styled.div``;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,mBAAmB,GAAGD,MAAM,CAACE,GAAI;AAC9C;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/date",
-    "version": "5.0.0-beta.466",
+    "version": "5.0.0-beta.470",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -57,8 +57,9 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.466",
-        "date-fns": "^2.30.0"
+        "@chayns-components/core": "^5.0.0-beta.470",
+        "date-fns": "^2.30.0",
+        "uuid": "^9.0.1"
     },
     "peerDependencies": {
         "chayns-api": ">=1.0.50",
@@ -70,5 +71,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a6c6f033e364471eb8d4d7b06de02071b1f01b11"
+    "gitHead": "23402f3f25399df243dc2d4daa89fe50020953a0"
 }