td-stylekit 24.8.0 → 25.2.0

package/dist/es/PieChart/PieChart.js

@@ -1,23 +1,49 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieChart = PieChart;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _victory = require("victory");
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _ChartPrimitives = require("../ChartPrimitives");
+
+var _utils = require("../ChartPrimitives/utils");
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 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; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import { useTheme } from 'emotion-theming';
-import React from 'react';
-import { VictoryContainer, VictoryLabel, VictoryLegend, VictoryPie, VictoryTooltip } from 'victory';
-import Box from '../Box';
-import { chartUtils } from '../ChartPrimitives';
-import { Brick, ChartColors, getChartColor, Pine, Sand, Sky } from '../ChartPrimitives/utils';
-var DEFAULT_COLORS = [Sky[3], Sand[3], Brick[3], Pine[3], Sky[4]];
-var TEXT_COLORS = [Sky[4], Sand[4], Brick[4], Pine[4], Sky[5]];
-var HOVER_COLORS = [Sky[5], Sand[5], Brick[5], Pine[5], Sky[5]];
+var DEFAULT_COLORS = [_utils.Sky[3], _utils.Sand[3], _utils.Brick[3], _utils.Pine[3], _utils.Sky[4]];
+var TEXT_COLORS = [_utils.Sky[4], _utils.Sand[4], _utils.Brick[4], _utils.Pine[4], _utils.Sky[5]];
+var HOVER_COLORS = [_utils.Sky[5], _utils.Sand[5], _utils.Brick[5], _utils.Pine[5], _utils.Sky[5]];
 var GREY = '#e6e6e6';
 var GREY_TEXT = '#6d6d6d';
 var GREY_HOVER = '#999999';
@@ -30,7 +56,9 @@ var percentFormat = function percentFormat(n, f) {
   return parseFloat(n.toFixed(f));
 };
 
-export function PieChart(_ref) {
+function PieChart(_ref) {
+  var _theme$legend, _theme$legend$style;
+
   var _ref$width = _ref.width,
       width = _ref$width === void 0 ? 160 : _ref$width,
       _ref$height = _ref.height,
@@ -56,19 +84,21 @@ export function PieChart(_ref) {
   } : _ref$numFormat;
   width = Math.max(width, 1);
   height = Math.max(height, 1);
-  var providerTheme = useTheme();
-  var theme = chartUtils.getV5Theme({
-    chartColors: chartUtils.DEFAULT_COLORS,
+  var providerTheme = (0, _react.useTheme)();
+
+  var theme = _ChartPrimitives.chartUtils.getV5Theme({
+    chartColors: _ChartPrimitives.chartUtils.DEFAULT_COLORS,
     width: width,
     height: height,
     data: data,
     theme: providerTheme
   });
+
   var total = data.reduce(function (pre, acc) {
     return pre + acc.y;
   }, 0);
   var pieData = data.map(function (d, idx) {
-    return _objectSpread({}, d, {
+    return _objectSpread(_objectSpread({}, d), {}, {
       y: isRatioChart ? idx === 1 && d.y === 0 ? 1 : d.y : d.y,
       // no total, use 1 to fill the pie with inactive colour
       percent: isRatioChart ? "".concat(total === 0 ? '--' : "".concat(percentFormat(d.y / total * 100, fixed), "%")) : "".concat(percentFormat(d.y / total * 100, fixed), "%"),
@@ -100,17 +130,17 @@ export function PieChart(_ref) {
         key = _name$split2[0],
         percent = _name$split2[1];
 
-    return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(VictoryLabel, _extends({
+    return (0, _react.jsx)(_react2["default"].Fragment, null, (0, _react.jsx)(_victory.VictoryLabel, _extends({
       "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "victory-label")
     }, props, {
       text: key
-    })), ___EmotionJSX(VictoryLabel, _extends({
+    })), (0, _react.jsx)(_victory.VictoryLabel, _extends({
       "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "victory-label")
     }, props, {
       dx: width * 2 + GUTTER - ((props === null || props === void 0 ? void 0 : props.x) || 0),
       textAnchor: "end",
       text: percent,
-      style: _objectSpread({}, props.style, {
+      style: _objectSpread(_objectSpread({}, props.style), {}, {
         fontWeight: 'bold'
       })
     })));
@@ -127,7 +157,7 @@ export function PieChart(_ref) {
                 index = _ref2.index,
                 datum = _ref2.datum;
             return {
-              style: _objectSpread({}, style, {
+              style: _objectSpread(_objectSpread({}, style), {}, {
                 fill: datum.grey ? GREY_HOVER : HOVER_COLORS[index % HOVER_COLORS.length]
               })
             };
@@ -164,16 +194,19 @@ export function PieChart(_ref) {
 
   var legendY = Math.max((height - legendHeight) / 2, 0);
   var containerWidth = isRatioChart ? width : width * 2 + GUTTER;
-  var chartThickness = isRatioChart ? RATIO_CHART_THICKNESS : DEFAULT_CHART_THICKNESS;
-  return ___EmotionJSX(Box, {
+  var chartThickness = isRatioChart ? RATIO_CHART_THICKNESS : DEFAULT_CHART_THICKNESS; // The legend labels' style is always an object, but Victory defines it as possibly an array
+  // Need to cast to Record to prevent TS from complaining about incompatible types
+
+  var labelsStyle = (_theme$legend = theme.legend) === null || _theme$legend === void 0 ? void 0 : (_theme$legend$style = _theme$legend.style) === null || _theme$legend$style === void 0 ? void 0 : _theme$legend$style.labels;
+  return (0, _react.jsx)(_Box["default"], {
     "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box"),
     direction: "row",
     padding: providerTheme.space[2]
-  }, ___EmotionJSX(VictoryContainer, {
+  }, (0, _react.jsx)(_victory.VictoryContainer, {
     "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box", "victory-container"),
     width: containerWidth,
     height: height
-  }, ___EmotionJSX(VictoryPie, {
+  }, (0, _react.jsx)(_victory.VictoryPie, {
     "data-gs-c": gsC("pie"),
     "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box", "victory-container", "victory-pie"),
     name: "pie",
@@ -181,7 +214,7 @@ export function PieChart(_ref) {
     padding: 0,
     height: height,
     width: width,
-    colorScale: chartUtils.DEFAULT_COLORS,
+    colorScale: _ChartPrimitives.chartUtils.DEFAULT_COLORS,
     data: pieData,
     style: {
       data: {
@@ -195,11 +228,11 @@ export function PieChart(_ref) {
           } else {
             if (chartColor) {
               // specific colors for ratio charts if the user sets it
-              return datum.grey ? getChartColor(chartColor, 1) : getChartColor(chartColor, 4);
+              return datum.grey ? (0, _utils.getChartColor)(chartColor, 1) : (0, _utils.getChartColor)(chartColor, 4);
             } // 2 shades of blue for ratio charts if the user does not set their color
 
 
-            return datum.grey ? getChartColor(ChartColors.Sky, 1) : DEFAULT_COLORS[0];
+            return datum.grey ? (0, _utils.getChartColor)(_utils.ChartColors.Sky, 1) : DEFAULT_COLORS[0];
           }
         }
       }
@@ -214,24 +247,24 @@ export function PieChart(_ref) {
       return isRatioChart ? datum.index === 0 // only show the value label and hide total label
       ? [datum.y === 0 ? '-' : numFormat(Math.floor(datum.y)), datum.percent] : null : [datum.grey ? datum.x : hoverTitle ? hoverTitle.replace(replaceToken, datum.x) : datum.x, datum.percent, hoverText ? hoverText.replace(replaceToken, numFormat(Math.floor(parseFloat(datum.y)))) : datum.y];
     },
-    labelComponent: isRatioChart ? ___EmotionJSX(VictoryLabel, {
+    labelComponent: isRatioChart ? (0, _react.jsx)(_victory.VictoryLabel, {
       "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box", "victory-container", "victory-pie", "victory-label"),
       textAnchor: "start",
       x: width / 2,
       y: height / 2 + yOffset,
-      style: [_objectSpread({}, theme.legend.style.labels, {
+      style: [_objectSpread(_objectSpread({}, labelsStyle), {}, {
         textAnchor: 'middle',
         fontSize: 14,
         fontWeight: 600,
-        fill: chartColor ? getChartColor(chartColor, 4) : DEFAULT_COLORS[0]
-      }), _objectSpread({}, theme.legend.style.labels, {
+        fill: chartColor ? (0, _utils.getChartColor)(chartColor, 4) : DEFAULT_COLORS[0]
+      }), _objectSpread(_objectSpread({}, labelsStyle), {}, {
         textAnchor: 'middle',
         fontSize: 12
       })],
       backgroundPadding: [{
         bottom: 5
       }]
-    }) : ___EmotionJSX(VictoryTooltip, {
+    }) : (0, _react.jsx)(_victory.VictoryTooltip, {
       "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box", "victory-container", "victory-pie", "victory-tooltip"),
       cornerRadius: 4,
       pointerLength: 10,
@@ -246,26 +279,26 @@ export function PieChart(_ref) {
         left: 12,
         right: 12
       },
-      style: _objectSpread({}, theme.legend.style.labels, {
+      style: _objectSpread(_objectSpread({}, labelsStyle), {}, {
         textAnchor: 'start'
       }),
-      labelComponent: ___EmotionJSX(VictoryLabel, {
+      labelComponent: (0, _react.jsx)(_victory.VictoryLabel, {
         "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box", "victory-container", "victory-pie", "victory-tooltip", "victory-label"),
         lineHeight: [1.75, 1, 1],
-        style: [_objectSpread({}, theme.legend.style.labels, {
+        style: [_objectSpread(_objectSpread({}, labelsStyle), {}, {
           fill: function fill(_ref6) {
             var datum = _ref6.datum;
             return datum.grey ? GREY_TEXT : TEXT_COLORS[((datum === null || datum === void 0 ? void 0 : datum.index) || 0) % TEXT_COLORS.length];
           }
-        }), _objectSpread({}, theme.legend.style.labels, {
+        }), _objectSpread(_objectSpread({}, labelsStyle), {}, {
           fill: NEUTRAL_TEXT
-        }), _objectSpread({}, theme.legend.style.labels, {
+        }), _objectSpread(_objectSpread({}, labelsStyle), {}, {
           fill: NEUTRAL_TEXT
         })]
       })
     }),
     events: pieChartEvents
-  }), isRatioChart ? ___EmotionJSX(React.Fragment, null) : ___EmotionJSX(VictoryLegend, {
+  }), isRatioChart ? (0, _react.jsx)(_react2["default"].Fragment, null) : (0, _react.jsx)(_victory.VictoryLegend, {
     "data-gs-c": gsC("legend"),
     "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box", "victory-container", "victory-legend"),
     name: "legend",
@@ -274,16 +307,17 @@ export function PieChart(_ref) {
     height: legendHeight,
     x: width + GUTTER,
     y: legendY,
-    colorScale: chartUtils.DEFAULT_COLORS,
+    colorScale: _ChartPrimitives.chartUtils.DEFAULT_COLORS,
     data: legend,
     style: {
-      labels: _objectSpread({}, theme.legend.style.labels, {
+      labels: _objectSpread(_objectSpread({}, labelsStyle), {}, {
         fill: GREY_TEXT
       })
     },
-    labelComponent: ___EmotionJSX(PieLegendLabel, {
+    labelComponent: (0, _react.jsx)(PieLegendLabel, {
       "data-gs": gs("src", "piechart", "piechart.tsx", "pie-chart", "box", "victory-container", "victory-legend", "pie-legend-label")
     })
   })));
 }
+
 PieChart.displayName = 'PieChart';

package/dist/es/PieChart/index.js

@@ -1,3 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PieChart", {
+  enumerable: true,
+  get: function get() {
+    return _PieChart.PieChart;
+  }
+});
+
+var _PieChart = require("./PieChart");
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { PieChart } from './PieChart';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="types/@emotion/styled" />
 import React from 'react';
 import type { CSSProperties } from 'react';
 import type { PLACEMENT } from '../TooltipPopover';
@@ -28,258 +27,16 @@ export declare type PopoverProps = {
     style?: CSSProperties;
     tooltipPopover?: boolean;
 };
-export declare const Arrow: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ArrowStylesProps, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
-export declare const PopoverContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PopoverProps & {
+export declare const Arrow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & ArrowStylesProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PopoverContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & PopoverProps & {
     zIndex?: "Modal" | undefined;
-}, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const _default: React.FC<PopoverProps>;
 export default _default;
 //# sourceMappingURL=Popover.d.ts.map