@kingteza/crud-component 1.0.4 → 1.0.6

package/dist/components/common/button/index.d.ts

@@ -0,0 +1,14 @@
+import { default as ButtonComponent, ButtonComponentProps } from './Button';
+import { default as CloneButtonTable } from './CloneButtonTable';
+import { default as DeleteButtonTable } from './DeleteButtonTable';
+import { ExportButton } from './ExportButton';
+import { default as HideButtonTable } from './HideButtonTable';
+import { ImportButton } from './ImportButton';
+import { NewButton } from './NewButton';
+import { PrintButton } from './PrintButton';
+import { RefreshButton } from './RefreshButton';
+import { default as UnHideButton } from './UnHideButton';
+import { default as UpdateButtonTable } from './UpdateButtonTable';
+import { default as ViewButtonTable } from './ViewButtonTable';
+export { ButtonComponent, CloneButtonTable, DeleteButtonTable, ExportButton, HideButtonTable, ImportButton, NewButton, PrintButton, RefreshButton, UnHideButton, UpdateButtonTable, ViewButtonTable, };
+export type { ButtonComponentProps };

package/dist/components/common/check-box/CheckBox.d.ts

@@ -0,0 +1,9 @@
+import { FormItemProps } from 'antd';
+import { FC } from 'react';
+interface Props extends FormItemProps {
+    onChange?: (evt: boolean) => void;
+    disabled?: boolean;
+    switch?: boolean;
+}
+declare const CheckBoxComponent: FC<Props>;
+export default CheckBoxComponent;

package/dist/components/common/check-box/index.d.ts

@@ -0,0 +1,2 @@
+import { default as CheckBoxComponent } from './CheckBox';
+export { CheckBoxComponent };

package/dist/components/common/description/DescList.d.ts

@@ -0,0 +1,18 @@
+import { DescriptionsProps } from 'antd/lib/descriptions';
+import { default as React, FC } from 'react';
+export type DescPropsNullable = {
+    label?: string | React.ReactElement;
+    value?: any;
+    noFormatting?: boolean;
+};
+export type DescProps = {
+    label?: string;
+    value: any;
+    noFormatting?: boolean;
+};
+export interface DescListProps extends DescriptionsProps {
+    list: (DescPropsNullable | null | undefined | boolean)[];
+    keepEmptyValues?: boolean;
+}
+declare const DescList: FC<DescListProps>;
+export default DescList;

package/dist/components/common/description/DescriptionComponent.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface DescriptionComponentProps {
+    title: string;
+    description: string;
+}
+declare const DescriptionComponent: FC<DescriptionComponentProps>;
+export default DescriptionComponent;

package/dist/components/common/description/index.d.ts

@@ -0,0 +1,3 @@
+import { DescPropsNullable, default as DescList } from './DescList';
+export { DescList };
+export type { DescPropsNullable };

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

@@ -0,0 +1,22 @@
+export { DatePickerComponent, TimePickerComponent } from './DatePicker';
+export { ButtonComponent, ButtonComponent as Button, CloneButtonTable, DeleteButtonTable, ExportButton, HideButtonTable, ImportButton, NewButton, PrintButton, RefreshButton, UnHideButton, UpdateButtonTable, ViewButtonTable, } from './button';
+export { CheckBoxComponent } from './check-box';
+export { DescList } from './description';
+export type { DescPropsNullable } from './description';
+export { default as VerticalSpace } from './layout/VerticalSpace';
+export { LoadingIndicator } from './loading';
+export { ImagePicker } from './picker';
+export { RadioGroupComponent } from './radio';
+export { SelectFieldInReport } from './report';
+export type { ReportSelectFieldItems } from './report';
+export { SelectComponent, CustomSelectOption } from './select';
+export { TabViewWithRoute } from './tab';
+export { TableComponent } from './table';
+export { StatusTag } from './tag';
+export { Title } from './text';
+export { Text } from './text';
+export { ShowMore } from './show-more';
+export { PhoneField, TextField, TextAreaComponent, NumberTextField, } from './text-field';
+export { TooltipComponent } from './tooltip';
+export { WizardResult } from './wizard';
+export { WizardViewForm } from './wizard';

package/dist/components/common/layout/VerticalSpace.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+declare const VerticalSpace: FC<PropsWithChildren & {
+    className?: string;
+}>;
+export default VerticalSpace;

package/dist/components/common/layout/index.d.ts

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

package/dist/components/common/loading/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+declare const LoadingIndicator: FC<PropsWithChildren<{
+    loading: boolean;
+    error?: any;
+}>>;
+export default LoadingIndicator;

package/dist/components/common/loading/index.d.ts

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

package/dist/components/common/picker/ImagePicker.d.ts

@@ -0,0 +1,56 @@
+import { FormItemProps } from 'antd';
+import { UploadFile } from 'antd/lib/upload/interface';
+import { FC, ReactElement } from 'react';
+import { UploadListType } from 'antd/es/upload/interface';
+export declare function dataURLtoFile({ url, name }: {
+    url: any;
+    name: any;
+}): File;
+interface Props extends FormItemProps {
+    values?: string[] | string;
+    maxCount?: number;
+    onChange?: (file?: UploadFile, allFiles?: UploadFile[]) => void;
+    buttonTitle?: string;
+    listType?: UploadListType;
+    hidePreview?: boolean;
+    buttonSize?: string;
+    showButtonText?: boolean;
+    aspectRatio?: number;
+    showOnlyIcon?: boolean;
+    icon?: ReactElement;
+    loading?: boolean;
+    buttonType?: string;
+    onAdd?: (file?: UploadFile) => Promise<void>;
+    onRemove?: (file?: UploadFile) => void;
+}
+/**
+ * When submitting Uploader
+ * ```
+ *  if(field === undefined)
+ *  "There is no file uploaded"
+ *  else if(field.fileList.length === 0)
+ *  "The initial file is deleted"
+ *  else if(field.fileList.length > 1)
+ *  "A new file has been uploaded"
+ * ```
+ *
+ */
+declare const ImagePicker: FC<Props>;
+export declare const UploadComponent: FC<{
+    _buttonTitle: any;
+    buttonSize: any;
+    buttonType: any;
+    fileList: any;
+    hidePreview: any;
+    icon: any;
+    loading: any;
+    maxCount: any;
+    onChangeFile: any;
+    onRemove: any;
+    showButtonText: any;
+    handlePreview: any;
+    setFileList: any;
+    showLoadingIndicator?: boolean;
+    listType?: UploadListType;
+}>;
+export default ImagePicker;

package/dist/components/common/picker/index.d.ts

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

package/dist/components/common/radio/RadioGroupComponent.d.ts

@@ -0,0 +1,18 @@
+import { FormItemProps } from 'antd';
+interface GeneralProps extends FormItemProps {
+    values: {
+        key: string | number | undefined;
+        value: string | number;
+    }[];
+}
+interface EnumProps extends FormItemProps {
+    enum: string[];
+    translations?: any;
+}
+type Props = (GeneralProps | EnumProps) & {
+    onChange?: (evt: boolean) => void;
+    disabled?: boolean;
+    button?: boolean;
+};
+declare const _default: import('react').NamedExoticComponent<Props>;
+export default _default;

package/dist/components/common/radio/index.d.ts

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

package/dist/components/common/report/SelectFieldInReport.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export interface ReportSelectFieldItems {
+    id: any;
+    label: string;
+    lock?: boolean;
+    alreadySelected?: boolean;
+}
+export declare const SelectFieldInReport: FC<{
+    mode?: "multiple" | "tags" | undefined;
+    name: string;
+    label: string;
+    className?: string;
+    required?: boolean;
+    onSelect?: (val: any) => void;
+    items: ReportSelectFieldItems[];
+}>;

package/dist/components/common/report/index.d.ts

@@ -0,0 +1,3 @@
+import { SelectFieldInReport, ReportSelectFieldItems } from './SelectFieldInReport';
+export { SelectFieldInReport };
+export type { ReportSelectFieldItems };

package/dist/components/common/select/CustomSelectOption.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+type CustomSelectOptionProps = {
+    title: string;
+    description?: string;
+};
+declare const CustomSelectOption: FC<PropsWithChildren<CustomSelectOptionProps>>;
+export default CustomSelectOption;

package/dist/components/common/select/SelectComponent.d.ts

@@ -0,0 +1,21 @@
+import { FormItemProps, SelectProps } from 'antd';
+import { RefSelectProps } from 'antd/lib/select';
+import { ReactElement } from 'react';
+export type SelectTagRenderProps = SelectProps["tagRender"];
+interface SelectComponentProps<T> extends SelectProps<any>, FormItemProps<any> {
+    children?: any[] | null;
+    required?: boolean;
+    notSearch?: boolean;
+    readOnly?: boolean;
+    status?: any;
+    nameFieldInArray?: string;
+    items?: T[];
+    showLoadingInEmptyIndicator?: boolean;
+    itemBuilder?: (t: T) => ReactElement;
+    dropdownRender?: (menu: ReactElement) => ReactElement;
+    innerRef?: React.Ref<RefSelectProps>;
+    filterOption?: SelectProps["filterOption"];
+    tagRender?: SelectTagRenderProps;
+}
+declare function SelectComponent<T = any>({ label, rules, required, placeholder, notSearch, children, readOnly, items, dropdownRender, itemBuilder, loading, showLoadingInEmptyIndicator, nameFieldInArray, innerRef, tooltip, filterOption, tagRender, ...props }: SelectComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+export default SelectComponent;

package/dist/components/common/select/index.d.ts

@@ -0,0 +1,3 @@
+import { default as SelectComponent } from './SelectComponent';
+import { default as CustomSelectOption } from './CustomSelectOption';
+export { SelectComponent, CustomSelectOption };

package/dist/components/common/show-more/index.d.ts

@@ -0,0 +1,4 @@
+import { ReactShowMoreTextProps } from 'react-show-more-text';
+export declare const ShowMore: React.FC<ReactShowMoreTextProps>;
+export type { ReactShowMoreTextProps };
+export default ShowMore;

package/dist/components/common/tab/TabViewWithRoute.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface TabViewWithRouteProps {
+    initialKey?: string;
+    positionOfRoute: number;
+    className?: string;
+    tabs: {
+        label: React.ReactNode;
+        key: string;
+    }[];
+    mode?: 'side' | 'default';
+}
+export declare const TabViewWithRoute: React.FC<TabViewWithRouteProps>;
+export {};

package/dist/components/common/tab/index.d.ts

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

package/dist/components/common/table/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TableComponent, TableComponentColumnProp, TableComponentProps } from './table';
+export { TableComponent };
+export type { TableComponentColumnProp, TableComponentProps };

package/dist/components/common/table/table.d.ts

@@ -0,0 +1,19 @@
+import { ColumnsType, TableProps } from 'antd/lib/table';
+import { default as React } from 'react';
+export type TableComponentColumnProp<T> = {
+    dataIndex?: keyof T;
+    render?: (value: any, record: T, index: number) => React.ReactNode;
+    hidden?: boolean;
+    title?: any;
+    align?: 'right' | 'left';
+    width?: number | string;
+}[] & ColumnsType<T>;
+export interface TableComponentProps<T> extends TableProps<T> {
+    minusHeight?: number;
+    count?: number;
+    dataSource?: T[];
+    columns: TableComponentColumnProp<T>;
+    onPageSizeChanged?: (page: number, pageSize: number) => void;
+}
+declare function TableComponent<T>({ minusHeight, onRow, count, onPageSizeChanged, pagination, rowKey, columns, className, scroll, ...props }: TableComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+export default TableComponent;

package/dist/components/common/tag/StatusTag.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactElement } from 'react';
+type StatusTagProps = {
+    translation: any;
+    value: string;
+    clickable?: boolean;
+    onClick?: () => void;
+    colorFunction?: (val: any) => {
+        color?: string;
+        text?: string;
+        icon?: ReactElement;
+    };
+};
+declare const StatusTag: FC<StatusTagProps>;
+export default StatusTag;

package/dist/components/common/tag/index.d.ts

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

package/dist/components/common/text/index.d.ts

@@ -0,0 +1,3 @@
+import { Title } from './title';
+declare const Text: import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>;
+export { Title, Text };

package/dist/components/common/text/title/TitleWithHeadTitle.d.ts

@@ -0,0 +1,7 @@
+import { default as React, CSSProperties, FC } from 'react';
+declare const TitleWithHeadTitle: FC<{
+    children: string | React.ReactNode;
+    style?: CSSProperties;
+    level?: 3 | 5 | 1 | 2 | 4 | undefined;
+}>;
+export default TitleWithHeadTitle;

package/dist/components/common/text/title/index.d.ts

@@ -0,0 +1 @@
+export declare const Title: import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/common/text-field/NumberField.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { TextFieldProps } from './TextField';
+interface NumberTextFieldProps extends TextFieldProps {
+    moneyField?: boolean;
+    addonAfter?: ReactNode;
+    minLength?: number;
+    isInt?: boolean;
+    max?: number;
+    pattern?: string;
+    min?: number | null;
+}
+declare const NumberTextField: import('react').ForwardRefExoticComponent<NumberTextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export default NumberTextField;

package/dist/components/common/text-field/PhoneNumberField.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TextFieldProps } from './TextField';
+declare const PhoneNumberField: FC<TextFieldProps>;
+export default PhoneNumberField;

package/dist/components/common/text-field/TextArea.d.ts

@@ -0,0 +1,17 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { TextAreaProps } from 'antd/lib/input';
+import { InputHTMLAttributes } from 'react';
+export interface TextFieldProps extends TextAreaProps, FormItemProps<any> {
+    type?: InputHTMLAttributes<HTMLInputElement>;
+    placeholder?: string;
+    status?: any;
+    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+    form?: any;
+    nextFocus?: string;
+    children?: any;
+    name?: any;
+    onReset?: any;
+}
+export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLTextAreaElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
+declare const TextAreaComponent: React.FC<TextFieldProps>;
+export default TextAreaComponent;

package/dist/components/common/text-field/TextField.d.ts

@@ -0,0 +1,27 @@
+import { FormItemProps } from 'antd';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { FormInstance } from 'antd/lib/form/Form';
+import { default as React } from 'react';
+export interface TextFieldProps extends FormItemProps<any> {
+    type?: any;
+    placeholder?: string;
+    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+    form?: FormInstance<any>;
+    addonAfter?: any;
+    addonBefore?: any;
+    nextFocus?: string;
+    autoComplete?: string;
+    defaultValue?: any;
+    readOnly?: boolean;
+    value?: any;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    size?: SizeType;
+    loading?: boolean;
+    inputRef?: any;
+    onBlur?: any;
+    onChange?: (val: any) => void;
+}
+export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLInputElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
+declare const TextField: React.FC<TextFieldProps>;
+export default TextField;

package/dist/components/common/text-field/index.d.ts

@@ -0,0 +1,5 @@
+import { default as NumberTextField } from './NumberField';
+import { default as PhoneField } from './PhoneNumberField';
+import { default as TextField } from './TextField';
+import { default as TextAreaComponent } from './TextArea';
+export { NumberTextField, PhoneField, TextField, TextAreaComponent };

package/dist/components/common/tooltip/TooltipComponent.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren, ReactElement } from 'react';
+declare const TooltipComponent: FC<PropsWithChildren<{
+    title?: ReactElement;
+}>>;
+export default TooltipComponent;

package/dist/components/common/tooltip/index.d.ts

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

package/dist/components/common/wizard/WizardResult.d.ts

@@ -0,0 +1,16 @@
+import { default as React, FC, PropsWithChildren } from 'react';
+declare const WizardResult: FC<{
+    onRetry?: (_: undefined, __: undefined, retry: true) => void;
+    onClickBack?: () => void;
+    loading: boolean;
+    error: any;
+    success: boolean;
+    successTitle?: string;
+    successMessage?: string;
+    errorTitle?: string;
+    errorMessage?: string | (() => string | undefined);
+    loadingTitle?: string;
+    loadingMessage?: string;
+    errorChildren?: React.ReactNode;
+} & PropsWithChildren>;
+export default WizardResult;

package/dist/components/common/wizard/WizardViewForm.d.ts

@@ -0,0 +1,24 @@
+import { default as React, ReactElement } from 'react';
+interface WizardViewFormProps {
+    pages: {
+        hidden?: boolean;
+        icon?: React.ReactNode;
+        title: string;
+        component: (func: {
+            forward: (value?: any, submit?: boolean, isRetry?: boolean) => void;
+            backward: () => void;
+        }, formSubmissionData: any[], isActive: boolean) => ReactElement;
+    }[];
+    labelPlacement?: "vertical" | "horizontal";
+    initPosition?: number;
+    onSubmit?: (val: (any | undefined)[], combinedValue: any) => void;
+    type?: "default" | "navigation" | "inline";
+    className?: string;
+    progressDot?: boolean;
+    pageStyle?: React.CSSProperties;
+}
+export interface WizardViewFormRef {
+    gotTo: (index: number) => void;
+}
+declare const WizardViewForm: React.ForwardRefExoticComponent<WizardViewFormProps & React.RefAttributes<WizardViewFormRef>>;
+export default WizardViewForm;

package/dist/components/common/wizard/index.d.ts

@@ -0,0 +1,3 @@
+import { default as WizardResult } from './WizardResult';
+import { default as WizardViewForm } from './WizardViewForm';
+export { WizardResult, WizardViewForm };