@chayns-components/date 5.0.0-beta.1000

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _WeekdayWrapper = require("./WeekdayWrapper.styles");
+var _Weekday = _interopRequireDefault(require("./weekday/Weekday"));
+var _date = require("../../../../../utils/date");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 && {}.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 WeekdayWrapper = ({
+  locale
+}) => {
+  const monday = (0, _date.startOfWeek)(new Date());
+  const sunday = (0, _date.endOfWeek)(new Date());
+  const weekdays = (0, _date.eachDayOfInterval)({
+    start: monday,
+    end: sunday
+  });
+  const weekdayElements = (0, _react.useMemo)(() => {
+    const items = [];
+    weekdays.forEach(day => {
+      const options = {
+        weekday: 'short'
+      };
+      const formatter = new Intl.DateTimeFormat(locale, options);
+      const formattedDay = formatter.format(day);
+      items.push(/*#__PURE__*/_react.default.createElement(_Weekday.default, {
+        key: `weekday-${formattedDay}`,
+        name: formattedDay
+      }));
+    });
+    return items;
+  }, [locale, weekdays]);
+  return /*#__PURE__*/_react.default.createElement(_WeekdayWrapper.StyledWeekdayWrapper, null, weekdayElements);
+};
+WeekdayWrapper.displayName = 'WeekdayWrapper';
+var _default = exports.default = WeekdayWrapper;
+//# sourceMappingURL=WeekdayWrapper.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdayWrapper.js","names":["_react","_interopRequireWildcard","require","_WeekdayWrapper","_Weekday","_interopRequireDefault","_date","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WeekdayWrapper","locale","monday","startOfWeek","Date","sunday","endOfWeek","weekdays","eachDayOfInterval","start","end","weekdayElements","useMemo","items","forEach","day","options","weekday","formatter","Intl","DateTimeFormat","formattedDay","format","push","createElement","key","name","StyledWeekdayWrapper","displayName","_default","exports"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useMemo } from 'react';\nimport { StyledWeekdayWrapper } from './WeekdayWrapper.styles';\nimport Weekday from './weekday/Weekday';\nimport {Language} from \"chayns-api\";\nimport {eachDayOfInterval, endOfWeek, startOfWeek} from \"../../../../../utils/date\";\n\nexport type WeekdayWrapperProps = {\n    locale?: Language;\n};\n\nconst WeekdayWrapper: FC<WeekdayWrapperProps> = ({ locale }) => {\n    const monday = startOfWeek(new Date());\n    const sunday = endOfWeek(new Date());\n    const weekdays = eachDayOfInterval({ start: monday, end: sunday });\n\n    const weekdayElements = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        weekdays.forEach((day) => {\n            const options: Intl.DateTimeFormatOptions = { weekday: 'short' };\n            const formatter = new Intl.DateTimeFormat(locale, options);\n            const formattedDay = formatter.format(day);\n\n            items.push(<Weekday key={`weekday-${formattedDay}`} name={formattedDay} />);\n        });\n\n        return items;\n    }, [locale, weekdays]);\n\n    return <StyledWeekdayWrapper>{weekdayElements}</StyledWeekdayWrapper>;\n};\n\nWeekdayWrapper.displayName = 'WeekdayWrapper';\n\nexport default WeekdayWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledWeekdayWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledWeekdayWrapper = exports.StyledWeekdayWrapper = _styledComponents.default.div`
+    display: grid;
+    grid-template-rows: repeat(1, 1fr);
+    grid-template-columns: repeat(7, 1fr);
+    padding-top: 6px;
+    margin: 0 15px;
+`;
+//# sourceMappingURL=WeekdayWrapper.styles.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdayWrapper.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledWeekdayWrapper","exports","styled","div"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledWeekdayWrapper = styled.div`\n    display: grid;\n    grid-template-rows: repeat(1, 1fr);\n    grid-template-columns: repeat(7, 1fr);\n    padding-top: 6px;\n    margin: 0 15px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC9C;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Weekday = require("./Weekday.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Weekday = ({
+  name
+}) => /*#__PURE__*/_react.default.createElement(_Weekday.StyledWeekday, null, name);
+Weekday.displayName = 'Weekday';
+var _default = exports.default = Weekday;
+//# sourceMappingURL=Weekday.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Weekday.js","names":["_react","_interopRequireDefault","require","_Weekday","e","__esModule","default","Weekday","name","createElement","StyledWeekday","displayName","_default","exports"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledWeekday } from './Weekday.styles';\n\nexport type WeekdayProps = {\n    name: string;\n};\n\nconst Weekday: FC<WeekdayProps> = ({ name }) => <StyledWeekday>{name}</StyledWeekday>;\n\nWeekday.displayName = 'Weekday';\n\nexport default Weekday;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMjD,MAAMG,OAAyB,GAAGA,CAAC;EAAEC;AAAK,CAAC,kBAAKR,MAAA,CAAAM,OAAA,CAAAG,aAAA,CAACN,QAAA,CAAAO,aAAa,QAAEF,IAAoB,CAAC;AAErFD,OAAO,CAACI,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEjBC,OAAO","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledWeekday = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledWeekday = exports.StyledWeekday = _styledComponents.default.div`
+    color: ${({
+  theme
+}) => theme.headline};
+    cursor: default;
+    font-size: 90%;
+    text-align: center;
+`;
+//# sourceMappingURL=Weekday.styles.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Weekday.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledWeekday","exports","styled","div","theme","headline"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledWeekdayProps = WithTheme<unknown>;\n\nexport const StyledWeekday = styled.div<StyledWeekdayProps>`\n    color: ${({ theme }: StyledWeekdayProps) => theme.headline};\n    cursor: default;\n    font-size: 90%;\n    text-align: center;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAuB;AAC3D,aAAa,CAAC;EAAEC;AAA0B,CAAC,KAAKA,KAAK,CAACC,QAAQ;AAC9D;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/calendar/month-year-pickers/MonthYearPickers.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MonthYearPickerType = void 0;
+var _core = require("@chayns-components/core");
+var _react = _interopRequireWildcard(require("react"));
+var _calendar = require("../../../utils/calendar");
+var _Month = require("../month-wrapper/month/Month.styles");
+var _date = require("../../../utils/date");
+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 && {}.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; }
+let MonthYearPickerType = exports.MonthYearPickerType = /*#__PURE__*/function (MonthYearPickerType) {
+  MonthYearPickerType["Month"] = "month";
+  MonthYearPickerType["Year"] = "year";
+  return MonthYearPickerType;
+}({});
+const MonthYearPickers = ({
+  month,
+  year,
+  locale,
+  minDate,
+  maxDate,
+  setCurrentDate,
+  displayIndex = 0,
+  showMonthYearPickers
+}) => {
+  const [currentYear] = (0, _react.useState)(new Date().getFullYear());
+  const months = (0, _react.useMemo)(() => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(tempMonth => ({
+    text: (0, _calendar.formatMonth)({
+      month: tempMonth,
+      locale
+    }),
+    value: tempMonth
+  })), [locale]);
+  const hasMultipleMonths = (0, _react.useMemo)(() => (0, _date.differenceInCalendarMonths)(maxDate, minDate) > 0, [minDate, maxDate]);
+  const years = (0, _react.useMemo)(() => (0, _calendar.getYearsBetween)(minDate, maxDate).map(tempYear => ({
+    text: tempYear.toString(),
+    value: tempYear
+  })), [minDate, maxDate]);
+  const hasMultipleYears = (0, _react.useMemo)(() => years.length > 1, [years]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showMonthYearPickers && hasMultipleMonths ? /*#__PURE__*/_react.default.createElement(_core.ComboBox, {
+    onSelect: selectedItem => {
+      const tempSelectedDate = (0, _calendar.isDateInRange)({
+        minDate,
+        maxDate,
+        currentDate: new Date(year, selectedItem.value - 1 - displayIndex, 1)
+      });
+      setCurrentDate(tempSelectedDate);
+    },
+    lists: [{
+      list: months
+    }],
+    selectedItem: {
+      text: (0, _calendar.formatMonth)({
+        month,
+        locale
+      }),
+      value: month
+    },
+    placeholder: ""
+  }) : /*#__PURE__*/_react.default.createElement(_Month.StyledMonthName, null, (0, _calendar.formatMonth)({
+    locale,
+    month
+  })), showMonthYearPickers && hasMultipleYears ? /*#__PURE__*/_react.default.createElement(_core.ComboBox, {
+    onSelect: selectedItem => {
+      const tempSelectedDate = (0, _calendar.isDateInRange)({
+        minDate,
+        maxDate,
+        currentDate: new Date(selectedItem.value, month - 1 - displayIndex, 1)
+      });
+      setCurrentDate(tempSelectedDate);
+    },
+    lists: [{
+      list: years
+    }],
+    selectedItem: {
+      text: year.toString(),
+      value: year
+    },
+    placeholder: ""
+  }) : /*#__PURE__*/_react.default.createElement(_Month.StyledMonthName, null, currentYear !== year ? year : ''));
+};
+var _default = exports.default = MonthYearPickers;
+//# sourceMappingURL=MonthYearPickers.js.map

package/lib/cjs/components/calendar/month-year-pickers/MonthYearPickers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthYearPickers.js","names":["_core","require","_react","_interopRequireWildcard","_calendar","_Month","_date","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthYearPickerType","exports","MonthYearPickers","month","year","locale","minDate","maxDate","setCurrentDate","displayIndex","showMonthYearPickers","currentYear","useState","Date","getFullYear","months","useMemo","map","tempMonth","text","formatMonth","value","hasMultipleMonths","differenceInCalendarMonths","years","getYearsBetween","tempYear","toString","hasMultipleYears","length","createElement","Fragment","ComboBox","onSelect","selectedItem","tempSelectedDate","isDateInRange","currentDate","lists","list","placeholder","StyledMonthName","_default"],"sources":["../../../../../src/components/calendar/month-year-pickers/MonthYearPickers.tsx"],"sourcesContent":["import { ComboBox } from '@chayns-components/core';\nimport React, { FC, useMemo, useState } from 'react';\nimport { EMonth } from '../../../types/calendar';\nimport { formatMonth, getYearsBetween, isDateInRange } from '../../../utils/calendar';\nimport { StyledMonthName } from '../month-wrapper/month/Month.styles';\nimport {Language} from \"chayns-api\";\nimport {differenceInCalendarMonths} from \"../../../utils/date\";\n\nexport enum MonthYearPickerType {\n    Month = 'month',\n    Year = 'year',\n}\n\ntype MonthYearPickerProps = {\n    month: EMonth;\n    year: number;\n    locale: Language;\n    minDate: Date;\n    maxDate: Date;\n    setCurrentDate: (date: Date) => void;\n    displayIndex?: number;\n    showMonthYearPickers: boolean;\n};\n\nconst MonthYearPickers: FC<MonthYearPickerProps> = ({\n    month,\n    year,\n    locale,\n    minDate,\n    maxDate,\n    setCurrentDate,\n    displayIndex = 0,\n    showMonthYearPickers,\n}) => {\n    const [currentYear] = useState(new Date().getFullYear());\n\n    const months = useMemo(\n        () =>\n            [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((tempMonth) => ({\n                text: formatMonth({ month: tempMonth, locale }),\n                value: tempMonth,\n            })),\n        [locale],\n    );\n\n    const hasMultipleMonths = useMemo(\n        () => differenceInCalendarMonths(maxDate, minDate) > 0,\n        [minDate, maxDate],\n    );\n\n    const years = useMemo(\n        () =>\n            getYearsBetween(minDate, maxDate).map((tempYear) => ({\n                text: tempYear.toString(),\n                value: tempYear,\n            })),\n        [minDate, maxDate],\n    );\n\n    const hasMultipleYears = useMemo(() => years.length > 1, [years]);\n\n    return (\n        <>\n            {showMonthYearPickers && hasMultipleMonths ? (\n                <ComboBox\n                    onSelect={(selectedItem) => {\n                        const tempSelectedDate = isDateInRange({\n                            minDate,\n                            maxDate,\n                            currentDate: new Date(\n                                year,\n                                (selectedItem.value as number) - 1 - displayIndex,\n                                1,\n                            ),\n                        });\n\n                        setCurrentDate(tempSelectedDate);\n                    }}\n                    lists={[\n                        {\n                            list: months,\n                        },\n                    ]}\n                    selectedItem={{\n                        text: formatMonth({ month, locale }),\n                        value: month,\n                    }}\n                    placeholder=\"\"\n                />\n            ) : (\n                <StyledMonthName>{formatMonth({ locale, month })}</StyledMonthName>\n            )}\n            {showMonthYearPickers && hasMultipleYears ? (\n                <ComboBox\n                    onSelect={(selectedItem) => {\n                        const tempSelectedDate = isDateInRange({\n                            minDate,\n                            maxDate,\n                            currentDate: new Date(\n                                selectedItem.value as number,\n                                month - 1 - displayIndex,\n                                1,\n                            ),\n                        });\n\n                        setCurrentDate(tempSelectedDate);\n                    }}\n                    lists={[\n                        {\n                            list: years,\n                        },\n                    ]}\n                    selectedItem={{\n                        text: year.toString(),\n                        value: year,\n                    }}\n                    placeholder=\"\"\n                />\n            ) : (\n                <StyledMonthName>{currentYear !== year ? year : ''}</StyledMonthName>\n            )}\n        </>\n    );\n};\n\nexport default MonthYearPickers;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/date-info/DateInfo.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useDateInfo = require("../../hooks/useDateInfo");
+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 && {}.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 DateInfo = ({
+  date,
+  preText = '',
+  shouldShowYear,
+  shouldShowTime,
+  shouldShowRelativeDayOfWeek,
+  shouldUseShortText,
+  shouldShowDayOfWeek,
+  shouldShowDateToNowDifference
+}) => {
+  const formattedDate = (0, _useDateInfo.useDateInfo)({
+    date,
+    preText,
+    shouldShowYear,
+    shouldShowTime,
+    shouldUseShortText,
+    shouldShowDayOfWeek,
+    shouldShowRelativeDayOfWeek,
+    shouldShowDateToNowDifference
+  });
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("span", null, formattedDate), [formattedDate]);
+};
+DateInfo.displayName = 'DateInfo';
+var _default = exports.default = DateInfo;
+//# sourceMappingURL=DateInfo.js.map

package/lib/cjs/components/date-info/DateInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInfo.js","names":["_react","_interopRequireWildcard","require","_useDateInfo","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateInfo","date","preText","shouldShowYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","formattedDate","useDateInfo","useMemo","createElement","displayName","_default","exports"],"sources":["../../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { useDateInfo } from '../../hooks/useDateInfo';\nimport { UseDateInfoOptions } from '../../types/dateinfo';\n\nexport type DateInfoProps = UseDateInfoOptions;\n\nconst DateInfo: FC<DateInfoProps> = ({\n    date,\n    preText = '',\n    shouldShowYear,\n    shouldShowTime,\n    shouldShowRelativeDayOfWeek,\n    shouldUseShortText,\n    shouldShowDayOfWeek,\n    shouldShowDateToNowDifference,\n}) => {\n    const formattedDate = useDateInfo({\n        date,\n        preText,\n        shouldShowYear,\n        shouldShowTime,\n        shouldUseShortText,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowDateToNowDifference,\n    });\n\n    return useMemo(() => <span>{formattedDate}</span>, [formattedDate]);\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAKtD,MAAMW,QAA2B,GAAGA,CAAC;EACjCC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC,cAAc;EACdC,cAAc;EACdC,2BAA2B;EAC3BC,kBAAkB;EAClBC,mBAAmB;EACnBC;AACJ,CAAC,KAAK;EACF,MAAMC,aAAa,GAAG,IAAAC,wBAAW,EAAC;IAC9BT,IAAI;IACJC,OAAO;IACPC,cAAc;IACdC,cAAc;IACdE,kBAAkB;IAClBC,mBAAmB;IACnBF,2BAA2B;IAC3BG;EACJ,CAAC,CAAC;EAEF,OAAO,IAAAG,cAAO,EAAC,mBAAMnC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,eAAOH,aAAoB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;AACvE,CAAC;AAEDT,QAAQ,CAACa,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEnBc,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _react = _interopRequireWildcard(require("react"));
+var _openingTimes = require("../../types/openingTimes");
+var _HintText = _interopRequireDefault(require("./hint-text/HintText"));
+var _OpeningInputs = _interopRequireDefault(require("./opening-inputs/OpeningInputs"));
+var _OpeningTimes = require("./OpeningTimes.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 && {}.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 = ({
+  closedText = 'closed',
+  currentDayId,
+  editMode = false,
+  hintText,
+  hintTextPosition = _openingTimes.HintTextPosition.Bottom,
+  openingTimes,
+  weekdays,
+  onChange,
+  onTimeAdd,
+  onTimeRemove,
+  shouldNotValidate = false
+}) => {
+  const [newOpeningTimes, setNewOpeningTimes] = (0, _react.useState)();
+  const [invalidOpeningTimes, setInvalidOpeningTimes] = (0, _react.useState)([]);
+  const [isPopupOpen, setIsPopupOpen] = (0, _react.useState)(false);
+  const ref = (0, _react.useRef)(null);
+  const popupRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    setNewOpeningTimes(openingTimes);
+  }, [openingTimes]);
+  const validateTime = (0, _react.useCallback)((newTime, dayId) => {
+    var _newOpeningTimes$find;
+    if (newTime.start === newTime.end) {
+      return false;
+    }
+    const dayTimes = (newOpeningTimes === null || newOpeningTimes === void 0 || (_newOpeningTimes$find = newOpeningTimes.find(day => day.id === dayId)) === null || _newOpeningTimes$find === void 0 ? void 0 : _newOpeningTimes$find.times) || [];
+    return dayTimes.every(time => time.id === newTime.id || newTime.end <= time.start || newTime.start >= time.end);
+  }, [newOpeningTimes]);
+  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) => {
+    const isValid = shouldNotValidate || validateTime(newTime, id);
+    if (!isValid) {
+      return;
+    }
+    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;
+      });
+      const changedOpeningTime = updatedOpeningTimes.find(updatedOpeningTime => updatedOpeningTime.id === id);
+      if (isValid && typeof onChange === 'function') {
+        onChange({
+          dayId: changedOpeningTime === null || changedOpeningTime === void 0 ? void 0 : changedOpeningTime.id,
+          time: newTime
+        });
+      }
+      return updatedOpeningTimes;
+    });
+  }, [onChange, shouldNotValidate, validateTime]);
+  const handleAdd = (0, _react.useCallback)((time, id) => {
+    const isValid = shouldNotValidate || validateTime(time, id);
+    if (isValid && typeof onTimeAdd === 'function') {
+      onTimeAdd({
+        time,
+        dayId: id
+      });
+    }
+    setNewOpeningTimes(prevOpeningTimes => (prevOpeningTimes ?? []).map(openingTime => {
+      if (openingTime.id === id) {
+        return {
+          ...openingTime,
+          times: [...openingTime.times, time]
+        };
+      }
+      return openingTime;
+    }));
+  }, [onTimeAdd, shouldNotValidate, validateTime]);
+  const handleUpdateInvalidIds = (0, _react.useCallback)((openingTimeId, invalidTimeIds) => {
+    setInvalidOpeningTimes(prevState => {
+      const updatedInvalidOpeningTimes = prevState.map(invalidOpeningTime => {
+        if (invalidOpeningTime.openingTimeId === openingTimeId) {
+          return {
+            openingTimeId,
+            invalidTimeIds
+          };
+        }
+        return invalidOpeningTime;
+      });
+      if (!updatedInvalidOpeningTimes.some(({
+        openingTimeId: updatedInvalidOpeningId
+      }) => updatedInvalidOpeningId === openingTimeId) && invalidTimeIds.length > 0) {
+        updatedInvalidOpeningTimes.push({
+          openingTimeId,
+          invalidTimeIds
+        });
+      }
+      return updatedInvalidOpeningTimes.filter(updatedInvalidOpeningTime => updatedInvalidOpeningTime.invalidTimeIds.length !== 0);
+    });
+  }, []);
+  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(({
+      times,
+      id,
+      weekdayId,
+      isDisabled
+    }) => {
+      var _weekdays$find;
+      const weekday = (_weekdays$find = weekdays.find(weekDay => weekDay.id === weekdayId)) === null || _weekdays$find === void 0 ? void 0 : _weekdays$find.name;
+      if (!weekday) {
+        return;
+      }
+      items.push(/*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWrapper, {
+        key: `openingTimes__${id}`
+      }, editMode ? /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
+        isChecked: !isDisabled,
+        onChange: () => handleCheckBoxChange(id)
+      }, weekday) : /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWeekDay, null, weekday), /*#__PURE__*/_react.default.createElement(_OpeningInputs.default, {
+        closedText: closedText,
+        currentDayId: currentDayId,
+        id: id,
+        times: times,
+        isDisabled: isDisabled,
+        onInvalid: handleUpdateInvalidIds,
+        onChange: newTime => handleChange(newTime, id),
+        onRemove: handleRemove,
+        onAdd: handleAdd,
+        editMode: editMode
+      })));
+    });
+    return items;
+  }, [closedText, currentDayId, editMode, handleAdd, handleChange, handleCheckBoxChange, handleRemove, handleUpdateInvalidIds, newOpeningTimes, weekdays]);
+  const size = (0, _core.useElementSize)(ref);
+  const hidePopup = (0, _react.useCallback)(() => {
+    var _popupRef$current;
+    setIsPopupOpen(false);
+    (_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 || _popupRef$current.hide();
+  }, []);
+  const showPopup = (0, _react.useCallback)(() => {
+    var _popupRef$current2;
+    setIsPopupOpen(true);
+    (_popupRef$current2 = popupRef.current) === null || _popupRef$current2 === void 0 || _popupRef$current2.show();
+  }, []);
+  const displayedContent = (0, _react.useMemo)(() => {
+    var _weekdays$find2;
+    if (!currentDayId || editMode) {
+      return content;
+    }
+    const singleDay = newOpeningTimes === null || newOpeningTimes === void 0 ? void 0 : newOpeningTimes.find(({
+      id
+    }) => id === currentDayId);
+    if (!singleDay) {
+      return content;
+    }
+    const {
+      id,
+      times,
+      weekdayId
+    } = singleDay;
+    const weekday = (_weekdays$find2 = weekdays.find(weekDay => weekDay.id === weekdayId)) === null || _weekdays$find2 === void 0 ? void 0 : _weekdays$find2.name;
+    return /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWrapper, {
+      key: `currentDay__${currentDayId}`,
+      style: size && {
+        width: size.width
+      },
+      onMouseEnter: showPopup,
+      onMouseLeave: hidePopup,
+      onClick: () => isPopupOpen ? hidePopup() : showPopup()
+    }, /*#__PURE__*/_react.default.createElement(_core.Popup, {
+      onShow: () => setIsPopupOpen(true),
+      onHide: () => setIsPopupOpen(false),
+      ref: popupRef,
+      content: /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesTooltipContent, {
+        key: "opening-time-tooltip"
+      }, content)
+    }, /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWeekDay, null, weekday)), /*#__PURE__*/_react.default.createElement(_OpeningInputs.default, {
+      closedText: closedText,
+      currentDayId: currentDayId,
+      onInvalid: handleUpdateInvalidIds,
+      id: id,
+      times: times,
+      editMode: editMode
+    }));
+  }, [currentDayId, editMode, newOpeningTimes, weekdays, size, showPopup, hidePopup, content, closedText, handleUpdateInvalidIds, isPopupOpen]);
+  const shouldShowHint = (0, _react.useMemo)(() => invalidOpeningTimes.length > 0, [invalidOpeningTimes.length]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimes, {
+    ref: ref
+  }, shouldShowHint && hintText && hintTextPosition === _openingTimes.HintTextPosition.Top && /*#__PURE__*/_react.default.createElement(_HintText.default, {
+    text: hintText
+  }), displayedContent, shouldShowHint && hintText && hintTextPosition === _openingTimes.HintTextPosition.Bottom && /*#__PURE__*/_react.default.createElement(_HintText.default, {
+    text: hintText
+  })), [displayedContent, hintText, hintTextPosition, shouldShowHint]);
+};
+OpeningTimes.displayName = 'OpeningTimes';
+var _default = exports.default = OpeningTimes;
+//# sourceMappingURL=OpeningTimes.js.map

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningTimesWrapper = exports.StyledOpeningTimesWeekDay = exports.StyledOpeningTimesTooltipContent = exports.StyledOpeningTimes = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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;
+    min-width: 300px;
+`;
+const StyledOpeningTimesTooltipContent = exports.StyledOpeningTimesTooltipContent = _styledComponents.default.div`
+    padding: 8px;
+`;
+const StyledOpeningTimesWeekDay = exports.StyledOpeningTimesWeekDay = _styledComponents.default.div`
+    color: ${({
+  theme
+}) => theme.text};
+`;
+//# sourceMappingURL=OpeningTimes.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningTimes.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledOpeningTimes","exports","styled","div","StyledOpeningTimesWrapper","StyledOpeningTimesTooltipContent","StyledOpeningTimesWeekDay","theme","text"],"sources":["../../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledSliderButtonProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    min-width: 300px;\n`;\n\nexport const StyledOpeningTimesTooltipContent = styled.div`\n    padding: 8px;\n`;\n\ntype StyledOpeningTimesWeekDayProps = WithTheme<unknown>;\n\nexport const StyledOpeningTimesWeekDay = styled.div<StyledOpeningTimesWeekDayProps>`\n    color: ${({ theme }: StyledOpeningTimesWeekDayProps) => theme.text};\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA4B;AACrE;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAG;AACnD;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAME,gCAAgC,GAAAJ,OAAA,CAAAI,gCAAA,GAAGH,yBAAM,CAACC,GAAG;AAC1D;AACA,CAAC;AAIM,MAAMG,yBAAyB,GAAAL,OAAA,CAAAK,yBAAA,GAAGJ,yBAAM,CAACC,GAAmC;AACnF,aAAa,CAAC;EAAEI;AAAsC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACtE,CAAC","ignoreList":[]}