@konoma-development/react-components 0.2.3 → 0.2.5

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

@@ -1,4 +1,4 @@
 import { FormFieldProps } from './types.ts';
-export default function Checkbox<DataType>({ classesFilled, classesError, classesEmpty, labelClassesFilled, labelClassesError, labelClassesEmpty, iconClassesFilled, value, defaultValue, 
+export default function Checkbox<DataType>({ classesFilled, classesError, classesEmpty, labelClassesFilled, labelClassesError, labelClassesEmpty, iconClassesFilled, value, defaultValue, indeterminateIconPath, indeterminateIconName, checkedIconPath, checkedIconName, 
 /** UNUSED, only listed so that the typing for onInput does not clash with the onInput event of the input */
 onInput, onChange, label, indeterminate, disabled, className, name, error, dataTestId, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

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

@@ -10,6 +10,6 @@ export default function Form<DataType>({ children, className, validators, data,
     data: DataType;
     dataTestId?: string;
     validators: Record<keyof DataType, ((value: string | number | boolean | null) => string)[]>;
-    onValidation?: (errors: Record<keyof DataType, string[]>) => void;
+    onValidation?: (errors: Record<keyof DataType, string[]>, triggeredBySubmit?: boolean) => void;
     onSubmit: () => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -66,11 +66,17 @@ export interface Classes {
     indicatorClasses?: string;
     valueContainerClasses?: string;
 }
-export interface FormFieldProps<DataType> extends Classes {
-    dataTestId?: string;
+export interface Icons {
+    indeterminateIconPath?: string;
+    indeterminateIconName?: string;
+    checkedIconPath?: string;
+    checkedIconName?: string;
+}
+export interface FormFieldProps<DataType> extends Classes, Icons {
     allowCustomValues?: boolean;
     customValueLabel?: string;
     autoComplete?: string;
+    dataTestId?: string;
     id?: string;
     inputMode?: HTMLAttributes<HTMLElement>['inputMode'];
     arrangement?: 'horizontal' | 'vertical';

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

@@ -6,7 +6,7 @@ export interface PaginationClasses {
     resultsTextClasses: string;
     controlClasses: string;
 }
-export default function Pagination({ wrapperClasses, resultsClasses, resultsTextClasses, activeIconClasses, inactiveIconClasses, controlClasses, xToY, currentPage, totalPages, showButtons, dataTestId, onFirstPage, onPreviousPage, onNextPage, onLastPage, toPage, }: {
+export default function Pagination({ wrapperClasses, resultsClasses, resultsTextClasses, activeIconClasses, inactiveIconClasses, controlClasses, xToY, currentPage, totalPages, showButtons, dataTestId, firstPageIconName, firstPageIconPath, previousPageIconName, previousPageIconPath, nextPageIconName, nextPageIconPath, lastPageIconName, lastPageIconPath, onFirstPage, onPreviousPage, onNextPage, onLastPage, toPage, }: {
     currentLoaded: number;
     currentStart: number;
     currentEnd: number;
@@ -21,6 +21,14 @@ export default function Pagination({ wrapperClasses, resultsClasses, resultsText
     controlClasses?: string;
     xToY: string;
     showButtons: boolean;
+    firstPageIconName?: string;
+    firstPageIconPath?: string;
+    previousPageIconName?: string;
+    previousPageIconPath?: string;
+    nextPageIconName?: string;
+    nextPageIconPath?: string;
+    lastPageIconName?: string;
+    lastPageIconPath?: string;
     dataTestId?: string;
     onFirstPage?: () => void;
     onPreviousPage?: () => void;

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, totalPagesProp, currentPage, noEntryLabel, allowReorder, showFilters, pagesize, xToY, isInfinite, name, onDragRow, onDropRow, onRowClick, onRowDoubleClick, onScroll, onUpdateFilters, onSort, onFirstPage, onPreviousPage, onNextPage, onLastPage, toPage, }: {
+}>({ 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, name, firstPageIconName, firstPageIconPath, previousPageIconName, previousPageIconPath, nextPageIconName, nextPageIconPath, lastPageIconName, lastPageIconPath, sortingAscIconName, sortingAscIconPath, sortingDescIconName, sortingDescIconPath, onDragRow, onDropRow, onRowClick, onRowDoubleClick, onScroll, onUpdateFilters, onSort, onFirstPage, onPreviousPage, onNextPage, onLastPage, toPage, }: {
     wrapperClasses?: string;
     tableClasses?: string;
     rowClasses?: string;
@@ -56,6 +56,18 @@ export default function Table<DataType extends {
     isInfinite?: boolean;
     pagesize?: number;
     name?: string;
+    firstPageIconName?: string;
+    firstPageIconPath?: string;
+    previousPageIconName?: string;
+    previousPageIconPath?: string;
+    nextPageIconName?: string;
+    nextPageIconPath?: string;
+    lastPageIconName?: string;
+    lastPageIconPath?: string;
+    sortingAscIconName?: string;
+    sortingAscIconPath?: string;
+    sortingDescIconName?: string;
+    sortingDescIconPath?: string;
     onDragRow?: (dragIndex: number, hoverIndex: number) => void;
     onDropRow?: (dragIndex: number, hoverIndex: number) => void;
     onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;

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

@@ -1,6 +1,8 @@
-export default function TableActions({ children, classes }: {
+export default function TableActions({ children, classes, showActionsIconName, showActionsIconPath, }: {
     children: React.ReactNode;
     classes?: string;
+    showActionsIconName?: string;
+    showActionsIconPath?: string;
 }): import("react/jsx-runtime").JSX.Element;
 type TableActionVariant = 'error' | 'success' | 'warning' | 'default';
 export declare function TableActionEntry({ text, errorClasses, defaultClasses, variant, onClick, }: {

package/dist/components/ui/modal.d.ts

@@ -1,5 +1,5 @@
 import { default as Button } from './button.tsx';
-export default function Modal({ backdropClasses, contentClasses, headerWrapperClasses, footerWrapperClasses, footerLeftClasses, footerRightClasses, titleClasses, closeWrapperClasses, iconClasses, children, headerContent, footerContent, title, dataTestId, footerActions, hasCloseIcon, onClose, }: {
+export default function Modal({ backdropClasses, contentClasses, headerWrapperClasses, footerWrapperClasses, footerLeftClasses, footerRightClasses, titleClasses, closeWrapperClasses, iconClasses, children, headerContent, footerContent, title, dataTestId, footerActions, hasCloseIcon, closeIconName, closeIconPath, onClose, }: {
     backdropClasses?: string;
     contentClasses?: string;
     headerWrapperClasses?: string;
@@ -18,5 +18,7 @@ export default function Modal({ backdropClasses, contentClasses, headerWrapperCl
         position: 'left' | 'right';
     })[];
     hasCloseIcon?: boolean;
+    closeIconName?: string;
+    closeIconPath?: string;
     onClose: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/package.json

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