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

package/dist/global.css

@@ -2745,123 +2745,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1jod2_1 {
+._inputInTable_1qlur_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1jod2_1:not(:hover) {
+._inputInTable_1qlur_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1jod2_1:not(:focus) {
+._inputInTable_1qlur_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1jod2_13 {
+._inputHover_1qlur_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1jod2_18 {
+._inputFocus_1qlur_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1jod2_25,
-._inputWarning_1jod2_26 {
+._inputError_1qlur_25,
+._inputWarning_1qlur_26 {
   position: relative;
 }
-._inputError_1jod2_25 {
+._inputError_1qlur_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1jod2_25:hover {
+._inputError_1qlur_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1jod2_25:focus {
+._inputError_1qlur_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1jod2_26 {
+._inputWarning_1qlur_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1jod2_26:hover {
+._inputWarning_1qlur_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1jod2_26:focus {
+._inputWarning_1qlur_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1jod2_61 {
+._inputDisabled_1qlur_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1jod2_67 {
+._hideScrollbars_1qlur_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1jod2_67::-webkit-scrollbar {
+._hideScrollbars_1qlur_67::-webkit-scrollbar {
   display: none;
 }
-._header_1jod2_77 ._headerTitle_1jod2_77,
-._heading_1jod2_78 ._itemHeader_1jod2_78 {
+._header_1qlur_77 ._headerTitle_1qlur_77,
+._heading_1qlur_78 ._itemHeader_1qlur_78 {
   transition: opacity 0.3s;
 }
-._narrow_1jod2_81 ._header_1jod2_77 ._headerTitle_1jod2_77,
-._narrow_1jod2_81 ._heading_1jod2_78 ._itemHeader_1jod2_78 {
+._narrow_1qlur_81 ._header_1qlur_77 ._headerTitle_1qlur_77,
+._narrow_1qlur_81 ._heading_1qlur_78 ._itemHeader_1qlur_78 {
   opacity: 0;
 }
-._stickyHeader_1jod2_85 {
+._stickyHeader_1qlur_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1jod2_78 {
+._itemHeader_1qlur_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1jod2_78 ._title_1jod2_96 {
+._itemHeader_1qlur_78 ._title_1qlur_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1jod2_78 ._name_1jod2_102 {
+._itemHeader_1qlur_78 ._name_1qlur_102 {
   font-weight: 400;
 }
-._itemHeader_1jod2_78 ._iconTooltipMargin_1jod2_105 {
+._itemHeader_1qlur_78 ._iconTooltipMargin_1qlur_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_1jod2_78 ._bold_1jod2_108 {
+._itemHeader_1qlur_78 ._bold_1qlur_108 {
   font-weight: bold;
 }
-._header_1jod2_77 {
+._header_1qlur_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1jod2_117 {
+._toggleNarrow_1qlur_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2870,16 +2870,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1jod2_117:hover {
+._toggleNarrow_1qlur_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1jod2_117:active {
+._toggleNarrow_1qlur_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1jod2_81 ._toggleNarrow_1jod2_117 {
+._narrow_1qlur_81 ._toggleNarrow_1qlur_117 {
   transform: scaleX(-1);
 }
-._drag_1jod2_135 {
+._drag_1qlur_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2891,29 +2891,30 @@ html[data-theme='dark'] {
   cursor: move;
   height: var(--size-sm);
   width: var(--size-sm);
+  flex-shrink: 0;
 }
-._drag_1jod2_135:hover {
+._drag_1qlur_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_1jod2_135:active {
+._drag_1qlur_135:active {
   color: var(--color-text-primary-active);
 }
-._list_1jod2_154 {
+._list_1qlur_155 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1jod2_154._bordered_1jod2_158:first-child,
-._list_1jod2_154._bordered_1jod2_158:first-child > :first-child {
+._list_1qlur_155._bordered_1qlur_159:first-child,
+._list_1qlur_155._bordered_1qlur_159:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1jod2_154._bordered_1jod2_158:last-child,
-._list_1jod2_154._bordered_1jod2_158:last-child > :last-child {
+._list_1qlur_155._bordered_1qlur_159:last-child,
+._list_1qlur_155._bordered_1qlur_159:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1jod2_78 {
+._item_1qlur_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2924,7 +2925,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1jod2_78:not(._heading_1jod2_78):after {
+._item_1qlur_78:not(._heading_1qlur_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2935,41 +2936,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_1jod2_78._action_1jod2_191 {
+._item_1qlur_78._action_1qlur_192 {
   cursor: pointer;
 }
-._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover {
+._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover:after {
+._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1jod2_78._indented_1jod2_201:after {
+._item_1qlur_78._indented_1qlur_202:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1jod2_78._active_1jod2_194 {
+._item_1qlur_78._active_1qlur_195 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1jod2_78._active_1jod2_194:after {
+._item_1qlur_78._active_1qlur_195:after {
   background: var(--color-background-primary) !important;
 }
-._item_1jod2_78._disabled_1jod2_214 {
+._item_1qlur_78._disabled_1qlur_215 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1jod2_78._heading_1jod2_78 {
+._item_1qlur_78._heading_1qlur_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_1jod2_78._heading_1jod2_78._action_1jod2_191:hover {
+._item_1qlur_78._heading_1qlur_78._action_1qlur_192:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1jod2_78 ._label_1jod2_225 {
+._item_1qlur_78 ._label_1qlur_226 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2980,38 +2981,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_1jod2_78 ._details_1jod2_236,
-._item_1jod2_78 ._metadata_1jod2_237 {
+._item_1qlur_78 ._details_1qlur_237,
+._item_1qlur_78 ._metadata_1qlur_238 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_1jod2_78 ._metadata_1jod2_237 {
+._item_1qlur_78 ._metadata_1qlur_238 {
   color: var(--color-text-muted);
 }
-._item_1jod2_78 ._itemContent_1jod2_245 {
+._item_1qlur_78 ._itemContent_1qlur_246 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_1jod2_78 ._itemContent_1jod2_245:empty {
+._item_1qlur_78 ._itemContent_1qlur_246:empty {
   padding: inherit;
 }
-._indentIcon_1jod2_252 {
+._indentIcon_1qlur_253 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_1jod2_257 {
+._expandIcon_1qlur_258 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_1jod2_257._expanded_1jod2_264 svg {
+._expandIcon_1qlur_258._expanded_1qlur_265 svg {
   transform: rotate(90deg);
 }
-._right_1jod2_267 {
+._right_1qlur_268 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -3019,24 +3020,24 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_1jod2_275 {
+._actions_1qlur_276 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_1jod2_280 {
+._scrollableList_1qlur_281 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1jod2_67 {
+._hideScrollbar_1qlur_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1jod2_67::-webkit-scrollbar {
+._hideScrollbar_1qlur_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {

package/dist/index.d.ts

@@ -158,8 +158,6 @@ export declare interface IActionProps {
     closeLayer?: TEmpty;
 }
 
-declare type IActionsType = (IAction | ISubAction | IChildComponent)[];
-
 export declare interface IBadgeProps {
     children?: ReactNode;
     color?: string;
@@ -233,20 +231,6 @@ export declare interface ICardProps {
     children?: ReactNode;
 }
 
-declare interface ICell {
-    value: number | string;
-    type: string;
-    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    testId?: string;
-    disabled?: boolean;
-    style?: object;
-    options?: {
-        label: string;
-        value: string | number;
-    }[];
-}
-
 declare interface ICheckBoxCell extends TCommonCell {
     label?: string | null;
     checked: boolean;
@@ -273,11 +257,6 @@ export declare interface ICheckBoxProps {
     onClickHelp?: TEmpty;
 }
 
-declare interface IChildComponent {
-    childComponent: ReactNode | (() => ReactNode);
-    testId?: string;
-}
-
 /**
  * Icon wrapper component to support different icon formats:
  *     - string names (default recommendation)
@@ -1292,25 +1271,6 @@ declare interface ISubAction_2 {
     onClick: TEmpty;
 }
 
-declare interface ITableActions {
-    addRow?: () => void;
-    reorderComponents?: () => void;
-}
-
-declare interface ITableDefinition {
-    key: string;
-    header: string;
-    translationKey: string;
-    type: string;
-    convertible: boolean;
-    unitKey: string;
-    columnAlignment: string;
-    columnWidth: string;
-    defaultValue?: number | string | null;
-    options?: Array<any>;
-    placeholder?: string;
-}
-
 export declare interface ITableProps {
     onListReorder?: (obj: {
         from: number;
@@ -1428,6 +1388,7 @@ export declare interface IToggleProps {
     label?: string | React_2.ReactElement | null;
     checked?: boolean;
     disabled?: boolean;
+    display?: string;
     small?: boolean;
     onChange: (evt: React_2.ChangeEvent<HTMLInputElement>) => void;
     noMargin?: boolean;
@@ -1561,18 +1522,6 @@ export declare interface IUnitInputProps {
     unitTemplate?: Record<string, any>;
 }
 
-declare interface IUnitTableProps {
-    data: Array<any>;
-    unitTemplate: Record<string, any>;
-    tableDef: ITableDefinition[];
-    convertToCells: (displayedData: Array<any>, displayedUnits: Record<string, any>) => {
-        cells: ICell[];
-        actions: IActionsType;
-    }[];
-    tableActions: ITableActions;
-    testId: string;
-}
-
 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;
@@ -1658,7 +1607,7 @@ export declare type TAlign = 'left' | 'right' | 'center';
 declare type TBaseElementProps = {
     label?: string | null;
     icon?: ReactNode;
-    onClick?: TEmpty;
+    onClick?: TMouseEventHandler;
     testId?: string;
 };
 
@@ -1739,11 +1688,13 @@ export declare type TMenuType = 'Heading' | 'Divider' | 'Option' | 'Menu';
 
 export declare type TMessageType = 'Info' | 'Success' | 'Warning' | 'Error';
 
+declare type TMouseEventHandler = (evt: MouseEvent_2) => void;
+
 export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps) => void | React_2.ReactText;
 
 export { Toaster }
 
-export declare const Toggle: ({ name, label, checked, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => JSX_2.Element;
+export declare const Toggle: ({ name, label, checked, disabled, display, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => JSX_2.Element;
 
 export declare const Tooltip: ({ children, text, error, placement, possiblePlacements, enabled, warning, maxWidth, triggerOffset, fontSize, padding, display, flex, forceOpen, }: ITooltipProps) => JSX_2.Element;
 
@@ -1787,8 +1738,6 @@ export declare type TTriggerType = 'Text' | 'Button' | 'DropDownButton' | 'Compo
 
 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: ({ data, unitTemplate, tableDef, convertToCells, tableActions, testId, }: 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-26f804a8.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-0d78a198.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-326366e3.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-2b7aaa8d.css"></head><body><div id="content"></div></body>