@apia/components 4.0.18 → 4.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React$1 from 'react';
2
- import React__default, { ReactNode, Ref, RefObject, DetailedHTMLProps, TextareaHTMLAttributes, ChangeEventHandler, MouseEvent as MouseEvent$1, KeyboardEvent, FC, PropsWithChildren, FunctionComponent, ForwardedRef, ComponentType, ReactElement } from 'react';
2
+ import React__default, { ReactNode, Ref, RefObject, DetailedHTMLProps, TextareaHTMLAttributes, ChangeEventHandler, FocusEvent, MouseEvent as MouseEvent$1, KeyboardEvent, FC, PropsWithChildren, FunctionComponent, ForwardedRef, ComponentType, ReactElement } from 'react';
3
3
  import * as _apia_util from '@apia/util';
4
4
  import { IOnFocusConfiguration, TFocusRetriever, TId as TId$1, EventEmitter, StatefulEmitter, TModify, TApiaFilter, TApiaFilterValue } from '@apia/util';
5
- import { BoxProps, TPalette, ThemeUIStyleObject, IconButtonProps, ButtonProps, ThemeUICSSObject, InputProps, SelectProps } from '@apia/theme';
5
+ import { BoxProps, TPalette, InputProps, ThemeUIStyleObject, IconButtonProps, ButtonProps, ThemeUICSSObject, SelectProps } from '@apia/theme';
6
6
  import { TIconName, TIconType } from '@apia/icons';
7
7
  import { MenuItemProps, ControlledMenuProps } from '@szhsin/react-menu';
8
8
  export { ControlledMenuProps, MenuItemProps } from '@szhsin/react-menu';
@@ -284,8 +284,9 @@ declare class ApiaUtilNotifications {
284
284
  Component: () => React$1.JSX.Element;
285
285
  }
286
286
 
287
- declare const TabsList: (({ arrowsBehavior }: {
287
+ declare const TabsList: (({ arrowsBehavior, children, }: {
288
288
  arrowsBehavior?: "open" | "focus";
289
+ children?: Record<"beforeFixedTabs", ReactNode>;
289
290
  }) => React__default.JSX.Element | null) & {
290
291
  displayName: string;
291
292
  };
@@ -300,8 +301,13 @@ declare class Tab<TabType extends TTab = TTab> {
300
301
  */
301
302
  close(force?: boolean): Promise<boolean>;
302
303
  open(closeOthers?: boolean): void;
304
+ remove(): void;
303
305
  toggle(isShown?: boolean): void;
304
306
  }
307
+ type TAppendBehavior = Partial<{
308
+ closeOthers: boolean;
309
+ insertAfterId: string;
310
+ }>;
305
311
  declare class TabsController<TabType extends TTab = TTab> {
306
312
  #private;
307
313
  id: string;
@@ -318,7 +324,7 @@ declare class TabsController<TabType extends TTab = TTab> {
318
324
  /**
319
325
  * Obviamente agrega un tab al listado de tabs
320
326
  */
321
- append(tab: TabType, closeOthers?: boolean): void;
327
+ append(tab: TabType, behavior?: TAppendBehavior): void;
322
328
  closeAll(closeFixedTabsAsWell?: boolean, force?: boolean): Promise<void>;
323
329
  closeOpenTab(force?: boolean): void;
324
330
  closeToRight(targetId: string, force?: boolean): Promise<void>;
@@ -326,6 +332,7 @@ declare class TabsController<TabType extends TTab = TTab> {
326
332
  closeOthers(targetId: string, force?: boolean): Promise<void>;
327
333
  closeTab(tabId: string, force?: boolean): Promise<boolean>;
328
334
  private checkAtLeastOneOpen;
335
+ remove(tabId: string): void;
329
336
  toggleTab(tabId: string, isShown?: boolean): Promise<void>;
330
337
  focusNextTab(): Tab<TabType> | null;
331
338
  focusPreviousTab(): Tab<TabType> | null;
@@ -433,6 +440,7 @@ declare const TabsContent: ((props: Omit<BoxProps, "children">) => React$1.JSX.E
433
440
  };
434
441
 
435
442
  declare function useTabsContext(): TabsController<TTab> | null;
443
+ declare function useCurrentTab(): Tab<TTab> | null;
436
444
 
437
445
  declare const NonForwardedTabs: ({ id, getController, initialTabs, orientation, initialState, ...props }: TabsControllerProps<TTab> & Omit<BoxProps, "id" | "as" | "role">, ref: React__default.ForwardedRef<HTMLDivElement>) => React__default.JSX.Element | null;
438
446
  declare const Tabs: typeof NonForwardedTabs;
@@ -880,7 +888,9 @@ declare class AutocompleteController {
880
888
  toggleOpen(): void;
881
889
  search(str: string): void;
882
890
  selectFocused(): void;
883
- setValue(value: string): Promise<void>;
891
+ setValue(value: string, props?: {
892
+ fireOnChange?: boolean;
893
+ }): Promise<void>;
884
894
  tooltipRef: ApiaUtilTooltip | null;
885
895
  }
886
896
 
@@ -888,6 +898,7 @@ type AutocompleteCmpProps = {
888
898
  handler?: AutocompleteController;
889
899
  getHandler?: (handler: AutocompleteController) => unknown;
890
900
  properties?: AutocompleteProps;
901
+ inputProps?: InputProps;
891
902
  };
892
903
  declare const Autocomplete: (props: AutocompleteCmpProps) => React$1.JSX.Element | null;
893
904
 
@@ -1008,6 +1019,12 @@ type TCheckbox = TModify<ButtonProps, {
1008
1019
  }>;
1009
1020
  declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<TCheckbox, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1010
1021
 
1022
+ interface ICalModal {
1023
+ handleClickDay: (date: Date) => void;
1024
+ calValue?: Date;
1025
+ locale: string;
1026
+ }
1027
+
1011
1028
  interface IField {
1012
1029
  className?: string;
1013
1030
  disabled?: boolean;
@@ -1030,23 +1047,19 @@ interface IIconInput extends IField {
1030
1047
  }
1031
1048
  declare const IconInput: ({ additionalButtons, additionalButtonsPosition, buttonProps, buttonRef, className, disabled, hideButton, icon, inputProps, inputRef, isLoading, mask, onClick, onBlur, readOnly, ...rest }: IIconInput) => React__default.JSX.Element;
1032
1049
 
1033
- declare global {
1034
- interface Window {
1035
- LANG_CODE: string;
1036
- MSG_INVALID_DATE: string;
1037
- MSG_FEC_FIN_MAY_FEC_INI: string;
1038
- LBL_PICK_DATE: string;
1039
- }
1040
- }
1041
1050
  type TDateProps = TModify<InputProps, {
1042
1051
  allowPickBeforeToday?: boolean;
1052
+ CalModalRenderer?: (props: ICalModal & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
1053
+ deleteFiltersTimestamp?: number;
1043
1054
  error?: string | null;
1044
1055
  /**
1045
1056
  * Con esta propiedad se puede proveer una función que será utilizada para
1046
1057
  * determinar qué máscara debe utilizar el input
1047
1058
  */
1048
1059
  getCustomMask?: () => string;
1060
+ inputClassName?: string;
1049
1061
  isLoading?: boolean;
1062
+ onBlur?: (ev: FocusEvent<HTMLInputElement>) => void | boolean | string | Promise<boolean | string>;
1050
1063
  /**
1051
1064
  * Recibe la nueva fecha. En caso de devolver
1052
1065
  * false desde este método, el nuevo valor no
@@ -1192,23 +1205,26 @@ interface IAccordionProps {
1192
1205
  }
1193
1206
  declare const Accordion: FC<IAccordionProps>;
1194
1207
 
1195
- type TItemState$1 = {
1208
+ type TItemState = {
1196
1209
  isChecked: boolean;
1197
1210
  isExpanded: boolean;
1211
+ disabled?: boolean;
1212
+ toggled?: boolean;
1213
+ isLoading?: boolean;
1198
1214
  };
1199
- type TItemStateListener = (state: TItemState$1) => unknown;
1215
+ type TItemStateListener = (state: TItemState) => unknown;
1200
1216
  type TPropsListener = (props: IAccordionProps) => unknown;
1201
1217
 
1202
1218
  type TSelectionComparator<T> = (prev: T, next: T) => boolean;
1203
- type TItemUpdater = Partial<TItemState$1> | ((currentProps: TItemState$1) => Partial<TItemState$1>);
1219
+ type TItemUpdater = Partial<TItemState> | ((currentProps: TItemState) => Partial<TItemState>);
1204
1220
  declare class AccordionHandler {
1205
1221
  id: string;
1206
1222
  props: IAccordionProps;
1207
- itemsState: Record<TId$1, TItemState$1>;
1223
+ itemsState: Record<TId$1, TItemState>;
1208
1224
  itemsStateListeners: Record<TId$1, TItemStateListener[]>;
1209
1225
  propsListeners: TPropsListener[];
1210
1226
  constructor(id: string, props: IAccordionProps);
1211
- registerItem(itemId: TId$1, initialState: TItemState$1): void;
1227
+ registerItem(itemId: TId$1, initialState: TItemState): void;
1212
1228
  toggleItem(itemId: TId$1, expanded?: boolean): void;
1213
1229
  unregisterItem(itemId: TId$1): void;
1214
1230
  /**
@@ -1224,7 +1240,7 @@ declare class AccordionHandler {
1224
1240
  children: ReactNode;
1225
1241
  }) => React$1.JSX.Element;
1226
1242
  useItemId: () => TId$1;
1227
- useItemStateSelector: <T>(selector: (props: TItemState$1) => T, comparator?: TSelectionComparator<T>) => T;
1243
+ useItemStateSelector: <T>(selector: (props: TItemState) => T, comparator?: TSelectionComparator<T>) => T;
1228
1244
  useItemStateUpdate: (cb: TItemStateListener) => void;
1229
1245
  usePropsSelector: <T>(selector: (props: IAccordionProps) => T, comparator?: TSelectionComparator<T>) => T;
1230
1246
  usePropsUpdate: (cb: TPropsListener) => void;
@@ -1265,15 +1281,17 @@ interface IApiaFilter {
1265
1281
  }
1266
1282
  declare const ApiaFilter: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<IApiaFilter & React$1.RefAttributes<HTMLInputElement | HTMLSelectElement>>>;
1267
1283
 
1284
+ type TLabelBoxVariant = 'normal' | 'selected';
1268
1285
  interface ILabelBox {
1269
1286
  className?: string;
1270
1287
  label: string;
1271
1288
  tooltip?: string;
1272
1289
  closeTooltip?: string;
1273
1290
  onClose?: () => unknown;
1291
+ variant?: TLabelBoxVariant;
1274
1292
  }
1275
1293
  type TLabelBox = ILabelBox & BoxProps;
1276
- declare const LabelBox: ({ className, label, tooltip, closeTooltip, onClose, ...props }: TLabelBox) => React__default.JSX.Element;
1294
+ declare const LabelBox: ({ className, label, tooltip, closeTooltip, onClose, variant, ...props }: TLabelBox) => React$1.JSX.Element;
1277
1295
 
1278
1296
  type TMessageType = 'user' | 'system' | 'warning' | 'error' | 'information' | 'response' | 'multipleChoice' | 'customMessage';
1279
1297
  interface IAttachment {
@@ -1320,6 +1338,7 @@ declare const AutoscrollContainer: React__default.FC<PropsWithChildren<Autoscrol
1320
1338
  declare class ChatController<T extends Record<string, unknown> = Record<string, unknown>> {
1321
1339
  private onMessageSubmit;
1322
1340
  private additionalOptions?;
1341
+ private classNames?;
1323
1342
  currentIndex: number;
1324
1343
  state: TChatControllerState & T;
1325
1344
  private internalAudioRecorder;
@@ -1332,7 +1351,11 @@ declare class ChatController<T extends Record<string, unknown> = Record<string,
1332
1351
  record: number;
1333
1352
  state: _apia_util.AudioRecorderState;
1334
1353
  };
1335
- constructor(props: Partial<TChatControllerState & T>, onMessageSubmit: MessageSubmitCallback, additionalOptions?: TMenuItem[] | undefined);
1354
+ constructor(props: Partial<TChatControllerState & T>, onMessageSubmit: MessageSubmitCallback, additionalOptions?: TMenuItem[] | undefined, classNames?: {
1355
+ history?: string;
1356
+ textarea?: string;
1357
+ attachments?: string;
1358
+ } | undefined);
1336
1359
  removeMessage(idx: number): void;
1337
1360
  addMessage(message: ChatMessage): void;
1338
1361
  clearHistory(): void;
@@ -1368,6 +1391,11 @@ declare class FloatingChatController extends ChatController<{
1368
1391
  onMessageSubmit: MessageSubmitCallback;
1369
1392
  modalTitle?: string;
1370
1393
  additionalOptions?: TMenuItem[];
1394
+ classNames?: {
1395
+ history?: string;
1396
+ textarea?: string;
1397
+ attachments?: string;
1398
+ };
1371
1399
  });
1372
1400
  getModalTitle(): string | undefined;
1373
1401
  setModalTitle(title: string): void;
@@ -1864,7 +1892,6 @@ declare const IconsList: typeof IconsListNonForwarded;
1864
1892
  declare function importComponent<T = unknown>(path: string): React$1.LazyExoticComponent<ComponentType<T>>;
1865
1893
 
1866
1894
  type TClickListener = () => unknown;
1867
- type TItemState = Pick<TToolbarIconButton, 'disabled' | 'toggled' | 'isLoading'>;
1868
1895
  declare class ToolbarController extends EventEmitter<{
1869
1896
  pressEnter: string;
1870
1897
  updateItemState: string;
@@ -1967,7 +1994,7 @@ declare const FileCard: React$1.ForwardRefExoticComponent<{
1967
1994
  onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
1968
1995
  } & React$1.RefAttributes<unknown>>;
1969
1996
 
1970
- declare const Dropzone: ({ sx, className, messageError, progress, defaultLabel, draggingLabel, onClick, onChange, }: {
1997
+ declare const Dropzone: ({ sx, className, messageError, progress, defaultLabel, draggingLabel, onClick, onChange, handleInfoButton, }: {
1971
1998
  sx?: ThemeUIStyleObject;
1972
1999
  className?: string;
1973
2000
  messageError?: string;
@@ -1976,6 +2003,7 @@ declare const Dropzone: ({ sx, className, messageError, progress, defaultLabel,
1976
2003
  draggingLabel?: string;
1977
2004
  onClick?: (e: MouseEvent$1) => void;
1978
2005
  onChange?: (e: File[]) => any;
2006
+ handleInfoButton?: (e: MouseEvent$1) => void;
1979
2007
  }) => React__default.JSX.Element;
1980
2008
 
1981
2009
  declare class TableParameter extends Parameter<ITableParameterProps> {
@@ -2364,5 +2392,5 @@ declare class Templater {
2364
2392
  parseString(content: string, options?: IAlterDefaultOptions): string | JSX.Element | JSX.Element[];
2365
2393
  }
2366
2394
 
2367
- export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAttachment, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IOverlay, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, type MessageCallbackProps, type MessageSubmitCallback, Modal, NumberInput, Overlay, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TChatControllerState, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TMessageType, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useModal, useModalContext, useOtherTagButton, useTabsContext };
2395
+ export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAttachment, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IOverlay, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, type MessageCallbackProps, type MessageSubmitCallback, Modal, NumberInput, Overlay, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TChatControllerState, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TMessageType, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useModal, useModalContext, useOtherTagButton, useTabsContext };
2368
2396
  //# sourceMappingURL=index.d.ts.map