@jasperoosthoek/react-toolbox 0.6.1 → 0.6.3

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 jasperoosthoek
+Copyright (c) 2025 jasperoosthoek
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/change-log.md

@@ -110,7 +110,7 @@
 - New French translation
 - New `storeState` & `retrieveState` functions to store and retrieve state object from `localStorage`
 - Convert everything to Typescript
-- `CreateEditModal` component uses `onKeyPress` instead of deprecated `onKeyPress` handler
+- `CreateEditModal` component uses `onKeyDown` instead of deprecated `onKeyPress` handler
 
 ##### Version 0.3.5
 - New `SaveButton` component
@@ -215,7 +215,7 @@
 - Allow `validate` function in `CreateEditModal` to allow objects with empty values
 
 ##### Version 0.4.25
-- Usable `onClick` handler in  `ShowCreateModalButton` and `ShowEditModalButton`
+- Usable `onClick` handler in `ShowCreateModalButton` and `ShowEditModalButton`
 
 ##### Version 0.4.26
 - Prop `orderByColumn` of `DataTable` can be a function that yields a number
@@ -251,4 +251,16 @@
 - Update to React 19
 
 ##### Version 0.6.1
-- New `downloadFile` function in `utils`
+- New `downloadFile` function in `utils`
+
+##### Version 0.6.2
+- `SearchBox` has optional label & placeholder and is wrapped by `Form.Group` component
+
+##### Version 0.6.3
+- New `textByLang` localization function in `useLocalization`
+- New `combineLocalization` helper function
+- Rename `ShowCreateModalButton` to `FormCreateModalButton`
+- Rename `ShowEditModalButton` to `FormEditModalButton`
+- Fix incorrect calculation of number of pages in `DataTable`
+- Fix `FormModalProvider` does not pass `validate` function to create and edit modals
+- New `ResetButton` component

package/dist/components/buttons/ConfirmButton.d.ts

@@ -2,7 +2,7 @@ import React, { ReactElement } from 'react';
 import { Button } from 'react-bootstrap';
 import { ButtonProps } from './IconButtons';
 export interface ConfirmButtonProps extends ButtonProps {
-    modalTitle: ReactElement | string;
+    modalTitle?: ReactElement | string;
     modalBody?: ReactElement | string;
     confirmText?: ReactElement | string;
     cancelText?: ReactElement | string;

package/dist/components/buttons/IconButtons.d.ts

@@ -46,6 +46,7 @@ export declare const UpButton: (props: ButtonProps) => React.JSX.Element;
 export declare const UploadButton: (props: ButtonProps) => React.JSX.Element;
 export declare const QuestionnaireButton: (props: ButtonProps) => React.JSX.Element;
 export declare const DropdownButton: (props: ButtonProps) => React.JSX.Element;
+export declare const ResetButton: (props: ButtonProps) => React.JSX.Element;
 export interface UploadTextButtonProps extends ButtonProps {
     accept?: string;
     onLoadFile: (result: string | ArrayBuffer) => void;

package/dist/components/forms/FormModal.d.ts

@@ -1,11 +1,12 @@
 import React, { ReactElement } from 'react';
 import { FormComponentProps, FormSelectProps, FormOnChange, FormValue } from './FormFields';
+export type FormFieldComponent = (props: FormComponentProps | FormSelectProps) => ReactElement;
 export type FormField = {
     initialValue?: any;
     type?: 'string' | 'number';
     required?: boolean;
     formProps?: any;
-    component?: (props: FormComponentProps | FormSelectProps) => ReactElement;
+    component?: FormFieldComponent;
     onChange?: FormOnChange;
     label?: ReactElement | string;
 };

package/dist/components/forms/FormModalProvider.d.ts

@@ -6,14 +6,14 @@ export type ShowCreateModal = (show?: boolean) => void;
 export type ShowEditModal<T, K> = (state: {
     [key in keyof T]: FormValue;
 } & K) => void;
-export type ShowCreateModalButton = ButtonProps;
-export declare const ShowCreateModalButton: ({ onClick, ...props }: ButtonProps) => React.JSX.Element;
-export interface ShowEditModalButtonProps<T, K> extends ButtonProps {
+export type FormCreateModalButton = ButtonProps;
+export declare const FormCreateModalButton: ({ onClick, ...props }: ButtonProps) => React.JSX.Element;
+export interface FormEditModalButtonProps<T, K> extends ButtonProps {
     state: {
         [key in keyof T]: FormValue;
     } & K;
 }
-export declare const ShowEditModalButton: ({ state, onClick, ...props }: ShowEditModalButtonProps<T, K>) => React.JSX.Element;
+export declare const FormEditModalButton: ({ state, onClick, ...props }: FormEditModalButtonProps<T, K>) => React.JSX.Element;
 type FormModalContextType<T, K> = {
     showCreateModal: ShowCreateModal;
     showEditModal: ShowEditModal<T, K>;

package/dist/components/tables/SearchBox.d.ts

@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export type SearchBoxProps = {
     className?: string;
     value: string;
     onChange: (value: string) => void;
     onClear?: () => void;
     onSearch?: () => void;
+    label?: ReactNode | string | number;
+    placeholder?: string | false;
 };
-export declare const SearchBox: ({ className, value, onChange, onClear, onSearch }: SearchBoxProps) => React.JSX.Element;
+export declare const SearchBox: ({ className, value, onChange, onClear, onSearch, label, placeholder, }: SearchBoxProps) => React.JSX.Element;