react-crud-mui 0.0.1-beta.2 → 0.0.1-beta.21

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/{settings-provider/SettingsProvider.d.ts → crud-mui-provider/CrudMuiProvider.d.ts}

@@ -1,9 +1,9 @@
 import { PropsWithChildren } from 'react';
 import { Settings } from './settings';
-export type SettingsProviderProps = Partial<Settings>;
+export type CrudMuiProviderProps = Partial<Settings>;
 /**
  * All Providers needed for @arkas/ui components.This is client component obviously
  * @description Respectively Antd ConfigProvider => Emotion themeProvider => App =>
  */
-declare function SettingsProvider({ children, validationOptions, ...rest }: PropsWithChildren<SettingsProviderProps>): import("react/jsx-runtime").JSX.Element;
-export default SettingsProvider;
+declare function CrudMuiProvider({ children, validationOptions, ...rest }: PropsWithChildren<CrudMuiProviderProps>): import("react/jsx-runtime").JSX.Element;
+export default CrudMuiProvider;

package/dist/components/{settings-provider → crud-mui-provider}/settings.d.ts

@@ -1,4 +1,3 @@
-import { RawAxiosRequestHeaders } from 'axios';
 import { ValidationOptions } from '../form/hooks/useForm';
 import { ThemeSettings } from '../theme';
 export interface CommonHotKeys {
@@ -25,7 +24,6 @@ export interface CommonHotKeys {
     tabchangePrev: string;
 }
 export type Settings = {
-    requestCommonHeaders?: RawAxiosRequestHeaders;
     enableDevTool?: boolean;
     appTitle?: string;
     uniqueIdParamName: string;

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 = {
@@ -27,11 +28,11 @@ export type StepCommandsLayout = {
 };
 export type StepCommandsComponentProps = StepCommandsStates & StepCommandsLayout;
 export interface DetailPageStepCommandsProps extends StepCommandsStates {
-    commands?: React.ComponentType<StepCommandsComponentProps>;
+    onCommands?: (props: StepCommandsComponentProps) => ReactNode;
 }
 export declare enum DetailPageStepCommandNames {
     PREV = "prev",
     NEXT = "next"
 }
-declare function DetailPageStepCommands({ commands: CustomCommands, ...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,7 +5,8 @@ export interface DetailPageStepsProps extends Omit<StepperProps, 'onChange'> {
     items: StepPane[];
     status?: StepStatus;
     showFinishButton?: DetailPageStepCommandsProps['options']['showFinishButton'];
-    commands?: DetailPageStepCommandsProps['commands'];
+    finishButtonText?: DetailPageStepCommandsProps['options']['finishButtonText'];
+    onCommands?: DetailPageStepCommandsProps['onCommands'];
 }
 export type StepPane = Omit<StepProps & StepLabelProps, 'children' | 'key'> & {
     key: string;

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

@@ -1,6 +1,5 @@
 import { FieldValues } from 'react-hook-form';
 import { NeedDataReason } from '../pages/DetailPageContent';
-import { NavigatePayload } from '../pages/DetailPageData';
 import { DetailPageModalProps } from '../pages/DetailPageModal';
 export type SelectedModelOptions<TModel> = {
     data?: TModel;
@@ -14,7 +13,6 @@ type HelperModelFields = {
 export type UseDetailPageModalReturn<TModel extends FieldValues> = Pick<DetailPageModalProps<TModel>, 'reason' | 'open' | 'onReasonChange' | 'data' | 'disabled'> & HelperModelFields & {
     onOpen(model?: SelectedModelOptions<TModel>): void;
     onClose(): void;
-    onNavigate(paylaod: Pick<NavigatePayload<TModel>, 'direction'>): void;
 };
 export interface UseDetailPageModalProps {
     models?: unknown[];
@@ -22,16 +20,15 @@ export interface UseDetailPageModalProps {
     onVisibleChange?: (open: boolean) => void;
 }
 declare function useDetailPageModal<TModel extends FieldValues>({ models, uniqueIdParamName, onVisibleChange, }?: UseDetailPageModalProps): readonly [({ data, disabled, reason }?: SelectedModelOptions<TModel>) => void, {
-    readonly onNavigate: ({ direction }: Pick<NavigatePayload<TModel>, "direction">) => void;
     readonly onReasonChange: (reason: NeedDataReason) => void;
     readonly onClose: () => void;
-    readonly modalProps?: Omit<import('../../..').ModalProps, "children">;
+    readonly modalProps?: Omit<import('../../..').ModalProps, "children" | "open">;
     readonly open?: boolean;
     readonly confirmDirtyChanges?: boolean;
     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;
@@ -406,6 +403,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
     readonly onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
     readonly onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly component?: React.ElementType;
     readonly disabled?: boolean;
     readonly loading?: boolean;
     readonly size?: import('../../page/components/PageProvider').PaddingSize;
@@ -414,19 +412,23 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly helperText?: import('react').ReactNode;
     readonly headerProps?: import('@mui/material').BoxProps;
     readonly moreOptions?: import('../../..').MoreButtonProps["options"];
+    readonly useIconWrapper?: boolean;
     readonly error?: import('../../utils').ServerError;
     readonly onDelete?: import('../pages/DetailPageData').DataEvent<TModel, import('../pages/DetailPageData').DeletePayload<TModel>> | undefined;
     readonly onCreate?: () => void;
     readonly footerContent?: import('react').ReactNode;
+    readonly moreContent?: import('react').ReactNode;
     readonly tabs?: import('../../page/components/DefaultTabs').TabPane[];
     readonly commandsPosition?: import('../../page/Page').CommandsPosition;
     readonly onHeader?: (props: import('../components/DetailPageHeader').DetailPageHeaderProps) => import('react').ReactNode;
     readonly onLayout?: (props: import('../../page/components/DefaultLayout').PageLayoutProps) => import('react').ReactNode;
     readonly showHeader?: boolean;
+    readonly morePanelProps?: import('../../more-panel/MorePanel').MorePanelProps;
     readonly disableShortCuts?: boolean;
+    readonly tabsPosition?: import('../../page/Page').TabsPosition;
     readonly selectedTabIndex?: number;
-    readonly onTabChanged?: (index: number) => void;
-    readonly onTabs?: (props: import('../../page/components/DefaultTabs').DefaultTabsProps) => import('react').ReactNode;
+    readonly onTabChanged?: (selected: import('../../page/components/DefaultTabs').TabChangedPayload) => void;
+    readonly onTabs?: (props: import('../../..').DefaultTabsProps) => import('react').ReactNode;
     readonly enableClose?: boolean;
     readonly enableCopy?: boolean;
     readonly enableCreate?: boolean;

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

@@ -6,5 +6,7 @@ export interface UseSegmentParamsOptions {
     fallbackSegmentIndex?: number;
     paths?: SegmentModel[];
 }
-declare function useSegmentParams({ segmentParamName: customSegmentParamName, enableNestedSegments, enableSegmentRouting, fallbackSegmentIndex, paths, }?: UseSegmentParamsOptions): readonly [number | undefined, (index: number) => void];
+declare function useSegmentParams({ segmentParamName: customSegmentParamName, enableNestedSegments, enableSegmentRouting, fallbackSegmentIndex, paths, }?: UseSegmentParamsOptions): readonly [number | undefined, (index: number) => void, {
+    readonly segmentParamName: string;
+}];
 export default useSegmentParams;

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

@@ -1,6 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { default as DetailPageDefaultLayout } from '../components/DetailPageDefaultLayout';
 import { default as DetailPageHeader } from '../components/DetailPageHeader';
+import { default as DetailPageSteps } from '../components/DetailPageSteps';
 import { NeedDataReason } from './DetailPageContent';
 import { default as DetailPageDrawer } from './DetailPageDrawer';
 import { DetailPageFormProps } from './DetailPageForm';
@@ -21,5 +22,6 @@ declare namespace DetailPage {
     var Drawer: typeof DetailPageDrawer;
     var Route: typeof DetailPageRoute;
     var Layout: typeof DetailPageDefaultLayout;
+    var Steps: typeof DetailPageSteps;
 }
 export default DetailPage;

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> {
@@ -19,19 +18,8 @@ export interface DeletePayload<TModel = FieldValues> extends BasePayload {
     model: TModel;
     data?: TModel;
 }
-export interface NavigatePayload<TModel = FieldValues> extends BasePayload {
-    direction: NavigationDirection;
-    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
-     */
-    onNavigate?: DataEvent<TModel, NavigatePayload<TModel>>;
     /**
      * Save event
      * @returns if returns data,either in promise or object will bind to form data
@@ -66,5 +54,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

@@ -5,7 +5,7 @@ export interface DetailPageModalProps<TModel extends FieldValues> extends Detail
     /**
      * Antd modal options
      */
-    modalProps?: Omit<ModalProps, 'children'>;
+    modalProps?: Omit<ModalProps, 'children' | 'open'>;
     /**
      * Shortcut to open prop of Modal
      */
@@ -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/editable-list/EditableList.d.ts

@@ -19,7 +19,7 @@ export interface EditingListCommandsProps<TModel extends FieldValues = FieldValu
     onCancel?: () => void;
     model?: TModel;
 }
-export interface EditableListProps<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>> extends TableProps<TArrayModel>, Pick<ActionCommandsProps, 'canCopy' | 'canDelete' | 'canEdit'>, PropsWithChildren {
+export interface EditableListProps<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>> extends Omit<TableProps<TArrayModel>, 'data'>, Pick<ActionCommandsProps, 'canCopy' | 'canDelete' | 'canEdit'>, PropsWithChildren {
     /**
      * Array model name of form
      */
@@ -73,7 +73,7 @@ export interface EditableListProps<TModel extends FieldValues, TArrayModel exten
     /**
      * Custom Commands on header
      */
-    commands?: (props: EditableListCommandsProps<TModel, TFieldArrayName>) => React.ReactNode;
+    onCommands?: (props: EditableListCommandsProps<TModel, TFieldArrayName>) => React.ReactNode;
     /**
      * Custom commands when needed to override the default buttons
      */
@@ -83,7 +83,7 @@ export interface EditableListProps<TModel extends FieldValues, TArrayModel exten
      */
     commandColProps?: TableColumn<TArrayModel>;
 }
-declare function EditableList<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>>({ canCopy, canDelete, canEdit, children, columns, commandColProps, commands, onLayout, detailPageProps, detailType, disabled, enableDeleteAllButton, headerProps, name, newItemTitle, onDelete, onSave, rowCommands, uniqueFields, ...tableProps }: EditableListProps<TModel, TArrayModel, TFieldArrayName>): import("react/jsx-runtime").JSX.Element;
+declare function EditableList<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>>({ canCopy, canDelete, canEdit, children, columns, commandColProps, onCommands, onLayout, detailPageProps, detailType, disabled, enableDeleteAllButton, headerProps, name, newItemTitle, onDelete, onSave, rowCommands, uniqueFields, ...tableProps }: EditableListProps<TModel, TArrayModel, TFieldArrayName>): import("react/jsx-runtime").JSX.Element;
 declare namespace EditableList {
     var Commands: typeof EditableListCommands;
     var RowCommands: typeof ActionCommands;

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

@@ -12,6 +12,7 @@ import { default as FormMoneyInput } from './controls/FormMoneyInput';
 import { default as FormNumberInput } from './controls/FormNumberInput';
 import { default as FormPhoneInput } from './controls/FormPhoneInput';
 import { default as FormRadioGroup } from './controls/FormRadioGroup';
+import { default as FormSearchInput } from './controls/FormSearchInput';
 import { default as FormSelect } from './controls/FormSelect';
 import { default as FormSwitch } from './controls/FormSwitch';
 export type ControlCommonProps<TFieldValues extends FieldValues = FieldValues> = {
@@ -34,6 +35,7 @@ export type FieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<Us
 declare function Field<TFieldValues extends FieldValues = FieldValues>({ children, control, defaultValue, disabled: fieldDisabled, name, render, rules, shouldUnregister, formControlProps, }: FieldProps<TFieldValues>): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 declare namespace Field {
     var Input: typeof FormInput;
+    var Search: typeof FormSearchInput;
     var NumberInput: typeof FormNumberInput;
     var MoneyInput: typeof FormMoneyInput;
     var PhoneInput: typeof FormPhoneInput;
@@ -45,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/components/FormControl.d.ts

@@ -1,9 +1,13 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { default as React, PropsWithChildren, ReactNode } from 'react';
 import { ControllerFieldState } from 'react-hook-form';
+import { BoxProps } from '@mui/material';
+import { FlexBox } from '../../flexbox';
 export interface FormControlProps {
     label?: ReactNode;
     helperText?: ReactNode;
     placement?: 'left' | 'right' | 'top' | 'bottom';
+    labelProps?: BoxProps;
+    wrapperProps?: React.ComponentProps<typeof FlexBox>;
 }
-declare function FormControl({ placement, children, label, helperText, error, invalid, }: PropsWithChildren<FormControlProps> & ControllerFieldState): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ placement, children, label, helperText, error, invalid, labelProps, wrapperProps, }: PropsWithChildren<FormControlProps> & Partial<ControllerFieldState>): import("react/jsx-runtime").JSX.Element;
 export default FormControl;

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, ...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/FormDatePicker.d.ts

@@ -4,5 +4,5 @@ import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers';
 import { Dayjs } from 'dayjs';
 import { ControlCommonProps } from '../Field';
 export type FormDatePickerProps<TFieldValues extends FieldValues = FieldValues> = Partial<MuiDatePickerProps<Dayjs>> & Pick<StandardTextFieldProps, 'size'> & ControlCommonProps<TFieldValues>;
-declare function FormDatePicker<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, slotProps, autoFocus, size, ...dateProps }: FormDatePickerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormDatePicker<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, slotProps, autoFocus, size, disabled, ...dateProps }: FormDatePickerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormDatePicker;

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

@@ -1,7 +1,7 @@
 import { FieldValues } from 'react-hook-form';
-import { TextFieldProps } from '@mui/material';
+import { InputProps } from '../../input/Input';
 import { ControlCommonProps } from '../Field';
-export interface FormInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<TextFieldProps<'standard'>, 'name'>, ControlCommonProps<TFieldValues> {
+export interface FormInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<InputProps, 'name'>, ControlCommonProps<TFieldValues> {
 }
-declare function FormInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, ...inputProps }: FormInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormInput;

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

@@ -3,5 +3,5 @@ import { MoneyInputProps } from '../../money-input/MoneyInput';
 import { ControlCommonProps } from '../Field';
 export interface FormMoneyInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<MoneyInputProps, 'name'>, ControlCommonProps<TFieldValues> {
 }
-declare function FormMoneyInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, ...inputProps }: FormMoneyInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormMoneyInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormMoneyInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormMoneyInput;

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

@@ -3,5 +3,5 @@ import { NumberInputProps } from '../../number-input/NumberInput';
 import { ControlCommonProps } from '../Field';
 export interface FormNumberInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<NumberInputProps, 'name'>, ControlCommonProps<TFieldValues> {
 }
-declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, ...inputProps }: FormNumberInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormNumberInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormNumberInput;

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

@@ -3,5 +3,5 @@ import { PhoneInputProps } from '../../phone-input/PhoneInput';
 import { ControlCommonProps } from '../Field';
 export interface FormPhoneInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<PhoneInputProps, 'name'>, ControlCommonProps<TFieldValues> {
 }
-declare function FormPhoneInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, ...inputProps }: FormPhoneInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormPhoneInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormPhoneInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormPhoneInput;

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

@@ -0,0 +1,7 @@
+import { FieldValues } from 'react-hook-form';
+import { SearchInputProps } from '../../search-input/SearchInput';
+import { ControlCommonProps } from '../Field';
+export interface FormInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<SearchInputProps, 'name' | 'onSearch'>, ControlCommonProps<TFieldValues> {
+}
+declare function FormSearchInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, ...inputProps }: FormInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export default FormSearchInput;

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, ...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/header/Header.d.ts

@@ -10,6 +10,7 @@ export interface HeaderProps extends React.ComponentProps<typeof FlexBetween> {
     headerProps?: BoxProps;
     icon?: ReactNode;
     moreOptions?: MoreButtonProps['options'];
+    useIconWrapper?: boolean;
 }
-declare function Header({ moreOptions, header, headerProps, icon, rightContent, helperText, centerContent, ...flexProps }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function Header({ moreOptions, header, headerProps, icon, rightContent, helperText, centerContent, children, useIconWrapper, ...flexProps }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export default Header;

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

@@ -10,5 +10,4 @@ export { default as usePrompt } from './usePrompt';
 export { default as useMountEffect } from './useMountEffect';
 export { default as useTemplate } from '../combobox/hooks/useComboboxTemplate';
 export { default as useUpdateEffect } from './useUpdateEffect';
-export { default as useScroll } from './useScroll';
 export { default as useZodRefine } from './useZodRefine';

package/dist/components/i18n/hooks/useLangWatch.d.ts

@@ -0,0 +1,5 @@
+interface UseLangChangeCallback {
+    (lng: string): void;
+}
+declare function useLangWatch(callBack: UseLangChangeCallback): void;
+export default useLangWatch;

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

@@ -46,6 +46,7 @@ declare const _default: {
     "uniqueconstraint": "Unique check constraint on '{{fields}}' fields",
     "leave": "Leave",
     "finish": "Finish",
+    "search": "Search...",
     "listpage.createnewitem": "Create new item",
     "listpage.extrafilter.columnOptions": "Table columns options",
     "listpage.listbuttons.callout.search.title": "Search failed",
@@ -180,7 +181,11 @@ 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).",
+    "show_less": "Show less",
+    "show_more": "Show more"
 };
 
 export default _default;

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

@@ -47,6 +47,7 @@ declare const _default: {
     "uniqueconstraint": "'{{fields}}' alanlarında benzersiz alan kısıtı mevcut",
     "leave": "Ayrıl",
     "finish": "Son",
+    "search": "Ara...",
     "listpage.createnewitem": "Yeni kayıt yarat",
     "listpage.extrafilter.columnOptions": "Liste kolon ayarları",
     "listpage.listbuttons.callout.search.title": "Arama başarısız",
@@ -180,7 +181,11 @@ 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)",
+    "show_less": "Daha az göster",
+    "show_more": "Daha fazla göster"
 };
 
 export default _default;

package/dist/components/input/Input.d.ts

@@ -0,0 +1,10 @@
+import { default as React, Ref } from 'react';
+import { TextFieldProps } from '@mui/material';
+export type CaseType = 'firstUpper' | 'upperCase' | 'lowerCase' | 'normal';
+export interface InputProps extends TextFieldProps<'standard'> {
+    caseType?: CaseType;
+    getRef?: Ref<any>;
+}
+declare function Input({ caseType, getRef, ...inputProps }: InputProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<typeof Input>>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default } from './Input';

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

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

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@mui/material';
+interface PhoneLabelProps extends BoxProps {
+    value?: string;
+    showIcon?: boolean;
+}
+declare function PhoneFormat({ value: phoneNumber, showIcon, ...rest }: PhoneLabelProps): import("react/jsx-runtime").JSX.Element | null;
+export default PhoneFormat;

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

@@ -1,10 +1,14 @@
 import { default as CurrencyFormat } from './CurrencyFormat';
 import { default as DateFormat } from './DateFormat';
+import { default as MailFormat } from './MailFormat';
 import { default as NumberFormat } from './NumberFormat';
+import { default as PhoneFormat } from './PhoneFormat';
 import * as React from 'react';
 declare const Labels: React.FunctionComponent & {
     DateFormat: typeof DateFormat;
     CurrencyFormat: typeof CurrencyFormat;
     NumberFormat: typeof NumberFormat;
+    PhoneFormat: typeof PhoneFormat;
+    MailFormat: typeof MailFormat;
 };
 export default Labels;

package/dist/components/list-page/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const LISTPAGE_FORM_NAME = "listpage-filter-form";
 export declare const EXTRA_FILTER_FORM_GROUP = "extra-filter-group";
-export declare const INITIAL_PAGEINDEX = 0;
+export declare const DEFAULT_PAGEINDEX = 0;
 export declare const DEFAULT_PAGESIZE = 25;
 export declare const MAX_PAGE_SIZE = 999;
 export declare const SCROLL_ELEMENT_NAME = "scroll-to-list";

package/dist/components/list-page/hooks/useListPage.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { ListPageProps } from '../pages/ListPage';
-import { ListPageModel } from '../pages/ListPageFilter';
 export type ListPageContextType<TModel extends FieldValues> = {
-    data?: ListPageModel<TModel>;
+    data?: TModel[];
     /**
      * Clear all form controls in filter
      */

package/dist/components/list-page/hooks/useURLSearchFilter.d.ts

@@ -1,11 +1,22 @@
-export interface UseURLSearchFilterOptions<TFilter> {
-    enableQueryStringFilter?: boolean | FilterSource<TFilter>;
-    params?: URLSearchParams;
-}
-export type AdvancedFilterSource = {
-    type: 'number' | 'string' | 'date';
-    isArray?: boolean;
+import { FieldValues } from 'react-hook-form';
+import { ListPageMeta } from '../pages/ListPageFilter';
+type UseURLSearchFilterOptions = {
+    defaultValues?: Record<string, unknown>;
+};
+declare function useURLSearchFilter<TFilter extends FieldValues>({ defaultValues, }: UseURLSearchFilterOptions): {
+    getFiltersInQS: () => {
+        filter: {
+            [key: string]: unknown;
+        };
+        meta: {
+            pagination: {
+                pageIndex: number;
+                pageSize: number;
+            };
+            sorting: unknown;
+            selectedTabIndex: unknown;
+        };
+    };
+    setFiltersInQS: (filter: TFilter, meta: ListPageMeta, extraFilter?: Record<string, unknown>) => void;
 };
-export type FilterSource<TFilter> = Partial<Record<keyof TFilter, boolean | AdvancedFilterSource>>;
-declare function useURLSearchFilter<TFilter>({ enableQueryStringFilter, params, }: UseURLSearchFilterOptions<TFilter>): () => TFilter | undefined;
 export default useURLSearchFilter;

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

@@ -1,5 +1,5 @@
 import { FieldValues } from 'react-hook-form';
-import { ListPageFilter } from './ListPageFilter';
+import { ListPageMeta } from './ListPageFilter';
 import { ListPageFormProps } from './ListPageForm';
 import { default as ListPageModal } from './ListPageModal';
 import { default as ListPageRoute } from './ListPageRoute';
@@ -8,9 +8,16 @@ export interface ListPageProps<TModel extends FieldValues, TFilter extends Field
     /**
      * Data fetcher function with given filter
      */
-    onNeedData?: (filter: ListPageFilter<TFilter> | undefined) => void;
+    onNeedData?: (filter: TFilter, _meta: ListPageMeta) => void;
+    /**
+     * Remove falsy values of filter before call OnNeedData
+     */
+    removeFalsyFilterValues?: boolean;
 }
-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;
+/**
+ * Simple list with filter and table
+ */
+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;