@konoma-development/react-components 0.1.5 → 0.1.7

package/dist/components/form/select.d.ts

@@ -1,2 +1,2 @@
 import { FormFieldProps } from './types.ts';
-export default function Select<DataType>({ classes, errorClasses, labelClasses, labelWrapperClasses, classesNeutral, classesError, focusClasses, controlClasses, optionClasses, optionSelectedClasses, optionFocusedClasses, valueClasses, placeholderClasses, wrapperClasses, indicatorClasses, valueContainerClasses, options, placeholder, className, required, error, defaultValue, searchable, label, name, isClearable, disabled, noValue, allowCustomValues, customValueLabel, menuPortalTarget, isMulti, onInput, onKeyDown, onChange, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;
+export default function Select<DataType>({ classes, errorClasses, labelClasses, labelWrapperClasses, classesNeutral, classesError, focusClasses, controlClasses, optionClasses, optionSelectedClasses, optionFocusedClasses, valueClasses, placeholderClasses, wrapperClasses, indicatorClasses, valueContainerClasses, options, placeholder, className, required, error, defaultValue, menuPlacement, searchable, label, name, isClearable, disabled, noValue, allowCustomValues, customValueLabel, menuPortalTarget, isMulti, onInput, onKeyDown, onChange, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/types.d.ts

@@ -112,6 +112,8 @@ export interface FormFieldProps<DataType> extends Classes {
     /** Used for selects that have no visible selected value */
     noValue?: boolean;
     isMulti?: boolean;
+    /** [select only] Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control. */
+    menuPlacement?: 'auto' | 'top' | 'bottom';
     valueTransformer?: (value: FormValue) => FormValue;
     /** Used to place the dropdown element of a Select */
     menuPortalTarget?: HTMLElement;

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

@@ -6,11 +6,24 @@ export interface PaginationClasses {
     resultsTextClasses: string;
     controlClasses: string;
 }
-export default function Pagination({ wrapperClasses, resultsClasses, resultsTextClasses, xToY, }: {
+export default function Pagination({ wrapperClasses, resultsClasses, resultsTextClasses, activeIconClasses, inactiveIconClasses, controlClasses, xToY, currentPage, currentStart, currentEnd, currentTotal, totalPages, showButtons, onFirstPage, onPreviousPage, onNextPage, onLastPage, toPage, }: {
     currentLoaded: number;
+    currentStart: number;
+    currentEnd: number;
     currentTotal: number;
+    currentPage: number;
+    totalPages: number;
+    inactiveIconClasses?: string;
+    activeIconClasses?: string;
     wrapperClasses?: string;
     resultsClasses?: string;
     resultsTextClasses?: string;
+    controlClasses?: string;
     xToY: string;
+    showButtons: boolean;
+    onFirstPage?: () => void;
+    onPreviousPage?: () => void;
+    onNextPage?: () => void;
+    onLastPage?: () => void;
+    toPage?: (page: number) => void;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -18,7 +18,7 @@ export interface TableColumn<DataType> {
 export default function Table<DataType extends {
     dragRef?: React.RefObject<HTMLDivElement>;
     index?: number;
-}>({ noDataClasses, wrapperClasses, tableClasses, rowClasses, rowLeftWrapperClasses, rowCenterWrapperClasses, rowRightWrapperClasses, headerClasses, paginationClasses, filterComponents, columnsCenter, columnsRight, columnsLeft, cellRenderer, filters, data, pagination, totalRows, noEntryLabel, allowReorder, showFilters, xToY, onDragRow, onDropRow, onRowClick, onRowDoubleClick, onScroll, onUpdateFilters, onSort, }: {
+}>({ noDataClasses, wrapperClasses, tableClasses, rowClasses, rowLeftWrapperClasses, rowCenterWrapperClasses, rowRightWrapperClasses, headerClasses, paginationClasses, filterComponents, columnsCenter, columnsRight, columnsLeft, cellRenderer, filters, data, pagination, totalRows, totalPagesProp, currentPage, noEntryLabel, allowReorder, showFilters, pagesize, xToY, isInfinite, onDragRow, onDropRow, onRowClick, onRowDoubleClick, onScroll, onUpdateFilters, onSort, onFirstPage, onPreviousPage, onNextPage, onLastPage, toPage, }: {
     wrapperClasses?: string;
     tableClasses?: string;
     rowClasses?: string;
@@ -31,6 +31,8 @@ export default function Table<DataType extends {
     columnsRightClasses?: string;
     headerClasses?: string;
     noDataClasses?: string;
+    currentPage: number;
+    totalPagesProp?: number;
     paginationClasses?: PaginationClasses;
     columnsCenter: TableColumn<DataType>[];
     columnsRight?: TableColumn<DataType>[];
@@ -51,6 +53,8 @@ export default function Table<DataType extends {
     noEntryLabel?: string;
     allowReorder?: boolean;
     xToY?: string;
+    isInfinite?: boolean;
+    pagesize?: number;
     onDragRow?: (dragIndex: number, hoverIndex: number) => void;
     onDropRow?: (dragIndex: number, hoverIndex: number) => void;
     onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@konoma-development/react-components",
   "packageManager": "yarn@4.6.0",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "publishConfig": {
     "access": "public"
   },