@hhgtech/hhg-components 1.29.418 → 1.29.419-beta-1

package/build/care.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var types = require('./types-3157a346.js');
-var constants = require('./constants-2bcf1ac0.js');
-require('./tslib.es6-e4fc76e6.js');
+var types = require('./types-efa0d00c.js');
+var constants = require('./constants-70c284c8.js');
+require('./tslib.es6-4ff8cc87.js');
 require('react');
 require('@emotion/react');
-require('./utils-2e68f2e4.js');
-require('./index-87f1c08b.js');
+require('./utils-6e36a6f5.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
-require('./index-133e833c.js');
-require('./Locale-e5adc6cc.js');
+require('./index-ec34644f.js');
+require('./Locale-d3abde01.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -21,22 +21,22 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-b7357ffc.js');
+require('./utils-fb640cd6.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-61316819.js');
-require('./translationsContext-071de1b3.js');
+require('./index-4c3ca68f.js');
+require('./translationsContext-e635f33c.js');
 require('lodash/debounce');
-require('./index-97339731.js');
+require('./index-cd5cd850.js');
 require('@mantine/core');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
 require('lodash/shuffle');
-require('./useOutsideClick-eda56ab5.js');
-require('./paths-0a487f72.js');
-require('./index-3feb56a5.js');
+require('./useOutsideClick-31b00072.js');
+require('./paths-4f80abd6.js');
+require('./index-d7bba9c7.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-ffd2a6ea.js');
+require('./ChevronDown-f542f8ac.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-2e68f2e4.js');
-var index$1 = require('./index-61316819.js');
+var utils = require('./utils-6e36a6f5.js');
+var index$1 = require('./index-4c3ca68f.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-2bcf1ac0.js');
+var constants = require('./constants-70c284c8.js');
 var styled = require('@emotion/styled');
-var index = require('./index-97339731.js');
-var index$2 = require('./index-90ac7a26.js');
+var index = require('./index-cd5cd850.js');
+var index$2 = require('./index-b59679af.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-eda56ab5.js');
-var utils$1 = require('./utils-b7357ffc.js');
+var useOutsideClick = require('./useOutsideClick-31b00072.js');
+var utils$1 = require('./utils-fb640cd6.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-0a487f72.js');
-require('./index-87f1c08b.js');
+var paths = require('./paths-4f80abd6.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
-require('./index-133e833c.js');
-require('./Locale-e5adc6cc.js');
+require('./index-ec34644f.js');
+require('./Locale-d3abde01.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-071de1b3.js');
+require('./translationsContext-e635f33c.js');
 require('@mantine/core');
-require('./text-5a087312.js');
+require('./text-9871cd45.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils$1 = require('./utils-2e68f2e4.js');
-var useOutsideClick = require('./useOutsideClick-eda56ab5.js');
-var index$1 = require('./index-61316819.js');
+var utils$1 = require('./utils-6e36a6f5.js');
+var useOutsideClick = require('./useOutsideClick-31b00072.js');
+var index$1 = require('./index-4c3ca68f.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-2bcf1ac0.js');
+var constants = require('./constants-70c284c8.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-b7357ffc.js');
-var index = require('./index-3feb56a5.js');
+var utils = require('./utils-fb640cd6.js');
+var index = require('./index-d7bba9c7.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-90ac7a26.js');
-var ChevronDown = require('./ChevronDown-ffd2a6ea.js');
-var paths = require('./paths-0a487f72.js');
-require('./index-87f1c08b.js');
+var index$2 = require('./index-b59679af.js');
+var ChevronDown = require('./ChevronDown-f542f8ac.js');
+var paths = require('./paths-4f80abd6.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
-require('./index-133e833c.js');
-require('./Locale-e5adc6cc.js');
+require('./index-ec34644f.js');
+require('./Locale-d3abde01.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -28,9 +28,9 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-071de1b3.js');
-require('./tslib.es6-e4fc76e6.js');
-require('./text-5a087312.js');
+require('./translationsContext-e635f33c.js');
+require('./tslib.es6-4ff8cc87.js');
+require('./text-9871cd45.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/components/atoms/icons/ErrorIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from "./";
+declare const ErrorIcon: React.FC<IconProps>;
+export default ErrorIcon;

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

@@ -45,3 +45,4 @@ export type { Props as GenderOptionControlProps } from "./genderOptionControl";
 export { Loading } from "./loading";
 export * from "./drawerComponent";
 export * from "./inputDate";
+export * from "./searchInput";

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

@@ -0,0 +1,17 @@
+import React, { CSSProperties, ReactNode } from 'react';
+export declare const StyledSearchIcon: import("@emotion/styled").StyledComponent<React.SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export type TSearchInputProps = {
+    loading?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    icon?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare const SearchInput: (props: TSearchInputProps) => React.JSX.Element;
+export default SearchInput;

package/build/components/mantine/phoneInput/PhoneInput.d.ts

@@ -14,4 +14,4 @@ export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<Omit<React
     onChange?: (v: string) => void;
     arrowComponent?: () => JSX.Element;
     flagComponent?: (props: import("react-phone-number-input").FlagProps) => JSX.Element;
-} & Pick<InputWrapperProps, "className" | "style" | "inputMode" | "label" | "labelElement" | "labelProps" | "description" | "descriptionProps" | "error" | "withAsterisk" | "inputContainer" | "inputWrapperOrder" | "classNames" | "styles">, "ref"> & React.RefAttributes<unknown>>;
+} & Pick<InputWrapperProps, "label" | "style" | "className" | "inputMode" | "error" | "description" | "classNames" | "styles" | "withAsterisk" | "labelProps" | "descriptionProps" | "inputContainer" | "inputWrapperOrder" | "labelElement">, "ref"> & React.RefAttributes<unknown>>;

package/build/components/mantine/styles.d.ts

@@ -0,0 +1,12 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        h1: string;
+        h2: string;
+        h3: string;
+        p1: string;
+        p2: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/components/mantine/theme/input.d.ts

@@ -1,15 +1,16 @@
 import { LOCALE } from "../../../interfaces/types";
-export declare const GlobalInputStyle: (locale: LOCALE) => {
+import { CustomStylesType } from "./types";
+export declare const GlobalInputStyle: (locale: LOCALE, version?: CustomStylesType) => {
     InputWrapper: {
         styles: {
             label: {
-                display: string;
-                gap: number;
-                marginBottom: string;
                 fontWeight: number;
                 fontSize: string;
                 lineHeight: string;
                 color: string;
+                display: string;
+                gap: number;
+                marginBottom: string;
             };
             description: {
                 fontWeight: number;
@@ -36,10 +37,10 @@ export declare const GlobalInputStyle: (locale: LOCALE) => {
                 border: string;
                 transition: string;
                 "&:not(.mantine-Textarea-input)": {
-                    height: number;
                     fontSize: number;
-                    minHeight: string;
                     lineHeight: string;
+                    height: number;
+                    minHeight: string;
                 };
                 '&:hover': {
                     border: string;

package/build/components/mantine/theme/text.d.ts

@@ -1,3 +1,4 @@
+import { MantineTheme } from '@mantine/core';
 export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export declare enum FontWeight {
     regular = 400,
@@ -124,6 +125,8 @@ export declare const GlobalTextStyle: {
             h4: string[];
             h5: string[];
             h6: string[];
+            title1: string[];
+            title2: string[];
         };
         lineHeight: {
             base: string[];
@@ -151,6 +154,8 @@ export declare const GlobalTextStyle: {
             h4: string[];
             h5: string[];
             h6: string[];
+            title1: string[];
+            title2: string[];
         };
         letterSpacing: {
             lg: number[];
@@ -174,6 +179,8 @@ export declare const GlobalTextStyle: {
             h5: number[];
             h6: number[];
             n1: number[];
+            title1: number[];
+            title2: number[];
         };
         fontWeightBySize: {
             s1: FontWeight;
@@ -190,3 +197,47 @@ export declare const GlobalTextStyle: {
         fontWeight: typeof FontWeight;
     };
 };
+export declare const GlobalTextStyleNew: (theme: MantineTheme) => {
+    leadgen: {
+        h1: {
+            [x: string]: string | {
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        h2: {
+            [x: string]: string | {
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        h3: {
+            [x: string]: string | {
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        p1: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        p2: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+};

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

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+type TCardItemProps = {
+    title: string;
+    logo: string;
+    href: string;
+    LinkComponent?: React.ComponentType<any> | string;
+    defaultImage?: string;
+    description?: string;
+    contentInfo?: ReactNode;
+    className?: string;
+};
+export declare function CardListItem({ title, href, description, logo, defaultImage, LinkComponent, children, contentInfo, className, }: PropsWithChildren<TCardItemProps>): React.JSX.Element;
+export default CardListItem;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyleCardItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleImageWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -75,3 +75,6 @@ export { SideBannerModal, Props as SideBannerModalProps, } from "./sideBannerMod
 export { WidgetChatbotAi } from "./widgetChatbotAi";
 export { VideoItem } from "./videoItem";
 export { VideoPlayerModal } from "./videoPlayerModal";
+export * from "./list";
+export * from "./quickFilter";
+export * from "./cardListItem";

package/build/components/molecules/list/Content.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+type TContentProps = {
+    className?: string;
+    customEmpty?: React.ReactNode;
+    customLoading?: React.ReactNode;
+};
+export declare function Content({ className, children, customLoading, customEmpty, }: PropsWithChildren<TContentProps>): React.JSX.Element;
+export {};

package/build/components/molecules/list/Item.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function Item<T>({ render, }: {
+    render: (item: T, loading?: boolean, loadingMore?: boolean) => React.ReactNode;
+}): React.JSX.Element;

package/build/components/molecules/list/ListProvider.d.ts

@@ -0,0 +1,3 @@
+import React, { PropsWithChildren } from 'react';
+import { ListProviderType } from "./type";
+export declare function ListProvider<T>({ fetcher, children, defaultFilters, defaultSearch, pageSize, }: PropsWithChildren<ListProviderType<T>>): React.JSX.Element;

package/build/components/molecules/list/ListQuickFilter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TFilterOptions } from "./type";
+export type ListQuickFilterProps = {
+    filterOptions: TFilterOptions[];
+};
+export declare function ListQuickFilter({ filterOptions }: ListQuickFilterProps): React.JSX.Element;
+export default ListQuickFilter;

package/build/components/molecules/list/LoadMore.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactElement } from 'react';
+export declare function LoadMore({ renderLoadMore, }: {
+    renderLoadMore?: ({ page, pageSize, loadingMore, }: {
+        page: number;
+        pageSize: number;
+        loadingMore: boolean;
+    }) => ReactElement;
+}): React.JSX.Element;

package/build/components/molecules/list/Pagination.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function Pagination(): React.JSX.Element;

package/build/components/molecules/list/Search.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type TSearchProps = {
+    placeholder?: string;
+    className?: string;
+    formatValue?: (value: string) => string;
+};
+export declare function Search({ className, placeholder, formatValue, }: TSearchProps): React.JSX.Element;
+export {};

package/build/components/molecules/list/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TListContext } from "./type";
+export declare const ListContext: import("react").Context<TListContext<any>>;
+export declare function useListContext<T>(): TListContext<T>;

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

@@ -0,0 +1,18 @@
+import { Content } from "./Content";
+import { Item } from "./Item";
+import { ListProvider } from "./ListProvider";
+import { ListQuickFilter } from "./ListQuickFilter";
+import { LoadMore } from "./LoadMore";
+import { Pagination } from "./Pagination";
+import { Search } from "./Search";
+export declare const List: {
+    Provider: typeof ListProvider;
+    Search: typeof Search;
+    Content: typeof Content;
+    Pagination: typeof Pagination;
+    Item: typeof Item;
+    LoadMore: typeof LoadMore;
+    QuickFilter: typeof ListQuickFilter;
+};
+export * from "./context";
+export * from "./type";

package/build/components/molecules/list/type.d.ts

@@ -0,0 +1,36 @@
+export type TListContext<T = any> = {
+    items: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+    search: string;
+    loading: boolean;
+    loadingMore: boolean;
+    filters: Record<string, any>;
+    handleChangePage: (page: number) => void;
+    handleChangeSearch: (value: string) => void;
+    handleLoadMore: () => void;
+    handleChangeFilter: (value: TFilterOptions) => void;
+    handleUpdateFilter: (filterObject: Record<string, any>) => void;
+};
+export type TFetcherParams = {
+    search: string;
+    filters?: Record<string, any>;
+    page: number;
+    pageSize: number;
+};
+export interface ListProviderType<T = any> {
+    fetcher: (params: TFetcherParams) => Promise<{
+        data: T[];
+        total: number;
+        page: number;
+    }>;
+    pageSize?: number;
+    defaultSearch?: string;
+    defaultFilters?: Record<string, any>;
+}
+export type TFilterOptions = {
+    label: string;
+    value: string;
+    filterKey: string;
+};

package/build/components/molecules/list/useList.d.ts

@@ -0,0 +1,22 @@
+import { ListProviderType, TFilterOptions } from "./type";
+export declare function useList<T>({ fetcher, pageSize, defaultSearch, defaultFilters, }: {
+    fetcher: ListProviderType<T>['fetcher'];
+    pageSize?: number;
+    defaultSearch?: string;
+    defaultFilters?: Record<string, any>;
+}): {
+    items: any[];
+    total: number;
+    page: number;
+    pageSize: number;
+    search: string;
+    loading: boolean;
+    loadingMore: boolean;
+    filters: Record<string, any>;
+    handleChangePage: (page: number) => void;
+    handleChangeSearch: (value: string) => void;
+    handleLoadMore: () => void;
+    handleChangeFilter: (filterData: TFilterOptions) => void;
+    handleUpdateFilter: (filterObject: Record<string, any>) => void;
+    resetData: () => void;
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TFilterOptions } from "../list/type";
+export type QuickFilterProps = {
+    filterOptions?: TFilterOptions[];
+    activeFilter?: Record<string, any>;
+    onChange?: (value: TFilterOptions) => void;
+};
+export declare function QuickFilter({ filterOptions, activeFilter, onChange, }: QuickFilterProps): React.JSX.Element;
+export default QuickFilter;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledFilterItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;