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

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;
 
@@ -92,6 +92,8 @@ export declare const Empty: ({ width, height, text, children, testId, }: IEmptyP
 
 export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, }: IFieldProps) => JSX_2.Element;
 
+export declare const FileButton: ({ file, accept, multi, name, disabled, onChange, ...buttonProps }: IFileButtonProps) => JSX_2.Element;
+
 export declare const FileInput: ({ label, loading, placeholder, disabled, file, accept, multi, name, width, onChange, testId, }: IFileInputProps) => ReactElement;
 
 export declare const Flex: ({ alignItems, justifyContent, direction, height, children, wrap, gap, }: IFlexProps) => JSX_2.Element;
@@ -220,6 +222,8 @@ export declare interface IButtonProps {
     testId?: string;
     tooltip?: ReactNode | string;
     inverted?: boolean;
+    component?: React_2.ElementType;
+    url?: string;
 }
 
 export declare interface ICardProps {
@@ -395,6 +399,14 @@ export declare interface IFieldProps {
     testId?: string;
 }
 
+export declare interface IFileButtonProps extends IButtonProps {
+    file?: File;
+    accept?: string;
+    multi?: boolean;
+    name?: string;
+    onChange?: (evt: any) => void;
+}
+
 export declare interface IFileInputProps {
     label?: string | null;
     loading?: boolean;
@@ -481,6 +493,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 +524,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 +672,7 @@ declare interface IListItem {
     id?: TStringOrNumber;
     type?: string;
     metaCount?: number;
+    component?: React.ElementType;
 }
 
 export declare interface IListProps {
@@ -764,6 +779,7 @@ declare interface IMenuSection {
     actions?: any[];
     url?: string;
     upload?: boolean;
+    component?: React.ElementType;
 }
 
 declare interface IMenuShowAllButton {
@@ -874,6 +890,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 +900,9 @@ declare interface INumberInputCell extends TCommonCell {
     left?: boolean;
     validationCallback?: TEmpty;
     allowEmpty?: boolean;
+    enableCosmeticRounding: boolean;
+    enableDisplayRounding: boolean;
+    roundDisplayValue: (value: TStringNumberNull) => TStringNumberNull;
 }
 
 export declare interface INumberInputProps {
@@ -897,6 +918,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 +929,9 @@ export declare interface INumberInputProps {
     allowEmpty?: boolean;
     isInTable?: boolean;
     groupOrder?: any;
+    enableCosmeticRounding?: boolean;
+    enableDisplayRounding?: boolean;
+    roundDisplayValue?: (args: TStringNumberNull) => TStringNumberNull;
 }
 
 export declare interface IOptionDropdownProps {
@@ -925,7 +950,7 @@ 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;
@@ -1010,6 +1035,8 @@ export declare interface IPopoverProps {
     testId?: string;
     disabled?: boolean;
     overflowContainer?: boolean;
+    isOpen?: boolean;
+    onToggle?: (isOpen: boolean) => void;
 }
 
 export declare interface IPortalProps {
@@ -1118,6 +1145,7 @@ declare interface ISelectCell extends TCommonCell {
     deprecatedEventHandler?: boolean;
     maxTooltipWidth?: TStringOrNumber;
     autoLayerWidth?: boolean;
+    multi?: boolean;
 }
 
 export declare interface ISelectProps {
@@ -1220,6 +1248,26 @@ export declare interface ISliderProps {
     }) => void;
 }
 
+export declare type ISmartUploadModalProps = {
+    visible: boolean;
+    prompt: string;
+    onCloseModal: () => void;
+    onUpload: (prompt: string, file: File) => any;
+    onComplete: (data: {
+        [key: string]: string;
+    }[]) => void;
+    onFailed?: () => void;
+    onError?: (error: any) => void;
+    width?: number;
+    heading?: string;
+    dialogText?: string;
+    fileInputText?: string;
+    fileInputPlaceholder?: string;
+    uploadText?: string;
+    cancelText?: string;
+    testId?: string;
+};
+
 declare interface ISortCell extends TCommonCell {
     type: TCellType;
     hasSort?: boolean;
@@ -1370,6 +1418,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 +1524,7 @@ declare interface ITreeListProps {
                 padding?: TStringOrNumber;
             };
         };
+        onDrop?: (event: React_2.DragEvent<HTMLDivElement>) => void;
     }[];
     onClick?: TEmpty;
     actions?: any[];
@@ -1494,6 +1544,18 @@ export declare interface ITreeProps {
         expand: React_2.ReactNode;
         collapse: React_2.ReactNode;
     };
+    allowParentReassignment?: boolean;
+}
+
+declare interface IUnitConfigItem {
+    onChange?: (params: {
+        oldUnit: string;
+        newUnit: string;
+        unitKey: string;
+    }) => void;
+    unitKey: string;
+    storageUnit: string;
+    preferredUnit: string;
 }
 
 export declare interface IUnitInputProps {
@@ -1503,7 +1565,7 @@ export declare interface IUnitInputProps {
     placeholder?: string;
     disabled?: boolean;
     disabledUnit?: boolean;
-    error?: string | null | boolean;
+    error?: string | boolean;
     left?: boolean;
     small?: boolean;
     width?: string | number;
@@ -1513,15 +1575,12 @@ export declare interface IUnitInputProps {
     noConversion?: boolean;
     doNotConvertValue?: boolean;
     testId?: string;
-    warning?: string | null;
+    warning?: string | boolean;
     predefinedOptions?: IPredefinedOption[];
     initialPredefinedOption?: boolean;
     shouldLinkAutomaticly?: boolean;
     selectedPredefinedOptionKey?: string;
-    validationCallback?: (name: string, message: string | null) => {
-        name: string;
-        error: string | null;
-    };
+    validationCallback?: (params: IUnitInputValidationCallbackPayload) => void;
     disabledValidation?: boolean;
     allowEmpty?: boolean;
     autoValue?: string;
@@ -1530,6 +1589,57 @@ export declare interface IUnitInputProps {
     onClick?: MouseEventHandler<HTMLInputElement>;
     onFocus?: FocusEventHandler<HTMLInputElement>;
     unitTemplate?: Record<string, any>;
+    convertBackToStorageUnit?: boolean;
+    enableCosmeticRounding?: boolean;
+    enableDisplayRounding?: boolean;
+}
+
+declare interface IUnitInputValidationCallbackPayload {
+    name: string | {
+        fieldName: string;
+    };
+    error: string | null;
+}
+
+declare interface IUnitTable extends Omit<ITableProps['table'], 'rows'> {
+    rows?: IUnitTableRow[];
+}
+
+declare interface IUnitTableCell {
+    autoUnit: boolean;
+    unitKey: string;
+    formatDisplayValue?: (value: TStringNumberNull) => TStringNumberNull;
+}
+
+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;
+}
+
+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;
@@ -1570,7 +1680,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, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, }: INumberInputProps) => JSX_2.Element;
 
 export declare const OptionDropdown: ({ name, label, options, onChange, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
 
@@ -1580,7 +1690,7 @@ export declare const Pagination: ({ pagination }: IPaginationProps) => JSX_2.Ele
 
 export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, disableConfirmButton, overflowContainer, testId, }: IPopConfirmProps) => JSX_2.Element;
 
-export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, }: IPopoverProps) => JSX_2.Element;
+export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, isOpen: externalIsOpen, onToggle: externalOnToggle, }: IPopoverProps) => JSX_2.Element;
 
 export declare const Portal: ({ id, children }: IPortalProps) => ReactPortal | null;
 
@@ -1602,6 +1712,8 @@ export declare const SideBar: React_2.MemoExoticComponent<({ options, startOpen,
 
 export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => JSX_2.Element;
 
+export declare const SmartUploadModal: ({ visible, prompt, onCloseModal, onUpload, onComplete, onFailed, onError, width, heading, dialogText, fileInputText, fileInputPlaceholder, uploadText, cancelText, testId, }: ISmartUploadModalProps) => JSX_2.Element;
+
 export declare const Spacer: ({ height, width, flex, }: ISpacerProps) => JSX_2.Element;
 
 export declare const Spinner: ({ small, colored, dark, tiny, }: ISpinnerProps) => JSX_2.Element;
@@ -1659,7 +1771,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;
 
@@ -1685,6 +1797,7 @@ declare type TLinkElement = TBaseElementProps & {
     url?: string;
     active?: boolean;
     disabled?: boolean;
+    component?: React.ElementType;
 };
 
 export declare type TMenuCarat = 'false' | 'right' | 'down';
@@ -1710,7 +1823,7 @@ export declare const Tooltip: ({ children, text, error, placement, possiblePlace
 
 export declare const TopBar: ({ title, appSwitcher, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => JSX_2.Element;
 
-export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, }: ITreeProps) => JSX_2.Element;
+export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, allowParentReassignment, }: ITreeProps) => JSX_2.Element;
 
 export declare enum TriggerType {
     TEXT = "Text",
@@ -1746,15 +1859,11 @@ declare type TTopBarContent = TLinkElement | TButtonElement | TMenuElement | TCo
 
 export declare type TTriggerType = 'Text' | 'Button' | 'DropDownButton' | 'Component';
 
-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;
+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, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitInputProps) => JSX_2.Element;
 
-export declare const UnitTable: ({ table, unitConfig, convertBackToStorageUnit, convertBackToString, enableCosmeticRounding, }: {
-    table: any;
-    unitConfig: any;
-    convertBackToStorageUnit?: boolean | undefined;
-    convertBackToString?: boolean | undefined;
-    enableCosmeticRounding?: boolean | undefined;
-}) => JSX_2.Element;
+export declare const UnitTable: ({ table, unitConfig, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitTableProps) => JSX_2.Element;
 
 export declare const useFocus: () => UseFocusReturnType;
 

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