@redsift/charts 11.6.0-muiv5-alpha.10 → 11.6.0-muiv5-alpha.11

package/packages/charts/src/components/Dot/_internal/Dot2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot2.js","sources":["../../../../../../../src/components/Dot/Dot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Theme, useTheme } from '@redsift/design-system';\n\nimport { DotProps, DotVariant } from './types';\nimport { StyledDot } from './styles';\nimport { monochrome } from '../../scheme';\nimport { DotDatum } from '../../types';\n\nconst COMPONENT_NAME = 'Dot';\nconst CLASSNAME = 'redsift-dot';\n\nexport const Dot: Comp<DotProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n  const {\n    className,\n    labelDecorator = (datum: DotDatum) => {\n      return datum.data.key[2] !== undefined && datum.data.key[2] !== null\n        ? datum.data.key[2]\n        : `${datum.data.key[0]},${datum.data.key[1]}`;\n    },\n    scaleX,\n    scaleY,\n    variant = DotVariant.plain,\n    children,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme();\n\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  return (\n    <StyledDot\n      labelDecorator={labelDecorator}\n      {...forwardedProps}\n      ref={ref}\n      className={classNames(Dot.className, className)}\n      $clickable={Boolean(onClick)}\n      $variant={variant}\n      $theme={theme}\n    >\n      <circle\n        cx={scaleX(data.x as any)}\n        cy={scaleY(data.y as any)}\n        r={data.r}\n        fill={\n          variant === DotVariant.hollow\n            ? `var(--redsift-color-neutral-${theme === Theme.light ? 'white' : 'x-dark-grey'})`\n            : isDeselected\n            ? 'var(--redsift-color-neutral-light-grey)'\n            : color\n        }\n        stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n        strokeWidth={variant === DotVariant.hollow ? '2' : '0'}\n      />\n      {children}\n    </StyledDot>\n  );\n});\nDot.className = CLASSNAME;\nDot.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Dot","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","labelDecorator","datum","key","undefined","scaleX","scaleY","variant","DotVariant","plain","children","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isSelectable","isDeselected","React","createElement","StyledDot","_extends","classNames","$clickable","Boolean","$variant","$theme","cx","x","cy","y","r","fill","hollow","Theme","light","stroke","strokeWidth","displayName"],"mappings":";;;;;;;;;AAUA,MAAMA,cAAc,GAAG,KAAK,CAAA;AAC5B,MAAMC,SAAS,GAAG,aAAa,CAAA;AAExB,MAAMC,GAAgC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;AAAEC,IAAAA,KAAK,GAAGC,UAAU;IAAEC,IAAI;AAAEC,IAAAA,UAAU,EAAEC,eAAe;IAAEC,OAAO;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGR,KAAK,CAAA;EAEtF,MAAM;MACJS,SAAS;MACTC,cAAc,GAAIC,KAAe,IAAK;QACpC,OAAOA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,KAAKC,SAAS,IAAIF,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,GAChED,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,GAChB,CAAED,EAAAA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAE,CAAGD,CAAAA,EAAAA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAE,CAAC,CAAA,CAAA;OAChD;MACDE,MAAM;MACNC,MAAM;MACNC,OAAO,GAAGC,UAAU,CAACC,KAAK;AAC1BC,MAAAA,QAAAA;AAEF,KAAC,GAAGnB,KAAK;AADJoB,IAAAA,cAAc,GAAAC,wBAAA,CACfrB,KAAK,EAAAsB,SAAA,CAAA,CAAA;AAET,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,YAAY,GAAGjB,IAAI,KAAK,QAAQ,CAAA;AACtC,EAAA,MAAMkB,YAAY,GAAGD,YAAY,IAAInB,eAAe,KAAK,KAAK,CAAA;AAE9D,EAAA,oBACEqB,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACRpB,IAAAA,cAAc,EAAEA,cAAAA;AAAe,GAAA,EAC3BU,cAAc,EAAA;AAClBnB,IAAAA,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEsB,UAAU,CAACjC,GAAG,CAACW,SAAS,EAAEA,SAAS,CAAE;AAChDuB,IAAAA,UAAU,EAAEC,OAAO,CAAC1B,OAAO,CAAE;AAC7B2B,IAAAA,QAAQ,EAAElB,OAAQ;AAClBmB,IAAAA,MAAM,EAAEZ,KAAAA;GAERI,CAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACEQ,IAAAA,EAAE,EAAEtB,MAAM,CAACV,IAAI,CAACiC,CAAQ,CAAE;AAC1BC,IAAAA,EAAE,EAAEvB,MAAM,CAACX,IAAI,CAACmC,CAAQ,CAAE;IAC1BC,CAAC,EAAEpC,IAAI,CAACoC,CAAE;IACVC,IAAI,EACFzB,OAAO,KAAKC,UAAU,CAACyB,MAAM,GACxB,CAA8BnB,4BAAAA,EAAAA,KAAK,KAAKoB,KAAK,CAACC,KAAK,GAAG,OAAO,GAAG,aAAc,CAAA,CAAA,CAAE,GACjFlB,YAAY,GACZ,yCAAyC,GACzCxB,KACL;AACD2C,IAAAA,MAAM,EAAEnB,YAAY,GAAG,yCAAyC,GAAGxB,KAAM;IACzE4C,WAAW,EAAE9B,OAAO,KAAKC,UAAU,CAACyB,MAAM,GAAG,GAAG,GAAG,GAAA;GACpD,CAAC,EACDvB,QACQ,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFrB,GAAG,CAACW,SAAS,GAAGZ,SAAS,CAAA;AACzBC,GAAG,CAACiD,WAAW,GAAGnD,cAAc;;;;"}

package/packages/charts/src/components/Dot/_internal/styles.js

@@ -0,0 +1,49 @@
+import styled, { css } from 'styled-components';
+import { DotVariant } from './types.js';
+import { DataPoint } from '../../DataPoint/_internal/DataPoint2.js';
+
+/**
+ * Component style.
+ */
+const StyledDot = styled(DataPoint)`
+  text {
+    user-select: none;
+  }
+
+  ${_ref => {
+  let {
+    $variant
+  } = _ref;
+  return css`
+    circle {
+      fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};
+    }
+  `;
+}}
+
+  ${_ref2 => {
+  let {
+    $clickable
+  } = _ref2;
+  return $clickable ? css`
+          cursor: pointer;
+
+          &:hover,
+          &:focus {
+            opacity: 0.5;
+            outline: none;
+          }
+
+          &:focus-visible {
+            circle {
+              stroke: var(--redsift-color-primary-n);
+              stroke-width: 4px;
+              paint-order: stroke;
+            }
+          }
+        ` : '';
+}}}
+`;
+
+export { StyledDot };
+//# sourceMappingURL=styles.js.map

package/packages/charts/src/components/Dot/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/Dot/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { DotVariant, StyledDotProps } from './types';\nimport { DataPoint } from '../DataPoint';\n\n/**\n * Component style.\n */\nexport const StyledDot = styled(DataPoint)<StyledDotProps>`\n  text {\n    user-select: none;\n  }\n\n  ${({ $variant }) => css`\n    circle {\n      fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};\n    }\n  `}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus {\n            opacity: 0.5;\n            outline: none;\n          }\n\n          &:focus-visible {\n            circle {\n              stroke: var(--redsift-color-primary-n);\n              stroke-width: 4px;\n              paint-order: stroke;\n            }\n          }\n        `\n      : ''}}\n`;\n"],"names":["StyledDot","styled","DataPoint","_ref","$variant","css","DotVariant","hollow","_ref2","$clickable"],"mappings":";;;;AAIA;AACA;AACA;MACaA,SAAS,GAAGC,MAAM,CAACC,SAAS,CAAkB,CAAA;AAC3D;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B;AACA,oBAAsBD,EAAAA,QAAQ,KAAKE,UAAU,CAACC,MAAM,GAAG,CAAC,GAAG,GAAI,CAAA;AAC/D;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;EAAA,OACfC,UAAU,GACNJ,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}

package/packages/charts/src/components/Dot/_internal/types.js

@@ -0,0 +1,14 @@
+/**
+ * Component's variant.
+ */
+const DotVariant = {
+  plain: 'plain',
+  hollow: 'hollow'
+};
+
+/**
+ * Component props.
+ */
+
+export { DotVariant };
+//# sourceMappingURL=types.js.map

package/packages/charts/src/components/Dot/_internal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Dot/types.ts"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear, ScaleTime as d3ScaleTime, ScalePoint as d3ScalePoint } from 'd3';\nimport { DotDatum } from '../../types';\nimport { DataPointProps, StyledDataPointProps } from '../DataPoint';\nimport { Theme, ValueOf } from '@redsift/design-system';\n\n/**\n * Component's variant.\n */\nexport const DotVariant = {\n  plain: 'plain',\n  hollow: 'hollow',\n} as const;\nexport type DotVariant = ValueOf<typeof DotVariant>;\n\n/**\n * Component props.\n */\nexport interface DotProps extends DataPointProps<DotDatum> {\n  /** A scale defined over a numeric/time/ordinal domain used to determine the x position based on the coordinates. */\n  scaleX: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n  /** A linear continuous scale defined over a numeric domain used to determine the y position based on the coordinates. */\n  scaleY: d3ScaleLinear<number, number, never>;\n  /** Variant. */\n  variant?: DotVariant;\n}\n\nexport type StyledDotProps = StyledDataPointProps &\n  Omit<DotProps, 'scaleX' | 'scaleY'> & {\n    $variant: DotProps['variant'];\n    $theme: Theme;\n  };\n"],"names":["DotVariant","plain","hollow"],"mappings":"AAKA;AACA;AACA;AACO,MAAMA,UAAU,GAAG;AACxBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAGV;AACA;AACA;;;;"}

package/packages/charts/src/components/Legend/_internal/Legend.js

@@ -0,0 +1,3 @@
+export { Legend } from './Legend2.js';
+export { StyledLegend } from './styles.js';
+//# sourceMappingURL=Legend.js.map

package/{_internal → packages/charts/src/components/Legend/_internal}/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Legend.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{_internal/Legend3.js → packages/charts/src/components/Legend/_internal/Legend2.js}

@@ -1,21 +1,10 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { sum } from 'd3';
-import styled from 'styled-components';
-import { baseContainer } from '@redsift/design-system';
-import { L as LegendVariant } from './legend2.js';
-import { L as LegendItem } from './LegendItem2.js';
-
-/**
- * Component style.
- */
-const StyledLegend = styled.ul`
-  display: flex;
-  flex-direction: column;
-
-  ${baseContainer}
-`;
+import { StyledLegend } from './styles.js';
+import { LegendItem } from '../../LegendItem/_internal/LegendItem2.js';
+import { LegendVariant } from '../../../types/_internal/legend.js';
 
 const _excluded = ["children", "className", "data", "isLegendItemSelected", "labelDecorator", "legendDecorator", "legendItemRole", "onLegendItemClick", "variant", "width"],
   _excluded2 = ["color"];
@@ -80,5 +69,5 @@ const Legend = /*#__PURE__*/forwardRef((props, ref) => {
 Legend.className = CLASSNAME;
 Legend.displayName = COMPONENT_NAME;
 
-export { Legend as L, StyledLegend as S };
-//# sourceMappingURL=Legend3.js.map
+export { Legend };
+//# sourceMappingURL=Legend2.js.map

package/packages/charts/src/components/Legend/_internal/Legend2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend2.js","sources":["../../../../../../../src/components/Legend/Legend.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { sum as d3sum } from 'd3';\n\nimport { Comp } from '@redsift/design-system';\n\nimport { LegendProps } from './types';\nimport { StyledLegend } from './styles';\nimport { LegendVariant } from '../../types';\nimport { LegendItem } from '../LegendItem';\n\nconst COMPONENT_NAME = 'Legend';\nconst CLASSNAME = 'redsift-chart-legend';\n\nexport const Legend: Comp<LegendProps, HTMLUListElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    data,\n    isLegendItemSelected = () => true,\n    labelDecorator,\n    legendDecorator,\n    legendItemRole,\n    onLegendItemClick,\n    variant = LegendVariant.label,\n    width,\n    ...forwardedProps\n  } = props;\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  const total = d3sum(data, (d) => d.value);\n\n  if (children) {\n    const renderedChildren = typeof children === 'function' ? children(data, total) : children;\n\n    return (\n      <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref}>\n        {renderedChildren}\n      </StyledLegend>\n    );\n  }\n\n  return (\n    <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref} $width={width}>\n      {data.map(({ color, ...datum }, index) => (\n        <LegendItem\n          data={{ data: { ...datum, percent: datum.percent ?? datum.value / total } }}\n          dataset={data}\n          color={color}\n          variant={variant}\n          index={index}\n          isSelected={Boolean(isLegendItemSelected!({ data: datum }))}\n          key={`legend-item _${index}`}\n          labelDecorator={labelDecorator}\n          legendDecorator={legendDecorator}\n          onClick={onLegendItemClick}\n          role={legendItemRole}\n        />\n      ))}\n    </StyledLegend>\n  );\n});\nLegend.className = CLASSNAME;\nLegend.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Legend","forwardRef","props","ref","children","className","data","isLegendItemSelected","labelDecorator","legendDecorator","legendItemRole","onLegendItemClick","variant","LegendVariant","label","width","forwardedProps","_objectWithoutProperties","_excluded","length","total","d3sum","d","value","renderedChildren","React","createElement","StyledLegend","_extends","classNames","$width","map","_ref","index","_datum$percent","color","datum","_excluded2","LegendItem","_objectSpread","percent","dataset","isSelected","Boolean","key","onClick","role","displayName"],"mappings":";;;;;;;;;;AAWA,MAAMA,cAAc,GAAG,QAAQ,CAAA;AAC/B,MAAMC,SAAS,GAAG,sBAAsB,CAAA;AAEjC,MAAMC,MAA2C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,IAAI;MACJC,oBAAoB,GAAGA,MAAM,IAAI;MACjCC,cAAc;MACdC,eAAe;MACfC,cAAc;MACdC,iBAAiB;MACjBC,OAAO,GAAGC,aAAa,CAACC,KAAK;AAC7BC,MAAAA,KAAAA;AAEF,KAAC,GAAGb,KAAK;AADJc,IAAAA,cAAc,GAAAC,wBAAA,CACff,KAAK,EAAAgB,SAAA,CAAA,CAAA;EAET,IAAI,CAACZ,IAAI,IAAIA,IAAI,CAACa,MAAM,KAAK,CAAC,EAAE;AAC9B,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,MAAMC,KAAK,GAAGC,GAAK,CAACf,IAAI,EAAGgB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAAC,CAAA;AAEzC,EAAA,IAAInB,QAAQ,EAAE;AACZ,IAAA,MAAMoB,gBAAgB,GAAG,OAAOpB,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAACE,IAAI,EAAEc,KAAK,CAAC,GAAGhB,QAAQ,CAAA;IAE1F,oBACEqB,cAAA,CAAAC,aAAA,CAACC,YAAY,EAAAC,QAAA,KAAKZ,cAAc,EAAA;MAAEX,SAAS,EAAEwB,UAAU,CAAC7B,MAAM,CAACK,SAAS,EAAEA,SAAS,CAAE;AAACF,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAA,EAC5FqB,gBACW,CAAC,CAAA;AAEnB,GAAA;EAEA,oBACEC,cAAA,CAAAC,aAAA,CAACC,YAAY,EAAAC,QAAA,KAAKZ,cAAc,EAAA;IAAEX,SAAS,EAAEwB,UAAU,CAAC7B,MAAM,CAACK,SAAS,EAAEA,SAAS,CAAE;AAACF,IAAAA,GAAG,EAAEA,GAAI;AAAC2B,IAAAA,MAAM,EAAEf,KAAAA;AAAM,GAAA,CAAA,EAC3GT,IAAI,CAACyB,GAAG,CAAC,CAAAC,IAAA,EAAsBC,KAAK,KAAA;AAAA,IAAA,IAAAC,cAAA,CAAA;IAAA,IAA1B;AAAEC,QAAAA,KAAAA;AAAgB,OAAC,GAAAH,IAAA;AAAPI,MAAAA,KAAK,GAAAnB,wBAAA,CAAAe,IAAA,EAAAK,UAAA,CAAA,CAAA;AAAA,IAAA,oBAC1BZ,cAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AACThC,MAAAA,IAAI,EAAE;AAAEA,QAAAA,IAAI,EAAAiC,cAAA,CAAAA,cAAA,KAAOH,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEI,UAAAA,OAAO,EAAAN,CAAAA,cAAA,GAAEE,KAAK,CAACI,OAAO,MAAA,IAAA,IAAAN,cAAA,KAAA,KAAA,CAAA,GAAAA,cAAA,GAAIE,KAAK,CAACb,KAAK,GAAGH,KAAAA;AAAK,SAAA,CAAA;OAAK;AAC5EqB,MAAAA,OAAO,EAAEnC,IAAK;AACd6B,MAAAA,KAAK,EAAEA,KAAM;AACbvB,MAAAA,OAAO,EAAEA,OAAQ;AACjBqB,MAAAA,KAAK,EAAEA,KAAM;AACbS,MAAAA,UAAU,EAAEC,OAAO,CAACpC,oBAAoB,CAAE;AAAED,QAAAA,IAAI,EAAE8B,KAAAA;AAAM,OAAC,CAAC,CAAE;MAC5DQ,GAAG,EAAG,CAAeX,aAAAA,EAAAA,KAAM,CAAE,CAAA;AAC7BzB,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,eAAe,EAAEA,eAAgB;AACjCoC,MAAAA,OAAO,EAAElC,iBAAkB;AAC3BmC,MAAAA,IAAI,EAAEpC,cAAAA;AAAe,KACtB,CAAC,CAAA;AAAA,GACH,CACW,CAAC,CAAA;AAEnB,CAAC,EAAC;AACFV,MAAM,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC5BC,MAAM,CAAC+C,WAAW,GAAGjD,cAAc;;;;"}

package/packages/charts/src/components/Legend/_internal/styles.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { baseContainer } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledLegend = styled.ul`
+  display: flex;
+  flex-direction: column;
+
+  ${baseContainer}
+`;
+
+export { StyledLegend };
+//# sourceMappingURL=styles.js.map

package/packages/charts/src/components/Legend/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/Legend/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLegendProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegend = styled.ul<StyledLegendProps>`\n  display: flex;\n  flex-direction: column;\n\n  ${baseContainer}\n`;\n"],"names":["StyledLegend","styled","ul","baseContainer"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,EAAsB,CAAA;AACzD;AACA;AACA;AACA,EAAA,EAAIC,aAAc,CAAA;AAClB;;;;"}

package/packages/charts/src/components/LegendItem/_internal/LegendItem.js

@@ -0,0 +1,3 @@
+export { LegendItem } from './LegendItem2.js';
+export { StyledLegendItem } from './styles.js';
+//# sourceMappingURL=LegendItem.js.map

package/{_internal → packages/charts/src/components/LegendItem/_internal}/LegendItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"LegendItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{_internal → packages/charts/src/components/LegendItem/_internal}/LegendItem2.js

@@ -1,67 +1,10 @@
-import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
-import { Theme, useTheme, useId, Number, Text } from '@redsift/design-system';
-import styled, { css } from 'styled-components';
-import { L as LegendVariant } from './legend2.js';
-import { m as monochrome } from './scheme.js';
-
-/**
- * Component style.
- */
-const StyledLegendItem = styled.li`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: var(--redsift-typography-caption-font-size);
-
-  ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return css`
-    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
-  `;
-}}
-
-  ${_ref2 => {
-  let {
-    $variant,
-    color
-  } = _ref2;
-  return $variant !== LegendVariant.custom ? css`
-          > div {
-            height: 16px;
-            width: 16px;
-            min-width: 16px;
-            background-color: ${color};
-          }
-        ` : '';
-}}}
-
-  ${_ref3 => {
-  let {
-    $clickable
-  } = _ref3;
-  return $clickable ? css`
-          cursor: pointer;
-
-          &:hover,
-          &:focus {
-            outline: none;
-            > div {
-              opacity: 0.7;
-            }
-          }
-
-          &:focus-visible {
-            > div {
-              outline: 4px solid var(--redsift-color-primary-n);
-            }
-          }
-        ` : '';
-}}}
-`;
+import { useTheme, useId, Number, Text } from '@redsift/design-system';
+import { StyledLegendItem } from './styles.js';
+import { monochrome } from '../../../_internal/scheme.js';
+import { LegendVariant } from '../../../types/_internal/legend.js';
 
 const _excluded = ["className", "color", "data", "dataset", "id", "variant"];
 const COMPONENT_NAME = 'LegendItem';
@@ -149,5 +92,5 @@ const LegendItem = /*#__PURE__*/forwardRef((props, ref) => {
 LegendItem.className = CLASSNAME;
 LegendItem.displayName = COMPONENT_NAME;
 
-export { LegendItem as L, StyledLegendItem as S };
+export { LegendItem };
 //# sourceMappingURL=LegendItem2.js.map

package/packages/charts/src/components/LegendItem/_internal/LegendItem2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem2.js","sources":["../../../../../../../src/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { KeyboardEventHandler, forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\n\nimport { LegendItemProps } from './types';\nimport { StyledLegendItem } from './styles';\nimport { monochrome } from '../../scheme';\nimport { LegendVariant } from '../../types';\n\nconst COMPONENT_NAME = 'LegendItem';\nconst CLASSNAME = 'redsift-legend-item';\n\nexport const LegendItem: Comp<LegendItemProps, HTMLLIElement> = forwardRef((props, ref) => {\n  const { index = 0, isSelected: propsIsSelected, labelDecorator, legendDecorator, onClick, role } = props;\n\n  const { className, color = monochrome, data, dataset, id: propsId, variant, ...forwardedProps } = props;\n\n  const theme = useTheme();\n\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const isLegendCustom = variant === LegendVariant.custom && legendDecorator;\n  const text = labelDecorator ? labelDecorator(data, { index, isSelected: propsIsSelected, color }) : data.data.key;\n  const isEmpty = data.data.value === 0;\n\n  const isSelectable = role === 'option';\n  const isSelected = isSelectable && propsIsSelected === true;\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const onKeyDown: KeyboardEventHandler<HTMLLIElement> = (event) => {\n    if (onClick) {\n      event.stopPropagation();\n\n      if (event.code === 'Enter' || event.code === 'Space') {\n        event.preventDefault();\n        onClick(data, dataset);\n      }\n    }\n  };\n\n  return (\n    <StyledLegendItem\n      {...forwardedProps}\n      className={classNames(LegendItem.className, className, `_${index}`, {\n        selected: isSelected,\n        deselected: isDeselected,\n      })}\n      color={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n      ref={ref}\n      aria-labelledby={!isEmpty ? `${id}-title` : undefined}\n      aria-selected={isSelected ? true : isDeselected ? false : undefined}\n      id={id}\n      onClick={onClick ? () => onClick(data, dataset) : undefined}\n      onKeyDown={onClick ? (e) => onKeyDown(e) : undefined}\n      role={role ? role : onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      $clickable={Boolean(onClick)}\n      $variant={variant}\n      $theme={theme}\n    >\n      {isLegendCustom ? (\n        legendDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n      ) : (\n        <>\n          <div />\n          {typeof text === 'string' ? (\n            variant === LegendVariant.value ? (\n              <>\n                <Number as=\"b\" maximumFractionDigits={2} value={data.data.value} variant=\"inherit\" />\n                <Text variant=\"caption\">{text}</Text>\n              </>\n            ) : variant === LegendVariant.percent && data.data.percent ? (\n              <>\n                <Number as=\"b\" maximumFractionDigits={2} type=\"percent\" value={data.data.percent} variant=\"inherit\" />\n                <Text variant=\"caption\">{text}</Text>\n              </>\n            ) : (\n              <Text variant=\"caption\">{text}</Text>\n            )\n          ) : (\n            <>{text}</>\n          )}\n        </>\n      )}\n    </StyledLegendItem>\n  );\n});\nLegendItem.className = CLASSNAME;\nLegendItem.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","LegendItem","forwardRef","props","ref","index","isSelected","propsIsSelected","labelDecorator","legendDecorator","onClick","role","className","color","monochrome","data","dataset","id","propsId","variant","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","_id","useId","isLegendCustom","LegendVariant","custom","text","key","isEmpty","value","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","React","createElement","StyledLegendItem","_extends","classNames","selected","deselected","undefined","e","tabIndex","$clickable","Boolean","$variant","$theme","Fragment","Number","as","maximumFractionDigits","Text","percent","type","displayName"],"mappings":"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"}

package/packages/charts/src/components/LegendItem/_internal/styles.js

@@ -0,0 +1,63 @@
+import styled, { css } from 'styled-components';
+import { Theme } from '@redsift/design-system';
+import { LegendVariant } from '../../../types/_internal/legend.js';
+
+/**
+ * Component style.
+ */
+const StyledLegendItem = styled.li`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: var(--redsift-typography-caption-font-size);
+
+  ${_ref => {
+  let {
+    $theme
+  } = _ref;
+  return css`
+    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+  `;
+}}
+
+  ${_ref2 => {
+  let {
+    $variant,
+    color
+  } = _ref2;
+  return $variant !== LegendVariant.custom ? css`
+          > div {
+            height: 16px;
+            width: 16px;
+            min-width: 16px;
+            background-color: ${color};
+          }
+        ` : '';
+}}}
+
+  ${_ref3 => {
+  let {
+    $clickable
+  } = _ref3;
+  return $clickable ? css`
+          cursor: pointer;
+
+          &:hover,
+          &:focus {
+            outline: none;
+            > div {
+              opacity: 0.7;
+            }
+          }
+
+          &:focus-visible {
+            > div {
+              outline: 4px solid var(--redsift-color-primary-n);
+            }
+          }
+        ` : '';
+}}}
+`;
+
+export { StyledLegendItem };
+//# sourceMappingURL=styles.js.map

package/packages/charts/src/components/LegendItem/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/LegendItem/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledLegendItemProps } from './types';\nimport { LegendVariant } from '@redsift/charts/types';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegendItem = styled.li<StyledLegendItemProps>`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--redsift-typography-caption-font-size);\n\n  ${({ $theme }) => css`\n    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n  `}\n\n  ${({ $variant, color }) =>\n    $variant !== LegendVariant.custom\n      ? css`\n          > div {\n            height: 16px;\n            width: 16px;\n            min-width: 16px;\n            background-color: ${color};\n          }\n        `\n      : ''}}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus {\n            outline: none;\n            > div {\n              opacity: 0.7;\n            }\n          }\n\n          &:focus-visible {\n            > div {\n              outline: 4px solid var(--redsift-color-primary-n);\n            }\n          }\n        `\n      : ''}}\n`;\n"],"names":["StyledLegendItem","styled","li","_ref","$theme","css","Theme","dark","_ref2","$variant","color","LegendVariant","custom","_ref3","$clickable"],"mappings":";;;;AAKA;AACA;AACA;AACaA,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,EAA0B,CAAA;AACjE;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AACxB,uCAAyCD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AACzF,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAF,KAAA,CAAA;AAAA,EAAA,OACpBC,QAAQ,KAAKE,aAAa,CAACC,MAAM,GAC7BP,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA,8BAAA,EAAgCK,KAAM,CAAA;AACtC;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA,EAAA,EAAIG,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;EAAA,OACfC,UAAU,GACNT,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}

package/packages/charts/src/components/Line/_internal/Line.js

@@ -0,0 +1,3 @@
+export { Line } from './Line2.js';
+export { StyledLine } from './styles.js';
+//# sourceMappingURL=Line.js.map

package/{_internal → packages/charts/src/components/Line/_internal}/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Line.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{_internal → packages/charts/src/components/Line/_internal}/Line2.js

@@ -1,16 +1,12 @@
-import { _ as _objectWithoutProperties, b as _objectSpread2, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
-import { J, i as it } from '../index2.js';
+import { a as it } from '../../../../../../node_modules/@react-spring/web/dist/esm/index.js';
 import { interpolate } from 'd3';
-import styled from 'styled-components';
-import { m as monochrome } from './scheme.js';
-import { c as config } from './config.js';
-
-/**
- * Component style.
- */
-const StyledLine = styled('g')``;
+import { StyledLine } from './styles.js';
+import { monochrome } from '../../../_internal/scheme.js';
+import { config } from '../../../_internal/config.js';
+import { useSpring as J } from '../../../../../../node_modules/@react-spring/core/dist/esm/index.js';
 
 const _excluded = ["className", "createLine", "disableAnimations", "previousData"];
 const COMPONENT_NAME = 'Line';
@@ -55,5 +51,5 @@ const Line = /*#__PURE__*/forwardRef((props, ref) => {
 Line.className = CLASSNAME;
 Line.displayName = COMPONENT_NAME;
 
-export { Line as L, StyledLine as S };
+export { Line };
 //# sourceMappingURL=Line2.js.map

package/packages/charts/src/components/Line/_internal/Line2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line2.js","sources":["../../../../../../../src/components/Line/Line.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { animated, useSpring } from '@react-spring/web';\nimport { interpolate as d3interpolate } from 'd3';\n\nimport { Comp } from '@redsift/design-system';\n\nimport { LineProps } from './types';\nimport { StyledLine } from './styles';\nimport { monochrome } from '../../scheme';\nimport { config } from '../../config';\n\nconst COMPONENT_NAME = 'Line';\nconst CLASSNAME = 'redsift-line';\n\nexport const Line: Comp<LineProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, isSelected: propsIsSelected, role } = props;\n\n  const { className, createLine, disableAnimations, previousData = [], ...forwardedProps } = props;\n\n  const interpolator = d3interpolate(previousData, data);\n\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({ t: 1 });\n    },\n    from: { t: 0 },\n  });\n\n  return (\n    <StyledLine {...forwardedProps} ref={ref} className={classNames(Line.className, className)}>\n      <animated.path\n        d={\n          config.immediate || disableAnimations\n            ? (createLine(data) as unknown as string)\n            : (animatedProps.t.to((t) => createLine(interpolator(t))) as unknown as string)\n        }\n        fill=\"none\"\n        stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n        strokeWidth={2}\n      />\n    </StyledLine>\n  );\n});\nLine.className = CLASSNAME;\nLine.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Line","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","role","className","createLine","disableAnimations","previousData","forwardedProps","_objectWithoutProperties","_excluded","interpolator","d3interpolate","isSelectable","isDeselected","animatedProps","useSpring","_objectSpread","config","to","next","t","from","React","createElement","StyledLine","_extends","classNames","animated","path","d","immediate","fill","stroke","strokeWidth","displayName"],"mappings":";;;;;;;;;;;AAYA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;AAEzB,MAAMC,IAAkC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;AAAEC,IAAAA,KAAK,GAAGC,UAAU;IAAEC,IAAI;AAAEC,IAAAA,UAAU,EAAEC,eAAe;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGP,KAAK,CAAA;EAE7E,MAAM;MAAEQ,SAAS;MAAEC,UAAU;MAAEC,iBAAiB;AAAEC,MAAAA,YAAY,GAAG,EAAA;AAAsB,KAAC,GAAGX,KAAK;AAAxBY,IAAAA,cAAc,GAAAC,wBAAA,CAAKb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAEhG,EAAA,MAAMC,YAAY,GAAGC,WAAa,CAACL,YAAY,EAAEP,IAAI,CAAC,CAAA;AAEtD,EAAA,MAAMa,YAAY,GAAGV,IAAI,KAAK,QAAQ,CAAA;AACtC,EAAA,MAAMW,YAAY,GAAGD,YAAY,IAAIX,eAAe,KAAK,KAAK,CAAA;EAE9D,MAAMa,aAAa,GAAGC,CAAS,CAAAC,cAAA,CAAAA,cAAA,KAC1BC,MAAM,CAAA,EAAA,EAAA,EAAA;IACTC,EAAE,EAAE,MAAOC,IAAuC,IAAK;AACrD,MAAA,MAAMA,IAAI,CAAC;AAAEC,QAAAA,CAAC,EAAE,CAAA;AAAE,OAAC,CAAC,CAAA;KACrB;AACDC,IAAAA,IAAI,EAAE;AAAED,MAAAA,CAAC,EAAE,CAAA;AAAE,KAAA;AAAC,GAAA,CACf,CAAC,CAAA;EAEF,oBACEE,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,KAAKlB,cAAc,EAAA;AAAEX,IAAAA,GAAG,EAAEA,GAAI;AAACO,IAAAA,SAAS,EAAEuB,UAAU,CAACjC,IAAI,CAACU,SAAS,EAAEA,SAAS,CAAA;AAAE,GAAA,CAAA,eACzFmB,cAAA,CAAAC,aAAA,CAACI,EAAQ,CAACC,IAAI,EAAA;IACZC,CAAC,EACCZ,MAAM,CAACa,SAAS,IAAIzB,iBAAiB,GAChCD,UAAU,CAACL,IAAI,CAAC,GAChBe,aAAa,CAACM,CAAC,CAACF,EAAE,CAAEE,CAAC,IAAKhB,UAAU,CAACM,YAAY,CAACU,CAAC,CAAC,CAAC,CAC3D;AACDW,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAEnB,YAAY,GAAG,yCAAyC,GAAGhB,KAAM;AACzEoC,IAAAA,WAAW,EAAE,CAAA;AAAE,GAChB,CACS,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFxC,IAAI,CAACU,SAAS,GAAGX,SAAS,CAAA;AAC1BC,IAAI,CAACyC,WAAW,GAAG3C,cAAc;;;;"}

package/packages/charts/src/components/Line/_internal/styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+
+/**
+ * Component style.
+ */
+const StyledLine = styled('g')``;
+
+export { StyledLine };
+//# sourceMappingURL=styles.js.map

package/packages/charts/src/components/Line/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/Line/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLineProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledLine = styled('g')<StyledLineProps>``;\n"],"names":["StyledLine","styled"],"mappings":";;AAGA;AACA;AACA;MACaA,UAAU,GAAGC,MAAM,CAAC,GAAG,CAAmB,CAAC;;;;"}

package/packages/charts/src/components/LineChart/_internal/EmptyLineChart.js

@@ -0,0 +1,58 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useRef, useEffect } from 'react';
+import { scaleLinear } from 'd3';
+import { StyledLineChart, StyledLineChartEmptyText } from './styles.js';
+import { sizeToDimension } from './utils.js';
+import { useTheme } from '@redsift/design-system';
+import { Axis } from '../../Axis/_internal/Axis2.js';
+
+const _excluded = ["className", "data", "emptyComponent", "localeText", "size"];
+const EmptyLineChart = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      data: propsData,
+      emptyComponent,
+      localeText,
+      size
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme();
+  const cache = useRef();
+  const data = propsData;
+  useEffect(() => {
+    cache.current = data;
+  });
+  const chartDimensions = sizeToDimension(size);
+  const width = chartDimensions.width;
+  const height = chartDimensions.height;
+  const margins = {
+    top: 16,
+    left: 48,
+    right: 16,
+    bottom: 48
+  };
+  const chartWidth = width - margins.left - margins.right;
+  return /*#__PURE__*/React__default.createElement(StyledLineChart, _extends({}, forwardedProps, {
+    className: className,
+    ref: ref
+  }), emptyComponent !== null && emptyComponent !== void 0 ? emptyComponent : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledLineChartEmptyText, {
+    $maxWidth: width,
+    $textSize: chartDimensions.fontSize / 2,
+    $theme: theme
+  }, /*#__PURE__*/React__default.createElement("span", null, localeText === null || localeText === void 0 ? void 0 : localeText.emptyChartText)), /*#__PURE__*/React__default.createElement("svg", {
+    width: width,
+    height: height
+  }, /*#__PURE__*/React__default.createElement("g", {
+    transform: `translate(${margins.left},${margins.top})`
+  }, /*#__PURE__*/React__default.createElement(Axis, {
+    position: "bottom",
+    length: width - 32,
+    scale: scaleLinear().domain([]).range([0, chartWidth]),
+    x: 0,
+    y: height,
+    tickValues: 4
+  })))));
+});
+
+export { EmptyLineChart };
+//# sourceMappingURL=EmptyLineChart.js.map

package/packages/charts/src/components/LineChart/_internal/EmptyLineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyLineChart.js","sources":["../../../../../../../src/components/LineChart/EmptyLineChart.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useRef } from 'react';\nimport { scaleLinear as d3scaleLinear } from 'd3';\n\nimport { AnyScale, JSONArray } from '../../types';\nimport { LineChartProps } from './types';\nimport { StyledLineChart, StyledLineChartEmptyText } from './styles';\nimport { Axis } from '../Axis';\nimport { sizeToDimension } from './utils';\nimport { useTheme } from '@redsift/design-system';\n\nexport const EmptyLineChart = forwardRef<HTMLDivElement, LineChartProps>((props, ref) => {\n  const { className, data: propsData, emptyComponent, localeText, size, ...forwardedProps } = props;\n  const theme = useTheme();\n\n  const cache = useRef<JSONArray>();\n\n  const data = propsData;\n\n  useEffect(() => {\n    cache.current = data;\n  });\n\n  const chartDimensions = sizeToDimension(size!);\n  const width = chartDimensions.width;\n  const height = chartDimensions.height;\n  const margins = { top: 16, left: 48, right: 16, bottom: 48 };\n  const chartWidth = width - margins.left - margins.right;\n\n  return (\n    <StyledLineChart {...forwardedProps} className={className} ref={ref as RefObject<HTMLDivElement>}>\n      {emptyComponent ?? (\n        <>\n          <StyledLineChartEmptyText $maxWidth={width} $textSize={chartDimensions.fontSize / 2} $theme={theme}>\n            <span>{localeText?.emptyChartText}</span>\n          </StyledLineChartEmptyText>\n          <svg width={width} height={height}>\n            <g transform={`translate(${margins.left},${margins.top})`}>\n              <Axis\n                position=\"bottom\"\n                length={width - 32}\n                scale={d3scaleLinear().domain([]).range([0, chartWidth]) as AnyScale}\n                x={0}\n                y={height}\n                tickValues={4}\n              />\n            </g>\n          </svg>\n        </>\n      )}\n    </StyledLineChart>\n  );\n});\n"],"names":["EmptyLineChart","forwardRef","props","ref","className","data","propsData","emptyComponent","localeText","size","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","cache","useRef","useEffect","current","chartDimensions","sizeToDimension","width","height","margins","top","left","right","bottom","chartWidth","React","createElement","StyledLineChart","_extends","Fragment","StyledLineChartEmptyText","$maxWidth","$textSize","fontSize","$theme","emptyChartText","transform","Axis","position","length","scale","d3scaleLinear","domain","range","x","y","tickValues"],"mappings":";;;;;;;;;AAUO,MAAMA,cAAc,gBAAGC,UAAU,CAAiC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;MAAEC,SAAS;AAAEC,MAAAA,IAAI,EAAEC,SAAS;MAAEC,cAAc;MAAEC,UAAU;AAAEC,MAAAA,IAAAA;AAAwB,KAAC,GAAGP,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AACjG,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,KAAK,GAAGC,MAAM,EAAa,CAAA;EAEjC,MAAMX,IAAI,GAAGC,SAAS,CAAA;AAEtBW,EAAAA,SAAS,CAAC,MAAM;IACdF,KAAK,CAACG,OAAO,GAAGb,IAAI,CAAA;AACtB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMc,eAAe,GAAGC,eAAe,CAACX,IAAK,CAAC,CAAA;AAC9C,EAAA,MAAMY,KAAK,GAAGF,eAAe,CAACE,KAAK,CAAA;AACnC,EAAA,MAAMC,MAAM,GAAGH,eAAe,CAACG,MAAM,CAAA;AACrC,EAAA,MAAMC,OAAO,GAAG;AAAEC,IAAAA,GAAG,EAAE,EAAE;AAAEC,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,KAAK,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,EAAA;GAAI,CAAA;EAC5D,MAAMC,UAAU,GAAGP,KAAK,GAAGE,OAAO,CAACE,IAAI,GAAGF,OAAO,CAACG,KAAK,CAAA;EAEvD,oBACEG,cAAA,CAAAC,aAAA,CAACC,eAAe,EAAAC,QAAA,KAAKtB,cAAc,EAAA;AAAEN,IAAAA,SAAS,EAAEA,SAAU;AAACD,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAC9FI,cAAc,KAAdA,IAAAA,IAAAA,cAAc,cAAdA,cAAc,gBACbsB,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAI,QAAA,EAAA,IAAA,eACEJ,cAAA,CAAAC,aAAA,CAACI,wBAAwB,EAAA;AAACC,IAAAA,SAAS,EAAEd,KAAM;AAACe,IAAAA,SAAS,EAAEjB,eAAe,CAACkB,QAAQ,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAEzB,KAAAA;AAAM,GAAA,eACjGgB,cAAA,CAAAC,aAAA,CAAOtB,MAAAA,EAAAA,IAAAA,EAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE+B,cAAqB,CAChB,CAAC,eAC3BV,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,MAAM,EAAEA,MAAAA;GACzBO,eAAAA,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;IAAGU,SAAS,EAAG,aAAYjB,OAAO,CAACE,IAAK,CAAGF,CAAAA,EAAAA,OAAO,CAACC,GAAI,CAAA,CAAA,CAAA;AAAG,GAAA,eACxDK,cAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AACHC,IAAAA,QAAQ,EAAC,QAAQ;IACjBC,MAAM,EAAEtB,KAAK,GAAG,EAAG;AACnBuB,IAAAA,KAAK,EAAEC,WAAa,EAAE,CAACC,MAAM,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,EAAEnB,UAAU,CAAC,CAAc;AACrEoB,IAAAA,CAAC,EAAE,CAAE;AACLC,IAAAA,CAAC,EAAE3B,MAAO;AACV4B,IAAAA,UAAU,EAAE,CAAA;AAAE,GACf,CACA,CACA,CACL,CAEW,CAAC,CAAA;AAEtB,CAAC;;;;"}

package/packages/charts/src/components/LineChart/_internal/LineChart.js

@@ -0,0 +1,4 @@
+export { LineChart } from './LineChart2.js';
+export { LineChartLegendVariant } from './types.js';
+export { StyledLineChart, StyledLineChartEmptyText } from './styles.js';
+//# sourceMappingURL=LineChart.js.map

package/{_internal → packages/charts/src/components/LineChart/_internal}/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"LineChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/packages/charts/src/components/LineChart/_internal/LineChart2.js

@@ -0,0 +1,96 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useId } from '@redsift/design-system';
+import { LineChartLegendVariant } from './types.js';
+import { LoadingLineChart } from './LoadingLineChart.js';
+import { EmptyLineChart } from './EmptyLineChart.js';
+import { RenderedLineChart } from './RenderedLineChart.js';
+import { ColorTheme } from '../../../types/_internal/theme.js';
+import { ChartSize } from '../../../types/_internal/size.js';
+import { TooltipVariant } from '../../../types/_internal/legend.js';
+import { AxisVariant } from '../../Axis/_internal/types.js';
+
+const _excluded = ["className", "colorTheme", "data", "dotRole", "emptyComponent", "id", "isDotSelected", "labelDecorator", "legendDecorator", "legendVariant", "localeText", "onDotClick", "size", "sortingMethod", "tooltipDecorator", "tooltipVariant", "xAxisPlacement", "xAxisVariant", "yAxisPlacement", "yAxisVariant"];
+const COMPONENT_NAME = 'LineChart';
+const CLASSNAME = 'redsift-line-chart';
+const LineChart = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      colorTheme = ColorTheme.dark,
+      data: propsData,
+      dotRole,
+      emptyComponent,
+      id: propsId,
+      isDotSelected,
+      labelDecorator,
+      legendDecorator,
+      legendVariant: propsLegendVariant,
+      localeText = {
+        emptyChartText: 'No Data'
+      },
+      onDotClick,
+      size = ChartSize.medium,
+      sortingMethod = 'desc-value',
+      tooltipDecorator,
+      tooltipVariant = TooltipVariant.none,
+      xAxisPlacement = 'bottom',
+      xAxisVariant = AxisVariant.default,
+      yAxisPlacement = 'left',
+      yAxisVariant = AxisVariant.default
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const legendVariant = propsLegendVariant !== null && propsLegendVariant !== void 0 ? propsLegendVariant : LineChartLegendVariant.externalLabel;
+  if (propsData === undefined || propsData === null) {
+    return /*#__PURE__*/React__default.createElement(LoadingLineChart, _extends({
+      id: id
+    }, forwardedProps, {
+      ref: ref
+    }));
+  }
+  if (propsData.length === 0) {
+    return /*#__PURE__*/React__default.createElement(EmptyLineChart, _extends({
+      data: propsData,
+      emptyComponent: emptyComponent,
+      localeText: localeText,
+      size: size,
+      sortingMethod: sortingMethod,
+      xAxisPlacement: xAxisPlacement,
+      xAxisVariant: xAxisVariant,
+      yAxisPlacement: yAxisPlacement,
+      yAxisVariant: yAxisVariant
+    }, forwardedProps, {
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(RenderedLineChart, _extends({
+    className: classNames(LineChart.className, className),
+    colorTheme: colorTheme,
+    data: propsData,
+    dotRole: dotRole,
+    id: id,
+    isDotSelected: isDotSelected,
+    labelDecorator: labelDecorator,
+    legendDecorator: legendDecorator,
+    legendVariant: legendVariant,
+    localeText: localeText,
+    onDotClick: onDotClick,
+    size: size,
+    sortingMethod: sortingMethod,
+    tooltipDecorator: tooltipDecorator,
+    tooltipVariant: tooltipVariant,
+    xAxisPlacement: xAxisPlacement,
+    xAxisVariant: xAxisVariant,
+    yAxisPlacement: yAxisPlacement,
+    yAxisVariant: yAxisVariant
+  }, forwardedProps, {
+    ref: ref
+  }));
+});
+LineChart.className = CLASSNAME;
+LineChart.displayName = COMPONENT_NAME;
+
+export { LineChart };
+//# sourceMappingURL=LineChart2.js.map

package/packages/charts/src/components/LineChart/_internal/LineChart2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart2.js","sources":["../../../../../../../src/components/LineChart/LineChart.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, useId } from '@redsift/design-system';\n\nimport { ChartSize, ColorTheme, TooltipVariant } from '../../types';\nimport { LineChartLegendVariant, LineChartProps } from './types';\nimport { LoadingLineChart } from './LoadingLineChart';\nimport { EmptyLineChart } from './EmptyLineChart';\nimport { RenderedLineChart } from './RenderedLineChart';\nimport { AxisVariant } from '../Axis';\n\nconst COMPONENT_NAME = 'LineChart';\nconst CLASSNAME = 'redsift-line-chart';\n\nexport const LineChart: Comp<LineChartProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    className,\n    colorTheme = ColorTheme.dark,\n    data: propsData,\n    dotRole,\n    emptyComponent,\n    id: propsId,\n    isDotSelected,\n    labelDecorator,\n    legendDecorator,\n    legendVariant: propsLegendVariant,\n    localeText = { emptyChartText: 'No Data' },\n    onDotClick,\n    size = ChartSize.medium,\n    sortingMethod = 'desc-value',\n    tooltipDecorator,\n    tooltipVariant = TooltipVariant.none,\n    xAxisPlacement = 'bottom',\n    xAxisVariant = AxisVariant.default,\n    yAxisPlacement = 'left',\n    yAxisVariant = AxisVariant.default,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const legendVariant = propsLegendVariant ?? LineChartLegendVariant.externalLabel;\n\n  if (propsData === undefined || propsData === null) {\n    return <LoadingLineChart id={id} {...forwardedProps} ref={ref} />;\n  }\n\n  if (propsData.length === 0) {\n    return (\n      <EmptyLineChart\n        data={propsData}\n        emptyComponent={emptyComponent}\n        localeText={localeText}\n        size={size}\n        sortingMethod={sortingMethod}\n        xAxisPlacement={xAxisPlacement}\n        xAxisVariant={xAxisVariant}\n        yAxisPlacement={yAxisPlacement}\n        yAxisVariant={yAxisVariant}\n        {...forwardedProps}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <RenderedLineChart\n      className={classNames(LineChart.className, className)}\n      colorTheme={colorTheme}\n      data={propsData}\n      dotRole={dotRole}\n      id={id}\n      isDotSelected={isDotSelected}\n      labelDecorator={labelDecorator}\n      legendDecorator={legendDecorator}\n      legendVariant={legendVariant}\n      localeText={localeText}\n      onDotClick={onDotClick}\n      size={size}\n      sortingMethod={sortingMethod}\n      tooltipDecorator={tooltipDecorator}\n      tooltipVariant={tooltipVariant}\n      xAxisPlacement={xAxisPlacement}\n      xAxisVariant={xAxisVariant}\n      yAxisPlacement={yAxisPlacement}\n      yAxisVariant={yAxisVariant}\n      {...forwardedProps}\n      ref={ref}\n    />\n  );\n});\nLineChart.className = CLASSNAME;\nLineChart.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","LineChart","forwardRef","props","ref","className","colorTheme","ColorTheme","dark","data","propsData","dotRole","emptyComponent","id","propsId","isDotSelected","labelDecorator","legendDecorator","legendVariant","propsLegendVariant","localeText","emptyChartText","onDotClick","size","ChartSize","medium","sortingMethod","tooltipDecorator","tooltipVariant","TooltipVariant","none","xAxisPlacement","xAxisVariant","AxisVariant","default","yAxisPlacement","yAxisVariant","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","LineChartLegendVariant","externalLabel","undefined","React","createElement","LoadingLineChart","_extends","length","EmptyLineChart","RenderedLineChart","classNames","displayName"],"mappings":";;;;;;;;;;;;;;AAYA,MAAMA,cAAc,GAAG,WAAW,CAAA;AAClC,MAAMC,SAAS,GAAG,oBAAoB,CAAA;AAE/B,MAAMC,SAA+C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxF,MAAM;MACJC,SAAS;MACTC,UAAU,GAAGC,UAAU,CAACC,IAAI;AAC5BC,MAAAA,IAAI,EAAEC,SAAS;MACfC,OAAO;MACPC,cAAc;AACdC,MAAAA,EAAE,EAAEC,OAAO;MACXC,aAAa;MACbC,cAAc;MACdC,eAAe;AACfC,MAAAA,aAAa,EAAEC,kBAAkB;AACjCC,MAAAA,UAAU,GAAG;AAAEC,QAAAA,cAAc,EAAE,SAAA;OAAW;MAC1CC,UAAU;MACVC,IAAI,GAAGC,SAAS,CAACC,MAAM;AACvBC,MAAAA,aAAa,GAAG,YAAY;MAC5BC,gBAAgB;MAChBC,cAAc,GAAGC,cAAc,CAACC,IAAI;AACpCC,MAAAA,cAAc,GAAG,QAAQ;MACzBC,YAAY,GAAGC,WAAW,CAACC,OAAO;AAClCC,MAAAA,cAAc,GAAG,MAAM;MACvBC,YAAY,GAAGH,WAAW,CAACC,OAAAA;AAE7B,KAAC,GAAG/B,KAAK;AADJkC,IAAAA,cAAc,GAAAC,wBAAA,CACfnC,KAAK,EAAAoC,SAAA,CAAA,CAAA;AACT,EAAA,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK,EAAE,CAAA;EACrB,MAAM5B,EAAE,GAAGC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAI0B,GAAG,CAAA;EAEzB,MAAMtB,aAAa,GAAGC,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,cAAlBA,kBAAkB,GAAIuB,sBAAsB,CAACC,aAAa,CAAA;AAEhF,EAAA,IAAIjC,SAAS,KAAKkC,SAAS,IAAIlC,SAAS,KAAK,IAAI,EAAE;AACjD,IAAA,oBAAOmC,cAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAAC,QAAA,CAAA;AAACnC,MAAAA,EAAE,EAAEA,EAAAA;AAAG,KAAA,EAAKwB,cAAc,EAAA;AAAEjC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CAAC,CAAA;AACnE,GAAA;AAEA,EAAA,IAAIM,SAAS,CAACuC,MAAM,KAAK,CAAC,EAAE;AAC1B,IAAA,oBACEJ,cAAA,CAAAC,aAAA,CAACI,cAAc,EAAAF,QAAA,CAAA;AACbvC,MAAAA,IAAI,EAAEC,SAAU;AAChBE,MAAAA,cAAc,EAAEA,cAAe;AAC/BQ,MAAAA,UAAU,EAAEA,UAAW;AACvBG,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,aAAa,EAAEA,aAAc;AAC7BK,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,YAAY,EAAEA,YAAa;AAC3BG,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,YAAY,EAAEA,YAAAA;AAAa,KAAA,EACvBC,cAAc,EAAA;AAClBjC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CACV,CAAC,CAAA;AAEN,GAAA;AAEA,EAAA,oBACEyC,cAAA,CAAAC,aAAA,CAACK,iBAAiB,EAAAH,QAAA,CAAA;IAChB3C,SAAS,EAAE+C,UAAU,CAACnD,SAAS,CAACI,SAAS,EAAEA,SAAS,CAAE;AACtDC,IAAAA,UAAU,EAAEA,UAAW;AACvBG,IAAAA,IAAI,EAAEC,SAAU;AAChBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBE,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,aAAa,EAAEA,aAAc;AAC7BE,IAAAA,UAAU,EAAEA,UAAW;AACvBE,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BG,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,YAAY,EAAEA,YAAa;AAC3BG,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAAA,EACvBC,cAAc,EAAA;AAClBjC,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CACV,CAAC,CAAA;AAEN,CAAC,EAAC;AACFH,SAAS,CAACI,SAAS,GAAGL,SAAS,CAAA;AAC/BC,SAAS,CAACoD,WAAW,GAAGtD,cAAc;;;;"}