@vritti/quantum-ui 0.3.26 → 0.4.0

package/dist/Chart.js

@@ -25096,7 +25096,11 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: sortByConfigOrder(
+          payload.filter((item) => item.type !== "none"),
+          config,
+          (item) => `${nameKey || item.name || item.dataKey || "value"}`
+        ).map((item, index) => {
           const key = `${nameKey || item.name || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
           const indicatorColor = color || item.payload?.fill || item.color;
@@ -25126,10 +25130,7 @@ function ChartTooltipContent({
                 /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: cn(
-                      "flex flex-1 justify-between leading-none",
-                      nestLabel ? "items-end" : "items-center"
-                    ),
+                    className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
                     children: [
                       /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
@@ -25160,7 +25161,11 @@ function ChartLegendContent({
   if (!payload?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload.filter((item) => item.type !== "none").map((item) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: sortByConfigOrder(
+    payload.filter((item) => item.type !== "none"),
+    config,
+    (item) => `${nameKey || item.dataKey || "value"}`
+  ).map((item) => {
     const key = `${nameKey || item.dataKey || "value"}`;
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     return /* @__PURE__ */ jsxs(
@@ -25184,9 +25189,9 @@ function ChartLegendContent({
     );
   }) });
 }
-function getPayloadConfigFromPayload(config, payload, key) {
+function getPayloadConfigKey(config, payload, key) {
   if (typeof payload !== "object" || payload === null) {
-    return void 0;
+    return key;
   }
   const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
   let configLabelKey = key;
@@ -25195,7 +25200,21 @@ function getPayloadConfigFromPayload(config, payload, key) {
   } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
     configLabelKey = payloadPayload[key];
   }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
+  return configLabelKey in config ? configLabelKey : key;
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  return config[getPayloadConfigKey(config, payload, key)];
+}
+function sortByConfigOrder(items, config, keyOf) {
+  const order = Object.keys(config);
+  const rank = (item) => {
+    const index = order.indexOf(getPayloadConfigKey(config, item, keyOf(item)));
+    return index === -1 ? order.length : index;
+  };
+  return [...items].sort((a, b) => rank(a) - rank(b));
 }
 
 export { resolveDefaultProps as $, useAppSelector as A, selectActiveTooltipIndex as B, useActiveTooltipDataPoints as C, DefaultZIndexes as D, isNullish as E, combineCheckedDomain as F, combineNiceTicks as G, selectBaseAxis as H, combineAxisDomainWithNiceTicks as I, selectStackOffsetType as J, combineAxisDomain as K, Layer as L, combineAppliedValues as M, selectChartDataAndAlwaysIgnoreIndexes as N, combineDisplayedData as O, selectDomainDefinition as P, selectDomainFromUserPreference as Q, combineNumericalDomain as R, combineGraphicalItemsSettings as S, combineGraphicalItemsData as T, selectAllErrorBarSettings as U, combineDomainOfAllAppliedNumericalValuesIncludingErrorValues as V, pickAxisId as W, itemAxisPredicate as X, getValueByDataKey as Y, ZIndexLayer as Z, updatePolarOptions as _, selectRealScaleType as a, selectPolarViewBox as a$, RechartsStoreProvider as a0, ChartDataContextProvider as a1, ReportMainChartProps as a2, ReportEventSettings as a3, ReportChartProps as a4, CategoricalChart as a5, initialEventSettingsState as a6, selectChartDataWithIndexesIfNotInPanoramaPosition4 as a7, selectAxisWithScale as a8, selectTicksOfGraphicalItem as a9, selectChartDataWithIndexesIfNotInPanoramaPosition3 as aA, selectChartBaseValue as aB, getStackSeriesIdentifier as aC, selectStackGroups as aD, getNormalizedStackId as aE, useChartName as aF, useCartesianChartLayout as aG, isNan as aH, Curve as aI, isWellBehavedNumber as aJ, selectChartOffsetInternal as aK, SetPolarGraphicalItem as aL, findAllByType as aM, SetPolarLegendPayload as aN, get$1 as aO, mathSign as aP, PolarLabelListContextProvider as aQ, selectActiveTooltipDataKey as aR, selectActiveTooltipGraphicalItemId as aS, DATA_ITEM_GRAPHICAL_ITEM_ID_ATTRIBUTE_NAME as aT, DATA_ITEM_INDEX_ATTRIBUTE_NAME as aU, adaptEventsOfChild as aV, getMaxRadius as aW, getPercentValue as aX, polarToCartesian as aY, Text as aZ, selectChartDataWithIndexes as a_, selectUnfilteredCartesianItems as aa, isCategoricalAxis as ab, getBandSizeOfAxis as ac, propsAreEqual as ad, useIsPanorama as ae, RegisterGraphicalItemId as af, SetLegendPayload as ag, SetCartesianGraphicalItem as ah, getTooltipNameProp as ai, SetTooltipEntrySettings as aj, noop$2 as ak, usePlotArea as al, useChartLayout as am, getCateCoordinateOfLine as an, useAnimationId as ao, JavascriptAnimate as ap, interpolate as aq, LabelListFromLabelProp as ar, CartesianLabelListContextProvider as as, svgPropertiesAndEvents as at, arrayTooltipSearcher as au, ChartContainer as av, ChartTooltip as aw, ChartTooltipContent as ax, ChartLegend as ay, ChartLegendContent as az, combineConfiguredScale as b, getBaseValueOfBar as b0, selectRootMaxBarSize as b1, selectBarGap as b2, selectBarCategoryGap as b3, selectRootBarSize as b4, selectReverseStackOrder as b5, combineStackGroups as b6, selectTooltipAxis as b7, combineDisplayedStackedData as b8, isStacked as b9, implicitXAxis as bA, implicitYAxis as bB, addXAxis as bC, replaceXAxis as bD, removeXAxis as bE, selectTicksOfAxis as bF, selectXAxisSize as bG, selectXAxisPosition as bH, selectXAxisSettingsNoDefaults as bI, getAxisTypeBasedOnLayout as bJ, addYAxis as bK, replaceYAxis as bL, removeYAxis as bM, selectYAxisSize as bN, selectYAxisPosition as bO, selectYAxisSettingsNoDefaults as bP, isLabelContentAFunction as bQ, updateYAxisWidth as bR, usePolarChartLayout as bS, addAngleAxis as bT, removeAngleAxis as bU, defaultPolarAngleAxisProps as bV, degreeToRadian as bW, requireIsArrayLike as bX, truncateByDomain as ba, getCateCoordinateOfBar as bb, getTransitionVal as bc, roundTemplateLiteral as bd, Symbols as be, Sector as bf, Rectangle as bg, selectAxisViewBox as bh, selectCartesianAxisSize as bi, Global as bj, getStringSize as bk, CartesianLabelContextProvider as bl, CartesianLabelFromLabelProp as bm, isValidTextAnchor as bn, setRenderedTicks as bo, removeRenderedTicks as bp, useChartWidth as bq, useChartHeight as br, useOffsetInternal as bs, isPositiveNumber as bt, warn as bu, getCoordinatesOfGrid as bv, getTicksOfAxis as bw, selectAxisPropsNeededForCartesianGridTicksGenerator as bx, selectXAxisSettings as by, selectYAxisSettings as bz, createSelector as c, defaultAxisId as d, selectChartLayout as e, selectDuplicateDomain as f, combineAxisTicks as g, selectRadiusAxis as h, selectAngleAxis as i, selectRadiusAxisRangeWithReversed as j, selectAngleAxisRangeWithReversed as k, selectRenderableAxisSettings as l, combineCategoricalDomain as m, combineGraphicalItemTicks as n, setActiveMouseOverItemIndex as o, pickAxisType as p, mouseLeaveItem as q, rechartsScaleFactory as r, svgPropertiesNoEventsFromUnknown as s, setActiveClickItemIndex as t, useAppDispatch as u, isNumber as v, adaptEventHandlers as w, svgPropertiesNoEvents as x, isClipDot as y, svgPropertiesAndEventsFromUnknown as z };