@redsift/charts 11.5.0 → 11.6.0-muiv5-alpha.1

package/components/Axis/Axis.js

@@ -0,0 +1,211 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useRef } from 'react';
+import classNames from 'classnames';
+import { useTheme } from '@redsift/design-system';
+import { AxisPosition, AxisVariant } from './types.js';
+import { StyledAxis } from './styles.js';
+import { a as it } from '../../node_modules/@react-spring/web/dist/esm/index.js';
+import { computeTicks } from './computeTicks.js';
+import { config } from '../../config.js';
+import { useSpring as J, useTransition as Gt } from '../../node_modules/@react-spring/core/dist/esm/index.js';
+
+const _excluded = ["className", "disableAnimations", "grid", "length", "legend", "legendOffset", "legendPosition", "legendX", "legendY", "legendRotation", "legendStyle", "position", "scale", "tickPadding", "tickRotation", "tickSize", "tickValues", "tickFormat", "tickRemodelling", "variant", "x", "y", "chartWidth", "chartHeight", "sectionHeight", "textColor", "tickToColor"],
+  _excluded2 = ["length"];
+const COMPONENT_NAME = 'Axis';
+const CLASSNAME = 'redsift-axis';
+const getAxisType = position => [AxisPosition.top, AxisPosition.bottom].includes(position) ? 'x' : 'y';
+const Axis = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      disableAnimations,
+      grid,
+      length,
+      legend,
+      legendOffset = -32,
+      legendPosition = 'end',
+      legendX: propsLegendX,
+      legendY: propsLegendY,
+      legendRotation: propsLegendRotation,
+      legendStyle,
+      position = AxisPosition.bottom,
+      scale,
+      tickPadding = 5,
+      tickRotation = 0,
+      tickSize = 5,
+      tickValues,
+      tickFormat,
+      tickRemodelling,
+      variant = AxisVariant.default,
+      x = 0,
+      y = 0,
+      chartWidth,
+      chartHeight,
+      sectionHeight,
+      textColor,
+      tickToColor = () => true
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme();
+  const axis = getAxisType(position);
+  const _ref = typeof grid === 'object' ? _objectSpread2({
+      length: axis === 'x' ? sectionHeight !== null && sectionHeight !== void 0 ? sectionHeight : chartHeight : chartWidth
+    }, grid) : grid === true ? {
+      length: axis === 'x' ? sectionHeight !== null && sectionHeight !== void 0 ? sectionHeight : chartHeight : chartWidth
+    } : {
+      length: 0
+    },
+    {
+      length: gridLength
+    } = _ref,
+    gridStyle = _objectWithoutProperties(_ref, _excluded2);
+  const axisRef = ref || useRef();
+  const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
+    to: async next => {
+      await next({
+        lineX2: axis === 'x' ? length : 0,
+        lineY2: axis === 'x' ? 0 : length
+      });
+    },
+    from: {
+      lineX2: 0,
+      lineY2: 0
+    },
+    reset: false
+  }));
+  let legendNode = null;
+  if (legend !== undefined) {
+    let legendX = 0;
+    let legendY = 0;
+    let legendRotation = 0;
+    let textAnchor;
+    if (axis === 'y') {
+      legendRotation = propsLegendRotation !== null && propsLegendRotation !== void 0 ? propsLegendRotation : 90;
+      legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : legendOffset;
+      if (legendPosition === 'start') {
+        textAnchor = 'start';
+        legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : length;
+      } else if (legendPosition === 'middle') {
+        textAnchor = 'middle';
+        legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : length / 2;
+      } else if (legendPosition === 'end') {
+        textAnchor = 'end';
+        legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : legendY;
+      }
+    } else {
+      legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : legendOffset;
+      if (legendPosition === 'start') {
+        textAnchor = 'start';
+        legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : legendX;
+      } else if (legendPosition === 'middle') {
+        textAnchor = 'middle';
+        legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : length / 2;
+      } else if (legendPosition === 'end') {
+        textAnchor = 'end';
+        legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : length;
+      }
+    }
+    legendNode = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("text", {
+      transform: `translate(${legendX}, ${legendY}) rotate(${legendRotation})`,
+      textAnchor: textAnchor,
+      style: _objectSpread2({
+        dominantBaseline: 'central'
+      }, legendStyle)
+    }, legend));
+  }
+  const {
+    ticks,
+    textAlign,
+    textBaseline
+  } = computeTicks({
+    axis,
+    scale: scale,
+    ticksPosition: [AxisPosition.top, AxisPosition.left].includes(position) ? 'before' : 'after',
+    tickValues,
+    tickSize: tickSize,
+    tickPadding: tickPadding,
+    tickRotation: tickRotation,
+    tickRemodelling
+  });
+  const transition = Gt(ticks, _objectSpread2(_objectSpread2({}, config), {}, {
+    keys: tick => tick.key,
+    initial: tick => ({
+      opacity: 1,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    from: tick => ({
+      opacity: 0,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    enter: tick => ({
+      opacity: 1,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    update: tick => ({
+      opacity: 1,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    leave: {
+      opacity: 0
+    }
+  }));
+  return /*#__PURE__*/React__default.createElement(StyledAxis, _extends({
+    "aria-hidden": "true",
+    className: classNames(Axis.className, className),
+    $theme: theme
+  }, forwardedProps, {
+    transform: `translate(${x},${y})${axis === 'x' ? '' : ',rotate(180)'}`,
+    ref: axisRef,
+    $color: textColor
+  }), gridLength ? /*#__PURE__*/React__default.createElement("g", {
+    className: `${Axis.className}__grid`
+  }, ticks.map((tick, i) => /*#__PURE__*/React__default.createElement("line", {
+    key: `grid-${tick.key}-${i}`,
+    className: `${Axis.className}-grid__line`,
+    x1: axis === 'x' ? tick.x : 0,
+    x2: axis === 'x' ? tick.x : gridLength * -1,
+    y1: axis === 'x' ? 0 : tick.y,
+    y2: axis === 'x' ? gridLength * -1 : tick.y,
+    style: _objectSpread2(_objectSpread2({
+      strokeDasharray: '4,4',
+      opacity: 0.2,
+      strokeWidth: 0.5
+    }, gridStyle), {}, {
+      stroke: 'currentColor'
+    })
+  }))) : null, variant === AxisVariant.default || variant === AxisVariant.tick || variant === AxisVariant.lineTick || variant === AxisVariant.tickValue ? transition((transitionProps, tick, _state, tickIndex) => {
+    return /*#__PURE__*/React__default.createElement(it.g, {
+      className: `${Axis.className}__tick`,
+      key: tickIndex,
+      transform: transitionProps.transform,
+      style: {
+        opacity: transitionProps.opacity
+      }
+    }, /*#__PURE__*/React__default.createElement("line", {
+      className: `${Axis.className}-tick__line`,
+      x1: 0,
+      x2: tick.lineX,
+      y1: 0,
+      y2: tick.lineY
+    }), variant === AxisVariant.default || variant === AxisVariant.tickValue ? /*#__PURE__*/React__default.createElement(it.text, {
+      dominantBaseline: textBaseline,
+      textAnchor: textAlign,
+      transform: transitionProps.textTransform,
+      className: !textColor ? '' : tickToColor(tick, tickIndex) ? 'colored' : ''
+    }, `${tickFormat ? tickFormat(tick.value) : tick.value}`) : null);
+  }) : null, variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? /*#__PURE__*/React__default.createElement(it.line, {
+    className: `${Axis.className}__line`,
+    x1: 0,
+    x2: config.immediate || disableAnimations ? axis === 'x' ? length : 0 : animatedProps.lineX2,
+    y1: 0,
+    y2: config.immediate || disableAnimations ? axis === 'x' ? 0 : length : animatedProps.lineY2
+  }) : null, legendNode);
+});
+Axis.className = CLASSNAME;
+Axis.displayName = COMPONENT_NAME;
+
+export { Axis, getAxisType };
+//# sourceMappingURL=Axis.js.map

package/components/Axis/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.js","sources":["../../../src/components/Axis/Axis.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, useTheme } from '@redsift/design-system';\n\nimport { AxisProps, AxisPosition, AxisVariant } from './types';\nimport { StyledAxis } from './styles';\nimport { animated, useSpring, useTransition } from '@react-spring/web';\nimport { computeTicks } from './computeTicks';\nimport { config } from '../../config';\nimport { AnyScale } from '@redsift/charts/types';\n\nconst COMPONENT_NAME = 'Axis';\nconst CLASSNAME = 'redsift-axis';\n\nexport const getAxisType = (position: AxisPosition) =>\n  [AxisPosition.top, AxisPosition.bottom].includes(position) ? 'x' : 'y';\n\nexport const Axis: Comp<AxisProps, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    className,\n    disableAnimations,\n    grid,\n    length,\n    legend,\n    legendOffset = -32,\n    legendPosition = 'end',\n    legendX: propsLegendX,\n    legendY: propsLegendY,\n    legendRotation: propsLegendRotation,\n    legendStyle,\n    position = AxisPosition.bottom,\n    scale,\n    tickPadding = 5,\n    tickRotation = 0,\n    tickSize = 5,\n    tickValues,\n    tickFormat,\n    tickRemodelling,\n    variant = AxisVariant.default,\n    x = 0,\n    y = 0,\n    chartWidth,\n    chartHeight,\n    sectionHeight,\n    textColor,\n    tickToColor = () => true,\n    ...forwardedProps\n  } = props;\n  const theme = useTheme();\n  const axis = getAxisType(position!);\n  const { length: gridLength, ...gridStyle } =\n    typeof grid === 'object'\n      ? { length: axis === 'x' ? sectionHeight ?? chartHeight : chartWidth, ...grid }\n      : grid === true\n      ? {\n          length: axis === 'x' ? sectionHeight ?? chartHeight : chartWidth,\n        }\n      : { length: 0 };\n\n  const axisRef = (ref || useRef<SVGGElement>()) as RefObject<SVGGElement>;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({\n        lineX2: axis === 'x' ? length : 0,\n        lineY2: axis === 'x' ? 0 : length,\n      });\n    },\n    from: { lineX2: 0, lineY2: 0 },\n    reset: false,\n  });\n\n  let legendNode = null;\n  if (legend !== undefined) {\n    let legendX = 0;\n    let legendY = 0;\n    let legendRotation = 0;\n    let textAnchor;\n\n    if (axis === 'y') {\n      legendRotation = propsLegendRotation ?? 90;\n      legendX = propsLegendX ?? legendOffset!;\n      if (legendPosition === 'start') {\n        textAnchor = 'start';\n        legendY = propsLegendY ?? length!;\n      } else if (legendPosition === 'middle') {\n        textAnchor = 'middle';\n        legendY = propsLegendY ?? length! / 2;\n      } else if (legendPosition === 'end') {\n        textAnchor = 'end';\n        legendY = propsLegendY ?? legendY;\n      }\n    } else {\n      legendY = propsLegendY ?? legendOffset!;\n      if (legendPosition === 'start') {\n        textAnchor = 'start';\n        legendX = propsLegendX ?? legendX;\n      } else if (legendPosition === 'middle') {\n        textAnchor = 'middle';\n        legendX = propsLegendX ?? length! / 2;\n      } else if (legendPosition === 'end') {\n        textAnchor = 'end';\n        legendX = propsLegendX ?? length!;\n      }\n    }\n\n    legendNode = (\n      <>\n        <text\n          transform={`translate(${legendX}, ${legendY}) rotate(${legendRotation})`}\n          textAnchor={textAnchor}\n          style={{\n            dominantBaseline: 'central',\n            ...legendStyle,\n          }}\n        >\n          {legend}\n        </text>\n      </>\n    );\n  }\n\n  const { ticks, textAlign, textBaseline } = computeTicks({\n    axis,\n    scale: scale as AnyScale,\n    ticksPosition: [AxisPosition.top, AxisPosition.left].includes(position!) ? 'before' : 'after',\n    tickValues,\n    tickSize: tickSize!,\n    tickPadding: tickPadding!,\n    tickRotation: tickRotation!,\n    tickRemodelling,\n  });\n\n  const transition = useTransition<(typeof ticks)[0], { opacity: number; transform: string; textTransform: string }>(\n    ticks,\n    {\n      ...config,\n      keys: (tick) => tick.key,\n      initial: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      from: (tick) => ({\n        opacity: 0,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      enter: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      update: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      leave: {\n        opacity: 0,\n      },\n    }\n  );\n\n  return (\n    <StyledAxis\n      aria-hidden=\"true\"\n      className={classNames(Axis.className, className)}\n      $theme={theme}\n      {...forwardedProps}\n      transform={`translate(${x},${y})${axis === 'x' ? '' : ',rotate(180)'}`}\n      ref={axisRef}\n      $color={textColor}\n    >\n      {gridLength ? (\n        <g className={`${Axis.className}__grid`}>\n          {ticks.map((tick, i) => (\n            <line\n              key={`grid-${tick.key}-${i}`}\n              className={`${Axis.className}-grid__line`}\n              x1={axis === 'x' ? tick.x : 0}\n              x2={axis === 'x' ? tick.x : gridLength! * -1}\n              y1={axis === 'x' ? 0 : tick.y}\n              y2={axis === 'x' ? gridLength! * -1 : tick.y}\n              style={{\n                strokeDasharray: '4,4',\n                opacity: 0.2,\n                strokeWidth: 0.5,\n                ...gridStyle,\n                stroke: 'currentColor',\n              }}\n            />\n          ))}\n        </g>\n      ) : null}\n\n      {variant === AxisVariant.default ||\n      variant === AxisVariant.tick ||\n      variant === AxisVariant.lineTick ||\n      variant === AxisVariant.tickValue\n        ? transition((transitionProps, tick, _state, tickIndex) => {\n            return (\n              <animated.g\n                className={`${Axis.className}__tick`}\n                key={tickIndex}\n                transform={transitionProps.transform}\n                style={{ opacity: transitionProps.opacity }}\n              >\n                <line className={`${Axis.className}-tick__line`} x1={0} x2={tick.lineX} y1={0} y2={tick.lineY} />\n                {variant === AxisVariant.default || variant === AxisVariant.tickValue ? (\n                  <animated.text\n                    dominantBaseline={textBaseline}\n                    textAnchor={textAlign}\n                    transform={transitionProps.textTransform}\n                    className={!textColor ? '' : tickToColor(tick, tickIndex) ? 'colored' : ''}\n                  >\n                    {`${tickFormat ? tickFormat(tick.value as any) : tick.value}`}\n                  </animated.text>\n                ) : null}\n              </animated.g>\n            );\n          })\n        : null}\n\n      {variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? (\n        <animated.line\n          className={`${Axis.className}__line`}\n          x1={0}\n          x2={config.immediate || disableAnimations ? (axis === 'x' ? length : 0) : animatedProps.lineX2}\n          y1={0}\n          y2={config.immediate || disableAnimations ? (axis === 'x' ? 0 : length) : animatedProps.lineY2}\n        />\n      ) : null}\n      {legendNode}\n    </StyledAxis>\n  );\n});\nAxis.className = CLASSNAME;\nAxis.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getAxisType","position","AxisPosition","top","bottom","includes","Axis","forwardRef","props","ref","className","disableAnimations","grid","length","legend","legendOffset","legendPosition","legendX","propsLegendX","legendY","propsLegendY","legendRotation","propsLegendRotation","legendStyle","scale","tickPadding","tickRotation","tickSize","tickValues","tickFormat","tickRemodelling","variant","AxisVariant","default","x","y","chartWidth","chartHeight","sectionHeight","textColor","tickToColor","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","axis","_ref","_objectSpread","gridLength","gridStyle","_excluded2","axisRef","useRef","animatedProps","useSpring","config","to","next","lineX2","lineY2","from","reset","legendNode","undefined","textAnchor","React","createElement","Fragment","transform","style","dominantBaseline","ticks","textAlign","textBaseline","computeTicks","ticksPosition","left","transition","useTransition","keys","tick","key","initial","opacity","textTransform","textX","textY","enter","update","leave","StyledAxis","_extends","classNames","$theme","$color","map","i","x1","x2","y1","y2","strokeDasharray","strokeWidth","stroke","lineTick","tickValue","transitionProps","_state","tickIndex","animated","g","lineX","lineY","text","value","line","immediate","displayName"],"mappings":"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"}

package/components/Axis/computeTicks.js

@@ -0,0 +1,117 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+
+const getScaleTicks = (scale, spec) => {
+  // specific values
+  if (Array.isArray(spec)) {
+    return spec;
+  }
+
+  // continuous scales
+  if ('ticks' in scale) {
+    // default behaviour
+    if (spec === undefined) {
+      return scale.ticks();
+    }
+
+    // specific tick count
+    if (typeof spec === 'number' && isFinite(spec) && Math.floor(spec) === spec) {
+      return scale.ticks(spec);
+    }
+    if (typeof spec === 'function') {
+      return scale.ticks();
+    }
+  }
+
+  // non linear scale default
+  return scale.domain();
+};
+const centerScale = scale => {
+  const bandwidth = scale.bandwidth();
+  if (bandwidth === 0) return scale;
+  let offset = bandwidth / 2;
+  if (scale.round()) {
+    offset = Math.round(offset);
+  }
+  return d => {
+    var _scale;
+    return ((_scale = scale(d)) !== null && _scale !== void 0 ? _scale : 0) + offset;
+  };
+};
+const computeTicks = _ref => {
+  let {
+    axis,
+    scale,
+    ticksPosition,
+    tickValues,
+    tickSize,
+    tickPadding,
+    tickRotation,
+    tickRemodelling
+  } = _ref;
+  const values = tickRemodelling ? tickRemodelling(getScaleTicks(scale, tickValues)) : getScaleTicks(scale, tickValues);
+  const position = 'bandwidth' in scale ? centerScale(scale) : scale;
+  const line = {
+    lineX: 0,
+    lineY: 0
+  };
+  const text = {
+    textX: 0,
+    textY: 0
+  };
+  const isRTL = typeof document === 'object' ? document.dir === 'rtl' : false;
+  let translate;
+  let textAlign = 'middle';
+  let textBaseline = 'central';
+  if (axis === 'x') {
+    translate = d => {
+      var _position;
+      return {
+        x: (_position = position(d)) !== null && _position !== void 0 ? _position : 0,
+        y: 0
+      };
+    };
+    line.lineY = tickSize * (ticksPosition === 'after' ? 1 : -1);
+    text.textY = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);
+    if (ticksPosition === 'after') {
+      textBaseline = 'text-before-edge';
+    } else {
+      textBaseline = 'alphabetic';
+    }
+    if (tickRotation === 0) {
+      textAlign = 'middle';
+    } else if (ticksPosition === 'after' && tickRotation < 0 || ticksPosition === 'before' && tickRotation > 0) {
+      textAlign = isRTL ? 'start' : 'end';
+      textBaseline = 'middle';
+    } else if (ticksPosition === 'after' && tickRotation > 0 || ticksPosition === 'before' && tickRotation < 0) {
+      textAlign = isRTL ? 'end' : 'start';
+      textBaseline = 'middle';
+    }
+  } else {
+    translate = d => {
+      var _position2;
+      return {
+        x: 0,
+        y: (_position2 = position(d)) !== null && _position2 !== void 0 ? _position2 : 0
+      };
+    };
+    line.lineX = tickSize * (ticksPosition === 'after' ? 1 : -1);
+    text.textX = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);
+    if (ticksPosition === 'after') {
+      textAlign = 'start';
+    } else {
+      textAlign = 'end';
+    }
+  }
+  const ticks = values.map(value => _objectSpread2(_objectSpread2(_objectSpread2({
+    key: value instanceof Date ? `${value.valueOf()}` : `${value}`,
+    value
+  }, translate(value)), line), text));
+  return {
+    ticks,
+    textAlign,
+    textBaseline
+  };
+};
+
+export { centerScale, computeTicks };
+//# sourceMappingURL=computeTicks.js.map

package/components/Axis/computeTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeTicks.js","sources":["../../../src/components/Axis/computeTicks.ts"],"sourcesContent":["import { AnyScale, Coordinates, ScaleValue, ScaleWithBandwidth, TicksSpec } from '../../types';\n\nconst getScaleTicks = (scale: AnyScale, spec?: TicksSpec) => {\n  // specific values\n  if (Array.isArray(spec)) {\n    return spec;\n  }\n\n  // continuous scales\n  if ('ticks' in scale) {\n    // default behaviour\n    if (spec === undefined) {\n      return scale.ticks();\n    }\n\n    // specific tick count\n    if (typeof spec === 'number' && isFinite(spec) && Math.floor(spec) === spec) {\n      return scale.ticks(spec);\n    }\n\n    if (typeof spec === 'function') {\n      return scale.ticks();\n    }\n  }\n\n  // non linear scale default\n  return scale.domain();\n};\n\nexport const centerScale = (scale: ScaleWithBandwidth) => {\n  const bandwidth = scale.bandwidth();\n\n  if (bandwidth === 0) return scale;\n\n  let offset = bandwidth / 2;\n  if (scale.round()) {\n    offset = Math.round(offset);\n  }\n\n  return <T extends ScaleValue>(d: T) => (scale(d) ?? 0) + offset;\n};\n\nexport const computeTicks = ({\n  axis,\n  scale,\n  ticksPosition,\n  tickValues,\n  tickSize,\n  tickPadding,\n  tickRotation,\n  tickRemodelling,\n}: {\n  axis: 'x' | 'y';\n  scale: AnyScale;\n  ticksPosition?: 'after' | 'before';\n  tickValues?: TicksSpec;\n  tickSize: number;\n  tickPadding: number;\n  tickRotation: number;\n  tickRemodelling?: (tickValues: any[]) => any[];\n}) => {\n  const values = tickRemodelling ? tickRemodelling(getScaleTicks(scale, tickValues)) : getScaleTicks(scale, tickValues);\n\n  const position = 'bandwidth' in scale ? centerScale(scale) : scale;\n  const line = { lineX: 0, lineY: 0 };\n  const text = { textX: 0, textY: 0 };\n\n  const isRTL = typeof document === 'object' ? document.dir === 'rtl' : false;\n  let translate: (value: ScaleValue) => Coordinates;\n  let textAlign = 'middle';\n  let textBaseline = 'central';\n\n  if (axis === 'x') {\n    translate = (d) => ({ x: position(d) ?? 0, y: 0 });\n\n    line.lineY = tickSize * (ticksPosition === 'after' ? 1 : -1);\n    text.textY = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);\n\n    if (ticksPosition === 'after') {\n      textBaseline = 'text-before-edge';\n    } else {\n      textBaseline = 'alphabetic';\n    }\n\n    if (tickRotation === 0) {\n      textAlign = 'middle';\n    } else if ((ticksPosition === 'after' && tickRotation < 0) || (ticksPosition === 'before' && tickRotation > 0)) {\n      textAlign = isRTL ? 'start' : 'end';\n      textBaseline = 'middle';\n    } else if ((ticksPosition === 'after' && tickRotation > 0) || (ticksPosition === 'before' && tickRotation < 0)) {\n      textAlign = isRTL ? 'end' : 'start';\n      textBaseline = 'middle';\n    }\n  } else {\n    translate = (d) => ({ x: 0, y: position(d) ?? 0 });\n\n    line.lineX = tickSize * (ticksPosition === 'after' ? 1 : -1);\n    text.textX = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);\n\n    if (ticksPosition === 'after') {\n      textAlign = 'start';\n    } else {\n      textAlign = 'end';\n    }\n  }\n\n  const ticks = values.map((value: ScaleValue) => ({\n    key: value instanceof Date ? `${value.valueOf()}` : `${value}`,\n    value,\n    ...translate(value),\n    ...line,\n    ...text,\n  }));\n\n  return {\n    ticks,\n    textAlign,\n    textBaseline,\n  };\n};\n"],"names":["getScaleTicks","scale","spec","Array","isArray","undefined","ticks","isFinite","Math","floor","domain","centerScale","bandwidth","offset","round","d","_scale","computeTicks","_ref","axis","ticksPosition","tickValues","tickSize","tickPadding","tickRotation","tickRemodelling","values","position","line","lineX","lineY","text","textX","textY","isRTL","document","dir","translate","textAlign","textBaseline","_position","x","y","_position2","map","value","_objectSpread","key","Date","valueOf"],"mappings":"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"}

package/components/Axis/styles.d.ts

@@ -0,0 +1,14 @@
+import * as styled_components from 'styled-components';
+import { AxisProps } from './types.js';
+import * as _react_spring_web from '@react-spring/web';
+import { Theme } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+declare const StyledAxis: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, Omit<AxisProps, "size" | "scale" | "areXLabelsRotated"> & {
+    $theme: Theme;
+    $color?: string | undefined;
+}, never>;
+
+export { StyledAxis };

package/components/Axis/styles.js

@@ -0,0 +1,51 @@
+import styled, { css } from 'styled-components';
+import { a as it } from '../../node_modules/@react-spring/web/dist/esm/index.js';
+import { Theme } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledAxis = styled(it.g)`
+  .redsift-axis__line,
+  .redsift-axis-tick__line {
+    fill: none;
+    ${_ref => {
+  let {
+    $theme
+  } = _ref;
+  return css`
+      stroke: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+    `;
+}}
+    shape-rendering: crispEdges;
+  }
+
+  text {
+    font-family: var(--redsift-typography-font-family-poppins);
+    ${_ref2 => {
+  let {
+    $theme
+  } = _ref2;
+  return css`
+      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+    `;
+}}
+    font-size: 10px;
+    user-select: none;
+  }
+
+  text.colored {
+    ${_ref3 => {
+  let {
+    $theme,
+    $color
+  } = _ref3;
+  return css`
+      fill: ${$color === 'green' ? '#029B57' : $color === 'red' ? '#CB0E0E' : `var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'})`};
+    `;
+}}
+  }
+`;
+
+export { StyledAxis };
+//# sourceMappingURL=styles.js.map

package/components/Axis/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/Axis/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledAxisProps } from './types';\nimport { animated } from '@react-spring/web';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledAxis = styled(animated.g)<StyledAxisProps>`\n  .redsift-axis__line,\n  .redsift-axis-tick__line {\n    fill: none;\n    ${({ $theme }) => css`\n      stroke: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n    shape-rendering: crispEdges;\n  }\n\n  text {\n    font-family: var(--redsift-typography-font-family-poppins);\n    ${({ $theme }) => css`\n      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n    font-size: 10px;\n    user-select: none;\n  }\n\n  text.colored {\n    ${({ $theme, $color }) => css`\n      fill: ${$color === 'green'\n        ? '#029B57'\n        : $color === 'red'\n        ? '#CB0E0E'\n        : `var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'})`};\n    `}\n  }\n`;\n"],"names":["StyledAxis","styled","animated","g","_ref","$theme","css","Theme","dark","_ref2","_ref3","$color"],"mappings":";;;;AAKA;AACA;AACA;AACO,MAAMA,UAAU,GAAGC,MAAM,CAACC,EAAQ,CAACC,CAAC,CAAmB,CAAA;AAC9D;AACA;AACA;AACA,IAAA,EAAMC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B,0CAA4CD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AAC5F,IAAK,CAAA,CAAA;AAAA,CAAC,CAAA;AACN;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,MAAAA;AAAO,GAAC,GAAAI,KAAA,CAAA;AAAA,EAAA,OAAKH,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;AACA;AACA;AACA,IAAA,EAAME,KAAA,IAAA;EAAA,IAAC;IAAEL,MAAM;AAAEM,IAAAA,MAAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKJ,GAAI,CAAA;AAClC,YAAcK,EAAAA,MAAM,KAAK,OAAO,GACtB,SAAS,GACTA,MAAM,KAAK,KAAK,GAChB,SAAS,GACR,CAA8BN,4BAAAA,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAG,CAAA,CAAA,CAAA;AAC5F,IAAK,CAAA,CAAA;AAAA,CAAC,CAAA;AACN;AACA;;;;"}

package/components/Axis/types.d.ts

@@ -0,0 +1,89 @@
+import { ComponentProps } from 'react';
+import { ValueOf, Theme } from '@redsift/design-system';
+import { AnyScale, NumericValue, StringValue, ScaleValue, TicksSpec } from '../../types/scale.js';
+
+/**
+ * Component variant.
+ */
+declare const AxisVariant: {
+    readonly none: "none";
+    readonly line: "line";
+    readonly lineTick: "lineTick";
+    readonly tick: "tick";
+    readonly tickValue: "tickValue";
+    readonly default: "default";
+};
+type AxisVariant = ValueOf<typeof AxisVariant>;
+declare const AxisPosition: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+};
+type AxisPosition = ValueOf<typeof AxisPosition>;
+/**
+ * Component props.
+ */
+interface AxisProps extends Omit<ComponentProps<'g'>, 'scale'> {
+    /** Disable animations. */
+    disableAnimations?: boolean;
+    format?: string;
+    /** Whether to display grid or not. The length is mandatory and should usually be the length of the other axis. */
+    grid?: boolean | {
+        length?: number;
+        stroke?: string;
+        strokeWidth?: number;
+        strokeDasharray?: string;
+        opacity?: number;
+    };
+    legend?: string;
+    legendOffset?: number;
+    legendPosition?: 'start' | 'middle' | 'end';
+    legendX?: number;
+    legendY?: number;
+    legendRotation?: number;
+    legendStyle?: React.CSSProperties;
+    /** Length of the axis. */
+    length?: number;
+    /** Position of axis. top|bottom means this is an x axis, right|left means this is an y axis. */
+    position?: AxisPosition;
+    /** Scale (d3.js) used to generate the axis. */
+    scale?: AnyScale;
+    tickFormat?: ((d: NumericValue) => string) | ((d: StringValue) => string) | ((d: Date) => string) | ((d: ScaleValue) => string);
+    tickPadding?: number;
+    tickRotation?: number;
+    tickSize?: number;
+    tickValues?: TicksSpec;
+    tickRemodelling?: (tickValues: any[]) => any[];
+    /** Variant. */
+    variant?: AxisVariant;
+    /** X position. */
+    x?: number;
+    /** Y position. */
+    y?: number;
+    /** Chart width, used for horizontal grid. */
+    chartWidth?: number;
+    /** Chart height, used for horizontal grid. */
+    chartHeight?: number;
+    /** Section height, used for horizontal grid within a section. */
+    sectionHeight?: number;
+    /** Color used for tick values. */
+    textColor?: string;
+    /** Custom method to choose which tick value to color if not all. */
+    tickToColor?: (tick?: {
+        textX: number;
+        textY: number;
+        lineX: number;
+        lineY: number;
+        x: number;
+        y: number;
+        key: string;
+        value: ScaleValue;
+    }, index?: number) => boolean;
+}
+type StyledAxisProps = Omit<AxisProps, 'areXLabelsRotated' | 'size' | 'scale'> & {
+    $theme: Theme;
+    $color?: string;
+};
+
+export { AxisPosition, AxisProps, AxisVariant, StyledAxisProps };

package/components/Axis/types.js

@@ -0,0 +1,24 @@
+/**
+ * Component variant.
+ */
+const AxisVariant = {
+  none: 'none',
+  line: 'line',
+  lineTick: 'lineTick',
+  tick: 'tick',
+  tickValue: 'tickValue',
+  default: 'default'
+};
+const AxisPosition = {
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left'
+};
+
+/**
+ * Component props.
+ */
+
+export { AxisPosition, AxisVariant };
+//# sourceMappingURL=types.js.map

package/components/Axis/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/Axis/types.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ValueOf, Theme } from '@redsift/design-system';\nimport { AnyScale, NumericValue, ScaleValue, StringValue, TicksSpec } from '../../types';\n\n/**\n * Component variant.\n */\nexport const AxisVariant = {\n  none: 'none',\n  line: 'line',\n  lineTick: 'lineTick',\n  tick: 'tick',\n  tickValue: 'tickValue',\n  default: 'default',\n} as const;\nexport type AxisVariant = ValueOf<typeof AxisVariant>;\n\nexport const AxisPosition = {\n  top: 'top',\n  right: 'right',\n  bottom: 'bottom',\n  left: 'left',\n};\nexport type AxisPosition = ValueOf<typeof AxisPosition>;\n\n/**\n * Component props.\n */\nexport interface AxisProps extends Omit<ComponentProps<'g'>, 'scale'> {\n  /** Disable animations. */\n  disableAnimations?: boolean;\n  format?: string;\n  /** Whether to display grid or not. The length is mandatory and should usually be the length of the other axis. */\n  grid?:\n    | boolean\n    | {\n        length?: number;\n        stroke?: string;\n        strokeWidth?: number;\n        strokeDasharray?: string;\n        opacity?: number;\n      };\n  legend?: string;\n  legendOffset?: number;\n  legendPosition?: 'start' | 'middle' | 'end';\n  legendX?: number;\n  legendY?: number;\n  legendRotation?: number;\n  legendStyle?: React.CSSProperties;\n  /** Length of the axis. */\n  length?: number;\n  /** Position of axis. top|bottom means this is an x axis, right|left means this is an y axis. */\n  position?: AxisPosition;\n  /** Scale (d3.js) used to generate the axis. */\n  scale?: AnyScale;\n  tickFormat?:\n    | ((d: NumericValue) => string)\n    | ((d: StringValue) => string)\n    | ((d: Date) => string)\n    | ((d: ScaleValue) => string);\n  tickPadding?: number;\n  tickRotation?: number;\n  tickSize?: number;\n  tickValues?: TicksSpec;\n  tickRemodelling?: (tickValues: any[]) => any[];\n  /** Variant. */\n  variant?: AxisVariant;\n  /** X position. */\n  x?: number;\n  /** Y position. */\n  y?: number;\n  /** Chart width, used for horizontal grid. */\n  chartWidth?: number;\n  /** Chart height, used for horizontal grid. */\n  chartHeight?: number;\n  /** Section height, used for horizontal grid within a section. */\n  sectionHeight?: number;\n  /** Color used for tick values. */\n  textColor?: string;\n  /** Custom method to choose which tick value to color if not all. */\n  tickToColor?: (\n    tick?: {\n      textX: number;\n      textY: number;\n      lineX: number;\n      lineY: number;\n      x: number;\n      y: number;\n      key: string;\n      value: ScaleValue;\n    },\n    index?: number\n  ) => boolean;\n}\n\nexport type StyledAxisProps = Omit<AxisProps, 'areXLabelsRotated' | 'size' | 'scale'> & {\n  $theme: Theme;\n  $color?: string;\n};\n"],"names":["AxisVariant","none","line","lineTick","tick","tickValue","default","AxisPosition","top","right","bottom","left"],"mappings":"AAIA;AACA;AACA;AACO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;AAGH,MAAMC,YAAY,GAAG;AAC1BC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,IAAI,EAAE,MAAA;AACR,EAAC;;AAGD;AACA;AACA;;;;"}

package/components/Bar/Bar.d.ts

@@ -0,0 +1,6 @@
+import { Comp } from '@redsift/design-system';
+import { BarProps } from './types.js';
+
+declare const Bar: Comp<BarProps, SVGGElement>;
+
+export { Bar };