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

package/dist/global.css

@@ -1411,17 +1411,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
-._wrapper_1f7k2_1 {
+._wrapper_8cxhw_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_1f7k2_5 ._wrapper_1f7k2_1 {
+._layer_8cxhw_5 ._wrapper_8cxhw_1 {
   width: 100%;
 }
-._layerContainer_1f7k2_8 {
+._layerContainer_8cxhw_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_1f7k2_5 {
+._layer_8cxhw_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1434,97 +1434,98 @@ html[data-theme='dark'] {
   overflow-y: auto;
   max-height: 40vh;
 }
-._layer_1f7k2_5._nested_1f7k2_24 {
+._layer_8cxhw_5._nested_8cxhw_24 {
   margin: -1px 2px;
 }
-._layer_1f7k2_5 ul {
+._layer_8cxhw_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_1f7k2_5 ul li {
+._layer_8cxhw_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_1f7k2_36 {
+._fileInput_8cxhw_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_1f7k2_41 {
+._trigger_8cxhw_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_1f7k2_5 ._trigger_1f7k2_41 {
+._layer_8cxhw_5 ._trigger_8cxhw_41 {
   width: 100%;
 }
-._middleAlignedInline_1f7k2_50 {
+._middleAlignedInline_8cxhw_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_1f7k2_56 {
+._heading_8cxhw_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_1f7k2_56 ._headingIcon_1f7k2_62 {
+._heading_8cxhw_56 ._headingIcon_8cxhw_62 {
   float: right;
 }
-._heading_1f7k2_56 ._headingIcon_1f7k2_62 svg {
+._heading_8cxhw_56 ._headingIcon_8cxhw_62 svg {
   color: var(--color-text-faint);
 }
-._heading_1f7k2_56 ._headingIcon_1f7k2_62:hover {
+._heading_8cxhw_56 ._headingIcon_8cxhw_62:hover {
   cursor: pointer;
 }
-._heading_1f7k2_56 ._headingIcon_1f7k2_62:hover svg {
+._heading_8cxhw_56 ._headingIcon_8cxhw_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_1f7k2_74 {
+._option_8cxhw_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_1f7k2_56,
-._option_1f7k2_74,
-._layer_1f7k2_5 ._trigger_1f7k2_41 {
+._heading_8cxhw_56,
+._option_8cxhw_74,
+._layer_8cxhw_5 ._trigger_8cxhw_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_1f7k2_74,
-._layer_1f7k2_5 ._trigger_1f7k2_41 {
+._option_8cxhw_74,
+._layer_8cxhw_5 ._trigger_8cxhw_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_1f7k2_74:hover,
-._layer_1f7k2_5 ._trigger_1f7k2_41:hover,
-._option_1f7k2_74._active_1f7k2_93,
-._layer_1f7k2_5 ._trigger_1f7k2_41._active_1f7k2_93 {
+._option_8cxhw_74:hover,
+._layer_8cxhw_5 ._trigger_8cxhw_41:hover,
+._option_8cxhw_74._active_8cxhw_93,
+._layer_8cxhw_5 ._trigger_8cxhw_41._active_8cxhw_93 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_1f7k2_74._selected_1f7k2_98 {
+._option_8cxhw_74._selected_8cxhw_98,
+._layer_8cxhw_5 ._trigger_8cxhw_41._selected_8cxhw_98 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_1f7k2_5 ._trigger_1f7k2_41 {
+._layer_8cxhw_5 ._trigger_8cxhw_41 {
   align-items: center;
 }
-._optionContent_1f7k2_104 {
+._optionContent_8cxhw_105 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_1f7k2_108 ._optionContent_1f7k2_104 {
+._inline_8cxhw_109 ._optionContent_8cxhw_105 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_1f7k2_113,
-._check_1f7k2_114 {
+._icon_8cxhw_114,
+._check_8cxhw_115 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1532,83 +1533,83 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_1f7k2_113 {
+._icon_8cxhw_114 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
   font-size: var(--size-xs);
 }
-._icon_1f7k2_113:empty {
+._icon_8cxhw_114:empty {
   display: none;
 }
-._icon_1f7k2_113 img {
+._icon_8cxhw_114 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_1f7k2_114 {
+._check_8cxhw_115 {
   margin-left: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._text_1f7k2_140 {
+._text_8cxhw_141 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_1f7k2_145 {
+._label_8cxhw_146 {
   margin-right: auto;
 }
-._label_1f7k2_145,
-._heading_1f7k2_56 {
+._label_8cxhw_146,
+._heading_8cxhw_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_1f7k2_156 {
+._description_8cxhw_157 {
   color: #999;
   display: block;
 }
-._arrow_1f7k2_160 {
+._arrow_8cxhw_161 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_1f7k2_164 {
+._divider_8cxhw_165 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_1f7k2_168 {
+._deprecatedSemanticIcon_8cxhw_169 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_1f7k2_172 {
+._disabled_8cxhw_173 {
   opacity: 0.2;
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_1f7k2_177 {
+._buttonLabel_8cxhw_178 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_1f7k2_183 {
+._buttonCaret_8cxhw_184 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_1f7k2_187 {
+._component_8cxhw_188 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_1f7k2_193 {
+._right_8cxhw_194 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_1f7k2_198 {
+._actions_8cxhw_199 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

package/dist/index.d.ts

@@ -751,6 +751,7 @@ export declare interface IMenuProps {
     error?: any;
     warning?: any;
     title?: string;
+    selected?: boolean;
 }
 
 declare interface IMenuSection {
@@ -1038,9 +1039,10 @@ export declare interface IPortalProps {
 }
 
 declare interface IPredefinedOption {
-    value?: string;
+    value: string;
     label: string;
     valueKey?: string;
+    unit?: string;
 }
 
 export declare interface IPrintHeaderProps {
@@ -1560,17 +1562,14 @@ export declare interface IUnitInputProps {
     unitkey?: string;
     initUnit?: string;
     noConversion?: boolean;
-    doNotConvertValue?: boolean;
     testId?: string;
     warning?: string | boolean | null;
     predefinedOptions?: IPredefinedOption[] | null;
-    initialPredefinedOption?: boolean;
-    shouldLinkAutomaticly?: boolean;
-    selectedPredefinedOptionKey?: string;
+    initialPredefinedOption?: string;
+    predefinedOptionLinked?: boolean;
     validationCallback?: (name: string, error: string | null) => any;
     disabledValidation?: boolean;
     allowEmpty?: boolean;
-    autoValue?: string;
     onChange?: TOnChangeEventHandler;
     onSwitchUnit?: (unit: string) => void;
     onClick?: MouseEventHandler<HTMLInputElement>;
@@ -1873,7 +1872,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, roundDisplayValue, }: 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, testId, warning, predefinedOptions, initialPredefinedOption, predefinedOptionLinked, validationCallback, disabledValidation, allowEmpty, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, }: IUnitInputProps) => JSX_2.Element;
 
 export declare const UnitTable: ({ table, unitConfig, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitTableProps) => JSX_2.Element;