onekijs-ui 0.19.18 → 0.19.20

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

@@ -15,6 +15,7 @@ export type DropdownProps = {
     onCollapsing?: (node: HTMLElement) => void;
     animationTimeout?: number;
     placement?: Placement;
+    fallbackPlacements?: Placement[];
     widthModifier?: DropdownWidthModifier;
     width?: string;
     zIndex?: number;

package/dist/components/table/displayers/FormTableValueDisplayer.d.ts

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

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

@@ -35,6 +35,7 @@ export type FormTableProps<T = any, I extends TableItem<T> = TableItem<T>, S ext
     status?: ValidationStatus;
     size?: TshirtSize;
     showAddButton?: boolean;
+    ValueDisplayer?: React.FC<TableValueDisplayerProps<T>>;
 };
 export type FormTableContext<T = any> = {
     tableName: string;
@@ -56,7 +57,7 @@ export type FormTableItemDisplayerProps<T = any> = {
     name: string;
     index: number;
 };
-export type FormTableValueDisplayerProps<T = any> = {
+export type TableValueDisplayerProps<T = any> = {
     columns: TableColumn<T>[];
     value: T[];
     format: FormDisplayerProps['format'];

package/dist/index.d.ts

@@ -160,7 +160,7 @@ export { default as useTextColumn } from './components/table/hooks/useTextColumn
 export { default as useTextareaColumn } from './components/table/hooks/useTextareaColumn';
 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, FormTableValueDisplayerProps, 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, } 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';

package/dist/index.js

@@ -1094,7 +1094,7 @@ const sameWidthPopperModifier = refWidth('width');
 const minWidthPopperModifier = refWidth('minWidth');
 const maxWidthPopperModifier = refWidth('maxWidth');
 
-const DropdownComponent = ({ animationTimeout = 0, attachToBody = false, className, refElement, open, children, skidding = 0, distance = 0, onUpdate, onDropDone, onDropStart, onCollapseDone, onCollapseStart, onDropping, onCollapsing, placement = 'auto', width, widthModifier = 'same', zIndex = 1, }) => {
+const DropdownComponent = ({ animationTimeout = 0, attachToBody = false, className, refElement, open, children, skidding = 0, distance = 0, onUpdate, onDropDone, onDropStart, onCollapseDone, onCollapseStart, onDropping, onCollapsing, placement = 'auto', fallbackPlacements, width, widthModifier = 'same', zIndex = 1, }) => {
     const [popperElement, setPopperElement] = React.useState(null);
     const popperWidthModifier = widthModifier === 'same'
         ? sameWidthPopperModifier
@@ -1113,7 +1113,8 @@ const DropdownComponent = ({ animationTimeout = 0, attachToBody = false, classNa
             },
             {
                 name: 'flip',
-                enabled: placement === 'auto',
+                enabled: placement === 'auto' || (fallbackPlacements !== undefined && fallbackPlacements.length > 0),
+                options: fallbackPlacements && fallbackPlacements.length > 0 ? { fallbackPlacements } : undefined,
             },
             {
                 name: 'eventListeners',
@@ -4201,7 +4202,7 @@ const FormInput = React.memo((props) => {
     }));
     const Component = props.FieldComponent || Input;
     return (React.createElement(FieldLayout, { ...fieldLayoutProps, required: props.required },
-        React.createElement(Component, { ...fieldComponentProps, value: !fieldComponentProps.value ? '' : fieldComponentProps.value })));
+        React.createElement(Component, { ...fieldComponentProps, value: onekijsFramework.isNull(fieldComponentProps.value) ? '' : fieldComponentProps.value })));
 });
 FormInput.displayName = 'FormInput';