@sinco/react 1.0.11-rc.12 → 1.0.11-rc.13

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sinco/react",
3
- "version": "1.0.11-rc.12",
3
+ "version": "1.0.11-rc.13",
4
4
  "description": "package for the configuration of mui react sinco",
5
5
  "private": false,
6
6
  "license": "MIT",
package/src/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export * from './lib/Theme';
2
2
  export * from './lib/Components';
3
3
  export * from './lib/Hooks';
4
- export * from './lib/Utils';
4
+ export * from '..';
@@ -1,11 +1,13 @@
1
- import React, { ReactNode } from "react";
2
- export type Anchor = "left" | "right";
3
- export interface DrawerComponentProps {
4
- titulo: string;
1
+ import { ReactNode } from 'react';
2
+ export type handleDrawerPosition = 'left' | 'right';
3
+ export interface DrawerComponentProperties {
4
+ title: string;
5
5
  children: ReactNode;
6
- acciones: ReactNode;
6
+ renderActions: ReactNode;
7
+ showActions?: boolean;
8
+ position?: handleDrawerPosition;
9
+ width: string;
7
10
  open: boolean;
8
11
  onClose: () => void;
9
- anchor?: Anchor;
10
12
  }
11
- export declare const DrawerComponent: React.FC<DrawerComponentProps>;
13
+ export declare const DrawerComponent: ({ title, children, renderActions, showActions, position, width, open, onClose, }: DrawerComponentProperties) => JSX.Element;
@@ -1,15 +1,15 @@
1
1
  import { ReactNode } from 'react';
2
+ export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
3
+ export declare enum EmptyStateImageUrls {
4
+ error = "error",
5
+ search = "search",
6
+ noResult = "noResult",
7
+ create = "create"
8
+ }
2
9
  export interface EmptyStateProperties {
3
- state?: States;
10
+ state?: EmptyStateStates;
4
11
  title?: string;
5
12
  content?: string;
6
13
  actions?: ReactNode;
7
14
  }
8
- export type States = 'create' | 'error' | 'noresult' | 'search';
9
- export declare enum UrlImage {
10
- error = "error",
11
- search = "search",
12
- noresult = "noresult",
13
- create = "create"
14
- }
15
- export declare const EmptyState: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
15
+ export declare const EmptyStateComponent: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
@@ -1,17 +1,5 @@
1
- import React from "react";
2
- interface BreadcrumbCode {
3
- link: string;
4
- name: string;
5
- }
6
- interface Pageheader {
7
- back?: React.ReactNode;
8
- title?: string;
9
- subtitle?: string;
10
- breadcrumbs?: BreadcrumbCode[];
11
- actions?: React.ReactNode;
12
- tabs?: React.ReactNode;
13
- }
14
- export declare const PageContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
1
+ import React from 'react';
2
+ export declare const PageHeaderContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
15
3
  children?: React.ReactNode;
16
4
  direction?: import("@mui/system").ResponsiveStyleValue<"column" | "column-reverse" | "row" | "row-reverse"> | undefined;
17
5
  spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
@@ -21,5 +9,11 @@ export declare const PageContent: import("@emotion/styled").StyledComponent<impo
21
9
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
22
10
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
23
11
  }, keyof import("@mui/material/OverridableComponent").CommonProps | "direction" | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "spacing" | "divider" | "useFlexGap" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
24
- export declare const PageHeader: (page: Pageheader) => JSX.Element;
12
+ interface PageheaderProperties {
13
+ title: string;
14
+ subtitle?: string;
15
+ actions?: React.ReactNode;
16
+ buttonBack?: React.ReactNode;
17
+ }
18
+ export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, }: PageheaderProperties) => JSX.Element;
25
19
  export {};
@@ -1,8 +1,8 @@
1
- import { ReactElement } from "react";
2
- import React from "react";
1
+ import { ReactElement } from 'react';
2
+ import React from 'react';
3
3
  export interface Option {
4
4
  }
5
- export interface Toast {
5
+ export interface ToastNotificationProperties {
6
6
  type?: string;
7
7
  subtitle?: string;
8
8
  time?: number | any;
@@ -10,15 +10,11 @@ export interface Toast {
10
10
  dataOpt?: Option[];
11
11
  actions?: React.ReactNode;
12
12
  seeMore?: boolean;
13
- position?: string;
14
13
  }
15
- export interface IconMap {
14
+ export interface handleChangeToastIcon {
16
15
  [key: string]: ReactElement;
17
16
  }
18
- export interface ColorMap {
19
- [key: string]: "success" | "error" | "warning" | "info";
17
+ export interface handleToastColor {
18
+ [key: string]: 'success' | 'error' | 'warning' | 'info';
20
19
  }
21
- export interface position {
22
- [key: string]: "center" | "end" | "start";
23
- }
24
- export declare const ToastNotification: (toast: Toast) => JSX.Element;
20
+ export declare const ToastNotificationComponent: (toast: ToastNotificationProperties) => JSX.Element;
@@ -3,17 +3,9 @@ import { TypographyOptions } from '@mui/material/styles/createTypography';
3
3
  declare module '@mui/material/styles' {
4
4
  interface TypographyVariants {
5
5
  body3: React.CSSProperties;
6
- subtitle3: React.CSSProperties;
7
6
  }
8
7
  interface TypographyVariantsOptions {
9
8
  body3?: React.CSSProperties;
10
- subtitle3?: React.CSSProperties;
11
- }
12
- }
13
- declare module '@mui/material/Typography' {
14
- interface TypographyPropsVariantOverrides {
15
- body3: true;
16
- subtitle3: true;
17
9
  }
18
10
  }
19
11
  export declare const typography: TypographyOptions;
@@ -1,5 +1,5 @@
1
1
  import { PaletteColor, TypeBackground } from "@mui/material";
2
- export declare const dynamicColor: (src: string) => Promise<{
2
+ export declare const DynamicColor: (src: string) => Promise<{
3
3
  primaryColor: PaletteColor;
4
4
  secondaryColor: PaletteColor;
5
5
  backgroundColor: TypeBackground;
@@ -1 +0,0 @@
1
- export * from './dynamicColor';