@chayns-components/date 5.0.0-beta.433

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

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@chayns-components/core");
+var _OpeningInputs = _interopRequireDefault(require("./opening-inputs/OpeningInputs"));
+var _OpeningTimes = require("./OpeningTimes.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningTimes = _ref => {
+  let {
+    openingTimes,
+    weekdays,
+    onChange,
+    onTimeAdd,
+    onTimeRemove
+  } = _ref;
+  const [newOpeningTimes, setNewOpeningTimes] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setNewOpeningTimes(openingTimes);
+  }, [openingTimes]);
+  const handleCheckBoxChange = (0, _react.useCallback)(id => {
+    setNewOpeningTimes(prevOpeningTimes => {
+      const updatedOpeningTimes = (prevOpeningTimes ?? []).map(openingTime => {
+        if (openingTime.id === id) {
+          return {
+            ...openingTime,
+            isDisabled: !openingTime.isDisabled
+          };
+        }
+        return openingTime;
+      });
+      if (typeof onChange === 'function') {
+        onChange({
+          enabledDays: updatedOpeningTimes.filter(item => !item.isDisabled).map(item => item.id)
+        });
+      }
+      return updatedOpeningTimes;
+    });
+  }, [onChange]);
+  const handleChange = (0, _react.useCallback)((newTime, id) => {
+    setNewOpeningTimes(prevOpeningTimes => {
+      const updatedOpeningTimes = (prevOpeningTimes ?? []).map(openingTime => {
+        if (openingTime.id === id) {
+          const newTimes = openingTime.times.map(time => {
+            if (time.id === newTime.id) {
+              return newTime;
+            }
+            return time;
+          });
+          return {
+            ...openingTime,
+            times: newTimes
+          };
+        }
+        return openingTime;
+      });
+      if (typeof onChange === 'function') {
+        onChange({
+          time: newTime
+        });
+      }
+      return updatedOpeningTimes;
+    });
+  }, [onChange]);
+  const handleAdd = (0, _react.useCallback)((time, id) => {
+    setNewOpeningTimes(prevOpeningTimes => (prevOpeningTimes ?? []).map(openingTime => {
+      if (openingTime.id === id) {
+        return {
+          ...openingTime,
+          times: [...openingTime.times, time]
+        };
+      }
+      return openingTime;
+    }));
+    if (typeof onTimeAdd === 'function') {
+      onTimeAdd({
+        dayId: id,
+        time
+      });
+    }
+  }, [onTimeAdd]);
+  const handleRemove = (0, _react.useCallback)(id => {
+    setNewOpeningTimes(prevOpeningTimes => (prevOpeningTimes ?? []).map(openingTime => {
+      const newTimes = openingTime.times.filter(time => time.id !== id);
+      return {
+        ...openingTime,
+        times: newTimes
+      };
+    }));
+    if (typeof onTimeRemove === 'function') {
+      onTimeRemove(id);
+    }
+  }, [onTimeRemove]);
+  const content = (0, _react.useMemo)(() => {
+    const items = [];
+    if (!newOpeningTimes) {
+      return items;
+    }
+    newOpeningTimes.forEach(_ref2 => {
+      let {
+        times,
+        id,
+        weekdayId,
+        isDisabled
+      } = _ref2;
+      const weekday = weekdays.find(weekDay => weekDay.id === weekdayId)?.name;
+      if (!weekday) {
+        return;
+      }
+      items.push( /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWrapper, {
+        key: `openingTimes__${id}`
+      }, /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
+        isChecked: !isDisabled,
+        onChange: () => handleCheckBoxChange(id)
+      }, weekday), /*#__PURE__*/_react.default.createElement(_OpeningInputs.default, {
+        id: id,
+        times: times,
+        isDisabled: isDisabled,
+        onChange: newTime => handleChange(newTime, id),
+        onRemove: handleRemove,
+        onAdd: handleAdd
+      })));
+    });
+    return items;
+  }, [handleAdd, handleChange, handleCheckBoxChange, handleRemove, newOpeningTimes, weekdays]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimes, null, content), [content]);
+};
+OpeningTimes.displayName = 'OpeningTimes';
+var _default = exports.default = OpeningTimes;
+//# sourceMappingURL=OpeningTimes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningTimes.js","names":["_react","_interopRequireWildcard","require","_core","_OpeningInputs","_interopRequireDefault","_OpeningTimes","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningTimes","_ref","openingTimes","weekdays","onChange","onTimeAdd","onTimeRemove","newOpeningTimes","setNewOpeningTimes","useState","useEffect","handleCheckBoxChange","useCallback","id","prevOpeningTimes","updatedOpeningTimes","map","openingTime","isDisabled","enabledDays","filter","item","handleChange","newTime","newTimes","times","time","handleAdd","dayId","handleRemove","content","useMemo","items","forEach","_ref2","weekdayId","weekday","find","weekDay","name","push","createElement","StyledOpeningTimesWrapper","key","Checkbox","isChecked","onRemove","onAdd","StyledOpeningTimes","displayName","_default","exports"],"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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"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { WithTheme } from '@chayns-components/core';
+type StyledSliderButtonProps = WithTheme<{
+    isDisabled?: boolean;
+}>;
+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 {};

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningTimesWrapper = exports.StyledOpeningTimes = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledOpeningTimes = exports.StyledOpeningTimes = _styledComponents.default.div`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+`;
+const StyledOpeningTimesWrapper = exports.StyledOpeningTimesWrapper = _styledComponents.default.div`
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+`;
+//# sourceMappingURL=OpeningTimes.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningTimes.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningTimes","exports","styled","div","StyledOpeningTimesWrapper"],"sources":["../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\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":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA;AACA;AACA,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+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;
+    id: string;
+};
+declare const OpeningInputs: FC<OpeningInputsProps>;
+export default OpeningInputs;

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _framerMotion = require("framer-motion");
+var _react = _interopRequireWildcard(require("react"));
+var _uuid = require("uuid");
+var _openingTimes = require("../../../types/openingTimes");
+var _OpeningInput = _interopRequireDefault(require("./opening-input/OpeningInput"));
+var _OpeningInputs = require("./OpeningInputs.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningInputs = _ref => {
+  let {
+    times,
+    isDisabled,
+    onRemove,
+    onAdd,
+    id,
+    onChange
+  } = _ref;
+  const [newTimes, setNewTimes] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setNewTimes(times);
+  }, [times]);
+  const handleAdd = (0, _react.useCallback)(() => {
+    const defaultTime = {
+      start: '08:00',
+      end: '18:00',
+      id: (0, _uuid.v4)()
+    };
+    setNewTimes(prevState => prevState ? [...prevState, defaultTime] : [defaultTime]);
+    onAdd(defaultTime, id);
+  }, [id, onAdd]);
+  const handleRemove = (0, _react.useCallback)(timeId => {
+    setNewTimes(prevState => (prevState ?? []).filter(time => time.id !== timeId));
+    onRemove(timeId);
+  }, [onRemove]);
+  const handleChange = (0, _react.useCallback)(newTime => {
+    setNewTimes(prevState => {
+      const updatedTimes = (prevState ?? []).map(time => {
+        if (time.id === newTime.id) {
+          return newTime;
+        }
+        return time;
+      });
+      onChange(newTime);
+      return updatedTimes;
+    });
+  }, [onChange]);
+  const content = (0, _react.useMemo)(() => {
+    const items = [];
+    if (!newTimes) {
+      return items;
+    }
+    newTimes.forEach((_ref2, index) => {
+      let {
+        end,
+        start,
+        id: timeId
+      } = _ref2;
+      if (index > 1) {
+        return;
+      }
+      let buttonType = _openingTimes.OpeningTimesButtonType.NONE;
+      if (index === 0 && times.length === 1 && !isDisabled) {
+        buttonType = _openingTimes.OpeningTimesButtonType.ADD;
+      } else if (index === 1 && !isDisabled) {
+        buttonType = _openingTimes.OpeningTimesButtonType.REMOVE;
+      }
+      items.push( /*#__PURE__*/_react.default.createElement(_OpeningInput.default, {
+        key: `opening-times-input__${id}.${timeId}`,
+        start: start,
+        id: timeId,
+        end: end,
+        isDisabled: isDisabled,
+        buttonType: buttonType,
+        onAdd: handleAdd,
+        onChange: time => handleChange(time),
+        onRemove: () => handleRemove(timeId)
+      }));
+    });
+    return items;
+  }, [handleAdd, handleChange, handleRemove, id, isDisabled, newTimes, times.length]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInputs.StyledOpeningInputs, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, content)), [content]);
+};
+OpeningInputs.displayName = 'OpeningInputs';
+var _default = exports.default = OpeningInputs;
+//# sourceMappingURL=OpeningInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInputs.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_openingTimes","_OpeningInput","_interopRequireDefault","_OpeningInputs","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInputs","_ref","times","isDisabled","onRemove","onAdd","id","onChange","newTimes","setNewTimes","useState","useEffect","handleAdd","useCallback","defaultTime","start","end","uuidV4","prevState","handleRemove","timeId","filter","time","handleChange","newTime","updatedTimes","map","content","useMemo","items","forEach","_ref2","index","buttonType","OpeningTimesButtonType","NONE","length","ADD","REMOVE","push","createElement","key","StyledOpeningInputs","AnimatePresence","initial","displayName","_default","exports"],"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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"}

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

@@ -0,0 +1,2 @@
+/// <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>>;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningInputs = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledOpeningInputs = exports.StyledOpeningInputs = _styledComponents.default.div`
+    display: flex;
+    flex-direction: column;
+`;
+//# sourceMappingURL=OpeningInputs.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInputs.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningInputs","exports","styled","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC9C;AACA;AACA,CAAC"}

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';
+export type OpeningInputProps = {
+    start: Time['start'];
+    end: Time['end'];
+    isDisabled?: boolean;
+    id: string;
+    buttonType: OpeningTimesButtonType;
+    onAdd: () => void;
+    onRemove: () => void;
+    onChange: (time: Time) => void;
+};
+declare const OpeningInput: FC<OpeningInputProps>;
+export default OpeningInput;

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

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _openingTimes = require("../../../../types/openingTimes");
+var _core = require("@chayns-components/core");
+var _OpeningInput = require("./OpeningInput.styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningInput = _ref => {
+  let {
+    end,
+    start,
+    isDisabled,
+    buttonType,
+    onRemove,
+    onAdd,
+    onChange,
+    id
+  } = _ref;
+  const [startTime, setStartTime] = (0, _react.useState)(start);
+  const [endTime, setEndTime] = (0, _react.useState)(end);
+  const button = (0, _react.useMemo)(() => {
+    switch (buttonType) {
+      case _openingTimes.OpeningTimesButtonType.ADD:
+        return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputButtonWrapper, {
+          onClick: onAdd
+        }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+          icons: ['ts-plus'],
+          size: 15
+        }));
+      case _openingTimes.OpeningTimesButtonType.REMOVE:
+        return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputButtonWrapper, {
+          onClick: onRemove
+        }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+          icons: ['ts-wrong'],
+          size: 15
+        }));
+      default:
+        return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputPseudoButton, null);
+    }
+  }, [buttonType, onAdd, onRemove]);
+  const handleStartTimeBlur = (0, _react.useCallback)((value, isInvalid) => {
+    if (isInvalid || typeof value === 'number' || !value) {
+      return;
+    }
+    setStartTime(value);
+    onChange({
+      end: endTime,
+      start: value,
+      id
+    });
+  }, [endTime, id, onChange]);
+  const handleEndTimeBlur = (0, _react.useCallback)((value, isInvalid) => {
+    if (isInvalid || typeof value === 'number' || !value) {
+      return;
+    }
+    setEndTime(value);
+    onChange({
+      end: value,
+      start: startTime,
+      id
+    });
+  }, [id, onChange, startTime]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInput, {
+    key: id,
+    animate: {
+      opacity: 1,
+      height: 'auto'
+    },
+    initial: {
+      opacity: 0,
+      height: 0
+    },
+    exit: {
+      opacity: 0,
+      height: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputWrapper, null, /*#__PURE__*/_react.default.createElement(_core.NumberInput, {
+    shouldShowOnlyBottomBorder: true,
+    isTimeInput: true,
+    value: startTime,
+    onBlur: handleStartTimeBlur,
+    isDisabled: isDisabled
+  })), /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputText, {
+    isDisabled: isDisabled
+  }, "-"), /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputWrapper, null, /*#__PURE__*/_react.default.createElement(_core.NumberInput, {
+    shouldShowOnlyBottomBorder: true,
+    isTimeInput: true,
+    value: endTime,
+    onBlur: handleEndTimeBlur,
+    isDisabled: isDisabled
+  })), button), [button, endTime, handleEndTimeBlur, handleStartTimeBlur, id, isDisabled, startTime]);
+};
+OpeningInput.displayName = 'OpeningInput';
+var _default = exports.default = OpeningInput;
+//# sourceMappingURL=OpeningInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInput.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_core","_OpeningInput","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInput","_ref","end","start","isDisabled","buttonType","onRemove","onAdd","onChange","id","startTime","setStartTime","useState","endTime","setEndTime","button","useMemo","OpeningTimesButtonType","ADD","createElement","StyledOpeningInputButtonWrapper","onClick","Icon","icons","size","REMOVE","StyledOpeningInputPseudoButton","handleStartTimeBlur","useCallback","value","isInvalid","handleEndTimeBlur","StyledOpeningInput","key","animate","opacity","height","initial","exit","StyledOpeningInputWrapper","NumberInput","shouldShowOnlyBottomBorder","isTimeInput","onBlur","StyledOpeningInputText","displayName","_default","exports"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport { Icon, NumberInput } from '@chayns-components/core';\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    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    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, isInvalid: boolean) => {\n            if (isInvalid || 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, isInvalid: boolean) => {\n            if (isInvalid || 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                        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                        value={endTime}\n                        onBlur={handleEndTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                {button}\n            </StyledOpeningInput>\n        ),\n        [button, endTime, handleEndTimeBlur, handleStartTimeBlur, id, isDisabled, startTime],\n    );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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"}