@pautena/react-design-system 0.0.1

package/dist/esm/types/components/value-displays/group-value-card/group-value-card.d.ts

@@ -0,0 +1,15 @@
+import { GridProps } from "@mui/material";
+import { FunctionComponent, PropsWithChildren, ReactElement } from "react";
+export declare type GroupValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container">>;
+export declare type GroupValueItemComponent = FunctionComponent<GroupValueItemProps>;
+export declare type GroupValueItemElement = ReactElement<GroupValueItemProps, GroupValueItemComponent>;
+export declare const groupValueItemClasses: {
+    root: string;
+};
+export declare const GroupValueItem: GroupValueItemComponent;
+export interface GroupValueCardProps {
+    title: string;
+    subtitle?: string;
+    children: GroupValueItemElement | GroupValueItemElement[];
+}
+export declare const GroupValueCard: ({ title, subtitle, children }: GroupValueCardProps) => JSX.Element;

package/dist/esm/types/components/value-displays/group-value-card/group-value-card.mock.d.ts

@@ -0,0 +1 @@
+export declare const GroupValueCardDummy: (props: any) => JSX.Element;

package/dist/esm/types/components/value-displays/group-value-card/index.d.ts

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

package/dist/esm/types/components/value-displays/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./value-text";
+export * from "./value-card";
+export * from "./value-boolean";
+export * from "./group-value-card";

package/dist/esm/types/components/value-displays/value-boolean/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-boolean";

package/dist/esm/types/components/value-displays/value-boolean/value-boolean.d.ts

@@ -0,0 +1,14 @@
+export interface ValueBooleanProps {
+    /**
+     * Name of the displayed value
+     */
+    label: string;
+    /**
+     * Value displayed
+     */
+    value: boolean;
+}
+/**
+ * Displays a boolean value with a label
+ */
+export declare const ValueBoolean: ({ label, value }: ValueBooleanProps) => JSX.Element;

package/dist/esm/types/components/value-displays/value-card/index.d.ts

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

package/dist/esm/types/components/value-displays/value-card/value-card.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+export declare type ValueCardProps = PropsWithChildren;
+/**
+ * Container to show a labeled value
+ */
+export declare const ValueCard: ({ children }: ValueCardProps) => JSX.Element;

package/dist/esm/types/components/value-displays/value-text/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-text";

package/dist/esm/types/components/value-displays/value-text/value-text.d.ts

@@ -0,0 +1,14 @@
+export interface ValueTextProps {
+    /**
+     * Name of the displayed value
+     */
+    label: string;
+    /**
+     * Value displayed
+     */
+    value: string;
+}
+/**
+ * Displays a string value with a label
+ */
+export declare const ValueText: ({ label, value }: ValueTextProps) => JSX.Element;

package/dist/esm/types/generators/generators.mock.d.ts

@@ -0,0 +1,3 @@
+import { Model } from "./generators.model";
+export declare const mockModel: Model;
+export declare const createModelInstance: (model: Model, seed?: number) => any;

package/dist/esm/types/generators/generators.model.d.ts

@@ -0,0 +1,33 @@
+declare type Base = {
+    id: string;
+    description: string;
+    name: string;
+    listable?: boolean;
+};
+declare type Breakpoints = {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+};
+declare type StringField = {
+    type: "string";
+};
+declare type NumberField = {
+    type: "number";
+};
+declare type BooleanField = {
+    type: "boolean";
+};
+declare type SingleFields = StringField | NumberField | BooleanField;
+export declare type GroupField = {
+    type: "group";
+    value: (Base & Breakpoints & SingleFields)[];
+};
+declare type Fields = SingleFields | GroupField;
+export declare type ModelField = Base & Breakpoints & Fields;
+export declare type Model = {
+    fields: ModelField[];
+};
+export {};

package/dist/esm/types/generators/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./object-details";
+export * from "./model-router";
+export * from "./generators.model";
+export * from "./model-form";

package/dist/esm/types/generators/model-form/index.d.ts

@@ -0,0 +1 @@
+export * from "./model-form";

package/dist/esm/types/generators/model-form/model-form.d.ts

@@ -0,0 +1,8 @@
+import { Model } from "../generators.model";
+export interface ModelFormProps {
+    model: Model;
+    initialValues?: object;
+    saveButtonText: string;
+    onSubmit: (values: object) => void;
+}
+export declare const ModelForm: ({ model, saveButtonText, onSubmit, initialValues, }: ModelFormProps) => JSX.Element;

package/dist/esm/types/generators/model-router/index.d.ts

@@ -0,0 +1 @@
+export * from "./model-router";

package/dist/esm/types/generators/model-router/model-router.d.ts

@@ -0,0 +1,35 @@
+import { Model } from "../generators.model";
+export interface RequestState {
+    idle?: boolean;
+    loading?: boolean;
+    error?: string;
+    success?: boolean;
+}
+export interface ModelRouterProps {
+    modelName: string;
+    model: Model;
+    requestList?: () => void;
+    list: {
+        data: any[];
+        onClickRemoveItem: (item: any) => void;
+        listRequest: RequestState;
+        requestDelete: RequestState;
+    };
+    add: {
+        onSubmit: (obj: object) => void;
+        request: RequestState;
+    };
+    detail: {
+        onScreenMount?: (id: string) => void;
+        request: RequestState;
+        instance?: any;
+    };
+    update: {
+        onSubmit: (obj: object) => void;
+        request: RequestState;
+        requestInstance: RequestState;
+        onRequestInstance: (id: string) => void;
+        instance?: any;
+    };
+}
+export declare const ModelRouter: (props: ModelRouterProps) => JSX.Element;

package/dist/esm/types/generators/model-router/screens/add-screen.d.ts

@@ -0,0 +1,2 @@
+import { ModelRouterProps } from "../..";
+export declare const AddScreen: (props: ModelRouterProps) => JSX.Element;

package/dist/esm/types/generators/model-router/screens/details-screen.d.ts

@@ -0,0 +1,2 @@
+import { ModelRouterProps } from "..";
+export declare const DetailsScreen: (props: ModelRouterProps) => JSX.Element;

package/dist/esm/types/generators/model-router/screens/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./update-screen";
+export * from "./list-screen";
+export * from "./add-screen";
+export * from "./details-screen";

package/dist/esm/types/generators/model-router/screens/list-screen.d.ts

@@ -0,0 +1,2 @@
+import type { ModelRouterProps } from "../model-router";
+export declare const ListScreen: (props: ModelRouterProps) => JSX.Element;

package/dist/esm/types/generators/model-router/screens/update-screen.d.ts

@@ -0,0 +1,2 @@
+import type { ModelRouterProps } from "../model-router";
+export declare const UpdateScreen: (props: ModelRouterProps) => JSX.Element;

package/dist/esm/types/generators/object-details/index.d.ts

@@ -0,0 +1 @@
+export * from "./object-details";

package/dist/esm/types/generators/object-details/object-details.d.ts

@@ -0,0 +1,6 @@
+import { Model } from "../generators.model";
+export interface ObjectDetailsProps {
+    model: Model;
+    instance: object;
+}
+export declare const ObjectDetails: ({ model, instance }: ObjectDetailsProps) => JSX.Element;

package/dist/esm/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components";
+export * from "./utils";
+export * from "./layouts";
+export * from "./generators";

package/dist/esm/types/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, ReactElement } from "react";
+import { AppBarComponent } from "../../components/app-bar";
+import { DrawerElement } from "../../components/drawer";
+import { AppBarProps } from "@mui/material";
+interface Props {
+    drawer: DrawerElement;
+    appBar: ReactElement<AppBarProps, AppBarComponent>;
+}
+export declare const AppBarWithDrawerLayout: ({ drawer, appBar, children }: PropsWithChildren<Props>) => JSX.Element;
+export {};

package/dist/esm/types/layouts/app-bar-with-drawer-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./app-bar-with-drawer-layout";

package/dist/esm/types/layouts/data-table-layout/data-table-layout.d.ts

@@ -0,0 +1,12 @@
+import { HeaderProps, PlaceholderProps } from "../../components";
+import { DataGridProps } from "@mui/x-data-grid";
+interface Props {
+    loading?: boolean;
+    headerProps: HeaderProps;
+    emptyPlaceholderProps: PlaceholderProps;
+    dataGridProps: DataGridProps & {
+        height: number;
+    };
+}
+export declare const DataTableLayout: ({ loading, headerProps, emptyPlaceholderProps, dataGridProps: { height, rows, ...restDataGridProps }, }: Props) => JSX.Element;
+export {};

package/dist/esm/types/layouts/data-table-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./data-table-layout";

package/dist/esm/types/layouts/details-layout/details-layout.d.ts

@@ -0,0 +1,12 @@
+import { HeaderProps, PlaceholderProps } from "../../components";
+import { Model } from "../../generators";
+export interface DetailsLayoutProps {
+    loading?: boolean;
+    headerProps: HeaderProps;
+    objectDetailsProps: {
+        model: Model;
+        instance?: object;
+    };
+    notFoundPlaceholderProps: PlaceholderProps;
+}
+export declare const DetailsLayout: ({ loading, headerProps, notFoundPlaceholderProps, objectDetailsProps: { model, instance }, }: DetailsLayoutProps) => JSX.Element;

package/dist/esm/types/layouts/details-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./details-layout";

package/dist/esm/types/layouts/form-layout/form-layout.d.ts

@@ -0,0 +1,8 @@
+import { HeaderProps } from "../../components";
+import { ModelFormProps } from "../../generators";
+export interface FormLayoutProps {
+    loading?: boolean;
+    headerProps: HeaderProps;
+    modelFormProps: ModelFormProps;
+}
+export declare const FormLayout: ({ loading, headerProps, modelFormProps }: FormLayoutProps) => JSX.Element;

package/dist/esm/types/layouts/form-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./form-layout";

package/dist/esm/types/layouts/header-layout/header-layout.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+import { HeaderProps } from "../../components";
+interface Props {
+    loading?: boolean;
+    headerProps: HeaderProps;
+}
+export declare const HeaderLayout: ({ loading, headerProps, children }: PropsWithChildren<Props>) => JSX.Element;
+export {};

package/dist/esm/types/layouts/header-layout/index.d.ts

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

package/dist/esm/types/layouts/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./data-table-layout";
+export * from "./header-layout";
+export * from "./tab-layout";
+export * from "./list-layout";
+export * from "./app-bar-with-drawer-layout";
+export * from "./details-layout";
+export * from "./form-layout";

package/dist/esm/types/layouts/list-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./list-layout";

package/dist/esm/types/layouts/list-layout/list-layout.d.ts

@@ -0,0 +1,8 @@
+import { BasicData, HeaderProps, PlaceholderProps, TableListProps } from "../../components";
+export interface ListLayoutProps<T extends BasicData> {
+    loading?: boolean;
+    headerProps: HeaderProps;
+    listProps: TableListProps<T>;
+    emptyPlaceholderProps: PlaceholderProps;
+}
+export declare const ListLayout: <T extends BasicData>({ loading, headerProps, emptyPlaceholderProps, listProps: { data, ...restListProps }, }: ListLayoutProps<T>) => JSX.Element;

package/dist/esm/types/layouts/tab-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./tab-layout";

package/dist/esm/types/layouts/tab-layout/tab-layout.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+import { HeaderProps } from "../../components";
+interface Props {
+    headerProps: HeaderProps;
+}
+export declare const TabLayout: ({ headerProps, children }: PropsWithChildren<Props>) => JSX.Element;
+export {};

package/dist/esm/types/providers/index.d.ts

@@ -0,0 +1 @@
+export * from "./notification-center";

package/dist/esm/types/providers/notification-center/index.d.ts

@@ -0,0 +1 @@
+export * from "./notification-center.provider";

package/dist/esm/types/providers/notification-center/notification-center.context.d.ts

@@ -0,0 +1,16 @@
+import { AlertColor } from "@mui/material";
+import React from "react";
+export declare const NotificationCenterProviderUndefinedError: Error;
+export declare type SnackbarContentType = React.ReactElement<any, any> | ((key: string) => React.ReactElement<any, any>);
+export declare type SnackbarActionType = React.ReactNode | ((key: string) => React.ReactNode);
+export interface Notification {
+    severity: AlertColor;
+    title?: string;
+    message: string;
+}
+export interface NotificationCenterProps {
+    show(notification: Notification): void;
+    hide(): void;
+}
+export declare const NotificationCenterContext: React.Context<NotificationCenterProps | undefined>;
+export declare const useNotificationCenter: () => NotificationCenterProps;

package/dist/esm/types/providers/notification-center/notification-center.provider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+export declare type NotificationCenterProviderProps = PropsWithChildren<{
+    autoHideDuration?: number;
+}>;
+export declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => JSX.Element;

package/dist/esm/types/utils/arrays.d.ts

@@ -0,0 +1,5 @@
+export declare const newArrayWithSize: <T>(size: number, fillValue: T) => any[];
+export declare const getRandomItem: <T>(items: T[]) => {
+    index: number;
+    item: T;
+};

package/dist/esm/types/utils/arrays.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./arrays";
+export * from "./theme";

package/dist/esm/types/utils/theme.d.ts

@@ -0,0 +1,4 @@
+export declare const useGetDefaultThemeColor: ({ lightWeight, darkWeight }?: {
+    lightWeight?: number | undefined;
+    darkWeight?: number | undefined;
+}) => any;