@roomstay/frontend 2.1.6 → 2.1.8

package/dist/src/components/generic/DateRangePicker/DateRangePickerDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerDays.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerDays.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAgC;AAEhC,2EAAmD;AACnD,iHAAyF;AAGzF,uFAA8E;AAM9E,SAAwB,mBAAmB,CAAC,KAA0B;IAClE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/B,MAAM,eAAe,GAAG,uCAAe,CAAC,MAAM,CAAC;IAE/C,MAAM,IAAI,GAAG,IAAA,eAAO,EAChB,GAAG,EAAE,CAAC,CACF,0CACK,wBAAc,CAAC,8BAA8B,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7F,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1E,OAAO,oBAAC,4BAAkB,IAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,QAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC;IAClI,CAAC,CAAC,CACH,CACN,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC;AAlBD,sCAkBC","sourcesContent":["import * as React from 'react';\nimport { useMemo } from 'react';\n\nimport CalendarHelper from '@/util/CalendarHelper';\nimport DateRangePickerDay from '@/components/generic/DateRangePicker/DateRangePickerDay';\n\nimport * as dayjs from 'dayjs';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\ninterface DatePickerDaysProps {\n    showingMonth: dayjs.Dayjs;\n}\n\nexport default function DateRangePickerDays(props: DatePickerDaysProps) {\n    const { showingMonth } = props;\n\n    const startsWeekOnDay = WeekdayStartsOn.Monday;\n\n    const days = useMemo(\n        () => (\n            <>\n                {CalendarHelper.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {\n                    const date = day ? props.showingMonth.date(Number.parseInt(day, 10)) : '';\n                    return <DateRangePickerDay key={date ? date.unix() : index} text={day} selectable day={date} unix={date ? date.unix() : 0} />;\n                })}\n            </>\n        ),\n        [showingMonth]\n    );\n\n    return days;\n}\n"]}
+{"version":3,"file":"DateRangePickerDays.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerDays.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAAgC;AAEhC,2EAAmD;AACnD,iHAAyF;AAGzF,uFAA8E;AAM9E,SAAwB,mBAAmB,CAAC,KAA0B;IAClE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/B,MAAM,eAAe,GAAG,uCAAe,CAAC,MAAM,CAAC;IAE/C,MAAM,IAAI,GAAG,IAAA,eAAO,EAChB,GAAG,EAAE,CAAC,CACF,8DACK,wBAAc,CAAC,8BAA8B,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7F,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1E,OAAO,8BAAC,4BAAkB,IAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,QAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC;IAClI,CAAC,CAAC,CACH,CACN,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC;AAlBD,sCAkBC","sourcesContent":["import React from 'react';\nimport { useMemo } from 'react';\n\nimport CalendarHelper from '@/util/CalendarHelper';\nimport DateRangePickerDay from '@/components/generic/DateRangePicker/DateRangePickerDay';\n\nimport * as dayjs from 'dayjs';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\ninterface DatePickerDaysProps {\n    showingMonth: dayjs.Dayjs;\n}\n\nexport default function DateRangePickerDays(props: DatePickerDaysProps) {\n    const { showingMonth } = props;\n\n    const startsWeekOnDay = WeekdayStartsOn.Monday;\n\n    const days = useMemo(\n        () => (\n            <>\n                {CalendarHelper.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {\n                    const date = day ? props.showingMonth.date(Number.parseInt(day, 10)) : '';\n                    return <DateRangePickerDay key={date ? date.unix() : index} text={day} selectable day={date} unix={date ? date.unix() : 0} />;\n                })}\n            </>\n        ),\n        [showingMonth]\n    );\n\n    return days;\n}\n"]}

package/dist/src/components/generic/DateRangePicker/DateRangePickerMonth.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const CalendarHelper_1 = require("../../../util/CalendarHelper");
 const DateRangePickerDay_1 = __importDefault(require("./DateRangePickerDay"));
 const DateRangePickerDays_1 = __importDefault(require("./DateRangePickerDays"));
@@ -40,18 +40,18 @@ const DateRangePickerContext_1 = require("./DateRangePickerContext");
 const BookingWizard_1 = require("../BookingWizard/BookingWizard");
 function DateRangePickerMonth(props) {
     const { showingMonth } = props;
-    const datePickerContext = (0, react_1.useContext)(DateRangePickerContext_1.DateRangePickerContext);
-    const dayLetters = (0, react_1.useMemo)(() => (0, CalendarHelper_1.getLetterDaysOfWeek)(WeekdayStartsOn_types_1.WeekdayStartsOn.Monday).map((day, index) => {
-        return React.createElement(DateRangePickerDay_1.default, { color: Color_1.Color.Grey, key: index + day, text: day, selectable: false, unix: 0 });
+    const datePickerContext = (0, react_2.useContext)(DateRangePickerContext_1.DateRangePickerContext);
+    const dayLetters = (0, react_2.useMemo)(() => (0, CalendarHelper_1.getLetterDaysOfWeek)(WeekdayStartsOn_types_1.WeekdayStartsOn.Monday).map((day, index) => {
+        return react_1.default.createElement(DateRangePickerDay_1.default, { color: Color_1.Color.Grey, key: index + day, text: day, selectable: false, unix: 0 });
     }), []);
-    return (React.createElement("div", { className: (0, classnames_1.default)(DateRangePicker_module_scss_1.default['roomstay-calendar-month'], {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(DateRangePicker_module_scss_1.default['roomstay-calendar-month'], {
             'u-pad-bottom--none': props.small,
         }) },
-        React.createElement(Text_1.default, { className: (0, classnames_1.default)(DateRangePicker_module_scss_1.default['roomstay-calendar-month--name'], 'u-flex', 'u-flex-align-center'), type: datePickerContext.theme === BookingWizard_1.EBookingWizardTheme.Specific ? Text_1.TextType.Small : Text_1.TextType.Body },
-            React.createElement("strong", null, showingMonth.format('MMMM'))),
-        React.createElement("div", { className: DateRangePicker_module_scss_1.default['roomstay-calendar-month--items'] },
+        react_1.default.createElement(Text_1.default, { className: (0, classnames_1.default)(DateRangePicker_module_scss_1.default['roomstay-calendar-month--name'], 'u-flex', 'u-flex-align-center'), type: datePickerContext.theme === BookingWizard_1.EBookingWizardTheme.Specific ? Text_1.TextType.Small : Text_1.TextType.Body },
+            react_1.default.createElement("strong", null, showingMonth.format('MMMM'))),
+        react_1.default.createElement("div", { className: DateRangePicker_module_scss_1.default['roomstay-calendar-month--items'] },
             dayLetters,
-            React.createElement(DateRangePickerDays_1.default, { showingMonth: showingMonth }))));
+            react_1.default.createElement(DateRangePickerDays_1.default, { showingMonth: showingMonth }))));
 }
 exports.default = DateRangePickerMonth;
 //# sourceMappingURL=DateRangePickerMonth.js.map

package/dist/src/components/generic/DateRangePicker/DateRangePickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA4C;AAG5C,0DAA4D;AAC5D,iHAAyF;AACzF,mHAA2F;AAC3F,kEAA2D;AAC3D,uFAA8E;AAC9E,gGAAmD;AACnD,4DAAoC;AACpC,wCAAqC;AACrC,wGAAqG;AACrG,kEAAqE;AAOrE,SAAwB,oBAAoB,CAAC,KAA2B;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,+CAAsB,CAAC,CAAC;IAE7D,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CACD,IAAA,oCAAmB,EAAC,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;QAC3E,OAAO,oBAAC,4BAAkB,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;IAC9G,CAAC,CAAC,EACN,EAAE,CACL,CAAC;IAEF,OAAO,CACH,6BACI,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,yBAAyB,CAAC,EAAE;YACrD,oBAAoB,EAAE,KAAK,CAAC,KAAK;SACpC,CAAC;QAEF,oBAAC,cAAI,IACD,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,qBAAqB,CAAC,EAC/F,IAAI,EAAE,iBAAiB,CAAC,KAAK,KAAK,mCAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,IAAI;YAE/F,oCAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU,CAC3C;QACP,6BAAK,SAAS,EAAE,qCAAM,CAAC,gCAAgC,CAAC;YACnD,UAAU;YACX,oBAAC,6BAAmB,IAAC,YAAY,EAAE,YAAY,GAAI,CACjD,CACJ,CACT,CAAC;AACN,CAAC;AA9BD,uCA8BC","sourcesContent":["import * as React from 'react';\nimport { useContext, useMemo } from 'react';\n\nimport * as dayjs from 'dayjs';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\nimport DateRangePickerDay from '@/components/generic/DateRangePicker/DateRangePickerDay';\nimport DateRangePickerDays from '@/components/generic/DateRangePicker/DateRangePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport styles from './DateRangePicker.module.scss';\nimport classNames from 'classnames';\nimport { Color } from '@/util/Color';\nimport { DateRangePickerContext } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n}\n\nexport default function DateRangePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth } = props;\n    const datePickerContext = useContext(DateRangePickerContext);\n\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DateRangePickerDay color={Color.Grey} key={index + day} text={day} selectable={false} unix={0} />;\n            }),\n        []\n    );\n\n    return (\n        <div\n            className={classNames(styles['roomstay-calendar-month'], {\n                'u-pad-bottom--none': props.small,\n            })}\n        >\n            <Text\n                className={classNames(styles['roomstay-calendar-month--name'], 'u-flex', 'u-flex-align-center')}\n                type={datePickerContext.theme === EBookingWizardTheme.Specific ? TextType.Small : TextType.Body}\n            >\n                <strong>{showingMonth.format('MMMM')}</strong>\n            </Text>\n            <div className={styles['roomstay-calendar-month--items']}>\n                {dayLetters}\n                <DateRangePickerDays showingMonth={showingMonth} />\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"DateRangePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAA4C;AAG5C,0DAA4D;AAC5D,iHAAyF;AACzF,mHAA2F;AAC3F,kEAA2D;AAC3D,uFAA8E;AAC9E,gGAAmD;AACnD,4DAAoC;AACpC,wCAAqC;AACrC,wGAAqG;AACrG,kEAAqE;AAOrE,SAAwB,oBAAoB,CAAC,KAA2B;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,+CAAsB,CAAC,CAAC;IAE7D,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CACD,IAAA,oCAAmB,EAAC,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;QAC3E,OAAO,8BAAC,4BAAkB,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;IAC9G,CAAC,CAAC,EACN,EAAE,CACL,CAAC;IAEF,OAAO,CACH,uCACI,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,yBAAyB,CAAC,EAAE;YACrD,oBAAoB,EAAE,KAAK,CAAC,KAAK;SACpC,CAAC;QAEF,8BAAC,cAAI,IACD,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,qBAAqB,CAAC,EAC/F,IAAI,EAAE,iBAAiB,CAAC,KAAK,KAAK,mCAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,IAAI;YAE/F,8CAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU,CAC3C;QACP,uCAAK,SAAS,EAAE,qCAAM,CAAC,gCAAgC,CAAC;YACnD,UAAU;YACX,8BAAC,6BAAmB,IAAC,YAAY,EAAE,YAAY,GAAI,CACjD,CACJ,CACT,CAAC;AACN,CAAC;AA9BD,uCA8BC","sourcesContent":["import React from 'react';\nimport { useContext, useMemo } from 'react';\n\nimport * as dayjs from 'dayjs';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\nimport DateRangePickerDay from '@/components/generic/DateRangePicker/DateRangePickerDay';\nimport DateRangePickerDays from '@/components/generic/DateRangePicker/DateRangePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport styles from './DateRangePicker.module.scss';\nimport classNames from 'classnames';\nimport { Color } from '@/util/Color';\nimport { DateRangePickerContext } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n}\n\nexport default function DateRangePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth } = props;\n    const datePickerContext = useContext(DateRangePickerContext);\n\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DateRangePickerDay color={Color.Grey} key={index + day} text={day} selectable={false} unix={0} />;\n            }),\n        []\n    );\n\n    return (\n        <div\n            className={classNames(styles['roomstay-calendar-month'], {\n                'u-pad-bottom--none': props.small,\n            })}\n        >\n            <Text\n                className={classNames(styles['roomstay-calendar-month--name'], 'u-flex', 'u-flex-align-center')}\n                type={datePickerContext.theme === EBookingWizardTheme.Specific ? TextType.Small : TextType.Body}\n            >\n                <strong>{showingMonth.format('MMMM')}</strong>\n            </Text>\n            <div className={styles['roomstay-calendar-month--items']}>\n                {dayLetters}\n                <DateRangePickerDays showingMonth={showingMonth} />\n            </div>\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/DateRangePicker/FloatingDateRangePicker.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import React from 'react';
 import { DatePickerProps } from './DateRangePicker';
 import * as dayjs from 'dayjs';
 import { Placement } from '@popperjs/core';
 export interface FloatingDateRangePickerProps extends Omit<DatePickerProps, 'selectedStartDate' | 'selectedEndDate' | 'onStartDateChanged' | 'onEndDateChanged'> {
     children?: React.ReactNode;
-    startDate?: dayjs.Dayjs;
-    endDate?: dayjs.Dayjs;
+    startDate?: dayjs.Dayjs | null;
+    endDate?: dayjs.Dayjs | null;
     overlayOffset?: [number, number];
     fixedStartDate?: boolean;
     container?: HTMLElement;

package/dist/src/components/generic/DateRangePicker/FloatingDateRangePicker.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -37,20 +14,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const DateRangePicker_1 = __importDefault(require("./DateRangePicker"));
 const Overlay_1 = require("../Overlay/Overlay");
 const DateRangePicker_module_scss_1 = __importDefault(require("./DateRangePicker.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
 const BookingWizard_1 = require("../BookingWizard/BookingWizard");
-const FloatingDateRangePicker = React.forwardRef((props, ref) => {
-    var _a;
+const FloatingDateRangePicker = react_1.default.forwardRef((props, ref) => {
+    var _a, _b;
     const { children, startDate: startDateProp, endDate: endDateProp, selectedDateChanged: selectedDateChangedProp, className, overlay } = props, DatePickerProps = __rest(props, ["children", "startDate", "endDate", "selectedDateChanged", "className", "overlay"]);
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [startDate, setStartDate] = (0, react_1.useState)(null);
-    const thisElement = (0, react_1.useRef)(null);
-    React.useImperativeHandle(ref, () => ({
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const [startDate, setStartDate] = (0, react_2.useState)(null);
+    const thisElement = (0, react_2.useRef)(null);
+    react_1.default.useImperativeHandle(ref, () => ({
         closePicker: onOverlayClose,
         openPicker: onOverlayOpen,
         toggle: () => setIsOpen(!isOpen),
@@ -72,11 +49,11 @@ const FloatingDateRangePicker = React.forwardRef((props, ref) => {
     const onOverlayOpen = () => {
         setIsOpen(true);
     };
-    const inner = (React.createElement("div", { className: "d-flex align-items-center flex-column" },
-        React.createElement(DateRangePicker_1.default, Object.assign({ selectedStartDate: startDateProp, selectedEndDate: endDateProp, onStartDateChanged: onStartDateChangedHandler, onEndDateChanged: selectedDateChanged }, DatePickerProps))));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: thisElement, className: className, onClick: onOverlayOpen }, children),
-        React.createElement(Overlay_1.Overlay, Object.assign({ offset: props.overlayOffset, open: isOpen, onClose: onOverlayClose, container: props.container || ((_a = thisElement.current) === null || _a === void 0 ? void 0 : _a.parentElement.parentElement), followElement: props.container || thisElement.current }, (overlay || {}), { className: (0, classnames_1.default)(DateRangePicker_module_scss_1.default['floating-roomstay-calendar'], {
+    const inner = (react_1.default.createElement("div", { className: "d-flex align-items-center flex-column" },
+        react_1.default.createElement(DateRangePicker_1.default, Object.assign({ selectedStartDate: startDateProp, selectedEndDate: endDateProp, onStartDateChanged: onStartDateChangedHandler, onEndDateChanged: selectedDateChanged }, DatePickerProps))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: thisElement, className: className, onClick: onOverlayOpen }, children),
+        react_1.default.createElement(Overlay_1.Overlay, Object.assign({ offset: props.overlayOffset, open: isOpen, onClose: onOverlayClose, container: props.container || ((_b = (_a = thisElement.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement), followElement: props.container || thisElement.current }, (overlay || {}), { className: (0, classnames_1.default)(DateRangePicker_module_scss_1.default['floating-roomstay-calendar'], {
                 [DateRangePicker_module_scss_1.default['--small']]: DatePickerProps.small,
                 [DateRangePicker_module_scss_1.default['--specific']]: DatePickerProps.theme === BookingWizard_1.EBookingWizardTheme.Specific,
                 [DateRangePicker_module_scss_1.default['--single']]: !DatePickerProps.showMultipleMonths,

package/dist/src/components/generic/DateRangePicker/FloatingDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDateRangePicker.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/FloatingDateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DateRangePicker, { DatePickerProps } from '@/components/generic/DateRangePicker/DateRangePicker';\n\nimport * as dayjs from 'dayjs';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport styles from './DateRangePicker.module.scss';\nimport classNames from 'classnames';\nimport { Placement } from '@popperjs/core';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\nexport interface FloatingDateRangePickerProps extends Omit<DatePickerProps, 'selectedStartDate' | 'selectedEndDate' | 'onStartDateChanged' | 'onEndDateChanged'> {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n    overlayOffset?: [number, number];\n    fixedStartDate?: boolean;\n    container?: HTMLElement;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n\n    overlay?: {\n        placement?: Placement;\n        fallbackPlacements?: Placement;\n    };\n}\n\nexport interface FloatingDateRangePickerHandle {\n    closePicker: () => void;\n    openPicker: () => void;\n    toggle: () => void;\n}\n\nconst FloatingDateRangePicker = React.forwardRef<FloatingDateRangePickerHandle, FloatingDateRangePickerProps>((props, ref) => {\n    const { children, startDate: startDateProp, endDate: endDateProp, selectedDateChanged: selectedDateChangedProp, className, overlay, ...DatePickerProps } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n\n    const thisElement = useRef(null);\n\n    React.useImperativeHandle(\n        ref,\n        () => ({\n            closePicker: onOverlayClose,\n            openPicker: onOverlayOpen,\n            toggle: () => setIsOpen(!isOpen),\n        }),\n        []\n    );\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\n        if (selectedDateChangedProp && startDate) {\n            selectedDateChangedProp(startDate, endDate);\n        }\n\n        if (endDate) {\n            setIsOpen(false);\n        }\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DateRangePicker\n                selectedStartDate={startDateProp}\n                selectedEndDate={endDateProp}\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                {...DatePickerProps}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={className} onClick={onOverlayOpen}>\n                {children}\n            </div>\n            <Overlay\n                offset={props.overlayOffset}\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={props.container || thisElement.current?.parentElement.parentElement}\n                followElement={props.container || thisElement.current}\n                {...(overlay || {})}\n                className={classNames(styles['floating-roomstay-calendar'], {\n                    [styles['--small']]: DatePickerProps.small,\n                    [styles['--specific']]: DatePickerProps.theme === EBookingWizardTheme.Specific,\n                    [styles['--single']]: !DatePickerProps.showMultipleMonths,\n                })}\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n});\n\nFloatingDateRangePicker.displayName = 'FloatingDateRangePicker';\n\nexport default FloatingDateRangePicker;\n"]}
+{"version":3,"file":"FloatingDateRangePicker.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/FloatingDateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DateRangePicker, { DatePickerProps } from '@/components/generic/DateRangePicker/DateRangePicker';\n\nimport * as dayjs from 'dayjs';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport styles from './DateRangePicker.module.scss';\nimport classNames from 'classnames';\nimport { Placement } from '@popperjs/core';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\nexport interface FloatingDateRangePickerProps extends Omit<DatePickerProps, 'selectedStartDate' | 'selectedEndDate' | 'onStartDateChanged' | 'onEndDateChanged'> {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs | null;\n    endDate?: dayjs.Dayjs | null;\n    overlayOffset?: [number, number];\n    fixedStartDate?: boolean;\n    container?: HTMLElement;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n\n    overlay?: {\n        placement?: Placement;\n        fallbackPlacements?: Placement;\n    };\n}\n\nexport interface FloatingDateRangePickerHandle {\n    closePicker: () => void;\n    openPicker: () => void;\n    toggle: () => void;\n}\n\nconst FloatingDateRangePicker = React.forwardRef<FloatingDateRangePickerHandle, FloatingDateRangePickerProps>((props, ref) => {\n    const { children, startDate: startDateProp, endDate: endDateProp, selectedDateChanged: selectedDateChangedProp, className, overlay, ...DatePickerProps } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement | null>(null);\n\n    React.useImperativeHandle(\n        ref,\n        () => ({\n            closePicker: onOverlayClose,\n            openPicker: onOverlayOpen,\n            toggle: () => setIsOpen(!isOpen),\n        }),\n        []\n    );\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\n        if (selectedDateChangedProp && startDate) {\n            selectedDateChangedProp(startDate, endDate);\n        }\n\n        if (endDate) {\n            setIsOpen(false);\n        }\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DateRangePicker\n                selectedStartDate={startDateProp}\n                selectedEndDate={endDateProp}\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                {...DatePickerProps}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={className} onClick={onOverlayOpen}>\n                {children}\n            </div>\n            <Overlay\n                offset={props.overlayOffset}\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={props.container || thisElement.current?.parentElement?.parentElement}\n                followElement={props.container || thisElement.current}\n                {...(overlay || {})}\n                className={classNames(styles['floating-roomstay-calendar'], {\n                    [styles['--small']]: DatePickerProps.small,\n                    [styles['--specific']]: DatePickerProps.theme === EBookingWizardTheme.Specific,\n                    [styles['--single']]: !DatePickerProps.showMultipleMonths,\n                })}\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n});\n\nFloatingDateRangePicker.displayName = 'FloatingDateRangePicker';\n\nexport default FloatingDateRangePicker;\n"]}

package/dist/src/components/generic/Distance.js

@@ -1,47 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const React = __importStar(require("react"));
+const react_2 = __importDefault(require("react"));
 const DistanceProvider_1 = __importDefault(require("../../providers/DistanceProvider"));
 const contexts_1 = require("../../contexts/index.js");
 function Distance({ distance }) {
-    const { distanceUnitType } = React.useContext(contexts_1.HotelOverridesContext);
+    const hotelOverridesContext = react_2.default.useContext(contexts_1.HotelOverridesContext);
     const distanceString = (() => {
         if (typeof distance === 'string') {
-            return `${distance} ${DistanceProvider_1.default.getMeasurementString(distanceUnitType)}`;
+            return `${distance} ${DistanceProvider_1.default.getMeasurementString(hotelOverridesContext === null || hotelOverridesContext === void 0 ? void 0 : hotelOverridesContext.distanceUnitType)}`;
         }
         else {
-            return `${DistanceProvider_1.default.convertTo(distanceUnitType, distance)} ${DistanceProvider_1.default.getMeasurementString(distanceUnitType)}`;
+            return `${DistanceProvider_1.default.convertTo(hotelOverridesContext === null || hotelOverridesContext === void 0 ? void 0 : hotelOverridesContext.distanceUnitType, distance)} ${DistanceProvider_1.default.getMeasurementString(hotelOverridesContext === null || hotelOverridesContext === void 0 ? void 0 : hotelOverridesContext.distanceUnitType)}`;
         }
     })();
     return (0, react_1.useMemo)(() => {
-        return React.createElement(React.Fragment, null, distanceString);
+        return react_2.default.createElement(react_2.default.Fragment, null, distanceString);
     }, [distance]);
 }
 exports.default = Distance;

package/dist/src/components/generic/Distance.js.map

@@ -1 +1 @@
-{"version":3,"file":"Distance.js","sourceRoot":"/","sources":["src/components/generic/Distance.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgC;AAChC,6CAA+B;AAC/B,oFAA4D;AAC5D,iDAA2D;AAM3D,SAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IACxD,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,OAAO,GAAG,QAAQ,IAAI,0BAAgB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,EAAE,CAAC;SACnF;aAAM;YACH,OAAO,GAAG,0BAAgB,CAAC,SAAS,CAAC,gBAAgB,EAAE,QAAQ,CAAC,IAAI,0BAAgB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,EAAE,CAAC;SACjI;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,OAAO,0CAAG,cAAc,CAAI,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC;AAdD,2BAcC","sourcesContent":["import { useMemo } from 'react';\nimport * as React from 'react';\nimport DistanceProvider from '@/providers/DistanceProvider';\nimport { HotelOverridesContext } from '@frontend/contexts';\n\ninterface DistanceProps {\n    distance: number | string;\n}\n\nexport default function Distance({ distance }: DistanceProps) {\n    const { distanceUnitType } = React.useContext(HotelOverridesContext);\n\n    const distanceString = (() => {\n        if (typeof distance === 'string') {\n            return `${distance} ${DistanceProvider.getMeasurementString(distanceUnitType)}`;\n        } else {\n            return `${DistanceProvider.convertTo(distanceUnitType, distance)} ${DistanceProvider.getMeasurementString(distanceUnitType)}`;\n        }\n    })();\n\n    return useMemo(() => {\n        return <>{distanceString}</>;\n    }, [distance]);\n}\n"]}
+{"version":3,"file":"Distance.js","sourceRoot":"/","sources":["src/components/generic/Distance.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAgC;AAChC,kDAA0B;AAC1B,oFAA4D;AAC5D,iDAA2D;AAO3D,SAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IACxD,MAAM,qBAAqB,GAAG,eAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAEtE,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,OAAO,GAAG,QAAQ,IAAI,0BAAgB,CAAC,oBAAoB,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAoC,CAAC,EAAE,CAAC;SAC9H;aAAM;YACH,OAAO,GAAG,0BAAgB,CAAC,SAAS,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAoC,EAAE,QAAQ,CAAC,IAAI,0BAAgB,CAAC,oBAAoB,CAChJ,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAoC,CAC9D,EAAE,CAAC;SACP;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,OAAO,8DAAG,cAAc,CAAI,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC;AAhBD,2BAgBC","sourcesContent":["import { useMemo } from 'react';\nimport React from 'react';\nimport DistanceProvider from '@/providers/DistanceProvider';\nimport { HotelOverridesContext } from '@frontend/contexts';\nimport { DistanceUnitType } from 'models/Client/Hotel/DistanceUnitType.types';\n\ninterface DistanceProps {\n    distance: number | string;\n}\n\nexport default function Distance({ distance }: DistanceProps) {\n    const hotelOverridesContext = React.useContext(HotelOverridesContext);\n\n    const distanceString = (() => {\n        if (typeof distance === 'string') {\n            return `${distance} ${DistanceProvider.getMeasurementString(hotelOverridesContext?.distanceUnitType as DistanceUnitType)}`;\n        } else {\n            return `${DistanceProvider.convertTo(hotelOverridesContext?.distanceUnitType as DistanceUnitType, distance)} ${DistanceProvider.getMeasurementString(\n                hotelOverridesContext?.distanceUnitType as DistanceUnitType\n            )}`;\n        }\n    })();\n\n    return useMemo(() => {\n        return <>{distanceString}</>;\n    }, [distance]);\n}\n"]}

package/dist/src/components/generic/ForwardedSelect.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface SelectOption {
     value: string;
     label: string;

package/dist/src/components/generic/ForwardedSelect.js

@@ -1,37 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForwardedSelect = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-exports.ForwardedSelect = (0, react_1.forwardRef)(({ options, label, name, onChange, onBlur }, ref) => {
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+exports.ForwardedSelect = (0, react_2.forwardRef)(({ options, label, name, onChange, onBlur }, ref) => {
     const id = name ? `${name}Selector` : undefined;
-    return (React.createElement(React.Fragment, null,
-        label && (React.createElement("label", { htmlFor: id, className: "text-bold" }, label)),
-        React.createElement("select", { ref: ref, id: id, name: name, className: "c-input", onChange: onChange, onBlur: onBlur, style: { background: 'white' } }, options === null || options === void 0 ? void 0 : options.map(({ value, label }) => {
-            return (React.createElement("option", { key: `${value}option`, value: value }, label));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        label && (react_1.default.createElement("label", { htmlFor: id, className: "text-bold" }, label)),
+        react_1.default.createElement("select", { ref: ref, id: id, name: name, className: "c-input", onChange: onChange, onBlur: onBlur, style: { background: 'white' } }, options === null || options === void 0 ? void 0 : options.map(({ value, label }) => {
+            return (react_1.default.createElement("option", { key: `${value}option`, value: value }, label));
         }))));
 });
 exports.ForwardedSelect.displayName = 'ForwardedSelect';

package/dist/src/components/generic/ForwardedSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForwardedSelect.js","sourceRoot":"/","sources":["src/components/generic/ForwardedSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAmC;AAatB,QAAA,eAAe,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,GAAQ,EAAE,EAAE;IACrH,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhD,OAAO,CACH;QACK,KAAK,IAAI,CACN,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,WAAW,IACpC,KAAK,CACF,CACX;QACD,gCAAQ,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,IACvH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;YAC/B,OAAO,CACH,gCAAQ,GAAG,EAAE,GAAG,KAAK,QAAQ,EAAE,KAAK,EAAE,KAAK,IACtC,KAAK,CACD,CACZ,CAAC;QACN,CAAC,CAAC,CACG,CACV,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport { forwardRef } from 'react';\n\nexport interface SelectOption {\n    value: string;\n    label: string;\n}\n\nexport interface ForwardedSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n    name?: string;\n    label?: string;\n    options: SelectOption[];\n}\n\nexport const ForwardedSelect = forwardRef(({ options, label, name, onChange, onBlur }: ForwardedSelectProps, ref: any) => {\n    const id = name ? `${name}Selector` : undefined;\n\n    return (\n        <>\n            {label && (\n                <label htmlFor={id} className=\"text-bold\">\n                    {label}\n                </label>\n            )}\n            <select ref={ref} id={id} name={name} className=\"c-input\" onChange={onChange} onBlur={onBlur} style={{ background: 'white' }}>\n                {options?.map(({ value, label }) => {\n                    return (\n                        <option key={`${value}option`} value={value}>\n                            {label}\n                        </option>\n                    );\n                })}\n            </select>\n        </>\n    );\n});\n\nForwardedSelect.displayName = 'ForwardedSelect';\n\nexport default ForwardedSelect;\n"]}
+{"version":3,"file":"ForwardedSelect.js","sourceRoot":"/","sources":["src/components/generic/ForwardedSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAAmC;AAatB,QAAA,eAAe,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,GAAQ,EAAE,EAAE;IACrH,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhD,OAAO,CACH;QACK,KAAK,IAAI,CACN,yCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,WAAW,IACpC,KAAK,CACF,CACX;QACD,0CAAQ,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,IACvH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;YAC/B,OAAO,CACH,0CAAQ,GAAG,EAAE,GAAG,KAAK,QAAQ,EAAE,KAAK,EAAE,KAAK,IACtC,KAAK,CACD,CACZ,CAAC;QACN,CAAC,CAAC,CACG,CACV,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,uBAAe,CAAC","sourcesContent":["import React from 'react';\nimport { forwardRef } from 'react';\n\nexport interface SelectOption {\n    value: string;\n    label: string;\n}\n\nexport interface ForwardedSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n    name?: string;\n    label?: string;\n    options: SelectOption[];\n}\n\nexport const ForwardedSelect = forwardRef(({ options, label, name, onChange, onBlur }: ForwardedSelectProps, ref: any) => {\n    const id = name ? `${name}Selector` : undefined;\n\n    return (\n        <>\n            {label && (\n                <label htmlFor={id} className=\"text-bold\">\n                    {label}\n                </label>\n            )}\n            <select ref={ref} id={id} name={name} className=\"c-input\" onChange={onChange} onBlur={onBlur} style={{ background: 'white' }}>\n                {options?.map(({ value, label }) => {\n                    return (\n                        <option key={`${value}option`} value={value}>\n                            {label}\n                        </option>\n                    );\n                })}\n            </select>\n        </>\n    );\n});\n\nForwardedSelect.displayName = 'ForwardedSelect';\n\nexport default ForwardedSelect;\n"]}

package/dist/src/components/generic/Headline.d.ts

@@ -1,6 +1,6 @@
 import { TextAlign } from '../../util/TextAlignment';
 import { Color } from '../../util/Color';
-import * as React from 'react';
+import React from 'react';
 import { PropsWithChildren } from 'react';
 export interface HeadlineProps extends PropsWithChildren<any> {
     bold?: boolean;

package/dist/src/components/generic/Headline.js

@@ -1,55 +1,30 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 function Headline(props) {
     const defaultedProps = Object.assign({ size: 'normal' }, props);
-    const classes = (0, classnames_1.default)({
+    const classes = (0, classnames_1.default)(props.className, props.align, {
         headline: true,
         '--bold': defaultedProps.bold || props.size === 'extra-large',
         '--line-through': defaultedProps.lineThrough,
         [`--${defaultedProps.size}`]: defaultedProps.size,
-        [props.align]: !!props.align,
         'u-lh-1em': props.lineHeight === '1em',
-        [props.className]: !!props.className,
     });
     const styles = {};
     if (props.color) {
         styles.color = props.color;
     }
     if (defaultedProps.size === 'extra-large') {
-        return (React.createElement("h1", { className: classes, style: styles }, props.children));
+        return (react_1.default.createElement("h1", { className: classes, style: styles }, props.children));
     }
     if (defaultedProps.size === 'large') {
-        return (React.createElement("h2", { className: classes, style: styles }, props.children));
+        return (react_1.default.createElement("h2", { className: classes, style: styles }, props.children));
     }
-    return (React.createElement("h3", { className: classes, style: styles }, props.children));
+    return (react_1.default.createElement("h3", { className: classes, style: styles }, props.children));
 }
 exports.default = Headline;
 //# sourceMappingURL=Headline.js.map

package/dist/src/components/generic/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sourceRoot":"/","sources":["src/components/generic/Headline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,6CAA+B;AAC/B,4DAAoC;AAepC,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,cAAc,mBAChB,IAAI,EAAE,QAAQ,IACX,KAAK,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC;QACvB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,cAAc,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa;QAC7D,gBAAgB,EAAE,cAAc,CAAC,WAAW;QAC5C,CAAC,KAAK,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI;QACjD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;QAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,KAAK;QAEtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS;KACvC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,KAAK,CAAC,KAAK,EAAE;QACb,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;KAC9B;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,EAAE;QACvC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,OAAO,EAAE;QACjC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AA5CD,2BA4CC","sourcesContent":["import { TextAlign } from '@/util/TextAlignment';\nimport { Color } from '@/util/Color';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { PropsWithChildren } from 'react';\n\nexport interface HeadlineProps extends PropsWithChildren<any> {\n    bold?: boolean;\n    lineThrough?: boolean;\n    size?: 'extra-large' | 'large' | 'normal';\n    lineHeight?: '1em' | 'normal';\n    color?: Color;\n    [x: string]: React.ReactNode;\n    align?: TextAlign;\n\n    className?: string;\n}\n\nexport default function Headline(props: HeadlineProps) {\n    const defaultedProps: HeadlineProps = {\n        size: 'normal',\n        ...props,\n    };\n\n    const classes = classNames({\n        headline: true,\n        '--bold': defaultedProps.bold || props.size === 'extra-large',\n        '--line-through': defaultedProps.lineThrough,\n        [`--${defaultedProps.size}`]: defaultedProps.size,\n        [props.align]: !!props.align,\n        'u-lh-1em': props.lineHeight === '1em',\n\n        [props.className]: !!props.className,\n    });\n\n    const styles: any = {};\n\n    if (props.color) {\n        styles.color = props.color;\n    }\n\n    if (defaultedProps.size === 'extra-large') {\n        return (\n            <h1 className={classes} style={styles}>\n                {props.children}\n            </h1>\n        );\n    }\n\n    if (defaultedProps.size === 'large') {\n        return (\n            <h2 className={classes} style={styles}>\n                {props.children}\n            </h2>\n        );\n    }\n\n    return (\n        <h3 className={classes} style={styles}>\n            {props.children}\n        </h3>\n    );\n}\n"]}
+{"version":3,"file":"Headline.js","sourceRoot":"/","sources":["src/components/generic/Headline.tsx"],"names":[],"mappings":";;;;;AAEA,kDAA0B;AAC1B,4DAAoC;AAepC,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,cAAc,mBAChB,IAAI,EAAE,QAAQ,IACX,KAAK,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE;QACrD,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,cAAc,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa;QAC7D,gBAAgB,EAAE,cAAc,CAAC,WAAW;QAC5C,CAAC,KAAK,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI;QACjD,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,KAAK;KACzC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,KAAK,CAAC,KAAK,EAAE;QACb,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;KAC9B;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,EAAE;QACvC,OAAO,CACH,sCAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,OAAO,EAAE;QACjC,OAAO,CACH,sCAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,OAAO,CACH,sCAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AAzCD,2BAyCC","sourcesContent":["import { TextAlign } from '@/util/TextAlignment';\nimport { Color } from '@/util/Color';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { PropsWithChildren } from 'react';\n\nexport interface HeadlineProps extends PropsWithChildren<any> {\n    bold?: boolean;\n    lineThrough?: boolean;\n    size?: 'extra-large' | 'large' | 'normal';\n    lineHeight?: '1em' | 'normal';\n    color?: Color;\n    [x: string]: React.ReactNode;\n    align?: TextAlign;\n\n    className?: string;\n}\n\nexport default function Headline(props: HeadlineProps) {\n    const defaultedProps: HeadlineProps = {\n        size: 'normal',\n        ...props,\n    };\n\n    const classes = classNames(props.className, props.align, {\n        headline: true,\n        '--bold': defaultedProps.bold || props.size === 'extra-large',\n        '--line-through': defaultedProps.lineThrough,\n        [`--${defaultedProps.size}`]: defaultedProps.size,\n        'u-lh-1em': props.lineHeight === '1em',\n    });\n\n    const styles: any = {};\n\n    if (props.color) {\n        styles.color = props.color;\n    }\n\n    if (defaultedProps.size === 'extra-large') {\n        return (\n            <h1 className={classes} style={styles}>\n                {props.children}\n            </h1>\n        );\n    }\n\n    if (defaultedProps.size === 'large') {\n        return (\n            <h2 className={classes} style={styles}>\n                {props.children}\n            </h2>\n        );\n    }\n\n    return (\n        <h3 className={classes} style={styles}>\n            {props.children}\n        </h3>\n    );\n}\n"]}

package/dist/src/components/generic/Icon/Icon.d.ts

@@ -70,6 +70,7 @@ export declare enum IconType {
 export interface IconProps {
     icon: IconType;
     size?: string;
+    name?: string;
     color?: Color;
     backgroundColor?: Color;
     noPadding?: boolean;

package/dist/src/components/generic/Icon/Icon.js

@@ -1,34 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDropdownFilled = exports.IconDropdown = exports.IconType = void 0;
 const Color_1 = require("../../../util/Color");
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Icon_module_scss_1 = __importDefault(require("./Icon.module.scss"));
 var IconType;
@@ -101,15 +78,16 @@ var IconType;
     IconType["Delete"] = "Delete";
 })(IconType = exports.IconType || (exports.IconType = {}));
 function IconDropdown() {
-    return React.createElement(Icon, { icon: IconType.ArrowDown2, size: "1em", color: Color_1.Color.DarkGrey });
+    return react_1.default.createElement(Icon, { icon: IconType.ArrowDown2, size: "1em", color: Color_1.Color.DarkGrey });
 }
 exports.IconDropdown = IconDropdown;
 function IconDropdownFilled() {
-    return React.createElement(Icon, { icon: IconType.Dropdown, size: "1em", color: Color_1.Color.DarkGrey });
+    return react_1.default.createElement(Icon, { icon: IconType.Dropdown, size: "1em", color: Color_1.Color.DarkGrey });
 }
 exports.IconDropdownFilled = IconDropdownFilled;
 function Icon(props) {
-    const defaultProps = Object.assign({ icon: IconType.Check, size: '18px' }, props);
+    const defaultProps = Object.assign({ size: '18px' }, props);
+    const name = props.name || defaultProps.icon;
     // TODO: remove the diji-icon class from all external uses.
     const classes = (0, classnames_1.default)(Icon_module_scss_1.default['diji-icon'], props.className, Icon_module_scss_1.default[`diji-icon${defaultProps.icon}`], 'diji-icon', {
         [Icon_module_scss_1.default['--has-bg']]: !!defaultProps.backgroundColor,
@@ -130,7 +108,7 @@ function Icon(props) {
     if (defaultProps.backgroundColor) {
         style.backgroundColor = defaultProps.backgroundColor;
     }
-    return React.createElement("i", Object.assign({ className: classes, style: style }, extraProps));
+    return react_1.default.createElement("i", Object.assign({ className: classes, style: style }, extraProps, { name: name }));
 }
 exports.default = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/src/components/generic/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Color } from '@/util/Color';\nimport * as React from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './Icon.module.scss';\n\nexport enum IconType {\n    Email = 'Email',\n    Degrees = 'Degrees',\n    Hotel = 'Hotel',\n    Hotel2 = 'Hotel-2',\n    Map = 'Map',\n    Info = 'Info',\n    Deal = 'Deal',\n    Money = 'Money',\n    Lock = 'Lock',\n    Check = 'Check',\n    CheckCircled = 'Check-Circled',\n    Bed = 'Bed',\n    ApplePay = 'Apple-Pay',\n    PayPal = 'PayPal',\n    Person = 'Person',\n    ChildFriendly = 'Child-Friendly',\n    Fridge = 'Fridge',\n    Smoking = 'Smoking',\n    Gym = 'Gym',\n    Bar = 'Bar',\n    Laundry = 'Laundry',\n    Breakfast = 'Breakfast',\n    Snacks = 'Snacks',\n    Phone = 'Phone',\n    ViewMonth = 'View-Month',\n    Ovolo = 'Ovolo',\n    ViewWeek = 'View-Week',\n    AirCon = 'Air-Con',\n    WiFi = 'Wifi',\n    Time = 'Time',\n    People = 'People',\n    Calendar = 'Calendar',\n    CreditCard = 'Credit-Card',\n    Spinner = 'Spinner',\n    Fullscreen = 'Fullscreen',\n    Star = 'Star',\n    ArrowRight = 'Arrow-Right',\n    ArrowLeft = 'Arrow-Left',\n    ArrowUp = 'Arrow-Up',\n    ArrowDown = 'Arrow-Down',\n    ArrowLeft2 = 'Arrow-2-Left',\n    ArrowUp2 = 'Arrow-2-Up',\n    ArrowRight2 = 'Arrow-2-Right',\n    ArrowDown2 = 'Arrow-2-Down',\n    Close = 'Close',\n    Remove = 'Remove',\n    Add = 'Add',\n    Dropdown = 'Dropdown',\n    Train = 'Train',\n    Taxi = 'Taxi',\n    Share = 'Share',\n    Print = 'Print',\n    LogOut = 'Log-Out',\n    Error = 'Error',\n    Edit = 'Edit',\n    Bus = 'Bus',\n    Airplane = 'Airplane',\n    Menu = 'Menu',\n    LootBag = 'loot-bag',\n    LateCheckout = 'Late-Checkout',\n    RoomSize = 'Room-Size',\n    RoomUpgrade = 'Room-Upgrade',\n    Champagne = 'Champagne',\n    Eye = 'Eye',\n    EyeBlocked = 'EyeBlocked',\n    Delete = 'Delete',\n}\n\nexport interface IconProps {\n    icon: IconType;\n    size?: string;\n\n    color?: Color;\n    backgroundColor?: Color;\n\n    noPadding?: boolean;\n\n    onClick?: () => void;\n    borderRadius?: 'oval' | 'round';\n    className?: string;\n}\n\nexport function IconDropdown() {\n    return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n    return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n    const defaultProps: IconProps = {\n        icon: IconType.Check,\n        size: '18px',\n        ...props,\n    };\n\n    // TODO: remove the diji-icon class from all external uses.\n    const classes = classNames(styles['diji-icon'], props.className, (styles as any)[`diji-icon${defaultProps.icon}`], 'diji-icon', {\n        [styles['--has-bg']]: !!defaultProps.backgroundColor,\n        [styles['--clickable']]: defaultProps.onClick,\n        'u-pad-none': props.noPadding,\n        [(styles as any)[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,\n    });\n\n    const extraProps: any = {};\n\n    if (defaultProps.onClick) {\n        extraProps.onClick = defaultProps.onClick;\n    }\n\n    const style: any = {\n        fontSize: defaultProps.size,\n    };\n\n    if (defaultProps.color) {\n        style.color = defaultProps.color;\n    }\n\n    if (defaultProps.backgroundColor) {\n        style.backgroundColor = defaultProps.backgroundColor;\n    }\n\n    return <i className={classes} style={style} {...extraProps} />;\n}\n"]}
+{"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Color } from '@/util/Color';\nimport React from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './Icon.module.scss';\n\nexport enum IconType {\n    Email = 'Email',\n    Degrees = 'Degrees',\n    Hotel = 'Hotel',\n    Hotel2 = 'Hotel-2',\n    Map = 'Map',\n    Info = 'Info',\n    Deal = 'Deal',\n    Money = 'Money',\n    Lock = 'Lock',\n    Check = 'Check',\n    CheckCircled = 'Check-Circled',\n    Bed = 'Bed',\n    ApplePay = 'Apple-Pay',\n    PayPal = 'PayPal',\n    Person = 'Person',\n    ChildFriendly = 'Child-Friendly',\n    Fridge = 'Fridge',\n    Smoking = 'Smoking',\n    Gym = 'Gym',\n    Bar = 'Bar',\n    Laundry = 'Laundry',\n    Breakfast = 'Breakfast',\n    Snacks = 'Snacks',\n    Phone = 'Phone',\n    ViewMonth = 'View-Month',\n    Ovolo = 'Ovolo',\n    ViewWeek = 'View-Week',\n    AirCon = 'Air-Con',\n    WiFi = 'Wifi',\n    Time = 'Time',\n    People = 'People',\n    Calendar = 'Calendar',\n    CreditCard = 'Credit-Card',\n    Spinner = 'Spinner',\n    Fullscreen = 'Fullscreen',\n    Star = 'Star',\n    ArrowRight = 'Arrow-Right',\n    ArrowLeft = 'Arrow-Left',\n    ArrowUp = 'Arrow-Up',\n    ArrowDown = 'Arrow-Down',\n    ArrowLeft2 = 'Arrow-2-Left',\n    ArrowUp2 = 'Arrow-2-Up',\n    ArrowRight2 = 'Arrow-2-Right',\n    ArrowDown2 = 'Arrow-2-Down',\n    Close = 'Close',\n    Remove = 'Remove',\n    Add = 'Add',\n    Dropdown = 'Dropdown',\n    Train = 'Train',\n    Taxi = 'Taxi',\n    Share = 'Share',\n    Print = 'Print',\n    LogOut = 'Log-Out',\n    Error = 'Error',\n    Edit = 'Edit',\n    Bus = 'Bus',\n    Airplane = 'Airplane',\n    Menu = 'Menu',\n    LootBag = 'loot-bag',\n    LateCheckout = 'Late-Checkout',\n    RoomSize = 'Room-Size',\n    RoomUpgrade = 'Room-Upgrade',\n    Champagne = 'Champagne',\n    Eye = 'Eye',\n    EyeBlocked = 'EyeBlocked',\n    Delete = 'Delete',\n}\n\nexport interface IconProps {\n    icon: IconType;\n    size?: string;\n    name?: string;\n\n    color?: Color;\n    backgroundColor?: Color;\n\n    noPadding?: boolean;\n\n    onClick?: () => void;\n    borderRadius?: 'oval' | 'round';\n    className?: string;\n}\n\nexport function IconDropdown() {\n    return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n    return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n    const defaultProps: IconProps = {\n        size: '18px',\n        ...props,\n    };\n\n    const name = props.name || defaultProps.icon;\n\n    // TODO: remove the diji-icon class from all external uses.\n    const classes = classNames(styles['diji-icon'], props.className, (styles as any)[`diji-icon${defaultProps.icon}`], 'diji-icon', {\n        [styles['--has-bg']]: !!defaultProps.backgroundColor,\n        [styles['--clickable']]: defaultProps.onClick,\n        'u-pad-none': props.noPadding,\n        [(styles as any)[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,\n    });\n\n    const extraProps: any = {};\n\n    if (defaultProps.onClick) {\n        extraProps.onClick = defaultProps.onClick;\n    }\n\n    const style: any = {\n        fontSize: defaultProps.size,\n    };\n\n    if (defaultProps.color) {\n        style.color = defaultProps.color;\n    }\n\n    if (defaultProps.backgroundColor) {\n        style.backgroundColor = defaultProps.backgroundColor;\n    }\n\n    return <i className={classes} style={style} {...extraProps} name={name} />;\n}\n"]}

package/dist/src/components/generic/IconText/IconText.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("../Icon/Icon"));
 const Text_1 = __importStar(require("../Text"));
 const IconText_module_scss_1 = __importDefault(require("./IconText.module.scss"));
@@ -39,9 +39,10 @@ const defaultIconProps = {
     color: Color_1.Color.Grey,
 };
 const IconText = ({ IconProps, TextProps, icon, children }) => {
-    return (React.createElement("div", { className: (0, classnames_1.default)('u-flex', 'u-flex-flex-start', IconText_module_scss_1.default.root) },
-        icon && React.createElement("div", { className: IconText_module_scss_1.default.icon }, React.createElement(Icon_1.default, Object.assign({ icon: icon }, Object.assign(Object.assign({}, defaultIconProps), IconProps)))),
-        React.createElement(Text_1.default, Object.assign({}, Object.assign(Object.assign({}, defaultTextProps), (TextProps || {}))), children)));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('u-flex', 'u-flex-flex-start', IconText_module_scss_1.default.root) },
+        icon && (react_1.default.createElement("div", { className: IconText_module_scss_1.default.icon },
+            react_1.default.createElement(Icon_1.default, Object.assign({ icon: icon }, Object.assign(Object.assign({}, defaultIconProps), IconProps))))),
+        react_1.default.createElement(Text_1.default, Object.assign({}, Object.assign(Object.assign({}, defaultTextProps), (TextProps || {}))), children)));
 };
 exports.default = IconText;
 //# sourceMappingURL=IconText.js.map

package/dist/src/components/generic/IconText/IconText.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconText.js","sourceRoot":"/","sources":["src/components/generic/IconText/IconText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,0EAAiE;AACjE,kEAAsE;AACtE,kFAA4C;AAC5C,4DAAoC;AACpC,wCAAqC;AAErC,MAAM,gBAAgB,GAAgC;IAClD,IAAI,EAAE,eAAQ,CAAC,KAAK;CACvB,CAAC;AAEF,MAAM,gBAAgB,GAA4B;IAC9C,KAAK,EAAE,aAAK,CAAC,IAAI;CACpB,CAAC;AAQF,MAAM,QAAQ,GAAsB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,OAAO,CACH,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,QAAQ,EAAE,mBAAmB,EAAE,8BAAM,CAAC,IAAI,CAAC;QACjE,IAAI,IAAI,6BAAK,SAAS,EAAE,8BAAM,CAAC,IAAI,IAAG,oBAAC,cAAI,kBAAC,IAAI,EAAE,IAAI,oCAAW,gBAAgB,GAAK,SAAS,GAAM,CAAO;QAC7G,oBAAC,cAAI,oDAAU,gBAAgB,GAAK,CAAC,SAAS,IAAI,EAAE,CAAC,IAAK,QAAQ,CAAQ,CACxE,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport { FC, PropsWithChildren } from 'react';\nimport Icon, { IconProps } from '@/components/generic/Icon/Icon';\nimport Text, { TextProps, TextType } from '@/components/generic/Text';\nimport styles from './IconText.module.scss';\nimport classNames from 'classnames';\nimport { Color } from '@/util/Color';\n\nconst defaultTextProps: Omit<TextProps, 'children'> = {\n    type: TextType.Small,\n};\n\nconst defaultIconProps: Omit<IconProps, 'icon'> = {\n    color: Color.Grey,\n};\n\ninterface IconTextProps extends PropsWithChildren<any> {\n    IconProps?: Omit<IconProps, 'icon'>;\n    TextProps?: Omit<TextProps, 'children'>;\n    icon?: IconProps['icon'];\n}\n\nconst IconText: FC<IconTextProps> = ({ IconProps, TextProps, icon, children }) => {\n    return (\n        <div className={classNames('u-flex', 'u-flex-flex-start', styles.root)}>\n            {icon && <div className={styles.icon}>{<Icon icon={icon} {...{ ...defaultIconProps, ...IconProps }} />}</div>}\n            <Text {...{ ...defaultTextProps, ...(TextProps || {}) }}>{children}</Text>\n        </div>\n    );\n};\n\nexport default IconText;\n"]}
+{"version":3,"file":"IconText.js","sourceRoot":"/","sources":["src/components/generic/IconText/IconText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,0EAAiE;AACjE,kEAAsE;AACtE,kFAA4C;AAC5C,4DAAoC;AACpC,wCAAqC;AAErC,MAAM,gBAAgB,GAAgC;IAClD,IAAI,EAAE,eAAQ,CAAC,KAAK;CACvB,CAAC;AAEF,MAAM,gBAAgB,GAA4B;IAC9C,KAAK,EAAE,aAAK,CAAC,IAAI;CACpB,CAAC;AAQF,MAAM,QAAQ,GAAsB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,QAAQ,EAAE,mBAAmB,EAAE,8BAAM,CAAC,IAAI,CAAC;QACjE,IAAI,IAAI,CACL,uCAAK,SAAS,EAAE,8BAAM,CAAC,IAAI;YACvB,8BAAC,cAAI,kBAAC,IAAI,EAAE,IAAI,oCAAW,gBAAgB,GAAK,SAAS,GAAM,CAC7D,CACT;QACD,8BAAC,cAAI,oDAAU,gBAAgB,GAAK,CAAC,SAAS,IAAI,EAAE,CAAC,IAAK,QAAQ,CAAQ,CACxE,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport { FC, PropsWithChildren } from 'react';\nimport Icon, { IconProps } from '@/components/generic/Icon/Icon';\nimport Text, { TextProps, TextType } from '@/components/generic/Text';\nimport styles from './IconText.module.scss';\nimport classNames from 'classnames';\nimport { Color } from '@/util/Color';\n\nconst defaultTextProps: Omit<TextProps, 'children'> = {\n    type: TextType.Small,\n};\n\nconst defaultIconProps: Omit<IconProps, 'icon'> = {\n    color: Color.Grey,\n};\n\ninterface IconTextProps extends PropsWithChildren<any> {\n    IconProps?: Omit<IconProps, 'icon'>;\n    TextProps?: Omit<TextProps, 'children'>;\n    icon?: IconProps['icon'];\n}\n\nconst IconText: FC<IconTextProps> = ({ IconProps, TextProps, icon, children }) => {\n    return (\n        <div className={classNames('u-flex', 'u-flex-flex-start', styles.root)}>\n            {icon && (\n                <div className={styles.icon}>\n                    <Icon icon={icon} {...{ ...defaultIconProps, ...IconProps }} />\n                </div>\n            )}\n            <Text {...{ ...defaultTextProps, ...(TextProps || {}) }}>{children}</Text>\n        </div>\n    );\n};\n\nexport default IconText;\n"]}