@semcore/d3-chart 2.11.1 → 2.12.1

package/lib/es6/Tooltip.js

@@ -26,18 +26,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_csadk_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_csadk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_csadk_gg_{display:flex;align-items:center}.___SDot_csadk_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_csadk_gg_.__color_csadk_gg_{background:var(--color_csadk)}.___SFooter_csadk_gg_{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))}"
+".___STooltip_6b6vp_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_6b6vp_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_6b6vp_gg_{display:flex;align-items:center}.___SDot_6b6vp_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_6b6vp_gg_.__color_6b6vp_gg_{background:var(--color_6b6vp)}.___SFooter_6b6vp_gg_{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))}"
 /*__inner_css_end__*/
-, "csadk_gg_")
+, "6b6vp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_csadk_gg_",
-  "__STitle": "___STitle_csadk_gg_",
-  "__SDotGroup": "___SDotGroup_csadk_gg_",
-  "__SDot": "___SDot_csadk_gg_",
-  "_color": "__color_csadk_gg_",
-  "--color": "--color_csadk",
-  "__SFooter": "___SFooter_csadk_gg_"
+  "__STooltip": "___STooltip_6b6vp_gg_",
+  "__STitle": "___STitle_6b6vp_gg_",
+  "__SDotGroup": "___SDotGroup_6b6vp_gg_",
+  "__SDot": "___SDot_6b6vp_gg_",
+  "_color": "__color_6b6vp_gg_",
+  "--color": "--color_6b6vp",
+  "__SFooter": "___SFooter_6b6vp_gg_"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Venn.js

@@ -20,17 +20,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_7hvlc_gg_,.___SIntersection_7hvlc_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_7hvlc_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_7hvlc);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_7hvlc_gg_:hover{fill-opacity:.7}}.___SCircle_7hvlc_gg_.__color_7hvlc_gg_{fill:var(--color_7hvlc)}.___SCircle_7hvlc_gg_.__transparent_7hvlc_gg_{opacity:.3}.___SIntersection_7hvlc_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_7hvlc_gg_:hover{fill-opacity:.1}}.___SIntersection_7hvlc_gg_.__transparent_7hvlc_gg_{opacity:.3}"
+".___SCircle_copyp_gg_,.___SIntersection_copyp_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_copyp_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_copyp);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_copyp_gg_:hover{fill-opacity:.7}}.___SCircle_copyp_gg_.__color_copyp_gg_{fill:var(--color_copyp)}.___SCircle_copyp_gg_.__transparent_copyp_gg_{opacity:.3}.___SIntersection_copyp_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_copyp_gg_:hover{fill-opacity:.1}}.___SIntersection_copyp_gg_.__transparent_copyp_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "7hvlc_gg_")
+, "copyp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_7hvlc_gg_",
-  "--duration": "--duration_7hvlc",
-  "_color": "__color_7hvlc_gg_",
-  "--color": "--color_7hvlc",
-  "_transparent": "__transparent_7hvlc_gg_",
-  "__SIntersection": "___SIntersection_7hvlc_gg_"
+  "__SCircle": "___SCircle_copyp_gg_",
+  "--duration": "--duration_copyp",
+  "_color": "__color_copyp_gg_",
+  "--color": "--color_copyp",
+  "_transparent": "__transparent_copyp_gg_",
+  "__SIntersection": "___SIntersection_copyp_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/a11y/PlotA11yModule.js

@@ -15,12 +15,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_1489l_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1489l_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+".___SPlotA11yModule_16al9_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_16al9_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "1489l_gg_")
+, "16al9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_1489l_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_16al9_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -17,13 +17,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yView_17a1z_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_17a1z_gg_.__focus-within_17a1z_gg_,.___SPlotA11yView_17a1z_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_17a1z_gg_:focus,.___SPlotA11yView_17a1z_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_17a1z_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_17a1z_gg_ table,.___SPlotA11yView_17a1z_gg_ td,.___SPlotA11yView_17a1z_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}"
+".___SPlotA11yView_7k9i9_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_7k9i9_gg_.__focus-within_7k9i9_gg_,.___SPlotA11yView_7k9i9_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_7k9i9_gg_:focus,.___SPlotA11yView_7k9i9_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_7k9i9_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_7k9i9_gg_ table,.___SPlotA11yView_7k9i9_gg_ td,.___SPlotA11yView_7k9i9_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}"
 /*__inner_css_end__*/
-, "17a1z_gg_")
+, "7k9i9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_17a1z_gg_",
-  "_focus-within": "__focus-within_17a1z_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_7k9i9_gg_",
+  "_focus-within": "__focus-within_7k9i9_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/types/Radar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radar.js","names":[],"sources":["../../../src/types/Radar.ts"],"sourcesContent":["import IContext from './context';\nimport { MapProps } from './Plot';\nimport { ReturnEl } from '@semcore/core';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IRadarProps extends IContext {\n  /**\n   * Scale for radar element\n   * */\n  scale: any\n  /**\n   * Graph type to be displayed\n   * @default 'polygon'\n   * */\n  type?: 'polygon' | 'circle',\n  /**\n   * Indent from the edge of svg to graph\n   * */\n  offset?: number\n\n  /**\n   * Label font size\n   * @default 12\n   * */\n  textSize?: number\n}\n\nexport interface IRadarAxisProps extends IContext {\n  /**\n   * Sets the field name for categories\n   * */\n  dataKey: string\n}\n\nexport interface IRadarAxisTicksProps {\n  /**\n   * Distance between auxiliary lines\n   * @default 100\n   * */\n  tickSize?: number\n}\n\nexport interface IRadarAxisLabelsProps {\n  /**\n   * Indent from graph to label\n   * @default 10\n   * */\n  labelOffset?: number\n}\n\nexport interface IRadialPolygonProps extends IContext {\n  /**\n   * Sets the field name for data\n   * */\n  dataKey: string\n  /**\n   * Curve method\n   * @default curveLinearClosed\n   * */\n  curve?: CurveFactory;\n  /**\n   * Sets the color of the entire polygon\n   * */\n  color?: string\n  /**\n   * Sets the fill color\n   * */\n  fill?: string\n}\n\nexport interface IRadialPolygonLineProps {\n  /**\n   * Sets the line color\n   * */\n  color?: string\n}\n\nexport interface IRadialPolygonDotsProps {\n  /**\n   * Sets the dot color\n   * */\n  color?: string\n}\n\nexport interface IRadarHoverProps extends IContext {\n}\n\ndeclare const Radar: (<T>(props: MapProps<IRadarProps & T>) => ReturnEl) & {\n  Axis: (<T>(props: MapProps<IRadarAxisProps & T>) => ReturnEl) & {\n    Ticks: <T>(props: MapProps<IRadarAxisTicksProps & T>) => ReturnEl;\n    Labels: <T>(props: MapProps<IRadarAxisLabelsProps & T>) => ReturnEl;\n  };\n  Polygon: (<T>(props: MapProps<IRadialPolygonProps & T>) => ReturnEl) & {\n    Line: <T>(props: MapProps<IRadialPolygonLineProps & T>) => ReturnEl;\n    Dots: <T>(props: MapProps<IRadialPolygonDotsProps & T>) => ReturnEl;\n  };\n  Hover: (<T>(props: MapProps<IRadarHoverProps & T>) => ReturnEl)\n};\n\nexport default Radar;"],"mappings":""}
+{"version":3,"file":"Radar.js","names":[],"sources":["../../../src/types/Radar.ts"],"sourcesContent":["import IContext from './context';\nimport { MapProps } from './Plot';\nimport { ReturnEl } from '@semcore/core';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IRadarProps extends IContext {\n  /**\n   * Scale for radar element\n   * */\n  scale: any;\n  /**\n   * Graph type to be displayed\n   * @default 'polygon'\n   * */\n  type?: 'polygon' | 'circle';\n  /**\n   * Indent from the edge of svg to graph\n   * */\n  offset?: number;\n\n  /**\n   * Label font size\n   * @default 12\n   * */\n  textSize?: number;\n\n  /**\n   * Base angle of chart rotation\n   * @default 0\n   * @example Math.PI/3\n   * */\n  angleOffset?: number;\n}\n\nexport interface IRadarAxisProps extends IContext {\n  /**\n   * Sets the field name for categories\n   * */\n  dataKey: string;\n}\n\nexport interface IRadarAxisTicksProps {\n  /**\n   * Distance between auxiliary lines\n   * @default 100\n   * */\n  tickSize?: number;\n}\n\nexport interface IRadarAxisLabelsProps {\n  /**\n   * Indent from graph to label\n   * @default 10\n   * */\n  labelOffset?: number;\n}\n\nexport interface IRadialPolygonProps extends IContext {\n  /**\n   * Sets the field name for data\n   * */\n  dataKey: string;\n  /**\n   * Curve method\n   * @default curveLinearClosed\n   * */\n  curve?: CurveFactory;\n  /**\n   * Sets the color of the entire polygon\n   * */\n  color?: string;\n  /**\n   * Sets the fill color\n   * */\n  fill?: string;\n}\n\nexport interface IRadialPolygonLineProps {\n  /**\n   * Sets the line color\n   * */\n  color?: string;\n}\n\nexport interface IRadialPolygonDotsProps {\n  /**\n   * Sets the dot color\n   * */\n  color?: string;\n}\n\nexport interface IRadarHoverProps extends IContext {}\n\ndeclare const Radar: (<T>(props: MapProps<IRadarProps & T>) => ReturnEl) & {\n  Axis: (<T>(props: MapProps<IRadarAxisProps & T>) => ReturnEl) & {\n    Ticks: <T>(props: MapProps<IRadarAxisTicksProps & T>) => ReturnEl;\n    Labels: <T>(props: MapProps<IRadarAxisLabelsProps & T>) => ReturnEl;\n  };\n  Polygon: (<T>(props: MapProps<IRadialPolygonProps & T>) => ReturnEl) & {\n    Line: <T>(props: MapProps<IRadialPolygonLineProps & T>) => ReturnEl;\n    Dots: <T>(props: MapProps<IRadialPolygonDotsProps & T>) => ReturnEl;\n  };\n  Hover: <T>(props: MapProps<IRadarHoverProps & T>) => ReturnEl;\n};\n\nexport default Radar;\n"],"mappings":""}

package/lib/types/types/Radar.d.ts

@@ -21,6 +21,12 @@ export interface IRadarProps extends IContext {
      * @default 12
      * */
     textSize?: number;
+    /**
+     * Base angle of chart rotation
+     * @default 0
+     * @example Math.PI/3
+     * */
+    angleOffset?: number;
 }
 export interface IRadarAxisProps extends IContext {
     /**
@@ -84,6 +90,6 @@ declare const Radar: (<T>(props: MapProps<IRadarProps & T>) => ReturnEl) & {
         Line: <T>(props: MapProps<IRadialPolygonLineProps & T>) => ReturnEl;
         Dots: <T>(props: MapProps<IRadialPolygonDotsProps & T>) => ReturnEl;
     };
-    Hover: (<T>(props: MapProps<IRadarHoverProps & T>) => ReturnEl);
+    Hover: <T>(props: MapProps<IRadarHoverProps & T>) => ReturnEl;
 };
 export default Radar;

package/package.json

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