{"version":3,"sources":["webpack:///./node_modules/react-bootstrap/esm/Row.js","webpack:///./src/components/index/Card.js","webpack:///./src/components/index/Table.js","webpack:///./src/pages/index.js","webpack:///./src/images/fishery.svg"],"names":["DEVICE_SIZES","Row","forwardRef","_ref","ref","bsPrefix","className","noGutters","_ref$as","as","Component","props","decoratedBsPrefix","sizePrefix","classes","forEach","brkPoint","cols","propValue","infix","push","createElement","apply","concat","displayName","defaultProps","Card","children","link","title","newTab","href","target","Table","dataSource","useState","menu","displayMenu","id","table","setTable","toggle","dropdownRef","useRef","useEffect","handler","event","current","contains","document","addEventListener","removeEventListener","itemsFiltered","filter","item","onClick","icon","faChevronDown","map","key","selectItem","data","tb","code","details","placement","content","faInfoCircle","description","Home","Helmet","charSet","name","rel","type","favicon","Image","src","Logotype","Fishery","sample","tables","noaaLogo","psmfcLogo","module","exports"],"mappings":"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","file":"component---src-pages-index-js-7e3d7765ad4a0739696e.js","sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];\nvar defaultProps = {\n  noGutters: false\n};\nvar Row = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      noGutters = _ref.noGutters,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"noGutters\", \"as\"]);\n\n  var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  var sizePrefix = decoratedBsPrefix + \"-cols\";\n  var classes = [];\n  DEVICE_SIZES.forEach(function (brkPoint) {\n    var propValue = props[brkPoint];\n    delete props[brkPoint];\n    var cols;\n\n    if (propValue != null && typeof propValue === 'object') {\n      cols = propValue.cols;\n    } else {\n      cols = propValue;\n    }\n\n    var infix = brkPoint !== 'xs' ? \"-\" + brkPoint : '';\n    if (cols != null) classes.push(\"\" + sizePrefix + infix + \"-\" + cols);\n  });\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))\n  }));\n});\nRow.displayName = 'Row';\nRow.defaultProps = defaultProps;\nexport default Row;","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\nimport \"bootstrap/dist/css/bootstrap.min.css\"\r\n\r\nimport \"./Card.scss\"\r\n\r\nconst Card = ({children, link, title, newTab}) => {\r\n  return (\r\n    <div className=\"Card\">\r\n        <a href={link} target={newTab ? \"_blank\" : \"_self\"} >\r\n          {children}\r\n          <h2>{title}</h2>\r\n        </a>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Card","import React, { useState, useEffect, useRef } from \"react\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faInfoCircle, faChevronDown } from '@fortawesome/free-solid-svg-icons'\r\nimport Tippy from '@tippyjs/react'\r\nimport 'tippy.js/dist/tippy.css'\r\nimport \"bootstrap/dist/css/bootstrap.min.css\"\r\n\r\n\r\n//styles/sass\r\nimport \"./Table.scss\"\r\n\r\nfunction Table({ dataSource = [] }) {\r\n\r\n  //States\r\n  const [menu, displayMenu] = useState(false)\r\n  const [table, setTable] = useState({id: 0, title: `${dataSource[0].title}`})\r\n\r\n  //Toggle to open and close Menu\r\n  const toggle = () => displayMenu(!menu)\r\n\r\n  //Function to select Table\r\n  const selectItem = (item) => {\r\n    setTable({id: item.id - 1, title: item.title})\r\n    toggle()\r\n  }\r\n \r\n  let dropdownRef = useRef()\r\n\r\n  useEffect(() => {\r\n\r\n    let handler = (event) => {\r\n      if (!dropdownRef.current.contains(event.target)) {\r\n        displayMenu(false)\r\n      }\r\n    }\r\n    document.addEventListener(\"mousedown\", handler)\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handler)\r\n    }\r\n\r\n  })\r\n\r\n\r\n  //We get the objects EXCEPT THE ONE ALREADY SELECTED // Default First -- set State \"Table\" with id: 0\r\n  let itemsFiltered = dataSource.filter(item => item.title !== table.title)\r\n  \r\n  //We return the jsx\r\n  return (\r\n    <div className=\"TableContainer\">\r\n      <div ref={dropdownRef} className=\"Dropdown\">\r\n        <div className=\"TopOption\" onClick={toggle}>\r\n          <h3 className=\"OptionSelected\">{table.title}</h3>\r\n          <div className=\"Chevron\">\r\n            <FontAwesomeIcon className={menu ? \"chevronUp\" : \"chevronDown\"} icon={faChevronDown}/>\r\n          </div>\r\n        </div>\r\n        <div className={menu ? \"OptionList_shown\" : \"OptionList_hidden\" }>\r\n          <ul>\r\n            {itemsFiltered.map(item => (\r\n              <li className=\"Option\" key={item.id}>\r\n                <h3 className=\"OptionName\" onClick={() => selectItem(item)}>{item.title}</h3>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>    \r\n      </div>\r\n      <div className=\"Table\">\r\n        <table>\r\n          <thead>\r\n            {table.title == 'Charter Inputs' ?\r\n              <tr className=\"HeadersAlt\">\r\n                <th>Name</th>\r\n                <th>Info</th>\r\n              </tr>\r\n            :\r\n              <tr className=\"Headers\">\r\n                <th>Abbreviation</th>\r\n                <th>Description</th>\r\n                <th>Info</th>\r\n              </tr>\r\n            }\r\n\r\n          </thead>\r\n\r\n          {table.title == 'Charter Inputs' ?\r\n\r\n          <tbody>\r\n          {dataSource[table.id].data.map(tb => (\r\n            <tr className=\"RowAlt\" key={tb.id}>\r\n              <td>{tb.code}</td>\r\n              {tb.details !== \"..\" ? \r\n              <Tippy placement=\"right-end\" content={tb.details}>\r\n                <td className=\"TooltipAlt\">\r\n                  <FontAwesomeIcon icon={faInfoCircle}/>\r\n                </td> \r\n              </Tippy>\r\n                  : \r\n              <td></td>}\r\n            </tr>\r\n          ))}\r\n          </tbody>\r\n\r\n          :\r\n\r\n          <tbody>\r\n          {dataSource[table.id].data.map(tb => (\r\n            <tr className=\"Row\" key={tb.id}>\r\n              <td>{tb.code}</td>\r\n              <td>{tb.description}</td>\r\n              \r\n              {tb.details !== \"..\" ? \r\n              <Tippy placement=\"right-end\" content={tb.details}>\r\n                <td className=\"Tooltip\">\r\n                  <FontAwesomeIcon icon={faInfoCircle}/>\r\n                </td> \r\n              </Tippy>\r\n                  : \r\n              <td></td>}\r\n            </tr>\r\n          ))}\r\n          </tbody>\r\n\r\n          }\r\n        </table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Table","import React from \"react\"\r\nimport { Row, Image } from \"react-bootstrap\"\r\nimport { Helmet } from \"react-helmet\"\r\nimport { FaTools, FaAddressBook, FaFileSignature } from 'react-icons/fa'\r\n\r\n\r\n\r\n//Styles\r\nimport \"./index.scss\"\r\n\r\n//Images\r\nimport Logotype from \"../images/psmfc-logo.svg\"\r\nimport Fishery from '../images/fishery.svg'\r\n\r\n//Components\r\nimport Card from '../components/index/Card'\r\nimport Table from '../components/index/Table'\r\n\r\nimport favicon from \"../../static/favicon.png\"\r\n\r\nimport psmfcLogo from \"../images/psmfc-logo.svg\"\r\nimport noaaLogo from \"../images/noaa-logo.png\"\r\n\r\n\r\n//Data\r\nimport sample from '../data/sample.json'\r\n\r\n\r\nexport default function Home() {\r\n\r\n    return (\r\n        <div className=\"homepage\">\r\n            <Helmet>\r\n                <meta charSet=\"utf-8\" />\r\n                <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\r\n                <link rel=\"icon\" type=\"image/png\" href={favicon}/>\r\n                <title>Homepage | Multi-Regional Social Accounting Matrix</title>\r\n                <link rel=\"canonical\" href=\"http://mysite.com/example\" />\r\n            </Helmet>   \r\n\r\n            <div className=\"homepage-topbar\">\r\n                <div className=\"homepage-topbar-logo\">\r\n                    <Image src={Logotype} />\r\n                </div>\r\n                <div className=\"homepage-top-bar-title\">\r\n                    <h2>Regional Economic Model for North Pacific Fisheries</h2>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"homepage-container-top\">\r\n                <div className=\"homepage-top\">\r\n                    <div className=\"homepage-top-content\">\r\n                        <h5>Regional Economic Impact Analysis for North Pacific Fisheries</h5>\r\n                        <p>In 2015, economists and social scientists from NMFS Alaska Regional Office (AKRO), \r\n                            NMFS Alaska Fisheries Science Center (AFSC), and North Pacific Fishery Management Council (NPFMC) \r\n                            had a round of workshops at AKRO.\r\n                        </p>\r\n                        <p>One result from the workshops was a plan to develop a regional economic impact analysis software \r\n                            for North Pacific fisheries that will assist economists and social scientists working for the North \r\n                            Pacific fisheries in estimating the economic impacts of changes in management actions for the fisheries. \r\n                        </p>\r\n                    </div>\r\n                        \r\n                    <div className=\"homepage-top-illustration\">\r\n                        <Image src={Fishery} />\r\n                    </div>\r\n                </div> \r\n\r\n                <Row className=\"Cards\">\r\n                    <Card link=\"/application\" title=\"Application\" newTab={false}>\r\n                        <FaTools />\r\n                    </Card>\r\n                    <Card link=\"https://nwecon.psmfc.org/RegionalImpactAnalysis_UserManual.pdf\" title=\"User's manual\" newTab={true}>\r\n                        <FaAddressBook />\r\n                    </Card>\r\n                    <Card link=\"https://repository.library.noaa.gov/view/noaa/45360\" title=\"Tech memo\" newTab={true}>\r\n                        <FaFileSignature />\r\n                    </Card>\r\n                </Row> \r\n\r\n                <div className=\"Abbrevations\">\r\n                    <h2>Abbreviations</h2>\r\n                    <Table dataSource = {sample[0].tables} />\r\n                </div>\r\n            </div>\r\n            <div className=\"homepage-footer\">\r\n                <div className=\"homepage-footer_logos\">\r\n                    <Image src={noaaLogo} />\r\n                    <Image src={psmfcLogo} />\r\n                </div>\r\n                <p>\r\n                This tool is a cooperative project between PSMFC, NMFS' Alaska Regional Office,\r\n                and NMFS' Alaska Fisheries Science Center, with funding provided by the NMFS Office\r\n                of Science and Technology. The 10MRSAM used in this web tool was constructed by Dr. Edward\r\n                Waters with Cascade Economics, LLC.\r\n                </p>\r\n            </div>\r\n        </div>  \r\n    )\r\n}","module.exports = __webpack_public_path__ + \"static/fishery-c4e229afa1cd7fcaaa5a463caa9c6448.svg\";"],"sourceRoot":""}