diff --git a/package-lock.json b/package-lock.json index aa98f90..51ecee4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3450,6 +3450,89 @@ "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz", "integrity": "sha1-GzN5LhHpFKL9bW7WRHRkRE5fpkA=" }, + "d3-array": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.4.tgz", + "integrity": "sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw==" + }, + "d3-collection": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.7.tgz", + "integrity": "sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A==" + }, + "d3-color": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.2.3.tgz", + "integrity": "sha512-x37qq3ChOTLd26hnps36lexMRhNXEtVxZ4B25rL0DVdDsGQIJGB18S7y9XDwlDD6MD/ZBzITCf4JjGMM10TZkw==" + }, + "d3-ease": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.5.tgz", + "integrity": "sha512-Ct1O//ly5y5lFM9YTdu+ygq7LleSgSE4oj7vUt9tPLHUi8VCV7QoizGpdWRWAwCO9LdYzIrQDg97+hGVdsSGPQ==" + }, + "d3-format": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.3.2.tgz", + "integrity": "sha512-Z18Dprj96ExragQ0DeGi+SYPQ7pPfRMtUXtsg/ChVIKNBCzjO8XYJvRTC1usblx52lqge56V5ect+frYTQc8WQ==" + }, + "d3-interpolate": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.3.2.tgz", + "integrity": "sha512-NlNKGopqaz9qM1PXh9gBF1KSCVh+jSFErrSlD/4hybwoNX/gt1d8CDbDW+3i+5UOHhjC6s6nMvRxcuoMVNgL2w==", + "requires": { + "d3-color": "1.2.3" + } + }, + "d3-path": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.7.tgz", + "integrity": "sha512-q0cW1RpvA5c5ma2rch62mX8AYaiLX0+bdaSM2wxSU9tXjU4DNvkx9qiUvjkuWCj3p22UO/hlPivujqMiR9PDzA==" + }, + "d3-scale": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-1.0.7.tgz", + "integrity": "sha512-KvU92czp2/qse5tUfGms6Kjig0AhHOwkzXG0+PqIJB3ke0WUv088AHMZI0OssO9NCkXt4RP8yju9rpH8aGB7Lw==", + "requires": { + "d3-array": "1.2.4", + "d3-collection": "1.0.7", + "d3-color": "1.2.3", + "d3-format": "1.3.2", + "d3-interpolate": "1.3.2", + "d3-time": "1.0.10", + "d3-time-format": "2.1.3" + } + }, + "d3-shape": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.2.2.tgz", + "integrity": "sha512-hUGEozlKecFZ2bOSNt7ENex+4Tk9uc/m0TtTEHBvitCBxUNjhzm5hS2GrrVRD/ae4IylSmxGeqX5tWC2rASMlQ==", + "requires": { + "d3-path": "1.0.7" + } + }, + "d3-time": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.0.10.tgz", + "integrity": "sha512-hF+NTLCaJHF/JqHN5hE8HVGAXPStEq6/omumPE/SxyHVrR7/qQxusFDo0t0c/44+sCGHthC7yNGFZIEgju0P8g==" + }, + "d3-time-format": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.1.3.tgz", + "integrity": "sha512-6k0a2rZryzGm5Ihx+aFMuO1GgelgIz+7HhB4PH4OEndD5q2zGn1mDfRdNrulspOfR6JXkb2sThhDK41CSK85QA==", + "requires": { + "d3-time": "1.0.10" + } + }, + "d3-timer": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.9.tgz", + "integrity": "sha512-rT34J5HnQUHhcLvhSB9GjCkN0Ddd5Y8nCwDBG2u6wQEeYxT/Lf51fTFFkldeib/sE/J0clIe0pnCfs6g/lRbyg==" + }, + "d3-voronoi": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.4.tgz", + "integrity": "sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg==" + }, "damerau-levenshtein": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.4.tgz", @@ -10920,6 +11003,11 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-5.0.5.tgz", "integrity": "sha512-ab0HWBgxdIsngHtMGU8+8gYFdTBXpUGd4AE4lN2VZvOIlBmWx9dtaWEViihuGSIGosCKPeHCnzFoRWB42UtnLg==" }, + "react-fast-compare": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.2.tgz", + "integrity": "sha512-EdPU5vXIzvNvQFNuej3oQ1PZ6YmDunTPZJ3V5EmwRqOhEmW0PNxzUdbYhXnZKZFtrrjGiu9718f6iQRdj0l2JA==" + }, "react-lifecycles-compat": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", @@ -13772,6 +13860,309 @@ "extsprintf": "1.3.0" } }, + "victory": { + "version": "30.6.0", + "resolved": "https://registry.npmjs.org/victory/-/victory-30.6.0.tgz", + "integrity": "sha512-YQonLDOw+qY/jnW1eKjil60CQ5u5l3HAKHuoQgy/r4i/ddUvCsTLChhIJbgQuWhWuq6WZ9le05GYop8OiRFiCg==", + "requires": { + "victory-area": "30.3.1", + "victory-axis": "30.3.1", + "victory-bar": "30.6.0", + "victory-box-plot": "30.3.1", + "victory-brush-container": "30.5.0", + "victory-brush-line": "30.3.1", + "victory-candlestick": "30.3.1", + "victory-chart": "30.3.1", + "victory-core": "30.3.1", + "victory-create-container": "30.5.1", + "victory-cursor-container": "30.5.1", + "victory-errorbar": "30.3.1", + "victory-group": "30.3.1", + "victory-legend": "30.3.1", + "victory-line": "30.5.0", + "victory-pie": "30.5.1", + "victory-polar-axis": "30.3.1", + "victory-scatter": "30.3.1", + "victory-selection-container": "30.3.1", + "victory-shared-events": "30.3.1", + "victory-stack": "30.3.1", + "victory-tooltip": "30.3.1", + "victory-voronoi": "30.3.1", + "victory-voronoi-container": "30.3.1", + "victory-zoom-container": "30.3.1" + } + }, + "victory-area": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-area/-/victory-area-30.3.1.tgz", + "integrity": "sha512-qZiCQQ6eGsvnkI9/2ZlYlbhSFlkM7/kc/WKOChOUDqr9EpJpi89Y1LSUkzC7g/Ejgb4xxWczkCBO0EVFGyn+PA==", + "requires": { + "d3-shape": "1.2.2", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-axis": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-axis/-/victory-axis-30.3.1.tgz", + "integrity": "sha512-vAZIkIyHKBRseLm3PgW8wgMDgNwzNLD30tF6uXfQkmLpGABNzxETmU9CnQE0HfLJvRTydDpkNi4C5mee/h1qmg==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-bar": { + "version": "30.6.0", + "resolved": "https://registry.npmjs.org/victory-bar/-/victory-bar-30.6.0.tgz", + "integrity": "sha512-5ovYT8Bv5ixAJ6C1cGcR+D7652rbt98KoyXCU2GJiD6R110YJBNCxHnUfcr9k+LijDYlyRY2EyE6U3KxD27MPA==", + "requires": { + "d3-shape": "1.2.2", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-box-plot": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-box-plot/-/victory-box-plot-30.3.1.tgz", + "integrity": "sha512-DzUyu+Un5rqAhdBrROPMSGJgF5bdsLWZkzg9Ppxcjkl9IxgFe8+Xfp6C3pU/J4s0Rt2FnnSsARjfTgXNzXkWSA==", + "requires": { + "d3-array": "1.2.4", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-brush-container": { + "version": "30.5.0", + "resolved": "https://registry.npmjs.org/victory-brush-container/-/victory-brush-container-30.5.0.tgz", + "integrity": "sha512-xYFmQq/l6sYIwT/TnhqOftUmCuWZ2n6aVabBkF8EBuVYCEP+pulepOReZxsoKrqWCQPz3xxOIgvFSri/p3hLCQ==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-brush-line": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-brush-line/-/victory-brush-line-30.3.1.tgz", + "integrity": "sha512-L67X+DyF832Gp83sjclRNFwyIkP7hkpHqGoWAQnIMjNlcd+Qq47c4Z89YxL0AiHfNN2eSKETB0SXJXlPB/s6NQ==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-candlestick": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-candlestick/-/victory-candlestick-30.3.1.tgz", + "integrity": "sha512-bqsQNit8H7xTdWSZHnhogJN7LlE/e5mOmWxxI5wbt8K31qIkrEqIEElQoaGcw95kleQkHA6XDxHbDE6kW7Nf5A==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-chart": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-chart/-/victory-chart-30.3.1.tgz", + "integrity": "sha512-yT06xMnYx2r+tmW11rGoK2vLT6huP9ff6tDwgtIlifqzA71KlU8rERwWJCTktLkPU10iiqypYD9fwaP6jx6KGQ==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "react-fast-compare": "2.0.2", + "victory-axis": "30.3.1", + "victory-core": "30.3.1", + "victory-polar-axis": "30.3.1", + "victory-shared-events": "30.3.1" + } + }, + "victory-core": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-core/-/victory-core-30.3.1.tgz", + "integrity": "sha512-c2BTwWI+txAOjt2786Ftcov0Eqaqt9EhRf8BkeK1APszVb7I5UV48I2JyZOl9l0v2/JWVKHY11JegFZ95Y64fQ==", + "requires": { + "d3-ease": "1.0.5", + "d3-interpolate": "1.3.2", + "d3-scale": "1.0.7", + "d3-shape": "1.2.2", + "d3-timer": "1.0.9", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "react-fast-compare": "2.0.2" + } + }, + "victory-create-container": { + "version": "30.5.1", + "resolved": "https://registry.npmjs.org/victory-create-container/-/victory-create-container-30.5.1.tgz", + "integrity": "sha512-NqziZkyx0i+L5jMKsydZJrCu6L/rVRCucbLVlQkbv5Yan2u0NXBB4aZAbn3XhW3aXjLuJGXrBrumMM7ygtnq/w==", + "requires": { + "lodash": "4.17.11", + "victory-brush-container": "30.5.0", + "victory-core": "30.3.1", + "victory-cursor-container": "30.5.1", + "victory-selection-container": "30.3.1", + "victory-voronoi-container": "30.3.1", + "victory-zoom-container": "30.3.1" + } + }, + "victory-cursor-container": { + "version": "30.5.1", + "resolved": "https://registry.npmjs.org/victory-cursor-container/-/victory-cursor-container-30.5.1.tgz", + "integrity": "sha512-gwhJvEbPyxFkqTwGRotxyun55kxE0e00BwzQ3djRz1jzZj2Ae372XyikI+har30vMkmzI1Mqy7W1kzmvyVcrSw==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-errorbar": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-errorbar/-/victory-errorbar-30.3.1.tgz", + "integrity": "sha512-vvWg46piCu9uMJX2OXPF04Ma0zwoj+17CG2mRADy9eAaa6GIZLFaoi1IAKXFNX0g4kjPyUo+rgh/zslhkzZxNQ==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-group": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-group/-/victory-group-30.3.1.tgz", + "integrity": "sha512-wP5xqhiXPfVmqfzcy5wyIR6hYrqGNMFXq33c88LdLN5bQ0YvZg3IM9MgBohN7SLxcoBbGVE3XzTP9Yc72pS7xQ==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-legend": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-legend/-/victory-legend-30.3.1.tgz", + "integrity": "sha512-9y0ZwRBkdDUD4x3J3TM38U7lEfyUpfdDYGsED5sYrkGgBj0xXrrvjiWyNSyRn70ac33K15M5VCmmI7Dnvn2rtg==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-line": { + "version": "30.5.0", + "resolved": "https://registry.npmjs.org/victory-line/-/victory-line-30.5.0.tgz", + "integrity": "sha512-5tWhemybJ9vd1LyJmwpUW11YZLa5ngmNTUt6w/dMwIuXOMHk1Kjr8lR5yvjSIvPy8pTLEZ0+Bah9XA65rAtjXQ==", + "requires": { + "d3-shape": "1.2.2", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-pie": { + "version": "30.5.1", + "resolved": "https://registry.npmjs.org/victory-pie/-/victory-pie-30.5.1.tgz", + "integrity": "sha512-Cx4qDt3FyI4VoP0fe3Ubbpz7Sj6d6A5PUWKEuFuMjccb2h1jZgX6uJyBx+uPDBtbxCylrU2GORdLPQDnAXKssQ==", + "requires": { + "d3-shape": "1.2.2", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-polar-axis": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-polar-axis/-/victory-polar-axis-30.3.1.tgz", + "integrity": "sha512-UyupwAGp9IEnEG0zMyffuUFLD3DRBnteNLCq7siszweBdlT/AAlH7SDlNJU5ahAcv4h+TgjD/bGObiMli3AcXw==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-scatter": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-scatter/-/victory-scatter-30.3.1.tgz", + "integrity": "sha512-JLseknw+SMMIfhYxSu8GQ1qAJVy8fDQ8vze4gFOwvMHhdK8BbQiCLxPCmdlAhxoQixMbcwhAsHp/1RlpgK6IyA==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-selection-container": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-selection-container/-/victory-selection-container-30.3.1.tgz", + "integrity": "sha512-UheHWWEx1PUmNobhmLbovErhOV1vLDUdJ+8/qoS9TJJZ9QRoG0S1Gw97q9knyyGuheKljckQnfPWZlVdFjswkQ==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-shared-events": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-shared-events/-/victory-shared-events-30.3.1.tgz", + "integrity": "sha512-MFEx9YPXh+lrVJVvNQonup7Fxwgdt0IALLi4qfr5LzCO0vEmkIPvCdU1HeYk+8BDmpWeKz0MnJZx5SKEXrnK+g==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-stack": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-stack/-/victory-stack-30.3.1.tgz", + "integrity": "sha512-mbo0tcZz/WuYl3HWVkxqm7P0FbzR9Wgpo8YwUqeHdlGdc9pyd/laGuFwiJ8W6wc6yoV4rWNdLWuQGwAqaVmfpw==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-tooltip": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-tooltip/-/victory-tooltip-30.3.1.tgz", + "integrity": "sha512-F0IPgucHRzVpiw45QHfqne1qXKFx6ibJBtw5iCvnnD991ctu28Wlo84SMhWvJPzDYk6zv7b4pcfkVqHrS1nmGg==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-voronoi": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-voronoi/-/victory-voronoi-30.3.1.tgz", + "integrity": "sha512-8OJVyJEEJt5fHFR52iyyfwJ2HBh5KKlAM0XZV6dS46w5rkS7HMRJkQLbYMIGYcv4K2b8+Cx3PvXyf+nOOCeeiA==", + "requires": { + "d3-voronoi": "1.1.4", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, + "victory-voronoi-container": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-voronoi-container/-/victory-voronoi-container-30.3.1.tgz", + "integrity": "sha512-Yj2g/v9oD065tSkcQbXyCqoYqDkuxvSxBe83jnaQrqd7rXiCCRsEEUjVqnZtEASvm3kkQxt/H5CRELo42o4s1A==", + "requires": { + "d3-voronoi": "1.1.4", + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1", + "victory-tooltip": "30.3.1" + } + }, + "victory-zoom-container": { + "version": "30.3.1", + "resolved": "https://registry.npmjs.org/victory-zoom-container/-/victory-zoom-container-30.3.1.tgz", + "integrity": "sha512-Jf37RNnf0SQwkn5IoZuQD1QFhZLRNXS4fPUe9QZJivNCulo3Y/ziOjfjjnJjZ210LQqFIQocTdnweDHvygUWmw==", + "requires": { + "lodash": "4.17.11", + "prop-types": "15.6.2", + "victory-core": "30.3.1" + } + }, "vm-browserify": { "version": "0.0.4", "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz", diff --git a/package.json b/package.json index dea77b0..4cd3fe3 100644 --- a/package.json +++ b/package.json @@ -54,6 +54,7 @@ "style-loader": "0.23.0", "terser-webpack-plugin": "1.1.0", "url-loader": "1.1.1", + "victory": "^30.6.0", "webpack": "4.19.1", "webpack-dev-server": "3.1.9", "webpack-manifest-plugin": "2.0.4", diff --git a/src/pages/Notifications/SceneAlt.js b/src/pages/Notifications/SceneAlt.js index 6f6efe3..0b554f0 100644 --- a/src/pages/Notifications/SceneAlt.js +++ b/src/pages/Notifications/SceneAlt.js @@ -1,5 +1,6 @@ import React from 'react'; import moment from 'moment'; +import {VictoryPie, VictoryChart} from "victory"; import {Link} from "@reach/router"; import styled from 'react-emotion'; import Icon from '../../components/Icon'; @@ -285,8 +286,8 @@ const EnhancedSearchInput = withOnEnter(SearchInput); const NotificationRow = styled('tr')({ position: 'relative', - // cursor: 'pointer', - display: 'block', + display: 'flex', + alignItems: 'center', textAlign: 'left', width: '100%', borderRadius: 4, @@ -350,10 +351,8 @@ const PRIssue = styled(Repository)({ })); const Table = styled('table')({ - width: '100%', - maxWidth: 970, + width: '96%', minWidth: 970, - display: 'block', 'td': { display: 'inline-block' } @@ -363,8 +362,9 @@ const TableItem = styled('td')({ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', -}, ({width}) => ({ - width +}, ({width, flex}) => ({ + width, + flex })); function getPRIssueIcon (type, reasons) { @@ -544,7 +544,6 @@ export default function Scene ({ )} commented - {/*

3 triaged in robin-dashboard

*/} @@ -663,7 +662,10 @@ export default function Scene ({ ) : ( - + {notifications.map(n => ( @@ -671,10 +673,14 @@ export default function Scene ({ {getPRIssueIcon(n.type, n.reasons)} - { - window.open(n.url); - onStageThread(n.id) - }}> + { + window.open(n.url); + onStageThread(n.id) + }}> {n.name} @@ -699,7 +705,7 @@ export default function Scene ({ })} - + window.open(n.repositoryUrl)} style={{cursor: 'pointer', userSelect: 'none'}}>