@hhgtech/hhg-components 1.28.67 → 1.28.69

package/build/esm/localizeNumberFormat-2ac3773e.js

@@ -0,0 +1,23 @@
+import dayjs from 'dayjs';
+
+const ageGenerate = (birthDate, calculateDate = new Date()) => {
+    const numberOfWeek = Math.ceil(dayjs(calculateDate).diff(birthDate, 'week', true));
+    const numberOfMonth = dayjs(calculateDate).diff(birthDate, 'month');
+    const numberOfYear = Math.floor(numberOfMonth / 12);
+    return {
+        year: numberOfYear,
+        month: numberOfMonth % 12,
+        week: numberOfWeek,
+    };
+};
+
+const localizeNumberFormat = (num, locale, maximumFractionDigits = 2) => {
+    return Intl.NumberFormat(undefined, {
+        maximumFractionDigits,
+    }).format(num);
+};
+const convertLocalizedStringToNumber = (value) => {
+    return Number(value.replace(/,/gi, '.'));
+};
+
+export { ageGenerate as a, convertLocalizedStringToNumber as c, localizeNumberFormat as l };

package/build/esm/mantine.js

@@ -1 +1,113 @@
-import{j as s,k as i,l as u}from"./index-5408f5a4.js";export{n as Accordion,A as Anchor,b as AspectRatio,a as Avatar,m as Breadcrumbs,B as Button,o as Carousel,f as CentralCarousel,d as Checkbox,e as ChipButton,c as Input,M as MAPPED_LOCALE,O as OTP,P as Phone,r as Popover,R as Radio,S as Select,T as Tabs,p as emotionCache,q as getHeadingStyles,l as getMantineThemeOverride,t as themeColors,k as useMantineLocale}from"./index-5408f5a4.js";export{D as DatePicker}from"./index-93e5b4f3.js";import{T as h}from"./index-d27a0e25.js";export{O as OTHER_THEME_CONFIG,T as Text}from"./index-d27a0e25.js";export{I as Indicator}from"./index-b7cc3ca2.js";import g,{useMemo as x}from"react";export{M as Modal}from"./index-3aff939b.js";import{_ as j}from"./tslib.es6-266309d1.js";import{Badge as v,Spoiler as E,LoadingOverlay as y,MantineProvider as C,clsx as H,Title as w,Text as N,Button as L}from"@mantine/core";import{t as z}from"./theme-3db3c9a8.js";import{u as _}from"./useTranslations-df1b3bb8.js";export{S as Slider}from"./index-486b71cd.js";export{S as Switch}from"./index-e21276e3.js";import"@hhgtech/icons/other";import"@mantine/hooks";import"./index-2e99f941.js";import"./index-9e5956c2.js";import"date-fns/locale";import"./Subot-4642c5bf.js";import"./isProduction-00695d80.js";import"dayjs";import"./utils-5b4e60da.js";import"styled-components";import"@mantine/carousel";import"classnames";import"./useUniqueId-03fbaecd.js";import"@hhgtech/icons/core";import"@mantine/dates";import"./translationsContext-6d2efd65.js";import"string-format";const F=e=>g.createElement(s,Object.assign({minRows:2,maxRows:4},e)),G=e=>{var{color:t=z.colors.primaryBase,styles:a}=e,s=j(e,["color","styles"]);return g.createElement(v,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},a)},s))},J=e=>{var{children:t,line:a,lineHeight:s,trackingAttributes:o,maxHeight:r,customExpandFn:i}=e,n=j(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:c}=_(),l=x((()=>r||(a&&s?a*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const m=x((()=>o?{"data-event-category":o.dataEventCategory,"data-event-action":o.dataEventAction,"data-event-label":o.dataEventLabel}:{}),[o]);return g.createElement(E,Object.assign({showLabel:g.createElement(h,Object.assign({size:"p3",color:z.colors.primaryBase},m,{onClick:i}),c("articlePage.readMore")),hideLabel:g.createElement(h,Object.assign({size:"p3",color:z.colors.primaryBase},m),c("articlePage.showLess"))},n,{maxHeight:l}),t)};const U=e=>(function(e=!1){g.useEffect((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}(e.visible),g.createElement(y,Object.assign({loaderProps:{color:z.colors.primaryBase}},e))),V=e=>{var{children:t,locale:a,template:s="hb"}=e,o=j(e,["children","locale","template"]);return i(a),g.createElement(C,Object.assign({theme:u(a,s)},o),t)};var Y="MON6sfi",Z="pS-tJD7",K="s3tJ9-5",Q="fNsZr1b",W="uuxV74v",X="YohjTDU";function $(e){const{icon:t,title:a,description:s,button:o,buttonProps:r,style:i,className:n}=e,c=r||{},{size:l="lg",variant:m="outline"}=c,d=j(c,["size","variant"]),p=t;return g.createElement("div",{className:H("result",Y,n),style:i},p&&g.createElement("div",{className:H("resultIconContainer",Z)},g.createElement(p,{className:H("resultIcon",K)})),g.createElement(w,{order:3,size:"h3",className:H("resultTitle",Q)},a),g.createElement(N,{className:H("resultDescription",W)},s),o&&g.createElement(L,Object.assign({},d,{size:l,variant:m,className:H("resultButton",X,d.className)}),o))}export{G as Badge,U as LoadingOverlay,V as MantineProvider,$ as Result,J as Spoiler,F as TextArea};
+import { j as StyledTextArea, k as useMantineLocale, l as getMantineThemeOverride } from './index-32e53dac.js';
+export { n as Accordion, A as Anchor, b as AspectRatio, a as Avatar, m as Breadcrumbs, B as Button, o as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, M as MAPPED_LOCALE, O as OTP, P as Phone, r as Popover, R as Radio, S as Select, T as Tabs, p as emotionCache, q as getHeadingStyles, l as getMantineThemeOverride, t as themeColors, k as useMantineLocale } from './index-32e53dac.js';
+export { D as DatePicker } from './index-9ea7e838.js';
+import { T as Text } from './index-3474401a.js';
+export { O as OTHER_THEME_CONFIG, T as Text } from './index-3474401a.js';
+export { I as Indicator } from './index-d8177667.js';
+import React__default, { useMemo } from 'react';
+export { M as Modal } from './index-c5d7f692.js';
+import { _ as __rest } from './tslib.es6-1b1533a9.js';
+import { Badge as Badge$1, Spoiler as Spoiler$1, LoadingOverlay as LoadingOverlay$1, MantineProvider as MantineProvider$1, clsx, Title, Text as Text$1, Button } from '@mantine/core';
+import { t as theme } from './theme-e74db08c.js';
+import { u as useTranslations } from './useTranslations-4f1db486.js';
+export { S as Slider } from './index-4fe2b03f.js';
+export { S as Switch } from './index-d7f046db.js';
+import '@hhgtech/icons/other';
+import '@mantine/hooks';
+import './index-8858383e.js';
+import './index-e612be9c.js';
+import 'date-fns/locale';
+import './Subot-3289bd8e.js';
+import './isProduction-0ea904dd.js';
+import 'dayjs';
+import './utils-2c484c05.js';
+import 'styled-components';
+import '@mantine/carousel';
+import 'classnames';
+import './useUniqueId-3638402f.js';
+import '@hhgtech/icons/core';
+import '@mantine/dates';
+import './translationsContext-ad3e25de.js';
+import 'string-format';
+
+const TextArea = (props) => {
+    return React__default.createElement(StyledTextArea, Object.assign({ minRows: 2, maxRows: 4 }, props));
+};
+
+const Badge = (_a) => {
+    var { color = theme.colors.primaryBase, styles } = _a, rest = __rest(_a, ["color", "styles"]);
+    return (React__default.createElement(Badge$1, Object.assign({ variant: "filled", color: color, styles: Object.assign({ root: {
+                borderRadius: '2px',
+                background: color,
+                textTransform: 'unset',
+            } }, styles) }, rest)));
+};
+
+const Spoiler = (_a) => {
+    var { children, line, lineHeight, trackingAttributes, maxHeight: _maxHeight, customExpandFn } = _a, rest = __rest(_a, ["children", "line", "lineHeight", "trackingAttributes", "maxHeight", "customExpandFn"]);
+    const { t } = useTranslations();
+    const maxHeight = useMemo(() => {
+        if (_maxHeight)
+            return _maxHeight;
+        if (line && lineHeight)
+            return line * lineHeight;
+        console.error('[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight');
+        return 0;
+    }, []);
+    if (!children)
+        console.error('[HHG-Comp]:[Spoiler] Please provide children');
+    const gaAttributes = useMemo(() => {
+        if (trackingAttributes) {
+            return {
+                'data-event-category': trackingAttributes.dataEventCategory,
+                'data-event-action': trackingAttributes.dataEventAction,
+                'data-event-label': trackingAttributes.dataEventLabel,
+            };
+        }
+        else {
+            return {};
+        }
+    }, [trackingAttributes]);
+    return (React__default.createElement(Spoiler$1, Object.assign({ showLabel: React__default.createElement(Text, Object.assign({ size: "p3", color: theme.colors.primaryBase }, gaAttributes, { onClick: customExpandFn }), t('articlePage.readMore')), hideLabel: React__default.createElement(Text, Object.assign({ size: "p3", color: theme.colors.primaryBase }, gaAttributes), t('articlePage.showLess')) }, rest, { maxHeight: maxHeight }), children));
+};
+
+function useLockBodyScroll(visible = false) {
+    React__default.useEffect(() => {
+        if (visible) {
+            const originalStyle = window.getComputedStyle(document.body).overflow;
+            document.body.style.overflow = 'hidden';
+            return () => {
+                document.body.style.overflow = originalStyle;
+            };
+        }
+    }, [visible]);
+}
+
+const LoadingOverlay = (props) => {
+    useLockBodyScroll(props.visible);
+    return (React__default.createElement(LoadingOverlay$1, Object.assign({ loaderProps: {
+            color: theme.colors.primaryBase,
+        } }, props)));
+};
+
+const MantineProvider = (_a) => {
+    var { children, locale, template = 'hb' } = _a, props = __rest(_a, ["children", "locale", "template"]);
+    useMantineLocale(locale);
+    return (React__default.createElement(MantineProvider$1, Object.assign({ theme: getMantineThemeOverride(locale, template) }, props), children));
+};
+
+var styles = {"container":"MON6sfi","iconContainer":"pS-tJD7","icon":"s3tJ9-5","title":"fNsZr1b","description":"uuxV74v","button":"YohjTDU"};
+
+function Result(props) {
+    const { icon, title, description, button, buttonProps, style, className } = props;
+    const _a = buttonProps || {}, { size = 'lg', variant = 'outline' } = _a, restButtonProps = __rest(_a, ["size", "variant"]);
+    const Icon = icon;
+    return (React__default.createElement("div", { className: clsx('result', styles.container, className), style: style },
+        Icon && (React__default.createElement("div", { className: clsx('resultIconContainer', styles.iconContainer) },
+            React__default.createElement(Icon, { className: clsx('resultIcon', styles.icon) }))),
+        React__default.createElement(Title, { order: 3, size: "h3", className: clsx('resultTitle', styles.title) }, title),
+        React__default.createElement(Text$1, { className: clsx('resultDescription', styles.description) }, description),
+        button && (React__default.createElement(Button, Object.assign({}, restButtonProps, { size: size, variant: variant, className: clsx('resultButton', styles.button, restButtonProps.className) }), button))));
+}
+
+export { Badge, LoadingOverlay, MantineProvider, Result, Spoiler, TextArea };

package/build/esm/misc.js

@@ -1 +1,22 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-8355a44f.js";export{h as fadeIn,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./animation-0340efb3.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-4f089e3c.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-3db3c9a8.js";export{a as abbreviateNumber}from"./number-1347eb7b.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-2b284b30.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-5b4e60da.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-a4c9d6dd.js";export{g as getSocialList}from"./getSocialList-4e48deba.js";export{S as ScreenSizeContext,a as ScreenSizeContextProvider,f as formatPill,g as getWindowSizeGroups}from"./dataTransform-0fa341bb.js";import"dayjs";import"./index-9e5956c2.js";import"date-fns/locale";import"./Subot-4642c5bf.js";import"./isProduction-00695d80.js";import"./tslib.es6-266309d1.js";import"./normalizeLink-1c194268.js";import"./core-80112758.js";import"./index-2e99f941.js";import"lodash/throttle";
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-2ac3773e.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-3d5edc39.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-d314282c.js';
+import 'react';
+import 'styled-components';
+export { M as MBTheme, t as theme } from './theme-e74db08c.js';
+export { a as abbreviateNumber } from './number-0c126a39.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-2474f896.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-2c484c05.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-f4497aa5.js';
+export { g as getSocialList } from './getSocialList-a5b8462e.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-8ecfc046.js';
+import 'dayjs';
+import './index-e612be9c.js';
+import 'date-fns/locale';
+import './Subot-3289bd8e.js';
+import './isProduction-0ea904dd.js';
+import './tslib.es6-1b1533a9.js';
+import './normalizeLink-d1c9617e.js';
+import './core-8c73d133.js';
+import './index-8858383e.js';
+import 'lodash/throttle';

package/build/esm/navigation.js

@@ -1 +1,51 @@
-export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-fd04ccb7.js";import"./tslib.es6-266309d1.js";import"react";import"./index-5408f5a4.js";import"@hhgtech/icons/other";import"@mantine/core";import"@mantine/hooks";import"./index-2e99f941.js";import"./index-9e5956c2.js";import"date-fns/locale";import"./Subot-4642c5bf.js";import"./isProduction-00695d80.js";import"dayjs";import"./utils-5b4e60da.js";import"styled-components";import"@mantine/carousel";import"./index-d27a0e25.js";import"./theme-3db3c9a8.js";import"classnames";import"./useUniqueId-03fbaecd.js";import"@hhgtech/icons/core";import"./normalizeLink-1c194268.js";import"./routing-2b284b30.js";import"./index-823fd7c0.js";import"./utils-970ce0c0.js";import"./cookieHelper-4f089e3c.js";import"slugify";import"string-format";import"./index-252cb964.js";import"./utils-3d2e3f0f.js";import"./useTranslations-df1b3bb8.js";import"./translationsContext-6d2efd65.js";import"lodash/throttle";import"@mantine/dates";import"./constants-6ecfa77c.js";import"./index-13dc1f44.js";import"./index.styles-94af560f.js";import"./constants-f7c80032.js";import"./animation-0340efb3.js";import"react-keyed-flatten-children";import"./ChevronDown-4e59cac6.js";import"./index-3452fed2.js";import"./index-24557f2b.js";import"./index-b7cc3ca2.js";import"./useIsInit-9661c5f5.js";import"./index.styled-14b65c9e.js";import"./index-8c77d7e0.js";import"dayjs/plugin/relativeTime";import"./index-1e7ad007.js";import"lodash/debounce";import"./core-80112758.js";
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-aabac2aa.js';
+import './tslib.es6-1b1533a9.js';
+import 'react';
+import './index-32e53dac.js';
+import '@hhgtech/icons/other';
+import '@mantine/core';
+import '@mantine/hooks';
+import './index-8858383e.js';
+import './index-e612be9c.js';
+import 'date-fns/locale';
+import './Subot-3289bd8e.js';
+import './isProduction-0ea904dd.js';
+import 'dayjs';
+import './utils-2c484c05.js';
+import 'styled-components';
+import '@mantine/carousel';
+import './index-3474401a.js';
+import './theme-e74db08c.js';
+import 'classnames';
+import './useUniqueId-3638402f.js';
+import '@hhgtech/icons/core';
+import './normalizeLink-d1c9617e.js';
+import './routing-2474f896.js';
+import './index-b9b2c417.js';
+import './utils-70718e9c.js';
+import './cookieHelper-d314282c.js';
+import 'slugify';
+import 'string-format';
+import './index-f3d0592b.js';
+import './utils-6d7b88da.js';
+import './useTranslations-4f1db486.js';
+import './translationsContext-ad3e25de.js';
+import 'lodash/throttle';
+import '@mantine/dates';
+import './constants-2a6d2434.js';
+import './index-cc93e010.js';
+import './index.styles-5add27c5.js';
+import './constants-b77ffe3d.js';
+import './animation-3d5edc39.js';
+import 'react-keyed-flatten-children';
+import './ChevronDown-9a8ece61.js';
+import './index-6ea6484e.js';
+import './index-34899aa3.js';
+import './index-d8177667.js';
+import './useIsInit-8a2fc8e5.js';
+import './index.styled-9c9db9cc.js';
+import './index-12fa4985.js';
+import 'dayjs/plugin/relativeTime';
+import './index-c2da5293.js';
+import 'lodash/debounce';
+import './core-8c73d133.js';

package/build/esm/normalizeLink-d1c9617e.js

@@ -0,0 +1,12 @@
+// remove accidental double continuous slash in url
+const normalizeLinkSlash = (link) => {
+    return link.replace(/([^:]\/)\/+/g, '$1');
+};
+const forceEndSlash = (link) => {
+    return link.replace(/\/?$/, '/');
+};
+const normalizeLink = (link) => {
+    return normalizeLinkSlash(forceEndSlash(link));
+};
+
+export { normalizeLink as a, normalizeLinkSlash as n };

package/build/esm/number-0c126a39.js

@@ -0,0 +1,38 @@
+// SOURCE: https://stackoverflow.com/a/10601315
+const abbreviateNumber = (value) => {
+    let newValue = String(value);
+    if (value >= 1000) {
+        const suffixes = ['', 'k', 'm', 'b', 't'];
+        const numLength = ('' + value).length;
+        let suffixNum = Math.floor(numLength / 3);
+        const isThousandNum = numLength === 6;
+        let shortValue;
+        if (isThousandNum) {
+            shortValue = Math.round(value / 1000);
+        }
+        else {
+            for (let precision = 2; precision >= 1; precision--) {
+                shortValue = parseFloat((suffixNum != 0
+                    ? value / Math.pow(1000, suffixNum)
+                    : value).toPrecision(precision));
+                const dotLessShortValue = (shortValue + '').replace(/[^a-zA-Z 0-9]+/g, '');
+                if (dotLessShortValue.length <= 2) {
+                    break;
+                }
+            }
+        }
+        if (shortValue && shortValue % 1 != 0) {
+            shortValue = shortValue.toFixed(1);
+        }
+        else if (isThousandNum && shortValue && shortValue / 1000 >= 1) {
+            suffixNum += 1;
+            shortValue = shortValue / 1000;
+        }
+        newValue =
+            shortValue +
+                (numLength === 6 ? suffixes[suffixNum - 1] : suffixes[suffixNum]);
+    }
+    return newValue;
+};
+
+export { abbreviateNumber as a };