| 1 | {"version":3,"sources":["../src/createCalendarUrl.story.jsx"],"names":["event","title","description","location","start","finish","types","urls","map","type","url","onClick","e","preventDefault","currentTarget","getAttribute","storiesOf","module","add","JSON","stringify","Date"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAGA;;AACA;;AATA;;AACA;;AACA;AAKA;AAIA,IAAMA,KAAK,GAAG;AACZC,EAAAA,KAAK,EAAE,cADK;AAEZC,EAAAA,WAAW,EAAE,sDAFD;AAGZC,EAAAA,QAAQ,EAAE,cAHE;AAIZC,EAAAA,KAAK,EAAE,2BAJK;AAKZC,EAAAA,MAAM,EAAE;AALI,CAAd;AAQA,IAAMC,KAAK,GAAG,CAAC,KAAD,EAAQ,QAAR,EAAkB,OAAlB,EAA2B,YAA3B,CAAd;AACA,IAAMC,IAAI,GAAGD,KAAK,CAACE,GAAN,CAAU,UAACC,IAAD;AAAA,SAAW;AAChCA,IAAAA,IAAI,EAAJA,IADgC;AAEhCC,IAAAA,GAAG,EAAE,mCAAkBV,KAAlB,EAAyBS,IAAzB;AAF2B,GAAX;AAAA,CAAV,CAAb;;AAKA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAO;AACrBA,EAAAA,CAAC,CAACC,cAAF;AACA,oCAAiBD,CAAC,CAACE,aAAF,CAAgBC,YAAhB,CAA6B,MAA7B,CAAjB;AACD,CAHD;;eAKe;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,SACbA,SAAS,CAAC,mCAAD,EAAsCC,MAAtC,CAAT,CAAuDC,GAAvD,CAA2D,SAA3D,EAAsE;AAAA,wBACpE,gCAAC,iBAAD,qBACE,6CAAMC,IAAI,CAACC,SAAL,CAAepB,KAAf,EAAsB,IAAtB,EAA4B,CAA5B,CAAN,CADF,eAEE,6CAAMmB,IAAI,CAACC,SAAL,CAAe;AAAEhB,MAAAA,KAAK,EAAE,IAAIiB,IAAJ,CAASrB,KAAK,CAACI,KAAf,CAAT;AAAgCC,MAAAA,MAAM,EAAE,IAAIgB,IAAJ,CAASrB,KAAK,CAACK,MAAf;AAAxC,KAAf,EAAiF,IAAjF,EAAuF,CAAvF,CAAN,CAFF,eAGE,+CACGE,IAAI,CAACC,GAAL,CAAS;AAAA,UAAGC,IAAH,SAAGA,IAAH;AAAA,UAASC,GAAT,SAASA,GAAT;AAAA,0BACR,yDACE,4CAAKD,IAAL,CADF,eAEE,yDACE;AAAG,QAAA,IAAI,EAAEC,GAAT;AAAc,QAAA,MAAM,EAAC;AAArB,sBACYD,IADZ,CADF,CAFF,eAOE,yDACE;AAAQ,QAAA,IAAI,EAAC,QAAb;AAAsB,QAAA,IAAI,EAAEC,GAA5B;AAAiC,QAAA,OAAO,EAAEC,OAA1C;AAAmD,QAAA,MAAM,EAAC;AAA1D,sBACYF,IADZ,CADF,CAPF,CADQ;AAAA,KAAT,CADH,CAHF,CADoE;AAAA,GAAtE,CADa;AAAA,C","sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\n/* eslint-disable react/jsx-one-expression-per-line */\n/* eslint-disable react/jsx-no-target-blank */\nimport React from 'react';\nimport Story from '@lskjs/dev/Story';\nimport DEV from '@lskjs/dev/DEV';\n\n// import AddToCalendar from './AddToCalendar';\nimport createCalendarUrl from './createCalendarUrl';\nimport downloadCalendar from './downloadCalendar';\n\nconst event = {\n title: 'Sample Event',\n description: 'This is the sample event provided as an example only',\n location: 'Portland, OR',\n start: '2020-02-20T20:20:20-04:00',\n finish: '2020-03-03T03:03:03+03:00',\n};\n\nconst types = ['ics', 'google', 'yahoo', 'outlookcom'];\nconst urls = types.map((type) => ({\n type,\n url: createCalendarUrl(event, type),\n}));\n\nconst onClick = (e) => {\n e.preventDefault();\n downloadCalendar(e.currentTarget.getAttribute('href'));\n};\n\nexport default ({ storiesOf }) =>\n storiesOf('add-to-calendar/createCalendarUrl', module).add('Default', () => (\n <Story>\n <pre>{JSON.stringify(event, null, 2)}</pre>\n <pre>{JSON.stringify({ start: new Date(event.start), finish: new Date(event.finish) }, null, 2)}</pre>\n <table>\n {urls.map(({ type, url }) => (\n <tr>\n <th>{type}</th>\n <td>\n <a href={url} target=\"_blank\">\n Download {type}\n </a>\n </td>\n <td>\n <button type=\"button\" href={url} onClick={onClick} target=\"_blank\">\n Download {type}\n </button>\n </td>\n </tr>\n ))}\n </table>\n </Story>\n ));\n"],"file":"createCalendarUrl.story.js"} |