@chayns-components/date 5.0.0-beta.556 → 5.0.0-beta.558

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

@@ -124,9 +124,17 @@ const OpeningInputs = _ref => {
     });
     return items;
   }, [closedText, editMode, handleAdd, handleChange, handleRemove, id, invalidTimes, isDisabled, newTimes, times.length]);
-  return useMemo(() => /*#__PURE__*/React.createElement(StyledOpeningInputs, null, /*#__PURE__*/React.createElement(AnimatePresence, {
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledOpeningInputs, {
+    key: `opening-inputs__${id}`,
+    animate: {
+      gap: newTimes && newTimes.length > 1 ? '8px' : 0
+    },
+    initial: {
+      gap: 0
+    }
+  }, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
-  }, content)), [content]);
+  }, content)), [content, id, newTimes]);
 };
 OpeningInputs.displayName = 'OpeningInputs';
 export default OpeningInputs;

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","StyledOpeningInputPreview","StyledOpeningInputs","OpeningInputs","_ref","times","isDisabled","onRemove","onAdd","onInvalid","id","onChange","editMode","closedText","newTimes","setNewTimes","invalidTimes","setInvalidTimes","handleAdd","defaultTime","start","end","prevState","handleRemove","timeId","filter","time","result","i","length","currentTime","prevTime","currStart","Date","currEnd","push","prevEnd","invalidTimeIds","map","_ref2","invalidId","handleChange","newTime","updatedTimes","content","items","forEach","_ref3","index","text","createElement","key","buttonType","NONE","ADD","REMOVE","isInvalid","includes","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    onInvalid?: (openingTimeId: string, timeIds: string[]) => 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    onInvalid,\n    id,\n    onChange,\n    editMode,\n    closedText,\n}) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\n    const [invalidTimes, setInvalidTimes] = useState<string[]>([]);\n\n    useEffect(() => {\n        setNewTimes(times);\n    }, [times]);\n\n    const handleAdd = useCallback(() => {\n        const defaultTime: Time = { start: '08:00', end: '18:00', id: uuidV4() };\n\n        setNewTimes((prevState) => (prevState ? [...prevState, defaultTime] : [defaultTime]));\n\n        if (typeof onAdd === 'function') {\n            onAdd(defaultTime, id);\n        }\n    }, [id, onAdd]);\n\n    const handleRemove = useCallback(\n        (timeId: string) => {\n            setNewTimes((prevState) => (prevState ?? []).filter((time) => time.id !== timeId));\n\n            if (typeof onRemove === 'function') {\n                onRemove(timeId);\n            }\n        },\n        [onRemove],\n    );\n\n    useEffect(() => {\n        const result: Time[] = [];\n\n        for (let i = 0; i < times.length; i++) {\n            const currentTime = times[i];\n            const prevTime = times[i - 1];\n\n            if (currentTime) {\n                const currStart = new Date(`2000-01-01T${currentTime.start}`);\n                const currEnd = new Date(`2000-01-01T${currentTime.end}`);\n\n                if (currStart >= currEnd) {\n                    result.push(currentTime);\n                }\n\n                if (prevTime) {\n                    const prevEnd = new Date(`2000-01-01T${prevTime.end}`);\n\n                    if (prevEnd > currStart) {\n                        result.push(prevTime, currentTime);\n                    }\n                }\n            }\n        }\n\n        const invalidTimeIds = result.map(({ id: invalidId }) => invalidId);\n\n        setInvalidTimes(invalidTimeIds);\n\n        if (typeof onInvalid === 'function') {\n            onInvalid(id, invalidTimeIds);\n        }\n    }, [id, onInvalid, times]);\n\n    const handleChange = useCallback(\n        (newTime: Time) => {\n            setNewTimes((prevState) => {\n                const updatedTimes = (prevState ?? []).map((time) => {\n                    if (time.id === newTime.id) {\n                        return newTime;\n                    }\n                    return time;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange(newTime);\n                }\n\n                return updatedTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newTimes) {\n            return items;\n        }\n\n        newTimes.forEach(({ end, start, id: timeId }, index) => {\n            if (!editMode) {\n                const text = isDisabled ? closedText : `${start} - ${end}`;\n\n                items.push(\n                    <StyledOpeningInputPreview key={`opening-times-preview__${id}.${timeId}`}>\n                        {text}\n                    </StyledOpeningInputPreview>,\n                );\n\n                return;\n            }\n\n            if (index > 1) {\n                return;\n            }\n\n            let buttonType = OpeningTimesButtonType.NONE;\n\n            if (index === 0 && times.length === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.ADD;\n            } else if (index === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.REMOVE;\n            }\n\n            items.push(\n                <OpeningInput\n                    key={`opening-times-input__${id}.${timeId}`}\n                    start={start}\n                    id={timeId}\n                    end={end}\n                    isDisabled={isDisabled}\n                    isInvalid={invalidTimes.includes(timeId)}\n                    buttonType={buttonType}\n                    onAdd={handleAdd}\n                    onChange={(time) => handleChange(time)}\n                    onRemove={() => handleRemove(timeId)}\n                />,\n            );\n        });\n\n        return items;\n    }, [\n        closedText,\n        editMode,\n        handleAdd,\n        handleChange,\n        handleRemove,\n        id,\n        invalidTimes,\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":"AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAA2B,OAAO;AAC/F,SAASC,EAAE,IAAIC,MAAM,QAAQ,MAAM;AACnC,SAASC,sBAAsB,QAAmB,6BAA6B;AAC/E,OAAOC,YAAY,MAAM,8BAA8B;AACvD,SAASC,yBAAyB,EAAEC,mBAAmB,QAAQ,wBAAwB;AAcvF,MAAMC,aAAqC,GAAGC,IAAA,IAUxC;EAAA,IAVyC;IAC3CC,KAAK;IACLC,UAAU;IACVC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,EAAE;IACFC,QAAQ;IACRC,QAAQ;IACRC;EACJ,CAAC,GAAAT,IAAA;EACG,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGnB,QAAQ,CAAS,CAAC;EAClD,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAW,EAAE,CAAC;EAE9DF,SAAS,CAAC,MAAM;IACZqB,WAAW,CAACV,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMa,SAAS,GAAGzB,WAAW,CAAC,MAAM;IAChC,MAAM0B,WAAiB,GAAG;MAAEC,KAAK,EAAE,OAAO;MAAEC,GAAG,EAAE,OAAO;MAAEX,EAAE,EAAEZ,MAAM,CAAC;IAAE,CAAC;IAExEiB,WAAW,CAAEO,SAAS,IAAMA,SAAS,GAAG,CAAC,GAAGA,SAAS,EAAEH,WAAW,CAAC,GAAG,CAACA,WAAW,CAAE,CAAC;IAErF,IAAI,OAAOX,KAAK,KAAK,UAAU,EAAE;MAC7BA,KAAK,CAACW,WAAW,EAAET,EAAE,CAAC;IAC1B;EACJ,CAAC,EAAE,CAACA,EAAE,EAAEF,KAAK,CAAC,CAAC;EAEf,MAAMe,YAAY,GAAG9B,WAAW,CAC3B+B,MAAc,IAAK;IAChBT,WAAW,CAAEO,SAAS,IAAK,CAACA,SAAS,IAAI,EAAE,EAAEG,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAAChB,EAAE,KAAKc,MAAM,CAAC,CAAC;IAElF,IAAI,OAAOjB,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACiB,MAAM,CAAC;IACpB;EACJ,CAAC,EACD,CAACjB,QAAQ,CACb,CAAC;EAEDb,SAAS,CAAC,MAAM;IACZ,MAAMiC,MAAc,GAAG,EAAE;IAEzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGvB,KAAK,CAACwB,MAAM,EAAED,CAAC,EAAE,EAAE;MACnC,MAAME,WAAW,GAAGzB,KAAK,CAACuB,CAAC,CAAC;MAC5B,MAAMG,QAAQ,GAAG1B,KAAK,CAACuB,CAAC,GAAG,CAAC,CAAC;MAE7B,IAAIE,WAAW,EAAE;QACb,MAAME,SAAS,GAAG,IAAIC,IAAI,CAAE,cAAaH,WAAW,CAACV,KAAM,EAAC,CAAC;QAC7D,MAAMc,OAAO,GAAG,IAAID,IAAI,CAAE,cAAaH,WAAW,CAACT,GAAI,EAAC,CAAC;QAEzD,IAAIW,SAAS,IAAIE,OAAO,EAAE;UACtBP,MAAM,CAACQ,IAAI,CAACL,WAAW,CAAC;QAC5B;QAEA,IAAIC,QAAQ,EAAE;UACV,MAAMK,OAAO,GAAG,IAAIH,IAAI,CAAE,cAAaF,QAAQ,CAACV,GAAI,EAAC,CAAC;UAEtD,IAAIe,OAAO,GAAGJ,SAAS,EAAE;YACrBL,MAAM,CAACQ,IAAI,CAACJ,QAAQ,EAAED,WAAW,CAAC;UACtC;QACJ;MACJ;IACJ;IAEA,MAAMO,cAAc,GAAGV,MAAM,CAACW,GAAG,CAACC,KAAA;MAAA,IAAC;QAAE7B,EAAE,EAAE8B;MAAU,CAAC,GAAAD,KAAA;MAAA,OAAKC,SAAS;IAAA,EAAC;IAEnEvB,eAAe,CAACoB,cAAc,CAAC;IAE/B,IAAI,OAAO5B,SAAS,KAAK,UAAU,EAAE;MACjCA,SAAS,CAACC,EAAE,EAAE2B,cAAc,CAAC;IACjC;EACJ,CAAC,EAAE,CAAC3B,EAAE,EAAED,SAAS,EAAEJ,KAAK,CAAC,CAAC;EAE1B,MAAMoC,YAAY,GAAGhD,WAAW,CAC3BiD,OAAa,IAAK;IACf3B,WAAW,CAAEO,SAAS,IAAK;MACvB,MAAMqB,YAAY,GAAG,CAACrB,SAAS,IAAI,EAAE,EAAEgB,GAAG,CAAEZ,IAAI,IAAK;QACjD,IAAIA,IAAI,CAAChB,EAAE,KAAKgC,OAAO,CAAChC,EAAE,EAAE;UACxB,OAAOgC,OAAO;QAClB;QACA,OAAOhB,IAAI;MACf,CAAC,CAAC;MAEF,IAAI,OAAOf,QAAQ,KAAK,UAAU,EAAE;QAChCA,QAAQ,CAAC+B,OAAO,CAAC;MACrB;MAEA,OAAOC,YAAY;IACvB,CAAC,CAAC;EACN,CAAC,EACD,CAAChC,QAAQ,CACb,CAAC;EAED,MAAMiC,OAAO,GAAGjD,OAAO,CAAC,MAAM;IAC1B,MAAMkD,KAAqB,GAAG,EAAE;IAEhC,IAAI,CAAC/B,QAAQ,EAAE;MACX,OAAO+B,KAAK;IAChB;IAEA/B,QAAQ,CAACgC,OAAO,CAAC,CAAAC,KAAA,EAA6BC,KAAK,KAAK;MAAA,IAAtC;QAAE3B,GAAG;QAAED,KAAK;QAAEV,EAAE,EAAEc;MAAO,CAAC,GAAAuB,KAAA;MACxC,IAAI,CAACnC,QAAQ,EAAE;QACX,MAAMqC,IAAI,GAAG3C,UAAU,GAAGO,UAAU,GAAI,GAAEO,KAAM,MAAKC,GAAI,EAAC;QAE1DwB,KAAK,CAACV,IAAI,eACN3C,KAAA,CAAA0D,aAAA,CAACjD,yBAAyB;UAACkD,GAAG,EAAG,0BAAyBzC,EAAG,IAAGc,MAAO;QAAE,GACpEyB,IACsB,CAC/B,CAAC;QAED;MACJ;MAEA,IAAID,KAAK,GAAG,CAAC,EAAE;QACX;MACJ;MAEA,IAAII,UAAU,GAAGrD,sBAAsB,CAACsD,IAAI;MAE5C,IAAIL,KAAK,KAAK,CAAC,IAAI3C,KAAK,CAACwB,MAAM,KAAK,CAAC,IAAI,CAACvB,UAAU,EAAE;QAClD8C,UAAU,GAAGrD,sBAAsB,CAACuD,GAAG;MAC3C,CAAC,MAAM,IAAIN,KAAK,KAAK,CAAC,IAAI,CAAC1C,UAAU,EAAE;QACnC8C,UAAU,GAAGrD,sBAAsB,CAACwD,MAAM;MAC9C;MAEAV,KAAK,CAACV,IAAI,eACN3C,KAAA,CAAA0D,aAAA,CAAClD,YAAY;QACTmD,GAAG,EAAG,wBAAuBzC,EAAG,IAAGc,MAAO,EAAE;QAC5CJ,KAAK,EAAEA,KAAM;QACbV,EAAE,EAAEc,MAAO;QACXH,GAAG,EAAEA,GAAI;QACTf,UAAU,EAAEA,UAAW;QACvBkD,SAAS,EAAExC,YAAY,CAACyC,QAAQ,CAACjC,MAAM,CAAE;QACzC4B,UAAU,EAAEA,UAAW;QACvB5C,KAAK,EAAEU,SAAU;QACjBP,QAAQ,EAAGe,IAAI,IAAKe,YAAY,CAACf,IAAI,CAAE;QACvCnB,QAAQ,EAAEA,CAAA,KAAMgB,YAAY,CAACC,MAAM;MAAE,CACxC,CACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAOqB,KAAK;EAChB,CAAC,EAAE,CACChC,UAAU,EACVD,QAAQ,EACRM,SAAS,EACTuB,YAAY,EACZlB,YAAY,EACZb,EAAE,EACFM,YAAY,EACZV,UAAU,EACVQ,QAAQ,EACRT,KAAK,CAACwB,MAAM,CACf,CAAC;EAEF,OAAOlC,OAAO,CACV,mBACIH,KAAA,CAAA0D,aAAA,CAAChD,mBAAmB,qBAChBV,KAAA,CAAA0D,aAAA,CAAC3D,eAAe;IAACmE,OAAO,EAAE;EAAM,GAAEd,OAAyB,CAC1C,CACxB,EACD,CAACA,OAAO,CACZ,CAAC;AACL,CAAC;AAEDzC,aAAa,CAACwD,WAAW,GAAG,eAAe;AAE3C,eAAexD,aAAa"}
+{"version":3,"file":"OpeningInputs.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useState","v4","uuidV4","OpeningTimesButtonType","OpeningInput","StyledOpeningInputPreview","StyledOpeningInputs","OpeningInputs","_ref","times","isDisabled","onRemove","onAdd","onInvalid","id","onChange","editMode","closedText","newTimes","setNewTimes","invalidTimes","setInvalidTimes","handleAdd","defaultTime","start","end","prevState","handleRemove","timeId","filter","time","result","i","length","currentTime","prevTime","currStart","Date","currEnd","push","prevEnd","invalidTimeIds","map","_ref2","invalidId","handleChange","newTime","updatedTimes","content","items","forEach","_ref3","index","text","createElement","key","buttonType","NONE","ADD","REMOVE","isInvalid","includes","animate","gap","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    onInvalid?: (openingTimeId: string, timeIds: string[]) => 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    onInvalid,\n    id,\n    onChange,\n    editMode,\n    closedText,\n}) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\n    const [invalidTimes, setInvalidTimes] = useState<string[]>([]);\n\n    useEffect(() => {\n        setNewTimes(times);\n    }, [times]);\n\n    const handleAdd = useCallback(() => {\n        const defaultTime: Time = { start: '08:00', end: '18:00', id: uuidV4() };\n\n        setNewTimes((prevState) => (prevState ? [...prevState, defaultTime] : [defaultTime]));\n\n        if (typeof onAdd === 'function') {\n            onAdd(defaultTime, id);\n        }\n    }, [id, onAdd]);\n\n    const handleRemove = useCallback(\n        (timeId: string) => {\n            setNewTimes((prevState) => (prevState ?? []).filter((time) => time.id !== timeId));\n\n            if (typeof onRemove === 'function') {\n                onRemove(timeId);\n            }\n        },\n        [onRemove],\n    );\n\n    useEffect(() => {\n        const result: Time[] = [];\n\n        for (let i = 0; i < times.length; i++) {\n            const currentTime = times[i];\n            const prevTime = times[i - 1];\n\n            if (currentTime) {\n                const currStart = new Date(`2000-01-01T${currentTime.start}`);\n                const currEnd = new Date(`2000-01-01T${currentTime.end}`);\n\n                if (currStart >= currEnd) {\n                    result.push(currentTime);\n                }\n\n                if (prevTime) {\n                    const prevEnd = new Date(`2000-01-01T${prevTime.end}`);\n\n                    if (prevEnd > currStart) {\n                        result.push(prevTime, currentTime);\n                    }\n                }\n            }\n        }\n\n        const invalidTimeIds = result.map(({ id: invalidId }) => invalidId);\n\n        setInvalidTimes(invalidTimeIds);\n\n        if (typeof onInvalid === 'function') {\n            onInvalid(id, invalidTimeIds);\n        }\n    }, [id, onInvalid, times]);\n\n    const handleChange = useCallback(\n        (newTime: Time) => {\n            setNewTimes((prevState) => {\n                const updatedTimes = (prevState ?? []).map((time) => {\n                    if (time.id === newTime.id) {\n                        return newTime;\n                    }\n                    return time;\n                });\n\n                if (typeof onChange === 'function') {\n                    onChange(newTime);\n                }\n\n                return updatedTimes;\n            });\n        },\n        [onChange],\n    );\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newTimes) {\n            return items;\n        }\n\n        newTimes.forEach(({ end, start, id: timeId }, index) => {\n            if (!editMode) {\n                const text = isDisabled ? closedText : `${start} - ${end}`;\n\n                items.push(\n                    <StyledOpeningInputPreview key={`opening-times-preview__${id}.${timeId}`}>\n                        {text}\n                    </StyledOpeningInputPreview>,\n                );\n\n                return;\n            }\n\n            if (index > 1) {\n                return;\n            }\n\n            let buttonType = OpeningTimesButtonType.NONE;\n\n            if (index === 0 && times.length === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.ADD;\n            } else if (index === 1 && !isDisabled) {\n                buttonType = OpeningTimesButtonType.REMOVE;\n            }\n\n            items.push(\n                <OpeningInput\n                    key={`opening-times-input__${id}.${timeId}`}\n                    start={start}\n                    id={timeId}\n                    end={end}\n                    isDisabled={isDisabled}\n                    isInvalid={invalidTimes.includes(timeId)}\n                    buttonType={buttonType}\n                    onAdd={handleAdd}\n                    onChange={(time) => handleChange(time)}\n                    onRemove={() => handleRemove(timeId)}\n                />,\n            );\n        });\n\n        return items;\n    }, [\n        closedText,\n        editMode,\n        handleAdd,\n        handleChange,\n        handleRemove,\n        id,\n        invalidTimes,\n        isDisabled,\n        newTimes,\n        times.length,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledOpeningInputs\n                key={`opening-inputs__${id}`}\n                animate={{ gap: newTimes && newTimes.length > 1 ? '8px' : 0 }}\n                initial={{ gap: 0 }}\n            >\n                <AnimatePresence initial={false}>{content}</AnimatePresence>\n            </StyledOpeningInputs>\n        ),\n        [content, id, newTimes],\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,3 +1,266 @@
 /// <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>>;
+/// <reference types="react" />
+export declare const StyledOpeningInputs: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
+    color?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "time" | "step" | "page" | "false" | "true" | "date" | "location" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, 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>>;

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

@@ -1,8 +1,9 @@
+import { motion } from 'framer-motion';
 import styled from 'styled-components';
-export const StyledOpeningInputs = styled.div`
+export const StyledOpeningInputs = styled(motion.div)`
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    //gap: 8px;
 `;
 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","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    gap: 8px;\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;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI,EAAC"}
+{"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"}

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

@@ -71,6 +71,10 @@ const OpeningInput = _ref => {
     exit: {
       opacity: 0,
       height: 0
+    },
+    transition: {
+      duration: 0.2,
+      type: 'tween'
     }
   }, /*#__PURE__*/React.createElement(StyledOpeningInputWrapper, null, /*#__PURE__*/React.createElement(NumberInput, {
     shouldShowOnlyBottomBorder: true,

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

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

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

@@ -4,6 +4,7 @@ export const StyledOpeningInput = styled(motion.div)`
     display: flex;
     align-items: center;
     gap: 6px;
+    overflow: hidden;
 `;
 export const StyledOpeningInputWrapper = styled.div`
     width: 60px;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/date",
-    "version": "5.0.0-beta.556",
+    "version": "5.0.0-beta.558",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -57,7 +57,7 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.556",
+        "@chayns-components/core": "^5.0.0-beta.558",
         "date-fns": "^2.30.0",
         "uuid": "^9.0.1"
     },
@@ -71,5 +71,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "9b9d068a0f9b9b39f5949ca45efd769145b34f5f"
+    "gitHead": "0a63c8bc92ed0fbd2e9bedcdf131f4ffda91a6c3"
 }