@semcore/d3-chart 2.9.0 → 2.10.0

package/lib/es6/a11y/PlotA11yView.js

@@ -17,13 +17,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yView_1fr5b_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1fr5b_gg_.__focus-within_1fr5b_gg_,.___SPlotA11yView_1fr5b_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1fr5b_gg_:focus,.___SPlotA11yView_1fr5b_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1fr5b_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1fr5b_gg_ table,.___SPlotA11yView_1fr5b_gg_ td,.___SPlotA11yView_1fr5b_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}"
+".___SPlotA11yView_ul8vf_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_ul8vf_gg_.__focus-within_ul8vf_gg_,.___SPlotA11yView_ul8vf_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_ul8vf_gg_:focus,.___SPlotA11yView_ul8vf_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_ul8vf_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_ul8vf_gg_ table,.___SPlotA11yView_ul8vf_gg_ td,.___SPlotA11yView_ul8vf_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}"
 /*__inner_css_end__*/
-, "1fr5b_gg_")
+, "ul8vf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_1fr5b_gg_",
-  "_focus-within": "__focus-within_1fr5b_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_ul8vf_gg_",
+  "_focus-within": "__focus-within_ul8vf_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/style/tooltip.shadow.css

@@ -33,3 +33,12 @@ SDot {
 SDot[color] {
   background: var(--color);
 }
+
+SFooter {
+  background: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+  padding: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);
+  border-radius: 0 0 var(--intergalactic-rounded-medium, 6px)
+    var(--intergalactic-rounded-medium, 6px);
+  margin: var(--intergalactic-spacing-3x, 12px) calc(-1 * var(--intergalactic-spacing-3x, 12px))
+    calc(-1 * var(--intergalactic-spacing-3x, 12px));
+}

package/lib/es6/types/Tooltip.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.js","names":[],"sources":["../../../src/types/Tooltip.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';\nimport { PropGetterFn, ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport { IBoxProps } from '@semcore/flex-box';\nimport IContext from './context';\n\nexport interface ITooltipChartProps extends IPopperProps, IPopperTriggerProps, IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n}\n\nexport interface ITooltipChartContext {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  /** Index active value for Axis x */\n  xIndex: number | null;\n  /** Index active value for Axis y */\n  yIndex: number | null;\n}\n\ndeclare const Tooltip: (<T>(\n  props: MapProps<ITooltipChartProps & T, ITooltipChartContext>,\n) => ReturnEl) & {\n  Trigger: <T>(props: MapProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;\n  Popper: <T>(props: MapProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;\n  Dot: <T>(props: MapProps<IBoxProps & { color?: string } & T>) => ReturnEl;\n  Footer: <T>(props: MapProps<T>) => null;\n};\n\nexport default Tooltip;\n"],"mappings":""}
+{"version":3,"file":"Tooltip.d.js","names":[],"sources":["../../../src/types/Tooltip.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';\nimport { PropGetterFn, ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport { IBoxProps } from '@semcore/flex-box';\nimport IContext from './context';\n\nexport interface ITooltipChartProps extends IPopperProps, IPopperTriggerProps, IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n}\n\nexport interface ITooltipChartContext {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  /** Index active value for Axis x */\n  xIndex: number | null;\n  /** Index active value for Axis y */\n  yIndex: number | null;\n}\n\ndeclare const Tooltip: (<T>(\n  props: MapProps<ITooltipChartProps & T, ITooltipChartContext>,\n) => ReturnEl) & {\n  Trigger: <T>(props: MapProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;\n  Popper: <T>(props: MapProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;\n  Dot: <T>(props: MapProps<IBoxProps & { color?: string } & T>) => ReturnEl;\n  Footer: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;\n};\n\nexport default Tooltip;\n"],"mappings":""}

package/lib/types/Tooltip.d.ts

@@ -28,7 +28,7 @@ declare const Tooltip: (<T>(
   Popper: <T>(props: MapProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;
   Title: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;
   Dot: <T>(props: MapProps<IBoxProps & { color?: string } & T>) => ReturnEl;
-  Footer: <T>(props: MapProps<T>) => null;
+  Footer: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;
 };
 
 export default Tooltip;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",