@hhgtech/hhg-components 1.29.254 → 1.29.256

package/build/esm/{index-e346e77f.js → index-f4a4eb46.js}

@@ -1,29 +1,75 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-148054b4.js';
-import { H as Heading } from './index-d6a32a48.js';
-import { T as Text } from './index-1c7bf834.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-4b182318.js';
+import { B as Button } from './index-8638e3a8.js';
+import { H as Heading } from './index-8553a111.js';
+import { T as Text } from './index-1999e28c.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-67521d1b.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-2aa1807a.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-28a0cbdf.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-d473b5b7.js';
-import { I as Input } from './index-5c02cb77.js';
-import { u as useTranslations } from './index-6ca459c4.js';
-import { e as formatComment } from './dataTransform-6d723379.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-ac14ff62.js';
+import { a as __awaiter } from './tslib.es6-853b6f09.js';
+import { I as Input } from './index-47d348d2.js';
+import { u as useTranslations } from './index-dd5e8962.js';
+import { e as formatComment } from './dataTransform-615494aa.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-156d8492.js';
 import { PATHS } from './togetherApiPaths.js';
-import { r as removeBannedWordWrapper, g as getMentionIdsFromString, e as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-cb43fea4.js';
-import { C as CardLink } from './index-bde06578.js';
-import { L as Loading } from './index-c8b991cd.js';
-import { U as UserAvatar } from './index-19395870.js';
-import { R as RichTextEditor } from './editor-4473d609.js';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-2a3e7515.js';
+import { C as CardLink } from './index-e0465545.js';
+import { L as Loading } from './index-dd991b1a.js';
+import { U as UserAvatar } from './index-6bfd7234.js';
+import { R as RichTextEditor } from './editor-925a478d.js';
 import { Portal, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-8d3ffcd6.js';
-import { C as CloseIcon } from './index-2393519a.js';
+import { P as Popup } from './index-4e35b926.js';
+import { C as CloseIcon } from './index-07c4df11.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './index-dfc937ed.js';
+import { I as ImageWrap } from './index-cc540ee0.js';
+
+const useImagePicker = (imageFilesProp, onImageFilesChange) => {
+    const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
+    const imageSrcs = useMemo(() => (imageFilesProp || imageFiles).map((file) => typeof file === 'string' ? file : URL.createObjectURL(file)), [imageFilesProp, imageFiles]);
+    const onSelectImages = (e) => {
+        const files = e.target.files;
+        if (files) {
+            if (onImageFilesChange && imageFilesProp) {
+                const _files = imageFilesProp || imageFiles;
+                onImageFilesChange(_files.concat(Array.from(files)));
+            }
+            else
+                setImageFiles((imgs) => {
+                    const _imgs = imageFilesProp || imgs;
+                    onImageFilesChange &&
+                        onImageFilesChange(_imgs.concat(Array.from(files)));
+                    return _imgs.concat(Array.from(files));
+                });
+        }
+    };
+    const onRemoveImage = (index) => {
+        if (onImageFilesChange && imageFilesProp) {
+            const _files = imageFilesProp;
+            _files.splice(index, 1);
+            onImageFilesChange(_files.slice());
+        }
+        else {
+            setImageFiles((imgs) => {
+                const _imgs = imageFilesProp || imgs;
+                _imgs.splice(index, 1);
+                onImageFilesChange && onImageFilesChange(_imgs.slice());
+                return _imgs.slice();
+            });
+        }
+    };
+    const onRemoveAllImages = () => {
+        onImageFilesChange ? onImageFilesChange([]) : setImageFiles([]);
+    };
+    return {
+        onSelectImages,
+        onRemoveImage,
+        onRemoveAllImages,
+        imageSrcs,
+        imageFiles: imageFilesProp || imageFiles,
+    };
+};
 
 const getDefaultFailNoti = (t) => ({
     message: t('notification.failure'),
@@ -131,50 +177,88 @@ const reportPost = ({ id, reason, locale, }) => {
     });
 };
 
-const useImagePicker = (imageFilesProp, onImageFilesChange) => {
-    const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
-    const imageSrcs = useMemo(() => (imageFilesProp || imageFiles).map((file) => typeof file === 'string' ? file : URL.createObjectURL(file)), [imageFilesProp, imageFiles]);
-    const onSelectImages = (e) => {
-        const files = e.target.files;
-        if (files) {
-            if (onImageFilesChange && imageFilesProp) {
-                const _files = imageFilesProp || imageFiles;
-                onImageFilesChange(_files.concat(Array.from(files)));
-            }
-            else
-                setImageFiles((imgs) => {
-                    const _imgs = imageFilesProp || imgs;
-                    onImageFilesChange &&
-                        onImageFilesChange(_imgs.concat(Array.from(files)));
-                    return _imgs.concat(Array.from(files));
-                });
-        }
-    };
-    const onRemoveImage = (index) => {
-        if (onImageFilesChange && imageFilesProp) {
-            const _files = imageFilesProp;
-            _files.splice(index, 1);
-            onImageFilesChange(_files.slice());
-        }
-        else {
-            setImageFiles((imgs) => {
-                const _imgs = imageFilesProp || imgs;
-                _imgs.splice(index, 1);
-                onImageFilesChange && onImageFilesChange(_imgs.slice());
-                return _imgs.slice();
-            });
-        }
-    };
-    const onRemoveAllImages = () => {
-        onImageFilesChange ? onImageFilesChange([]) : setImageFiles([]);
-    };
-    return {
-        onSelectImages,
-        onRemoveImage,
-        onRemoveAllImages,
-        imageSrcs,
-        imageFiles: imageFilesProp || imageFiles,
-    };
+const StyledPopupFrame = styled.div `
+  [data-type='confirm'] {
+    max-width: 468px;
+    /* height: 486px; */
+    padding: 0;
+
+    .popup-content {
+      display: flex;
+      flex-direction: column;
+      padding: 0;
+
+      .close-button {
+        top: 16px;
+        right: 16px;
+        width: 24px;
+        height: 24px;
+        z-index: 5;
+      }
+
+      .header {
+        display: flex;
+        height: 56px;
+        align-items: center;
+        padding: 16px 56px 16px 32px;
+        border-bottom: 1px solid ${theme.colors.neutral100};
+        font-weight: 900;
+        width: 100%;
+        justify-content: space-between;
+      }
+
+      .content {
+        overflow: auto;
+        flex: 1;
+        .topic-list-wrapper {
+          padding: 1rem;
+        }
+      }
+    }
+  }
+
+  > div&[data-open='true'] {
+    z-index: 250;
+    &:last-child {
+      z-index: 200;
+    }
+  }
+
+  ${(props) => props.isExpand &&
+    `
+      & > div[data-open] {
+        width: 100%;
+        height: 100%;
+        max-width: none;
+        max-height: none;
+      }
+    `}
+
+  ${(props) => props.hasFullscreen &&
+    `
+      & > div[data-open] {
+        transition: all 0.5s ease-in-out, width 0s, height 0s;
+      }
+    `}
+`;
+const StyledFSBtn = styled.div `
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+`;
+
+const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpen = false, hasFullscreen = false, disableClickOutside = false, initExpand = false, onExpandChange, onClose = () => null, }) => {
+    const [expand, setExpand] = useState(initExpand);
+    return (React__default.createElement(StyledPopupFrame, { className: className, style: style, isExpand: expand, hasFullscreen: hasFullscreen },
+        React__default.createElement(Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__default.createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen, disableClickOutside: disableClickOutside },
+            React__default.createElement("div", { className: "header" },
+                React__default.createElement(Heading, { tag: "h5" }, heading),
+                hasFullscreen && (React__default.createElement(StyledFSBtn, { onClick: () => {
+                        onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange();
+                        setExpand(!expand);
+                    } },
+                    React__default.createElement(FullScreen, { size: 14, isExpand: expand })))),
+            React__default.createElement("div", { className: "content" }, typeof children === 'function' ? children(expand) : children))));
 };
 
 var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";
@@ -352,90 +436,6 @@ const StyledPopupDanger = styled.div `
   }
 `;
 
-const StyledPopupFrame = styled.div `
-  [data-type='confirm'] {
-    max-width: 468px;
-    /* height: 486px; */
-    padding: 0;
-
-    .popup-content {
-      display: flex;
-      flex-direction: column;
-      padding: 0;
-
-      .close-button {
-        top: 16px;
-        right: 16px;
-        width: 24px;
-        height: 24px;
-        z-index: 5;
-      }
-
-      .header {
-        display: flex;
-        height: 56px;
-        align-items: center;
-        padding: 16px 56px 16px 32px;
-        border-bottom: 1px solid ${theme.colors.neutral100};
-        font-weight: 900;
-        width: 100%;
-        justify-content: space-between;
-      }
-
-      .content {
-        overflow: auto;
-        flex: 1;
-        .topic-list-wrapper {
-          padding: 1rem;
-        }
-      }
-    }
-  }
-
-  > div&[data-open='true'] {
-    z-index: 250;
-    &:last-child {
-      z-index: 200;
-    }
-  }
-
-  ${(props) => props.isExpand &&
-    `
-      & > div[data-open] {
-        width: 100%;
-        height: 100%;
-        max-width: none;
-        max-height: none;
-      }
-    `}
-
-  ${(props) => props.hasFullscreen &&
-    `
-      & > div[data-open] {
-        transition: all 0.5s ease-in-out, width 0s, height 0s;
-      }
-    `}
-`;
-const StyledFSBtn = styled.div `
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-`;
-
-const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpen = false, hasFullscreen = false, disableClickOutside = false, initExpand = false, onExpandChange, onClose = () => null, }) => {
-    const [expand, setExpand] = useState(initExpand);
-    return (React__default.createElement(StyledPopupFrame, { className: className, style: style, isExpand: expand, hasFullscreen: hasFullscreen },
-        React__default.createElement(Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__default.createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen, disableClickOutside: disableClickOutside },
-            React__default.createElement("div", { className: "header" },
-                React__default.createElement(Heading, { tag: "h5" }, heading),
-                hasFullscreen && (React__default.createElement(StyledFSBtn, { onClick: () => {
-                        onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange();
-                        setExpand(!expand);
-                    } },
-                    React__default.createElement(FullScreen, { size: 14, isExpand: expand })))),
-            React__default.createElement("div", { className: "content" }, typeof children === 'function' ? children(expand) : children))));
-};
-
 const PopupDanger = ({ className, isMarryBaby: isMarryBabyProp, style, title, description, acceptText, cancelText, onAccept, onCancel, thumbnail, isThumbnailIcon, onClose, acceptBtnTracking, acceptBtnProps, cancelBtnProps, }) => {
     const { data: { env: { isMarryBaby: isMarryBabyContext }, }, } = useContext(TogetherComponentGlobalContext);
     const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;

package/build/esm/{index-171e610e.js → index-f7e56b20.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-d473b5b7.js';
+import { _ as __rest } from './tslib.es6-853b6f09.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-99c11e8f.js';
-import { T as Text } from './index-1c7bf834.js';
+import { B as Button } from './index-e4f4c9bd.js';
+import { T as Text } from './index-1999e28c.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-e993ad6f.js → index-fa2cebd8.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d473b5b7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-853b6f09.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-7f338ced.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-ac14ff62.js';
-import { G as GenderOptionControl } from './index-b2bc2203.js';
-import { I as Input } from './index-26c68038.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-e8f86658.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-156d8492.js';
+import { G as GenderOptionControl } from './index-4127c29c.js';
+import { I as Input } from './index-de07fc9b.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-7858930f.js';
-import './index-f07baf29.js';
-import './index-6164e1cd.js';
-import './useMantineLocale-a3e6c303.js';
-import { T as Text } from './index-1c7bf834.js';
-import './index-99c11e8f.js';
+import './index-93ffecac.js';
+import './index-b85cd2ee.js';
+import './index-010c8221.js';
+import './useMantineLocale-9f95d45b.js';
+import { T as Text } from './index-1999e28c.js';
+import './index-e4f4c9bd.js';
 import { theme } from './miscTheme.js';
-import './index.styles-6ff04d36.js';
-import { u as useTranslations } from './index-6ca459c4.js';
+import './index.styles-a97291e2.js';
+import { u as useTranslations } from './index-dd5e8962.js';
 import '@mantine/hooks';
-import './utils-4b182318.js';
-import './other-4bb614a8.js';
-import './index-171e610e.js';
-import { H as HealthToolFormWrapper } from './index-3a80641e.js';
+import './utils-67521d1b.js';
+import './other-9978577a.js';
+import './index-f7e56b20.js';
+import { H as HealthToolFormWrapper } from './index-f14dff1f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';