@roomstay/frontend 2.6.82 → 2.6.83

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"]}

package/dist/src/components/generic/NumberIncrement.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 = NumberIncrement;
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
 const Text_1 = __importStar(require("./Text"));
@@ -68,5 +79,4 @@ function NumberIncrement(props) {
             react_1.default.createElement(Text_1.default, { type: textSize }, currentNumber)),
         hideTooltips ? increaseButton : react_1.default.createElement(Tooltip_1.default, { title: currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add' }, increaseButton)));
 }
-exports.default = NumberIncrement;
 //# sourceMappingURL=NumberIncrement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport interface NumberIncrementProps {\n    number?: number;\n    onChange?: (value: number) => void;\n    min?: number;\n    max?: number;\n    textSize?: TextType;\n\n    hideTooltips?: boolean;\n}\n\nexport default function NumberIncrement(props: NumberIncrementProps) {\n    const { textSize = TextType.Body, hideTooltips } = props;\n\n    const currentNumber = props.number ? props.number : 0;\n\n    const setNumber = (newNumber: number) => {\n        if (props.onChange) {\n            props.onChange(newNumber);\n        }\n    };\n\n    const updateCurrentNumber = (increment: boolean) => {\n        let newNumber = currentNumber + (increment ? 1 : -1);\n\n        if (increment) {\n            if (typeof props.max === 'number' && newNumber >= props.max) {\n                newNumber = props.max;\n            }\n        } else {\n            if (typeof props.min === 'number' && newNumber <= props.min) {\n                newNumber = props.min;\n            }\n        }\n\n        setNumber(newNumber);\n    };\n    const decrementCurrentNumber = () => {\n        updateCurrentNumber(false);\n    };\n    const incrementCurrentNumber = () => {\n        updateCurrentNumber(true);\n    };\n\n    const decreaseButton = (\n        <div className={'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : '')} onClick={decrementCurrentNumber}>\n            <Icon icon={IconType.Remove} size=\"24px\" />\n        </div>\n    );\n\n    const increaseButton = (\n        <div className={'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : '')} onClick={incrementCurrentNumber}>\n            <Icon icon={IconType.Add} size=\"24px\" />\n        </div>\n    );\n\n    return (\n        <div className=\"number-increment\">\n            {hideTooltips ? decreaseButton : <Tooltip title={currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Remove'}>{decreaseButton}</Tooltip>}\n            <div className=\"number-increment--value\">\n                <Text type={textSize}>{currentNumber}</Text>\n            </div>\n            {hideTooltips ? increaseButton : <Tooltip title={currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add'}>{increaseButton}</Tooltip>}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport interface NumberIncrementProps {\n    number?: number;\n    onChange?: (value: number) => void;\n    min?: number;\n    max?: number;\n    textSize?: TextType;\n\n    hideTooltips?: boolean;\n}\n\nexport default function NumberIncrement(props: NumberIncrementProps) {\n    const { textSize = TextType.Body, hideTooltips } = props;\n\n    const currentNumber = props.number ? props.number : 0;\n\n    const setNumber = (newNumber: number) => {\n        if (props.onChange) {\n            props.onChange(newNumber);\n        }\n    };\n\n    const updateCurrentNumber = (increment: boolean) => {\n        let newNumber = currentNumber + (increment ? 1 : -1);\n\n        if (increment) {\n            if (typeof props.max === 'number' && newNumber >= props.max) {\n                newNumber = props.max;\n            }\n        } else {\n            if (typeof props.min === 'number' && newNumber <= props.min) {\n                newNumber = props.min;\n            }\n        }\n\n        setNumber(newNumber);\n    };\n    const decrementCurrentNumber = () => {\n        updateCurrentNumber(false);\n    };\n    const incrementCurrentNumber = () => {\n        updateCurrentNumber(true);\n    };\n\n    const decreaseButton = (\n        <div className={'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : '')} onClick={decrementCurrentNumber}>\n            <Icon icon={IconType.Remove} size=\"24px\" />\n        </div>\n    );\n\n    const increaseButton = (\n        <div className={'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : '')} onClick={incrementCurrentNumber}>\n            <Icon icon={IconType.Add} size=\"24px\" />\n        </div>\n    );\n\n    return (\n        <div className=\"number-increment\">\n            {hideTooltips ? decreaseButton : <Tooltip title={currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Remove'}>{decreaseButton}</Tooltip>}\n            <div className=\"number-increment--value\">\n                <Text type={textSize}>{currentNumber}</Text>\n            </div>\n            {hideTooltips ? increaseButton : <Tooltip title={currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add'}>{increaseButton}</Tooltip>}\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/Overlay/Overlay.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/Overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sourceRoot":"/","sources":["src/components/generic/Overlay/Overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useBodyClick } from '@frontend/hooks';\nimport { Placement, PositioningStrategy } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { LegacyRef, ReactNode, useEffect, useLayoutEffect, useState } from 'react';\nimport { Modifier, usePopper } from 'react-popper';\n\nimport FadeAnimation from '@/animations/Fade';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\n\nimport styles from './Overlay.module.scss';\n\nexport type OverlayProps = {\n    children: ReactNode | ReactNode[];\n    open: boolean;\n\n    usePortal?: boolean;\n    container?: HTMLElement | null;\n\n    followElement?: Element | null;\n    className?: string;\n    containerClassName?: string;\n\n    hideStyles?: boolean;\n\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    strategy?: PositioningStrategy;\n\n    onClose?: (e: Event) => void;\n    offset?: [number, number];\n    overlayRef?: LegacyRef<HTMLDivElement>;\n    preventScroll?: boolean;\n    isAboveNav?: boolean;\n};\n\nexport const Overlay = (props: OverlayProps) => {\n    const [referenceElement, setReferenceElement] = useState<Element | null>(null);\n    const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n\n    const [isOpen, setIsOpen] = useState(props.open);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    // Used to prevent premature closing of window before it gets a chance to open\n    useEffect(() => {\n        let timeout: NodeJS.Timeout;\n        let cancelled = false;\n\n        if (props.open) {\n            setIsOpen(props.open);\n        } else {\n            // Allow for fade out animation to run before removing element\n            timeout = setTimeout(() => {\n                if (!cancelled) {\n                    setIsOpen(false);\n                }\n            }, 500);\n        }\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeout);\n        };\n    }, [props.open]);\n\n    useLayoutEffect(() => {\n        const { remove } = onBodyClickExcept((e: Event) => {\n            if (isOpen) {\n                e.preventDefault();\n                e.stopPropagation();\n                props.onClose?.(e);\n            }\n        }, popperElement as HTMLDivElement);\n\n        return () => {\n            remove();\n        };\n    }, [isOpen, popperElement]);\n\n    useEffect(() => {\n        if (props.strategy === 'fixed' && props.open && props.preventScroll) {\n            document.body.style.setProperty('overflow', 'hidden');\n        }\n        return () => {\n            if (props.strategy === 'fixed' && props.open && props.preventScroll) {\n                document.body.style.removeProperty('overflow');\n            }\n        };\n    }, [props.open, props.preventScroll, props.strategy]);\n\n    const modifiers: Modifier<any>[] = [\n        {\n            name: 'flip',\n            options: {\n                flipVariations: false,\n                fallbackPlacements: props.fallbackPlacements,\n            },\n        },\n        {\n            name: 'preventOverflow',\n            enabled: true,\n            options: {\n                altAxis: false,\n                altBoundary: false,\n                tether: false,\n                rootBoundary: 'body',\n                padding: 8,\n            },\n        },\n    ];\n    if (props.offset) {\n        modifiers.push({\n            name: 'offset',\n            options: {\n                offset: props.offset,\n            },\n        });\n    }\n\n    const { styles: popperStyles, attributes } = usePopper(props.followElement ?? referenceElement, popperElement, {\n        placement: props.placement ?? 'bottom',\n        strategy: props.strategy ?? 'absolute',\n        modifiers,\n    });\n\n    const overlayClasses = classNames(props.className, {\n        [styles['rs-overlay']]: !props.hideStyles,\n    });\n\n    const overlayElement = (\n        // Here we depend on the props.open as that's the \"intended\" state. Fade animation will handle it going in and out.\n\n        <>\n            {!props.followElement && <span ref={setReferenceElement}></span>}\n\n            <div\n                ref={setPopperElement}\n                style={popperStyles.popper}\n                {...attributes.popper}\n                className={classNames(styles['rs-popper-container'], props.containerClassName, { [styles['--above-nav']]: props.isAboveNav })}\n            >\n                <FadeAnimation open={props.open}>\n                    <div ref={props.overlayRef} className={overlayClasses}>\n                        {props.children}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </>\n    );\n\n    if (!isOpen) {\n        return <></>;\n    }\n\n    if (props.usePortal || props.container) {\n        // PreventZIndex is only enabled if container is not specified, since modal will be appended to body, Roomstay engine by default will overlay it\n        return (\n            <RoomstayPortal target={props.container || document.body} preventZIndex={!!props.container}>\n                {overlayElement}\n            </RoomstayPortal>\n        );\n    }\n\n    return overlayElement;\n};\n"]}
+{"version":3,"file":"Overlay.js","sourceRoot":"/","sources":["src/components/generic/Overlay/Overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useBodyClick } from '@frontend/hooks';\nimport { Placement, PositioningStrategy } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { LegacyRef, ReactNode, useEffect, useLayoutEffect, useState } from 'react';\nimport { Modifier, usePopper } from 'react-popper';\n\nimport FadeAnimation from '@/animations/Fade';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\n\nimport styles from './Overlay.module.scss';\n\nexport type OverlayProps = {\n    children: ReactNode | ReactNode[];\n    open: boolean;\n\n    usePortal?: boolean;\n    container?: HTMLElement | null;\n\n    followElement?: Element | null;\n    className?: string;\n    containerClassName?: string;\n\n    hideStyles?: boolean;\n\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    strategy?: PositioningStrategy;\n\n    onClose?: (e: Event) => void;\n    offset?: [number, number];\n    overlayRef?: LegacyRef<HTMLDivElement>;\n    preventScroll?: boolean;\n    isAboveNav?: boolean;\n};\n\nexport const Overlay = (props: OverlayProps) => {\n    const [referenceElement, setReferenceElement] = useState<Element | null>(null);\n    const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n\n    const [isOpen, setIsOpen] = useState(props.open);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    // Used to prevent premature closing of window before it gets a chance to open\n    useEffect(() => {\n        let timeout: NodeJS.Timeout;\n        let cancelled = false;\n\n        if (props.open) {\n            setIsOpen(props.open);\n        } else {\n            // Allow for fade out animation to run before removing element\n            timeout = setTimeout(() => {\n                if (!cancelled) {\n                    setIsOpen(false);\n                }\n            }, 500);\n        }\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeout);\n        };\n    }, [props.open]);\n\n    useLayoutEffect(() => {\n        const { remove } = onBodyClickExcept((e: Event) => {\n            if (isOpen) {\n                e.preventDefault();\n                e.stopPropagation();\n                props.onClose?.(e);\n            }\n        }, popperElement as HTMLDivElement);\n\n        return () => {\n            remove();\n        };\n    }, [isOpen, popperElement]);\n\n    useEffect(() => {\n        if (props.strategy === 'fixed' && props.open && props.preventScroll) {\n            document.body.style.setProperty('overflow', 'hidden');\n        }\n        return () => {\n            if (props.strategy === 'fixed' && props.open && props.preventScroll) {\n                document.body.style.removeProperty('overflow');\n            }\n        };\n    }, [props.open, props.preventScroll, props.strategy]);\n\n    const modifiers: Modifier<any>[] = [\n        {\n            name: 'flip',\n            options: {\n                flipVariations: false,\n                fallbackPlacements: props.fallbackPlacements,\n            },\n        },\n        {\n            name: 'preventOverflow',\n            enabled: true,\n            options: {\n                altAxis: false,\n                altBoundary: false,\n                tether: false,\n                rootBoundary: 'body',\n                padding: 8,\n            },\n        },\n    ];\n    if (props.offset) {\n        modifiers.push({\n            name: 'offset',\n            options: {\n                offset: props.offset,\n            },\n        });\n    }\n\n    const { styles: popperStyles, attributes } = usePopper(props.followElement ?? referenceElement, popperElement, {\n        placement: props.placement ?? 'bottom',\n        strategy: props.strategy ?? 'absolute',\n        modifiers,\n    });\n\n    const overlayClasses = classNames(props.className, {\n        [styles['rs-overlay']]: !props.hideStyles,\n    });\n\n    const overlayElement = (\n        // Here we depend on the props.open as that's the \"intended\" state. Fade animation will handle it going in and out.\n\n        <>\n            {!props.followElement && <span ref={setReferenceElement}></span>}\n\n            <div\n                ref={setPopperElement}\n                style={popperStyles.popper}\n                {...attributes.popper}\n                className={classNames(styles['rs-popper-container'], props.containerClassName, { [styles['--above-nav']]: props.isAboveNav })}\n            >\n                <FadeAnimation open={props.open}>\n                    <div ref={props.overlayRef} className={overlayClasses}>\n                        {props.children}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </>\n    );\n\n    if (!isOpen) {\n        return <></>;\n    }\n\n    if (props.usePortal || props.container) {\n        // PreventZIndex is only enabled if container is not specified, since modal will be appended to body, Roomstay engine by default will overlay it\n        return (\n            <RoomstayPortal target={props.container || document.body} preventZIndex={!!props.container}>\n                {overlayElement}\n            </RoomstayPortal>\n        );\n    }\n\n    return overlayElement;\n};\n"]}