@hhgtech/hhg-components 1.29.431-beta-2 → 1.29.432-beta-2

package/build/{InputDate-078ab5aa.js → InputDate-b2ecc68c.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-370364b7.js');
+var tslib_es6 = require('./tslib.es6-87e8f87f.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-2eaa7a96.js');
+var text = require('./text-f7d0b0b4.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-b4fbb091.js');
-var Locale = require('./Locale-1251caf9.js');
-var index$1 = require('./index-b68e1442.js');
+var index = require('./index-41e1d5ab.js');
+var Locale = require('./Locale-54124859.js');
+var index$1 = require('./index-50ef370a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-88e66817.js → LastPeriod-9bcb6acb.js}

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

package/build/{MobileBottomNavigationIcon-42376e95.js → MobileBottomNavigationIcon-41d68ac1.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-370364b7.js');
+var tslib_es6 = require('./tslib.es6-87e8f87f.js');
 var React = require('react');
-var index = require('./index-b68e1442.js');
+var index = require('./index-50ef370a.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-4249781d.js');
+var utils = require('./utils-b7beac7a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1bb11ebc.js → RatingStarsInput-9261d69c.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-370364b7.js');
+var tslib_es6 = require('./tslib.es6-87e8f87f.js');
 var React = require('react');
-var index$5 = require('./index-6d11558a.js');
+var index$5 = require('./index-ed63f582.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-b4fbb091.js');
-require('./index-e6aaedf8.js');
-var index$b = require('./index-f3e2a299.js');
-require('./index-60ff3f94.js');
-var index$3 = require('./index-b68e1442.js');
-var index$f = require('./index-6a549749.js');
-require('./index.styles-8c61f4be.js');
-require('./translationsContext-b797b2e1.js');
+var index$7 = require('./index-41e1d5ab.js');
+require('./index-5842643b.js');
+var index$b = require('./index-7441a4a3.js');
+require('./index-7d49357f.js');
+var index$3 = require('./index-50ef370a.js');
+var index$f = require('./index-2b867061.js');
+require('./index.styles-7728d5db.js');
+require('./translationsContext-fe819cba.js');
 require('@mantine/hooks');
-require('./text-2eaa7a96.js');
-var utils = require('./utils-4249781d.js');
-require('./index-395c64b6.js');
-var index$2 = require('./index-82192291.js');
+require('./text-f7d0b0b4.js');
+var utils = require('./utils-b7beac7a.js');
+require('./index-dca93a66.js');
+var index$2 = require('./index-5c8615db.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-60bc5082.js');
+var index$4 = require('./index-baab24e8.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-5c5d8e88.js');
+var index$6 = require('./index-dd962677.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-c102e6a3.js');
+var useOutsideClick = require('./useOutsideClick-2c90866f.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-24781cb2.js');
-var index$8 = require('./index-8f8e535c.js');
-var index$9 = require('./index-ff7f6ccc.js');
-var index$c = require('./index-2fe95bdb.js');
+var index$a = require('./index-b0b9e954.js');
+var index$8 = require('./index-f2d9df87.js');
+var index$9 = require('./index-b93e4ec2.js');
+var index$c = require('./index-86bc6ebf.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-29a88110.js');
-var index$d = require('./index-4e84bdc8.js');
+var index$e = require('./index-b3c66fca.js');
+var index$d = require('./index-8a7092b9.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-1251caf9.js');
+var Locale = require('./Locale-54124859.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-7ade673a.js');
+var index$g = require('./index-4841d9b7.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -82,6 +82,19 @@ var Lottie__default = /*#__PURE__*/_interopDefault(Lottie);
 var get__default = /*#__PURE__*/_interopDefault(get);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
+const StarFull = (_a) => {
+    var { color, stroke } = _a, props = tslib_es6.__rest(_a, ["color", "stroke"]);
+    return (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 48 48", fill: "none" }, props),
+        React__namespace.createElement("path", { d: "M24.0003 5.33203L28.4617 19.332H43.3337L31.5177 28.4067L36.1603 42.6654L24.0003 33.852L11.8403 42.6654L16.483 28.4067L4.66699 19.332H19.539L24.0003 5.33203Z", fill: color }),
+        React__namespace.createElement("path", { d: "M24.0003 5.33203L28.4617 19.332H43.3337L31.5177 28.4067L36.1603 42.6654L24.0003 33.852L11.8403 42.6654L16.483 28.4067L4.66699 19.332H19.539L24.0003 5.33203Z", stroke: stroke, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+
+/* eslint-disable prettier/prettier */
+const StarHalf = (props) => React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M8.00038 1.77734L6.51327 6.44401H1.55593L5.4946 9.4689L3.94705 14.2218L8.00038 11.284L12.0537 14.2218L10.5062 9.4689L14.4448 6.44401H9.48749L8.00038 1.77734Z", fill: "#E4E8EC" }),
+    React__namespace.createElement("path", { d: "M8.00038 1.77734L6.51327 6.44401H1.55594L5.4946 9.4689L3.94705 14.2218L8.00038 11.284L12.0537 14.2218L10.5062 9.4689L14.4448 6.44401H9.48749L8.00038 1.77734Z", stroke: "#D2D6DC", strokeWidth: 0.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M8 1.77734L6.51289 6.44401H1.55556L5.49422 9.4689L3.94667 14.2218L8 11.284V1.77734Z", fill: "#FFB521", stroke: "#FE921D", strokeWidth: 0.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+
 const StyledCategoryCard = styled__default["default"].a `
   display: flex;
   height: 125px;
@@ -5393,6 +5406,100 @@ const CertificateItem = ({ image, description, title, className, }) => {
             React__namespace["default"].createElement(StyledDescription, null, description))));
 };
 
+const MAX_RATING = 5;
+
+const RatingStarsWrapperStyled = styled__default["default"].div `
+  display: flex;
+  flex-direction: column;
+
+  label {
+    margin-bottom: ${core.rem(8)};
+  }
+
+  .error-text {
+    margin-top: ${core.rem(12)};
+  }
+`;
+const RatingStarsStyled = styled__default["default"].div `
+  display: flex;
+  gap: ${core.rem(4)};
+
+  svg {
+    cursor: pointer;
+    width: ${core.rem(48)};
+    height: ${core.rem(48)};
+  }
+
+  &.read-only {
+    svg {
+      cursor: default;
+    }
+  }
+`;
+const RatingStarsFeedbackStyled = styled__default["default"].div `
+  padding: ${core.rem(2)} ${core.rem(8)};
+  border-radius: ${core.rem(20)};
+  background-color: ${miscTheme.theme.colors.yellow50};
+  width: fit-content;
+  margin-top: ${core.rem(12)};
+`;
+
+const RatingStar = ({ filled, onClick, onMouseEnter, onMouseLeave, }) => (React__namespace["default"].createElement("div", { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
+    React__namespace["default"].createElement(StarFull, { color: filled ? miscTheme.theme.colors.yellow600 : miscTheme.theme.colors.neutral100, stroke: filled ? miscTheme.theme.colors.yellow500 : miscTheme.theme.colors.neutral200 })));
+
+const HALF_STAR_THRESHOLD = 0.5;
+const FULL_STAR_THRESHOLD = 0.9;
+const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) => {
+    const [hovered, setHovered] = React.useState(null);
+    const isHovered = hovered !== null;
+    const handleChange = (index) => {
+        if (!readOnly)
+            onChange === null || onChange === void 0 ? void 0 : onChange(index);
+    };
+    const handleMouseEnter = (index) => {
+        if (!readOnly)
+            setHovered(index);
+    };
+    const handleMouseLeave = () => {
+        if (!readOnly)
+            setHovered(null);
+    };
+    const starComponent = (starValue, filled) => (React__namespace["default"].createElement(RatingStar, { key: `star-${starValue}`, filled: filled, onClick: () => handleChange(starValue), onMouseEnter: () => handleMouseEnter(starValue), onMouseLeave: handleMouseLeave }));
+    return (React__namespace["default"].createElement(RatingStarsStyled, { className: core.clsx(readOnly && 'read-only') }, Array.from({ length: max }).map((_, index) => {
+        const starValue = index + 1;
+        const diff = value - index;
+        if (isHovered) {
+            return starComponent(starValue, starValue <= hovered);
+        }
+        if (diff >= FULL_STAR_THRESHOLD) {
+            return starComponent(starValue, true);
+        }
+        if (diff >= HALF_STAR_THRESHOLD) {
+            return React__namespace["default"].createElement(StarHalf, { key: `star-${index}` });
+        }
+        return starComponent(starValue, false);
+    })));
+};
+
+const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false, name, id, label, error, }) => {
+    const { t } = index$9.useTranslations();
+    const ratingDescriptions = {
+        1: t('common.rating.worse'),
+        2: t('common.rating.bad'),
+        3: t('common.rating.meh'),
+        4: t('common.rating.good'),
+        5: t('common.rating.excellent'),
+    };
+    const feedback = ratingDescriptions[value];
+    return (React__namespace["default"].createElement(RatingStarsWrapperStyled, { className: core.clsx(readOnly && 'read-only') },
+        label && (React__namespace["default"].createElement(index$3.Text, { as: "label", size: "title2" }, label)),
+        React__namespace["default"].createElement("input", { type: "hidden", name: name, id: id, value: value }),
+        React__namespace["default"].createElement(RatingStars, { value: value, max: max, onChange: onChange, readOnly: readOnly }),
+        value >= 0 && (React__namespace["default"].createElement(RatingStarsFeedbackStyled, null,
+            React__namespace["default"].createElement(index$3.Text, { size: "c1" }, feedback))),
+        error && (React__namespace["default"].createElement(index$3.Text, { className: "error-text", size: "c1", color: miscTheme.theme.colors.red600 }, error))));
+};
+
 exports.AdBlock = AdBlock;
 exports.Breadcrumbs = Breadcrumbs;
 exports.CardListItem = CardListItem;
@@ -5410,12 +5517,17 @@ exports.HPVScreener = HPVScreener;
 exports.IconText = IconText;
 exports.List = List;
 exports.ListContext = ListContext;
+exports.MAX_RATING = MAX_RATING;
 exports.QuickFilter = QuickFilter;
 exports.RadioGroup = RadioGroup;
+exports.RatingStars = RatingStars;
+exports.RatingStarsInput = RatingStarsInput;
 exports.ScrollList = ScrollList;
 exports.SeoHead = SeoHead;
 exports.ShareContainer = ShareContainer;
 exports.ShareDrawer = ShareDrawer;
+exports.StarFull = StarFull;
+exports.StarHalf = StarHalf;
 exports.StatisticCard = StatisticCard;
 exports.SummaryInfo = SummaryInfo;
 exports.Tabs = Tabs;

package/build/{Spinner-fbb7702d.js → Spinner-6ca84d10.js}

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

package/build/{WhatsApp-b5fe357f.js → WhatsApp-a9e0e496.js}

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

package/build/adapters.js

@@ -2,43 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-24781cb2.js');
-var index$1 = require('./index-5c1614fa.js');
-var index$2 = require('./index-a2c2dbe9.js');
-require('./tslib.es6-370364b7.js');
+var index = require('./index-b0b9e954.js');
+var index$1 = require('./index-be1beb34.js');
+var index$2 = require('./index-d93509f2.js');
+require('./tslib.es6-87e8f87f.js');
 require('react');
-require('./index-6a549749.js');
+require('./index-2b867061.js');
 require('@mantine/core');
-require('./shared-1f6a17b8.js');
-require('./text-2eaa7a96.js');
-require('./index-6d11558a.js');
+require('./shared-69e35845.js');
+require('./text-f7d0b0b4.js');
+require('./index-ed63f582.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-f3e2a299.js');
+require('./index-7441a4a3.js');
 require('./constantsDomainLocales.js');
-require('./Locale-1251caf9.js');
+require('./Locale-54124859.js');
 require('./constantsIsProduction.js');
-require('./index-8f8e535c.js');
-require('./utils-4249781d.js');
+require('./index-f2d9df87.js');
+require('./utils-b7beac7a.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-b68e1442.js');
-require('./index-60ff3f94.js');
+require('./index-50ef370a.js');
+require('./index-7d49357f.js');
 require('dayjs');
-require('./index-e6aaedf8.js');
+require('./index-5842643b.js');
 require('@mantine/notifications');
-require('./index-b4fbb091.js');
+require('./index-41e1d5ab.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-a18cf14d.js');
+require('./useUniqueId-9b0bb92b.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-8c61f4be.js');
-require('./translationsContext-b797b2e1.js');
-require('./index-395c64b6.js');
+require('./index.styles-7728d5db.js');
+require('./translationsContext-fe819cba.js');
+require('./index-dca93a66.js');
 
 
 

package/build/atoms.js

@@ -2,79 +2,80 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-259f5c4b.js');
-var index$1 = require('./index-ec2b00e1.js');
-var index$2 = require('./index-24781cb2.js');
-var index$3 = require('./index-60bc5082.js');
-var index$4 = require('./index-7fe12f20.js');
-var index$5 = require('./index-a29ccc0e.js');
-var index$6 = require('./index-4e84bdc8.js');
-var index$7 = require('./index-6d11558a.js');
-var index$8 = require('./index-a2c2dbe9.js');
-var index$9 = require('./index-0a9a537d.js');
-var index$a = require('./index-29a88110.js');
-var index$b = require('./index-5c5d8e88.js');
-var index$c = require('./index-b6102036.js');
-var index$d = require('./index-5c1614fa.js');
-var index$e = require('./index-73923dee.js');
-var index$f = require('./index-8fe26fb6.js');
-var index$g = require('./index-098e0a89.js');
-var index$h = require('./index-d333b01b.js');
-var index$i = require('./index-8f8e535c.js');
-var logoIcon = require('./logoIcon-6723cec9.js');
-var index$j = require('./index-0ff06aef.js');
-var index$k = require('./index-7ade673a.js');
-var index$l = require('./index-8f59559d.js');
-var InputDate = require('./InputDate-078ab5aa.js');
+var index = require('./index-d46b190b.js');
+var index$1 = require('./index-288058fa.js');
+var index$2 = require('./index-b0b9e954.js');
+var index$3 = require('./index-baab24e8.js');
+var index$4 = require('./index-8825b401.js');
+var index$5 = require('./index-a6cb2363.js');
+var index$6 = require('./index-8a7092b9.js');
+var index$7 = require('./index-ed63f582.js');
+var index$8 = require('./index-d93509f2.js');
+var index$9 = require('./index-3f00766e.js');
+var index$a = require('./index-b3c66fca.js');
+var index$b = require('./index-dd962677.js');
+var index$c = require('./index-e5555179.js');
+var index$d = require('./index-be1beb34.js');
+var index$e = require('./index-9023fcda.js');
+var index$f = require('./index-26137b65.js');
+var index$g = require('./index-200b27a0.js');
+var index$h = require('./index-69a9071e.js');
+var index$i = require('./index-f2d9df87.js');
+var logoIcon = require('./logoIcon-2f513aba.js');
+var index$j = require('./index-834060c8.js');
+var index$k = require('./index-4841d9b7.js');
+var index$l = require('./index-91f0665e.js');
+var InputDate = require('./InputDate-b2ecc68c.js');
 require('react');
-require('./index-b68e1442.js');
-require('./tslib.es6-370364b7.js');
+require('./index-50ef370a.js');
+require('./tslib.es6-87e8f87f.js');
 require('@mantine/core');
-require('./text-2eaa7a96.js');
+require('./text-f7d0b0b4.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-4249781d.js');
+require('./utils-b7beac7a.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
+require('./Close-ea4dd399.js');
 require('@mantine/carousel');
-require('./index-6a549749.js');
-require('./shared-1f6a17b8.js');
+require('./index-2b867061.js');
+require('./shared-69e35845.js');
 require('@mantine/dates');
-require('./index-b4fbb091.js');
+require('./index-41e1d5ab.js');
 require('date-fns/locale');
-require('./index-e6aaedf8.js');
-require('./Locale-1251caf9.js');
+require('./index-5842643b.js');
+require('./Locale-54124859.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-f3e2a299.js');
-require('./index-60ff3f94.js');
+require('./index-7441a4a3.js');
+require('./index-7d49357f.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-8c61f4be.js');
-require('./translationsContext-b797b2e1.js');
-require('./index-395c64b6.js');
+require('./index.styles-7728d5db.js');
+require('./translationsContext-fe819cba.js');
+require('./index-dca93a66.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-03978149.js');
+require('./animation-b33b6a7c.js');
 require('classnames');
-require('./useUniqueId-a18cf14d.js');
+require('./useUniqueId-9b0bb92b.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-b5fe357f.js');
-require('./Spinner-fbb7702d.js');
-require('./index-d53859b3.js');
-require('./index-ff7f6ccc.js');
-require('./paths-bbc05982.js');
-require('./constants-e7ffc3c1.js');
-require('./utils-dbe7248e.js');
-require('./index-4273987f.js');
+require('./WhatsApp-a9e0e496.js');
+require('./Spinner-6ca84d10.js');
+require('./index-b2828924.js');
+require('./index-b93e4ec2.js');
+require('./paths-73f62327.js');
+require('./constants-b642d87b.js');
+require('./utils-646001a7.js');
+require('./index-07a5d426.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-ec828833.js');
+require('./constants-16dac494.js');
 require('vaul');
 
 
@@ -84,10 +85,19 @@ exports.Badge = index.Badge;
 exports.BorderHeading = index.BorderHeading;
 exports.CardCollapse = index.CardCollapse;
 exports.DragFreeCarousel = index.DragFreeCarousel;
+Object.defineProperty(exports, 'FILE_UPLOAD_ACCEPTED_RATIOS', {
+  enumerable: true,
+  get: function () { return index.FILE_UPLOAD_ACCEPTED_RATIOS; }
+});
+Object.defineProperty(exports, 'FILE_UPLOAD_ACCEPTED_TYPES', {
+  enumerable: true,
+  get: function () { return index.FILE_UPLOAD_ACCEPTED_TYPES; }
+});
 exports.FileDropdown = index.FileDropdown;
 exports.Grid = index.Grid;
 exports.HtmlContent = index.HtmlContent;
 exports.IconHeading = index.IconHeading;
+exports.ImageUpload = index.ImageUpload;
 exports.Radio = index.Radio;
 exports.RateStars = index.RateStars;
 exports.StepRenderer = index.StepRenderer;