@m4l/components 7.0.0 → 7.1.2

package/components/DynamicFilter/types.d.ts

@@ -3,25 +3,25 @@ import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { Maybe } from '@m4l/core';
 import { RHFAutocompleteAsyncProps } from '../hook-form/RHFAutocompleteAsync/types';
 import { DynamicFilterSlots } from './slots';
-export declare type FieldType = 'number' | 'string' | 'boolean' | 'datetime' | 'select';
-export declare type OperandType = number | string | boolean | Date | [] | object;
-export declare type OperandInitialFilterType = number | string | boolean | [] | object;
-export declare type OperatorB = 'b';
-export declare type Operator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc' | 'in' | 'nin';
-export declare type StringOperator = 'c' | 'nc';
-export declare type NumberOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
-export declare type BooleanOperator = 'e' | 'ne';
-export declare type DateTimeOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
-export declare type SelectOperator = 'in' | 'nin';
-export declare type FieldPresence = 'initialized' | 'fixed' | 'optional';
-export declare type FormOperandSelect = Record<string, any>;
+export type FieldType = 'number' | 'string' | 'boolean' | 'datetime' | 'select';
+export type OperandType = number | string | boolean | Date | [] | object;
+export type OperandInitialFilterType = number | string | boolean | [] | object;
+export type OperatorB = 'b';
+export type Operator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc' | 'in' | 'nin';
+export type StringOperator = 'c' | 'nc';
+export type NumberOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
+export type BooleanOperator = 'e' | 'ne';
+export type DateTimeOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
+export type SelectOperator = 'in' | 'nin';
+export type FieldPresence = 'initialized' | 'fixed' | 'optional';
+export type FormOperandSelect = Record<string, any>;
 /**
  * Posibles valores para el operandsArray para el caso del select o otros fields
  */
-export declare type OperandsArrayValues = Array<FormOperandSelect>;
-export declare type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'string' ? StringOperator : T;
-export declare type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandsArrayValues : FieldType;
-declare type SelectOptions = Pick<RHFAutocompleteAsyncProps<{
+export type OperandsArrayValues = Array<FormOperandSelect>;
+export type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'string' ? StringOperator : T;
+export type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandsArrayValues : FieldType;
+type SelectOptions = Pick<RHFAutocompleteAsyncProps<{
     [key: string]: any;
 }>, 'type' | 'endPoint' | 'getOptionLabel' | 'isOptionEqualToValue' | 'multiple' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
     getOptionId: (option: Record<string, any>) => string | number;
@@ -49,7 +49,7 @@ export interface Label<T extends FieldType = FieldType> extends FieldBase<T> {
     label: string;
     dictionaryId?: undefined;
 }
-export declare type Field<T extends FieldType = FieldType> = T extends 'select' ? FieldWithSelect<T> & (FieldDictionaryId<T> | Label<T>) : FieldDictionaryId<T> | Label<T>;
+export type Field<T extends FieldType = FieldType> = T extends 'select' ? FieldWithSelect<T> & (FieldDictionaryId<T> | Label<T>) : FieldDictionaryId<T> | Label<T>;
 export interface BaseApplyFilter<T extends FieldType = FieldType> {
     id: number;
     field: Field<T>;
@@ -82,7 +82,7 @@ export interface FilterValueDateTimeB extends FilterValueBase {
     operand1: Date;
     operand2: Date;
 }
-export declare type FilterValueDateTime = FilterValueDateTimeNoB | FilterValueDateTimeB;
+export type FilterValueDateTime = FilterValueDateTimeNoB | FilterValueDateTimeB;
 export interface FilterValueNumberNoB extends FilterValueBase {
     fieldType: 'number';
     operator: Exclude<NumberOperator, OperatorB>;
@@ -94,7 +94,7 @@ export interface FilterValueNumberB extends FilterValueBase {
     operand1: Maybe<number>;
     operand2: Maybe<number>;
 }
-export declare type FilterValueNumber = FilterValueNumberNoB | FilterValueNumberB;
+export type FilterValueNumber = FilterValueNumberNoB | FilterValueNumberB;
 export interface FilterValueString extends FilterValueBase {
     fieldType: 'string';
     operator: StringOperator;
@@ -107,18 +107,14 @@ export interface FilterValueSelect extends FilterValueBase {
 }
 /**
  * Valor de un filtro sobrecargado para cada tipo de dato
- *
- * @type
  */
-export declare type FilterValue = FilterValueBoolean | FilterValueDateTime | FilterValueNumber | FilterValueString | FilterValueSelect;
+export type FilterValue = FilterValueBoolean | FilterValueDateTime | FilterValueNumber | FilterValueString | FilterValueSelect;
 /**
  * Estado del Filtro + Valor valor del filtro.
- *
- * @type
  */
-export declare type FilterFieldApplied<T extends FieldType = FieldType> = BaseApplyFilter<T> & FilterValue;
+export type FilterFieldApplied<T extends FieldType = FieldType> = BaseApplyFilter<T> & FilterValue;
 /**
- * @interface RawFilterFieldApply Formato para enviar los filtros a las APIs.
+ * RawFilterFieldApply Formato para enviar los filtros a las APIs.
  */
 export interface RawFilterFieldApply {
     n: string;
@@ -127,7 +123,7 @@ export interface RawFilterFieldApply {
     o2: Maybe<OperandType>;
     oa: Maybe<OperandType>;
 }
-export declare type FilterToEditApply = FilterFieldApplied;
+export type FilterToEditApply = FilterFieldApplied;
 export interface DataTypeFilerLabels {
     labelField: string;
     labelOperator: string;
@@ -135,32 +131,28 @@ export interface DataTypeFilerLabels {
 }
 /**
  * Tipado de los filtros a inicializar el componente DynamicFilter
- *
- * @interface
  */
-export declare type InitialFilterApplied = {
+export type InitialFilterApplied = {
     name: string;
     operator: Operator;
     operand1?: Maybe<OperandInitialFilterType>;
     operand2?: Maybe<OperandInitialFilterType>;
     operandsArray?: Array<Maybe<OperandInitialFilterType>>;
 };
-export declare type FormOperator<T extends Operator = Operator> = {
+export type FormOperator<T extends Operator = Operator> = {
     id: T;
     label: string;
 };
-export declare type FormOperandBoolean = {
+export type FormOperandBoolean = {
     value: boolean;
     label: string;
 };
-export declare type FormOperandDateTime = Date;
-export declare type FormOperandNumber = number;
-export declare type FormOperandString = string;
-export declare type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString | FormOperandSelect;
+export type FormOperandDateTime = Date;
+export type FormOperandNumber = number;
+export type FormOperandString = string;
+export type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString | FormOperandSelect;
 /**
  * Base para el tipado de overloading de los valor de un filtro
- *
- * @interface
  */
 export interface FormFilterValueBase {
     fieldType: FieldType;
@@ -195,22 +187,16 @@ export interface FormFilterValueSelect extends FormFilterValueBase {
 }
 /**
  * Valor de un filtro sobrecargado para cada tipo de dato
- *
- * @type
  */
-export declare type FormFilterValue = FormFilterValueBoolean | FormFilterValueDateTime | FormFilterValueNumber | FormFilterValueString | FormFilterValueSelect;
+export type FormFilterValue = FormFilterValueBoolean | FormFilterValueDateTime | FormFilterValueNumber | FormFilterValueString | FormFilterValueSelect;
 /**
  * Estado del Filtro + Valor valor del filtro.
- *
- * @type
  */
-export declare type FormFilterFieldApplied<T extends FieldType = FieldType> = BaseApplyFilter<T> & FormFilterValue;
+export type FormFilterFieldApplied<T extends FieldType = FieldType> = BaseApplyFilter<T> & FormFilterValue;
 /**
  * Tipado del handler cuando se ejecuta el filtro
- *
- * @interface OnChangeFilters
  */
-export declare type OnChangeFilters = (
+export type OnChangeFilters = (
 /**
  *  "filters" Vector de filtros aplicados, los cuales pueden servir como entrada del campo "i"nitialApplyedFilters" en un refresh,
  */
@@ -222,8 +208,6 @@ filters: Array<InitialFilterApplied>,
 rawFilters: Array<RawFilterFieldApply>) => void;
 /**
  * Propiedades que recibe el componente DynamicFilter
- *
- * @interface DynamicFilterProps
  */
 export interface DynamicFilterProps {
     /**
@@ -247,8 +231,6 @@ export interface DynamicFilterProps {
 }
 /**
  * Interface que define la variables que se van a usar en clases del componente
- *
- * @interface
  */
 export interface OwnerState {
     /**
@@ -278,6 +260,6 @@ export interface OwnerState {
 }
 export interface DynamicFilterOwnerState extends DynamicFilterProps, OwnerState {
 }
-export declare type DynamicFilterSlotsType = keyof typeof DynamicFilterSlots;
-export declare type DynamicFilterStyles = Partial<OverridesStyleRules<DynamicFilterSlotsType, 'M4LDynamicFilter', Theme> | undefined> | undefined;
+export type DynamicFilterSlotsType = keyof typeof DynamicFilterSlots;
+export type DynamicFilterStyles = Partial<OverridesStyleRules<DynamicFilterSlotsType, 'M4LDynamicFilter', Theme> | undefined> | undefined;
 export {};

package/components/DynamicSort/DynamicSort.d.ts

@@ -0,0 +1,5 @@
+import { DynamicSortProps } from './types';
+/**
+ * TODO: Documentar
+ */
+export declare function DynamicSort(props: DynamicSortProps): import("react/jsx-runtime").JSX.Element | null;

package/components/DynamicSort/DynamicSort.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DynamicSort } from './DynamicSort';
+declare const meta: Meta<typeof DynamicSort>;
+export default meta;
+type Story = StoryObj<typeof DynamicSort>;
+/**
+ * Base DynamicSort component
+ */
+export declare const Base: Story;
+/**
+ * DynamicSort in skeleton mode
+ */
+export declare const WithSkeleton: Story;
+/**
+ * DynamicFilter With fixed field
+ */
+export declare const WithFixedField: Story;
+/**
+ * DynamicFilter With props `automatic=true`
+ */
+export declare const WithAutomatic: Story;

package/components/DynamicSort/dictionary.d.ts

@@ -0,0 +1,19 @@
+export declare const DYNAMICSORT_DICTIONARY_ID = "dynamic_sort";
+/**
+ * TODO: Documentar
+ */
+export declare function getDynamicSortComponentsDictionary(): string[];
+export declare const DICCTIONARY: {
+    readonly input_placeholder: "input_placeholder";
+    readonly label_ascending: "Ascending";
+    readonly label_descending: "Descending";
+    readonly sort_tooltip_refresh: "sort_tooltip_refresh";
+    readonly sort_tooltip_dirty: "sort_tooltip_dirty";
+    readonly sort_tooltip_invalid: "sort_tooltip_invalid";
+    readonly tooltip_clear_sort: "tooltip_clear_sort";
+    readonly operator_asc: "operator_asc";
+    readonly operator_desc: "operator_desc";
+    readonly label_boolean_operand1: "label_boolean_operand1";
+};
+export type TypeDictionary = typeof DICCTIONARY;
+export declare const getDynamicSortDictionary: (key: keyof TypeDictionary) => string;

package/components/DynamicSort/helpers/formatToInitialSorts.d.ts

@@ -0,0 +1,7 @@
+import { SortFieldApplied, InitialSortApplied } from '../types';
+/**
+ * Esta función da el formato al sort, como será realmente usado
+ * @param appliedSorts Orden actualmente aplicado
+ * @returns Retorna un objeto de tipo SortFieldApplied, con el formato aplicado
+ */
+export declare const formatToInitialSorts: (appliedSorts: Array<SortFieldApplied>) => Array<InitialSortApplied>;

package/components/DynamicSort/helpers/formatToRowSort.d.ts

@@ -0,0 +1,7 @@
+import { SortFieldApplied, RawSortFieldApply } from '../types';
+/**
+ * Esta función da el formato al sort, como será realmente usado en el empoint
+ * @param appliedSorts Orden actualmente aplicado
+ * @returns Retorna un objeto de tipo SortFieldApplied, con el formato que se enviara al empoint
+ */
+export declare const formatToRowSort: (appliedSorts: Array<SortFieldApplied>) => Array<RawSortFieldApply>;

package/components/DynamicSort/helpers/getPurgedInitialSortApplyed.d.ts

@@ -0,0 +1,9 @@
+import { Field, SortFieldApplied, InitialSortApplied } from '../types';
+/**
+ * Función encargada de purgar cualquier error que pueda venir del endpoint, por algun cambio de versión
+ * @param fields todos los campos que pueden aparecer en el sort
+ * @param initialSort Filtros que van a ser purgados (Eliminados si tienen errores)
+ * @param getFieldByName Funcion para obtener el Field a través del nombre
+ * @returns Array de filtros aplicados excluyendo los que tengan errores
+ */
+export declare const getPurgedInitialSortApplied: (fields: Array<Field>, initialSort: Array<InitialSortApplied>, getFieldByName: (name: string) => Field) => Array<SortFieldApplied>;

package/components/DynamicSort/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DynamicSort';
+export { getDynamicSortComponentsDictionary } from './dictionary';
+export type { SortFieldApplied as SortFieldApply, RawSortFieldApply, InitialSortApplied, Field, } from './types';

package/components/DynamicSort/slots/DynamicSortSlots.d.ts

@@ -1,84 +1,83 @@
-/// <reference types="react" />
-export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const InnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const InputSortStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const InputSortInputStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, {}>;
-export declare const InputSortIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const InnerContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const InputSortStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const InputSortInputStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').ClassAttributes<HTMLInputElement> | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, {}>;
+export declare const InputSortIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const AppliedSortsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedSortInnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedSortChipStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedSortChipIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const AppliedSortsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedSortInnerContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedSortChipStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedSortChipIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const AppliedSortChipInfoStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
-export declare const AppliedSortChipInfoFieldNameStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const AppliedSortChipInfoOperatorStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const AppliedSortChipRemoveButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const AppliedSortChipInfoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('react').ClassAttributes<HTMLButtonElement> | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+export declare const AppliedSortChipInfoFieldNameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const AppliedSortChipInfoOperatorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const AppliedSortChipRemoveButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const ActionsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const ActionsSkeletonButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const ActionsClearButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const ActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ActionsSkeletonButtonStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ActionsClearButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const ActionsSubmitButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const ActionsSubmitButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Popover/types").PopoverProps, keyof import("../../mui_extended/Popover/types").PopoverProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const PopoverMenuStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Popover/types').PopoverProps, keyof import('../../mui_extended/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuItemStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "children" | "className" | "style" | "action" | "divider" | "sx" | "classes" | "autoFocus" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "selected" | "disableGutters">, "value" | "children" | "className" | "onResize" | "style" | "color" | "hidden" | "slot" | "title" | "onChange" | "action" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "divider" | "content" | "translate" | "sx" | "ref" | "key" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const PopoverMenuItemStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
+}, "children" | "disabled" | "sx" | "classes" | "autoFocus" | "className" | "style" | "tabIndex" | "divider" | "action" | "dense" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters">, "children" | "value" | "ref" | "title" | "id" | "color" | "content" | "translate" | "disabled" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "divider" | "action" | "dense" | "key" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuItemIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const PopoverMenuItemIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuItemLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Popover/types").PopoverProps, keyof import("../../mui_extended/Popover/types").PopoverProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const PopoverMenuItemLabelStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Popover/types').PopoverProps, keyof import('../../mui_extended/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverContainerFieldsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverHeaderIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const PopoverContainerFieldsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverHeaderIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverHeaderTitleStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Typography/types").TypographyProps, keyof import("../../mui_extended/Typography/types").TypographyProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const PopoverHeaderTitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverHeaderActionsStyled: import("@emotion/styled").StyledComponent<Pick<import("../../CommonActions/components/Actions/types").CommonActionsProps & import("react").RefAttributes<any>, keyof import("../../CommonActions/components/Actions/types").CommonActionsProps | keyof import("react").RefAttributes<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicSortOwnerState> & Record<string, unknown>;
+export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/Actions/types').CommonActionsProps & import('react').RefAttributes<any>, keyof import('../../CommonActions/components/Actions/types').CommonActionsProps | keyof import('react').RefAttributes<any>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/DynamicSort/store/DynamicSortContext.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { DynamicSortProps } from '../types';
+declare const DynamicSortContext: import('react').Context<(Omit<Omit<import('zustand').StoreApi<import('./DynamicSortStore').DynamicSortStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: import('./DynamicSortStore').DynamicSortStateWithActions | Partial<import('./DynamicSortStore').DynamicSortStateWithActions> | ((state: import('./DynamicSortStore').DynamicSortStateWithActions) => import('./DynamicSortStore').DynamicSortStateWithActions | Partial<import('./DynamicSortStore').DynamicSortStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: import('./DynamicSortStore').DynamicSortStateWithActions | Partial<import('./DynamicSortStore').DynamicSortStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<import('./DynamicSortStore').DynamicSortStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+}) | null>;
+interface DynamicSortContextProps extends DynamicSortProps {
+    children: ReactNode;
+}
+/**
+ * Contexto que crea y da alcance al Store (Zustand) para ser usado desde cualquier parte del componente.
+ * @param props DynamicSortProps
+ * @returns Proveedor de contexto, y el contexto
+ */
+declare function DynamicSortProvider(props: DynamicSortContextProps): import("react/jsx-runtime").JSX.Element;
+export { DynamicSortProvider, DynamicSortContext };