@sinco/react 1.0.10 → 1.0.11-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.10",
+  "version": "1.0.11-rc.1",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Components/Drawer.d.ts

@@ -1,11 +1,11 @@
-import React, { ReactNode } from "react";
-export type Anchor = "left" | "right";
-export interface DrawerComponentProps {
-    titulo: string;
-    children: ReactNode;
-    acciones: ReactNode;
+import { ReactNode } from 'react';
+export type Anchor = 'left' | 'right';
+export interface DrawerComponentProperties {
     open: boolean;
     onClose: () => void;
     anchor?: Anchor;
+    title: string;
+    content: ReactNode;
+    actions: ReactNode;
 }
-export declare const DrawerComponent: React.FC<DrawerComponentProps>;
+export declare const DrawerComponent: ({ open, onClose, anchor, title, content, actions, }: DrawerComponentProperties) => JSX.Element;

package/src/lib/Components/EmptyState.d.ts

@@ -1,15 +1,15 @@
 import { ReactNode } from 'react';
 export interface EmptyStateProperties {
-    state?: States;
+    state?: EmptyStateStates;
     title?: string;
     content?: string;
     actions?: ReactNode;
 }
-export type States = 'create' | 'error' | 'noresult' | 'search';
-export declare enum UrlImage {
+export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
+export declare enum EmptyStateImageUrls {
     error = "error",
     search = "search",
-    noresult = "noresult",
+    noResult = "noResult",
     create = "create"
 }
-export declare const EmptyState: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
+export declare const EmptyStateComponent: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;

package/src/lib/Components/PageHeader.d.ts

@@ -1,17 +1,5 @@
-import React from "react";
-interface BreadcrumbCode {
-    link: string;
-    name: string;
-}
-interface Pageheader {
-    back?: React.ReactNode;
-    title?: string;
-    subtitle?: string;
-    breadcrumbs?: BreadcrumbCode[];
-    actions?: React.ReactNode;
-    tabs?: React.ReactNode;
-}
-export declare const PageContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+import React from 'react';
+export declare const PageHeaderContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
     children?: React.ReactNode;
     direction?: import("@mui/system").ResponsiveStyleValue<"column" | "column-reverse" | "row" | "row-reverse"> | undefined;
     spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
@@ -21,5 +9,11 @@ export declare const PageContent: import("@emotion/styled").StyledComponent<impo
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, 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>, {}, {}>;
-export declare const PageHeader: (page: Pageheader) => JSX.Element;
+interface PageheaderProperties {
+    title?: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    buttonBack?: React.ReactNode;
+}
+export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, }: PageheaderProperties) => JSX.Element;
 export {};

package/src/lib/Components/ToastNofitication.d.ts

@@ -1,24 +1,19 @@
-import { ReactElement } from "react";
-import React from "react";
+import React, { ReactElement } from 'react';
 export interface Option {
 }
-export interface Toast {
+export interface ToastNotificationProperties {
     type?: string;
-    subtitle?: string;
     time?: number | any;
     title?: string;
+    subtitle?: string;
     dataOpt?: Option[];
     actions?: React.ReactNode;
     seeMore?: boolean;
-    position?: string;
 }
-export interface IconMap {
+export interface handleChangeToastIcon {
     [key: string]: ReactElement;
 }
-export interface ColorMap {
-    [key: string]: "success" | "error" | "warning" | "info";
-}
-export interface position {
-    [key: string]: "center" | "end" | "start";
+export interface handleToastColor {
+    [key: string]: 'success' | 'error' | 'warning' | 'info';
 }
-export declare const ToastNotification: (toast: Toast) => JSX.Element;
+export declare const ToastNotification: (toast: ToastNotificationProperties) => JSX.Element;

package/src/lib/Hooks/useDynamicColor.d.ts

@@ -1,3 +1,3 @@
-export declare const useDynamicColor: (url: string) => {
+export declare const UseDynamicColor: (url: string) => {
     loading: boolean;
 };

package/src/lib/Utils/{dynamicColor.d.ts → DynamicColor.d.ts}

@@ -1,5 +1,5 @@
 import { PaletteColor, TypeBackground } from "@mui/material";
-export declare const dynamicColor: (src: string) => Promise<{
+export declare const DynamicColor: (src: string) => Promise<{
     primaryColor: PaletteColor;
     secondaryColor: PaletteColor;
     backgroundColor: TypeBackground;

package/src/lib/Utils/index.d.ts

@@ -1 +1 @@
-export * from './dynamicColor';
+export * from './DynamicColor';