@apia/components 4.0.17 → 4.0.19

package/dist/index.d.ts

@@ -816,6 +816,7 @@ type AutocompleteProps = {
      * Por defecto es 100ms.
      */
     searchDebounce?: number;
+    readOnly?: boolean;
 } & AutocompleteBoxProps & Partial<Pick<AutocompleteState, 'disabled' | 'value'>>;
 type AutocompleteBoxProps = Partial<{
     className: string;
@@ -824,6 +825,7 @@ type AutocompleteBoxProps = Partial<{
 }>;
 type AutocompleteState = {
     disabled: boolean;
+    readOnly: boolean;
     focusedValue?: null | string;
     loading: boolean;
     showValue: string;
@@ -1189,23 +1191,26 @@ interface IAccordionProps {
 }
 declare const Accordion: FC<IAccordionProps>;
 
-type TItemState$1 = {
+type TItemState = {
     isChecked: boolean;
     isExpanded: boolean;
+    disabled?: boolean;
+    toggled?: boolean;
+    isLoading?: boolean;
 };
-type TItemStateListener = (state: TItemState$1) => unknown;
+type TItemStateListener = (state: TItemState) => unknown;
 type TPropsListener = (props: IAccordionProps) => unknown;
 
 type TSelectionComparator<T> = (prev: T, next: T) => boolean;
-type TItemUpdater = Partial<TItemState$1> | ((currentProps: TItemState$1) => Partial<TItemState$1>);
+type TItemUpdater = Partial<TItemState> | ((currentProps: TItemState) => Partial<TItemState>);
 declare class AccordionHandler {
     id: string;
     props: IAccordionProps;
-    itemsState: Record<TId$1, TItemState$1>;
+    itemsState: Record<TId$1, TItemState>;
     itemsStateListeners: Record<TId$1, TItemStateListener[]>;
     propsListeners: TPropsListener[];
     constructor(id: string, props: IAccordionProps);
-    registerItem(itemId: TId$1, initialState: TItemState$1): void;
+    registerItem(itemId: TId$1, initialState: TItemState): void;
     toggleItem(itemId: TId$1, expanded?: boolean): void;
     unregisterItem(itemId: TId$1): void;
     /**
@@ -1221,7 +1226,7 @@ declare class AccordionHandler {
             children: ReactNode;
         }) => React$1.JSX.Element;
         useItemId: () => TId$1;
-        useItemStateSelector: <T>(selector: (props: TItemState$1) => T, comparator?: TSelectionComparator<T>) => T;
+        useItemStateSelector: <T>(selector: (props: TItemState) => T, comparator?: TSelectionComparator<T>) => T;
         useItemStateUpdate: (cb: TItemStateListener) => void;
         usePropsSelector: <T_1>(selector: (props: IAccordionProps) => T_1, comparator?: TSelectionComparator<T_1>) => T_1;
         usePropsUpdate: (cb: TPropsListener) => void;
@@ -1860,7 +1865,6 @@ declare const IconsList: {
 declare function importComponent<T = unknown>(path: string): React$1.LazyExoticComponent<ComponentType<T>>;
 
 type TClickListener = () => unknown;
-type TItemState = Pick<TToolbarIconButton, 'disabled' | 'toggled' | 'isLoading'>;
 declare class ToolbarController extends EventEmitter<{
     pressEnter: string;
     updateItemState: string;

package/dist/index.js

@@ -3914,6 +3914,7 @@ class AutocompleteController {
   constructor(properties) {
     __publicField$f(this, "state", {
       disabled: false,
+      readOnly: false,
       id: uniqueId$3("autocomplete"),
       loading: false,
       options: [],
@@ -4120,7 +4121,7 @@ class AutocompleteController {
     }
   }
   async setValue(value) {
-    if (this.state.disabled) {
+    if (this.state.disabled || this.state.readOnly) {
       return;
     }
     const selectedOption = this.state.options.find((c) => c.value === value);
@@ -4167,7 +4168,7 @@ const SearchBox = observer(() => {
         Input,
         {
           ref: inputRef,
-          className: `autocomplete__search ${handler.state.disabled ? "disabled" : ""}`,
+          className: `autocomplete__search ${handler.state.disabled ? "disabled" : ""} ${handler.state.readOnly ? "readOnly" : ""}`,
           onChange: (ev) => {
             handler.search(ev.target.value);
           },
@@ -6011,7 +6012,9 @@ const FileCard = forwardRef(
         key: name,
         className: `fileCard ${className ?? ""}`,
         onDoubleClick,
-        onClick
+        onClick,
+        title: name,
+        tabIndex: 0
       },
       /* @__PURE__ */ jsxs(Box, { className: "fileCard__content", children: [
         /* @__PURE__ */ jsx(FileIcon, { docName: name, iconSize: iconsSize }),
@@ -9583,12 +9586,14 @@ const ToolbarIconButton = ({
       if (context.itemsState[id].toggled !== void 0) {
         setInnerIsToggled(!!context.itemsState[id].toggled);
       }
-    } else
+    } else {
+      const o = context.itemsState[id];
       context.itemsState[id] = {
         disabled: isDisabled,
         toggled: innerIsToggled,
-        ...context.itemsState[id]
+        ...o
       };
+    }
   });
   return /* @__PURE__ */ jsx(
     IconButton,