@uiw/react-tabs-draggable/esm/index.js

Draggable tabs for React.

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["activeKey", "onTabClick", "onTabDrop"];
import { DndProvider } from 'react-dnd';
import { useEffect, useState } from 'react';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { Tabs } from './Tabs';
import { Provider } from './store';
import { useEventCallback } from './hooks';
import { jsx as _jsx } from "react/jsx-runtime";
export * from './Tab';
export * from './hooks';

var TabContainer = _ref => {
  var {
    activeKey: keyId,
    onTabClick,
    onTabDrop
  } = _ref,
      props = _objectWithoutPropertiesLoose(_ref, _excluded);

  var tabClick = useEventCallback(onTabClick);
  var tabDrop = useEventCallback(onTabDrop);
  var [activeKey, setActiveKey] = useState(keyId);
  useEffect(() => setActiveKey(keyId), [keyId]);
  return /*#__PURE__*/_jsx(DndProvider, {
    backend: HTML5Backend,
    children: /*#__PURE__*/_jsx(Provider, {
      init: {
        data: [],
        activeKey,
        onTabClick: tabClick,
        onTabDrop: tabDrop
      },
      children: /*#__PURE__*/_jsx(Tabs, _extends({}, props))
    })
  });
};

export default TabContainer;
//# sourceMappingURL=index.js.map