@milaboratories/graph-maker 1.1.148 → 1.1.149

package/dist/GraphMaker/dataBindAes.js

@@ -16,17 +16,17 @@ const j = "#110529", I = "solid", m = 1, T = "21", D = 3, q = 2, k = { min: 3, m
 }, N = "light";
 function O(t) {
   const r = 1 / (t.length - 1);
-  return y().domain(t.map((a, e) => e * r)).range(t);
+  return y().domain(t.map((a, o) => o * r)).range(t);
 }
 function U(t, r) {
-  const a = _[t].colors, e = r.length > 1 ? 1 / (r.length - 1) : 0, s = O(a), i = F(t), l = r.reduce((o, n, c) => (o[n] = {
-    colorIdx: i ? c : c * e,
+  const a = _[t].colors, o = r.length > 1 ? 1 / (r.length - 1) : 0, s = O(a), i = F(t), l = r.reduce((n, e, c) => (n[e] = {
+    colorIdx: i ? c : c * o,
     aes: {
-      color: i ? a[c % a.length] : s(c * e),
+      color: i ? a[c % a.length] : s(c * o),
       lineShape: g[c % g.length],
       dotShape: u[c % u.length]
     }
-  }, o), {});
+  }, n), {});
   return {
     type: "categorical",
     palette: t,
@@ -50,26 +50,26 @@ const V = [
   // dendro
 ];
 function w(t, r, a) {
-  V.forEach((e) => {
+  V.forEach((o) => {
     var i;
-    const s = (i = t.components[e]) == null ? void 0 : i.selectorStates;
+    const s = (i = t.components[o]) == null ? void 0 : i.selectorStates;
     s == null || s.forEach(({ selectedSource: l }) => {
       var c;
-      const o = r[l], n = (c = a[l]) == null ? void 0 : c.list;
-      o && n && f(o) && (r[l] = H(n, o));
+      const n = r[l], e = (c = a[l]) == null ? void 0 : c.list;
+      n && e && f(n) && (r[l] = H(e, n));
     });
-  }), Object.keys(r).forEach((e) => {
-    a[e] || delete r[e];
+  }), Object.keys(r).forEach((o) => {
+    a[o] || delete r[o];
   });
 }
 function H(t, r) {
-  const { palette: a, order: e, mapping: s } = r, i = new Set(t), l = new Set(e), o = t.filter((p) => !l.has(p)), n = e.filter((p) => !i.has(p));
-  if (!o.length && !n.length)
+  const { palette: a, order: o, mapping: s } = r, i = new Set(t), l = new Set(o), n = t.filter((p) => !l.has(p)), e = o.filter((p) => !i.has(p));
+  if (!n.length && !e.length)
     return r;
   let c = [...t];
   const h = { ...s }, E = _[a].colors;
-  return o.forEach((p, L) => {
-    const d = L + s[e[e.length - 1]].colorIdx + 1;
+  return n.forEach((p, L) => {
+    const d = L + (o.length ? s[o[o.length - 1]].colorIdx + 1 : 0);
     h[p] = {
       colorIdx: d,
       aes: {
@@ -78,7 +78,7 @@ function H(t, r) {
         dotShape: u[d % u.length]
       }
     };
-  }), n.forEach((p) => {
+  }), e.forEach((p) => {
     h[p] && delete h[p];
   }), { ...r, order: c, mapping: h };
 }
@@ -95,74 +95,74 @@ function z(t) {
 function A(t) {
   return U(N, t);
 }
-function M(t, r, a, e) {
+function M(t, r, a, o) {
   var l;
   if ((r == null ? void 0 : r.type) === "continuous")
     return { inheritedAes: {} };
   const s = a ? ((l = t[a]) == null ? void 0 : l.list) ?? [] : [], i = r ?? A(s);
   return i.order.length ? {
-    order: i.order.filter((o) => {
-      var n;
-      return !((n = i.hidden) != null && n[o]);
+    order: i.order.filter((n) => {
+      var e;
+      return !((e = i.hidden) != null && e[n]);
     }),
-    inheritedAes: i.order.reduce((o, n) => {
-      const c = i.mapping[n].aes;
-      return o[n] = {}, e.fill && (o[n].fillColor = c.color, o[n].dotFill = c.color), e.stroke && (o[n].lineColor = c.color), e.dotShape && (o[n].dotShape = c.dotShape), e.lineType && (o[n].lineShape = c.lineShape), o;
+    inheritedAes: i.order.reduce((n, e) => {
+      const c = i.mapping[e].aes;
+      return n[e] = {}, o.fill && (n[e].fillColor = c.color, n[e].dotFill = c.color), o.stroke && (n[e].lineColor = c.color), o.dotShape && (n[e].dotShape = c.dotShape), o.lineType && (n[e].lineShape = c.lineShape), n;
     }, {})
   } : { inheritedAes: {} };
 }
 function R(t, r, a) {
   var l;
-  const e = a[t];
-  if (e && !f(e))
+  const o = a[t];
+  if (o && !f(o))
     return { order: [], inheritedAes: {} };
-  const s = ((l = r[t]) == null ? void 0 : l.list) ?? [], i = e ?? A(s);
+  const s = ((l = r[t]) == null ? void 0 : l.list) ?? [], i = o ?? A(s);
   return {
     order: i.order,
-    inheritedAes: i.order.reduce((o, n) => {
-      const c = i.mapping[n].aes;
-      return o[n] = {
+    inheritedAes: i.order.reduce((n, e) => {
+      const c = i.mapping[e].aes;
+      return n[e] = {
         fillColor: c.color,
         lineColor: c.color,
         dotFill: c.color,
         dotShape: c.dotShape,
         dotSize: D,
         lineWidth: m
-      }, o;
+      }, n;
     }, {})
   };
 }
 function X(t, r, a) {
   var l;
-  const e = a[t];
-  if (e && !f(e))
+  const o = a[t];
+  if (o && !f(o))
     return {};
-  const s = ((l = r[t]) == null ? void 0 : l.list) ?? [], i = e ?? A(s);
+  const s = ((l = r[t]) == null ? void 0 : l.list) ?? [], i = o ?? A(s);
   return i.order.length ? {
-    order: i.order.filter((o) => {
-      var n;
-      return !((n = i.hidden) != null && n[o]);
+    order: i.order.filter((n) => {
+      var e;
+      return !((e = i.hidden) != null && e[n]);
     }),
-    inheritedAes: i.order.reduce((o, n) => {
-      const c = i.mapping[n].aes;
-      return o[n] = {
+    inheritedAes: i.order.reduce((n, e) => {
+      const c = i.mapping[e].aes;
+      return n[e] = {
         fillColor: c.color,
         lineColor: S,
         dotFill: S,
         dotShape: T,
         dotSize: D,
         lineWidth: m
-      }, o;
+      }, n;
     }, {})
   } : { order: [], inheritedAes: {} };
 }
-function Z(t, r, a, e) {
+function Z(t, r, a, o) {
   var l;
   const s = ((l = r[t]) == null ? void 0 : l.list) ?? [], i = a[t] ?? A(s);
   return i.order.reduce(
-    (o, n) => {
-      const c = i.mapping[n].aes;
-      return o[n] = c[e], o;
+    (n, e) => {
+      const c = i.mapping[e].aes;
+      return n[e] = c[o], n;
     },
     {}
   );

package/dist/GraphMaker/dataBindAes.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataBindAes.js","sources":["../../src/GraphMaker/dataBindAes.ts"],"sourcesContent":["import { InputState } from '@milaboratories/pf-plots';\nimport { scaleLinear } from 'd3-scale';\nimport {\n  ContinuousPalette,\n  DotShape,\n  LineType,\n  Palette,\n} from './components/AesSettings/types';\nimport {\n  DEFAULT_BLACK,\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES,\n  isCategorical,\n  PALETTE_MAP\n} from './constantsAesthetic';\nimport { AesType, ContinuousDataMappingSize, NumberRange } from './constantsCommon';\nimport { UniqueValuesBySourceMap } from './types';\n\nexport type AestheticMappingState = Record<string, AestheticMapping>;\nexport type AestheticMapping =\n  | AestheticMappingContinuous\n  | AestheticMappingCategorical;\n\ninterface MappingRange {\n  maxValue: number | null;\n  minValue: number | null;\n}\n\n/** Mapping for continuous axes (numerical axes) */\nexport interface AestheticMappingContinuous {\n  type: 'continuous';\n  palette: ContinuousPalette;\n  range: MappingRange | null;\n  midPoint: number | null;\n  log: boolean;\n  naAes: AestheticValues;\n}\n\nexport function isAestheticMappingContinuous(v:unknown | AestheticMappingContinuous): v is AestheticMappingContinuous {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'continuous';\n}\n\n/** Mapping for categorical axes (string axes) */\nexport interface AestheticMappingCategorical {\n  type: 'categorical';\n  palette: Palette;\n  naAes: AestheticValues;\n  order: string[];\n  hidden?: Record<string, boolean>;\n  mapping: AestheticMappingRecord;\n}\n\nexport function isAestheticMappingCategorical(v:unknown | AestheticMappingCategorical): v is AestheticMappingCategorical {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'categorical';\n}\n\nexport function isAestheticMapping(v:unknown | AestheticMappingContinuous | AestheticMappingCategorical):v is AestheticMapping {\n  return isAestheticMappingCategorical(v) || isAestheticMappingContinuous(v);\n}\n\n// key - column value, colorIdx - idx of color (if palette is categorical) of percent value of colors gradient (if palette is continuous)\ntype AestheticMappingRecord = Record<\n  string | number,\n  {\n    aes: Partial<AestheticValues>;\n    colorIdx: number;\n  }\n>;\n\ninterface AestheticValues {\n  /** Number to retrieve the color from pallet, string to represent specific color as hex */\n  color: string;\n  lineShape: LineType;\n  dotShape: DotShape;\n}\n\nexport const DEFAULT_LINE_COLOR = '#110529';\nexport const DEFAULT_LINE_SHAPE:LineType = 'solid';\nexport const DEFAULT_LINE_WIDTH = 1;\nexport const DEFAULT_DOT_SHAPE:DotShape = '21'; // colored circle, shape number as in R\nexport const DEFAULT_DOT_SIZE = 3; // radius;\nexport const DEFAULT_DOT_SIZE_CANVAS = 2;\nexport const DEFAULT_DOT_RANGE:NumberRange = { min: 3, max: 10 }; // radius;\n\nexport const DEFAULT_NA_AES = {\n  color: '#ccc',\n  lineShape: DEFAULT_LINE_SHAPE as LineType,\n  dotShape: DEFAULT_DOT_SHAPE as DotShape,\n};\nconst DEFAULT_PALETTE: Palette = 'light';\n\nfunction getColorScale(colors: string[]) {\n  const colorStep = 1 / (colors.length - 1);\n  return scaleLinear<string, string>()\n    .domain(colors.map((_c, idx) => idx * colorStep))\n    .range(colors);\n}\n\nexport function createCategoricalMappingFromPalette(\n  palette: Palette,\n  values: string[],\n): AestheticMappingCategorical {\n  const colors = PALETTE_MAP[palette].colors;\n  const step = values.length > 1 ? 1 / (values.length - 1) : 0;\n  const colorScale = getColorScale(colors);\n\n  const categorical = isCategorical(palette);\n  const mapping = values.reduce((res: AestheticMappingRecord, value, idx) => {\n    res[value] = {\n      colorIdx: categorical ? idx : idx * step,\n      aes: {\n        color: categorical\n          ? colors[idx % colors.length]\n          : colorScale(idx * step),\n        lineShape: FIXED_LINE_TYPES[idx % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[idx % FIXES_DOT_SHAPES.length],\n      },\n    };\n    return res;\n  }, {});\n  return {\n    type: 'categorical',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    order: values,\n    hidden: {},\n    mapping,\n  };\n}\n\nconst INPUTS_WITH_AES_MAPPINGS = [\n  'primaryGrouping', 'secondaryGrouping', // discrete charts\n  'grouping', 'shape', // scatterplot\n  'nodeColor', 'nodeShape', 'lineColor', 'heatmapAnnotation', // dendro\n];\nexport function updateDataBindAes(\n  optionsState: InputState,\n  dataBindAes: Record<string, AestheticMapping>,\n  uniqueValuesMap: UniqueValuesBySourceMap\n) {\n  INPUTS_WITH_AES_MAPPINGS.forEach((inputName) => {\n    const selectorStates = optionsState.components[inputName as keyof InputState]?.selectorStates;\n    selectorStates?.forEach(({selectedSource}) => {\n      const savedMapping = dataBindAes[selectedSource];\n      const uniqueValues = uniqueValuesMap[selectedSource]?.list;\n      if (savedMapping && uniqueValues && isAestheticMappingCategorical(savedMapping)) {\n        dataBindAes[selectedSource] = updateCategoricalMapping(uniqueValues, savedMapping);\n      }\n    })\n  });\n  Object.keys(dataBindAes).forEach((selectedSource) => {\n    if (!uniqueValuesMap[selectedSource]) {\n      delete dataBindAes[selectedSource];\n    }\n  })\n}\n\nexport function updateCategoricalMapping(\n  newUniqueValues: string[],\n  currentMapping: AestheticMappingCategorical,\n): AestheticMappingCategorical {\n  const {palette, order, mapping} = currentMapping;\n  const uniqueValuesSet = new Set(newUniqueValues);\n  const orderValuesSet = new Set(order);\n  const addedValues:string[] = newUniqueValues.filter(v => !orderValuesSet.has(v));\n  const removedValues:string[] = order.filter(v => !uniqueValuesSet.has(v as string));\n  if (!addedValues.length && !removedValues.length) {\n    return currentMapping;\n  }\n  let newOrder = [...newUniqueValues];\n  const newMapping = {...mapping};\n  const colors = PALETTE_MAP[palette].colors;\n  addedValues.forEach((v, idx) => {\n    const index = idx + mapping[order[order.length - 1]].colorIdx + 1;\n    newMapping[v] = {\n      colorIdx: index,\n      aes: {\n        color: colors[index % colors.length],\n        lineShape: FIXED_LINE_TYPES[index % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[index % FIXES_DOT_SHAPES.length],\n      }\n    }\n  });\n  removedValues.forEach((v) => {\n    if (newMapping[v]) {\n      delete newMapping[v];\n    }\n  });\n\n  return {...currentMapping, order: newOrder, mapping: newMapping} as AestheticMappingCategorical;\n}\nexport function createContinuousMappingFromPalette(palette: ContinuousPalette):AestheticMappingContinuous {\n  return {\n    type: 'continuous',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    range: null,\n    midPoint: null,\n    log: false\n  }\n}\n\nexport function createDefaultMapping(\n  values: string[],\n): AestheticMappingCategorical {\n  return createCategoricalMappingFromPalette(DEFAULT_PALETTE, values);\n}\n\nexport function createDefaultContinuousMapping(columnId: string):ContinuousDataMappingSize {\n  return {\n    column: columnId,\n    range: DEFAULT_DOT_RANGE\n  }\n}\n\nexport function getChartSettingsInheritedAes(\n  uniqueValuesData: UniqueValuesBySourceMap,\n  savedMapping: AestheticMapping | undefined,\n  sourceId: string | null,\n  usedAesInMapping: Record<AesType, boolean>,\n) {\n  if (savedMapping?.type === 'continuous') {\n    return { inheritedAes: {} };\n  }\n  const uniqueValues = sourceId ? uniqueValuesData[sourceId]?.list ?? [] : [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {inheritedAes: {}};\n  }\n  return {\n    order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {};\n      if (usedAesInMapping.fill) {\n        res[value].fillColor = aes.color;\n        res[value].dotFill = aes.color;\n      }\n      if (usedAesInMapping.stroke) {\n        res[value].lineColor = aes.color;\n      }\n      if (usedAesInMapping.dotShape) {\n        res[value].dotShape = aes.dotShape;\n      }\n      if (usedAesInMapping.lineType) {\n        res[value].lineShape = aes.lineShape;\n      }\n      return res;\n    }, {}),\n  };\n}\n\nexport function getScatterplotAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {order: [], inheritedAes: {}};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  return {\n    order: mapping.order,\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {\n        fillColor: aes.color,\n        lineColor: aes.color,\n        dotFill: aes.color,\n        dotShape: aes.dotShape,\n        dotSize: DEFAULT_DOT_SIZE,\n        lineWidth: DEFAULT_LINE_WIDTH,\n      };\n      return res;\n    }, {})\n  }\n}\n\nexport function getHistogramAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {order: [], inheritedAes: {}};\n  }\n  return {\n    order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {\n        fillColor: aes.color,\n        lineColor: DEFAULT_BLACK,\n        dotFill: DEFAULT_BLACK,\n        dotShape: DEFAULT_DOT_SHAPE,\n        dotSize: DEFAULT_DOT_SIZE,\n        lineWidth: DEFAULT_LINE_WIDTH,\n      };\n      return res;\n    }, {})\n  };\n}\n\nexport function getDendroAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n  field: keyof AestheticValues,\n): Record<string, AestheticValues[keyof AestheticValues]> {\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping =\n    dataBindAes[selectedSource] as AestheticMappingCategorical ??\n    createDefaultMapping(uniqueValues);\n  return mapping.order.reduce(\n    (res: Record<string, AestheticValues[keyof AestheticValues]>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = aes[field] as string;\n      return res;\n    },\n    {},\n  );\n}\n"],"names":["isAestheticMappingContinuous","v","isAestheticMappingCategorical","isAestheticMapping","DEFAULT_LINE_COLOR","DEFAULT_LINE_SHAPE","DEFAULT_LINE_WIDTH","DEFAULT_DOT_SHAPE","DEFAULT_DOT_SIZE","DEFAULT_DOT_SIZE_CANVAS","DEFAULT_DOT_RANGE","DEFAULT_NA_AES","DEFAULT_PALETTE","getColorScale","colors","colorStep","scaleLinear","_c","idx","createCategoricalMappingFromPalette","palette","values","PALETTE_MAP","step","colorScale","categorical","isCategorical","mapping","res","value","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","INPUTS_WITH_AES_MAPPINGS","updateDataBindAes","optionsState","dataBindAes","uniqueValuesMap","inputName","selectorStates","_a","selectedSource","savedMapping","uniqueValues","updateCategoricalMapping","newUniqueValues","currentMapping","order","uniqueValuesSet","orderValuesSet","addedValues","removedValues","newOrder","newMapping","index","createContinuousMappingFromPalette","createDefaultMapping","getChartSettingsInheritedAes","uniqueValuesData","sourceId","usedAesInMapping","aes","getScatterplotAes","getHistogramAes","DEFAULT_BLACK","getDendroAes","field"],"mappings":"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"}
+{"version":3,"file":"dataBindAes.js","sources":["../../src/GraphMaker/dataBindAes.ts"],"sourcesContent":["import { InputState } from '@milaboratories/pf-plots';\nimport { scaleLinear } from 'd3-scale';\nimport {\n  ContinuousPalette,\n  DotShape,\n  LineType,\n  Palette,\n} from './components/AesSettings/types';\nimport {\n  DEFAULT_BLACK,\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES,\n  isCategorical,\n  PALETTE_MAP\n} from './constantsAesthetic';\nimport { AesType, ContinuousDataMappingSize, NumberRange } from './constantsCommon';\nimport { UniqueValuesBySourceMap } from './types';\n\nexport type AestheticMappingState = Record<string, AestheticMapping>;\nexport type AestheticMapping =\n  | AestheticMappingContinuous\n  | AestheticMappingCategorical;\n\ninterface MappingRange {\n  maxValue: number | null;\n  minValue: number | null;\n}\n\n/** Mapping for continuous axes (numerical axes) */\nexport interface AestheticMappingContinuous {\n  type: 'continuous';\n  palette: ContinuousPalette;\n  range: MappingRange | null;\n  midPoint: number | null;\n  log: boolean;\n  naAes: AestheticValues;\n}\n\nexport function isAestheticMappingContinuous(v:unknown | AestheticMappingContinuous): v is AestheticMappingContinuous {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'continuous';\n}\n\n/** Mapping for categorical axes (string axes) */\nexport interface AestheticMappingCategorical {\n  type: 'categorical';\n  palette: Palette;\n  naAes: AestheticValues;\n  order: string[];\n  hidden?: Record<string, boolean>;\n  mapping: AestheticMappingRecord;\n}\n\nexport function isAestheticMappingCategorical(v:unknown | AestheticMappingCategorical): v is AestheticMappingCategorical {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'categorical';\n}\n\nexport function isAestheticMapping(v:unknown | AestheticMappingContinuous | AestheticMappingCategorical):v is AestheticMapping {\n  return isAestheticMappingCategorical(v) || isAestheticMappingContinuous(v);\n}\n\n// key - column value, colorIdx - idx of color (if palette is categorical) of percent value of colors gradient (if palette is continuous)\ntype AestheticMappingRecord = Record<\n  string | number,\n  {\n    aes: Partial<AestheticValues>;\n    colorIdx: number;\n  }\n>;\n\ninterface AestheticValues {\n  /** Number to retrieve the color from pallet, string to represent specific color as hex */\n  color: string;\n  lineShape: LineType;\n  dotShape: DotShape;\n}\n\nexport const DEFAULT_LINE_COLOR = '#110529';\nexport const DEFAULT_LINE_SHAPE:LineType = 'solid';\nexport const DEFAULT_LINE_WIDTH = 1;\nexport const DEFAULT_DOT_SHAPE:DotShape = '21'; // colored circle, shape number as in R\nexport const DEFAULT_DOT_SIZE = 3; // radius;\nexport const DEFAULT_DOT_SIZE_CANVAS = 2;\nexport const DEFAULT_DOT_RANGE:NumberRange = { min: 3, max: 10 }; // radius;\n\nexport const DEFAULT_NA_AES = {\n  color: '#ccc',\n  lineShape: DEFAULT_LINE_SHAPE as LineType,\n  dotShape: DEFAULT_DOT_SHAPE as DotShape,\n};\nconst DEFAULT_PALETTE: Palette = 'light';\n\nfunction getColorScale(colors: string[]) {\n  const colorStep = 1 / (colors.length - 1);\n  return scaleLinear<string, string>()\n    .domain(colors.map((_c, idx) => idx * colorStep))\n    .range(colors);\n}\n\nexport function createCategoricalMappingFromPalette(\n  palette: Palette,\n  values: string[],\n): AestheticMappingCategorical {\n  const colors = PALETTE_MAP[palette].colors;\n  const step = values.length > 1 ? 1 / (values.length - 1) : 0;\n  const colorScale = getColorScale(colors);\n\n  const categorical = isCategorical(palette);\n  const mapping = values.reduce((res: AestheticMappingRecord, value, idx) => {\n    res[value] = {\n      colorIdx: categorical ? idx : idx * step,\n      aes: {\n        color: categorical\n          ? colors[idx % colors.length]\n          : colorScale(idx * step),\n        lineShape: FIXED_LINE_TYPES[idx % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[idx % FIXES_DOT_SHAPES.length],\n      },\n    };\n    return res;\n  }, {});\n  return {\n    type: 'categorical',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    order: values,\n    hidden: {},\n    mapping,\n  };\n}\n\nconst INPUTS_WITH_AES_MAPPINGS = [\n  'primaryGrouping', 'secondaryGrouping', // discrete charts\n  'grouping', 'shape', // scatterplot\n  'nodeColor', 'nodeShape', 'lineColor', 'heatmapAnnotation', // dendro\n];\nexport function updateDataBindAes(\n  optionsState: InputState,\n  dataBindAes: Record<string, AestheticMapping>,\n  uniqueValuesMap: UniqueValuesBySourceMap\n) {\n  INPUTS_WITH_AES_MAPPINGS.forEach((inputName) => {\n    const selectorStates = optionsState.components[inputName as keyof InputState]?.selectorStates;\n    selectorStates?.forEach(({selectedSource}) => {\n      const savedMapping = dataBindAes[selectedSource];\n      const uniqueValues = uniqueValuesMap[selectedSource]?.list;\n      if (savedMapping && uniqueValues && isAestheticMappingCategorical(savedMapping)) {\n        dataBindAes[selectedSource] = updateCategoricalMapping(uniqueValues, savedMapping);\n      }\n    })\n  });\n  Object.keys(dataBindAes).forEach((selectedSource) => {\n    if (!uniqueValuesMap[selectedSource]) {\n      delete dataBindAes[selectedSource];\n    }\n  })\n}\n\nexport function updateCategoricalMapping(\n  newUniqueValues: string[],\n  currentMapping: AestheticMappingCategorical,\n): AestheticMappingCategorical {\n  const {palette, order, mapping} = currentMapping;\n  const uniqueValuesSet = new Set(newUniqueValues);\n  const orderValuesSet = new Set(order);\n  const addedValues:string[] = newUniqueValues.filter(v => !orderValuesSet.has(v));\n  const removedValues:string[] = order.filter(v => !uniqueValuesSet.has(v as string));\n  if (!addedValues.length && !removedValues.length) {\n    return currentMapping;\n  }\n  let newOrder = [...newUniqueValues];\n  const newMapping = {...mapping};\n  const colors = PALETTE_MAP[palette].colors;\n  addedValues.forEach((v, idx) => {\n    const index = idx + (order.length ? mapping[order[order.length - 1]].colorIdx + 1 : 0);\n    newMapping[v] = {\n      colorIdx: index,\n      aes: {\n        color: colors[index % colors.length],\n        lineShape: FIXED_LINE_TYPES[index % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[index % FIXES_DOT_SHAPES.length],\n      }\n    }\n  });\n  removedValues.forEach((v) => {\n    if (newMapping[v]) {\n      delete newMapping[v];\n    }\n  });\n\n  return {...currentMapping, order: newOrder, mapping: newMapping} as AestheticMappingCategorical;\n}\nexport function createContinuousMappingFromPalette(palette: ContinuousPalette):AestheticMappingContinuous {\n  return {\n    type: 'continuous',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    range: null,\n    midPoint: null,\n    log: false\n  }\n}\n\nexport function createDefaultMapping(\n  values: string[],\n): AestheticMappingCategorical {\n  return createCategoricalMappingFromPalette(DEFAULT_PALETTE, values);\n}\n\nexport function createDefaultContinuousMapping(columnId: string):ContinuousDataMappingSize {\n  return {\n    column: columnId,\n    range: DEFAULT_DOT_RANGE\n  }\n}\n\nexport function getChartSettingsInheritedAes(\n  uniqueValuesData: UniqueValuesBySourceMap,\n  savedMapping: AestheticMapping | undefined,\n  sourceId: string | null,\n  usedAesInMapping: Record<AesType, boolean>,\n) {\n  if (savedMapping?.type === 'continuous') {\n    return { inheritedAes: {} };\n  }\n  const uniqueValues = sourceId ? uniqueValuesData[sourceId]?.list ?? [] : [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {inheritedAes: {}};\n  }\n  return {\n    order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {};\n      if (usedAesInMapping.fill) {\n        res[value].fillColor = aes.color;\n        res[value].dotFill = aes.color;\n      }\n      if (usedAesInMapping.stroke) {\n        res[value].lineColor = aes.color;\n      }\n      if (usedAesInMapping.dotShape) {\n        res[value].dotShape = aes.dotShape;\n      }\n      if (usedAesInMapping.lineType) {\n        res[value].lineShape = aes.lineShape;\n      }\n      return res;\n    }, {}),\n  };\n}\n\nexport function getScatterplotAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {order: [], inheritedAes: {}};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  return {\n    order: mapping.order,\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {\n        fillColor: aes.color,\n        lineColor: aes.color,\n        dotFill: aes.color,\n        dotShape: aes.dotShape,\n        dotSize: DEFAULT_DOT_SIZE,\n        lineWidth: DEFAULT_LINE_WIDTH,\n      };\n      return res;\n    }, {})\n  }\n}\n\nexport function getHistogramAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {order: [], inheritedAes: {}};\n  }\n  return {\n    order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {\n        fillColor: aes.color,\n        lineColor: DEFAULT_BLACK,\n        dotFill: DEFAULT_BLACK,\n        dotShape: DEFAULT_DOT_SHAPE,\n        dotSize: DEFAULT_DOT_SIZE,\n        lineWidth: DEFAULT_LINE_WIDTH,\n      };\n      return res;\n    }, {})\n  };\n}\n\nexport function getDendroAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n  field: keyof AestheticValues,\n): Record<string, AestheticValues[keyof AestheticValues]> {\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping =\n    dataBindAes[selectedSource] as AestheticMappingCategorical ??\n    createDefaultMapping(uniqueValues);\n  return mapping.order.reduce(\n    (res: Record<string, AestheticValues[keyof AestheticValues]>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = aes[field] as string;\n      return res;\n    },\n    {},\n  );\n}\n"],"names":["isAestheticMappingContinuous","v","isAestheticMappingCategorical","isAestheticMapping","DEFAULT_LINE_COLOR","DEFAULT_LINE_SHAPE","DEFAULT_LINE_WIDTH","DEFAULT_DOT_SHAPE","DEFAULT_DOT_SIZE","DEFAULT_DOT_SIZE_CANVAS","DEFAULT_DOT_RANGE","DEFAULT_NA_AES","DEFAULT_PALETTE","getColorScale","colors","colorStep","scaleLinear","_c","idx","createCategoricalMappingFromPalette","palette","values","PALETTE_MAP","step","colorScale","categorical","isCategorical","mapping","res","value","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","INPUTS_WITH_AES_MAPPINGS","updateDataBindAes","optionsState","dataBindAes","uniqueValuesMap","inputName","selectorStates","_a","selectedSource","savedMapping","uniqueValues","updateCategoricalMapping","newUniqueValues","currentMapping","order","uniqueValuesSet","orderValuesSet","addedValues","removedValues","newOrder","newMapping","index","createContinuousMappingFromPalette","createDefaultMapping","getChartSettingsInheritedAes","uniqueValuesData","sourceId","usedAesInMapping","aes","getScatterplotAes","getHistogramAes","DEFAULT_BLACK","getDendroAes","field"],"mappings":";;AAsCO,SAASA,EAA6BC,GAAyE;AACpH,SAAOA,MAAM,QAAQ,OAAOA,KAAM,YAAY,aAAaA,KAAK,UAAUA,KAAKA,EAAE,SAAS;AAC5F;AAYO,SAASC,EAA8BD,GAA2E;AACvH,SAAOA,MAAM,QAAQ,OAAOA,KAAM,YAAY,aAAaA,KAAK,UAAUA,KAAKA,EAAE,SAAS;AAC5F;AAEO,SAASE,EAAmBF,GAA4F;AAC7H,SAAOC,EAA8BD,CAAC,KAAKD,EAA6BC,CAAC;AAC3E;AAkBO,MAAMG,IAAqB,WACrBC,IAA8B,SAC9BC,IAAqB,GACrBC,IAA6B,MAC7BC,IAAmB,GACnBC,IAA0B,GAC1BC,IAAgC,EAAE,KAAK,GAAG,KAAK,GAAA,GAE/CC,IAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,WAAWN;AAAA,EACX,UAAUE;AACZ,GACMK,IAA2B;AAEjC,SAASC,EAAcC,GAAkB;AACvC,QAAMC,IAAY,KAAKD,EAAO,SAAS;AACvC,SAAOE,EAAA,EACJ,OAAOF,EAAO,IAAI,CAACG,GAAIC,MAAQA,IAAMH,CAAS,CAAC,EAC/C,MAAMD,CAAM;AACjB;AAEO,SAASK,EACdC,GACAC,GAC6B;AAC7B,QAAMP,IAASQ,EAAYF,CAAO,EAAE,QAC9BG,IAAOF,EAAO,SAAS,IAAI,KAAKA,EAAO,SAAS,KAAK,GACrDG,IAAaX,EAAcC,CAAM,GAEjCW,IAAcC,EAAcN,CAAO,GACnCO,IAAUN,EAAO,OAAO,CAACO,GAA6BC,GAAOX,OACjEU,EAAIC,CAAK,IAAI;AAAA,IACX,UAAUJ,IAAcP,IAAMA,IAAMK;AAAA,IACpC,KAAK;AAAA,MACH,OAAOE,IACHX,EAAOI,IAAMJ,EAAO,MAAM,IAC1BU,EAAWN,IAAMK,CAAI;AAAA,MACzB,WAAWO,EAAiBZ,IAAMY,EAAiB,MAAM;AAAA,MACzD,UAAUC,EAAiBb,IAAMa,EAAiB,MAAM;AAAA,IAAA;AAAA,EAC1D,GAEKH,IACN,CAAA,CAAE;AACL,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAAR;AAAA,IACA,OAAOT;AAAA,IACP,OAAOU;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,SAAAM;AAAA,EAAA;AAEJ;AAEA,MAAMK,IAA2B;AAAA,EAC/B;AAAA,EAAmB;AAAA;AAAA,EACnB;AAAA,EAAY;AAAA;AAAA,EACZ;AAAA,EAAa;AAAA,EAAa;AAAA,EAAa;AAAA;AACzC;AACO,SAASC,EACdC,GACAC,GACAC,GACA;AACA,EAAAJ,EAAyB,QAAQ,CAACK,MAAc;;AAC9C,UAAMC,KAAiBC,IAAAL,EAAa,WAAWG,CAA6B,MAArD,gBAAAE,EAAwD;AAC/E,IAAAD,KAAA,QAAAA,EAAgB,QAAQ,CAAC,EAAC,gBAAAE,QAAoB;;AAC5C,YAAMC,IAAeN,EAAYK,CAAc,GACzCE,KAAeH,IAAAH,EAAgBI,CAAc,MAA9B,gBAAAD,EAAiC;AACtD,MAAIE,KAAgBC,KAAgBxC,EAA8BuC,CAAY,MAC5EN,EAAYK,CAAc,IAAIG,EAAyBD,GAAcD,CAAY;AAAA,IAErF;AAAA,EACF,CAAC,GACD,OAAO,KAAKN,CAAW,EAAE,QAAQ,CAACK,MAAmB;AACnD,IAAKJ,EAAgBI,CAAc,KACjC,OAAOL,EAAYK,CAAc;AAAA,EAErC,CAAC;AACH;AAEO,SAASG,EACdC,GACAC,GAC6B;AAC7B,QAAM,EAAC,SAAAzB,GAAS,OAAA0B,GAAO,SAAAnB,EAAA,IAAWkB,GAC5BE,IAAkB,IAAI,IAAIH,CAAe,GACzCI,IAAiB,IAAI,IAAIF,CAAK,GAC9BG,IAAuBL,EAAgB,OAAO,CAAA3C,MAAK,CAAC+C,EAAe,IAAI/C,CAAC,CAAC,GACzEiD,IAAyBJ,EAAM,OAAO,CAAA7C,MAAK,CAAC8C,EAAgB,IAAI9C,CAAW,CAAC;AAClF,MAAI,CAACgD,EAAY,UAAU,CAACC,EAAc;AACxC,WAAOL;AAET,MAAIM,IAAW,CAAC,GAAGP,CAAe;AAClC,QAAMQ,IAAa,EAAC,GAAGzB,EAAA,GACjBb,IAASQ,EAAYF,CAAO,EAAE;AACpC,SAAA6B,EAAY,QAAQ,CAAChD,GAAGiB,MAAQ;AAC9B,UAAMmC,IAAQnC,KAAO4B,EAAM,SAASnB,EAAQmB,EAAMA,EAAM,SAAS,CAAC,CAAC,EAAE,WAAW,IAAI;AACpF,IAAAM,EAAWnD,CAAC,IAAI;AAAA,MACd,UAAUoD;AAAA,MACV,KAAK;AAAA,QACH,OAAOvC,EAAOuC,IAAQvC,EAAO,MAAM;AAAA,QACnC,WAAWgB,EAAiBuB,IAAQvB,EAAiB,MAAM;AAAA,QAC3D,UAAUC,EAAiBsB,IAAQtB,EAAiB,MAAM;AAAA,MAAA;AAAA,IAC5D;AAAA,EAEJ,CAAC,GACDmB,EAAc,QAAQ,CAACjD,MAAM;AAC3B,IAAImD,EAAWnD,CAAC,KACd,OAAOmD,EAAWnD,CAAC;AAAA,EAEvB,CAAC,GAEM,EAAC,GAAG4C,GAAgB,OAAOM,GAAU,SAASC,EAAA;AACvD;AACO,SAASE,EAAmClC,GAAuD;AACxG,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAAA;AAAA,IACA,OAAOT;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,KAAK;AAAA,EAAA;AAET;AAEO,SAAS4C,EACdlC,GAC6B;AAC7B,SAAOF,EAAoCP,GAAiBS,CAAM;AACpE;AASO,SAASmC,EACdC,GACAhB,GACAiB,GACAC,GACA;;AACA,OAAIlB,KAAA,gBAAAA,EAAc,UAAS;AACzB,WAAO,EAAE,cAAc,GAAC;AAE1B,QAAMC,IAAegB,MAAWnB,IAAAkB,EAAiBC,CAAQ,MAAzB,gBAAAnB,EAA4B,SAAQ,CAAA,IAAK,CAAA,GACnEZ,IAAUc,KAAgBc,EAAqBb,CAAY;AACjE,SAAKf,EAAQ,MAAM,SAGZ;AAAA,IACL,OAAOA,EAAQ,MAAM,OAAO,CAAC1B;;AAAM,gBAACsC,IAAAZ,EAAQ,WAAR,QAAAY,EAAiBtC;AAAA,KAAE;AAAA,IACvD,cAAc0B,EAAQ,MAAM,OAAO,CAACC,GAA0BC,MAAU;AACtE,YAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,aAAAD,EAAIC,CAAK,IAAI,CAAA,GACT8B,EAAiB,SACnB/B,EAAIC,CAAK,EAAE,YAAY+B,EAAI,OAC3BhC,EAAIC,CAAK,EAAE,UAAU+B,EAAI,QAEvBD,EAAiB,WACnB/B,EAAIC,CAAK,EAAE,YAAY+B,EAAI,QAEzBD,EAAiB,aACnB/B,EAAIC,CAAK,EAAE,WAAW+B,EAAI,WAExBD,EAAiB,aACnB/B,EAAIC,CAAK,EAAE,YAAY+B,EAAI,YAEtBhC;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EAAA,IArBE,EAAC,cAAc,GAAC;AAuB3B;AAEO,SAASiC,EACdrB,GACAiB,GACAtB,GACA;;AACA,QAAMM,IAAeN,EAAYK,CAAc;AAC/C,MAAIC,KAAgB,CAACvC,EAA8BuC,CAAY;AAC7D,WAAO,EAAC,OAAO,IAAI,cAAc,CAAA,EAAC;AAEpC,QAAMC,MAAeH,IAAAkB,EAAiBjB,CAAc,MAA/B,gBAAAD,EAAkC,SAAQ,CAAA,GACzDZ,IAAUc,KAAgBc,EAAqBb,CAAY;AACjE,SAAO;AAAA,IACL,OAAOf,EAAQ;AAAA,IACf,cAAcA,EAAQ,MAAM,OAAO,CAACC,GAA0BC,MAAU;AACtE,YAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,aAAAD,EAAIC,CAAK,IAAI;AAAA,QACX,WAAW+B,EAAI;AAAA,QACf,WAAWA,EAAI;AAAA,QACf,SAASA,EAAI;AAAA,QACb,UAAUA,EAAI;AAAA,QACd,SAASpD;AAAA,QACT,WAAWF;AAAA,MAAA,GAENsB;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EAAA;AAET;AAEO,SAASkC,EACdtB,GACAiB,GACAtB,GACA;;AACA,QAAMM,IAAeN,EAAYK,CAAc;AAC/C,MAAIC,KAAgB,CAACvC,EAA8BuC,CAAY;AAC7D,WAAO,CAAA;AAET,QAAMC,MAAeH,IAAAkB,EAAiBjB,CAAc,MAA/B,gBAAAD,EAAkC,SAAQ,CAAA,GACzDZ,IAAUc,KAAgBc,EAAqBb,CAAY;AACjE,SAAKf,EAAQ,MAAM,SAGZ;AAAA,IACL,OAAOA,EAAQ,MAAM,OAAO,CAAC1B;;AAAM,gBAACsC,IAAAZ,EAAQ,WAAR,QAAAY,EAAiBtC;AAAA,KAAE;AAAA,IACvD,cAAc0B,EAAQ,MAAM,OAAO,CAACC,GAA0BC,MAAU;AACtE,YAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,aAAAD,EAAIC,CAAK,IAAI;AAAA,QACX,WAAW+B,EAAI;AAAA,QACf,WAAWG;AAAA,QACX,SAASA;AAAA,QACT,UAAUxD;AAAA,QACV,SAASC;AAAA,QACT,WAAWF;AAAA,MAAA,GAENsB;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EAAA,IAfE,EAAC,OAAO,IAAI,cAAc,CAAA,EAAC;AAiBtC;AAEO,SAASoC,EACdxB,GACAiB,GACAtB,GACA8B,GACwD;;AACxD,QAAMvB,MAAeH,IAAAkB,EAAiBjB,CAAc,MAA/B,gBAAAD,EAAkC,SAAQ,CAAA,GACzDZ,IACJQ,EAAYK,CAAc,KAC1Be,EAAqBb,CAAY;AACnC,SAAOf,EAAQ,MAAM;AAAA,IACnB,CAACC,GAA6DC,MAAU;AACtE,YAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,aAAAD,EAAIC,CAAK,IAAI+B,EAAIK,CAAK,GACfrC;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EAAC;AAEL;"}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/StackedAreaElement.js

@@ -1,101 +1,101 @@
-import { j as f } from "../../../node_modules/react/jsx-runtime.js";
+import { j as d } from "../../../node_modules/react/jsx-runtime.js";
 import { r as D } from "../../../_virtual/index.js";
 import { StackedBarElement as w } from "./StackedBarElement.js";
 import b from "../../../node_modules/d3-shape/src/area.js";
 import { bumpX as A, bumpY as E } from "../../../node_modules/d3-shape/src/curve/bump.js";
-function M(e) {
+function G(e) {
   return e && typeof e == "object" && "type" in e && e.type === "secondaryGrouping";
 }
-function S(e, t, r, o, y) {
+function S(e, t, r, a, y) {
   if (r && typeof r == "object" && "type" in r) {
     if (r.type === "primaryGrouping")
-      return e.xPrimaryAes(o)[t];
+      return e.xPrimaryAes(a)[t];
     if (r.type === "secondaryGrouping")
       return e.xSecondaryAes(y)[t];
   }
   return r;
 }
-function G(e, t, r, o, y, d, v) {
-  const h = (r - t) / 2, C = v.map((l) => {
+function K(e, t, r, a, y, f, v) {
+  const h = (r - t) / 2, C = v.reduce((i, n) => {
     const s = {};
-    let i = 0;
-    return y.forEach((a) => {
+    let o = 0;
+    return y.forEach((l) => {
       var c;
-      const p = ((c = l.valuesMap[a]) == null ? void 0 : c.height) ?? 0;
-      s[a] = {
-        y1: i,
-        y2: i + p
-      }, i += p;
-    }), s;
-  });
-  return y.map((l) => {
-    const s = C.flatMap((a, c) => {
-      const p = o[c], m = e.xPrimary(p) ?? 0, x = e.y(a[l].y1), u = e.y(a[l].y2), g = [m + h, x, u], n = [m + r - h, x, u];
-      return d ? [g, n] : [n, g];
-    }), i = (d ? b().curve(A).x((a) => a[0]).y0((a) => a[1]).y1((a) => a[2])(s) : b().curve(E).y((a) => a[0]).x0((a) => a[1]).x1((a) => a[2])(s)) ?? "";
-    return { secondaryKey: l, pathD: i };
+      const p = ((c = n.valuesMap[l]) == null ? void 0 : c.height) ?? 0;
+      s[l] = {
+        y1: o,
+        y2: o + p
+      }, o += p;
+    }), i[n.primaryGrouping] = s, i;
+  }, {});
+  return y.map((i) => {
+    const n = a.flatMap((o) => {
+      const l = C[o], c = e.xPrimary(o) ?? 0, p = e.y(l[i].y1), x = e.y(l[i].y2), u = [c + h, p, x], g = [c + r - h, p, x];
+      return f ? [u, g] : [g, u];
+    }), s = (f ? b().curve(A).x((o) => o[0]).y0((o) => o[1]).y1((o) => o[2])(n) : b().curve(E).y((o) => o[0]).x0((o) => o[1]).x1((o) => o[2])(n)) ?? "";
+    return { secondaryKey: i, pathD: s };
   });
 }
-function K(e, t) {
+function M(e, t) {
   return e.meta.showBars ? e.aes.barWidth === "auto" ? t * 0.2 : Math.min(t, e.aes.barWidth) : 0;
 }
 function O({
   facetKey: e,
   scales: t,
   orientation: r,
-  layerData: o,
+  layerData: a,
   sideDistances: y,
-  showTooltips: d,
+  showTooltips: f,
   secondaryGrouping: v,
   activeElementContainer: h,
   tooltipsContainer: C,
-  tooltipsData: l
+  tooltipsData: i
 }) {
-  const [s, i] = D.useState(null), a = r === "vertical", c = t.xPrimary.bandwidth(), p = K(o, c), m = t.xPrimary.domain(), x = t.xSecondary.domain().reverse(), u = M(o.aes.fillColor) || typeof o.aes.fillColor == "string", g = u ? G(
+  const [n, s] = D.useState(null), o = r === "vertical", l = t.xPrimary.bandwidth(), c = M(a, l), p = t.xPrimary.domain(), x = t.xSecondary.domain().reverse(), u = G(a.aes.fillColor) || typeof a.aes.fillColor == "string", g = u ? K(
     t,
-    p,
     c,
-    m,
+    l,
+    p,
     x,
-    a,
-    o.geoms[e]
+    o,
+    a.geoms[e]
   ) : [];
-  return /* @__PURE__ */ f.jsxs("g", { children: [
-    /* @__PURE__ */ f.jsx("g", { children: u && g.map(({ secondaryKey: n, pathD: j }) => /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d.jsxs("g", { children: [
+    /* @__PURE__ */ d.jsx("g", { children: u && g.map(({ secondaryKey: m, pathD: j }) => /* @__PURE__ */ d.jsx(
       "path",
       {
         d: j,
-        fill: S(t, "fillColor", o.aes.fillColor, m[0], n),
-        opacity: o.aes.areaOpacity * (s !== null && n !== s ? 0.5 : 1),
-        onMouseEnter: () => i(n),
-        onMouseLeave: () => i(null)
+        fill: S(t, "fillColor", a.aes.fillColor, p[0], m),
+        opacity: a.aes.areaOpacity * (n !== null && m !== n ? 0.5 : 1),
+        onMouseEnter: () => s(m),
+        onMouseLeave: () => s(null)
       },
-      n
+      m
     )) }),
-    /* @__PURE__ */ f.jsx("g", { children: o.meta.showBars && o.geoms[e].map((n) => /* @__PURE__ */ f.jsx(
+    /* @__PURE__ */ d.jsx("g", { children: a.meta.showBars && a.geoms[e].map((m) => /* @__PURE__ */ d.jsx(
       w,
       {
         facetKey: e,
-        geom: n,
-        elementsAmount: o.geoms[e].length,
+        geom: m,
+        elementsAmount: a.geoms[e].length,
         scales: t,
         orientation: r,
         aes: {
-          ...o.aes,
-          width: p,
-          opacity: o.aes.barsOpacity
+          ...a.aes,
+          width: c,
+          opacity: a.aes.barsOpacity
         },
-        normalize: o.meta.normalize,
+        normalize: a.meta.normalize,
         sideDistances: y,
-        showTooltips: d,
+        showTooltips: f,
         secondaryGrouping: v,
-        tooltipsData: l,
+        tooltipsData: i,
         activeElementContainer: h,
         tooltipsContainer: C,
-        activeKey: s,
-        onSectionHover: i
+        activeKey: n,
+        onSectionHover: s
       },
-      n.key
+      m.key
     )) })
   ] });
 }

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/StackedAreaElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedAreaElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/StackedAreaElement.tsx"],"sourcesContent":["import {area, curveBumpX, curveBumpY} from 'd3-shape';\nimport React, { useState } from 'react';\nimport type {TooltipsData} from '../../../common/Tooltip';\nimport type {AesItem, GroupingData, InheritAesDiscrete, Orientation} from '../../../types';\nimport type {StackedBar} from '../../layers';\nimport type {StackedAreaData} from '../../layers/types';\nimport type {ChartScales} from '../types';\nimport {StackedBarElement} from './StackedBarElement';\n\ninterface StackedAreaProps {\n    facetKey: string;\n    scales: ChartScales;\n    layerData: StackedAreaData;\n    orientation: Orientation;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction isSecondaryGroupedAes (value: string | InheritAesDiscrete) {\n    return value && typeof value === 'object' && 'type' in value && value.type === 'secondaryGrouping';\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getAreas(\n    scales: ChartScales,\n    barWidth: number,\n    bandWidth: number,\n    primaryKeys: string[],\n    secondaryKeys: string[],\n    isVertical: boolean,\n    bars: StackedBar[],\n) {\n    const offsetX = (bandWidth - barWidth) / 2;\n    const ys = bars.map((bar) => {\n        const yValues:Record<string, {y1: number, y2: number}> = {};\n        let currentHeight = 0;\n        secondaryKeys.forEach(secondaryKey => {\n            const height = bar.valuesMap[secondaryKey]?.height ?? 0;\n            yValues[secondaryKey] = {\n                y1: currentHeight,\n                y2: currentHeight + height,\n            };\n            currentHeight += height;\n        });\n        return yValues;\n    });\n\n    return secondaryKeys.map((secondaryKey) => {\n        const points:[number, number, number][] = ys.flatMap((yMap, idx) => {\n            const primaryKey = primaryKeys[idx];\n            const x = scales.xPrimary(primaryKey) ?? 0;\n            const y1 = scales.y(yMap[secondaryKey].y1);\n            const y2 = scales.y(yMap[secondaryKey].y2);\n            const p1:[number, number, number] = [x + offsetX, y1, y2];\n            const p2:[number, number, number] = [x + bandWidth - offsetX, y1, y2];\n            return isVertical ? [p1, p2] : [p2, p1];\n        });\n\n        const pathD = (isVertical ? (\n            area<[number, number, number]>()\n                .curve(curveBumpX)\n                .x(d => d[0])\n                .y0(d => d[1])\n                .y1(d => d[2])(points)\n            ) :\n            area<[number, number, number]>()\n                .curve(curveBumpY)\n                .y(d => d[0])\n                .x0(d => d[1])\n                .x1(d => d[2])(points)) ?? '';\n        return {secondaryKey, pathD};\n    });\n}\n\nfunction calculateBarWidth (\n    layerData: StackedAreaData,\n    bandwidth: number\n) {\n    if (!layerData.meta.showBars) {\n        return 0;\n    }\n    return layerData.aes.barWidth === 'auto' ? bandwidth * 0.2 : Math.min(bandwidth, layerData.aes.barWidth);\n}\n\nexport function StackedAreaElement({\n    facetKey,\n    scales,\n    orientation,\n    layerData,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: StackedAreaProps) {\n    const [selectedAreaKey, setSelectedAreaKey] = useState<string | null>(null);\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxWidth = calculateBarWidth(layerData, boxOuterWidth);\n    const primaryKeys = scales.xPrimary.domain();\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n\n    const needsAreas = isSecondaryGroupedAes(layerData.aes.fillColor) || typeof layerData.aes.fillColor === 'string';\n    const areas = needsAreas ? getAreas(\n        scales,\n        boxWidth,\n        boxOuterWidth,\n        primaryKeys,\n        secondaryKeys,\n        isVertical,\n        layerData.geoms[facetKey]\n    ) : [];\n\n    return (\n        <g>\n            <g>\n                {needsAreas && areas.map(({secondaryKey, pathD}) => (\n                    <path\n                        key={secondaryKey}\n                        d={pathD}\n                        fill={getAesValue(scales, 'fillColor', layerData.aes.fillColor, primaryKeys[0], secondaryKey)}\n                        opacity={layerData.aes.areaOpacity * (selectedAreaKey !== null && secondaryKey !== selectedAreaKey ? 0.5 : 1)}\n                        onMouseEnter={() => setSelectedAreaKey(secondaryKey)}\n                        onMouseLeave={() => setSelectedAreaKey(null)}\n                    />\n                ))}\n            </g>\n            <g>\n            {layerData.meta.showBars && (layerData as StackedAreaData).geoms[facetKey].map(geom => (\n                <StackedBarElement\n                    key={geom.key}\n                    facetKey={facetKey}\n                    geom={geom}\n                    elementsAmount={layerData.geoms[facetKey].length}\n                    scales={scales}\n                    orientation={orientation}\n                    aes={{\n                        ...layerData.aes,\n                        width: boxWidth,\n                        opacity: layerData.aes.barsOpacity\n                    }}\n                    normalize={layerData.meta.normalize}\n                    sideDistances={sideDistances}\n                    showTooltips={showTooltips}\n                    secondaryGrouping={secondaryGrouping}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                    tooltipsContainer={tooltipsContainer}\n                    activeKey={selectedAreaKey}\n                    onSectionHover={setSelectedAreaKey}\n                />\n            ))}\n            </g>\n        </g>\n    );\n}\n"],"names":["isSecondaryGroupedAes","value","getAesValue","scales","field","primaryGrouping","secondaryGrouping","getAreas","barWidth","bandWidth","primaryKeys","secondaryKeys","isVertical","bars","offsetX","ys","bar","yValues","currentHeight","secondaryKey","height","_a","points","yMap","idx","primaryKey","x","y1","y2","p1","p2","pathD","area","curveBumpX","d","curveBumpY","o","calculateBarWidth","layerData","bandwidth","StackedAreaElement","facetKey","orientation","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","selectedAreaKey","setSelectedAreaKey","useState","boxOuterWidth","boxWidth","needsAreas","areas","g","jsx","geom","StackedBarElement"],"mappings":";;;;;AA2BA,SAASA,EAAuBC,GAAoC;AAChE,SAAOA,KAAS,OAAOA,KAAU,YAAY,UAAUA,KAASA,EAAM,SAAS;AACnF;AAEA,SAASC,EACLC,GACAC,GACAH,GACAI,GACAC,GACS;AACT,MAAIL,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,aAAOE,EAAO,YAAYE,CAAe,EAAED,CAAK;AAEpD,QAAIH,EAAM,SAAS;AACf,aAAOE,EAAO,cAAcG,CAAiB,EAAEF,CAAK;AAAA,EAE5D;AACA,SAAOH;AACX;AAEA,SAASM,EACLJ,GACAK,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,KAAWL,IAAYD,KAAY,GACnCO,IAAKF,EAAK,IAAI,CAACG,MAAQ;AACzB,UAAMC,IAAmD,CAAA;AACzD,QAAIC,IAAgB;AACpB,WAAAP,EAAc,QAAQ,CAAAQ,MAAgB;;AAClC,YAAMC,MAASC,IAAAL,EAAI,UAAUG,CAAY,MAA1B,OAAA,SAAAE,EAA6B,WAAU;AACtDJ,QAAQE,CAAY,IAAI;AAAA,QACpB,IAAID;AAAAA,QACJ,IAAIA,IAAgBE;AAAAA,MAAA,GAExBF,KAAiBE;AAAAA,IACrB,CAAC,GACMH;AAAAA,EACX,CAAC;AAED,SAAON,EAAc,IAAI,CAACQ,MAAiB;AACvC,UAAMG,IAAoCP,EAAG,QAAQ,CAACQ,GAAMC,MAAQ;AAChE,YAAMC,IAAaf,EAAYc,CAAG,GAC5BE,IAAIvB,EAAO,SAASsB,CAAU,KAAK,GACnCE,IAAKxB,EAAO,EAAEoB,EAAKJ,CAAY,EAAE,EAAE,GACnCS,IAAKzB,EAAO,EAAEoB,EAAKJ,CAAY,EAAE,EAAE,GACnCU,IAA8B,CAACH,IAAIZ,GAASa,GAAIC,CAAE,GAClDE,IAA8B,CAACJ,IAAIjB,IAAYK,GAASa,GAAIC,CAAE;AACpE,aAAOhB,IAAa,CAACiB,GAAIC,CAAE,IAAI,CAACA,GAAID,CAAE;AAAA,IAC1C,CAAC,GAEKE,KAASnB,IACXoB,EAAAA,EACK,MAAMC,CAAU,EAChB,EAAE,CAAAC,MAAKA,EAAE,CAAC,CAAC,EACX,GAAG,CAAAA,MAAKA,EAAE,CAAC,CAAC,EACZ,GAAG,CAAAA,MAAKA,EAAE,CAAC,CAAC,EAAEZ,CAAM,IAEzBU,EAAAA,EACK,MAAMG,CAAU,EAChB,EAAE,CAAAD,MAAKA,EAAE,CAAC,CAAC,EACX,GAAG,CAAAE,MAAKF,EAAE,CAAC,CAAC,EACZ,GAAG,CAAAA,MAAKA,EAAE,CAAC,CAAC,EAAEZ,CAAM,MAAM;AACnC,WAAO,EAAC,cAAAH,GAAc,OAAAY,EAAAA;AAAAA,EAC1B,CAAC;AACL;AAEA,SAASM,EACLC,GACAC,GACF;AACE,SAAKD,EAAU,KAAK,WAGbA,EAAU,IAAI,aAAa,SAASC,IAAY,MAAM,KAAK,IAAIA,GAAWD,EAAU,IAAI,QAAQ,IAF5F;AAGf;AAEO,SAASE,EAAmB;AAAA,EAC/B,UAAAC;AAAAA,EACA,QAAAtC;AAAAA,EACA,aAAAuC;AAAAA,EACA,WAAAJ;AAAAA,EACA,eAAAK;AAAAA,EACA,cAAAC;AAAAA,EACA,mBAAAtC;AAAAA,EACA,wBAAAuC;AAAAA,EACA,mBAAAC;AAAAA,EACA,cAAAC;AACJ,GAAqB;AACjB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAAA,SAAwB,IAAI,GACpEtC,IAAa8B,MAAgB,YAC7BS,IAAgBhD,EAAO,SAAS,aAChCiD,IAAWf,EAAkBC,GAAWa,CAAa,GACrDzC,IAAcP,EAAO,SAAS,OAAA,GAC9BQ,IAAgBR,EAAO,WAAW,SAAS,WAE3CkD,IAAarD,EAAsBsC,EAAU,IAAI,SAAS,KAAK,OAAOA,EAAU,IAAI,aAAc,UAClGgB,IAAQD,IAAa9C;AAAAA,IACvBJ;AAAAA,IACAiD;AAAAA,IACAD;AAAAA,IACAzC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA0B,EAAU,MAAMG,CAAQ;AAAA,EAAA,IACxB,CAAA;AAEJ,SAAAc,gBAAAA,EAAA,KACK,KAAA,EACG,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,KAAA,EACI,UAAA9B,KAAc4B,EAAM,IAAI,CAAC,EAAC,cAAAnC,GAAc,OAAAY,EAAAA,MACrCyB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,GAAGzB;AAAAA,QACH,MAAM7B,EAAYC,GAAQ,aAAamC,EAAU,IAAI,WAAW5B,EAAY,CAAC,GAAGS,CAAY;AAAA,QAC5F,SAASmB,EAAU,IAAI,eAAeU,MAAoB,QAAQ7B,MAAiB6B,IAAkB,MAAM;AAAA,QAC3G,cAAc,MAAMC,EAAmB9B,CAAY;AAAA,QACnD,cAAc,MAAM8B,EAAmB,IAAI;AAAA,MAAA;AAAA,MALtC9B;AAAAA,IAAA,CAOZ,GACL;AAAA,IACAqC,gBAAAA,EAAAA,IAAC,KAAA,EACA,UAAAlB,EAAU,KAAK,YAAaA,EAA8B,MAAMG,CAAQ,EAAE,IAAI,CAAAgB,MAC3ED,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QAEG,UAAAjB;AAAAA,QACA,MAAAgB;AAAAA,QACA,gBAAgBnB,EAAU,MAAMG,CAAQ,EAAE;AAAA,QAC1C,QAAAtC;AAAAA,QACA,aAAAuC;AAAAA,QACA,KAAK;AAAA,UACD,GAAGJ,EAAU;AAAA,UACb,OAAOc;AAAAA,UACP,SAASd,EAAU,IAAI;AAAA,QAAA;AAAA,QAE3B,WAAWA,EAAU,KAAK;AAAA,QAC1B,eAAAK;AAAAA,QACA,cAAAC;AAAAA,QACA,mBAAAtC;AAAAA,QACA,cAAAyC;AAAAA,QACA,wBAAAF;AAAAA,QACA,mBAAAC;AAAAA,QACA,WAAWE;AAAAA,QACX,gBAAgBC;AAAAA,MAAA;AAAA,MAnBXQ,EAAK;AAAA,IAAA,CAqBjB,GACD;AAAA,EAAA,GACJ;AAER;","x_google_ignoreList":[0]}
+{"version":3,"file":"StackedAreaElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/StackedAreaElement.tsx"],"sourcesContent":["import {area, curveBumpX, curveBumpY} from 'd3-shape';\nimport React, { useState } from 'react';\nimport type {TooltipsData} from '../../../common/Tooltip';\nimport type {AesItem, GroupingData, InheritAesDiscrete, Orientation} from '../../../types';\nimport type {StackedBar} from '../../layers';\nimport type {StackedAreaData} from '../../layers/types';\nimport type {ChartScales} from '../types';\nimport {StackedBarElement} from './StackedBarElement';\n\ninterface StackedAreaProps {\n    facetKey: string;\n    scales: ChartScales;\n    layerData: StackedAreaData;\n    orientation: Orientation;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction isSecondaryGroupedAes (value: string | InheritAesDiscrete) {\n    return value && typeof value === 'object' && 'type' in value && value.type === 'secondaryGrouping';\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getAreas(\n    scales: ChartScales,\n    barWidth: number,\n    bandWidth: number,\n    primaryKeys: string[],\n    secondaryKeys: string[],\n    isVertical: boolean,\n    bars: StackedBar[],\n) {\n    const offsetX = (bandWidth - barWidth) / 2;\n    const ys = bars.reduce((res, bar) => {\n        const yValues: Record<string, {y1: number, y2: number}> = {};\n        let currentHeight = 0;\n        secondaryKeys.forEach(secondaryKey => {\n            const height = bar.valuesMap[secondaryKey]?.height ?? 0;\n            yValues[secondaryKey] = {\n                y1: currentHeight,\n                y2: currentHeight + height,\n            };\n            currentHeight += height;\n        });\n        res[bar.primaryGrouping] = yValues;\n        return res;\n    }, {} as Record<string, Record<string, {y1: number, y2: number}>>);\n\n    return secondaryKeys.map((secondaryKey) => {\n        const points:[number, number, number][] = primaryKeys.flatMap((primaryKey) => {\n            const yMap = ys[primaryKey];\n            const x = scales.xPrimary(primaryKey) ?? 0;\n            const y1 = scales.y(yMap[secondaryKey].y1);\n            const y2 = scales.y(yMap[secondaryKey].y2);\n            const p1:[number, number, number] = [x + offsetX, y1, y2];\n            const p2:[number, number, number] = [x + bandWidth - offsetX, y1, y2];\n            return isVertical ? [p1, p2] : [p2, p1];\n        });\n\n        const pathD = (isVertical ? (\n            area<[number, number, number]>()\n                .curve(curveBumpX)\n                .x(d => d[0])\n                .y0(d => d[1])\n                .y1(d => d[2])(points)\n            ) :\n            area<[number, number, number]>()\n                .curve(curveBumpY)\n                .y(d => d[0])\n                .x0(d => d[1])\n                .x1(d => d[2])(points)) ?? '';\n        return {secondaryKey, pathD};\n    });\n}\n\nfunction calculateBarWidth (\n    layerData: StackedAreaData,\n    bandwidth: number\n) {\n    if (!layerData.meta.showBars) {\n        return 0;\n    }\n    return layerData.aes.barWidth === 'auto' ? bandwidth * 0.2 : Math.min(bandwidth, layerData.aes.barWidth);\n}\n\nexport function StackedAreaElement({\n    facetKey,\n    scales,\n    orientation,\n    layerData,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: StackedAreaProps) {\n    const [selectedAreaKey, setSelectedAreaKey] = useState<string | null>(null);\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxWidth = calculateBarWidth(layerData, boxOuterWidth);\n    const primaryKeys = scales.xPrimary.domain();\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n\n    const needsAreas = isSecondaryGroupedAes(layerData.aes.fillColor) || typeof layerData.aes.fillColor === 'string';\n    const areas = needsAreas ? getAreas(\n        scales,\n        boxWidth,\n        boxOuterWidth,\n        primaryKeys,\n        secondaryKeys,\n        isVertical,\n        layerData.geoms[facetKey]\n    ) : [];\n\n    return (\n        <g>\n            <g>\n                {needsAreas && areas.map(({secondaryKey, pathD}) => (\n                    <path\n                        key={secondaryKey}\n                        d={pathD}\n                        fill={getAesValue(scales, 'fillColor', layerData.aes.fillColor, primaryKeys[0], secondaryKey)}\n                        opacity={layerData.aes.areaOpacity * (selectedAreaKey !== null && secondaryKey !== selectedAreaKey ? 0.5 : 1)}\n                        onMouseEnter={() => setSelectedAreaKey(secondaryKey)}\n                        onMouseLeave={() => setSelectedAreaKey(null)}\n                    />\n                ))}\n            </g>\n            <g>\n            {layerData.meta.showBars && (layerData as StackedAreaData).geoms[facetKey].map(geom => (\n                <StackedBarElement\n                    key={geom.key}\n                    facetKey={facetKey}\n                    geom={geom}\n                    elementsAmount={layerData.geoms[facetKey].length}\n                    scales={scales}\n                    orientation={orientation}\n                    aes={{\n                        ...layerData.aes,\n                        width: boxWidth,\n                        opacity: layerData.aes.barsOpacity\n                    }}\n                    normalize={layerData.meta.normalize}\n                    sideDistances={sideDistances}\n                    showTooltips={showTooltips}\n                    secondaryGrouping={secondaryGrouping}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                    tooltipsContainer={tooltipsContainer}\n                    activeKey={selectedAreaKey}\n                    onSectionHover={setSelectedAreaKey}\n                />\n            ))}\n            </g>\n        </g>\n    );\n}\n"],"names":["isSecondaryGroupedAes","value","getAesValue","scales","field","primaryGrouping","secondaryGrouping","getAreas","barWidth","bandWidth","primaryKeys","secondaryKeys","isVertical","bars","offsetX","ys","res","bar","yValues","currentHeight","secondaryKey","height","_a","points","primaryKey","yMap","x","y1","y2","p1","p2","pathD","area","curveBumpX","d","curveBumpY","calculateBarWidth","layerData","bandwidth","StackedAreaElement","facetKey","orientation","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","selectedAreaKey","setSelectedAreaKey","useState","boxOuterWidth","boxWidth","needsAreas","areas","g","jsx","geom","StackedBarElement"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/graph-maker",
-  "version": "1.1.148",
+  "version": "1.1.149",
   "type": "module",
   "main": "dist/lib.js",
   "types": "dist/lib.d.ts",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@ag-grid-community/core": "^32.3.3",
     "@milaboratories/helpers": "^1.6.15",
-    "@milaboratories/miplots4": "^1.0.139",
+    "@milaboratories/miplots4": "^1.0.140",
     "@milaboratories/pf-plots": "^1.1.30",
     "@platforma-sdk/model": "^1.42.21",
     "@platforma-sdk/ui-vue": "^1.39.16",