td-stylekit 24.6.1 → 25.0.0

package/dist/es/ComparisonChart/ComparisonChart.js

@@ -1,29 +1,51 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComparisonChart = ComparisonChart;
+exports["default"] = void 0;
+
+var _color = _interopRequireDefault(require("color"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _victory = require("victory");
+
+var _ChartPrimitives = require("../ChartPrimitives");
+
+var _excluded = ["animate", "chartColors", "height", "width", "data", "detailed", "grayscale", "theme", "xTickLabel", "xAxisLabel", "xTickValues", "yTickLabel", "yAxisLabel", "tooltipTitle", "tooltipLabel"];
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 Color from 'color';
-import { useTheme, withTheme } from 'emotion-theming';
-import React from 'react';
-import { VictoryAxis, VictoryChart, VictoryGroup, VictoryLine, VictoryPortal, VictoryScatter, VictoryVoronoiContainer } from 'victory';
-import { chartUtils, Container, Defs, Noop, Tooltip } from '../ChartPrimitives';
 
 /**
  * Utilizes Victory
  * https://formidable.com/open-source/victory/docs/common-props/
  */
-export function ComparisonChart(_ref) {
+function ComparisonChart(_ref) {
+  var _chartTheme$_labelSty;
+
   var _ref$animate = _ref.animate,
-      animate = _ref$animate === void 0 ? chartUtils.ANIMATE : _ref$animate,
+      animate = _ref$animate === void 0 ? _ChartPrimitives.chartUtils.ANIMATE : _ref$animate,
       _ref$chartColors = _ref.chartColors,
-      chartColors = _ref$chartColors === void 0 ? chartUtils.DEFAULT_COLORS : _ref$chartColors,
+      chartColors = _ref$chartColors === void 0 ? _ChartPrimitives.chartUtils.DEFAULT_COLORS : _ref$chartColors,
       height = _ref.height,
       width = _ref.width,
       data = _ref.data,
@@ -37,7 +59,7 @@ export function ComparisonChart(_ref) {
       yAxisLabel = _ref.yAxisLabel,
       tooltipTitle = _ref.tooltipTitle,
       tooltipLabel = _ref.tooltipLabel,
-      props = _objectWithoutProperties(_ref, ["animate", "chartColors", "height", "width", "data", "detailed", "grayscale", "theme", "xTickLabel", "xAxisLabel", "xTickValues", "yTickLabel", "yAxisLabel", "tooltipTitle", "tooltipLabel"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   // Ensure dimensions are always positive, non-zero, numbers
   // so that Victory doesn't create invalid props when using these
@@ -47,10 +69,10 @@ export function ComparisonChart(_ref) {
   var flatData = data.reduce(function (allData, d) {
     return allData.concat(d);
   }, []);
-  var Chart = detailed ? VictoryChart : VictoryGroup;
-  var providerTheme = useTheme();
+  var Chart = detailed ? _victory.VictoryChart : _victory.VictoryGroup;
+  var providerTheme = (0, _react.useTheme)();
   var isV5 = providerTheme.name === 'v5';
-  var chartTheme = isV5 ? chartUtils.getV5Theme({
+  var chartTheme = isV5 ? _ChartPrimitives.chartUtils.getV5Theme({
     chartColors: chartColors,
     height: height,
     width: width,
@@ -60,7 +82,7 @@ export function ComparisonChart(_ref) {
     yTickLabel: yTickLabel,
     theme: theme,
     grayscale: grayscale
-  }) : chartUtils.getTheme({
+  }) : _ChartPrimitives.chartUtils.getTheme({
     height: height,
     width: width,
     detailed: detailed,
@@ -71,13 +93,15 @@ export function ComparisonChart(_ref) {
     grayscale: grayscale
   });
   var shouldRenderBackground = isV5 && width > 1 && height > 1;
-  var minMaxY = chartUtils.findYMinMax(flatData);
+
+  var minMaxY = _ChartPrimitives.chartUtils.findYMinMax(flatData);
+
   var padding = (minMaxY[1] - minMaxY[0]) / 100 * 15;
   var domain = {
     // Add 15% padding to the top and bottom
     y: [minMaxY[0] - padding, minMaxY[1] + padding]
   };
-  var labelStyles = [_objectSpread({}, chartTheme._labelStyle[0])];
+  var labelStyles = [_objectSpread({}, (_chartTheme$_labelSty = chartTheme._labelStyle) === null || _chartTheme$_labelSty === void 0 ? void 0 : _chartTheme$_labelSty[0])];
 
   var getComparisonColor = function getComparisonColor(i) {
     return chartTheme._comparisonColors[i % chartTheme._comparisonColors.length];
@@ -85,9 +109,11 @@ export function ComparisonChart(_ref) {
 
 
   data.forEach(function (_, i) {
+    var _chartTheme$_labelSty2;
+
     var color = getComparisonColor(i);
-    labelStyles.push(_objectSpread({}, chartTheme._labelStyle[0], {
-      fill: isV5 ? Color(color).darken(0.4) : color
+    labelStyles.push(_objectSpread(_objectSpread({}, (_chartTheme$_labelSty2 = chartTheme._labelStyle) === null || _chartTheme$_labelSty2 === void 0 ? void 0 : _chartTheme$_labelSty2[0]), {}, {
+      fill: isV5 ? (0, _color["default"])(color).darken(0.4) : color
     }));
   });
 
@@ -105,7 +131,7 @@ export function ComparisonChart(_ref) {
     return undefined;
   }
 
-  var containerComponent = detailed ? ___EmotionJSX(VictoryVoronoiContainer, {
+  var containerComponent = detailed ? (0, _react.jsx)(_victory.VictoryVoronoiContainer, {
     "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "victory-voronoi-container"),
     voronoiDimension: "x" // labels should only be generated when the datum `d.childName.includes('line-')`
     // @ts-ignore: typed to always expect a return string
@@ -114,27 +140,27 @@ export function ComparisonChart(_ref) {
       var datum = _ref2.datum;
       return groupTooltipLabel(datum);
     },
-    labelComponent: detailed ? ___EmotionJSX(Tooltip, {
+    labelComponent: detailed ? (0, _react.jsx)(_ChartPrimitives.Tooltip, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "victory-voronoi-container", "tooltip"),
       chartHeight: height,
       chartWidth: width,
       isGrouped: true,
       chartTheme: chartTheme,
       labelStyle: labelStyles
-    }) : ___EmotionJSX(Noop, {
+    }) : (0, _react.jsx)(_ChartPrimitives.Noop, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "victory-voronoi-container", "noop")
     })
   }) : undefined;
-  return ___EmotionJSX(Container, {
+  return (0, _react.jsx)(_ChartPrimitives.Container, {
     "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container"),
     height: height,
     width: width,
     style: {
-      filter: grayscale ? Defs.GRAYSCALE : undefined
+      filter: grayscale ? _ChartPrimitives.Defs.GRAYSCALE : undefined
     }
-  }, ___EmotionJSX(Defs, {
+  }, (0, _react.jsx)(_ChartPrimitives.Defs, {
     "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "defs")
-  }), ___EmotionJSX(Chart, _extends({
+  }), (0, _react.jsx)(Chart, _extends({
     "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart"),
     chartColors: chartColors,
     height: height,
@@ -144,26 +170,28 @@ export function ComparisonChart(_ref) {
     style: shouldRenderBackground ? chartTheme._backgroundStyles : {},
     theme: chartTheme
   }, props), data.map(function (data, i) {
-    return ___EmotionJSX(VictoryPortal, {
+    var _chartTheme$line, _chartTheme$scatter, _chartTheme$scatter$s;
+
+    return (0, _react.jsx)(_victory.VictoryPortal, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-portal"),
       key: i
-    }, ___EmotionJSX(VictoryGroup, {
+    }, (0, _react.jsx)(_victory.VictoryGroup, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-portal", "victory-group"),
       data: data,
       color: getComparisonColor(i)
-    }, ___EmotionJSX(VictoryLine, {
+    }, (0, _react.jsx)(_victory.VictoryLine, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-portal", "victory-group", "victory-line"),
       interpolation: "monotoneX",
       name: "line-".concat(i),
       animate: animate,
-      style: chartTheme.line.style
-    }), detailed ? ___EmotionJSX(VictoryScatter, {
+      style: (_chartTheme$line = chartTheme.line) === null || _chartTheme$line === void 0 ? void 0 : _chartTheme$line.style
+    }), detailed ? (0, _react.jsx)(_victory.VictoryScatter, {
       "data-gs-c": gsC("scatters"),
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-portal", "victory-group", "victory-scatter"),
       name: "scatters",
       data: data,
       style: isV5 ? {
-        data: _objectSpread({}, chartTheme.scatter.style.data, {
+        data: _objectSpread(_objectSpread({}, (_chartTheme$scatter = chartTheme.scatter) === null || _chartTheme$scatter === void 0 ? void 0 : (_chartTheme$scatter$s = _chartTheme$scatter.style) === null || _chartTheme$scatter$s === void 0 ? void 0 : _chartTheme$scatter$s.data), {}, {
           fill: getComparisonColor(i)
         })
       } : {},
@@ -172,44 +200,46 @@ export function ComparisonChart(_ref) {
         var active = _ref3.active;
         return active ? 5 : 0;
       }
-    }) : ___EmotionJSX(Noop, {
+    }) : (0, _react.jsx)(_ChartPrimitives.Noop, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-portal", "victory-group", "noop")
     })));
-  }), detailed ? [___EmotionJSX(VictoryAxis, {
+  }), detailed ? [(0, _react.jsx)(_victory.VictoryAxis, {
     "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-axis"),
     animate: animate,
     key: "xaxis",
-    axisComponent: ___EmotionJSX(Noop, {
+    axisComponent: (0, _react.jsx)(_ChartPrimitives.Noop, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-axis", "noop")
     }),
     fixLabelOverlap: true,
     tickValues: xTickValues,
     tickFormat: xTickLabel,
     label: xAxisLabel
-  }), ___EmotionJSX(VictoryAxis, {
+  }), (0, _react.jsx)(_victory.VictoryAxis, {
     "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-axis"),
     animate: animate,
     key: "yaxis",
-    axisComponent: ___EmotionJSX(Noop, {
+    axisComponent: (0, _react.jsx)(_ChartPrimitives.Noop, {
       "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "victory-axis", "noop")
     }),
     dependentAxis: true,
     tickFormat: yTickLabel,
     label: yAxisLabel
-  })] : ___EmotionJSX(Noop, {
+  })] : (0, _react.jsx)(_ChartPrimitives.Noop, {
     "data-gs": gs("src", "comparisonchart", "comparisonchart.tsx", "comparison-chart", "container", "chart", "noop"),
     key: "noop"
   })));
 }
+
 ComparisonChart.defaultProps = {
-  xTickLabel: chartUtils.dateTickLabel(),
+  xTickLabel: _ChartPrimitives.chartUtils.dateTickLabel(),
   tooltipTitle: function tooltipTitle(d) {
-    return chartUtils.dateTickLabel()(d.x);
+    return _ChartPrimitives.chartUtils.dateTickLabel()(d.x);
   },
   tooltipLabel: function tooltipLabel(d) {
     return "".concat(d.y, " Profiles");
   }
 };
-var ThemedChart = withTheme(ComparisonChart);
+var ThemedChart = (0, _react.withTheme)(ComparisonChart);
 ThemedChart.displayName = 'ComparisonChart';
-export default ThemedChart;
+var _default = ThemedChart;
+exports["default"] = _default;

package/dist/es/ComparisonChart/constants.js

@@ -1,6 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.argTypesForStories = void 0;
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export var argTypesForStories = {
+var argTypesForStories = {
   backgroundComponent: {
     control: false
   },
@@ -67,4 +73,5 @@ export var argTypesForStories = {
   singleQuadrantDomainPadding: {
     control: false
   }
-};
+};
+exports.argTypesForStories = argTypesForStories;

package/dist/es/ComparisonChart/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ComparisonChart["default"];
+  }
+});
+
+var _ComparisonChart = _interopRequireDefault(require("./ComparisonChart"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { default } from './ComparisonChart';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/ComponentGroup/ComponentGroup.js

@@ -1,8 +1,26 @@
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cloneElementWithCss = _interopRequireDefault(require("../utils/cloneElementWithCss"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import React, { Children } from 'react';
-import cloneElementWithCss from '../utils/cloneElementWithCss';
 
 var marginLeftStyle = function marginLeftStyle(_ref) {
   var index = _ref.index,
@@ -17,19 +35,22 @@ var marginLeftStyle = function marginLeftStyle(_ref) {
 var ComponentGroup = function ComponentGroup(_ref2) {
   var children = _ref2.children,
       spaceBetween = _ref2.spaceBetween;
-  var mappedChildren = Children.map(children, function (child, index) {
+
+  var mappedChildren = _react.Children.map(children, function (child, index) {
     if (!child) {
       return null;
     }
 
-    return cloneElementWithCss(child, {
+    return (0, _cloneElementWithCss["default"])(child, {
       css: marginLeftStyle({
         index: index,
         spaceBetween: spaceBetween
       })
     });
   });
-  return ___EmotionJSX(React.Fragment, null, mappedChildren);
+
+  return (0, _react2.jsx)(_react["default"].Fragment, null, mappedChildren);
 };
 
-export default ComponentGroup;
+var _default = ComponentGroup;
+exports["default"] = _default;

package/dist/es/ComponentGroup/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ComponentGroup["default"];
+  }
+});
+
+var _ComponentGroup = _interopRequireDefault(require("./ComponentGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { default } from './ComponentGroup';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};