mdc-react/dist/segmented-button/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:()=>y});var n=t(6575),o=t(5697),c=t.n(o),i=t(4184),a=t.n(i),l=t(8229),s=t(5893),p=["name","type","size","light","dark","inactive","element","component","children","className"];function u(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 f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var O=(0,n.forwardRef)((function(e,r){var t,n=e.name,o=e.type,c=e.size,i=e.light,u=void 0!==i&&i,O=e.dark,y=void 0!==O&&O,d=e.inactive,m=void 0!==d&&d,v=e.element,g=void 0===v?"i":v,j=e.component,h=void 0===j?g:j,P=e.children,w=void 0===P?n:P,_=e.className,S=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,p),E=a()(l.U.ROOT,(b(t={},"".concat(l.U.ROOT,"--").concat(o),o),b(t,"".concat(l.U.ROOT,"--").concat(c),c),b(t,l.U.LIGHT,u),b(t,l.U.DARK,y),b(t,l.U.INACTIVE,m),t),_);return(0,s.jsx)(h,f(f({ref:r,className:E},S),{},{children:w}))}));O.displayName="MDCIcon",O.propTypes={type:c().oneOf(["","filled","outlined","round","sharp","two-tone"]),size:c().string,light:c().bool,dark:c().bool,inactive:c().bool};const y=O},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 p in i=Object(arguments[s]))t.call(i,p)&&(l[p]=i[p]);if(r){a=r(i);for(var u=0;u<a.length;u++)n.call(i,a[u])&&(l[a[u]]=i[a[u]])}}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,p=null;for(n in void 0!==t&&(s=""+t),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(p=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:p,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);function i(e){return void 0===e}var a=["component","fallback","className","children"];function l(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 s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?l(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(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 u=(0,e.forwardRef)((function(r,t){var n=r.component,o=r.fallback,i=r.className,l=r.children,p=void 0===l?n:l,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,a);return(0,e.isValidElement)(n)?(0,e.cloneElement)(n,s({ref:t,className:c()(i,n.props.className)},u)):(0,e.isValidElement)(o)?(0,e.cloneElement)(o,s({ref:t,className:c()(i,o.props.className)},u)):o?(0,e.createElement)(o,s({ref:t,className:i},u),p):p})),f=t(8263),b=t(5893),O=["label","icon","selected","touch","ripple","element","component","className","children"];function y(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?y(Object(t),!0).forEach((function(r){m(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var v=(0,e.forwardRef)((function(e,r){var t,n=e.label,o=e.icon,i=e.selected,a=e.touch,l=e.ripple,s=e.element,p=void 0===s?"button":s,y=e.component,v=void 0===y?p:y,g=e.className,j=e.children,h=void 0===j?n:j,P=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,O),w=c()("mdc-segmented-button__segment",(m(t={},"mdc-segmented-button__segment--selected",i),m(t,"mdc-segmented-button--touch",a),t),g);return(0,b.jsxs)(v,d(d({ref:r,className:w},P),{},{children:[l&&(0,b.jsx)("div",{className:"mdc-segmented-button__ripple"}),a&&(0,b.jsx)("div",{className:"mdc-segmented-button__touch"}),o&&(0,b.jsx)(u,{component:o,fallback:f.Z,className:"mdc-segmented-button__icon"}),h&&(0,b.jsx)("span",{className:"mdc-segmented-button__label",children:h})]}))}));v.displayName="MDCSegmentedButtonSegment",v.propTypes={label:n().string,icon:n().node,selected:n().bool,ripple:n().bool};const g=v;var j=["value","segments","singleSelect","ripple","touch","onChange","element","component","className","children"];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 P(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 _=(0,e.forwardRef)((function(r,t){var n=r.value,o=r.segments,a=r.singleSelect,l=void 0===a?!i(n)&&!function(e){return Array.isArray(e)}(n):a,s=r.ripple,p=void 0===s||s,u=r.touch,f=void 0!==u&&u,O=r.onChange,y=void 0===O?Function.prototype:O,d=r.element,m=void 0===d?"div":d,v=r.component,h=void 0===v?m:v,_=r.className,S=r.children,E=void 0===S?null==o?void 0:o.map((function(r){return(0,e.createElement)(g,r)})):S,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),N=(0,e.useCallback)((function(e){var r=e.currentTarget.value,t=l?r:n.includes(r)?n.filter((function(e){return e!==r})):n.concat(r);y(t)}),[n,l,y]),k=c()("mdc-segmented-button",w({},"mdc-segmented-button--single-select",l),_);return(0,b.jsx)(h,P(P({ref:t,className:k,role:l?"radiogroup":"group"},x),{},{children:i(n)?E:e.Children.map(E,(function(r){var t,o=l?"aria-checked":"aria-pressed",c=l?n===r.props.value:n.includes(r.props.value);return(0,e.cloneElement)(r,(w(t={ripple:p,touch:f,selected:c,role:l?"radio":void 0},o,c),w(t,"onClickCapture",N),t))}))}))}));_.displayName="MDCSegmentedButton",_.propTypes={value:n().any,segments:n().arrayOf(n().oneOfType([n().object,n().element])),singleSelect:n().bool,ripple:n().bool,touch:n().bool,onChange:n().func},_.Segment=g})()})();