1 | "use strict";
|
2 |
|
3 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4 |
|
5 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
6 |
|
7 | exports.__esModule = true;
|
8 | exports.StatGroup = exports.StatArrow = exports.StatHelpText = exports.Stat = exports.StatNumber = exports.StatLabel = void 0;
|
9 |
|
10 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
11 |
|
12 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13 |
|
14 | var _react = _interopRequireWildcard(require("react"));
|
15 |
|
16 | var _Icon = _interopRequireDefault(require("../Icon"));
|
17 |
|
18 | var _Text = _interopRequireDefault(require("../Text"));
|
19 |
|
20 | var _Box = _interopRequireDefault(require("../Box"));
|
21 |
|
22 | var _Flex = _interopRequireDefault(require("../Flex"));
|
23 |
|
24 | var StatLabel = (0, _react.forwardRef)(function (props, ref) {
|
25 | return _react["default"].createElement(_Text["default"], (0, _extends2["default"])({
|
26 | ref: ref,
|
27 | fontWeight: "medium",
|
28 | fontSize: "sm"
|
29 | }, props));
|
30 | });
|
31 | exports.StatLabel = StatLabel;
|
32 | StatLabel.displayName = "StatLabel";
|
33 | var StatHelpText = (0, _react.forwardRef)(function (props, ref) {
|
34 | return _react["default"].createElement(_Text["default"], (0, _extends2["default"])({
|
35 | ref: ref,
|
36 | fontSize: "sm",
|
37 | opacity: "0.8",
|
38 | mb: 2
|
39 | }, props));
|
40 | });
|
41 | exports.StatHelpText = StatHelpText;
|
42 | StatHelpText.displayName = "StatHelpText";
|
43 |
|
44 | var StatNumber = function StatNumber(props) {
|
45 | return _react["default"].createElement(_Text["default"], (0, _extends2["default"])({
|
46 | fontSize: "2xl",
|
47 | verticalAlign: "baseline",
|
48 | fontWeight: "semibold"
|
49 | }, props));
|
50 | };
|
51 |
|
52 | exports.StatNumber = StatNumber;
|
53 | var arrowOptions = {
|
54 | increase: {
|
55 | name: "triangle-up",
|
56 | color: "green.400"
|
57 | },
|
58 | decrease: {
|
59 | name: "triangle-down",
|
60 | color: "red.400"
|
61 | }
|
62 | };
|
63 | var StatArrow = (0, _react.forwardRef)(function (_ref, ref) {
|
64 | var _ref$type = _ref.type,
|
65 | type = _ref$type === void 0 ? "increase" : _ref$type,
|
66 | ariaLabel = _ref["aria-label"],
|
67 | rest = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["type", "aria-label"]);
|
68 | return _react["default"].createElement(_Icon["default"], (0, _extends2["default"])({
|
69 | ref: ref,
|
70 | mr: 1,
|
71 | size: "14px",
|
72 | verticalAlign: "middle",
|
73 | "aria-label": ariaLabel
|
74 | }, arrowOptions[type], rest));
|
75 | });
|
76 | exports.StatArrow = StatArrow;
|
77 | StatArrow.displayName = "StatArrow";
|
78 | var Stat = (0, _react.forwardRef)(function (props, ref) {
|
79 | return _react["default"].createElement(_Box["default"], (0, _extends2["default"])({
|
80 | ref: ref,
|
81 | flex: "1",
|
82 | pr: 4,
|
83 | position: "relative"
|
84 | }, props));
|
85 | });
|
86 | exports.Stat = Stat;
|
87 | Stat.displayName = "Stat";
|
88 | var StatGroup = (0, _react.forwardRef)(function (props, ref) {
|
89 | return _react["default"].createElement(_Flex["default"], (0, _extends2["default"])({
|
90 | ref: ref,
|
91 | flexWrap: "wrap",
|
92 | justifyContent: "space-around",
|
93 | alignItems: "flex-start"
|
94 | }, props));
|
95 | });
|
96 | exports.StatGroup = StatGroup;
|
97 | StatGroup.displayName = "StatGroup"; |
\ | No newline at end of file |