@semcore/d3-chart 3.60.0 → 3.60.1

package/lib/es6/a11y/PlotA11yView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","DataAccessibilityTable","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleClose","useCallback","_plotRef$current","current","focus","handleSkip","event","_heavyFindNextFocusab","preventDefault","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    plotRef.current?.focus();\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role={'dialog'}\n      __excludeProps={['data']}\n    >\n      <button type={'button'} onClick={handleClose}>\n        {texts.close}\n      </button>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={'#'} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}
+{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","DataAccessibilityTable","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleClose","useCallback","_plotRef$current","current","focus","handleSkip","event","_heavyFindNextFocusab","preventDefault","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    plotRef.current?.focus();\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role={'dialog'}\n      __excludeProps={['data']}\n    >\n      <button type={'button'} onClick={handleClose}>\n        {texts.close}\n      </button>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={'#'} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -9,11 +9,13 @@ import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
-/*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_18uo4_gg_._direction_row_18uo4_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_18uo4_gg_._direction_column_18uo4_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "18uo4_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_18uo4_gg_",
-  "_direction_row": "_direction_row_18uo4_gg_",
-  "_direction_column": "_direction_column_18uo4_gg_"
+/*!__reshadow-styles__:"./legend-flex.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_v8y85_gg_._direction_row_v8y85_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_v8y85_gg_._direction_column_v8y85_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"v8y85_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLegendFlex": "___SLegendFlex_v8y85_gg_",
+  "_direction_row": "_direction_row_v8y85_gg_",
+  "_direction_column": "_direction_column_v8y85_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from '@semcore/divider';

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.js","names":["React","createComponent","sstyled","Root","Flex","style","_sstyled","insert","LegendItemComponent","Divider","Checkbox","BaseLegend","localizedMessages","i18nEnhance","LegendFlexRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread","_assignProps","map","_ref4","id","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme={'gray-400'}\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role={'group'}>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendFlex.js","names":["React","createComponent","sstyled","Root","Flex","style","_sstyled","insert","LegendItemComponent","Divider","Checkbox","BaseLegend","localizedMessages","i18nEnhance","LegendFlexRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread","_assignProps","map","_ref4","id","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme={'gray-400'}\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role={'group'}>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -18,24 +18,26 @@ import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Flex, Box } from '@semcore/flex-box';
 import Checkbox from '@semcore/checkbox';
 import { Text as TypographyText } from '@semcore/typography';
-/*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_y85ng_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_y85ng_gg_:hover{cursor:pointer}.___SLegendItem_y85ng_gg_.__disabled_y85ng_gg_:hover{cursor:default}}.___SPointShape_y85ng_gg_.__color_y85ng_gg_{background-color:var(--color_y85ng);margin-right:8px;flex-shrink:0}.___SPointShape_y85ng_gg_._shape_Circle_y85ng_gg_._size_l_y85ng_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_y85ng_gg_._shape_Circle_y85ng_gg_._size_m_y85ng_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_y85ng_gg_._shape_Line_y85ng_gg_._size_l_y85ng_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_y85ng_gg_._shape_Line_y85ng_gg_._size_m_y85ng_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_y85ng_gg_._shape_Square_y85ng_gg_._size_l_y85ng_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_y85ng_gg_._shape_Square_y85ng_gg_._size_m_y85ng_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_y85ng_gg_._shape_Pattern_y85ng_gg_{background-color:transparent;margin-right:4px}.___SIcon_y85ng_gg_{line-height:0;margin-right:4px}.___SIcon_y85ng_gg_._size_l_y85ng_gg_{margin-top:4px}.___SIcon_y85ng_gg_._size_m_y85ng_gg_{margin-top:2px}.___SLabel_y85ng_gg_{min-width:0}.___SAdditionalLabel_y85ng_gg_._size_l_y85ng_gg_,.___SCount_y85ng_gg_._size_l_y85ng_gg_,.___SLabel_y85ng_gg_._size_l_y85ng_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_y85ng_gg_._size_m_y85ng_gg_,.___SCount_y85ng_gg_._size_m_y85ng_gg_,.___SLabel_y85ng_gg_._size_m_y85ng_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_y85ng_gg_,.___SCount_y85ng_gg_{margin-left:4px}.___SAdditionalLabel_y85ng_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_y85ng_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_y85ng_gg_._size_l_y85ng_gg_::before{margin-top:10px}.___SAdditionalLabel_y85ng_gg_._size_m_y85ng_gg_::before{margin-top:8px}.___SPatternSymbol_y85ng_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "y85ng_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_y85ng_gg_",
-  "_disabled": "__disabled_y85ng_gg_",
-  "__SPointShape": "___SPointShape_y85ng_gg_",
-  "_color": "__color_y85ng_gg_",
-  "--color": "--color_y85ng",
-  "_shape_Circle": "_shape_Circle_y85ng_gg_",
-  "_size_l": "_size_l_y85ng_gg_",
-  "_size_m": "_size_m_y85ng_gg_",
-  "_shape_Line": "_shape_Line_y85ng_gg_",
-  "_shape_Square": "_shape_Square_y85ng_gg_",
-  "_shape_Pattern": "_shape_Pattern_y85ng_gg_",
-  "__SIcon": "___SIcon_y85ng_gg_",
-  "__SLabel": "___SLabel_y85ng_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_y85ng_gg_",
-  "__SCount": "___SCount_y85ng_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_y85ng_gg_"
+/*!__reshadow-styles__:"./legend-item.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1u2d7_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1u2d7_gg_:hover{cursor:pointer}.___SLegendItem_1u2d7_gg_.__disabled_1u2d7_gg_:hover{cursor:default}}.___SPointShape_1u2d7_gg_.__color_1u2d7_gg_{background-color:var(--color_1u2d7);margin-right:8px;flex-shrink:0}.___SPointShape_1u2d7_gg_._shape_Circle_1u2d7_gg_._size_l_1u2d7_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1u2d7_gg_._shape_Circle_1u2d7_gg_._size_m_1u2d7_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1u2d7_gg_._shape_Line_1u2d7_gg_._size_l_1u2d7_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1u2d7_gg_._shape_Line_1u2d7_gg_._size_m_1u2d7_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1u2d7_gg_._shape_Square_1u2d7_gg_._size_l_1u2d7_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1u2d7_gg_._shape_Square_1u2d7_gg_._size_m_1u2d7_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1u2d7_gg_._shape_Pattern_1u2d7_gg_{background-color:transparent;margin-right:4px}.___SIcon_1u2d7_gg_{line-height:0;margin-right:4px}.___SIcon_1u2d7_gg_._size_l_1u2d7_gg_{margin-top:4px}.___SIcon_1u2d7_gg_._size_m_1u2d7_gg_{margin-top:2px}.___SLabel_1u2d7_gg_{min-width:0}.___SAdditionalLabel_1u2d7_gg_._size_l_1u2d7_gg_,.___SCount_1u2d7_gg_._size_l_1u2d7_gg_,.___SLabel_1u2d7_gg_._size_l_1u2d7_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1u2d7_gg_._size_m_1u2d7_gg_,.___SCount_1u2d7_gg_._size_m_1u2d7_gg_,.___SLabel_1u2d7_gg_._size_m_1u2d7_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1u2d7_gg_,.___SCount_1u2d7_gg_{margin-left:4px}.___SAdditionalLabel_1u2d7_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1u2d7_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1u2d7_gg_._size_l_1u2d7_gg_::before{margin-top:10px}.___SAdditionalLabel_1u2d7_gg_._size_m_1u2d7_gg_::before{margin-top:8px}.___SPatternSymbol_1u2d7_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1u2d7_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLegendItem": "___SLegendItem_1u2d7_gg_",
+  "_disabled": "__disabled_1u2d7_gg_",
+  "__SPointShape": "___SPointShape_1u2d7_gg_",
+  "_color": "__color_1u2d7_gg_",
+  "--color": "--color_1u2d7",
+  "_shape_Circle": "_shape_Circle_1u2d7_gg_",
+  "_size_l": "_size_l_1u2d7_gg_",
+  "_size_m": "_size_m_1u2d7_gg_",
+  "_shape_Line": "_shape_Line_1u2d7_gg_",
+  "_shape_Square": "_shape_Square_1u2d7_gg_",
+  "_shape_Pattern": "_shape_Pattern_1u2d7_gg_",
+  "__SIcon": "___SIcon_1u2d7_gg_",
+  "__SLabel": "___SLabel_1u2d7_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1u2d7_gg_",
+  "__SCount": "___SCount_1u2d7_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1u2d7_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","uniqueIDEnhancement","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, {}, {}, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n    return {\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","uniqueIDEnhancement","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, {}, {}, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n    return {\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -10,13 +10,15 @@ import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-/*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_11w0m_gg_.__columns-count_11w0m_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_11w0m_gg_._size_l_11w0m_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_11w0m_gg_._size_m_11w0m_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "11w0m_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_11w0m_gg_",
-  "_columns-count": "__columns-count_11w0m_gg_",
-  "__SColumnItem": "___SColumnItem_11w0m_gg_",
-  "_size_l": "_size_l_11w0m_gg_",
-  "_size_m": "_size_m_11w0m_gg_"
+/*!__reshadow-styles__:"./legend-table.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1viv3_gg_.__columns-count_1viv3_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1viv3_gg_._size_l_1viv3_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1viv3_gg_._size_m_1viv3_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"1viv3_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLegendTable": "___SLegendTable_1viv3_gg_",
+  "_columns-count": "__columns-count_1viv3_gg_",
+  "__SColumnItem": "___SColumnItem_1viv3_gg_",
+  "_size_l": "_size_l_1viv3_gg_",
+  "_size_m": "_size_m_1viv3_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","LegendItemComponent","BaseLegend","LegendTableRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role={'group'}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendTable.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","LegendItemComponent","BaseLegend","LegendTableRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role={'group'}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}

package/lib/esm/AnimatedClipPath.mjs

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from "react";
+import createComponent, { Component } from "@semcore/core";
+import propsForElement from "@semcore/utils/lib/propsForElement";
+var _excluded = ["id", "transition", "tag", "style", "className"];
+var AnimatedClipPath = /* @__PURE__ */ function(_Component) {
+  _inherits(AnimatedClipPath2, _Component);
+  var _super = _createSuper(AnimatedClipPath2);
+  function AnimatedClipPath2() {
+    _classCallCheck(this, AnimatedClipPath2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(AnimatedClipPath2, [{
+    key: "render",
+    value: function render() {
+      var _this$asProps = this.asProps, id = _this$asProps.id;
+      _this$asProps.transition;
+      var Tag = _this$asProps.tag;
+      _this$asProps.style;
+      _this$asProps.className;
+      var other = _objectWithoutProperties(_this$asProps, _excluded);
+      var duration = typeof this.asProps.duration === "number" ? "".concat(this.asProps.duration, "ms") : this.asProps.duration;
+      return /* @__PURE__ */ React.createElement("clipPath", {
+        "aria-hidden": true,
+        ref: this.refClipPath,
+        id
+      }, /* @__PURE__ */ React.createElement("rect", {
+        x: 0,
+        y: 0,
+        width: "100%",
+        height: "100%"
+      }, /* @__PURE__ */ React.createElement("animate", _extends({
+        dur: duration
+      }, propsForElement(other, Tag)))));
+    }
+  }]);
+  return AnimatedClipPath2;
+}(Component);
+_defineProperty(AnimatedClipPath, "defaultProps", {
+  tag: "rect",
+  duration: 500,
+  attributeName: "width",
+  values: "0;100%"
+});
+const AnimatedClipPath$1 = createComponent(AnimatedClipPath);
+export {
+  AnimatedClipPath$1 as default
+};

package/lib/esm/Area.mjs

@@ -0,0 +1,189 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import React from "react";
+import { area, line, curveLinear } from "d3-shape";
+import { sstyled as sstyled$1, Component } from "@semcore/core";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import findComponent from "@semcore/utils/lib/findComponent";
+import Dots from "./Dots.mjs";
+import createElement from "./createElement.mjs";
+import { definedData, scaleOfBandwidth, interpolateValue, getNullData, definedNullData } from "./utils.mjs";
+import AnimatedClipPath from "./AnimatedClipPath.mjs";
+import { PatternFill } from "./Pattern.mjs";
+/*!__reshadow-styles__:"./style/area.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SArea_b639a_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_b639a_gg_.__color_b639a_gg_{fill:var(--color_b639a)}.___SArea_b639a_gg_.__pattern_b639a_gg_{fill:var(--pattern_b639a);fill-opacity:.7}.___SArea_b639a_gg_.__transparent_b639a_gg_{opacity:.3}.___SAreaLine_b639a_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_b639a_gg_.__color_b639a_gg_{stroke:var(--color_b639a)}.___SAreaLine_b639a_gg_.__transparent_b639a_gg_{opacity:.3}.___SAreaLine_b639a_gg_,.___SArea_b639a_gg_{transition-property:d;transition-duration:var(--duration_b639a);transition-timing-function:ease-in-out}.___SNull_b639a_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_b639a_gg_.__hide_b639a_gg_{display:none}",
+    /*__inner_css_end__*/
+    "b639a_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SArea": "___SArea_b639a_gg_",
+    "_color": "__color_b639a_gg_",
+    "--color": "--color_b639a",
+    "_pattern": "__pattern_b639a_gg_",
+    "--pattern": "--pattern_b639a",
+    "_transparent": "__transparent_b639a_gg_",
+    "__SAreaLine": "___SAreaLine_b639a_gg_",
+    "--duration": "--duration_b639a",
+    "__SNull": "___SNull_b639a_gg_",
+    "_hide": "__hide_b639a_gg_"
+  })
+);
+var AreaRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(AreaRoot2, _Component);
+  var _super = _createSuper(AreaRoot2);
+  function AreaRoot2() {
+    _classCallCheck(this, AreaRoot2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(AreaRoot2, [{
+    key: "getDotsProps",
+    value: function getDotsProps() {
+      var _this$asProps = this.asProps, x = _this$asProps.x, y = _this$asProps.y, color = _this$asProps.color, d3Line = _this$asProps.d3Line, transparent = _this$asProps.transparent, resolveColor = _this$asProps.resolveColor, patterns = _this$asProps.patterns;
+      var data = this.asProps.data.filter(function(item) {
+        return item[y] !== interpolateValue;
+      });
+      return {
+        x,
+        y,
+        data,
+        d3: d3Line,
+        color,
+        resolveColor,
+        transparent,
+        patterns
+      };
+    }
+  }, {
+    key: "getNullProps",
+    value: function getNullProps() {
+      var _this$asProps2 = this.asProps, x = _this$asProps2.x, y = _this$asProps2.y, color = _this$asProps2.color, resolveColor = _this$asProps2.resolveColor, d3Line = _this$asProps2.d3Line;
+      var data = this.asProps.data.filter(function(item) {
+        return item[y] !== interpolateValue;
+      });
+      return {
+        data: getNullData(data, definedNullData(x, y), y),
+        d3: d3Line,
+        color,
+        resolveColor
+      };
+    }
+  }, {
+    key: "getLineProps",
+    value: function getLineProps() {
+      var _this$asProps3 = this.asProps, duration = _this$asProps3.duration, color = _this$asProps3.color, resolveColor = _this$asProps3.resolveColor, data = _this$asProps3.data, d3Line = _this$asProps3.d3Line, uid = _this$asProps3.uid;
+      return {
+        uid,
+        data,
+        d3: d3Line,
+        color,
+        resolveColor,
+        duration
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref;
+      var SArea = this.Element;
+      var SAreaLine = "path";
+      var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, hide = _this$asProps4.hide, d3 = _this$asProps4.d3, d3Line = _this$asProps4.d3Line, color = _this$asProps4.color, uid = _this$asProps4.uid, size = _this$asProps4.size, duration = _this$asProps4.duration, x = _this$asProps4.x, y = _this$asProps4.y, Children = _this$asProps4.Children, transparent = _this$asProps4.transparent, forcedAdvancedMode = _this$asProps4.forcedAdvancedMode, resolveColor = _this$asProps4.resolveColor, patterns = _this$asProps4.patterns;
+      var advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);
+      var data = this.asProps.data.filter(function(item) {
+        return item[y] !== interpolateValue;
+      });
+      this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
+      this.asProps.dataHintsHandler.establishDataType("time-series");
+      return _ref = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, !advancedMode && /* @__PURE__ */ React.createElement(SAreaLine, _ref.cn("SAreaLine", {
+        "aria-hidden": true,
+        "clipPath": "url(#".concat(uid, "-animation)"),
+        "d": d3Line(data),
+        "color": resolveColor(color),
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
+      })), /* @__PURE__ */ React.createElement(SArea, _ref.cn("SArea", {
+        "aria-hidden": true,
+        "clipPath": "url(#".concat(uid, ")"),
+        "render": "path",
+        "d": d3(data),
+        "hide": hide,
+        "pattern": patterns ? "url(#".concat(uid, "-pattern)") : void 0,
+        "color": resolveColor(color),
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
+      })), duration && /* @__PURE__ */ React.createElement(AnimatedClipPath, _ref.cn("AnimatedClipPath", {
+        "duration": duration,
+        "id": uid,
+        "width": 0,
+        "height": size[1]
+      })), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref.cn("PatternFill", {
+        "id": "".concat(uid, "-pattern"),
+        "patternKey": color,
+        "color": resolveColor(color),
+        "patterns": patterns
+      })));
+    }
+  }]);
+  return AreaRoot2;
+}(Component);
+_defineProperty(AreaRoot, "displayName", "Area");
+_defineProperty(AreaRoot, "style", style);
+_defineProperty(AreaRoot, "enhance", [uniqueIDEnhancement()]);
+_defineProperty(AreaRoot, "defaultProps", function(_ref4) {
+  var x = _ref4.x, y = _ref4.y, y0 = _ref4.y0, $rootProps = _ref4.$rootProps, _ref4$curve = _ref4.curve, curve = _ref4$curve === void 0 ? curveLinear : _ref4$curve, scale = _ref4.scale;
+  var _ref5 = scale || $rootProps.scale, _ref6 = _slicedToArray(_ref5, 2), xScale = _ref6[0], yScale = _ref6[1];
+  var yRange = yScale.range();
+  return {
+    d3: area().defined(definedData(x, y)).curve(curve).x(function(p) {
+      return scaleOfBandwidth(xScale, p[x]);
+    }).y0(function(p) {
+      return p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0];
+    }).y1(function(p) {
+      return scaleOfBandwidth(yScale, p[y]);
+    }),
+    d3Line: line().defined(definedData(x, y)).curve(curve).x(function(p) {
+      return scaleOfBandwidth(xScale, p[x]);
+    }).y(function(p) {
+      return scaleOfBandwidth(yScale, p[y]);
+    }),
+    duration: 500
+  };
+});
+function Line(props) {
+  var _ref2;
+  var SAreaLine = props.Element, styles = props.styles, d3 = props.d3, data = props.data, color = props.color, resolveColor = props.resolveColor, duration = props.duration, uid = props.uid, transparent = props.transparent;
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAreaLine, _ref2.cn("SAreaLine", {
+    "render": "path",
+    "clipPath": "url(#".concat(uid, ")"),
+    "d": d3(data),
+    "color": resolveColor(color),
+    "use:duration": "".concat(duration, "ms"),
+    "transparent": transparent
+  }));
+}
+function Null(props) {
+  var _ref3;
+  var SNull = props.Element, styles = props.styles, d3 = props.d3, data = props.data, hide = props.hide, color = props.color, resolveColor = props.resolveColor;
+  return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SNull, _ref3.cn("SNull", {
+    "render": "path",
+    "d": d3(data),
+    "hide": hide,
+    "color": resolveColor(color)
+  }));
+}
+var Area = createElement(AreaRoot, {
+  Dots,
+  Null,
+  Line
+});
+export {
+  Area as default
+};