@roomstay/frontend 2.6.82 → 2.6.84

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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)

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 { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport * as dayjs from 'dayjs';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport DateRangePicker, { DatePickerProps } from '@/components/generic/DateRangePicker/DateRangePicker';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\nimport styles from './DateRangePicker.module.scss';\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    notes?: React.ReactNode;\n    onOverlayOpenChange?: (isOpen: boolean) => void;\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 {\n        children,\n        notes,\n        startDate: startDateProp,\n        endDate: endDateProp,\n        selectedDateChanged: selectedDateChangedProp,\n        className,\n        overlay,\n        showYearOnCalendar,\n        yearDisplayOption,\n        onOverlayOpenChange,\n        ...DatePickerProps\n    } = 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    useEffect(() => {\n        onOverlayOpenChange?.(isOpen);\n        return () => {\n            onOverlayOpenChange?.(false);\n        };\n    }, [isOpen]);\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                showYearOnCalendar={showYearOnCalendar}\n                yearDisplayOption={yearDisplayOption}\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']]: props.theme === EBookingWizardTheme.Specific,\n                    [styles['--images']]: props.theme === EBookingWizardTheme.Images,\n                    [styles['--single']]: !DatePickerProps.showMultipleMonths,\n                })}\n            >\n                {inner}\n                {notes}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAAoC;AAEpC,+CAA2D;AAE3D,2GAAwG;AACxG,kEAA+D;AAE/D,kEAAqE;AACrE,gGAAmD;AA4BnD,MAAM,uBAAuB,GAAG,eAAK,CAAC,UAAU,CAA8D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACzH,MAAM,EACF,QAAQ,EACR,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,mBAAmB,EAAE,uBAAuB,EAC5C,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,KAEnB,KAAK,EADF,eAAe,UAClB,KAAK,EAZH,8JAYL,CAAQ,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAExD,eAAK,CAAC,mBAAmB,CACrB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACH,WAAW,EAAE,cAAc;QAC3B,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;KACnC,CAAC,EACF,EAAE,CACL,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;QACjD,IAAI,uBAAuB,IAAI,SAAS,EAAE,CAAC;YACvC,uBAAuB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,SAAS,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,IAAS,EAAE,EAAE;QAC5C,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,MAAM,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACR,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,CACV,uCAAK,SAAS,EAAC,uCAAuC;QAClD,8BAAC,yBAAe,kBACZ,iBAAiB,EAAE,aAAa,EAChC,eAAe,EAAE,WAAW,EAC5B,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,IAChC,eAAe,EACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,IAC9D,QAAQ,CACP;QACN,8BAAC,iBAAO,kBACJ,MAAM,EAAE,KAAK,CAAC,aAAa,EAC3B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,KAAI,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,CAAA,EAC/E,aAAa,EAAE,KAAK,CAAC,SAAS,IAAI,WAAW,CAAC,OAAO,IACjD,CAAC,OAAO,IAAI,EAAE,CAAC,IACnB,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,4BAA4B,CAAC,EAAE;gBACxD,CAAC,qCAAM,CAAC,SAAS,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK;gBAC1C,CAAC,qCAAM,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,KAAK,mCAAmB,CAAC,QAAQ;gBACpE,CAAC,qCAAM,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,KAAK,mCAAmB,CAAC,MAAM;gBAChE,CAAC,qCAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,kBAAkB;aAC5D,CAAC;YAED,KAAK;YACL,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEhE,kBAAe,uBAAuB,CAAC","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport * as dayjs from 'dayjs';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport DateRangePicker, { DatePickerProps } from '@/components/generic/DateRangePicker/DateRangePicker';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\nimport styles from './DateRangePicker.module.scss';\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    notes?: React.ReactNode;\n    onOverlayOpenChange?: (isOpen: boolean) => void;\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 {\n        children,\n        notes,\n        startDate: startDateProp,\n        endDate: endDateProp,\n        selectedDateChanged: selectedDateChangedProp,\n        className,\n        overlay,\n        showYearOnCalendar,\n        yearDisplayOption,\n        onOverlayOpenChange,\n        ...DatePickerProps\n    } = 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    useEffect(() => {\n        onOverlayOpenChange?.(isOpen);\n        return () => {\n            onOverlayOpenChange?.(false);\n        };\n    }, [isOpen]);\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                showYearOnCalendar={showYearOnCalendar}\n                yearDisplayOption={yearDisplayOption}\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']]: props.theme === EBookingWizardTheme.Specific,\n                    [styles['--images']]: props.theme === EBookingWizardTheme.Images,\n                    [styles['--single']]: !DatePickerProps.showMultipleMonths,\n                })}\n            >\n                {inner}\n                {notes}\n            </Overlay>\n        </>\n    );\n});\n\nFloatingDateRangePicker.displayName = 'FloatingDateRangePicker';\n\nexport default FloatingDateRangePicker;\n"]}

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.default = Distance;
 const contexts_1 = require("../../contexts/index.js");
 const DistanceUnitType_types_1 = require("models/Client/Hotel/DistanceUnitType.types");
 const react_1 = __importStar(require("react"));
@@ -43,5 +54,4 @@ function Distance({ distance, unit }) {
         return react_1.default.createElement(react_1.default.Fragment, null, [transportDistance, distanceUnit].join(withASpace ? ' ' : ''));
     }, [distance, unit, hotelOverridesContext === null || hotelOverridesContext === void 0 ? void 0 : hotelOverridesContext.distanceUnitType]);
 }
-exports.default = Distance;
 //# sourceMappingURL=Distance.js.map

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,iDAA2D;AAC3D,uFAA8E;AAC9E,+CAAuC;AAEvC,oFAA4D;AAO5D,SAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAiB;IAC9D,MAAM,qBAAqB,GAAG,eAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IACtE,MAAM,kBAAkB,GAAG,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAgB,MAAK,yCAAgB,CAAC,IAAI,CAAC;IAC7F,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,YAAY,GAAG,kBAAkB,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,0BAAgB,CAAC,oBAAoB,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAoC,CAAC,CAAC;QAE5J,IAAI,iBAAiB,GAAG,QAAQ,CAAC;QACjC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,iBAAiB,GAAG,0BAAgB,CAAC,SAAS,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAoC,EAAE,QAAQ,CAAC,CAAC;SACzH;QACD,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,KAAK,CAAC;QAClE,OAAO,8DAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAI,CAAC;IAChF,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAgB,CAAC,CAAC,CAAC;AAClE,CAAC;AAbD,2BAaC","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { DistanceUnitType } from 'models/Client/Hotel/DistanceUnitType.types';\nimport React, { useMemo } from 'react';\n\nimport DistanceProvider from '@/providers/DistanceProvider';\n\ninterface DistanceProps {\n    distance: number | string;\n    unit?: string;\n}\n\nexport default function Distance({ distance, unit }: DistanceProps) {\n    const hotelOverridesContext = React.useContext(HotelOverridesContext);\n    const isDistanceUnitTime = hotelOverridesContext?.distanceUnitType === DistanceUnitType.Time;\n    return useMemo(() => {\n        const distanceUnit = isDistanceUnitTime && unit ? unit : DistanceProvider.getMeasurementString(hotelOverridesContext?.distanceUnitType as DistanceUnitType);\n\n        let transportDistance = distance;\n        if (typeof distance !== 'string') {\n            transportDistance = DistanceProvider.convertTo(hotelOverridesContext?.distanceUnitType as DistanceUnitType, distance);\n        }\n        const withASpace = ['hrs', 'km'].includes(distanceUnit) === false;\n        return <>{[transportDistance, distanceUnit].join(withASpace ? ' ' : '')}</>;\n    }, [distance, unit, hotelOverridesContext?.distanceUnitType]);\n}\n"]}
+{"version":3,"file":"Distance.js","sourceRoot":"/","sources":["src/components/generic/Distance.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,2BAaC;AAxBD,iDAA2D;AAC3D,uFAA8E;AAC9E,+CAAuC;AAEvC,oFAA4D;AAO5D,SAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAiB;IAC9D,MAAM,qBAAqB,GAAG,eAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IACtE,MAAM,kBAAkB,GAAG,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAgB,MAAK,yCAAgB,CAAC,IAAI,CAAC;IAC7F,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,YAAY,GAAG,kBAAkB,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,0BAAgB,CAAC,oBAAoB,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAoC,CAAC,CAAC;QAE5J,IAAI,iBAAiB,GAAG,QAAQ,CAAC;QACjC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC/B,iBAAiB,GAAG,0BAAgB,CAAC,SAAS,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAoC,EAAE,QAAQ,CAAC,CAAC;QAC1H,CAAC;QACD,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,KAAK,CAAC;QAClE,OAAO,8DAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAI,CAAC;IAChF,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAgB,CAAC,CAAC,CAAC;AAClE,CAAC","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { DistanceUnitType } from 'models/Client/Hotel/DistanceUnitType.types';\nimport React, { useMemo } from 'react';\n\nimport DistanceProvider from '@/providers/DistanceProvider';\n\ninterface DistanceProps {\n    distance: number | string;\n    unit?: string;\n}\n\nexport default function Distance({ distance, unit }: DistanceProps) {\n    const hotelOverridesContext = React.useContext(HotelOverridesContext);\n    const isDistanceUnitTime = hotelOverridesContext?.distanceUnitType === DistanceUnitType.Time;\n    return useMemo(() => {\n        const distanceUnit = isDistanceUnitTime && unit ? unit : DistanceProvider.getMeasurementString(hotelOverridesContext?.distanceUnitType as DistanceUnitType);\n\n        let transportDistance = distance;\n        if (typeof distance !== 'string') {\n            transportDistance = DistanceProvider.convertTo(hotelOverridesContext?.distanceUnitType as DistanceUnitType, distance);\n        }\n        const withASpace = ['hrs', 'km'].includes(distanceUnit) === false;\n        return <>{[transportDistance, distanceUnit].join(withASpace ? ' ' : '')}</>;\n    }, [distance, unit, hotelOverridesContext?.distanceUnitType]);\n}\n"]}

package/dist/src/components/generic/Event/EventCard.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/generic/Event/EventCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventCard.js","sourceRoot":"/","sources":["src/components/generic/Event/EventCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IRoomstayEvent } from '@roomstay/core';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { FC, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport RatioImage from '@/components/generic/RatioImage/RatioImage';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './EventCard.module.scss';\n\nexport interface EventCardInterface {\n    ratio: number;\n    event: IRoomstayEvent;\n}\n\nconst EventCard: FC<EventCardInterface> = ({ event, ratio }) => {\n    const { t } = useTranslation();\n    const [collapsed, setCollapsed] = useState<boolean>(true);\n\n    const onClickToggleCollapse = (buttonEvent: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        setCollapsed(!collapsed);\n        buttonEvent.preventDefault();\n        buttonEvent.stopPropagation();\n    };\n\n    const onClickMoreLink = (buttonEvent: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        window.open(event.url, '_blank', 'noreferrer');\n        buttonEvent.preventDefault();\n        buttonEvent.stopPropagation();\n    };\n\n    const displayEventTime = () => {\n        const startDate = event.startDate ? dayjs(event.startDate) : undefined;\n        const endDate = event.endDate ? dayjs(event.endDate) : undefined;\n        if ([startDate, endDate].some((date) => !date)) {\n            return `${startDate ? startDate.format(`ddd, MMM D, h:mmA`) : 'Now'}${endDate ? ` - ${endDate.format(`ddd, MMM D, h:mmA`)}` : ''}`;\n        } else {\n            if (startDate!.isSame(endDate, 'date')) {\n                return `${startDate!.format(`ddd, MMM D, h:mmA`)} - ${endDate!.format(`h:mmA`)}`;\n            } else return `${startDate!.format(`ddd, MMM D, h:mmA`)} - ${endDate!.format(`ddd, MMM D, h:mmA`)}`;\n        }\n    };\n\n    return (\n        <div className={styles.root}>\n            <RatioImage\n                src={`${event?.image?.url}`}\n                ratio={ratio}\n                style={{\n                    backgroundRepeat: 'no-repeat',\n                    backgroundPosition: 'top center',\n                }}\n            />\n            <div className={styles.categoryMask}>\n                <Text align={TextAlign.Right} color={Color.White} bold>\n                    {event.tags?.[0]?.display_name}\n                </Text>\n            </div>\n            <div className={styles.content}>\n                <div className={classNames(styles.header)}>\n                    <div>\n                        <Text\n                            className={classNames({\n                                'u-text-overflow-ellipsis-1': collapsed,\n                                'u-text-overflow-ellipsis-2': !collapsed,\n                            })}\n                            bold\n                            color={Color.Navy}\n                        >\n                            {event.name}\n                        </Text>\n                        <Text color={Color.Accent} bold>\n                            {event.eventTimeDescription ? event.eventTimeDescription : displayEventTime()}\n                        </Text>\n                    </div>\n                    <button className={classNames(styles.collapButton, 'u-cursor-pointer', '--no-icon-animate')} onClick={onClickToggleCollapse}>\n                        <Icon className={classNames(styles.buttonIcon)} color={Color.Accent} icon={collapsed ? IconType.ArrowUp3 : IconType.ArrowDown3} size=\"18px\" />\n                    </button>\n                </div>\n                <AutoAutoHeight open={!collapsed}>\n                    <div className=\"u-pad-top--light\">\n                        <Text type={TextType.Small} color={Color.Accent}>\n                            {[event?.address?.line1, event?.address?.line2, event?.address?.city].filter((item) => !!item).join(', ')}\n                        </Text>\n                        <Text className=\"u-text-overflow-ellipsis-3\" color={Color.DarkGrey} type={TextType.Small}>\n                            {event.summary}\n                        </Text>\n                    </div>\n\n                    {event.url && (\n                        <button className={classNames(styles.linkButton, '--no-icon-animate')} onClick={onClickMoreLink}>\n                            <Text className={classNames(styles.footer, 'u-flex', 'u-flex-gap--light', 'u-flex-align-center')} type={TextType.Label} color={Color.Accent}>\n                                <div>{t(Translation.Misc.MoreInfo)}</div>\n                                <Icon icon={IconType.ArrowRight} />\n                            </Text>\n                        </button>\n                    )}\n                </AutoAutoHeight>\n            </div>\n        </div>\n    );\n};\n\nexport default EventCard;\n"]}
+{"version":3,"file":"EventCard.js","sourceRoot":"/","sources":["src/components/generic/Event/EventCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IRoomstayEvent } from '@roomstay/core';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { FC, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport RatioImage from '@/components/generic/RatioImage/RatioImage';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './EventCard.module.scss';\n\nexport interface EventCardInterface {\n    ratio: number;\n    event: IRoomstayEvent;\n}\n\nconst EventCard: FC<EventCardInterface> = ({ event, ratio }) => {\n    const { t } = useTranslation();\n    const [collapsed, setCollapsed] = useState<boolean>(true);\n\n    const onClickToggleCollapse = (buttonEvent: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        setCollapsed(!collapsed);\n        buttonEvent.preventDefault();\n        buttonEvent.stopPropagation();\n    };\n\n    const onClickMoreLink = (buttonEvent: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        window.open(event.url, '_blank', 'noreferrer');\n        buttonEvent.preventDefault();\n        buttonEvent.stopPropagation();\n    };\n\n    const displayEventTime = () => {\n        const startDate = event.startDate ? dayjs(event.startDate) : undefined;\n        const endDate = event.endDate ? dayjs(event.endDate) : undefined;\n        if ([startDate, endDate].some((date) => !date)) {\n            return `${startDate ? startDate.format(`ddd, MMM D, h:mmA`) : 'Now'}${endDate ? ` - ${endDate.format(`ddd, MMM D, h:mmA`)}` : ''}`;\n        } else {\n            if (startDate!.isSame(endDate, 'date')) {\n                return `${startDate!.format(`ddd, MMM D, h:mmA`)} - ${endDate!.format(`h:mmA`)}`;\n            } else return `${startDate!.format(`ddd, MMM D, h:mmA`)} - ${endDate!.format(`ddd, MMM D, h:mmA`)}`;\n        }\n    };\n\n    return (\n        <div className={styles.root}>\n            <RatioImage\n                src={`${event?.image?.url}`}\n                ratio={ratio}\n                style={{\n                    backgroundRepeat: 'no-repeat',\n                    backgroundPosition: 'top center',\n                }}\n            />\n            <div className={styles.categoryMask}>\n                <Text align={TextAlign.Right} color={Color.White} bold>\n                    {event.tags?.[0]?.display_name}\n                </Text>\n            </div>\n            <div className={styles.content}>\n                <div className={classNames(styles.header)}>\n                    <div>\n                        <Text\n                            className={classNames({\n                                'u-text-overflow-ellipsis-1': collapsed,\n                                'u-text-overflow-ellipsis-2': !collapsed,\n                            })}\n                            bold\n                            color={Color.Navy}\n                        >\n                            {event.name}\n                        </Text>\n                        <Text color={Color.Accent} bold>\n                            {event.eventTimeDescription ? event.eventTimeDescription : displayEventTime()}\n                        </Text>\n                    </div>\n                    <button className={classNames(styles.collapButton, 'u-cursor-pointer', '--no-icon-animate')} onClick={onClickToggleCollapse}>\n                        <Icon className={classNames(styles.buttonIcon)} color={Color.Accent} icon={collapsed ? IconType.ArrowUp3 : IconType.ArrowDown3} size=\"18px\" />\n                    </button>\n                </div>\n                <AutoAutoHeight open={!collapsed}>\n                    <div className=\"u-pad-top--light\">\n                        <Text type={TextType.Small} color={Color.Accent}>\n                            {[event?.address?.line1, event?.address?.line2, event?.address?.city].filter((item) => !!item).join(', ')}\n                        </Text>\n                        <Text className=\"u-text-overflow-ellipsis-3\" color={Color.DarkGrey} type={TextType.Small}>\n                            {event.summary}\n                        </Text>\n                    </div>\n\n                    {event.url && (\n                        <button className={classNames(styles.linkButton, '--no-icon-animate')} onClick={onClickMoreLink}>\n                            <Text className={classNames(styles.footer, 'u-flex', 'u-flex-gap--light', 'u-flex-align-center')} type={TextType.Label} color={Color.Accent}>\n                                <div>{t(Translation.Misc.MoreInfo)}</div>\n                                <Icon icon={IconType.ArrowRight} />\n                            </Text>\n                        </button>\n                    )}\n                </AutoAutoHeight>\n            </div>\n        </div>\n    );\n};\n\nexport default EventCard;\n"]}

package/dist/src/components/generic/Event/EventCarousel.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/generic/Event/EventCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventCarousel.js","sourceRoot":"/","sources":["src/components/generic/Event/EventCarousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IRoomstayEvent } from '@roomstay/core';\nimport classNames from 'classnames';\nimport React, { FC, PropsWithChildren, useMemo, useState } from 'react';\nimport { Navigation } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport EventCard from '@/components/generic/Event/EventCard';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport styles from './EventCarousel.module.scss';\n\nexport interface EventCarouselProps {\n    small?: boolean;\n    data?: IRoomstayEvent[];\n    defaultExpanded?: boolean;\n}\n\nconst EventCarousel: FC<EventCarouselProps> = ({ small = false, data = [], defaultExpanded = false }) => {\n    const [expanded, setExpanded] = useState<boolean>(defaultExpanded);\n    const commonTitleProps = useMemo(\n        () => ({\n            color: Color.Accent,\n            className: classNames({\n                [styles.titleWidthLimited]: small,\n            }),\n        }),\n        [small]\n    );\n    const headlineProps = useMemo(\n        () =>\n            small\n                ? {\n                      ...commonTitleProps,\n                      type: TextType.Body,\n                      bold: true,\n                  }\n                : {\n                      ...commonTitleProps,\n                      size: 'large',\n                  },\n        [small]\n    );\n\n    const [TitleComponent, titleProps]: [FC, PropsWithChildren<any>] = useMemo(() => [small ? Text : Headline, headlineProps], [small]);\n\n    return (\n        <div className=\"u-w-fluid u-pad-bottom\">\n            <div className=\"container\">\n                <div\n                    className={styles.headline}\n                    onClick={() => {\n                        setExpanded(!expanded);\n                    }}\n                >\n                    <div\n                        className={classNames('u-flex u-w-100', 'u-flex-nowrap', 'u-flex-gap', 'u-flex-align-center', {\n                            'u-flex-justify-flex-start': !small,\n                            'u-flex-justify-space-between': small,\n                        })}\n                    >\n                        <TitleComponent {...titleProps}>We recommend during your stay</TitleComponent>\n                        <Icon icon={!expanded ? IconType.ArrowDown3 : IconType.ArrowUp3} color={Color.Accent} size={small ? '18px' : '32px'} />\n                    </div>\n                </div>\n            </div>\n            <AutoAutoHeight open={expanded} startOpen={expanded}>\n                <div className=\"u-pad-top--medium\">\n                    <div className={styles.swiperContainer}>\n                        <div className=\"container\">\n                            <Swiper\n                                navigation={!small}\n                                modules={[Navigation]}\n                                spaceBetween={small ? 20 : 30}\n                                slidesPerView={small ? 1.2 : 'auto'}\n                                // Prevent Swiper Slide move on click event\n                                noSwipingSelector=\"button\"\n                            >\n                                {data.map((event, index) => (\n                                    <SwiperSlide\n                                        style={{\n                                            width: small ? undefined : 524,\n                                        }}\n                                        key={index}\n                                    >\n                                        <EventCard ratio={small ? 380 / 345 : 380 / 524} event={event} />\n                                    </SwiperSlide>\n                                ))}\n                            </Swiper>\n                        </div>\n                    </div>\n                </div>\n            </AutoAutoHeight>\n        </div>\n    );\n};\n\nexport default EventCarousel;\n"]}
+{"version":3,"file":"EventCarousel.js","sourceRoot":"/","sources":["src/components/generic/Event/EventCarousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IRoomstayEvent } from '@roomstay/core';\nimport classNames from 'classnames';\nimport React, { FC, PropsWithChildren, useMemo, useState } from 'react';\nimport { Navigation } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport EventCard from '@/components/generic/Event/EventCard';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport styles from './EventCarousel.module.scss';\n\nexport interface EventCarouselProps {\n    small?: boolean;\n    data?: IRoomstayEvent[];\n    defaultExpanded?: boolean;\n}\n\nconst EventCarousel: FC<EventCarouselProps> = ({ small = false, data = [], defaultExpanded = false }) => {\n    const [expanded, setExpanded] = useState<boolean>(defaultExpanded);\n    const commonTitleProps = useMemo(\n        () => ({\n            color: Color.Accent,\n            className: classNames({\n                [styles.titleWidthLimited]: small,\n            }),\n        }),\n        [small]\n    );\n    const headlineProps = useMemo(\n        () =>\n            small\n                ? {\n                      ...commonTitleProps,\n                      type: TextType.Body,\n                      bold: true,\n                  }\n                : {\n                      ...commonTitleProps,\n                      size: 'large',\n                  },\n        [small]\n    );\n\n    const [TitleComponent, titleProps]: [FC, PropsWithChildren<any>] = useMemo(() => [small ? Text : Headline, headlineProps], [small]);\n\n    return (\n        <div className=\"u-w-fluid u-pad-bottom\">\n            <div className=\"container\">\n                <div\n                    className={styles.headline}\n                    onClick={() => {\n                        setExpanded(!expanded);\n                    }}\n                >\n                    <div\n                        className={classNames('u-flex u-w-100', 'u-flex-nowrap', 'u-flex-gap', 'u-flex-align-center', {\n                            'u-flex-justify-flex-start': !small,\n                            'u-flex-justify-space-between': small,\n                        })}\n                    >\n                        <TitleComponent {...titleProps}>We recommend during your stay</TitleComponent>\n                        <Icon icon={!expanded ? IconType.ArrowDown3 : IconType.ArrowUp3} color={Color.Accent} size={small ? '18px' : '32px'} />\n                    </div>\n                </div>\n            </div>\n            <AutoAutoHeight open={expanded} startOpen={expanded}>\n                <div className=\"u-pad-top--medium\">\n                    <div className={styles.swiperContainer}>\n                        <div className=\"container\">\n                            <Swiper\n                                navigation={!small}\n                                modules={[Navigation]}\n                                spaceBetween={small ? 20 : 30}\n                                slidesPerView={small ? 1.2 : 'auto'}\n                                // Prevent Swiper Slide move on click event\n                                noSwipingSelector=\"button\"\n                            >\n                                {data.map((event, index) => (\n                                    <SwiperSlide\n                                        style={{\n                                            width: small ? undefined : 524,\n                                        }}\n                                        key={index}\n                                    >\n                                        <EventCard ratio={small ? 380 / 345 : 380 / 524} event={event} />\n                                    </SwiperSlide>\n                                ))}\n                            </Swiper>\n                        </div>\n                    </div>\n                </div>\n            </AutoAutoHeight>\n        </div>\n    );\n};\n\nexport default EventCarousel;\n"]}

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForwardedSelect = void 0;
 const react_1 = __importStar(require("react"));

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,+CAA0C;AAa7B,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, { 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,+CAA0C;AAa7B,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, { 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/GroupedCheckInOutTimes/GroupedCheckInOutTimes.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedCheckInOutTimes.js","sourceRoot":"/","sources":["src/components/generic/GroupedCheckInOutTimes/GroupedCheckInOutTimes.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAGvD,mEAA2C;AAE3C,0EAAkD;AAW3C,MAAM,sBAAsB,GAA0C,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,EAAE;;IAClK,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAI,CAAC,KAAK;QACN,OAAO,CACH,uCAAK,SAAS,EAAE,gBAAgB;YAC5B,uCACI,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;oBACH,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACjB;gBAED,8BAAC,sBAAY,OAAG,CACd,CACJ,CACT,CAAC;IAEN,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAY,CAAC;IAC9C,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAa,CAAC;IAChD,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,UAAU,mCAAI,EAAE,CAAC;IAC1C,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;IAC3G,MAAM,YAAY,GAAa,EAAE,CAAC;IAClC,MAAM,aAAa,GAAa,EAAE,CAAC;IAEnC,IAAI,cAAc,EAAE;QAChB,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE;YAC5D,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,oBAAU,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACpG,MAAM,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,oBAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;YAExG,YAAY,CAAC,IAAI,CAAC,GAAG,SAAS,KAAK,gBAAgB,EAAE,CAAC,CAAC;YACvD,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,KAAK,iBAAiB,EAAE,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;KACN;SAAM;QACH,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;QACxE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,mBAAmB,EAAE,CAAC,CAAC;KAC9E;IAED,OAAO,CACH,uCAAK,SAAS,EAAE,gBAAgB;QAC5B,uCAAK,SAAS,EAAE,YAAY;YACxB,8BAAC,aAAa,OAAG;YAChB,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,8BAAC,UAAU,IAAC,GAAG,EAAE,WAAW,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CACtD,CAAC,CACA;QACN,uCAAK,SAAS,EAAE,YAAY;YACxB,8BAAC,cAAc,OAAG;YACjB,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,8BAAC,UAAU,IAAC,GAAG,EAAE,YAAY,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CACvD,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAtDW,QAAA,sBAAsB,0BAsDjC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport TimeHelper from '@/util/TimeHelper';\n\nimport SmallSpinner from '../loader/SmallSpinner';\n\ninterface GroupedCheckInOutTimesProps {\n    hotel: Hotel | undefined;\n    wrapperClassName: string;\n    colClassName: string;\n    CheckInRender: () => JSX.Element;\n    CheckOutRender: () => JSX.Element;\n    LineRender: (params: { line: string }) => JSX.Element;\n}\n\nexport const GroupedCheckInOutTimes: React.FC<GroupedCheckInOutTimesProps> = ({ hotel, wrapperClassName, colClassName, CheckInRender, CheckOutRender, LineRender }) => {\n    const { t } = useTranslation();\n\n    if (!hotel)\n        return (\n            <div className={wrapperClassName}>\n                <div\n                    className=\"d-flex justify-content-center align-items-center\"\n                    style={{\n                        width: '100%',\n                        height: '100%',\n                    }}\n                >\n                    <SmallSpinner />\n                </div>\n            </div>\n        );\n\n    const defaultCheckInTime = hotel.checkInTime!;\n    const defaultCheckOutTime = hotel.checkOutTime!;\n    const roomGroups = hotel.roomGroups ?? [];\n    const hasCustomTimes = roomGroups.some(({ checkInTime, checkOutTime }) => !!checkInTime || !!checkOutTime);\n    const checkInLines: string[] = [];\n    const checkOutLines: string[] = [];\n\n    if (hasCustomTimes) {\n        roomGroups.forEach(({ groupName, checkInTime, checkOutTime }) => {\n            const checkInFormatted = checkInTime ? TimeHelper.convert24To12hr(checkInTime) : defaultCheckInTime;\n            const checkOutFormatted = checkOutTime ? TimeHelper.convert24To12hr(checkOutTime) : defaultCheckOutTime;\n\n            checkInLines.push(`${groupName}: ${checkInFormatted}`);\n            checkOutLines.push(`${groupName}: ${checkOutFormatted}`);\n        });\n    } else {\n        checkInLines.push(`${t(Translation.Misc.After)} ${defaultCheckInTime}`);\n        checkOutLines.push(`${t(Translation.Misc.Before)} ${defaultCheckOutTime}`);\n    }\n\n    return (\n        <div className={wrapperClassName}>\n            <div className={colClassName}>\n                <CheckInRender />\n                {checkInLines.map((line, index) => (\n                    <LineRender key={`checkin-${index}`} line={line} />\n                ))}\n            </div>\n            <div className={colClassName}>\n                <CheckOutRender />\n                {checkOutLines.map((line, index) => (\n                    <LineRender key={`checkout-${index}`} line={line} />\n                ))}\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"GroupedCheckInOutTimes.js","sourceRoot":"/","sources":["src/components/generic/GroupedCheckInOutTimes/GroupedCheckInOutTimes.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAGvD,mEAA2C;AAE3C,0EAAkD;AAW3C,MAAM,sBAAsB,GAA0C,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,EAAE;;IAClK,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAI,CAAC,KAAK;QACN,OAAO,CACH,uCAAK,SAAS,EAAE,gBAAgB;YAC5B,uCACI,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;oBACH,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACjB;gBAED,8BAAC,sBAAY,OAAG,CACd,CACJ,CACT,CAAC;IAEN,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAY,CAAC;IAC9C,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAa,CAAC;IAChD,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,UAAU,mCAAI,EAAE,CAAC;IAC1C,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;IAC3G,MAAM,YAAY,GAAa,EAAE,CAAC;IAClC,MAAM,aAAa,GAAa,EAAE,CAAC;IAEnC,IAAI,cAAc,EAAE,CAAC;QACjB,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE;YAC5D,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,oBAAU,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACpG,MAAM,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,oBAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;YAExG,YAAY,CAAC,IAAI,CAAC,GAAG,SAAS,KAAK,gBAAgB,EAAE,CAAC,CAAC;YACvD,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,KAAK,iBAAiB,EAAE,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACP,CAAC;SAAM,CAAC;QACJ,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;QACxE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,mBAAmB,EAAE,CAAC,CAAC;IAC/E,CAAC;IAED,OAAO,CACH,uCAAK,SAAS,EAAE,gBAAgB;QAC5B,uCAAK,SAAS,EAAE,YAAY;YACxB,8BAAC,aAAa,OAAG;YAChB,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,8BAAC,UAAU,IAAC,GAAG,EAAE,WAAW,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CACtD,CAAC,CACA;QACN,uCAAK,SAAS,EAAE,YAAY;YACxB,8BAAC,cAAc,OAAG;YACjB,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,8BAAC,UAAU,IAAC,GAAG,EAAE,YAAY,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CACvD,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAtDW,QAAA,sBAAsB,0BAsDjC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport TimeHelper from '@/util/TimeHelper';\n\nimport SmallSpinner from '../loader/SmallSpinner';\n\ninterface GroupedCheckInOutTimesProps {\n    hotel: Hotel | undefined;\n    wrapperClassName: string;\n    colClassName: string;\n    CheckInRender: () => JSX.Element;\n    CheckOutRender: () => JSX.Element;\n    LineRender: (params: { line: string }) => JSX.Element;\n}\n\nexport const GroupedCheckInOutTimes: React.FC<GroupedCheckInOutTimesProps> = ({ hotel, wrapperClassName, colClassName, CheckInRender, CheckOutRender, LineRender }) => {\n    const { t } = useTranslation();\n\n    if (!hotel)\n        return (\n            <div className={wrapperClassName}>\n                <div\n                    className=\"d-flex justify-content-center align-items-center\"\n                    style={{\n                        width: '100%',\n                        height: '100%',\n                    }}\n                >\n                    <SmallSpinner />\n                </div>\n            </div>\n        );\n\n    const defaultCheckInTime = hotel.checkInTime!;\n    const defaultCheckOutTime = hotel.checkOutTime!;\n    const roomGroups = hotel.roomGroups ?? [];\n    const hasCustomTimes = roomGroups.some(({ checkInTime, checkOutTime }) => !!checkInTime || !!checkOutTime);\n    const checkInLines: string[] = [];\n    const checkOutLines: string[] = [];\n\n    if (hasCustomTimes) {\n        roomGroups.forEach(({ groupName, checkInTime, checkOutTime }) => {\n            const checkInFormatted = checkInTime ? TimeHelper.convert24To12hr(checkInTime) : defaultCheckInTime;\n            const checkOutFormatted = checkOutTime ? TimeHelper.convert24To12hr(checkOutTime) : defaultCheckOutTime;\n\n            checkInLines.push(`${groupName}: ${checkInFormatted}`);\n            checkOutLines.push(`${groupName}: ${checkOutFormatted}`);\n        });\n    } else {\n        checkInLines.push(`${t(Translation.Misc.After)} ${defaultCheckInTime}`);\n        checkOutLines.push(`${t(Translation.Misc.Before)} ${defaultCheckOutTime}`);\n    }\n\n    return (\n        <div className={wrapperClassName}>\n            <div className={colClassName}>\n                <CheckInRender />\n                {checkInLines.map((line, index) => (\n                    <LineRender key={`checkin-${index}`} line={line} />\n                ))}\n            </div>\n            <div className={colClassName}>\n                <CheckOutRender />\n                {checkOutLines.map((line, index) => (\n                    <LineRender key={`checkout-${index}`} line={line} />\n                ))}\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Headline;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 function Headline(props) {
@@ -30,5 +31,4 @@ function Headline(props) {
     }
     return (react_1.default.createElement(Component, { 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":";;;;;AAAA,4DAAoC;AACpC,kDAAiD;AAiBjD,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,SAAS,GAAgC,IAAI,CAAC;IAElD,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,EAAE;QACvC,SAAS,GAAG,IAAI,CAAC;KACpB;SAAM,IAAI,cAAc,CAAC,IAAI,KAAK,QAAQ,EAAE;QACzC,SAAS,GAAG,IAAI,CAAC;KACpB;SAAM,IAAI,cAAc,CAAC,IAAI,KAAK,OAAO,EAAE;QACxC,SAAS,GAAG,IAAI,CAAC;KACpB;IAED,OAAO,CACH,8BAAC,SAAS,IAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IACvC,KAAK,CAAC,QAAQ,CACP,CACf,CAAC;AACN,CAAC;AAnCD,2BAmCC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren } from 'react';\n\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport interface HeadlineProps extends PropsWithChildren<any> {\n    bold?: boolean;\n    lineThrough?: boolean;\n    size?: 'extra-large' | 'large' | 'normal' | 'larger';\n    lineHeight?: '1em' | 'normal';\n    color?: Color;\n    align?: TextAlign;\n    className?: string;\n\n    [x: string]: React.ReactNode;\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    let Component: keyof JSX.IntrinsicElements = 'h4';\n\n    if (defaultedProps.size === 'extra-large') {\n        Component = 'h1';\n    } else if (defaultedProps.size === 'larger') {\n        Component = 'h2';\n    } else if (defaultedProps.size === 'large') {\n        Component = 'h3';\n    }\n\n    return (\n        <Component className={classes} style={styles}>\n            {props.children}\n        </Component>\n    );\n}\n"]}
+{"version":3,"file":"Headline.js","sourceRoot":"/","sources":["src/components/generic/Headline.tsx"],"names":[],"mappings":";;;;;AAkBA,2BAmCC;AArDD,4DAAoC;AACpC,kDAAiD;AAiBjD,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,CAAC;QACd,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAI,SAAS,GAAgC,IAAI,CAAC;IAElD,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;QACxC,SAAS,GAAG,IAAI,CAAC;IACrB,CAAC;SAAM,IAAI,cAAc,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC1C,SAAS,GAAG,IAAI,CAAC;IACrB,CAAC;SAAM,IAAI,cAAc,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACzC,SAAS,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,OAAO,CACH,8BAAC,SAAS,IAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IACvC,KAAK,CAAC,QAAQ,CACP,CACf,CAAC;AACN,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren } from 'react';\n\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport interface HeadlineProps extends PropsWithChildren<any> {\n    bold?: boolean;\n    lineThrough?: boolean;\n    size?: 'extra-large' | 'large' | 'normal' | 'larger';\n    lineHeight?: '1em' | 'normal';\n    color?: Color;\n    align?: TextAlign;\n    className?: string;\n\n    [x: string]: React.ReactNode;\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    let Component: keyof JSX.IntrinsicElements = 'h4';\n\n    if (defaultedProps.size === 'extra-large') {\n        Component = 'h1';\n    } else if (defaultedProps.size === 'larger') {\n        Component = 'h2';\n    } else if (defaultedProps.size === 'large') {\n        Component = 'h3';\n    }\n\n    return (\n        <Component className={classes} style={styles}>\n            {props.children}\n        </Component>\n    );\n}\n"]}

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HtmlContentViewer = void 0;
 const react_1 = __importStar(require("react"));

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

@@ -1 +1 @@
-{"version":3,"file":"HtmlContentViewer.js","sourceRoot":"/","sources":["src/components/generic/HtmlContentViewer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAE1C,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IAClE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,aAAa,CAAC,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE;YACvD,8BAA8B;YAC9B,mBAAmB,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SACtF;QAED,IAAI,mBAAmB,CAAC,OAAO,EAAE;YAC7B,uCAAuC;YACvC,mBAAmB,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;SACnD;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,uCAAK,GAAG,EAAE,aAAa,GAAQ,CAAC;AAC3C,CAAC,CAAC;AAjBW,QAAA,iBAAiB,qBAiB5B","sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nexport const HtmlContentViewer = ({ content }: { content: string }) => {\n    const shadowRootRef = useRef<HTMLDivElement>(null);\n    const shadowRootContainer = useRef<ShadowRoot | null>(null);\n\n    useEffect(() => {\n        if (shadowRootRef.current && !shadowRootContainer.current) {\n            // Attach shadow DOM only once\n            shadowRootContainer.current = shadowRootRef.current.attachShadow({ mode: 'open' });\n        }\n\n        if (shadowRootContainer.current) {\n            // Update content inside the shadow DOM\n            shadowRootContainer.current.innerHTML = content;\n        }\n    }, [content]);\n\n    return <div ref={shadowRootRef}></div>;\n};\n"]}
+{"version":3,"file":"HtmlContentViewer.js","sourceRoot":"/","sources":["src/components/generic/HtmlContentViewer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAE1C,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IAClE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,aAAa,CAAC,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;YACxD,8BAA8B;YAC9B,mBAAmB,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACvF,CAAC;QAED,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC;YAC9B,uCAAuC;YACvC,mBAAmB,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QACpD,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,uCAAK,GAAG,EAAE,aAAa,GAAQ,CAAC;AAC3C,CAAC,CAAC;AAjBW,QAAA,iBAAiB,qBAiB5B","sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nexport const HtmlContentViewer = ({ content }: { content: string }) => {\n    const shadowRootRef = useRef<HTMLDivElement>(null);\n    const shadowRootContainer = useRef<ShadowRoot | null>(null);\n\n    useEffect(() => {\n        if (shadowRootRef.current && !shadowRootContainer.current) {\n            // Attach shadow DOM only once\n            shadowRootContainer.current = shadowRootRef.current.attachShadow({ mode: 'open' });\n        }\n\n        if (shadowRootContainer.current) {\n            // Update content inside the shadow DOM\n            shadowRootContainer.current.innerHTML = content;\n        }\n    }, [content]);\n\n    return <div ref={shadowRootRef}></div>;\n};\n"]}

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -41,8 +51,8 @@ const defaultIconProps = {
 const IconText = ({ IconProps, TextProps, icon, 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)));
+            react_1.default.createElement(Icon_1.default, Object.assign({ icon: icon }, defaultIconProps, IconProps)))),
+        react_1.default.createElement(Text_1.default, 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,4DAAoC;AACpC,kDAAqD;AAErD,0EAAiE;AACjE,kEAAsE;AACtE,wCAAqC;AAErC,kFAA4C;AAE5C,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 classNames from 'classnames';\nimport React, { FC, PropsWithChildren } from 'react';\n\nimport Icon, { IconProps } from '@/components/generic/Icon/Icon';\nimport Text, { TextProps, TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport styles from './IconText.module.scss';\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"]}
+{"version":3,"file":"IconText.js","sourceRoot":"/","sources":["src/components/generic/IconText/IconText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,kDAAqD;AAErD,0EAAiE;AACjE,kEAAsE;AACtE,wCAAqC;AAErC,kFAA4C;AAE5C,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,IAAW,gBAAgB,EAAK,SAAS,EAAM,CAC7D,CACT;QACD,8BAAC,cAAI,oBAAU,gBAAgB,EAAK,CAAC,SAAS,IAAI,EAAE,CAAC,GAAK,QAAQ,CAAQ,CACxE,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { FC, PropsWithChildren } from 'react';\n\nimport Icon, { IconProps } from '@/components/generic/Icon/Icon';\nimport Text, { TextProps, TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport styles from './IconText.module.scss';\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"]}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = InputGroup;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 function InputGroup(props) {
@@ -35,5 +36,4 @@ function InputGroup(props) {
     }
     return react_1.default.createElement("div", { className: classes }, innerLayout);
 }
-exports.default = InputGroup;
 //# sourceMappingURL=InputGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AACpC,kDAAyC;AAWzC,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;QAC7C,wBAAwB,EAAE,KAAK,CAAC,QAAQ;KAC3C,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,uCAAK,SAAS,EAAE,CAAA,MAAA,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,IAAI,0CAAE,IAAI,MAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CACnI,CACN,CAAC;YAEF,MAAM;QAEV,KAAK,OAAO,CAAC;QACb,KAAK,OAAO;YACR,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO,CACrD,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AAxCD,6BAwCC","sourcesContent":["import classNames from 'classnames';\nimport React, { ReactNode } from 'react';\n\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n    noMargin?: boolean;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n        'be-form-group--no-marg': props.noMargin,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '1/3':\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div className={childrenArray[1]?.type?.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>}\n                </>\n            );\n\n            break;\n\n        case '1/2/2':\n        case '1/1/1':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div>{childrenArray[1]}</div>}\n                    {childrenArray?.[2] && <div>{childrenArray[2]}</div>}\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}
+{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;AAYA,6BAwCC;AApDD,4DAAoC;AACpC,kDAAyC;AAWzC,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;QAC7C,wBAAwB,EAAE,KAAK,CAAC,QAAQ;KAC3C,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE,CAAC;QACvB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,uCAAK,SAAS,EAAE,CAAA,MAAA,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,IAAI,0CAAE,IAAI,MAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CACnI,CACN,CAAC;YAEF,MAAM;QAEV,KAAK,OAAO,CAAC;QACb,KAAK,OAAO;YACR,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO,CACrD,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;IACd,CAAC;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { ReactNode } from 'react';\n\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n    noMargin?: boolean;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n        'be-form-group--no-marg': props.noMargin,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '1/3':\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div className={childrenArray[1]?.type?.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>}\n                </>\n            );\n\n            break;\n\n        case '1/2/2':\n        case '1/1/1':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div>{childrenArray[1]}</div>}\n                    {childrenArray?.[2] && <div>{childrenArray[2]}</div>}\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LineBreak;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 function LineBreak(props) {
@@ -14,5 +15,4 @@ function LineBreak(props) {
     });
     return react_1.default.createElement("div", { className: classes });
 }
-exports.default = LineBreak;
 //# sourceMappingURL=LineBreak.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LineBreak.js","sourceRoot":"/","sources":["src/components/generic/LineBreak.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AACpC,kDAA0B;AAS1B,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,YAAY,EAAE;QACrC,UAAU,EAAE,KAAK,CAAC,MAAM;QACxB,WAAW,EAAE,KAAK,CAAC,YAAY;QAC/B,aAAa,EAAE,KAAK,CAAC,SAAS;QAC9B,cAAc,EAAE,KAAK,CAAC,SAAS;KAClC,CAAC,CAAC;IAEH,OAAO,uCAAK,SAAS,EAAE,OAAO,GAAI,CAAC;AACvC,CAAC;AATD,4BASC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nexport interface LineBreakProps {\n    darker?: boolean;\n    noMargins?: boolean;\n    smallMargins?: boolean;\n    fullBleed?: boolean;\n}\n\nexport default function LineBreak(props: LineBreakProps) {\n    const classes = classNames('line-break', {\n        '--darker': props.darker,\n        '--smaller': props.smallMargins,\n        'u-marg-none': props.noMargins,\n        '--full-bleed': props.fullBleed,\n    });\n\n    return <div className={classes} />;\n}\n"]}
+{"version":3,"file":"LineBreak.js","sourceRoot":"/","sources":["src/components/generic/LineBreak.tsx"],"names":[],"mappings":";;;;;AAUA,4BASC;AAnBD,4DAAoC;AACpC,kDAA0B;AAS1B,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,YAAY,EAAE;QACrC,UAAU,EAAE,KAAK,CAAC,MAAM;QACxB,WAAW,EAAE,KAAK,CAAC,YAAY;QAC/B,aAAa,EAAE,KAAK,CAAC,SAAS;QAC9B,cAAc,EAAE,KAAK,CAAC,SAAS;KAClC,CAAC,CAAC;IAEH,OAAO,uCAAK,SAAS,EAAE,OAAO,GAAI,CAAC;AACvC,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nexport interface LineBreakProps {\n    darker?: boolean;\n    noMargins?: boolean;\n    smallMargins?: boolean;\n    fullBleed?: boolean;\n}\n\nexport default function LineBreak(props: LineBreakProps) {\n    const classes = classNames('line-break', {\n        '--darker': props.darker,\n        '--smaller': props.smallMargins,\n        'u-marg-none': props.noMargins,\n        '--full-bleed': props.fullBleed,\n    });\n\n    return <div className={classes} />;\n}\n"]}

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

@@ -15,14 +15,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Notification;
 const web_1 = require("@react-spring/web");
 const react_1 = __importStar(require("react"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
@@ -62,5 +73,4 @@ function Notification(props) {
                     react_1.default.createElement("div", { className: "u-inline u-marg-left" }, children)),
                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Close, size: "24px", onClick: iconOnClickHandler })))));
 }
-exports.default = Notification;
 //# sourceMappingURL=Notification.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sourceRoot":"/","sources":["src/components/generic/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAwD;AACxD,+CAAwC;AAExC,uEAAgE;AAChE,wCAAqC;AAerC,SAAwB,YAAY,CAAC,KAAwB;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAEtC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,IAAA,eAAS,EAAC;QACpB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE;QACjD,EAAE,EAAE;YACA,KAAK,EAAE,GAAG;SACb;QACD,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;SAChB;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;KAChC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,eAAS,EAAC;QACtB,IAAI,EAAE;YACF,OAAO,EAAE,CAAC;SACb;QACD,EAAE,EAAE;YACA,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;QACD,MAAM,EAAE,GAAG,EAAE,WAAC,OAAA,KAAK,CAAC,IAAI,CAAC,EAAE,KAAI,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAA,EAAA;KAC1D,CAAC,CAAC;IACV,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,OAAO;QACtE,uCAAK,SAAS,EAAC,uBAAuB;YAClC,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAI;YACjF,uCAAK,SAAS,EAAC,QAAQ;gBACnB,uCAAK,SAAS,EAAC,cAAc;oBACzB,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;oBACzC,uCAAK,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAO,CACpD;gBACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,kBAAkB,GAAI,CACrE,CACJ,CACK,CAClB,CAAC;AACN,CAAC;AA3CD,+BA2CC","sourcesContent":["import { animated, useSpring } from '@react-spring/web';\nimport React, { useState } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface NotificationType {\n    icon: IconType;\n    children?: React.ReactNode;\n    // in milliseconds\n\n    id?: number;\n}\n\ninterface NotificationProps {\n    data: NotificationType;\n    onRemove?: (id: number) => void;\n}\n\nexport default function Notification(props: NotificationProps) {\n    const { icon, children } = props.data;\n\n    const [goAway, setGoAway] = useState(false);\n\n    const right = useSpring({\n        delay: 1200,\n        config: { mass: 50, tension: 170, friction: 200 },\n        to: {\n            right: '0',\n        },\n        from: {\n            right: '100%',\n        },\n        onRest: () => setGoAway(true),\n    });\n\n    const outAnim = useSpring({\n        from: {\n            opacity: 1,\n        },\n        to: {\n            opacity: goAway ? 0 : 1,\n        },\n        onRest: () => props.data.id && props.onRemove?.(props.data.id),\n    } as any);\n    const iconOnClickHandler = () => {\n        setGoAway(true);\n    };\n    return (\n        <animated.div className=\"c-notification a-bounce-down-left\" style={outAnim}>\n            <div className=\"c-notification__inner\">\n                <animated.div className=\"c-notification__timer\" style={{ right: right.right }} />\n                <div className=\"u-flex\">\n                    <div className=\"u-flex__item\">\n                        <Icon icon={icon} color={Color.Accent} />\n                        <div className=\"u-inline u-marg-left\">{children}</div>\n                    </div>\n                    <Icon icon={IconType.Close} size=\"24px\" onClick={iconOnClickHandler} />\n                </div>\n            </div>\n        </animated.div>\n    );\n}\n"]}
+{"version":3,"file":"Notification.js","sourceRoot":"/","sources":["src/components/generic/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,+BA2CC;AA9DD,2CAAwD;AACxD,+CAAwC;AAExC,uEAAgE;AAChE,wCAAqC;AAerC,SAAwB,YAAY,CAAC,KAAwB;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAEtC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,IAAA,eAAS,EAAC;QACpB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE;QACjD,EAAE,EAAE;YACA,KAAK,EAAE,GAAG;SACb;QACD,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;SAChB;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;KAChC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,eAAS,EAAC;QACtB,IAAI,EAAE;YACF,OAAO,EAAE,CAAC;SACb;QACD,EAAE,EAAE;YACA,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;QACD,MAAM,EAAE,GAAG,EAAE,WAAC,OAAA,KAAK,CAAC,IAAI,CAAC,EAAE,KAAI,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAA,EAAA;KAC1D,CAAC,CAAC;IACV,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,OAAO;QACtE,uCAAK,SAAS,EAAC,uBAAuB;YAClC,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAI;YACjF,uCAAK,SAAS,EAAC,QAAQ;gBACnB,uCAAK,SAAS,EAAC,cAAc;oBACzB,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;oBACzC,uCAAK,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAO,CACpD;gBACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,kBAAkB,GAAI,CACrE,CACJ,CACK,CAClB,CAAC;AACN,CAAC","sourcesContent":["import { animated, useSpring } from '@react-spring/web';\nimport React, { useState } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface NotificationType {\n    icon: IconType;\n    children?: React.ReactNode;\n    // in milliseconds\n\n    id?: number;\n}\n\ninterface NotificationProps {\n    data: NotificationType;\n    onRemove?: (id: number) => void;\n}\n\nexport default function Notification(props: NotificationProps) {\n    const { icon, children } = props.data;\n\n    const [goAway, setGoAway] = useState(false);\n\n    const right = useSpring({\n        delay: 1200,\n        config: { mass: 50, tension: 170, friction: 200 },\n        to: {\n            right: '0',\n        },\n        from: {\n            right: '100%',\n        },\n        onRest: () => setGoAway(true),\n    });\n\n    const outAnim = useSpring({\n        from: {\n            opacity: 1,\n        },\n        to: {\n            opacity: goAway ? 0 : 1,\n        },\n        onRest: () => props.data.id && props.onRemove?.(props.data.id),\n    } as any);\n    const iconOnClickHandler = () => {\n        setGoAway(true);\n    };\n    return (\n        <animated.div className=\"c-notification a-bounce-down-left\" style={outAnim}>\n            <div className=\"c-notification__inner\">\n                <animated.div className=\"c-notification__timer\" style={{ right: right.right }} />\n                <div className=\"u-flex\">\n                    <div className=\"u-flex__item\">\n                        <Icon icon={icon} color={Color.Accent} />\n                        <div className=\"u-inline u-marg-left\">{children}</div>\n                    </div>\n                    <Icon icon={IconType.Close} size=\"24px\" onClick={iconOnClickHandler} />\n                </div>\n            </div>\n        </animated.div>\n    );\n}\n"]}