gd-design-library 0.0.2 → 0.0.3

package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/SkeletonSearch.d.ts

@@ -0,0 +1,4 @@
+import { SkeletonSearchProps } from './SkeletonSearch.types';
+export declare const SkeletonSearch: import('react').ForwardRefExoticComponent<SkeletonSearchProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/SkeletonSearch.types.d.ts

@@ -0,0 +1,5 @@
+import { LayoutSize } from '../../../../../../tokens';
+export interface SkeletonSearchProps {
+    maxWidth?: LayoutSize;
+    isResponsive?: boolean;
+}

package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/StyledSkeletonSearch.d.ts

@@ -0,0 +1,82 @@
+import { Theme } from '../../../../../../hooks/useTheme';
+export declare const StyledSkeletonSearch: 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 StyledSkeletonSearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('../../../../../layout').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;
+}, {
+    theme: Theme;
+}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../../../../layout').FlexContainerProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSkeletonSearchHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('../../../../../layout/Row/Row.types').RowProps & {
+    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;
+}, {
+    theme: Theme;
+}>> & 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 StyledSkeletonSearchRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('../../../../../layout/Row/Row.types').RowProps & {
+    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;
+}, {
+    theme: Theme;
+}>> & 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 StyledSkeletonSearchColumnImageBase: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('../../../../../layout/Column/Column.types').ColumnProps & {
+    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;
+}, {
+    theme: Theme;
+}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../../../../layout/Column/Column.types').ColumnProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSkeletonSearchColumnImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
+}, Omit<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSkeletonSearchColumnTextBase: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('../../../../../layout/Column/Column.types').ColumnProps & {
+    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;
+}, {
+    theme: Theme;
+}>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../../../../layout/Column/Column.types').ColumnProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSkeletonSearchColumnText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
+}, Omit<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSkeletonSearchColumnPrice: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
+}, Omit<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../../../../core/Skeleton').SkeletonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;

package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const COMPONENT_NAME = "SkeletonSearch";
+export declare const SKELETON_CARDS_AMOUNT = 3;

package/components/domainSpecific/Templates/Cards/Skeleton/SkeletonSearch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SkeletonSearch';
+export * from './SkeletonSearch.types';

package/components/domainSpecific/Templates/Cards/Skeleton/index.d.ts

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

package/components/domainSpecific/Templates/Cards/index.d.ts

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

package/components/domainSpecific/Templates/index.d.ts

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

package/components/domainSpecific/index.d.ts

@@ -1,2 +1,7 @@
+export * from './Header';
 export * from './Tabs';
 export * from './Stepper';
+export * from './Price';
+export * from './Rating';
+export * from './Search';
+export * from './Templates';

package/components/layout/FlexContainer/FlexContainer.types.d.ts

@@ -1,9 +1,12 @@
-import { CommonComponentProps, CommonStyledComponentProps, LayoutSize } from '../..';
+import { EnumOrPrimitive } from '../../../types';
+import { CommonComponentProps, CommonStyledComponentProps, FlexDirection, LayoutSize } from '../..';
 export interface FlexContainerProps extends CommonComponentProps {
     maxWidth?: LayoutSize;
     isResponsive?: boolean;
+    flexDirection?: EnumOrPrimitive<FlexDirection>;
 }
 export interface StyledFlexContainerProps extends CommonStyledComponentProps {
     $maxWidth: LayoutSize;
     $isResponsive: boolean;
+    $flexDirection: EnumOrPrimitive<FlexDirection>;
 }

package/components/layout/index.types.d.ts

@@ -1 +1,7 @@
 export type LayoutSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export declare const enum FlexDirection {
+    Row = "row",
+    RowReverse = "row-reverse",
+    Column = "column",
+    ColumnReverse = "column-reverse"
+}

package/constants/events.d.ts

@@ -0,0 +1,5 @@
+export declare const KEY_CODE: {
+    ENTER: string;
+    ESCAPE: string;
+    TAB: string;
+};

package/constants/index.d.ts

@@ -1,2 +1,3 @@
 export * from './positioning';
 export * from './timers';
+export * from './events';

package/constants/keyboard.d.ts

@@ -1,3 +1,6 @@
 export declare const KEYBOARD_KEYS: {
     ESCAPE: string;
+    ENTER: string;
+    ARROW_DOWN: string;
+    ARROW_UP: string;
 };

package/hooks/index.d.ts

@@ -1 +1,4 @@
 export * from './useTheme';
+export * from './useClickOutside';
+export * from './useAutoFocus';
+export * from './useMediaQuery';

package/hooks/useClickOutside/index.d.ts

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

package/hooks/useClickOutside/useClickOutside.d.ts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;

package/hooks/useMediaQuery/index.d.ts

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

package/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export declare const useMediaQuery: (query: string) => boolean;

package/hooks/useTheme/useTheme.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
-import { ThemeProviderProps, ThemeContextProps } from '.';
+import { ThemeProviderProps, ThemeContextProps } from './useTheme.types';
 export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const useTheme: () => ThemeContextProps;