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

package/dist/global.css

@@ -11177,3 +11177,6 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transform: translateY(-50%);
   z-index: 2;
 }
+._predefinedMenuActive_1yvt4_1 input {
+  background: var(--color-background-disabled) !important;
+}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ChangeEvent } from 'react';
 import { CSSProperties } from 'react';
 import { DependencyList } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
+import { FocusEventHandler } from 'react';
 import { Id } from 'react-toastify';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
@@ -40,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: tooltipProp, 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, }: IButtonProps) => JSX_2.Element;
 
 export declare const ButtonGroup: (props: IButtonGroupProps) => JSX_2.Element;
 
@@ -307,6 +308,15 @@ export declare enum IconType {
     CHEVRON_DOUBLE_RIGHT = "chevron double right"
 }
 
+declare interface ICustomChangeEvent {
+    target: {
+        value: string;
+        name: string;
+        predefinedSelected?: boolean;
+        predefinedOption?: IPredefinedOption;
+    };
+}
+
 declare interface IDialog {
     heading?: string | null;
     content?: ReactNode | string[];
@@ -1004,6 +1014,12 @@ export declare interface IPortalProps {
     children: ReactNode | any;
 }
 
+declare interface IPredefinedOption {
+    value: string;
+    label: string;
+    valueKey: string;
+}
+
 export declare interface IPrintHeaderProps {
     logo: string;
     logoWidth?: TStringOrNumber;
@@ -1469,6 +1485,42 @@ export declare interface ITreeProps {
     };
 }
 
+export declare interface IUnitInputProps {
+    name: string | {
+        fieldName?: string;
+    };
+    placeholder?: string;
+    disabled?: boolean;
+    disabledUnit?: boolean;
+    error?: string | null;
+    left?: boolean;
+    small?: boolean;
+    width?: string | number;
+    value?: string | number;
+    unitkey?: string;
+    initUnit?: string;
+    noConversion?: boolean;
+    doNotConvertValue?: boolean;
+    testId?: string;
+    warning?: string | null;
+    predefinedOptions?: IPredefinedOption[];
+    initialPredefinedOption?: boolean;
+    shouldLinkAutomaticly?: boolean;
+    selectedPredefinedOptionKey?: string;
+    validationCallback?: (name: string, message: string | null) => {
+        name: string;
+        error: string | null;
+    };
+    disabledValidation?: boolean;
+    allowEmpty?: boolean;
+    autoValue?: string;
+    onChange: (event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void;
+    onSwitchUnit?: (unit: string) => void;
+    onClick?: MouseEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    unitTemplate: Record<string, any>;
+}
+
 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;
@@ -1681,6 +1733,8 @@ 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;
+
 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-6b425392.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-9e4179c3.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-9914ac27.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-0d78a198.css"></head><body><div id="content"></div></body>