@vincentgraul/react-components 1.0.50 → 1.0.51

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.
@@ -1,7 +1,6 @@
1
1
  import { BreadcrumbType, BreadcrumbElementType } from '..';
2
- type Props = BreadcrumbType & {
2
+ export type BreadcrumbProps = BreadcrumbType & {
3
3
  onClick: (element: BreadcrumbElementType) => void;
4
4
  className?: string;
5
5
  };
6
- export declare const Breadcrumb: (props: Props) => import("react/jsx-runtime").JSX.Element;
7
- export {};
6
+ export declare const Breadcrumb: (props: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +1,9 @@
1
1
  import { CountrySelectorOption } from './country-selector.types';
2
- type Props = {
2
+ export type CountrySelectorProps = {
3
3
  languages: string[];
4
4
  value?: string;
5
5
  onChange?: (option: CountrySelectorOption) => void;
6
6
  flagWidth?: string;
7
7
  className?: string;
8
8
  };
9
- export declare const CountrySelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
10
- export {};
9
+ export declare const CountrySelector: (props: CountrySelectorProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { Sides } from './flex.types';
3
- type Props = {
3
+ export type FlexProps = {
4
4
  children: ReactNode;
5
5
  direction?: "row" | "column";
6
6
  justify?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
@@ -12,5 +12,4 @@ type Props = {
12
12
  padding?: Sides | string;
13
13
  className?: string;
14
14
  };
15
- export declare const Flex: ({ className, children, direction, justify, align, wrap, width, height, margin, padding, }: Props) => import("react/jsx-runtime").JSX.Element;
16
- export {};
15
+ export declare const Flex: ({ className, children, direction, justify, align, wrap, width, height, margin, padding, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { InputType, InputColors, InputStatus } from './input.types';
3
- type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
3
+ export type InputProps = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
4
4
  label: string;
5
5
  type: InputType;
6
6
  colors?: InputColors;
@@ -10,5 +10,4 @@ type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
10
10
  height?: string;
11
11
  className?: string;
12
12
  };
13
- export declare const Input: ({ className, label, message, colors, status, width, height, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
14
- export {};
13
+ export declare const Input: ({ className, label, message, colors, status, width, height, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +1,11 @@
1
1
  import { ReactNode } from 'react';
2
- type LoaderProps = {
2
+ export type LoaderProps = {
3
3
  children: ReactNode;
4
4
  className?: string;
5
5
  };
6
- type LoaderWithImageProps = {
6
+ export type LoaderWithImageProps = {
7
7
  src: string;
8
8
  text: string;
9
9
  className?: string;
10
10
  };
11
11
  export declare const Loader: (props: LoaderProps | LoaderWithImageProps) => import("react/jsx-runtime").JSX.Element;
12
- export {};
@@ -1,8 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
- type Props = {
2
+ export type ModalProps = {
3
3
  children: ReactNode;
4
4
  onClickedOutside?: () => void;
5
5
  className?: string;
6
6
  };
7
- export declare const Modal: ({ className, children, onClickedOutside }: Props) => import("react/jsx-runtime").JSX.Element;
8
- export {};
7
+ export declare const Modal: ({ className, children, onClickedOutside }: ModalProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,11 +4,10 @@ export declare enum ArrowPosition {
4
4
  LEFT = 0,
5
5
  RIGHT = 1
6
6
  }
7
- type Props = PaginationData & {
7
+ export type PaginationProps = PaginationData & {
8
8
  colors?: PaginationColors;
9
9
  renderSingleArrow?: (position: ArrowPosition) => ReactNode;
10
10
  renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
11
11
  className?: string;
12
12
  };
13
- export declare const Pagination: ({ className, page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: Props) => import("react/jsx-runtime").JSX.Element;
14
- export {};
13
+ export declare const Pagination: ({ className, page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;