onekijs-ui 0.19.20 → 0.19.22

package/dist/components/alert/components/AlertComponent.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { AlertProps } from '../typings';
+declare const AlertComponent: FCC<AlertProps>;
+export default AlertComponent;

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

@@ -0,0 +1,2 @@
+declare const Alert: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").AlertProps>, import("styled-components").DefaultTheme, {}, never>;
+export default Alert;

package/dist/components/alert/style.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyle } from '../../styles/typings';
+import { AlertProps } from './typings';
+declare const alertStyle: ComponentStyle<AlertProps>;
+export default alertStyle;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SpacingPropertyTheme, StylableProps } from '../../styles/typings';
+import { IconProps } from '../icon/typings';
+export type AlertProps = StylableProps & {
+    kind?: 'success' | 'info' | 'warning' | 'error' | 'debug';
+    icon?: boolean;
+    IconComponent?: React.FC<IconProps>;
+    marginBottom?: SpacingPropertyTheme;
+    marginTop?: SpacingPropertyTheme;
+    size?: 'small' | 'medium' | 'large';
+};

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

@@ -21,4 +21,5 @@ export type CardTitleProps = {
 };
 export type FormCardProps = CardProps & FormDecoratorOptions & {
     name: string;
+    help?: ReactNode;
 };

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

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

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { Property } from 'csstype';
-import { ColorPropertyTheme } from '../../styles/typings';
+import { ColorPropertyTheme, SpacingPropertyTheme, TLength } from '../../styles/typings';
 export type IconProps = React.InputHTMLAttributes<HTMLDivElement> & {
     color?: ColorPropertyTheme | Property.Color;
+    marginRight?: SpacingPropertyTheme | Property.MarginRight<TLength>;
+    marginLeft?: SpacingPropertyTheme | Property.MarginLeft<TLength>;
 };
 export type TogglerIconProps = IconProps & {
     open?: boolean;

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

@@ -1,6 +1,6 @@
 import { AnonymousObject, CollectionService } from 'onekijs-framework';
 import React from 'react';
-import { TableColumn, TableColumnWidth, TableConfig, TableController, TableItem, TableState } from './typings';
+import { TableColumn, TableColumnWidth, TableConfig, TableController, TableItem, TableSerializerFormat, TableState } from './typings';
 export declare const parseColumnWidth: (width?: string | number) => TableColumnWidth;
 declare class TableService<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>> extends CollectionService<T, I, S> implements TableController<T, I> {
     protected cells: AnonymousObject<AnonymousObject<React.RefObject<HTMLDivElement>>>;
@@ -13,6 +13,7 @@ declare class TableService<T = any, I extends TableItem<T> = TableItem<T>, S ext
     initCell(rowNumber: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement>): void;
     removeColumn(id: string): void;
     resetWidth(): void;
+    serialize(data: T[], format: TableSerializerFormat): string;
     toggle(item: I): void;
     protected _setCellWidth(fit: boolean): void;
 }

package/dist/components/table/seralizers/defaultCellSerializer.d.ts

@@ -0,0 +1,3 @@
+import { TableCellSerializer } from '../typings';
+declare const defaultCellSerializer: TableCellSerializer<any, any>;
+export default defaultCellSerializer;

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

@@ -92,6 +92,7 @@ export type TableBodyRowProps<T = any, I extends TableItem<T> = TableItem<T>> =
     onCollapsing?: (item: I | undefined, index: number) => void;
     onCollapsed?: (item: I | undefined, index: number) => void;
 };
+export type TableSerializerFormat = 'csv' | 'json';
 export type TableConfig<T = any, I extends TableItem<T> = TableItem<T>> = {
     autoRefresh?: number;
     bodyClassName?: string;
@@ -127,6 +128,7 @@ 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>>;
+    serializer?: (data: T[], format: TableSerializerFormat) => string;
     sortable?: boolean;
     stripRows?: boolean;
     tail?: boolean;
@@ -147,6 +149,7 @@ export type TableController<T = any, I extends TableItem<T> = TableItem<T>, S ex
     initCell(rowIndex: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement>): void;
     removeColumn(id: string): void;
     removeSelected<B extends keyof CollectionBy<T, I>>(by: B, target: CollectionBy<T, I>[B] | CollectionBy<T, I>[B][]): I[];
+    serialize: (data: T[], format: TableSerializerFormat) => string;
     setSelected<B extends keyof CollectionBy<T, I>>(by: B, target: CollectionBy<T, I>[B] | CollectionBy<T, I>[B][]): I[];
     startAutoRefresh: (interval: number) => void;
     stopAutoRefresh: () => void;
@@ -167,6 +170,7 @@ export type TableCellDisplayerProps<T, I extends TableItem<T> = TableItem<T>> =
     value: T;
     format: FormDisplayerProps['format'];
 };
+export type TableCellSerializer<T, I extends TableItem<T> = TableItem<T>> = (data: T, column: TableColumn<T, I>, format: TableSerializerFormat) => any;
 export type TableColumnSpec<T, I extends TableItem<T> = TableItem<T>> = {
     className?: string | ((item: I, column: TableColumn<T, I>, rowIndex: number) => string);
     CellComponent?: Cell<T, I>;
@@ -177,15 +181,16 @@ export type TableColumnSpec<T, I extends TableItem<T> = TableItem<T>> = {
     filterable?: boolean;
     FilterComponent?: React.FC<TableHeaderCellProps<T, I>>;
     headerClassName?: string | ((column: TableColumn<T, I>) => string);
+    help?: ReactNode;
     id: string;
     maxWidth?: string;
     minWidth?: string;
+    serializer?: TableCellSerializer<T, I>;
     sortable?: boolean;
     title?: string;
     TitleComponent?: React.FC<TableHeaderCellProps<T, I>>;
     weight?: number;
     width?: string;
-    help?: ReactNode;
 };
 export type TableColumnWidth = {
     auto?: boolean;

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

@@ -10,6 +10,7 @@ export type ControlledWizardProps = WizardProps & {
 export type StepProps = TabProps & {
     optional?: boolean;
     showTitle?: boolean;
+    help?: ReactNode;
     onTouch?: () => void;
 };
 export type FormStepProps = StepProps & {

package/dist/index.d.ts

@@ -158,9 +158,13 @@ export { default as useTableController } from './components/table/hooks/useTable
 export { default as useTableService } from './components/table/hooks/useTableService';
 export { default as useTextColumn } from './components/table/hooks/useTextColumn';
 export { default as useTextareaColumn } from './components/table/hooks/useTextareaColumn';
+export { default as AlertComponent } from './components/alert/components/AlertComponent';
+export { default as Alert } from './components/alert';
+export { default as alertStyle } from './components/alert/style';
+export { AlertProps } from './components/alert/typings';
 export { default as FormCardDisplayer } from './components/card/FormCardDisplayer';
 export { filterListStyle, tableStyle } from './components/table/style';
-export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormCellDisplayerProps, FormTableContext, FormTableItemDisplayerProps, FormTableProps, TableValueDisplayerProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableCellDisplayerProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableController, UseTableOptions, } from './components/table/typings';
+export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormCellDisplayerProps, FormTableContext, FormTableItemDisplayerProps, FormTableProps, TableValueDisplayerProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableCellDisplayerProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableController, UseTableOptions, TableCellSerializer, TableSerializerFormat } from './components/table/typings';
 export { default as Tag } from './components/tag';
 export { default as TagComponent } from './components/tag/components/TagComponent';
 export { tagStyle } from './components/tag/style';
@@ -182,6 +186,7 @@ export { default as ArrayTreeComponent } from './components/tree/components/Arra
 export { default as ControllerTreeComponent } from './components/tree/components/ControllerTreeComponent';
 export { default as TreeBodyComponent } from './components/tree/components/TreeBodyComponent';
 export { default as TreeComponent } from './components/tree/components/TreeComponent';
+export { default as defaultCellSerializer } from './components/table/seralizers/defaultCellSerializer';
 export { default as TreeItemComponent, TreeItemContent, TreeItemToggler, } from './components/tree/components/TreeItemComponent';
 export { default as TreeListComponent } from './components/tree/components/TreeListComponent';
 export { default as VirtualTreeBodyComponent } from './components/tree/components/VirtualTreeBodyComponent';