@oliasoft-open-source/react-ui-library 3.3.0-beta-3 → 3.3.1

package/dist/index.js

@@ -9866,6 +9866,7 @@ const Section$1 = ({
     case "Menu":
       return /* @__PURE__ */ jsx(DropDownMenu, {
         menu: section.menu,
+        title: section.title,
         closeOnOptionClick,
         isNested: true,
         closeParent: close,
@@ -10252,6 +10253,7 @@ const Button = ({
 };
 const Text$1 = ({
   label: label2,
+  title: title2,
   carat,
   disabled: disabled2,
   isOpen: isOpen2
@@ -10260,7 +10262,7 @@ const Text$1 = ({
     className: cx(styles$L.trigger, disabled2 ? styles$L.disabled : null, isOpen2 ? styles$L.active : null),
     children: [/* @__PURE__ */ jsx("span", {
       className: styles$L.label,
-      title: label2,
+      title: title2 || label2,
       children: label2
     }), carat && carat === "right" ? /* @__PURE__ */ jsx(FaAngleRight, {
       className: styles$L.arrow
@@ -10288,6 +10290,7 @@ const Trigger$2 = React__default.forwardRef(({
   width,
   trigger: trigger2,
   label: label2,
+  title: title2,
   onClickTrigger,
   colored: colored2,
   small: small2,
@@ -10310,6 +10313,7 @@ const Trigger$2 = React__default.forwardRef(({
     loading
   }) : trigger2 === "Text" ? /* @__PURE__ */ jsx(Text$1, {
     label: label2,
+    title: title2,
     disabled: isDisabled,
     carat: !contextMenu && (isNested ? "right" : "down"),
     isOpen: isOpen2
@@ -10478,6 +10482,7 @@ const DropDownMenu = ({
   const disabledContext = useContext(DisabledContext);
   const {
     label: label2,
+    title: title2,
     trigger: trigger2,
     fullHeightTrigger,
     colored: colored2,
@@ -10532,6 +10537,7 @@ const DropDownMenu = ({
       fullHeight: fullHeightTrigger,
       trigger: trigger2,
       label: label2,
+      title: title2,
       onClickTrigger,
       colored: colored2,
       small: small2,
@@ -10585,7 +10591,7 @@ const menuSectionShape = propTypes$1.exports.oneOfType([propTypes$1.exports.shap
 }), propTypes$1.exports.shape({
   actions: actionsShape,
   type: propTypes$1.exports.oneOf(["Option"]),
-  label: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
+  label: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]).isRequired,
   icon: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   description: propTypes$1.exports.string,
   onClick: propTypes$1.exports.func,
@@ -12658,7 +12664,7 @@ const scroll$2 = "_scroll_11kaj_22";
 const header$2 = "_header_11kaj_25";
 const dismiss$2 = "_dismiss_11kaj_33";
 const content$3 = "_content_11kaj_44";
-const footer$2 = "_footer_11kaj_53";
+const footer$3 = "_footer_11kaj_53";
 const styles$A = {
   dialog,
   inline: inline$2,
@@ -12666,7 +12672,7 @@ const styles$A = {
   header: header$2,
   dismiss: dismiss$2,
   content: content$3,
-  footer: footer$2
+  footer: footer$3
 };
 const convertStringToJsx = (children) => {
   if (lodash.exports.isArray(children)) {
@@ -12739,31 +12745,33 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$9 = "_inputInTable_zltzx_332";
-const inputFocus$9 = "_inputFocus_zltzx_348";
-const inputError$9 = "_inputError_zltzx_353";
-const inputWarning$9 = "_inputWarning_zltzx_354";
-const inputDisabled$9 = "_inputDisabled_zltzx_385";
-const hideScrollbars$9 = "_hideScrollbars_zltzx_390";
-const inline$1 = "_inline_zltzx_412";
-const left$2 = "_left_zltzx_415";
-const right$6 = "_right_zltzx_418";
-const fixed$1 = "_fixed_zltzx_421";
-const border = "_border_zltzx_433";
-const shadow = "_shadow_zltzx_439";
-const drawerContent = "_drawerContent_zltzx_442";
-const isResizing = "_isResizing_zltzx_454";
-const toggleButton = "_toggleButton_zltzx_465";
-const top = "_top_zltzx_478";
-const bottom = "_bottom_zltzx_481";
-const toggleButtonOpen = "_toggleButtonOpen_zltzx_484";
-const tabs$1 = "_tabs_zltzx_487";
-const tab$1 = "_tab_zltzx_487";
-const active$4 = "_active_zltzx_518";
-const tabsContent = "_tabsContent_zltzx_540";
-const resizeHandle = "_resizeHandle_zltzx_546";
+const inputInTable$9 = "_inputInTable_1ayhn_332";
+const inputHover$9 = "_inputHover_1ayhn_338";
+const inputFocus$9 = "_inputFocus_1ayhn_343";
+const inputError$9 = "_inputError_1ayhn_350";
+const inputWarning$9 = "_inputWarning_1ayhn_351";
+const inputDisabled$9 = "_inputDisabled_1ayhn_386";
+const hideScrollbars$9 = "_hideScrollbars_1ayhn_391";
+const inline$1 = "_inline_1ayhn_413";
+const left$2 = "_left_1ayhn_416";
+const right$6 = "_right_1ayhn_419";
+const fixed$1 = "_fixed_1ayhn_422";
+const border = "_border_1ayhn_434";
+const shadow = "_shadow_1ayhn_440";
+const drawerContent = "_drawerContent_1ayhn_443";
+const isResizing = "_isResizing_1ayhn_455";
+const toggleButton = "_toggleButton_1ayhn_466";
+const top = "_top_1ayhn_479";
+const bottom = "_bottom_1ayhn_482";
+const toggleButtonOpen = "_toggleButtonOpen_1ayhn_485";
+const tabs$1 = "_tabs_1ayhn_488";
+const tab$1 = "_tab_1ayhn_488";
+const active$4 = "_active_1ayhn_519";
+const tabsContent = "_tabsContent_1ayhn_541";
+const resizeHandle = "_resizeHandle_1ayhn_547";
 const styles$z = {
   inputInTable: inputInTable$9,
+  inputHover: inputHover$9,
   inputFocus: inputFocus$9,
   inputError: inputError$9,
   inputWarning: inputWarning$9,
@@ -14928,6 +14936,7 @@ const Drawer = ({
   children,
   fixed: fixed2,
   open: openProp,
+  setOpen: setOpenProp,
   right: right2,
   shadow: shadow2,
   top: top2,
@@ -14939,14 +14948,16 @@ const Drawer = ({
   border: border2,
   tabs: tabs2,
   defaultTabIndex,
+  activeTab: activeTabProp,
+  setActiveTab: setActiveTabProp,
   testId,
   onResize,
   getActiveTab
 }) => {
   const isStandardButton = button2 === true;
   const isCustomButton = !isStandardButton && isValidElement(button2);
-  const [open, setOpen] = isStandardButton || tabs2 ? useState(openProp) : [openProp, null];
-  const [activeTab, setActiveTab] = useState(open ? defaultTabIndex : null);
+  const [open, setOpen] = setOpenProp ? [openProp, setOpenProp] : isStandardButton || tabs2 ? useState(openProp) : [openProp, null];
+  const [activeTab, setActiveTab] = setActiveTabProp ? [activeTabProp, setActiveTabProp] : useState(open ? defaultTabIndex : null);
   const openWidth = Array.isArray(width) ? width[activeTab] : width;
   const TABS_WIDTH = 37;
   const currentWidth = open ? openWidth : tabs2 ? TABS_WIDTH : closedWidth;
@@ -14982,7 +14993,6 @@ const Drawer = ({
         children: tabs2 ? /* @__PURE__ */ jsx(DrawerTabs, {
           width: openWidth,
           testId,
-          open,
           tabs: tabs2,
           activeTab,
           background,
@@ -15008,6 +15018,7 @@ Drawer.defaultProps = {
   background: "transparent",
   fixed: false,
   open: false,
+  setOpen: void 0,
   right: false,
   width: 400,
   closedWidth: 0,
@@ -15020,6 +15031,8 @@ Drawer.defaultProps = {
   children: null,
   tabs: null,
   defaultTabIndex: 0,
+  activeTab: void 0,
+  setActiveTab: void 0,
   testId: void 0,
   onResize: null,
   getActiveTab: null
@@ -15028,6 +15041,7 @@ Drawer.propTypes = {
   background: propTypes$1.exports.string,
   fixed: propTypes$1.exports.bool,
   open: propTypes$1.exports.bool,
+  setOpen: propTypes$1.exports.func,
   right: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.arrayOf(propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]))]),
   closedWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
@@ -15044,6 +15058,8 @@ Drawer.propTypes = {
   })),
   testId: propTypes$1.exports.string,
   defaultTabIndex: propTypes$1.exports.number,
+  activeTab: propTypes$1.exports.number,
+  setActiveTab: propTypes$1.exports.func,
   onResize: propTypes$1.exports.func,
   getActiveTab: propTypes$1.exports.func
 };
@@ -15162,29 +15178,31 @@ InputGroup.propTypes = {
   small: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const inputInTable$8 = "_inputInTable_3ejaz_332";
-const inputFocus$8 = "_inputFocus_3ejaz_348";
-const inputError$8 = "_inputError_3ejaz_353";
-const inputWarning$8 = "_inputWarning_3ejaz_354";
-const inputDisabled$8 = "_inputDisabled_3ejaz_385";
-const hideScrollbars$8 = "_hideScrollbars_3ejaz_390";
-const input$2 = "_input_3ejaz_332";
-const isInTable$3 = "_isInTable_3ejaz_421";
-const small$8 = "_small_3ejaz_449";
-const error$6 = "_error_3ejaz_455";
-const warning$9 = "_warning_3ejaz_470";
-const right$5 = "_right_3ejaz_490";
-const groupOrderFirst$3 = "_groupOrderFirst_3ejaz_493";
-const groupOrderMiddle$3 = "_groupOrderMiddle_3ejaz_494";
-const groupOrderLast$3 = "_groupOrderLast_3ejaz_495";
+const inputInTable$8 = "_inputInTable_19y6z_332";
+const inputHover$8 = "_inputHover_19y6z_338";
+const inputFocus$8 = "_inputFocus_19y6z_343";
+const inputError$8 = "_inputError_19y6z_350";
+const inputWarning$8 = "_inputWarning_19y6z_351";
+const inputDisabled$8 = "_inputDisabled_19y6z_386";
+const hideScrollbars$8 = "_hideScrollbars_19y6z_391";
+const input$1 = "_input_19y6z_332";
+const isInTable$3 = "_isInTable_19y6z_422";
+const small$8 = "_small_19y6z_440";
+const error$6 = "_error_19y6z_446";
+const warning$9 = "_warning_19y6z_463";
+const right$5 = "_right_19y6z_485";
+const groupOrderFirst$3 = "_groupOrderFirst_19y6z_488";
+const groupOrderMiddle$3 = "_groupOrderMiddle_19y6z_489";
+const groupOrderLast$3 = "_groupOrderLast_19y6z_490";
 const styles$w = {
   inputInTable: inputInTable$8,
+  inputHover: inputHover$8,
   inputFocus: inputFocus$8,
   inputError: inputError$8,
   inputWarning: inputWarning$8,
   inputDisabled: inputDisabled$8,
   hideScrollbars: hideScrollbars$8,
-  input: input$2,
+  input: input$1,
   isInTable: isInTable$3,
   small: small$8,
   error: error$6,
@@ -24632,43 +24650,45 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$7 = "_inputInTable_olz29_332";
-const inputFocus$7 = "_inputFocus_olz29_348";
-const inputError$7 = "_inputError_olz29_353";
-const inputWarning$7 = "_inputWarning_olz29_354";
-const inputDisabled$7 = "_inputDisabled_olz29_385";
-const hideScrollbars$7 = "_hideScrollbars_olz29_390";
-const header$1 = "_header_olz29_400";
-const headerTitle = "_headerTitle_olz29_400";
-const heading$3 = "_heading_olz29_401";
-const itemHeader = "_itemHeader_olz29_401";
-const narrow = "_narrow_olz29_404";
-const stickyHeader = "_stickyHeader_olz29_408";
-const title$4 = "_title_olz29_419";
-const name = "_name_olz29_425";
-const iconTooltipMargin = "_iconTooltipMargin_olz29_428";
-const bold = "_bold_olz29_431";
-const toggleNarrow = "_toggleNarrow_olz29_440";
-const drag = "_drag_olz29_458";
-const list$1 = "_list_olz29_478";
-const bordered$1 = "_bordered_olz29_482";
-const item$4 = "_item_olz29_401";
-const action = "_action_olz29_515";
-const active$3 = "_active_olz29_518";
-const disabled$6 = "_disabled_olz29_533";
-const label$6 = "_label_olz29_544";
-const details$2 = "_details_olz29_551";
-const metadata = "_metadata_olz29_552";
-const itemContent = "_itemContent_olz29_561";
-const indentIcon = "_indentIcon_olz29_565";
-const expandIcon = "_expandIcon_olz29_569";
-const expanded = "_expanded_olz29_575";
-const right$4 = "_right_olz29_578";
-const actions = "_actions_olz29_585";
-const scrollableList = "_scrollableList_olz29_590";
-const hideScrollbar = "_hideScrollbar_olz29_390";
+const inputInTable$7 = "_inputInTable_135v4_332";
+const inputHover$7 = "_inputHover_135v4_338";
+const inputFocus$7 = "_inputFocus_135v4_343";
+const inputError$7 = "_inputError_135v4_350";
+const inputWarning$7 = "_inputWarning_135v4_351";
+const inputDisabled$7 = "_inputDisabled_135v4_386";
+const hideScrollbars$7 = "_hideScrollbars_135v4_391";
+const header$1 = "_header_135v4_401";
+const headerTitle = "_headerTitle_135v4_401";
+const heading$3 = "_heading_135v4_402";
+const itemHeader = "_itemHeader_135v4_402";
+const narrow = "_narrow_135v4_405";
+const stickyHeader = "_stickyHeader_135v4_409";
+const title$4 = "_title_135v4_420";
+const name = "_name_135v4_426";
+const iconTooltipMargin = "_iconTooltipMargin_135v4_429";
+const bold = "_bold_135v4_432";
+const toggleNarrow = "_toggleNarrow_135v4_441";
+const drag = "_drag_135v4_459";
+const list$1 = "_list_135v4_479";
+const bordered$1 = "_bordered_135v4_483";
+const item$4 = "_item_135v4_402";
+const action = "_action_135v4_516";
+const active$3 = "_active_135v4_519";
+const disabled$6 = "_disabled_135v4_534";
+const label$6 = "_label_135v4_545";
+const details$2 = "_details_135v4_552";
+const metadata = "_metadata_135v4_553";
+const itemContent = "_itemContent_135v4_562";
+const indentIcon = "_indentIcon_135v4_566";
+const expandIcon = "_expandIcon_135v4_570";
+const expanded = "_expanded_135v4_576";
+const right$4 = "_right_135v4_579";
+const actions = "_actions_135v4_586";
+const scrollableList = "_scrollableList_135v4_591";
+const hideScrollbar = "_hideScrollbar_135v4_391";
 const listStyles = {
   inputInTable: inputInTable$7,
+  inputHover: inputHover$7,
   inputFocus: inputFocus$7,
   inputError: inputError$7,
   inputWarning: inputWarning$7,
@@ -25342,27 +25362,30 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$6 = "_inputInTable_1j4f2_332";
-const inputFocus$6 = "_inputFocus_1j4f2_348";
-const inputError$6 = "_inputError_1j4f2_353";
-const inputWarning$6 = "_inputWarning_1j4f2_354";
-const inputDisabled$6 = "_inputDisabled_1j4f2_385";
-const hideScrollbars$6 = "_hideScrollbars_1j4f2_390";
-const container$1 = "_container_1j4f2_406";
-const block = "_block_1j4f2_424";
-const info = "_info_1j4f2_427";
-const success = "_success_1j4f2_431";
-const warning$5 = "_warning_1j4f2_435";
-const error$4 = "_error_1j4f2_439";
-const content$1 = "_content_1j4f2_443";
-const heading$2 = "_heading_1j4f2_447";
-const icon$3 = "_icon_1j4f2_455";
-const dismiss$1 = "_dismiss_1j4f2_456";
-const absolute = "_absolute_1j4f2_469";
-const legendToggle = "_legendToggle_1j4f2_474";
-const detailsText = "_detailsText_1j4f2_490";
+const inputInTable$6 = "_inputInTable_orepy_332";
+const inputHover$6 = "_inputHover_orepy_338";
+const inputFocus$6 = "_inputFocus_orepy_343";
+const inputError$6 = "_inputError_orepy_350";
+const inputWarning$6 = "_inputWarning_orepy_351";
+const inputDisabled$6 = "_inputDisabled_orepy_386";
+const hideScrollbars$6 = "_hideScrollbars_orepy_391";
+const container$1 = "_container_orepy_407";
+const block = "_block_orepy_425";
+const info = "_info_orepy_428";
+const success = "_success_orepy_432";
+const warning$5 = "_warning_orepy_436";
+const error$4 = "_error_orepy_440";
+const content$1 = "_content_orepy_444";
+const heading$2 = "_heading_orepy_448";
+const icon$3 = "_icon_orepy_456";
+const dismiss$1 = "_dismiss_orepy_457";
+const absolute = "_absolute_orepy_470";
+const legendToggle = "_legendToggle_orepy_475";
+const detailsText = "_detailsText_orepy_491";
+const footer$2 = "_footer_orepy_495";
 const styles$p = {
   inputInTable: inputInTable$6,
+  inputHover: inputHover$6,
   inputFocus: inputFocus$6,
   inputError: inputError$6,
   inputWarning: inputWarning$6,
@@ -25380,7 +25403,8 @@ const styles$p = {
   dismiss: dismiss$1,
   absolute,
   legendToggle,
-  detailsText
+  detailsText,
+  footer: footer$2
 };
 const Dismiss = ({
   type,
@@ -25460,6 +25484,7 @@ const Message = ({
     heading: heading2,
     content: content2,
     details: details2,
+    footer: footer2,
     withDismiss,
     onClose,
     width,
@@ -25493,7 +25518,10 @@ const Message = ({
           dispatch: () => dispatch({
             type: "TOGGLE_DETAILS"
           })
-        }) : null]
+        }) : null, !!footer2 && /* @__PURE__ */ jsx("div", {
+          className: styles$p.footer,
+          children: footer2
+        })]
       }), withDismiss ? /* @__PURE__ */ jsx(Dismiss, {
         type,
         onClose
@@ -25508,6 +25536,7 @@ const messageShape = propTypes$1.exports.shape({
   heading: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   content: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   details: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
+  footer: propTypes$1.exports.node,
   withDismiss: propTypes$1.exports.bool,
   onClose: propTypes$1.exports.func,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
@@ -25774,25 +25803,26 @@ Page.propTypes = {
   scroll: propTypes$1.exports.bool,
   top: propTypes$1.exports.oneOfType([propTypes$1.exports.number, propTypes$1.exports.string])
 };
-const inputInTable$5 = "_inputInTable_1phe1_332";
-const inputFocus$5 = "_inputFocus_1phe1_348";
-const inputError$5 = "_inputError_1phe1_353";
-const inputWarning$5 = "_inputWarning_1phe1_354";
-const inputDisabled$5 = "_inputDisabled_1phe1_385";
-const hideScrollbars$5 = "_hideScrollbars_1phe1_390";
-const select = "_select_1phe1_400";
-const isInTable$2 = "_isInTable_1phe1_436";
-const unSelected = "_unSelected_1phe1_452";
-const error$3 = "_error_1phe1_459";
-const warning$4 = "_warning_1phe1_474";
-const small$6 = "_small_1phe1_489";
-const right$3 = "_right_1phe1_496";
-const groupOrderFirst$1 = "_groupOrderFirst_1phe1_507";
-const input$1 = "_input_1phe1_332";
-const groupOrderMiddle$1 = "_groupOrderMiddle_1phe1_508";
-const groupOrderLast$1 = "_groupOrderLast_1phe1_509";
+const inputInTable$5 = "_inputInTable_quufr_332";
+const inputHover$5 = "_inputHover_quufr_338";
+const inputFocus$5 = "_inputFocus_quufr_343";
+const inputError$5 = "_inputError_quufr_350";
+const inputWarning$5 = "_inputWarning_quufr_351";
+const inputDisabled$5 = "_inputDisabled_quufr_386";
+const hideScrollbars$5 = "_hideScrollbars_quufr_391";
+const select = "_select_quufr_401";
+const isInTable$2 = "_isInTable_quufr_442";
+const unSelected = "_unSelected_quufr_448";
+const error$3 = "_error_quufr_455";
+const warning$4 = "_warning_quufr_472";
+const small$6 = "_small_quufr_489";
+const right$3 = "_right_quufr_496";
+const groupOrderFirst$1 = "_groupOrderFirst_quufr_507";
+const groupOrderMiddle$1 = "_groupOrderMiddle_quufr_508";
+const groupOrderLast$1 = "_groupOrderLast_quufr_513";
 const styles$l = {
   inputInTable: inputInTable$5,
+  inputHover: inputHover$5,
   inputFocus: inputFocus$5,
   inputError: inputError$5,
   inputWarning: inputWarning$5,
@@ -25806,7 +25836,6 @@ const styles$l = {
   small: small$6,
   right: right$3,
   groupOrderFirst: groupOrderFirst$1,
-  input: input$1,
   groupOrderMiddle: groupOrderMiddle$1,
   groupOrderLast: groupOrderLast$1
 };
@@ -26859,38 +26888,40 @@ const Layer = ({
     })
   });
 };
-const inputInTable$4 = "_inputInTable_1pdad_332";
-const inputFocus$4 = "_inputFocus_1pdad_348";
-const inputError$4 = "_inputError_1pdad_353";
-const inputWarning$4 = "_inputWarning_1pdad_354";
-const inputDisabled$4 = "_inputDisabled_1pdad_385";
-const hideScrollbars$4 = "_hideScrollbars_1pdad_390";
-const trigger = "_trigger_1pdad_404";
-const isInTable$1 = "_isInTable_1pdad_419";
-const input = "_input_1pdad_332";
-const isOpen = "_isOpen_1pdad_438";
-const error$2 = "_error_1pdad_454";
-const warning$3 = "_warning_1pdad_469";
-const disabled$4 = "_disabled_1pdad_484";
-const iconOpen = "_iconOpen_1pdad_489";
-const icons = "_icons_1pdad_492";
-const clearAll = "_clearAll_1pdad_500";
-const small$4 = "_small_1pdad_509";
-const focus = "_focus_1pdad_518";
-const triggerInputContainer = "_triggerInputContainer_1pdad_532";
-const right$2 = "_right_1pdad_541";
-const multiOptions = "_multiOptions_1pdad_554";
-const multiOption = "_multiOption_1pdad_554";
-const label$4 = "_label_1pdad_586";
-const closeMultiOption = "_closeMultiOption_1pdad_589";
-const selectedSingleValue = "_selectedSingleValue_1pdad_604";
-const placeHolder = "_placeHolder_1pdad_605";
-const groupOrderFirst = "_groupOrderFirst_1pdad_644";
-const groupOrderMiddle = "_groupOrderMiddle_1pdad_645";
-const groupOrderLast = "_groupOrderLast_1pdad_646";
-const detailedLabel = "_detailedLabel_1pdad_663";
+const inputInTable$4 = "_inputInTable_3i4tj_332";
+const inputHover$4 = "_inputHover_3i4tj_338";
+const inputFocus$4 = "_inputFocus_3i4tj_343";
+const inputError$4 = "_inputError_3i4tj_350";
+const inputWarning$4 = "_inputWarning_3i4tj_351";
+const inputDisabled$4 = "_inputDisabled_3i4tj_386";
+const hideScrollbars$4 = "_hideScrollbars_3i4tj_391";
+const trigger = "_trigger_3i4tj_405";
+const isInTable$1 = "_isInTable_3i4tj_420";
+const input = "_input_3i4tj_332";
+const isOpen = "_isOpen_3i4tj_435";
+const error$2 = "_error_3i4tj_443";
+const warning$3 = "_warning_3i4tj_460";
+const disabled$4 = "_disabled_3i4tj_477";
+const iconOpen = "_iconOpen_3i4tj_482";
+const icons = "_icons_3i4tj_485";
+const clearAll = "_clearAll_3i4tj_493";
+const small$4 = "_small_3i4tj_502";
+const focus = "_focus_3i4tj_511";
+const triggerInputContainer = "_triggerInputContainer_3i4tj_525";
+const right$2 = "_right_3i4tj_534";
+const multiOptions = "_multiOptions_3i4tj_547";
+const multiOption = "_multiOption_3i4tj_547";
+const label$4 = "_label_3i4tj_579";
+const closeMultiOption = "_closeMultiOption_3i4tj_582";
+const selectedSingleValue = "_selectedSingleValue_3i4tj_597";
+const placeHolder = "_placeHolder_3i4tj_598";
+const groupOrderFirst = "_groupOrderFirst_3i4tj_637";
+const groupOrderMiddle = "_groupOrderMiddle_3i4tj_638";
+const groupOrderLast = "_groupOrderLast_3i4tj_643";
+const detailedLabel = "_detailedLabel_3i4tj_648";
 const styles$j = {
   inputInTable: inputInTable$4,
+  inputHover: inputHover$4,
   inputFocus: inputFocus$4,
   inputError: inputError$4,
   inputWarning: inputWarning$4,
@@ -28561,25 +28592,27 @@ var reactFastCompare = function isEqual3(a, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_1boi8_332";
-const inputFocus$3 = "_inputFocus_1boi8_348";
-const inputError$3 = "_inputError_1boi8_353";
-const inputWarning$3 = "_inputWarning_1boi8_354";
-const inputDisabled$3 = "_inputDisabled_1boi8_385";
-const hideScrollbars$3 = "_hideScrollbars_1boi8_390";
-const sidebar = "_sidebar_1boi8_403";
-const inner = "_inner_1boi8_413";
-const title$3 = "_title_1boi8_424";
-const subtitle = "_subtitle_1boi8_425";
-const label$2 = "_label_1boi8_426";
-const collapsed = "_collapsed_1boi8_430";
-const list = "_list_1boi8_453";
-const item$2 = "_item_1boi8_459";
-const active$2 = "_active_1boi8_480";
-const experimental = "_experimental_1boi8_484";
-const icon$1 = "_icon_1boi8_487";
+const inputInTable$3 = "_inputInTable_e9nqj_332";
+const inputHover$3 = "_inputHover_e9nqj_338";
+const inputFocus$3 = "_inputFocus_e9nqj_343";
+const inputError$3 = "_inputError_e9nqj_350";
+const inputWarning$3 = "_inputWarning_e9nqj_351";
+const inputDisabled$3 = "_inputDisabled_e9nqj_386";
+const hideScrollbars$3 = "_hideScrollbars_e9nqj_391";
+const sidebar = "_sidebar_e9nqj_404";
+const inner = "_inner_e9nqj_414";
+const title$3 = "_title_e9nqj_425";
+const subtitle = "_subtitle_e9nqj_426";
+const label$2 = "_label_e9nqj_427";
+const collapsed = "_collapsed_e9nqj_431";
+const list = "_list_e9nqj_454";
+const item$2 = "_item_e9nqj_460";
+const active$2 = "_active_e9nqj_481";
+const experimental = "_experimental_e9nqj_485";
+const icon$1 = "_icon_e9nqj_488";
 const styles$c = {
   inputInTable: inputInTable$3,
+  inputHover: inputHover$3,
   inputFocus: inputFocus$3,
   inputError: inputError$3,
   inputWarning: inputWarning$3,
@@ -34869,24 +34902,26 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_1bqo1_332";
-const inputFocus$2 = "_inputFocus_1bqo1_348";
-const inputError$2 = "_inputError_1bqo1_353";
-const inputWarning$2 = "_inputWarning_1bqo1_354";
-const inputDisabled$2 = "_inputDisabled_1bqo1_385";
-const hideScrollbars$2 = "_hideScrollbars_1bqo1_390";
-const cellWrapperPadding$3 = "_cellWrapperPadding_1bqo1_400";
-const flexBlock$3 = "_flexBlock_1bqo1_403";
-const scrollWrapper = "_scrollWrapper_1bqo1_416";
-const bordered = "_bordered_1bqo1_416";
-const maxHeight = "_maxHeight_1bqo1_420";
-const table = "_table_1bqo1_429";
-const cellWrapper$3 = "_cellWrapper_1bqo1_400";
-const title$2 = "_title_1bqo1_511";
-const footer$1 = "_footer_1bqo1_512";
-const striped = "_striped_1bqo1_517";
+const inputInTable$2 = "_inputInTable_skkdh_332";
+const inputHover$2 = "_inputHover_skkdh_338";
+const inputFocus$2 = "_inputFocus_skkdh_343";
+const inputError$2 = "_inputError_skkdh_350";
+const inputWarning$2 = "_inputWarning_skkdh_351";
+const inputDisabled$2 = "_inputDisabled_skkdh_386";
+const hideScrollbars$2 = "_hideScrollbars_skkdh_391";
+const cellWrapperPadding$3 = "_cellWrapperPadding_skkdh_401";
+const flexBlock$3 = "_flexBlock_skkdh_404";
+const scrollWrapper = "_scrollWrapper_skkdh_417";
+const bordered = "_bordered_skkdh_417";
+const maxHeight = "_maxHeight_skkdh_421";
+const table = "_table_skkdh_430";
+const cellWrapper$3 = "_cellWrapper_skkdh_401";
+const title$2 = "_title_skkdh_512";
+const footer$1 = "_footer_skkdh_513";
+const striped = "_striped_skkdh_518";
 const styles$a = {
   inputInTable: inputInTable$2,
+  inputHover: inputHover$2,
   inputFocus: inputFocus$2,
   inputError: inputError$2,
   inputWarning: inputWarning$2,
@@ -35043,41 +35078,43 @@ function CgSortAz(props) {
 function CgSortZa(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none" }, "child": [{ "tag": "path", "attr": { "d": "M6 16C6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16C18 15.4477 17.5523 15 17 15H7C6.44772 15 6 15.4477 6 16Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9C8.44772 11 8 11.4477 8 12Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M11 9C10.4477 9 10 8.55229 10 8C10 7.44771 10.4477 7 11 7H13C13.5523 7 14 7.44771 14 8C14 8.55229 13.5523 9 13 9H11Z", "fill": "currentColor" } }] })(props);
 }
-const inputInTable$1 = "_inputInTable_1eedc_332";
-const inputFocus$1 = "_inputFocus_1eedc_348";
-const inputError$1 = "_inputError_1eedc_353";
-const inputWarning$1 = "_inputWarning_1eedc_354";
-const inputDisabled$1 = "_inputDisabled_1eedc_385";
-const hideScrollbars$1 = "_hideScrollbars_1eedc_390";
-const cellWrapperPadding = "_cellWrapperPadding_1eedc_400";
-const flexBlock = "_flexBlock_1eedc_403";
-const cellWrapper = "_cellWrapper_1eedc_400";
-const disabledLink = "_disabledLink_1eedc_421";
-const inputWrapper = "_inputWrapper_1eedc_425";
-const breakWord = "_breakWord_1eedc_441";
-const inputCell = "_inputCell_1eedc_444";
-const sliderCell = "_sliderCell_1eedc_447";
-const staticCell = "_staticCell_1eedc_451";
-const staticCellContent = "_staticCellContent_1eedc_454";
-const error$1 = "_error_1eedc_461";
-const warning$1 = "_warning_1eedc_462";
-const unit = "_unit_1eedc_495";
-const disabled$2 = "_disabled_1eedc_421";
-const sortingCell = "_sortingCell_1eedc_503";
-const sortingCellIcon = "_sortingCellIcon_1eedc_511";
-const icon = "_icon_1eedc_518";
-const clickable = "_clickable_1eedc_529";
-const checkBoxCell = "_checkBoxCell_1eedc_533";
-const iconCell = "_iconCell_1eedc_537";
-const iconWrapper = "_iconWrapper_1eedc_542";
-const actionsCell = "_actionsCell_1eedc_546";
-const rightAligned = "_rightAligned_1eedc_550";
-const centerAligned = "_centerAligned_1eedc_553";
-const leftAligned = "_leftAligned_1eedc_556";
-const popover = "_popover_1eedc_559";
-const disabledPointerEvents = "_disabledPointerEvents_1eedc_562";
+const inputInTable$1 = "_inputInTable_11q83_332";
+const inputHover$1 = "_inputHover_11q83_338";
+const inputFocus$1 = "_inputFocus_11q83_343";
+const inputError$1 = "_inputError_11q83_350";
+const inputWarning$1 = "_inputWarning_11q83_351";
+const inputDisabled$1 = "_inputDisabled_11q83_386";
+const hideScrollbars$1 = "_hideScrollbars_11q83_391";
+const cellWrapperPadding = "_cellWrapperPadding_11q83_401";
+const flexBlock = "_flexBlock_11q83_404";
+const cellWrapper = "_cellWrapper_11q83_401";
+const disabledLink = "_disabledLink_11q83_422";
+const inputWrapper = "_inputWrapper_11q83_426";
+const breakWord = "_breakWord_11q83_442";
+const inputCell = "_inputCell_11q83_445";
+const sliderCell = "_sliderCell_11q83_448";
+const staticCell = "_staticCell_11q83_452";
+const staticCellContent = "_staticCellContent_11q83_455";
+const error$1 = "_error_11q83_464";
+const warning$1 = "_warning_11q83_465";
+const unit = "_unit_11q83_502";
+const disabled$2 = "_disabled_11q83_422";
+const sortingCell = "_sortingCell_11q83_510";
+const sortingCellIcon = "_sortingCellIcon_11q83_518";
+const icon = "_icon_11q83_525";
+const clickable = "_clickable_11q83_536";
+const checkBoxCell = "_checkBoxCell_11q83_540";
+const iconCell = "_iconCell_11q83_544";
+const iconWrapper = "_iconWrapper_11q83_549";
+const actionsCell = "_actionsCell_11q83_553";
+const rightAligned = "_rightAligned_11q83_557";
+const centerAligned = "_centerAligned_11q83_563";
+const leftAligned = "_leftAligned_11q83_566";
+const popover = "_popover_11q83_569";
+const disabledPointerEvents = "_disabledPointerEvents_11q83_572";
 const styles$7 = {
   inputInTable: inputInTable$1,
+  inputHover: inputHover$1,
   inputFocus: inputFocus$1,
   inputError: inputError$1,
   inputWarning: inputWarning$1,
@@ -35936,17 +35973,17 @@ const TableScrollWrapper = ({
   });
 };
 const Table = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e2;
   const {
     onListReorder,
-    table: table2
+    table: propTable
   } = props;
   const {
     fixedWidth,
     columnWidths,
     footer: footer2,
     name: name2,
-    rows,
+    rows: propRows,
     actions: actions2,
     actionsRight,
     columnHeaderAlignments,
@@ -35955,8 +35992,9 @@ const Table = (props) => {
     striped: striped2 = true,
     testId,
     draggable: draggable2,
-    onChangeAutoEmptyRow = null
-  } = table2;
+    defaultEmptyRow = null,
+    onAddRow = null
+  } = propTable;
   const targetRef = useRef();
   const [dimensions, setDimensions] = useState({
     width: 0,
@@ -35971,40 +36009,47 @@ const Table = (props) => {
     }
   }, []);
   const headers = lodash.exports.get(props, "table.headers", []);
-  const columnCount = getColumnCount(rows, headers);
-  const rowActions = hasRowActions(rows, headers);
+  const columnCount = getColumnCount(propRows, headers);
+  const rowActions = hasRowActions(propRows, headers);
   const colSpan = columnCount + (rowActions ? 1 : 0);
   const [rowsMetaData, setRowsMetaData] = useState([]);
-  const allRows = rows;
   const isLastPage = footer2 ? ((_a = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _a.selectedPage) >= ((_b = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _b.rowCount) / ((_d = (_c = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _c.rowsPerPage) == null ? void 0 : _d.value) : true;
-  if (onChangeAutoEmptyRow) {
-    const lastRowCells = rows[rows.length - 1].cells;
-    const newEmptyRowIndex = rows.length;
-    const newEmptyCells = lastRowCells.map((cell, i) => {
-      if (cell.type === "Input") {
-        return {
-          ...cell,
-          value: "",
-          onChange: (evt) => onChangeAutoEmptyRow(evt, newEmptyRowIndex, i),
-          error: void 0,
-          disabled: isLastPage ? i === 0 ? false : cell.disabled : true,
-          tooltip: !isLastPage && "Just allowed in last page"
-        };
-      }
+  const addEmptyTempRow = ((_e2 = defaultEmptyRow == null ? void 0 : defaultEmptyRow.cells) == null ? void 0 : _e2.length) && onAddRow && isLastPage;
+  const tempEmptyCells = addEmptyTempRow ? defaultEmptyRow.cells.map((cell, i) => {
+    if ((cell == null ? void 0 : cell.type) === "Input") {
       return {
         ...cell,
-        value: "",
-        error: void 0,
-        warning: void 0,
-        disabled: true
+        onChange: (evt) => {
+          var _a2;
+          const value = (_a2 = evt == null ? void 0 : evt.target) == null ? void 0 : _a2.value;
+          const newRow = {
+            ...defaultEmptyRow,
+            cells: defaultEmptyRow.cells.map((cell2, cellIndex) => {
+              return {
+                ...cell2,
+                value: cellIndex === i ? value : cell2 == null ? void 0 : cell2.value
+              };
+            })
+          };
+          onAddRow({
+            newRow
+          });
+        }
       };
-    });
-    const newEmptyRow = {
-      cells: newEmptyCells,
-      testId: testId && `${testId}-last-empty-row`
+    }
+    return {
+      ...cell,
+      disabled: true
     };
-    allRows.push(newEmptyRow);
-  }
+  }) : null;
+  const rows = addEmptyTempRow ? propRows.concat({
+    cells: tempEmptyCells,
+    testId: testId && `${testId}-last-empty-row`
+  }) : propRows;
+  const table2 = {
+    ...propTable,
+    rows
+  };
   return draggable2 ? /* @__PURE__ */ jsx("div", {
     ref: targetRef,
     children: /* @__PURE__ */ jsx(DragDropContext, {
@@ -36055,7 +36100,7 @@ const Table = (props) => {
                   }, `0_${rowIndex}`);
                 })]
               }), /* @__PURE__ */ jsxs("tbody", {
-                children: [allRows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(PublicDraggable, {
+                children: [rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(PublicDraggable, {
                   draggableId: rowIndex + "",
                   index: rowIndex,
                   isDragDisabled: row2.noDrag,
@@ -36117,7 +36162,7 @@ const Table = (props) => {
           }, `0_${rowIndex}`);
         })]
       }), /* @__PURE__ */ jsx("tbody", {
-        children: allRows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(Row, {
+        children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(Row, {
           rowIndex,
           row: row2,
           columnCount,
@@ -36163,8 +36208,8 @@ Table.propTypes = {
     bordered: propTypes$1.exports.bool,
     striped: propTypes$1.exports.bool,
     testId: propTypes$1.exports.string,
-    hasLastEmptyRow: propTypes$1.exports.bool,
-    handleLastEmptyRow: propTypes$1.exports.func
+    onAddRow: propTypes$1.exports.func,
+    defaultEmptyRow: propTypes$1.exports.object
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
@@ -36399,19 +36444,21 @@ TextLink.propTypes = {
   target: propTypes$1.exports.string,
   testId: propTypes$1.exports.string
 };
-const inputInTable = "_inputInTable_1rqe7_332";
-const inputFocus = "_inputFocus_1rqe7_348";
-const inputError = "_inputError_1rqe7_353";
-const inputWarning = "_inputWarning_1rqe7_354";
-const inputDisabled = "_inputDisabled_1rqe7_385";
-const hideScrollbars = "_hideScrollbars_1rqe7_390";
-const textarea = "_textarea_1rqe7_400";
-const small$1 = "_small_1rqe7_433";
-const error = "_error_1rqe7_439";
-const warning = "_warning_1rqe7_454";
-const monospace = "_monospace_1rqe7_469";
+const inputInTable = "_inputInTable_1t5rh_332";
+const inputHover = "_inputHover_1t5rh_338";
+const inputFocus = "_inputFocus_1t5rh_343";
+const inputError = "_inputError_1t5rh_350";
+const inputWarning = "_inputWarning_1t5rh_351";
+const inputDisabled = "_inputDisabled_1t5rh_386";
+const hideScrollbars = "_hideScrollbars_1t5rh_391";
+const textarea = "_textarea_1t5rh_401";
+const small$1 = "_small_1t5rh_438";
+const error = "_error_1t5rh_444";
+const warning = "_warning_1t5rh_461";
+const monospace = "_monospace_1t5rh_478";
 const styles$4 = {
   inputInTable,
+  inputHover,
   inputFocus,
   inputError,
   inputWarning,