@oliasoft-open-source/react-ui-library 4.8.0-beta-4 → 4.8.0-beta-6

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { Context } from 'react';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { DependencyList } from 'react';
+import { ElementType as ElementType_2 } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
 import { Id } from 'react-toastify';
@@ -240,7 +241,7 @@ declare interface ICheckBoxCell extends TCommonCell {
     label?: string | null;
     checked: boolean;
     type: TCellType;
-    onChange: (ev: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange: TChangeEventHandler;
     disabled?: boolean;
 }
 
@@ -250,7 +251,7 @@ export declare interface ICheckBoxProps {
     label?: string | null;
     name?: string;
     noMargin?: boolean;
-    onChange: (evt: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange: TChangeEventHandler;
     tabIndex?: number;
     disabled?: boolean;
     small?: boolean;
@@ -405,7 +406,7 @@ export declare interface IFileButtonProps extends IButtonProps {
     accept?: string;
     multi?: boolean;
     name?: string;
-    onChange?: (evt: any) => void;
+    onChange?: TChangeEventHandler;
 }
 
 export declare interface IFileInputProps {
@@ -418,7 +419,7 @@ export declare interface IFileInputProps {
     multi?: boolean;
     name?: string;
     width?: TStringOrNumber;
-    onChange?: (evt: any) => void;
+    onChange?: TChangeEventHandler;
     testId?: string;
 }
 
@@ -493,7 +494,7 @@ declare interface IInputCell extends TCommonCell {
     type: TCellType;
     name?: string;
     value?: TStringOrNumber;
-    onChange?: (ev: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: TChangeEventHandler;
     onFocus?: (evt: default_2.FocusEvent<HTMLInputElement>) => void;
     onBlur?: (evt: default_2.FocusEvent<HTMLInputElement>) => void;
     onPaste?: default_2.ClipboardEventHandler<HTMLInputElement>;
@@ -523,7 +524,7 @@ export declare interface IInputProps {
     tooltip?: TStringOrNumber | default_2.ReactNode;
     name?: string;
     type?: string;
-    onChange?: default_2.ChangeEventHandler<HTMLInputElement>;
+    onChange?: TChangeEventHandler;
     onKeyPress?: default_2.KeyboardEventHandler<HTMLInputElement>;
     onFocus?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     onBlur?: (evt: FocusEvent_2<HTMLInputElement>) => void;
@@ -773,14 +774,14 @@ declare interface IMenuSection {
     inline?: boolean;
     title?: string;
     download?: boolean;
-    onChange?: TFunction;
+    onChange?: TChangeEventHandler;
     menu?: any;
     visible?: boolean;
     closeOnOptionClick?: boolean;
     actions?: any[];
     url?: string;
     upload?: boolean;
-    component?: React.ElementType;
+    component?: ElementType_2;
 }
 
 declare interface IMenuShowAllButton {
@@ -892,7 +893,7 @@ declare interface INumberInputCell extends TCommonCell {
     name?: string;
     value?: TStringOrNumber;
     type: TCellType;
-    onChange?: (ev: any) => void;
+    onChange?: TChangeEventHandler;
     onFocus?: (evt: default_2.FocusEvent<HTMLInputElement>) => void;
     onBlur?: (evt: default_2.FocusEvent<HTMLInputElement>) => void;
     placeholder?: string;
@@ -903,9 +904,8 @@ declare interface INumberInputCell extends TCommonCell {
     left?: boolean;
     validationCallback?: TEmpty;
     allowEmpty?: boolean;
-    enableCosmeticRounding: boolean;
     enableDisplayRounding: boolean;
-    roundDisplayValue: (value: TStringOrNumber) => TStringOrNumber;
+    roundDisplayValue: (value: TStringNumberNull) => TStringNumberNull;
 }
 
 export declare interface INumberInputProps {
@@ -919,7 +919,7 @@ export declare interface INumberInputProps {
     small?: boolean;
     width?: TStringOrNumber;
     value?: TStringOrNumber;
-    onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: TChangeEventHandler;
     onFocus?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     onBlur?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     tabIndex?: number;
@@ -932,9 +932,8 @@ export declare interface INumberInputProps {
     allowEmpty?: boolean;
     isInTable?: boolean;
     groupOrder?: any;
-    enableCosmeticRounding?: boolean;
     enableDisplayRounding?: boolean;
-    roundDisplayValue?: (args: TStringOrNumber) => TStringOrNumber;
+    roundDisplayValue?: (args: TStringNumberNull) => TStringNumberNull;
     disableInternalErrorValidationMessages?: boolean;
 }
 
@@ -942,10 +941,7 @@ export declare interface IOptionDropdownProps {
     name?: string;
     label: string;
     options: IOptionType[];
-    onChange: (evt: ChangeEvent<HTMLInputElement & {
-        name?: string;
-        value: IOptionType[];
-    }>) => void;
+    onChange: TChangeEventHandler;
     showHeader?: boolean;
     maxHeight?: string;
 }
@@ -991,7 +987,7 @@ declare interface IPaginationOptionType {
 }
 
 declare interface IPaginationPerPageType {
-    onChange?: (evt: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: TChangeEventHandler;
     options?: IPaginationOptionType[];
     value?: TStringOrNumber;
 }
@@ -1088,7 +1084,7 @@ export declare interface IRadioButtonProps {
     inline?: boolean;
     disabled?: boolean;
     small?: boolean;
-    onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: TChangeEventHandler;
     noMargin?: boolean;
     mainLabel?: string;
     onClick?: (target: HTMLInputElement) => void;
@@ -1135,7 +1131,7 @@ declare interface ISelectCell extends TCommonCell {
     type: TCellType;
     name?: string;
     value?: TStringOrNumber;
-    onChange?: (ev: any) => void;
+    onChange?: TChangeEventHandler;
     onCreate?: (ev: any) => void;
     error?: StringNumberOrNode;
     warning?: StringNumberOrNode;
@@ -1158,7 +1154,7 @@ export declare interface ISelectProps {
     options?: ISelectSelectedOption[];
     value?: any;
     native?: boolean;
-    onChange?: (value: any) => void;
+    onChange?: TChangeEventHandler;
     deprecatedEventHandler?: boolean;
     autoScroll?: boolean;
     warning?: TStringOrNumber | ReactNode;
@@ -1215,7 +1211,7 @@ declare interface ISliderCell extends TCommonCell {
     max: number;
     step?: number;
     marks?: TSliderMark[];
-    onChange: (ev: any) => void;
+    onChange: TChangeEventHandler;
     showArrows?: boolean;
     showTooltip?: boolean;
     tooltipFormatter?: (value: any) => any;
@@ -1243,13 +1239,7 @@ export declare interface ISliderProps {
         width?: string;
         height?: string;
     };
-    onChange: (evt: {
-        target: {
-            name?: string;
-            value: number | number[];
-            label?: TStringNumberNull | ReactNode;
-        };
-    }) => void;
+    onChange: TChangeEventHandler;
 }
 
 export declare type ISmartUploadModalProps = {
@@ -1385,7 +1375,7 @@ export declare interface ITabsProps {
     options?: ITabOption[] | null;
     children?: any;
     value?: ITabSelectedOption;
-    onChange?: (evt: ChangeEvent<any>) => void;
+    onChange?: TChangeEventHandler;
     padding?: boolean;
     margin?: boolean;
     contentPadding?: boolean;
@@ -1402,7 +1392,7 @@ export declare interface ITextAreaProps {
     cols?: number;
     rows?: number;
     disabled?: boolean;
-    onChange?: (evt: ChangeEvent<HTMLTextAreaElement>) => void;
+    onChange?: TChangeEventHandler<HTMLTextAreaElement>;
     onKeyPress?: (evt: KeyboardEvent_2<HTMLTextAreaElement>) => void;
     onFocus?: (evt: FocusEvent_2<HTMLTextAreaElement>) => void;
     onBlur?: (evt: FocusEvent_2<HTMLTextAreaElement>) => void;
@@ -1453,7 +1443,7 @@ export declare interface IToggleProps {
     disabled?: boolean;
     display?: string;
     small?: boolean;
-    onChange: (evt: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange: TChangeEventHandler;
     noMargin?: boolean;
     testId?: string;
     helpText?: string;
@@ -1588,14 +1578,11 @@ export declare interface IUnitInputProps {
     disabledValidation?: boolean;
     allowEmpty?: boolean;
     autoValue?: string;
-    onChange: (event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void;
+    onChange?: (event: TChangeEvent | ICustomChangeEvent) => void;
     onSwitchUnit?: (unit: string) => void;
     onClick?: MouseEventHandler<HTMLInputElement>;
     onFocus?: FocusEventHandler<HTMLInputElement>;
     unitTemplate?: Record<string, any>;
-    convertBackToStorageUnit?: boolean;
-    enableCosmeticRounding?: boolean;
-    enableDisplayRounding?: boolean;
 }
 
 declare interface IUnitTable extends Omit<ITableProps['table'], 'rows'> {
@@ -1677,7 +1664,7 @@ export declare const Modal: ({ children, visible, centered, width, onEnter, onEs
 
 export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: INativeSelectProps) => JSX_2.Element;
 
-export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, onBlur, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, disableInternalErrorValidationMessages, }: INumberInputProps) => JSX_2.Element;
+export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, onBlur, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, enableDisplayRounding, roundDisplayValue, disableInternalErrorValidationMessages, }: INumberInputProps) => JSX_2.Element;
 
 export declare const OptionDropdown: ({ name, label, options, onChange, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
 
@@ -1746,6 +1733,19 @@ declare type TCellShape = IPopoverCell | IStaticCell | ISelectCell | IHelpIconCe
 
 declare type TCellType = 'Static' | 'Icon' | 'Select' | 'Input' | 'NumberInput' | 'Popover' | 'CheckBox' | 'Actions' | 'Link' | 'Slider' | 'Unit' | string;
 
+export declare type TChangeEvent<T extends HTMLElement = HTMLInputElement> = ChangeEvent<T> & {
+    target: T | {
+        name: string;
+        value: any;
+        label?: string;
+        files?: FileList | null;
+    };
+};
+
+export declare type TChangeEventHandler<T extends HTMLElement = HTMLInputElement> = (event: TChangeEvent<T>, ...additionalProps: {
+    [key: string]: any;
+}[]) => void;
+
 export declare type TColor = 'danger' | 'red' | 'white' | 'success' | 'green' | 'muted';
 
 declare interface TCommonCell {
@@ -1860,7 +1860,7 @@ declare type TUnitTableCellShape = TCellShape | IUnitTableStaticCell | IUnitTabl
 
 declare type UnitContextType = any;
 
-export declare const UnitInput: ({ name, placeholder, disabled, disabledUnit, error, left, small, width, value, unitkey, initUnit, noConversion, onChange, onClick, onFocus, onSwitchUnit, unitTemplate, doNotConvertValue, testId, warning, predefinedOptions, initialPredefinedOption, shouldLinkAutomaticly, selectedPredefinedOptionKey, validationCallback, disabledValidation, allowEmpty, autoValue, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitInputProps) => JSX_2.Element;
+export declare const UnitInput: ({ name, placeholder, disabled, disabledUnit, error, left, small, width, value, unitkey, initUnit, noConversion, onChange, onClick, onFocus, onSwitchUnit, unitTemplate, doNotConvertValue, testId, warning, predefinedOptions, initialPredefinedOption, shouldLinkAutomaticly, selectedPredefinedOptionKey, validationCallback, disabledValidation, allowEmpty, autoValue, }: IUnitInputProps) => JSX_2.Element;
 
 export declare const UnitTable: ({ table, unitConfig, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitTableProps) => JSX_2.Element;
 

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-GTFdS-JF.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Oe0PlEED.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-CnfDrmnZ.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>