@oliasoft-open-source/react-ui-library 3.1.20 → 3.1.22

package/dist/global.css

@@ -2869,17 +2869,17 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_4p39y_329 {
+._wrapper_chz6g_329 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_4p39y_333 ._wrapper_4p39y_329 {
+._layer_chz6g_333 ._wrapper_chz6g_329 {
   width: 100%;
 }
-._layerContainer_4p39y_336 {
+._layerContainer_chz6g_336 {
   z-index: 2002;
 }
-._layer_4p39y_333 {
+._layer_chz6g_333 {
   border: 1px solid var(--color-border);
   border-radius: 4px;
   overflow: hidden;
@@ -2889,100 +2889,101 @@ html[data-theme='dark'] {
   min-width: 10em;
   max-width: 30em;
   position: relative;
+  overflow-y: auto;
 }
-._layer_4p39y_333._nested_4p39y_350 {
+._layer_chz6g_333._nested_chz6g_351 {
   margin: -1px 2px;
 }
-._layer_4p39y_333 ul {
+._layer_chz6g_333 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_4p39y_333 ul li {
+._layer_chz6g_333 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_4p39y_362 {
+._fileInput_chz6g_363 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_4p39y_368 {
+._trigger_chz6g_369 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   overflow: hidden;
   max-width: 100%;
 }
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._layer_chz6g_333 ._trigger_chz6g_369 {
   width: 100%;
 }
-._middleAlignedInline_4p39y_378 {
+._middleAlignedInline_chz6g_379 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_4p39y_384 {
+._heading_chz6g_385 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: 12px;
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390 {
+._heading_chz6g_385 ._headingIcon_chz6g_391 {
   float: right;
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390 svg {
+._heading_chz6g_385 ._headingIcon_chz6g_391 svg {
   color: var(--color-text-faint);
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390:hover {
+._heading_chz6g_385 ._headingIcon_chz6g_391:hover {
   cursor: pointer;
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390:hover svg {
+._heading_chz6g_385 ._headingIcon_chz6g_391:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_4p39y_402 {
+._option_chz6g_403 {
   color: inherit;
   display: block;
 }
-._heading_4p39y_384,
-._option_4p39y_402,
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._heading_chz6g_385,
+._option_chz6g_403,
+._layer_chz6g_333 ._trigger_chz6g_369 {
   padding: 8px 12px;
 }
-._option_4p39y_402,
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._option_chz6g_403,
+._layer_chz6g_333 ._trigger_chz6g_369 {
   line-height: 20px;
   display: flex;
   align-items: flex-start;
 }
-._option_4p39y_402:hover,
-._layer_4p39y_333 ._trigger_4p39y_368:hover,
-._option_4p39y_402._active_4p39y_419,
-._layer_4p39y_333 ._trigger_4p39y_368._active_4p39y_419 {
+._option_chz6g_403:hover,
+._layer_chz6g_333 ._trigger_chz6g_369:hover,
+._option_chz6g_403._active_chz6g_420,
+._layer_chz6g_333 ._trigger_chz6g_369._active_chz6g_420 {
   background-color: var(--color-background-menuitem-hover);
   cursor: pointer;
 }
-._option_4p39y_402._selected_4p39y_424 {
+._option_chz6g_403._selected_chz6g_425 {
   background-color: var(--color-background-menuitem-active);
   font-weight: bold;
 }
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._layer_chz6g_333 ._trigger_chz6g_369 {
   align-items: center;
 }
-._optionContent_4p39y_431 {
+._optionContent_chz6g_432 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_4p39y_436 ._optionContent_4p39y_431 {
+._inline_chz6g_437 ._optionContent_chz6g_432 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_4p39y_441,
-._check_4p39y_442 {
+._icon_chz6g_442,
+._check_chz6g_443 {
   display: flex;
   flex-shrink: 1;
   width: 16px;
@@ -2990,83 +2991,83 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_4p39y_441 {
+._icon_chz6g_442 {
   margin-right: 8px;
   color: var(--color-text-primary);
 }
-._icon_4p39y_441:empty {
+._icon_chz6g_442:empty {
   display: none;
 }
-._icon_4p39y_441 img {
+._icon_chz6g_442 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_4p39y_442 {
+._check_chz6g_443 {
   font-size: 12px;
   color: #a5a7a9;
   margin-left: 10px;
 }
-._text_4p39y_468 {
+._text_chz6g_469 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_4p39y_473 {
+._label_chz6g_474 {
   margin-right: auto;
 }
-._label_4p39y_473,
-._heading_4p39y_384 {
+._label_chz6g_474,
+._heading_chz6g_385 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_4p39y_484 {
+._description_chz6g_485 {
   color: #999;
   display: block;
 }
-._arrow_4p39y_488 {
+._arrow_chz6g_489 {
   margin-left: 10px;
   opacity: 0.4;
 }
-._divider_4p39y_492 {
+._divider_chz6g_493 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_4p39y_496 {
+._deprecatedSemanticIcon_chz6g_497 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_4p39y_500 {
+._disabled_chz6g_501 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_4p39y_505 {
+._buttonLabel_chz6g_506 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
   line-height: 1.2;
 }
-._buttonCaret_4p39y_512 {
+._buttonCaret_chz6g_513 {
   margin-left: 5px;
 }
-._component_4p39y_515 {
+._component_chz6g_516 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_4p39y_521 {
+._right_chz6g_522 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_4p39y_526 {
+._actions_chz6g_527 {
   margin-left: 8px;
   display: flex;
   align-items: center;

package/dist/index.js

@@ -9683,34 +9683,34 @@ function useHover(_temp) {
     return onMouseLeave(null, true);
   }];
 }
-const wrapper$3 = "_wrapper_4p39y_329";
-const layer$1 = "_layer_4p39y_333";
-const layerContainer$1 = "_layerContainer_4p39y_336";
-const nested = "_nested_4p39y_350";
-const fileInput$1 = "_fileInput_4p39y_362";
-const trigger$1 = "_trigger_4p39y_368";
-const middleAlignedInline = "_middleAlignedInline_4p39y_378";
-const heading$5 = "_heading_4p39y_384";
-const headingIcon = "_headingIcon_4p39y_390";
-const option$1 = "_option_4p39y_402";
-const active$9 = "_active_4p39y_419";
-const selected$1 = "_selected_4p39y_424";
-const optionContent$1 = "_optionContent_4p39y_431";
-const inline$3 = "_inline_4p39y_436";
-const icon$7 = "_icon_4p39y_441";
-const check$1 = "_check_4p39y_442";
-const text$2 = "_text_4p39y_468";
-const label$a = "_label_4p39y_473";
-const description = "_description_4p39y_484";
-const arrow = "_arrow_4p39y_488";
-const divider$1 = "_divider_4p39y_492";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_4p39y_496";
-const disabled$8 = "_disabled_4p39y_500";
-const buttonLabel = "_buttonLabel_4p39y_505";
-const buttonCaret = "_buttonCaret_4p39y_512";
-const component = "_component_4p39y_515";
-const right$7 = "_right_4p39y_521";
-const actions$2 = "_actions_4p39y_526";
+const wrapper$3 = "_wrapper_chz6g_329";
+const layer$1 = "_layer_chz6g_333";
+const layerContainer$1 = "_layerContainer_chz6g_336";
+const nested = "_nested_chz6g_351";
+const fileInput$1 = "_fileInput_chz6g_363";
+const trigger$1 = "_trigger_chz6g_369";
+const middleAlignedInline = "_middleAlignedInline_chz6g_379";
+const heading$5 = "_heading_chz6g_385";
+const headingIcon = "_headingIcon_chz6g_391";
+const option$1 = "_option_chz6g_403";
+const active$9 = "_active_chz6g_420";
+const selected$1 = "_selected_chz6g_425";
+const optionContent$1 = "_optionContent_chz6g_432";
+const inline$3 = "_inline_chz6g_437";
+const icon$7 = "_icon_chz6g_442";
+const check$1 = "_check_chz6g_443";
+const text$2 = "_text_chz6g_469";
+const label$a = "_label_chz6g_474";
+const description = "_description_chz6g_485";
+const arrow = "_arrow_chz6g_489";
+const divider$1 = "_divider_chz6g_493";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_chz6g_497";
+const disabled$8 = "_disabled_chz6g_501";
+const buttonLabel = "_buttonLabel_chz6g_506";
+const buttonCaret = "_buttonCaret_chz6g_513";
+const component = "_component_chz6g_516";
+const right$7 = "_right_chz6g_522";
+const actions$2 = "_actions_chz6g_527";
 const styles$L = {
   wrapper: wrapper$3,
   layer: layer$1,
@@ -9930,8 +9930,7 @@ const Layer$2 = ({
     className: cx(styles$L.layer, isNested ? styles$L.nested : null),
     style: {
       maxWidth: width,
-      maxHeight: maxHeight2 || "auto",
-      overflowY: maxHeight2 ? "auto" : "default"
+      maxHeight: maxHeight2
     },
     "data-testid": testId,
     children: /* @__PURE__ */ jsx("ul", {
@@ -10208,7 +10207,7 @@ Button$1.propTypes = {
   round: propTypes$1.exports.bool,
   small: propTypes$1.exports.bool,
   styles: propTypes$1.exports.string,
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string,
   pill: propTypes$1.exports.bool,
   inverted: propTypes$1.exports.bool
@@ -10632,7 +10631,7 @@ Menu.defaultProps = {
   closeOnOptionClick: true,
   groupOrder: null,
   overflowContainer: true,
-  maxHeight: null,
+  maxHeight: "40vh",
   testId: void 0,
   open: void 0,
   setOpen: void 0
@@ -10643,7 +10642,7 @@ Menu.propTypes = {
   badgeTitle: propTypes$1.exports.string,
   badgeDot: propTypes$1.exports.bool,
   loading: propTypes$1.exports.bool,
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   fullHeightTrigger: propTypes$1.exports.bool,
   closeOnOptionClick: propTypes$1.exports.bool,
   groupOrder: propTypes$1.exports.string,
@@ -12730,8 +12729,8 @@ const dialogShape = propTypes$1.exports.shape({
   content: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node, propTypes$1.exports.arrayOf(propTypes$1.exports.string)]).isRequired,
   contentPadding: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   footer: propTypes$1.exports.node,
-  width: propTypes$1.exports.string,
-  height: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   bordered: propTypes$1.exports.bool,
   onClose: propTypes$1.exports.func,
   scroll: propTypes$1.exports.bool,
@@ -15109,8 +15108,8 @@ Empty.defaultProps = {
   children: null
 };
 Empty.propTypes = {
-  width: propTypes$1.exports.string,
-  height: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   text: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   children: propTypes$1.exports.node
 };
@@ -15509,7 +15508,7 @@ Label$2.propTypes = {
   label: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   helpText: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   helpTextMaxWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   info: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func,
   lock: propTypes$1.exports.shape({
@@ -15594,7 +15593,7 @@ Field.propTypes = {
   helpText: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   helpTextMaxWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   labelLeft: propTypes$1.exports.bool,
-  labelWidth: propTypes$1.exports.string,
+  labelWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   children: propTypes$1.exports.node.isRequired,
   info: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func,
@@ -15645,11 +15644,11 @@ Flex.defaultProps = {
 Flex.propTypes = {
   alignItems: propTypes$1.exports.string,
   direction: propTypes$1.exports.string,
-  height: propTypes$1.exports.string,
+  height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   justifyContent: propTypes$1.exports.string,
   children: propTypes$1.exports.node,
   wrap: propTypes$1.exports.bool,
-  gap: propTypes$1.exports.oneOfType([propTypes$1.exports.bool, propTypes$1.exports.string])
+  gap: propTypes$1.exports.oneOfType([propTypes$1.exports.bool, propTypes$1.exports.string, propTypes$1.exports.number])
 };
 const formRow = "_formRow_16j7m_329";
 const styles$s = {
@@ -15717,8 +15716,8 @@ Grid.propTypes = {
   columns: propTypes$1.exports.string,
   columnsTablet: propTypes$1.exports.string,
   columnsMobile: propTypes$1.exports.string,
-  gap: propTypes$1.exports.oneOfType([propTypes$1.exports.bool, propTypes$1.exports.string]),
-  height: propTypes$1.exports.string,
+  gap: propTypes$1.exports.oneOfType([propTypes$1.exports.bool, propTypes$1.exports.string, propTypes$1.exports.number]),
+  height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   children: propTypes$1.exports.node
 };
 const addon = "_addon_1php6_329";
@@ -24756,7 +24755,7 @@ ListHeading.defaultProps = {
   }
 };
 ListHeading.propTypes = {
-  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
+  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]).isRequired,
   actions: actionsShape,
   toggleNarrow: propTypes$1.exports.bool,
   onToggleNarrow: propTypes$1.exports.func
@@ -24805,7 +24804,7 @@ const Name = ({
   });
 };
 Name.propTypes = {
-  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
+  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]).isRequired,
   icon: propTypes$1.exports.shape({
     icon: propTypes$1.exports.node,
     color: propTypes$1.exports.string,
@@ -24939,7 +24938,7 @@ ListSubheading.propTypes = {
     actions: actionsShape,
     disabled: propTypes$1.exports.bool,
     expanded: propTypes$1.exports.bool,
-    name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
+    name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]).isRequired,
     onClick: propTypes$1.exports.func,
     title: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
     testId: propTypes$1.exports.string
@@ -25210,11 +25209,11 @@ List.defaultProps = {
 };
 List.propTypes = {
   list: propTypes$1.exports.shape({
-    name: propTypes$1.exports.string,
+    name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
     actions: actionsShape,
     items: propTypes$1.exports.arrayOf(propTypes$1.exports.shape({
       id: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
-      name: propTypes$1.exports.string.isRequired,
+      name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]).isRequired,
       title: propTypes$1.exports.string,
       active: propTypes$1.exports.bool,
       details: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
@@ -25337,8 +25336,8 @@ Loader.defaultProps = {
 Loader.propTypes = {
   fullViewPortSize: propTypes$1.exports.bool,
   cover: propTypes$1.exports.bool,
-  width: propTypes$1.exports.string,
-  height: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   text: propTypes$1.exports.string,
   details: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   children: propTypes$1.exports.node,
@@ -25513,8 +25512,8 @@ const messageShape = propTypes$1.exports.shape({
   details: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   withDismiss: propTypes$1.exports.bool,
   onClose: propTypes$1.exports.func,
-  width: propTypes$1.exports.string,
-  maxHeight: propTypes$1.exports.string
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  maxHeight: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 });
 Message.propTypes = {
   message: messageShape.isRequired
@@ -25593,7 +25592,7 @@ Modal.propTypes = {
   children: propTypes$1.exports.node.isRequired,
   visible: propTypes$1.exports.bool,
   centered: propTypes$1.exports.bool,
-  width: propTypes$1.exports.string
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
 const menu$1 = "_menu_10aw9_329";
 const header = "_header_10aw9_338";
@@ -25939,7 +25938,7 @@ const NativeSelectShape = {
   small: propTypes$1.exports.bool,
   tabIndex: propTypes$1.exports.number,
   selectedOption: propTypes$1.exports.shape(selectOptionShape$1),
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   groupOrder: propTypes$1.exports.string,
   testId: propTypes$1.exports.string,
   isInTable: propTypes$1.exports.bool
@@ -27608,7 +27607,7 @@ const CustomSelectShape = {
   placeholder: propTypes$1.exports.string,
   small: propTypes$1.exports.bool,
   tabIndex: propTypes$1.exports.number,
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   autoLayerWidth: propTypes$1.exports.bool,
   onFocus: propTypes$1.exports.func,
   onBlur: propTypes$1.exports.func,
@@ -27829,7 +27828,7 @@ const SelectShape = {
   onCreate: propTypes$1.exports.func,
   small: propTypes$1.exports.bool,
   tabIndex: propTypes$1.exports.number,
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   autoLayerWidth: propTypes$1.exports.bool,
   onFocus: propTypes$1.exports.func,
   onBlur: propTypes$1.exports.func,
@@ -28191,7 +28190,7 @@ ProgressBar$1.defaultProps = {
   noLabel: false
 };
 ProgressBar$1.propTypes = {
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   colored: propTypes$1.exports.bool,
   inverted: propTypes$1.exports.bool,
   percentage: propTypes$1.exports.number,
@@ -34767,8 +34766,8 @@ Slider.defaultProps = {
 Slider.propTypes = {
   name: propTypes$1.exports.string,
   label: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
-  width: propTypes$1.exports.string,
-  labelWidth: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  labelWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.number, propTypes$1.exports.array]).isRequired,
   min: propTypes$1.exports.number.isRequired,
   max: propTypes$1.exports.number.isRequired,
@@ -34905,7 +34904,7 @@ Title$1.propTypes = {
   actions: actionsShape,
   actionsRight: propTypes$1.exports.bool,
   colSpan: propTypes$1.exports.number.isRequired,
-  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   testId: propTypes$1.exports.string
 };
 const cellWrapperPadding$1 = "_cellWrapperPadding_zagix_329";
@@ -35539,7 +35538,7 @@ const cellShape = propTypes$1.exports.oneOfType([propTypes$1.exports.shape({
   searchable: propTypes$1.exports.bool,
   deprecatedEventHandler: propTypes$1.exports.bool,
   maxTooltipWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
-  width: propTypes$1.exports.string,
+  width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   autoLayerWidth: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 }), propTypes$1.exports.shape({
@@ -36046,11 +36045,11 @@ Table.defaultProps = {
 };
 Table.propTypes = {
   table: propTypes$1.exports.shape({
-    name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+    name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
     actions: actionsShape,
     actionsRight: propTypes$1.exports.bool,
-    fixedWidth: propTypes$1.exports.string,
-    maxHeight: propTypes$1.exports.string,
+    fixedWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+    maxHeight: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
     columnWidths: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
     className: propTypes$1.exports.string,
     columnHeaderAlignments: propTypes$1.exports.arrayOf(propTypes$1.exports.oneOfType([propTypes$1.exports.oneOf(["left", "right", "center"]), propTypes$1.exports.arrayOf(propTypes$1.exports.oneOf(["left", "right", "center", ""]))])),
@@ -43613,11 +43612,11 @@ Tree.defaultProps = {
 };
 Tree.propTypes = {
   list: propTypes$1.exports.shape({
-    name: propTypes$1.exports.string,
+    name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
     actions: actionsShape,
     items: propTypes$1.exports.arrayOf(propTypes$1.exports.shape({
       id: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
-      name: propTypes$1.exports.string.isRequired,
+      name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]).isRequired,
       parent: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
       droppable: propTypes$1.exports.bool,
       details: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.20",
+  "version": "3.1.22",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",