@undp/data-viz 2.6.0 → 2.6.1

package/dist/Histogram-B995-qQB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Histogram-B995-qQB.cjs","names":["tickIncrement","extent","sturges","ticks","tickIncrement","bisect"],"sources":["../node_modules/d3-array/src/count.js","../node_modules/d3-array/src/identity.js","../node_modules/d3-array/src/array.js","../node_modules/d3-array/src/constant.js","../node_modules/d3-array/src/nice.js","../node_modules/d3-array/src/threshold/sturges.js","../node_modules/d3-array/src/bin.js","../src/Components/Graphs/Histogram/index.tsx"],"sourcesContent":["export default function count(values, valueof) {\n  let count = 0;\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value != null && (value = +value) >= value) {\n        ++count;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {\n        ++count;\n      }\n    }\n  }\n  return count;\n}\n","export default function identity(x) {\n  return x;\n}\n","var array = Array.prototype;\n\nexport var slice = array.slice;\nexport var map = array.map;\n","export default function constant(x) {\n  return () => x;\n}\n","import {tickIncrement} from \"./ticks.js\";\n\nexport default function nice(start, stop, count) {\n  let prestep;\n  while (true) {\n    const step = tickIncrement(start, stop, count);\n    if (step === prestep || step === 0 || !isFinite(step)) {\n      return [start, stop];\n    } else if (step > 0) {\n      start = Math.floor(start / step) * step;\n      stop = Math.ceil(stop / step) * step;\n    } else if (step < 0) {\n      start = Math.ceil(start * step) / step;\n      stop = Math.floor(stop * step) / step;\n    }\n    prestep = step;\n  }\n}\n","import count from \"../count.js\";\n\nexport default function thresholdSturges(values) {\n  return Math.max(1, Math.ceil(Math.log(count(values)) / Math.LN2) + 1);\n}\n","import {slice} from \"./array.js\";\nimport bisect from \"./bisect.js\";\nimport constant from \"./constant.js\";\nimport extent from \"./extent.js\";\nimport identity from \"./identity.js\";\nimport nice from \"./nice.js\";\nimport ticks, {tickIncrement} from \"./ticks.js\";\nimport sturges from \"./threshold/sturges.js\";\n\nexport default function bin() {\n  var value = identity,\n      domain = extent,\n      threshold = sturges;\n\n  function histogram(data) {\n    if (!Array.isArray(data)) data = Array.from(data);\n\n    var i,\n        n = data.length,\n        x,\n        step,\n        values = new Array(n);\n\n    for (i = 0; i < n; ++i) {\n      values[i] = value(data[i], i, data);\n    }\n\n    var xz = domain(values),\n        x0 = xz[0],\n        x1 = xz[1],\n        tz = threshold(values, x0, x1);\n\n    // Convert number of thresholds into uniform thresholds, and nice the\n    // default domain accordingly.\n    if (!Array.isArray(tz)) {\n      const max = x1, tn = +tz;\n      if (domain === extent) [x0, x1] = nice(x0, x1, tn);\n      tz = ticks(x0, x1, tn);\n\n      // If the domain is aligned with the first tick (which it will by\n      // default), then we can use quantization rather than bisection to bin\n      // values, which is substantially faster.\n      if (tz[0] <= x0) step = tickIncrement(x0, x1, tn);\n\n      // If the last threshold is coincident with the domain’s upper bound, the\n      // last bin will be zero-width. If the default domain is used, and this\n      // last threshold is coincident with the maximum input value, we can\n      // extend the niced upper bound by one tick to ensure uniform bin widths;\n      // otherwise, we simply remove the last threshold. Note that we don’t\n      // coerce values or the domain to numbers, and thus must be careful to\n      // compare order (>=) rather than strict equality (===)!\n      if (tz[tz.length - 1] >= x1) {\n        if (max >= x1 && domain === extent) {\n          const step = tickIncrement(x0, x1, tn);\n          if (isFinite(step)) {\n            if (step > 0) {\n              x1 = (Math.floor(x1 / step) + 1) * step;\n            } else if (step < 0) {\n              x1 = (Math.ceil(x1 * -step) + 1) / -step;\n            }\n          }\n        } else {\n          tz.pop();\n        }\n      }\n    }\n\n    // Remove any thresholds outside the domain.\n    // Be careful not to mutate an array owned by the user!\n    var m = tz.length, a = 0, b = m;\n    while (tz[a] <= x0) ++a;\n    while (tz[b - 1] > x1) --b;\n    if (a || b < m) tz = tz.slice(a, b), m = b - a;\n\n    var bins = new Array(m + 1),\n        bin;\n\n    // Initialize bins.\n    for (i = 0; i <= m; ++i) {\n      bin = bins[i] = [];\n      bin.x0 = i > 0 ? tz[i - 1] : x0;\n      bin.x1 = i < m ? tz[i] : x1;\n    }\n\n    // Assign data to bins by value, ignoring any outside the domain.\n    if (isFinite(step)) {\n      if (step > 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            bins[Math.min(m, Math.floor((x - x0) / step))].push(data[i]);\n          }\n        }\n      } else if (step < 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            const j = Math.floor((x0 - x) * step);\n            bins[Math.min(m, j + (tz[j] <= x))].push(data[i]); // handle off-by-one due to rounding\n          }\n        }\n      }\n    } else {\n      for (i = 0; i < n; ++i) {\n        if ((x = values[i]) != null && x0 <= x && x <= x1) {\n          bins[bisect(tz, x, 0, m)].push(data[i]);\n        }\n      }\n    }\n\n    return bins;\n  }\n\n  histogram.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(_), histogram) : value;\n  };\n\n  histogram.domain = function(_) {\n    return arguments.length ? (domain = typeof _ === \"function\" ? _ : constant([_[0], _[1]]), histogram) : domain;\n  };\n\n  histogram.thresholds = function(_) {\n    return arguments.length ? (threshold = typeof _ === \"function\" ? _ : constant(Array.isArray(_) ? slice.call(_) : _), histogram) : threshold;\n  };\n\n  return histogram;\n}\n","import { Spinner } from '@undp/design-system-react/Spinner';\nimport { bin } from 'd3-array';\nimport { Colors } from '@/Components/ColorPalette';\nimport type {\n  ClassNameObject,\n  DonutChartDataType,\n  HistogramDataType,\n  Languages,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { SimpleBarGraph } from '../BarGraph';\nimport { CirclePackingGraph } from '../CirclePackingGraph';\nimport { DonutChart } from '../DonutChart';\nimport { TreeMapGraph } from '../TreeMapGraph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: HistogramDataType[];\n\n  /** Type of the graph for histogram */\n  graphType?: 'circlePacking' | 'treeMap' | 'barGraph' | 'donutChart';\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors for visualization */\n  colors?: string[] | string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n  /** Padding between bars */\n  barPadding?: number;\n  /** Maximum thickness of bars */\n  maxBarThickness?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Truncate labels by specified length */\n  truncateBy?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n\n  // Graph Parameters\n  /** Number of bins for the histogram */\n  numberOfBins?: number;\n  /** Orientation of the bar graph. Only applicable if graphType is barGraph. */\n  barGraphLayout?: 'vertical' | 'horizontal';\n  /** Stroke width of the arcs and circle of the donut. Only applicable if graphType is donutChart.  */\n  donutStrokeWidth?: number;\n  /** Sorting order for data. This is overwritten by labelOrder prop */\n  sortData?: 'asc' | 'desc';\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Toggle visibility of axis ticks */\n  showTicks?: boolean;\n  /** Toggle visibility of axis line for the  main axis. Only applicable if `graphType` is `barGraph`. */\n  hideAxisLine?: boolean;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function Histogram(props: Props) {\n  const {\n    data,\n    graphTitle,\n    sources,\n    graphDescription,\n    barPadding,\n    showValues,\n    showTicks,\n    leftMargin,\n    rightMargin,\n    height,\n    width,\n    footNote,\n    colors,\n    padding,\n    backgroundColor,\n    topMargin,\n    bottomMargin,\n    showLabels,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    graphID,\n    maxValue,\n    onSeriesMouseClick,\n    graphDownload,\n    dataDownload,\n    numberOfBins,\n    truncateBy,\n    graphType,\n    barGraphLayout,\n    donutStrokeWidth,\n    sortData,\n    language,\n    minHeight,\n    theme = 'light',\n    maxBarThickness,\n    ariaLabel,\n    detailsOnClick,\n    styles,\n    classNames,\n    hideAxisLine = false,\n    numberDisplayOptions,\n  } = props;\n\n  const bins = bin()\n    .thresholds(numberOfBins || 10)\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    .value((d: any) => d.value)(data as any);\n  const dataFormatted = bins.map((d) => ({\n    label: `${d.x0}-${d.x1}`,\n    size: d.length,\n    data: {\n      options: `${d.x0}-${d.x1}`,\n      frequency: d.length,\n    },\n  }));\n  if (dataFormatted.length === 0)\n    return (\n      <div style={{ width: `${width}px`, height: `${height}px`, margin: 'auto' }}>\n        <div className='flex m-auto items-center justify-center p-0 leading-none text-base h-40'>\n          <Spinner />\n        </div>\n      </div>\n    );\n  if (graphType === 'circlePacking')\n    return (\n      <CirclePackingGraph\n        colors={colors || Colors.graphMainColor}\n        graphTitle={graphTitle}\n        graphDescription={graphDescription}\n        footNote={footNote}\n        width={width}\n        height={height}\n        sources={sources}\n        leftMargin={leftMargin}\n        rightMargin={rightMargin}\n        backgroundColor={backgroundColor}\n        padding={padding}\n        topMargin={topMargin}\n        bottomMargin={bottomMargin}\n        relativeHeight={relativeHeight}\n        showLabels={showLabels}\n        tooltip={tooltip}\n        onSeriesMouseOver={onSeriesMouseOver}\n        showColorScale={false}\n        showValues={showValues}\n        graphID={graphID}\n        onSeriesMouseClick={onSeriesMouseClick}\n        graphDownload={graphDownload}\n        dataDownload={dataDownload}\n        data={dataFormatted}\n        language={language}\n        minHeight={minHeight}\n        theme={theme}\n        ariaLabel={ariaLabel}\n        detailsOnClick={detailsOnClick}\n        styles={styles}\n        classNames={classNames}\n        numberDisplayOptions={numberDisplayOptions}\n      />\n    );\n  if (graphType === 'treeMap')\n    return (\n      <TreeMapGraph\n        colors={colors || Colors.graphMainColor}\n        graphTitle={graphTitle}\n        graphDescription={graphDescription}\n        footNote={footNote}\n        width={width}\n        height={height}\n        sources={sources}\n        leftMargin={leftMargin}\n        rightMargin={rightMargin}\n        backgroundColor={backgroundColor}\n        padding={padding}\n        topMargin={topMargin}\n        bottomMargin={bottomMargin}\n        relativeHeight={relativeHeight}\n        showLabels={showLabels}\n        tooltip={tooltip}\n        onSeriesMouseOver={onSeriesMouseOver}\n        showColorScale={false}\n        showValues={showValues}\n        graphID={graphID}\n        onSeriesMouseClick={onSeriesMouseClick}\n        graphDownload={graphDownload}\n        dataDownload={dataDownload}\n        data={dataFormatted}\n        language={language}\n        minHeight={minHeight}\n        theme={theme}\n        ariaLabel={ariaLabel}\n        detailsOnClick={detailsOnClick}\n        styles={styles}\n        classNames={classNames}\n        numberDisplayOptions={numberDisplayOptions}\n      />\n    );\n  if (graphType === 'donutChart')\n    return (\n      <DonutChart\n        colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n        graphTitle={graphTitle}\n        graphDescription={graphDescription}\n        footNote={footNote}\n        radius={width && height ? (width < height ? width : height) : width || height || undefined}\n        sources={sources}\n        backgroundColor={backgroundColor}\n        padding={padding}\n        tooltip={tooltip}\n        onSeriesMouseOver={onSeriesMouseOver}\n        graphID={graphID}\n        onSeriesMouseClick={onSeriesMouseClick}\n        graphDownload={graphDownload}\n        dataDownload={dataDownload}\n        data={dataFormatted as DonutChartDataType[]}\n        strokeWidth={donutStrokeWidth}\n        showColorScale\n        sortData={sortData}\n        language={language}\n        theme={theme}\n        ariaLabel={ariaLabel}\n        detailsOnClick={detailsOnClick}\n        styles={styles}\n        classNames={classNames}\n        numberDisplayOptions={numberDisplayOptions}\n      />\n    );\n  return (\n    <SimpleBarGraph\n      colors={colors || Colors.graphMainColor}\n      graphTitle={graphTitle}\n      graphDescription={graphDescription}\n      footNote={footNote}\n      width={width}\n      height={height}\n      sources={sources}\n      leftMargin={leftMargin}\n      rightMargin={rightMargin}\n      backgroundColor={backgroundColor}\n      padding={padding}\n      topMargin={topMargin}\n      bottomMargin={bottomMargin}\n      relativeHeight={relativeHeight}\n      showLabels={showLabels}\n      tooltip={tooltip}\n      onSeriesMouseOver={onSeriesMouseOver}\n      showColorScale={false}\n      showValues={showValues}\n      graphID={graphID}\n      onSeriesMouseClick={onSeriesMouseClick}\n      graphDownload={graphDownload}\n      dataDownload={dataDownload}\n      data={dataFormatted}\n      barPadding={barPadding}\n      refValues={refValues}\n      truncateBy={truncateBy}\n      maxValue={maxValue}\n      showTicks={showTicks}\n      sortData={sortData}\n      language={language}\n      minHeight={minHeight}\n      theme={theme}\n      maxBarThickness={maxBarThickness}\n      ariaLabel={ariaLabel}\n      orientation={barGraphLayout}\n      detailsOnClick={detailsOnClick}\n      styles={styles}\n      classNames={classNames}\n      hideAxisLine={hideAxisLine}\n      numberDisplayOptions={numberDisplayOptions}\n    />\n  );\n}\n"],"x_google_ignoreList":[0,1,2,3,4,5,6],"mappings":"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CAAA,CACP,CAAA,CACF,CAAA,EAEL,IAAc,iBAEd,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAQ,GAAU,EAAA,OAAO,eACb,aACM,mBACR,WACH,QACC,SACC,UACG,aACC,cACI,kBACR,UACE,YACG,eACE,iBACJ,aACH,UACU,oBACnB,eAAgB,GACJ,aACH,UACW,qBACL,gBACD,eACd,KAAM,EACI,WACC,YACJ,QACI,YACK,iBACR,SACI,aACU,sBACvB,CAAA,EAED,IAAc,WAEd,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAQ,GAAU,EAAA,OAAO,eACb,aACM,mBACR,WACH,QACC,SACC,UACG,aACC,cACI,kBACR,UACE,YACG,eACE,iBACJ,aACH,UACU,oBACnB,eAAgB,GACJ,aACH,UACW,qBACL,gBACD,eACd,KAAM,EACI,WACC,YACJ,QACI,YACK,iBACR,SACI,aACU,sBACvB,CAAA,EAED,IAAc,cAEd,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAS,GAAmC,EAAA,OAAO,GAAO,kBAAkB,OAChE,aACM,mBACR,WACV,OAAQ,GAAS,EAAU,EAAQ,EAAS,EAAQ,EAAU,GAAS,GAAU,IAAA,GACxE,UACQ,kBACR,UACA,UACU,oBACV,UACW,qBACL,gBACD,eACd,KAAM,EACN,YAAa,EACb,eAAA,GACU,WACA,WACH,QACI,YACK,iBACR,SACI,aACU,sBACvB,CAAA,GAGH,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAQ,GAAU,EAAA,OAAO,eACb,aACM,mBACR,WACH,QACC,SACC,UACG,aACC,cACI,kBACR,UACE,YACG,eACE,iBACJ,aACH,UACU,oBACnB,eAAgB,GACJ,aACH,UACW,qBACL,gBACD,eACd,KAAM,EACM,aACD,YACC,aACF,WACC,YACD,WACA,WACC,YACJ,QACU,kBACN,YACX,YAAa,EACG,iBACR,SACI,aACE,eACQ,sBACvB,CAAA,CAEL"}

package/dist/Histogram-B9crdM0i.js

@@ -0,0 +1,250 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as t } from "./Colors.js";
+import { r as n } from "./init-CT6uqW57.js";
+import { n as r, t as i } from "./CirclePackingGraph-uSZwfRvW.js";
+import { l as a, s as o } from "./linear-BkosG4OK.js";
+import { n as s } from "./BarGraph-DQogcvkF.js";
+import { t as c } from "./DonutChart-BoMyev28.js";
+import { t as l } from "./TreeMapGraph-C9G05WWG.js";
+import { Spinner as u } from "@undp/design-system-react/Spinner";
+//#region node_modules/d3-array/src/count.js
+function d(e, t) {
+	let n = 0;
+	if (t === void 0) for (let t of e) t != null && (t = +t) >= t && ++n;
+	else {
+		let r = -1;
+		for (let i of e) (i = t(i, ++r, e)) != null && (i = +i) >= i && ++n;
+	}
+	return n;
+}
+//#endregion
+//#region node_modules/d3-array/src/identity.js
+function f(e) {
+	return e;
+}
+//#endregion
+//#region node_modules/d3-array/src/array.js
+var p = Array.prototype, m = p.slice;
+p.map;
+//#endregion
+//#region node_modules/d3-array/src/constant.js
+function h(e) {
+	return () => e;
+}
+//#endregion
+//#region node_modules/d3-array/src/nice.js
+function g(e, t, n) {
+	let r;
+	for (;;) {
+		let i = o(e, t, n);
+		if (i === r || i === 0 || !isFinite(i)) return [e, t];
+		i > 0 ? (e = Math.floor(e / i) * i, t = Math.ceil(t / i) * i) : i < 0 && (e = Math.ceil(e * i) / i, t = Math.floor(t * i) / i), r = i;
+	}
+}
+//#endregion
+//#region node_modules/d3-array/src/threshold/sturges.js
+function _(e) {
+	return Math.max(1, Math.ceil(Math.log(d(e)) / Math.LN2) + 1);
+}
+//#endregion
+//#region node_modules/d3-array/src/bin.js
+function v() {
+	var e = f, t = r, i = _;
+	function s(s) {
+		Array.isArray(s) || (s = Array.from(s));
+		var c, l = s.length, u, d, f = Array(l);
+		for (c = 0; c < l; ++c) f[c] = e(s[c], c, s);
+		var p = t(f), m = p[0], h = p[1], _ = i(f, m, h);
+		if (!Array.isArray(_)) {
+			let e = h, n = +_;
+			if (t === r && ([m, h] = g(m, h, n)), _ = a(m, h, n), _[0] <= m && (d = o(m, h, n)), _[_.length - 1] >= h) if (e >= h && t === r) {
+				let e = o(m, h, n);
+				isFinite(e) && (e > 0 ? h = (Math.floor(h / e) + 1) * e : e < 0 && (h = (Math.ceil(h * -e) + 1) / -e));
+			} else _.pop();
+		}
+		for (var v = _.length, y = 0, b = v; _[y] <= m;) ++y;
+		for (; _[b - 1] > h;) --b;
+		(y || b < v) && (_ = _.slice(y, b), v = b - y);
+		var x = Array(v + 1), S;
+		for (c = 0; c <= v; ++c) S = x[c] = [], S.x0 = c > 0 ? _[c - 1] : m, S.x1 = c < v ? _[c] : h;
+		if (isFinite(d)) {
+			if (d > 0) for (c = 0; c < l; ++c) (u = f[c]) != null && m <= u && u <= h && x[Math.min(v, Math.floor((u - m) / d))].push(s[c]);
+			else if (d < 0) {
+				for (c = 0; c < l; ++c) if ((u = f[c]) != null && m <= u && u <= h) {
+					let e = Math.floor((m - u) * d);
+					x[Math.min(v, e + (_[e] <= u))].push(s[c]);
+				}
+			}
+		} else for (c = 0; c < l; ++c) (u = f[c]) != null && m <= u && u <= h && x[n(_, u, 0, v)].push(s[c]);
+		return x;
+	}
+	return s.value = function(t) {
+		return arguments.length ? (e = typeof t == "function" ? t : h(t), s) : e;
+	}, s.domain = function(e) {
+		return arguments.length ? (t = typeof e == "function" ? e : h([e[0], e[1]]), s) : t;
+	}, s.thresholds = function(e) {
+		return arguments.length ? (i = typeof e == "function" ? e : h(Array.isArray(e) ? m.call(e) : e), s) : i;
+	}, s;
+}
+//#endregion
+//#region src/Components/Graphs/Histogram/index.tsx
+var y = e();
+function b(e) {
+	let { data: n, graphTitle: r, sources: a, graphDescription: o, barPadding: d, showValues: f, showTicks: p, leftMargin: m, rightMargin: h, height: g, width: _, footNote: b, colors: x, padding: S, backgroundColor: C, topMargin: w, bottomMargin: T, showLabels: E, relativeHeight: D, tooltip: O, onSeriesMouseOver: k, refValues: A, graphID: j, maxValue: M, onSeriesMouseClick: N, graphDownload: P, dataDownload: F, numberOfBins: I, truncateBy: L, graphType: R, barGraphLayout: z, donutStrokeWidth: B, sortData: V, language: H, minHeight: U, theme: W = "light", maxBarThickness: G, ariaLabel: K, detailsOnClick: q, styles: J, classNames: Y, hideAxisLine: X = !1, numberDisplayOptions: Z } = e, Q = v().thresholds(I || 10).value((e) => e.value)(n).map((e) => ({
+		label: `${e.x0}-${e.x1}`,
+		size: e.length,
+		data: {
+			options: `${e.x0}-${e.x1}`,
+			frequency: e.length
+		}
+	}));
+	return Q.length === 0 ? /* @__PURE__ */ (0, y.jsx)("div", {
+		style: {
+			width: `${_}px`,
+			height: `${g}px`,
+			margin: "auto"
+		},
+		children: /* @__PURE__ */ (0, y.jsx)("div", {
+			className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40",
+			children: /* @__PURE__ */ (0, y.jsx)(u, {})
+		})
+	}) : R === "circlePacking" ? /* @__PURE__ */ (0, y.jsx)(i, {
+		colors: x || t.graphMainColor,
+		graphTitle: r,
+		graphDescription: o,
+		footNote: b,
+		width: _,
+		height: g,
+		sources: a,
+		leftMargin: m,
+		rightMargin: h,
+		backgroundColor: C,
+		padding: S,
+		topMargin: w,
+		bottomMargin: T,
+		relativeHeight: D,
+		showLabels: E,
+		tooltip: O,
+		onSeriesMouseOver: k,
+		showColorScale: !1,
+		showValues: f,
+		graphID: j,
+		onSeriesMouseClick: N,
+		graphDownload: P,
+		dataDownload: F,
+		data: Q,
+		language: H,
+		minHeight: U,
+		theme: W,
+		ariaLabel: K,
+		detailsOnClick: q,
+		styles: J,
+		classNames: Y,
+		numberDisplayOptions: Z
+	}) : R === "treeMap" ? /* @__PURE__ */ (0, y.jsx)(l, {
+		colors: x || t.graphMainColor,
+		graphTitle: r,
+		graphDescription: o,
+		footNote: b,
+		width: _,
+		height: g,
+		sources: a,
+		leftMargin: m,
+		rightMargin: h,
+		backgroundColor: C,
+		padding: S,
+		topMargin: w,
+		bottomMargin: T,
+		relativeHeight: D,
+		showLabels: E,
+		tooltip: O,
+		onSeriesMouseOver: k,
+		showColorScale: !1,
+		showValues: f,
+		graphID: j,
+		onSeriesMouseClick: N,
+		graphDownload: P,
+		dataDownload: F,
+		data: Q,
+		language: H,
+		minHeight: U,
+		theme: W,
+		ariaLabel: K,
+		detailsOnClick: q,
+		styles: J,
+		classNames: Y,
+		numberDisplayOptions: Z
+	}) : R === "donutChart" ? /* @__PURE__ */ (0, y.jsx)(c, {
+		colors: x || t[W].categoricalColors.colors,
+		graphTitle: r,
+		graphDescription: o,
+		footNote: b,
+		radius: _ && g ? _ < g ? _ : g : _ || g || void 0,
+		sources: a,
+		backgroundColor: C,
+		padding: S,
+		tooltip: O,
+		onSeriesMouseOver: k,
+		graphID: j,
+		onSeriesMouseClick: N,
+		graphDownload: P,
+		dataDownload: F,
+		data: Q,
+		strokeWidth: B,
+		showColorScale: !0,
+		sortData: V,
+		language: H,
+		theme: W,
+		ariaLabel: K,
+		detailsOnClick: q,
+		styles: J,
+		classNames: Y,
+		numberDisplayOptions: Z
+	}) : /* @__PURE__ */ (0, y.jsx)(s, {
+		colors: x || t.graphMainColor,
+		graphTitle: r,
+		graphDescription: o,
+		footNote: b,
+		width: _,
+		height: g,
+		sources: a,
+		leftMargin: m,
+		rightMargin: h,
+		backgroundColor: C,
+		padding: S,
+		topMargin: w,
+		bottomMargin: T,
+		relativeHeight: D,
+		showLabels: E,
+		tooltip: O,
+		onSeriesMouseOver: k,
+		showColorScale: !1,
+		showValues: f,
+		graphID: j,
+		onSeriesMouseClick: N,
+		graphDownload: P,
+		dataDownload: F,
+		data: Q,
+		barPadding: d,
+		refValues: A,
+		truncateBy: L,
+		maxValue: M,
+		showTicks: p,
+		sortData: V,
+		language: H,
+		minHeight: U,
+		theme: W,
+		maxBarThickness: G,
+		ariaLabel: K,
+		orientation: z,
+		detailsOnClick: q,
+		styles: J,
+		classNames: Y,
+		hideAxisLine: X,
+		numberDisplayOptions: Z
+	});
+}
+//#endregion
+export { b as t };
+
+//# sourceMappingURL=Histogram-B9crdM0i.js.map

package/dist/Histogram-B9crdM0i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Histogram-B9crdM0i.js","names":["sturges","bisect"],"sources":["../node_modules/d3-array/src/count.js","../node_modules/d3-array/src/identity.js","../node_modules/d3-array/src/array.js","../node_modules/d3-array/src/constant.js","../node_modules/d3-array/src/nice.js","../node_modules/d3-array/src/threshold/sturges.js","../node_modules/d3-array/src/bin.js","../src/Components/Graphs/Histogram/index.tsx"],"sourcesContent":["export default function count(values, valueof) {\n  let count = 0;\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value != null && (value = +value) >= value) {\n        ++count;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {\n        ++count;\n      }\n    }\n  }\n  return count;\n}\n","export default function identity(x) {\n  return x;\n}\n","var array = Array.prototype;\n\nexport var slice = array.slice;\nexport var map = array.map;\n","export default function constant(x) {\n  return () => x;\n}\n","import {tickIncrement} from \"./ticks.js\";\n\nexport default function nice(start, stop, count) {\n  let prestep;\n  while (true) {\n    const step = tickIncrement(start, stop, count);\n    if (step === prestep || step === 0 || !isFinite(step)) {\n      return [start, stop];\n    } else if (step > 0) {\n      start = Math.floor(start / step) * step;\n      stop = Math.ceil(stop / step) * step;\n    } else if (step < 0) {\n      start = Math.ceil(start * step) / step;\n      stop = Math.floor(stop * step) / step;\n    }\n    prestep = step;\n  }\n}\n","import count from \"../count.js\";\n\nexport default function thresholdSturges(values) {\n  return Math.max(1, Math.ceil(Math.log(count(values)) / Math.LN2) + 1);\n}\n","import {slice} from \"./array.js\";\nimport bisect from \"./bisect.js\";\nimport constant from \"./constant.js\";\nimport extent from \"./extent.js\";\nimport identity from \"./identity.js\";\nimport nice from \"./nice.js\";\nimport ticks, {tickIncrement} from \"./ticks.js\";\nimport sturges from \"./threshold/sturges.js\";\n\nexport default function bin() {\n  var value = identity,\n      domain = extent,\n      threshold = sturges;\n\n  function histogram(data) {\n    if (!Array.isArray(data)) data = Array.from(data);\n\n    var i,\n        n = data.length,\n        x,\n        step,\n        values = new Array(n);\n\n    for (i = 0; i < n; ++i) {\n      values[i] = value(data[i], i, data);\n    }\n\n    var xz = domain(values),\n        x0 = xz[0],\n        x1 = xz[1],\n        tz = threshold(values, x0, x1);\n\n    // Convert number of thresholds into uniform thresholds, and nice the\n    // default domain accordingly.\n    if (!Array.isArray(tz)) {\n      const max = x1, tn = +tz;\n      if (domain === extent) [x0, x1] = nice(x0, x1, tn);\n      tz = ticks(x0, x1, tn);\n\n      // If the domain is aligned with the first tick (which it will by\n      // default), then we can use quantization rather than bisection to bin\n      // values, which is substantially faster.\n      if (tz[0] <= x0) step = tickIncrement(x0, x1, tn);\n\n      // If the last threshold is coincident with the domain’s upper bound, the\n      // last bin will be zero-width. If the default domain is used, and this\n      // last threshold is coincident with the maximum input value, we can\n      // extend the niced upper bound by one tick to ensure uniform bin widths;\n      // otherwise, we simply remove the last threshold. Note that we don’t\n      // coerce values or the domain to numbers, and thus must be careful to\n      // compare order (>=) rather than strict equality (===)!\n      if (tz[tz.length - 1] >= x1) {\n        if (max >= x1 && domain === extent) {\n          const step = tickIncrement(x0, x1, tn);\n          if (isFinite(step)) {\n            if (step > 0) {\n              x1 = (Math.floor(x1 / step) + 1) * step;\n            } else if (step < 0) {\n              x1 = (Math.ceil(x1 * -step) + 1) / -step;\n            }\n          }\n        } else {\n          tz.pop();\n        }\n      }\n    }\n\n    // Remove any thresholds outside the domain.\n    // Be careful not to mutate an array owned by the user!\n    var m = tz.length, a = 0, b = m;\n    while (tz[a] <= x0) ++a;\n    while (tz[b - 1] > x1) --b;\n    if (a || b < m) tz = tz.slice(a, b), m = b - a;\n\n    var bins = new Array(m + 1),\n        bin;\n\n    // Initialize bins.\n    for (i = 0; i <= m; ++i) {\n      bin = bins[i] = [];\n      bin.x0 = i > 0 ? tz[i - 1] : x0;\n      bin.x1 = i < m ? tz[i] : x1;\n    }\n\n    // Assign data to bins by value, ignoring any outside the domain.\n    if (isFinite(step)) {\n      if (step > 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            bins[Math.min(m, Math.floor((x - x0) / step))].push(data[i]);\n          }\n        }\n      } else if (step < 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            const j = Math.floor((x0 - x) * step);\n            bins[Math.min(m, j + (tz[j] <= x))].push(data[i]); // handle off-by-one due to rounding\n          }\n        }\n      }\n    } else {\n      for (i = 0; i < n; ++i) {\n        if ((x = values[i]) != null && x0 <= x && x <= x1) {\n          bins[bisect(tz, x, 0, m)].push(data[i]);\n        }\n      }\n    }\n\n    return bins;\n  }\n\n  histogram.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(_), histogram) : value;\n  };\n\n  histogram.domain = function(_) {\n    return arguments.length ? (domain = typeof _ === \"function\" ? _ : constant([_[0], _[1]]), histogram) : domain;\n  };\n\n  histogram.thresholds = function(_) {\n    return arguments.length ? (threshold = typeof _ === \"function\" ? _ : constant(Array.isArray(_) ? slice.call(_) : _), histogram) : threshold;\n  };\n\n  return histogram;\n}\n","import { Spinner } from '@undp/design-system-react/Spinner';\nimport { bin } from 'd3-array';\nimport { Colors } from '@/Components/ColorPalette';\nimport type {\n  ClassNameObject,\n  DonutChartDataType,\n  HistogramDataType,\n  Languages,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { SimpleBarGraph } from '../BarGraph';\nimport { CirclePackingGraph } from '../CirclePackingGraph';\nimport { DonutChart } from '../DonutChart';\nimport { TreeMapGraph } from '../TreeMapGraph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: HistogramDataType[];\n\n  /** Type of the graph for histogram */\n  graphType?: 'circlePacking' | 'treeMap' | 'barGraph' | 'donutChart';\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors for visualization */\n  colors?: string[] | string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n  /** Padding between bars */\n  barPadding?: number;\n  /** Maximum thickness of bars */\n  maxBarThickness?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Truncate labels by specified length */\n  truncateBy?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n\n  // Graph Parameters\n  /** Number of bins for the histogram */\n  numberOfBins?: number;\n  /** Orientation of the bar graph. Only applicable if graphType is barGraph. */\n  barGraphLayout?: 'vertical' | 'horizontal';\n  /** Stroke width of the arcs and circle of the donut. Only applicable if graphType is donutChart.  */\n  donutStrokeWidth?: number;\n  /** Sorting order for data. This is overwritten by labelOrder prop */\n  sortData?: 'asc' | 'desc';\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Toggle visibility of axis ticks */\n  showTicks?: boolean;\n  /** Toggle visibility of axis line for the  main axis. Only applicable if `graphType` is `barGraph`. */\n  hideAxisLine?: boolean;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function Histogram(props: Props) {\n  const {\n    data,\n    graphTitle,\n    sources,\n    graphDescription,\n    barPadding,\n    showValues,\n    showTicks,\n    leftMargin,\n    rightMargin,\n    height,\n    width,\n    footNote,\n    colors,\n    padding,\n    backgroundColor,\n    topMargin,\n    bottomMargin,\n    showLabels,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    graphID,\n    maxValue,\n    onSeriesMouseClick,\n    graphDownload,\n    dataDownload,\n    numberOfBins,\n    truncateBy,\n    graphType,\n    barGraphLayout,\n    donutStrokeWidth,\n    sortData,\n    language,\n    minHeight,\n    theme = 'light',\n    maxBarThickness,\n    ariaLabel,\n    detailsOnClick,\n    styles,\n    classNames,\n    hideAxisLine = false,\n    numberDisplayOptions,\n  } = props;\n\n  const bins = bin()\n    .thresholds(numberOfBins || 10)\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    .value((d: any) => d.value)(data as any);\n  const dataFormatted = bins.map((d) => ({\n    label: `${d.x0}-${d.x1}`,\n    size: d.length,\n    data: {\n      options: `${d.x0}-${d.x1}`,\n      frequency: d.length,\n    },\n  }));\n  if (dataFormatted.length === 0)\n    return (\n      <div style={{ width: `${width}px`, height: `${height}px`, margin: 'auto' }}>\n        <div className='flex m-auto items-center justify-center p-0 leading-none text-base h-40'>\n          <Spinner />\n        </div>\n      </div>\n    );\n  if (graphType === 'circlePacking')\n    return (\n      <CirclePackingGraph\n        colors={colors || Colors.graphMainColor}\n        graphTitle={graphTitle}\n        graphDescription={graphDescription}\n        footNote={footNote}\n        width={width}\n        height={height}\n        sources={sources}\n        leftMargin={leftMargin}\n        rightMargin={rightMargin}\n        backgroundColor={backgroundColor}\n        padding={padding}\n        topMargin={topMargin}\n        bottomMargin={bottomMargin}\n        relativeHeight={relativeHeight}\n        showLabels={showLabels}\n        tooltip={tooltip}\n        onSeriesMouseOver={onSeriesMouseOver}\n        showColorScale={false}\n        showValues={showValues}\n        graphID={graphID}\n        onSeriesMouseClick={onSeriesMouseClick}\n        graphDownload={graphDownload}\n        dataDownload={dataDownload}\n        data={dataFormatted}\n        language={language}\n        minHeight={minHeight}\n        theme={theme}\n        ariaLabel={ariaLabel}\n        detailsOnClick={detailsOnClick}\n        styles={styles}\n        classNames={classNames}\n        numberDisplayOptions={numberDisplayOptions}\n      />\n    );\n  if (graphType === 'treeMap')\n    return (\n      <TreeMapGraph\n        colors={colors || Colors.graphMainColor}\n        graphTitle={graphTitle}\n        graphDescription={graphDescription}\n        footNote={footNote}\n        width={width}\n        height={height}\n        sources={sources}\n        leftMargin={leftMargin}\n        rightMargin={rightMargin}\n        backgroundColor={backgroundColor}\n        padding={padding}\n        topMargin={topMargin}\n        bottomMargin={bottomMargin}\n        relativeHeight={relativeHeight}\n        showLabels={showLabels}\n        tooltip={tooltip}\n        onSeriesMouseOver={onSeriesMouseOver}\n        showColorScale={false}\n        showValues={showValues}\n        graphID={graphID}\n        onSeriesMouseClick={onSeriesMouseClick}\n        graphDownload={graphDownload}\n        dataDownload={dataDownload}\n        data={dataFormatted}\n        language={language}\n        minHeight={minHeight}\n        theme={theme}\n        ariaLabel={ariaLabel}\n        detailsOnClick={detailsOnClick}\n        styles={styles}\n        classNames={classNames}\n        numberDisplayOptions={numberDisplayOptions}\n      />\n    );\n  if (graphType === 'donutChart')\n    return (\n      <DonutChart\n        colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n        graphTitle={graphTitle}\n        graphDescription={graphDescription}\n        footNote={footNote}\n        radius={width && height ? (width < height ? width : height) : width || height || undefined}\n        sources={sources}\n        backgroundColor={backgroundColor}\n        padding={padding}\n        tooltip={tooltip}\n        onSeriesMouseOver={onSeriesMouseOver}\n        graphID={graphID}\n        onSeriesMouseClick={onSeriesMouseClick}\n        graphDownload={graphDownload}\n        dataDownload={dataDownload}\n        data={dataFormatted as DonutChartDataType[]}\n        strokeWidth={donutStrokeWidth}\n        showColorScale\n        sortData={sortData}\n        language={language}\n        theme={theme}\n        ariaLabel={ariaLabel}\n        detailsOnClick={detailsOnClick}\n        styles={styles}\n        classNames={classNames}\n        numberDisplayOptions={numberDisplayOptions}\n      />\n    );\n  return (\n    <SimpleBarGraph\n      colors={colors || Colors.graphMainColor}\n      graphTitle={graphTitle}\n      graphDescription={graphDescription}\n      footNote={footNote}\n      width={width}\n      height={height}\n      sources={sources}\n      leftMargin={leftMargin}\n      rightMargin={rightMargin}\n      backgroundColor={backgroundColor}\n      padding={padding}\n      topMargin={topMargin}\n      bottomMargin={bottomMargin}\n      relativeHeight={relativeHeight}\n      showLabels={showLabels}\n      tooltip={tooltip}\n      onSeriesMouseOver={onSeriesMouseOver}\n      showColorScale={false}\n      showValues={showValues}\n      graphID={graphID}\n      onSeriesMouseClick={onSeriesMouseClick}\n      graphDownload={graphDownload}\n      dataDownload={dataDownload}\n      data={dataFormatted}\n      barPadding={barPadding}\n      refValues={refValues}\n      truncateBy={truncateBy}\n      maxValue={maxValue}\n      showTicks={showTicks}\n      sortData={sortData}\n      language={language}\n      minHeight={minHeight}\n      theme={theme}\n      maxBarThickness={maxBarThickness}\n      ariaLabel={ariaLabel}\n      orientation={barGraphLayout}\n      detailsOnClick={detailsOnClick}\n      styles={styles}\n      classNames={classNames}\n      hideAxisLine={hideAxisLine}\n      numberDisplayOptions={numberDisplayOptions}\n    />\n  );\n}\n"],"x_google_ignoreList":[0,1,2,3,4,5,6],"mappings":"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;aACb,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAU,CAAA;EACP,CAAA;CACF,CAAA,IAEL,MAAc,kBAEd,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,QAAQ,KAAU,EAAO;EACb;EACM;EACR;EACH;EACC;EACC;EACG;EACC;EACI;EACR;EACE;EACG;EACE;EACJ;EACH;EACU;EACnB,gBAAgB;EACJ;EACH;EACW;EACL;EACD;EACd,MAAM;EACI;EACC;EACJ;EACI;EACK;EACR;EACI;EACU;CACvB,CAAA,IAED,MAAc,YAEd,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,QAAQ,KAAU,EAAO;EACb;EACM;EACR;EACH;EACC;EACC;EACG;EACC;EACI;EACR;EACE;EACG;EACE;EACJ;EACH;EACU;EACnB,gBAAgB;EACJ;EACH;EACW;EACL;EACD;EACd,MAAM;EACI;EACC;EACJ;EACI;EACK;EACR;EACI;EACU;CACvB,CAAA,IAED,MAAc,eAEd,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,QAAS,KAAmC,EAAO,GAAO,kBAAkB;EAChE;EACM;EACR;EACV,QAAQ,KAAS,IAAU,IAAQ,IAAS,IAAQ,IAAU,KAAS,KAAU,KAAA;EACxE;EACQ;EACR;EACA;EACU;EACV;EACW;EACL;EACD;EACd,MAAM;EACN,aAAa;EACb,gBAAA;EACU;EACA;EACH;EACI;EACK;EACR;EACI;EACU;CACvB,CAAA,IAGH,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,QAAQ,KAAU,EAAO;EACb;EACM;EACR;EACH;EACC;EACC;EACG;EACC;EACI;EACR;EACE;EACG;EACE;EACJ;EACH;EACU;EACnB,gBAAgB;EACJ;EACH;EACW;EACL;EACD;EACd,MAAM;EACM;EACD;EACC;EACF;EACC;EACD;EACA;EACC;EACJ;EACU;EACN;EACX,aAAa;EACG;EACR;EACI;EACE;EACQ;CACvB,CAAA;AAEL"}

package/dist/Histogram.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("./compiler-runtime-oPPev21o.cjs"),le=require("@undp/design-system-react/Spinner"),J=require("./index-dN3wiQgD.cjs"),ae=require("./TreeMapGraph.cjs"),ce=require("./DonutChart.cjs"),ue=require("./BarGraph.cjs"),W=require("./Colors.cjs"),he=require("./init-DU0ybBc_.cjs"),K=require("./linear-CgUCbw9F.cjs");function fe(n,e){let C=0;for(let l of n)l!=null&&(l=+l)>=l&&++C;return C}function pe(n){return n}var me=Array.prototype,ge=me.slice;function ne(n){return()=>n}function xe(n,e,C){let l;for(;;){const t=K.tickIncrement(n,e,C);if(t===l||t===0||!isFinite(t))return[n,e];t>0?(n=Math.floor(n/t)*t,e=Math.ceil(e/t)*t):t<0&&(n=Math.ceil(n*t)/t,e=Math.floor(e*t)/t),l=t}}function de(n){return Math.max(1,Math.ceil(Math.log(fe(n))/Math.LN2)+1)}function ye(){var n=pe,e=J.extent,C=de;function l(t){Array.isArray(t)||(t=Array.from(t));var r,O=t.length,a,L,p=new Array(O);for(r=0;r<O;++r)p[r]=n(t[r],r,t);var b=e(p),o=b[0],i=b[1],s=C(p,o,i);if(!Array.isArray(s)){const d=i,y=+s;if(e===J.extent&&([o,i]=xe(o,i,y)),s=K.ticks(o,i,y),s[0]<=o&&(L=K.tickIncrement(o,i,y)),s[s.length-1]>=i)if(d>=i&&e===J.extent){const c=K.tickIncrement(o,i,y);isFinite(c)&&(c>0?i=(Math.floor(i/c)+1)*c:c<0&&(i=(Math.ceil(i*-c)+1)/-c))}else s.pop()}for(var x=s.length,u=0,h=x;s[u]<=o;)++u;for(;s[h-1]>i;)--h;(u||h<x)&&(s=s.slice(u,h),x=h-u);var g=new Array(x+1),M;for(r=0;r<=x;++r)M=g[r]=[],M.x0=r>0?s[r-1]:o,M.x1=r<x?s[r]:i;if(isFinite(L)){if(L>0)for(r=0;r<O;++r)(a=p[r])!=null&&o<=a&&a<=i&&g[Math.min(x,Math.floor((a-o)/L))].push(t[r]);else if(L<0){for(r=0;r<O;++r)if((a=p[r])!=null&&o<=a&&a<=i){const d=Math.floor((o-a)*L);g[Math.min(x,d+(s[d]<=a))].push(t[r])}}}else for(r=0;r<O;++r)(a=p[r])!=null&&o<=a&&a<=i&&g[he.bisectRight(s,a,0,x)].push(t[r]);return g}return l.value=function(t){return arguments.length?(n=typeof t=="function"?t:ne(t),l):n},l.domain=function(t){return arguments.length?(e=typeof t=="function"?t:ne([t[0],t[1]]),l):e},l.thresholds=function(t){return arguments.length?(C=typeof t=="function"?t:ne(Array.isArray(t)?ge.call(t):t),l):C},l}function Me(n){const e=H.compilerRuntimeExports.c(139),{data:C,graphTitle:l,sources:t,graphDescription:r,barPadding:O,showValues:a,showTicks:L,leftMargin:p,rightMargin:b,height:o,width:i,footNote:s,colors:x,padding:u,backgroundColor:h,topMargin:g,bottomMargin:M,showLabels:d,relativeHeight:y,tooltip:c,onSeriesMouseOver:j,refValues:Q,graphID:w,maxValue:U,onSeriesMouseClick:k,graphDownload:S,dataDownload:A,numberOfBins:X,truncateBy:Y,graphType:Z,barGraphLayout:_,donutStrokeWidth:ee,sortData:I,language:q,minHeight:P,theme:oe,maxBarThickness:te,ariaLabel:R,detailsOnClick:D,styles:E,classNames:G,hideAxisLine:se,numberDisplayOptions:T}=n,v=oe===void 0?"light":oe,re=se===void 0?!1:se;let N;e[0]!==C||e[1]!==X?(N=ye().thresholds(X||10).value(Ce)(C).map(ve),e[0]=C,e[1]=X,e[2]=N):N=e[2];const $=N;if($.length===0){const m=`${i}px`,f=`${o}px`;let B;e[3]!==m||e[4]!==f?(B={width:m,height:f,margin:"auto"},e[3]=m,e[4]=f,e[5]=B):B=e[5];let F;e[6]===Symbol.for("react.memo_cache_sentinel")?(F=H.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:H.jsxRuntimeExports.jsx(le.Spinner,{})}),e[6]=F):F=e[6];let V;return e[7]!==B?(V=H.jsxRuntimeExports.jsx("div",{style:B,children:F}),e[7]=B,e[8]=V):V=e[8],V}if(Z==="circlePacking"){const m=x||W.Colors.graphMainColor;let f;return e[9]!==R||e[10]!==h||e[11]!==M||e[12]!==G||e[13]!==A||e[14]!==$||e[15]!==D||e[16]!==s||e[17]!==r||e[18]!==S||e[19]!==w||e[20]!==l||e[21]!==o||e[22]!==q||e[23]!==p||e[24]!==P||e[25]!==T||e[26]!==k||e[27]!==j||e[28]!==u||e[29]!==y||e[30]!==b||e[31]!==d||e[32]!==a||e[33]!==t||e[34]!==E||e[35]!==m||e[36]!==v||e[37]!==c||e[38]!==g||e[39]!==i?(f=H.jsxRuntimeExports.jsx(J.CirclePackingGraph,{colors:m,graphTitle:l,graphDescription:r,footNote:s,width:i,height:o,sources:t,leftMargin:p,rightMargin:b,backgroundColor:h,padding:u,topMargin:g,bottomMargin:M,relativeHeight:y,showLabels:d,tooltip:c,onSeriesMouseOver:j,showColorScale:!1,showValues:a,graphID:w,onSeriesMouseClick:k,graphDownload:S,dataDownload:A,data:$,language:q,minHeight:P,theme:v,ariaLabel:R,detailsOnClick:D,styles:E,classNames:G,numberDisplayOptions:T}),e[9]=R,e[10]=h,e[11]=M,e[12]=G,e[13]=A,e[14]=$,e[15]=D,e[16]=s,e[17]=r,e[18]=S,e[19]=w,e[20]=l,e[21]=o,e[22]=q,e[23]=p,e[24]=P,e[25]=T,e[26]=k,e[27]=j,e[28]=u,e[29]=y,e[30]=b,e[31]=d,e[32]=a,e[33]=t,e[34]=E,e[35]=m,e[36]=v,e[37]=c,e[38]=g,e[39]=i,e[40]=f):f=e[40],f}if(Z==="treeMap"){const m=x||W.Colors.graphMainColor;let f;return e[41]!==R||e[42]!==h||e[43]!==M||e[44]!==G||e[45]!==A||e[46]!==$||e[47]!==D||e[48]!==s||e[49]!==r||e[50]!==S||e[51]!==w||e[52]!==l||e[53]!==o||e[54]!==q||e[55]!==p||e[56]!==P||e[57]!==T||e[58]!==k||e[59]!==j||e[60]!==u||e[61]!==y||e[62]!==b||e[63]!==d||e[64]!==a||e[65]!==t||e[66]!==E||e[67]!==m||e[68]!==v||e[69]!==c||e[70]!==g||e[71]!==i?(f=H.jsxRuntimeExports.jsx(ae.TreeMapGraph,{colors:m,graphTitle:l,graphDescription:r,footNote:s,width:i,height:o,sources:t,leftMargin:p,rightMargin:b,backgroundColor:h,padding:u,topMargin:g,bottomMargin:M,relativeHeight:y,showLabels:d,tooltip:c,onSeriesMouseOver:j,showColorScale:!1,showValues:a,graphID:w,onSeriesMouseClick:k,graphDownload:S,dataDownload:A,data:$,language:q,minHeight:P,theme:v,ariaLabel:R,detailsOnClick:D,styles:E,classNames:G,numberDisplayOptions:T}),e[41]=R,e[42]=h,e[43]=M,e[44]=G,e[45]=A,e[46]=$,e[47]=D,e[48]=s,e[49]=r,e[50]=S,e[51]=w,e[52]=l,e[53]=o,e[54]=q,e[55]=p,e[56]=P,e[57]=T,e[58]=k,e[59]=j,e[60]=u,e[61]=y,e[62]=b,e[63]=d,e[64]=a,e[65]=t,e[66]=E,e[67]=m,e[68]=v,e[69]=c,e[70]=g,e[71]=i,e[72]=f):f=e[72],f}if(Z==="donutChart"){const m=x||W.Colors[v].categoricalColors.colors,f=i&&o?i<o?i:o:i||o||void 0,B=$;let F;return e[73]!==R||e[74]!==h||e[75]!==G||e[76]!==A||e[77]!==D||e[78]!==ee||e[79]!==s||e[80]!==r||e[81]!==S||e[82]!==w||e[83]!==l||e[84]!==q||e[85]!==T||e[86]!==k||e[87]!==j||e[88]!==u||e[89]!==I||e[90]!==t||e[91]!==E||e[92]!==m||e[93]!==f||e[94]!==B||e[95]!==v||e[96]!==c?(F=H.jsxRuntimeExports.jsx(ce.DonutChart,{colors:m,graphTitle:l,graphDescription:r,footNote:s,radius:f,sources:t,backgroundColor:h,padding:u,tooltip:c,onSeriesMouseOver:j,graphID:w,onSeriesMouseClick:k,graphDownload:S,dataDownload:A,data:B,strokeWidth:ee,showColorScale:!0,sortData:I,language:q,theme:v,ariaLabel:R,detailsOnClick:D,styles:E,classNames:G,numberDisplayOptions:T}),e[73]=R,e[74]=h,e[75]=G,e[76]=A,e[77]=D,e[78]=ee,e[79]=s,e[80]=r,e[81]=S,e[82]=w,e[83]=l,e[84]=q,e[85]=T,e[86]=k,e[87]=j,e[88]=u,e[89]=I,e[90]=t,e[91]=E,e[92]=m,e[93]=f,e[94]=B,e[95]=v,e[96]=c,e[97]=F):F=e[97],F}const ie=x||W.Colors.graphMainColor;let z;return e[98]!==R||e[99]!==h||e[100]!==_||e[101]!==O||e[102]!==M||e[103]!==G||e[104]!==A||e[105]!==$||e[106]!==D||e[107]!==s||e[108]!==r||e[109]!==S||e[110]!==w||e[111]!==l||e[112]!==o||e[113]!==re||e[114]!==q||e[115]!==p||e[116]!==te||e[117]!==U||e[118]!==P||e[119]!==T||e[120]!==k||e[121]!==j||e[122]!==u||e[123]!==Q||e[124]!==y||e[125]!==b||e[126]!==d||e[127]!==L||e[128]!==a||e[129]!==I||e[130]!==t||e[131]!==E||e[132]!==ie||e[133]!==v||e[134]!==c||e[135]!==g||e[136]!==Y||e[137]!==i?(z=H.jsxRuntimeExports.jsx(ue.SimpleBarGraph,{colors:ie,graphTitle:l,graphDescription:r,footNote:s,width:i,height:o,sources:t,leftMargin:p,rightMargin:b,backgroundColor:h,padding:u,topMargin:g,bottomMargin:M,relativeHeight:y,showLabels:d,tooltip:c,onSeriesMouseOver:j,showColorScale:!1,showValues:a,graphID:w,onSeriesMouseClick:k,graphDownload:S,dataDownload:A,data:$,barPadding:O,refValues:Q,truncateBy:Y,maxValue:U,showTicks:L,sortData:I,language:q,minHeight:P,theme:v,maxBarThickness:te,ariaLabel:R,orientation:_,detailsOnClick:D,styles:E,classNames:G,hideAxisLine:re,numberDisplayOptions:T}),e[98]=R,e[99]=h,e[100]=_,e[101]=O,e[102]=M,e[103]=G,e[104]=A,e[105]=$,e[106]=D,e[107]=s,e[108]=r,e[109]=S,e[110]=w,e[111]=l,e[112]=o,e[113]=re,e[114]=q,e[115]=p,e[116]=te,e[117]=U,e[118]=P,e[119]=T,e[120]=k,e[121]=j,e[122]=u,e[123]=Q,e[124]=y,e[125]=b,e[126]=d,e[127]=L,e[128]=a,e[129]=I,e[130]=t,e[131]=E,e[132]=ie,e[133]=v,e[134]=c,e[135]=g,e[136]=Y,e[137]=i,e[138]=z):z=e[138],z}function ve(n){return{label:`${n.x0}-${n.x1}`,size:n.length,data:{options:`${n.x0}-${n.x1}`,frequency:n.length}}}function Ce(n){return n.value}exports.Histogram=Me;
-//# sourceMappingURL=Histogram.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./Histogram-B995-qQB.cjs`);exports.Histogram=e.t;

package/dist/Histogram.d.ts

@@ -1,178 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-export declare function Histogram(props: Props): JSX.Element;
-
-declare interface HistogramDataType {
-    value: number;
-    data?: object;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface NumberFormatOptions {
-    locale?: string;
-    precision?: number;
-    prefix?: string;
-    suffix?: string;
-    padZeros?: boolean;
-}
-
-declare interface Props {
-    /** Array of data objects */
-    data: HistogramDataType[];
-    /** Type of the graph for histogram */
-    graphType?: 'circlePacking' | 'treeMap' | 'barGraph' | 'donutChart';
-    /** Title of the graph */
-    graphTitle?: string | React.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | React.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | React.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** Colors for visualization */
-    colors?: string[] | string;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** Width of the graph */
-    width?: number;
-    /** Height of the graph */
-    height?: number;
-    /** Minimum height of the graph */
-    minHeight?: number;
-    /** Relative height scaling factor. This overwrites the height props */
-    relativeHeight?: number;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** Left margin of the graph */
-    leftMargin?: number;
-    /** Right margin of the graph */
-    rightMargin?: number;
-    /** Top margin of the graph */
-    topMargin?: number;
-    /** Bottom margin of the graph */
-    bottomMargin?: number;
-    /** Padding between bars */
-    barPadding?: number;
-    /** Maximum thickness of bars */
-    maxBarThickness?: number;
-    /** Maximum value for the chart */
-    maxValue?: number;
-    /** Truncate labels by specified length */
-    truncateBy?: number;
-    /** Reference values for comparison */
-    refValues?: ReferenceDataType[];
-    /** Number of bins for the histogram */
-    numberOfBins?: number;
-    /** Orientation of the bar graph. Only applicable if graphType is barGraph. */
-    barGraphLayout?: 'vertical' | 'horizontal';
-    /** Stroke width of the arcs and circle of the donut. Only applicable if graphType is donutChart.  */
-    donutStrokeWidth?: number;
-    /** Sorting order for data. This is overwritten by labelOrder prop */
-    sortData?: 'asc' | 'desc';
-    /** Toggle visibility of labels */
-    showLabels?: boolean;
-    /** Toggle visibility of values */
-    showValues?: boolean;
-    /** Toggle visibility of axis ticks */
-    showTicks?: boolean;
-    /** Toggle visibility of axis line for the  main axis. Only applicable if `graphType` is `barGraph`. */
-    hideAxisLine?: boolean;
-    /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */
-    numberDisplayOptions?: NumberFormatOptions;
-    /** Enable graph download option as png */
-    graphDownload?: boolean;
-    /** Enable data download option as a csv */
-    dataDownload?: boolean;
-    /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
-    tooltip?: string | ((_d: any) => React.ReactNode);
-    /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
-    detailsOnClick?: string | ((_d: any) => React.ReactNode);
-    /** Callback for mouse over event */
-    onSeriesMouseOver?: (_d: any) => void;
-    /** Callback for mouse click event */
-    onSeriesMouseClick?: (_d: any) => void;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-declare interface ReferenceDataType {
-    value: number | null;
-    text: string;
-    color?: string;
-    styles?: {
-        line?: React.CSSProperties;
-        text?: React.CSSProperties;
-    };
-    classNames?: {
-        line?: string;
-        text?: string;
-    };
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Graphs/Histogram/index'
+export {}