remove deprecated version of ready function

Author: dev-javascript

README.md

@@ -1309,8 +1309,6 @@ Include `react-dyn-tabs/style/react-dyn-tabs-rtl.min.css` for `rtl` mode
 
 These deprecated features can still be used, but should be used with caution because they are expected to be removed entirely sometime in the future. You should work to remove their use from your code.
 
-- Third element of returned array by useDynTabs hook should not be used as an object, it is no longer recommended and only be kept for backwards compatibility purposes, it should be used as a function.
-
 - First parameter of onSelect function is an object and has perviousSelectedTabId property which is deprecated. you should use previousSelectedTabId property instead of perviousSelectedTabId property.
 
 - First parameter of onChange function is an object and has perviousData property which is deprecated. you should use previousData property instead of perviousData property.

package-lock.json

@@ -131,6 +131,6 @@
     "@popperjs/core": "^2.11.8",
     "element-resize-detector": "^1.2.4",
     "prop-types": "^15.7.2",
-    "tabs-more-button": "^0.1.1"
+    "tabs-more-button": "^1.0.1"
   }
 }

package.json

@@ -94,8 +94,10 @@ describe('apply multiple actions : ', () => {
     let _api;
     act(() => {
       const App = function () {
-        const [Tablist, Panellist, api] = useDynTabs(op);
-        _api = api;
+        const [Tablist, Panellist, ready] = useDynTabs(op);
+        ready((api) => {
+          _api = api;
+        });
         return (
           <div>
             <Tablist></Tablist>

src/index.test.js

@@ -13,10 +13,10 @@ Object.assign(Api.prototype, {
     this.tablistEl = this.btnRef.current.previousSibling;
     this.tablistContainerEl = this.tablistEl.parentElement.parentElement;
     this.tablistViewEl = this.tablistContainerEl.parentElement;
-    debugger;
     this._resizer = this.getResizerIns({
       containerElement: this.tablistContainerEl,
       buttonElement: this.btnRef.current,
+      tablistElement: this.tablistEl,
     });
   },
   installResizer: function (resizeDetectorIns) {

src/plugins/moreButtonPlugin/show-more-tabs/api.js

@@ -48,8 +48,6 @@ const _apiProps = {
       }
     };
     ready = ready.bind(this);
-    // make ready function object for supporting deprecated api
-    Object.assign(ready, this.userProxy);
     this.helper.setNoneEnumProps(this, {ready});
     return this;
   },

src/utils/api/api.factory.js

@@ -209,11 +209,6 @@ describe('Api.prototype.ready : ', () => {
   test('ready function must be a binded function', () => {
     expect(Object.prototype.hasOwnProperty.call(obj.ready, 'prototype') === false).toBe(true);
   });
-  test('ready function should contain all userProxy properties :', () => {
-    const readyProps = Object.keys(obj.ready).join();
-    const uesrProxyProps = Object.keys(obj.userProxy).join();
-    expect(uesrProxyProps === readyProps).toBe(true);
-  });
   test('its type should be a function', () => {
     expect(typeof obj.ready === 'function').toBe(true);
   });