text: (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1037:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(269);module._StorybookPreserveDecorators=!0,Object(_storybook_react__WEBPACK_IMPORTED_MODULE_0__.configure)([__webpack_require__(1038),__webpack_require__(1049)],module)}.call(this,__webpack_require__(620)(module))},1038:function(module,exports,__webpack_require__){var map={"./InfoCard/InfoCard.stories.tsx":1039,"./TabbedCard/TabbedCard.stories.tsx":1086};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1038},1039:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"Subhead",(function(){return Subhead})),__webpack_require__.d(__webpack_exports__,"LinkInFooter",(function(){return LinkInFooter}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(68),_material_ui_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(655),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/layout/InfoCard",__STORY__="/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport InfoCard from '.';\nimport { Grid } from '@material-ui/core';\n\nconst cardContentStyle = { height: 200, width: 500 };\nconst linkInfo = { title: 'Go to XYZ Location', link: '#' };\n\nexport default {\n  title: 'Information Card',\n  component: InfoCard,\n};\n\nconst Wrapper = ({ children }) => (\n  <Grid container spacing={4}>\n    <Grid item>{children}</Grid>\n  </Grid>\n);\n\nexport const Default = () => (\n  <Wrapper>\n    <InfoCard title=\"Information Card\">\n      <div style={cardContentStyle} />\n    </InfoCard>\n  </Wrapper>\n);\n\nexport const Subhead = () => (\n  <Wrapper>\n    <InfoCard title=\"Information Card\" subheader=\"Subhead\">\n      <div style={cardContentStyle} />\n    </InfoCard>\n  </Wrapper>\n);\n\nexport const LinkInFooter = () => (\n  <Wrapper>\n    <InfoCard title=\"Information Card\" deepLink={linkInfo}>\n      <div style={cardContentStyle} />\n    </InfoCard>\n  </Wrapper>\n);\n",__ADDS_MAP__={"information-card--default":{startLoc:{col:23,line:34},endLoc:{col:1,line:40},startBody:{col:23,line:34},endBody:{col:1,line:40}},"information-card--subhead":{startLoc:{col:23,line:42},endLoc:{col:1,line:48},startBody:{col:23,line:42},endBody:{col:1,line:48}},"information-card--link-in-footer":{startLoc:{col:28,line:50},endLoc:{col:1,line:56},startBody:{col:28,line:50},endBody:{col:1,line:56}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};const cardContentStyle={height:200,width:500},linkInfo={title:"Go to XYZ Location",link:"#"};__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport InfoCard from '.';\nimport { Grid } from '@material-ui/core';\n\nconst cardContentStyle = { height: 200, width: 500 };\nconst linkInfo = { title: 'Go to XYZ Location', link: '#' };\n\nexport default {\n  title: 'Information Card',\n  component: InfoCard,\n};\n\nconst Wrapper = ({ children }) => (\n  <Grid container spacing={4}>\n    <Grid item>{children}</Grid>\n  </Grid>\n);\n\nexport const Default = () => (\n  <Wrapper>\n    <InfoCard title=\"Information Card\">\n      <div style={cardContentStyle} />\n    </InfoCard>\n  </Wrapper>\n);\n\nexport const Subhead = () => (\n  <Wrapper>\n    <InfoCard title=\"Information Card\" subheader=\"Subhead\">\n      <div style={cardContentStyle} />\n    </InfoCard>\n  </Wrapper>\n);\n\nexport const LinkInFooter = () => (\n  <Wrapper>\n    <InfoCard title=\"Information Card\" deepLink={linkInfo}>\n      <div style={cardContentStyle} />\n    </InfoCard>\n  </Wrapper>\n);\n",locationsMap:{"information-card--default":{startLoc:{col:23,line:34},endLoc:{col:1,line:40},startBody:{col:23,line:34},endBody:{col:1,line:40}},"information-card--subhead":{startLoc:{col:23,line:42},endLoc:{col:1,line:48},startBody:{col:23,line:42},endBody:{col:1,line:48}},"information-card--link-in-footer":{startLoc:{col:28,line:50},endLoc:{col:1,line:56},startBody:{col:28,line:50},endBody:{col:1,line:56}}}}},title:"Information Card",component:___WEBPACK_IMPORTED_MODULE_1__.a};const Wrapper=({children:children})=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_2__.a,{container:!0,spacing:4},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_2__.a,{item:!0},children)),Default=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Wrapper,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(___WEBPACK_IMPORTED_MODULE_1__.a,{title:"Information Card"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{style:cardContentStyle}))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/InfoCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),Subhead=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Wrapper,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(___WEBPACK_IMPORTED_MODULE_1__.a,{title:"Information Card",subheader:"Subhead"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{style:cardContentStyle}))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/InfoCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),LinkInFooter=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Wrapper,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(___WEBPACK_IMPORTED_MODULE_1__.a,{title:"Information Card",deepLink:linkInfo},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{style:cardContentStyle}))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/InfoCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1049:function(module,exports,__webpack_require__){var map={"./CopyTextButton/CopyTextButton.stories.tsx":1087,"./HorizontalScrollGrid/HorizontalScrollGrid.stories.tsx":1090,"./Lifecycle/LifecycleAlpha.stories.tsx":1055,"./Lifecycle/LifecycleBeta.stories.tsx":1056,"./Progress/Progress.stories.tsx":1088,"./ProgressBars/HorizontalProgress.stories.tsx":1091,"./ProgressBars/ProgressCard.stories.tsx":1092,"./SortableTable/SortableTable.stories.tsx":1093,"./Status/Status.stories.tsx":1057,"./StructuredMetadataTable/StructuredMetadataTable.stories.tsx":1084,"./TrendLine/TrendLine.stories.tsx":1085,"./WarningPanel/WarningPanel.stories.tsx":1089};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1049},1055:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"Shorthand",(function(){return Shorthand}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_Lifecycle__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(115),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/Lifecycle",__STORY__="/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { AlphaLabel } from './Lifecycle';\n\nexport default {\n  title: 'Lifecycle - Alpha',\n  component: AlphaLabel,\n};\n\nexport const Default = () => (\n  <>\n    This feature is in <AlphaLabel />\n  </>\n);\nexport const Shorthand = () => (\n  <>\n    This feature is in <AlphaLabel isShorthand />\n  </>\n);\n",__ADDS_MAP__={"lifecycle-alpha--default":{startLoc:{col:23,line:24},endLoc:{col:1,line:28},startBody:{col:23,line:24},endBody:{col:1,line:28}},"lifecycle-alpha--shorthand":{startLoc:{col:25,line:29},endLoc:{col:1,line:33},startBody:{col:25,line:29},endBody:{col:1,line:33}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { AlphaLabel } from './Lifecycle';\n\nexport default {\n  title: 'Lifecycle - Alpha',\n  component: AlphaLabel,\n};\n\nexport const Default = () => (\n  <>\n    This feature is in <AlphaLabel />\n  </>\n);\nexport const Shorthand = () => (\n  <>\n    This feature is in <AlphaLabel isShorthand />\n  </>\n);\n",locationsMap:{"lifecycle-alpha--default":{startLoc:{col:23,line:24},endLoc:{col:1,line:28},startBody:{col:23,line:24},endBody:{col:1,line:28}},"lifecycle-alpha--shorthand":{startLoc:{col:25,line:29},endLoc:{col:1,line:33},startBody:{col:25,line:29},endBody:{col:1,line:33}}}}},title:"Lifecycle - Alpha",component:_Lifecycle__WEBPACK_IMPORTED_MODULE_1__.a};const Default=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"This feature is in ",react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Lifecycle__WEBPACK_IMPORTED_MODULE_1__.a,null)),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/LifecycleAlpha.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),Shorthand=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"This feature is in ",react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Lifecycle__WEBPACK_IMPORTED_MODULE_1__.a,{isShorthand:!0})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/LifecycleAlpha.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1056:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"Shorthand",(function(){return Shorthand}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_Lifecycle__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(115),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/Lifecycle",__STORY__="/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { BetaLabel } from './Lifecycle';\n\nexport default {\n  title: 'Lifecycle - Beta',\n  component: BetaLabel,\n};\n\nexport const Default = () => (\n  <>\n    This feature is in <BetaLabel />\n  </>\n);\nexport const Shorthand = () => (\n  <>\n    This feature is in <BetaLabel isShorthand />\n  </>\n);\n",__ADDS_MAP__={"lifecycle-beta--default":{startLoc:{col:23,line:24},endLoc:{col:1,line:28},startBody:{col:23,line:24},endBody:{col:1,line:28}},"lifecycle-beta--shorthand":{startLoc:{col:25,line:29},endLoc:{col:1,line:33},startBody:{col:25,line:29},endBody:{col:1,line:33}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { BetaLabel } from './Lifecycle';\n\nexport default {\n  title: 'Lifecycle - Beta',\n  component: BetaLabel,\n};\n\nexport const Default = () => (\n  <>\n    This feature is in <BetaLabel />\n  </>\n);\nexport const Shorthand = () => (\n  <>\n    This feature is in <BetaLabel isShorthand />\n  </>\n);\n",locationsMap:{"lifecycle-beta--default":{startLoc:{col:23,line:24},endLoc:{col:1,line:28},startBody:{col:23,line:24},endBody:{col:1,line:28}},"lifecycle-beta--shorthand":{startLoc:{col:25,line:29},endLoc:{col:1,line:33},startBody:{col:25,line:29},endBody:{col:1,line:33}}}}},title:"Lifecycle - Beta",component:_Lifecycle__WEBPACK_IMPORTED_MODULE_1__.b};const Default=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"This feature is in ",react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Lifecycle__WEBPACK_IMPORTED_MODULE_1__.b,null)),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/LifecycleBeta.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),Shorthand=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"This feature is in ",react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Lifecycle__WEBPACK_IMPORTED_MODULE_1__.b,{isShorthand:!0})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/LifecycleBeta.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1057:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"statusOK",(function(){return statusOK})),__webpack_require__.d(__webpack_exports__,"statusWarning",(function(){return statusWarning})),__webpack_require__.d(__webpack_exports__,"statusError",(function(){return statusError})),__webpack_require__.d(__webpack_exports__,"statusFailed",(function(){return statusFailed})),__webpack_require__.d(__webpack_exports__,"statusPending",(function(){return statusPending})),__webpack_require__.d(__webpack_exports__,"statusRunning",(function(){return statusRunning})),__webpack_require__.d(__webpack_exports__,"statusNA",(function(){return statusNA}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_Status__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(41),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/Status",__STORY__="/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  StatusError,\n  StatusFailed,\n  StatusNA,\n  StatusOK,\n  StatusPending,\n  StatusRunning,\n  StatusWarning,\n} from './Status';\n\nexport default {\n  title: 'Status',\n  component: StatusOK,\n};\n\nexport const statusOK = () => (\n  <>\n    <StatusOK /> Status OK\n  </>\n);\nexport const statusWarning = () => (\n  <>\n    <StatusWarning /> Status Warning\n  </>\n);\nexport const statusError = () => (\n  <>\n    <StatusError /> Status Error\n  </>\n);\nexport const statusFailed = () => (\n  <>\n    <StatusFailed /> Status Failed\n  </>\n);\nexport const statusPending = () => (\n  <>\n    <StatusPending /> Status Pending\n  </>\n);\nexport const statusRunning = () => (\n  <>\n    <StatusRunning /> Status Running\n  </>\n);\nexport const statusNA = () => (\n  <>\n    <StatusNA /> Status NA\n  </>\n);\n",__ADDS_MAP__={"status--status-ok":{startLoc:{col:24,line:33},endLoc:{col:1,line:37},startBody:{col:24,line:33},endBody:{col:1,line:37}},"status--status-warning":{startLoc:{col:29,line:38},endLoc:{col:1,line:42},startBody:{col:29,line:38},endBody:{col:1,line:42}},"status--status-error":{startLoc:{col:27,line:43},endLoc:{col:1,line:47},startBody:{col:27,line:43},endBody:{col:1,line:47}},"status--status-failed":{startLoc:{col:28,line:48},endLoc:{col:1,line:52},startBody:{col:28,line:48},endBody:{col:1,line:52}},"status--status-pending":{startLoc:{col:29,line:53},endLoc:{col:1,line:57},startBody:{col:29,line:53},endBody:{col:1,line:57}},"status--status-running":{startLoc:{col:29,line:58},endLoc:{col:1,line:62},startBody:{col:29,line:58},endBody:{col:1,line:62}},"status--status-na":{startLoc:{col:24,line:63},endLoc:{col:1,line:67},startBody:{col:24,line:63},endBody:{col:1,line:67}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  StatusError,\n  StatusFailed,\n  StatusNA,\n  StatusOK,\n  StatusPending,\n  StatusRunning,\n  StatusWarning,\n} from './Status';\n\nexport default {\n  title: 'Status',\n  component: StatusOK,\n};\n\nexport const statusOK = () => (\n  <>\n    <StatusOK /> Status OK\n  </>\n);\nexport const statusWarning = () => (\n  <>\n    <StatusWarning /> Status Warning\n  </>\n);\nexport const statusError = () => (\n  <>\n    <StatusError /> Status Error\n  </>\n);\nexport const statusFailed = () => (\n  <>\n    <StatusFailed /> Status Failed\n  </>\n);\nexport const statusPending = () => (\n  <>\n    <StatusPending /> Status Pending\n  </>\n);\nexport const statusRunning = () => (\n  <>\n    <StatusRunning /> Status Running\n  </>\n);\nexport const statusNA = () => (\n  <>\n    <StatusNA /> Status NA\n  </>\n);\n",locationsMap:{"status--status-ok":{startLoc:{col:24,line:33},endLoc:{col:1,line:37},startBody:{col:24,line:33},endBody:{col:1,line:37}},"status--status-warning":{startLoc:{col:29,line:38},endLoc:{col:1,line:42},startBody:{col:29,line:38},endBody:{col:1,line:42}},"status--status-error":{startLoc:{col:27,line:43},endLoc:{col:1,line:47},startBody:{col:27,line:43},endBody:{col:1,line:47}},"status--status-failed":{startLoc:{col:28,line:48},endLoc:{col:1,line:52},startBody:{col:28,line:48},endBody:{col:1,line:52}},"status--status-pending":{startLoc:{col:29,line:53},endLoc:{col:1,line:57},startBody:{col:29,line:53},endBody:{col:1,line:57}},"status--status-running":{startLoc:{col:29,line:58},endLoc:{col:1,line:62},startBody:{col:29,line:58},endBody:{col:1,line:62}},"status--status-na":{startLoc:{col:24,line:63},endLoc:{col:1,line:67},startBody:{col:24,line:63},endBody:{col:1,line:67}}}}},title:"Status",component:_Status__WEBPACK_IMPORTED_MODULE_1__.d};const statusOK=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Status__WEBPACK_IMPORTED_MODULE_1__.d,null)," Status OK"),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/Status.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),statusWarning=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Status__WEBPACK_IMPORTED_MODULE_1__.g,null)," Status Warning"),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/Status.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),statusError=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Status__WEBPACK_IMPORTED_MODULE_1__.a,null)," Status Error"),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/Status.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),statusFailed=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Status__WEBPACK_IMPORTED_MODULE_1__.b,null)," Status Failed"),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/Status.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),statusPending=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Status__WEBPACK_IMPORTED_MODULE_1__.e,null)," Status Pending"),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/Status.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),statusRunning=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Status__WEBPACK_IMPORTED_MODULE_1__.f,null)," Status Running"),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/Status.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),statusNA=addSourceDecorator(()=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Status__WEBPACK_IMPORTED_MODULE_1__.c,null)," Status NA"),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/Status.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1084:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),InfoCard=__webpack_require__(68),Grid=__webpack_require__(655),withStyles=__webpack_require__(4),startCase=__webpack_require__(397),startCase_default=__webpack_require__.n(startCase),TableCell=__webpack_require__(658),Table=__webpack_require__(1111),TableBody=__webpack_require__(1112),TableRow=__webpack_require__(659);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}const TitleCell=Object(withStyles.a)(theme=>({root:{fontWeight:"bolder",whiteSpace:"nowrap",paddingRight:theme.spacing(4),border:"0",verticalAlign:"top"}}))(TableCell.a),ContentCell=Object(withStyles.a)({root:{color:"rgba(0, 0, 0, 0.6)",border:"0",verticalAlign:"top"}})(TableCell.a),MetadataTable=({dense:dense,children:children})=>react_default.a.createElement(Table.a,null,!dense&&react_default.a.createElement("colgroup",null,react_default.a.createElement("col",{style:{width:"auto"}}),react_default.a.createElement("col",{style:{width:"100%"}})),react_default.a.createElement(TableBody.a,null,children)),MetadataTableItem=({title:title,children:children,...rest})=>react_default.a.createElement(TableRow.a,null,title&&react_default.a.createElement(TitleCell,null,title),react_default.a.createElement(ContentCell,_extends({colSpan:title?1:2},rest),children)),MetadataList=Object(withStyles.a)(theme=>({root:{listStyle:"none",margin:theme.spacing(0,0,-1,0),padding:"0"}}))(({classes:classes,children:children})=>react_default.a.createElement("ul",{className:classes.root},children)),MetadataListItem=Object(withStyles.a)(theme=>({root:{padding:theme.spacing(0,0,1,0)}}))(({classes:classes,children:children})=>react_default.a.createElement("li",{className:classes.root},children)),listStyle={root:{margin:"0 0",listStyleType:"none"}},nestedListStyle={root:{...listStyle.root,paddingLeft:"8px"}};function toValue(value,options,nested){return react_default.a.isValidElement(value)?react_default.a.createElement(react.Fragment,null,value):"object"!=typeof value||Array.isArray(value)?Array.isArray(value)?function renderList(list,options,nested){const values=list.map((item,index)=>react_default.a.createElement(MetadataListItem,{key:index},toValue(item)));return nested?react_default.a.createElement(StyledNestedList,null,values):react_default.a.createElement(StyledList,null,values)}(value,0,nested):react_default.a.createElement(react.Fragment,null,value):function renderMap(map,options,nested){const values=Object.keys(map).map(key=>{const value=toValue(map[key],!0),fmtKey=options&&options.titleFormat?options.titleFormat(key):startCase_default()(key);return react_default.a.createElement(MetadataListItem,{key:key},`${fmtKey}: `,value)});return nested?react_default.a.createElement(StyledNestedList,null,values):react_default.a.createElement(StyledList,null,values)}(value,options,nested)}const StyledList=Object(withStyles.a)(listStyle)(({classes:classes,children:children})=>react_default.a.createElement(MetadataList,{classes:classes},children)),StyledNestedList=Object(withStyles.a)(nestedListStyle)(({classes:classes,children:children})=>react_default.a.createElement(MetadataList,{classes:classes},children)),ItemValue=({value:value,options:options})=>react_default.a.createElement(react.Fragment,null,toValue(value,options)),TableItem=({title:title,value:value,options:options})=>react_default.a.createElement(MetadataTableItem,{title:options&&options.titleFormat?options.titleFormat(title):startCase_default()(title)},react_default.a.createElement(ItemValue,{value:value,options:options}));class StructuredMetadataTable_StructuredMetadataTable extends react.Component{render(){const{metadata:metadata,dense:dense,options:options}=this.props,metadataItems=function mapToItems(info,options){return Object.keys(info).map(key=>react_default.a.createElement(TableItem,{key:key,title:key,value:info[key],options:options}))}(metadata,options||{});return react_default.a.createElement(MetadataTable,{dense:dense},metadataItems)}}__webpack_require__(17).withSource;var addSourceDecorator=__webpack_require__(17).addSource;const cardContentStyle={heightX:200,width:500},StructuredMetadataTable_stories_metadata={description:"This is a long description of what this is doing (and some additional info too). \n It has new lines and extra text to make it especially annoying to render. But it just ignores them.",something:"Yes",owner:"squad","longer key name":["v1","v2","v3"],rules:{"permit missing partitions":"No","max partition finish time":"19 hours",Support:{"office hours":"Contact goalie","after hours":"trigger PD alert"}}};__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport InfoCard from '../../layout/InfoCard';\nimport { Grid } from '@material-ui/core';\nimport StructuredMetadataTable from '.';\n\nconst cardContentStyle = { heightX: 200, width: 500 };\n\nconst metadata = {\n  description:\n    'This is a long description of what this is doing (and some additional info too). \\n It has new lines and extra text to make it especially annoying to render. But it just ignores them.',\n  something: 'Yes',\n  owner: 'squad',\n  'longer key name': ['v1', 'v2', 'v3'],\n  rules: {\n    'permit missing partitions': 'No',\n    'max partition finish time': '19 hours',\n    Support: {\n      'office hours': 'Contact goalie',\n      'after hours': 'trigger PD alert',\n    },\n  },\n};\n\nexport default {\n  title: 'Structured Metadata Table',\n  component: StructuredMetadataTable,\n};\n\nconst Wrapper = ({ children }) => (\n  <Grid container spacing={4}>\n    <Grid item>{children}</Grid>\n  </Grid>\n);\n\nexport const Default = () => (\n  <Wrapper>\n    <InfoCard title=\"Structured Metadata Table\" subheader=\"Wrapped in InfoCard\">\n      <div style={cardContentStyle}>\n        <StructuredMetadataTable metadata={metadata} />\n      </div>\n    </InfoCard>\n  </Wrapper>\n);\n",locationsMap:{"structured-metadata-table--default":{startLoc:{col:23,line:50},endLoc:{col:1,line:58},startBody:{col:23,line:50},endBody:{col:1,line:58}}}}},title:"Structured Metadata Table",component:StructuredMetadataTable_StructuredMetadataTable};const Wrapper=({children:children})=>react_default.a.createElement(Grid.a,{container:!0,spacing:4},react_default.a.createElement(Grid.a,{item:!0},children)),Default=addSourceDecorator(()=>react_default.a.createElement(Wrapper,null,react_default.a.createElement(InfoCard.a,{title:"Structured Metadata Table",subheader:"Wrapped in InfoCard"},react_default.a.createElement("div",{style:cardContentStyle},react_default.a.createElement(StructuredMetadataTable_StructuredMetadataTable,{metadata:StructuredMetadataTable_stories_metadata})))),{__STORY__:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport InfoCard from '../../layout/InfoCard';\nimport { Grid } from '@material-ui/core';\nimport StructuredMetadataTable from '.';\n\nconst cardContentStyle = { heightX: 200, width: 500 };\n\nconst metadata = {\n  description:\n    'This is a long description of what this is doing (and some additional info too). \\n It has new lines and extra text to make it especially annoying to render. But it just ignores them.',\n  something: 'Yes',\n  owner: 'squad',\n  'longer key name': ['v1', 'v2', 'v3'],\n  rules: {\n    'permit missing partitions': 'No',\n    'max partition finish time': '19 hours',\n    Support: {\n      'office hours': 'Contact goalie',\n      'after hours': 'trigger PD alert',\n    },\n  },\n};\n\nexport default {\n  title: 'Structured Metadata Table',\n  component: StructuredMetadataTable,\n};\n\nconst Wrapper = ({ children }) => (\n  <Grid container spacing={4}>\n    <Grid item>{children}</Grid>\n  </Grid>\n);\n\nexport const Default = () => (\n  <Wrapper>\n    <InfoCard title=\"Structured Metadata Table\" subheader=\"Wrapped in InfoCard\">\n      <div style={cardContentStyle}>\n        <StructuredMetadataTable metadata={metadata} />\n      </div>\n    </InfoCard>\n  </Wrapper>\n);\n",__ADDS_MAP__:{"structured-metadata-table--default":{startLoc:{col:23,line:50},endLoc:{col:1,line:58},startBody:{col:23,line:50},endBody:{col:1,line:58}}},__MAIN_FILE_LOCATION__:"/StructuredMetadataTable.stories.tsx",__MODULE_DEPENDENCIES__:[],__LOCAL_DEPENDENCIES__:{},__SOURCE_PREFIX__:"/home/runner/work/backstage/backstage/packages/core/src/components/StructuredMetadataTable",__IDS_TO_FRAMEWORKS__:{}})},1085:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"TrendingMix",(function(){return TrendingMix})),__webpack_require__.d(__webpack_exports__,"TrendingUp",(function(){return TrendingUp})),__webpack_require__.d(__webpack_exports__,"TrendingDown",(function(){return TrendingDown}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),build=__webpack_require__(398),useTheme=__webpack_require__(12);function color(data,theme){const lastNum=data[data.length-1];if(lastNum)return lastNum>=.9?theme.palette.status.ok:lastNum>=.5?theme.palette.status.warning:theme.palette.status.error}var TrendLine=props=>{const theme=Object(useTheme.a)();return props.data?react_default.a.createElement(build.Sparklines,Object.assign({width:120,height:30,min:0,max:1},props),props.title&&react_default.a.createElement("title",null,props.title),react_default.a.createElement(build.SparklinesLine,{color:color(props.data,theme)})):null},SortableTable=__webpack_require__(163),InfoCard=__webpack_require__(68),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/TrendLine",__STORY__='/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport TrendLine from \'.\';\nimport SortableTable from \'components/SortableTable\';\nimport InfoCard from \'layout/InfoCard\';\n\nexport default {\n  title: \'TrendLine\',\n  component: TrendLine,\n};\n\nconst containerStyle = { width: 600 };\n\nconst data = [\n  {\n    stock: \'A\',\n    day: <TrendLine data={[0.1, 0.5, 0.7, 1]} title="Trend over time" />,\n    week: <TrendLine data={[1, 0.7, 0.9, 1]} title="Trend over time" />,\n    month: <TrendLine data={[0.1, 0.3, 0.6, 1]} title="Trend over time" />,\n    year: <TrendLine data={[0.8, 0.8, 0.8, 1]} title="Trend over time" />,\n  },\n  {\n    stock: \'B\',\n    day: <TrendLine data={[0.8, 0.7, 0.5, 0.1]} title="Trend over time" />,\n    week: <TrendLine data={[1, 0.9, 0.9, 1]} title="Trend over time" />,\n    month: <TrendLine data={[1, 0.8, 0.6, 0.4]} title="Trend over time" />,\n    year: <TrendLine data={[1, 1, 0.9, 0.8]} title="Trend over time" />,\n  },\n  {\n    stock: \'C\',\n    day: <TrendLine data={[0.5, 0.3, 0.9, 1]} title="Trend over time" />,\n    week: <TrendLine data={[1, 0.7, 0.9, 0.3]} title="Trend over time" />,\n    month: <TrendLine data={[0.4, 0.6, 0.8, 0.4]} title="Trend over time" />,\n    year: <TrendLine data={[0.2, 0.5, 0.8, 1]} title="Trend over time" />,\n  },\n  {\n    stock: \'D\',\n    day: <TrendLine data={[0.8, 0.7, 0.5, 0.1]} title="Trend over time" />,\n    week: <TrendLine data={[0.2, 0.7, 0.9, 1]} title="Trend over time" />,\n    month: <TrendLine data={[1, 0.8, 0.8, 0.8]} title="Trend over time" />,\n    year: <TrendLine data={[1, 0.6, 0.9, 0.7]} title="Trend over time" />,\n  },\n];\n\nconst columns = [\n  { id: \'stock\', label: \'Stock\' },\n  { id: \'day\', label: \'Day\' },\n  { id: \'week\', label: \'Week\' },\n  { id: \'month\', label: \'Month\' },\n  { id: \'year\', label: \'Year\' },\n];\n\nexport const Default = () => (\n  <InfoCard style={containerStyle} title="Trends over time">\n    <SortableTable data={data} columns={columns} />\n  </InfoCard>\n);\n\nexport const TrendingMix = () => (\n  <div style={containerStyle}>\n    <TrendLine data={[0.1, 0.7, 0.5, 0.8]} title="Trend over time" />\n  </div>\n);\n\nexport const TrendingUp = () => (\n  <div style={containerStyle}>\n    <TrendLine data={[0.1, 0.5, 0.9, 1.0]} title="Trend over time" />\n  </div>\n);\n\nexport const TrendingDown = () => (\n  <div style={containerStyle}>\n    <TrendLine data={[0.8, 0.7, 0.5, 0.1]} title="Trend over time" />\n  </div>\n);\n',__ADDS_MAP__={"trendline--default":{startLoc:{col:23,line:68},endLoc:{col:1,line:72},startBody:{col:23,line:68},endBody:{col:1,line:72}},"trendline--trending-mix":{startLoc:{col:27,line:74},endLoc:{col:1,line:78},startBody:{col:27,line:74},endBody:{col:1,line:78}},"trendline--trending-up":{startLoc:{col:26,line:80},endLoc:{col:1,line:84},startBody:{col:26,line:80},endBody:{col:1,line:84}},"trendline--trending-down":{startLoc:{col:28,line:86},endLoc:{col:1,line:90},startBody:{col:28,line:86},endBody:{col:1,line:90}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};__webpack_exports__.default={parameters:{storySource:{source:'/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport TrendLine from \'.\';\nimport SortableTable from \'components/SortableTable\';\nimport InfoCard from \'layout/InfoCard\';\n\nexport default {\n  title: \'TrendLine\',\n  component: TrendLine,\n};\n\nconst containerStyle = { width: 600 };\n\nconst data = [\n  {\n    stock: \'A\',\n    day: <TrendLine data={[0.1, 0.5, 0.7, 1]} title="Trend over time" />,\n    week: <TrendLine data={[1, 0.7, 0.9, 1]} title="Trend over time" />,\n    month: <TrendLine data={[0.1, 0.3, 0.6, 1]} title="Trend over time" />,\n    year: <TrendLine data={[0.8, 0.8, 0.8, 1]} title="Trend over time" />,\n  },\n  {\n    stock: \'B\',\n    day: <TrendLine data={[0.8, 0.7, 0.5, 0.1]} title="Trend over time" />,\n    week: <TrendLine data={[1, 0.9, 0.9, 1]} title="Trend over time" />,\n    month: <TrendLine data={[1, 0.8, 0.6, 0.4]} title="Trend over time" />,\n    year: <TrendLine data={[1, 1, 0.9, 0.8]} title="Trend over time" />,\n  },\n  {\n    stock: \'C\',\n    day: <TrendLine data={[0.5, 0.3, 0.9, 1]} title="Trend over time" />,\n    week: <TrendLine data={[1, 0.7, 0.9, 0.3]} title="Trend over time" />,\n    month: <TrendLine data={[0.4, 0.6, 0.8, 0.4]} title="Trend over time" />,\n    year: <TrendLine data={[0.2, 0.5, 0.8, 1]} title="Trend over time" />,\n  },\n  {\n    stock: \'D\',\n    day: <TrendLine data={[0.8, 0.7, 0.5, 0.1]} title="Trend over time" />,\n    week: <TrendLine data={[0.2, 0.7, 0.9, 1]} title="Trend over time" />,\n    month: <TrendLine data={[1, 0.8, 0.8, 0.8]} title="Trend over time" />,\n    year: <TrendLine data={[1, 0.6, 0.9, 0.7]} title="Trend over time" />,\n  },\n];\n\nconst columns = [\n  { id: \'stock\', label: \'Stock\' },\n  { id: \'day\', label: \'Day\' },\n  { id: \'week\', label: \'Week\' },\n  { id: \'month\', label: \'Month\' },\n  { id: \'year\', label: \'Year\' },\n];\n\nexport const Default = () => (\n  <InfoCard style={containerStyle} title="Trends over time">\n    <SortableTable data={data} columns={columns} />\n  </InfoCard>\n);\n\nexport const TrendingMix = () => (\n  <div style={containerStyle}>\n    <TrendLine data={[0.1, 0.7, 0.5, 0.8]} title="Trend over time" />\n  </div>\n);\n\nexport const TrendingUp = () => (\n  <div style={containerStyle}>\n    <TrendLine data={[0.1, 0.5, 0.9, 1.0]} title="Trend over time" />\n  </div>\n);\n\nexport const TrendingDown = () => (\n  <div style={containerStyle}>\n    <TrendLine data={[0.8, 0.7, 0.5, 0.1]} title="Trend over time" />\n  </div>\n);\n',locationsMap:{"trendline--default":{startLoc:{col:23,line:68},endLoc:{col:1,line:72},startBody:{col:23,line:68},endBody:{col:1,line:72}},"trendline--trending-mix":{startLoc:{col:27,line:74},endLoc:{col:1,line:78},startBody:{col:27,line:74},endBody:{col:1,line:78}},"trendline--trending-up":{startLoc:{col:26,line:80},endLoc:{col:1,line:84},startBody:{col:26,line:80},endBody:{col:1,line:84}},"trendline--trending-down":{startLoc:{col:28,line:86},endLoc:{col:1,line:90},startBody:{col:28,line:86},endBody:{col:1,line:90}}}}},title:"TrendLine",component:TrendLine};const containerStyle={width:600},data=[{stock:"A",day:react_default.a.createElement(TrendLine,{data:[.1,.5,.7,1],title:"Trend over time"}),week:react_default.a.createElement(TrendLine,{data:[1,.7,.9,1],title:"Trend over time"}),month:react_default.a.createElement(TrendLine,{data:[.1,.3,.6,1],title:"Trend over time"}),year:react_default.a.createElement(TrendLine,{data:[.8,.8,.8,1],title:"Trend over time"})},{stock:"B",day:react_default.a.createElement(TrendLine,{data:[.8,.7,.5,.1],title:"Trend over time"}),week:react_default.a.createElement(TrendLine,{data:[1,.9,.9,1],title:"Trend over time"}),month:react_default.a.createElement(TrendLine,{data:[1,.8,.6,.4],title:"Trend over time"}),year:react_default.a.createElement(TrendLine,{data:[1,1,.9,.8],title:"Trend over time"})},{stock:"C",day:react_default.a.createElement(TrendLine,{data:[.5,.3,.9,1],title:"Trend over time"}),week:react_default.a.createElement(TrendLine,{data:[1,.7,.9,.3],title:"Trend over time"}),month:react_default.a.createElement(TrendLine,{data:[.4,.6,.8,.4],title:"Trend over time"}),year:react_default.a.createElement(TrendLine,{data:[.2,.5,.8,1],title:"Trend over time"})},{stock:"D",day:react_default.a.createElement(TrendLine,{data:[.8,.7,.5,.1],title:"Trend over time"}),week:react_default.a.createElement(TrendLine,{data:[.2,.7,.9,1],title:"Trend over time"}),month:react_default.a.createElement(TrendLine,{data:[1,.8,.8,.8],title:"Trend over time"}),year:react_default.a.createElement(TrendLine,{data:[1,.6,.9,.7],title:"Trend over time"})}],columns=[{id:"stock",label:"Stock"},{id:"day",label:"Day"},{id:"week",label:"Week"},{id:"month",label:"Month"},{id:"year",label:"Year"}],Default=addSourceDecorator(()=>react_default.a.createElement(InfoCard.a,{style:containerStyle,title:"Trends over time"},react_default.a.createElement(SortableTable.a,{data:data,columns:columns})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/TrendLine.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),TrendingMix=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(TrendLine,{data:[.1,.7,.5,.8],title:"Trend over time"})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/TrendLine.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),TrendingUp=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(TrendLine,{data:[.1,.5,.9,1],title:"Trend over time"})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/TrendLine.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),TrendingDown=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(TrendLine,{data:[.8,.7,.5,.1],title:"Trend over time"})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/TrendLine.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1086:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"WithFooterLink",(function(){return WithFooterLink})),__webpack_require__.d(__webpack_exports__,"WithControlledTabValue",(function(){return WithControlledTabValue}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),makeStyles=__webpack_require__(164),withStyles=__webpack_require__(4),CardHeader=__webpack_require__(1099),Card=__webpack_require__(1097),Tabs=__webpack_require__(1142),Divider=__webpack_require__(653),CardContent=__webpack_require__(1098),Tab=__webpack_require__(1140),BottomLink=__webpack_require__(286),ErrorBoundary=__webpack_require__(282),__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t};const useTabsStyles=Object(makeStyles.a)(theme=>({root:{padding:theme.spacing(0,2,0,2.5),minHeight:theme.spacing(3)},indicator:{backgroundColor:theme.palette.info.main,height:theme.spacing(.3)}})),BoldHeader=Object(withStyles.a)(theme=>({root:{padding:theme.spacing(2,2,2,2.5),display:"inline-block"},title:{fontWeight:700},subheader:{paddingTop:theme.spacing(1)}}))(CardHeader.a),TabbedCard=({slackChannel:slackChannel="#backstage",children:children,title:title,deepLink:deepLink,value:value,onChange:onChange})=>{const tabsClasses=useTabsStyles(),[selectedIndex,selectIndex]=Object(react.useState)(0),handleChange=onChange||((_ev,newSelectedIndex)=>selectIndex(newSelectedIndex));let selectedTabContent;return value?react_default.a.Children.map(children,child=>{(null==child?void 0:child.props.value)===value&&(selectedTabContent=null==child?void 0:child.props.children)}):react_default.a.Children.map(children,(child,index)=>{index===selectedIndex&&(selectedTabContent=null==child?void 0:child.props.children)}),react_default.a.createElement(Card.a,null,react_default.a.createElement(ErrorBoundary.a,{slackChannel:slackChannel},title&&react_default.a.createElement(BoldHeader,{title:title}),react_default.a.createElement(Tabs.a,{classes:tabsClasses,value:value||selectedIndex,onChange:handleChange},children),react_default.a.createElement(Divider.a,null),react_default.a.createElement(CardContent.a,null,selectedTabContent),deepLink&&react_default.a.createElement(BottomLink.a,Object.assign({},deepLink))))},useCardTabStyles=Object(makeStyles.a)(theme=>({root:{minWidth:theme.spacing(6),minHeight:theme.spacing(3),margin:theme.spacing(0,2,0,0),padding:theme.spacing(.5,0,.5,0),textTransform:"none"},selected:{fontWeight:"bold"}})),CardTab=_a=>{var{children:children}=_a,props=__rest(_a,["children"]);const classes=useCardTabStyles();return react_default.a.createElement(Tab.a,Object.assign({disableRipple:!0,classes:classes},props))};var Grid=__webpack_require__(655),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/layout/TabbedCard",__STORY__='/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { useState } from \'react\';\nimport { TabbedCard, CardTab } from \'.\';\nimport { Grid } from \'@material-ui/core\';\n\nconst cardContentStyle = { height: 200, width: 500 };\n\nexport default {\n  title: \'Tabbed Card\',\n  component: TabbedCard,\n  decorators: [\n    storyFn => (\n      <Grid container spacing={4}>\n        <Grid item>{storyFn()}</Grid>\n      </Grid>\n    ),\n  ],\n};\n\nexport const Default = () => {\n  return (\n    <TabbedCard title="Default Example Header">\n      <CardTab label="Option 1">\n        <div style={cardContentStyle}>Some content</div>\n      </CardTab>\n      <CardTab label="Option 2">\n        <div style={cardContentStyle}>Some content 2</div>\n      </CardTab>\n      <CardTab label="Option 3">\n        <div style={cardContentStyle}>Some content 3</div>\n      </CardTab>\n      <CardTab label="Option 4">\n        <div style={cardContentStyle}>Some content 4</div>\n      </CardTab>\n    </TabbedCard>\n  );\n};\n\nconst linkInfo = { title: \'Go to XYZ Location\', link: \'#\' };\n\nexport const WithFooterLink = () => {\n  return (\n    <TabbedCard title="Footer Link Example Header" deepLink={linkInfo}>\n      <CardTab label="Option 1">\n        <div style={cardContentStyle}>Some content</div>\n      </CardTab>\n      <CardTab label="Option 2">\n        <div style={cardContentStyle}>Some content 2</div>\n      </CardTab>\n      <CardTab label="Option 3">\n        <div style={cardContentStyle}>Some content 3</div>\n      </CardTab>\n      <CardTab label="Option 4">\n        <div style={cardContentStyle}>Some content 4</div>\n      </CardTab>\n    </TabbedCard>\n  );\n};\n\nexport const WithControlledTabValue = () => {\n  const [selectedTab, setSelectedTab] = useState(\'one\');\n\n  const handleChange = (_ev, newSelectedTab) => setSelectedTab(newSelectedTab);\n\n  return (\n    <>\n      <span>Selected tab is {selectedTab}</span>\n\n      <TabbedCard\n        value={selectedTab}\n        onChange={handleChange}\n        title="Controlled Value Example"\n      >\n        <CardTab value="one" label="Option 1">\n          <div style={cardContentStyle}>Some content</div>\n        </CardTab>\n        <CardTab value="two" label="Option 2">\n          <div style={cardContentStyle}>Some content 2</div>\n        </CardTab>\n        <CardTab value="three" label="Option 3">\n          <div style={cardContentStyle}>Some content 3</div>\n        </CardTab>\n        <CardTab value="four" label="Option 4">\n          <div style={cardContentStyle}>Some content 4</div>\n        </CardTab>\n      </TabbedCard>\n    </>\n  );\n};\n',__ADDS_MAP__={"tabbed-card--default":{startLoc:{col:23,line:34},endLoc:{col:1,line:51},startBody:{col:23,line:34},endBody:{col:1,line:51}},"tabbed-card--with-footer-link":{startLoc:{col:30,line:55},endLoc:{col:1,line:72},startBody:{col:30,line:55},endBody:{col:1,line:72}},"tabbed-card--with-controlled-tab-value":{startLoc:{col:38,line:74},endLoc:{col:1,line:103},startBody:{col:38,line:74},endBody:{col:1,line:103}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};const cardContentStyle={height:200,width:500};__webpack_exports__.default={parameters:{storySource:{source:'/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { useState } from \'react\';\nimport { TabbedCard, CardTab } from \'.\';\nimport { Grid } from \'@material-ui/core\';\n\nconst cardContentStyle = { height: 200, width: 500 };\n\nexport default {\n  title: \'Tabbed Card\',\n  component: TabbedCard,\n  decorators: [\n    storyFn => (\n      <Grid container spacing={4}>\n        <Grid item>{storyFn()}</Grid>\n      </Grid>\n    ),\n  ],\n};\n\nexport const Default = () => {\n  return (\n    <TabbedCard title="Default Example Header">\n      <CardTab label="Option 1">\n        <div style={cardContentStyle}>Some content</div>\n      </CardTab>\n      <CardTab label="Option 2">\n        <div style={cardContentStyle}>Some content 2</div>\n      </CardTab>\n      <CardTab label="Option 3">\n        <div style={cardContentStyle}>Some content 3</div>\n      </CardTab>\n      <CardTab label="Option 4">\n        <div style={cardContentStyle}>Some content 4</div>\n      </CardTab>\n    </TabbedCard>\n  );\n};\n\nconst linkInfo = { title: \'Go to XYZ Location\', link: \'#\' };\n\nexport const WithFooterLink = () => {\n  return (\n    <TabbedCard title="Footer Link Example Header" deepLink={linkInfo}>\n      <CardTab label="Option 1">\n        <div style={cardContentStyle}>Some content</div>\n      </CardTab>\n      <CardTab label="Option 2">\n        <div style={cardContentStyle}>Some content 2</div>\n      </CardTab>\n      <CardTab label="Option 3">\n        <div style={cardContentStyle}>Some content 3</div>\n      </CardTab>\n      <CardTab label="Option 4">\n        <div style={cardContentStyle}>Some content 4</div>\n      </CardTab>\n    </TabbedCard>\n  );\n};\n\nexport const WithControlledTabValue = () => {\n  const [selectedTab, setSelectedTab] = useState(\'one\');\n\n  const handleChange = (_ev, newSelectedTab) => setSelectedTab(newSelectedTab);\n\n  return (\n    <>\n      <span>Selected tab is {selectedTab}</span>\n\n      <TabbedCard\n        value={selectedTab}\n        onChange={handleChange}\n        title="Controlled Value Example"\n      >\n        <CardTab value="one" label="Option 1">\n          <div style={cardContentStyle}>Some content</div>\n        </CardTab>\n        <CardTab value="two" label="Option 2">\n          <div style={cardContentStyle}>Some content 2</div>\n        </CardTab>\n        <CardTab value="three" label="Option 3">\n          <div style={cardContentStyle}>Some content 3</div>\n        </CardTab>\n        <CardTab value="four" label="Option 4">\n          <div style={cardContentStyle}>Some content 4</div>\n        </CardTab>\n      </TabbedCard>\n    </>\n  );\n};\n',locationsMap:{"tabbed-card--default":{startLoc:{col:23,line:34},endLoc:{col:1,line:51},startBody:{col:23,line:34},endBody:{col:1,line:51}},"tabbed-card--with-footer-link":{startLoc:{col:30,line:55},endLoc:{col:1,line:72},startBody:{col:30,line:55},endBody:{col:1,line:72}},"tabbed-card--with-controlled-tab-value":{startLoc:{col:38,line:74},endLoc:{col:1,line:103},startBody:{col:38,line:74},endBody:{col:1,line:103}}}}},title:"Tabbed Card",component:TabbedCard,decorators:[storyFn=>react_default.a.createElement(Grid.a,{container:!0,spacing:4},react_default.a.createElement(Grid.a,{item:!0},storyFn()))]};const Default=addSourceDecorator(()=>react_default.a.createElement(TabbedCard,{title:"Default Example Header"},react_default.a.createElement(CardTab,{label:"Option 1"},react_default.a.createElement("div",{style:cardContentStyle},"Some content")),react_default.a.createElement(CardTab,{label:"Option 2"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 2")),react_default.a.createElement(CardTab,{label:"Option 3"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 3")),react_default.a.createElement(CardTab,{label:"Option 4"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 4"))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/TabbedCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),linkInfo={title:"Go to XYZ Location",link:"#"},WithFooterLink=addSourceDecorator(()=>react_default.a.createElement(TabbedCard,{title:"Footer Link Example Header",deepLink:linkInfo},react_default.a.createElement(CardTab,{label:"Option 1"},react_default.a.createElement("div",{style:cardContentStyle},"Some content")),react_default.a.createElement(CardTab,{label:"Option 2"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 2")),react_default.a.createElement(CardTab,{label:"Option 3"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 3")),react_default.a.createElement(CardTab,{label:"Option 4"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 4"))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/TabbedCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),WithControlledTabValue=addSourceDecorator(()=>{const[selectedTab,setSelectedTab]=Object(react.useState)("one");return react_default.a.createElement(react_default.a.Fragment,null,react_default.a.createElement("span",null,"Selected tab is ",selectedTab),react_default.a.createElement(TabbedCard,{value:selectedTab,onChange:(_ev,newSelectedTab)=>setSelectedTab(newSelectedTab),title:"Controlled Value Example"},react_default.a.createElement(CardTab,{value:"one",label:"Option 1"},react_default.a.createElement("div",{style:cardContentStyle},"Some content")),react_default.a.createElement(CardTab,{value:"two",label:"Option 2"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 2")),react_default.a.createElement(CardTab,{value:"three",label:"Option 3"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 3")),react_default.a.createElement(CardTab,{value:"four",label:"Option 4"},react_default.a.createElement("div",{style:cardContentStyle},"Some content 4"))))},{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/TabbedCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1087:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"WithTooltip",(function(){return WithTooltip})),__webpack_require__.d(__webpack_exports__,"LongerTooltipDelay",(function(){return LongerTooltipDelay}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),makeStyles=__webpack_require__(164),Tooltip=__webpack_require__(1115),IconButton=__webpack_require__(1134),prop_types=__webpack_require__(5),prop_types_default=__webpack_require__.n(prop_types),FileCopy=__webpack_require__(643),FileCopy_default=__webpack_require__.n(FileCopy),api=__webpack_require__(132);const useStyles=Object(makeStyles.a)(theme=>({button:{"&:hover":{backgroundColor:theme.palette.highlight,cursor:"pointer"}}})),defaultProps={tooltipDelay:1e3,tooltipText:"Text copied to clipboard"},CopyTextButton=props=>{const{text:text,tooltipDelay:tooltipDelay,tooltipText:tooltipText}=Object.assign(Object.assign({},defaultProps),props),classes=useStyles(props),errorApi=Object(api.useApi)(api.errorApiRef),inputRef=Object(react.useRef)(null),[open,setOpen]=Object(react.useState)(!1);return react_default.a.createElement(react_default.a.Fragment,null,react_default.a.createElement("input",{ref:inputRef,type:"text",style:{position:"absolute",top:-9999,left:9999},defaultValue:text}),react_default.a.createElement(Tooltip.a,{id:"copy-test-tooltip",title:tooltipText,placement:"top",leaveDelay:tooltipDelay,onClose:()=>setOpen(!1),open:open},react_default.a.createElement(IconButton.a,{onClick:e=>{e.stopPropagation(),setOpen(!0);try{inputRef.current&&(inputRef.current.select(),document.execCommand("copy"))}catch(error){errorApi.post(error)}},className:classes.button},react_default.a.createElement(FileCopy_default.a,null))))};CopyTextButton.propTypes={text:prop_types_default.a.string.isRequired,tooltipDelay:prop_types_default.a.number,tooltipText:prop_types_default.a.string};var CopyTextButton_CopyTextButton=CopyTextButton,addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/CopyTextButton",__STORY__='/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport CopyTextButton from \'.\';\nimport { ApiProvider, errorApiRef, ApiRegistry } from \'api\';\n\nexport default {\n  title: \'CopyTextButton\',\n  component: CopyTextButton,\n  decorators: [\n    storyFn => {\n      // TODO: move this to common storybook config, requires core package to be separate from components\n      const registry = ApiRegistry.from([\n        [\n          errorApiRef,\n          {\n            post(error) {\n              \n              window.alert(`Component posted error, ${error}`);\n            },\n          },\n        ],\n      ]);\n      return <ApiProvider apis={registry} children={storyFn()} />;\n    },\n  ],\n};\n\nexport const Default = () => (\n  <CopyTextButton text="The text to copy to clipboard" />\n);\n\nexport const WithTooltip = () => (\n  <CopyTextButton\n    text="The text to copy to clipboard"\n    tooltipText="Custom tooltip shown on button click"\n  />\n);\n\nexport const LongerTooltipDelay = () => (\n  <CopyTextButton\n    text="The text to copy to clipboard"\n    tooltipText="Waiting 3s before removing tooltip"\n    tooltipDelay={3000}\n  />\n);\n',__ADDS_MAP__={"copytextbutton--default":{startLoc:{col:23,line:43},endLoc:{col:1,line:45},startBody:{col:23,line:43},endBody:{col:1,line:45}},"copytextbutton--with-tooltip":{startLoc:{col:27,line:47},endLoc:{col:1,line:52},startBody:{col:27,line:47},endBody:{col:1,line:52}},"copytextbutton--longer-tooltip-delay":{startLoc:{col:34,line:54},endLoc:{col:1,line:60},startBody:{col:34,line:54},endBody:{col:1,line:60}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};__webpack_exports__.default={parameters:{storySource:{source:'/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport CopyTextButton from \'.\';\nimport { ApiProvider, errorApiRef, ApiRegistry } from \'api\';\n\nexport default {\n  title: \'CopyTextButton\',\n  component: CopyTextButton,\n  decorators: [\n    storyFn => {\n      // TODO: move this to common storybook config, requires core package to be separate from components\n      const registry = ApiRegistry.from([\n        [\n          errorApiRef,\n          {\n            post(error) {\n              \n              window.alert(`Component posted error, ${error}`);\n            },\n          },\n        ],\n      ]);\n      return <ApiProvider apis={registry} children={storyFn()} />;\n    },\n  ],\n};\n\nexport const Default = () => (\n  <CopyTextButton text="The text to copy to clipboard" />\n);\n\nexport const WithTooltip = () => (\n  <CopyTextButton\n    text="The text to copy to clipboard"\n    tooltipText="Custom tooltip shown on button click"\n  />\n);\n\nexport const LongerTooltipDelay = () => (\n  <CopyTextButton\n    text="The text to copy to clipboard"\n    tooltipText="Waiting 3s before removing tooltip"\n    tooltipDelay={3000}\n  />\n);\n',locationsMap:{"copytextbutton--default":{startLoc:{col:23,line:43},endLoc:{col:1,line:45},startBody:{col:23,line:43},endBody:{col:1,line:45}},"copytextbutton--with-tooltip":{startLoc:{col:27,line:47},endLoc:{col:1,line:52},startBody:{col:27,line:47},endBody:{col:1,line:52}},"copytextbutton--longer-tooltip-delay":{startLoc:{col:34,line:54},endLoc:{col:1,line:60},startBody:{col:34,line:54},endBody:{col:1,line:60}}}}},title:"CopyTextButton",component:CopyTextButton_CopyTextButton,decorators:[storyFn=>{const registry=api.ApiRegistry.from([[api.errorApiRef,{post(error){window.alert(`Component posted error, ${error}`)}}]]);return react_default.a.createElement(api.ApiProvider,{apis:registry,children:storyFn()})}]};const Default=addSourceDecorator(()=>react_default.a.createElement(CopyTextButton_CopyTextButton,{text:"The text to copy to clipboard"}),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/CopyTextButton.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),WithTooltip=addSourceDecorator(()=>react_default.a.createElement(CopyTextButton_CopyTextButton,{text:"The text to copy to clipboard",tooltipText:"Custom tooltip shown on button click"}),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/CopyTextButton.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),LongerTooltipDelay=addSourceDecorator(()=>react_default.a.createElement(CopyTextButton_CopyTextButton,{text:"The text to copy to clipboard",tooltipText:"Waiting 3s before removing tooltip",tooltipDelay:3e3}),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/CopyTextButton.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1088:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"progress",(function(){return progress}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),LinearProgress=__webpack_require__(1135);var Progress_Progress=props=>{const[isVisible,setIsVisible]=Object(react.useState)(!1);return Object(react.useEffect)(()=>{const handle=setTimeout(()=>setIsVisible(!0),250);return()=>clearTimeout(handle)},[]),isVisible?react_default.a.createElement(LinearProgress.a,Object.assign({},props,{"data-testid":"progress"})):react_default.a.createElement("div",{style:{display:"none"},"data-testid":"progress"})},addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource);__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport Progress from '.';\n\nexport default {\n  title: 'Progress',\n  component: Progress,\n};\n\nexport const progress = () => <Progress />;\n",locationsMap:{"progress--progress":{startLoc:{col:24,line:25},endLoc:{col:42,line:25},startBody:{col:24,line:25},endBody:{col:42,line:25}}}}},title:"Progress",component:Progress_Progress};const progress=addSourceDecorator(()=>react_default.a.createElement(Progress_Progress,null),{__STORY__:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport Progress from '.';\n\nexport default {\n  title: 'Progress',\n  component: Progress,\n};\n\nexport const progress = () => <Progress />;\n",__ADDS_MAP__:{"progress--progress":{startLoc:{col:24,line:25},endLoc:{col:42,line:25},startBody:{col:24,line:25},endBody:{col:42,line:25}}},__MAIN_FILE_LOCATION__:"/Progress.stories.tsx",__MODULE_DEPENDENCIES__:[],__LOCAL_DEPENDENCIES__:{},__SOURCE_PREFIX__:"/home/runner/work/backstage/backstage/packages/core/src/components/Progress",__IDS_TO_FRAMEWORKS__:{}})},1089:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"Children",(function(){return Children}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),withStyles=__webpack_require__(4),makeStyles=__webpack_require__(164),Typography=__webpack_require__(93),ErrorOutline=__webpack_require__(648),ErrorOutline_default=__webpack_require__.n(ErrorOutline);const ErrorOutlineStyled=Object(withStyles.a)(theme=>({root:{marginRight:theme.spacing(1),fill:theme.palette.warningText}}))(ErrorOutline_default.a),useStyles=Object(makeStyles.a)(theme=>({message:{display:"flex",flexDirection:"column",padding:theme.spacing(1.5),backgroundColor:theme.palette.warningBackground,color:theme.palette.warningText,verticalAlign:"middle"},header:{display:"flex",flexDirection:"row",marginBottom:theme.spacing(1)},headerText:{color:theme.palette.warningText},messageText:{color:theme.palette.warningText}}));var WarningPanel_WarningPanel=props=>{const classes=useStyles(props),{title:title,message:message,children:children}=props;return react_default.a.createElement("div",{className:classes.message},react_default.a.createElement("div",{className:classes.header},react_default.a.createElement(ErrorOutlineStyled,null),react_default.a.createElement(Typography.a,{className:classes.headerText,variant:"subtitle1"},title)),message&&react_default.a.createElement(Typography.a,{className:classes.messageText},message),children)},Link=__webpack_require__(1136),Button=__webpack_require__(1133),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/WarningPanel",__STORY__='/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport WarningPanel from \'.\';\nimport { Link, Button } from \'@material-ui/core\';\n\nexport default {\n  title: \'Warning Panel\',\n  component: WarningPanel,\n};\n\nexport const Default = () => (\n  <WarningPanel\n    title="Example Warning Title"\n    message={\n      <>\n        This example entity is missing something. If this is unexpected, please\n        make sure you have set up everything correctly by following{\' \'}\n        <Link href="http://example.com">this guide</Link>.\n      </>\n    }\n  />\n);\n\nexport const Children = () => (\n  <WarningPanel title="Example Warning Title">\n    <Button variant="outlined" color="primary">\n      Supports custom children - for example this button\n    </Button>\n  </WarningPanel>\n);\n',__ADDS_MAP__={"warning-panel--default":{startLoc:{col:23,line:26},endLoc:{col:1,line:37},startBody:{col:23,line:26},endBody:{col:1,line:37}},"warning-panel--children":{startLoc:{col:24,line:39},endLoc:{col:1,line:45},startBody:{col:24,line:39},endBody:{col:1,line:45}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};__webpack_exports__.default={parameters:{storySource:{source:'/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport WarningPanel from \'.\';\nimport { Link, Button } from \'@material-ui/core\';\n\nexport default {\n  title: \'Warning Panel\',\n  component: WarningPanel,\n};\n\nexport const Default = () => (\n  <WarningPanel\n    title="Example Warning Title"\n    message={\n      <>\n        This example entity is missing something. If this is unexpected, please\n        make sure you have set up everything correctly by following{\' \'}\n        <Link href="http://example.com">this guide</Link>.\n      </>\n    }\n  />\n);\n\nexport const Children = () => (\n  <WarningPanel title="Example Warning Title">\n    <Button variant="outlined" color="primary">\n      Supports custom children - for example this button\n    </Button>\n  </WarningPanel>\n);\n',locationsMap:{"warning-panel--default":{startLoc:{col:23,line:26},endLoc:{col:1,line:37},startBody:{col:23,line:26},endBody:{col:1,line:37}},"warning-panel--children":{startLoc:{col:24,line:39},endLoc:{col:1,line:45},startBody:{col:24,line:39},endBody:{col:1,line:45}}}}},title:"Warning Panel",component:WarningPanel_WarningPanel};const Default=addSourceDecorator(()=>react_default.a.createElement(WarningPanel_WarningPanel,{title:"Example Warning Title",message:react_default.a.createElement(react_default.a.Fragment,null,"This example entity is missing something. If this is unexpected, please make sure you have set up everything correctly by following"," ",react_default.a.createElement(Link.a,{href:"http://example.com"},"this guide"),".")}),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/WarningPanel.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),Children=addSourceDecorator(()=>react_default.a.createElement(WarningPanel_WarningPanel,{title:"Example Warning Title"},react_default.a.createElement(Button.a,{variant:"outlined",color:"primary"},"Supports custom children - for example this button")),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/WarningPanel.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1090:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(51),classnames_default=__webpack_require__.n(classnames),ChevronLeft=__webpack_require__(644),ChevronLeft_default=__webpack_require__.n(ChevronLeft),ChevronRight=__webpack_require__(645),ChevronRight_default=__webpack_require__.n(ChevronRight),makeStyles=__webpack_require__(164),Grid=__webpack_require__(655),IconButton=__webpack_require__(1134),__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t};const fadeGradient="\n  hsl(0, 0%, 98%) 0%,\n  hsla(0, 0%, 98%, 0.987) 8.1%,\n  hsla(0, 0%, 98%, 0.951) 15.5%,\n  hsla(0, 0%, 98%, 0.896) 22.5%,\n  hsla(0, 0%, 98%, 0.825) 29%,\n  hsla(0, 0%, 98%, 0.741) 35.3%,\n  hsla(0, 0%, 98%, 0.648) 41.2%,\n  hsla(0, 0%, 98%, 0.55) 47.1%,\n  hsla(0, 0%, 98%, 0.45) 52.9%,\n  hsla(0, 0%, 98%, 0.352) 58.8%,\n  hsla(0, 0%, 98%, 0.259) 64.7%,\n  hsla(0, 0%, 98%, 0.175) 71%,\n  hsla(0, 0%, 98%, 0.104) 77.5%,\n  hsla(0, 0%, 98%, 0.049) 84.5%,\n  hsla(0, 0%, 98%, 0.013) 91.9%,\n  hsla(0, 0%, 98%, 0) 100%\n",useStyles=Object(makeStyles.a)(theme=>({root:{position:"relative",display:"flex",flexFlow:"row nowrap",alignItems:"center"},container:{overflow:"auto",scrollbarWidth:0,"&::-webkit-scrollbar":{display:"none"}},fade:{position:"absolute",width:100,height:"calc(100% + 10px)",transition:"opacity 300ms",pointerEvents:"none"},fadeLeft:{left:-10,background:`linear-gradient(90deg, ${fadeGradient})`},fadeRight:{right:-10,background:`linear-gradient(270deg, ${fadeGradient})`},fadeHidden:{opacity:0},button:{position:"absolute"},buttonLeft:{left:-theme.spacing(2)},buttonRight:{right:-theme.spacing(2)}}));var HorizontalScrollGrid_HorizontalScrollGrid=props=>{const{scrollStep:scrollStep=100,scrollSpeed:scrollSpeed=50,minScrollDistance:minScrollDistance=5,children:children}=props,otherProps=__rest(props,["scrollStep","scrollSpeed","minScrollDistance","children"]),classes=useStyles(props),ref=react_default.a.useRef(),[scrollLeft,scrollRight]=function useScrollDistance(ref){const[[scrollLeft,scrollRight],setScroll]=react_default.a.useState([0,0]);return react_default.a.useLayoutEffect(()=>{const el=ref.current;if(!el)return void setScroll([0,0]);const handleUpdate=()=>{const left=el.scrollLeft,right=el.scrollWidth-el.offsetWidth-el.scrollLeft;setScroll([left,right])};return handleUpdate(),el.addEventListener("scroll",handleUpdate),window.addEventListener("resize",handleUpdate),()=>{el.removeEventListener("scroll",handleUpdate),window.removeEventListener("resize",handleUpdate)}},[ref]),[scrollLeft,scrollRight]}(ref),setScrollTarget=function useSmoothScroll(ref,speed,minDistance){const[scrollTarget,setScrollTarget]=react_default.a.useState(0);return react_default.a.useLayoutEffect(()=>{if(0===scrollTarget)return;const startTime=performance.now(),id=requestAnimationFrame(frameTime=>{if(!ref.current)return;const frameDuration=frameTime-startTime,scrollDistance=Math.abs(scrollTarget)*frameDuration/speed,scrollAmount=Math.max(minDistance,scrollDistance)*Math.sign(scrollTarget);ref.current.scrollBy({left:scrollAmount});const newScrollTarget=scrollTarget-scrollAmount;Math.sign(scrollTarget)!==Math.sign(newScrollTarget)?setScrollTarget(0):setScrollTarget(newScrollTarget)});return()=>cancelAnimationFrame(id)},[ref,scrollTarget,speed,minDistance]),setScrollTarget}(ref,scrollSpeed,minScrollDistance),handleScrollClick=forwards=>{ref.current&&setScrollTarget(forwards?scrollStep:-scrollStep)};return react_default.a.createElement("div",Object.assign({},otherProps,{className:classes.root}),react_default.a.createElement(Grid.a,{container:!0,direction:"row",wrap:"nowrap",className:classes.container,ref:ref},children),react_default.a.createElement("div",{className:classnames_default()(classes.fade,classes.fadeLeft,{[classes.fadeHidden]:0===scrollLeft})}),react_default.a.createElement("div",{className:classnames_default()(classes.fade,classes.fadeRight,{[classes.fadeHidden]:0===scrollRight})}),scrollLeft>0&&react_default.a.createElement(IconButton.a,{title:"Scroll Left",onClick:()=>handleScrollClick(!1),className:classnames_default()(classes.button,classes.buttonLeft,{})},react_default.a.createElement(ChevronLeft_default.a,null)),scrollRight>0&&react_default.a.createElement(IconButton.a,{title:"Scroll Right",onClick:()=>handleScrollClick(!0),className:classnames_default()(classes.button,classes.buttonRight,{})},react_default.a.createElement(ChevronRight_default.a,null)))},addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource);const cardContentStyle={height:0,padding:150,margin:20},containerStyle={width:800,height:400,margin:20},opacityArray=[.2,.3,.4,.5,.6,.7,.8,.9,1];__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport HorizontalScrollGrid from './HorizontalScrollGrid';\n\nconst cardContentStyle = { height: 0, padding: 150, margin: 20 };\nconst containerStyle = { width: 800, height: 400, margin: 20 };\nconst opacityArray = [0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0];\n\nexport default {\n  title: 'HorizontalScrollGrid',\n  component: HorizontalScrollGrid,\n};\n\nexport const Default = () => (\n  <div style={containerStyle}>\n    <HorizontalScrollGrid>\n      {opacityArray.map(element => {\n        const style = { backgroundColor: `rgba(0, 185, 151, ${element})` };\n        return <div style={{ ...style, ...cardContentStyle }} key={element} />;\n      })}\n    </HorizontalScrollGrid>\n  </div>\n);\n",locationsMap:{"horizontalscrollgrid--default":{startLoc:{col:23,line:28},endLoc:{col:1,line:37},startBody:{col:23,line:28},endBody:{col:1,line:37}}}}},title:"HorizontalScrollGrid",component:HorizontalScrollGrid_HorizontalScrollGrid};const Default=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(HorizontalScrollGrid_HorizontalScrollGrid,null,opacityArray.map(element=>{const style={backgroundColor:`rgba(0, 185, 151, ${element})`};return react_default.a.createElement("div",{style:Object.assign(Object.assign({},style),cardContentStyle),key:element})}))),{__STORY__:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport HorizontalScrollGrid from './HorizontalScrollGrid';\n\nconst cardContentStyle = { height: 0, padding: 150, margin: 20 };\nconst containerStyle = { width: 800, height: 400, margin: 20 };\nconst opacityArray = [0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0];\n\nexport default {\n  title: 'HorizontalScrollGrid',\n  component: HorizontalScrollGrid,\n};\n\nexport const Default = () => (\n  <div style={containerStyle}>\n    <HorizontalScrollGrid>\n      {opacityArray.map(element => {\n        const style = { backgroundColor: `rgba(0, 185, 151, ${element})` };\n        return <div style={{ ...style, ...cardContentStyle }} key={element} />;\n      })}\n    </HorizontalScrollGrid>\n  </div>\n);\n",__ADDS_MAP__:{"horizontalscrollgrid--default":{startLoc:{col:23,line:28},endLoc:{col:1,line:37},startBody:{col:23,line:28},endBody:{col:1,line:37}}},__MAIN_FILE_LOCATION__:"/HorizontalScrollGrid.stories.tsx",__MODULE_DEPENDENCIES__:[],__LOCAL_DEPENDENCIES__:{},__SOURCE_PREFIX__:"/home/runner/work/backstage/backstage/packages/core/src/components/HorizontalScrollGrid",__IDS_TO_FRAMEWORKS__:{}})},1091:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"MediumProgress",(function(){return MediumProgress})),__webpack_require__.d(__webpack_exports__,"LowProgress",(function(){return LowProgress}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),useTheme=__webpack_require__(12),Tooltip=__webpack_require__(1115),es=__webpack_require__(285),CircleProgress=__webpack_require__(284);var ProgressBars_HorizontalProgress=({value:value})=>{if(isNaN(value))return null;let percent=Math.round(100*value*100)/100;percent>100&&(percent=100);const theme=Object(useTheme.a)(),strokeColor=Object(CircleProgress.b)(theme.palette,percent,!1,100);return react_default.a.createElement(Tooltip.a,{title:`${percent}%`},react_default.a.createElement(es.b,{percent:percent,strokeWidth:4,trailWidth:4,strokeColor:strokeColor}))},addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/ProgressBars",__STORY__="/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport HorizontalProgress from './HorizontalProgress';\n\nconst containerStyle = { width: 300 };\n\nexport default {\n  title: 'HorizontalProgress',\n  component: HorizontalProgress,\n};\n\nexport const Default = () => (\n  <div style={containerStyle}>\n    <HorizontalProgress value={0.8} />\n  </div>\n);\n\nexport const MediumProgress = () => (\n  <div style={containerStyle}>\n    <HorizontalProgress value={0.5} />\n  </div>\n);\n\nexport const LowProgress = () => (\n  <div style={containerStyle}>\n    <HorizontalProgress value={0.2} />\n  </div>\n);\n",__ADDS_MAP__={"horizontalprogress--default":{startLoc:{col:23,line:27},endLoc:{col:1,line:31},startBody:{col:23,line:27},endBody:{col:1,line:31}},"horizontalprogress--medium-progress":{startLoc:{col:30,line:33},endLoc:{col:1,line:37},startBody:{col:30,line:33},endBody:{col:1,line:37}},"horizontalprogress--low-progress":{startLoc:{col:27,line:39},endLoc:{col:1,line:43},startBody:{col:27,line:39},endBody:{col:1,line:43}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};const containerStyle={width:300};__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport HorizontalProgress from './HorizontalProgress';\n\nconst containerStyle = { width: 300 };\n\nexport default {\n  title: 'HorizontalProgress',\n  component: HorizontalProgress,\n};\n\nexport const Default = () => (\n  <div style={containerStyle}>\n    <HorizontalProgress value={0.8} />\n  </div>\n);\n\nexport const MediumProgress = () => (\n  <div style={containerStyle}>\n    <HorizontalProgress value={0.5} />\n  </div>\n);\n\nexport const LowProgress = () => (\n  <div style={containerStyle}>\n    <HorizontalProgress value={0.2} />\n  </div>\n);\n",locationsMap:{"horizontalprogress--default":{startLoc:{col:23,line:27},endLoc:{col:1,line:31},startBody:{col:23,line:27},endBody:{col:1,line:31}},"horizontalprogress--medium-progress":{startLoc:{col:30,line:33},endLoc:{col:1,line:37},startBody:{col:30,line:33},endBody:{col:1,line:37}},"horizontalprogress--low-progress":{startLoc:{col:27,line:39},endLoc:{col:1,line:43},startBody:{col:27,line:39},endBody:{col:1,line:43}}}}},title:"HorizontalProgress",component:ProgressBars_HorizontalProgress};const Default=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(ProgressBars_HorizontalProgress,{value:.8})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/HorizontalProgress.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),MediumProgress=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(ProgressBars_HorizontalProgress,{value:.5})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/HorizontalProgress.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),LowProgress=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(ProgressBars_HorizontalProgress,{value:.2})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/HorizontalProgress.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1092:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"Subhead",(function(){return Subhead})),__webpack_require__.d(__webpack_exports__,"LinkInFooter",(function(){return LinkInFooter}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),makeStyles=__webpack_require__(164),InfoCard=__webpack_require__(68),CircleProgress=__webpack_require__(284);const useStyles=Object(makeStyles.a)({root:{height:"100%",width:250}});var ProgressBars_ProgressCard=props=>{const classes=useStyles(props),{title:title,subheader:subheader,progress:progress,deepLink:deepLink,variant:variant}=props;return react_default.a.createElement("div",{className:classes.root},react_default.a.createElement(InfoCard.a,{title:title,subheader:subheader,deepLink:deepLink,variant:variant},react_default.a.createElement(CircleProgress.a,{value:progress})))},Grid=__webpack_require__(655),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/ProgressBars",__STORY__='/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport ProgressCard from \'./ProgressCard\';\nimport { Grid } from \'@material-ui/core\';\n\nconst linkInfo = { title: \'Go to XYZ Location\', link: \'#\' };\n\nexport default {\n  title: \'Progress Card\',\n  component: ProgressCard,\n};\n\nexport const Default = () => (\n  <Grid container spacing={2}>\n    <Grid item>\n      <ProgressCard title="Progress" progress={0.3} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" progress={0.57} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" progress={0.89} />\n    </Grid>\n  </Grid>\n);\n\nexport const Subhead = () => (\n  <Grid container spacing={2}>\n    <Grid item>\n      <ProgressCard\n        title="Progress"\n        subheader="With a subheader"\n        progress={0.3}\n      />\n    </Grid>\n    <Grid item>\n      <ProgressCard\n        title="Progress"\n        subheader="With a subheader"\n        progress={0.57}\n      />\n    </Grid>\n    <Grid item>\n      <ProgressCard\n        title="Progress"\n        subheader="With a subheader"\n        progress={0.89}\n      />\n    </Grid>\n  </Grid>\n);\n\nexport const LinkInFooter = () => (\n  <Grid container spacing={2}>\n    <Grid item>\n      <ProgressCard title="Progress" deepLink={linkInfo} progress={0.3} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" deepLink={linkInfo} progress={0.57} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" deepLink={linkInfo} progress={0.89} />\n    </Grid>\n  </Grid>\n);\n',__ADDS_MAP__={"progress-card--default":{startLoc:{col:23,line:28},endLoc:{col:1,line:40},startBody:{col:23,line:28},endBody:{col:1,line:40}},"progress-card--subhead":{startLoc:{col:23,line:42},endLoc:{col:1,line:66},startBody:{col:23,line:42},endBody:{col:1,line:66}},"progress-card--link-in-footer":{startLoc:{col:28,line:68},endLoc:{col:1,line:80},startBody:{col:28,line:68},endBody:{col:1,line:80}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};const linkInfo={title:"Go to XYZ Location",link:"#"};__webpack_exports__.default={parameters:{storySource:{source:'/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \'react\';\nimport ProgressCard from \'./ProgressCard\';\nimport { Grid } from \'@material-ui/core\';\n\nconst linkInfo = { title: \'Go to XYZ Location\', link: \'#\' };\n\nexport default {\n  title: \'Progress Card\',\n  component: ProgressCard,\n};\n\nexport const Default = () => (\n  <Grid container spacing={2}>\n    <Grid item>\n      <ProgressCard title="Progress" progress={0.3} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" progress={0.57} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" progress={0.89} />\n    </Grid>\n  </Grid>\n);\n\nexport const Subhead = () => (\n  <Grid container spacing={2}>\n    <Grid item>\n      <ProgressCard\n        title="Progress"\n        subheader="With a subheader"\n        progress={0.3}\n      />\n    </Grid>\n    <Grid item>\n      <ProgressCard\n        title="Progress"\n        subheader="With a subheader"\n        progress={0.57}\n      />\n    </Grid>\n    <Grid item>\n      <ProgressCard\n        title="Progress"\n        subheader="With a subheader"\n        progress={0.89}\n      />\n    </Grid>\n  </Grid>\n);\n\nexport const LinkInFooter = () => (\n  <Grid container spacing={2}>\n    <Grid item>\n      <ProgressCard title="Progress" deepLink={linkInfo} progress={0.3} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" deepLink={linkInfo} progress={0.57} />\n    </Grid>\n    <Grid item>\n      <ProgressCard title="Progress" deepLink={linkInfo} progress={0.89} />\n    </Grid>\n  </Grid>\n);\n',locationsMap:{"progress-card--default":{startLoc:{col:23,line:28},endLoc:{col:1,line:40},startBody:{col:23,line:28},endBody:{col:1,line:40}},"progress-card--subhead":{startLoc:{col:23,line:42},endLoc:{col:1,line:66},startBody:{col:23,line:42},endBody:{col:1,line:66}},"progress-card--link-in-footer":{startLoc:{col:28,line:68},endLoc:{col:1,line:80},startBody:{col:28,line:68},endBody:{col:1,line:80}}}}},title:"Progress Card",component:ProgressBars_ProgressCard};const Default=addSourceDecorator(()=>react_default.a.createElement(Grid.a,{container:!0,spacing:2},react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",progress:.3})),react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",progress:.57})),react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",progress:.89}))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/ProgressCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),Subhead=addSourceDecorator(()=>react_default.a.createElement(Grid.a,{container:!0,spacing:2},react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",subheader:"With a subheader",progress:.3})),react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",subheader:"With a subheader",progress:.57})),react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",subheader:"With a subheader",progress:.89}))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/ProgressCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),LinkInFooter=addSourceDecorator(()=>react_default.a.createElement(Grid.a,{container:!0,spacing:2},react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",deepLink:linkInfo,progress:.3})),react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",deepLink:linkInfo,progress:.57})),react_default.a.createElement(Grid.a,{item:!0},react_default.a.createElement(ProgressBars_ProgressCard,{title:"Progress",deepLink:linkInfo,progress:.89}))),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/ProgressCard.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},1093:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"WithFooter",(function(){return WithFooter}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),Status=__webpack_require__(41),SortableTable=__webpack_require__(163),addSourceDecorator=(__webpack_require__(17).withSource,__webpack_require__(17).addSource),__SOURCE_PREFIX__="/home/runner/work/backstage/backstage/packages/core/src/components/SortableTable",__STORY__="/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { StatusError, StatusOK, StatusWarning } from 'components/Status';\nimport SortableTable from './SortableTable';\n\nexport default {\n  title: 'Sortable Table',\n  component: SortableTable,\n};\nconst containerStyle = { width: 600, padding: 20 };\n\nconst data = [\n  { id: 'buffalos', amount: 1, status: <StatusError />, statusValue: 2 },\n  { id: 'milk', amount: 3, status: <StatusWarning />, statusValue: 1 },\n  { id: 'cheese', amount: 8, status: <StatusWarning />, statusValue: 1 },\n  { id: 'bread', amount: 2, status: <StatusOK />, statusValue: 0 },\n];\nconst columns = [\n  { id: 'id', label: 'ID' },\n  { id: 'amount', disablePadding: false, numeric: true, label: 'AMOUNT' },\n  { id: 'status', label: 'STATUS', sortValue: row => row.statusValue },\n];\nconst footerData = [\n  { id: 'total', amount: 4, statusValue: 2, status: <StatusError /> },\n];\n\nexport const Default = () => (\n  <div style={containerStyle}>\n    <SortableTable orderBy=\"desc\" data={data} columns={columns} />\n  </div>\n);\n\nexport const WithFooter = () => (\n  <div style={containerStyle}>\n    <SortableTable\n      orderBy=\"asc\"\n      data={data}\n      columns={columns}\n      footerData={footerData}\n    />\n  </div>\n);\n",__ADDS_MAP__={"sortable-table--default":{startLoc:{col:23,line:42},endLoc:{col:1,line:46},startBody:{col:23,line:42},endBody:{col:1,line:46}},"sortable-table--with-footer":{startLoc:{col:26,line:48},endLoc:{col:1,line:57},startBody:{col:26,line:48},endBody:{col:1,line:57}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};__webpack_exports__.default={parameters:{storySource:{source:"/*\n * Copyright 2020 Spotify AB\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { StatusError, StatusOK, StatusWarning } from 'components/Status';\nimport SortableTable from './SortableTable';\n\nexport default {\n  title: 'Sortable Table',\n  component: SortableTable,\n};\nconst containerStyle = { width: 600, padding: 20 };\n\nconst data = [\n  { id: 'buffalos', amount: 1, status: <StatusError />, statusValue: 2 },\n  { id: 'milk', amount: 3, status: <StatusWarning />, statusValue: 1 },\n  { id: 'cheese', amount: 8, status: <StatusWarning />, statusValue: 1 },\n  { id: 'bread', amount: 2, status: <StatusOK />, statusValue: 0 },\n];\nconst columns = [\n  { id: 'id', label: 'ID' },\n  { id: 'amount', disablePadding: false, numeric: true, label: 'AMOUNT' },\n  { id: 'status', label: 'STATUS', sortValue: row => row.statusValue },\n];\nconst footerData = [\n  { id: 'total', amount: 4, statusValue: 2, status: <StatusError /> },\n];\n\nexport const Default = () => (\n  <div style={containerStyle}>\n    <SortableTable orderBy=\"desc\" data={data} columns={columns} />\n  </div>\n);\n\nexport const WithFooter = () => (\n  <div style={containerStyle}>\n    <SortableTable\n      orderBy=\"asc\"\n      data={data}\n      columns={columns}\n      footerData={footerData}\n    />\n  </div>\n);\n",locationsMap:{"sortable-table--default":{startLoc:{col:23,line:42},endLoc:{col:1,line:46},startBody:{col:23,line:42},endBody:{col:1,line:46}},"sortable-table--with-footer":{startLoc:{col:26,line:48},endLoc:{col:1,line:57},startBody:{col:26,line:48},endBody:{col:1,line:57}}}}},title:"Sortable Table",component:SortableTable.a};const containerStyle={width:600,padding:20},data=[{id:"buffalos",amount:1,status:react_default.a.createElement(Status.a,null),statusValue:2},{id:"milk",amount:3,status:react_default.a.createElement(Status.g,null),statusValue:1},{id:"cheese",amount:8,status:react_default.a.createElement(Status.g,null),statusValue:1},{id:"bread",amount:2,status:react_default.a.createElement(Status.d,null),statusValue:0}],columns=[{id:"id",label:"ID"},{id:"amount",disablePadding:!1,numeric:!0,label:"AMOUNT"},{id:"status",label:"STATUS",sortValue:row=>row.statusValue}],footerData=[{id:"total",amount:4,statusValue:2,status:react_default.a.createElement(Status.a,null)}],Default=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(SortableTable.a,{orderBy:"desc",data:data,columns:columns})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/SortableTable.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__}),WithFooter=addSourceDecorator(()=>react_default.a.createElement("div",{style:containerStyle},react_default.a.createElement(SortableTable.a,{orderBy:"asc",data:data,columns:columns,footerData:footerData})),{__STORY__:__STORY__,__ADDS_MAP__:__ADDS_MAP__,__MAIN_FILE_LOCATION__:"/SortableTable.stories.tsx",__MODULE_DEPENDENCIES__:__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__:__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__:__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__:__IDS_TO_FRAMEWORKS__})},115:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AlphaLabel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return BetaLabel}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_material_ui_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(164);const useStyles=Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_1__.a)({alpha:{color:"#d00150",fontFamily:"serif",fontWeight:"normal",fontStyle:"italic"},beta:{color:"#4d65cc",fontFamily:"serif",fontWeight:"normal",fontStyle:"italic"}}),AlphaLabel=props=>{const classes=useStyles(props),{isShorthand:isShorthand}=props;return isShorthand?react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",{className:classes.alpha,style:{fontSize:"120%"}},"α"):react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",{className:classes.alpha},"Alpha")},BetaLabel=props=>{const classes=useStyles(props),{isShorthand:isShorthand}=props;return isShorthand?react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",{className:classes.beta,style:{fontSize:"120%"}},"β"):react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",{className:classes.beta},"Beta")}},132:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(630);var _apis__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(266);__webpack_require__.o(_apis__WEBPACK_IMPORTED_MODULE_1__,"ApiProvider")&&__webpack_require__.d(__webpack_exports__,"ApiProvider",(function(){return _apis__WEBPACK_IMPORTED_MODULE_1__.ApiProvider})),__webpack_require__.o(_apis__WEBPACK_IMPORTED_MODULE_1__,"ApiRegistry")&&__webpack_require__.d(__webpack_exports__,"ApiRegistry",(function(){return _apis__WEBPACK_IMPORTED_MODULE_1__.ApiRegistry})),__webpack_require__.o(_apis__WEBPACK_IMPORTED_MODULE_1__,"errorApiRef")&&__webpack_require__.d(__webpack_exports__,"errorApiRef",(function(){return _apis__WEBPACK_IMPORTED_MODULE_1__.errorApiRef})),__webpack_require__.o(_apis__WEBPACK_IMPORTED_MODULE_1__,"useApi")&&__webpack_require__.d(__webpack_exports__,"useApi",(function(){return _apis__WEBPACK_IMPORTED_MODULE_1__.useApi}));__webpack_require__(199),__webpack_require__(152)},152:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AppContextProvider})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useApp}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);const Context=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0),AppContextProvider=({app:app,children:children})=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Context.Provider,{value:app,children:children}),useApp=()=>{const app=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);if(!app)throw new Error("No app context available");return app}},153:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FeatureFlagState})),__webpack_require__.d(__webpack_exports__,"b",(function(){return featureFlagsApiRef}));var FeatureFlagState,_ApiRef__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(60);!function(FeatureFlagState){FeatureFlagState[FeatureFlagState.Off=0]="Off",FeatureFlagState[FeatureFlagState.On=1]="On"}(FeatureFlagState||(FeatureFlagState={}));const featureFlagsApiRef=new _ApiRef__WEBPACK_IMPORTED_MODULE_0__.a({id:"core.featureflags",description:"Used to toggle functionality in features across Backstage"})},163:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),recompose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(649),prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(5),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),_material_ui_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1114),_material_ui_core__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(659),_material_ui_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(658),_material_ui_core__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1115),_material_ui_core__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(1119),_material_ui_core__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(1113),_material_ui_core__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(1111),_material_ui_core__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(1112);function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const EnhancedTableHead=({columns:columns,onRequestSort:onRequestSort,order:order,orderBy:orderBy})=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_3__.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_4__.a,null,columns.map(column=>{return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_5__.a,{key:column.id,align:column.numeric?"right":"left",size:column.disablePadding?"small":"medium",sortDirection:orderBy===column.id&&order,style:column.style},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_6__.a,{title:"Sort",placement:column.numeric?"bottom-end":"bottom-start",enterDelay:300},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_7__.a,{active:orderBy===column.id,direction:order,onClick:(property=column.id,event=>{onRequestSort(event,property)}),style:{whiteSpace:"nowrap"}},column.label)));var property})));EnhancedTableHead.propTypes={columns:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({id:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,label:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,numeric:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,disablePadding:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,style:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object})).isRequired,onRequestSort:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,order:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,orderBy:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired};const CellContent=({data:data})=>Array.isArray(data)?data.map((item,index)=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",{key:index},item,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("br",null))):data;CellContent.propTypes={data:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any.isRequired};const DataTableCell=({column:column,row:row})=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_5__.a,{align:column.numeric?"right":"left",key:column.id,style:{verticalAlign:"top"}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellContent,{data:row[column.id]||""})),noop=()=>{},DataTableRow=Object(recompose__WEBPACK_IMPORTED_MODULE_1__.a)(({row:row,columns:columns,handleRowClick:handleRowClick,style:style})=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:event=>(handleRowClick||noop)(event,row.id),key:row.id,style:style},columns.map(column=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataTableCell,{key:column.id,column:column,row:row}))));class SortableTable extends react__WEBPACK_IMPORTED_MODULE_0___default.a.Component{constructor(props){super(props),_defineProperty(this,"handleRequestSort",(event,property)=>{event.preventDefault();const orderBy=property;let order="desc";this.state.orderBy===property&&"desc"===this.state.order&&(order="asc"),this.updateData(this.state.data,orderBy,order)}),_defineProperty(this,"handleRowClick",(event,id)=>{this.props.onRowClicked&&this.props.onRowClicked(id,event)}),_defineProperty(this,"updateData",(data,orderBy,order)=>{const sortValueFn=(this.props.columns.filter(col=>col.id===orderBy)[0]||{}).sortValue,sortedData=data.slice().sort((a,b)=>{const valueA=sortValueFn?sortValueFn(a):a[orderBy],valueB=sortValueFn?sortValueFn(b):b[orderBy],inc="desc"===order?-1:1;return valueA===valueB?0:""===valueA||null===valueA?inc:""===valueB||null===valueB||valueA<valueB?-inc:inc});this.setState({data:sortedData,order:order,orderBy:orderBy})}),this.handleRowClick=this.handleRowClick.bind(this),this.state={orderBy:props.orderBy,order:"asc",data:props.data}}UNSAFE_componentWillReceiveProps(props){props.dataVersion!==this.props.dataVersion&&this.updateData(props.data,this.state.orderBy,this.state.order)}render(){const{data:data,order:order,orderBy:orderBy}=this.state,{columns:columns,dataVersion:dataVersion,footerData:footerData}=this.props;let tableFoot=null;return footerData&&footerData.length>0&&(tableFoot=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.a,null,footerData.map(row=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataTableRow,{key:row.id,columns:columns,row:row,style:{height:"auto"}})))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(EnhancedTableHead,{columns:columns,onRequestSort:this.handleRequestSort,order:order,orderBy:orderBy}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_10__.a,{key:dataVersion},data.map(row=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataTableRow,{key:row.id,columns:columns,row:row,handleRowClick:this.handleRowClick}))),tableFoot)}}_defineProperty(SortableTable,"propTypes",{data:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object).isRequired,orderBy:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,columns:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object).isRequired,onRowClicked:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,dataVersion:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string}),__webpack_exports__.a=SortableTable},199:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return validateBrowserCompat})),__webpack_require__.d(__webpack_exports__,"b",(function(){return validateFlagName}));__webpack_require__(153);function validateBrowserCompat(){if(!("localStorage"in window))throw new Error("Feature Flags are not supported on browsers without the Local Storage API")}function validateFlagName(name){if(name.length<3)throw new Error(`The '${name}' feature flag must have a minimum length of three characters.`);if(name.length>150)throw new Error(`The '${name}' feature flag must not exceed 150 characters.`);if(!name.match(/^[a-z]+[a-z0-9-]+$/))throw new Error(`The '${name}' feature flag must start with a lowercase letter and only contain lowercase letters, numbers and hyphens. `+"Examples: feature-flag-one, alpha, release-2020")}Map},265:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_material_ui_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(164),_material_ui_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(4),_material_ui_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1099),_material_ui_core__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(652),_material_ui_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(1097),_material_ui_core__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(653),_material_ui_core__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(1098),layout_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(282),_BottomLink__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(286);const useStyles=Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_1__.a)(theme=>({header:{padding:theme.spacing(2,2,2,2.5)}})),BoldHeader=Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_2__.a)(theme=>({title:{fontWeight:700},subheader:{paddingTop:theme.spacing(1)}}))(_material_ui_core__WEBPACK_IMPORTED_MODULE_3__.a),CardActionsTopRight=Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_2__.a)(theme=>({root:{display:"inline-block",padding:theme.spacing(8,8,0,0),float:"right"}}))(_material_ui_core__WEBPACK_IMPORTED_MODULE_4__.a),VARIANT_STYLES={card:{flex:{display:"flex",flexDirection:"column"},widget:{height:430},fullHeight:{height:"100%"},height100:{display:"flex",flexDirection:"column",height:"calc(100% - 10px)",marginBottom:"10px"},contentheader:{height:"calc(100% - 40px)"},contentheadertabs:{height:"calc(100% - 97px)"},noShrink:{flexShrink:0},minheight300:{minHeight:300,overflow:"initial"}},cardContent:{widget:{overflowY:"auto",height:332,width:"100%"},fullHeight:{height:"calc(100% - 50px)"},height100:{height:"calc(100% - 50px)"},contentRow:{display:"flex",flexDirection:"row"}}};__webpack_exports__.a=({title:title,subheader:subheader,divider:divider,deepLink:deepLink,slackChannel:slackChannel="#backstage",variant:variant,children:children,headerStyle:headerStyle,headerProps:headerProps,actionsClassName:actionsClassName,actions:actions,cardClassName:cardClassName,actionsTopRight:actionsTopRight})=>{const classes=useStyles();let calculatedStyle={},calculatedCardStyle={};if(variant){variant.split(/[\s]+/g).forEach(name=>{calculatedStyle=Object.assign(Object.assign({},calculatedStyle),VARIANT_STYLES.card[name]),calculatedCardStyle=Object.assign(Object.assign({},calculatedCardStyle),VARIANT_STYLES.cardContent[name])})}return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_5__.a,{style:calculatedStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(layout_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_8__.a,{slackChannel:slackChannel},title&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(BoldHeader,Object.assign({className:classes.header,title:title,subheader:subheader,style:Object.assign({display:"inline-block"},headerStyle)},headerProps)),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_6__.a,null)),actionsTopRight&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CardActionsTopRight,null,actionsTopRight),divider&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_6__.a,null),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_7__.a,{className:cardClassName,style:calculatedCardStyle},children),actions&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_4__.a,{className:actionsClassName},actions),deepLink&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_BottomLink__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},deepLink))))}},266:function(module,__webpack_exports__,__webpack_require__){"use strict";var _ApiProvider__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(386);__webpack_require__.d(__webpack_exports__,"ApiProvider",(function(){return _ApiProvider__WEBPACK_IMPORTED_MODULE_0__.a})),__webpack_require__.d(__webpack_exports__,"useApi",(function(){return _ApiProvider__WEBPACK_IMPORTED_MODULE_0__.b}));var _ApiRegistry__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(625);__webpack_require__.d(__webpack_exports__,"ApiRegistry",(function(){return _ApiRegistry__WEBPACK_IMPORTED_MODULE_1__.a}));__webpack_require__(626),__webpack_require__(60);var _types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(627);__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_4__,"errorApiRef")&&__webpack_require__.d(__webpack_exports__,"errorApiRef",(function(){return _types__WEBPACK_IMPORTED_MODULE_4__.errorApiRef}));var _definitions__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(631);__webpack_require__.d(__webpack_exports__,"errorApiRef",(function(){return _definitions__WEBPACK_IMPORTED_MODULE_5__.a}));__webpack_require__(632)},282:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);const ErrorBoundary=class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(props){super(props),this.state={error:void 0,errorInfo:void 0}}componentDidCatch(error,errorInfo){console.error(`ErrorBoundary, error: ${error}, info: ${errorInfo}`),this.setState({error:error,errorInfo:errorInfo}),this.props.onError&&this.props.onError(error,errorInfo)}render(){const{slackChannel:slackChannel}=this.props,{error:error,errorInfo:errorInfo}=this.state;return errorInfo?react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Error,{error:error,errorInfo:errorInfo,slackChannel:slackChannel}):this.props.children}};__webpack_exports__.a=ErrorBoundary;const Error=({slackChannel:slackChannel})=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",null,"Something went wrong here."," ",slackChannel&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"Please contact ",slackChannel," for help."))},284:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return getProgressColor}));var _material_ui_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(164),_material_ui_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(12),rc_progress__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(285),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);const useStyles=Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_0__.a)(theme=>({root:{position:"relative",lineHeight:0},overlay:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -60%)",fontSize:45,fontWeight:"bold",color:theme.palette.textContrast},circle:{width:"80%",transform:"translate(10%, 0)"},colorUnknown:{}})),defaultProps={fractional:!0,inverse:!1,unit:"%",max:100};function getProgressColor(palette,value,inverse,max){if(isNaN(value))return"#ddd";const actualMax=max||defaultProps.max,actualValue=inverse?actualMax-value:value;return actualValue<actualMax/3?palette.status.error:actualValue<actualMax*(2/3)?palette.status.warning:palette.status.ok}__webpack_exports__.a=props=>{const classes=useStyles(props),theme=Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_1__.a)(),{value:value,fractional:fractional,inverse:inverse,unit:unit,max:max}=Object.assign(Object.assign({},defaultProps),props),asPercentage=fractional?Math.round(value*max):value,asActual=100!==max?Math.round(value):asPercentage;return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div",{className:classes.root},react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(rc_progress__WEBPACK_IMPORTED_MODULE_2__.a,{strokeLinecap:"butt",percent:asPercentage,strokeWidth:12,trailWidth:12,strokeColor:getProgressColor(theme.palette,asActual,inverse,max),className:classes.circle}),react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div",{className:classes.overlay},isNaN(value)?"N/A":`${asActual}${unit}`))}},286:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BottomLink_BottomLink}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),makeStyles=__webpack_require__(164),Divider=__webpack_require__(653),Link=__webpack_require__(1136),ListItem=__webpack_require__(1137),ListItemText=__webpack_require__(1139),ListItemIcon=__webpack_require__(1138),ArrowForward=__webpack_require__(638),ArrowForward_default=__webpack_require__.n(ArrowForward),grey=__webpack_require__(637),grey_default=__webpack_require__.n(grey),Box=__webpack_require__(390);const useStyles=Object(makeStyles.a)(theme=>({root:{maxWidth:"fit-content",padding:theme.spacing(2,2,2,2.5)},boxTitle:{margin:0,color:grey_default.a[900]}}));var BottomLink_BottomLink=({link:link,title:title,onClick:onClick})=>{const classes=useStyles();return react_default.a.createElement("div",null,react_default.a.createElement(Divider.a,null),react_default.a.createElement(Link.a,{href:link,onClick:onClick},react_default.a.createElement(ListItem.a,{className:classes.root},react_default.a.createElement(ListItemText.a,null,react_default.a.createElement(Box.a,{className:classes.boxTitle,fontWeight:"fontWeightBold",m:1},title)),react_default.a.createElement(ListItemIcon.a,null,react_default.a.createElement(ArrowForward_default.a,null)))))}},386:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return useApi}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5),prop_types__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);const Context=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0),ApiProvider=({apis:apis,children:children})=>react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Context.Provider,{value:apis,children:children});function useApi(apiRef){const apiHolder=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);if(!apiHolder)throw new Error("No ApiProvider available in react context");const api=apiHolder.get(apiRef);if(!api)throw new Error(`No implementation available for ${apiRef}`);return api}ApiProvider.propTypes={apis:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({get:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired}).isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node},__webpack_exports__.a=ApiProvider},393:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=__webpack_require__(16),colorManipulator=__webpack_require__(1005),colors=__webpack_require__(389);function createThemeOptions(palette){return{palette:palette,props:{MuiGrid:{spacing:2},MuiSwitch:{color:"primary"}},typography:{fontFamily:'"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif',h5:{fontWeight:700},h4:{fontWeight:700,fontSize:28,marginBottom:6},h3:{fontSize:32,fontWeight:700,marginBottom:6},h2:{fontSize:40,fontWeight:700,marginBottom:8},h1:{fontSize:54,fontWeight:700,marginBottom:10}}}}function createThemeOverrides(theme){return{MuiTableRow:{root:{"&:nth-of-type(odd)":{backgroundColor:theme.palette.background.default}},hover:{"&:hover":{cursor:"pointer"}},head:{"&:nth-of-type(odd)":{backgroundColor:theme.palette.background.paper}}},MuiTableCell:{root:{wordBreak:"break-word",overflow:"hidden",verticalAlign:"middle",lineHeight:"1",margin:0,padding:"8px",borderBottom:0},head:{wordBreak:"break-word",overflow:"hidden",color:"rgb(179, 179, 179)",fontWeight:"normal",lineHeight:"1"}},MuiTabs:{root:{minHeight:24}},MuiTab:{root:{color:theme.palette.link,minHeight:24,textTransform:"initial","&:hover":{color:colorManipulator.darken(theme.palette.link,.3),background:colorManipulator.lighten(theme.palette.link,.95)},[theme.breakpoints.up("md")]:{minWidth:120,fontSize:theme.typography.pxToRem(14),fontWeight:500}},textColorPrimary:{color:theme.palette.link}},MuiTableSortLabel:{root:{color:"inherit","&:hover":{color:"inherit"},"&:focus":{color:"inherit"}},active:{fontWeight:"bold",color:"inherit"}},MuiListItemText:{dense:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},MuiButton:{text:{padding:void 0}},MuiChip:{root:{marginRight:theme.spacing(1),marginBottom:theme.spacing(1)}},MuiCardHeader:{root:{paddingBottom:0}},MuiCardActions:{root:{justifyContent:"flex-end"}}}}function createTheme(palette){const themeOptions=createThemeOptions(palette),baseTheme=core.createMuiTheme(themeOptions),overrides=createThemeOverrides(baseTheme);return Object.assign(Object.assign({},baseTheme),{overrides:overrides})}const lightTheme=createTheme({type:"light",background:{default:"#F8F8F8"},status:{ok:"#1db855",warning:"#f49b20",error:"#CA001B",running:"#BEBEBE",pending:"#5BC0DE",background:"#FEFEFE"},bursts:{fontColor:"#FEFEFE",slackChannelText:"#ddd",backgroundColor:{default:"#7C3699"}},primary:{main:colors.blue[500]},border:"#E6E6E6",textContrast:"#000000",textVerySubtle:"#DDD",textSubtle:"#6E6E6E",highlight:"#FFFBCC",errorBackground:"#FFEBEE",warningBackground:"#F59B23",infoBackground:"#ebf5ff",errorText:"#CA001B",infoText:"#004e8a",warningText:"#FEFEFE",linkHover:"#2196F3",link:"#0A6EBE",gold:colors.yellow.A700,sidebar:"#171717"}),darkTheme=createTheme({type:"dark",background:{default:"#282828"},status:{ok:"#1db855",warning:"#f49b20",error:"#CA001B",running:"#BEBEBE",pending:"#5BC0DE",background:"#FEFEFE"},bursts:{fontColor:"#FEFEFE",slackChannelText:"#ddd",backgroundColor:{default:"#7C3699"}},primary:{main:colors.blue[500]},border:"#E6E6E6",textContrast:"#FFFFFF",textVerySubtle:"#DDD",textSubtle:"#6E6E6E",highlight:"#FFFBCC",errorBackground:"#FFEBEE",warningBackground:"#F59B23",infoBackground:"#ebf5ff",errorText:"#CA001B",infoText:"#004e8a",warningText:"#FEFEFE",linkHover:"#2196F3",link:"#0A6EBE",gold:colors.yellow.A700,sidebar:"#424242"});exports.createTheme=createTheme,exports.createThemeOptions=createThemeOptions,exports.createThemeOverrides=createThemeOverrides,exports.darkTheme=darkTheme,exports.lightTheme=lightTheme},41:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"d",(function(){return StatusOK})),__webpack_require__.d(__webpack_exports__,"g",(function(){return StatusWarning})),__webpack_require__.d(__webpack_exports__,"a",(function(){return StatusError})),__webpack_require__.d(__webpack_exports__,"c",(function(){return StatusNA})),__webpack_require__.d(__webpack_exports__,"e",(function(){return StatusPending})),__webpack_require__.d(__webpack_exports__,"f",(function(){return StatusRunning})),__webpack_require__.d(__webpack_exports__,"b",(function(){return StatusFailed}));var _material_ui_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(164),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);const useStyles=Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_0__.a)(theme=>({status:{width:12,height:12,display:"inline-block",marginRight:1},ok:{backgroundColor:theme.palette.status.ok,borderRadius:"50%"},warning:{backgroundColor:theme.palette.status.warning},error:{width:"0",height:"0",borderLeft:"7px solid transparent",borderRight:"7px solid transparent",borderBottom:`14px solid ${theme.palette.status.error}`},pending:{backgroundColor:theme.palette.status.pending},failed:{backgroundColor:"rgba(245, 155, 35, 0.5)"},running:{animation:"blink 0.8s step-start 0s infinite",backgroundColor:theme.palette.status.running},"@keyframes blink":{"50%":{backgroundColor:theme.palette.status.background}}})),StatusOK=props=>{const classes=useStyles(props);return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.status,classes.ok),"aria-label":"Status OK"},props))},StatusWarning=props=>{const classes=useStyles(props);return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.status,classes.warning),"aria-label":"Status warning"},props))},StatusError=props=>{const classes=useStyles(props);return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.status,classes.error),"aria-label":"Status error"},props))},StatusNA=props=>react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",Object.assign({"aria-label":"Status N/A"},props),"N/A"),StatusPending=props=>{const classes=useStyles(props);return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.status,classes.pending),"aria-label":"Status pending"},props))},StatusRunning=props=>{const classes=useStyles(props);return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.status,classes.running),"aria-label":"Status running"},props))},StatusFailed=props=>{const classes=useStyles(props);return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.status,classes.failed),"aria-label":"Status failed"},props))}},60:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ApiRef}));class ApiRef{constructor(config){if(this.config=config,!config.id.match(/^[a-z][a-z0-9]*(\.[a-z][a-z0-9]*)*$/))throw new Error(`API id must only contain lowercase alphanums separated by dots, got '${config.id}'`)}get id(){return this.config.id}get description(){return this.config.description}get T(){throw new Error(`tried to read ApiRef.T of ${this}`)}toString(){return`apiRef{${this.config.id}}`}}},623:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return defaultSystemIcons}));var _material_ui_icons_People__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(641),_material_ui_icons_People__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_material_ui_icons_People__WEBPACK_IMPORTED_MODULE_0__),_material_ui_icons_Person__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(640),_material_ui_icons_Person__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_material_ui_icons_Person__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),api_app_AppContext__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(152);const defaultSystemIcons={user:_material_ui_icons_Person__WEBPACK_IMPORTED_MODULE_1___default.a,group:_material_ui_icons_People__WEBPACK_IMPORTED_MODULE_0___default.a},overridableSystemIcon=key=>props=>{const Icon=Object(api_app_AppContext__WEBPACK_IMPORTED_MODULE_3__.b)().getSystemIcon(key);return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Icon,Object.assign({},props))};overridableSystemIcon("user"),overridableSystemIcon("group")},624:function(module,exports){},625:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ApiRegistry}));class ApiRegistryBuilder{constructor(){this.apis=[]}add(api,impl){return this.apis.push([api,impl]),impl}build(){return new ApiRegistry(new Map(this.apis))}}class ApiRegistry{constructor(apis){this.apis=apis}static builder(){return new ApiRegistryBuilder}static from(apis){return new ApiRegistry(new Map(apis))}get(api){return this.apis.get(api)}}},626:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(60)},627:function(module,exports){},630:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(60);var react=__webpack_require__(0),react_default=__webpack_require__.n(react);__webpack_require__(1143),__webpack_require__(152),__webpack_require__(153),__webpack_require__(639),__webpack_require__(266),__webpack_require__(1145);const gradients={blue:{colors:["#2D46B9","#509BF5"]},darkBlue:{colors:["#1E3264","#A0C3D2"]},brown:{colors:["#674638","#C39887"]},green:{colors:["#1DB954","#006350"]},orangeYellow:{colors:["#FF6437","#FFC864"]},redOrange:{colors:["#A72525","#E6542D"]},pinkOrange:{colors:["#F13DA2","#FF8A48"]},purpleBlue:{colors:["#2D00AA","#C769B5"]},tealGreen:{colors:["#19E68C","#1D7F6E"]},violetPeach:{colors:["#B39AC8","#FCCBD3"]},violetGreen:{colors:["#4302F4","#C3EFC8"]},purple:{colors:["#a186bd","#7c5c92"]},eveningSea:{colors:["#00FFF2","#035355"]},royalBlue:{colors:["#000044","#4B80D4"]},grey:{colors:["#111111","#777777"]},sunset:{colors:["#cf8022","#4e6ec7"]},sky:{colors:["#69B9FF","#ACCEEC"]},teal:{colors:["#005E4D","#9BF0E1"]}},pageTheme={home:{gradient:gradients.teal},documentation:{gradient:gradients.eveningSea},tool:{gradient:gradients.purpleBlue}};var makeStyles=__webpack_require__(164);react_default.a.createContext(pageTheme.home),Object(makeStyles.a)(()=>({root:{display:"grid",gridTemplateAreas:"'pageHeader pageHeader pageHeader' 'pageSubheader pageSubheader pageSubheader' 'pageNav pageContent pageSidebar'",gridTemplateRows:"auto auto 1fr",gridTemplateColumns:"auto 1fr auto",minHeight:"100vh"}}));__webpack_require__(283),__webpack_require__(93),__webpack_require__(1115);Object(makeStyles.a)({wave:{position:"absolute",height:"100%",width:"100%",top:0,bottom:0,left:0,right:0,zIndex:-1}});Object(makeStyles.a)(theme=>({header:{gridArea:"pageHeader",padding:theme.spacing(3),minHeight:118,width:"100%",boxShadow:"0 0 8px 3px rgba(20, 20, 20, 0.3)",position:"relative",zIndex:100,display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-end",alignItems:"center"},leftItemsBox:{flex:"1 1 auto"},rightItemsBox:{flex:"0 1 auto",display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center",marginRight:theme.spacing(6)},title:{color:theme.palette.bursts.fontColor,lineHeight:"1.0em",wordBreak:"break-all",fontSize:"calc(24px + 6 * ((100vw - 320px) / 680))",marginBottom:theme.spacing(1)},subtitle:{color:"rgba(255, 255, 255, 0.8)",lineHeight:"1.0em"},type:{textTransform:"uppercase",fontSize:9,opacity:.8,marginBottom:10,color:theme.palette.bursts.fontColor}}));__webpack_require__(51);Object(makeStyles.a)(theme=>({root:Object.assign({gridArea:"pageContent",minWidth:0,paddingTop:theme.spacing(3),paddingBottom:theme.spacing(3)},theme.mixins.gutters({})),stretch:{display:"flex",flexDirection:"column",flexGrow:1}}));Object(makeStyles.a)(theme=>({container:{width:"100%",display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-end",alignItems:"center"},leftItemsBox:{flex:"1 1 auto",marginBottom:theme.spacing(1),minWidth:0,overflow:"visible"},rightItemsBox:{flex:"0 1 auto",display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center",marginLeft:theme.spacing(1),marginBottom:theme.spacing(1),minWidth:0,overflow:"visible"},description:{},title:{display:"inline-flex"}}));var AuthType;__webpack_require__(1136),__webpack_require__(655),__webpack_require__(1107),__webpack_require__(1137),__webpack_require__(1141),__webpack_require__(1133),__webpack_require__(265);!function(AuthType){AuthType[AuthType.GitHub=0]="GitHub"}(AuthType||(AuthType={}));__webpack_require__(651);Object(makeStyles.a)(theme=>({root:{padding:theme.spacing(2)},widgetWrapper:{padding:theme.spacing(2)}}));__webpack_require__(199);Symbol("plugin-register"),Symbol("plugin-output")},631:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return errorApiRef}));var ApiRef=__webpack_require__(60);new ApiRef.a({id:"core.alert",description:"Used to report alerts and forward them to the app"});const errorApiRef=new ApiRef.a({id:"core.error",description:"Used to report errors and forward them to the app"});__webpack_require__(153)},632:function(module,__webpack_exports__,__webpack_require__){"use strict"},639:function(module,__webpack_exports__,__webpack_require__){"use strict";var _icons__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(623);__webpack_require__.d(__webpack_exports__,"defaultSystemIcons",(function(){return _icons__WEBPACK_IMPORTED_MODULE_0__.a}));__webpack_require__(624)},666:function(module,exports,__webpack_require__){__webpack_require__(667),__webpack_require__(813),__webpack_require__(814),module.exports=__webpack_require__(1037)},68:function(module,__webpack_exports__,__webpack_require__){"use strict";var _InfoCard__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(265);__webpack_require__.d(__webpack_exports__,"a",(function(){return _InfoCard__WEBPACK_IMPORTED_MODULE_0__.a}))},731:function(module,exports){},814:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(269),_backstage_theme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(393),_material_ui_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1096),_material_ui_core__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(1100),storybook_dark_mode__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(636);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.addDecorator)((function(story){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_3__.a,{theme:Object(storybook_dark_mode__WEBPACK_IMPORTED_MODULE_5__.useDarkMode)()?_backstage_theme__WEBPACK_IMPORTED_MODULE_2__.darkTheme:_backstage_theme__WEBPACK_IMPORTED_MODULE_2__.lightTheme},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_4__.a,null,story()))}))}},[[666,1,2]]]);
  //# sourceMappingURL=main.a2678df0ad6638bbe599.bundle.js.map