@zauru-sdk/components 1.0.52 → 1.0.53

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.53](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.52...v1.0.53) (2024-04-03)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
 ## [1.0.52](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.51...v1.0.52) (2024-04-03)
 
 **Note:** Version bump only for package @zauru-sdk/components

package/dist/Alerts/ErrorBoundaryAlert/ErrorBoundaryAlert.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    title: string;
+    description: string;
+};
+export declare const ErrorBoundaryAlert: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Alerts/StaticAlert.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    className?: string;
+    title: string;
+    description: any;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    type?: "success" | "info";
+    loading?: boolean;
+};
+export declare const StaticAlert: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Alerts/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ErrorBoundaryAlert/ErrorBoundaryAlert.js";
+export * from "./StaticAlert.js";

package/dist/BlockUI/BlockUI.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    active: boolean;
+    loadingText?: string;
+};
+export declare const BlockUI: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/BlockUI/index.d.ts

@@ -0,0 +1 @@
+export * from "./BlockUI.js";

package/dist/Buttons/Button.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" resolution-mode="require"/>
+type Props = {
+    type?: "reset" | "button" | "submit" | undefined;
+    title?: string;
+    name?: string;
+    onClickSave?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    loading?: boolean;
+    loadingText?: string;
+    selectedColor?: "indigo" | "green" | "red" | "yellow";
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+export declare const Button: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Buttons/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button.js";

package/dist/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    title?: string;
+    className?: string;
+};
+export declare const Card: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Card/index.d.ts

@@ -0,0 +1 @@
+export * from "./Card.js";

package/dist/Chat/ChatLayout.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { FormDocumentType } from "@zauru-sdk/types";
+interface ChatLayoutProps {
+    children?: React.ReactNode;
+    sendingMessage?: boolean;
+    formConfig?: {
+        document_type: FormDocumentType;
+        form_id: number;
+        document_id: number;
+        id_number?: string;
+        reference?: string;
+        attachmentFieldId: number;
+        messageFieldId: number;
+    };
+}
+export declare const ChatLayout: React.FC<ChatLayoutProps>;
+export {};

package/dist/Chat/ChatMessageHistory.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    author: string;
+    content: string;
+    date?: string;
+    onLike?: (like: boolean) => void;
+    onUpdateComment?: (text: string, itsNew?: boolean) => void;
+    id: string;
+    commentOwner?: boolean;
+    imageLink?: string;
+};
+export declare const ChatMessageHistory: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ChatLayout.js";
+export * from "./ChatMessageHistory.js";

package/dist/ConnectionState/ConnectionState.d.ts

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

package/dist/ConnectionState/index.d.ts

@@ -0,0 +1 @@
+export * from "./ConnectionState.js";

package/dist/Containers/BodyContainer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+};
+export declare const BodyContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Containers/ButtonSectionContainer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+    whitBg?: boolean;
+};
+export declare const ButtonSectionContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Containers/Container.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type Props = {
+    title?: string;
+    description?: string;
+    children: React.ReactNode;
+    className?: string;
+    rightContent?: React.ReactNode;
+};
+export declare const Container: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Containers/DoubleContainer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type Props = {
+    title?: string;
+    description?: string;
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const DoubleContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Containers/MainContainer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+};
+export declare const MainContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Containers/OutletContainer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+};
+export declare const OutletContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Containers/SubContainer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type Props = {
+    title?: string;
+    description?: string;
+    children: React.ReactNode;
+    className?: string;
+    rightContent?: React.ReactNode;
+};
+export declare const SubContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Containers/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./BodyContainer.js";
+export * from "./ButtonSectionContainer.js";
+export * from "./Container.js";
+export * from "./DoubleContainer.js";
+export * from "./MainContainer.js";
+export * from "./OutletContainer.js";
+export * from "./SubContainer.js";

package/dist/DynamicTable/BasicPrintDynamicTable.d.ts

@@ -0,0 +1,10 @@
+import { GenericDynamicTableColumn } from "@zauru-sdk/types";
+export declare const BasicTableHTML: (props: {
+    data: {
+        [key: string]: string;
+    }[];
+    headers: GenericDynamicTableColumn[];
+    footer: {
+        [key: string]: string;
+    };
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/DynamicTable/DynamicPrintTable.d.ts

@@ -0,0 +1,23 @@
+import React, { type ReactNode } from "react";
+export type TableStateItem = {
+    item_id: string | undefined;
+    quantity: number | undefined;
+};
+export type FormatedItem = {
+    label: string;
+    value: number;
+    template: string;
+};
+type Props = {
+    name: string;
+    formName?: string;
+    className?: string;
+    items: FormatedItem[];
+    onChange?: (tableState?: TableStateItem[]) => void;
+    forwardedRef?: React.RefObject<{
+        insertItems: (items: FormatedItem[]) => void;
+        getTableState: (updatedData?: ReactNode[][]) => TableStateItem[] | undefined;
+    }>;
+};
+export declare const DynamicPrintTable: ({ forwardedRef, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/DynamicTable/DynamicTable.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+type Props = {
+    cellInputs?: boolean;
+    intersectionTitle?: string;
+    className?: string;
+    onChange?: (data: string) => void;
+    defaultValue?: string;
+    onValidate?: (headerValue: string, rowValue: string) => boolean;
+    onRemove?: () => void;
+    margins?: {
+        marginLeft?: number;
+        marginTop?: number;
+        verticalGap?: number;
+        horizontalGap?: number;
+    };
+    forwardedRef?: React.RefObject<{
+        getTotalForRows: () => number;
+        getTotalForColumns: () => number;
+        getColumnsCount: () => number;
+        getRowsCount: () => number;
+    }>;
+};
+export declare const DynamicTable: ({ forwardedRef, ...props }: Props, ref: React.ForwardedRef<any>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/DynamicTable/GenericDynamicTable.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { GenericDynamicTableColumn, RowDataType, SelectFieldOption } from "@zauru-sdk/types";
+type Props = {
+    name?: string;
+    className?: string;
+    columns: GenericDynamicTableColumn[];
+    onChange?: (tableState?: any[]) => void;
+    defaultValue?: RowDataType[];
+    footerRow?: RowDataType;
+    thCSSProperties?: React.CSSProperties;
+    thElementsClassName?: string;
+    editable?: boolean;
+    searcheables?: SelectFieldOption[];
+    loading?: boolean;
+    paginated?: boolean;
+    defaultItemsPerPage?: number;
+    itemsPerPageOptions?: number[];
+    withoutBg?: boolean;
+};
+export declare const GenericDynamicTable: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/DynamicTable/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./BasicPrintDynamicTable.js";
+export * from "./DynamicPrintTable.js";
+export * from "./DynamicTable.js";
+export * from "./GenericDynamicTable.js";

package/dist/Footer/Footer.d.ts

@@ -0,0 +1,7 @@
+type FooterProps = {
+    href: string;
+    showConnection?: boolean;
+    selectedColor: "purple" | "pink" | "indigo" | "cyan" | "slate" | "green" | "red" | "sky";
+};
+export declare const Footer: ({ href, selectedColor, showConnection, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Footer/index.d.ts

@@ -0,0 +1 @@
+export * from "./Footer.js";

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

@@ -0,0 +1,17 @@
+import React from "react";
+type Props = {
+    id?: string;
+    name?: string;
+    formName?: string;
+    label?: string;
+    defaultValue?: boolean;
+    onChange?: (value: boolean, event: React.ChangeEvent<HTMLInputElement>) => {
+        stopUIChange: boolean;
+    } | void;
+    disabled?: boolean;
+    error?: string | undefined;
+    borderColor?: string;
+};
+export declare const CheckboxWithoutValidation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckBox: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import React from "react";
+export type ChecklistItem = {
+    id: string;
+    name: string;
+    label: string;
+    defaultValue?: boolean;
+    disabled?: boolean;
+};
+type ChecklistProps = {
+    items: ChecklistItem[];
+    onChange?: (name: string, value: boolean) => void;
+};
+export declare const Checklist: React.FC<ChecklistProps>;
+export {};

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

@@ -0,0 +1,18 @@
+type Props = {
+    id?: string;
+    name: string;
+    formName?: string;
+    title?: string;
+    hint?: string;
+    helpText?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    isClearable?: boolean;
+    tabIndex?: number;
+    error?: string;
+    disabled?: boolean;
+    className?: string;
+};
+export declare const FormDatePickerWithoutValidation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDatePicker: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { FormGraphQL, FormSubmissionValueGraphQL } from "@zauru-sdk/types";
+type Props = {
+    formName?: string;
+    form?: FormGraphQL;
+    options?: {
+        showTitle: boolean;
+        showDescription: boolean;
+    };
+    defaultValues?: FormSubmissionValueGraphQL[];
+    namesStr?: string;
+    showingRules?: {
+        name: string;
+        show: boolean;
+    }[];
+    readOnly?: boolean;
+};
+export declare function DynamicBaculoForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Form/FieldContainer/DoubleFieldContainer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+    alignCenter?: boolean;
+};
+export declare const DoubleFieldContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Form/FieldContainer/QuadrupleFieldContainer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare const QuadrupleFieldContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Form/FieldContainer/TripleFieldContainer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare const TripleFieldContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+export * from "./DoubleFieldContainer.js";
+export * from "./QuadrupleFieldContainer.js";
+export * from "./TripleFieldContainer.js";

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

@@ -0,0 +1,21 @@
+import React from "react";
+type Props = {
+    id?: string;
+    name: string;
+    formName?: string;
+    title?: string;
+    helpText?: string;
+    hint?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: string | undefined;
+    fileTypes?: string[];
+    showAvailableTypes?: boolean;
+    className?: string;
+    defaultValue?: string | File;
+    download?: boolean;
+};
+export declare const FileUploadFieldWithoutValidation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUploadField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import React from "react";
+type Props = {
+    saveTitle?: string;
+    saveName?: string;
+    onClickSave?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    showCancel?: boolean;
+    cancelTitle?: string;
+    cancelName?: string;
+    showClear?: boolean;
+    clearTitle?: string;
+    clearName?: string;
+    loading?: boolean;
+    loadingSaveText?: string;
+};
+export declare const FormButtons: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { type FormMethod } from "@remix-run/react";
+import { type ReactNode } from "react";
+type Props = {
+    formId: string;
+    title?: string;
+    children: ReactNode;
+    buttons?: ReactNode;
+    method?: FormMethod;
+};
+export declare const FormLayout: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+import { SelectFieldOption } from "@zauru-sdk/types";
+import type { SingleValue, InputActionMeta } from "react-select";
+type Props = {
+    id?: string;
+    formName?: string;
+    name?: string;
+    title?: string;
+    defaultValue?: SingleValue<SelectFieldOption>;
+    defaultValueMulti?: SingleValue<SelectFieldOption>[];
+    helpText?: string;
+    options: Array<SelectFieldOption>;
+    onChange?: (value: SingleValue<SelectFieldOption>) => void;
+    onChangeMulti?: (value: Array<SingleValue<SelectFieldOption>>) => void;
+    onInputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    isClearable?: boolean;
+    error?: string | undefined;
+    disabled?: boolean;
+    menuIsOpen?: boolean;
+    readOnly?: boolean;
+    isMulti?: boolean;
+    loading?: boolean;
+    hint?: string;
+    className?: string;
+};
+export declare const SelectFieldWithoutValidation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+import React from "react";
+type Props = {
+    id?: string;
+    name: string;
+    formName?: string;
+    title?: string;
+    defaultValue?: string | number;
+    hidden?: boolean;
+    hint?: string;
+    helpText?: string;
+    onChange?: (value: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: string | undefined;
+    rows?: number;
+    cols?: number;
+    stopChangeEvents?: boolean;
+    className?: string;
+};
+export declare const TextAreaWithoutValidation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const TextArea: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,25 @@
+import React from "react";
+type Props = {
+    id?: string;
+    name?: string;
+    formName?: string;
+    title?: string;
+    defaultValue?: string | number;
+    hidden?: boolean;
+    type?: React.HTMLInputTypeAttribute;
+    helpText?: string;
+    hint?: string;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: string;
+    min?: string | number;
+    integer?: boolean;
+    stopChangeEvents?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+};
+export declare const TextFieldWithoutValidation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const TextField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+type Props = {
+    id?: string;
+    name: string;
+    formName?: string;
+    title?: string;
+    hint?: string;
+    helpText?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    tabIndex?: number;
+    error?: string;
+    disabled?: boolean;
+};
+export declare const FormTimePickerWithoutValidation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTimePicker: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+type Props = {
+    id?: string;
+    name: string;
+    formName?: string;
+    title?: string;
+    defaultValue?: boolean;
+    helpText?: string;
+    onChange?: (value: boolean) => void;
+    disabled?: boolean;
+};
+export declare const YesNo: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Form/index.d.ts

@@ -0,0 +1,13 @@
+export * from "./Checkbox/index.js";
+export * from "./Checklist/index.js";
+export * from "./DatePicker/index.js";
+export * from "./DynamicBaculoForm/index.js";
+export * from "./FieldContainer/index.js";
+export * from "./FileUpload/index.js";
+export * from "./FormButtons/index.js";
+export * from "./FormLayout/index.js";
+export * from "./SelectField/index.js";
+export * from "./TextArea/index.js";
+export * from "./TextField/index.js";
+export * from "./TimePicker/index.js";
+export * from "./YesNo/index.js";

package/dist/Labels/InfoLabel/index.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    description: string;
+    title: string;
+    className?: string;
+};
+export declare const InfoLabel: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Labels/index.d.ts

@@ -0,0 +1 @@
+export * from "./InfoLabel/index.js";

package/dist/Layouts/homeLayout/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    title?: string;
+    description?: string;
+};
+export declare const HomeLayout: ({ title, description }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Layouts/index.d.ts

@@ -0,0 +1 @@
+export * from "./homeLayout/index.js";

package/dist/LineSeparator/LineSeparator.d.ts

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

package/dist/LineSeparator/index.d.ts

@@ -0,0 +1 @@
+export * from "./LineSeparator.js";

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type ModalOption = "OK" | "CANCEL" | null;
+type ModalParams = {
+    title: string;
+    description: React.ReactNode;
+    okButtonText?: string;
+    showOptions?: boolean;
+};
+export declare const createModal: ({ title, description, okButtonText, showOptions, }: ModalParams) => Promise<ModalOption>;
+export {};

package/dist/Modal/index.d.ts

@@ -0,0 +1 @@
+export * from "./Modal.js";

package/dist/NavBar/NavBar.d.ts

@@ -0,0 +1,2 @@
+import type { NavBarProps } from "./NavBar.types.js";
+export declare const NavBar: ({ title, loggedIn, items, selectedColor, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;