@automattic/charts 0.3.0 → 0.4.0

package/dist/index.d.ts

@@ -0,0 +1,301 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Orientation } from '@visx/axis';
+import { CSSProperties, ComponentType, ReactNode, FC } from 'react';
+import { scaleOrdinal } from '@visx/scale';
+
+type ValueOf<T> = T[keyof T];
+declare type OrientationType = ValueOf<typeof Orientation>;
+type DataPoint = {
+    label: string;
+    value: number;
+};
+type DataPointDate = {
+    date: Date;
+    label?: string;
+    value: number;
+};
+type SeriesData = {
+    group?: string;
+    label: string;
+    data: DataPointDate[] | DataPoint[];
+    options: {
+        gradient?: {
+            from: string;
+            to: string;
+            toOpacity?: number;
+        };
+        stroke?: string;
+    };
+};
+type DataPointPercentage = {
+    /**
+     * Label for the data point
+     */
+    label: string;
+    /**
+     * Numerical value
+     */
+    value: number;
+    /**
+     * Formatted value for display
+     */
+    valueDisplay?: string;
+    /**
+     * Percentage value
+     */
+    percentage: number;
+    /**
+     * Color code for the segment, by default colours are taken from the theme but this property can overrides it
+     */
+    color?: string;
+};
+/**
+ * Theme configuration for chart components
+ */
+type ChartTheme = {
+    /** Background color for chart components */
+    backgroundColor: string;
+    /** Background color for labels */
+    labelBackgroundColor?: string;
+    /** Array of colors used for data visualization */
+    colors: string[];
+    /** Optional CSS styles for grid lines */
+    gridStyles?: CSSProperties;
+    /** Length of axis ticks in pixels */
+    tickLength: number;
+    /** Color of the grid lines */
+    gridColor: string;
+    /** Color of the grid lines in dark mode */
+    gridColorDark: string;
+};
+declare type AxisOptions = {
+    orientation?: OrientationType;
+    numTicks?: number;
+    axisClassName?: string;
+    axisLineClassName?: string;
+    labelClassName?: string;
+    tickClassName?: string;
+};
+/**
+ * Base properties shared across all chart components
+ */
+type BaseChartProps<T = DataPoint | DataPointDate> = {
+    /**
+     * Array of data points to display in the chart
+     */
+    data: T extends DataPoint | DataPointDate ? T[] : T;
+    /**
+     * Additional CSS class name for the chart container
+     */
+    className?: string;
+    /**
+     * Width of the chart in pixels
+     */
+    width?: number;
+    /**
+     * Height of the chart in pixels
+     */
+    height?: number;
+    /**
+     * Chart margins
+     */
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /**
+     * Whether to show tooltips on hover. False by default.
+     */
+    withTooltips?: boolean;
+    /**
+     * Whether to show legend
+     */
+    showLegend?: boolean;
+    /**
+     * Legend orientation
+     */
+    legendOrientation?: 'horizontal' | 'vertical';
+    /**
+     * Grid visibility. x is default.
+     */
+    gridVisibility?: 'x' | 'y' | 'xy' | 'none';
+    /**
+     * More options for the chart.
+     */
+    options?: {
+        axis?: {
+            x?: AxisOptions;
+            y?: AxisOptions;
+        };
+    };
+};
+
+interface BarChartProps extends BaseChartProps<SeriesData[]> {
+}
+declare const _default$3: (props: Omit<BarChartProps, "width" | "height" | "size">) => react_jsx_runtime.JSX.Element;
+
+interface LineChartProps extends BaseChartProps<SeriesData[]> {
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    withGradientFill: boolean;
+}
+declare const _default$2: (props: Omit<LineChartProps, "width" | "height" | "size">) => react_jsx_runtime.JSX.Element;
+
+type OmitBaseChartProps = Omit<BaseChartProps<DataPointPercentage[]>, 'width' | 'height'>;
+interface PieChartProps extends OmitBaseChartProps {
+    /**
+     * Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.
+     */
+    innerRadius?: number;
+    /**
+     * Size of the chart in pixels
+     */
+    size?: number;
+    /**
+     * Add padding to the chart
+     */
+    padding?: number;
+    /**
+     * Thickness of the pie chart.
+     * A value between 0 and 1, where 0 means no thickness
+     * and 1 means the maximum thickness.
+     */
+    thickness?: number;
+    /**
+     * Scale of the gap between groups in the pie chart
+     * A value between 0 and 1, where 0 means no gap.
+     */
+    gapScale?: number;
+    /**
+     * Scale of the corner radius for the pie chart segments.
+     * A value between 0 and 1, where 0 means no corner radius.
+     */
+    cornerScale?: number;
+}
+declare const _default$1: (props: Omit<PieChartProps, "width" | "height" | "size">) => react_jsx_runtime.JSX.Element;
+
+interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]> {
+    /**
+     * Size of the chart in pixels
+     */
+    size?: number;
+    /**
+     * Thickness of the pie chart. A value between 0 and 1
+     */
+    thickness?: number;
+    /**
+     * Label text to display above the chart
+     */
+    label?: string;
+    /**
+     * Note text to display below the label
+     */
+    note?: string;
+    /**
+     * Direction of chart rendering
+     * true for clockwise, false for counter-clockwise
+     */
+    clockwise?: boolean;
+}
+declare const _default: (props: Omit<PieSemiCircleChartProps, "width" | "height" | "size">) => react_jsx_runtime.JSX.Element;
+
+type TooltipData = {
+    label: string;
+    value: number;
+    valueDisplay?: string;
+};
+type TooltipComponentProps = {
+    data: TooltipData;
+    className?: string;
+};
+type TooltipCommonProps = {
+    top: number;
+    left: number;
+    style?: CSSProperties;
+    className?: string;
+};
+type DefaultDataTooltip = {
+    data: TooltipData;
+    component?: ComponentType<TooltipComponentProps>;
+    children?: never;
+};
+type CustomTooltip = {
+    children: ReactNode;
+    data?: never;
+    component?: never;
+};
+type BaseTooltipProps = TooltipCommonProps & (DefaultDataTooltip | CustomTooltip);
+declare const BaseTooltip: ({ data, top, left, component: Component, children, className, }: BaseTooltipProps) => react_jsx_runtime.JSX.Element;
+
+type LegendItem = {
+    label: string;
+    value: number | string;
+    color: string;
+};
+type LegendProps = {
+    items: LegendItem[];
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    scale?: ReturnType<typeof scaleOrdinal>;
+};
+
+declare const BaseLegend: FC<LegendProps>;
+
+/**
+ * Props for the ThemeProvider component
+ */
+type ThemeProviderProps = {
+    /** Optional partial theme override */
+    theme?: Partial<ChartTheme>;
+    /** Child components that will have access to the theme */
+    children: ReactNode;
+};
+declare const ThemeProvider: FC<ThemeProviderProps>;
+
+type UseChartMouseHandlerProps = {
+    /**
+     * Whether tooltips are enabled
+     */
+    withTooltips: boolean;
+};
+type UseChartMouseHandlerReturn = {
+    /**
+     * Handler for mouse move events
+     */
+    onMouseMove: (event: React.MouseEvent<SVGElement>, data: DataPoint) => void;
+    /**
+     * Handler for mouse leave events
+     */
+    onMouseLeave: () => void;
+    /**
+     * Whether the tooltip is currently open
+     */
+    tooltipOpen: boolean;
+    /**
+     * The current tooltip data
+     */
+    tooltipData: DataPoint | null;
+    /**
+     * The current tooltip left position
+     */
+    tooltipLeft: number | undefined;
+    /**
+     * The current tooltip top position
+     */
+    tooltipTop: number | undefined;
+};
+/**
+ * Hook to handle mouse interactions for chart components
+ *
+ * @param {UseChartMouseHandlerProps} props - Hook configuration
+ * @return {UseChartMouseHandlerReturn} Object containing handlers and tooltip state
+ */
+declare const useChartMouseHandler: ({ withTooltips, }: UseChartMouseHandlerProps) => UseChartMouseHandlerReturn;
+
+export { _default$3 as BarChart, BaseTooltip, BaseLegend as Legend, _default$2 as LineChart, _default$1 as PieChart, _default as PieSemiCircleChart, ThemeProvider, useChartMouseHandler };

package/dist/mjs/components/bar-chart/index.js

@@ -1,3 +1,2 @@
-/*! For license information please see index.js.LICENSE.txt */
-import*as e from"react";import*as t from"@visx/axis";import*as r from"@visx/event";import*as o from"@visx/group";import*as n from"@visx/scale";import*as i from"@visx/shape";import*as a from"@visx/tooltip";import*as l from"clsx";import*as s from"@visx/grid";import*as c from"@visx/legend";import*as d from"@visx/responsive";var u={572:(e,t,r)=>{var o=r(649),n=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,r){var o,i={},c=null,d=null;for(o in void 0!==r&&(c=""+r),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(d=t.ref),t)a.call(t,o)&&!s.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:n,type:e,key:c,ref:d,props:i,_owner:l.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},48:(e,t,r)=>{e.exports=r(572)},649:t=>{t.exports=e}},p={};function v(e){var t=p[e];if(void 0!==t)return t.exports;var r=p[e]={exports:{}};return u[e](r,r.exports,v),r.exports}v.d=(e,t)=>{for(var r in t)v.o(t,r)&&!v.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var f={};function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=Array(t);r<t;r++)o[r]=e[r];return o}function h(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}v.d(f,{E:()=>X});const b=(g={AxisBottom:()=>t.AxisBottom,AxisLeft:()=>t.AxisLeft},x={},v.d(x,g),x);var g,x;const y=(e=>{var t={};return v.d(t,e),t})({localPoint:()=>r.localPoint}),j=(e=>{var t={};return v.d(t,e),t})({Group:()=>o.Group}),w=(e=>{var t={};return v.d(t,e),t})({scaleBand:()=>n.scaleBand,scaleLinear:()=>n.scaleLinear,scaleOrdinal:()=>n.scaleOrdinal}),O=(e=>{var t={};return v.d(t,e),t})({Bar:()=>i.Bar}),S=(e=>{var t={};return v.d(t,e),t})({useTooltip:()=>a.useTooltip}),P=(e=>{var t={};return v.d(t,e),t})({default:()=>l.default});var F=v(649),L={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},N=v(48),C=(0,F.createContext)(L);const A=(e=>{var t={};return v.d(t,e),t})({GridColumns:()=>s.GridColumns,GridRows:()=>s.GridRows}),B=function(e){var t=e.width,r=e.height,o=e.xScale,n=e.yScale,i=e.gridVisibility,a=void 0===i?"x":i,l=e.top,s=void 0===l?0:l;return(0,N.jsxs)("g",{transform:"translate(0, ".concat(s,")"),className:"jfpeES0fbFrqCPR8dRN7",children:[a.includes("x")&&(0,N.jsx)(A.GridRows,{scale:o,width:t}),a.includes("y")&&(0,N.jsx)(A.GridColumns,{scale:n,height:r})]})},_=(e=>{var t={};return v.d(t,e),t})({LegendOrdinal:()=>c.LegendOrdinal}),E={"legend--horizontal":"b1_5FxxoK4aEFLoe67IA","legend--vertical":"vpmQkJAPhp3XJ9Wb6vOw","legend-item":"IKM8KG1lF9e5NzDqMLOJ","legend-item-swatch":"_eccyBq0v2puKsHw8XND","legend-item-label":"UeZrUEpEK0tLzXHmeUco","legend-item-value":"R5msPOYKm79jYV13H0v7"};var D={horizontal:"row",vertical:"column"},T=function(e){var t=e.items,r=e.className,o=e.orientation,n=void 0===o?"horizontal":o,i=(0,w.scaleOrdinal)({domain:t.map((function(e){return e.label})),range:t.map((function(e){return e.color}))});return(0,N.jsx)("div",{className:(0,P.default)(E.legend,E["legend--".concat(n)],r),role:"list",children:(0,N.jsx)(_.LegendOrdinal,{scale:i,direction:D[n],shape:"rect",shapeWidth:16,shapeHeight:16,className:E["legend-items"],children:function(e){return(0,N.jsx)("div",{className:E["legend--".concat(n)],children:e.map((function(e){var r,o;return(0,N.jsxs)("div",{className:E["legend-item"],children:[(0,N.jsx)("svg",{width:16,height:16,children:(0,N.jsx)("rect",{width:16,height:16,fill:e.value,className:E["legend-item-swatch"]})}),(0,N.jsxs)("span",{className:E["legend-item-label"],children:[e.text,(null===(r=t.find((function(t){return t.label===e.text})))||void 0===r?void 0:r.value)&&(0,N.jsx)("span",{className:E["legend-item-value"],children:null===(o=t.find((function(t){return t.label===e.text})))||void 0===o?void 0:o.value})]})]},e.text)}))})}})})};function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function R(e,t,r){return(t=function(e){var t=function(e){if("object"!=k(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==k(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const G=(e=>{var t={};return v.d(t,e),t})({useParentSize:()=>d.useParentSize});function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){R(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I=function(e){var t=e.data;return(0,N.jsxs)(N.Fragment,{children:[null==t?void 0:t.label,": ",(null==t?void 0:t.valueDisplay)||(null==t?void 0:t.value)]})},K=function(e){var t=e.data,r=e.top,o=e.left,n=e.component,i=void 0===n?I:n,a=e.children,l=e.className;return(0,N.jsx)("div",{className:"Jmgc7XAf2uAyK5059rBe",style:{top:r,left:o},role:"tooltip",children:a||t&&(0,N.jsx)(i,{data:t,className:l})})};const H={"bar-chart":"Vm_cn8YnIXBavFt6eHSp","bar-chart-legend":"e4dhKgBP7e6FBRAX2SrP"};var U=function(e){var t,r=e.data,o=e.margin,n=void 0===o?{top:20,right:20,bottom:40,left:40}:o,i=e.withTooltips,a=void 0!==i&&i,l=e.showLegend,s=void 0!==l&&l,c=e.legendOrientation,d=void 0===c?"horizontal":c,u=e.className,p=e.gridVisibility,v=void 0===p?"x":p,f=e.width,m=e.height,g=void 0===m?400:m,x=(0,F.useContext)(C),L=(0,S.useTooltip)(),A=L.tooltipOpen,_=L.tooltipLeft,E=L.tooltipTop,D=L.tooltipData,k=L.hideTooltip,R=L.showTooltip,G=(0,F.useCallback)((function(e,t,r,o,n){var i=(0,y.localPoint)(e);i&&R({tooltipData:{value:t,xLabel:r,yLabel:o,seriesIndex:n},tooltipLeft:i.x,tooltipTop:i.y-10})}),[R]),M=(0,F.useCallback)((function(){k()}),[k]);if(null==r||!r.length)return(0,N.jsx)("div",{className:(0,P.default)("bar-chart-empty",H["bat-chart-empty"]),children:"Empty..."});var z=n,I=f-z.left-z.right,U=g-z.top-z.bottom,X=null===(t=r[0].data)||void 0===t?void 0:t.map((function(e){return(null==e?void 0:e.label)||""})),V=(0,w.scaleBand)({range:[0,I],domain:X,padding:.2}),W=(0,w.scaleBand)({range:[0,V.bandwidth()],domain:r.map((function(e,t){return t.toString()})),padding:.1}),J=(0,w.scaleLinear)({range:[U,0],domain:[0,Math.max.apply(Math,h(r.map((function(e){return Math.max.apply(Math,h(e.data.map((function(e){return(null==e?void 0:e.value)||0}))))}))))]}),Y=r.map((function(e,t){return{label:e.label,value:"",color:x.colors[t%x.colors.length]}}));return(0,N.jsxs)("div",{className:(0,P.default)("bar-chart",u,H["bar-chart"]),children:[(0,N.jsx)("svg",{width:f,height:g,children:(0,N.jsxs)(j.Group,{left:z.left,top:z.top,children:[(0,N.jsx)(B,{width:I,height:U,xScale:V,yScale:J,gridVisibility:v}),r.map((function(e,t){return(0,N.jsx)(j.Group,{children:e.data.map((function(r){var o,n,i=V((null==r?void 0:r.label)||"");if(void 0===i)return null;var l=W.bandwidth(),s=i+(null!==(o=W(t.toString()))&&void 0!==o?o:0);return(0,N.jsx)(O.Bar,{x:s,y:J(r.value),width:l,height:U-(null!==(n=J(r.value))&&void 0!==n?n:0),fill:x.colors[t%x.colors.length],onMouseMove:a?function(o){return G(o,r.value,(null==r?void 0:r.label)||"",e.label,t)}:void 0,onMouseLeave:a?M:void 0},"bar-".concat(t,"-").concat(r.label))}))},t)})),(0,N.jsx)(b.AxisLeft,{scale:J}),(0,N.jsx)(b.AxisBottom,{scale:V,top:U})]})}),a&&A&&D&&(0,N.jsx)(K,{top:E||0,left:_||0,children:(0,N.jsxs)("div",{children:[(0,N.jsx)("div",{children:D.yLabel}),(0,N.jsxs)("div",{children:[D.xLabel,": ",D.value]})]})}),s&&(0,N.jsx)(T,{items:Y,orientation:d,className:H["bar-chart-legend"]})]})};U.displayName="BarChart";const X=(V=U,J=(W={}).maxWidth,Y=void 0===J?1200:J,$=void 0===(q=W.aspectRatio)?.5:q,Z=void 0===(Q=W.debounceTime)?50:Q,function(e){var t=(0,G.useParentSize)({debounceTime:Z,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),r=t.parentRef,o=t.width,n=o?Math.min(o,Y):600,i=n*$;return(0,N.jsx)("div",{ref:r,style:{width:"100%",minHeight:"".concat(i,"px")},children:(0,N.jsx)(V,z({width:n,height:i},e))})});var V,W,J,Y,q,$,Q,Z,ee=f.E;export{ee as BarChart};
-//# sourceMappingURL=index.js.map
+import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import{AxisLeft as a,AxisBottom as i}from"@visx/axis";import{localPoint as o}from"@visx/event";import{Group as r}from"@visx/group";import{scaleOrdinal as n,scaleBand as d,scaleLinear as s}from"@visx/scale";import{Bar as c}from"@visx/shape";import{useTooltip as m}from"@visx/tooltip";import h from"clsx";import{createContext as g,useContext as p,useCallback as v}from"react";import{GridRows as u,GridColumns as b}from"@visx/grid";import{LegendOrdinal as _}from"@visx/legend";import{useParentSize as f}from"@visx/responsive";const x=g({backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""});var w="grid-control-module__grid-control__KOnZN";const N=({width:l,height:a,xScale:i,yScale:o,gridVisibility:r="x",top:n=0})=>e("g",{transform:`translate(0, ${n})`,className:w,children:[r.includes("x")&&t(u,{scale:i,width:l}),r.includes("y")&&t(b,{scale:o,height:a})]});var y={"legend--horizontal":"legend-module__legend--horizontal__IUN13","legend--vertical":"legend-module__legend--vertical__Scfzo","legend-item":"legend-module__legend-item__feemn","legend-item-swatch":"legend-module__legend-item-swatch__nRyXf","legend-item-label":"legend-module__legend-item-label__ksx6I","legend-item-value":"legend-module__legend-item-value__d9x1j"};const F={horizontal:"row",vertical:"column"},C=({items:l,className:a,orientation:i="horizontal"})=>{const o=n({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return t("div",{className:h(y.legend,y[`legend--${i}`],a),role:"list",children:t(_,{scale:o,direction:F[i],shape:"rect",shapeWidth:16,shapeHeight:16,className:y["legend-items"],children:a=>t("div",{className:y[`legend--${i}`],children:a.map((a=>e("div",{className:y["legend-item"],children:[t("svg",{width:16,height:16,children:t("rect",{width:16,height:16,fill:a.value,className:y["legend-item-swatch"]})}),e("span",{className:y["legend-item-label"],children:[a.text,l.find((e=>e.label===a.text))?.value&&t("span",{className:y["legend-item-value"],children:l.find((e=>e.label===a.text))?.value})]})]},a.text)))})})})};var L="base-tooltip-module__tooltip__OfX6n";const S=({data:t})=>e(l,{children:[t?.label,": ",t?.valueDisplay||t?.value]}),z=({data:e,top:l,left:a,component:i=S,children:o,className:r})=>t("div",{className:L,style:{top:l,left:a},role:"tooltip",children:o||e&&t(i,{data:e,className:r})});var D={"bar-chart":"bar-chart-module__bar-chart__lmYNi","bar-chart-legend":"bar-chart-module__bar-chart-legend__vgKKq"};const k=({data:l,margin:n={top:20,right:20,bottom:40,left:40},withTooltips:g=!1,showLegend:u=!1,legendOrientation:b="horizontal",className:_,gridVisibility:f="x",width:w,height:y=400})=>{const F=p(x),{tooltipOpen:L,tooltipLeft:S,tooltipTop:k,tooltipData:T,hideTooltip:M,showTooltip:$}=m(),B=v(((e,t,l,a,i)=>{const r=o(e);r&&$({tooltipData:{value:t,xLabel:l,yLabel:a,seriesIndex:i},tooltipLeft:r.x,tooltipTop:r.y-10})}),[$]),O=v((()=>{M()}),[M]);if(!l?.length)return t("div",{className:h("bar-chart-empty",D["bat-chart-empty"]),children:"Empty..."});const I=n,K=w-I.left-I.right,R=y-I.top-I.bottom,V=l[0].data?.map((e=>e?.label||"")),W=d({range:[0,K],domain:V,padding:.2}),j=d({range:[0,W.bandwidth()],domain:l.map(((e,t)=>t.toString())),padding:.1}),A=s({range:[R,0],domain:[0,Math.max(...l.map((e=>Math.max(...e.data.map((e=>e?.value||0))))))]}),H=l.map(((e,t)=>({label:e.label,value:"",color:F.colors[t%F.colors.length]})));return e("div",{className:h("bar-chart",_,D["bar-chart"]),children:[t("svg",{width:w,height:y,children:e(r,{left:I.left,top:I.top,children:[t(N,{width:K,height:R,xScale:W,yScale:A,gridVisibility:f}),l.map(((e,l)=>t(r,{children:e.data.map((a=>{const i=W(a?.label||"");if(void 0===i)return null;const o=j.bandwidth(),r=i+(j(l.toString())??0);return t(c,{x:r,y:A(a.value),width:o,height:R-(A(a.value)??0),fill:F.colors[l%F.colors.length],onMouseMove:g?t=>B(t,a.value,a?.label||"",e.label,l):void 0,onMouseLeave:g?O:void 0},`bar-${l}-${a.label}`)}))},l))),t(a,{scale:A}),t(i,{scale:W,top:R})]})}),g&&L&&T&&t(z,{top:k||0,left:S||0,children:e("div",{children:[t("div",{children:T.yLabel}),e("div",{children:[T.xLabel,": ",T.value]})]})}),u&&t(C,{items:H,orientation:b,className:D["bar-chart-legend"]})]})};k.displayName="BarChart";var T=function(e,l){const{maxWidth:a=1200,aspectRatio:i=.5,debounceTime:o=50}=l||{};return function(l){const{parentRef:r,width:n}=f({debounceTime:o,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),d=n?Math.min(n,a):600,s=d*i;return t("div",{ref:r,style:{width:"100%",minHeight:`${s}px`},children:t(e,{width:d,height:s,size:d,...l})})}}(k);export{T as BarChart};
+//# sourceMappingURL=index.js.map

package/dist/mjs/components/bar-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/bar-chart/index.js","mappings":"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","sources":["webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js","webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js","webpack://@automattic/charts/external module \"react\"","webpack://@automattic/charts/webpack/bootstrap","webpack://@automattic/charts/webpack/runtime/define property getters","webpack://@automattic/charts/webpack/runtime/hasOwnProperty shorthand","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack://@automattic/charts/external module \"@visx/axis\"","webpack://@automattic/charts/external module \"@visx/event\"","webpack://@automattic/charts/external module \"@visx/group\"","webpack://@automattic/charts/external module \"@visx/scale\"","webpack://@automattic/charts/external module \"@visx/shape\"","webpack://@automattic/charts/external module \"@visx/tooltip\"","webpack://@automattic/charts/external module \"clsx\"","webpack://@automattic/charts/./src/providers/theme/themes.ts","webpack://@automattic/charts/./src/providers/theme/theme-provider.tsx","webpack://@automattic/charts/external module \"@visx/grid\"","webpack://@automattic/charts/./src/components/grid-control/grid-control.tsx","webpack://@automattic/charts/./src/components/grid-control/grid-control.module.scss?a210","webpack://@automattic/charts/external module \"@visx/legend\"","webpack://@automattic/charts/./src/components/legend/legend.module.scss?843e","webpack://@automattic/charts/./src/components/legend/base-legend.tsx","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/typeof.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack://@automattic/charts/external module \"@visx/responsive\"","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.tsx","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.module.scss?1d14","webpack://@automattic/charts/./src/components/bar-chart/bar-chart.module.scss?9954","webpack://@automattic/charts/./src/components/bar-chart/bar-chart.tsx","webpack://@automattic/charts/./src/components/shared/with-responsive.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_react__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","function _arrayLikeToArray(r, a) {\n  (null == a || a > r.length) && (a = r.length);\n  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n  return n;\n}\nexport { _arrayLikeToArray as default };","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nfunction _toConsumableArray(r) {\n  return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();\n}\nexport { _toConsumableArray as default };","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _arrayWithoutHoles(r) {\n  if (Array.isArray(r)) return arrayLikeToArray(r);\n}\nexport { _arrayWithoutHoles as default };","function _iterableToArray(r) {\n  if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r);\n}\nexport { _iterableToArray as default };","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _unsupportedIterableToArray(r, a) {\n  if (r) {\n    if (\"string\" == typeof r) return arrayLikeToArray(r, a);\n    var t = {}.toString.call(r).slice(8, -1);\n    return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;\n  }\n}\nexport { _unsupportedIterableToArray as default };","function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _nonIterableSpread as default };","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"AxisBottom\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_axis_c51807aa__.AxisBottom), [\"AxisLeft\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_axis_c51807aa__.AxisLeft) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"localPoint\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_event_19f6f977__.localPoint) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"Group\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_group_7523624b__.Group) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"scaleBand\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__.scaleBand), [\"scaleLinear\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__.scaleLinear), [\"scaleOrdinal\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__.scaleOrdinal) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"Bar\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_shape_3711bad4__.Bar) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"useTooltip\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_tooltip_83ba89e9__.useTooltip) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"default\"]: () => (__WEBPACK_EXTERNAL_MODULE_clsx__[\"default\"]) });","import type { ChartTheme } from '../../types';\n\n/**\n * Default theme configuration\n */\nconst defaultTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#98C8DF', '#006DAB', '#A6DC80', '#1F9828', '#FF8C8F' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\n/**\n * Jetpack theme configuration\n */\nconst jetpackTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#98C8DF', '#006DAB', '#A6DC80', '#1F9828', '#FF8C8F' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\n/**\n * Woo theme configuration\n */\nconst wooTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#80C8FF', '#B999FF', '#3858E9' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\nexport { defaultTheme, jetpackTheme, wooTheme };\n","import { createContext, useContext, FC, type ReactNode } from 'react';\nimport { defaultTheme } from './themes';\nimport type { ChartTheme } from '../../types';\n\n/**\n * Context for sharing theme configuration across components\n */\nconst ThemeContext = createContext< ChartTheme >( defaultTheme );\n\n/**\n * Hook to access chart theme\n * @return {object} A built theme configuration compatible with visx charts\n */\nconst useChartTheme = () => {\n\tconst theme = useContext( ThemeContext );\n\treturn theme;\n};\n\n/**\n * Props for the ThemeProvider component\n */\ntype ThemeProviderProps = {\n\t/** Optional partial theme override */\n\ttheme?: Partial< ChartTheme >;\n\t/** Child components that will have access to the theme */\n\tchildren: ReactNode;\n};\n\n// Provider component for chart theming\n// Allows theme customization through props while maintaining default values\nconst ThemeProvider: FC< ThemeProviderProps > = ( { theme = {}, children } ) => {\n\tconst mergedTheme = { ...defaultTheme, ...theme };\n\treturn <ThemeContext.Provider value={ mergedTheme }>{ children }</ThemeContext.Provider>;\n};\n\nexport { ThemeProvider, useChartTheme };\n","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"GridColumns\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_grid_89d2c099__.GridColumns), [\"GridRows\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_grid_89d2c099__.GridRows) });","import { GridRows, GridColumns } from '@visx/grid';\nimport React from 'react';\nimport styles from './grid-control.module.scss';\nimport type { GridProps } from '../../types';\n\nconst GridControl: React.FC< GridProps > = ( {\n\twidth,\n\theight,\n\txScale,\n\tyScale,\n\tgridVisibility = 'x',\n\ttop = 0,\n} ) => {\n\treturn (\n\t\t<g transform={ `translate(0, ${ top })` } className={ styles[ 'grid-control' ] }>\n\t\t\t{ gridVisibility.includes( 'x' ) && <GridRows scale={ xScale } width={ width } /> }\n\t\t\t{ gridVisibility.includes( 'y' ) && <GridColumns scale={ yScale } height={ height } /> }\n\t\t</g>\n\t);\n};\n\nexport default GridControl;\n","// extracted by mini-css-extract-plugin\nexport default {\"grid-control\":\"jfpeES0fbFrqCPR8dRN7\"};","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"LegendOrdinal\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_legend_118b7922__.LegendOrdinal) });","// extracted by mini-css-extract-plugin\nexport default {\"legend--horizontal\":\"b1_5FxxoK4aEFLoe67IA\",\"legend--vertical\":\"vpmQkJAPhp3XJ9Wb6vOw\",\"legend-item\":\"IKM8KG1lF9e5NzDqMLOJ\",\"legend-item-swatch\":\"_eccyBq0v2puKsHw8XND\",\"legend-item-label\":\"UeZrUEpEK0tLzXHmeUco\",\"legend-item-value\":\"R5msPOYKm79jYV13H0v7\"};","import { LegendOrdinal } from '@visx/legend';\nimport { scaleOrdinal } from '@visx/scale';\nimport clsx from 'clsx';\nimport { FC } from 'react';\nimport styles from './legend.module.scss';\nimport type { LegendProps } from './types';\n\n/**\n * Base legend component that displays color-coded items with labels using visx\n * @param {object} props             - Component properties\n * @param {Array}  props.items       - Array of legend items to display\n * @param {string} props.className   - Additional CSS class names\n * @param {string} props.orientation - Layout orientation (horizontal/vertical)\n * @return {JSX.Element}               Rendered legend component\n */\nconst orientationToFlexDirection = {\n\thorizontal: 'row' as const,\n\tvertical: 'column' as const,\n};\n\nexport const BaseLegend: FC< LegendProps > = ( {\n\titems,\n\tclassName,\n\torientation = 'horizontal',\n} ) => {\n\tconst legendScale = scaleOrdinal( {\n\t\tdomain: items.map( item => item.label ),\n\t\trange: items.map( item => item.color ),\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( styles.legend, styles[ `legend--${ orientation }` ], className ) }\n\t\t\trole=\"list\"\n\t\t>\n\t\t\t<LegendOrdinal\n\t\t\t\tscale={ legendScale }\n\t\t\t\tdirection={ orientationToFlexDirection[ orientation ] }\n\t\t\t\tshape=\"rect\"\n\t\t\t\tshapeWidth={ 16 }\n\t\t\t\tshapeHeight={ 16 }\n\t\t\t\tclassName={ styles[ 'legend-items' ] }\n\t\t\t>\n\t\t\t\t{ labels => (\n\t\t\t\t\t<div className={ styles[ `legend--${ orientation }` ] }>\n\t\t\t\t\t\t{ labels.map( label => (\n\t\t\t\t\t\t\t<div key={ label.text } className={ styles[ 'legend-item' ] }>\n\t\t\t\t\t\t\t\t<svg width={ 16 } height={ 16 }>\n\t\t\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\t\t\twidth={ 16 }\n\t\t\t\t\t\t\t\t\t\theight={ 16 }\n\t\t\t\t\t\t\t\t\t\tfill={ label.value }\n\t\t\t\t\t\t\t\t\t\tclassName={ styles[ 'legend-item-swatch' ] }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<span className={ styles[ 'legend-item-label' ] }>\n\t\t\t\t\t\t\t\t\t{ label.text }\n\t\t\t\t\t\t\t\t\t{ items.find( item => item.label === label.text )?.value && (\n\t\t\t\t\t\t\t\t\t\t<span className={ styles[ 'legend-item-value' ] }>\n\t\t\t\t\t\t\t\t\t\t\t{ items.find( item => item.label === label.text )?.value }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</LegendOrdinal>\n\t\t</div>\n\t);\n};\n","function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n    value: t,\n    enumerable: !0,\n    configurable: !0,\n    writable: !0\n  }) : e[r] = t, e;\n}\nexport { _defineProperty as default };","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };","import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"useParentSize\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_responsive_eb017331__.useParentSize) });","import styles from './base-tooltip.module.scss';\nimport type { CSSProperties, ComponentType, ReactNode } from 'react';\n\ntype TooltipData = {\n\tlabel: string;\n\tvalue: number;\n\tvalueDisplay?: string;\n};\n\ntype TooltipComponentProps = {\n\tdata: TooltipData;\n\tclassName?: string;\n};\n\ntype TooltipCommonProps = {\n\ttop: number;\n\tleft: number;\n\tstyle?: CSSProperties;\n\tclassName?: string;\n};\n\ntype DefaultDataTooltip = {\n\tdata: TooltipData;\n\tcomponent?: ComponentType< TooltipComponentProps >;\n\tchildren?: never;\n};\n\ntype CustomTooltip = {\n\tchildren: ReactNode;\n\tdata?: never;\n\tcomponent?: never;\n};\n\ntype BaseTooltipProps = TooltipCommonProps & ( DefaultDataTooltip | CustomTooltip );\n\nconst DefaultTooltipContent = ( { data }: TooltipComponentProps ) => (\n\t<>\n\t\t{ data?.label }: { data?.valueDisplay || data?.value }\n\t</>\n);\n\nexport const BaseTooltip = ( {\n\tdata,\n\ttop,\n\tleft,\n\tcomponent: Component = DefaultTooltipContent,\n\tchildren,\n\tclassName,\n}: BaseTooltipProps ) => {\n\treturn (\n\t\t<div className={ styles.tooltip } style={ { top, left } } role=\"tooltip\">\n\t\t\t{ children || ( data && <Component data={ data } className={ className } /> ) }\n\t\t</div>\n\t);\n};\n\nexport type { BaseTooltipProps, TooltipData };\n","// extracted by mini-css-extract-plugin\nexport default {\"tooltip\":\"Jmgc7XAf2uAyK5059rBe\"};","// extracted by mini-css-extract-plugin\nexport default {\"bar-chart\":\"Vm_cn8YnIXBavFt6eHSp\",\"bar-chart-legend\":\"e4dhKgBP7e6FBRAX2SrP\"};","import { AxisLeft, AxisBottom } from '@visx/axis';\nimport { localPoint } from '@visx/event';\nimport { Group } from '@visx/group';\nimport { scaleBand, scaleLinear } from '@visx/scale';\nimport { Bar } from '@visx/shape';\nimport { useTooltip } from '@visx/tooltip';\nimport clsx from 'clsx';\nimport { FC, useCallback, type MouseEvent } from 'react';\nimport { useChartTheme } from '../../providers/theme';\nimport { GridControl } from '../grid-control';\nimport { Legend } from '../legend';\nimport { withResponsive } from '../shared/with-responsive';\nimport { BaseTooltip } from '../tooltip';\nimport styles from './bar-chart.module.scss';\nimport type { BaseChartProps, SeriesData } from '../../types';\n\ntype BarChartTooltipData = {\n\tvalue: number;\n\txLabel: string;\n\tyLabel: string;\n\tseriesIndex: number;\n};\n\ninterface BarChartProps extends BaseChartProps< SeriesData[] > {}\n\nconst BarChart: FC< BarChartProps > = ( {\n\tdata,\n\tmargin = { top: 20, right: 20, bottom: 40, left: 40 },\n\twithTooltips = false,\n\tshowLegend = false,\n\tlegendOrientation = 'horizontal',\n\tclassName,\n\tgridVisibility = 'x',\n\twidth,\n\theight = 400,\n} ) => {\n\tconst theme = useChartTheme();\n\tconst { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =\n\t\tuseTooltip< BarChartTooltipData >();\n\n\tconst handleMouseMove = useCallback(\n\t\t(\n\t\t\tevent: MouseEvent< SVGRectElement >,\n\t\t\tvalue: number,\n\t\t\txLabel: string,\n\t\t\tyLabel: string,\n\t\t\tseriesIndex: number\n\t\t) => {\n\t\t\tconst coords = localPoint( event );\n\t\t\tif ( ! coords ) return;\n\n\t\t\tshowTooltip( {\n\t\t\t\ttooltipData: { value, xLabel, yLabel, seriesIndex },\n\t\t\t\ttooltipLeft: coords.x,\n\t\t\t\ttooltipTop: coords.y - 10,\n\t\t\t} );\n\t\t},\n\t\t[ showTooltip ]\n\t);\n\n\tconst handleMouseLeave = useCallback( () => {\n\t\thideTooltip();\n\t}, [ hideTooltip ] );\n\n\tif ( ! data?.length ) {\n\t\treturn <div className={ clsx( 'bar-chart-empty', styles[ 'bat-chart-empty' ] ) }>Empty...</div>;\n\t}\n\n\tconst margins = margin;\n\tconst xMax = width - margins.left - margins.right;\n\tconst yMax = height - margins.top - margins.bottom;\n\n\t// Get labels for x-axis from the first series (assuming all series have same labels)\n\tconst labels = data[ 0 ].data?.map( d => d?.label || '' );\n\n\t// Create scales\n\tconst xScale = scaleBand< string >( {\n\t\trange: [ 0, xMax ],\n\t\tdomain: labels,\n\t\tpadding: 0.2,\n\t} );\n\n\tconst innerScale = scaleBand( {\n\t\trange: [ 0, xScale.bandwidth() ],\n\t\tdomain: data.map( ( _, i ) => i.toString() ),\n\t\tpadding: 0.1,\n\t} );\n\n\tconst yScale = scaleLinear< number >( {\n\t\trange: [ yMax, 0 ],\n\t\tdomain: [\n\t\t\t0,\n\t\t\tMath.max( ...data.map( series => Math.max( ...series.data.map( d => d?.value || 0 ) ) ) ),\n\t\t],\n\t} );\n\n\t// Create legend items from group labels, this iterates over groups rather than data points\n\tconst legendItems = data.map( ( group, index ) => ( {\n\t\tlabel: group.label, // Label for each unique group\n\t\tvalue: '', // Empty string since we don't want to show a specific value\n\t\tcolor: theme.colors[ index % theme.colors.length ],\n\t} ) );\n\n\treturn (\n\t\t<div className={ clsx( 'bar-chart', className, styles[ 'bar-chart' ] ) }>\n\t\t\t<svg width={ width } height={ height }>\n\t\t\t\t<Group left={ margins.left } top={ margins.top }>\n\t\t\t\t\t<GridControl\n\t\t\t\t\t\twidth={ xMax }\n\t\t\t\t\t\theight={ yMax }\n\t\t\t\t\t\txScale={ xScale }\n\t\t\t\t\t\tyScale={ yScale }\n\t\t\t\t\t\tgridVisibility={ gridVisibility }\n\t\t\t\t\t/>\n\t\t\t\t\t{ data.map( ( series, seriesIndex ) => (\n\t\t\t\t\t\t<Group key={ seriesIndex }>\n\t\t\t\t\t\t\t{ series.data.map( d => {\n\t\t\t\t\t\t\t\tconst xPos = xScale( d?.label || '' );\n\t\t\t\t\t\t\t\tif ( xPos === undefined ) return null;\n\n\t\t\t\t\t\t\t\tconst barWidth = innerScale.bandwidth();\n\t\t\t\t\t\t\t\tconst barX = xPos + ( innerScale( seriesIndex.toString() ) ?? 0 );\n\n\t\t\t\t\t\t\t\tconst handleBarMouseMove = ( event: MouseEvent< SVGRectElement > ) =>\n\t\t\t\t\t\t\t\t\thandleMouseMove( event, d.value, d?.label || '', series.label, seriesIndex );\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Bar\n\t\t\t\t\t\t\t\t\t\tkey={ `bar-${ seriesIndex }-${ d.label }` }\n\t\t\t\t\t\t\t\t\t\tx={ barX }\n\t\t\t\t\t\t\t\t\t\ty={ yScale( d.value ) }\n\t\t\t\t\t\t\t\t\t\twidth={ barWidth }\n\t\t\t\t\t\t\t\t\t\theight={ yMax - ( yScale( d.value ) ?? 0 ) }\n\t\t\t\t\t\t\t\t\t\tfill={ theme.colors[ seriesIndex % theme.colors.length ] }\n\t\t\t\t\t\t\t\t\t\tonMouseMove={ withTooltips ? handleBarMouseMove : undefined }\n\t\t\t\t\t\t\t\t\t\tonMouseLeave={ withTooltips ? handleMouseLeave : undefined }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</Group>\n\t\t\t\t\t) ) }\n\t\t\t\t\t<AxisLeft scale={ yScale } />\n\t\t\t\t\t<AxisBottom scale={ xScale } top={ yMax } />\n\t\t\t\t</Group>\n\t\t\t</svg>\n\n\t\t\t{ withTooltips && tooltipOpen && tooltipData && (\n\t\t\t\t<BaseTooltip top={ tooltipTop || 0 } left={ tooltipLeft || 0 }>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div>{ tooltipData.yLabel }</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{ tooltipData.xLabel }: { tooltipData.value }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</BaseTooltip>\n\t\t\t) }\n\n\t\t\t{ showLegend && (\n\t\t\t\t<Legend\n\t\t\t\t\titems={ legendItems }\n\t\t\t\t\torientation={ legendOrientation }\n\t\t\t\t\tclassName={ styles[ 'bar-chart-legend' ] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nBarChart.displayName = 'BarChart';\nexport default withResponsive< BarChartProps >( BarChart );\n","import { useParentSize } from '@visx/responsive';\nimport { ComponentType } from 'react';\nimport type { BaseChartProps } from '../../types';\n\ntype ResponsiveConfig = {\n\tmaxWidth?: number;\n\taspectRatio?: number;\n\tdebounceTime?: number;\n};\n\n/**\n * A higher-order component that provides responsive width and height\n * to the wrapped chart component using useParentSize from @visx/responsive.\n *\n * @param WrappedComponent - The chart component to be wrapped.\n * @param config           - Optional configuration for responsive behavior\n * @return A functional component that renders the wrapped component with responsive dimensions.\n */\nexport function withResponsive< T extends BaseChartProps< unknown > >(\n\tWrappedComponent: ComponentType< T >,\n\tconfig?: ResponsiveConfig\n) {\n\tconst { maxWidth = 1200, aspectRatio = 0.5, debounceTime = 50 } = config || {};\n\n\treturn function ResponsiveChart( props: Omit< T, 'width' | 'height' > ) {\n\t\tconst { parentRef, width: parentWidth } = useParentSize( {\n\t\t\tdebounceTime,\n\t\t\tenableDebounceLeadingCall: true,\n\t\t\tinitialSize: { width: 600, height: 400 },\n\t\t} );\n\n\t\t// Calculate dimensions\n\t\tconst containerWidth = parentWidth ? Math.min( parentWidth, maxWidth ) : 600;\n\t\tconst containerHeight = containerWidth * aspectRatio;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ parentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\tminHeight: `${ containerHeight }px`,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<WrappedComponent\n\t\t\t\t\twidth={ containerWidth }\n\t\t\t\t\theight={ containerHeight }\n\t\t\t\t\t// When width and height are passed as props, they will override the responsive values, and the chart will become fixed size.\n\t\t\t\t\t{ ...( props as T ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t};\n}\n"],"names":["f","k","Symbol","for","l","m","Object","prototype","hasOwnProperty","n","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","p","key","ref","__self","__source","q","c","a","g","b","d","e","h","call","defaultProps","$$typeof","type","props","_owner","current","exports","Fragment","jsx","jsxs","module","__WEBPACK_EXTERNAL_MODULE_react__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","definition","o","defineProperty","enumerable","get","obj","prop","_arrayLikeToArray","r","length","Array","_toConsumableArray","isArray","iterator","from","t","toString","slice","constructor","name","test","TypeError","y","__WEBPACK_EXTERNAL_MODULE__visx_axis_c51807aa__","x","__WEBPACK_EXTERNAL_MODULE__visx_event_19f6f977__","__WEBPACK_EXTERNAL_MODULE__visx_group_7523624b__","__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__","__WEBPACK_EXTERNAL_MODULE__visx_shape_3711bad4__","__WEBPACK_EXTERNAL_MODULE__visx_tooltip_83ba89e9__","__WEBPACK_EXTERNAL_MODULE_clsx__","defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","__WEBPACK_EXTERNAL_MODULE__visx_grid_89d2c099__","_ref","width","height","xScale","yScale","_ref$gridVisibility","gridVisibility","_ref$top","top","_jsxs","transform","concat","className","children","includes","_jsx","GridRows","scale","GridColumns","__WEBPACK_EXTERNAL_MODULE__visx_legend_118b7922__","orientationToFlexDirection","horizontal","vertical","BaseLegend","items","_ref$orientation","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","clsx","styles","legend","role","LegendOrdinal","direction","shape","shapeWidth","shapeHeight","labels","_items$find","_items$find2","fill","value","text","find","_typeof","i","toPrimitive","String","toPropertyKey","configurable","writable","__WEBPACK_EXTERNAL_MODULE__visx_responsive_eb017331__","DefaultTooltipContent","data","_Fragment","valueDisplay","BaseTooltip","_ref2","left","_ref2$component","component","Component","style","BarChart","_data$0$data","_ref$margin","margin","right","bottom","_ref$withTooltips","withTooltips","_ref$showLegend","showLegend","_ref$legendOrientatio","legendOrientation","_ref$height","theme","useContext","_useTooltip","useTooltip","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","handleMouseMove","useCallback","event","xLabel","yLabel","seriesIndex","coords","localPoint","handleMouseLeave","margins","xMax","yMax","scaleBand","padding","innerScale","bandwidth","_","scaleLinear","Math","max","apply","series","legendItems","group","index","Group","GridControl","_innerScale","_yScale","xPos","barWidth","barX","Bar","onMouseMove","onMouseLeave","AxisLeft","AxisBottom","Legend","displayName","WrappedComponent","_ref$maxWidth","maxWidth","aspectRatio","_ref$aspectRatio","debounceTime","_ref$debounceTime","_useParentSize","useParentSize","enableDebounceLeadingCall","initialSize","parentRef","parentWidth","containerWidth","min","containerHeight","minHeight","_objectSpread"],"sourceRoot":""}
+{"version":3,"file":"index.js","sources":["../../../../src/providers/theme/themes.ts","../../../../src/providers/theme/theme-provider.tsx","../../../../src/components/grid-control/grid-control.tsx","../../../../src/components/legend/base-legend.tsx","../../../../src/components/tooltip/base-tooltip.tsx","../../../../src/components/bar-chart/bar-chart.tsx","../../../../src/components/shared/with-responsive.tsx"],"sourcesContent":[null,null,null,null,null,null,null],"names":["ThemeContext","createContext","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns","orientationToFlexDirection","horizontal","vertical","BaseLegend","items","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","clsx","legend","role","LegendOrdinal","direction","shape","shapeWidth","shapeHeight","labels","fill","value","text","find","DefaultTooltipContent","data","_Fragment","valueDisplay","BaseTooltip","left","component","Component","style","BarChart","margin","right","bottom","withTooltips","showLegend","legendOrientation","theme","useContext","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","handleMouseMove","useCallback","event","xLabel","yLabel","seriesIndex","coords","localPoint","x","y","handleMouseLeave","length","margins","xMax","yMax","d","scaleBand","padding","innerScale","bandwidth","_","i","toString","scaleLinear","Math","max","series","legendItems","group","index","Group","xPos","undefined","barWidth","barX","Bar","onMouseMove","onMouseLeave","AxisLeft","AxisBottom","Legend","displayName","barChart","WrappedComponent","config","maxWidth","aspectRatio","debounceTime","props","parentRef","parentWidth","useParentSize","enableDebounceLeadingCall","initialSize","containerWidth","min","containerHeight","ref","minHeight","size","withResponsive"],"mappings":"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"}

package/dist/mjs/components/bar-chart/style.css

@@ -1,6 +1,95 @@
-.Vm_cn8YnIXBavFt6eHSp{position:relative}.e4dhKgBP7e6FBRAX2SrP{margin-top:1rem}
-.jfpeES0fbFrqCPR8dRN7 .visx-line{stroke:#d7d6d6;stroke-width:1px;shape-rendering:crispEdges}
-.Jmgc7XAf2uAyK5059rBe{padding:.5rem;background-color:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.1);position:absolute;pointer-events:none;transform:translate(-50%, -100%)}
-.b1_5FxxoK4aEFLoe67IA{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.vpmQkJAPhp3XJ9Wb6vOw{display:flex;flex-direction:column;gap:8px}.IKM8KG1lF9e5NzDqMLOJ{display:flex;align-items:center;gap:8px;font-size:.875rem}._eccyBq0v2puKsHw8XND{border-radius:2px}.UeZrUEpEK0tLzXHmeUco{color:var(--jp-gray-80, #2c3338);display:flex;align-items:center;gap:.5rem}.R5msPOYKm79jYV13H0v7{font-weight:500}
+.pie-chart-module__pie-chart__R12Vh {
+  position: relative;
+}
+.line-chart-module__line-chart__ITM3d {
+  position: relative;
+}
+.line-chart-module__line-chart__tooltip__aqcme {
+  background: #fff;
+  padding: 0.5rem;
+}
+.line-chart-module__line-chart__tooltip-date__4Dzab {
+  font-weight: bold;
+  padding-bottom: 10px;
+}
+.line-chart-module__line-chart__tooltip-row__6A37G {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  justify-content: space-between;
+}
+.line-chart-module__line-chart__tooltip-label__IvnFF {
+  font-weight: 500;
+  padding-right: 1rem;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
+  position: relative;
+  text-align: center;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
+  margin-top: 1rem;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
+  margin-bottom: 0px;
+  font-weight: 600;
+  font-size: 16px;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
+  margin-top: 0px;
+  font-size: 14px;
+}
+.grid-control-module__grid-control__KOnZN .visx-line {
+  stroke: #d7d6d6;
+  stroke-width: 1px;
+  shape-rendering: crispEdges;
+}
+.legend-module__legend--horizontal__IUN13 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+.legend-module__legend--vertical__Scfzo {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
 
-/*# sourceMappingURL=style.css.map*/
+.legend-module__legend-item__feemn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.875rem;
+}
+
+.legend-module__legend-item-swatch__nRyXf {
+  border-radius: 2px;
+}
+
+.legend-module__legend-item-label__ksx6I {
+  color: var(--jp-gray-80, #2c3338);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.legend-module__legend-item-value__d9x1j {
+  font-weight: 500;
+}
+.base-tooltip-module__tooltip__OfX6n {
+  padding: 0.5rem;
+  background-color: rgba(0, 0, 0, 0.85);
+  color: white;
+  border-radius: 4px;
+  font-size: 14px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  pointer-events: none;
+  transform: translate(-50%, -100%);
+}
+.bar-chart-module__bar-chart__lmYNi {
+  position: relative;
+}
+.bar-chart-module__bar-chart-legend__vgKKq {
+  margin-top: 1rem;
+}

package/dist/mjs/components/grid-control/index.js

@@ -1,3 +1,2 @@
-/*! For license information please see index.js.LICENSE.txt */
-import*as r from"react";import*as e from"@visx/grid";var o={572:(r,e,o)=>{var t=o(649),s=Symbol.for("react.element"),i=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),n=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function l(r,e,o){var t,l={},d=null,c=null;for(t in void 0!==o&&(d=""+o),void 0!==e.key&&(d=""+e.key),void 0!==e.ref&&(c=e.ref),e)i.call(e,t)&&!a.hasOwnProperty(t)&&(l[t]=e[t]);if(r&&r.defaultProps)for(t in e=r.defaultProps)void 0===l[t]&&(l[t]=e[t]);return{$$typeof:s,type:r,key:d,ref:c,props:l,_owner:n.current}}e.jsx=l,e.jsxs=l},48:(r,e,o)=>{r.exports=o(572)},649:e=>{e.exports=r}},t={};function s(r){var e=t[r];if(void 0!==e)return e.exports;var i=t[r]={exports:{}};return o[r](i,i.exports,s),i.exports}s.d=(r,e)=>{for(var o in e)s.o(e,o)&&!s.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},s.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e);var i={};s.d(i,{O:()=>c});const n=(a={GridColumns:()=>e.GridColumns,GridRows:()=>e.GridRows},l={},s.d(l,a),l);var a,l;s(649);var d=s(48);const c=function(r){var e=r.width,o=r.height,t=r.xScale,s=r.yScale,i=r.gridVisibility,a=void 0===i?"x":i,l=r.top,c=void 0===l?0:l;return(0,d.jsxs)("g",{transform:"translate(0, ".concat(c,")"),className:"jfpeES0fbFrqCPR8dRN7",children:[a.includes("x")&&(0,d.jsx)(n.GridRows,{scale:t,width:e}),a.includes("y")&&(0,d.jsx)(n.GridColumns,{scale:s,height:o})]})};var f=i.O;export{f as GridControl};
-//# sourceMappingURL=index.js.map
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import{GridRows as t,GridColumns as e}from"@visx/grid";import"react";var o="grid-control-module__grid-control__KOnZN";const c=({width:c,height:l,xScale:a,yScale:s,gridVisibility:d="x",top:n=0})=>i("g",{transform:`translate(0, ${n})`,className:o,children:[d.includes("x")&&r(t,{scale:a,width:c}),d.includes("y")&&r(e,{scale:s,height:l})]});export{c as GridControl};
+//# sourceMappingURL=index.js.map

package/dist/mjs/components/grid-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/grid-control/index.js","mappings":";8EASiBA,EAAE,EAAQ,KAASC,EAAEC,OAAOC,IAAI,iBAAgDC,GAA7BF,OAAOC,IAAI,kBAAoBE,OAAOC,UAAUC,gBAAeC,EAAER,EAAES,mDAAmDC,kBAAkBC,EAAE,CAACC,KAAI,EAAGC,KAAI,EAAGC,QAAO,EAAGC,UAAS,GAChP,SAASC,EAAEC,EAAEC,EAAEC,GAAG,IAAIC,EAAEC,EAAE,CAAC,EAAEC,EAAE,KAAKC,EAAE,KAAiF,IAAIH,UAAhF,IAASD,IAAIG,EAAE,GAAGH,QAAG,IAASD,EAAEN,MAAMU,EAAE,GAAGJ,EAAEN,UAAK,IAASM,EAAEL,MAAMU,EAAEL,EAAEL,KAAcK,EAAEd,EAAEoB,KAAKN,EAAEE,KAAKT,EAAEJ,eAAea,KAAKC,EAAED,GAAGF,EAAEE,IAAI,GAAGH,GAAGA,EAAEQ,aAAa,IAAIL,KAAKF,EAAED,EAAEQ,kBAAe,IAASJ,EAAED,KAAKC,EAAED,GAAGF,EAAEE,IAAI,MAAM,CAACM,SAASzB,EAAE0B,KAAKV,EAAEL,IAAIU,EAAET,IAAIU,EAAEK,MAAMP,EAAEQ,OAAOrB,EAAEsB,QAAQ,CAAoBC,EAAQC,IAAIhB,EAAEe,EAAQE,KAAKjB,gBCPxWkB,EAAOH,QAAU,EAAjB,cCHFG,EAAOH,QAAUI,ICCbC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaR,QAGrB,IAAIG,EAASE,EAAyBE,GAAY,CAGjDP,QAAS,CAAC,GAOX,OAHAU,EAAoBH,GAAUJ,EAAQA,EAAOH,QAASM,GAG/CH,EAAOH,OACf,CCrBAM,EAAoBhB,EAAI,CAACU,EAASW,KACjC,IAAI,IAAI9B,KAAO8B,EACXL,EAAoBM,EAAED,EAAY9B,KAASyB,EAAoBM,EAAEZ,EAASnB,IAC5EP,OAAOuC,eAAeb,EAASnB,EAAK,CAAEiC,YAAY,EAAMC,IAAKJ,EAAW9B,IAE1E,ECNDyB,EAAoBM,EAAI,CAACI,EAAKC,IAAU3C,OAAOC,UAAUC,eAAeiB,KAAKuB,EAAKC,6BCIlF,MAAM,GAJGC,EAI8B,CAAE,YAAiB,IAAOC,EAA2D,YAAG,SAAc,IAAOA,EAAwD,UAHvMC,EAAI,CAAC,EAAGd,EAAoBhB,EAAE8B,EAAGF,GAAWE,GADzC,IAACF,EACJE,qBCoBL,QAhB2C,SAAHC,GAOjC,IANNC,EAAKD,EAALC,MACAC,EAAMF,EAANE,OACAC,EAAMH,EAANG,OACAC,EAAMJ,EAANI,OAAMC,EAAAL,EACNM,eAAAA,OAAc,IAAAD,EAAG,IAAGA,EAAAE,EAAAP,EACpBQ,IAAAA,OAAG,IAAAD,EAAG,EAACA,EAEP,OACCE,EAAAA,EAAAA,MAAA,KAAGC,UAAS,gBAAAC,OAAoBH,EAAG,KAAOI,UCbb,uBDamDC,SAAA,CAC7EP,EAAeQ,SAAU,OAASC,EAAAA,EAAAA,KAACC,EAAAA,SAAQ,CAACC,MAAQd,EAASF,MAAQA,IACrEK,EAAeQ,SAAU,OAASC,EAAAA,EAAAA,KAACG,EAAAA,YAAW,CAACD,MAAQb,EAASF,OAASA,MAG9E","sources":["webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js","webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js","webpack://@automattic/charts/external module \"react\"","webpack://@automattic/charts/webpack/bootstrap","webpack://@automattic/charts/webpack/runtime/define property getters","webpack://@automattic/charts/webpack/runtime/hasOwnProperty shorthand","webpack://@automattic/charts/external module \"@visx/grid\"","webpack://@automattic/charts/./src/components/grid-control/grid-control.tsx","webpack://@automattic/charts/./src/components/grid-control/grid-control.module.scss?a210"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_react__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"GridColumns\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_grid_89d2c099__.GridColumns), [\"GridRows\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_grid_89d2c099__.GridRows) });","import { GridRows, GridColumns } from '@visx/grid';\nimport React from 'react';\nimport styles from './grid-control.module.scss';\nimport type { GridProps } from '../../types';\n\nconst GridControl: React.FC< GridProps > = ( {\n\twidth,\n\theight,\n\txScale,\n\tyScale,\n\tgridVisibility = 'x',\n\ttop = 0,\n} ) => {\n\treturn (\n\t\t<g transform={ `translate(0, ${ top })` } className={ styles[ 'grid-control' ] }>\n\t\t\t{ gridVisibility.includes( 'x' ) && <GridRows scale={ xScale } width={ width } /> }\n\t\t\t{ gridVisibility.includes( 'y' ) && <GridColumns scale={ yScale } height={ height } /> }\n\t\t</g>\n\t);\n};\n\nexport default GridControl;\n","// extracted by mini-css-extract-plugin\nexport default {\"grid-control\":\"jfpeES0fbFrqCPR8dRN7\"};"],"names":["f","k","Symbol","for","m","Object","prototype","hasOwnProperty","n","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","p","key","ref","__self","__source","q","c","a","g","b","d","e","h","call","defaultProps","$$typeof","type","props","_owner","current","exports","jsx","jsxs","module","__WEBPACK_EXTERNAL_MODULE_react__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","definition","o","defineProperty","enumerable","get","obj","prop","y","__WEBPACK_EXTERNAL_MODULE__visx_grid_89d2c099__","x","_ref","width","height","xScale","yScale","_ref$gridVisibility","gridVisibility","_ref$top","top","_jsxs","transform","concat","className","children","includes","_jsx","GridRows","scale","GridColumns"],"sourceRoot":""}
+{"version":3,"file":"index.js","sources":["../../../../src/components/grid-control/grid-control.tsx"],"sourcesContent":[null],"names":["GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns"],"mappings":"wKAKM,MAAAA,EAAqC,EAC1CC,QACAC,SACAC,SACAC,SACAC,iBAAiB,IACjBC,MAAM,KAGLC,EAAG,IAAA,CAAAC,UAAY,gBAAiBF,KAAUG,UAAYC,EAAwBC,SAAA,CAC3EN,EAAeO,SAAU,MAASC,EAACC,EAAQ,CAACC,MAAQZ,EAASF,MAAQA,IACrEI,EAAeO,SAAU,MAASC,EAACG,EAAW,CAACD,MAAQX,EAASF,OAASA"}