onekijs-ui 0.18.2 → 0.19.0

package/dist/components/accordion/AccordionService.d.ts

@@ -1,7 +1,8 @@
 import { DefaultService } from 'onekijs-framework';
 import { AccordionState } from './typings';
 export declare class AccordionService extends DefaultService<AccordionState> {
-    initPanel(uid: string, initialActive?: boolean): void;
+    initPanel(uid: string, initialActive?: boolean, initialExpand?: boolean): void;
+    activate(uid: string): void;
     collapse(uid: string): void;
     expand(uid: string): void;
 }

package/dist/components/accordion/components/AccordionComponent.d.ts

@@ -5,7 +5,7 @@ import { AccordionProps } from '../typings';
  *
  * @example
  * ```tsx
- * <AccordionComponent multiActive="true" />
+ * <AccordionComponent multiExpand="true" />
  * ```
  *
  * @group Accordion

package/dist/components/accordion/hooks/useAccordionPanel.d.ts

@@ -1,3 +1,3 @@
 import { AccordionPanelState } from '../typings';
-declare const useAccordionPanel: (initialActive?: boolean) => AccordionPanelState | undefined;
+declare const useAccordionPanel: (initialActive?: boolean, initialExpand?: boolean) => AccordionPanelState | undefined;
 export default useAccordionPanel;

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

@@ -6,7 +6,7 @@
  *
  * @example
  * ```tsx
- * <Accordion multiActive="false" />
+ * <Accordion multiExpand="false" />
  * ```
  *
  * @see AccordionComponent

package/dist/components/accordion/typings.d.ts

@@ -1,6 +1,7 @@
 import { AnonymousObject, AnyFunction, FCC } from 'onekijs-framework';
 export type AccordionPanelProps<T = string> = {
     initialActive?: boolean;
+    initialExpand?: boolean;
     title: T;
     Component?: FCC<AccordionPanelTitleProps<T>>;
     link?: string;
@@ -16,6 +17,7 @@ export type AccordionPanelState = {
     uid: string;
     collapsing?: boolean;
     expanding?: boolean;
+    expanded?: boolean;
 };
 /**
  * @group Accordion
@@ -34,14 +36,14 @@ export type AccordionProps = {
     /**
      * @defaultValue false
      */
-    multiActive?: boolean;
+    multiExpand?: boolean;
     /**
      * @defaultValue 150
      */
     animate?: number;
     /**
      * push means that the height of the accordion panel is derived from the height of its content
-     * pushToBottom means that the height of the accordion panel is the remaining space given by the accordion's container after removing the space taken by the other accordion panel titles (do not work if multiActive is true)
+     * pushToBottom means that the height of the accordion panel is the remaining space given by the accordion's container after removing the space taken by the other accordion panel titles (do not work if multiExpand is true)
      *
      * @defaultValue push
      */
@@ -49,7 +51,7 @@ export type AccordionProps = {
 };
 export type AccordionState = {
     panels: AnonymousObject<AccordionPanelState>;
-    multiActive?: boolean;
+    multiExpand?: boolean;
     animate: number;
     mode?: 'push' | 'pushToBottom';
 };

package/dist/components/button/typings.d.ts

@@ -7,6 +7,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     pattern?: 'solid' | 'outline' | 'flat';
     IconComponent?: React.FC<ButtonProps>;
     loading?: boolean;
+    size?: 'small' | 'medium' | 'large';
 }
 export interface SubmitButtonProps extends ButtonProps {
     showErrors?: boolean;

package/dist/components/icon/RefreshIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export default _default;

package/dist/components/list/components/CollectionListComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CollectionListProps, ListItem } from '../typings';
-declare const CollectionListComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ autoRefresh, className, controller, follow, height, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, itemHeight, preload, keyboardNavigable, increment, multiSelect, onItemActivate, onItemHighlight, onItemSelect, onItemDeactivate, onItemUnhighlight, onItemUnselect, paddingEnd, paddingStart, virtual, style, tail, }: CollectionListProps<T, I>) => React.JSX.Element;
+declare const CollectionListComponent: <T extends unknown = any, I extends ListItem<T> = ListItem<T>>({ autoRefresh, className, controller, follow, height, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, itemHeight, preload, keyboardNavigable, increment, multiSelect, onItemActivate, onItemHighlight, onItemSelect, onItemDeactivate, onItemUnhighlight, onItemUnselect, paddingEnd, paddingStart, virtual, style, tail, }: CollectionListProps<T, I>) => React.JSX.Element;
 export default CollectionListComponent;

package/dist/components/list/components/ListBodyComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ListBodyProps, ListItem } from '../typings';
-declare const ListBodyComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ autoRefresh, bodyRef, className, follow, height, items, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, keyboardNavigable, ListComponent, multiSelect, onItemActivate, onItemDeactivate, onItemSelect, onItemUnselect, onItemHighlight, onItemUnhighlight, parentRef, scrollToIndex, service, state, style, tail, totalSize, virtualItems, VirtualListComponent, LoadingComponent, }: ListBodyProps<T, I>) => React.JSX.Element | null;
+declare const ListBodyComponent: <T extends unknown = any, I extends ListItem<T> = ListItem<T>>({ autoRefresh, bodyRef, className, follow, height, items, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, keyboardNavigable, ListComponent, multiSelect, onItemActivate, onItemDeactivate, onItemSelect, onItemUnselect, onItemHighlight, onItemUnhighlight, parentRef, scrollToIndex, service, state, style, tail, totalSize, virtualItems, VirtualListComponent, LoadingComponent, }: ListBodyProps<T, I>) => React.JSX.Element | null;
 export default ListBodyComponent;

package/dist/components/list/components/LoadingItem.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 declare const _default: import("styled-components").StyledComponent<React.FC<{
     className?: string | undefined;
+    minHeight?: number | undefined;
 }>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/list/components/VirtualListComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ListItem, VirtualListProps } from '../typings';
-declare const VirtualListComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ items, ItemComponent, ItemLoadingComponent, ItemContentComponent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }: VirtualListProps<T, I>) => React.JSX.Element;
+declare const VirtualListComponent: <T extends unknown = any, I extends ListItem<T> = ListItem<T>>({ items, ItemComponent, ItemLoadingComponent, ItemContentComponent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }: VirtualListProps<T, I>) => React.JSX.Element;
 export default VirtualListComponent;

package/dist/components/table/components/TableActionComponent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TableActionComponent: React.FC;
+export default TableActionComponent;

package/dist/components/table/components/TableLoadingComponent.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: import("styled-components").StyledComponent<React.FC<React.InputHTMLAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<{}>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/table/components/TableLoadingRowComponent.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const _default: import("styled-components").StyledComponent<React.FC<React.InputHTMLAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+import { TableBodyRowProps } from '../typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<TableBodyRowProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/table/typings.d.ts

@@ -8,6 +8,7 @@ import { ListItemProps, ListItems, ListNotFoundProps, ListState, UseListOptions
 import { FormSelectProps, SelectBroker, SelectItem, SelectProps } from '../select/typings';
 import { TextareaProps } from '../textarea/typings';
 import TableService from './TableService';
+import { ButtonProps } from '../button/typings';
 export type ArrayTableProps<T = any, I extends TableItem<T> = TableItem<T>> = TableConfig<T, I> & {
     adapter?: TableItemAdapter<T>;
     columns?: TableColumn<T, I>[];
@@ -68,6 +69,7 @@ export type TableBodyRowProps<T = any, I extends TableItem<T> = TableItem<T>> =
     onCollapsed?: (item: I | undefined, index: number) => void;
 };
 export type TableConfig<T = any, I extends TableItem<T> = TableItem<T>> = {
+    ActionComponent?: React.FC;
     autoRefresh?: number;
     bodyClassName?: string;
     BodyComponent?: React.FC<TableBodyProps<T, I>>;
@@ -87,6 +89,7 @@ export type TableConfig<T = any, I extends TableItem<T> = TableItem<T>> = {
     height?: string | number;
     highlightRow?: boolean;
     increment?: number;
+    itemHeight?: number | ((index: number) => number);
     LoadingComponent?: React.FC;
     LoadingRowComponent?: React.FC;
     NotFoundComponent?: React.FC<TableNotFoundProps> | null;
@@ -101,6 +104,8 @@ export type TableConfig<T = any, I extends TableItem<T> = TableItem<T>> = {
     preload?: number;
     rowClassName?: string | ((item: I | undefined, rowIndex: number, columns: TableColumn<T, I>[]) => string);
     RowComponent?: React.FC<TableBodyRowProps<T, I>>;
+    refreshButtonKind?: ButtonProps['kind'];
+    showRefreshButton?: boolean;
     sortable?: boolean;
     stripRows?: boolean;
     tail?: boolean;