@oliasoft-open-source/react-ui-library 4.6.0-beta-1 → 4.6.0

package/dist/index.d.ts

@@ -41,7 +41,7 @@ export declare enum BreadcrumbLinkType {
     CUSTOM = "custom"
 }
 
-export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, }: IButtonProps) => JSX_2.Element;
+export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, component: Component, url, }: IButtonProps) => JSX_2.Element;
 
 export declare const ButtonGroup: (props: IButtonGroupProps) => JSX_2.Element;
 
@@ -220,6 +220,8 @@ export declare interface IButtonProps {
     testId?: string;
     tooltip?: ReactNode | string;
     inverted?: boolean;
+    component?: React_2.ElementType;
+    url?: string;
 }
 
 export declare interface ICardProps {
@@ -481,6 +483,8 @@ declare interface IInputCell extends TCommonCell {
     name?: string;
     value?: TStringOrNumber;
     onChange?: (ev: React_2.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (evt: React_2.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (evt: React_2.FocusEvent<HTMLInputElement>) => void;
     onPaste?: React_2.ClipboardEventHandler<HTMLInputElement>;
     placeholder?: string;
     error?: string;
@@ -510,8 +514,8 @@ export declare interface IInputProps {
     type?: string;
     onChange?: React_2.ChangeEventHandler<HTMLInputElement>;
     onKeyPress?: React_2.KeyboardEventHandler<HTMLInputElement>;
-    onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
+    onFocus?: (evt: FocusEvent_2<HTMLInputElement>) => void;
+    onBlur?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     onPaste?: React_2.ClipboardEventHandler<HTMLInputElement>;
     small?: boolean;
     placeholder?: string | null;
@@ -658,6 +662,7 @@ declare interface IListItem {
     id?: TStringOrNumber;
     type?: string;
     metaCount?: number;
+    component?: React.ElementType;
 }
 
 export declare interface IListProps {
@@ -764,6 +769,7 @@ declare interface IMenuSection {
     actions?: any[];
     url?: string;
     upload?: boolean;
+    component?: React.ElementType;
 }
 
 declare interface IMenuShowAllButton {
@@ -874,6 +880,8 @@ declare interface INumberInputCell extends TCommonCell {
     value?: TStringOrNumber;
     type: TCellType;
     onChange?: (ev: any) => void;
+    onFocus?: (evt: React_2.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (evt: React_2.FocusEvent<HTMLInputElement>) => void;
     placeholder?: string;
     error?: string | boolean;
     warning?: string | boolean;
@@ -882,6 +890,8 @@ declare interface INumberInputCell extends TCommonCell {
     left?: boolean;
     validationCallback?: TEmpty;
     allowEmpty?: boolean;
+    enableDisplayRounding: boolean;
+    roundDisplayValue: (value: TStringNumberNull) => TStringNumberNull;
 }
 
 export declare interface INumberInputProps {
@@ -897,6 +907,7 @@ export declare interface INumberInputProps {
     value?: TStringOrNumber;
     onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (evt: FocusEvent_2<HTMLInputElement>) => void;
+    onBlur?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     tabIndex?: number;
     testId?: string;
     tooltip?: TStringOrNumber | React_2.ReactNode;
@@ -907,6 +918,8 @@ export declare interface INumberInputProps {
     allowEmpty?: boolean;
     isInTable?: boolean;
     groupOrder?: any;
+    enableDisplayRounding?: boolean;
+    roundDisplayValue?: (args: TStringNumberNull) => TStringNumberNull;
 }
 
 export declare interface IOptionDropdownProps {
@@ -925,11 +938,12 @@ declare interface IOptionItem {
     label: ReactNode;
     value: string;
     icon: ReactNode;
-    onClick: (evt: MouseEvent_2<HTMLAnchorElement, globalThis.MouseEvent>) => void;
+    onClick?: (evt: MouseEvent_2<HTMLAnchorElement, globalThis.MouseEvent>) => void;
     isActive?: boolean;
     isExperimental?: boolean;
     invalid?: boolean;
     testId?: string;
+    component?: React_2.ElementType;
 }
 
 declare interface IOptionSection {
@@ -1370,6 +1384,7 @@ export declare interface ITextLinkProps {
     testId?: string;
     onClick?: (e: React_2.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
     children?: React_2.ReactNode;
+    component?: React_2.ElementType;
 }
 
 export declare interface ITextProps {
@@ -1475,6 +1490,7 @@ declare interface ITreeListProps {
                 padding?: TStringOrNumber;
             };
         };
+        onDrop?: (event: React_2.DragEvent<HTMLDivElement>) => void;
     }[];
     onClick?: TEmpty;
     actions?: any[];
@@ -1497,6 +1513,12 @@ export declare interface ITreeProps {
     allowParentReassignment?: boolean;
 }
 
+declare interface IUnitConfigItem {
+    unitKey: string;
+    storageUnit: string;
+    preferredUnit: string;
+}
+
 export declare interface IUnitInputProps {
     name: string | {
         fieldName?: string;
@@ -1533,6 +1555,48 @@ export declare interface IUnitInputProps {
     unitTemplate?: Record<string, any>;
 }
 
+declare interface IUnitTable extends Omit<ITableProps['table'], 'rows'> {
+    rows?: IUnitTableRow[];
+}
+
+declare interface IUnitTableCell {
+    autoUnit: boolean;
+    unitKey: string;
+    formatDisplayValue?: (value: string | number) => void;
+}
+
+declare interface IUnitTableInputCell extends IInputCell, IUnitTableCell {
+    onChange: (args: any) => void;
+}
+
+declare interface IUnitTableNumberInputCell extends INumberInputCell, IUnitTableCell {
+    onChange: (args: any) => void;
+}
+
+export declare interface IUnitTableOnChangeEvent extends React_2.ChangeEvent<HTMLInputElement> {
+    target: EventTarget & HTMLInputElement & {
+        rowIndex: number;
+        cellIndex: number;
+        unit: string;
+    };
+}
+
+export declare interface IUnitTableProps extends Omit<ITableProps, 'table'> {
+    table: IUnitTable;
+    unitConfig: IUnitConfigItem[];
+    convertBackToStorageUnit?: boolean;
+    enableCosmeticRounding?: boolean;
+    enableDisplayRounding?: boolean;
+    roundDisplayValue?: (value: TStringNumberNull) => TStringNumberNull;
+}
+
+export declare interface IUnitTableRow extends Omit<TRowType, 'cells'> {
+    cells: TUnitTableCellShape[];
+}
+
+declare interface IUnitTableStaticCell extends IStaticCell, IUnitTableCell {
+}
+
 export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, }: ILabelProps) => JSX_2.Element;
 
 export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => JSX_2.Element;
@@ -1571,7 +1635,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, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, }: 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, }: INumberInputProps) => JSX_2.Element;
 
 export declare const OptionDropdown: ({ name, label, options, onChange, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
 
@@ -1660,7 +1724,7 @@ export { Text_2 as Text }
 
 export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => JSX_2.Element;
 
-export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => JSX_2.Element;
+export declare const TextLink: ({ children, href, target, testId, onClick, component: Component, }: ITextLinkProps) => JSX_2.Element;
 
 declare type TFileReaderMethod = TInputReaderMethods | string;
 
@@ -1686,6 +1750,7 @@ declare type TLinkElement = TBaseElementProps & {
     url?: string;
     active?: boolean;
     disabled?: boolean;
+    component?: React.ElementType;
 };
 
 export declare type TMenuCarat = 'false' | 'right' | 'down';
@@ -1747,8 +1812,12 @@ declare type TTopBarContent = TLinkElement | TButtonElement | TMenuElement | TCo
 
 export declare type TTriggerType = 'Text' | 'Button' | 'DropDownButton' | 'Component';
 
+declare type TUnitTableCellShape = TCellShape | IUnitTableStaticCell | IUnitTableInputCell | IUnitTableNumberInputCell;
+
 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, roundDisplayValue, }: IUnitTableProps) => JSX_2.Element;
+
 export declare const useFocus: () => UseFocusReturnType;
 
 declare type UseFocusReturnType = [MutableRefObject<HTMLInputElement | null>, TEmpty];

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-neKlYvgy.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-AkeNwthw.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-kDrJq_kq.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-2LJjuVRB.css"></head><body><div id="content"></div></body>