gd-design-library 0.0.9 → 0.0.11

package/components/core/DropdownItem/DropdownItem.types.d.ts

@@ -3,6 +3,7 @@ import { Theme } from '../../../hooks/useTheme';
 import { OnSelectProps } from '../types/events.types';
 export interface DropdownItemProps<T> extends PropsWithChildren {
     onSelect?: (props: OnSelectProps) => T;
+    disabled?: boolean;
     children: ReactNode;
     value?: unknown;
     itemIndex?: number;

package/components/core/Select/Select.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, MouseEvent } from 'react';
+import { ReactNode, MouseEvent, KeyboardEvent } from 'react';
 import { Theme } from '../../../hooks/useTheme';
 import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '..';
 import { OnSelectProps } from '../types/events.types';
@@ -26,11 +26,15 @@ export interface SelectProps<T extends HTMLElement = HTMLDivElement> extends Exc
     initiator?: ReactNode;
     width?: number | string;
     emptyItemsResult?: string;
-    selectedItem?: string;
     renderOption?: (value: renderOptionType) => ReactNode;
     renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => ReactNode;
     autoOpen?: boolean;
     activeIndex?: string | number;
+    value?: unknown;
+    onChange?: (value: unknown) => void;
+    itemStringifier?: (value: unknown) => string;
+    itemIdentifier?: (selected: unknown, current: unknown) => boolean;
+    disabled?: boolean;
 }
 export interface SelectRef {
     isOpen: boolean;
@@ -38,9 +42,11 @@ export interface SelectRef {
     close: () => void;
     toggle: () => void;
 }
-export type SelectWrapperProps = Exclude<CommonCoreStyledComponentProps, 'color' | 'variant'>;
+export type SelectWrapperProps = Exclude<CommonCoreStyledComponentProps, 'color' | 'variant'> & {
+    $disabled?: boolean;
+};
 export interface SelectContextType {
-    onSelect?: (event: MouseEvent<HTMLDivElement>, data: unknown) => void;
-    activeItemIndex?: number | string;
-    activeIndex?: number | string;
+    onSelect?: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>, data: unknown) => void;
+    value?: unknown;
+    itemIdentifier?: (selected: unknown, current: unknown) => boolean;
 }

package/components/core/Select/StyledSelect.d.ts

@@ -1,7 +1,9 @@
 import { IconProps } from '../Icon';
-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;
+import { SelectWrapperProps } from './Select.types';
+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>, SelectWrapperProps>> & string;
 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>, {
     width: number | string;
+    disabled?: boolean;
 }>> & string;
 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 & {
     children?: import('react').ReactNode | undefined;

package/components/core/Typography/Typography.types.d.ts

@@ -1,4 +1,5 @@
-import { ElementType, FormEvent } from 'react';
+import { ElementType } from 'react';
+import { EnumOrPrimitive } from '../../../types';
 import { CommonCoreComponentProps, CommonCoreStyledComponentProps, SizeVariant } from '../..';
 export declare enum TextAlign {
     Start = "start",
@@ -25,35 +26,36 @@ export declare enum TypographyVariant {
     H6 = "h6",
     Body1 = "p",
     Body2 = "small",
-    Display = "span",
+    Display = "div",
     Italic = "i",
     Bold = "strong",
     Sup = "sup",
     Sub = "sub",
     Caption = "caption",
-    Light = "light",
-    Normal = "normal",
+    Inherit = "span"
+}
+export declare enum TypographyStyleVariant {
+    Bold = "bold",
     Semibold = "semibold",
+    Normal = "normal",
+    Light = "light",
+    Italic = "italic",
+    Small = "small",
     Uppercase = "uppercase",
     Lowercase = "lowercase",
     Underline = "underline",
-    Strike = "strike",
-    Inherit = "inherit"
-}
-export interface OnChangeCallbackProps {
-    event: FormEvent<HTMLDivElement>;
-    content: string;
-}
-export interface StyledTypographyType extends CommonCoreStyledComponentProps<TypographyVariant, string> {
-    as?: TypographyVariant;
-    $size?: SizeVariant;
-    $align: TextAlign;
+    Strike = "strike"
 }
+export type StyleVariant = EnumOrPrimitive<TypographyStyleVariant> | EnumOrPrimitive<TypographyStyleVariant>[];
 export interface TypographyProps extends CommonCoreComponentProps<TypographyVariant, string> {
-    editable?: boolean;
-    as?: ElementType;
+    as?: keyof HTMLElementTagNameMap | ElementType;
     size?: SizeVariant;
     align?: TextAlign;
-    onChangeCb?: (callbackData: OnChangeCallbackProps) => void;
-    debounceCallbackTime?: number;
+    styleVariant?: StyleVariant;
+}
+export interface StyledTypographyType extends CommonCoreStyledComponentProps<TypographyVariant, string> {
+    as?: keyof HTMLElementTagNameMap | ElementType;
+    $size?: SizeVariant;
+    $align?: TextAlign;
+    $styleVariant?: StyleVariant;
 }

package/components/core/Typography/constants.d.ts

@@ -1,3 +1 @@
-import { TypographyVariant } from './Typography.types';
 export declare const COMPONENT_NAME = "typography";
-export declare const SPAN_ELEMENTS_SET: Set<TypographyVariant>;

package/components/domainSpecific/Card/Card.d.ts

@@ -8,21 +8,21 @@ export declare const Card: import('react').ForwardRefExoticComponent<CardProps &
     Column: import('react').ForwardRefExoticComponent<import('../../layout/Column/Column.types').ColumnProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Counter: import('react').ForwardRefExoticComponent<import('../..').CardCounterProps & {
+    Counter: import('react').ForwardRefExoticComponent<import('./Card.types').CardCounterProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Image: import('react').ForwardRefExoticComponent<import('../..').CardImageProps & {
+    Image: import('react').ForwardRefExoticComponent<import('./Card.types').CardImageProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Price: import('react').ForwardRefExoticComponent<import('../..').CardPriceProps & import('react').RefAttributes<HTMLDivElement>>;
-    Button: import('react').ForwardRefExoticComponent<import('../..').CardButtonProps & {
+    Price: import('react').ForwardRefExoticComponent<import('./Card.types').CardPriceProps & import('react').RefAttributes<HTMLDivElement>>;
+    Button: import('react').ForwardRefExoticComponent<import('./Card.types').CardButtonProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Title: import('react').ForwardRefExoticComponent<import('../..').CardTextProps & {
+    Title: import('react').ForwardRefExoticComponent<import('./Card.types').CardTextProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLElement>>;
-    Description: import('react').ForwardRefExoticComponent<import('../..').CardTextProps & {
+    Description: import('react').ForwardRefExoticComponent<import('./Card.types').CardTextProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLElement>>;
-    Rating: import('react').ForwardRefExoticComponent<import('../..').CardRatingProps & import('react').RefAttributes<HTMLDivElement>>;
+    Rating: import('react').ForwardRefExoticComponent<import('./Card.types').CardRatingProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/components/domainSpecific/Card/StyledCard.d.ts

@@ -1,26 +1,26 @@
-import { CardButtonStyledProps, CardImageStyledProps } from '../..';
+import { CardButtonStyledProps, CardImageStyledProps } from '..';
 import { CardStyledProps, CardTextStyledProps, CardRatingStyledProps, CardPriceStyledProps, CardCounterStyledProps } from './Card.types';
 export declare const StyledCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardStyledProps>> & string;
-export declare const StyledCardTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<import('../..').TypographyProps & {
+export declare const StyledCardTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<import('../../core/Typography').TypographyProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
-}, Omit<import('../..').TypographyProps & {
+}, Omit<import('../../core/Typography').TypographyProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
-}>, CardTextStyledProps>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../..').TypographyProps & {
+}>, CardTextStyledProps>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../core/Typography').TypographyProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const StyledCardDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<import('../..').TypographyProps & {
+export declare const StyledCardDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<import('../../core/Typography').TypographyProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
-}, Omit<import('../..').TypographyProps & {
+}, Omit<import('../../core/Typography').TypographyProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
-}>, CardTextStyledProps>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../..').TypographyProps & {
+}>, CardTextStyledProps>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../core/Typography').TypographyProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const StyledCardRating: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardRatingStyledProps>> & string;

package/components/domainSpecific/Header/StyledHeader.d.ts

@@ -1,16 +1,16 @@
 import { Theme } from '../../../hooks/useTheme';
-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 & {
+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/FlexContainer').FlexContainerProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     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;
-}, Omit<import('../../layout').FlexContainerProps & {
+}, Omit<import('../../layout/FlexContainer').FlexContainerProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     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;
 }>, never>, {
     theme: Theme;
     backgroundColor: string;
-}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout').FlexContainerProps & {
+}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/FlexContainer').FlexContainerProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
 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 & {
@@ -96,15 +96,15 @@ export declare const MobileMenuOpenedDropdownWrapper: import('styled-components/
 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>, {
     theme: Theme;
 }>> & string;
-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 & {
+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/FlexContainer').FlexContainerProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     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;
-}, Omit<import('../../layout').FlexContainerProps & {
+}, Omit<import('../../layout/FlexContainer').FlexContainerProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     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;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout').FlexContainerProps & {
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/FlexContainer').FlexContainerProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
 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 & {

package/components/domainSpecific/Search/Search.types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import { Theme } from '../../../hooks/useTheme';
 import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../../core';
 import { DropdownParams, Option, renderOptionType } from '../../core/Select';
@@ -12,12 +12,12 @@ export interface SearchProps extends Exclude<CommonCoreComponentProps, 'color' |
     width?: string | number;
     debounceTime?: number;
     dropdownParams?: DropdownParams;
-    itemsCount?: number;
+    value?: string;
     items?: (never | SearchResultOption)[];
     renderOption?: (value: renderOptionType) => React.ReactNode;
     emptyItemsResult?: string;
     renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => React.ReactNode;
-    onType?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
+    onType?: (value: string) => void;
     handleClickOnInitiator?: (event: MouseEvent<HTMLInputElement>) => void;
     onSelectCb?: (props: OnSelectProps<HTMLDivElement | HTMLInputElement>) => void;
 }

package/components/domainSpecific/Search/StyledSearch.d.ts

@@ -1,8 +1,4 @@
 import { Theme } from '../../../hooks/useTheme';
-import { IconProps } from '../../core/Icon';
-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>, {
-    theme: Theme;
-}>> & string;
 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"> & {
     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;
 }) | (Omit<import('../../core/Input').RadioButtonProps & import('react').RefAttributes<HTMLInputElement>, "ref"> & {
@@ -21,9 +17,3 @@ export declare const StyledRendererRow: import('styled-components/dist/types').I
 }>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const StyledRendererLink: import('styled-components/dist/types').IStyledComponentBase<"web", any> & string;
-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"> & {
-    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;
-}, Omit<IconProps & import('react').RefAttributes<SVGElement>, "ref"> & {
-    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;
-}>, Partial<IconProps>>, never>> & string & Omit<import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGElement>>, keyof import('react').Component<any, {}, any>>;

package/constants/keyboard.d.ts

@@ -3,4 +3,5 @@ export declare const KEYBOARD_KEYS: {
     ENTER: string;
     ARROW_DOWN: string;
     ARROW_UP: string;
+    TAB: string;
 };