@multiplatform.one/frappe-ui 7.23.1 → 7.24.0

package/dist/esm/insights/insightsData.native.js

@@ -0,0 +1,185 @@
+function numberOf(row, field) {
+  var value = Number(row[field]);
+  return Number.isFinite(value) ? value : 0;
+}
+function facetDistribution(values, rows) {
+  var counts = /* @__PURE__ */new Map();
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = rows[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var row = _step.value;
+      var _values_get, _row_name;
+      var _iteratorNormalCompletion1 = true,
+        _didIteratorError1 = false,
+        _iteratorError1 = void 0;
+      try {
+        for (var _iterator1 = ((_values_get = values.get((_row_name = row.name) !== null && _row_name !== void 0 ? _row_name : "")) !== null && _values_get !== void 0 ? _values_get : [])[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+          var value = _step1.value;
+          var _counts_get;
+          counts.set(value, ((_counts_get = counts.get(value)) !== null && _counts_get !== void 0 ? _counts_get : 0) + 1);
+        }
+      } catch (err) {
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+            _iterator1.return();
+          }
+        } finally {
+          if (_didIteratorError1) {
+            throw _iteratorError1;
+          }
+        }
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return [...counts].map(function (param) {
+    var [value2, count] = param;
+    return {
+      value: value2,
+      count
+    };
+  }).sort(function (a, b) {
+    return b.count - a.count || a.value.localeCompare(b.value);
+  });
+}
+function foldDistribution(entries, max) {
+  if (entries.length <= max) return [...entries];
+  var kept = entries.slice(0, Math.max(0, max - 1));
+  var tail = entries.slice(kept.length).reduce(function (sum, entry) {
+    return sum + entry.count;
+  }, 0);
+  return [...kept, {
+    value: "",
+    count: tail,
+    other: true
+  }];
+}
+function multiValued(values, rows) {
+  return rows.filter(function (row) {
+    var _values_get, _row_name;
+    return ((_values_get = values.get((_row_name = row.name) !== null && _row_name !== void 0 ? _row_name : "")) !== null && _values_get !== void 0 ? _values_get : []).length > 1;
+  }).length;
+}
+function average(rows, field) {
+  if (rows.length === 0) return 0;
+  return rows.reduce(function (sum, row) {
+    return sum + numberOf(row, field);
+  }, 0) / rows.length;
+}
+function compareValues(a, b) {
+  if (a === b) return 0;
+  if (a === null || a === void 0) return -1;
+  if (b === null || b === void 0) return 1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  return String(a).localeCompare(String(b));
+}
+function orderRows(rows, orderBy) {
+  if (!(orderBy === null || orderBy === void 0 ? void 0 : orderBy.length)) return [...rows];
+  return [...rows].sort(function (a, b) {
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = orderBy[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var {
+          field,
+          order
+        } = _step.value;
+        var compared = compareValues(a[field], b[field]);
+        if (compared !== 0) return order === "desc" ? -compared : compared;
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return 0;
+  });
+}
+function topBy(rows, field, n) {
+  return [...rows].sort(function (a, b) {
+    return numberOf(b, field) - numberOf(a, field);
+  }).slice(0, Math.max(0, n));
+}
+function bucketWidth(max) {
+  var _map_find;
+  var raw = max / 6;
+  if (!(raw > 1)) return 1;
+  var magnitude = Math.pow(10, Math.floor(Math.log10(raw)));
+  return (_map_find = [1, 2, 5, 10].map(function (step) {
+    return step * magnitude;
+  }).find(function (width) {
+    return width >= raw;
+  })) !== null && _map_find !== void 0 ? _map_find : raw;
+}
+function histogram(rows, field, width) {
+  if (rows.length === 0) return [];
+  var values = rows.map(function (row) {
+    return Math.max(0, numberOf(row, field));
+  });
+  var size = width && width > 0 ? width : bucketWidth(Math.max(...values));
+  var counts = /* @__PURE__ */new Map();
+  var last = 0;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var value = _step.value;
+      var _counts_get;
+      var bucket = Math.floor(value / size);
+      counts.set(bucket, ((_counts_get = counts.get(bucket)) !== null && _counts_get !== void 0 ? _counts_get : 0) + 1);
+      last = Math.max(last, bucket);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return Array.from({
+    length: last + 1
+  }, function (_, bucket2) {
+    var _counts_get2;
+    return {
+      label: `${bucket2 * size}\u2013${(bucket2 + 1) * size - 1}`,
+      value: (_counts_get2 = counts.get(bucket2)) !== null && _counts_get2 !== void 0 ? _counts_get2 : 0
+    };
+  });
+}
+export { average, bucketWidth, facetDistribution, foldDistribution, histogram, multiValued, orderRows, topBy };
+//# sourceMappingURL=insightsData.native.js.map

package/dist/esm/insights/insightsData.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["numberOf","row","field","value","Number","isFinite","facetDistribution","values","rows","counts","Map","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","_values_get","_row_name","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","get","name","_step1","_counts_get","set","err","return","map","param","value2","count","sort","a","b","localeCompare","foldDistribution","entries","max","length","kept","slice","Math","tail","reduce","sum","entry"],"sources":["../../../src/insights/insightsData.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/insights/insightsRecord.mjs

@@ -0,0 +1,9 @@
+function metricValue(doc, field) {
+  const value = Number(doc[field]);
+  return Number.isFinite(value) ? value : 0;
+}
+function formatMetric(metric, value) {
+  return metric.format ? metric.format(value) : String(value);
+}
+export { formatMetric, metricValue };
+//# sourceMappingURL=insightsRecord.mjs.map

package/dist/esm/insights/insightsRecord.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["metricValue","doc","field","value","Number","isFinite","formatMetric","metric","format","String"],"sources":["../../../src/insights/insightsRecord.ts"],"sourcesContent":[null],"mappings":"AA4BO,SAASA,YAAYC,GAAA,EAAcC,KAAA,EAAuB;EAC/D,MAAMC,KAAA,GAAQC,MAAA,CAAQH,GAAA,CAAgCC,KAAK,CAAC;EAC5D,OAAOE,MAAA,CAAOC,QAAA,CAASF,KAAK,IAAIA,KAAA,GAAQ;AAC1C;AAEO,SAASG,aAAaC,MAAA,EAA8BJ,KAAA,EAAuB;EAChF,OAAOI,MAAA,CAAOC,MAAA,GAASD,MAAA,CAAOC,MAAA,CAAOL,KAAK,IAAIM,MAAA,CAAON,KAAK;AAC5D","ignoreList":[]}

package/dist/esm/insights/insightsRecord.native.js

@@ -0,0 +1,9 @@
+function metricValue(doc, field) {
+  var value = Number(doc[field]);
+  return Number.isFinite(value) ? value : 0;
+}
+function formatMetric(metric, value) {
+  return metric.format ? metric.format(value) : String(value);
+}
+export { formatMetric, metricValue };
+//# sourceMappingURL=insightsRecord.native.js.map

package/dist/esm/insights/insightsRecord.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["metricValue","doc","field","value","Number","isFinite","formatMetric","metric","format","String"],"sources":["../../../src/insights/insightsRecord.ts"],"sourcesContent":[null],"mappings":"AA4BO,SAASA,YAAYC,GAAA,EAAcC,KAAA,EAAuB;EAC/D,IAAAC,KAAM,GAAAC,MAAQ,CAAAH,GAAQ,CAAAC,KAAgC,EAAK;EAC3D,OAAOE,MAAA,CAAOC,QAAA,CAASF,KAAK,IAAIA,KAAA,GAAQ;AAC1C;AAEO,SAASG,aAAaC,MAAA,EAA8BJ,KAAA,EAAuB;EAChF,OAAOI,MAAA,CAAOC,MAAA,GAASD,MAAA,CAAOC,MAAA,CAAOL,KAAK,IAAIM,MAAA,CAAON,KAAK;AAC5D","ignoreList":[]}

package/dist/esm/list/FacetBadge.mjs

@@ -0,0 +1,37 @@
+import { Text, XStack } from "@multiplatform.one/components";
+import { hairlineWidth, useResolvedKnobs } from "@multiplatform.one/theme";
+import { jsx } from "react/jsx-runtime";
+function FacetBadge({
+  label,
+  tint = "gray",
+  compact = false
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  return /* @__PURE__ */jsx(XStack, {
+    ...knobProps.borderRadius,
+    paddingHorizontal: compact ? "$1.5" : "$2",
+    paddingVertical: compact ? "$0.5" : "$1",
+    backgroundColor: `$${tint}4`,
+    borderColor: `$${tint}7`,
+    borderWidth: hairlineWidth,
+    alignItems: "center",
+    children: /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      ...knobProps.body,
+      textTransform: "capitalize",
+      fontWeight: "700",
+      color: `$${tint}12`,
+      ...(compact ? {
+        fontSize: "$1"
+      } : null),
+      letterSpacing: 0.3,
+      children: label
+    })
+  });
+}
+export { FacetBadge };
+//# sourceMappingURL=FacetBadge.mjs.map

package/dist/esm/list/FacetBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","XStack","hairlineWidth","useResolvedKnobs","jsx","FacetBadge","label","tint","compact","knobProps","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","borderColor","borderWidth","alignItems","children","body","textTransform","fontWeight","color","fontSize","letterSpacing"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,aAAA,EAAeC,gBAAA,QAAwB;AA0B1C,SAAAC,GAAA;AAZC,SAASC,WAAW;EAAEC,KAAA;EAAOC,IAAA,GAAO;EAAQC,OAAA,GAAU;AAAM,GAAoB;EACrF,MAAM;IAAEC;EAAU,IAAIN,gBAAA,CAAiB;IAAEK,OAAA,EAAS;EAAK,CAAC;EACxD,OACE,eAAAJ,GAAA,CAACH,MAAA;IACE,GAAGQ,SAAA,CAAUC,YAAA;IACdC,iBAAA,EAAmBH,OAAA,GAAU,SAAS;IACtCI,eAAA,EAAiBJ,OAAA,GAAU,SAAS;IACpCK,eAAA,EAAiB,IAAIN,IAAI;IACzBO,WAAA,EAAa,IAAIP,IAAI;IACrBQ,WAAA,EAAab,aAAA;IACbc,UAAA,EAAW;IAEXC,QAAA,iBAAAb,GAAA,CAACJ,IAAA;MACE,GAAGS,SAAA,CAAUH,KAAA;MACb,GAAGG,SAAA,CAAUS,IAAA;MACdC,aAAA,EAAc;MACdC,UAAA,EAAW;MACXC,KAAA,EAAO,IAAId,IAAI;MACd,IAAIC,OAAA,GAAU;QAAEc,QAAA,EAAU;MAAc,IAAI;MAC7CC,aAAA,EAAe;MAEdN,QAAA,EAAAX;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/list/FacetBadge.native.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, XStack } from "@multiplatform.one/components";
+import { hairlineWidth, useResolvedKnobs } from "@multiplatform.one/theme";
+function FacetBadge(param) {
+  var {
+    label,
+    tint = "gray",
+    compact = false
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  return /* @__PURE__ */_jsx(XStack, {
+    ...knobProps.borderRadius,
+    paddingHorizontal: compact ? "$1.5" : "$2",
+    paddingVertical: compact ? "$0.5" : "$1",
+    backgroundColor: `$${tint}4`,
+    borderColor: `$${tint}7`,
+    borderWidth: hairlineWidth,
+    alignItems: "center",
+    children: /* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      ...knobProps.body,
+      textTransform: "capitalize",
+      fontWeight: "700",
+      color: `$${tint}12`,
+      ...(compact ? {
+        fontSize: "$1"
+      } : null),
+      letterSpacing: 0.3,
+      children: label
+    })
+  });
+}
+export { FacetBadge };
+//# sourceMappingURL=FacetBadge.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Text","XStack","hairlineWidth","useResolvedKnobs","FacetBadge","param","label","tint","compact","knobProps","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","borderColor","borderWidth","alignItems","children","body","textTransform","fontWeight","color","fontSize","letterSpacing"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,2BAAc;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAe,+BAAwB;AA0B1C,SAAAC,aAAA,EAAAC,gBAAA;AAZC,SAASC,WAAWC,KAAE;EAC3B;IAAMC,KAAE;IAAAC,IAAA,GAAU,MAAI;IAAAC,OAAA;EAAmB,IAAAH,KAAS;EAClD;IAAAI;EACE,IAAAN,gBAAA;IAACK,OAAA;EAAA;EAAA,OACK,eAAUT,IAAA,CAAAE,MAAA;IAAA,GACdQ,SAAA,CAAAC,YAAmB;IAAmBC,iBACtC,EAAiBH,OAAA,GAAU,SAAS;IAAAI,eACpC,EAAAJ,OAAqB,GAAI;IAAAK,eACZ,MAAIN,IAAI;IAAAO,WACrB,MAAaP,IAAA;IAAAQ,WACb,EAAAb,aAAW;IAAAc,UAEX;IAAAC,QAAC,iBAAAlB,IAAA,CAAAC,IAAA;MAAA,GAAAS,SAAA,CAAAH,KAAA;MAAA,GAAAG,SACK,CAAAS,IAAU;MAAAC,aACV,cAAU;MAAAC,UACd;MAAcC,KACd,MAAAd,IAAA,IAAW;MAAA,IAAAC,OACX,GAAO;QAAQc,QACV;MAAwC,IAC7C;MAAeC,aAEd;MAAAN,QAAA,EAAAX;IAAA;EACH;AAAA;AAGN,S","ignoreList":[]}

package/dist/esm/list/FacetRail.mjs

@@ -0,0 +1,174 @@
+import { ScrollView, Text, XStack, isWeb } from "@multiplatform.one/components";
+import { ensureKeyboardModalityTracking, keyboardFocusRingProps, pressTargetHitSlop, transitionProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+const chipVisualHeight = 38;
+const chipHitSlop = pressTargetHitSlop(chipVisualHeight);
+const pipSize = "$1";
+function RailChip({
+  option,
+  selected,
+  tabStop,
+  onPress,
+  onFocusChip,
+  onBlurChip,
+  onMove,
+  testID,
+  register
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [kbFocus, setKbFocus] = useState(false);
+  if (isWeb) ensureKeyboardModalityTracking();
+  const hue = option.tint;
+  const fill = selected ? hue ? `$${hue}5` : "$color5" : hue ? `$${hue}3` : "$color3";
+  const hoverFill = selected ? fill : hue ? `$${hue}4` : "$color4";
+  const textColor = selected ? hue ? `$${hue}12` : "$color12" : hue ? `$${hue}11` : "$color11";
+  const keys = {
+    ArrowRight: 1,
+    ArrowLeft: -1,
+    Home: "home",
+    End: "end"
+  };
+  return /* @__PURE__ */jsxs(XStack, {
+    ref: register,
+    ...knobProps.borderRadius,
+    backgroundColor: fill,
+    borderWidth: 0,
+    paddingHorizontal: "$3",
+    minHeight: chipVisualHeight,
+    hitSlop: chipHitSlop,
+    alignItems: "center",
+    gap: "$1.5",
+    cursor: "pointer",
+    role: "radio",
+    "aria-checked": selected,
+    ...(isWeb ? {
+      tabIndex: tabStop ? 0 : -1
+    } : void 0),
+    ...transitionProps(knobProps.transition),
+    hoverStyle: {
+      backgroundColor: hoverFill
+    },
+    pressStyle: {
+      backgroundColor: fill
+    },
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0,
+      backgroundColor: fill
+    },
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
+    ...(isWeb ? {
+      onFocus: () => {
+        onFocusChip();
+        if (wasKeyboardFocus()) setKbFocus(true);
+      },
+      onBlur: () => {
+        onBlurChip();
+        setKbFocus(false);
+      },
+      onKeyDown: event => {
+        const direction = event.key ? keys[event.key] : void 0;
+        if (direction !== void 0) {
+          event.preventDefault?.();
+          onMove(direction);
+          return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault?.();
+          onPress();
+        }
+      }
+    } : void 0),
+    ...(kbFocus ? keyboardFocusRingProps : void 0),
+    onPress,
+    testID,
+    children: [hue ? /* @__PURE__ */jsx(XStack, {
+      width: pipSize,
+      height: pipSize,
+      borderRadius: 1e3,
+      backgroundColor: `$${hue}9`,
+      flexShrink: 0
+    }) : null, /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      fontWeight: selected ? "700" : "500",
+      color: textColor,
+      textTransform: "capitalize",
+      userSelect: "none",
+      children: option.label
+    }), typeof option.count === "number" ? /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      fontSize: "$1",
+      fontWeight: "700",
+      color: textColor,
+      opacity: 0.7,
+      userSelect: "none",
+      children: option.count
+    }) : null]
+  });
+}
+function FacetRail({
+  label,
+  value,
+  options,
+  onChange,
+  testID
+}) {
+  const itemRefs = useRef({});
+  const [focusValue, setFocusValue] = useState(null);
+  if (isWeb) ensureKeyboardModalityTracking();
+  const anchor = focusValue !== null && options.some(option => option.value === focusValue) ? focusValue : value;
+  const focusAndSelect = next => {
+    setFocusValue(next);
+    onChange(next);
+    if (!isWeb) return;
+    requestAnimationFrame(() => {
+      const node = itemRefs.current[next];
+      node?.focus?.();
+      node?.scrollIntoView?.({
+        inline: "nearest",
+        block: "nearest"
+      });
+    });
+  };
+  const moveFrom = (from, direction) => {
+    if (options.length === 0) return;
+    if (direction === "home") return focusAndSelect(options[0].value);
+    if (direction === "end") return focusAndSelect(options[options.length - 1].value);
+    const index = Math.max(0, options.findIndex(option => option.value === from));
+    focusAndSelect(options[(index + direction + options.length) % options.length].value);
+  };
+  return /* @__PURE__ */jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    flexShrink: 0,
+    children: /* @__PURE__ */jsx(XStack, {
+      role: "radiogroup",
+      "aria-label": label,
+      "aria-orientation": "horizontal",
+      gap: "$1.5",
+      alignItems: "center",
+      paddingVertical: "$1",
+      testID,
+      children: options.map(option => /* @__PURE__ */jsx(RailChip, {
+        option,
+        selected: option.value === value,
+        tabStop: option.value === anchor,
+        onPress: () => onChange(option.value === value && option.value !== "" ? "" : option.value),
+        onFocusChip: () => setFocusValue(option.value),
+        onBlurChip: () => setFocusValue(prev => prev === option.value ? null : prev),
+        onMove: direction => moveFrom(option.value, direction),
+        testID: testID ? `${testID}-${option.value || "all"}` : void 0,
+        register: node => {
+          itemRefs.current[option.value] = node;
+        }
+      }, option.value || "__all"))
+    })
+  });
+}
+export { FacetRail };
+//# sourceMappingURL=FacetRail.mjs.map

package/dist/esm/list/FacetRail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","Text","XStack","isWeb","ensureKeyboardModalityTracking","keyboardFocusRingProps","pressTargetHitSlop","transitionProps","useResolvedKnobs","wasKeyboardFocus","useRef","useState","jsx","jsxs","chipVisualHeight","chipHitSlop","pipSize","RailChip","option","selected","tabStop","onPress","onFocusChip","onBlurChip","onMove","testID","register","knobProps","kbFocus","setKbFocus","hue","tint","fill","hoverFill","textColor","keys","ArrowRight","ArrowLeft","Home","End","ref","borderRadius","backgroundColor","borderWidth","paddingHorizontal","minHeight","hitSlop","alignItems","gap","cursor","role","tabIndex","transition","hoverStyle","pressStyle","outlineWidth","focusStyle","focusVisibleStyle","onFocus","onBlur","onKeyDown","event","direction","key","preventDefault","children","width","height","flexShrink","label","fontWeight","color","textTransform","userSelect","count","fontSize","opacity","FacetRail","value","options","onChange","itemRefs","focusValue","setFocusValue","anchor","some","focusAndSelect","next","requestAnimationFrame","node","current","focus","scrollIntoView","inline","block","moveFrom","from","length","index","Math","max","findIndex","horizontal","showsHorizontalScrollIndicator","paddingVertical","map","prev"],"sources":["../../../src/list/FacetRail.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}