npm - @roomstay/frontend - Versions diffs - 2.6.88 → 2.6.89-0 - Mend

@roomstay/frontend 2.6.88 → 2.6.89-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1088) hide show

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

	@@ -1 +1 @@
1	- {"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"]}
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"]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EventCard.js","sourceRoot":"/","sources":["src/components/generic/Event/EventCard.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AACA,4DAAoC;AACpC,kDAA0B;AAC1B,+CAA4C;AAC5C,iDAA+C;AAE/C,iFAAyD;AACzD,uEAAgE;AAChE,4FAAoE;AACpE,kEAA2D;AAC3D,4DAAyD;AACzD,wCAAqC;AACrC,wDAAiD;AAEjD,oFAA6C;AAO7C,MAAM,SAAS,GAA2B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;;IAC3D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IAE1D,MAAM,qBAAqB,GAAG,CAAC,WAA4D,EAAE,EAAE;QAC3F,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;QACzB,WAAW,CAAC,cAAc,EAAE,CAAC;QAC7B,WAAW,CAAC,eAAe,EAAE,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,WAA4D,EAAE,EAAE;QACrF,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/C,WAAW,CAAC,cAAc,EAAE,CAAC;QAC7B,WAAW,CAAC,eAAe,EAAE,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,eAAK,EAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,eAAK,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACjE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE~~,CAAC~~;~~YAC7C~~,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;~~QACvI,CAAC~~;aAAM~~,CAAC~~;~~YACJ~~,IAAI,SAAU,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE~~,CAAC~~;~~gBACrC~~,OAAO,GAAG,SAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,OAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;~~YACrF,CAAC~~;;gBAAM,OAAO,GAAG,SAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,OAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC;~~QACxG,CAAC~~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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"]}
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"]}

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

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

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

	@@ -1 +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"]}
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"]}

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForwardedSelect = void 0;
 const react_1 = __importStar(require("react"));

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

	@@ -1 +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"]}
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"]}

package/dist/src/components/generic/GroupedCheckInOutTimes/GroupedCheckInOutTimes.js.map CHANGED Viewed

	@@ -1 +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~~,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"]}
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"]}

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

@@ -11,4 +11,4 @@ export interface HeadlineProps extends PropsWithChildren<any> {
     className?: string;
     [x: string]: React.ReactNode;
 }
-export default function Headline(props: HeadlineProps): React.JSX.Element;
+export default function Headline(props: HeadlineProps): JSX.Element;

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

@@ -3,7 +3,6 @@ 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) {
@@ -31,4 +30,5 @@ 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
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"]}

package/dist/src/components/generic/HtmlContentViewer.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const HtmlContentViewer: ({ content }: {
     content: string;
-}) => React.JSX.Element;
+}) => JSX.Element;

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HtmlContentViewer = void 0;
 const react_1 = __importStar(require("react"));

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

	@@ -1 +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~~,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"]}
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"]}

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -51,8 +41,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 }, defaultIconProps, IconProps)))),
-        react_1.default.createElement(Text_1.default, Object.assign({}, defaultTextProps, (TextProps || {})), children)));
+            react_1.default.createElement(Icon_1.default, Object.assign({ icon: icon }, Object.assign(Object.assign({}, defaultIconProps), IconProps))))),
+        react_1.default.createElement(Text_1.default, Object.assign({}, Object.assign(Object.assign({}, defaultTextProps), (TextProps || {}))), children)));
 };
 exports.default = IconText;
 //# sourceMappingURL=IconText.js.map

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

	@@ -1 +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,~~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"]}
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"]}

package/dist/src/components/generic/InputGroup/InputGroup.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { InputGroupDimensions } from './InputGroup.types';
 export interface InputGroupProps {
     children: ReactNode | ReactNode[];
     dimensions?: InputGroupDimensions;
     noMargin?: boolean;
 }
-export default function InputGroup(props: InputGroupProps): React.JSX.Element;
+export default function InputGroup(props: InputGroupProps): JSX.Element;

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

@@ -3,7 +3,6 @@ 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) {
@@ -36,4 +35,5 @@ 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
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"]}

package/dist/src/components/generic/LineBreak.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-import React from 'react';
 export interface LineBreakProps {
     darker?: boolean;
     noMargins?: boolean;
     smallMargins?: boolean;
     fullBleed?: boolean;
 }
-export default function LineBreak(props: LineBreakProps): React.JSX.Element;
+export default function LineBreak(props: LineBreakProps): JSX.Element;

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

@@ -3,7 +3,6 @@ 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) {
@@ -15,4 +14,5 @@ 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
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"]}

package/dist/src/components/generic/Notification.d.ts CHANGED Viewed

@@ -9,5 +9,5 @@ interface NotificationProps {
     data: NotificationType;
     onRemove?: (id: number) => void;
 }
-export default function Notification(props: NotificationProps): React.JSX.Element;
+export default function Notification(props: NotificationProps): JSX.Element;
 export {};

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

@@ -15,25 +15,14 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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;
+};
 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"));
@@ -73,4 +62,5 @@ 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
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"]}

package/dist/src/components/generic/NumberIncrement.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from 'react';
 import { TextType } from './Text';
 export interface NumberIncrementProps {
     number?: number;
@@ -8,4 +7,4 @@ export interface NumberIncrementProps {
     textSize?: TextType;
     hideTooltips?: boolean;
 }
-export default function NumberIncrement(props: NumberIncrementProps): React.JSX.Element;
+export default function NumberIncrement(props: NumberIncrementProps): JSX.Element;

package/dist/src/components/generic/NumberIncrement.js CHANGED Viewed

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = NumberIncrement;
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
 const Text_1 = __importStar(require("./Text"));
@@ -79,4 +68,5 @@ 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