gd-design-library 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/assets/icons/account_circle.d.ts +7 -0
- package/assets/icons/arrow-down.d.ts +6 -0
- package/assets/icons/arrow-forward.d.ts +2 -1
- package/assets/icons/check.d.ts +2 -1
- package/assets/icons/chevron-right.d.ts +2 -1
- package/assets/icons/cross.d.ts +2 -1
- package/assets/icons/dot.d.ts +2 -1
- package/assets/icons/error_outline.d.ts +6 -0
- package/assets/icons/favorite.d.ts +7 -0
- package/assets/icons/home.d.ts +2 -1
- package/assets/icons/local_shipping.d.ts +7 -0
- package/assets/icons/mobile_menu_button.d.ts +7 -0
- package/assets/icons/shopping_bag.d.ts +7 -0
- package/assets/icons/slash.d.ts +2 -1
- package/assets/icons/star.d.ts +3 -1
- package/assets/icons/starOutlined.d.ts +6 -0
- package/assets/icons/toast_error.d.ts +2 -1
- package/assets/icons/toast_info.d.ts +2 -1
- package/assets/icons/toast_success.d.ts +2 -1
- package/assets/icons/toast_warning.d.ts +2 -1
- package/assets/index.d.ts +11 -83
- package/components/core/Dropdown/Dropdown.d.ts +4 -0
- package/components/core/Dropdown/Dropdown.types.d.ts +12 -0
- package/components/core/Dropdown/StyledDropdown.d.ts +2 -0
- package/components/core/Dropdown/constants.d.ts +1 -0
- package/components/core/Dropdown/hooks/index.d.ts +1 -0
- package/components/core/Dropdown/hooks/useDropdown.d.ts +3 -0
- package/components/core/Dropdown/index.d.ts +2 -0
- package/components/core/DropdownItem/DropdownItem.d.ts +4 -0
- package/components/core/DropdownItem/DropdownItem.types.d.ts +15 -0
- package/components/core/DropdownItem/StyledDropdownItem.d.ts +2 -0
- package/components/core/DropdownItem/constants.d.ts +1 -0
- package/components/core/DropdownItem/index.d.ts +2 -0
- package/components/core/Form/Form.d.ts +1 -1
- package/components/core/Form/utils.d.ts +1 -1
- package/components/core/Icon/Icon.d.ts +1 -4
- package/components/core/Icon/Icon.types.d.ts +1 -2
- package/components/core/Icon/constants.d.ts +74 -0
- package/components/core/Image/Image.d.ts +3 -0
- package/components/core/Image/Image.types.d.ts +27 -0
- package/components/core/Image/StyledImage.d.ts +5 -0
- package/components/core/Image/constants.d.ts +1 -0
- package/components/core/Image/index.d.ts +2 -0
- package/components/core/Input/Input.d.ts +1 -1
- package/components/core/Input/Input.types.d.ts +2 -1
- package/components/core/Input/StyledInput.d.ts +1 -1
- package/components/core/Label/Label.d.ts +1 -1
- package/components/core/Label/StyledLabel.d.ts +1 -1
- package/components/core/Link/Link.types.d.ts +1 -0
- package/components/core/List/StyledList.d.ts +1 -1
- package/components/core/Loader/StyledLoader.d.ts +1 -1
- package/components/core/Portal/Portal.d.ts +4 -3
- package/components/core/Select/Select.d.ts +5 -0
- package/components/core/Select/Select.types.d.ts +45 -0
- package/components/core/Select/StyledSelect.d.ts +24 -0
- package/components/core/Select/constants.d.ts +1 -0
- package/components/core/Select/hooks/index.d.ts +1 -0
- package/components/core/Select/hooks/useSelectContext.d.ts +3 -0
- package/components/core/Select/index.d.ts +2 -0
- package/components/core/Skeleton/StyledSkeleton.d.ts +1 -1
- package/components/core/Snackbar/Snackbar.d.ts +1 -1
- package/components/core/Switch/StyledSwitch.d.ts +1 -1
- package/components/core/Switch/Switch.d.ts +2 -2
- package/components/core/Switch/{types.d.ts → Switch.types.d.ts} +2 -2
- package/components/core/Switch/index.d.ts +1 -1
- package/components/core/Textarea/Textarea.d.ts +0 -1
- package/components/core/Tooltip/StyledTooltip.d.ts +1 -1
- package/components/core/Tooltip/Tooltip.d.ts +1 -1
- package/components/core/Tooltip/Tooltip.types.d.ts +1 -0
- package/components/core/Typography/Typography.d.ts +3 -2
- package/components/core/Typography/Typography.types.d.ts +2 -1
- package/components/core/Typography/utils.d.ts +1 -1
- package/components/core/Wrapper/StyledWrapper.d.ts +1 -1
- package/components/core/Wrapper/Wrapper.d.ts +1 -1
- package/components/core/index.d.ts +4 -0
- package/components/core/types/events.types.d.ts +6 -0
- package/components/domainSpecific/Header/Header.d.ts +4 -0
- package/components/domainSpecific/Header/Header.types.d.ts +23 -0
- package/components/domainSpecific/Header/StyledHeader.d.ts +123 -0
- package/components/domainSpecific/Header/constants.d.ts +1 -0
- package/components/domainSpecific/Header/index.d.ts +2 -0
- package/components/domainSpecific/Price/Price.d.ts +5 -0
- package/components/domainSpecific/Price/Price.types.d.ts +11 -0
- package/components/domainSpecific/Price/StyledPrice.d.ts +9 -0
- package/components/domainSpecific/Price/constants.d.ts +1 -0
- package/components/domainSpecific/Price/index.d.ts +1 -0
- package/components/domainSpecific/Rating/Rating.d.ts +2 -0
- package/components/domainSpecific/Rating/Rating.types.d.ts +19 -0
- package/components/domainSpecific/Rating/StyledRating.d.ts +5 -0
- package/components/domainSpecific/Rating/constants.d.ts +6 -0
- package/components/domainSpecific/Rating/index.d.ts +2 -0
- package/components/domainSpecific/Search/Search.d.ts +4 -0
- package/components/domainSpecific/Search/Search.types.d.ts +24 -0
- package/components/domainSpecific/Search/StyledSearch.d.ts +29 -0
- package/components/domainSpecific/Search/constants.d.ts +6 -0
- package/components/domainSpecific/Search/index.d.ts +2 -0
- package/components/domainSpecific/Search/renderers.d.ts +4 -0
- package/components/domainSpecific/Tabs/StyledTabs.d.ts +14 -0
- package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/SkeletonSearch.d.ts +4 -0
- package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/SkeletonSearch.types.d.ts +5 -0
- package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/StyledSkeletonSearch.d.ts +82 -0
- package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/constants.d.ts +2 -0
- package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/index.d.ts +2 -0
- package/components/domainSpecific/Templates/Cards/Skeleton/index.d.ts +1 -0
- package/components/domainSpecific/Templates/Cards/index.d.ts +1 -0
- package/components/domainSpecific/Templates/index.d.ts +1 -0
- package/components/domainSpecific/index.d.ts +5 -0
- package/components/layout/FlexContainer/FlexContainer.types.d.ts +4 -1
- package/components/layout/index.types.d.ts +6 -0
- package/constants/events.d.ts +5 -0
- package/constants/index.d.ts +1 -0
- package/constants/keyboard.d.ts +3 -0
- package/hooks/index.d.ts +3 -0
- package/hooks/useClickOutside/index.d.ts +1 -0
- package/hooks/useClickOutside/useClickOutside.d.ts +1 -0
- package/hooks/useMediaQuery/index.d.ts +1 -0
- package/hooks/useMediaQuery/useMediaQuery.d.ts +1 -0
- package/hooks/useTheme/useTheme.d.ts +1 -1
- package/index.mjs +6168 -4909
- package/package.json +10 -3
- package/tokens/borders.d.ts +2 -2
- package/tokens/button.d.ts +6 -3
- package/tokens/defaultTheme.d.ts +463 -12
- package/tokens/flexContainer.d.ts +1 -0
- package/tokens/header.d.ts +108 -0
- package/tokens/image.d.ts +32 -0
- package/tokens/index.d.ts +405 -12
- package/tokens/input.d.ts +9 -1
- package/tokens/label.d.ts +4 -0
- package/tokens/link.d.ts +16 -0
- package/tokens/list.d.ts +10 -0
- package/tokens/modal.d.ts +6 -1
- package/tokens/price.d.ts +19 -0
- package/tokens/rating.d.ts +57 -0
- package/tokens/search.d.ts +37 -0
- package/tokens/select.d.ts +53 -0
- package/tokens/shadow.d.ts +4 -0
- package/tokens/skeleton.d.ts +44 -0
- package/tokens/snackbar.d.ts +20 -6
- package/tokens/stepper.d.ts +32 -0
- package/tokens/tabs.d.ts +4 -0
- package/tokens/tooltip.d.ts +4 -0
- package/tokens/utils.d.ts +2 -2
- package/tokens/values.d.ts +4 -1
- package/utils/index.d.ts +1 -0
- package/utils/math.d.ts +6 -0
- package/index.js +0 -124
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ReactNode, MouseEvent } from 'react';
|
|
2
|
+
import { Theme } from '../../../hooks';
|
|
3
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '..';
|
|
4
|
+
import { OnSelectProps } from '../types/events.types';
|
|
5
|
+
export interface Option {
|
|
6
|
+
value: unknown;
|
|
7
|
+
name: string;
|
|
8
|
+
}
|
|
9
|
+
export type renderOptionType = {
|
|
10
|
+
item: Option;
|
|
11
|
+
index: number;
|
|
12
|
+
isActiveItem: boolean;
|
|
13
|
+
className: string;
|
|
14
|
+
};
|
|
15
|
+
export interface DropdownParams {
|
|
16
|
+
title?: string;
|
|
17
|
+
resultText?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface SelectProps<T extends HTMLElement = HTMLDivElement> extends Exclude<CommonCoreComponentProps, 'color' | 'variant'> {
|
|
20
|
+
items?: (never | Option)[];
|
|
21
|
+
dropdownParams?: DropdownParams;
|
|
22
|
+
onSelect?: (props: OnSelectProps) => void;
|
|
23
|
+
onInitiatorClick?: (event: MouseEvent<T>) => void;
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
itemsCount?: number;
|
|
26
|
+
initiator?: ReactNode;
|
|
27
|
+
width?: number | string;
|
|
28
|
+
emptyItemsResult?: string;
|
|
29
|
+
renderOption?: (value: renderOptionType) => React.ReactNode;
|
|
30
|
+
renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => React.ReactNode;
|
|
31
|
+
autoOpen?: boolean;
|
|
32
|
+
activeIndex?: string | number;
|
|
33
|
+
}
|
|
34
|
+
export interface SelectRef {
|
|
35
|
+
isOpen: boolean;
|
|
36
|
+
open: () => void;
|
|
37
|
+
close: () => void;
|
|
38
|
+
toggle: () => void;
|
|
39
|
+
}
|
|
40
|
+
export type SelectWrapperProps = Exclude<CommonCoreStyledComponentProps, 'color' | 'variant'>;
|
|
41
|
+
export interface SelectContextType {
|
|
42
|
+
onSelect?: (event: MouseEvent<HTMLDivElement>, data: unknown) => void;
|
|
43
|
+
activeItemIndex?: number | string;
|
|
44
|
+
activeIndex?: number | string;
|
|
45
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { IconProps } from '../Icon';
|
|
2
|
+
export declare const SelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('..').CommonCoreStyledComponentProps<never, never>>> & string;
|
|
3
|
+
export declare const InitiatorWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
width: number | string;
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../Button').ButtonProps & {
|
|
7
|
+
children?: import('react').ReactNode | undefined;
|
|
8
|
+
} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
|
|
10
|
+
}, Omit<import('../Button').ButtonProps & {
|
|
11
|
+
children?: import('react').ReactNode | undefined;
|
|
12
|
+
} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
13
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
|
|
14
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & {
|
|
15
|
+
children?: import('react').ReactNode | undefined;
|
|
16
|
+
} & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
|
|
17
|
+
export declare const ArrowIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
18
|
+
$isOpen: boolean;
|
|
19
|
+
}>> & string;
|
|
20
|
+
export declare const StyledDropdownIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<IconProps & import('react').RefAttributes<SVGElement>, "ref"> & {
|
|
21
|
+
ref?: ((instance: SVGElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<SVGElement> | null | undefined;
|
|
22
|
+
}, Omit<IconProps & import('react').RefAttributes<SVGElement>, "ref"> & {
|
|
23
|
+
ref?: ((instance: SVGElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<SVGElement> | null | undefined;
|
|
24
|
+
}>, Partial<IconProps>>, never>> & string & Omit<import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGElement>>, keyof import('react').Component<any, {}, any>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Select";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useSelectContext';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { SkeletonStyledProps } from '.';
|
|
1
|
+
import { SkeletonStyledProps } from './Skeleton.types';
|
|
2
2
|
export declare const StyledSkeleton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SkeletonStyledProps>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SnackbarState } from './Snackbar.types';
|
|
2
|
-
export declare const Snackbar: (
|
|
2
|
+
export declare const Snackbar: import('react').ForwardRefExoticComponent<SnackbarState & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { StyledSwitchProps } from './types';
|
|
1
|
+
import { StyledSwitchProps } from './Switch.types';
|
|
2
2
|
export declare const StyledSwitch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSwitchProps>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { SwitchProps } from './types';
|
|
2
|
-
export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<
|
|
1
|
+
import { SwitchProps } from './Switch.types';
|
|
2
|
+
export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
import { CommonStyledComponentProps } from '../..';
|
|
2
|
+
import { CommonComponentProps, CommonStyledComponentProps } from '../..';
|
|
3
3
|
export interface StyledSwitchProps extends CommonStyledComponentProps {
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
}
|
|
@@ -8,7 +8,7 @@ export interface SwitchItem {
|
|
|
8
8
|
value: unknown;
|
|
9
9
|
icon?: string;
|
|
10
10
|
}
|
|
11
|
-
export interface SwitchProps extends PropsWithChildren<
|
|
11
|
+
export interface SwitchProps extends PropsWithChildren<CommonComponentProps> {
|
|
12
12
|
classNames?: string;
|
|
13
13
|
items?: string[] | SwitchItem[];
|
|
14
14
|
disabled?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Switch } from './Switch';
|
|
2
|
-
export * from './types';
|
|
2
|
+
export * from './Switch.types';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { StyledTooltipProps } from './Tooltip.types';
|
|
2
|
-
export declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').
|
|
2
|
+
export declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
|
|
3
3
|
export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTooltipProps>> & string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TooltipProps } from './Tooltip.types';
|
|
2
|
-
declare const Tooltip: (
|
|
2
|
+
declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
3
3
|
export default Tooltip;
|
|
@@ -12,6 +12,7 @@ export interface TooltipProps extends PropsWithChildren<Partial<StyledTooltipPro
|
|
|
12
12
|
delay?: number;
|
|
13
13
|
gap?: number;
|
|
14
14
|
}
|
|
15
|
+
export type StyledTooltipWrapperProps = CommonStyledComponentProps;
|
|
15
16
|
export interface StyledTooltipProps extends CommonStyledComponentProps {
|
|
16
17
|
position: TooltipPosition;
|
|
17
18
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
1
|
import { TypographyProps } from './Typography.types';
|
|
3
|
-
export declare const Typography: (
|
|
2
|
+
export declare const Typography: import('react').ForwardRefExoticComponent<TypographyProps & {
|
|
3
|
+
children?: import('react').ReactNode | undefined;
|
|
4
|
+
} & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FormEvent } from 'react';
|
|
1
|
+
import { ElementType, FormEvent } from 'react';
|
|
2
2
|
import { CommonCoreComponentProps, CommonCoreStyledComponentProps, SizeVariant } from '../..';
|
|
3
3
|
export declare enum TextAlign {
|
|
4
4
|
Start = "start",
|
|
@@ -51,6 +51,7 @@ export interface StyledTypographyType extends CommonCoreStyledComponentProps<Typ
|
|
|
51
51
|
}
|
|
52
52
|
export interface TypographyProps extends CommonCoreComponentProps<TypographyVariant> {
|
|
53
53
|
editable?: boolean;
|
|
54
|
+
as?: ElementType;
|
|
54
55
|
size?: SizeVariant;
|
|
55
56
|
align?: TextAlign;
|
|
56
57
|
onChangeCb?: (callbackData: OnChangeCallbackProps) => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { TypographyVariant } from '.';
|
|
1
|
+
import { TypographyVariant } from './Typography.types';
|
|
2
2
|
export declare const getVariantTag: (variant?: TypographyVariant) => TypographyVariant;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { WrapperStyledProps } from '.';
|
|
1
|
+
import { WrapperStyledProps } from './Wrapper.types';
|
|
2
2
|
export declare const StyledWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperStyledProps>> & string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WrapperProps } from '.';
|
|
1
|
+
import { WrapperProps } from './Wrapper.types';
|
|
2
2
|
declare const Wrapper: import('react').ForwardRefExoticComponent<WrapperProps & {
|
|
3
3
|
children?: import('react').ReactNode | undefined;
|
|
4
4
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -15,5 +15,9 @@ export * from './Snackbar';
|
|
|
15
15
|
export * from './Icon';
|
|
16
16
|
export * from './Skeleton';
|
|
17
17
|
export * from './List';
|
|
18
|
+
export * from './Dropdown';
|
|
19
|
+
export * from './DropdownItem';
|
|
20
|
+
export * from './Select';
|
|
18
21
|
export * from './Breadcrumbs';
|
|
22
|
+
export * from './Image';
|
|
19
23
|
export * from './types/index.types';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { CommonCoreContent } from '../../core';
|
|
3
|
+
import { LayoutSize } from '../../../tokens/types/index.types';
|
|
4
|
+
export interface MenuListItem {
|
|
5
|
+
title?: string;
|
|
6
|
+
path?: string;
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export interface HeaderProps {
|
|
10
|
+
maxWidth?: LayoutSize;
|
|
11
|
+
isResponsive?: boolean;
|
|
12
|
+
showTopBanner?: boolean;
|
|
13
|
+
bgColor?: string;
|
|
14
|
+
mobileMenuList?: MenuListItem[];
|
|
15
|
+
showSearch?: boolean;
|
|
16
|
+
bannerContent?: CommonCoreContent;
|
|
17
|
+
logo?: CommonCoreContent;
|
|
18
|
+
menu?: CommonCoreContent;
|
|
19
|
+
actions?: CommonCoreContent;
|
|
20
|
+
onMobileMenuItemClick?: (event: MouseEvent<HTMLDivElement>, item: MenuListItem) => void;
|
|
21
|
+
menuItemMapper?: (item: MenuListItem) => ReactNode;
|
|
22
|
+
advBlock?: ReactNode;
|
|
23
|
+
}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { Theme } from '../../../hooks/useTheme';
|
|
2
|
+
export declare const StyledHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout').FlexContainerProps & {
|
|
3
|
+
children?: import('react').ReactNode | undefined;
|
|
4
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, Omit<import('../../layout').FlexContainerProps & {
|
|
7
|
+
children?: import('react').ReactNode | undefined;
|
|
8
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}>, never>, {
|
|
11
|
+
theme: Theme;
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout').FlexContainerProps & {
|
|
14
|
+
children?: import('react').ReactNode | undefined;
|
|
15
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
16
|
+
export declare const TopBannerRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
17
|
+
children?: import('react').ReactNode | undefined;
|
|
18
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
19
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
+
}, Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
21
|
+
children?: import('react').ReactNode | undefined;
|
|
22
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
23
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
24
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
|
|
25
|
+
children?: import('react').ReactNode | undefined;
|
|
26
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
27
|
+
export declare const NavigationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
28
|
+
children?: import('react').ReactNode | undefined;
|
|
29
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
30
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
31
|
+
}, Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
32
|
+
children?: import('react').ReactNode | undefined;
|
|
33
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
34
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
35
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
|
|
36
|
+
children?: import('react').ReactNode | undefined;
|
|
37
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
38
|
+
export declare const SearchColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Column/Column.types').ColumnProps & {
|
|
39
|
+
children?: import('react').ReactNode | undefined;
|
|
40
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
41
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
42
|
+
}, Omit<import('../../layout/Column/Column.types').ColumnProps & {
|
|
43
|
+
children?: import('react').ReactNode | undefined;
|
|
44
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
45
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
46
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Column/Column.types').ColumnProps & {
|
|
47
|
+
children?: import('react').ReactNode | undefined;
|
|
48
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
49
|
+
export declare const ActionsColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Column/Column.types').ColumnProps & {
|
|
50
|
+
children?: import('react').ReactNode | undefined;
|
|
51
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
52
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
53
|
+
}, Omit<import('../../layout/Column/Column.types').ColumnProps & {
|
|
54
|
+
children?: import('react').ReactNode | undefined;
|
|
55
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
56
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
57
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Column/Column.types').ColumnProps & {
|
|
58
|
+
children?: import('react').ReactNode | undefined;
|
|
59
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
60
|
+
export declare const MenuRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
61
|
+
children?: import('react').ReactNode | undefined;
|
|
62
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
63
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
64
|
+
}, Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
65
|
+
children?: import('react').ReactNode | undefined;
|
|
66
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
67
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
68
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
|
|
69
|
+
children?: import('react').ReactNode | undefined;
|
|
70
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
71
|
+
export declare const MenuColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
72
|
+
children?: import('react').ReactNode | undefined;
|
|
73
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
74
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
75
|
+
}, Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
76
|
+
children?: import('react').ReactNode | undefined;
|
|
77
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
78
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
79
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
|
|
80
|
+
children?: import('react').ReactNode | undefined;
|
|
81
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
82
|
+
export declare const ChildrenRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
83
|
+
children?: import('react').ReactNode | undefined;
|
|
84
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
85
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
86
|
+
}, Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
87
|
+
children?: import('react').ReactNode | undefined;
|
|
88
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
89
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
90
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
|
|
91
|
+
children?: import('react').ReactNode | undefined;
|
|
92
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
93
|
+
export declare const MobileMenuOpenedDropdownWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
94
|
+
theme: Theme;
|
|
95
|
+
}>> & string;
|
|
96
|
+
export declare const CloseMenuIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
97
|
+
theme: Theme;
|
|
98
|
+
}>> & string;
|
|
99
|
+
export declare const MobileMenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout').FlexContainerProps & {
|
|
100
|
+
children?: import('react').ReactNode | undefined;
|
|
101
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
102
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
103
|
+
}, Omit<import('../../layout').FlexContainerProps & {
|
|
104
|
+
children?: import('react').ReactNode | undefined;
|
|
105
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
106
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
107
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout').FlexContainerProps & {
|
|
108
|
+
children?: import('react').ReactNode | undefined;
|
|
109
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
110
|
+
export declare const MobileMenuItemWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
111
|
+
children?: import('react').ReactNode | undefined;
|
|
112
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
113
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
114
|
+
}, Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
115
|
+
children?: import('react').ReactNode | undefined;
|
|
116
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
117
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
118
|
+
}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
|
|
119
|
+
children?: import('react').ReactNode | undefined;
|
|
120
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
121
|
+
export declare const OpenMenuIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
122
|
+
theme: Theme;
|
|
123
|
+
}>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Header";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CSSObject } from 'styled-components';
|
|
2
|
+
import { Theme } from '../../../hooks/useTheme';
|
|
3
|
+
import { CommonComponentProps } from '../..';
|
|
4
|
+
export interface PriceProps extends CommonComponentProps {
|
|
5
|
+
currentValue: string;
|
|
6
|
+
oldValue?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface StyledPriceProps {
|
|
9
|
+
theme: Theme;
|
|
10
|
+
$styles?: CSSObject;
|
|
11
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Theme } from '../../../hooks/useTheme';
|
|
2
|
+
import { StyledPriceProps } from './Price.types';
|
|
3
|
+
export declare const StyledPrice: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPriceProps>> & string;
|
|
4
|
+
export declare const StyledCurrentPrice: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
5
|
+
theme: Theme;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const StyledOldPrice: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').DelHTMLAttributes<HTMLModElement>, HTMLModElement>, {
|
|
8
|
+
theme: Theme;
|
|
9
|
+
}>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Price";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Price } from './Price';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CommonComponentProps, CommonStyledComponentProps } from '../../index.types';
|
|
2
|
+
export type RatingSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface RatingProps extends CommonComponentProps {
|
|
4
|
+
max?: number;
|
|
5
|
+
value?: number;
|
|
6
|
+
groupName?: string;
|
|
7
|
+
defaultValue?: number;
|
|
8
|
+
onChange?: (value: number) => void;
|
|
9
|
+
readOnly?: boolean;
|
|
10
|
+
size?: RatingSize;
|
|
11
|
+
}
|
|
12
|
+
export interface RatingProgressStyledProps extends CommonStyledComponentProps {
|
|
13
|
+
$width: string;
|
|
14
|
+
}
|
|
15
|
+
export interface RatingStyledProps extends CommonStyledComponentProps {
|
|
16
|
+
$readOnly?: boolean;
|
|
17
|
+
$isActive?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export type RatingCommonStyledProps = CommonStyledComponentProps;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RatingProgressStyledProps, RatingStyledProps } from './Rating.types';
|
|
2
|
+
export declare const StyledRating: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RatingStyledProps>> & string;
|
|
3
|
+
export declare const StyledRatingProgressWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RatingProgressStyledProps>> & string;
|
|
4
|
+
export declare const StyledRadioLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, RatingStyledProps>> & string;
|
|
5
|
+
export declare const StyledRadioInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('../..').CommonStyledComponentProps>> & string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Rating";
|
|
2
|
+
export declare const DEFAULT_MAX_RATE = 5;
|
|
3
|
+
export declare const DEFAULT_SIZE = "md";
|
|
4
|
+
export declare const DEFAULT_SIZE_VALUE = 24;
|
|
5
|
+
export declare const DEFAULT_VALUE = 0;
|
|
6
|
+
export declare const DEFAULT_READ_ONLY = false;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ChangeEvent, MouseEvent } from 'react';
|
|
2
|
+
import { Theme } from '../../../hooks/useTheme';
|
|
3
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../../core';
|
|
4
|
+
import { DropdownParams, Option, renderOptionType } from '../../core/Select';
|
|
5
|
+
import { OnSelectProps } from '../../core/types/events.types';
|
|
6
|
+
export interface SearchResultOption extends Option {
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export interface SearchProps extends Exclude<CommonCoreComponentProps, 'color' | 'variant'> {
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
isLoading?: boolean;
|
|
12
|
+
width?: string | number;
|
|
13
|
+
debounceTime?: number;
|
|
14
|
+
dropdownParams?: DropdownParams;
|
|
15
|
+
itemsCount?: number;
|
|
16
|
+
items?: (never | SearchResultOption)[];
|
|
17
|
+
renderOption?: (value: renderOptionType) => React.ReactNode;
|
|
18
|
+
emptyItemsResult?: string;
|
|
19
|
+
renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => React.ReactNode;
|
|
20
|
+
onType?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
21
|
+
handleClickOnInitiator?: (event: MouseEvent<HTMLInputElement>) => void;
|
|
22
|
+
onSelectCb?: (props: OnSelectProps<HTMLDivElement | HTMLInputElement>) => void;
|
|
23
|
+
}
|
|
24
|
+
export type SearchWrapperProps = Exclude<CommonCoreStyledComponentProps, 'color' | 'variant'>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Theme } from '../../../hooks';
|
|
2
|
+
import { IconProps } from '../../core/Icon';
|
|
3
|
+
export declare const StyledSearch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<(Omit<import('../../core/Input').BaseInputFieldProps & import('react').RefAttributes<HTMLInputElement>, "ref"> & {
|
|
7
|
+
ref?: ((instance: HTMLInputElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLInputElement> | null | undefined;
|
|
8
|
+
}) | (Omit<import('../../core/Input').RadioButtonProps & import('react').RefAttributes<HTMLInputElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLInputElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLInputElement> | null | undefined;
|
|
10
|
+
}) | (Omit<import('../../core/Input').CheckboxFieldProps & import('react').RefAttributes<HTMLInputElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLInputElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLInputElement> | null | undefined;
|
|
12
|
+
}), {
|
|
13
|
+
theme: Theme;
|
|
14
|
+
}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../core/Input').InputFieldProps & import('react').RefAttributes<HTMLInputElement>>, keyof import('react').Component<any, {}, any>>;
|
|
15
|
+
export declare const StyledRendererRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
|
|
16
|
+
children?: import('react').ReactNode | undefined;
|
|
17
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
18
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
19
|
+
}, {
|
|
20
|
+
theme: Theme;
|
|
21
|
+
}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
|
|
22
|
+
children?: import('react').ReactNode | undefined;
|
|
23
|
+
} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
24
|
+
export declare const StyledRendererLink: import('styled-components/dist/types').IStyledComponentBase<"web", any> & string;
|
|
25
|
+
export declare const StyledRendererLinkIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<IconProps & import('react').RefAttributes<SVGElement>, "ref"> & {
|
|
26
|
+
ref?: ((instance: SVGElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<SVGElement> | null | undefined;
|
|
27
|
+
}, Omit<IconProps & import('react').RefAttributes<SVGElement>, "ref"> & {
|
|
28
|
+
ref?: ((instance: SVGElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<SVGElement> | null | undefined;
|
|
29
|
+
}>, Partial<IconProps>>, never>> & string & Omit<import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGElement>>, keyof import('react').Component<any, {}, any>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Search";
|
|
2
|
+
export declare const DEFAULT_SEARCH_PLACEHOLDER = "Search";
|
|
3
|
+
export declare const DEFAULT_SEARCH_WIDTH = 448;
|
|
4
|
+
export declare const DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER = "No result";
|
|
5
|
+
export declare const HANDLE_CLICK_ON_INITIATOR_TIMEOUT = 100;
|
|
6
|
+
export declare const DEFAULT_SEARCH_DEBOUNCE_TIME = 300;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Theme } from '../../../hooks';
|
|
2
|
+
import { DropdownParams, Option } from '../../core/Select';
|
|
3
|
+
export declare const renderDropdownHeader: (theme: Theme, dropdownParams: DropdownParams) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const defaultRenderOption: (item: Partial<Option>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import { TabLabelStyledProps } from './Tabs.types';
|
|
2
|
+
import { Theme } from '../../../hooks';
|
|
2
3
|
export declare const StyledTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
|
|
3
4
|
export declare const StyledTabsHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
|
|
4
5
|
export declare const StyledTabLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabLabelStyledProps>> & string;
|
|
5
6
|
export declare const StyledTabPanelsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
|
|
6
7
|
export declare const StyledTabPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
|
|
7
8
|
export declare const StyledNoticeCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TabLabelStyledProps>> & string;
|
|
9
|
+
export declare const StyledTextButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../core').ButtonProps & {
|
|
10
|
+
children?: import('react').ReactNode | undefined;
|
|
11
|
+
} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
|
|
13
|
+
}, Omit<import('../../core').ButtonProps & {
|
|
14
|
+
children?: import('react').ReactNode | undefined;
|
|
15
|
+
} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
16
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
|
|
17
|
+
}>, never>, {
|
|
18
|
+
theme: Theme;
|
|
19
|
+
}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../core').ButtonProps & {
|
|
20
|
+
children?: import('react').ReactNode | undefined;
|
|
21
|
+
} & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
|