@sito/dashboard-app 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Sito
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,60 @@
+# @sito/dashboard-app
+
+## Features
+
+## Installation
+
+To install the library, use npm or yarn:
+
+```bash
+# Using npm
+npm install @sito/dashboard-app
+
+# Using yarn
+yarn add @sito/dashboard-app
+```
+
+## Development
+
+Running Locally
+
+To run the project locally:
+
+1. Clone the repository:
+
+```bash
+git clone https://github.com/your-repo/sito-dashboard-app.git
+
+cd sito-dashboard-app
+```
+
+2. Install dependencies:
+
+```bash
+npm install
+```
+
+3. Start the development server
+
+```bash
+npm start
+```
+
+Building the Library
+
+To build the library for production
+
+```bash
+npm run build
+```
+
+## Contributing
+
+Contributions are welcome! Please follow these steps:
+1. Fork the repository.
+2. Create a new branch for your feature or bugfix.
+3. Submit a pull request with a detailed description of your changes.
+
+## License
+
+This project is licensed under the MIT License.

package/dist/components/Actions/Action.d.ts

@@ -0,0 +1,3 @@
+import { BaseEntityDto } from '../../lib';
+import { ActionPropsType } from './types';
+export declare function Action<TEntity extends BaseEntityDto>(props: ActionPropsType<TEntity>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Actions/Actions.d.ts

@@ -0,0 +1,3 @@
+import { BaseEntityDto } from '../../lib';
+import { ActionsContainerPropsType } from './types';
+export declare function Actions<TRow extends BaseEntityDto>(props: ActionsContainerPropsType<TRow>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Actions/ActionsDropdown.d.ts

@@ -0,0 +1,3 @@
+import { BaseEntityDto } from '../../lib';
+import { ActionsContainerPropsType } from './types';
+export declare const ActionsDropdown: <TRow extends BaseEntityDto>(props: ActionsContainerPropsType<TRow>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Actions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Action';
+export * from './Actions';
+export * from './ActionsDropdown';
+export * from './types';

package/dist/components/Actions/types.d.ts

@@ -0,0 +1,14 @@
+import { Action } from '@sito/dashboard';
+import { BaseEntityDto } from '../../lib';
+import { ReactNode } from 'react';
+export type ActionsContainerPropsType<TRow extends BaseEntityDto> = {
+    actions: ActionPropsType<TRow>[];
+    className?: string;
+    showActionTexts?: boolean;
+    showTooltips?: boolean;
+};
+export interface ActionPropsType<TRow extends BaseEntityDto> extends Action<TRow> {
+    children?: ReactNode;
+    showText?: boolean;
+    showTooltips?: boolean;
+}

package/dist/components/Buttons/Button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonPropsType } from './types';
+export declare const Button: (props: ButtonPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Buttons/IconButton.d.ts

@@ -0,0 +1,2 @@
+import { IconButtonPropsType } from './types';
+export declare const IconButton: (props: IconButtonPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Buttons/ToTop.d.ts

@@ -0,0 +1 @@
+export declare const ToTop: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Buttons/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IconButton';
+export * from './Button';
+export * from './ToTop';

package/dist/components/Buttons/types.d.ts

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes } from 'react';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export type ButtonBaseProps = {
+    variant?: "text" | "submit" | "outlined";
+    color?: "default" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
+};
+export interface IconButtonPropsType extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">, ButtonBaseProps {
+    icon: IconDefinition;
+    iconClassName?: string;
+}
+export interface ButtonPropsType extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">, ButtonBaseProps {
+}

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,7 @@
+import { ChipPropsType } from './types';
+/**
+ * Chip component
+ * @param {object} props - component props
+ * @returns Chip component
+ */
+export declare const Chip: (props: ChipPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/DeletableChip.d.ts

@@ -0,0 +1,2 @@
+import { DeleteChipPropsType } from './types';
+export declare const DeletableChip: (props: DeleteChipPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Chip';
+export * from './DeletableChip';
+export * from './types';

package/dist/components/Chip/types.d.ts

@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+export interface ChipPropsType extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    text?: string;
+    children?: ReactNode;
+    icon?: IconProp;
+    iconClassName?: string;
+    variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "none";
+}
+export interface DeleteChipPropsType extends ChipPropsType {
+    onDelete: () => void;
+}

package/dist/components/Dialog/ConfirmationDialog.d.ts

@@ -0,0 +1,2 @@
+import { ConfirmationDialogPropsType } from './types';
+export declare const ConfirmationDialog: (props: ConfirmationDialogPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,2 @@
+import { DialogPropsType } from './types';
+export declare const Dialog: (props: DialogPropsType) => import('react').ReactPortal;

package/dist/components/Dialog/FormDialog.d.ts

@@ -0,0 +1,3 @@
+import { FieldValues } from 'react-hook-form';
+import { FormDialogPropsType } from './types';
+export declare const FormDialog: <TInput extends FieldValues, TError extends Error>(props: FormDialogPropsType<TInput, TError>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Dialog';
+export * from './FormDialog';
+export * from './ConfirmationDialog';
+export * from './types';

package/dist/components/Dialog/types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { FormContainerPropsType } from '../Form';
+export type DialogPropsType = {
+    open?: boolean;
+    title: string;
+    children?: ReactNode;
+    handleClose: () => void;
+    containerClassName?: string;
+    className?: string;
+    animationClass?: string;
+};
+export interface ConfirmationDialogPropsType extends DialogPropsType {
+    handleSubmit: () => void;
+    isLoading?: boolean;
+}
+export interface FormDialogPropsType<TFormType extends FieldValues, TError extends Error = Error> extends DialogPropsType, Omit<FormContainerPropsType<TFormType, TError>, "children"> {
+}

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,2 @@
+import { DrawerPropsTypes } from './types';
+export declare function Drawer<MenuKeys>(props: DrawerPropsTypes<MenuKeys>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Drawer/index.d.ts

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

package/dist/components/Drawer/types.d.ts

@@ -0,0 +1,6 @@
+import { MenuItemType } from '../../lib';
+export type DrawerPropsTypes<MenuKeys> = {
+    open: boolean;
+    onClose: () => void;
+    menuMap: MenuItemType<MenuKeys>[];
+};

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,2 @@
+import { DropdownPropsType } from './types';
+export declare const Dropdown: (props: DropdownPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/index.d.ts

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

package/dist/components/Dropdown/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type DropdownPropsType = {
+    children: ReactNode;
+    open: boolean;
+    onClose: () => void;
+};

package/dist/components/Empty/Empty.d.ts

@@ -0,0 +1,3 @@
+import { EmptyPropsType } from './types';
+import { BaseEntityDto } from '../../lib';
+export declare const Empty: <TRow extends BaseEntityDto>(props: EmptyPropsType<TRow>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Empty/index.d.ts

@@ -0,0 +1,2 @@
+import { Empty } from './Empty';
+export { Empty };

package/dist/components/Empty/types.d.ts

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import { Action, BaseDto } from '@sito/dashboard';
+export type EmptyPropsType<TRow extends BaseDto> = {
+    message?: string;
+    messageProps?: DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
+    action?: Action<TRow>;
+    iconProps?: FontAwesomeIconProps;
+};

package/dist/components/Error/Error.d.ts

@@ -0,0 +1,2 @@
+import { ErrorPropsType } from './types';
+export declare function Error(props: ErrorPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/components/Error/index.d.ts

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

package/dist/components/Error/types.d.ts

@@ -0,0 +1,4 @@
+export type ErrorPropsType = {
+    error: any;
+    resetErrorBoundary?: (...args: any[]) => void;
+};

package/dist/components/Form/FormContainer.d.ts

@@ -0,0 +1,3 @@
+import { FieldValues } from 'react-hook-form';
+import { FormContainerPropsType } from './types';
+export declare const FormContainer: <TInput extends FieldValues, TError extends Error>(props: FormContainerPropsType<TInput, TError>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/ParagraphInput.d.ts

@@ -0,0 +1,7 @@
+import { ParagraphInputPropsType } from './types';
+/**
+ * ParagraphInput
+ * @param {object} props
+ * @returns ParagraphInput Component
+ */
+export declare const ParagraphInput: import('react').ForwardRefExoticComponent<Omit<ParagraphInputPropsType, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Form/PasswordInput.d.ts

@@ -0,0 +1,2 @@
+import { TextInputPropsType } from '@sito/dashboard';
+export declare const PasswordInput: import('react').ForwardRefExoticComponent<Omit<TextInputPropsType, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Form/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ParagraphInput';
+export * from './FormContainer';
+export * from './PasswordInput';
+export type * from './types';

package/dist/components/Form/types.d.ts

@@ -0,0 +1,20 @@
+import { TextInputPropsType } from '@sito/dashboard';
+import { DetailedHTMLProps, ReactNode, TextareaHTMLAttributes } from 'react';
+import { Control, FieldValues, SubmitHandler, UseFormGetValues, UseFormHandleSubmit, UseFormReset, UseFormSetError, UseFormSetValue } from 'react-hook-form';
+export interface ParagraphInputPropsType extends Pick<TextInputPropsType, "label" | "state" | "containerClassName" | "inputClassName" | "labelClassName" | "helperText" | "helperTextClassName">, DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+}
+export type FormContainerPropsType<TFormType extends FieldValues, TError extends Error = Error> = {
+    children: ReactNode;
+    control?: Control<TFormType>;
+    getValues?: UseFormGetValues<TFormType>;
+    setValue?: UseFormSetValue<TFormType>;
+    reset?: UseFormReset<TFormType>;
+    setError?: UseFormSetError<TFormType>;
+    handleSubmit: UseFormHandleSubmit<TFormType>;
+    onSubmit: SubmitHandler<TFormType>;
+    parseFormError?: (error: TError) => string[];
+    releaseFormError?: () => void;
+    buttonEnd?: boolean;
+    isLoading?: boolean;
+};
+export type FormPropsType<TFormType extends FieldValues, TError extends Error = Error> = Omit<FormContainerPropsType<TFormType, TError>, "children">;

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,2 @@
+import { LoadingPropsType } from './types';
+export declare function Loading(props: LoadingPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/components/Loading/SplashScreen.d.ts

@@ -0,0 +1 @@
+export declare function SplashScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Loading/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Loading';
+export * from './SplashScreen';
+export * from './types';

package/dist/components/Loading/types.d.ts

@@ -0,0 +1,6 @@
+export type LoadingPropsType = {
+    color?: string;
+    size?: string;
+    className?: string;
+    containerClassName?: string;
+};

package/dist/components/Navbar/Clock.d.ts

@@ -0,0 +1 @@
+export declare const Clock: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navbar/Navbar.d.ts

@@ -0,0 +1,2 @@
+import { NavbarPropsType } from './types.js';
+export declare function Navbar(props: NavbarPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/components/Navbar/index.d.ts

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

package/dist/components/Navbar/types.d.ts

@@ -0,0 +1,3 @@
+export type NavbarPropsType = {
+    openDrawer: () => void;
+};

package/dist/components/Notification/Notification.d.ts

@@ -0,0 +1 @@
+export declare function Notification(): import('react').ReactPortal;

package/dist/components/Notification/index.d.ts

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

package/dist/components/Onboarding/Onboarding.d.ts

@@ -0,0 +1,2 @@
+import { OnboardingPropsType } from './types';
+export declare const Onboarding: (props: OnboardingPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Onboarding/Step.d.ts

@@ -0,0 +1,2 @@
+import { StepPropsType } from './types';
+export declare const Step: (props: StepPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Onboarding/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Onboarding';
+export * from './Step';
+export * from './types';

package/dist/components/Onboarding/types.d.ts

@@ -0,0 +1,10 @@
+export type StepPropsType = {
+    translation: string;
+    onClickNext: () => void;
+    image?: string;
+    alt?: string;
+    final?: boolean;
+};
+export type OnboardingPropsType = {
+    steps: string[];
+};

package/dist/components/Page/Page.d.ts

@@ -0,0 +1,3 @@
+import { PagePropsType } from './types';
+import { BaseEntityDto } from '../../lib';
+export declare const Page: <TEntity extends BaseEntityDto>(props: PagePropsType<TEntity>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/PageHeader.d.ts

@@ -0,0 +1,3 @@
+import { PageHeaderPropsType } from './types';
+import { BaseEntityDto } from '../../lib';
+export declare const PageHeader: <TEntity extends BaseEntityDto>(props: PageHeaderPropsType<TEntity>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/index.d.ts

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

package/dist/components/Page/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { Action } from '@sito/dashboard';
+import { BaseEntityDto } from '../../lib';
+export type PagePropsType<TRow extends BaseEntityDto> = {
+    title?: string;
+    children: ReactNode;
+    isLoading?: boolean;
+    addOptions?: Partial<Action<TRow>>;
+    filterOptions?: Partial<Action<TRow>>;
+    isAnimated?: boolean;
+    actions?: Action<TRow>[];
+    showBackButton?: boolean;
+    queryKey?: string[];
+};
+export type PageHeaderPropsType<TRow extends BaseEntityDto> = {
+    title?: string;
+    actions?: Action<TRow>[];
+    showBackButton?: boolean;
+};

package/dist/components/PrettyGrid/PrettyGrid.d.ts

@@ -0,0 +1,3 @@
+import { BaseEntityDto } from '../../lib';
+import { PrettyGridPropsType } from './types';
+export declare const PrettyGrid: <TDto extends BaseEntityDto>(props: PrettyGridPropsType<TDto>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PrettyGrid/index.d.ts

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

package/dist/components/PrettyGrid/types.d.ts

@@ -0,0 +1,9 @@
+import { JSX, ReactNode } from 'react';
+import { BaseEntityDto } from '../../lib';
+export type PrettyGridPropsType<TDto extends BaseEntityDto> = {
+    renderComponent: (item: TDto) => JSX.Element;
+    emptyMessage?: string;
+    emptyComponent?: ReactNode;
+    data?: TDto[];
+    loading?: boolean;
+};

package/dist/components/TabsLayout/Tab.d.ts

@@ -0,0 +1,2 @@
+import { TabPropsType } from './types';
+export declare const Tab: (props: TabPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TabsLayout/TabsLayout.d.ts

@@ -0,0 +1,2 @@
+import { TabsLayoutPropsType } from './types';
+export declare const TabsLayout: (props: TabsLayoutPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TabsLayout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TabsLayout';
+export * from './Tab';
+export * from './types';

package/dist/components/TabsLayout/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export type TabsLayoutPropsType = {
+    tabs: TabsType[];
+    defaultTab?: number;
+    className?: string;
+    tabsContainerClassName?: string;
+};
+export type TabsType = {
+    id: number | string;
+    label: string;
+    content: ReactNode;
+    to?: string;
+};
+export type TabPropsType = {
+    children: ReactNode;
+    id: number | string;
+    to?: string;
+    active: boolean;
+    onClick: () => void;
+    siblings?: boolean;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,18 @@
+export * from './Chip/';
+export * from './Actions';
+export * from './Form';
+export * from './Dialog';
+export * from './Drawer';
+export * from './Error';
+export * from './Page';
+export * from './PrettyGrid';
+export * from './Navbar';
+export * from './Notification';
+export * from './Drawer';
+export * from './Loading';
+export * from './TabsLayout';
+export * from './Onboarding';
+export * from './Buttons';
+export * from './Empty';
+export * from './Dropdown';
+export * from './types';

package/dist/components/types.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export type BaseSearchModalPropsType = {
+    open: boolean;
+    onClose: () => void;
+};
+export interface BaseLinkPropsType extends HTMLAttributes<HTMLAnchorElement> {
+    to: string;
+}