Files
developer-roadmap/_next/static/chunks/680-f2ef73bf59f135ea.js

1 line
35 KiB
JavaScript
Raw Permalink Normal View History

2022-01-09 07:32:41 +00:00
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[680],{15193:function(e,a,t){"use strict";t.d(a,{zx:function(){return N},hU:function(){return k}});var n=t(97375),r=t(42846),l=t(15031),o=t(38554),c=t.n(o),i=t(67294),s=t(26450),d=t(49609);function m(e,a){if(null==e)return{};var t,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],a.indexOf(t)>=0||(r[t]=e[t]);return r}function p(){return(p=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var u=["size","colorScheme","variant","className","spacing","isAttached","isDisabled"],h=(0,s.kr)({strict:!1,name:"ButtonGroupContext"}),f=h[0],L=h[1],v=(0,r.Gp)((function(e,a){var t=e.size,n=e.colorScheme,o=e.variant,c=e.className,s=e.spacing,d=void 0===s?"0.5rem":s,h=e.isAttached,L=e.isDisabled,v=m(e,u),C=(0,l.cx)("chakra-button__group",c),y=i.useMemo((function(){return{size:t,colorScheme:n,variant:o,isDisabled:L}}),[t,n,o,L]),g={display:"inline-flex"};return g=p({},g,h?{"> *:first-of-type:not(:last-of-type)":{borderEndRadius:0},"> *:not(:first-of-type):not(:last-of-type)":{borderRadius:0},"> *:not(:first-of-type):last-of-type":{borderStartRadius:0}}:{"& > *:not(style) ~ *:not(style)":{marginStart:d}}),i.createElement(f,{value:y},i.createElement(r.m$.div,p({ref:a,role:"group",__css:g,className:C},v)))}));l.Ts&&(v.displayName="ButtonGroup");var C=["label","placement","spacing","children","className","__css"],y=function(e){var a=e.label,t=e.placement;e.spacing;var n=e.children,o=void 0===n?i.createElement(d.$,{color:"currentColor",width:"1em",height:"1em"}):n,c=e.className,s=e.__css,u=m(e,C),h=(0,l.cx)("chakra-button__spinner",c),f="start"===t?"marginEnd":"marginStart",L=i.useMemo((function(){var e;return p(((e={display:"flex",alignItems:"center",position:a?"relative":"absolute"})[f]=a?"0.5rem":0,e.fontSize="1em",e.lineHeight="normal",e),s)}),[s,a,f]);return i.createElement(r.m$.div,p({className:h},u,{__css:L}),o)};l.Ts&&(y.displayName="ButtonSpinner");var g=["children","className"],E=function(e){var a=e.children,t=e.className,n=m(e,g),o=i.isValidElement(a)?i.cloneElement(a,{"aria-hidden":!0,focusable:!1}):a,c=(0,l.cx)("chakra-button__icon",t);return i.createElement(r.m$.span,p({display:"inline-flex",alignSelf:"center",flexShrink:0},n,{className:c}),o)};l.Ts&&(E.displayName="ButtonIcon");var M=["isDisabled","isLoading","isActive","isFullWidth","children","leftIcon","rightIcon","loadingText","iconSpacing","type","spinner","spinnerPlacement","className","as"],N=(0,r.Gp)((function(e,a){var t=L(),o=(0,r.mq)("Button",p({},t,e)),s=(0,r.Lr)(e),d=s.isDisabled,u=void 0===d?null==t?void 0:t.isDisabled:d,h=s.isLoading,f=s.isActive,v=s.isFullWidth,C=s.children,g=s.leftIcon,E=s.rightIcon,N=s.loadingText,b=s.iconSpacing,k=void 0===b?"0.5rem":b,x=s.type,I=s.spinner,Z=s.spinnerPlacement,w=void 0===Z?"start":Z,_=s.className,S=s.as,V=m(s,M),z=i.useMemo((function(){var e,a=c()({},null!=(e=null==o?void 0:o._focus)?e:{},{zIndex:1});return p({display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",outline:"none",width:v?"100%":"auto"},o,!!t&&{_focus:a})}),[o,t,v]),B=function(e){var a=i.useState(!e),t=a[0],n=a[1];return{ref:i.useCallback((function(e){e&&n("BUTTON"===e.tagName)}),[]),type:t?"button":void 0}}(S),O=B.ref,H=B.type,T={rightIcon:E,leftIcon:g,iconSpacing:k,children:C};return i.createElement(r.m$.button,p({disabled:u||h,ref:(0,n.qq)(a,O),as:S,type:null!=x?x:H,"data-active":(0,l.PB)(f),"data-loading":(0,l.PB)(h),__css:z,className:(0,l.cx)("chakra-button",_)},V),h&&"start"===w&&i.createElement(y,{className:"chakra-button__spinner--start",label:N,placement:"start"},I),h?N||i.createElement(r.m$.span,{opacity:0},i.createElement(A,T)):i.createElement(A,T),h&&"end"===w&&i.createElement(y,{className:"chakra-button__spinner--end",label:N,placement:"end"},I))}));function A(e){var a=e.leftIcon,t=e.rightIcon,n=e.children,r=e.iconSpacing;return i.createElement(i.Fr