mdc-react/dist/tabs/index.js

Material Components for the web implemented in React

/*! For license information please see index.js.LICENSE.txt */
(()=>{var e={8229:(e,r,t)=>{"use strict";t.d(r,{U:()=>n});var n={ROOT:"mdc-icon",LIGHT:"mdc-icon--light",DARK:"mdc-icon--dark",INACTIVE:"mdc-icon--inactive"}},8263:(e,r,t)=>{"use strict";t.d(r,{Z:()=>O});var n=t(6575),o=t(5697),c=t.n(o),i=t(4184),a=t.n(i),l=t(8229),s=t(5893),u=["name","type","size","light","dark","inactive","element","component","children","className"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var b=(0,n.forwardRef)((function(e,r){var t,n=e.name,o=e.type,c=e.size,i=e.light,f=void 0!==i&&i,b=e.dark,O=void 0!==b&&b,y=e.inactive,v=void 0!==y&&y,m=e.element,j=void 0===m?"i":m,h=e.component,g=void 0===h?j:h,w=e.children,P=void 0===w?n:w,S=e.className,x=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,u),I=a()(l.U.ROOT,(p(t={},"".concat(l.U.ROOT,"--").concat(o),o),p(t,"".concat(l.U.ROOT,"--").concat(c),c),p(t,l.U.LIGHT,f),p(t,l.U.DARK,O),p(t,l.U.INACTIVE,v),t),S);return(0,s.jsx)(g,d(d({ref:r,className:I},x),{},{children:P}))}));b.displayName="MDCIcon",b.propTypes={type:c().oneOf(["","filled","outlined","round","sharp","two-tone"]),size:c().string,light:c().bool,dark:c().bool,inactive:c().bool};const O=b},4184:(e,r)=>{var t;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],r=0;r<arguments.length;r++){var t=arguments[r];if(t){var c=typeof t;if("string"===c||"number"===c)e.push(t);else if(Array.isArray(t)){if(t.length){var i=o.apply(null,t);i&&e.push(i)}}else if("object"===c)if(t.toString===Object.prototype.toString)for(var a in t)n.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(r,[]))||(e.exports=t)}()},7418:e=>{"use strict";var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,c){for(var i,a,l=o(e),s=1;s<arguments.length;s++){for(var u in i=Object(arguments[s]))t.call(i,u)&&(l[u]=i[u]);if(r){a=r(i);for(var f=0;f<a.length;f++)n.call(i,a[f])&&(l[a[f]]=i[a[f]])}}return l}},2703:(e,r,t)=>{"use strict";var n=t(414);function o(){}function c(){}c.resetWarningCache=o,e.exports=function(){function e(e,r,t,o,c,i){if(i!==n){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function r(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:c,resetWarningCache:o};return t.PropTypes=t,t}},5697:(e,r,t)=>{e.exports=t(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},5251:(e,r,t)=>{"use strict";t(7418);var n=t(6575),o=60103;if("function"==typeof Symbol&&Symbol.for){var c=Symbol.for;o=c("react.element"),c("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function s(e,r,t){var n,c={},s=null,u=null;for(n in void 0!==t&&(s=""+t),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(u=r.ref),r)a.call(r,n)&&!l.hasOwnProperty(n)&&(c[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===c[n]&&(c[n]=r[n]);return{$$typeof:o,type:e,key:s,ref:u,props:c,_owner:i.current}}r.jsx=s,r.jsxs=s},5893:(e,r,t)=>{"use strict";e.exports=t(5251)},6575:e=>{"use strict";e.exports=void 0}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var c=r[n]={exports:{}};return e[n](c,c.exports,t),c.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),(()=>{"use strict";var e=t(6575),r=t(5697),n=t.n(r),o=t(4184),c=t.n(o),i=["component","fallback","className","children"];function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?a(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var u=(0,e.forwardRef)((function(r,t){var n=r.component,o=r.fallback,a=r.className,s=r.children,u=void 0===s?n:s,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,i);return(0,e.isValidElement)(n)?(0,e.cloneElement)(n,l({ref:t,className:c()(a,n.props.className)},f)):(0,e.isValidElement)(o)?(0,e.cloneElement)(o,l({ref:t,className:c()(a,o.props.className)},f)):o?(0,e.createElement)(o,l({ref:t,className:a},f),u):u})),f=t(8263),d="mdc-tab--active",p="mdc-tab-indicator--no-transition",b={START:"start",CENTER:"center",END:"end"};function O(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,c=[],i=!0,a=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(c.push(n.value),!r||c.length!==r);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(a)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return y(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,r):void 0}}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}const v=(0,e.createContext)({});var m=t(5893),j=["icon","active","fade","underline"];function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function g(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){w(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function w(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var P=(0,e.forwardRef)((function(r,t){var n,o,i,a,l,s,u,f=r.icon,d=r.active,b=void 0!==d&&d,y=r.fade,h=void 0!==y&&y,P=r.underline,S=void 0===P?!f:P,x=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,j),I=(0,e.useContext)(v).previousTab,E=(0,e.useRef)(),_=(0,e.useRef)();(0,e.useImperativeHandle)(t,(function(){return E.current})),i=function(){if(!h&&b&&I){var e=E.current,r=I.querySelector(".mdc-tab-indicator").getBoundingClientRect(),t=e.getBoundingClientRect(),n=r.left-t.left,o=r.width/t.width;E.current.classList.add(p),_.current.style.transform="translateX(".concat(n,"px) scaleX(").concat(o,")"),_.current.getBoundingClientRect(),E.current.classList.remove(p),_.current.style.transform=""}},a=[h,b],l=O((0,e.useState)(!1),2),s=l[0],u=l[1],(0,e.useLayoutEffect)((function(){return s?i():u(!0)}),a);var k=c()("mdc-tab-indicator",(w(n={},"mdc-tab-indicator--active",b),w(n,"mdc-tab-indicator--fade",h),n)),N=c()("mdc-tab-indicator__content",(w(o={},"mdc-tab-indicator__content--icon material-icons",f),w(o,"mdc-tab-indicator__content--underline",S),o));return(0,m.jsx)("span",g(g({ref:E,className:k},x),{},{children:(0,m.jsx)("span",{ref:_,className:N,children:f})}))}));P.displayName="MDCTabIndicator",P.propTypes={icon:n().node,active:n().bool,fade:n().bool,underline:n().bool};const S=P;var x=["value","icon","label","indicatorIcon","active","stacked","minWidth","minWidthIndicator","fade","underline","onClick","element","component","className","children"];function I(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function E(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?I(Object(t),!0).forEach((function(r){_(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var k=(0,e.forwardRef)((function(r,t){var n,o=r.value,i=r.icon,a=r.label,l=r.indicatorIcon,s=r.active,p=void 0!==s&&s,b=r.stacked,O=void 0!==b&&b,y=r.minWidth,v=void 0!==y&&y,j=r.minWidthIndicator,h=void 0!==j&&j,g=r.fade,w=void 0!==g&&g,P=r.underline,I=void 0===P?!l:P,k=r.onClick,N=void 0===k?Function.prototype:k,T=r.element,D=void 0===T?"button":T,R=r.component,C=void 0===R?D:R,W=r.className,A=r.children,L=void 0===A?a:A,U=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,x),B=(0,e.useRef)();(0,e.useImperativeHandle)(t,(function(){return B.current}));var M=(0,e.useCallback)((function(){N(B.current,o)}),[o,N]),H=c()("mdc-tab",(_(n={},d,p),_(n,"mdc-tab--stacked",O),_(n,"mdc-tab--min-width",v),n),W);return(0,m.jsxs)(C,E(E({ref:B,className:H,"data-value":o,role:"tab","aria-selected":p?"true":"false",tabIndex:p?0:-1,onClick:M},U),{},{children:[(0,m.jsxs)("div",{className:"mdc-tab__content",children:[i&&(0,m.jsx)(u,{component:i,fallback:f.Z,className:"mdc-tab__icon"}),L&&(0,m.jsx)("span",{className:"mdc-tab__text-label",children:L}),h&&(0,m.jsx)(S,{icon:l,active:p,fade:w,underline:I})]}),!h&&(0,m.jsx)(S,{icon:l,active:p,fade:w,underline:I}),(0,m.jsx)("div",{className:"mdc-tab__ripple"})]}))}));k.displayName="MDCTab",k.propTypes={value:n().any,icon:n().node,label:n().node,indicatorIcon:n().node,active:n().bool,stacked:n().bool,minWidth:n().bool,minWidthIndicator:n().bool,fade:n().bool,underline:n().bool,onActivate:n().func};const N=k;function T(e){return void 0===e}var D=["align","activeTab","children"];function R(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function C(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?R(Object(t),!0).forEach((function(r){W(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function W(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var A=(0,e.forwardRef)((function(r,t){var n,o,i,a,l,s=r.align,u=r.activeTab,f=r.children,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,D),p=(0,e.useRef)(),b=(0,e.useRef)();n=function(){var e=p.current.offsetWidth;b.current.offsetWidth>e&&p.current.classList.add("mdc-tab-scroller__scroll-area--scroll")},(0,e.useEffect)((function(){return n()}),[]),o=[u],i=O((0,e.useState)(!1),2),a=i[0],l=i[1],(0,e.useEffect)((function(){return a?function(){if(u){var e=p.current.offsetWidth,r=u.offsetWidth,t=.5*r,n=u.offsetLeft-p.current.scrollLeft,o=u.offsetLeft-p.current.scrollLeft,c=u.offsetLeft+r-p.current.scrollLeft,i=e-c;c>e||i<t?p.current.scrollBy({left:c>e?Math.abs(i)+t:t-i,behavior:"smooth"}):(n<0||o<t)&&p.current.scrollBy({left:n<0?o-t:-(t-o),behavior:"smooth"})}}():l(!0)}),o);var y=c()("mdc-tab-scroller",W({},"".concat("mdc-tab-scroller--align","-").concat(s),s));return(0,m.jsx)("div",C(C({ref:t,className:y},d),{},{children:(0,m.jsx)("div",{ref:p,className:"mdc-tab-scroller__scroll-area",children:(0,m.jsx)("div",{ref:b,className:"mdc-tab-scroller__scroll-content",children:f})})}))}));A.displayName="MDCTabScroller";const L=A;var U=["tabs","value","align","indicatorIcon","stacked","minWidth","minWidthIndicator","fade","iconIndicator","underlineIndicator","onChange","element","component","className","children"];function B(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function M(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?B(Object(t),!0).forEach((function(r){H(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function H(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var q=(0,e.forwardRef)((function(r,t){var n=r.tabs,o=r.value,i=r.align,a=r.indicatorIcon,l=r.stacked,s=void 0!==l&&l,u=r.minWidth,f=void 0!==u&&u,p=r.minWidthIndicator,b=void 0!==p&&p,O=r.fade,y=void 0!==O&&O,j=r.iconIndicator,h=void 0===j?Boolean(a):j,g=r.underlineIndicator,w=void 0===g?!h:g,P=r.onChange,S=void 0===P?Function.prototype:P,x=r.element,I=void 0===x?"div":x,E=r.component,_=void 0===E?I:E,k=r.className,D=r.children,R=void 0===D?null==n?void 0:n.map((function(r){return(0,e.createElement)(N,r)})):D,C=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,U),W=(0,e.useRef)(),A=(0,e.useRef)(),B=(0,e.useRef)();(0,e.useImperativeHandle)(t,(function(){return W.current})),(0,e.useEffect)((function(){A.current=W.current.querySelector(".".concat(d))}),[]);var H=(0,e.useCallback)((function(e,r){B.current=A.current,A.current=e,S(r)}),[S]),q=c()("mdc-tab-bar",k);return(0,m.jsx)(_,M(M({ref:W,className:q,role:"tablist"},C),{},{children:T(o)?R:(0,m.jsx)(v.Provider,{value:{activeTab:A.current,previousTab:B.current},children:(0,m.jsx)(L,{align:i,activeTab:A.current,children:e.Children.map(R,(function(r,t){var n=T(r.props.value)?t:r.props.value;return(0,e.cloneElement)(r,{value:n,active:n===o,indicatorIcon:r.props.indicatorIcon||a,stacked:r.props.stacked||s,minWidth:r.props.minWidth||f,minWidthIndicator:r.props.minWidthIndicator||b,fade:y,underline:w,onClick:H})}))})})}))}));q.displayName="MDCTabBar",q.propTypes={align:n().oneOf(Object.values(b)),indicatorIcon:n().node,stacked:n().bool,minWidth:n().bool,fade:n().bool,iconIndicator:n().bool,underlineIndicator:n().bool,onChange:n().func},q.Align=b;const V=q;N.Bar=V})()})();