@hhgtech/hhg-components 1.19.0-beta-3 → 1.19.0-beta-5

package/build/assets/svg/index.d.ts

@@ -1,5 +1,4 @@
 import ArrowDoorIcon from './arrowDoor.svg';
-import BgItem from './bg-carditem.svg';
 import Check from './check.svg';
 import ChevronDown from './chevronDown.svg';
 import chevronRight from './chevronRight.svg';
@@ -9,14 +8,13 @@ import ChevronUpBlue from './chevronUpBlue.svg';
 import CloseLightIcon from './closeLight.svg';
 import CloseWhiteIcon from './closeWhite.svg';
 import CommunityIcon from './community.svg';
-import DiscoverIcon from './discover.svg';
+import DiscoverIcon from './discover.png';
 import FacebookIcon from './facebook.svg';
 import HamburgerMenuIcon from './hamburgerMenu.svg';
 import HamburgerMenuIconNew from './hamburgerMenuNew.svg';
 import HamburgerMenuIconNewWithSearch from './hamburgerMenuNewWithSearch.svg';
-import HealthToolsIcon from './healthTools.svg';
-import HelloCareIcon from './helloCare-thumbnail.svg';
-import HelloTogetherIcon from './helloTogether-service-icon.svg';
+import HealthToolsIcon from './healthTools.png';
+import HelloCareIcon from './helloCare-thumbnail.png';
 import InfoLightIcon from './info-light.svg';
 import InstagramIcon from './instagram.svg';
 import LinkedInIcon from './linkedin.svg';
@@ -27,9 +25,7 @@ import SpotlightIcon from './Spotlight.svg';
 import StarEmptyIcon from './StarEmptyIcon';
 import StarFullIcon from './StarFullIcon';
 import StarHalfIcon from './StarHalfIcon';
-import TogetherIcon from './together.svg';
-import TwitterIcon from './twitter.svg';
-import UserIcon from './userIcon.svg';
+import TogetherIcon from './together.png';
 import YoutubeIcon from './youtube.svg';
 import ZaloIcon from './zalo.png';
-export { StarEmptyIcon, StarFullIcon, StarHalfIcon, FacebookIcon, InstagramIcon, LinkedInIcon, TwitterIcon, ZaloIcon, YoutubeIcon, CloseLightIcon, DiscoverIcon, HealthToolsIcon, HelloTogetherIcon, HelloCareIcon, HamburgerMenuIcon, HamburgerMenuIconNew, SehatBadge, CloseWhiteIcon, InfoLightIcon, ChevronDown, ChevronUpBlue, Check, TogetherIcon, LockIcon, ChevronRightWhiteIcon, BgItem, chevronRightActive, chevronRight, UserIcon, ArrowDoorIcon, LoginIcon, HamburgerMenuIconNewWithSearch, CommunityIcon, SpotlightIcon, };
+export { StarEmptyIcon, StarFullIcon, StarHalfIcon, FacebookIcon, InstagramIcon, LinkedInIcon, ZaloIcon, YoutubeIcon, CloseLightIcon, DiscoverIcon, HealthToolsIcon, HelloCareIcon, HamburgerMenuIcon, HamburgerMenuIconNew, SehatBadge, CloseWhiteIcon, InfoLightIcon, ChevronDown, ChevronUpBlue, Check, TogetherIcon, LockIcon, ChevronRightWhiteIcon, chevronRightActive, chevronRight, ArrowDoorIcon, LoginIcon, HamburgerMenuIconNewWithSearch, CommunityIcon, SpotlightIcon, };

package/build/cache/core.d.ts

@@ -0,0 +1,7 @@
+export declare type CacheItem<T = any> = {
+    data: T;
+    time: number;
+};
+export declare const getCachedItem: <T>(key: string) => CacheItem<T>;
+export declare const setCachedItem: (key: string, value: any) => void;
+export declare const getDataWithCache: <T>(key: string, dataGetter?: () => T | Promise<T>, validator?: (data: T) => boolean, cacheTime?: number) => Promise<T>;

package/build/cache/index.d.ts

@@ -0,0 +1 @@
+export * from './core';

package/build/cache.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core-8fcc56eb.js");require("./tslib.es6-f7929e76.js"),exports.getCachedItem=e.getCachedItem,exports.getDataWithCache=e.getDataWithCache,exports.setCachedItem=e.setCachedItem;
+//# sourceMappingURL=cache.js.map

package/build/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/care/components/organisms/bookingSearchBar/index.styled.d.ts

@@ -3,5 +3,5 @@ export declare const StyledSearchBarWrapper: import("styled-components").StyledC
 export declare const StyledSearchBarMobileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledSearchBarMobileModalHeader: import("styled-components").StyledComponent<"section", any, {}, never>;
 export declare const StyledHiddenInputMobile: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, placeholder, className, onChange, onKeyPress, onKeyDown, onFocus, onBlur, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, readOnly: readonly, enterKeyHint, }: import("../../../../components/atoms/input").Props) => JSX.Element, any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("../../../../components/atoms/input").Props) => JSX.Element, any, {}, never>;
 export declare const CareSearchGlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.styled.d.ts

@@ -3,4 +3,4 @@ export declare const StyledTopBar: import("styled-components").StyledComponent<"
 export declare const StyledTopBarHeaderRight: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTopBarIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTopbarHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTopbarHeadingText: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, }: import("components/atoms/text").Props) => JSX.Element, any, {}, never>;
+export declare const StyledTopbarHeadingText: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, dangerouslySetInnerHTML, }: import("components/atoms/text").Props) => JSX.Element, any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/resultSection/index.styled.d.ts

@@ -8,4 +8,4 @@ export declare const StyledItemsWrapper: import("styled-components").StyledCompo
     isShown?: boolean;
     isMore?: boolean;
 }, never>;
-export declare const StyledSeeMore: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, }: import("../../../../../components/atoms/text").Props) => JSX.Element, any, {}, never>;
+export declare const StyledSeeMore: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, dangerouslySetInnerHTML, }: import("../../../../../components/atoms/text").Props) => JSX.Element, any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.d.ts

@@ -4,7 +4,7 @@ export declare const StyledResult: import("styled-components").StyledComponent<"
 export declare const StyledRoundedIconWrapper: import("styled-components").StyledComponent<"div", any, {
     type: SearchBarSectionApi['type'];
 }, never>;
-export declare const StyledText: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, }: import("components/atoms/text").Props) => JSX.Element, any, {}, never>;
+export declare const StyledText: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, dangerouslySetInnerHTML, }: import("components/atoms/text").Props) => JSX.Element, any, {}, never>;
 export declare const StyledPictureWrapper: import("styled-components").StyledComponent<"figure", any, {}, never>;
 export declare const StyledLocationPin: import("styled-components").StyledComponent<"svg", any, {}, never>;
 export declare const StyledImageSkeletonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.d.ts

@@ -14,5 +14,6 @@ export declare type Props = {
     renderSearchResults: () => React.ReactNode;
     trackingAttributes?: GATrackingCode;
     onSearch?: (info: SearchClick) => void;
+    initalSearchValue?: string;
 };
-export declare function SearchInputs({ isMobile, state, dispatch, debouncedFetchCitiesByKeyword, debouncedFetchSearchResults, focusLocationInput, focusSearchInput, renderLocationResults, renderSearchResults, trackingAttributes, onSearch, }: Props): JSX.Element;
+export declare function SearchInputs({ isMobile, state, dispatch, debouncedFetchCitiesByKeyword, debouncedFetchSearchResults, focusLocationInput, focusSearchInput, renderLocationResults, renderSearchResults, trackingAttributes, onSearch, initalSearchValue, }: Props): JSX.Element;

package/build/care.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-105cb1d7.js"),r=require("./constants-ea7b35a2.js");require("./tslib.es6-f7929e76.js"),require("react"),require("./theme-79e84625.js"),require("./cookieHelper-dda8dbe1.js"),require("styled-components"),require("./useTranslations-0aa60f65.js"),require("./translationsContext-63e3e5ec.js"),require("lodash/debounce"),require("react-range"),require("react-loading-skeleton"),require("react-id-generator"),require("lodash/shuffle"),exports.BookingSearchBar=e.BookingSearchBar,exports.CareTypes=e.types,exports.CareConstants=r.constants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-df74aec0.js"),r=require("./constants-ea7b35a2.js");require("./tslib.es6-f7929e76.js"),require("react"),require("./theme-79e84625.js"),require("./cookieHelper-40ab50eb.js"),require("styled-components"),require("./useTranslations-29326df5.js"),require("./translationsContext-351bc1a7.js"),require("lodash/debounce"),require("react-range"),require("react-loading-skeleton"),require("react-id-generator"),require("lodash/shuffle"),require("./useOutsideClick-528bfd6c.js"),exports.BookingSearchBar=e.BookingSearchBar,exports.CareTypes=e.types,exports.CareConstants=r.constants;
 //# sourceMappingURL=care.js.map

package/build/components/atoms/flag/icons/cambodia.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
-export declare type Props = SVGProps<SVGSVGElement>;
+import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+export declare type Props = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
 export declare const CambodiaRoundIcon: (props: Props) => JSX.Element;
 export declare const CambodiaSquareIcon: (props: Props) => JSX.Element;

package/build/components/atoms/flag/icons/india.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
-export declare type Props = SVGProps<SVGSVGElement>;
+import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+export declare type Props = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
 export declare const IndiaRoundIcon: (props: Props) => JSX.Element;
 export declare const IndiaSquareIcon: (props: Props) => JSX.Element;

package/build/components/atoms/flag/icons/indonesia.d.ts

@@ -1,4 +1,6 @@
 import { SVGProps } from 'react';
-export declare type Props = SVGProps<SVGSVGElement>;
-export declare const IndonesiaRoundIcon: (props: Props) => JSX.Element;
-export declare const IndonesiaSquareIcon: (props: Props) => JSX.Element;
+export declare type Props = SVGProps<SVGSVGElement> & {
+    isTesting?: boolean;
+};
+export declare const IndonesiaRoundIcon: ({ isTesting, ...rest }: Props) => JSX.Element;
+export declare const IndonesiaSquareIcon: ({ isTesting, ...rest }: Props) => JSX.Element;

package/build/components/atoms/flag/icons/philippines.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
-export declare type Props = SVGProps<SVGSVGElement>;
+import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+export declare type Props = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
 export declare const PhilippinesRoundIcon: (props: Props) => JSX.Element;
 export declare const PhilippinesSquareIcon: (props: Props) => JSX.Element;

package/build/components/atoms/flag/index.d.ts

@@ -7,6 +7,7 @@ declare type Props = {
     width: number;
     height: number;
     rounded?: boolean;
+    isTesting?: boolean;
 };
-declare const Flag: ({ country, language, rounded, height, width }: Props) => JSX.Element;
+declare const Flag: ({ country, language, rounded, height, width, isTesting, }: Props) => JSX.Element;
 export { Flag };

package/build/components/atoms/index.d.ts

@@ -5,7 +5,8 @@ export { BorderHeading } from './borderHeading';
 export { Button } from './button';
 export { Divider } from './divider';
 export { FileDropdown } from './fileDropdown';
-export { Flag, FlagCountryType } from './flag';
+export { Flag } from './flag';
+export type { FlagCountryType } from './flag';
 export { Grid } from './grid';
 export { Heading } from './heading';
 export { Input } from './input';
@@ -17,7 +18,8 @@ export { Radio } from './radio';
 export { Shadow } from './shadow';
 export { Slider } from './slider';
 export { Tag } from './tag';
-export { Text, TextSize, TextType } from './text';
+export { Text } from './text';
+export type { TextSize, TextType } from './text';
 export { Toggle } from './toggle';
 export { UnderlinedLink } from './underlinedLink';
 export { Uploader } from './uploader';
@@ -26,5 +28,6 @@ export { Container } from './container';
 export { Checkbox } from './checkbox';
 export { TextDivider } from './textDivider';
 export { RateStars } from './rateStars';
-export { Icon, IconProps } from './icons';
+export { Icon } from './icons';
+export type { IconProps } from './icons';
 export { Progress } from './progress';

package/build/components/atoms/input/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { GATrackingCode } from 'care/components/organisms/bookingSearchBar/types';
-import { CSSProperties } from 'styled-components';
 export declare type Props = {
     value: string;
     name: string;
     size: 'lg' | 'md' | 'sm';
+    readOnly?: boolean;
     isNumerousKeyboard?: boolean;
     autoComplete?: 'on' | 'off';
     errorMessage?: string;
@@ -12,21 +12,13 @@ export declare type Props = {
     onActionClick?: () => void;
     displayIcon?: JSX.Element;
     label?: string | JSX.Element;
-    placeholder?: string;
-    className?: string;
     onChange?: (v: string) => void;
-    onKeyPress?: (e: React.KeyboardEvent) => void;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    onFocus?: (e: React.FocusEvent) => void;
-    onBlur?: (e: React.FocusEvent) => void;
     isDisabled?: boolean;
     CustomInput?: JSX.Element;
-    style?: CSSProperties;
     type?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | 'number';
     inputClassName?: string;
     trackingAttributes?: GATrackingCode;
-    readOnly?: boolean;
     enterKeyHint?: React.InputHTMLAttributes<HTMLInputElement>['enterKeyHint'];
-};
-declare const Input: ({ name, value, errorMessage, isNumerousKeyboard, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, placeholder, className, onChange, onKeyPress, onKeyDown, onFocus, onBlur, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, readOnly: readonly, enterKeyHint, }: Props) => JSX.Element;
+} & Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'name' | 'value'>;
+declare const Input: ({ name, value, errorMessage, isNumerousKeyboard, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: Props) => JSX.Element;
 export { Input };

package/build/components/atoms/pureInput/index.d.ts

@@ -14,6 +14,7 @@ export declare type CustomInputProps = {
     type?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | 'number';
     isNumerousKeyboard?: boolean;
     enterKeyHint?: React.InputHTMLAttributes<HTMLInputElement>['enterKeyHint'];
+    nativeOnChange?: React.ChangeEventHandler<HTMLInputElement>;
 };
 export declare type Props = Omit<React.DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size' | 'autoComplete' | 'type' | 'onChange' | 'enterKeyHint'> & CustomInputProps;
 declare const PureInput: React.ForwardRefExoticComponent<Pick<Props, "accept" | "alt" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "key" | "placeholder" | "readOnly" | "required" | "src" | "step" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof CustomInputProps> & React.RefAttributes<HTMLInputElement>>;

package/build/components/atoms/text/index.d.ts

@@ -24,6 +24,9 @@ export declare type Props = {
      * upcase
      */
     isUppercase?: boolean;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    };
 };
-declare const Text: ({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, }: Props) => JSX.Element;
+declare const Text: ({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, dangerouslySetInnerHTML, }: Props) => JSX.Element;
 export { Text };

package/build/components/molecules/articleCard/index.d.ts

@@ -41,6 +41,7 @@ export declare type Props = {
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
     onClickCategoryName?: (e: React.MouseEvent) => void;
+    articleLinkTarget?: React.HTMLAttributeAnchorTarget;
 };
-declare const ArticleCard: ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction, hasAffiliate, isBookmark, isBookmarkDisplayed, isMobile, onBookmark, onClickCategoryName, section, size, specialty, style, styleBanner, styleLabel, styleTitle, text, title, type, uploadTime, }: Props) => JSX.Element;
+declare const ArticleCard: ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction, hasAffiliate, isBookmark, isBookmarkDisplayed, isMobile, onBookmark, onClickCategoryName, section, size, specialty, style, styleBanner, styleLabel, styleTitle, text, title, type, uploadTime, articleLinkTarget, }: Props) => JSX.Element;
 export { ArticleCard };

package/build/components/molecules/dateRangePicker/calendar/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DateRangeInterval } from '../types';
+export declare type Props = {
+    value?: DateRangeInterval | null;
+    onChange: (value: DateRangeInterval | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export declare function DateRangePickerCalendar(props: Props): JSX.Element;

package/build/components/molecules/dateRangePicker/calendar/index.styled.d.ts

@@ -0,0 +1,13 @@
+export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarCellsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarHead: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarDaysOfWeek: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarDayLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarMonthSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarDaysWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarMonthWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarDateGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarDayNumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarDayNumber: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/molecules/dateRangePicker/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Props as PureInputProps } from 'src/components/atoms/pureInput';
+import { DateRangeInterval } from './types';
+export declare type DateRangePickerProps = {
+    value: DateRangeInterval | null;
+    onChange: (value: DateRangeInterval | null) => void;
+    inputSize?: PureInputProps['size'];
+    name?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+};
+export declare function DateRangePicker({ inputSize, name, value, minDate, maxDate, onChange, className, }: DateRangePickerProps): JSX.Element;

package/build/components/molecules/dateRangePicker/index.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/molecules/dateRangePicker/types.d.ts

@@ -0,0 +1,4 @@
+export declare type DateRangeInterval = {
+    from: Date | null;
+    to: Date | null;
+};

package/build/components/molecules/dateRangePicker/utils.d.ts

@@ -0,0 +1,2 @@
+import { DateRangeInterval } from './types';
+export declare function handleClickDay(d: Date, range: DateRangeInterval): DateRangeInterval;

package/build/components/molecules/index.d.ts

@@ -3,12 +3,14 @@ export { Breadcrumbs } from './breadcrumbs';
 export { CategoryCard } from './categoryCard';
 export { CheckboxGroup } from './checkboxGroup';
 export { DatePicker } from './datePicker';
-export { Dropdown, Option as DropdownOption } from './dropdown';
+export { Dropdown } from './dropdown';
+export type { Option as DropdownOption } from './dropdown';
 export { IconText } from './iconText';
 export { Popup } from './popup';
 export { Modal } from './modal';
 export { ProgressBar } from './progressBar';
-export { RadioGroup, RadioGroupOption } from './radioGroup';
+export { RadioGroup } from './radioGroup';
+export type { RadioGroupOption } from './radioGroup';
 export * as SideMenu from './sidemenu';
 export { ScrollList } from './scrollList';
 export { Carousel } from './carousel';
@@ -17,10 +19,18 @@ export * as Table from './table';
 export { Tabs } from './tabs';
 export { DoctorInfo } from './doctorInfo';
 export { SurveyQuestionCard, SurveyThankyouCard } from './surveyQuestionCard';
-export { FloatButtonGroup, FloatButtonGroupType } from './floatButtonGroup';
+export { FloatButtonGroup } from './floatButtonGroup';
+export type { FloatButtonGroupType } from './floatButtonGroup';
 export { CookieAcceptConfirm } from './cookieAcceptConfirm';
-export { MobileBottomNavigation, MobileBottomNavigationProps, } from './mobileBottomNavigation';
-export { MobileBottomNavigationIcon, MobileBottomNavigationIconProps, } from './mobileBottomNavigation/MobileBottomNavigationIcon';
-export { SeoHead, SEOData as SeoHeadSEOData, Props as SeoHeadProps, } from './seoHead';
-export { LanguageSwitcher, Props as LanguageSwitcherProps, } from './languageSwitcher';
-export { AmpNextPage, Props as AmpNextPageProps } from './ampNextPage';
+export { MobileBottomNavigation } from './mobileBottomNavigation';
+export type { MobileBottomNavigationProps } from './mobileBottomNavigation';
+export { MobileBottomNavigationIcon } from './mobileBottomNavigation/MobileBottomNavigationIcon';
+export type { MobileBottomNavigationIconProps } from './mobileBottomNavigation/MobileBottomNavigationIcon';
+export { SeoHead } from './seoHead';
+export type { SEOData as SeoHeadSEOData, Props as SeoHeadProps, } from './seoHead';
+export { LanguageSwitcher } from './languageSwitcher';
+export type { Props as LanguageSwitcherProps } from './languageSwitcher';
+export { AmpNextPage } from './ampNextPage';
+export type { Props as AmpNextPageProps } from './ampNextPage';
+export { DateRangePicker, DateRangePickerProps } from './dateRangePicker/';
+export type { DateRangeInterval } from './dateRangePicker/types';

package/build/components/organisms/index.d.ts

@@ -1,5 +1,5 @@
 export { NavigationLayout } from './navigationLayout/languageWrapper';
-export { NavigationV2, Props as NavigationV2Props, getNavMenuContent, NavMenuContentType, } from './navigationV2';
+export { NavigationV2, Props as NavigationV2Props, getNavMenuContent, getNavMenuContentWithCache, NavMenuContentType, } from './navigationV2';
 export { Layout } from './navigationLayout/layout';
 export { SiteWide } from './navigationLayout/siteWide';
 export { NavigationBar } from './navigationLayout/navigationBar';

package/build/components/organisms/navigationLayout/navigationBar/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Props } from './NavigationBar.types';
-export { Props } from './NavigationBar.types';
+export type { Props } from './NavigationBar.types';
 export declare const useHeaderHeightHook: ({ hasSponsoredBanners, isSiteWide, isSponsored, isShowingSiteWideBanner, isMobile, }: {
     hasSponsoredBanners?: boolean;
     isSiteWide?: boolean;

package/build/components/organisms/navigationProfileButton/index.d.ts

@@ -18,5 +18,6 @@ export declare type Props = {
     onLogout?: () => void;
     style?: CSSProperties;
     userProfileRouterPush?: (s: string) => void;
+    isLoading?: boolean;
 };
-export declare const NavigationProfileButton: ({ userInfo, siteType, isAmp, goToLogin, SSO_URL, currentUrl, isMinifyLogin, enableCare, enableTogether, enableEcom, isUserProfileNavigatorMenuHidden, UP_BASEPATH, isMyHealthEnabled, togetherApiDomain, onLogout, style, userProfileRouterPush, }: Props) => JSX.Element;
+export declare const NavigationProfileButton: ({ userInfo, siteType, isAmp, goToLogin, SSO_URL, currentUrl, isMinifyLogin, enableCare, enableTogether, enableEcom, isUserProfileNavigatorMenuHidden, UP_BASEPATH, isMyHealthEnabled, togetherApiDomain, onLogout, style, userProfileRouterPush, isLoading, }: Props) => JSX.Element;

package/build/components/organisms/navigationV2/index.d.ts

@@ -52,7 +52,9 @@ export declare type Props = {
     currentUrl?: string;
     isFirstLogin?: boolean;
     userProfileRouterPush?: (s: string) => void;
+    isUserLoading?: boolean;
 };
 declare const NavigationV2: (props: Props) => JSX.Element;
 export declare const getNavMenuContent: (locale: any) => Promise<NavMenuContentType>;
+export declare const getNavMenuContentWithCache: (locale?: string) => Promise<NavMenuContentType>;
 export { NavigationV2 };

package/build/components.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-23709986.js"),r=require("./index.styled-86510d9f.js"),o=require("./index-467d1dc9.js"),t=require("./index-c75ec8f5.js"),a=require("./cookieHelper-dda8dbe1.js");require("react"),require("./tslib.es6-f7929e76.js"),require("./useTranslations-0aa60f65.js"),require("styled-components"),require("./translationsContext-63e3e5ec.js"),require("react-range"),require("./theme-79e84625.js"),require("react-id-generator"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./useScrollbarSize-586f6706.js"),require("lodash/debounce"),require("react-dom"),require("lodash"),require("./constants-ea7b35a2.js"),require("react-loading-skeleton"),require("./translationsProvider-4f6e12c9.js"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("smoothscroll-polyfill"),exports.Alert=e.Alert,exports.AmpNextPage=e.AmpNextPage,exports.ArticleCard=e.ArticleCard,exports.Badge=e.Badge,exports.BorderHeading=e.BorderHeading,exports.Breadcrumbs=e.Breadcrumbs,exports.Carousel=e.Carousel,exports.CategoryCard=e.CategoryCard,exports.Checkbox=e.Checkbox,exports.CheckboxGroup=e.CheckboxGroup,exports.CookieAcceptConfirm=e.CookieAcceptConfirm,exports.DatePicker=e.DatePicker,exports.FileDropdown=e.FileDropdown,exports.FloatButtonGroup=e.FloatButtonGroup,exports.Footer=e.Footer,exports.Grid=e.Grid,exports.Icon=e.Icon,exports.IconText=e.IconText,exports.Layout=e.Layout,exports.Modal=e.Modal,exports.NavigationBar=e.NavigationBar,exports.NavigationLayout=e.NavigationLayout,exports.Pagination=e.Pagination,exports.Progress=e.Progress,exports.ProgressBar=e.ProgressBar,exports.Radio=e.Radio,exports.RadioGroup=e.RadioGroup,exports.RateStars=e.RateStars,exports.SeoHead=e.SeoHead,exports.Shadow=e.Shadow,exports.SideMenu=e.index,exports.SiteWide=e.SiteWide,exports.Slider=e.Slider,exports.StatisticCard=e.StatisticCard,exports.StickySponsoredBy=e.StickySponsoredBy,exports.SurveyThankyouCard=e.SurveyThankyouCard,exports.Table=e.index$1,exports.Tabs=e.Tabs,exports.Tag=e.Tag,exports.Toggle=e.Toggle,exports.UnderlinedLink=e.UnderlinedLink,exports.Uploader=e.Uploader,exports.Avatar=r.Avatar,exports.Button=r.Button,exports.Heading=r.Heading,exports.Popup=r.Popup,exports.Divider=o.Divider,exports.Dropdown=o.Dropdown,exports.DoctorInfo=t.DoctorInfo,exports.Flag=t.Flag,exports.LanguageSwitcher=t.LanguageSwitcher,exports.MobileBottomNavigation=t.MobileBottomNavigation,exports.MobileBottomNavigationIcon=t.MobileBottomNavigationIcon,exports.NavigationLogoutPopup=t.NavigationLogoutPopup,exports.NavigationProfileButton=t.NavigationProfileButton,exports.NavigationV2=t.NavigationV2,exports.ProfilePopup=t.ProfilePopup,exports.ScrollList=t.ScrollList,exports.SurveyQuestionCard=t.SurveyQuestionCard,exports.UserProfileNavigation=t.UserProfileNavigation,exports.UserProfileNavigationHeader=t.NavHeader,exports.UserProfileNavigationStats=t.UserStats,exports.defaultTranslation=t.defaultTranslation,exports.getNavMenuContent=t.getNavMenuContent,exports.Container=a.Container,exports.Input=a.Input,exports.Label=a.Label,exports.Logo=a.Logo,exports.PureInput=a.PureInput,exports.Text=a.Text,exports.TextArea=a.TextArea,exports.TextDivider=a.TextDivider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-5b032a36.js"),r=require("./index.styled-89837cca.js"),o=require("./index-eed59e93.js"),t=require("./index-4fa610b1.js"),a=require("./cookieHelper-40ab50eb.js");require("react"),require("./tslib.es6-f7929e76.js"),require("./useTranslations-29326df5.js"),require("styled-components"),require("./translationsContext-351bc1a7.js"),require("react-range"),require("./theme-79e84625.js"),require("react-id-generator"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./useScrollbarSize-586f6706.js"),require("lodash/debounce"),require("react-dom"),require("lodash"),require("./constants-ea7b35a2.js"),require("./useOutsideClick-528bfd6c.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("react-loading-skeleton"),require("./translationsProvider-eb4d9fd6.js"),require("date-fns/locale/hi"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("./core-8fcc56eb.js"),require("smoothscroll-polyfill"),exports.Alert=e.Alert,exports.AmpNextPage=e.AmpNextPage,exports.ArticleCard=e.ArticleCard,exports.Badge=e.Badge,exports.BorderHeading=e.BorderHeading,exports.Breadcrumbs=e.Breadcrumbs,exports.Carousel=e.Carousel,exports.CategoryCard=e.CategoryCard,exports.Checkbox=e.Checkbox,exports.CheckboxGroup=e.CheckboxGroup,exports.CookieAcceptConfirm=e.CookieAcceptConfirm,exports.DatePicker=e.DatePicker,exports.DateRangePicker=e.DateRangePicker,exports.FileDropdown=e.FileDropdown,exports.FloatButtonGroup=e.FloatButtonGroup,exports.Footer=e.Footer,exports.Grid=e.Grid,exports.Icon=e.Icon,exports.IconText=e.IconText,exports.Layout=e.Layout,exports.Modal=e.Modal,exports.NavigationBar=e.NavigationBar,exports.NavigationLayout=e.NavigationLayout,exports.Pagination=e.Pagination,exports.Progress=e.Progress,exports.ProgressBar=e.ProgressBar,exports.Radio=e.Radio,exports.RadioGroup=e.RadioGroup,exports.RateStars=e.RateStars,exports.SeoHead=e.SeoHead,exports.Shadow=e.Shadow,exports.SideMenu=e.index,exports.SiteWide=e.SiteWide,exports.Slider=e.Slider,exports.StatisticCard=e.StatisticCard,exports.StickySponsoredBy=e.StickySponsoredBy,exports.SurveyThankyouCard=e.SurveyThankyouCard,exports.Table=e.index$1,exports.Tabs=e.Tabs,exports.Tag=e.Tag,exports.Toggle=e.Toggle,exports.UnderlinedLink=e.UnderlinedLink,exports.Uploader=e.Uploader,exports.Avatar=r.Avatar,exports.Button=r.Button,exports.Heading=r.Heading,exports.Popup=r.Popup,exports.Divider=o.Divider,exports.Dropdown=o.Dropdown,exports.DoctorInfo=t.DoctorInfo,exports.Flag=t.Flag,exports.LanguageSwitcher=t.LanguageSwitcher,exports.MobileBottomNavigation=t.MobileBottomNavigation,exports.MobileBottomNavigationIcon=t.MobileBottomNavigationIcon,exports.NavigationLogoutPopup=t.NavigationLogoutPopup,exports.NavigationProfileButton=t.NavigationProfileButton,exports.NavigationV2=t.NavigationV2,exports.ProfilePopup=t.ProfilePopup,exports.ScrollList=t.ScrollList,exports.SurveyQuestionCard=t.SurveyQuestionCard,exports.UserProfileNavigation=t.UserProfileNavigation,exports.UserProfileNavigationHeader=t.NavHeader,exports.UserProfileNavigationStats=t.UserStats,exports.defaultTranslation=t.defaultTranslation,exports.getNavMenuContent=t.getNavMenuContent,exports.getNavMenuContentWithCache=t.getNavMenuContentWithCache,exports.Container=a.Container,exports.Input=a.Input,exports.Label=a.Label,exports.Logo=a.Logo,exports.PureInput=a.PureInput,exports.Text=a.Text,exports.TextArea=a.TextArea,exports.TextDivider=a.TextDivider;
 //# sourceMappingURL=components.js.map