storybook-react-geekshubs/dist/components/Buttons/0-ButtonFeedback.stories.js

Creation and curation of hight quality react components.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.CustomFeedback=exports.BigWithWrap=exports.Blocks=exports.Inline=exports.OverrideStyle=exports.InfiniteLoading=exports.Fail=exports.Success=exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _ButtonFeedback=_interopRequireDefault(require("./ButtonFeedback"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var wait=function wait(delay){return new Promise(function(res){return setTimeout(res,delay,res)})};var fail=function fail(delay){return new Promise(function(res,rej){return setTimeout(rej,delay,res)})};var randomFail=function randomFail(delay){return Math.random()>0.5?wait(delay):fail(delay)};var _default={title:"Components|Buttons/ButtonFeedback"};exports.default=_default;var Success=function Success(){return _react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return wait(2000)}},"success")};exports.Success=Success;var Fail=function Fail(){return _react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return fail(2000)}},"fail")};exports.Fail=Fail;var InfiniteLoading=function InfiniteLoading(){return _react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return fail(99999999)}},"infiniteLoading")};exports.InfiniteLoading=InfiniteLoading;var OverrideStyle=function OverrideStyle(){return _react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"red",backgroundColor:"#222",fontSize:"40px"}},"Custom style")};exports.OverrideStyle=OverrideStyle;var Inline=function Inline(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"blue",backgroundColor:"#aaa",fontSize:"20px",fontFamily:"Arial"}},"Custom style"),_react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"violet",backgroundColor:"yellow",fontSize:"20px",fontFamily:"Helvetica"}},"Custom style"),_react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"WHITE",backgroundColor:"black",fontSize:"20px",textTransform:"none",fontFamily:"monospace"}},"Custom style"))};exports.Inline=Inline;var Blocks=function Blocks(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"blue",backgroundColor:"#aaa",fontSize:"20px",fontFamily:"Arial",display:"block"}},"Custom style"),_react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"violet",backgroundColor:"yellow",fontSize:"20px",fontFamily:"Helvetica",display:"block"}},"Custom style"),_react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"WHITE",backgroundColor:"black",fontSize:"20px",textTransform:"none",fontFamily:"monospace",display:"block"}},"Custom style"))};exports.Blocks=Blocks;var BigWithWrap=function BigWithWrap(){return _react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"blue",backgroundColor:"transparent",fontSize:"130px",fontFamily:"Sans",fontWeight:"800"}},"Custom style")};exports.BigWithWrap=BigWithWrap;var CustomFeedback=function CustomFeedback(){return _react.default.createElement(_ButtonFeedback.default,{onClick:function onClick(){return randomFail(1000)},style:{color:"black",backgroundColor:"white",fontSize:"40px"},successIcon:_react.default.createElement("span",{className:"emoji"},"\u2764\uFE0F"),failIcon:_react.default.createElement("span",{className:"emoji"},"\uD83D\uDC94"),loadingIcon:_react.default.createElement("span",{className:"emoji"},"\uD83D\uDE12")},"custom success")};exports.CustomFeedback=CustomFeedback;