{"map":{"version":3,"sources":["component---src-docs-home-mdx-9ac7b845d93575506038.js"],"names":["window","push","Rs4b","module","__webpack_exports__","__webpack_require__","r","d","_frontmatter","MDXContent","_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__","_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__","_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__","_Users_seanrioux_products_open_source_okr_code_react_okr_ui_node_modules_gatsby_theme_docz_src_base_Layout_js__WEBPACK_IMPORTED_MODULE_4__","_components_Objective__WEBPACK_IMPORTED_MODULE_5__","_components_Progress__WEBPACK_IMPORTED_MODULE_6__","_components_Result__WEBPACK_IMPORTED_MODULE_7__","_components_Current__WEBPACK_IMPORTED_MODULE_8__","_components_Score__WEBPACK_IMPORTED_MODULE_9__","_components_Goal__WEBPACK_IMPORTED_MODULE_10__","_components_Due__WEBPACK_IMPORTED_MODULE_11__","_components_Okr__WEBPACK_IMPORTED_MODULE_12__","_components_Row__WEBPACK_IMPORTED_MODULE_13__","_data_example_js__WEBPACK_IMPORTED_MODULE_15__","Object","isExtensible","hasOwnProperty","defineProperty","configurable","value","name","filename","layoutProps","MDXLayout","_ref","components","props","mdxType","id","metrics","grades","type","label","text","date","options","year","month","day","direction","metricId","start","end","className","current","circle","parentName","href","isMDXComponent"],"mappings":"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"},"code":"(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{Rs4b:function(e,t,a){\"use strict\";a.r(t),a.d(t,\"_frontmatter\",(function(){return y})),a.d(t,\"default\",(function(){return T}));var c=a(\"Fcif\"),r=a(\"+I+c\"),n=(a(\"mXGw\"),a(\"/FXl\")),b=a(\"TjRS\"),l=a(\"MJlK\"),o=a(\"jmIX\"),i=a(\"YbNZ\"),m=a(\"fVN1\"),p=a(\"1MTx\"),d=a(\"GTvw\"),s=a(\"sxk2\"),u=a(\"OAxu\"),O=a(\"BL0q\"),j=(a(\"ZFoC\"),a(\"mYp2\")),y=(a(\"aD51\"),{});void 0!==y&&y&&y===Object(y)&&Object.isExtensible(y)&&!y.hasOwnProperty(\"__filemeta\")&&Object.defineProperty(y,\"__filemeta\",{configurable:!0,value:{name:\"_frontmatter\",filename:\"src/docs/home.mdx\"}});var x={_frontmatter:y},f=b.a;function T(e){var t=e.components,a=Object(r.a)(e,[\"components\"]);return Object(n.b)(f,Object(c.a)({},x,a,{components:t,mdxType:\"MDXLayout\"}),Object(n.b)(\"h1\",{id:\"react-okr-ui\"},\"React OKR UI\"),Object(n.b)(\"p\",null,\"An open source user interface for building OKR centric applications with React.\"),Object(n.b)(\"hr\",null),Object(n.b)(\"h2\",{id:\"example\"},\"Example\"),Object(n.b)(u.c,{metrics:j.c,grades:j.b,mdxType:\"Okr\"},Object(n.b)(l.a,{mdxType:\"Objective\"},Object(n.b)(O.a,{type:\"flex\",mdxType:\"Row\"},Object(n.b)(d.a,{label:\"Objective\",text:\"Carve out a niche\",mdxType:\"Goal\"}),Object(n.b)(s.a,{label:\"Due date\",date:\"2022/01/01\",options:{year:\"numeric\",month:\"short\",day:\"numeric\"},mdxType:\"Due\"})),Object(n.b)(o.a,{label:\"progress\",value:.75,mdxType:\"Progress\"}),Object(n.b)(i.a,{mdxType:\"Result\"},Object(n.b)(O.a,{type:\"flex\",mdxType:\"Row\"},Object(n.b)(d.a,{label:\"Key Result\",direction:\"decrease\",metricId:\"1\",start:20,end:50,mdxType:\"Goal\"}),Object(n.b)(O.a,{type:\"flex\",mdxType:\"Row\"},Object(n.b)(m.a,{className:\"okr-mr-1\",label:\"Current\",metricId:\"1\",value:30,mdxType:\"Current\"}),Object(n.b)(p.a,{className:\"okr-ml-1\",direction:\"decrease\",start:20,end:50,current:30,circle:!0,mdxType:\"Score\"})))),Object(n.b)(i.a,{mdxType:\"Result\"},Object(n.b)(O.a,{type:\"flex\",mdxType:\"Row\"},Object(n.b)(d.a,{label:\"Key Result\",direction:\"increase\",metricId:\"2\",start:110,end:190,mdxType:\"Goal\"}),Object(n.b)(O.a,{type:\"flex\",mdxType:\"Row\"},Object(n.b)(m.a,{className:\"okr-mr-1\",label:\"Current\",metricId:\"2\",current:175,mdxType:\"Current\"}),Object(n.b)(p.a,{className:\"okr-ml-1\",direction:\"increase\",start:110,end:190,current:175,circle:!0,mdxType:\"Score\"})))),Object(n.b)(i.a,{mdxType:\"Result\"},Object(n.b)(O.a,{type:\"flex\",mdxType:\"Row\"},Object(n.b)(d.a,{label:\"Key Result\",direction:\"attain\",metricId:\"3\",start:1e3,end:1e4,mdxType:\"Goal\"}),Object(n.b)(O.a,{type:\"flex\",mdxType:\"Row\"},Object(n.b)(m.a,{className:\"okr-mr-1\",label:\"Current\",metricId:\"3\",value:30,mdxType:\"Current\"}),Object(n.b)(p.a,{className:\"okr-ml-1\",direction:\"attain\",start:1e3,end:1e4,current:7e3,circle:!0,mdxType:\"Score\"})))))),Object(n.b)(\"h2\",{id:\"gettin-started\"},\"Gettin Started\"),Object(n.b)(\"p\",null,\"Getting started is easy. Simply install the package via npm:\"),Object(n.b)(\"pre\",null,Object(n.b)(\"code\",{parentName:\"pre\"},\"npm install react-okr-ui\\n\")),Object(n.b)(\"p\",null,\"Once installed, import the components you need into your React app:\"),Object(n.b)(\"pre\",null,Object(n.b)(\"code\",{parentName:\"pre\",className:\"language-js\"},'import { Okr, Objective, Result, Goal } from \"react-okr-ui\";\\n')),Object(n.b)(\"p\",null,\"To view all the component in action, check out the playground \",Object(n.b)(\"a\",{parentName:\"p\",href:\"%22/components#example%22\"},\"here\"),\".\"))}void 0!==T&&T&&T===Object(T)&&Object.isExtensible(T)&&!T.hasOwnProperty(\"__filemeta\")&&Object.defineProperty(T,\"__filemeta\",{configurable:!0,value:{name:\"MDXContent\",filename:\"src/docs/home.mdx\"}}),T.isMDXComponent=!0}}]);","extractedComments":[]}