td-stylekit 24.8.0 → 25.2.0

package/dist/es/StatCard/StatCard.js

@@ -1,17 +1,37 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = StatCard;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _elements = require("./elements");
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["chart", "control", "difference", "subtitle", "title", "unit", "value", "valueSubtitle"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import React from 'react';
-import Box from '../Box';
-import Icon from '../Icon';
-import { Chart, ChartPlaceholder, Container, Control, Difference, Subtitle, Title, Unit, Value } from './elements';
 
 /**
  * Component that displays a stat in front of a chart.
  */
-export default function StatCard(props) {
+function StatCard(props) {
   var chart = props.chart,
       control = props.control,
       difference = props.difference,
@@ -20,31 +40,31 @@ export default function StatCard(props) {
       unit = props.unit,
       value = props.value,
       valueSubtitle = props.valueSubtitle,
-      cardProps = _objectWithoutProperties(props, ["chart", "control", "difference", "subtitle", "title", "unit", "value", "valueSubtitle"]);
+      cardProps = _objectWithoutProperties(props, _excluded);
 
   var shouldRenderPlaceholder = value == null && difference == null && !chart;
-  return ___EmotionJSX(Container, _extends({
+  return (0, _react2.jsx)(_elements.Container, _extends({
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container")
-  }, cardProps), chart && !shouldRenderPlaceholder && ___EmotionJSX(Chart, {
+  }, cardProps), chart && !shouldRenderPlaceholder && (0, _react2.jsx)(_elements.Chart, {
     "data-gs-c": gsC(chart),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "chart")
-  }, chart), shouldRenderPlaceholder && ___EmotionJSX(ChartPlaceholder, {
+  }, chart), shouldRenderPlaceholder && (0, _react2.jsx)(_elements.ChartPlaceholder, {
     "data-gs-c": gsC("icon-large-magnifieradd"),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "chart-placeholder")
-  }, ___EmotionJSX(Icon.Large.MagnifierAdd, {
+  }, (0, _react2.jsx)(_Icon["default"].Large.MagnifierAdd, {
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "chart-placeholder", "icon-large-magnifier-add")
-  })), ___EmotionJSX("div", {
+  })), (0, _react2.jsx)("div", {
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "div")
-  }, ___EmotionJSX(Title, {
+  }, (0, _react2.jsx)(_elements.Title, {
     "data-gs-c": gsC(title),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "div", "title")
-  }, title), subtitle && ___EmotionJSX(Subtitle, {
+  }, title), subtitle && (0, _react2.jsx)(_elements.Subtitle, {
     "data-gs-c": gsC(subtitle),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "div", "subtitle")
-  }, subtitle)), control && ___EmotionJSX(Control, {
+  }, subtitle)), control && (0, _react2.jsx)(_elements.Control, {
     "data-gs-c": gsC(control),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "control")
-  }, control), ___EmotionJSX(Box, {
+  }, control), (0, _react2.jsx)(_Box["default"], {
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box"),
     direction: "row",
     justify: "between",
@@ -54,28 +74,28 @@ export default function StatCard(props) {
         padding: theme.space[2]
       };
     }
-  }, ___EmotionJSX("div", {
-    "data-gs-c": gsC(value != null && ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Value, {
+  }, (0, _react2.jsx)("div", {
+    "data-gs-c": gsC(value != null && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_elements.Value, {
       "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "div", "value"),
       negative: value < 0
-    }, value, ___EmotionJSX(Unit, {
+    }, value, (0, _react2.jsx)(_elements.Unit, {
       "data-gs-c": gsC(unit),
       "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "div", "value", "unit")
-    }, unit)), valueSubtitle && ___EmotionJSX(Subtitle, {
+    }, unit)), valueSubtitle && (0, _react2.jsx)(_elements.Subtitle, {
       "data-gs-c": gsC(valueSubtitle),
       "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "div", "subtitle")
     }, valueSubtitle))),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "div")
-  }, value != null && ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Value, {
+  }, value != null && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_elements.Value, {
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "div", "value"),
     negative: value < 0
-  }, value, ___EmotionJSX(Unit, {
+  }, value, (0, _react2.jsx)(_elements.Unit, {
     "data-gs-c": gsC(unit),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "div", "value", "unit")
-  }, unit)), valueSubtitle && ___EmotionJSX(Subtitle, {
+  }, unit)), valueSubtitle && (0, _react2.jsx)(_elements.Subtitle, {
     "data-gs-c": gsC(valueSubtitle),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "div", "subtitle")
-  }, valueSubtitle))), difference != null && ___EmotionJSX(Difference, {
+  }, valueSubtitle))), difference != null && (0, _react2.jsx)(_elements.Difference, {
     "data-gs-c": gsC(difference > 0 ? "+".concat(difference, "%") : "".concat(difference, "%")),
     "data-gs": gs("src", "statcard", "statcard.tsx", "stat-card", "container", "box", "difference"),
     negative: difference < 0