react-crud-mui 0.0.1-beta.12 → 0.0.1-beta.14

package/dist/components/combobox/ComboBox.d.ts

@@ -12,7 +12,7 @@ type CreatableModelProps = {
 export interface ComboBoxProps<T extends CreatableModel, Creatable extends boolean = false> extends Partial<AutocompleteProps<T, false, true, Creatable>>, Pick<StandardTextFieldProps, 'autoFocus' | 'label' | 'error' | 'helperText'> {
     data?: T[];
     direction?: 'row' | 'column';
-    optionTemplate: ComboboxTemplate<T>;
+    optionTemplate?: ComboboxTemplate<T>;
     displayTemplate?: ComboboxTemplate<T>;
     descriptionTemplate?: ComboboxTemplate<T>;
     creatable?: Creatable;

package/dist/components/detail-page/components/DetailPageStepCommands.d.ts

@@ -10,6 +10,7 @@ export type StepsButtonsOptions = {
     activeStepIndex: number;
     steps: StepPane[];
     showFinishButton?: boolean;
+    finishButtonText?: string;
     loading?: boolean;
 };
 export type StepCommandsStates = {
@@ -33,5 +34,5 @@ export declare enum DetailPageStepCommandNames {
     PREV = "prev",
     NEXT = "next"
 }
-declare function DetailPageStepCommands({ onCommands, ...options }: DetailPageStepCommandsProps): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageStepCommands({ onCommands, ...stepCommandProps }: DetailPageStepCommandsProps): import("react/jsx-runtime").JSX.Element;
 export default DetailPageStepCommands;

package/dist/components/detail-page/components/DetailPageSteps.d.ts

@@ -5,6 +5,7 @@ export interface DetailPageStepsProps extends Omit<StepperProps, 'onChange'> {
     items: StepPane[];
     status?: StepStatus;
     showFinishButton?: DetailPageStepCommandsProps['options']['showFinishButton'];
+    finishButtonText?: DetailPageStepCommandsProps['options']['finishButtonText'];
     onCommands?: DetailPageStepCommandsProps['onCommands'];
 }
 export type StepPane = Omit<StepProps & StepLabelProps, 'children' | 'key'> & {

package/dist/components/detail-page/hooks/useDetailPageModal.d.ts

@@ -31,7 +31,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly defaultReason?: NeedDataReason;
     readonly defaultSegmentIndex?: number;
     readonly form?: import('../../form/hooks/useForm').UseFormReturn<TModel> | undefined;
-    readonly schema?: import('zod').ZodType<Partial<TModel>, import('zod').ZodTypeDef, Partial<TModel>> | import('zod').ZodType<Partial<TModel>, import('zod').ZodTypeDef, Partial<TModel>>[] | undefined;
+    readonly schema?: import('zod').ZodType<Partial<TModel>, import('zod').ZodTypeDef, Partial<TModel>> | undefined;
     readonly defaultValues?: import('../../utils').DeepNullable<TModel> | undefined;
     readonly validationOptions?: import('../../form/hooks/useForm').ValidationOptions<TModel> | undefined;
     readonly className?: string;

package/dist/components/detail-page/pages/DetailPageData.d.ts

@@ -1,6 +1,5 @@
 import { FieldValues } from 'react-hook-form';
-import { UseFormOptions, UseFormReturn } from '../../form/hooks/useForm';
-import { DeepNullable } from '../../utils';
+import { UseFormReturn } from '../../form/hooks/useForm';
 import { DetailPageContentProps, NeedDataReason } from './DetailPageContent';
 export type DataResult<TModel> = TModel | Promise<TModel | void | undefined> | undefined | void;
 export interface DataEvent<TModel, TVariables> {
@@ -24,9 +23,8 @@ export interface NavigatePayload<TModel = FieldValues> extends BasePayload {
     model: TModel;
 }
 export type NavigationDirection = 'next' | 'prev';
-export interface DetailPageDataProps<TModel extends FieldValues> extends Omit<DetailPageContentProps<TModel>, 'onSave' | 'onDelete' | 'onDiscardChanges' | 'onCopy' | 'onSaveCreate' | 'onSaveClose'>, Pick<UseFormOptions<TModel>, 'schema'> {
+export interface DetailPageDataProps<TModel extends FieldValues> extends Omit<DetailPageContentProps<TModel>, 'onSave' | 'onDelete' | 'onDiscardChanges' | 'onCopy' | 'onSaveCreate' | 'onSaveClose'> {
     form: UseFormReturn<TModel>;
-    defaultValues?: Readonly<DeepNullable<TModel>>;
     /**
      * Navigation buttons event when navigation is active
      * @returns if returns data,either in promise or object will bind to form data
@@ -66,5 +64,5 @@ export interface DetailPageDataProps<TModel extends FieldValues> extends Omit<De
 /**
  * Page component that all data manupulation is handled
  */
-declare function DetailPageData<TModel extends FieldValues>({ alerts, autoSave, data, defaultValues, error, form, loading, onAfterDelete, onAfterSave, onClose, onDelete, onDiscardChanges, onReasonChange, onSave, reason, schema, showSuccessMessages, ...dpProps }: DetailPageDataProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageData<TModel extends FieldValues>({ alerts, autoSave, data, error, form, loading, onAfterDelete, onAfterSave, onClose, onDelete, onDiscardChanges, onReasonChange, onSave, reason, showSuccessMessages, ...dpProps }: DetailPageDataProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageData;

package/dist/components/detail-page/pages/DetailPageForm.d.ts

@@ -5,12 +5,12 @@ import { DeepNullable } from '../../utils';
 import { DetailPageDataProps } from './DetailPageData';
 export interface DetailPageFormProps<TModel extends FieldValues> extends Omit<DetailPageDataProps<TModel>, 'form' | 'defaultValues' | 'schema'> {
     form?: UseFormReturn<TModel>;
-    schema?: z.ZodType<Partial<TModel>> | z.ZodType<Partial<TModel>>[];
+    schema?: z.ZodType<Partial<TModel>>;
     defaultValues?: DeepNullable<TModel>;
     /**
      * Optional validation options
      */
     validationOptions?: ValidationOptions<TModel>;
 }
-declare function DetailPageForm<TModel extends FieldValues>(props: DetailPageFormProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageForm<TModel extends FieldValues>({ activeSegmentIndex, schema, defaultValues, validationOptions, ...dpProps }: DetailPageFormProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageForm;

package/dist/components/detail-page/pages/DetailPageModal.d.ts

@@ -15,5 +15,5 @@ export interface DetailPageModalProps<TModel extends FieldValues> extends Detail
      */
     confirmDirtyChanges?: boolean;
 }
-declare function DetailPageModal<TModel extends FieldValues>({ modalProps, onClose, open, confirmDirtyChanges, ...rest }: DetailPageModalProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageModal<TModel extends FieldValues>({ modalProps, onClose, open, confirmDirtyChanges, enableClose, ...rest }: DetailPageModalProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageModal;

package/dist/components/form/Field.d.ts

@@ -47,7 +47,6 @@ declare namespace Field {
     var DatePicker: typeof FormDatePicker;
     var Button: typeof FormButton;
     var Watch: typeof FieldWatch;
-    var schemas: typeof import("./schema");
     var Group: typeof FieldGroupProvider;
 }
 export default Field;

package/dist/components/form/controls/FormComboBox.d.ts

@@ -3,5 +3,5 @@ import { ComboBoxProps, CreatableModel } from '../../combobox/ComboBox';
 import { ControlCommonProps } from '../Field';
 export interface FormComboBoxProps<T extends CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues> extends Omit<ComboBoxProps<T, Creatable>, 'name'>, ControlCommonProps<TFieldValues> {
 }
-declare function FormComboBox<T extends CreatableModel, Creatable extends boolean, TFieldValues extends FieldValues>({ name, fieldProps, disabled, ...comboBoxProps }: FormComboBoxProps<T, Creatable, TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormComboBox<T extends CreatableModel, Creatable extends boolean, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...comboBoxProps }: FormComboBoxProps<T, Creatable, TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormComboBox;

package/dist/components/form/controls/FormSelect.d.ts

@@ -3,5 +3,5 @@ import { SelectProps } from '../../select/Select';
 import { ControlCommonProps } from '../Field';
 export interface FormSelectProps<T extends FieldValues, TFieldValues extends FieldValues = FieldValues> extends Omit<SelectProps<T>, 'name'>, ControlCommonProps<TFieldValues> {
 }
-declare function FormSelect<T extends FieldValues, TFieldValues extends FieldValues>({ name, fieldProps, disabled, ...selectProps }: FormSelectProps<T, TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormSelect<T extends FieldValues, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...selectProps }: FormSelectProps<T, TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormSelect;

package/dist/components/form/schema/id-name.shema.d.ts

@@ -1,12 +1,12 @@
 import { z } from 'zod';
 declare const idNameSchema: z.ZodObject<{
     id: z.ZodNumber;
-    name: z.ZodString;
+    name: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     id: number;
-    name: string;
+    name?: string | null | undefined;
 }, {
     id: number;
-    name: string;
+    name?: string | null | undefined;
 }>;
 export default idNameSchema;

package/dist/components/form/schema/index.d.ts

@@ -1,2 +1,3 @@
 export { default as dateSchema } from './date.schema';
 export { default as idNameSchema } from './id-name.shema';
+export { default as phoneSchema } from './phone.schema';

package/dist/components/form/schema/phone.schema.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+declare const phoneSchema: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string | null, string>;
+export default phoneSchema;

package/dist/components/i18n/resources/en.json.d.ts

@@ -181,7 +181,9 @@ declare const _default: {
     "export": "Export",
     "import": "Import",
     "report.initiate": "Initiating report download...",
-    "new_row": "Add new row"
+    "new_row": "Add new row",
+    "phone_number": "Phone number",
+    "phone_number_val_message": "Please specify a valid phone number (include the international prefix)."
 };
 
 export default _default;

package/dist/components/i18n/resources/tr.json.d.ts

@@ -181,7 +181,9 @@ declare const _default: {
     "export": "Dışa aktar",
     "import": "İçe aktar",
     "report.initiate": "Rapor indiriliyor...",
-    "new_row": "Yeni Satır Ekle"
+    "new_row": "Yeni Satır Ekle",
+    "phone_number": "Telefon num.",
+    "phone_number_val_message": "Geçerli bir telefon numarası giriniz (Ülke kodu ile ile birlikte)"
 };
 
 export default _default;

package/dist/components/labels/MailFormat.d.ts

@@ -3,5 +3,5 @@ interface MailLabelProps extends BoxProps {
     value?: string;
     showIcon?: boolean;
 }
-declare function MailFormat({ value: email, showIcon, ...rest }: MailLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function MailFormat({ value: email, showIcon, ...rest }: MailLabelProps): import("react/jsx-runtime").JSX.Element | "";
 export default MailFormat;

package/dist/components/labels/PhoneFormat.d.ts

@@ -3,6 +3,5 @@ interface PhoneLabelProps extends BoxProps {
     value?: string;
     showIcon?: boolean;
 }
-export declare const formatPhoneNumber: (phoneNumber: string) => string;
 declare function PhoneFormat({ value: phoneNumber, showIcon, ...rest }: PhoneLabelProps): import("react/jsx-runtime").JSX.Element | null;
 export default PhoneFormat;

package/dist/components/list-page/pages/ListPage.d.ts

@@ -17,7 +17,7 @@ export interface ListPageProps<TModel extends FieldValues, TFilter extends Field
 /**
  * Simple list with filter and table
  */
-declare function ListPage<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>(props: ListPageProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
+declare function ListPage<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ onNeedData, defaultSegmentIndex, activeSegmentIndex, tabs, defaultMeta, removeFalsyFilterValues, ...lpProps }: ListPageProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
 declare namespace ListPage {
     var Selection: typeof ListPageSelection;
     var Modal: typeof ListPageModal;

package/dist/components/list-page/pages/ListPageFilter.d.ts

@@ -41,5 +41,5 @@ export interface ListPageFilterProps<TModel extends FieldValues, TFilter extends
 /**
  * ListPage with filtering features
  */
-declare function ListPageFilter<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>(props: ListPageFilterProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
+declare function ListPageFilter<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ form, meta, tableProps: extableProps, onChange, defaultSegmentIndex, onClear, defaultMeta, searchOnLoad, ...lpProps }: ListPageFilterProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
 export default ListPageFilter;

package/dist/components/list-page/pages/ListPageForm.d.ts

@@ -22,5 +22,5 @@ export interface ListPageFormProps<TModel extends FieldValues, TFilter extends F
 /**
  * ListPage with form features for filter criterias
  */
-declare function ListPageForm<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>(props: ListPageFormProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
+declare function ListPageForm<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ schema, defaultValues, defaultFilter, validationOptions, ...lpProps }: ListPageFormProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
 export default ListPageForm;

package/dist/components/modal/Modal.d.ts

@@ -2,8 +2,9 @@ import { BoxProps } from '@mui/material/Box';
 export interface ModalProps extends BoxProps {
     open: boolean;
     onClose?: () => void;
+    closable?: boolean;
 }
-declare function Modal({ children, open, onClose, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+declare function Modal({ children, open, onClose, closable, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Modal {
     var Scroll: import("@emotion/styled").StyledComponent<import("../..").ScrollbarProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 }

package/dist/components/phone-input/PhoneInput.d.ts

@@ -1,14 +1,12 @@
-import { Ref } from 'react';
-import { PatternFormatProps } from 'react-number-format';
-import { StandardTextFieldProps } from '@mui/material';
-import { ControlledFormProps } from '../utils';
-export type PhoneInputProps = Omit<PatternFormatProps<StandardTextFieldProps>, 'format' | 'onChange'> & ControlledFormProps<string> & {
-    getRef?: Ref<any>;
-    format?: string;
-};
-declare function PhoneInput({ onChange, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import('react').ForwardRefExoticComponent<Omit<PatternFormatProps<StandardTextFieldProps>, "onChange" | "format"> & ControlledFormProps<string> & {
-    getRef?: Ref<any>;
-    format?: string;
-} & import('react').RefAttributes<typeof PhoneInput>>;
+import { default as React } from 'react';
+import { UsePhoneInputConfig } from 'react-international-phone';
+import { BaseTextFieldProps } from '@mui/material';
+export interface PhoneInputProps extends BaseTextFieldProps {
+    value?: string;
+    onChange?: (phone: string) => void;
+    phoneInputconfig?: UsePhoneInputConfig;
+    getRef?: React.MutableRefObject<typeof PhoneInput>;
+}
+declare function PhoneInput({ value, onChange, phoneInputconfig, onBlur, sx, getRef, ...restProps }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<Omit<PhoneInputProps, "ref"> & React.RefAttributes<typeof PhoneInput>>;
 export default _default;

package/dist/components/table/utils/getPinningStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { Column, RowData } from '@tanstack/react-table';
+export declare function getPinningStyles<TData extends RowData>(column: Column<TData>): CSSProperties;