@redsift/charts 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.6

package/_internal/Bar2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar2.js","sources":["../../src/components/Bar/types.ts","../../src/components/Bar/styles.ts","../../src/components/Bar/Bar.tsx"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear, ScaleTime as d3ScaleTime, ScalePoint as d3ScalePoint } from 'd3';\nimport { Theme, ValueOf } from '@redsift/design-system';\nimport { BarDatum } from '../../types';\nimport { DataPointProps, StyledDataPointProps } from '../DataPoint';\n\n/**\n * Component variant.\n */\nexport const BarOrientation = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n};\nexport type BarOrientation = ValueOf<typeof BarOrientation>;\n\nexport const BarDirection = {\n  up: 'up',\n  down: 'down',\n};\nexport type BarDirection = ValueOf<typeof BarDirection>;\n\n/**\n * Component props.\n */\nexport interface BarProps extends DataPointProps<BarDatum> {\n  /** Gap between two siblings. */\n  gap?: number;\n  /** Height of the bar in horizontal orientation. */\n  height?: number;\n  /** Maximum height of the bar. */\n  maxHeight?: number;\n  /** Orientation of the bar. */\n  orientation?: BarOrientation;\n  /** Direction of the bar, works only with vertical orientation. */\n  direction?: BarOrientation;\n  /** A linear continuous scale defined over a numeric domain used to determine the width or height of the bar (depending on the orientation). */\n  scale: d3ScaleLinear<number, number, never>;\n  /** A scale defined over a numeric/time/ordinal domain used to determine the position of the bar. */\n  scalePosition: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n  /** Width of the bar in vertical orientation. */\n  width?: number;\n  /** Min width of the bar in vertical orientation. */\n  minWidth?: number;\n}\n\nexport type StyledBarProps = StyledDataPointProps &\n  Omit<BarProps, 'scale' | 'scalePosition'> & {\n    $theme: Theme;\n  };\n","import styled, { css } from 'styled-components';\nimport { StyledBarProps } from './types';\nimport { DataPoint } from '../DataPoint';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledBar = styled(DataPoint)<StyledBarProps>`\n  text {\n    ${({ $theme }) => css`\n      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n  }\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus,\n          &.focused {\n            outline: none;\n            rect {\n              fill-opacity: 0.7;\n            }\n          }\n\n          // &:focus-visible {\n          //   rect {\n          //     stroke: var(--redsift-color-primary-n);\n          //     stroke-width: 4px;\n          //     paint-order: stroke;\n          //   }\n          // }\n\n          @media (prefers-reduced-motion: no-preference) {\n            &:focus-visible,\n            &.focused {\n              outline: 2px solid var(--redsift-color-primary-n);\n              transition: outline-offset 75ms ease-out;\n            }\n\n            &:not(&:active)&:focus-visible,\n            &:not(&:active)&.focused {\n              transition-duration: 0.25s;\n            }\n          }\n\n          &:not(&:active)&:focus-visible,\n          &:not(&:active)&.focused {\n            outline-offset: 0.2rem;\n          }\n        `\n      : ''}}\n`;\n","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, useTheme } from '@redsift/design-system';\n\nimport { BarDirection, BarOrientation, BarProps } from './types';\nimport { StyledBar } from './styles';\nimport { monochrome } from '../../scheme';\nimport { config } from '../../config';\nimport { BarDatum } from '@redsift/charts/types';\n\nconst COMPONENT_NAME = 'Bar';\nconst CLASSNAME = 'redsift-bar';\n\nexport const Bar: Comp<BarProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, index = 0, isSelected: propsIsSelected, labelDecorator, onClick, role } = props;\n\n  const {\n    className,\n    disableAnimations,\n    gap = 5,\n    height = 40,\n    maxHeight = 100,\n    orientation = BarOrientation.horizontal,\n    direction = BarDirection.up,\n    previousData = {\n      data: {\n        key: '',\n        value: 0,\n      },\n    },\n    scale,\n    scalePosition,\n    width = 40,\n    minWidth,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme();\n\n  const getValue = (data: BarDatum['data']) =>\n    data?.cumulativeValue !== undefined ? data.cumulativeValue : data?.value;\n  const interpolator = d3interpolate(getValue(previousData!.data) || 0, getValue(data.data) || 0);\n\n  const text = labelDecorator\n    ? labelDecorator(data, { index, isSelected: propsIsSelected, color })\n    : (data.data.key as string);\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n  const isHorizontal = orientation === BarOrientation.horizontal;\n  const goesUp = direction === BarDirection.up;\n  const isOrdinal = typeof scalePosition.domain()[0] === 'string';\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  const computedWidth: number = minWidth ? Math.max(minWidth, width) : width;\n\n  return (\n    <StyledBar\n      {...forwardedProps}\n      ref={ref}\n      className={classNames(Bar.className, className)}\n      transform={\n        isHorizontal\n          ? `translate(0, ${scalePosition(data.data.key as any)! + gap! / 2})`\n          : `translate(${\n              goesUp\n                ? scalePosition(data.data.key as any)! + (isOrdinal ? computedWidth + gap! / 2 : computedWidth / 2)\n                : scalePosition(data.data.key as any)! + (isOrdinal ? -computedWidth + gap! / 2 : -computedWidth / 2)\n            }, ${maxHeight})${goesUp ? ', rotate(180)' : ''}`\n      }\n      $clickable={Boolean(onClick)}\n      $theme={theme}\n    >\n      {isHorizontal ? (\n        <animated.rect\n          height={height}\n          fill={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n          width={\n            config.immediate || disableAnimations\n              ? scale(data.data.value)\n              : animatedProps.t.to((t) => scale(interpolator(t)))\n          }\n        />\n      ) : (\n        <animated.rect\n          height={\n            config.immediate || disableAnimations\n              ? goesUp\n                ? maxHeight! - scale(getValue(data.data))\n                : scale(getValue(data.data)) - maxHeight!\n              : animatedProps.t.to((t) =>\n                  Math.max(0, goesUp ? maxHeight! - scale(interpolator(t)) : scale(interpolator(t)) - maxHeight!)\n                )\n          }\n          fill={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n          width={computedWidth}\n        />\n      )}\n      {isHorizontal ? (\n        <text x=\"10\" y={height! / 2} dy=\"0.35em\" aria-hidden={true}>\n          {text}\n        </text>\n      ) : null}\n    </StyledBar>\n  );\n});\nBar.className = CLASSNAME;\nBar.displayName = COMPONENT_NAME;\n"],"names":["BarOrientation","horizontal","vertical","BarDirection","up","down","StyledBar","styled","DataPoint","_ref","$theme","css","Theme","dark","_ref2","$clickable","COMPONENT_NAME","CLASSNAME","Bar","forwardRef","props","ref","color","monochrome","data","index","isSelected","propsIsSelected","labelDecorator","onClick","role","className","disableAnimations","gap","height","maxHeight","orientation","direction","previousData","key","value","scale","scalePosition","width","minWidth","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","getValue","cumulativeValue","undefined","interpolator","d3interpolate","text","isSelectable","isDeselected","isHorizontal","goesUp","isOrdinal","domain","animatedProps","useSpring","_objectSpread","config","to","next","t","from","computedWidth","Math","max","React","createElement","_extends","classNames","transform","Boolean","animated","rect","fill","immediate","x","y","dy","displayName"],"mappings":";;;;;;;;;;;AAKA;AACA;AACA;AACO,MAAMA,cAAc,GAAG;AAC5BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACZ,EAAC;AAGM,MAAMC,YAAY,GAAG;AAC1BC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,MAAA;AACR,EAAC;;AAGD;AACA;AACA;;ACjBA;AACA;AACA;MACaC,SAAS,GAAGC,MAAM,CAACC,SAAS,CAAkB,CAAA;AAC3D;AACA,IAAA,EAAMC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B,wCAA0CD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AAC1F,IAAK,CAAA,CAAA;AAAA,CAAC,CAAA;AACN;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;AC3CA,MAAMK,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,KAAK,GAAG,CAAC;AAAEC,IAAAA,UAAU,EAAEC,eAAe;IAAEC,cAAc;IAAEC,OAAO;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGV,KAAK,CAAA;EAEjH,MAAM;MACJW,SAAS;MACTC,iBAAiB;AACjBC,MAAAA,GAAG,GAAG,CAAC;AACPC,MAAAA,MAAM,GAAG,EAAE;AACXC,MAAAA,SAAS,GAAG,GAAG;MACfC,WAAW,GAAGpC,cAAc,CAACC,UAAU;MACvCoC,SAAS,GAAGlC,YAAY,CAACC,EAAE;AAC3BkC,MAAAA,YAAY,GAAG;AACbd,QAAAA,IAAI,EAAE;AACJe,UAAAA,GAAG,EAAE,EAAE;AACPC,UAAAA,KAAK,EAAE,CAAA;AACT,SAAA;OACD;MACDC,KAAK;MACLC,aAAa;AACbC,MAAAA,KAAK,GAAG,EAAE;AACVC,MAAAA,QAAAA;AAEF,KAAC,GAAGxB,KAAK;AADJyB,IAAAA,cAAc,GAAAC,wBAAA,CACf1B,KAAK,EAAA2B,SAAA,CAAA,CAAA;AAET,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;EAExB,MAAMC,QAAQ,GAAI1B,IAAsB,IACtC,CAAAA,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAE2B,eAAe,MAAKC,SAAS,GAAG5B,IAAI,CAAC2B,eAAe,GAAG3B,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEgB,KAAK,CAAA;EAC1E,MAAMa,YAAY,GAAGC,WAAa,CAACJ,QAAQ,CAACZ,YAAY,CAAEd,IAAI,CAAC,IAAI,CAAC,EAAE0B,QAAQ,CAAC1B,IAAI,CAACA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AAE/F,EAAA,MAAM+B,IAAI,GAAG3B,cAAc,GACvBA,cAAc,CAACJ,IAAI,EAAE;IAAEC,KAAK;AAAEC,IAAAA,UAAU,EAAEC,eAAe;AAAEL,IAAAA,KAAAA;AAAM,GAAC,CAAC,GAClEE,IAAI,CAACA,IAAI,CAACe,GAAc,CAAA;AAC7B,EAAA,MAAMiB,YAAY,GAAG1B,IAAI,KAAK,QAAQ,CAAA;AACtC,EAAA,MAAM2B,YAAY,GAAGD,YAAY,IAAI7B,eAAe,KAAK,KAAK,CAAA;AAC9D,EAAA,MAAM+B,YAAY,GAAGtB,WAAW,KAAKpC,cAAc,CAACC,UAAU,CAAA;AAC9D,EAAA,MAAM0D,MAAM,GAAGtB,SAAS,KAAKlC,YAAY,CAACC,EAAE,CAAA;AAC5C,EAAA,MAAMwD,SAAS,GAAG,OAAOlB,aAAa,CAACmB,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;EAE/D,MAAMC,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;AAEF,EAAA,MAAME,aAAqB,GAAG1B,QAAQ,GAAG2B,IAAI,CAACC,GAAG,CAAC5B,QAAQ,EAAED,KAAK,CAAC,GAAGA,KAAK,CAAA;EAE1E,oBACE8B,cAAA,CAAAC,aAAA,CAACpE,SAAS,EAAAqE,QAAA,KACJ9B,cAAc,EAAA;AAClBxB,IAAAA,GAAG,EAAEA,GAAI;IACTU,SAAS,EAAE6C,UAAU,CAAC1D,GAAG,CAACa,SAAS,EAAEA,SAAS,CAAE;AAChD8C,IAAAA,SAAS,EACPnB,YAAY,GACP,CAAA,aAAA,EAAehB,aAAa,CAAClB,IAAI,CAACA,IAAI,CAACe,GAAU,CAAC,GAAIN,GAAG,GAAI,CAAE,CAAA,CAAA,CAAE,GACjE,CAAA,UAAA,EACC0B,MAAM,GACFjB,aAAa,CAAClB,IAAI,CAACA,IAAI,CAACe,GAAU,CAAC,IAAKqB,SAAS,GAAGU,aAAa,GAAGrC,GAAG,GAAI,CAAC,GAAGqC,aAAa,GAAG,CAAC,CAAC,GACjG5B,aAAa,CAAClB,IAAI,CAACA,IAAI,CAACe,GAAU,CAAC,IAAKqB,SAAS,GAAG,CAACU,aAAa,GAAGrC,GAAG,GAAI,CAAC,GAAG,CAACqC,aAAa,GAAG,CAAC,CACvG,CAAInC,EAAAA,EAAAA,SAAU,IAAGwB,MAAM,GAAG,eAAe,GAAG,EAAG,CACrD,CAAA;AACD5C,IAAAA,UAAU,EAAE+D,OAAO,CAACjD,OAAO,CAAE;AAC7BnB,IAAAA,MAAM,EAAEsC,KAAAA;GAEPU,CAAAA,EAAAA,YAAY,gBACXe,cAAA,CAAAC,aAAA,CAACK,EAAQ,CAACC,IAAI,EAAA;AACZ9C,IAAAA,MAAM,EAAEA,MAAO;AACf+C,IAAAA,IAAI,EAAExB,YAAY,GAAG,yCAAyC,GAAGnC,KAAM;AACvEqB,IAAAA,KAAK,EACHsB,MAAM,CAACiB,SAAS,IAAIlD,iBAAiB,GACjCS,KAAK,CAACjB,IAAI,CAACA,IAAI,CAACgB,KAAK,CAAC,GACtBsB,aAAa,CAACM,CAAC,CAACF,EAAE,CAAEE,CAAC,IAAK3B,KAAK,CAACY,YAAY,CAACe,CAAC,CAAC,CAAC,CAAA;GAEvD,CAAC,gBAEFK,cAAA,CAAAC,aAAA,CAACK,EAAQ,CAACC,IAAI,EAAA;AACZ9C,IAAAA,MAAM,EACJ+B,MAAM,CAACiB,SAAS,IAAIlD,iBAAiB,GACjC2B,MAAM,GACJxB,SAAS,GAAIM,KAAK,CAACS,QAAQ,CAAC1B,IAAI,CAACA,IAAI,CAAC,CAAC,GACvCiB,KAAK,CAACS,QAAQ,CAAC1B,IAAI,CAACA,IAAI,CAAC,CAAC,GAAGW,SAAU,GACzC2B,aAAa,CAACM,CAAC,CAACF,EAAE,CAAEE,CAAC,IACnBG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEb,MAAM,GAAGxB,SAAS,GAAIM,KAAK,CAACY,YAAY,CAACe,CAAC,CAAC,CAAC,GAAG3B,KAAK,CAACY,YAAY,CAACe,CAAC,CAAC,CAAC,GAAGjC,SAAU,CAChG,CACL;AACD8C,IAAAA,IAAI,EAAExB,YAAY,GAAG,yCAAyC,GAAGnC,KAAM;AACvEqB,IAAAA,KAAK,EAAE2B,aAAAA;AAAc,GACtB,CACF,EACAZ,YAAY,gBACXe,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMS,IAAAA,CAAC,EAAC,IAAI;IAACC,CAAC,EAAElD,MAAM,GAAI,CAAE;AAACmD,IAAAA,EAAE,EAAC,QAAQ;IAAC,aAAa,EAAA,IAAA;AAAK,GAAA,EACxD9B,IACG,CAAC,GACL,IACK,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFrC,GAAG,CAACa,SAAS,GAAGd,SAAS,CAAA;AACzBC,GAAG,CAACoE,WAAW,GAAGtE,cAAc;;;;"}

package/_internal/BarChart.d.ts

@@ -0,0 +1,17 @@
+export { a as BarChart, h as BarChartBarsProps, c as BarChartDimensions, b as BarChartLegendVariant, d as BarChartProps, f as BarChartSectionProps, e as BarChartState, B as BaseBarChart, C as ComputedBarProps, R as RenderedLinearBarChartProps, j as StyledBarChart, l as StyledBarChartBars, i as StyledBarChartBarsProps, m as StyledBarChartEmptyText, S as StyledBarChartProps, k as StyledBarChartSection, g as StyledBarChartSectionProps, X as XScaleType } from './styles.d5.ts';
+import './types.d3.ts';
+import '@redsift/design-system';
+import 'react';
+import './types.d7.ts';
+import './types.d4.ts';
+import '@redsift/popovers';
+import './data.js';
+import 'd3-shape';
+import './types.d6.ts';
+import './scale.js';
+import 'd3';
+import 'd3-scale';
+import 'styled-components';
+import './types.d2.ts';
+import '../index.d2.ts';
+import './axis.d2.ts';

package/_internal/BarChart.js

@@ -0,0 +1,2 @@
+export { a as BarChart, b as BarChartLegendVariant, B as BaseBarChart, S as StyledBarChart, d as StyledBarChartBars, e as StyledBarChartEmptyText, c as StyledBarChartSection } from './BarChart2.js';
+//# sourceMappingURL=BarChart.js.map

package/_internal/BarChart.js.map

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