@multiplatform.one/frappe-ui 7.23.2 → 7.25.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useEffect","useMemo","useRef","useState","FrappeRowsReader","facetRead","readFacet","useFavorites","listStateFromParams","listStateParams","mergeState","prev","patch","facets","ranges","useListControls","param","doctype","controls","connections","connection","limit","favoritesKey","router","readBase","_controls_facets","_controls_ranges","_snapshots_base","controlsRef","current","setParams","setSearchParams","setParamsRef","state","setState","_ref","searchParams","searchText","setSearchText","search","pending","flushTick","setFlushTick","update","tick","Object","keys","length","_setParamsRef_current","call","unused","clear","_current_facets","_current_ranges","favoritesOnly","fromEntries","map","facet","range","favorites","snapshots","setSnapshots","handlers","Map","handlerFor","key","handler","get","handler2","snapshot","set","facetsKey","JSON","stringify","param2","_$param","field","on","orderBy","rangeFieldsKey","connectionsKey","reads","_controlsRef_current_facets","declared","parse","facetReads","rangeFields","base","options","fields","filter","read","ready"],"sources":["../../../src/list/useListControls.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,EAAAC,QAAS,IAAAC,SAAQ,QAAgB;AAGlE,SAASC,WAAA,EAAAC,SAAA,EAAiDC,OAAA,EAAAC,MAAA,EAAAC,QAAA;AAE1D,SAASC,gBAAW,uCAAoC;AACxD,SAASC,SAAA,EAAAC,SAAuC;AAChD,SAAAC,YAAA;AAAA,SACEC,mBAAA,EAAAC,eAAA;AAAA,SACAC,WAAAC,IAAA,EAAAC,KAAA;EAAA,OAIK;IA8KH,GAAAD,IAAA;IAxIJ,GAAAC,KAAS;IACPC,MAAO,EAAAD,KAAA,CAAAC,MAAA;MACL,GAAGF,IAAA,CAAAE,MAAA;MACH,GAAGD,KAAA,CAAAC;IACH,IAAAF,IAAQ,CAAAE,MAAM;IACdC,MAAA,EAAQF,KAAA,CAAME,MAAA,GAAS;MACzB,GAAAH,IAAA,CAAAG,MAAA;MACF,GAAAF,KAAA,CAAAE;IAUO,IAAAH,IAAS,CAAAG;EACd;AAAA;AACA,SACAC,gBAAAC,KAAA;EACA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAR,KAAA;EACA,IAAAS,gBAAA,EAAAC,gBAAA;EACA,IAAAC,eAAA;EACA,IAAAC,WAAA,GAAA1B,MAAA,CAAAgB,QAAA;EACAU,WAAA,CAAAC,OAAA,GAAAX,QAAA;EACF,IAA4CY,SAAA,GAAAP,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAQ,eAAA;EAC1C,IAAAC,YAAM,GAAA9B,MAAc,CAAA4B,SAAe;EACnCE,YAAY,CAAAH,OAAA,GAAUC,SAAA;EACtB,KAAAG,KAAM,EAAAC,QAAY,IAAA/B,QAAQ;IAC1B,IAAMgC,IAAA;IACN,OAAA3B,mBAAuB,EAAA2B,IAAA,GAAAZ,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAa,YAAA,cAAAD,IAAA,cAAAA,IAAA,OAAAjB,QAAA;EAEvB;EAA0B,IAA0B,CAAAmB,UAClD,EAAAC,aAAoB,IAAAnC,QAAQ,CAAA8B,KAAA,CAAAM,MAAiB,CAAG;EAClD,IAAAC,OAAA,GAAAtC,MAAA;EACA,KAAAuC,SAAO,EAAAC,YAAY,IAAavC,QAAI;EACpC,IAAAwC,MAAM,GAAA5C,WAAoC,CAAC,UAAAa,KAAA;IAC3CsB,QAAO,WAAWvB,IAAA;MAElB,OAAMD,UAAS,CAAAC,IAAA,EAAaC,KAAA;IAC1B;IACA,IAAI,CAACoB,YAAA,CAAaH,OAAA,EAAS;IAC3BW,OAAA,CAAQX,OAAA,GAAU;MAClB,GAAAW,OAAA,CAAaX,OAAC;MACZ,GAACpB,eAAA,CAAAG,KAAA,EAAAgB,WAAA,CAAAC,OAAA;IAEL;IACEa,YAAI,WAAiBE,IAAA;MACrB,OAAMA,IAAA,GAAQ;IACd;EACA,MAAI;EACJ5C,SAAI,CACF;IACF,IAAAyC,SAAQ;IAER,IAAA7B,KAAA,GAAA4B,OAAA,CAAAX,OAAA;IACEW,OAAA,CAAAX,OAAU;IAEd,IAAMgB,MAAQ,CAAAC,IAAA,CAAAlC,KAAA,CAAY,CAAAmC,MAAM;IAC9B;MACA,IAAMC,qBAAsB;MAC5B,CAAAA,qBAAO,GAAAhB,YAAA,CAAAH,OAAA,cAAAmB,qBAAA,uBAAAA,qBAAA,CAAAC,IAAA,CAAAjB,YAAA,EAAApB,KAAA;IACL,SAAQsC,MAAA,GACR;EAAe;EACoE;EAErF,CACET,SAAO,CAIX;EACA,IAAAU,KAAM,GAAApD,WAAW,CAAO;IACxB,IAAMqD,eAAa,EAAAC,eAAa;IAC9Bf,aAAI,CAAU;IACd,IAAIT,OAAC,GAASD,WAAA,CAAAC,OAAA;IACZc,MAAA;MACAJ,MAAA,IAAS;MACXe,aAAA;MACAzC,MAAO,EAAAgC,MAAA,CAAAU,WAAA,GAAAH,eAAA,GAAAvB,OAAA,CAAAhB,MAAA,cAAAuC,eAAA,cAAAA,eAAA,OAAAI,GAAA,WAAAC,KAAA;QACJ,QAECA,KAAA,CAAAzC,KAAY,EACf,GACC;MACA;MACAF,MAAA,EAAA+B,MAAA,CAAAU,WAAA,GAAAF,eAAA,GAAAxB,OAAA,CAAAf,MAAA,cAAAuC,eAAA,cAAAA,eAAA,OAAAG,GAAA,WAAAE,KAAA;QACA,QACDA,KAAA,CAAA1C,KAAA,EACH,EACM;MACN,EAAM;IAEN;EACE,IACA2B,MAAM,CAAgE;EAC3C,IACzBgB,SAAA,GAAApD,YAAA,CAAAe,YAAA;EAAA,IACA,CAAAsC,SAAG,EAAAC,YAAiB,IAAA1D,QAAS;EAA4B,IACzD2D,QAAA,GAAA5D,MAAA,oBAAA6D,GAAA;EACF,IAAAC,UAAM,GAAAjE,WAAmB,WAAMkE,GAAA;IAC/B,IAAAC,OAAM,GAAOJ,QAAA,CAAAjC,OACT,CAAAsC,GAAA,CAAAF,GAAA;IAAA,IACE,CAAAC,OAAK;MACLA,OAAA,YAAAE,SAAAC,QAAA;QACA,OAASR,YAAW,WAAWlD,IAAA;UAEjC;YACG,GAAEA,IAAA;YAEP,CAAAsD,GAAA,GAAWI;UAET;QACJ,EAAM;MACN;MACEP,QAAM,CAAAjC,OAAO,CAAAyC,GAAA,CAAAL,GAAU,EAAAC,OAAQ,CAAG;IAClC;IACF,OAAAA,OAAA;EACA;EACF,IAAIK,SAAO,GAAAC,IAAS,CAACC,SAAA,GAAAhD,gBAAA,GAAAP,QAAA,CAAAL,MAAA,cAAAY,gBAAA,cAAAA,gBAAA,OAAA+B,GAAA,WAAAkB,MAAA;IAErB,IAAM;MAAA1D,KAAA,EAAA2D,OAAW;MAAMC,KAAA;MAAO3D,OAAA,EAAU4D,EAAA;MAAAC;IAAM,CAAO,GAAAJ,MAAA;IACrD,OAAQ,CACNC,OAAK,EACLC,KAAM,EACNC,EAAA,EACEC,OAAM,CAAwB;EAC6B;EACzD,IACFC,cAAA,GAAAP,IAAA,CAAAC,SAAA,GAAA/C,gBAAA,GAAAR,QAAA,CAAAJ,MAAA,cAAAY,gBAAA,cAAAA,gBAAA,OAAA8B,GAAA,WAAAE,KAAA;IACF,OAAAA,KAAA,CAAAkB,KAAA;EACA;EACF,IAAII,cAAS,GAAAR,IAAA,CAAAC,SAAA,CAAAtD,WAAA,aAAAA,WAAA,cAAAA,WAAA;EAEb,IAAA8D,KAAM,GAAAhF,OACJ,CACG,YAAM;IACJ,IAAAiF,2BAAA;IAAA,IAAAC,QAAA,GAAAX,IAAA,CAAAY,KAAA,CAAAJ,cAAA;IAAA,IAECK,UAAA,KAAAH,2BAAA,GAAAtD,WAAA,CAAAC,OAAA,CAAAhB,MAAA,cAAAqE,2BAAA,cAAAA,2BAAA,OAAA1B,GAAA,WAAAC,KAAA;MACA;QACAQ,GAAA,WAAcR,KAAA,CAAAzC,KAAA;QACdyC,KAAA;QAA6B,GAAApD,SAAA,CAAAoD,KAAA,EAAAxC,OAAA,EAAAkE,QAAA,aAAAA,QAAA,cAAAA,QAAA,WAAA9D,KAAA;MAJxB;IAMR;IACA,IAAMiE,WACL,GAAAd,IAAA,CAAAY,KAAA,CAAAL,cAAA;IAAC,IAAAQ,IAAA,GAAA/D,QAAA;MAAAyC,GAAA;MAEChD,OAAA;MACAuE,OAAA,EAAS;QACTC,MAAA,EAAS,CACT,MAAU,EAAiB,GAAAH,WAAA,CAJvB;QAMJjE,KAAA,EAAAA,KAAA,aAAAA,KAAA,cAAAA,KAAA;MACN;IAGF,IAAO;IACL;MACAgE,UAAA,EAAAA,UAAA,CAAAK,MAAA,WAAAC,IAAA;QACA,OAAAA,IAAA,CAAAC,KAAA;MACA;MACAL;IACA;EACA;EACA;EACA,CACAhB,SAAA,EACFQ,cAAA,EACFC,cAAA,E","ignoreList":[]}

package/dist/esm/record/RecordBars.mjs

@@ -0,0 +1,175 @@
+import { BarSeries, ChartSurface, Text, Tooltip, XAxis, XStack, YAxis, YStack, approximateTextWidth, createBandScale, createLinearScale, describeChart, formatChartValue, getLinearTicks, useChartTheme } from "@multiplatform.one/components";
+import { sizeRecipeEscape, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { childBars } from "./recordData.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const chartHeight = 220;
+const chartTicks = 4;
+function FixedScaleBars({
+  data,
+  max,
+  label,
+  testID
+}) {
+  const {
+    palette,
+    labelFontSize
+  } = useChartTheme();
+  const fills = data.map(() => palette.single);
+  const domain = [0, max];
+  return /* @__PURE__ */jsx(ChartSurface, {
+    label,
+    height: chartHeight,
+    testID,
+    children: size => {
+      const marginScale = createLinearScale({
+        domain,
+        range: [0, 1],
+        nice: false
+      });
+      const tickLabels = getLinearTicks(marginScale, chartTicks).map(value => formatChartValue(value));
+      const widestTick = Math.max(0, ...tickLabels.map(tick => 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 = createBandScale({
+        domain: data.map(datum => datum.label),
+        range: [plot.x, plot.x + plot.width]
+      });
+      const yScale = createLinearScale({
+        domain,
+        range: [plot.y + plot.height, plot.y],
+        nice: false
+      });
+      return /* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx(YAxis, {
+          plot,
+          scale: yScale,
+          ticks: chartTicks,
+          tickFormat: value => formatChartValue(value)
+        }), /* @__PURE__ */jsx(BarSeries, {
+          data,
+          xScale,
+          yScale,
+          plot,
+          fills
+        }), /* @__PURE__ */jsx(XAxis, {
+          plot,
+          scale: xScale
+        })]
+      });
+    }
+  });
+}
+function RecordBars({
+  rows,
+  section,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const {
+    knobProps: nested
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const {
+    bars,
+    total
+  } = 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__ */jsx(Text, {
+      ...nested.label,
+      ...nested.body,
+      color: "$color10",
+      children: section.empty ?? t("None yet")
+    });
+  }
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gapLg,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "baseline",
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */jsxs(YStack, {
+        children: [/* @__PURE__ */jsx(Text, {
+          ...nested.label,
+          color: "$color10",
+          textTransform: "uppercase",
+          letterSpacing: 1,
+          children: section.totalLabel ?? t("Total")
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$10",
+          fontWeight: "700",
+          children: total
+        })]
+      }), section.description ? /* @__PURE__ */jsx(Text, {
+        ...nested.label,
+        color: "$color10",
+        flexShrink: 1,
+        maxWidth: sizeRecipeEscape(420, "chart caption: a readable measure beside the total"),
+        children: section.description
+      }) : null]
+    }), /* @__PURE__ */jsx(FixedScaleBars, {
+      data,
+      max: section.max,
+      testID,
+      label: [describeChart({
+        typeLabel: t("Bar chart"),
+        title: section.title,
+        data
+      }), t("Values on a fixed 0 to {{max}} scale.", {
+        max: section.max
+      })].join(" ")
+    }), /* @__PURE__ */jsx(XStack, {
+      ...nested.gap,
+      flexWrap: "wrap",
+      children: bars.map(bar => /* @__PURE__ */jsx(Tooltip, {
+        content: t("{{name}}: {{value}}", {
+          name: name(bar.key),
+          value: bar.value
+        }),
+        children: /* @__PURE__ */jsxs(XStack, {
+          ...nested.borderRadius,
+          backgroundColor: "$color2",
+          borderWidth: 0,
+          paddingHorizontal: "$2",
+          paddingVertical: "$0.5",
+          gap: "$1",
+          alignItems: "baseline",
+          cursor: "help",
+          children: [/* @__PURE__ */jsx(Text, {
+            ...nested.label,
+            ...nested.body,
+            color: "$color10",
+            children: name(bar.key)
+          }), /* @__PURE__ */jsx(Text, {
+            ...nested.label,
+            fontWeight: "700",
+            children: bar.value
+          })]
+        })
+      }, bar.key))
+    })]
+  });
+}
+export { RecordBars };
+//# sourceMappingURL=RecordBars.mjs.map

package/dist/esm/record/RecordBars.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["BarSeries","ChartSurface","Text","Tooltip","XAxis","XStack","YAxis","YStack","approximateTextWidth","createBandScale","createLinearScale","describeChart","formatChartValue","getLinearTicks","useChartTheme","sizeRecipeEscape","useResolvedKnobs","useTranslation","childBars","Fragment","jsx","jsxs","chartHeight","chartTicks","FixedScaleBars","data","max","label","testID","palette","labelFontSize","fills","map","single","domain","height","children","size","marginScale","range","nice","tickLabels","value","widestTick","Math","tick","top","ceil","right","bottom","left","plot","x","y","width","length","xScale","datum","yScale","scale","ticks","tickFormat","RecordBars","rows","section","t","knobProps","nested","compact","bars","total","name","key","barLabel","bar","body","color","empty","gapLg","gap","alignItems","justifyContent","flexWrap","textTransform","letterSpacing","totalLabel","fontSize","fontWeight","description","flexShrink","maxWidth","typeLabel","title","join","content","borderRadius","backgroundColor","borderWidth","paddingHorizontal","paddingVertical","cursor"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/record/RecordBars.native.js

@@ -0,0 +1,197 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { BarSeries, ChartSurface, Text, Tooltip, XAxis, XStack, YAxis, YStack, approximateTextWidth, createBandScale, createLinearScale, describeChart, formatChartValue, getLinearTicks, useChartTheme } from "@multiplatform.one/components";
+import { sizeRecipeEscape, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { childBars } from "./recordData.native.js";
+var chartHeight = 220;
+var chartTicks = 4;
+function FixedScaleBars(param) {
+  var {
+    data,
+    max,
+    label,
+    testID
+  } = param;
+  var {
+    palette,
+    labelFontSize
+  } = useChartTheme();
+  var fills = data.map(function () {
+    return palette.single;
+  });
+  var domain = [0, max];
+  return /* @__PURE__ */_jsx(ChartSurface, {
+    label,
+    height: chartHeight,
+    testID,
+    children: function children(size) {
+      var marginScale = createLinearScale({
+        domain,
+        range: [0, 1],
+        nice: false
+      });
+      var tickLabels = getLinearTicks(marginScale, chartTicks).map(function (value) {
+        return formatChartValue(value);
+      });
+      var widestTick = Math.max(0, ...tickLabels.map(function (tick) {
+        return approximateTextWidth(tick, labelFontSize);
+      }));
+      var top = Math.ceil(labelFontSize / 2) + 2;
+      var right = 4;
+      var bottom = 4 + 3 + Math.ceil(labelFontSize * 1.15);
+      var left = Math.ceil(widestTick) + 4 + 3 + 2;
+      var 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;
+      var xScale = createBandScale({
+        domain: data.map(function (datum) {
+          return datum.label;
+        }),
+        range: [plot.x, plot.x + plot.width]
+      });
+      var yScale = createLinearScale({
+        domain,
+        range: [plot.y + plot.height, plot.y],
+        nice: false
+      });
+      return /* @__PURE__ */_jsxs(_Fragment, {
+        children: [/* @__PURE__ */_jsx(YAxis, {
+          plot,
+          scale: yScale,
+          ticks: chartTicks,
+          tickFormat: function tickFormat(value) {
+            return formatChartValue(value);
+          }
+        }), /* @__PURE__ */_jsx(BarSeries, {
+          data,
+          xScale,
+          yScale,
+          plot,
+          fills
+        }), /* @__PURE__ */_jsx(XAxis, {
+          plot,
+          scale: xScale
+        })]
+      });
+    }
+  });
+}
+function RecordBars(param) {
+  var {
+    rows,
+    section,
+    testID
+  } = param;
+  var _section_totalLabel;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    knobProps: nested
+  } = useResolvedKnobs({
+    compact: true
+  });
+  var {
+    bars,
+    total
+  } = childBars(rows, section);
+  var name = function name2(key) {
+    var _ref;
+    var _section_barLabel;
+    return (_ref = (_section_barLabel = section.barLabel) === null || _section_barLabel === void 0 ? void 0 : _section_barLabel.call(section, key)) !== null && _ref !== void 0 ? _ref : key;
+  };
+  var data = bars.map(function (bar) {
+    return {
+      label: name(bar.key),
+      value: bar.value
+    };
+  });
+  if (bars.length === 0) {
+    var _section_empty;
+    return /* @__PURE__ */_jsx(Text, {
+      ...nested.label,
+      ...nested.body,
+      color: "$color10",
+      children: (_section_empty = section.empty) !== null && _section_empty !== void 0 ? _section_empty : t("None yet")
+    });
+  }
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gapLg,
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "baseline",
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        children: [/* @__PURE__ */_jsx(Text, {
+          ...nested.label,
+          color: "$color10",
+          textTransform: "uppercase",
+          letterSpacing: 1,
+          children: (_section_totalLabel = section.totalLabel) !== null && _section_totalLabel !== void 0 ? _section_totalLabel : t("Total")
+        }), /* @__PURE__ */_jsx(Text, {
+          fontSize: "$10",
+          fontWeight: "700",
+          children: total
+        })]
+      }), section.description ? /* @__PURE__ */_jsx(Text, {
+        ...nested.label,
+        color: "$color10",
+        flexShrink: 1,
+        maxWidth: sizeRecipeEscape(420, "chart caption: a readable measure beside the total"),
+        children: section.description
+      }) : null]
+    }), /* @__PURE__ */_jsx(FixedScaleBars, {
+      data,
+      max: section.max,
+      testID,
+      label: [describeChart({
+        typeLabel: t("Bar chart"),
+        title: section.title,
+        data
+      }), t("Values on a fixed 0 to {{max}} scale.", {
+        max: section.max
+      })].join(" ")
+    }), /* @__PURE__ */_jsx(XStack, {
+      ...nested.gap,
+      flexWrap: "wrap",
+      children: bars.map(function (bar) {
+        return /* @__PURE__ */_jsx(Tooltip, {
+          content: t("{{name}}: {{value}}", {
+            name: name(bar.key),
+            value: bar.value
+          }),
+          children: /* @__PURE__ */_jsxs(XStack, {
+            ...nested.borderRadius,
+            backgroundColor: "$color2",
+            borderWidth: 0,
+            paddingHorizontal: "$2",
+            paddingVertical: "$0.5",
+            gap: "$1",
+            alignItems: "baseline",
+            cursor: "help",
+            children: [/* @__PURE__ */_jsx(Text, {
+              ...nested.label,
+              ...nested.body,
+              color: "$color10",
+              children: name(bar.key)
+            }), /* @__PURE__ */_jsx(Text, {
+              ...nested.label,
+              fontWeight: "700",
+              children: bar.value
+            })]
+          })
+        }, bar.key);
+      })
+    })]
+  });
+}
+export { RecordBars };
+//# sourceMappingURL=RecordBars.native.js.map

package/dist/esm/record/RecordBars.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BarSeries","ChartSurface","Text","Tooltip","XAxis","XStack","YAxis","YStack","approximateTextWidth","createBandScale","createLinearScale","describeChart","formatChartValue","getLinearTicks","useChartTheme","sizeRecipeEscape","useResolvedKnobs","useTranslation","childBars","chartHeight","chartTicks","FixedScaleBars","param","data","max","label","testID","palette","labelFontSize","fills","map","single","domain","height","children","size","marginScale","range","nice","tickLabels","value","widestTick","Math","tick","top","ceil","right","bottom","left","plot","x","y","width","length","xScale","datum","yScale","scale","ticks","tickFormat","RecordBars","rows","section","_section_totalLabel","t","knobProps","nested","compact","bars","total","name","name2","key","_ref","_section_barLabel","barLabel","call","bar","_section_empty","body","color","empty","gapLg","gap","alignItems","justifyContent","flexWrap","textTransform","letterSpacing","totalLabel","fontSize","fontWeight","description","flexShrink","maxWidth"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/record/RecordGallery.mjs

@@ -0,0 +1,42 @@
+import { Carousel, YStack } from "@multiplatform.one/components";
+import { useState } from "react";
+import { ImageWell } from "../list/ImageWell.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RecordGallery({
+  images,
+  slides = [],
+  alt,
+  tints
+}) {
+  const [width, setWidth] = useState(0);
+  const first = /* @__PURE__ */jsx(ImageWell, {
+    sources: images,
+    alt,
+    tints,
+    inset: 0.08
+  });
+  return /* @__PURE__ */jsx(YStack, {
+    onLayout: event => setWidth(Math.round(event.nativeEvent.layout.width)),
+    width: "100%",
+    children: width > 0 && slides.length > 0 ? /* @__PURE__ */jsxs(Carousel, {
+      gap: 0,
+      children: [/* @__PURE__ */jsx(ImageWell, {
+        sources: images,
+        alt,
+        tints,
+        inset: 0.08,
+        width
+      }), slides.map(slide => /* @__PURE__ */jsx(ImageWell, {
+        sources: [slide.src],
+        alt: `${alt}, ${slide.label}`,
+        pixelated: slide.pixelated,
+        inset: 0.14,
+        backgroundColor: "$color2",
+        width,
+        lazy: true
+      }, slide.src))]
+    }) : first
+  });
+}
+export { RecordGallery };
+//# sourceMappingURL=RecordGallery.mjs.map

package/dist/esm/record/RecordGallery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Carousel","YStack","useState","ImageWell","jsx","jsxs","RecordGallery","images","slides","alt","tints","width","setWidth","first","sources","inset","onLayout","event","Math","round","nativeEvent","layout","children","length","gap","map","slide","src","label","pixelated","backgroundColor","lazy"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,QAAc;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAoBV,SAAAC,GAAA,EAIRC,IAAA,QAJQ;AAFT,SAASC,cAAc;EAAEC,MAAA;EAAQC,MAAA,GAAS,EAAC;EAAGC,GAAA;EAAKC;AAAM,GAAuB;EACrF,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIV,QAAA,CAAS,CAAC;EACpC,MAAMW,KAAA,GAAQ,eAAAT,GAAA,CAACD,SAAA;IAAUW,OAAA,EAASP,MAAA;IAAQE,GAAA;IAAUC,KAAA;IAAcK,KAAA,EAAO;EAAA,CAAM;EAC/E,OACE,eAAAX,GAAA,CAACH,MAAA;IAAOe,QAAA,EAAWC,KAAA,IAAUL,QAAA,CAASM,IAAA,CAAKC,KAAA,CAAMF,KAAA,CAAMG,WAAA,CAAYC,MAAA,CAAOV,KAAK,CAAC;IAAGA,KAAA,EAAM;IACtFW,QAAA,EAAAX,KAAA,GAAQ,KAAKH,MAAA,CAAOe,MAAA,GAAS,IAC5B,eAAAlB,IAAA,CAACL,QAAA;MAASwB,GAAA,EAAK;MACbF,QAAA,kBAAAlB,GAAA,CAACD,SAAA;QAAUW,OAAA,EAASP,MAAA;QAAQE,GAAA;QAAUC,KAAA;QAAcK,KAAA,EAAO;QAAMJ;MAAA,CAAc,GAC9EH,MAAA,CAAOiB,GAAA,CAAKC,KAAA,IACX,eAAAtB,GAAA,CAACD,SAAA;QAECW,OAAA,EAAS,CAACY,KAAA,CAAMC,GAAG;QACnBlB,GAAA,EAAK,GAAGA,GAAG,KAAKiB,KAAA,CAAME,KAAK;QAC3BC,SAAA,EAAWH,KAAA,CAAMG,SAAA;QACjBd,KAAA,EAAO;QACPe,eAAA,EAAgB;QAChBnB,KAAA;QACAoB,IAAA,EAAI;MAAA,GAPCL,KAAA,CAAMC,GAQb,CACD;IAAA,CACH,IAEAd;EAAA,CAEJ;AAEJ","ignoreList":[]}

package/dist/esm/record/RecordGallery.native.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Carousel, YStack } from "@multiplatform.one/components";
+import { useState } from "react";
+import { ImageWell } from "../list/ImageWell.native.js";
+function RecordGallery(param) {
+  var {
+    images,
+    slides = [],
+    alt,
+    tints
+  } = param;
+  var [width, setWidth] = useState(0);
+  var first = /* @__PURE__ */_jsx(ImageWell, {
+    sources: images,
+    alt,
+    tints,
+    inset: 0.08
+  });
+  return /* @__PURE__ */_jsx(YStack, {
+    onLayout: function onLayout(event) {
+      return setWidth(Math.round(event.nativeEvent.layout.width));
+    },
+    width: "100%",
+    children: width > 0 && slides.length > 0 ? /* @__PURE__ */_jsxs(Carousel, {
+      gap: 0,
+      children: [/* @__PURE__ */_jsx(ImageWell, {
+        sources: images,
+        alt,
+        tints,
+        inset: 0.08,
+        width
+      }), slides.map(function (slide) {
+        return /* @__PURE__ */_jsx(ImageWell, {
+          sources: [slide.src],
+          alt: `${alt}, ${slide.label}`,
+          pixelated: slide.pixelated,
+          inset: 0.14,
+          backgroundColor: "$color2",
+          width,
+          lazy: true
+        }, slide.src);
+      })]
+    }) : first
+  });
+}
+export { RecordGallery };
+//# sourceMappingURL=RecordGallery.native.js.map

package/dist/esm/record/RecordGallery.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Carousel","YStack","useState","ImageWell","RecordGallery","param","images","slides","alt","tints","width","setWidth","first","sources","inset","onLayout","event","Math","round","nativeEvent","layout","children","length","gap"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAc;AACjC,SAASC,QAAA,EAAAC,MAAgB;AACzB,SAASC,QAAA,eAAiB;AAoBV,SAAAC,SAIR,QAJQ;AAFT,SAASC,cAAcC,KAAE;EAC9B;IAAMC,MAAC;IAAOC,MAAA,GAAQ;IAAIC,GAAA;IAAAC;EAAU,IAAAJ,KAAA;EACpC,KAAAK,KAAM,EAAAC,QAAQ,IAAAT,QAAA,EAAC;EACf,IAAAU,KACE,kBAACf,IAAA,CAAAM,SAAO;IAGFU,OAAA,EAAAP,MAAA;IACCE,GAAA;IACCC,KAAC;IAAAK,KAAA;EAAA;EAEoB,OACnB,eAAgBjB,IAAA,CAAMI,MAAK;IAAAc,QAC3B,WAAWA,QAAMA,CAAAC,KAAA;MAAA,OACjBL,QAAO,CAAAM,IAAA,CAAAC,KAAA,CAAAF,KAAA,CAAAG,WAAA,CAAAC,MAAA,CAAAV,KAAA;IAAA;IACSA,KAChB;IAAAW,QACA,EAAIX,KAAA,QAAAH,MAAA,CAAAe,MAAA,sBAAAvB,KAAA,CAAAC,QAAA;MAAAuB,GAAA;MAPCF,QAAM,GASd,eAAAxB,IAAA,CAAAM,SAAA;QAGHU,OAEJ,EAAAP,MAAA;QAEJE,GAAA","ignoreList":[]}