@multiplatform.one/frappe-ui 7.34.3 → 7.35.0

package/dist/cjs/list/useListControls.native.js

@@ -44,7 +44,11 @@ function mergeState(prev, patch) {
     ranges: patch.ranges ? {
       ...prev.ranges,
       ...patch.ranges
-    } : prev.ranges
+    } : prev.ranges,
+    bands: patch.bands ? {
+      ...prev.bands,
+      ...patch.bands
+    } : prev.bands
   };
 }
 function useListControls(param) {
@@ -58,7 +62,7 @@ function useListControls(param) {
     router,
     readBase
   } = param;
-  var _controls_facets, _controls_ranges;
+  var _controls_facets, _controls_ranges, _controls_bands;
   var _snapshots_base;
   var controlsRef = (0, import_react.useRef)(controls);
   controlsRef.current = controls;
@@ -98,7 +102,7 @@ function useListControls(param) {
   // A host router that cannot take params right now; local state holds.
   [flushTick]);
   var clear = (0, import_react.useCallback)(function () {
-    var _current_facets, _current_ranges;
+    var _current_facets, _current_ranges, _current_bands;
     setSearchText("");
     var current = controlsRef.current;
     update({
@@ -109,6 +113,9 @@ function useListControls(param) {
       })),
       ranges: Object.fromEntries(((_current_ranges = current.ranges) !== null && _current_ranges !== void 0 ? _current_ranges : []).map(function (range) {
         return [range.param, 0];
+      })),
+      bands: Object.fromEntries(((_current_bands = current.bands) !== null && _current_bands !== void 0 ? _current_bands : []).map(function (band) {
+        return [band.param, ""];
       }))
     });
   }, [update]);
@@ -139,9 +146,11 @@ function useListControls(param) {
     } = param2;
     return [_$param, field, on, orderBy];
   }));
-  var rangeFieldsKey = JSON.stringify(((_controls_ranges = controls.ranges) !== null && _controls_ranges !== void 0 ? _controls_ranges : []).map(function (range) {
+  var rangeFieldsKey = JSON.stringify([... /* @__PURE__ */new Set([...((_controls_ranges = controls.ranges) !== null && _controls_ranges !== void 0 ? _controls_ranges : []).map(function (range) {
     return range.field;
-  }));
+  }), ...((_controls_bands = controls.bands) !== null && _controls_bands !== void 0 ? _controls_bands : []).map(function (band) {
+    return band.field;
+  })])]);
   var connectionsKey = JSON.stringify(connections !== null && connections !== void 0 ? connections : null);
   var reads = (0, import_react.useMemo)(function () {
     var _controlsRef_current_facets;
@@ -203,12 +212,14 @@ function useListControls(param) {
   var baseRows = reads.base ? (_snapshots_base = snapshots.base) === null || _snapshots_base === void 0 ? void 0 : _snapshots_base.rows : void 0;
   var {
     total,
-    highest
+    highest,
+    bandCounts
   } = (0, import_react.useMemo)(function () {
-    var _controlsRef_current_ranges;
+    var _controlsRef_current_ranges, _controlsRef_current_bands;
     if (!baseRows) return {
       total: void 0,
-      highest: {}
+      highest: {},
+      bandCounts: {}
     };
     var peaks = {};
     var _iteratorNormalCompletion = true,
@@ -217,8 +228,8 @@ function useListControls(param) {
     try {
       var _loop = function () {
         var range = _step.value;
-        peaks[range.param] = baseRows.reduce(function (acc, row) {
-          return Math.max(acc, Number(row[range.field]) || 0);
+        peaks[range.param] = baseRows.reduce(function (acc, row2) {
+          return Math.max(acc, Number(row2[range.field]) || 0);
         }, 0);
       };
       for (var _iterator = ((_controlsRef_current_ranges = controlsRef.current.ranges) !== null && _controlsRef_current_ranges !== void 0 ? _controlsRef_current_ranges : [])[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
@@ -236,9 +247,60 @@ function useListControls(param) {
         }
       }
     }
+    var counts = {};
+    var _iteratorNormalCompletion1 = true,
+      _didIteratorError1 = false,
+      _iteratorError1 = void 0;
+    try {
+      for (var _iterator1 = ((_controlsRef_current_bands = controlsRef.current.bands) !== null && _controlsRef_current_bands !== void 0 ? _controlsRef_current_bands : [])[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+        var band = _step1.value;
+        var tally = {};
+        var _iteratorNormalCompletion2 = true,
+          _didIteratorError2 = false,
+          _iteratorError2 = void 0;
+        try {
+          for (var _iterator2 = baseRows[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+            var row = _step2.value;
+            var _tally_option_value;
+            var value = Number(row[band.field]);
+            if (!Number.isFinite(value)) continue;
+            var option = (0, import_listState.bandOptionFor)(band, value);
+            if (option) tally[option.value] = ((_tally_option_value = tally[option.value]) !== null && _tally_option_value !== void 0 ? _tally_option_value : 0) + 1;
+          }
+        } catch (err) {
+          _didIteratorError2 = true;
+          _iteratorError2 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+              _iterator2.return();
+            }
+          } finally {
+            if (_didIteratorError2) {
+              throw _iteratorError2;
+            }
+          }
+        }
+        counts[band.param] = tally;
+      }
+    } catch (err) {
+      _didIteratorError1 = true;
+      _iteratorError1 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+          _iterator1.return();
+        }
+      } finally {
+        if (_didIteratorError1) {
+          throw _iteratorError1;
+        }
+      }
+    }
     return {
       total: baseRows.length,
-      highest: peaks
+      highest: peaks,
+      bandCounts: counts
     };
   }, [baseRows]);
   var readers = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -266,6 +328,7 @@ function useListControls(param) {
     facets: facetReadings,
     total,
     highest,
+    bandCounts,
     readers
   };
 }

package/dist/cjs/list/useListControls.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useListControls_exports","__export","useListControls","module","exports","import_jsx_runtime","require","import_react","import_FrappeRowsReader","import_facetReading","import_favorites","import_listState","mergeState","prev","patch","facets","ranges","param","doctype","controls","connections","connection","limit","favoritesKey","router","readBase","_controls_facets","_controls_ranges","_snapshots_base","controlsRef","useRef","current","setParams","setSearchParams","setParamsRef","state","setState","useState","_ref","listStateFromParams","searchParams","searchText","setSearchText","search","pending","flushTick","setFlushTick","update","useCallback","listStateParams","tick","useEffect","Object","keys","length","_setParamsRef_current","call","unused","clear","_current_facets","_current_ranges","favoritesOnly","fromEntries","map","facet","range","favorites","useFavorites","snapshots","setSnapshots","handlers","Map","handlerFor","key","handler","get","handler2","snapshot","set","facetsKey","JSON","stringify","param2","_$param","field","on","orderBy","rangeFieldsKey","connectionsKey","reads","useMemo","_controlsRef_current_facets","declared","parse","facetReads","facetRead","rangeFields","base","options","fields","filter","read","ready"],"sources":["../../../src/list/useListControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useListControls_exports","__export","useListControls","module","exports","import_jsx_runtime","require","import_react","import_FrappeRowsReader","import_facetReading","import_favorites","import_listState","mergeState","prev","patch","facets","ranges","bands","param","doctype","controls","connections","connection","limit","favoritesKey","router","readBase","_controls_facets","_controls_ranges","_controls_bands","_snapshots_base","controlsRef","useRef","current","setParams","setSearchParams","setParamsRef","state","setState","useState","_ref","listStateFromParams","searchParams","searchText","setSearchText","search","pending","flushTick","setFlushTick","update","useCallback","listStateParams","tick","useEffect","Object","keys","length","_setParamsRef_current","call","unused","clear","_current_facets","_current_ranges","_current_bands","favoritesOnly","fromEntries","map","facet","range","band","favorites","useFavorites","snapshots","setSnapshots","handlers","Map","handlerFor","key","handler","get","handler2","snapshot","set","facetsKey","JSON","stringify","param2","_$param","field","on","orderBy","rangeFieldsKey","Set","connectionsKey","reads","useMemo","_controlsRef_current_facets","declared","parse","facetReads","facetRead","rangeFields","base","options","fields","filter","read","ready"],"sources":["../../../src/list/useListControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/record/RecordBars.cjs

@@ -29,76 +29,14 @@ var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
 var import_react_i18next = require("react-i18next");
 var import_recordData = require("./recordData.cjs");
+var import_RecordRows = require("./RecordRows.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const chartHeight = 220;
-const chartTicks = 4;
-function FixedScaleBars({
-  data,
-  max,
-  label,
-  testID
-}) {
-  const {
-    palette,
-    labelFontSize
-  } = (0, import_components.useChartTheme)();
-  const fills = data.map(() => palette.single);
-  const domain = [0, max];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ChartSurface, {
-    label,
-    height: chartHeight,
-    testID,
-    children: size => {
-      const marginScale = (0, import_components.createLinearScale)({
-        domain,
-        range: [0, 1],
-        nice: false
-      });
-      const tickLabels = (0, import_components.getLinearTicks)(marginScale, chartTicks).map(value => (0, import_components.formatChartValue)(value));
-      const widestTick = Math.max(0, ...tickLabels.map(tick => (0, import_components.approximateTextWidth)(tick, labelFontSize)));
-      const top = Math.ceil(labelFontSize / 2) + 2;
-      const right = 4;
-      const bottom = 4 + 3 + Math.ceil(labelFontSize * 1.15);
-      const left = Math.ceil(widestTick) + 4 + 3 + 2;
-      const plot = {
-        x: left,
-        y: top,
-        width: Math.max(0, size.width - left - right),
-        height: Math.max(0, size.height - top - bottom)
-      };
-      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
-      const xScale = (0, import_components.createBandScale)({
-        domain: data.map(datum => datum.label),
-        range: [plot.x, plot.x + plot.width]
-      });
-      const yScale = (0, import_components.createLinearScale)({
-        domain,
-        range: [plot.y + plot.height, plot.y],
-        nice: false
-      });
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YAxis, {
-          plot,
-          scale: yScale,
-          ticks: chartTicks,
-          tickFormat: value => (0, import_components.formatChartValue)(value)
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.BarSeries, {
-          data,
-          xScale,
-          yScale,
-          plot,
-          fills
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XAxis, {
-          plot,
-          scale: xScale
-        })]
-      });
-    }
-  });
-}
+const labelWidth = "$8";
+const valueWidth = "$3";
 function RecordBars({
   rows,
   section,
+  tint,
   testID
 }) {
   const {
@@ -109,18 +47,12 @@ function RecordBars({
   } = (0, import_theme.useResolvedKnobs)();
   const {
     knobProps: nested
-  } = (0, import_theme.useResolvedKnobs)({
-    compact: true
-  });
+  } = (0, import_theme.useResolvedKnobs)();
   const {
     bars,
     total
   } = (0, import_recordData.childBars)(rows, section);
   const name = key => section.barLabel?.(key) ?? key;
-  const data = bars.map(bar => ({
-    label: name(bar.key),
-    value: bar.value
-  }));
   if (bars.length === 0) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
       ...nested.label,
@@ -129,72 +61,80 @@ function RecordBars({
       children: section.empty ?? t("None yet")
     });
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-    ...knobProps.gapLg,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+  const top = Math.max(...bars.map(bar => bar.value));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_RecordRows.RecordGroupFrame, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    testID,
+    role: "figure",
+    "aria-label": section.title,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      role: "list",
       ...knobProps.gap,
-      alignItems: "baseline",
-      justifyContent: "space-between",
-      flexWrap: "wrap",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          ...nested.label,
-          color: "$color10",
-          textTransform: "uppercase",
-          letterSpacing: 1,
-          children: section.totalLabel ?? t("Total")
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          fontSize: "$10",
-          fontWeight: "700",
-          children: total
-        })]
-      }), section.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-        ...nested.label,
-        color: "$color10",
-        flexShrink: 1,
-        maxWidth: (0, import_theme.sizeRecipeEscape)(420, "chart caption: a readable measure beside the total"),
-        children: section.description
-      }) : null]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(FixedScaleBars, {
-      data,
-      max: section.max,
-      testID,
-      label: [(0, import_components.describeChart)({
-        typeLabel: t("Bar chart"),
-        title: section.title,
-        data
-      }), t("Values on a fixed 0 to {{max}} scale.", {
-        max: section.max
-      })].join(" ")
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-      ...nested.gap,
-      flexWrap: "wrap",
-      children: bars.map(bar => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
-        content: t("{{name}}: {{value}}", {
-          name: name(bar.key),
-          value: bar.value
-        }),
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
-          ...nested.borderRadius,
-          backgroundColor: "$color2",
-          borderWidth: 0,
-          paddingHorizontal: "$2",
-          paddingVertical: "$0.5",
-          gap: "$1",
-          alignItems: "baseline",
-          cursor: "help",
+      children: bars.map(bar => {
+        const percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
+        const fill = tint && bar.value === top ? `$${tint}9` : "$color9";
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          role: "listitem",
+          alignItems: "center",
+          ...knobProps.gap,
+          "data-record-bar": bar.key,
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
             ...nested.label,
-            ...nested.body,
-            color: "$color10",
+            color: "$color11",
+            width: labelWidth,
+            flexShrink: 0,
+            numberOfLines: 1,
             children: name(bar.key)
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
             ...nested.label,
             fontWeight: "700",
+            color: "$color12",
+            width: valueWidth,
+            flexShrink: 0,
+            textAlign: "right",
             children: bar.value
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+            flex: 1,
+            minWidth: 0,
+            height: "$0.75",
+            borderRadius: "$true",
+            backgroundColor: "$color4",
+            overflow: "hidden",
+            role: "meter",
+            "aria-label": name(bar.key),
+            "aria-valuenow": bar.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": section.max,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+              height: "100%",
+              width: `${percent}%`,
+              borderRadius: "$true",
+              backgroundColor: fill,
+              "data-record-bar-fill": ""
+            })
           })]
-        })
-      }, bar.key))
+        }, bar.key);
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      ...knobProps.gap,
+      "data-record-bars-total": "",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        ...nested.label,
+        color: "$color11",
+        width: labelWidth,
+        flexShrink: 0,
+        children: section.totalLabel ?? t("Total")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        ...nested.label,
+        fontWeight: "800",
+        color: "$color12",
+        width: valueWidth,
+        flexShrink: 0,
+        textAlign: "right",
+        children: total
+      })]
     })]
   });
 }