@2e32/react-button
Version:
A React button component
12 lines (10 loc) • 4.22 kB
JavaScript
var X=Object.create;var b=Object.defineProperty,Y=Object.defineProperties,Z=Object.getOwnPropertyDescriptor,tt=Object.getOwnPropertyDescriptors,et=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,nt=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var L=(t,e,n)=>e in t?b(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,c=(t,e)=>{for(var n in e||(e={}))h.call(e,n)&&L(t,n,e[n]);if(u)for(var n of u(e))k.call(e,n)&&L(t,n,e[n]);return t},p=(t,e)=>Y(t,tt(e));var B=(t,e)=>{var n={};for(var o in t)h.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(t!=null&&u)for(var o of u(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);var rt=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of et(e))!h.call(t,i)&&i!==n&&b(t,i,{get:()=>e[i],enumerable:!(o=Z(e,i))||o.enumerable});return t};var A=(t,e,n)=>(n=t!=null?X(nt(t)):{},rt(e||!t||!t.__esModule?b(n,"default",{value:t,enumerable:!0}):n,t));var v=ot((ct,l)=>{(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 d=n.apply(null,r);d&&o.push(d)}}else if(a==="object"){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){o.push(r.toString());continue}for(var s in r)t.call(r,s)&&r[s]&&o.push(s)}}}return o.join(" ")}typeof l!="undefined"&&l.exports?(n.default=n,l.exports=n):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return n}):window.classNames=n})()});var N=A(v());import{forwardRef as at}from"react";import{jsx as C,jsxs as R}from"react/jsx-runtime";var it=()=>R("svg",{height:"24px",width:"24px",viewBox:"0 0 24 24",children:[C("circle",{cx:"12",cy:"12",r:"11",fill:"none",stroke:"currentColor",strokeWidth:"1",strokeOpacity:"0.25"}),R("circle",{cx:"12",cy:"12",r:"11",fill:"none",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round",children:[C("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 70; 70 0",repeatCount:"indefinite"}),C("animateTransform",{attributeName:"transform",type:"rotate",from:"0 12 12",to:"360 12 12",dur:"3s",repeatCount:"indefinite"})]})]}),g=it;var O=A(v());import{jsx as I}from"react/jsx-runtime";var $=({children:t,className:e})=>t!=null?I("span",{className:(0,O.default)("e-button__icon",e),children:t}):null,z=t=>I($,p(c({},t),{className:"e-button__icon--prepend"})),W=t=>I($,p(c({},t),{className:"e-button__icon--append"}));var j=(t,e,n)=>p(c({},t),{color:e!=null?e:t==null?void 0:t.color,background:n!=null?n:t==null?void 0:t.background});import{jsx as f,jsxs as E}from"react/jsx-runtime";var H=at((t,e)=>{let y=t,{children:n,prependIcon:o,appendIcon:i,disabled:r=!1,loading:a=!1,loadingIcon:d,loadingPosition:s="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"]),m=d!=null?d:f(g,{}),U=a&&s==="left",S=a&&s==="center",V=a&&s==="right";return E("button",p(c({},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&&f("div",{className:"e-button__loader",children:m}),E("div",{className:(0,N.default)("e-button__content",{"e-button__content--hidden":S}),children:[f(z,{children:U?m:o}),n,f(W,{children:V?m:i})]})]}))});H.displayName="Button";var M=H;var St=M;export{St as default};
/*! 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