@artsy/palette-charts 39.3.0-canary.1417.31465.0 → 39.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/BarChart/Bar.d.ts +24 -0
- package/dist/elements/BarChart/Bar.js +149 -0
- package/dist/elements/BarChart/Bar.js.map +1 -0
- package/dist/elements/BarChart/BarChart.d.ts +21 -0
- package/dist/elements/BarChart/BarChart.js +160 -0
- package/dist/elements/BarChart/BarChart.js.map +1 -0
- package/dist/elements/BarChart/BarChart.story.d.ts +6 -0
- package/dist/elements/BarChart/BarChart.story.js +154 -0
- package/dist/elements/BarChart/BarChart.story.js.map +1 -0
- package/dist/elements/BarChart/index.d.ts +2 -0
- package/dist/elements/BarChart/index.js +28 -0
- package/dist/elements/BarChart/index.js.map +1 -0
- package/dist/elements/DataVis/ChartHoverTooltip.d.ts +13 -0
- package/dist/elements/DataVis/ChartHoverTooltip.js +52 -0
- package/dist/elements/DataVis/ChartHoverTooltip.js.map +1 -0
- package/dist/elements/DataVis/ChartTooltip.d.ts +23 -0
- package/dist/elements/DataVis/ChartTooltip.js +68 -0
- package/dist/elements/DataVis/ChartTooltip.js.map +1 -0
- package/dist/elements/DataVis/MousePositionContext.d.ts +6 -0
- package/dist/elements/DataVis/MousePositionContext.js +52 -0
- package/dist/elements/DataVis/MousePositionContext.js.map +1 -0
- package/dist/elements/DataVis/useIntersectionObserver.d.ts +16 -0
- package/dist/elements/DataVis/useIntersectionObserver.js +67 -0
- package/dist/elements/DataVis/useIntersectionObserver.js.map +1 -0
- package/dist/elements/DataVis/utils/SharedTypes.d.ts +10 -0
- package/dist/elements/DataVis/utils/SharedTypes.js +2 -0
- package/dist/elements/DataVis/utils/SharedTypes.js.map +1 -0
- package/dist/elements/DataVis/utils/useWrapperWidth.d.ts +5 -0
- package/dist/elements/DataVis/utils/useWrapperWidth.js +41 -0
- package/dist/elements/DataVis/utils/useWrapperWidth.js.map +1 -0
- package/dist/elements/DonutChart/DonutChart.d.ts +10 -0
- package/dist/elements/DonutChart/DonutChart.js +162 -0
- package/dist/elements/DonutChart/DonutChart.js.map +1 -0
- package/dist/elements/DonutChart/DonutChart.story.d.ts +6 -0
- package/dist/elements/DonutChart/DonutChart.story.js +45 -0
- package/dist/elements/DonutChart/DonutChart.story.js.map +1 -0
- package/dist/elements/DonutChart/index.d.ts +1 -0
- package/dist/elements/DonutChart/index.js +17 -0
- package/dist/elements/DonutChart/index.js.map +1 -0
- package/dist/elements/LineChart/Line.d.ts +8 -0
- package/dist/elements/LineChart/Line.js +24 -0
- package/dist/elements/LineChart/Line.js.map +1 -0
- package/dist/elements/LineChart/LineChart.d.ts +14 -0
- package/dist/elements/LineChart/LineChart.js +123 -0
- package/dist/elements/LineChart/LineChart.js.map +1 -0
- package/dist/elements/LineChart/LineChartSVG.d.ts +15 -0
- package/dist/elements/LineChart/LineChartSVG.js +84 -0
- package/dist/elements/LineChart/LineChartSVG.js.map +1 -0
- package/dist/elements/LineChart/Point.d.ts +11 -0
- package/dist/elements/LineChart/Point.js +29 -0
- package/dist/elements/LineChart/Point.js.map +1 -0
- package/dist/elements/LineChart/index.d.ts +1 -0
- package/dist/elements/LineChart/index.js +17 -0
- package/dist/elements/LineChart/index.js.map +1 -0
- package/dist/elements/index.d.ts +3 -0
- package/dist/elements/index.js +39 -0
- package/dist/elements/index.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +17 -0
- package/dist/index.js.map +1 -0
- package/package.json +4 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Point is the component responsible for rendering a data point
|
|
4
|
+
* in a line chart.
|
|
5
|
+
*/
|
|
6
|
+
export declare const Point: ({ cx, cy, opacity, hovered, }: {
|
|
7
|
+
cx: number;
|
|
8
|
+
cy: number;
|
|
9
|
+
opacity: number;
|
|
10
|
+
hovered: boolean;
|
|
11
|
+
}) => React.JSX.Element;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Point = void 0;
|
|
7
|
+
var _palette = require("@artsy/palette");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
/**
|
|
11
|
+
* Point is the component responsible for rendering a data point
|
|
12
|
+
* in a line chart.
|
|
13
|
+
*/
|
|
14
|
+
var Point = function Point(_ref) {
|
|
15
|
+
var cx = _ref.cx,
|
|
16
|
+
cy = _ref.cy,
|
|
17
|
+
opacity = _ref.opacity,
|
|
18
|
+
hovered = _ref.hovered;
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement("circle", {
|
|
20
|
+
cx: cx,
|
|
21
|
+
cy: cy,
|
|
22
|
+
r: "4",
|
|
23
|
+
opacity: opacity,
|
|
24
|
+
fill: hovered ? (0, _palette.color)("black30") : (0, _palette.color)("black10")
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
exports.Point = Point;
|
|
28
|
+
Point.displayName = "Point";
|
|
29
|
+
//# sourceMappingURL=Point.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Point.js","names":["_palette","require","_react","_interopRequireDefault","obj","__esModule","default","Point","_ref","cx","cy","opacity","hovered","createElement","r","fill","color","exports","displayName"],"sources":["../../../src/elements/LineChart/Point.tsx"],"sourcesContent":["import { color } from \"@artsy/palette\"\nimport React from \"react\"\n\n/**\n * Point is the component responsible for rendering a data point\n * in a line chart.\n */\nexport const Point = ({\n cx,\n cy,\n opacity,\n hovered,\n}: {\n cx: number\n cy: number\n opacity: number\n hovered: boolean\n}) => {\n return (\n <circle\n cx={cx}\n cy={cy}\n r=\"4\"\n opacity={opacity}\n fill={hovered ? color(\"black30\") : color(\"black10\")}\n />\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyB,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzB;AACA;AACA;AACA;AACO,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAUZ;EAAA,IATJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAOP,oBACEV,MAAA,CAAAI,OAAA,CAAAO,aAAA;IACEJ,EAAE,EAAEA,EAAG;IACPC,EAAE,EAAEA,EAAG;IACPI,CAAC,EAAC,GAAG;IACLH,OAAO,EAAEA,OAAQ;IACjBI,IAAI,EAAEH,OAAO,GAAG,IAAAI,cAAK,EAAC,SAAS,CAAC,GAAG,IAAAA,cAAK,EAAC,SAAS;EAAE,EACpD;AAEN,CAAC;AAAAC,OAAA,CAAAV,KAAA,GAAAA,KAAA;AApBYA,KAAK,CAAAW,WAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./LineChart";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _LineChart = require("./LineChart");
|
|
7
|
+
Object.keys(_LineChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _LineChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _LineChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_LineChart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/elements/LineChart/index.ts"],"sourcesContent":["export * from \"./LineChart\"\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _BarChart = require("./BarChart");
|
|
7
|
+
Object.keys(_BarChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _BarChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _BarChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _DonutChart = require("./DonutChart");
|
|
18
|
+
Object.keys(_DonutChart).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _DonutChart[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _DonutChart[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _LineChart = require("./LineChart");
|
|
29
|
+
Object.keys(_LineChart).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _LineChart[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _LineChart[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_BarChart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DonutChart","_LineChart"],"sources":["../../src/elements/index.ts"],"sourcesContent":["export * from \"./BarChart\"\nexport * from \"./DonutChart\"\nexport * from \"./LineChart\"\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./elements";
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _elements = require("./elements");
|
|
7
|
+
Object.keys(_elements).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _elements[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _elements[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_elements","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../src/index.ts"],"sourcesContent":["export * from \"./elements\"\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette-charts",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "39.3.0
|
|
4
|
+
"version": "39.3.0",
|
|
5
5
|
"description": "Design system library for react components",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"publishConfig": {
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
"clean": "rm -rf dist",
|
|
14
14
|
"compile": "babel src --source-maps --extensions '.ts,.tsx' --ignore src/**/__tests__,src/**/__stories__ --out-dir dist",
|
|
15
15
|
"lint": "tslint --project tsconfig.json 'src/*/**'",
|
|
16
|
+
"prepublishOnly": "yarn clean && yarn compile && yarn type-declarations",
|
|
16
17
|
"prettier-project": "yarn prettier --write 'src/**/*.{ts,tsx}'",
|
|
17
18
|
"release": "auto shipit && node scripts/clean-up-after-auto.js",
|
|
18
19
|
"test": "yarn type-check && yarn jest --runInBand",
|
|
@@ -48,6 +49,7 @@
|
|
|
48
49
|
},
|
|
49
50
|
"devDependencies": {
|
|
50
51
|
"@artsy/auto-config": "1.2.0",
|
|
52
|
+
"@artsy/palette": "^40.4.0",
|
|
51
53
|
"@babel/cli": "7.12.16",
|
|
52
54
|
"@babel/core": "7.12.16",
|
|
53
55
|
"@babel/plugin-proposal-class-properties": "7.12.13",
|
|
@@ -178,5 +180,5 @@
|
|
|
178
180
|
"url": "http://localhost"
|
|
179
181
|
}
|
|
180
182
|
},
|
|
181
|
-
"gitHead": "
|
|
183
|
+
"gitHead": "d2fbc4214223945de38d25f5dfcad1f2f931799d"
|
|
182
184
|
}
|