@hhgtech/hhg-components 1.29.0 → 1.29.1

package/build/{types-e5f746a7.js → types-9aa148c1.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var react = require('@emotion/react');
-var useTranslations = require('./useTranslations-cd50ad36.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-250b719a.js');
+var constants = require('./constants-e24320fc.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-7471b9a3.js');
-var index$2 = require('./index-d0f305cc.js');
-var theme = require('./theme-8f3eba82.js');
+var index$1 = require('./index-291b75aa.js');
+var index$2 = require('./index-3fce6344.js');
+var theme = require('./theme-222196ff.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-f81b5339.js');
-var utils = require('./utils-2531ee99.js');
+var useOutsideClick = require('./useOutsideClick-f039cfaa.js');
+var utils = require('./utils-f00bdea3.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-6880b84e.js');
+var paths = require('./paths-c6015929.js');
 var core = require('@mantine/core');
-var index = require('./index-2522521c.js');
-var cookieHelper = require('./cookieHelper-fa491ff1.js');
-var index$3 = require('./index-31aefbbb.js');
+var index = require('./index-1071810d.js');
+var cookieHelper = require('./cookieHelper-fb75b420.js');
+var index$3 = require('./index-b663f389.js');
 var core$1 = require('@hhgtech/icons/core');
-var ChevronDown = require('./ChevronDown-8dceca24.js');
+var ChevronDown = require('./ChevronDown-ec71a5ac.js');
 var formatString = require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{types-42f720c6.js → types-dd127d92.js}

@@ -1,51 +1,51 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-d0f305cc.js');
-require('./translationsContext-2fd3cf64.js');
+var index$1 = require('./index-3fce6344.js');
+require('./translationsContext-0195a7a2.js');
 require('string-format');
-var utils = require('./utils-7bb4dfac.js');
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var utils = require('./utils-74d7cf7a.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$c = require('./index-55bf7fbc.js');
-var useTranslations = require('./useTranslations-cd50ad36.js');
+var index$c = require('./index-41dd62e8.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 var innertext = require('innertext');
-var theme = require('./theme-8f3eba82.js');
-var index$8 = require('./index-91363ba0.js');
+var theme = require('./theme-222196ff.js');
+var index$8 = require('./index-5c601f08.js');
 require('@mantine/dates');
-var index$4 = require('./index-2522521c.js');
-var Subot = require('./Subot-ee808a83.js');
-var index$9 = require('./index-f60d0cbf.js');
-require('./useMantineLocale-d09b55c5.js');
+var index$4 = require('./index-1071810d.js');
+var Subot = require('./Subot-4134f5c3.js');
+var index$9 = require('./index-cdd4f091.js');
+require('./useMantineLocale-0e980601.js');
 require('@mantine/hooks');
-var utils$1 = require('./utils-2531ee99.js');
-var index$7 = require('./index-999afc56.js');
-var index$6 = require('./index-7a2ed315.js');
-var index$b = require('./index-7471b9a3.js');
+var utils$1 = require('./utils-f00bdea3.js');
+var index$7 = require('./index-0fa5f024.js');
+var index$6 = require('./index-54e27e70.js');
+var index$b = require('./index-291b75aa.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var core$1 = require('@hhgtech/icons/core');
-var index$5 = require('./index-e4200206.js');
-var index$2 = require('./index-1c00b6e4.js');
-var cookieHelper = require('./cookieHelper-fa491ff1.js');
+var index$5 = require('./index-627e5cc1.js');
+var index$2 = require('./index-47c587bb.js');
+var cookieHelper = require('./cookieHelper-fb75b420.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var index$3 = require('./index-493eb2ad.js');
-var number = require('./number-7ecb50e4.js');
+var index$3 = require('./index-6d5faff0.js');
+var number = require('./number-bc8e7441.js');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
 var react = require('@emotion/react');
-var index$a = require('./index-e934833c.js');
-var Close = require('./Close-29bae711.js');
-var useUniqueId = require('./useUniqueId-e48ff5bb.js');
-var index_styles = require('./index.styles-51873031.js');
-var routing = require('./routing-c51f0123.js');
-require('./constants-250b719a.js');
-require('./utils-070de1e1.js');
-require('./index.styled-25f0011d.js');
-require('./index-f9ec4525.js');
+var index$a = require('./index-38b6d467.js');
+var Close = require('./Close-4377df94.js');
+var useUniqueId = require('./useUniqueId-89244ce8.js');
+var routing = require('./routing-b4b3355b.js');
+require('./index.styles-aaffaede.js');
+require('./constants-e24320fc.js');
+require('./utils-8689f497.js');
+require('./index.styled-516fbbd9.js');
+require('./index-f4b32c12.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -4775,11 +4775,11 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
             React__default["default"].createElement("img", { src: IconCloseCircle, className: "icon-close-circle", onClick: () => onRemoveImage(index), loading: "lazy" }))))))));
 };
 
-const StyledItemWrapper = styled__default["default"].a `
-  * {
-    pointer-events: none;
-  }
-`;
+const StyledItemWrapper = utils.setDefaultClass(styled__default["default"].a `
+    * {
+      pointer-events: none;
+    }
+  `, 'hhg-share__item-wrapper');
 const StyledShare = styled__default["default"].div `
   padding: 1rem;
   .share__social {
@@ -4788,7 +4788,7 @@ const StyledShare = styled__default["default"].div `
     align-items: center;
     justify-content: center;
 
-    & > ${StyledItemWrapper} {
+    & > ${StyledItemWrapper.classSelector} {
       margin: 0 7px;
 
       & > img {
@@ -5723,21 +5723,19 @@ const PostSingleImageViewPopup = ({ initialViewIndex, images, onClose, alt, }) =
                             React__default["default"].createElement("img", { src: ChevronRightIcon, alt: "right arrow", "data-disabled": rightDisabled, loading: "lazy" })))))))));
 };
 
-const _StyledInner = styled__default["default"].div `
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.4);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-`;
-const StyledInnerClass = 'hhgcomp-sensitivemask-inner';
-const StyledInner = index_styles.getDefaultClassWrapper(_StyledInner, StyledInnerClass);
+const StyledInner = utils.setDefaultClass(styled__default["default"].div `
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.4);
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  `, 'hhgcomp-sensitivemask-inner');
 const StyledIcon = styled__default["default"].div ``;
 const StyledWrapper = styled__default["default"].div `
   position: absolute;
@@ -5773,7 +5771,7 @@ const StyledWrapper = styled__default["default"].div `
     background: transparent;
     cursor: zoom-in;
 
-    .${StyledInnerClass} {
+    ${StyledInner.classSelector} {
       top: auto;
       right: auto;
       left: 8px;

package/build/types.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Subot = require('./Subot-ee808a83.js');
+var Subot = require('./Subot-4134f5c3.js');
 
 
 

package/build/{useCategory-9069f277.js → useCategory-7a7395b0.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
-var cookieHelper = require('./cookieHelper-fa491ff1.js');
-var useUniqueId = require('./useUniqueId-e48ff5bb.js');
-var Subot = require('./Subot-ee808a83.js');
-var useTranslations = require('./useTranslations-cd50ad36.js');
+var cookieHelper = require('./cookieHelper-fb75b420.js');
+var useUniqueId = require('./useUniqueId-89244ce8.js');
+var Subot = require('./Subot-4134f5c3.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/{useHealthToolCache-c1c67c03.js → useHealthToolCache-ffee7df6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
-var getDynamicHealthTool = require('./getDynamicHealthTool-c9a18502.js');
+var getDynamicHealthTool = require('./getDynamicHealthTool-b15fd3e6.js');
 
 const useHealthToolsCache = (locale) => {
     const [allTools, setAllTools] = React.useState([]);

package/build/{useMantineLocale-d09b55c5.js → useMantineLocale-0e980601.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var utils = require('./utils-2531ee99.js');
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var utils = require('./utils-f00bdea3.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var Subot = require('./Subot-ee808a83.js');
+var Subot = require('./Subot-4134f5c3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{usePlacesAutocomplete-6573b5f0.js → usePlacesAutocomplete-3507ee83.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/{useTranslations-cd50ad36.js → useTranslations-7fe6e04f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-2fd3cf64.js');
+var translationsContext = require('./translationsContext-0195a7a2.js');
 var formatString = require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{utils-7bb4dfac.js → utils-74d7cf7a.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
 var React = require('react');
-var theme = require('./theme-8f3eba82.js');
-var cookieHelper = require('./cookieHelper-fa491ff1.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
+var theme = require('./theme-222196ff.js');
+var cookieHelper = require('./cookieHelper-fb75b420.js');
 var slugify = require('slugify');
-require('./index-2522521c.js');
+require('./index-1071810d.js');
 var formatString = require('string-format');
-var isProduction = require('./isProduction-f02c8ad3.js');
+var isProduction = require('./isProduction-0fbb2780.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -15,6 +15,18 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var slugify__default = /*#__PURE__*/_interopDefault(slugify);
 var formatString__default = /*#__PURE__*/_interopDefault(formatString);
 
+/* eslint-disable @typescript-eslint/ban-types */
+function setDefaultClass(Component, defaultClass) {
+    const Comp = React.forwardRef((props, ref) => {
+        return (React__default["default"].createElement(Component, Object.assign({}, props, { 
+            // @ts-ignore
+            className: `${defaultClass} ${props.className || ''}`, ref: ref })));
+    });
+    // @ts-ignore
+    Comp.classSelector = `.${defaultClass}`;
+    return Comp;
+}
+
 const Eye = (_a) => {
     var { size, color: colorInit, useCurrentColor, isActive, activeColor } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);
     const color = useCurrentColor
@@ -1169,3 +1181,4 @@ exports.getSsoApiPath = getSsoApiPath;
 exports.getUrlToSignUp = getUrlToSignUp;
 exports.getWebsiteUrlApi = getWebsiteUrlApi;
 exports.locale = locale;
+exports.setDefaultClass = setDefaultClass;

package/build/{utils-070de1e1.js → utils-8689f497.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var styled = require('@emotion/styled');
-var utils = require('./utils-2531ee99.js');
+var utils = require('./utils-f00bdea3.js');
 var React = require('react');
-var index = require('./index-f60d0cbf.js');
-var index$1 = require('./index-91363ba0.js');
-var Subot = require('./Subot-ee808a83.js');
+var index = require('./index-cdd4f091.js');
+var index$1 = require('./index-5c601f08.js');
+var Subot = require('./Subot-4134f5c3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{utils-2831510f.js → utils-acc65e18.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Subot = require('./Subot-ee808a83.js');
+var Subot = require('./Subot-4134f5c3.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/vaccination.js

@@ -2,47 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-91363ba0.js');
+var index = require('./index-5c601f08.js');
 require('@mantine/dates');
-require('./index-2522521c.js');
-var Subot = require('./Subot-ee808a83.js');
-require('./index-f60d0cbf.js');
-require('./useMantineLocale-d09b55c5.js');
-var index$1 = require('./index-d0f305cc.js');
-var theme = require('./theme-8f3eba82.js');
-var useTranslations = require('./useTranslations-cd50ad36.js');
+require('./index-1071810d.js');
+var Subot = require('./Subot-4134f5c3.js');
+require('./index-cdd4f091.js');
+require('./useMantineLocale-0e980601.js');
+var index$1 = require('./index-3fce6344.js');
+var theme = require('./theme-222196ff.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-2531ee99.js');
+var utils = require('./utils-f00bdea3.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-b6cdae14.js');
-require('./translationsContext-2fd3cf64.js');
+var index$2 = require('./index-8c8e683e.js');
+require('./translationsContext-0195a7a2.js');
 require('string-format');
 var other = require('@hhgtech/icons/other');
-var index$3 = require('./index-e934833c.js');
+var index$3 = require('./index-38b6d467.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$5 = require('./index-b9d06b41.js');
-require('./index.styles-51873031.js');
-var index$4 = require('./index-1c00b6e4.js');
-require('./constants-250b719a.js');
-require('./utils-070de1e1.js');
-require('./utils-7bb4dfac.js');
-require('./index.styled-25f0011d.js');
-require('./index-f9ec4525.js');
+var index$5 = require('./index-025a81ec.js');
+require('./index.styles-aaffaede.js');
+var index$4 = require('./index-47c587bb.js');
+require('./constants-e24320fc.js');
+require('./utils-8689f497.js');
+require('./utils-74d7cf7a.js');
+require('./index.styled-516fbbd9.js');
+require('./index-f4b32c12.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-e48ff5bb.js');
+require('./useUniqueId-89244ce8.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-f02c8ad3.js');
+require('./isProduction-0fbb2780.js');
 require('@emotion/react');
-require('./animation-31a5b706.js');
+require('./animation-85305514.js');
 require('react-keyed-flatten-children');
-require('./cookieHelper-fa491ff1.js');
+require('./cookieHelper-fb75b420.js');
 require('slugify');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.0",
+  "version": "1.29.1",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [