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

package/dist/global.css

@@ -9131,80 +9131,80 @@ button:active .remirror-menu-pane-shortcut,
   width: 8px;
   height: 14px;
 }
-._inputInTable_1dg3w_1 {
+._inputInTable_sqhcz_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1dg3w_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_sqhcz_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_1dg3w_1:not(:focus) {
+._inputInTable_sqhcz_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1dg3w_13 {
+._inputHover_sqhcz_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1dg3w_18 {
+._inputFocus_sqhcz_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1dg3w_25,
-._inputWarning_1dg3w_26 {
+._inputError_sqhcz_25,
+._inputWarning_sqhcz_26 {
   position: relative;
 }
-._inputError_1dg3w_25 {
+._inputError_sqhcz_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1dg3w_25:hover {
+._inputError_sqhcz_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1dg3w_25:focus {
+._inputError_sqhcz_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1dg3w_26 {
+._inputWarning_sqhcz_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1dg3w_26:hover {
+._inputWarning_sqhcz_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1dg3w_26:focus {
+._inputWarning_sqhcz_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1dg3w_61 {
+._inputDisabled_sqhcz_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1dg3w_67 {
+._hideScrollbars_sqhcz_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1dg3w_67::-webkit-scrollbar {
+._hideScrollbars_sqhcz_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9215,7 +9215,7 @@ html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-800);
   --color-background-table-row-tinted: var(--color-neutral-800);
 }
-._wrapper_1dg3w_85 {
+._wrapper_sqhcz_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9223,22 +9223,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_1dg3w_85._bordered_1dg3w_93 {
+._wrapper_sqhcz_85._bordered_sqhcz_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_1dg3w_98 {
+._scroll_sqhcz_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_1dg3w_98:not(:first-child) {
+._scroll_sqhcz_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_1dg3w_108 {
+._table_sqhcz_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9247,32 +9247,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_1dg3w_108 > :first-child {
+._table_sqhcz_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1dg3w_108 > :first-child > :first-child {
+._table_sqhcz_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1dg3w_108 > :first-child > :first-child > :first-child {
+._table_sqhcz_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_1dg3w_108 > :first-child > :first-child > :last-child {
+._table_sqhcz_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_1dg3w_108 > :last-child {
+._table_sqhcz_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1dg3w_108 > :last-child > :last-child {
+._table_sqhcz_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1dg3w_108 > :last-child > :last-child > :first-child {
+._table_sqhcz_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_1dg3w_108 > :last-child > :last-child > :last-child {
+._table_sqhcz_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9288,10 +9288,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_1dg3w_108 > *:not(:last-child) > tr th,
-._table_1dg3w_108 > *:not(:last-child) > tr td,
-._table_1dg3w_108 > *:last-child > tr:not(:last-child) th,
-._table_1dg3w_108 > *:last-child > tr:not(:last-child) td {
+._table_sqhcz_108 > *:not(:last-child) > tr th,
+._table_sqhcz_108 > *:not(:last-child) > tr td,
+._table_sqhcz_108 > *:last-child > tr:not(:last-child) th,
+._table_sqhcz_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9304,8 +9304,6 @@ td:not(:first-child) {
   }
 }
 thead {
-  position: sticky;
-  top: 0;
   overflow: hidden;
   z-index: 5;
 }
@@ -9318,7 +9316,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_1dg3w_188 tbody tr:nth-child(even) {
+._striped_sqhcz_186 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_zn5s7_1 {

package/dist/index.d.ts

@@ -134,7 +134,7 @@ export declare interface IAccordionWithDefaultToggleProps {
     toggleLabel: string;
     expanded?: boolean;
     defaultEnabled?: boolean;
-    onClickDefaultToggle?: (evt: ChangeEvent<HTMLInputElement>) => void;
+    onClickDefaultToggle?: TCheckBoxClickHandler;
     padding?: boolean;
     children?: ReactNode;
 }
@@ -241,17 +241,25 @@ declare interface ICheckBoxCell extends TCommonCell {
     label?: string | null;
     checked: boolean;
     type: TCellType;
-    onChange: TChangeEventHandler;
+    onChange: TCheckBoxClickHandler;
     disabled?: boolean;
 }
 
+export declare interface ICheckBoxClickEvent {
+    target: {
+        name: string;
+        checked: boolean;
+        value: boolean;
+    };
+}
+
 export declare interface ICheckBoxProps {
     checked?: boolean;
     isInTable?: boolean;
     label?: string | null;
     name?: string;
     noMargin?: boolean;
-    onChange: TChangeEventHandler;
+    onChange: TCheckBoxClickHandler;
     tabIndex?: number;
     disabled?: boolean;
     small?: boolean;
@@ -1039,10 +1047,9 @@ export declare interface IPortalProps {
 }
 
 declare interface IPredefinedOption {
-    value: string;
+    value?: string;
     label: string;
     valueKey?: string;
-    unit?: string;
 }
 
 export declare interface IPrintHeaderProps {
@@ -1562,14 +1569,17 @@ export declare interface IUnitInputProps {
     unitkey?: string;
     initUnit?: string;
     noConversion?: boolean;
+    doNotConvertValue?: boolean;
     testId?: string;
     warning?: string | boolean | null;
     predefinedOptions?: IPredefinedOption[] | null;
-    initialPredefinedOption?: string;
-    predefinedOptionLinked?: boolean;
+    initialPredefinedOption?: boolean;
+    shouldLinkAutomaticly?: boolean;
+    selectedPredefinedOptionKey?: string;
     validationCallback?: (name: string, error: string | null) => any;
     disabledValidation?: boolean;
     allowEmpty?: boolean;
+    autoValue?: string;
     onChange?: TOnChangeEventHandler;
     onSwitchUnit?: (unit: string) => void;
     onClick?: MouseEventHandler<HTMLInputElement>;
@@ -1742,6 +1752,10 @@ export declare type TChangeEventHandler<T extends HTMLElement = HTMLInputElement
     [key: string]: any;
 }[]) => void;
 
+export declare type TCheckBoxClickHandler = (evt: default_2.MouseEvent<HTMLDivElement, MouseEvent> & {
+    target: ICheckBoxClickEvent['target'];
+}) => void;
+
 export declare type TColor = 'danger' | 'red' | 'white' | 'success' | 'green' | 'muted';
 
 declare interface TCommonCell {
@@ -1872,7 +1886,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, testId, warning, predefinedOptions, initialPredefinedOption, predefinedOptionLinked, validationCallback, disabledValidation, allowEmpty, 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, doNotConvertValue, testId, warning, predefinedOptions, initialPredefinedOption, shouldLinkAutomaticly, selectedPredefinedOptionKey, validationCallback, disabledValidation, allowEmpty, autoValue, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, }: IUnitInputProps) => JSX_2.Element;
 
 export declare const UnitTable: ({ table, unitConfig, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitTableProps) => JSX_2.Element;