@hhgtech/hhg-components 1.29.551 → 1.29.553-beta-1

package/build/{InputDate-7a8cbf15.js → InputDate-1a24c7d9.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-6cb17239.js');
 var React = require('react');
 var core = require('@mantine/core');
 var classNames = require('classnames');
 var dayjs = require('dayjs');
-var index$1 = require('./index-cfa6e63c.js');
+var index$1 = require('./index-54b3b98d.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var Locale = require('./Locale-62760427.js');
-var index = require('./index-de050cc2.js');
-var index$2 = require('./index-5584a515.js');
+var Locale = require('./Locale-d6ba560e.js');
+var index = require('./index-22fe3d5a.js');
+var index$2 = require('./index-9eed5876.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-10de4510.js → LastPeriod-bf2e4488.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-6cb17239.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{MobileBottomNavigationIcon-2cc1b87c.js → MobileBottomNavigationIcon-a3a9fd52.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-6cb17239.js');
 var React = require('react');
-var index = require('./index-5584a515.js');
+var index = require('./index-9eed5876.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-62a8a766.js');
+var utils = require('./utils-93c6c56f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{SiteWideBanner-27e55ff9.js → SiteWideBanner-8d7d0b18.js}

@@ -1,24 +1,25 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-f6f51afc.js');
+var index$2 = require('./index-b28773db.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-5584a515.js');
-var index$1 = require('./index-fd2a8ce6.js');
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
-var index$6 = require('./index-de050cc2.js');
-var index$3 = require('./index-ecd739a8.js');
+var index = require('./index-9eed5876.js');
+var index$1 = require('./index-d3376931.js');
+var tslib_es6 = require('./tslib.es6-6cb17239.js');
+var index$6 = require('./index-22fe3d5a.js');
+var index$3 = require('./index-fb86e052.js');
 var core = require('@mantine/core');
-var number = require('./number-2d2070f4.js');
-var index$4 = require('./index-b090a394.js');
+var number = require('./number-40584d55.js');
+var index$4 = require('./index-d75b0fd2.js');
 var hooks = require('@mantine/hooks');
-var index$5 = require('./index-6bc28a5d.js');
-var index$7 = require('./index-e159ad47.js');
+var post = require('./post-a3ee1f16.js');
+var index$5 = require('./index-4a0c8f9f.js');
+var index$7 = require('./index-4ad904c3.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var core$1 = require('@hhgtech/icons/core');
 var Cookies = require('js-cookie');
-var utils = require('./utils-62a8a766.js');
+var utils = require('./utils-93c6c56f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -579,11 +580,14 @@ const VideoItem$1 = (_a) => {
 };
 
 const VideoPlayerModal = (_a) => {
-    var { data, isMobile } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile"]);
-    const { type, url } = data;
+    var { data, isMobile, forceType } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile", "forceType"]);
+    const { url } = data;
     const os = hooks.useOs();
     const isIos = os === 'ios';
-    return (React__default["default"].createElement(index$5.Modal, Object.assign({ size: type === index$3.VideoType.SHORTS ? (isMobile ? 360 : 375) : core.rem(1128), withCloseButton: true, styles: (theme) => ({
+    const isShort = forceType != null
+        ? forceType === index$3.VideoType.SHORTS
+        : post.isShortOrReelVideoUrl(url);
+    return (React__default["default"].createElement(index$5.Modal, Object.assign({ size: isShort ? (isMobile ? 360 : 375) : 1128, withCloseButton: true, styles: (theme) => ({
             header: {
                 padding: 0,
                 paddingBottom: 8,
@@ -595,17 +599,10 @@ const VideoPlayerModal = (_a) => {
                     right: 10,
                 },
             },
-            body: {
-                padding: 0,
-            },
-            content: {
-                boxShadow: 'none',
-                backgroundColor: 'transparent',
-                borderRadius: 0,
-                [theme.fn.largerThan('sm')]: {
+            body: Object.assign({ padding: 0 }, (!isShort && { overflow: 'hidden' })),
+            content: Object.assign(Object.assign({ boxShadow: 'none', backgroundColor: 'transparent', borderRadius: 0 }, (!isShort && { overflow: 'hidden' })), { [theme.fn.largerThan('sm')]: {
                     position: 'relative',
-                },
-            },
+                } }),
             heading: {
                 [theme.fn.smallerThan('sm')]: {},
             },
@@ -641,11 +638,11 @@ const VideoPlayerModal = (_a) => {
                 },
             },
         }) }, rest),
-        React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos, isShort: type === index$3.VideoType.SHORTS, autoScaleByVideoType: true })));
+        React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos, forceType: forceType })));
 };
 
 const VideoItem = React.forwardRef((_a, ref) => {
-    var { data, layout = 'default', disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, dataEventLabel: dataEventLabelProp, isMobile, loading, hideInfo = false, useVideoTypeThumbnail = false } = _a, props = tslib_es6.__rest(_a, ["data", "layout", "disableDefaultFn", "redirectToLandingPage", "onClick", "dataEventCategory", "dataEventAction", "dataEventLabel", "isMobile", "loading", "hideInfo", "useVideoTypeThumbnail"]);
+    var { data, layout = 'default', disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, dataEventLabel: dataEventLabelProp, isMobile, loading, hideInfo = false, useVideoTypeThumbnail = false, forceTypeModal } = _a, props = tslib_es6.__rest(_a, ["data", "layout", "disableDefaultFn", "redirectToLandingPage", "onClick", "dataEventCategory", "dataEventAction", "dataEventLabel", "isMobile", "loading", "hideInfo", "useVideoTypeThumbnail", "forceTypeModal"]);
     const normalizedData = React.useMemo(() => normalizeVideoItemData(data), [data]);
     const { articleLink, id, videoId, title, url, type } = normalizedData;
     const [showModal, setShowModal] = React.useState(false);
@@ -716,7 +713,7 @@ const VideoItem = React.forwardRef((_a, ref) => {
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         type === index$3.VideoType.SHORTS && !useVideoTypeThumbnail ? (React__default["default"].createElement(ShortsItem, Object.assign({}, props, commonProps, { data: normalizedData, layout: layout, isMobile: isMobile, loading: loading, hideInfo: hideInfo }))) : (React__default["default"].createElement(VideoItem$1, Object.assign({}, props, commonProps, { layout: layout, data: normalizedData, isMobile: isMobile, loading: loading, hideInfo: hideInfo, useVideoTypeThumbnail: useVideoTypeThumbnail }))),
-        !articleLink && (React__default["default"].createElement(VideoPlayerModal, { opened: Boolean(showModal), data: normalizedData, onClose: () => setShowModal(false), isMobile: isMobile, closeButtonProps: modalCloseTrackingProps, overlayProps: modalCloseTrackingProps }))));
+        !articleLink && (React__default["default"].createElement(VideoPlayerModal, { opened: Boolean(showModal), data: normalizedData, onClose: () => setShowModal(false), isMobile: isMobile, forceType: forceTypeModal, closeButtonProps: modalCloseTrackingProps, overlayProps: modalCloseTrackingProps }))));
 });
 VideoItem.displayName = 'VideoItem';
 

package/build/{Spinner-bf8b5771.js → Spinner-254dfcb5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-6cb17239.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{WhatsApp-d275dadb.js → WhatsApp-ebda9b3c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-6cb17239.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-16102e73.js');
-var index$1 = require('./index-b3ea98d9.js');
-var index$2 = require('./index-4f99f0e2.js');
-require('./tslib.es6-efb072e2.js');
+var index = require('./index-da7a8713.js');
+var index$1 = require('./index-c0f28ba5.js');
+var index$2 = require('./index-bd4eebf3.js');
+require('./tslib.es6-6cb17239.js');
 require('react');
-require('./index-ba888211.js');
+require('./index-3db7c101.js');
 require('@mantine/core');
-require('./shared-acb27ce3.js');
-require('./index-cfa6e63c.js');
-require('./index-f6f51afc.js');
+require('./shared-2c3112be.js');
+require('./index-54b3b98d.js');
+require('./index-b28773db.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-fd2a8ce6.js');
+require('./index-d3376931.js');
 require('./constantsDomainLocales.js');
-require('./Locale-62760427.js');
+require('./Locale-d6ba560e.js');
 require('./constantsIsProduction.js');
-require('./index-fcd47e39.js');
-require('./utils-62a8a766.js');
+require('./index-c41ab080.js');
+require('./utils-93c6c56f.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-5584a515.js');
-require('./index-526f4e9a.js');
+require('./index-9eed5876.js');
+require('./index-27fcb417.js');
 require('dayjs');
-require('./index-ecd739a8.js');
+require('./index-fb86e052.js');
 require('@mantine/notifications');
-require('./index-de050cc2.js');
+require('./index-22fe3d5a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-9a03065c.js');
+require('./useUniqueId-2454d9da.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-f0004ce9.js');
-require('./translationsContext-58fd12e9.js');
-require('./index-2cad548d.js');
+require('./index.styles-e2ab41b3.js');
+require('./translationsContext-74bb550e.js');
+require('./index-ad712336.js');
 
 
 

package/build/atoms.js

@@ -2,83 +2,84 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-84cf11b3.js');
-var index$1 = require('./index-0fbca7f9.js');
-var index$2 = require('./index-16102e73.js');
-var index$3 = require('./index-660e68d7.js');
-var index$4 = require('./index-52917032.js');
-var index$5 = require('./index-b6c15ae1.js');
-var index$6 = require('./index-0c36c9e7.js');
-var index$7 = require('./index-f6f51afc.js');
-var index$8 = require('./index-4f99f0e2.js');
-var index$9 = require('./index-08408003.js');
-var index$a = require('./index-0dcb564e.js');
-var index$b = require('./index-c72962e1.js');
-var index$c = require('./index-87de7648.js');
-var index$d = require('./index-b3ea98d9.js');
-var index$e = require('./index-cc31ab82.js');
-var index$f = require('./index-57323ebd.js');
-var index$g = require('./index-7a637bdd.js');
-var index$h = require('./index-4e0fce1c.js');
-var index$i = require('./index-fcd47e39.js');
-var logoIcon = require('./logoIcon-c86052df.js');
-var index$j = require('./index-2ad63a11.js');
-var index$k = require('./index-c8fc4f53.js');
-var index$m = require('./index-bdbb7629.js');
-var index$n = require('./index-da684f1d.js');
-var InputDate = require('./InputDate-7a8cbf15.js');
-var index$l = require('./index-8eb26c3b.js');
+var index = require('./index-a056cc14.js');
+var index$1 = require('./index-9ec6cd80.js');
+var index$2 = require('./index-da7a8713.js');
+var index$3 = require('./index-f890a541.js');
+var index$4 = require('./index-6f4cd31f.js');
+var index$5 = require('./index-9f8b920d.js');
+var index$6 = require('./index-d53225fc.js');
+var index$7 = require('./index-b28773db.js');
+var index$8 = require('./index-bd4eebf3.js');
+var index$9 = require('./index-1c33876a.js');
+var index$a = require('./index-fd4d277e.js');
+var index$b = require('./index-d0545176.js');
+var index$c = require('./index-f9da416f.js');
+var index$d = require('./index-c0f28ba5.js');
+var index$e = require('./index-e57a0acb.js');
+var index$f = require('./index-237a80fb.js');
+var index$g = require('./index-91bc80b6.js');
+var index$h = require('./index-1b69325f.js');
+var index$i = require('./index-c41ab080.js');
+var logoIcon = require('./logoIcon-27533db9.js');
+var index$j = require('./index-28b87eae.js');
+var index$k = require('./index-e01be53a.js');
+var index$m = require('./index-bf63858d.js');
+var index$n = require('./index-78d9ad0a.js');
+var InputDate = require('./InputDate-1a24c7d9.js');
+var index$l = require('./index-35d7bb95.js');
 require('react');
-require('./index-5584a515.js');
-require('./tslib.es6-efb072e2.js');
+require('./index-9eed5876.js');
+require('./tslib.es6-6cb17239.js');
 require('@mantine/core');
-require('./index-cfa6e63c.js');
+require('./index-54b3b98d.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-62a8a766.js');
+require('./utils-93c6c56f.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-b090a394.js');
-require('./translationsContext-58fd12e9.js');
+require('./index-d75b0fd2.js');
+require('./translationsContext-74bb550e.js');
 require('@mantine/carousel');
-require('./index-ba888211.js');
-require('./shared-acb27ce3.js');
+require('./index-3db7c101.js');
+require('./shared-2c3112be.js');
 require('./constantsDomainLocales.js');
-require('./Locale-62760427.js');
+require('./Locale-d6ba560e.js');
+require('./useImageAspectRatio-ee5a0e25.js');
 require('@mantine/dates');
-require('./index-de050cc2.js');
+require('./index-22fe3d5a.js');
 require('date-fns/locale');
-require('./index-ecd739a8.js');
+require('./index-fb86e052.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-fd2a8ce6.js');
-require('./index-526f4e9a.js');
+require('./index-d3376931.js');
+require('./index-27fcb417.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-f0004ce9.js');
-require('./index-2cad548d.js');
+require('./index.styles-e2ab41b3.js');
+require('./index-ad712336.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-34361cea.js');
+require('./animation-56300abf.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-9a03065c.js');
+require('./useUniqueId-2454d9da.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-d275dadb.js');
-require('./Spinner-bf8b5771.js');
-require('./index-d969f723.js');
-require('./paths-25132cd2.js');
-require('./constants-d68c31bf.js');
-require('./utils-7974b5ec.js');
-require('./index-298ebdaf.js');
+require('./WhatsApp-ebda9b3c.js');
+require('./Spinner-254dfcb5.js');
+require('./index-ae42469b.js');
+require('./paths-d7bb7e59.js');
+require('./constants-c2745cea.js');
+require('./utils-4081a7ef.js');
+require('./index-13f51884.js');
 require('js-cookie');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-d1cfb0a0.js');
+require('./constants-10a56219.js');
 require('vaul');
 
 
@@ -113,10 +114,13 @@ exports.IconWrapper = index$1.IconWrapper;
 exports.Button = index$2.Button;
 exports.Checkbox = index$3.Checkbox;
 exports.ImageWrapV2 = index$3.ImageWrapV2;
+exports.IntrinsicImage = index$3.IntrinsicImage;
+exports.POPUP_CONTAINED_IMAGE_MAX = index$3.POPUP_CONTAINED_IMAGE_MAX;
 exports.Pagination = index$3.Pagination;
 exports.PureInput = index$3.PureInput;
 exports.SearchInput = index$3.SearchInput;
 exports.StyledSearchIcon = index$3.StyledSearchIcon;
+exports.getContainedImageSize = index$3.getContainedImageSize;
 exports.Container = index$4.Container;
 exports.Divider = index$5.Divider;
 exports.Drawer = index$6.Drawer;