@mamrp/components 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,287 @@
+import * as React from 'react';
+import React__default, { ReactNode, CSSProperties, Dispatch, SetStateAction } from 'react';
+import { Control, FieldValues, Path, FieldErrors, UseFormSetValue } from 'react-hook-form';
+import { Moment } from 'moment-jalaali';
+import { SxProps, Theme } from '@mui/material';
+import { GridColDef } from '@mui/x-data-grid';
+import { TextFieldProps } from '@mui/material/TextField';
+
+interface MultipleSelectChipProps {
+    name: string;
+    control: Control<any>;
+    label?: string;
+    data?: any;
+    multipleitems?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    size?: "small" | "medium";
+    clear?: boolean;
+}
+declare function MultipleSelectChip({ name, control, label, data, multipleitems, //قابلیت انتخاب چند گزینه ای
+isLoading, disabled, size, clear, }: MultipleSelectChipProps): React.JSX.Element;
+
+interface AdvancedSearchButtonProps {
+    isShowFilter: boolean;
+    setIsShowFilter: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    color?: "black" | "white";
+    title?: string;
+    optional?: any;
+    icon?: any;
+    borderRadius?: string;
+    paddingY?: string;
+    fontSize?: string;
+}
+declare function AdvancedSearchButton({ isShowFilter, setIsShowFilter, color, title, optional, icon, borderRadius, paddingY, fontSize, }: AdvancedSearchButtonProps): React__default.JSX.Element;
+
+declare function SkeletonCard(): React__default.JSX.Element;
+
+declare function CustomCheckbox({ name, control, label, }: {
+    name: string;
+    control: Control<any>;
+    label: string;
+}): React__default.JSX.Element;
+
+interface ConfirmationDialogProps$1 {
+    open: boolean;
+    handleClose: () => void;
+    callback: (params: any) => void;
+    callbackParams: any;
+    headerText: string;
+    bodyText: ReactNode;
+}
+declare function ConfirmationDialog$1({ open, handleClose, callback, callbackParams, headerText, bodyText, }: ConfirmationDialogProps$1): React.JSX.Element;
+
+interface CustomTimePickerProps {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "small" | "medium";
+    fullwidth?: boolean;
+    autoRefresh?: boolean;
+    disabled?: boolean;
+}
+declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, }: CustomTimePickerProps): React.JSX.Element;
+
+declare function DateFilterRange({ FromDate, ToDate }: {
+    FromDate: any;
+    ToDate: any;
+}): React.JSX.Element;
+
+declare function DateFilter({ setHandler }: {
+    setHandler?: any;
+}): React__default.JSX.Element;
+
+interface JalaliDatePickerProps$2 {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    persian?: boolean;
+    align?: "right" | "center" | "left";
+    isLoading?: boolean;
+    maxDate?: any;
+    minDate?: any;
+    clear?: boolean;
+}
+declare const JalaliDatePicker$2: React__default.FC<JalaliDatePickerProps$2>;
+
+interface JalaliDatePickerProps$1 {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    persian?: boolean;
+    readOnly?: boolean;
+    isLoading?: boolean;
+    minDateTime?: Moment;
+    centeredTime?: boolean;
+}
+declare const JalaliDatePicker$1: React__default.FC<JalaliDatePickerProps$1>;
+
+interface JalaliDateTimeRangePickerProps {
+    control: Control<any>;
+    startName: string;
+    endName: string;
+    startLabel: string;
+    endLabel: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+}
+declare const JalaliDateTimeRangePicker: React__default.FC<JalaliDateTimeRangePickerProps>;
+
+interface LicensePlateProps$1 {
+    width?: CSSProperties["width"];
+    name?: string;
+    setValue?: any;
+    data?: string;
+    readOnly?: boolean;
+    size?: "small" | "medium";
+}
+declare function LicensePlate({ width, name, setValue, data, readOnly, size, }: LicensePlateProps$1): React.JSX.Element;
+
+interface LicensePlateProps {
+    width?: CSSProperties["width"];
+    part: string[];
+    setValue?: any;
+    data?: string;
+    readOnly?: boolean;
+    size?: "small" | "medium";
+}
+declare function SearchLicensePlate({ width, part, setValue, data, readOnly, size, }: LicensePlateProps): React__default.JSX.Element;
+
+declare function Loading(): React__default.JSX.Element;
+
+interface JalaliDatePickerProps {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "small" | "small";
+    disabled?: boolean;
+    persian?: boolean;
+    readOnly?: boolean;
+    isLoading?: boolean;
+}
+declare const JalaliDatePicker: React__default.FC<JalaliDatePickerProps>;
+
+interface ConfirmationDialogProps {
+    open: boolean;
+    handleClose: () => void;
+    callback: (params: any) => void;
+    callbackParams: any;
+    headerText: string;
+    bodyText: ReactNode;
+    isLoading?: boolean;
+}
+declare function ConfirmationDialog({ open, handleClose, callback, callbackParams, headerText, bodyText, isLoading, }: ConfirmationDialogProps): React.JSX.Element;
+
+interface NoResultProps {
+    title?: string;
+    description?: string;
+    sx?: SxProps<Theme>;
+}
+declare function NoResult({ title, description, sx, }: NoResultProps): React__default.JSX.Element;
+
+interface PaginationListProps {
+    currentPage: number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    totalPages: number;
+}
+declare function PaginationList({ currentPage, setCurrentPage, totalPages, }: PaginationListProps): React.JSX.Element;
+
+declare function RadioButton({ name, label, options, control }: {
+    name: string;
+    label: string;
+    control: Control<any>;
+    options: {
+        value: any;
+        name: string;
+        id: any;
+    }[];
+}): React.JSX.Element;
+
+declare const NestedSelect: React__default.FC;
+
+declare function SonarSpinner({ children }: {
+    children: any;
+}): React__default.JSX.Element;
+
+interface HorizontalStepperProps {
+    steps: string[];
+    currentStep: number;
+    setCurrentStep: (newStep: number) => void;
+}
+declare function HorizontalStepper({ steps, currentStep, setCurrentStep, }: HorizontalStepperProps): React.JSX.Element;
+
+type SwitchWithIconsProps = {
+    checked: boolean;
+    handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    iconChecked: React__default.ReactNode;
+    iconUnchecked: React__default.ReactNode;
+};
+declare const SwitchWithIcons: React__default.FC<SwitchWithIconsProps>;
+
+interface StateType {
+    page: number;
+    pageSize: number;
+}
+type TapleProps = {
+    columns: GridColDef[];
+    rows: object[];
+    paginationModel?: StateType;
+    setPaginationModel?: Dispatch<SetStateAction<StateType>>;
+    totalRows?: number;
+    rowId?: any;
+    loading: boolean;
+    _CustomFooter?: any;
+    _tools?: React__default.ReactNode;
+    pagingmode?: "client" | "server";
+    rowInPage?: number;
+    evenRowBgColor?: string;
+    highlightedRowId?: string | number;
+    sortFieldMapping?: {
+        [key: string]: string;
+    };
+    setsortQuery?: (query: Array<any>) => void;
+    sortQuery?: any;
+    fontSize?: number | string;
+};
+declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, ...rest }: TapleProps) => React__default.JSX.Element;
+
+type FormInputNumberProps<T extends FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    label?: string | ReactNode;
+    endAdornment?: ReactNode;
+    startAdornment?: ReactNode;
+    thousandSeparator?: string | null;
+    allowLeadingZeros?: boolean;
+    allowNegative?: boolean;
+    maxLength?: number;
+    rules?: any;
+    isLoading?: boolean;
+    data?: any;
+    borderColor?: string;
+    decimalScale?: number;
+} & TextFieldProps;
+declare const FormInputNumber: <T extends FieldValues>({ name, control, label, endAdornment, thousandSeparator, startAdornment, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, decimalScale, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
+
+type FormInputTextProps<T extends FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    label?: string;
+    maxLength?: number;
+    readOnly?: boolean;
+    rules?: any;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    multiline?: boolean;
+    isLoading?: boolean;
+    onBlurHandler?: any;
+    rows?: number;
+} & TextFieldProps;
+declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
+
+type UploadImageProps<T extends FieldValues> = {
+    placeholder: string;
+    name: Path<T>;
+    selectedImage: string | null;
+    setSelectedImage: React__default.Dispatch<React__default.SetStateAction<string | null>>;
+    control: Control<T>;
+    errors: FieldErrors<T>;
+    setValue: UseFormSetValue<T>;
+    height?: string;
+    allowGallery?: boolean;
+    imageFit?: "contain" | "cover";
+};
+declare const UploadImage: <T extends FieldValues>({ placeholder, name, selectedImage, setSelectedImage, control, errors, setValue, height, allowGallery, imageFit, }: UploadImageProps<T>) => React__default.JSX.Element;
+
+declare function Page({ data, }: {
+    data: [{
+        title: string;
+        body: ReactNode;
+    }];
+}): React.JSX.Element;
+
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, Loading, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchWithIcons as SwitchButton, Table, UploadImage };

package/dist/index.d.ts

@@ -0,0 +1,287 @@
+import * as React from 'react';
+import React__default, { ReactNode, CSSProperties, Dispatch, SetStateAction } from 'react';
+import { Control, FieldValues, Path, FieldErrors, UseFormSetValue } from 'react-hook-form';
+import { Moment } from 'moment-jalaali';
+import { SxProps, Theme } from '@mui/material';
+import { GridColDef } from '@mui/x-data-grid';
+import { TextFieldProps } from '@mui/material/TextField';
+
+interface MultipleSelectChipProps {
+    name: string;
+    control: Control<any>;
+    label?: string;
+    data?: any;
+    multipleitems?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    size?: "small" | "medium";
+    clear?: boolean;
+}
+declare function MultipleSelectChip({ name, control, label, data, multipleitems, //قابلیت انتخاب چند گزینه ای
+isLoading, disabled, size, clear, }: MultipleSelectChipProps): React.JSX.Element;
+
+interface AdvancedSearchButtonProps {
+    isShowFilter: boolean;
+    setIsShowFilter: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    color?: "black" | "white";
+    title?: string;
+    optional?: any;
+    icon?: any;
+    borderRadius?: string;
+    paddingY?: string;
+    fontSize?: string;
+}
+declare function AdvancedSearchButton({ isShowFilter, setIsShowFilter, color, title, optional, icon, borderRadius, paddingY, fontSize, }: AdvancedSearchButtonProps): React__default.JSX.Element;
+
+declare function SkeletonCard(): React__default.JSX.Element;
+
+declare function CustomCheckbox({ name, control, label, }: {
+    name: string;
+    control: Control<any>;
+    label: string;
+}): React__default.JSX.Element;
+
+interface ConfirmationDialogProps$1 {
+    open: boolean;
+    handleClose: () => void;
+    callback: (params: any) => void;
+    callbackParams: any;
+    headerText: string;
+    bodyText: ReactNode;
+}
+declare function ConfirmationDialog$1({ open, handleClose, callback, callbackParams, headerText, bodyText, }: ConfirmationDialogProps$1): React.JSX.Element;
+
+interface CustomTimePickerProps {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "small" | "medium";
+    fullwidth?: boolean;
+    autoRefresh?: boolean;
+    disabled?: boolean;
+}
+declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, }: CustomTimePickerProps): React.JSX.Element;
+
+declare function DateFilterRange({ FromDate, ToDate }: {
+    FromDate: any;
+    ToDate: any;
+}): React.JSX.Element;
+
+declare function DateFilter({ setHandler }: {
+    setHandler?: any;
+}): React__default.JSX.Element;
+
+interface JalaliDatePickerProps$2 {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    persian?: boolean;
+    align?: "right" | "center" | "left";
+    isLoading?: boolean;
+    maxDate?: any;
+    minDate?: any;
+    clear?: boolean;
+}
+declare const JalaliDatePicker$2: React__default.FC<JalaliDatePickerProps$2>;
+
+interface JalaliDatePickerProps$1 {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    persian?: boolean;
+    readOnly?: boolean;
+    isLoading?: boolean;
+    minDateTime?: Moment;
+    centeredTime?: boolean;
+}
+declare const JalaliDatePicker$1: React__default.FC<JalaliDatePickerProps$1>;
+
+interface JalaliDateTimeRangePickerProps {
+    control: Control<any>;
+    startName: string;
+    endName: string;
+    startLabel: string;
+    endLabel: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+}
+declare const JalaliDateTimeRangePicker: React__default.FC<JalaliDateTimeRangePickerProps>;
+
+interface LicensePlateProps$1 {
+    width?: CSSProperties["width"];
+    name?: string;
+    setValue?: any;
+    data?: string;
+    readOnly?: boolean;
+    size?: "small" | "medium";
+}
+declare function LicensePlate({ width, name, setValue, data, readOnly, size, }: LicensePlateProps$1): React.JSX.Element;
+
+interface LicensePlateProps {
+    width?: CSSProperties["width"];
+    part: string[];
+    setValue?: any;
+    data?: string;
+    readOnly?: boolean;
+    size?: "small" | "medium";
+}
+declare function SearchLicensePlate({ width, part, setValue, data, readOnly, size, }: LicensePlateProps): React__default.JSX.Element;
+
+declare function Loading(): React__default.JSX.Element;
+
+interface JalaliDatePickerProps {
+    name: string;
+    control: Control<any>;
+    label: string;
+    size?: "small" | "small";
+    disabled?: boolean;
+    persian?: boolean;
+    readOnly?: boolean;
+    isLoading?: boolean;
+}
+declare const JalaliDatePicker: React__default.FC<JalaliDatePickerProps>;
+
+interface ConfirmationDialogProps {
+    open: boolean;
+    handleClose: () => void;
+    callback: (params: any) => void;
+    callbackParams: any;
+    headerText: string;
+    bodyText: ReactNode;
+    isLoading?: boolean;
+}
+declare function ConfirmationDialog({ open, handleClose, callback, callbackParams, headerText, bodyText, isLoading, }: ConfirmationDialogProps): React.JSX.Element;
+
+interface NoResultProps {
+    title?: string;
+    description?: string;
+    sx?: SxProps<Theme>;
+}
+declare function NoResult({ title, description, sx, }: NoResultProps): React__default.JSX.Element;
+
+interface PaginationListProps {
+    currentPage: number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    totalPages: number;
+}
+declare function PaginationList({ currentPage, setCurrentPage, totalPages, }: PaginationListProps): React.JSX.Element;
+
+declare function RadioButton({ name, label, options, control }: {
+    name: string;
+    label: string;
+    control: Control<any>;
+    options: {
+        value: any;
+        name: string;
+        id: any;
+    }[];
+}): React.JSX.Element;
+
+declare const NestedSelect: React__default.FC;
+
+declare function SonarSpinner({ children }: {
+    children: any;
+}): React__default.JSX.Element;
+
+interface HorizontalStepperProps {
+    steps: string[];
+    currentStep: number;
+    setCurrentStep: (newStep: number) => void;
+}
+declare function HorizontalStepper({ steps, currentStep, setCurrentStep, }: HorizontalStepperProps): React.JSX.Element;
+
+type SwitchWithIconsProps = {
+    checked: boolean;
+    handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    iconChecked: React__default.ReactNode;
+    iconUnchecked: React__default.ReactNode;
+};
+declare const SwitchWithIcons: React__default.FC<SwitchWithIconsProps>;
+
+interface StateType {
+    page: number;
+    pageSize: number;
+}
+type TapleProps = {
+    columns: GridColDef[];
+    rows: object[];
+    paginationModel?: StateType;
+    setPaginationModel?: Dispatch<SetStateAction<StateType>>;
+    totalRows?: number;
+    rowId?: any;
+    loading: boolean;
+    _CustomFooter?: any;
+    _tools?: React__default.ReactNode;
+    pagingmode?: "client" | "server";
+    rowInPage?: number;
+    evenRowBgColor?: string;
+    highlightedRowId?: string | number;
+    sortFieldMapping?: {
+        [key: string]: string;
+    };
+    setsortQuery?: (query: Array<any>) => void;
+    sortQuery?: any;
+    fontSize?: number | string;
+};
+declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, ...rest }: TapleProps) => React__default.JSX.Element;
+
+type FormInputNumberProps<T extends FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    label?: string | ReactNode;
+    endAdornment?: ReactNode;
+    startAdornment?: ReactNode;
+    thousandSeparator?: string | null;
+    allowLeadingZeros?: boolean;
+    allowNegative?: boolean;
+    maxLength?: number;
+    rules?: any;
+    isLoading?: boolean;
+    data?: any;
+    borderColor?: string;
+    decimalScale?: number;
+} & TextFieldProps;
+declare const FormInputNumber: <T extends FieldValues>({ name, control, label, endAdornment, thousandSeparator, startAdornment, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, decimalScale, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
+
+type FormInputTextProps<T extends FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    label?: string;
+    maxLength?: number;
+    readOnly?: boolean;
+    rules?: any;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    multiline?: boolean;
+    isLoading?: boolean;
+    onBlurHandler?: any;
+    rows?: number;
+} & TextFieldProps;
+declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
+
+type UploadImageProps<T extends FieldValues> = {
+    placeholder: string;
+    name: Path<T>;
+    selectedImage: string | null;
+    setSelectedImage: React__default.Dispatch<React__default.SetStateAction<string | null>>;
+    control: Control<T>;
+    errors: FieldErrors<T>;
+    setValue: UseFormSetValue<T>;
+    height?: string;
+    allowGallery?: boolean;
+    imageFit?: "contain" | "cover";
+};
+declare const UploadImage: <T extends FieldValues>({ placeholder, name, selectedImage, setSelectedImage, control, errors, setValue, height, allowGallery, imageFit, }: UploadImageProps<T>) => React__default.JSX.Element;
+
+declare function Page({ data, }: {
+    data: [{
+        title: string;
+        body: ReactNode;
+    }];
+}): React.JSX.Element;
+
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, Loading, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchWithIcons as SwitchButton, Table, UploadImage };