@manufac/reactjs-calendar-heatmap
Advanced tools
Comparing version
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { extent } from 'd3'; |
import { timeDays, timeMinutes } from 'd3'; | ||
import { endOfDay, startOfDay, startOfYear, subYears, endOfYear, } from 'date-fns'; | ||
import { endOfDay, startOfDay, startOfYear, subYears, endOfYear } from 'date-fns'; | ||
export function generateStorySampleDataForHeatmap(yearsAgo, binsPerHour) { | ||
@@ -4,0 +4,0 @@ const lastDate = endOfYear(new Date()); |
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; | ||
import { IconButton, SvgIcon } from '@mui/material'; | ||
import { getWeek } from 'date-fns'; | ||
@@ -16,3 +15,3 @@ import { useCallback, useState } from 'react'; | ||
return data.filter((ele) => { | ||
return (new Date(ele.date).toLocaleString(undefined, { month: 'short' }) === month); | ||
return (new Date(ele.date).toLocaleString(undefined, { month: 'long' }) === month); | ||
}); | ||
@@ -84,10 +83,12 @@ } | ||
} | ||
return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(IconButton, { style: { | ||
return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("button", { style: { | ||
position: 'absolute', | ||
top: 0, | ||
left: 0, | ||
background: 'transparent', | ||
borderColor: 'transparent' | ||
}, disabled: overviewOrder[overviewOrder.length - 1] === 'global', onClick: () => { | ||
setFade(true); | ||
}, children: _jsxs(SvgIcon, { className: rest.className, children: [_jsx("rect", { fill: "none", height: "24", width: "24" }), _jsx("g", { children: _jsx("polygon", { points: "17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12" }) })] }) }), getOverviewChart(overviewOrder[overviewOrder.length - 1])] })); | ||
}, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 0 24 24", width: "24", className: rest.className, children: [_jsx("path", { d: "M0 0h24v24H0z", fill: 'transparent' }), _jsx("path", { d: "M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z", fill: 'currentColor' })] }) }), getOverviewChart(overviewOrder[overviewOrder.length - 1])] })); | ||
} | ||
//# sourceMappingURL=index.js.map |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
export {}; | ||
//# sourceMappingURL=utils.js.map |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { rollup, sum, extent, range } from 'd3'; |
export * from './DrilldownCalendar'; | ||
//# sourceMappingURL=index.js.map |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { extent, timeDays } from 'd3'; |
@@ -0,0 +0,0 @@ import { axisLeft, axisTop, axisBottom, axisLabelOffset, axisLabelRotate, } from '@d3fc/d3fc-axis'; |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { jsx as _jsx } from "react/jsx-runtime"; |
@@ -0,0 +0,0 @@ import { axisTop } from '@d3fc/d3fc-axis'; |
@@ -0,0 +0,0 @@ /// <reference types="react" /> |
@@ -0,0 +0,0 @@ import { DayOverviewHeatMap } from '.'; |
@@ -0,0 +0,0 @@ import type { CalendarHeatmapDatum, BaseOverviewHeatmapProps } from '../utils'; |
import type { CalendarHeatmapDatum } from './utils'; | ||
export declare function generateStorySampleDataForHeatmap(yearsAgo: number, binsPerHour: number): CalendarHeatmapDatum[]; | ||
//# sourceMappingURL=dev-utils.d.ts.map |
@@ -0,0 +0,0 @@ /// <reference types="react" /> |
@@ -0,0 +0,0 @@ import { DrilldownCalendar } from '.'; |
@@ -0,0 +0,0 @@ import type { CalendarHeatmapDatum, Response } from '../utils'; |
@@ -0,0 +0,0 @@ /// <reference types="react" /> |
@@ -0,0 +0,0 @@ import { GlobalOverviewHeatMap } from '.'; |
@@ -0,0 +0,0 @@ import type { CalendarHeatmapDatum, Margin, BaseOverviewHeatmapProps } from '../utils'; |
export * from './DrilldownCalendar'; | ||
//# sourceMappingURL=index.d.ts.map |
@@ -0,0 +0,0 @@ /// <reference types="react" /> |
@@ -0,0 +0,0 @@ import { MonthOverviewHeatMap } from '.'; |
@@ -0,0 +0,0 @@ import type { CalendarHeatmapDatum, BaseOverviewHeatmapProps } from '../utils'; |
@@ -0,0 +0,0 @@ import type { D3FCAxis } from '@d3fc/d3fc-axis'; |
@@ -0,0 +0,0 @@ /// <reference types="react" /> |
@@ -0,0 +0,0 @@ import { YearOverviewHeatMap } from '.'; |
@@ -0,0 +0,0 @@ import { NumberValue } from 'd3'; |
@@ -10,16 +10,1 @@ /** | ||
*/ | ||
/** @license MUI v5.8.0 | ||
* | ||
* This source code is licensed under the MIT license found in the | ||
* LICENSE file in the root directory of this source tree. | ||
*/ | ||
/** @license React v16.13.1 | ||
* react-is.production.min.js | ||
* | ||
* Copyright (c) Facebook, Inc. and its affiliates. | ||
* | ||
* This source code is licensed under the MIT license found in the | ||
* LICENSE file in the root directory of this source tree. | ||
*/ |
{ | ||
"name": "@manufac/reactjs-calendar-heatmap", | ||
"version": "1.0.3", | ||
"version": "1.0.4", | ||
"description": "React component for d3.js calendar heatmap graph.", | ||
@@ -66,5 +66,2 @@ "homepage": "https://manufac-analytics.github.io/reactjs-calendar-heatmap/", | ||
"@d3fc/d3fc-axis": "^3.0.6", | ||
"@emotion/react": "^11.9.0", | ||
"@emotion/styled": "^11.8.1", | ||
"@mui/material": "^5.6.0", | ||
"d3": "^7.4.4", | ||
@@ -71,0 +68,0 @@ "date-fns": "^2.28.0" |
@@ -0,0 +0,0 @@ # Drilldown Calendar Heatmap | ReactJS | D3 |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
5
-37.5%901847
-38.27%2055
-12.96%- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed