@semcore/d3-chart 3.9.0 → 3.10.0

package/lib/es6/a11y/PlotA11yModule.js

@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_48pyq_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_48pyq_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "48pyq_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_48pyq_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_w59g6_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_w59g6_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "w59g6_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_w59g6_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -13,9 +13,9 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_cr7x6_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_cr7x6_gg_.__focus-within_cr7x6_gg_,.___SPlotA11yView_cr7x6_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_cr7x6_gg_:focus,.___SPlotA11yView_cr7x6_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_cr7x6_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_cr7x6_gg_ table,.___SPlotA11yView_cr7x6_gg_ td,.___SPlotA11yView_cr7x6_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "cr7x6_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_cr7x6_gg_",
-  "_focus-within": "__focus-within_cr7x6_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1l74d_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_1l74d_gg_.__focus-within_1l74d_gg_,.___SPlotA11yView_1l74d_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_1l74d_gg_:focus,.___SPlotA11yView_1l74d_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_1l74d_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1l74d_gg_ table,.___SPlotA11yView_1l74d_gg_ td,.___SPlotA11yView_1l74d_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1l74d_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_1l74d_gg_",
+  "_focus-within": "__focus-within_1l74d_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

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

@@ -9,7 +9,7 @@ SDots {
 SDot {
   stroke-width: 2px;
   stroke: var(--intergalactic-chart-grid-border, #ffffff);
-  r: 6px;
+  r: var(--radius);
   fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
   transition-property: cx, cy;
   transition-timing-function: ease-in-out;
@@ -20,7 +20,7 @@ SDot[hide] {
 }
 
 SDot[active] {
-  r: 8px;
+  r: calc(var(--radius) * 8/6);
 }
 
 SDot[color] {
@@ -29,4 +29,4 @@ SDot[color] {
 
 SDot[transparent] {
   opacity: 0.3;
-}
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { IntergalacticD3Component } from './Plot';\nimport { Context } from './context';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IXAxisProps extends XAxisProps, UnknownProperties {}\nexport type XAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'button' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default false */\n  hide?: boolean;\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IYAxisProps extends YAxisProps, UnknownProperties {}\nexport type YAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'left' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default true */\n  hide?: boolean;\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTicksProps extends AxisTicksProps, UnknownProperties {}\nexport type AxisTicksProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  /** Element hide property */\n  hide?: boolean;\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisGridProps extends AxisGridProps, UnknownProperties {}\nexport type AxisGridProps = Context & {\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTitleProps extends AxisTitleProps, UnknownProperties {}\nexport type AxisTitleProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n\n  /** For vertical titles disables characters rotation while puts\n   * characters into the vertical column for better reading in some languages.\n   * @default true for `zh` and `ja` locales and false for all others.\n   */\n  verticalWritingMode?: boolean;\n};\n\n/** @deprecated */\nexport interface IAxisTicksContext extends AxisTicksContext, UnknownProperties {}\nexport type AxisTicksContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value: any;\n  /** Index element of data */\n  index: number;\n};\n\ndeclare const XAxis: IntergalacticD3Component<'path', XAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\ndeclare const YAxis: IntergalacticD3Component<'path', YAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}
+{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { IntergalacticD3Component } from './Plot';\nimport { Context } from './context';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IXAxisProps extends XAxisProps, UnknownProperties {}\nexport type XAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'button' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default false */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IYAxisProps extends YAxisProps, UnknownProperties {}\nexport type YAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'left' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default true */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTicksProps extends AxisTicksProps, UnknownProperties {}\nexport type AxisTicksProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  /** Element hide property */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisGridProps extends AxisGridProps, UnknownProperties {}\nexport type AxisGridProps = Context & {\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTitleProps extends AxisTitleProps, UnknownProperties {}\nexport type AxisTitleProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n\n  /** For vertical titles disables characters rotation while puts\n   * characters into the vertical column for better reading in some languages.\n   * @default true for `zh` and `ja` locales and false for all others.\n   */\n  verticalWritingMode?: boolean;\n};\n\n/** @deprecated */\nexport interface IAxisTicksContext extends AxisTicksContext, UnknownProperties {}\nexport type AxisTicksContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value: any;\n  /** Index element of data */\n  index: number;\n};\n\ndeclare const XAxis: IntergalacticD3Component<'path', XAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\ndeclare const YAxis: IntergalacticD3Component<'path', YAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  FadeInOutProps & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n};\n\nexport default Line;\n"],"mappings":""}
+{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  FadeInOutProps & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n};\n\nexport default Line;\n"],"mappings":""}

package/lib/types/Axis.d.ts

@@ -12,7 +12,6 @@ export type XAxisProps = Context & {
    * @default false */
   hide?: boolean;
   /** Values for axis ticks */
-  /** @deprecated */
   ticks?: any[];
 };
 
@@ -26,7 +25,6 @@ export type YAxisProps = Context & {
    * @default true */
   hide?: boolean;
   /** Values for axis ticks */
-  /** @deprecated */
   ticks?: any[];
 };
 
@@ -38,7 +36,6 @@ export type AxisTicksProps = Context & {
   /** Element hide property */
   hide?: boolean;
   /** Values for axis ticks */
-  /** @deprecated */
   ticks?: any[];
 };
 
@@ -46,7 +43,6 @@ export type AxisTicksProps = Context & {
 export interface IAxisGridProps extends AxisGridProps, UnknownProperties {}
 export type AxisGridProps = Context & {
   /** Values for axis ticks */
-  /** @deprecated */
   ticks?: any[];
 };
 

package/lib/types/Line.d.ts

@@ -36,6 +36,10 @@ export type LineDotsProps = Context &
     hide?: boolean;
     /** Index active of element */
     activeIndex?: number;
+    /** Dot radius, radius of active dot is 4/3 times larger
+     * @default 6
+     */
+    radius?: number;
   };
 
 /** @deprecated */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -10,7 +10,8 @@
   "license": "MIT",
   "exports": {
     "require": "./lib/cjs/index.js",
-    "import": "./lib/es6/index.js"
+    "import": "./lib/es6/index.js",
+    "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",