@buoy-gg/highlight-updates 2.1.9 → 2.1.11

package/lib/commonjs/highlight-updates/components/RenderListItem.js

@@ -1 +1,220 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.RenderListItem=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_IdentifierBadge=require("./IdentifierBadge"),_RenderCauseBadge=require("./RenderCauseBadge"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var i=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(a=t?r:i){if(a.has(e))return a.get(e);a.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(s,t,n):s[t]=e[t]);return s})(e,t)}function RenderListItemInner({render:e,onPress:t}){const i=(0,_react.useMemo)(()=>e.testID?{type:"testID",value:e.testID}:e.nativeID?{type:"nativeID",value:e.nativeID}:e.componentName?{type:"component",value:e.componentName}:e.accessibilityLabel?{type:"accessibilityLabel",value:e.accessibilityLabel}:{type:"nativeTag",value:String(e.nativeTag)},[e.testID,e.nativeID,e.componentName,e.accessibilityLabel,e.nativeTag]),r=(0,_react.useMemo)(()=>e.accessibilityLabel&&"accessibilityLabel"!==i.type?{type:"accessibilityLabel",value:e.accessibilityLabel}:null,[e.accessibilityLabel,i.type]),a=(0,_react.useMemo)(()=>{const t=Date.now()-e.lastRenderTime;return t<1e3?"just now":t<6e4?`${Math.floor(t/1e3)}s ago`:t<36e5?`${Math.floor(t/6e4)}m ago`:`${Math.floor(t/36e5)}h ago`},[e.lastRenderTime]);return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.container,onPress:()=>t(e),activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.colorIndicator,{backgroundColor:e.color}]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.content,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.topRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.viewTypeContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.viewType,numberOfLines:1,children:e.displayName}),r?(0,_jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge,{type:r.type,value:r.value,compact:!0,shortLabel:!0}):e.displayName!==e.viewType?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.nativeType,numberOfLines:1,children:e.viewType}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.renderCountBadge,{backgroundColor:e.color+"30"}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.renderCount,{color:e.color}],children:[e.renderCount,"x"]})})]}),e.lastRenderCause&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.causeRow,children:(0,_jsxRuntime.jsx)(_RenderCauseBadge.RenderCauseBadge,{cause:e.lastRenderCause,compact:!0,showKeys:!0,showTwoLevel:!0})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.bottomRow,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.identifierContainer,children:(0,_jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge,{type:i.type,value:i.value,compact:!0,shortLabel:!0})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.timing,children:a})]})]}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:16,color:_sharedUi.buoyColors.textMuted})]})}const RenderListItem=exports.RenderListItem=_react.default.memo(RenderListItemInner,(e,t)=>{const i=e.render,r=t.render;return i.id===r.id&&i.renderCount===r.renderCount&&i.color===r.color&&i.lastRenderTime===r.lastRenderTime&&i.lastRenderCause?.type===r.lastRenderCause?.type&&i.lastRenderCause?.componentCause===r.lastRenderCause?.componentCause&&e.onPress===t.onPress}),styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",paddingVertical:10,paddingHorizontal:12,marginHorizontal:12,marginBottom:6,backgroundColor:_sharedUi.buoyColors.card,borderRadius:8,borderWidth:1,borderColor:_sharedUi.buoyColors.border},colorIndicator:{width:4,height:36,borderRadius:2,marginRight:10},content:{flex:1,marginRight:8},topRow:{flexDirection:"row",alignItems:"center",marginBottom:4},causeRow:{marginBottom:4},viewTypeContainer:{flex:1,marginRight:8},viewType:{fontSize:13,fontWeight:"600",color:_sharedUi.buoyColors.text},nativeType:{fontSize:10,color:_sharedUi.buoyColors.textMuted,fontFamily:"monospace",marginTop:1},accessibilityLabel:{fontSize:10,color:_sharedUi.buoyColors.primary,fontStyle:"italic",marginTop:1},renderCountBadge:{paddingHorizontal:8,paddingVertical:2,borderRadius:10},renderCount:{fontSize:11,fontWeight:"700",fontFamily:"monospace"},bottomRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8},identifierContainer:{flex:1,flexShrink:1,overflow:"hidden"},timing:{fontSize:10,color:_sharedUi.buoyColors.textMuted,fontWeight:"500",flexShrink:0}});var _default=exports.default=RenderListItem;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RenderListItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _IdentifierBadge = require("./IdentifierBadge");
+var _RenderCauseBadge = require("./RenderCauseBadge");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * RenderListItem
+ *
+ * Compact list item showing a tracked component render.
+ * Displays viewType, identifier (testID/nativeID/component), render count, and timing.
+ */
+
+function RenderListItemInner({
+  render,
+  onPress
+}) {
+  // Get best identifier to show (primary)
+  const identifier = (0, _react.useMemo)(() => {
+    if (render.testID) return {
+      type: "testID",
+      value: render.testID
+    };
+    if (render.nativeID) return {
+      type: "nativeID",
+      value: render.nativeID
+    };
+    if (render.componentName) return {
+      type: "component",
+      value: render.componentName
+    };
+    if (render.accessibilityLabel) return {
+      type: "accessibilityLabel",
+      value: render.accessibilityLabel
+    };
+    return {
+      type: "nativeTag",
+      value: String(render.nativeTag)
+    };
+  }, [render.testID, render.nativeID, render.componentName, render.accessibilityLabel, render.nativeTag]);
+
+  // Get secondary identifier (accessibilityLabel if not already primary)
+  const secondaryIdentifier = (0, _react.useMemo)(() => {
+    if (render.accessibilityLabel && identifier.type !== "accessibilityLabel") {
+      return {
+        type: "accessibilityLabel",
+        value: render.accessibilityLabel
+      };
+    }
+    return null;
+  }, [render.accessibilityLabel, identifier.type]);
+
+  // Format time since last render (live-updating)
+  const timeSinceRender = (0, _sharedUi.useRelativeTime)(render.lastRenderTime);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    style: styles.container,
+    onPress: () => onPress(render),
+    activeOpacity: 0.7,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.colorIndicator, {
+        backgroundColor: render.color
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.topRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.viewTypeContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.viewType,
+            numberOfLines: 1,
+            children: render.displayName
+          }), secondaryIdentifier ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge, {
+            type: secondaryIdentifier.type,
+            value: secondaryIdentifier.value,
+            compact: true,
+            shortLabel: true
+          }) : render.displayName !== render.viewType ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.nativeType,
+            numberOfLines: 1,
+            children: render.viewType
+          }) : null]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.renderCountBadge, {
+            backgroundColor: render.color + "30"
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: [styles.renderCount, {
+              color: render.color
+            }],
+            children: [render.renderCount, "x"]
+          })
+        })]
+      }), render.lastRenderCause && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.causeRow,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderCauseBadge.RenderCauseBadge, {
+          cause: render.lastRenderCause,
+          compact: true,
+          showKeys: true,
+          showTwoLevel: true
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.bottomRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.identifierContainer,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge, {
+            type: identifier.type,
+            value: identifier.value,
+            compact: true,
+            shortLabel: true
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.timing,
+          children: timeSinceRender
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
+      size: 16,
+      color: _sharedUi.buoyColors.textMuted
+    })]
+  });
+}
+
+// Memoize with custom comparison - only re-render when relevant props change
+// This is critical for performance when the modal is open during rapid renders
+const RenderListItem = exports.RenderListItem = /*#__PURE__*/_react.default.memo(RenderListItemInner, (prevProps, nextProps) => {
+  // Return true if props are EQUAL (skip re-render)
+  // Return false if props are DIFFERENT (trigger re-render)
+  const prevRender = prevProps.render;
+  const nextRender = nextProps.render;
+  return prevRender.id === nextRender.id && prevRender.renderCount === nextRender.renderCount && prevRender.color === nextRender.color && prevRender.lastRenderTime === nextRender.lastRenderTime && prevRender.lastRenderCause?.type === nextRender.lastRenderCause?.type && prevRender.lastRenderCause?.componentCause === nextRender.lastRenderCause?.componentCause && prevProps.onPress === nextProps.onPress;
+});
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    marginHorizontal: 12,
+    marginBottom: 6,
+    backgroundColor: _sharedUi.buoyColors.card,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: _sharedUi.buoyColors.border
+  },
+  colorIndicator: {
+    width: 4,
+    height: 36,
+    borderRadius: 2,
+    marginRight: 10
+  },
+  content: {
+    flex: 1,
+    marginRight: 8
+  },
+  topRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 4
+  },
+  causeRow: {
+    marginBottom: 4
+  },
+  viewTypeContainer: {
+    flex: 1,
+    marginRight: 8
+  },
+  viewType: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: _sharedUi.buoyColors.text
+  },
+  nativeType: {
+    fontSize: 10,
+    color: _sharedUi.buoyColors.textMuted,
+    fontFamily: "monospace",
+    marginTop: 1
+  },
+  accessibilityLabel: {
+    fontSize: 10,
+    color: _sharedUi.buoyColors.primary,
+    fontStyle: "italic",
+    marginTop: 1
+  },
+  renderCountBadge: {
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 10
+  },
+  renderCount: {
+    fontSize: 11,
+    fontWeight: "700",
+    fontFamily: "monospace"
+  },
+  bottomRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 8
+  },
+  identifierContainer: {
+    flex: 1,
+    flexShrink: 1,
+    overflow: "hidden"
+  },
+  timing: {
+    fontSize: 10,
+    color: _sharedUi.buoyColors.textMuted,
+    fontWeight: "500",
+    flexShrink: 0
+  }
+});
+var _default = exports.default = RenderListItem;

package/lib/commonjs/highlight-updates/components/StatsDisplay.js

@@ -1 +1,70 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.StatsDisplay=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_RenderTracker=require("../utils/RenderTracker"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var i,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(i=r?a:t){if(i.has(e))return i.get(e);i.set(e,s)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?i(s,r,o):s[r]=e[r]);return s})(e,r)}function StatsDisplayInner(){const[e,r]=(0,_react.useState)({totalComponents:0,totalRenders:0});return(0,_react.useEffect)(()=>_RenderTracker.RenderTracker.subscribe(()=>{r(_RenderTracker.RenderTracker.getStats())}),[]),(0,_jsxRuntime.jsxs)(_reactNative.View,{nativeID:"__rn_buoy__stats-row",style:styles.headerChip,children:[(0,_jsxRuntime.jsx)(_sharedUi.Activity,{size:12,color:_sharedUi.buoyColors.primary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.headerChipValue,{color:_sharedUi.buoyColors.primary}],children:e.totalComponents})]})}const StatsDisplay=exports.StatsDisplay=(0,_react.memo)(StatsDisplayInner),styles=_reactNative.StyleSheet.create({headerChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:_sharedUi.buoyColors.hover,paddingHorizontal:8,paddingVertical:5,borderRadius:12,borderWidth:1,borderColor:_sharedUi.buoyColors.border},headerChipValue:{fontSize:12,fontWeight:"600",fontFamily:"monospace"}});var _default=exports.default=StatsDisplay;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StatsDisplay = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _RenderTracker = require("../utils/RenderTracker");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * StatsDisplay
+ *
+ * Isolated component for displaying render statistics in the header.
+ * Subscribes to RenderTracker updates independently so parent header
+ * doesn't re-render when stats change.
+ *
+ * Following the optimization guide: move subscriptions to child components.
+ */
+
+/**
+ * Isolated stats display that owns its own subscription.
+ * Only this component re-renders when stats change.
+ */function StatsDisplayInner() {
+  const [stats, setStats] = (0, _react.useState)({
+    totalComponents: 0,
+    totalRenders: 0
+  });
+  (0, _react.useEffect)(() => {
+    const unsubscribe = _RenderTracker.RenderTracker.subscribe(() => {
+      setStats(_RenderTracker.RenderTracker.getStats());
+    });
+    return unsubscribe;
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    nativeID: "__rn_buoy__stats-row",
+    style: styles.headerChip,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Activity, {
+      size: 12,
+      color: _sharedUi.buoyColors.primary
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.headerChipValue, {
+        color: _sharedUi.buoyColors.primary
+      }],
+      children: stats.totalComponents
+    })]
+  });
+}
+const StatsDisplay = exports.StatsDisplay = /*#__PURE__*/(0, _react.memo)(StatsDisplayInner);
+const styles = _reactNative.StyleSheet.create({
+  headerChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    backgroundColor: _sharedUi.buoyColors.hover,
+    paddingHorizontal: 8,
+    paddingVertical: 5,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: _sharedUi.buoyColors.border
+  },
+  headerChipValue: {
+    fontSize: 12,
+    fontWeight: "600",
+    fontFamily: "monospace"
+  }
+});
+var _default = exports.default = StatsDisplay;

package/lib/commonjs/highlight-updates/components/index.js

@@ -1 +1,97 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CategoryBadge",{enumerable:!0,get:function(){return _IdentifierBadge.CategoryBadge}}),Object.defineProperty(exports,"DetailViewHeader",{enumerable:!0,get:function(){return _ModalHeaderContent.DetailViewHeader}}),Object.defineProperty(exports,"FilterViewHeader",{enumerable:!0,get:function(){return _ModalHeaderContent.FilterViewHeader}}),Object.defineProperty(exports,"HeaderActions",{enumerable:!0,get:function(){return _ModalHeaderContent.HeaderActions}}),Object.defineProperty(exports,"HighlightFilterView",{enumerable:!0,get:function(){return _HighlightFilterView.HighlightFilterView}}),Object.defineProperty(exports,"HighlightUpdatesModal",{enumerable:!0,get:function(){return _HighlightUpdatesModal.HighlightUpdatesModal}}),Object.defineProperty(exports,"IDENTIFIER_CONFIG",{enumerable:!0,get:function(){return _IdentifierBadge.IDENTIFIER_CONFIG}}),Object.defineProperty(exports,"IdentifierBadge",{enumerable:!0,get:function(){return _IdentifierBadge.IdentifierBadge}}),Object.defineProperty(exports,"IsolatedRenderList",{enumerable:!0,get:function(){return _IsolatedRenderList.IsolatedRenderList}}),Object.defineProperty(exports,"MainListHeader",{enumerable:!0,get:function(){return _ModalHeaderContent.MainListHeader}}),Object.defineProperty(exports,"RenderDetailView",{enumerable:!0,get:function(){return _RenderDetailView.RenderDetailView}}),Object.defineProperty(exports,"RenderListItem",{enumerable:!0,get:function(){return _RenderListItem.RenderListItem}}),Object.defineProperty(exports,"SearchSection",{enumerable:!0,get:function(){return _ModalHeaderContent.SearchSection}}),Object.defineProperty(exports,"StatsDisplay",{enumerable:!0,get:function(){return _StatsDisplay.StatsDisplay}});var _HighlightUpdatesModal=require("./HighlightUpdatesModal"),_RenderListItem=require("./RenderListItem"),_RenderDetailView=require("./RenderDetailView"),_HighlightFilterView=require("./HighlightFilterView"),_IdentifierBadge=require("./IdentifierBadge"),_IsolatedRenderList=require("./IsolatedRenderList"),_StatsDisplay=require("./StatsDisplay"),_ModalHeaderContent=require("./ModalHeaderContent");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CategoryBadge", {
+  enumerable: true,
+  get: function () {
+    return _IdentifierBadge.CategoryBadge;
+  }
+});
+Object.defineProperty(exports, "DetailViewHeader", {
+  enumerable: true,
+  get: function () {
+    return _ModalHeaderContent.DetailViewHeader;
+  }
+});
+Object.defineProperty(exports, "FilterViewHeader", {
+  enumerable: true,
+  get: function () {
+    return _ModalHeaderContent.FilterViewHeader;
+  }
+});
+Object.defineProperty(exports, "HeaderActions", {
+  enumerable: true,
+  get: function () {
+    return _ModalHeaderContent.HeaderActions;
+  }
+});
+Object.defineProperty(exports, "HighlightFilterView", {
+  enumerable: true,
+  get: function () {
+    return _HighlightFilterView.HighlightFilterView;
+  }
+});
+Object.defineProperty(exports, "HighlightUpdatesModal", {
+  enumerable: true,
+  get: function () {
+    return _HighlightUpdatesModal.HighlightUpdatesModal;
+  }
+});
+Object.defineProperty(exports, "IDENTIFIER_CONFIG", {
+  enumerable: true,
+  get: function () {
+    return _IdentifierBadge.IDENTIFIER_CONFIG;
+  }
+});
+Object.defineProperty(exports, "IdentifierBadge", {
+  enumerable: true,
+  get: function () {
+    return _IdentifierBadge.IdentifierBadge;
+  }
+});
+Object.defineProperty(exports, "IsolatedRenderList", {
+  enumerable: true,
+  get: function () {
+    return _IsolatedRenderList.IsolatedRenderList;
+  }
+});
+Object.defineProperty(exports, "MainListHeader", {
+  enumerable: true,
+  get: function () {
+    return _ModalHeaderContent.MainListHeader;
+  }
+});
+Object.defineProperty(exports, "RenderDetailView", {
+  enumerable: true,
+  get: function () {
+    return _RenderDetailView.RenderDetailView;
+  }
+});
+Object.defineProperty(exports, "RenderListItem", {
+  enumerable: true,
+  get: function () {
+    return _RenderListItem.RenderListItem;
+  }
+});
+Object.defineProperty(exports, "SearchSection", {
+  enumerable: true,
+  get: function () {
+    return _ModalHeaderContent.SearchSection;
+  }
+});
+Object.defineProperty(exports, "StatsDisplay", {
+  enumerable: true,
+  get: function () {
+    return _StatsDisplay.StatsDisplay;
+  }
+});
+var _HighlightUpdatesModal = require("./HighlightUpdatesModal");
+var _RenderListItem = require("./RenderListItem");
+var _RenderDetailView = require("./RenderDetailView");
+var _HighlightFilterView = require("./HighlightFilterView");
+var _IdentifierBadge = require("./IdentifierBadge");
+var _IsolatedRenderList = require("./IsolatedRenderList");
+var _StatsDisplay = require("./StatsDisplay");
+var _ModalHeaderContent = require("./ModalHeaderContent");