@multiplatform.one/frappe-ui 7.23.2 → 7.24.0

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

@@ -0,0 +1,272 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useListControls_exports = {};
+__export(useListControls_exports, {
+  useListControls: () => useListControls
+});
+module.exports = __toCommonJS(useListControls_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_FrappeRowsReader = require("../FrappeRowsReader.native.js");
+var import_facetReading = require("./facetReading.native.js");
+var import_favorites = require("./favorites.native.js");
+var import_listState = require("./listState.native.js");
+function mergeState(prev, patch) {
+  return {
+    ...prev,
+    ...patch,
+    facets: patch.facets ? {
+      ...prev.facets,
+      ...patch.facets
+    } : prev.facets,
+    ranges: patch.ranges ? {
+      ...prev.ranges,
+      ...patch.ranges
+    } : prev.ranges
+  };
+}
+function useListControls(param) {
+  var {
+    doctype,
+    controls,
+    connections,
+    connection,
+    limit,
+    favoritesKey,
+    router,
+    readBase
+  } = param;
+  var _controls_facets, _controls_ranges;
+  var _snapshots_base;
+  var controlsRef = (0, import_react.useRef)(controls);
+  controlsRef.current = controls;
+  var setParams = router === null || router === void 0 ? void 0 : router.setSearchParams;
+  var setParamsRef = (0, import_react.useRef)(setParams);
+  setParamsRef.current = setParams;
+  var [state, setState] = (0, import_react.useState)(function () {
+    var _ref;
+    return (0, import_listState.listStateFromParams)((_ref = router === null || router === void 0 ? void 0 : router.searchParams) !== null && _ref !== void 0 ? _ref : {}, controls);
+  });
+  var [searchText, setSearchText] = (0, import_react.useState)(state.search);
+  var pending = (0, import_react.useRef)({});
+  var [flushTick, setFlushTick] = (0, import_react.useState)(0);
+  var update = (0, import_react.useCallback)(function (patch) {
+    setState(function (prev) {
+      return mergeState(prev, patch);
+    });
+    if (!setParamsRef.current) return;
+    pending.current = {
+      ...pending.current,
+      ...(0, import_listState.listStateParams)(patch, controlsRef.current)
+    };
+    setFlushTick(function (tick) {
+      return tick + 1;
+    });
+  }, []);
+  (0, import_react.useEffect)(function () {
+    if (flushTick === 0) return;
+    var patch = pending.current;
+    pending.current = {};
+    if (Object.keys(patch).length === 0) return;
+    try {
+      var _setParamsRef_current;
+      (_setParamsRef_current = setParamsRef.current) === null || _setParamsRef_current === void 0 ? void 0 : _setParamsRef_current.call(setParamsRef, patch);
+    } catch (unused) {}
+  },
+  // 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;
+    setSearchText("");
+    var current = controlsRef.current;
+    update({
+      search: "",
+      favoritesOnly: false,
+      facets: Object.fromEntries(((_current_facets = current.facets) !== null && _current_facets !== void 0 ? _current_facets : []).map(function (facet) {
+        return [facet.param, ""];
+      })),
+      ranges: Object.fromEntries(((_current_ranges = current.ranges) !== null && _current_ranges !== void 0 ? _current_ranges : []).map(function (range) {
+        return [range.param, 0];
+      }))
+    });
+  }, [update]);
+  var favorites = (0, import_favorites.useFavorites)(favoritesKey);
+  var [snapshots, setSnapshots] = (0, import_react.useState)({});
+  var handlers = (0, import_react.useRef)(/* @__PURE__ */new Map());
+  var handlerFor = (0, import_react.useCallback)(function (key) {
+    var handler = handlers.current.get(key);
+    if (!handler) {
+      handler = function handler2(snapshot) {
+        return setSnapshots(function (prev) {
+          return {
+            ...prev,
+            [key]: snapshot
+          };
+        });
+      };
+      handlers.current.set(key, handler);
+    }
+    return handler;
+  }, []);
+  var facetsKey = JSON.stringify(((_controls_facets = controls.facets) !== null && _controls_facets !== void 0 ? _controls_facets : []).map(function (param2) {
+    var {
+      param: _$param,
+      field,
+      doctype: on,
+      orderBy
+    } = param2;
+    return [_$param, field, on, orderBy];
+  }));
+  var rangeFieldsKey = JSON.stringify(((_controls_ranges = controls.ranges) !== null && _controls_ranges !== void 0 ? _controls_ranges : []).map(function (range) {
+    return range.field;
+  }));
+  var connectionsKey = JSON.stringify(connections !== null && connections !== void 0 ? connections : null);
+  var reads = (0, import_react.useMemo)(function () {
+    var _controlsRef_current_facets;
+    var declared = JSON.parse(connectionsKey);
+    var facetReads = ((_controlsRef_current_facets = controlsRef.current.facets) !== null && _controlsRef_current_facets !== void 0 ? _controlsRef_current_facets : []).map(function (facet) {
+      return {
+        key: `facet:${facet.param}`,
+        facet,
+        ...(0, import_facetReading.facetRead)(facet, doctype, declared !== null && declared !== void 0 ? declared : void 0, limit)
+      };
+    });
+    var rangeFields = JSON.parse(rangeFieldsKey);
+    var base = readBase ? {
+      key: "base",
+      doctype,
+      options: {
+        fields: ["name", ...rangeFields],
+        limit: limit !== null && limit !== void 0 ? limit : 0
+      }
+    } : void 0;
+    return {
+      facetReads: facetReads.filter(function (read) {
+        return read.ready;
+      }),
+      base
+    };
+  },
+  // facetsKey stands for controls.facets, read through the ref.
+  [facetsKey, rangeFieldsKey, connectionsKey, doctype, limit, readBase]);
+  var facetReadings = (0, import_react.useMemo)(function () {
+    var readings = {};
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = reads.facetReads[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var read = _step.value;
+        var _ref;
+        var _snapshots_read_key;
+        var rows = (_ref = (_snapshots_read_key = snapshots[read.key]) === null || _snapshots_read_key === void 0 ? void 0 : _snapshots_read_key.rows) !== null && _ref !== void 0 ? _ref : [];
+        readings[read.facet.param] = (0, import_facetReading.readFacet)(read.facet, read.linkField, rows);
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return readings;
+  }, [reads, snapshots]);
+  var baseRows = reads.base ? (_snapshots_base = snapshots.base) === null || _snapshots_base === void 0 ? void 0 : _snapshots_base.rows : void 0;
+  var {
+    total,
+    highest
+  } = (0, import_react.useMemo)(function () {
+    var _controlsRef_current_ranges;
+    if (!baseRows) return {
+      total: void 0,
+      highest: {}
+    };
+    var peaks = {};
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    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);
+        }, 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();
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return {
+      total: baseRows.length,
+      highest: peaks
+    };
+  }, [baseRows]);
+  var readers = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [reads.facetReads.map(function (read) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeRowsReader.FrappeRowsReader, {
+        connection,
+        doctype: read.doctype,
+        options: read.options,
+        onChange: handlerFor(read.key)
+      }, read.key);
+    }), reads.base ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeRowsReader.FrappeRowsReader, {
+      connection,
+      doctype: reads.base.doctype,
+      options: reads.base.options,
+      onChange: handlerFor("base")
+    }, "base") : null]
+  });
+  return {
+    state,
+    searchText,
+    setSearchText,
+    update,
+    clear,
+    favorites,
+    facets: facetReadings,
+    total,
+    highest,
+    readers
+  };
+}
+//# sourceMappingURL=useListControls.native.js.map

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

@@ -0,0 +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":[]}

package/dist/cjs/record/RecordBars.cjs

@@ -0,0 +1,200 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var RecordBars_exports = {};
+__export(RecordBars_exports, {
+  RecordBars: () => RecordBars
+});
+module.exports = __toCommonJS(RecordBars_exports);
+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_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
+        })]
+      });
+    }
+  });
+}
+function RecordBars({
+  rows,
+  section,
+  testID
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const {
+    knobProps: nested
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  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,
+      ...nested.body,
+      color: "$color10",
+      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, {
+      ...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: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            ...nested.body,
+            color: "$color10",
+            children: name(bar.key)
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            fontWeight: "700",
+            children: bar.value
+          })]
+        })
+      }, bar.key))
+    })]
+  });
+}