npm - @roomstay/frontend - Versions diffs - 2.6.89-2 → 2.6.90 - Mend

@roomstay/frontend 2.6.89-2 → 2.6.90

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/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,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 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;~~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"]}
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"]}

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): JSX.Element;
+export default function Headline(props: HeadlineProps): React.JSX.Element;

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

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 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;~~YACvD~~,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~~,gEAAgE;YAChE,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;~~gBACnC~~,mBAAmB,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;~~aAC9C~~;iBAAM;~~gBACH~~,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACvD,IAAI,gBAAwB,CAAC;gBAE7B,IAAI,WAAW,EAAE;~~oBACb~~,sDAAsD;oBACtD,gBAAgB,GAAG,OAAO,CAAC;~~iBAC9B~~;qBAAM;~~oBACH~~,+DAA+D;oBAC/D,gBAAgB,GAAG,OAAO;yBACrB,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,2BAA2B;yBACrD,OAAO,CAAC,KAAK,EAAE,0BAA0B,CAAC,CAAC,CAAC,2BAA2B;~~iBAC/E~~;gBAED,+BAA+B;gBAC/B,mBAAmB,CAAC,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC;~~aAC5D~~;~~SACJ~~;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,uCAAK,GAAG,EAAE,aAAa,GAAQ,CAAC;AAC3C,CAAC,CAAC;AAlCW,QAAA,iBAAiB,qBAkC5B","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 shadowRootContainer.current = shadowRootRef.current.attachShadow({ mode: 'open' });\n }\n\n if (shadowRootContainer.current) {\n // If content is null, undefined, or empty, clear the shadow DOM\n if (!content \|\| content.trim() === '') {\n shadowRootContainer.current.innerHTML = '';\n } else {\n const hasHtmlTags = /<\\/?[a-z][\\s\\S]*>/i.test(content);\n let formattedContent: string;\n\n if (hasHtmlTags) {\n // HTML content → render directly without modification\n formattedContent = content;\n } else {\n // Plain text → replace line breaks and tabs for proper display\n formattedContent = content\n .replace(/\\r?\\n/g, '<br>') // Convert newlines to <br>\n .replace(/\\t/g, '    '); // Replace tabs with spaces\n }\n\n // Render inside the Shadow DOM\n shadowRootContainer.current.innerHTML = formattedContent;\n }\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,CAAC;YACxD,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,gEAAgE;YAChE,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBACpC,mBAAmB,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACJ,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACvD,IAAI,gBAAwB,CAAC;gBAE7B,IAAI,WAAW,EAAE,CAAC;oBACd,sDAAsD;oBACtD,gBAAgB,GAAG,OAAO,CAAC;gBAC/B,CAAC;qBAAM,CAAC;oBACJ,+DAA+D;oBAC/D,gBAAgB,GAAG,OAAO;yBACrB,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,2BAA2B;yBACrD,OAAO,CAAC,KAAK,EAAE,0BAA0B,CAAC,CAAC,CAAC,2BAA2B;gBAChF,CAAC;gBAED,+BAA+B;gBAC/B,mBAAmB,CAAC,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC;YAC7D,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,uCAAK,GAAG,EAAE,aAAa,GAAQ,CAAC;AAC3C,CAAC,CAAC;AAlCW,QAAA,iBAAiB,qBAkC5B","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 shadowRootContainer.current = shadowRootRef.current.attachShadow({ mode: 'open' });\n }\n\n if (shadowRootContainer.current) {\n // If content is null, undefined, or empty, clear the shadow DOM\n if (!content \|\| content.trim() === '') {\n shadowRootContainer.current.innerHTML = '';\n } else {\n const hasHtmlTags = /<\\/?[a-z][\\s\\S]*>/i.test(content);\n let formattedContent: string;\n\n if (hasHtmlTags) {\n // HTML content → render directly without modification\n formattedContent = content;\n } else {\n // Plain text → replace line breaks and tabs for proper display\n formattedContent = content\n .replace(/\\r?\\n/g, '<br>') // Convert newlines to <br>\n .replace(/\\t/g, '    '); // Replace tabs with spaces\n }\n\n // Render inside the Shadow DOM\n shadowRootContainer.current.innerHTML = formattedContent;\n }\n }\n }, [content]);\n\n return <div ref={shadowRootRef}></div>;\n};\n"]}

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

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

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

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

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

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

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

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): JSX.Element;
+export default function Notification(props: NotificationProps): React.JSX.Element;
 export {};

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

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA~~,kDAA0B;AAE1B,uEAAgE;AAChE,kEAA2D;AAC3D,mFAA2D;AAY3D,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,QAAQ,GAAG,eAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACpC,IAAI,KAAK,CAAC,QAAQ,EAAE;~~YAChB~~,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;~~SAC7B~~;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC/C,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,IAAI,SAAS,EAAE;~~YACX~~,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;~~gBACzD~~,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;~~aACzB~~;~~SACJ~~;aAAM;~~YACH~~,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;~~gBACzD~~,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;~~aACzB~~;~~SACJ~~;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CACnB,uCAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;QAChI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,GAAG,CACzC,CACT,CAAC;IAEF,MAAM,cAAc,GAAG,CACnB,uCAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;QAChI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAC,MAAM,GAAG,CACtC,CACT,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,kBAAkB;QAC5B,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,8BAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,IAAG,cAAc,CAAW;QAC7I,uCAAK,SAAS,EAAC,yBAAyB;YACpC,8BAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,IAAG,aAAa,CAAQ,CAC1C;QACL,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,8BAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAG,cAAc,CAAW,CACxI,CACT,CAAC;AACN,CAAC~~;AAtDD,kCAsDC~~","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"]}
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"]}

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

@@ -1,5 +1,5 @@
 import { Placement, PositioningStrategy } from '@popperjs/core';
-import { LegacyRef, ReactNode } from 'react';
+import React, { LegacyRef, ReactNode } from 'react';
 export type OverlayProps = {
     children: ReactNode | ReactNode[];
     open: boolean;
@@ -18,4 +18,4 @@ export type OverlayProps = {
     preventScroll?: boolean;
     isAboveNav?: boolean;
 };
-export declare const Overlay: (props: OverlayProps) => JSX.Element;
+export declare const Overlay: (props: OverlayProps) => React.JSX.Element;

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Overlay.js","sourceRoot":"/","sources":["src/components/generic/Overlay/Overlay.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,2CAA+C;AAE/C,4DAAoC;AACpC,+CAA0F;AAC1F,+CAAmD;AAEnD,6DAA8C;AAC9C,+DAAoE;AAEpE,gFAA2C;AA0BpC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;;IAC3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAC/E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAE7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE7C,8EAA8E;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAuB,CAAC;QAC5B,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,IAAI,KAAK,CAAC,IAAI,EAAE;~~YACZ~~,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;~~SACzB~~;aAAM;~~YACH~~,8DAA8D;YAC9D,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,IAAI,CAAC,SAAS,EAAE;~~oBACZ~~,SAAS,CAAC,KAAK,CAAC,CAAC;~~iBACpB~~;YACL,CAAC,EAAE,GAAG,CAAC,CAAC;~~SACX~~;QAED,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC,CAAC,CAAQ,EAAE,EAAE;;YAC9C,IAAI,MAAM,EAAE;~~gBACR~~,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,MAAA,KAAK,CAAC,OAAO,sDAAG,CAAC,CAAC,CAAC;~~aACtB~~;QACL,CAAC,EAAE,aAA+B,CAAC,CAAC;QAEpC,OAAO,GAAG,EAAE;YACR,MAAM,EAAE,CAAC;QACb,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,aAAa,EAAE;~~YACjE~~,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;~~SACzD~~;QACD,OAAO,GAAG,EAAE;YACR,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,aAAa,EAAE;~~gBACjE~~,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;~~aAClD~~;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAoB;QAC/B;YACI,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACL,cAAc,EAAE,KAAK;gBACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;aAC/C;SACJ;QACD;YACI,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,MAAM;gBACpB,OAAO,EAAE,CAAC;aACb;SACJ;KACJ,CAAC;IACF,IAAI,KAAK,CAAC,MAAM,EAAE;~~QACd~~,SAAS,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACL,MAAM,EAAE,KAAK,CAAC,MAAM;aACvB;SACJ,CAAC,CAAC;~~KACN~~;IAED,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAS,EAAC,MAAA,KAAK,CAAC,aAAa,mCAAI,gBAAgB,EAAE,aAAa,EAAE;QAC3G,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,QAAQ;QACtC,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,UAAU;QACtC,SAAS;KACZ,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE;QAC/C,CAAC,6BAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU;KAC5C,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG;IACnB,mHAAmH;IAEnH;QACK,CAAC,KAAK,CAAC,aAAa,IAAI,wCAAM,GAAG,EAAE,mBAAmB,GAAS;QAEhE,qDACI,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,YAAY,CAAC,MAAM,IACtB,UAAU,CAAC,MAAM,IACrB,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,qBAAqB,CAAC,EAAE,KAAK,CAAC,kBAAkB,EAAE,EAAE,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC;YAE7H,8BAAC,cAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI;gBAC3B,uCAAK,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,IAChD,KAAK,CAAC,QAAQ,CACb,CACM,CACd,CACP,CACN,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;~~QACT~~,OAAO,6DAAK,CAAC;~~KAChB~~;IAED,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,EAAE;~~QACpC~~,gJAAgJ;QAChJ,OAAO,CACH,8BAAC,uBAAc,IAAC,MAAM,EAAE,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,IACrF,cAAc,CACF,CACpB,CAAC;~~KACL~~;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC;AAjIW,QAAA,OAAO,WAiIlB","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"]}
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"]}

package/dist/src/components/generic/PageTitle/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import React from 'react';
 import { IPageTitle } from '../../../models/Api/HotelOverrideDTO';
 export declare const PageTitle: ({ step }: {
     step: keyof IPageTitle;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;