@2e32/react-button
Version:
A React button component
12 lines (10 loc) • 4.42 kB
JavaScript
;var X=Object.create;var f=Object.defineProperty,Y=Object.defineProperties,Z=Object.getOwnPropertyDescriptor,tt=Object.getOwnPropertyDescriptors,et=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,nt=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var L=(t,e,n)=>e in t?f(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,p=(t,e)=>{for(var n in e||(e={}))C.call(e,n)&&L(t,n,e[n]);if(m)for(var n of m(e))k.call(e,n)&&L(t,n,e[n]);return t},d=(t,e)=>Y(t,tt(e));var B=(t,e)=>{var n={};for(var o in t)C.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(t!=null&&m)for(var o of m(t))e.indexOf(o)<0&&k.call(t,o)&&(n[o]=t[o]);return n};var ot=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),rt=(t,e)=>{for(var n in e)f(t,n,{get:e[n],enumerable:!0})},A=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of et(e))!C.call(t,i)&&i!==n&&f(t,i,{get:()=>e[i],enumerable:!(o=Z(e,i))||o.enumerable});return t};var R=(t,e,n)=>(n=t!=null?X(nt(t)):{},A(e||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),it=t=>A(f({},"__esModule",{value:!0}),t);var g=ot((dt,b)=>{(function(){"use strict";var t={}.hasOwnProperty,e="[native code]";function n(){for(var o=[],i=0;i<arguments.length;i++){var r=arguments[i];if(r){var a=typeof r;if(a==="string"||a==="number")o.push(r);else if(Array.isArray(r)){if(r.length){var l=n.apply(null,r);l&&o.push(l)}}else if(a==="object"){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){o.push(r.toString());continue}for(var c in r)t.call(r,c)&&r[c]&&o.push(c)}}}return o.join(" ")}typeof b!="undefined"&&b.exports?(n.default=n,b.exports=n):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return n}):window.classNames=n})()});var ct={};rt(ct,{default:()=>st});module.exports=it(ct);var E=require("react"),N=R(g());var u=require("react/jsx-runtime"),at=()=>(0,u.jsxs)("svg",{height:"24px",width:"24px",viewBox:"0 0 24 24",children:[(0,u.jsx)("circle",{cx:"12",cy:"12",r:"11",fill:"none",stroke:"currentColor",strokeWidth:"1",strokeOpacity:"0.25"}),(0,u.jsxs)("circle",{cx:"12",cy:"12",r:"11",fill:"none",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round",children:[(0,u.jsx)("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 70; 70 0",repeatCount:"indefinite"}),(0,u.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:"0 12 12",to:"360 12 12",dur:"3s",repeatCount:"indefinite"})]})]}),I=at;var O=R(g());var h=require("react/jsx-runtime"),$=({children:t,className:e})=>t!=null?(0,h.jsx)("span",{className:(0,O.default)("e-button__icon",e),children:t}):null,z=t=>(0,h.jsx)($,d(p({},t),{className:"e-button__icon--prepend"})),W=t=>(0,h.jsx)($,d(p({},t),{className:"e-button__icon--append"}));var j=(t,e,n)=>d(p({},t),{color:e!=null?e:t==null?void 0:t.color,background:n!=null?n:t==null?void 0:t.background});var s=require("react/jsx-runtime"),H=(0,E.forwardRef)((t,e)=>{let y=t,{children:n,prependIcon:o,appendIcon:i,disabled:r=!1,loading:a=!1,loadingIcon:l,loadingPosition:c="center",uppercase:q=!1,block:P=!1,round:x=!1,size:D="md",radius:F="md",className:G,style:J,color:K,background:Q,variant:_="default",palette:w}=y,T=B(y,["children","prependIcon","appendIcon","disabled","loading","loadingIcon","loadingPosition","uppercase","block","round","size","radius","className","style","color","background","variant","palette"]),v=l!=null?l:(0,s.jsx)(I,{}),U=a&&c==="left",S=a&&c==="center",V=a&&c==="right";return(0,s.jsxs)("button",d(p({},T),{ref:e,disabled:r,className:(0,N.default)("e-button",`e-button--size--${D}`,`e-button--variant--${_}`,G,{[`e-button--radius--${F}`]:!x,"e-button--disabled":r,"e-button--loading":a,"e-button--block":P,"e-button--uppercase":q,"e-button--round":!P&&x,[`e-button--palette--${w}`]:w!=null&&_!=="default"}),style:j(J,K,Q),children:[S&&(0,s.jsx)("div",{className:"e-button__loader",children:v}),(0,s.jsxs)("div",{className:(0,N.default)("e-button__content",{"e-button__content--hidden":S}),children:[(0,s.jsx)(z,{children:U?v:o}),n,(0,s.jsx)(W,{children:V?v:i})]})]}))});H.displayName="Button";var M=H;var st=M;
/*! Bundled license information:
classnames/index.js:
(*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*)
*/
//# sourceMappingURL=index.js.map