react-filerobot-image-editor/lib/components/Tabs/Tabs.js

React component version of filerobot image editor (FIE).

import React,{Fragment,useCallback}from"react";import{useStore,useToggleTabsNavbar}from"../../hooks";import{SELECT_TAB}from"../../actions";import TabItem from"./TabItem";import useTabs from"./hooks/useTabs";var Tabs=function(a){var b=a.onTabSelect,c=a.tabsIds,d=a.TabItemWrapper,e=void 0===d?Fragment:d,f=useToggleTabsNavbar(),g=useTabs(c),h=useStore(),i=h.t,j=h.tabId,k=void 0===j?null:j,l=h.dispatch,m=h.config.defaultTabId,n=useCallback(function(a){l({type:SELECT_TAB,payload:{tabId:a}}),"function"==typeof b?b(!1):f(!1)},[b]);if(1===g.length)return null;var o=function(a){var b=a.id,c=a.labelKey,d=a.icon;return React.createElement(TabItem,{key:b,id:b,label:i(c),Icon:d,isSelected:(k||m)===b,onClick:n})};return g.map(function(a){return React.createElement(e,{key:a.id},o(a))})};export default Tabs;