@pautena/react-design-system 0.16.0 → 0.17.0

package/README.md

@@ -13,13 +13,13 @@ This project is available as an [npm package](https://www.npmjs.com/package/@pau
 npm:
 
 ```bash
-npm install @pautena/react-design-system @emotion/react @emotion/styled @mui/icons-material @mui/lab @mui/material @mui/x-data-grid
+npm install @pautena/react-design-system @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid
 ```
 
 yarn:
 
 ```bash
-npm install @pautena/react-design-system @emotion/react @emotion/styled @mui/icons-material @mui/lab @mui/material @mui/x-data-grid react-dom
+yarn add @pautena/react-design-system @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid react-dom
 ```
 
 Now you are going to be able to import the components and use it in your React project.

package/{action → dist/action}/action-header.d.ts

@@ -1,4 +1,4 @@
-import { Variant } from "@mui/material/styles/createTypography";
+import { Variant } from '@mui/material/styles/createTypography';
 type ActionVariant = "primary" | "error" | "warning" | "success";
 export interface ActionHeaderProps {
     variant?: ActionVariant;

package/{action → dist/action}/action.d.ts

@@ -1,5 +1,5 @@
-import { Variant } from "@mui/material/styles/createTypography";
-import { ReactElement } from "react";
+import { Variant } from '@mui/material/styles/createTypography';
+import { ReactElement } from 'react';
 export type ActionVariant = "primary" | "error" | "warning" | "success";
 export interface ActionProps {
     variant: ActionVariant;

package/dist/action/index.d.ts

@@ -0,0 +1,2 @@
+export * from './action';
+export * from './action-header';

package/{autocomplete → dist/autocomplete}/autocomplete.d.ts

@@ -1,6 +1,6 @@
-import { AutocompleteProps as MuiAutocompleteProps } from "@mui/material/Autocomplete";
-import React from "react";
-import { ChipTypeMap } from "@mui/material/Chip";
+import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material/Autocomplete';
+import { default as React } from 'react';
+import { ChipTypeMap } from '@mui/material/Chip';
 export interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> extends Omit<MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, "renderInput" | "onChange" | "color"> {
     label: string;
     helperText?: string;

package/dist/autocomplete/index.d.ts

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

package/{board → dist/board}/board.d.ts

@@ -1,5 +1,5 @@
-import { SxProps, Theme } from "@mui/material/styles";
-import { PropsWithChildren } from "react";
+import { SxProps, Theme } from '@mui/material/styles';
+import { PropsWithChildren } from 'react';
 export type BoardProps = PropsWithChildren<{
     content: string | string[];
     spacing?: 0 | 1 | 2 | 3 | 4 | 5;

package/dist/board/index.d.ts

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

package/{bootstrap-dialog → dist/bootstrap-dialog}/bootstrap-dialog.d.ts

@@ -1,2 +1,2 @@
-import { BootstrapDialogDialogProps } from "../dialog/dialog.types";
+import { BootstrapDialogDialogProps } from '../dialog/dialog.types';
 export declare const BootstrapDialog: ({ open, title, component, componentProps, disabled, disableAccept, disableCancel, actions, children, loading, cancelable, callCloseWhenCancel, acceptable, acceptText, cancelText, onAccept, onCancel, onClose, acceptType, }: BootstrapDialogDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/bootstrap-dialog/index.d.ts

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

package/{bullet → dist/bullet}/bullet.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material/styles";
+import { SxProps, Theme } from '@mui/material/styles';
 export type BulletVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
 export declare const bulletClasses: {
     root: string;

package/dist/bullet/index.d.ts

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

package/{center-container → dist/center-container}/center-container.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { SxProps, Theme } from "@mui/material/styles";
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
 export interface CenterContainerProps {
     children: ReactNode | undefined;
     centerVertical?: boolean;

package/dist/center-container/index.d.ts

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

package/{confirm-dialog → dist/confirm-dialog}/confirm-dialog.d.ts

@@ -1,4 +1,4 @@
-import { BootstrapDialogDialogProps } from "../dialog/dialog.types";
+import { BootstrapDialogDialogProps } from '../dialog/dialog.types';
 type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
 export interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
     confirmText?: string;

package/dist/confirm-dialog/index.d.ts

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

package/{content → dist/content}/content.d.ts

@@ -1,2 +1,2 @@
-import { ContentProps } from "./content.types";
+import { ContentProps } from './content.types';
 export declare const Content: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;

package/{content → dist/content}/content.types.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, FunctionComponent, ReactElement } from "react";
+import { PropsWithChildren, FunctionComponent, ReactElement } from 'react';
 export type ContentProps = PropsWithChildren;
 export type ContentComponent = FunctionComponent<ContentProps>;
 export type ContentElement = ReactElement<ContentElement, ContentComponent>;

package/dist/content/index.d.ts

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

package/{content-placeholder → dist/content-placeholder}/content-placeholder.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export type ContentPlaceholderProps = PropsWithChildren<{
     size?: number;
     p?: number;

package/dist/content-placeholder/index.d.ts

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

package/dist/date-range-calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './date-range-calendar';

package/dist/date-range-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './date-range-picker';

package/{dialog → dist/dialog}/dialog.types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import { ReactNode } from 'react';
 export interface DialogAction {
     id: string;
     text: string;

package/dist/dialog/index.d.ts

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

package/{dialog → dist/dialog}/use-dialog.d.ts

@@ -2,5 +2,5 @@ export declare const useDialog: (intialOpen?: boolean) => {
     isOpen: boolean;
     open: () => void;
     close: () => void;
-    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
 };

package/dist/drawer/drawer.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@mui/material/styles';
+import { DrawerComponent } from './drawer.types';
+export declare const DrawerHeader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Drawer: DrawerComponent;

package/{drawer → dist/drawer}/drawer.mock.d.ts

@@ -1,4 +1,4 @@
-import { DrawerNavigation, DrawerNavigationItem, DrawerNavigationItemCollapsable, DrawerNavigationItemLink, DrawerNavigationSection } from "./drawer.types";
+import { DrawerNavigation, DrawerNavigationItem, DrawerNavigationItemCollapsable, DrawerNavigationItemLink, DrawerNavigationSection } from './drawer.types';
 export declare const mockLinkDrawerNavigationItem: DrawerNavigationItemLink;
 export declare const mockLinkNoIconDrawerNavigationItem: DrawerNavigationItemLink;
 export declare const mockLinkBulletDrawerNavigationItem: DrawerNavigationItem;

package/{drawer → dist/drawer}/drawer.types.d.ts

@@ -1,9 +1,9 @@
-import { FunctionComponent, ReactElement } from "react";
-import { BulletVariant } from "../bullet";
-import { LabelVariant } from "../label";
-import { DrawerProps as MuiDrawerProps } from "@mui/material/Drawer";
-import { Theme } from "@mui/material/styles";
-import { DrawerAppBarProps } from "../drawer-app-bar";
+import { FunctionComponent, ReactElement } from 'react';
+import { BulletVariant } from '../bullet';
+import { LabelVariant } from '../label';
+import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
+import { Theme } from '@mui/material/styles';
+import { DrawerAppBarProps } from '../drawer-app-bar';
 export type DrawerVariant = "temporary" | "mini" | "persistent" | "clipped";
 export type DrawerState = "open" | "collapse" | "close";
 export type DrawerSize = "small" | "medium";

package/dist/drawer/index.d.ts

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

package/{drawer-app-bar → dist/drawer-app-bar}/drawer-app-bar.d.ts

@@ -1,4 +1,4 @@
-import { AppBarProps as MuiAppBarProps } from "@mui/material";
+import { AppBarProps as MuiAppBarProps } from '@mui/material';
 export interface DrawerAppBarProps extends MuiAppBarProps {
     title?: string;
 }

package/dist/drawer-app-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer-app-bar';

package/{drawer-content → dist/drawer-content}/drawer-content.d.ts

@@ -1,4 +1,4 @@
-import { DrawerContentComponent } from "../drawer";
+import { DrawerContentComponent } from '../drawer';
 /**
  * Content to be shown inside a navigation
  */

package/dist/drawer-content/index.d.ts

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

package/{drawer-item → dist/drawer-item}/drawer-item-link.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from "react";
-import { SxProps, Theme } from "@mui/material/styles";
-import { DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel, DrawerSize } from "../drawer/drawer.types";
+import { ReactElement } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel, DrawerSize } from '../drawer/drawer.types';
 export interface DrawerItemLinkProps {
     /**
      * Item size. default to medium

package/{drawer-item → dist/drawer-item}/drawer-item.d.ts

@@ -1,4 +1,4 @@
-import { DrawerNavigationItem, DrawerSize } from "../drawer/drawer.types";
+import { DrawerNavigationItem, DrawerSize } from '../drawer/drawer.types';
 export interface DrawerItemProps {
     /**
      * Data to be rendered

package/{drawer-item → dist/drawer-item}/drawer-menu-item.d.ts

@@ -1,6 +1,6 @@
-import { SxProps, Theme } from "@mui/material/styles";
-import { ReactElement } from "react";
-import { DrawerNavigationItem, DrawerSize } from "../drawer";
+import { SxProps, Theme } from '@mui/material/styles';
+import { ReactElement } from 'react';
+import { DrawerNavigationItem, DrawerSize } from '../drawer';
 export interface DrawerMenuItemProps {
     /**
      * Item size. default to medium

package/dist/drawer-item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './drawer-menu-item';
+export * from './drawer-item';
+export * from './drawer-item-link';

package/{drawer-layout → dist/drawer-layout}/drawer-layout.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { DrawerProviderProps } from "../drawer-provider";
-import { DrawerAppBarElement, DrawerElement } from "../drawer/drawer.types";
+import { ReactNode } from 'react';
+import { DrawerProviderProps } from '../drawer-provider';
+import { DrawerAppBarElement, DrawerElement } from '../drawer/drawer.types';
 export interface DrawerLayoutProps {
     drawerProviderProps?: DrawerProviderProps;
     children: [DrawerElement, DrawerAppBarElement, ReactNode];

package/dist/drawer-layout/index.d.ts

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

package/{drawer-main → dist/drawer-main}/drawer-main.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export type DrawerMainProps = PropsWithChildren;
 export declare const DrawerMain: ({ children }: DrawerMainProps) => import("react/jsx-runtime").JSX.Element;

package/dist/drawer-main/index.d.ts

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

package/{drawer-provider → dist/drawer-provider}/drawer-context.d.ts

@@ -1,4 +1,4 @@
-import { DrawerState, DrawerVariant } from "../drawer";
+import { DrawerState, DrawerVariant } from '../drawer';
 export interface DrawerContextProps {
     selectedItemId?: string;
     state: DrawerState;
@@ -11,6 +11,6 @@ export interface DrawerContextProps {
     open(): void;
     setState: (state: DrawerState) => void;
 }
-export declare const DrawerContext: import("react").Context<DrawerContextProps | undefined>;
+export declare const DrawerContext: import('react').Context<DrawerContextProps | undefined>;
 export declare const UndefinedProvider: Error;
 export declare const useDrawer: () => DrawerContextProps;

package/{drawer-provider → dist/drawer-provider}/drawer-mixins.d.ts

@@ -1,4 +1,4 @@
-import { Theme, CSSObject } from "@mui/material/styles";
+import { Theme, CSSObject } from '@mui/material/styles';
 export declare const drawerWidth = 240;
 export declare const openedMixin: (theme: Theme) => CSSObject;
 export declare const closedMixin: (theme: Theme) => CSSObject;

package/{drawer-provider → dist/drawer-provider}/drawer.provider.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import { DrawerState, DrawerVariant } from "../drawer";
+import { PropsWithChildren } from 'react';
+import { DrawerState, DrawerVariant } from '../drawer';
 export type DrawerProviderProps = PropsWithChildren<{
     initialState?: DrawerState;
     underAppBar?: boolean;

package/dist/drawer-provider/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../drawer/drawer';
+export * from './drawer.provider';
+export * from './drawer-context';

package/{drawer-section → dist/drawer-section}/drawer-section.d.ts

@@ -1,4 +1,4 @@
-import { DrawerNavigationItem, DrawerSize } from "../drawer";
+import { DrawerNavigationItem, DrawerSize } from '../drawer';
 export interface DrawerSectionProps {
     /**
      * Section title

package/dist/drawer-section/index.d.ts

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

package/dist/drawer-subheader/drawer-subheader.d.ts

@@ -0,0 +1,9 @@
+import { ListSubheaderProps } from '@mui/material/ListSubheader';
+import { DrawerSize } from '../drawer';
+export interface DrawerSubheaderProps extends ListSubheaderProps {
+    /**
+     * Item size. default to medium
+     */
+    size?: DrawerSize;
+}
+export declare const DrawerSubheader: import('@emotion/styled').StyledComponent<import('@mui/material/ListSubheader').ListSubheaderOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "inset" | "children" | "sx" | "className" | "style" | "classes" | "disableGutters" | "disableSticky"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & DrawerSubheaderProps, {}, {}>;

package/dist/drawer-subheader/index.d.ts

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

package/{enhanced-remote-table → dist/enhanced-remote-table}/enhanced-remote-table.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { HeadCell, Order } from "../enhanced-table";
+import { ReactNode } from 'react';
+import { HeadCell, Order } from '../enhanced-table';
 export interface EnhancedRemoteTableProps<T> {
     data: T[];
     loading: boolean;

package/{enhanced-remote-table → dist/enhanced-remote-table}/enhanced-remote-table.mock.d.ts

@@ -1,5 +1,5 @@
-import { HeadCell, Order } from "../enhanced-table";
-import { Data } from "../enhanced-table/enhanced-table.mock";
+import { HeadCell, Order } from '../enhanced-table';
+import { Data } from '../enhanced-table/enhanced-table.mock';
 export interface EnhancedRemoteDummyTableProps {
     data: Data[];
     loading: boolean;

package/dist/enhanced-remote-table/index.d.ts

@@ -0,0 +1 @@
+export * from './enhanced-remote-table';

package/{enhanced-table → dist/enhanced-table}/enhanced-table.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { HeadCell, Order } from "./enhanced-table-head";
+import { ReactNode } from 'react';
+import { HeadCell, Order } from './enhanced-table-head';
 interface Props<T> {
     readonly data: T[];
     search?: boolean;

package/{enhanced-table → dist/enhanced-table}/enhanced-table.mock.d.ts

@@ -1,4 +1,4 @@
-import { HeadCell, Order } from "./enhanced-table-head";
+import { HeadCell, Order } from './enhanced-table-head';
 export declare const columns: HeadCell<Data>[];
 export interface Data {
     id: number;

package/dist/enhanced-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './enhanced-table';
+export * from './enhanced-table-head';

package/{expandable-alert → dist/expandable-alert}/expandable-alert.d.ts

@@ -1,6 +1,6 @@
-import { AlertColor } from "@mui/material/Alert";
-import { SxProps, Theme } from "@mui/material/styles";
-import { ReactElement } from "react";
+import { AlertColor } from '@mui/material/Alert';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ReactElement } from 'react';
 export interface ExpandableAlertProps {
     severity: AlertColor;
     iconMapping?: Partial<Record<AlertColor, React.ReactNode>>;
@@ -11,4 +11,4 @@ export interface ExpandableAlertProps {
     onClose: () => void;
     sx?: SxProps<Theme>;
 }
-export declare const ExpandableAlert: import("react").ForwardRefExoticComponent<ExpandableAlertProps & import("react").RefAttributes<any>>;
+export declare const ExpandableAlert: import('react').ForwardRefExoticComponent<ExpandableAlertProps & import('react').RefAttributes<any>>;

package/dist/expandable-alert/index.d.ts

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

package/{form-dialog → dist/form-dialog}/form-dialog.d.ts

@@ -1,4 +1,4 @@
-import { BootstrapDialogDialogProps } from "../dialog";
+import { BootstrapDialogDialogProps } from '../dialog';
 type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
 export interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
     submitText?: string;

package/dist/form-dialog/index.d.ts

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

package/{generators → dist/generators}/generators.mock.d.ts

@@ -1,4 +1,4 @@
-import { BasicModelInstance, FieldType, Model } from "./generators.model";
+import { BasicModelInstance, FieldType, Model } from './generators.model';
 export declare const BirthDateFormat = "dd/MM/yyyy";
 export declare const ReturnTimeFormat = "HH:mm";
 export declare const TradeDateFormat = "dd/MM/yyyy HH:mm";

package/dist/generators/index.d.ts

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

package/{group-value-card → dist/group-value-card}/group-value-card.d.ts

@@ -1,4 +1,4 @@
-import { ValueItemElement } from "../value-item";
+import { ValueItemElement } from '../value-item';
 export interface GroupValueCardProps {
     title: string;
     subtitle?: string;

package/{group-value-card → dist/group-value-card}/group-value-card.mock.d.ts

@@ -1,4 +1,4 @@
-import { GroupValueCardProps } from "./group-value-card";
+import { GroupValueCardProps } from './group-value-card';
 export declare const GroupValueCardDummy: ({ dense, editable, ...rest }: GroupValueCardProps & {
     editable?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/group-value-card/index.d.ts

@@ -0,0 +1 @@
+export * from './group-value-card';

package/{header → dist/header}/header-title.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export type HeaderTitleProps = PropsWithChildren<{
     loading?: boolean;
 }>;

package/{header → dist/header}/header.d.ts

@@ -1,4 +1,4 @@
-import { HeaderComponent } from "./header.types";
+import { HeaderComponent } from './header.types';
 /**
  * Section used to explain give basic information about the page
  * and put the main actions

package/{header → dist/header}/header.dummy.d.ts

@@ -1,4 +1,4 @@
-import { HeaderBreadcrumb, HeaderAction, HeaderTab } from "./header.types";
+import { HeaderBreadcrumb, HeaderAction, HeaderTab } from './header.types';
 export declare const breadcrumbs: HeaderBreadcrumb[];
 export declare const actions: HeaderAction[];
 export declare const tabs: HeaderTab[];

package/{header → dist/header}/header.types.d.ts

@@ -1,5 +1,5 @@
-import { PropTypes } from "@mui/material";
-import { FunctionComponent, ReactElement } from "react";
+import { PropTypes } from '@mui/material';
+import { FunctionComponent, ReactElement } from 'react';
 export type HeaderPreset = PropTypes.Color | "transparent";
 export type HeaderActionVariant = "text" | "outlined" | "contained";
 export type HeaderAction = {

package/dist/header/index.d.ts

@@ -0,0 +1,3 @@
+export * from './header';
+export * from './header.types';
+export * from './header-title';

package/{header-layout → dist/header-layout}/header-layout.d.ts

@@ -1,6 +1,6 @@
-import { PlaceholderIcon } from "../placeholder";
-import { HeaderElement } from "../header";
-import { ContentElement } from "../content";
+import { PlaceholderIcon } from '../placeholder';
+import { HeaderElement } from '../header';
+import { ContentElement } from '../content';
 export interface HeaderLayoutError {
     icon?: PlaceholderIcon;
     title?: string;

package/dist/header-layout/index.d.ts

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