1) change ShowMoreTabs props : remove components prop and add openTabIDs and selectedTabID props

2) moreButtonPlugin_buttonComponent option and default button
component should have same props
3) remove btnContainerPropsGenerator and btnPropsGenerator
methods from api
4) create test snapshot for showMoreTabs

Author: dev-javascript

src/plugins/moreButtonPlugin/button/button.js

@@ -1,12 +1,12 @@
 import React, {useState, useCallback, useRef, useEffect} from 'react';
 import PropTypes from 'prop-types';
 export default function Button(getDeps, props) {
-  const {Popper, Api} = getDeps();
+  const {Popper, Api, ctx, components} = getDeps();
   const [open, setOpen] = useState(false);
   const btnRef = useRef();
   const ref = useRef();
-  props.components.useForceUpdate();
-  ref.current = ref.current || Api.call(props.instance, props.components, setOpen);
+  components.useForceUpdate();
+  ref.current = ref.current || Api.call(ctx, components, setOpen);
 
   const onClick = useCallback(
     (ev) => {
@@ -20,19 +20,17 @@ export default function Button(getDeps, props) {
       ref?.current && ref.current.onDestroy && ref.current.onDestroy();
     };
   }, []);
-
-  const IconComponent = props.instance.optionsManager.options.moreButtonPlugin_iconComponent;
+  const IconComponent = ctx.getOption('moreButtonPlugin_iconComponent');
   return (
     <>
       <div {...ref.current.btnPropsGenerator(onClick, btnRef, open)}>
-        <IconComponent instance={props.instance.userProxy} />
+        <IconComponent instance={props.instance} />
       </div>
-      {open ? <Popper {...props} TabsComponent={ref.current.TabsComponent} btnRef={btnRef} /> : null}
+      {open ? <Popper {...props} instance={ctx} TabsComponent={ref.current.TabsComponent} btnRef={btnRef} /> : null}
     </>
   );
 }
 Button.propTypes /* remove-proptypes */ = {
   instance: PropTypes.object,
   hiddenTabIDs: PropTypes.string,
-  components: PropTypes.object,
 };