{"version":3,"sources":["webpack:///./src/pages/products/arranger/index.js","webpack:///./src/pages/products/arranger/assets/screenshot.png"],"names":["ArrangerPage","className","name","content","title","subTitle","cardText","getStartedLink","badge","color","text","logo","progressType","header","icon","details","iconSize","size","src","screenshot","pinnedLink","prompts","target","href","description","type","externalLink","module","exports"],"mappings":"8FAAA,gGAoNeA,UAjMM,kBACnB,kBAAC,IAAD,KACE,0BAAMC,UAAU,YAEd,kBAAC,IAAD,KACE,gEACA,0BAAMC,KAAK,GAAGC,QAAQ,KACtB,0BACED,KAAK,WACLC,QAAQ,qQAKZ,kBAAC,IAAD,CACEC,MAAM,WACNC,SAAS,wDACTC,SAAS,8JACTC,eAAe,6CACfC,MAAO,CAAEC,MAAO,OAAQC,KAAM,qBAC9BC,KAAK,eACLC,aAAa,OAIf,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,OAAO,eACPC,KAAK,OACLC,QAAQ,iFAEV,kBAAC,IAAD,CACEF,OAAO,eACPC,KAAK,eACLE,SAAU,GACVD,QAAQ,4EAEV,kBAAC,IAAD,CACEF,OAAO,aACPC,KAAK,SACLC,QAAQ,8EAKZ,6BAASd,UAAU,qBACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,2CAGb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,OACb,kBAAC,IAAD,CACEgB,KAAK,QACLH,KAAK,SACLD,OAAO,mBACPE,QAAQ,kEAIZ,yBAAKd,UAAU,OACb,kBAAC,IAAD,CACEgB,KAAK,QACLH,KAAK,SACLD,OAAO,sBACPE,QAAQ,oHAIZ,yBAAKd,UAAU,OACb,kBAAC,IAAD,CACEgB,KAAK,QACLH,KAAK,SACLD,OAAO,yBACPE,QAAQ,oFAMd,yBAAKd,UAAU,wCACb,yBAAKiB,IAAKC,UAQlB,kBAAC,IAAD,CAAgBC,WAAW,8CAGzB,yBAAKnB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,yBAEF,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUoB,QAAS,CAAC,kDAMxB,yBAAKpB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,4BAA6B,KAE/B,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUoB,QAAS,CAAC,4BAKxB,yBAAKpB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,gDAAiD,KAEnD,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CACEoB,QAAS,CACP,kFAOR,yBAAKpB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,kBACa,IACX,uBACEqB,OAAO,SACPC,KAAK,qEAFP,eAKK,IAPP,6CASM,KAER,yBAAKtB,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CACEoB,QAAS,CACP,iLAOV,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEP,KAAK,eACLU,YAAY,6FACZvB,UAAU,UAEV,kBAAC,IAAD,CACEwB,KAAK,UACLR,KAAK,SACLS,aAAa,6CACbZ,KAAK,eAJP,qB,qBCtMVa,EAAOC,QAAU,IAA0B,0D","file":"component---src-pages-products-arranger-index-js-bf1a4e57fe264037b098.js","sourcesContent":["import React from 'react';\nimport Helmet from 'react-helmet';\nimport {\n  H2,\n  H4,\n  Button,\n  Layout,\n  ProductFeature,\n  ProductFeatureRow,\n  ProductHero,\n  GettingStarted,\n  BottomCallout,\n  Callout,\n  Terminal,\n  UrlBar,\n} from '../../../components';\nimport screenshot from './assets/screenshot.png';\nimport './style.scss';\n\nconst ArrangerPage = () => (\n  <Layout>\n    <main className=\"Arranger\">\n      {/* Metadata */}\n      <Helmet>\n        <title>Overture Products - Arranger </title>\n        <meta name=\"\" content=\"\" />\n        <meta\n          name=\"keywords\"\n          content=\"Overture, data science software, bioinformatics software, open-source software, cancer research, single sign-on, facebook authentication, google authentication, user management, JSON web tokens, Spring Security, Ontario Institute for Cancer Research, OICR\"\n        />\n      </Helmet>\n\n      {/* Hero */}\n      <ProductHero\n        title=\"Arranger\"\n        subTitle=\"Data can be messy, let Arranger organize it for you. \"\n        cardText=\"Provide your administrators with the power to organize an intuitive data search interface, complete with customizable components, tables, and search terms.\"\n        getStartedLink=\"https://github.com/overture-stack/arranger\"\n        badge={{ color: 'blue', text: 'Access & Download' }}\n        logo=\"logoArranger\"\n        progressType=\"rc\"\n      />\n\n      {/* Features  */}\n      <ProductFeatureRow>\n        <ProductFeature\n          header=\"User managed\"\n          icon=\"user\"\n          details=\"Sit back and relax as your administrators determine facets and search terms.\"\n        />\n        <ProductFeature\n          header=\"Customizable\"\n          icon=\"customizable\"\n          iconSize={80}\n          details=\"Use the default theme, or create a portal with your own branded theme. \"\n        />\n        <ProductFeature\n          header=\"Search API\"\n          icon=\"search\"\n          details=\"Arranger creates and manages a flexible yet powerful GraphQL search API.\"\n        />\n      </ProductFeatureRow>\n\n      {/* Target Features + Screenshot */}\n      <section className=\"bg-curve-grey pb4\">\n        <div className=\"container\">\n          <div className=\"columns column target-feature-container\">\n            {/* targets */}\n\n            <div className=\"column pt2 is-4-desktop pt2\">\n              <div className=\"py2\">\n                <ProductFeature\n                  size=\"small\"\n                  icon=\"target\"\n                  header=\"It’s index based\"\n                  details=\"Simply provide an Elasticsearch index and you’re good to go!\"\n                />\n              </div>\n\n              <div className=\"py2\">\n                <ProductFeature\n                  size=\"small\"\n                  icon=\"target\"\n                  header=\"Built-in components\"\n                  details=\"Search through a list of data-types and pre-built aggregation components like boolean, list, string and date. \"\n                />\n              </div>\n\n              <div className=\"py2\">\n                <ProductFeature\n                  size=\"small\"\n                  icon=\"target\"\n                  header=\"Content Administration\"\n                  details=\"Customize the content of your data portal display such as filters and tables.\"\n                />\n              </div>\n            </div>\n\n            {/* screenshot */}\n            <div className=\"column is-offset-1 flex items-center\">\n              <img src={screenshot} />\n            </div>\n          </div>\n        </div>\n      </section>\n\n      {/* Getting Started Terminals / steps */}\n\n      <GettingStarted pinnedLink=\"https://arranger.readthedocs.io/en/latest/\">\n        {/* Getting Started: Step 1 */}\n\n        <div className=\"columns Step\">\n          <div className=\"column is-3\">\n            <H2 className=\"pb1\">1</H2>\n            <div>\n              <H4>Clone the repo.</H4>\n            </div>\n            <div className=\"mt3 yellow-bar\" />\n          </div>\n\n          <div className=\"column is-8 is-offset-1 self-center\">\n            <Terminal prompts={['git@github.com:overture-stack/arranger.git']} />\n          </div>\n        </div>\n\n        {/* Getting Started: step 2 */}\n\n        <div className=\"columns Step\">\n          <div className=\"column is-3\">\n            <H2 className=\"pb1\">2</H2>\n            <div>\n              {' '}\n              <H4>Run docker compose.</H4>{' '}\n            </div>\n            <div className=\"mt3 yellow-bar\" />\n          </div>\n\n          <div className=\"column is-8 is-offset-1 self-center\">\n            <Terminal prompts={['docker-compose up -d']} />\n          </div>\n        </div>\n\n        {/* Getting Started: step 3 */}\n        <div className=\"columns Step\">\n          <div className=\"column is-3\">\n            <H2 className=\"pb1\">3</H2>\n            <div>\n              {' '}\n              <H4>Go to localhost to see arranger server.</H4>{' '}\n            </div>\n            <div className=\"mt3 yellow-bar\" />\n          </div>\n\n          <div className=\"column is-8 is-offset-1 self-center\">\n            <UrlBar\n              prompts={[\n                \"<a target='_blank' href='https://localhost:8080'>http://localhost:8080</a>\",\n              ]}\n            />\n          </div>\n        </div>\n\n        {/* Getting Started: step 4 */}\n        <div className=\"columns Step\">\n          <div className=\"column is-3\">\n            <H2 className=\"pb1\">4</H2>\n            <div>\n              {' '}\n              <H4>\n                Follow the{' '}\n                <a\n                  target=\"_blank\"\n                  href=\"https://arranger.readthedocs.io/en/latest/src/gettingstarted.html\"\n                >\n                  quick guide\n                </a>{' '}\n                to generate demo data and a local portal!\n              </H4>{' '}\n            </div>\n            <div className=\"mt3 yellow-bar\" />\n          </div>\n\n          <div className=\"column is-8 is-offset-1 self-center\">\n            <UrlBar\n              prompts={[\n                \"Visit <a target='_blank' href='https://arranger.readthedocs.io/en/latest/src/gettingstarted.html'>https://arranger.readthedocs.io/en/latest/src/gettingstarted.html</a> \",\n              ]}\n            />\n          </div>\n        </div>\n      </GettingStarted>\n\n      <BottomCallout>\n        <Callout\n          icon=\"githubYellow\"\n          description=\"Provide your administrators with the power to organize an intuitive data search interface.\"\n          className=\"center\"\n        >\n          <Button\n            type=\"primary\"\n            size=\"medium\"\n            externalLink=\"https://github.com/overture-stack/arranger\"\n            icon=\"githubWhite\"\n          >\n            Get Started\n          </Button>\n        </Callout>\n      </BottomCallout>\n    </main>\n  </Layout>\n);\n\nexport default ArrangerPage;\n","module.exports = __webpack_public_path__ + \"static/screenshot-0919eac6ae91f13e916a6c19d155538b.png\";"],"sourceRoot":""}