react-handy-tools
Version:
Handy tools for React
3 lines (2 loc) • 1.58 kB
JavaScript
import t,{useState as e,useEffect as n}from"react";import o from"axios";function r(e){const{title:n,color:o,fontSize:r}=e;return t.createElement("p",{style:{color:o,fontSize:`${r}px`}},n)}function i(e){const{children:n,flexDirection:o,alignItems:i,justifyContent:c,flexWrap:a,gap:l,rowGap:p,columnGap:f}=e;return t.createElement("div",{style:{display:"flex",flexDirection:o||"row",alignItems:i||"stretch",justifyContent:c||"flex-start",flexWrap:a||"nowrap",gap:l?`${l}px`:0,rowGap:p?`${p}px`:0,columnGap:f?`${f}px`:0}},t.createElement(r,{title:"Heading",color:"black",fontSize:16}),n)}function c(e){const{label:n,width:o,height:r,fontSize:i,fontColor:c,backgroundColor:a,borderRadius:l}=e;return t.createElement("button",{style:{width:`${o}px`,height:`${r}px`,fontSize:`${i}px`,color:c||"white",backgroundColor:a||"black",borderRadius:`${l}px`}},n)}function a(t,e,n,o){return new(n||(n=Promise))((function(r,i){function c(t){try{l(o.next(t))}catch(t){i(t)}}function a(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(c,a)}l((o=o.apply(t,e||[])).next())}))}function l(t){const{apiHost:r,endpoint:i,param:c}=t,[l,p]=e(null),[f,u]=e(!1),[s,d]=e(!1);n((()=>{x()}),[]);const x=()=>a(this,void 0,void 0,(function*(){try{d(!0);const{data:t}=yield o.get(`${r}/${i}/${c&&c}`);p(t),d(!1)}catch(t){u(!0),d(!1)}}));return{data:l,isLoading:s,isError:f,refetch:()=>{x()}}}"function"==typeof SuppressedError&&SuppressedError;export{c as Button,i as FlexBox,l as useFetch};
//# sourceMappingURL=index.js.map