@performant-software/core-data 2.1.0-beta.0 → 2.1.0-beta.11

package/dist/index.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es59.js","sources":["../../../node_modules/@samvera/clover-iiif/dist/primitives/index.mjs"],"sourcesContent":["import a, { useRef as D, useEffect as M, useCallback as z, createContext as q, useContext as _, cloneElement as W, Fragment as N } from \"react\";\nimport G from \"sanitize-html\";\nimport { createStitches as K } from \"@stitches/react\";\nimport E from \"hls.js\";\nconst V = (e, t = \"none\") => {\n  if (!e)\n    return null;\n  if (typeof e == \"string\")\n    return [e];\n  if (!e[t]) {\n    const r = Object.getOwnPropertyNames(e);\n    if (r.length > 0)\n      return e[r[0]];\n  }\n  return !e[t] || !Array.isArray(e[t]) ? null : e[t];\n}, x = (e, t = \"none\", r = \", \") => {\n  const o = V(e, t);\n  return Array.isArray(o) ? o.join(`${r}`) : o;\n};\nfunction U(e) {\n  return { __html: B(e) };\n}\nfunction p(e, t) {\n  const r = Object.keys(e).filter(\n    (s) => t.includes(s) ? null : s\n  ), o = new Object();\n  return r.forEach((s) => {\n    o[s] = e[s];\n  }), o;\n}\nfunction B(e) {\n  return G(e, {\n    allowedAttributes: {\n      a: [\"href\"],\n      img: [\"alt\", \"src\", \"height\", \"width\"]\n    },\n    allowedSchemes: [\"http\", \"https\", \"mailto\"],\n    allowedTags: [\n      \"a\",\n      \"b\",\n      \"br\",\n      \"i\",\n      \"img\",\n      \"p\",\n      \"small\",\n      \"span\",\n      \"sub\",\n      \"sup\"\n    ]\n  });\n}\nconst A = 209, J = {\n  colors: {\n    /*\n     * Black and dark grays in a light theme.\n     * Must contrast to 4.5 or greater with `secondary`.\n     */\n    primary: \"#1a1d1e\",\n    primaryMuted: \"#26292b\",\n    primaryAlt: \"#151718\",\n    /*\n     * Key brand color(s).\n     * Must contrast to 4.5 or greater with `secondary`.\n     */\n    accent: `hsl(${A} 100% 38.2%)`,\n    accentMuted: `hsl(${A} 80% 61.8%)`,\n    accentAlt: `hsl(${A} 80% 30%)`,\n    /*\n     * White and light grays in a light theme.\n     * Must contrast to 4.5 or greater with `primary` and  `accent`.\n     */\n    secondary: \"#FFFFFF\",\n    secondaryMuted: \"#e6e8eb\",\n    secondaryAlt: \"#c1c8cd\"\n  },\n  fontSizes: {\n    1: \"12px\",\n    2: \"13px\",\n    3: \"15px\",\n    4: \"17px\",\n    5: \"19px\",\n    6: \"21px\",\n    7: \"27px\",\n    8: \"35px\",\n    9: \"59px\"\n  },\n  lineHeights: {\n    1: \"12px\",\n    2: \"13px\",\n    3: \"15px\",\n    4: \"17px\",\n    5: \"19px\",\n    6: \"21px\",\n    7: \"27px\",\n    8: \"35px\",\n    9: \"59px\"\n  },\n  sizes: {\n    1: \"5px\",\n    2: \"10px\",\n    3: \"15px\",\n    4: \"20px\",\n    5: \"25px\",\n    6: \"35px\",\n    7: \"45px\",\n    8: \"65px\",\n    9: \"80px\"\n  },\n  space: {\n    1: \"5px\",\n    2: \"10px\",\n    3: \"15px\",\n    4: \"20px\",\n    5: \"25px\",\n    6: \"35px\",\n    7: \"45px\",\n    8: \"65px\",\n    9: \"80px\"\n  },\n  radii: {\n    1: \"4px\",\n    2: \"6px\",\n    3: \"8px\",\n    4: \"12px\",\n    round: \"50%\",\n    pill: \"9999px\"\n  },\n  transitions: {\n    all: \"all 300ms cubic-bezier(0.16, 1, 0.3, 1)\"\n  },\n  zIndices: {\n    1: \"100\",\n    2: \"200\",\n    3: \"300\",\n    4: \"400\",\n    max: \"999\"\n  }\n}, Q = {\n  xxs: \"(max-width: 349px)\",\n  xs: \"(max-width: 575px)\",\n  sm: \"(max-width: 767px)\",\n  md: \"(max-width: 991px)\",\n  lg: \"(max-width: 90rem)\",\n  xl: \"(min-width: calc(90rem + 1px))\"\n}, { styled: d, css: Ae, keyframes: ke, createTheme: we } = K({\n  theme: J,\n  media: Q\n}), X = d(\"span\", {}), L = (e) => {\n  const { as: t, label: r } = e, s = p(e, [\"as\", \"label\"]);\n  return /* @__PURE__ */ a.createElement(X, { as: t, ...s }, x(r, s.lang));\n}, Y = (e, t = \"200,\", r = \"full\") => {\n  Array.isArray(e) && (e = e[0]);\n  const { id: o, service: s } = e;\n  let n;\n  if (!s)\n    return o;\n  if (Array.isArray(e.service) && e.service.length > 0 && (n = s[0]), n) {\n    if (n[\"@id\"])\n      return `${n[\"@id\"]}/${r}/${t}/0/default.jpg`;\n    if (n.id)\n      return `${n.id}/${r}/${t}/0/default.jpg`;\n  }\n}, O = d(\"img\", { objectFit: \"cover\" }), T = (e) => {\n  const t = D(null), { contentResource: r, altAsLabel: o, region: s = \"full\" } = e;\n  let n;\n  o && (n = x(o));\n  const u = p(e, [\"contentResource\", \"altAsLabel\"]), { type: f, id: c, width: b = 200, height: S = 200, duration: v } = r;\n  M(() => {\n    if (!c && !t.current || [\"Image\"].includes(f) || !c.includes(\"m3u8\"))\n      return;\n    const l = new E();\n    return t.current && (l.attachMedia(t.current), l.on(E.Events.MEDIA_ATTACHED, function() {\n      l.loadSource(c);\n    })), l.on(E.Events.ERROR, function(y, g) {\n      if (g.fatal)\n        switch (g.type) {\n          case E.ErrorTypes.NETWORK_ERROR:\n            console.error(\n              `fatal ${y} network error encountered, try to recover`\n            ), l.startLoad();\n            break;\n          case E.ErrorTypes.MEDIA_ERROR:\n            console.error(\n              `fatal ${y} media error encountered, try to recover`\n            ), l.recoverMediaError();\n            break;\n          default:\n            l.destroy();\n            break;\n        }\n    }), () => {\n      l && (l.detachMedia(), l.destroy());\n    };\n  }, [c, f]);\n  const h = z(() => {\n    if (!t.current)\n      return;\n    let l = 0, y = 30;\n    if (v && (y = v), !c.split(\"#t=\") && v && (l = v * 0.1), c.split(\"#t=\").pop()) {\n      const C = c.split(\"#t=\").pop();\n      C && (l = parseInt(C.split(\",\")[0]));\n    }\n    const g = t.current;\n    g.autoplay = !0, g.currentTime = l, setTimeout(() => h(), y * 1e3);\n  }, [v, c]);\n  M(() => h(), [h]);\n  const j = Y(\n    r,\n    `${b},${S}`,\n    s\n  );\n  switch (f) {\n    case \"Image\":\n      return /* @__PURE__ */ a.createElement(\n        O,\n        {\n          as: \"img\",\n          alt: n,\n          css: { width: b, height: S },\n          key: c,\n          src: j,\n          ...u\n        }\n      );\n    case \"Video\":\n      return /* @__PURE__ */ a.createElement(\n        O,\n        {\n          as: \"video\",\n          css: { width: b, height: S },\n          disablePictureInPicture: !0,\n          key: c,\n          loop: !0,\n          muted: !0,\n          onPause: h,\n          ref: t,\n          src: c\n        }\n      );\n    default:\n      return console.warn(\n        `Resource type: ${f} is not valid or not yet supported in Primitives.`\n      ), /* @__PURE__ */ a.createElement(a.Fragment, null);\n  }\n}, Z = d(\"a\", {}), ee = (e) => {\n  const { children: t, homepage: r } = e, s = p(e, [\"children\", \"homepage\"]);\n  return /* @__PURE__ */ a.createElement(a.Fragment, null, r && r.map((n) => {\n    const i = x(\n      n.label,\n      s.lang\n    );\n    return /* @__PURE__ */ a.createElement(\n      Z,\n      {\n        \"aria-label\": t ? i : void 0,\n        href: n.id,\n        key: n.id,\n        ...s\n      },\n      t || i\n    );\n  }));\n}, te = {\n  delimiter: \", \"\n}, k = q(void 0), F = () => {\n  const e = _(k);\n  if (e === void 0)\n    throw new Error(\n      \"usePrimitivesContext must be used with a PrimitivesProvider\"\n    );\n  return e;\n}, w = ({\n  children: e,\n  initialState: t = te\n}) => {\n  const r = re(t, \"delimiter\");\n  return /* @__PURE__ */ a.createElement(k.Provider, { value: { delimiter: r } }, e);\n}, re = (e, t) => Object.hasOwn(e, t) ? e[t].toString() : void 0, ne = d(\"span\", {}), $ = (e) => {\n  const { as: t, markup: r } = e, { delimiter: o } = F();\n  if (!r)\n    return /* @__PURE__ */ a.createElement(a.Fragment, null);\n  const n = p(e, [\"as\", \"markup\"]), i = U(\n    x(r, n.lang, o)\n  );\n  return /* @__PURE__ */ a.createElement(ne, { as: t, ...n, dangerouslySetInnerHTML: i });\n}, R = (e) => a.useContext(k) ? /* @__PURE__ */ a.createElement($, { ...e }) : /* @__PURE__ */ a.createElement(w, null, /* @__PURE__ */ a.createElement($, { ...e })), I = ({ as: e = \"dd\", lang: t, value: r }) => /* @__PURE__ */ a.createElement(R, { markup: r, as: e, lang: t }), ae = d(\"span\", {}), se = ({\n  as: e = \"dd\",\n  customValueContent: t,\n  lang: r,\n  value: o\n}) => {\n  var i;\n  const { delimiter: s } = F(), n = (i = V(o, r)) == null ? void 0 : i.map((u) => W(t, {\n    value: u\n  }));\n  return /* @__PURE__ */ a.createElement(ae, { as: e, lang: r }, n == null ? void 0 : n.map((u, f) => [\n    f > 0 && `${s}`,\n    /* @__PURE__ */ a.createElement(N, { key: f }, u)\n  ]));\n}, P = (e) => {\n  var u;\n  const { item: t, lang: r, customValueContent: o } = e, { label: s, value: n } = t, i = (u = x(s)) == null ? void 0 : u.replace(\" \", \"-\").toLowerCase();\n  return /* @__PURE__ */ a.createElement(\"div\", { role: \"group\", \"data-label\": i }, /* @__PURE__ */ a.createElement(L, { as: \"dt\", label: s, lang: r }), o ? /* @__PURE__ */ a.createElement(\n    se,\n    {\n      as: \"dd\",\n      customValueContent: o,\n      value: n,\n      lang: r\n    }\n  ) : /* @__PURE__ */ a.createElement(I, { as: \"dd\", value: n, lang: r }));\n}, H = (e, t) => Object.hasOwn(e, t) ? e[t].toString() : void 0;\nfunction oe(e, t) {\n  const r = t.filter((o) => {\n    const { matchingLabel: s } = o, n = Object.keys(o.matchingLabel)[0], i = x(s, n);\n    if (x(e, n) === i)\n      return !0;\n  }).map((o) => o.Content);\n  if (Array.isArray(r))\n    return r[0];\n}\nconst ie = d(\"dl\", {}), le = (e) => {\n  const { as: t, customValueContent: r, metadata: o } = e;\n  if (!Array.isArray(o))\n    return /* @__PURE__ */ a.createElement(a.Fragment, null);\n  const s = H(e, \"customValueDelimiter\"), i = p(e, [\n    \"as\",\n    \"customValueContent\",\n    \"customValueDelimiter\",\n    \"metadata\"\n  ]);\n  return /* @__PURE__ */ a.createElement(\n    w,\n    {\n      ...typeof s == \"string\" ? { initialState: { delimiter: s } } : void 0\n    },\n    o.length > 0 && /* @__PURE__ */ a.createElement(ie, { as: t, ...i }, o.map((u, f) => {\n      const c = r ? oe(u.label, r) : void 0;\n      return /* @__PURE__ */ a.createElement(\n        P,\n        {\n          customValueContent: c,\n          item: u,\n          key: f,\n          lang: i == null ? void 0 : i.lang\n        }\n      );\n    }))\n  );\n}, ce = d(\"li\", {}), me = d(\"ul\", {}), ue = (e) => {\n  const { as: t, partOf: r } = e, s = p(e, [\"as\", \"partOf\"]);\n  return /* @__PURE__ */ a.createElement(me, { as: t }, r && r.map((n) => {\n    const i = n.label ? x(n.label, s.lang) : void 0;\n    return /* @__PURE__ */ a.createElement(ce, { key: n.id }, /* @__PURE__ */ a.createElement(\"a\", { href: n.id, ...s }, i || n.id));\n  }));\n}, de = d(\"dl\", {}), pe = (e) => {\n  const { as: t, requiredStatement: r } = e;\n  if (!r)\n    return /* @__PURE__ */ a.createElement(a.Fragment, null);\n  const o = H(e, \"customValueDelimiter\"), n = p(e, [\"as\", \"customValueDelimiter\", \"requiredStatement\"]);\n  return /* @__PURE__ */ a.createElement(\n    w,\n    {\n      ...typeof o == \"string\" ? { initialState: { delimiter: o } } : void 0\n    },\n    /* @__PURE__ */ a.createElement(de, { as: t, ...n }, /* @__PURE__ */ a.createElement(P, { item: r, lang: n.lang }))\n  );\n}, fe = d(\"li\", {}), xe = d(\"ul\", {}), ve = (e) => {\n  const { as: t, seeAlso: r } = e, s = p(e, [\"as\", \"seeAlso\"]);\n  return /* @__PURE__ */ a.createElement(xe, { as: t }, r && r.map((n) => {\n    const i = x(\n      n.label,\n      s.lang\n    );\n    return /* @__PURE__ */ a.createElement(fe, { key: n.id }, /* @__PURE__ */ a.createElement(\"a\", { href: n.id, ...s }, i || n.id));\n  }));\n}, ye = (e) => {\n  const { as: t, summary: r } = e, s = p(e, [\"as\", \"customValueDelimiter\", \"summary\"]);\n  return /* @__PURE__ */ a.createElement(R, { as: t, markup: r, ...s });\n}, ge = (e) => {\n  const { thumbnail: t, region: r } = e, s = p(e, [\"thumbnail\"]);\n  return /* @__PURE__ */ a.createElement(a.Fragment, null, t && t.map((n) => /* @__PURE__ */ a.createElement(\n    T,\n    {\n      contentResource: n,\n      key: n.id,\n      region: r,\n      ...s\n    }\n  )));\n}, m = () => (console.log(\"Use dot notation to access Primitives.*, ex: Primitives.Label\"), null);\nm.ContentResource = T;\nm.Homepage = ee;\nm.Label = L;\nm.Markup = R;\nm.Metadata = le;\nm.MetadataItem = P;\nm.PartOf = ue;\nm.RequiredStatement = pe;\nm.SeeAlso = ve;\nm.Summary = ye;\nm.Thumbnail = ge;\nm.Value = I;\nexport {\n  T as ContentResource,\n  ee as Homepage,\n  L as Label,\n  R as Markup,\n  le as Metadata,\n  P as MetadataItem,\n  ue as PartOf,\n  pe as RequiredStatement,\n  ve as SeeAlso,\n  ye as Summary,\n  ge as Thumbnail,\n  I as Value,\n  m as default\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["V","x","o","p","s","A","J","Q","d","Ae","ke","we","K","Y","n","O","T","D","u","f","c","b","S","v","M","l","E","y","g","h","z","C","j","a","q","ge"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es59.js","sources":["../../../node_modules/react-window/dist/index.esm.js"],"sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport memoizeOne from 'memoize-one';\nimport { createElement, PureComponent } from 'react';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\n\n// Animation frame based implementation of setTimeout.\n// Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js\nvar hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';\nvar now = hasNativePerformanceNow ? function () {\n  return performance.now();\n} : function () {\n  return Date.now();\n};\nfunction cancelTimeout(timeoutID) {\n  cancelAnimationFrame(timeoutID.id);\n}\nfunction requestTimeout(callback, delay) {\n  var start = now();\n\n  function tick() {\n    if (now() - start >= delay) {\n      callback.call(null);\n    } else {\n      timeoutID.id = requestAnimationFrame(tick);\n    }\n  }\n\n  var timeoutID = {\n    id: requestAnimationFrame(tick)\n  };\n  return timeoutID;\n}\n\nvar size = -1; // This utility copied from \"dom-helpers\" package.\n\nfunction getScrollbarSize(recalculate) {\n  if (recalculate === void 0) {\n    recalculate = false;\n  }\n\n  if (size === -1 || recalculate) {\n    var div = document.createElement('div');\n    var style = div.style;\n    style.width = '50px';\n    style.height = '50px';\n    style.overflow = 'scroll';\n    document.body.appendChild(div);\n    size = div.offsetWidth - div.clientWidth;\n    document.body.removeChild(div);\n  }\n\n  return size;\n}\nvar cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.\n// The safest way to check this is to intentionally set a negative offset,\n// and then verify that the subsequent \"scroll\" event matches the negative offset.\n// If it does not match, then we can assume a non-standard RTL scroll implementation.\n\nfunction getRTLOffsetType(recalculate) {\n  if (recalculate === void 0) {\n    recalculate = false;\n  }\n\n  if (cachedRTLResult === null || recalculate) {\n    var outerDiv = document.createElement('div');\n    var outerStyle = outerDiv.style;\n    outerStyle.width = '50px';\n    outerStyle.height = '50px';\n    outerStyle.overflow = 'scroll';\n    outerStyle.direction = 'rtl';\n    var innerDiv = document.createElement('div');\n    var innerStyle = innerDiv.style;\n    innerStyle.width = '100px';\n    innerStyle.height = '100px';\n    outerDiv.appendChild(innerDiv);\n    document.body.appendChild(outerDiv);\n\n    if (outerDiv.scrollLeft > 0) {\n      cachedRTLResult = 'positive-descending';\n    } else {\n      outerDiv.scrollLeft = 1;\n\n      if (outerDiv.scrollLeft === 0) {\n        cachedRTLResult = 'negative';\n      } else {\n        cachedRTLResult = 'positive-ascending';\n      }\n    }\n\n    document.body.removeChild(outerDiv);\n    return cachedRTLResult;\n  }\n\n  return cachedRTLResult;\n}\n\nvar IS_SCROLLING_DEBOUNCE_INTERVAL = 150;\n\nvar defaultItemKey = function defaultItemKey(_ref) {\n  var columnIndex = _ref.columnIndex,\n      data = _ref.data,\n      rowIndex = _ref.rowIndex;\n  return rowIndex + \":\" + columnIndex;\n}; // In DEV mode, this Set helps us only log a warning once per component instance.\n// This avoids spamming the console every time a render happens.\n\n\nvar devWarningsOverscanCount = null;\nvar devWarningsOverscanRowsColumnsCount = null;\nvar devWarningsTagName = null;\n\nif (process.env.NODE_ENV !== 'production') {\n  if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {\n    devWarningsOverscanCount = /*#__PURE__*/new WeakSet();\n    devWarningsOverscanRowsColumnsCount = /*#__PURE__*/new WeakSet();\n    devWarningsTagName = /*#__PURE__*/new WeakSet();\n  }\n}\n\nfunction createGridComponent(_ref2) {\n  var _class;\n\n  var getColumnOffset = _ref2.getColumnOffset,\n      getColumnStartIndexForOffset = _ref2.getColumnStartIndexForOffset,\n      getColumnStopIndexForStartIndex = _ref2.getColumnStopIndexForStartIndex,\n      getColumnWidth = _ref2.getColumnWidth,\n      getEstimatedTotalHeight = _ref2.getEstimatedTotalHeight,\n      getEstimatedTotalWidth = _ref2.getEstimatedTotalWidth,\n      getOffsetForColumnAndAlignment = _ref2.getOffsetForColumnAndAlignment,\n      getOffsetForRowAndAlignment = _ref2.getOffsetForRowAndAlignment,\n      getRowHeight = _ref2.getRowHeight,\n      getRowOffset = _ref2.getRowOffset,\n      getRowStartIndexForOffset = _ref2.getRowStartIndexForOffset,\n      getRowStopIndexForStartIndex = _ref2.getRowStopIndexForStartIndex,\n      initInstanceProps = _ref2.initInstanceProps,\n      shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,\n      validateProps = _ref2.validateProps;\n  return _class = /*#__PURE__*/function (_PureComponent) {\n    _inheritsLoose(Grid, _PureComponent);\n\n    // Always use explicit constructor for React components.\n    // It produces less code after transpilation. (#26)\n    // eslint-disable-next-line no-useless-constructor\n    function Grid(props) {\n      var _this;\n\n      _this = _PureComponent.call(this, props) || this;\n      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));\n      _this._resetIsScrollingTimeoutId = null;\n      _this._outerRef = void 0;\n      _this.state = {\n        instance: _assertThisInitialized(_this),\n        isScrolling: false,\n        horizontalScrollDirection: 'forward',\n        scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,\n        scrollTop: typeof _this.props.initialScrollTop === 'number' ? _this.props.initialScrollTop : 0,\n        scrollUpdateWasRequested: false,\n        verticalScrollDirection: 'forward'\n      };\n      _this._callOnItemsRendered = void 0;\n      _this._callOnItemsRendered = memoizeOne(function (overscanColumnStartIndex, overscanColumnStopIndex, overscanRowStartIndex, overscanRowStopIndex, visibleColumnStartIndex, visibleColumnStopIndex, visibleRowStartIndex, visibleRowStopIndex) {\n        return _this.props.onItemsRendered({\n          overscanColumnStartIndex: overscanColumnStartIndex,\n          overscanColumnStopIndex: overscanColumnStopIndex,\n          overscanRowStartIndex: overscanRowStartIndex,\n          overscanRowStopIndex: overscanRowStopIndex,\n          visibleColumnStartIndex: visibleColumnStartIndex,\n          visibleColumnStopIndex: visibleColumnStopIndex,\n          visibleRowStartIndex: visibleRowStartIndex,\n          visibleRowStopIndex: visibleRowStopIndex\n        });\n      });\n      _this._callOnScroll = void 0;\n      _this._callOnScroll = memoizeOne(function (scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested) {\n        return _this.props.onScroll({\n          horizontalScrollDirection: horizontalScrollDirection,\n          scrollLeft: scrollLeft,\n          scrollTop: scrollTop,\n          verticalScrollDirection: verticalScrollDirection,\n          scrollUpdateWasRequested: scrollUpdateWasRequested\n        });\n      });\n      _this._getItemStyle = void 0;\n\n      _this._getItemStyle = function (rowIndex, columnIndex) {\n        var _this$props = _this.props,\n            columnWidth = _this$props.columnWidth,\n            direction = _this$props.direction,\n            rowHeight = _this$props.rowHeight;\n\n        var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && columnWidth, shouldResetStyleCacheOnItemSizeChange && direction, shouldResetStyleCacheOnItemSizeChange && rowHeight);\n\n        var key = rowIndex + \":\" + columnIndex;\n        var style;\n\n        if (itemStyleCache.hasOwnProperty(key)) {\n          style = itemStyleCache[key];\n        } else {\n          var _offset = getColumnOffset(_this.props, columnIndex, _this._instanceProps);\n\n          var isRtl = direction === 'rtl';\n          itemStyleCache[key] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : _offset,\n            right: isRtl ? _offset : undefined,\n            top: getRowOffset(_this.props, rowIndex, _this._instanceProps),\n            height: getRowHeight(_this.props, rowIndex, _this._instanceProps),\n            width: getColumnWidth(_this.props, columnIndex, _this._instanceProps)\n          };\n        }\n\n        return style;\n      };\n\n      _this._getItemStyleCache = void 0;\n      _this._getItemStyleCache = memoizeOne(function (_, __, ___) {\n        return {};\n      });\n\n      _this._onScroll = function (event) {\n        var _event$currentTarget = event.currentTarget,\n            clientHeight = _event$currentTarget.clientHeight,\n            clientWidth = _event$currentTarget.clientWidth,\n            scrollLeft = _event$currentTarget.scrollLeft,\n            scrollTop = _event$currentTarget.scrollTop,\n            scrollHeight = _event$currentTarget.scrollHeight,\n            scrollWidth = _event$currentTarget.scrollWidth;\n\n        _this.setState(function (prevState) {\n          if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {\n            // Scroll position may have been updated by cDM/cDU,\n            // In which case we don't need to trigger another render,\n            // And we don't want to update state.isScrolling.\n            return null;\n          }\n\n          var direction = _this.props.direction; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n          // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n          // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n          // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n\n          var calculatedScrollLeft = scrollLeft;\n\n          if (direction === 'rtl') {\n            switch (getRTLOffsetType()) {\n              case 'negative':\n                calculatedScrollLeft = -scrollLeft;\n                break;\n\n              case 'positive-descending':\n                calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n                break;\n            }\n          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n\n\n          calculatedScrollLeft = Math.max(0, Math.min(calculatedScrollLeft, scrollWidth - clientWidth));\n          var calculatedScrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n          return {\n            isScrolling: true,\n            horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',\n            scrollLeft: calculatedScrollLeft,\n            scrollTop: calculatedScrollTop,\n            verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward',\n            scrollUpdateWasRequested: false\n          };\n        }, _this._resetIsScrollingDebounced);\n      };\n\n      _this._outerRefSetter = function (ref) {\n        var outerRef = _this.props.outerRef;\n        _this._outerRef = ref;\n\n        if (typeof outerRef === 'function') {\n          outerRef(ref);\n        } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {\n          outerRef.current = ref;\n        }\n      };\n\n      _this._resetIsScrollingDebounced = function () {\n        if (_this._resetIsScrollingTimeoutId !== null) {\n          cancelTimeout(_this._resetIsScrollingTimeoutId);\n        }\n\n        _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL);\n      };\n\n      _this._resetIsScrolling = function () {\n        _this._resetIsScrollingTimeoutId = null;\n\n        _this.setState({\n          isScrolling: false\n        }, function () {\n          // Clear style cache after state update has been committed.\n          // This way we don't break pure sCU for items that don't use isScrolling param.\n          _this._getItemStyleCache(-1);\n        });\n      };\n\n      return _this;\n    }\n\n    Grid.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n      validateSharedProps(nextProps, prevState);\n      validateProps(nextProps);\n      return null;\n    };\n\n    var _proto = Grid.prototype;\n\n    _proto.scrollTo = function scrollTo(_ref3) {\n      var scrollLeft = _ref3.scrollLeft,\n          scrollTop = _ref3.scrollTop;\n\n      if (scrollLeft !== undefined) {\n        scrollLeft = Math.max(0, scrollLeft);\n      }\n\n      if (scrollTop !== undefined) {\n        scrollTop = Math.max(0, scrollTop);\n      }\n\n      this.setState(function (prevState) {\n        if (scrollLeft === undefined) {\n          scrollLeft = prevState.scrollLeft;\n        }\n\n        if (scrollTop === undefined) {\n          scrollTop = prevState.scrollTop;\n        }\n\n        if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {\n          return null;\n        }\n\n        return {\n          horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',\n          scrollLeft: scrollLeft,\n          scrollTop: scrollTop,\n          scrollUpdateWasRequested: true,\n          verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward'\n        };\n      }, this._resetIsScrollingDebounced);\n    };\n\n    _proto.scrollToItem = function scrollToItem(_ref4) {\n      var _ref4$align = _ref4.align,\n          align = _ref4$align === void 0 ? 'auto' : _ref4$align,\n          columnIndex = _ref4.columnIndex,\n          rowIndex = _ref4.rowIndex;\n      var _this$props2 = this.props,\n          columnCount = _this$props2.columnCount,\n          height = _this$props2.height,\n          rowCount = _this$props2.rowCount,\n          width = _this$props2.width;\n      var _this$state = this.state,\n          scrollLeft = _this$state.scrollLeft,\n          scrollTop = _this$state.scrollTop;\n      var scrollbarSize = getScrollbarSize();\n\n      if (columnIndex !== undefined) {\n        columnIndex = Math.max(0, Math.min(columnIndex, columnCount - 1));\n      }\n\n      if (rowIndex !== undefined) {\n        rowIndex = Math.max(0, Math.min(rowIndex, rowCount - 1));\n      }\n\n      var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);\n      var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps); // The scrollbar size should be considered when scrolling an item into view,\n      // to ensure it's fully visible.\n      // But we only need to account for its size when it's actually visible.\n\n      var horizontalScrollbarSize = estimatedTotalWidth > width ? scrollbarSize : 0;\n      var verticalScrollbarSize = estimatedTotalHeight > height ? scrollbarSize : 0;\n      this.scrollTo({\n        scrollLeft: columnIndex !== undefined ? getOffsetForColumnAndAlignment(this.props, columnIndex, align, scrollLeft, this._instanceProps, verticalScrollbarSize) : scrollLeft,\n        scrollTop: rowIndex !== undefined ? getOffsetForRowAndAlignment(this.props, rowIndex, align, scrollTop, this._instanceProps, horizontalScrollbarSize) : scrollTop\n      });\n    };\n\n    _proto.componentDidMount = function componentDidMount() {\n      var _this$props3 = this.props,\n          initialScrollLeft = _this$props3.initialScrollLeft,\n          initialScrollTop = _this$props3.initialScrollTop;\n\n      if (this._outerRef != null) {\n        var outerRef = this._outerRef;\n\n        if (typeof initialScrollLeft === 'number') {\n          outerRef.scrollLeft = initialScrollLeft;\n        }\n\n        if (typeof initialScrollTop === 'number') {\n          outerRef.scrollTop = initialScrollTop;\n        }\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentDidUpdate = function componentDidUpdate() {\n      var direction = this.props.direction;\n      var _this$state2 = this.state,\n          scrollLeft = _this$state2.scrollLeft,\n          scrollTop = _this$state2.scrollTop,\n          scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;\n\n      if (scrollUpdateWasRequested && this._outerRef != null) {\n        // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n        // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n        // So we need to determine which browser behavior we're dealing with, and mimic it.\n        var outerRef = this._outerRef;\n\n        if (direction === 'rtl') {\n          switch (getRTLOffsetType()) {\n            case 'negative':\n              outerRef.scrollLeft = -scrollLeft;\n              break;\n\n            case 'positive-ascending':\n              outerRef.scrollLeft = scrollLeft;\n              break;\n\n            default:\n              var clientWidth = outerRef.clientWidth,\n                  scrollWidth = outerRef.scrollWidth;\n              outerRef.scrollLeft = scrollWidth - clientWidth - scrollLeft;\n              break;\n          }\n        } else {\n          outerRef.scrollLeft = Math.max(0, scrollLeft);\n        }\n\n        outerRef.scrollTop = Math.max(0, scrollTop);\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentWillUnmount = function componentWillUnmount() {\n      if (this._resetIsScrollingTimeoutId !== null) {\n        cancelTimeout(this._resetIsScrollingTimeoutId);\n      }\n    };\n\n    _proto.render = function render() {\n      var _this$props4 = this.props,\n          children = _this$props4.children,\n          className = _this$props4.className,\n          columnCount = _this$props4.columnCount,\n          direction = _this$props4.direction,\n          height = _this$props4.height,\n          innerRef = _this$props4.innerRef,\n          innerElementType = _this$props4.innerElementType,\n          innerTagName = _this$props4.innerTagName,\n          itemData = _this$props4.itemData,\n          _this$props4$itemKey = _this$props4.itemKey,\n          itemKey = _this$props4$itemKey === void 0 ? defaultItemKey : _this$props4$itemKey,\n          outerElementType = _this$props4.outerElementType,\n          outerTagName = _this$props4.outerTagName,\n          rowCount = _this$props4.rowCount,\n          style = _this$props4.style,\n          useIsScrolling = _this$props4.useIsScrolling,\n          width = _this$props4.width;\n      var isScrolling = this.state.isScrolling;\n\n      var _this$_getHorizontalR = this._getHorizontalRangeToRender(),\n          columnStartIndex = _this$_getHorizontalR[0],\n          columnStopIndex = _this$_getHorizontalR[1];\n\n      var _this$_getVerticalRan = this._getVerticalRangeToRender(),\n          rowStartIndex = _this$_getVerticalRan[0],\n          rowStopIndex = _this$_getVerticalRan[1];\n\n      var items = [];\n\n      if (columnCount > 0 && rowCount) {\n        for (var _rowIndex = rowStartIndex; _rowIndex <= rowStopIndex; _rowIndex++) {\n          for (var _columnIndex = columnStartIndex; _columnIndex <= columnStopIndex; _columnIndex++) {\n            items.push(createElement(children, {\n              columnIndex: _columnIndex,\n              data: itemData,\n              isScrolling: useIsScrolling ? isScrolling : undefined,\n              key: itemKey({\n                columnIndex: _columnIndex,\n                data: itemData,\n                rowIndex: _rowIndex\n              }),\n              rowIndex: _rowIndex,\n              style: this._getItemStyle(_rowIndex, _columnIndex)\n            }));\n          }\n        }\n      } // Read this value AFTER items have been created,\n      // So their actual sizes (if variable) are taken into consideration.\n\n\n      var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);\n      var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps);\n      return createElement(outerElementType || outerTagName || 'div', {\n        className: className,\n        onScroll: this._onScroll,\n        ref: this._outerRefSetter,\n        style: _extends({\n          position: 'relative',\n          height: height,\n          width: width,\n          overflow: 'auto',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n          direction: direction\n        }, style)\n      }, createElement(innerElementType || innerTagName || 'div', {\n        children: items,\n        ref: innerRef,\n        style: {\n          height: estimatedTotalHeight,\n          pointerEvents: isScrolling ? 'none' : undefined,\n          width: estimatedTotalWidth\n        }\n      }));\n    };\n\n    _proto._callPropsCallbacks = function _callPropsCallbacks() {\n      var _this$props5 = this.props,\n          columnCount = _this$props5.columnCount,\n          onItemsRendered = _this$props5.onItemsRendered,\n          onScroll = _this$props5.onScroll,\n          rowCount = _this$props5.rowCount;\n\n      if (typeof onItemsRendered === 'function') {\n        if (columnCount > 0 && rowCount > 0) {\n          var _this$_getHorizontalR2 = this._getHorizontalRangeToRender(),\n              _overscanColumnStartIndex = _this$_getHorizontalR2[0],\n              _overscanColumnStopIndex = _this$_getHorizontalR2[1],\n              _visibleColumnStartIndex = _this$_getHorizontalR2[2],\n              _visibleColumnStopIndex = _this$_getHorizontalR2[3];\n\n          var _this$_getVerticalRan2 = this._getVerticalRangeToRender(),\n              _overscanRowStartIndex = _this$_getVerticalRan2[0],\n              _overscanRowStopIndex = _this$_getVerticalRan2[1],\n              _visibleRowStartIndex = _this$_getVerticalRan2[2],\n              _visibleRowStopIndex = _this$_getVerticalRan2[3];\n\n          this._callOnItemsRendered(_overscanColumnStartIndex, _overscanColumnStopIndex, _overscanRowStartIndex, _overscanRowStopIndex, _visibleColumnStartIndex, _visibleColumnStopIndex, _visibleRowStartIndex, _visibleRowStopIndex);\n        }\n      }\n\n      if (typeof onScroll === 'function') {\n        var _this$state3 = this.state,\n            _horizontalScrollDirection = _this$state3.horizontalScrollDirection,\n            _scrollLeft = _this$state3.scrollLeft,\n            _scrollTop = _this$state3.scrollTop,\n            _scrollUpdateWasRequested = _this$state3.scrollUpdateWasRequested,\n            _verticalScrollDirection = _this$state3.verticalScrollDirection;\n\n        this._callOnScroll(_scrollLeft, _scrollTop, _horizontalScrollDirection, _verticalScrollDirection, _scrollUpdateWasRequested);\n      }\n    } // Lazily create and cache item styles while scrolling,\n    // So that pure component sCU will prevent re-renders.\n    // We maintain this cache, and pass a style prop rather than index,\n    // So that List can clear cached styles and force item re-render if necessary.\n    ;\n\n    _proto._getHorizontalRangeToRender = function _getHorizontalRangeToRender() {\n      var _this$props6 = this.props,\n          columnCount = _this$props6.columnCount,\n          overscanColumnCount = _this$props6.overscanColumnCount,\n          overscanColumnsCount = _this$props6.overscanColumnsCount,\n          overscanCount = _this$props6.overscanCount,\n          rowCount = _this$props6.rowCount;\n      var _this$state4 = this.state,\n          horizontalScrollDirection = _this$state4.horizontalScrollDirection,\n          isScrolling = _this$state4.isScrolling,\n          scrollLeft = _this$state4.scrollLeft;\n      var overscanCountResolved = overscanColumnCount || overscanColumnsCount || overscanCount || 1;\n\n      if (columnCount === 0 || rowCount === 0) {\n        return [0, 0, 0, 0];\n      }\n\n      var startIndex = getColumnStartIndexForOffset(this.props, scrollLeft, this._instanceProps);\n      var stopIndex = getColumnStopIndexForStartIndex(this.props, startIndex, scrollLeft, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.\n      // If there isn't at least one extra item, tab loops back around.\n\n      var overscanBackward = !isScrolling || horizontalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;\n      var overscanForward = !isScrolling || horizontalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;\n      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(columnCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];\n    };\n\n    _proto._getVerticalRangeToRender = function _getVerticalRangeToRender() {\n      var _this$props7 = this.props,\n          columnCount = _this$props7.columnCount,\n          overscanCount = _this$props7.overscanCount,\n          overscanRowCount = _this$props7.overscanRowCount,\n          overscanRowsCount = _this$props7.overscanRowsCount,\n          rowCount = _this$props7.rowCount;\n      var _this$state5 = this.state,\n          isScrolling = _this$state5.isScrolling,\n          verticalScrollDirection = _this$state5.verticalScrollDirection,\n          scrollTop = _this$state5.scrollTop;\n      var overscanCountResolved = overscanRowCount || overscanRowsCount || overscanCount || 1;\n\n      if (columnCount === 0 || rowCount === 0) {\n        return [0, 0, 0, 0];\n      }\n\n      var startIndex = getRowStartIndexForOffset(this.props, scrollTop, this._instanceProps);\n      var stopIndex = getRowStopIndexForStartIndex(this.props, startIndex, scrollTop, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.\n      // If there isn't at least one extra item, tab loops back around.\n\n      var overscanBackward = !isScrolling || verticalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;\n      var overscanForward = !isScrolling || verticalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;\n      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(rowCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];\n    };\n\n    return Grid;\n  }(PureComponent), _class.defaultProps = {\n    direction: 'ltr',\n    itemData: undefined,\n    useIsScrolling: false\n  }, _class;\n}\n\nvar validateSharedProps = function validateSharedProps(_ref5, _ref6) {\n  var children = _ref5.children,\n      direction = _ref5.direction,\n      height = _ref5.height,\n      innerTagName = _ref5.innerTagName,\n      outerTagName = _ref5.outerTagName,\n      overscanColumnsCount = _ref5.overscanColumnsCount,\n      overscanCount = _ref5.overscanCount,\n      overscanRowsCount = _ref5.overscanRowsCount,\n      width = _ref5.width;\n  var instance = _ref6.instance;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof overscanCount === 'number') {\n      if (devWarningsOverscanCount && !devWarningsOverscanCount.has(instance)) {\n        devWarningsOverscanCount.add(instance);\n        console.warn('The overscanCount prop has been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n      }\n    }\n\n    if (typeof overscanColumnsCount === 'number' || typeof overscanRowsCount === 'number') {\n      if (devWarningsOverscanRowsColumnsCount && !devWarningsOverscanRowsColumnsCount.has(instance)) {\n        devWarningsOverscanRowsColumnsCount.add(instance);\n        console.warn('The overscanColumnsCount and overscanRowsCount props have been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n      }\n    }\n\n    if (innerTagName != null || outerTagName != null) {\n      if (devWarningsTagName && !devWarningsTagName.has(instance)) {\n        devWarningsTagName.add(instance);\n        console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');\n      }\n    }\n\n    if (children == null) {\n      throw Error('An invalid \"children\" prop has been specified. ' + 'Value should be a React component. ' + (\"\\\"\" + (children === null ? 'null' : typeof children) + \"\\\" was specified.\"));\n    }\n\n    switch (direction) {\n      case 'ltr':\n      case 'rtl':\n        // Valid values\n        break;\n\n      default:\n        throw Error('An invalid \"direction\" prop has been specified. ' + 'Value should be either \"ltr\" or \"rtl\". ' + (\"\\\"\" + direction + \"\\\" was specified.\"));\n    }\n\n    if (typeof width !== 'number') {\n      throw Error('An invalid \"width\" prop has been specified. ' + 'Grids must specify a number for width. ' + (\"\\\"\" + (width === null ? 'null' : typeof width) + \"\\\" was specified.\"));\n    }\n\n    if (typeof height !== 'number') {\n      throw Error('An invalid \"height\" prop has been specified. ' + 'Grids must specify a number for height. ' + (\"\\\"\" + (height === null ? 'null' : typeof height) + \"\\\" was specified.\"));\n    }\n  }\n};\n\nvar DEFAULT_ESTIMATED_ITEM_SIZE = 50;\n\nvar getEstimatedTotalHeight = function getEstimatedTotalHeight(_ref, _ref2) {\n  var rowCount = _ref.rowCount;\n  var rowMetadataMap = _ref2.rowMetadataMap,\n      estimatedRowHeight = _ref2.estimatedRowHeight,\n      lastMeasuredRowIndex = _ref2.lastMeasuredRowIndex;\n  var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.\n  // https://github.com/bvaughn/react-window/pull/138\n\n  if (lastMeasuredRowIndex >= rowCount) {\n    lastMeasuredRowIndex = rowCount - 1;\n  }\n\n  if (lastMeasuredRowIndex >= 0) {\n    var itemMetadata = rowMetadataMap[lastMeasuredRowIndex];\n    totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;\n  }\n\n  var numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;\n  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;\n  return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;\n};\n\nvar getEstimatedTotalWidth = function getEstimatedTotalWidth(_ref3, _ref4) {\n  var columnCount = _ref3.columnCount;\n  var columnMetadataMap = _ref4.columnMetadataMap,\n      estimatedColumnWidth = _ref4.estimatedColumnWidth,\n      lastMeasuredColumnIndex = _ref4.lastMeasuredColumnIndex;\n  var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.\n  // https://github.com/bvaughn/react-window/pull/138\n\n  if (lastMeasuredColumnIndex >= columnCount) {\n    lastMeasuredColumnIndex = columnCount - 1;\n  }\n\n  if (lastMeasuredColumnIndex >= 0) {\n    var itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];\n    totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;\n  }\n\n  var numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;\n  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;\n  return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;\n};\n\nvar getItemMetadata = function getItemMetadata(itemType, props, index, instanceProps) {\n  var itemMetadataMap, itemSize, lastMeasuredIndex;\n\n  if (itemType === 'column') {\n    itemMetadataMap = instanceProps.columnMetadataMap;\n    itemSize = props.columnWidth;\n    lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;\n  } else {\n    itemMetadataMap = instanceProps.rowMetadataMap;\n    itemSize = props.rowHeight;\n    lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;\n  }\n\n  if (index > lastMeasuredIndex) {\n    var offset = 0;\n\n    if (lastMeasuredIndex >= 0) {\n      var itemMetadata = itemMetadataMap[lastMeasuredIndex];\n      offset = itemMetadata.offset + itemMetadata.size;\n    }\n\n    for (var i = lastMeasuredIndex + 1; i <= index; i++) {\n      var size = itemSize(i);\n      itemMetadataMap[i] = {\n        offset: offset,\n        size: size\n      };\n      offset += size;\n    }\n\n    if (itemType === 'column') {\n      instanceProps.lastMeasuredColumnIndex = index;\n    } else {\n      instanceProps.lastMeasuredRowIndex = index;\n    }\n  }\n\n  return itemMetadataMap[index];\n};\n\nvar findNearestItem = function findNearestItem(itemType, props, instanceProps, offset) {\n  var itemMetadataMap, lastMeasuredIndex;\n\n  if (itemType === 'column') {\n    itemMetadataMap = instanceProps.columnMetadataMap;\n    lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;\n  } else {\n    itemMetadataMap = instanceProps.rowMetadataMap;\n    lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;\n  }\n\n  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;\n\n  if (lastMeasuredItemOffset >= offset) {\n    // If we've already measured items within this range just use a binary search as it's faster.\n    return findNearestItemBinarySearch(itemType, props, instanceProps, lastMeasuredIndex, 0, offset);\n  } else {\n    // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.\n    // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.\n    // The overall complexity for this approach is O(log n).\n    return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);\n  }\n};\n\nvar findNearestItemBinarySearch = function findNearestItemBinarySearch(itemType, props, instanceProps, high, low, offset) {\n  while (low <= high) {\n    var middle = low + Math.floor((high - low) / 2);\n    var currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;\n\n    if (currentOffset === offset) {\n      return middle;\n    } else if (currentOffset < offset) {\n      low = middle + 1;\n    } else if (currentOffset > offset) {\n      high = middle - 1;\n    }\n  }\n\n  if (low > 0) {\n    return low - 1;\n  } else {\n    return 0;\n  }\n};\n\nvar findNearestItemExponentialSearch = function findNearestItemExponentialSearch(itemType, props, instanceProps, index, offset) {\n  var itemCount = itemType === 'column' ? props.columnCount : props.rowCount;\n  var interval = 1;\n\n  while (index < itemCount && getItemMetadata(itemType, props, index, instanceProps).offset < offset) {\n    index += interval;\n    interval *= 2;\n  }\n\n  return findNearestItemBinarySearch(itemType, props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);\n};\n\nvar getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n  var size = itemType === 'column' ? props.width : props.height;\n  var itemMetadata = getItemMetadata(itemType, props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,\n  // To ensure it reflects actual measurements instead of just estimates.\n\n  var estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);\n  var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));\n  var minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);\n\n  if (align === 'smart') {\n    if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {\n      align = 'auto';\n    } else {\n      align = 'center';\n    }\n  }\n\n  switch (align) {\n    case 'start':\n      return maxOffset;\n\n    case 'end':\n      return minOffset;\n\n    case 'center':\n      return Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n    case 'auto':\n    default:\n      if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n        return scrollOffset;\n      } else if (minOffset > maxOffset) {\n        // Because we only take into account the scrollbar size when calculating minOffset\n        // this value can be larger than maxOffset when at the end of the list\n        return minOffset;\n      } else if (scrollOffset < minOffset) {\n        return minOffset;\n      } else {\n        return maxOffset;\n      }\n\n  }\n};\n\nvar VariableSizeGrid = /*#__PURE__*/createGridComponent({\n  getColumnOffset: function getColumnOffset(props, index, instanceProps) {\n    return getItemMetadata('column', props, index, instanceProps).offset;\n  },\n  getColumnStartIndexForOffset: function getColumnStartIndexForOffset(props, scrollLeft, instanceProps) {\n    return findNearestItem('column', props, instanceProps, scrollLeft);\n  },\n  getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(props, startIndex, scrollLeft, instanceProps) {\n    var columnCount = props.columnCount,\n        width = props.width;\n    var itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);\n    var maxOffset = scrollLeft + width;\n    var offset = itemMetadata.offset + itemMetadata.size;\n    var stopIndex = startIndex;\n\n    while (stopIndex < columnCount - 1 && offset < maxOffset) {\n      stopIndex++;\n      offset += getItemMetadata('column', props, stopIndex, instanceProps).size;\n    }\n\n    return stopIndex;\n  },\n  getColumnWidth: function getColumnWidth(props, index, instanceProps) {\n    return instanceProps.columnMetadataMap[index].size;\n  },\n  getEstimatedTotalHeight: getEstimatedTotalHeight,\n  getEstimatedTotalWidth: getEstimatedTotalWidth,\n  getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    return getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize);\n  },\n  getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    return getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize);\n  },\n  getRowOffset: function getRowOffset(props, index, instanceProps) {\n    return getItemMetadata('row', props, index, instanceProps).offset;\n  },\n  getRowHeight: function getRowHeight(props, index, instanceProps) {\n    return instanceProps.rowMetadataMap[index].size;\n  },\n  getRowStartIndexForOffset: function getRowStartIndexForOffset(props, scrollTop, instanceProps) {\n    return findNearestItem('row', props, instanceProps, scrollTop);\n  },\n  getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(props, startIndex, scrollTop, instanceProps) {\n    var rowCount = props.rowCount,\n        height = props.height;\n    var itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);\n    var maxOffset = scrollTop + height;\n    var offset = itemMetadata.offset + itemMetadata.size;\n    var stopIndex = startIndex;\n\n    while (stopIndex < rowCount - 1 && offset < maxOffset) {\n      stopIndex++;\n      offset += getItemMetadata('row', props, stopIndex, instanceProps).size;\n    }\n\n    return stopIndex;\n  },\n  initInstanceProps: function initInstanceProps(props, instance) {\n    var _ref5 = props,\n        estimatedColumnWidth = _ref5.estimatedColumnWidth,\n        estimatedRowHeight = _ref5.estimatedRowHeight;\n    var instanceProps = {\n      columnMetadataMap: {},\n      estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,\n      estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,\n      lastMeasuredColumnIndex: -1,\n      lastMeasuredRowIndex: -1,\n      rowMetadataMap: {}\n    };\n\n    instance.resetAfterColumnIndex = function (columnIndex, shouldForceUpdate) {\n      if (shouldForceUpdate === void 0) {\n        shouldForceUpdate = true;\n      }\n\n      instance.resetAfterIndices({\n        columnIndex: columnIndex,\n        shouldForceUpdate: shouldForceUpdate\n      });\n    };\n\n    instance.resetAfterRowIndex = function (rowIndex, shouldForceUpdate) {\n      if (shouldForceUpdate === void 0) {\n        shouldForceUpdate = true;\n      }\n\n      instance.resetAfterIndices({\n        rowIndex: rowIndex,\n        shouldForceUpdate: shouldForceUpdate\n      });\n    };\n\n    instance.resetAfterIndices = function (_ref6) {\n      var columnIndex = _ref6.columnIndex,\n          rowIndex = _ref6.rowIndex,\n          _ref6$shouldForceUpda = _ref6.shouldForceUpdate,\n          shouldForceUpdate = _ref6$shouldForceUpda === void 0 ? true : _ref6$shouldForceUpda;\n\n      if (typeof columnIndex === 'number') {\n        instanceProps.lastMeasuredColumnIndex = Math.min(instanceProps.lastMeasuredColumnIndex, columnIndex - 1);\n      }\n\n      if (typeof rowIndex === 'number') {\n        instanceProps.lastMeasuredRowIndex = Math.min(instanceProps.lastMeasuredRowIndex, rowIndex - 1);\n      } // We could potentially optimize further by only evicting styles after this index,\n      // But since styles are only cached while scrolling is in progress-\n      // It seems an unnecessary optimization.\n      // It's unlikely that resetAfterIndex() will be called while a user is scrolling.\n\n\n      instance._getItemStyleCache(-1);\n\n      if (shouldForceUpdate) {\n        instance.forceUpdate();\n      }\n    };\n\n    return instanceProps;\n  },\n  shouldResetStyleCacheOnItemSizeChange: false,\n  validateProps: function validateProps(_ref7) {\n    var columnWidth = _ref7.columnWidth,\n        rowHeight = _ref7.rowHeight;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof columnWidth !== 'function') {\n        throw Error('An invalid \"columnWidth\" prop has been specified. ' + 'Value should be a function. ' + (\"\\\"\" + (columnWidth === null ? 'null' : typeof columnWidth) + \"\\\" was specified.\"));\n      } else if (typeof rowHeight !== 'function') {\n        throw Error('An invalid \"rowHeight\" prop has been specified. ' + 'Value should be a function. ' + (\"\\\"\" + (rowHeight === null ? 'null' : typeof rowHeight) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\nvar IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;\n\nvar defaultItemKey$1 = function defaultItemKey(index, data) {\n  return index;\n}; // In DEV mode, this Set helps us only log a warning once per component instance.\n// This avoids spamming the console every time a render happens.\n\n\nvar devWarningsDirection = null;\nvar devWarningsTagName$1 = null;\n\nif (process.env.NODE_ENV !== 'production') {\n  if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {\n    devWarningsDirection = /*#__PURE__*/new WeakSet();\n    devWarningsTagName$1 = /*#__PURE__*/new WeakSet();\n  }\n}\n\nfunction createListComponent(_ref) {\n  var _class;\n\n  var getItemOffset = _ref.getItemOffset,\n      getEstimatedTotalSize = _ref.getEstimatedTotalSize,\n      getItemSize = _ref.getItemSize,\n      getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,\n      getStartIndexForOffset = _ref.getStartIndexForOffset,\n      getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,\n      initInstanceProps = _ref.initInstanceProps,\n      shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,\n      validateProps = _ref.validateProps;\n  return _class = /*#__PURE__*/function (_PureComponent) {\n    _inheritsLoose(List, _PureComponent);\n\n    // Always use explicit constructor for React components.\n    // It produces less code after transpilation. (#26)\n    // eslint-disable-next-line no-useless-constructor\n    function List(props) {\n      var _this;\n\n      _this = _PureComponent.call(this, props) || this;\n      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));\n      _this._outerRef = void 0;\n      _this._resetIsScrollingTimeoutId = null;\n      _this.state = {\n        instance: _assertThisInitialized(_this),\n        isScrolling: false,\n        scrollDirection: 'forward',\n        scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,\n        scrollUpdateWasRequested: false\n      };\n      _this._callOnItemsRendered = void 0;\n      _this._callOnItemsRendered = memoizeOne(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {\n        return _this.props.onItemsRendered({\n          overscanStartIndex: overscanStartIndex,\n          overscanStopIndex: overscanStopIndex,\n          visibleStartIndex: visibleStartIndex,\n          visibleStopIndex: visibleStopIndex\n        });\n      });\n      _this._callOnScroll = void 0;\n      _this._callOnScroll = memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {\n        return _this.props.onScroll({\n          scrollDirection: scrollDirection,\n          scrollOffset: scrollOffset,\n          scrollUpdateWasRequested: scrollUpdateWasRequested\n        });\n      });\n      _this._getItemStyle = void 0;\n\n      _this._getItemStyle = function (index) {\n        var _this$props = _this.props,\n            direction = _this$props.direction,\n            itemSize = _this$props.itemSize,\n            layout = _this$props.layout;\n\n        var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);\n\n        var style;\n\n        if (itemStyleCache.hasOwnProperty(index)) {\n          style = itemStyleCache[index];\n        } else {\n          var _offset = getItemOffset(_this.props, index, _this._instanceProps);\n\n          var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction \"horizontal\"\n\n          var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n          var isRtl = direction === 'rtl';\n          var offsetHorizontal = isHorizontal ? _offset : 0;\n          itemStyleCache[index] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : offsetHorizontal,\n            right: isRtl ? offsetHorizontal : undefined,\n            top: !isHorizontal ? _offset : 0,\n            height: !isHorizontal ? size : '100%',\n            width: isHorizontal ? size : '100%'\n          };\n        }\n\n        return style;\n      };\n\n      _this._getItemStyleCache = void 0;\n      _this._getItemStyleCache = memoizeOne(function (_, __, ___) {\n        return {};\n      });\n\n      _this._onScrollHorizontal = function (event) {\n        var _event$currentTarget = event.currentTarget,\n            clientWidth = _event$currentTarget.clientWidth,\n            scrollLeft = _event$currentTarget.scrollLeft,\n            scrollWidth = _event$currentTarget.scrollWidth;\n\n        _this.setState(function (prevState) {\n          if (prevState.scrollOffset === scrollLeft) {\n            // Scroll position may have been updated by cDM/cDU,\n            // In which case we don't need to trigger another render,\n            // And we don't want to update state.isScrolling.\n            return null;\n          }\n\n          var direction = _this.props.direction;\n          var scrollOffset = scrollLeft;\n\n          if (direction === 'rtl') {\n            // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n            // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n            // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n            // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n            switch (getRTLOffsetType()) {\n              case 'negative':\n                scrollOffset = -scrollLeft;\n                break;\n\n              case 'positive-descending':\n                scrollOffset = scrollWidth - clientWidth - scrollLeft;\n                break;\n            }\n          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n\n\n          scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));\n          return {\n            isScrolling: true,\n            scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n            scrollOffset: scrollOffset,\n            scrollUpdateWasRequested: false\n          };\n        }, _this._resetIsScrollingDebounced);\n      };\n\n      _this._onScrollVertical = function (event) {\n        var _event$currentTarget2 = event.currentTarget,\n            clientHeight = _event$currentTarget2.clientHeight,\n            scrollHeight = _event$currentTarget2.scrollHeight,\n            scrollTop = _event$currentTarget2.scrollTop;\n\n        _this.setState(function (prevState) {\n          if (prevState.scrollOffset === scrollTop) {\n            // Scroll position may have been updated by cDM/cDU,\n            // In which case we don't need to trigger another render,\n            // And we don't want to update state.isScrolling.\n            return null;\n          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n\n\n          var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n          return {\n            isScrolling: true,\n            scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n            scrollOffset: scrollOffset,\n            scrollUpdateWasRequested: false\n          };\n        }, _this._resetIsScrollingDebounced);\n      };\n\n      _this._outerRefSetter = function (ref) {\n        var outerRef = _this.props.outerRef;\n        _this._outerRef = ref;\n\n        if (typeof outerRef === 'function') {\n          outerRef(ref);\n        } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {\n          outerRef.current = ref;\n        }\n      };\n\n      _this._resetIsScrollingDebounced = function () {\n        if (_this._resetIsScrollingTimeoutId !== null) {\n          cancelTimeout(_this._resetIsScrollingTimeoutId);\n        }\n\n        _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);\n      };\n\n      _this._resetIsScrolling = function () {\n        _this._resetIsScrollingTimeoutId = null;\n\n        _this.setState({\n          isScrolling: false\n        }, function () {\n          // Clear style cache after state update has been committed.\n          // This way we don't break pure sCU for items that don't use isScrolling param.\n          _this._getItemStyleCache(-1, null);\n        });\n      };\n\n      return _this;\n    }\n\n    List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n      validateSharedProps$1(nextProps, prevState);\n      validateProps(nextProps);\n      return null;\n    };\n\n    var _proto = List.prototype;\n\n    _proto.scrollTo = function scrollTo(scrollOffset) {\n      scrollOffset = Math.max(0, scrollOffset);\n      this.setState(function (prevState) {\n        if (prevState.scrollOffset === scrollOffset) {\n          return null;\n        }\n\n        return {\n          scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n          scrollOffset: scrollOffset,\n          scrollUpdateWasRequested: true\n        };\n      }, this._resetIsScrollingDebounced);\n    };\n\n    _proto.scrollToItem = function scrollToItem(index, align) {\n      if (align === void 0) {\n        align = 'auto';\n      }\n\n      var _this$props2 = this.props,\n          itemCount = _this$props2.itemCount,\n          layout = _this$props2.layout;\n      var scrollOffset = this.state.scrollOffset;\n      index = Math.max(0, Math.min(index, itemCount - 1)); // The scrollbar size should be considered when scrolling an item into view, to ensure it's fully visible.\n      // But we only need to account for its size when it's actually visible.\n      // This is an edge case for lists; normally they only scroll in the dominant direction.\n\n      var scrollbarSize = 0;\n\n      if (this._outerRef) {\n        var outerRef = this._outerRef;\n\n        if (layout === 'vertical') {\n          scrollbarSize = outerRef.scrollWidth > outerRef.clientWidth ? getScrollbarSize() : 0;\n        } else {\n          scrollbarSize = outerRef.scrollHeight > outerRef.clientHeight ? getScrollbarSize() : 0;\n        }\n      }\n\n      this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps, scrollbarSize));\n    };\n\n    _proto.componentDidMount = function componentDidMount() {\n      var _this$props3 = this.props,\n          direction = _this$props3.direction,\n          initialScrollOffset = _this$props3.initialScrollOffset,\n          layout = _this$props3.layout;\n\n      if (typeof initialScrollOffset === 'number' && this._outerRef != null) {\n        var outerRef = this._outerRef; // TODO Deprecate direction \"horizontal\"\n\n        if (direction === 'horizontal' || layout === 'horizontal') {\n          outerRef.scrollLeft = initialScrollOffset;\n        } else {\n          outerRef.scrollTop = initialScrollOffset;\n        }\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentDidUpdate = function componentDidUpdate() {\n      var _this$props4 = this.props,\n          direction = _this$props4.direction,\n          layout = _this$props4.layout;\n      var _this$state = this.state,\n          scrollOffset = _this$state.scrollOffset,\n          scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;\n\n      if (scrollUpdateWasRequested && this._outerRef != null) {\n        var outerRef = this._outerRef; // TODO Deprecate direction \"horizontal\"\n\n        if (direction === 'horizontal' || layout === 'horizontal') {\n          if (direction === 'rtl') {\n            // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n            // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n            // So we need to determine which browser behavior we're dealing with, and mimic it.\n            switch (getRTLOffsetType()) {\n              case 'negative':\n                outerRef.scrollLeft = -scrollOffset;\n                break;\n\n              case 'positive-ascending':\n                outerRef.scrollLeft = scrollOffset;\n                break;\n\n              default:\n                var clientWidth = outerRef.clientWidth,\n                    scrollWidth = outerRef.scrollWidth;\n                outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;\n                break;\n            }\n          } else {\n            outerRef.scrollLeft = scrollOffset;\n          }\n        } else {\n          outerRef.scrollTop = scrollOffset;\n        }\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentWillUnmount = function componentWillUnmount() {\n      if (this._resetIsScrollingTimeoutId !== null) {\n        cancelTimeout(this._resetIsScrollingTimeoutId);\n      }\n    };\n\n    _proto.render = function render() {\n      var _this$props5 = this.props,\n          children = _this$props5.children,\n          className = _this$props5.className,\n          direction = _this$props5.direction,\n          height = _this$props5.height,\n          innerRef = _this$props5.innerRef,\n          innerElementType = _this$props5.innerElementType,\n          innerTagName = _this$props5.innerTagName,\n          itemCount = _this$props5.itemCount,\n          itemData = _this$props5.itemData,\n          _this$props5$itemKey = _this$props5.itemKey,\n          itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey,\n          layout = _this$props5.layout,\n          outerElementType = _this$props5.outerElementType,\n          outerTagName = _this$props5.outerTagName,\n          style = _this$props5.style,\n          useIsScrolling = _this$props5.useIsScrolling,\n          width = _this$props5.width;\n      var isScrolling = this.state.isScrolling; // TODO Deprecate direction \"horizontal\"\n\n      var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n      var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;\n\n      var _this$_getRangeToRend = this._getRangeToRender(),\n          startIndex = _this$_getRangeToRend[0],\n          stopIndex = _this$_getRangeToRend[1];\n\n      var items = [];\n\n      if (itemCount > 0) {\n        for (var _index = startIndex; _index <= stopIndex; _index++) {\n          items.push(createElement(children, {\n            data: itemData,\n            key: itemKey(_index, itemData),\n            index: _index,\n            isScrolling: useIsScrolling ? isScrolling : undefined,\n            style: this._getItemStyle(_index)\n          }));\n        }\n      } // Read this value AFTER items have been created,\n      // So their actual sizes (if variable) are taken into consideration.\n\n\n      var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);\n      return createElement(outerElementType || outerTagName || 'div', {\n        className: className,\n        onScroll: onScroll,\n        ref: this._outerRefSetter,\n        style: _extends({\n          position: 'relative',\n          height: height,\n          width: width,\n          overflow: 'auto',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n          direction: direction\n        }, style)\n      }, createElement(innerElementType || innerTagName || 'div', {\n        children: items,\n        ref: innerRef,\n        style: {\n          height: isHorizontal ? '100%' : estimatedTotalSize,\n          pointerEvents: isScrolling ? 'none' : undefined,\n          width: isHorizontal ? estimatedTotalSize : '100%'\n        }\n      }));\n    };\n\n    _proto._callPropsCallbacks = function _callPropsCallbacks() {\n      if (typeof this.props.onItemsRendered === 'function') {\n        var itemCount = this.props.itemCount;\n\n        if (itemCount > 0) {\n          var _this$_getRangeToRend2 = this._getRangeToRender(),\n              _overscanStartIndex = _this$_getRangeToRend2[0],\n              _overscanStopIndex = _this$_getRangeToRend2[1],\n              _visibleStartIndex = _this$_getRangeToRend2[2],\n              _visibleStopIndex = _this$_getRangeToRend2[3];\n\n          this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);\n        }\n      }\n\n      if (typeof this.props.onScroll === 'function') {\n        var _this$state2 = this.state,\n            _scrollDirection = _this$state2.scrollDirection,\n            _scrollOffset = _this$state2.scrollOffset,\n            _scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;\n\n        this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);\n      }\n    } // Lazily create and cache item styles while scrolling,\n    // So that pure component sCU will prevent re-renders.\n    // We maintain this cache, and pass a style prop rather than index,\n    // So that List can clear cached styles and force item re-render if necessary.\n    ;\n\n    _proto._getRangeToRender = function _getRangeToRender() {\n      var _this$props6 = this.props,\n          itemCount = _this$props6.itemCount,\n          overscanCount = _this$props6.overscanCount;\n      var _this$state3 = this.state,\n          isScrolling = _this$state3.isScrolling,\n          scrollDirection = _this$state3.scrollDirection,\n          scrollOffset = _this$state3.scrollOffset;\n\n      if (itemCount === 0) {\n        return [0, 0, 0, 0];\n      }\n\n      var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);\n      var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.\n      // If there isn't at least one extra item, tab loops back around.\n\n      var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;\n      var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;\n      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];\n    };\n\n    return List;\n  }(PureComponent), _class.defaultProps = {\n    direction: 'ltr',\n    itemData: undefined,\n    layout: 'vertical',\n    overscanCount: 2,\n    useIsScrolling: false\n  }, _class;\n} // NOTE: I considered further wrapping individual items with a pure ListItem component.\n// This would avoid ever calling the render function for the same index more than once,\n// But it would also add the overhead of a lot of components/fibers.\n// I assume people already do this (render function returning a class component),\n// So my doing it would just unnecessarily double the wrappers.\n\nvar validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {\n  var children = _ref2.children,\n      direction = _ref2.direction,\n      height = _ref2.height,\n      layout = _ref2.layout,\n      innerTagName = _ref2.innerTagName,\n      outerTagName = _ref2.outerTagName,\n      width = _ref2.width;\n  var instance = _ref3.instance;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (innerTagName != null || outerTagName != null) {\n      if (devWarningsTagName$1 && !devWarningsTagName$1.has(instance)) {\n        devWarningsTagName$1.add(instance);\n        console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');\n      }\n    } // TODO Deprecate direction \"horizontal\"\n\n\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n\n    switch (direction) {\n      case 'horizontal':\n      case 'vertical':\n        if (devWarningsDirection && !devWarningsDirection.has(instance)) {\n          devWarningsDirection.add(instance);\n          console.warn('The direction prop should be either \"ltr\" (default) or \"rtl\". ' + 'Please use the layout prop to specify \"vertical\" (default) or \"horizontal\" orientation.');\n        }\n\n        break;\n\n      case 'ltr':\n      case 'rtl':\n        // Valid values\n        break;\n\n      default:\n        throw Error('An invalid \"direction\" prop has been specified. ' + 'Value should be either \"ltr\" or \"rtl\". ' + (\"\\\"\" + direction + \"\\\" was specified.\"));\n    }\n\n    switch (layout) {\n      case 'horizontal':\n      case 'vertical':\n        // Valid values\n        break;\n\n      default:\n        throw Error('An invalid \"layout\" prop has been specified. ' + 'Value should be either \"horizontal\" or \"vertical\". ' + (\"\\\"\" + layout + \"\\\" was specified.\"));\n    }\n\n    if (children == null) {\n      throw Error('An invalid \"children\" prop has been specified. ' + 'Value should be a React component. ' + (\"\\\"\" + (children === null ? 'null' : typeof children) + \"\\\" was specified.\"));\n    }\n\n    if (isHorizontal && typeof width !== 'number') {\n      throw Error('An invalid \"width\" prop has been specified. ' + 'Horizontal lists must specify a number for width. ' + (\"\\\"\" + (width === null ? 'null' : typeof width) + \"\\\" was specified.\"));\n    } else if (!isHorizontal && typeof height !== 'number') {\n      throw Error('An invalid \"height\" prop has been specified. ' + 'Vertical lists must specify a number for height. ' + (\"\\\"\" + (height === null ? 'null' : typeof height) + \"\\\" was specified.\"));\n    }\n  }\n};\n\nvar DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;\n\nvar getItemMetadata$1 = function getItemMetadata(props, index, instanceProps) {\n  var _ref = props,\n      itemSize = _ref.itemSize;\n  var itemMetadataMap = instanceProps.itemMetadataMap,\n      lastMeasuredIndex = instanceProps.lastMeasuredIndex;\n\n  if (index > lastMeasuredIndex) {\n    var offset = 0;\n\n    if (lastMeasuredIndex >= 0) {\n      var itemMetadata = itemMetadataMap[lastMeasuredIndex];\n      offset = itemMetadata.offset + itemMetadata.size;\n    }\n\n    for (var i = lastMeasuredIndex + 1; i <= index; i++) {\n      var size = itemSize(i);\n      itemMetadataMap[i] = {\n        offset: offset,\n        size: size\n      };\n      offset += size;\n    }\n\n    instanceProps.lastMeasuredIndex = index;\n  }\n\n  return itemMetadataMap[index];\n};\n\nvar findNearestItem$1 = function findNearestItem(props, instanceProps, offset) {\n  var itemMetadataMap = instanceProps.itemMetadataMap,\n      lastMeasuredIndex = instanceProps.lastMeasuredIndex;\n  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;\n\n  if (lastMeasuredItemOffset >= offset) {\n    // If we've already measured items within this range just use a binary search as it's faster.\n    return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset);\n  } else {\n    // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.\n    // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.\n    // The overall complexity for this approach is O(log n).\n    return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset);\n  }\n};\n\nvar findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset) {\n  while (low <= high) {\n    var middle = low + Math.floor((high - low) / 2);\n    var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;\n\n    if (currentOffset === offset) {\n      return middle;\n    } else if (currentOffset < offset) {\n      low = middle + 1;\n    } else if (currentOffset > offset) {\n      high = middle - 1;\n    }\n  }\n\n  if (low > 0) {\n    return low - 1;\n  } else {\n    return 0;\n  }\n};\n\nvar findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index, offset) {\n  var itemCount = props.itemCount;\n  var interval = 1;\n\n  while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset) {\n    index += interval;\n    interval *= 2;\n  }\n\n  return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);\n};\n\nvar getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {\n  var itemCount = _ref2.itemCount;\n  var itemMetadataMap = _ref3.itemMetadataMap,\n      estimatedItemSize = _ref3.estimatedItemSize,\n      lastMeasuredIndex = _ref3.lastMeasuredIndex;\n  var totalSizeOfMeasuredItems = 0; // Edge case check for when the number of items decreases while a scroll is in progress.\n  // https://github.com/bvaughn/react-window/pull/138\n\n  if (lastMeasuredIndex >= itemCount) {\n    lastMeasuredIndex = itemCount - 1;\n  }\n\n  if (lastMeasuredIndex >= 0) {\n    var itemMetadata = itemMetadataMap[lastMeasuredIndex];\n    totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;\n  }\n\n  var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;\n  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;\n  return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;\n};\n\nvar VariableSizeList = /*#__PURE__*/createListComponent({\n  getItemOffset: function getItemOffset(props, index, instanceProps) {\n    return getItemMetadata$1(props, index, instanceProps).offset;\n  },\n  getItemSize: function getItemSize(props, index, instanceProps) {\n    return instanceProps.itemMetadataMap[index].size;\n  },\n  getEstimatedTotalSize: getEstimatedTotalSize,\n  getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    var direction = props.direction,\n        height = props.height,\n        layout = props.layout,\n        width = props.width; // TODO Deprecate direction \"horizontal\"\n\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var size = isHorizontal ? width : height;\n    var itemMetadata = getItemMetadata$1(props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,\n    // To ensure it reflects actual measurements instead of just estimates.\n\n    var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);\n    var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));\n    var minOffset = Math.max(0, itemMetadata.offset - size + itemMetadata.size + scrollbarSize);\n\n    if (align === 'smart') {\n      if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        return Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n      case 'auto':\n      default:\n        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n          return scrollOffset;\n        } else if (scrollOffset < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getStartIndexForOffset: function getStartIndexForOffset(props, offset, instanceProps) {\n    return findNearestItem$1(props, instanceProps, offset);\n  },\n  getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {\n    var direction = props.direction,\n        height = props.height,\n        itemCount = props.itemCount,\n        layout = props.layout,\n        width = props.width; // TODO Deprecate direction \"horizontal\"\n\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var size = isHorizontal ? width : height;\n    var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);\n    var maxOffset = scrollOffset + size;\n    var offset = itemMetadata.offset + itemMetadata.size;\n    var stopIndex = startIndex;\n\n    while (stopIndex < itemCount - 1 && offset < maxOffset) {\n      stopIndex++;\n      offset += getItemMetadata$1(props, stopIndex, instanceProps).size;\n    }\n\n    return stopIndex;\n  },\n  initInstanceProps: function initInstanceProps(props, instance) {\n    var _ref4 = props,\n        estimatedItemSize = _ref4.estimatedItemSize;\n    var instanceProps = {\n      itemMetadataMap: {},\n      estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,\n      lastMeasuredIndex: -1\n    };\n\n    instance.resetAfterIndex = function (index, shouldForceUpdate) {\n      if (shouldForceUpdate === void 0) {\n        shouldForceUpdate = true;\n      }\n\n      instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1); // We could potentially optimize further by only evicting styles after this index,\n      // But since styles are only cached while scrolling is in progress-\n      // It seems an unnecessary optimization.\n      // It's unlikely that resetAfterIndex() will be called while a user is scrolling.\n\n      instance._getItemStyleCache(-1);\n\n      if (shouldForceUpdate) {\n        instance.forceUpdate();\n      }\n    };\n\n    return instanceProps;\n  },\n  shouldResetStyleCacheOnItemSizeChange: false,\n  validateProps: function validateProps(_ref5) {\n    var itemSize = _ref5.itemSize;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof itemSize !== 'function') {\n        throw Error('An invalid \"itemSize\" prop has been specified. ' + 'Value should be a function. ' + (\"\\\"\" + (itemSize === null ? 'null' : typeof itemSize) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\nvar FixedSizeGrid = /*#__PURE__*/createGridComponent({\n  getColumnOffset: function getColumnOffset(_ref, index) {\n    var columnWidth = _ref.columnWidth;\n    return index * columnWidth;\n  },\n  getColumnWidth: function getColumnWidth(_ref2, index) {\n    var columnWidth = _ref2.columnWidth;\n    return columnWidth;\n  },\n  getRowOffset: function getRowOffset(_ref3, index) {\n    var rowHeight = _ref3.rowHeight;\n    return index * rowHeight;\n  },\n  getRowHeight: function getRowHeight(_ref4, index) {\n    var rowHeight = _ref4.rowHeight;\n    return rowHeight;\n  },\n  getEstimatedTotalHeight: function getEstimatedTotalHeight(_ref5) {\n    var rowCount = _ref5.rowCount,\n        rowHeight = _ref5.rowHeight;\n    return rowHeight * rowCount;\n  },\n  getEstimatedTotalWidth: function getEstimatedTotalWidth(_ref6) {\n    var columnCount = _ref6.columnCount,\n        columnWidth = _ref6.columnWidth;\n    return columnWidth * columnCount;\n  },\n  getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(_ref7, columnIndex, align, scrollLeft, instanceProps, scrollbarSize) {\n    var columnCount = _ref7.columnCount,\n        columnWidth = _ref7.columnWidth,\n        width = _ref7.width;\n    var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);\n    var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);\n    var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);\n\n    if (align === 'smart') {\n      if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        // \"Centered\" offset is usually the average of the min and max.\n        // But near the edges of the list, this doesn't hold true.\n        var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n        if (middleOffset < Math.ceil(width / 2)) {\n          return 0; // near the beginning\n        } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {\n          return lastColumnOffset; // near the end\n        } else {\n          return middleOffset;\n        }\n\n      case 'auto':\n      default:\n        if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {\n          return scrollLeft;\n        } else if (minOffset > maxOffset) {\n          // Because we only take into account the scrollbar size when calculating minOffset\n          // this value can be larger than maxOffset when at the end of the list\n          return minOffset;\n        } else if (scrollLeft < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(_ref8, rowIndex, align, scrollTop, instanceProps, scrollbarSize) {\n    var rowHeight = _ref8.rowHeight,\n        height = _ref8.height,\n        rowCount = _ref8.rowCount;\n    var lastRowOffset = Math.max(0, rowCount * rowHeight - height);\n    var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);\n    var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);\n\n    if (align === 'smart') {\n      if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        // \"Centered\" offset is usually the average of the min and max.\n        // But near the edges of the list, this doesn't hold true.\n        var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n        if (middleOffset < Math.ceil(height / 2)) {\n          return 0; // near the beginning\n        } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {\n          return lastRowOffset; // near the end\n        } else {\n          return middleOffset;\n        }\n\n      case 'auto':\n      default:\n        if (scrollTop >= minOffset && scrollTop <= maxOffset) {\n          return scrollTop;\n        } else if (minOffset > maxOffset) {\n          // Because we only take into account the scrollbar size when calculating minOffset\n          // this value can be larger than maxOffset when at the end of the list\n          return minOffset;\n        } else if (scrollTop < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getColumnStartIndexForOffset: function getColumnStartIndexForOffset(_ref9, scrollLeft) {\n    var columnWidth = _ref9.columnWidth,\n        columnCount = _ref9.columnCount;\n    return Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth)));\n  },\n  getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(_ref10, startIndex, scrollLeft) {\n    var columnWidth = _ref10.columnWidth,\n        columnCount = _ref10.columnCount,\n        width = _ref10.width;\n    var left = startIndex * columnWidth;\n    var numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);\n    return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 // -1 is because stop index is inclusive\n    ));\n  },\n  getRowStartIndexForOffset: function getRowStartIndexForOffset(_ref11, scrollTop) {\n    var rowHeight = _ref11.rowHeight,\n        rowCount = _ref11.rowCount;\n    return Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight)));\n  },\n  getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(_ref12, startIndex, scrollTop) {\n    var rowHeight = _ref12.rowHeight,\n        rowCount = _ref12.rowCount,\n        height = _ref12.height;\n    var top = startIndex * rowHeight;\n    var numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);\n    return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive\n    ));\n  },\n  initInstanceProps: function initInstanceProps(props) {// Noop\n  },\n  shouldResetStyleCacheOnItemSizeChange: true,\n  validateProps: function validateProps(_ref13) {\n    var columnWidth = _ref13.columnWidth,\n        rowHeight = _ref13.rowHeight;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof columnWidth !== 'number') {\n        throw Error('An invalid \"columnWidth\" prop has been specified. ' + 'Value should be a number. ' + (\"\\\"\" + (columnWidth === null ? 'null' : typeof columnWidth) + \"\\\" was specified.\"));\n      }\n\n      if (typeof rowHeight !== 'number') {\n        throw Error('An invalid \"rowHeight\" prop has been specified. ' + 'Value should be a number. ' + (\"\\\"\" + (rowHeight === null ? 'null' : typeof rowHeight) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\nvar FixedSizeList = /*#__PURE__*/createListComponent({\n  getItemOffset: function getItemOffset(_ref, index) {\n    var itemSize = _ref.itemSize;\n    return index * itemSize;\n  },\n  getItemSize: function getItemSize(_ref2, index) {\n    var itemSize = _ref2.itemSize;\n    return itemSize;\n  },\n  getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {\n    var itemCount = _ref3.itemCount,\n        itemSize = _ref3.itemSize;\n    return itemSize * itemCount;\n  },\n  getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(_ref4, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    var direction = _ref4.direction,\n        height = _ref4.height,\n        itemCount = _ref4.itemCount,\n        itemSize = _ref4.itemSize,\n        layout = _ref4.layout,\n        width = _ref4.width;\n    // TODO Deprecate direction \"horizontal\"\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var size = isHorizontal ? width : height;\n    var lastItemOffset = Math.max(0, itemCount * itemSize - size);\n    var maxOffset = Math.min(lastItemOffset, index * itemSize);\n    var minOffset = Math.max(0, index * itemSize - size + itemSize + scrollbarSize);\n\n    if (align === 'smart') {\n      if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        {\n          // \"Centered\" offset is usually the average of the min and max.\n          // But near the edges of the list, this doesn't hold true.\n          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n          if (middleOffset < Math.ceil(size / 2)) {\n            return 0; // near the beginning\n          } else if (middleOffset > lastItemOffset + Math.floor(size / 2)) {\n            return lastItemOffset; // near the end\n          } else {\n            return middleOffset;\n          }\n        }\n\n      case 'auto':\n      default:\n        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n          return scrollOffset;\n        } else if (scrollOffset < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getStartIndexForOffset: function getStartIndexForOffset(_ref5, offset) {\n    var itemCount = _ref5.itemCount,\n        itemSize = _ref5.itemSize;\n    return Math.max(0, Math.min(itemCount - 1, Math.floor(offset / itemSize)));\n  },\n  getStopIndexForStartIndex: function getStopIndexForStartIndex(_ref6, startIndex, scrollOffset) {\n    var direction = _ref6.direction,\n        height = _ref6.height,\n        itemCount = _ref6.itemCount,\n        itemSize = _ref6.itemSize,\n        layout = _ref6.layout,\n        width = _ref6.width;\n    // TODO Deprecate direction \"horizontal\"\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var offset = startIndex * itemSize;\n    var size = isHorizontal ? width : height;\n    var numVisibleItems = Math.ceil((size + scrollOffset - offset) / itemSize);\n    return Math.max(0, Math.min(itemCount - 1, startIndex + numVisibleItems - 1 // -1 is because stop index is inclusive\n    ));\n  },\n  initInstanceProps: function initInstanceProps(props) {// Noop\n  },\n  shouldResetStyleCacheOnItemSizeChange: true,\n  validateProps: function validateProps(_ref7) {\n    var itemSize = _ref7.itemSize;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof itemSize !== 'number') {\n        throw Error('An invalid \"itemSize\" prop has been specified. ' + 'Value should be a number. ' + (\"\\\"\" + (itemSize === null ? 'null' : typeof itemSize) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\n// Pulled from react-compat\n// https://github.com/developit/preact-compat/blob/7c5de00e7c85e2ffd011bf3af02899b63f699d3a/src/index.js#L349\nfunction shallowDiffers(prev, next) {\n  for (var attribute in prev) {\n    if (!(attribute in next)) {\n      return true;\n    }\n  }\n\n  for (var _attribute in next) {\n    if (prev[_attribute] !== next[_attribute]) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nvar _excluded = [\"style\"],\n    _excluded2 = [\"style\"];\n// It knows to compare individual style props and ignore the wrapper object.\n// See https://reactjs.org/docs/react-api.html#reactmemo\n\nfunction areEqual(prevProps, nextProps) {\n  var prevStyle = prevProps.style,\n      prevRest = _objectWithoutPropertiesLoose(prevProps, _excluded);\n\n  var nextStyle = nextProps.style,\n      nextRest = _objectWithoutPropertiesLoose(nextProps, _excluded2);\n\n  return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);\n}\n\n// It knows to compare individual style props and ignore the wrapper object.\n// See https://reactjs.org/docs/react-component.html#shouldcomponentupdate\n\nfunction shouldComponentUpdate(nextProps, nextState) {\n  return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);\n}\n\nexport { FixedSizeGrid, FixedSizeList, VariableSizeGrid, VariableSizeList, areEqual, shouldComponentUpdate };\n//# sourceMappingURL=index.esm.js.map\n"],"names":["hasNativePerformanceNow","now","cancelTimeout","timeoutID","requestTimeout","callback","delay","start","tick","size","getScrollbarSize","recalculate","div","style","cachedRTLResult","getRTLOffsetType","outerDiv","outerStyle","innerDiv","innerStyle","IS_SCROLLING_DEBOUNCE_INTERVAL$1","defaultItemKey$1","index","data","devWarningsDirection","devWarningsTagName$1","createListComponent","_ref","_class","getItemOffset","getEstimatedTotalSize","getItemSize","getOffsetForIndexAndAlignment","getStartIndexForOffset","getStopIndexForStartIndex","initInstanceProps","shouldResetStyleCacheOnItemSizeChange","validateProps","_PureComponent","_inheritsLoose","List","props","_this","_assertThisInitialized","memoizeOne","overscanStartIndex","overscanStopIndex","visibleStartIndex","visibleStopIndex","scrollDirection","scrollOffset","scrollUpdateWasRequested","_this$props","direction","itemSize","layout","itemStyleCache","_offset","isHorizontal","isRtl","offsetHorizontal","_","__","___","event","_event$currentTarget","clientWidth","scrollLeft","scrollWidth","prevState","_event$currentTarget2","clientHeight","scrollHeight","scrollTop","ref","outerRef","nextProps","validateSharedProps$1","_proto","align","_this$props2","itemCount","scrollbarSize","_this$props3","initialScrollOffset","_this$props4","_this$state","_this$props5","children","className","height","innerRef","innerElementType","innerTagName","itemData","_this$props5$itemKey","itemKey","outerElementType","outerTagName","useIsScrolling","width","isScrolling","onScroll","_this$_getRangeToRend","startIndex","stopIndex","items","_index","createElement","estimatedTotalSize","_extends","_this$_getRangeToRend2","_overscanStartIndex","_overscanStopIndex","_visibleStartIndex","_visibleStopIndex","_this$state2","_scrollDirection","_scrollOffset","_scrollUpdateWasRequested","_this$props6","overscanCount","_this$state3","overscanBackward","overscanForward","PureComponent","_ref2","_ref3","instance","FixedSizeList","_ref4","instanceProps","lastItemOffset","maxOffset","minOffset","middleOffset","_ref5","offset","_ref6","numVisibleItems","_ref7"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es6.js

@@ -1,31 +1,154 @@
-import { j as a } from "./index.es15.js";
-import { LocationMarker as f } from "@performant-software/geospatial";
-import { useState as c, useCallback as n, useEffect as l } from "react";
-const d = (t) => {
-  const [r, o] = c(), s = n((e) => {
-    const u = {
-      type: "FeatureCollection",
-      features: [{
-        ...e,
-        properties: {
-          ...e.properties,
-          record_id: e.record_id
-        }
-      }]
-    };
-    o(u);
-  }, []);
-  return l(() => {
-    fetch(t.url).then((e) => e.json()).then(s);
-  }, [t.url]), !r || !r.features || !r.features[0].geometry ? null : /* @__PURE__ */ a.jsx(
-    f,
+import { j as e } from "./index.es21.js";
+import { useRef as n, useMemo as r } from "react";
+import m from "./index.es29.js";
+import "./index.es30.js";
+import "./index.es31.js";
+import "./index.es32.js";
+import "./index.es33.js";
+import "./index.es34.js";
+import "./index.es35.js";
+import "./index.es36.js";
+import "./index.es37.js";
+import "./index.es38.js";
+import "./index.es39.js";
+import "./index.es40.js";
+import "./index.es41.js";
+import "./index.es42.js";
+import "./index.es43.js";
+import "./index.es44.js";
+import "./index.es45.js";
+import "./index.es46.js";
+import "./index.es47.js";
+import "./index.es48.js";
+import "./index.es49.js";
+import "./index.es50.js";
+import "./index.es51.js";
+import "./index.es52.js";
+import "./index.es53.js";
+import "./index.es54.js";
+import "./index.es55.js";
+import "./index.es56.js";
+import d from "./index.es10.js";
+import f from "./index.es27.js";
+import u from "./index.es26.js";
+const S = (t) => {
+  const a = n(null), s = r(() => {
+    const i = t.related.find((l) => {
+      var o;
+      return l.endpoint === "media_contents" && !m.isEmpty((o = l.data) == null ? void 0 : o.items);
+    });
+    return i ? i.data && i.data.items[0].body : void 0;
+  }, [t.related]), c = r(() => {
+    var i;
+    return (i = t.place) != null && i.user_defined ? Object.values(t.place.user_defined) : [];
+  }, [t.place]);
+  return /* @__PURE__ */ e.jsxs(
+    "aside",
     {
-      data: r,
-      buffer: t.buffer
+      className: "flex flex-col relative z-10 h-full min-w-[260px] bg-white/80 backdrop-blur shadow overflow-y-auto",
+      ref: a,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "absolute top-2 right-2 p-1.5 rounded-full z-10 bg-slate-200/60 hover:bg-slate-200 focus:outline-2 focus:outline-offset-2 focus:outline-teal-700",
+            onClick: t.onClose,
+            type: "button",
+            children: /* @__PURE__ */ e.jsx(f, { className: "h-4 w-4" })
+          }
+        ),
+        t.place && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          s && /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: "relative w-full h-[200px] flex-grow-0 flex-shrink-0 bg-muted/20 z-0",
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    className: "absolute top-0 left-0 w-full h-full flex justify-center items-center",
+                    children: /* @__PURE__ */ e.jsx(
+                      u,
+                      {
+                        className: "h-20 w-20 text-gray-400",
+                        strokeWidth: 1
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    className: "absolute top-0 left-0 w-full h-full flex justify-center items-center",
+                    children: /* @__PURE__ */ e.jsx(
+                      "img",
+                      {
+                        className: "object-cover h-full w-full",
+                        src: s.content_url,
+                        alt: s.title
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: "p-3",
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  "h1",
+                  {
+                    className: "pr-6 font-medium",
+                    children: t.place.properties.title
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "ol",
+                  {
+                    className: "text-sm mt-4 leading-6 overflow-hidden",
+                    children: m.map(c, ({ label: i, value: l }) => /* @__PURE__ */ e.jsxs(
+                      "li",
+                      {
+                        className: "mb-2",
+                        children: [
+                          /* @__PURE__ */ e.jsx(
+                            "div",
+                            {
+                              className: "text-muted",
+                              children: i
+                            }
+                          ),
+                          /* @__PURE__ */ e.jsx(
+                            "div",
+                            {
+                              className: "font-medium overflow-hidden text-ellipsis",
+                              children: l
+                            }
+                          )
+                        ]
+                      },
+                      i
+                    ))
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            d,
+            {
+              items: t.related
+            }
+          )
+        ] })
+      ]
     }
   );
 };
 export {
-  d as default
+  S as default
 };
 //# sourceMappingURL=index.es6.js.map

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/components/PlaceMarker.js"],"sourcesContent":["// @flow\n\nimport { LocationMarker } from '@performant-software/geospatial';\nimport React, { useCallback, useEffect, useState } from 'react';\n\ntype Props = {\n  /**\n   * The URL of the Core Data place record.\n   */\n  url: string,\n\n\n  /**\n   * The number of miles to buffer the GeoJSON data. (Defaults to 2.)\n   */\n  buffer?: number\n};\n\n/**\n * This component renders a map marker for a given Core Data Place record.\n */\nconst PlaceMarker = (props: Props) => {\n  const [place, setPlace] = useState();\n\n  /**\n   * Converts the passed data to a feature collection and sets it on the state.\n   *\n   * @type {(function(*): void)|*}\n   */\n  const onLoad = useCallback((data) => {\n    const featureCollection = {\n      type: 'FeatureCollection',\n      features: [{\n        ...data,\n        properties: {\n          ...data.properties,\n          record_id: data.record_id\n        }\n      }]\n    };\n\n    setPlace(featureCollection);\n  }, []);\n\n  /**\n   * Fetch the place record from the passed URL.\n   */\n  useEffect(() => {\n    fetch(props.url)\n      .then((res) => res.json())\n      .then(onLoad);\n  }, [props.url]);\n\n  if (!place || !place.features || !place.features[0].geometry) {\n    return null;\n  }\n\n  return (\n    <LocationMarker\n      data={place}\n      buffer={props.buffer}\n    />\n  );\n};\n\nexport default PlaceMarker;\n"],"names":["PlaceMarker","props","place","setPlace","useState","onLoad","useCallback","data","featureCollection","useEffect","res","jsx","LocationMarker"],"mappings":";;;AAqBM,MAAAA,IAAc,CAACC,MAAiB;AACpC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,GAO7BC,IAASC,EAAY,CAACC,MAAS;AACnC,UAAMC,IAAoB;AAAA,MACxB,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,QACT,GAAGD;AAAA,QACH,YAAY;AAAA,UACV,GAAGA,EAAK;AAAA,UACR,WAAWA,EAAK;AAAA,QAClB;AAAA,MAAA,CACD;AAAA,IAAA;AAGH,IAAAJ,EAASK,CAAiB;AAAA,EAC5B,GAAG,CAAE,CAAA;AAWD,SANJC,EAAU,MAAM;AACR,UAAAR,EAAM,GAAG,EACZ,KAAK,CAACS,MAAQA,EAAI,KAAM,CAAA,EACxB,KAAKL,CAAM;AAAA,EAAA,GACb,CAACJ,EAAM,GAAG,CAAC,GAEV,CAACC,KAAS,CAACA,EAAM,YAAY,CAACA,EAAM,SAAS,CAAC,EAAE,WAC3C,OAIPS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,QAAQD,EAAM;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"index.es6.js","sources":["../src/components/PlaceDetailsPanel.js"],"sourcesContent":["// @flow\n\nimport { Image, X } from 'lucide-react';\nimport React, { useMemo, useRef } from 'react';\nimport _ from 'underscore';\nimport type { Place } from '../types/Place';\nimport type { RelatedItems } from '../types/RelatedItems';\nimport RelatedItemsList from './RelatedItemsList';\n\ntype Props = {\n  /**\n   * The place record to render.\n   */\n  place?: Place,\n\n  /**\n   * A list of items related to the place.\n   */\n  related: Array<RelatedItems>,\n\n  /**\n   * Callback fired when the panel is closed.\n   */\n  onClose: () => void\n};\n\n/**\n * This component renders a side panel for the passed Core Data place record.\n */\nconst PlaceDetailsPanel = (props: Props) => {\n  const el = useRef<HTMLElement>(null);\n\n  /**\n   * Returns the first image for the passed related items.\n   */\n  const firstImage = useMemo(() => {\n    const images = props.related.find((i) => i.endpoint === 'media_contents' && !_.isEmpty(i.data?.items));\n    return images ? (images.data && images.data.items[0].body) : undefined;\n  }, [props.related]);\n\n  /**\n   * Sets the user defined field values.\n   *\n   * @type {UserDefinedField[]|*[]}\n   */\n  const userDefined = useMemo(() => (\n    props.place?.user_defined ? Object.values(props.place.user_defined) : []\n  ), [props.place]);\n\n  return (\n    <aside\n      className='flex flex-col relative z-10 h-full min-w-[260px] bg-white/80 backdrop-blur shadow overflow-y-auto'\n      ref={el}\n    >\n      <button\n        className='absolute top-2 right-2 p-1.5 rounded-full z-10 bg-slate-200/60 hover:bg-slate-200 focus:outline-2 focus:outline-offset-2 focus:outline-teal-700'\n        onClick={props.onClose}\n        type='button'\n      >\n        <X className='h-4 w-4' />\n      </button>\n      { props.place && (\n        <>\n          { firstImage && (\n            <div\n              className='relative w-full h-[200px] flex-grow-0 flex-shrink-0 bg-muted/20 z-0'\n            >\n              <div\n                className='absolute top-0 left-0 w-full h-full flex justify-center items-center'\n              >\n                <Image\n                  className='h-20 w-20 text-gray-400'\n                  strokeWidth={1}\n                />\n              </div>\n              <div\n                className='absolute top-0 left-0 w-full h-full flex justify-center items-center'\n              >\n                <img\n                  className='object-cover h-full w-full'\n                  src={firstImage.content_url}\n                  alt={firstImage.title}\n                />\n              </div>\n            </div>\n          )}\n          <div\n            className='p-3'\n          >\n            <h1\n              className='pr-6 font-medium'\n            >\n              { props.place.properties.title }\n            </h1>\n            <ol\n              className='text-sm mt-4 leading-6 overflow-hidden'\n            >\n              { _.map(userDefined, ({ label, value }) => (\n                <li\n                  key={label}\n                  className='mb-2'\n                >\n                  <div\n                    className='text-muted'\n                  >\n                    { label }\n                  </div>\n                  <div\n                    className='font-medium overflow-hidden text-ellipsis'\n                  >\n                    { value }\n                  </div>\n                </li>\n              ))}\n            </ol>\n          </div>\n          <RelatedItemsList\n            items={props.related}\n          />\n        </>\n      )}\n    </aside>\n  );\n};\n\nexport default PlaceDetailsPanel;\n"],"names":["PlaceDetailsPanel","props","el","useRef","firstImage","useMemo","images","i","_","_a","userDefined","jsxs","jsx","X","Fragment","Image","label","value","RelatedItemsList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BM,MAAAA,IAAoB,CAACC,MAAiB;AACpC,QAAAC,IAAKC,EAAoB,IAAI,GAK7BC,IAAaC,EAAQ,MAAM;AAC/B,UAAMC,IAASL,EAAM,QAAQ,KAAK,CAACM,MAAM;;AAAA,aAAAA,EAAE,aAAa,oBAAoB,CAACC,EAAE,SAAQC,IAAAF,EAAE,SAAF,gBAAAE,EAAQ,KAAK;AAAA,KAAC;AAC9F,WAAAH,IAAUA,EAAO,QAAQA,EAAO,KAAK,MAAM,CAAC,EAAE,OAAQ;AAAA,EAAA,GAC5D,CAACL,EAAM,OAAO,CAAC,GAOZS,IAAcL,EAAQ,MAAA;;AAC1B,YAAAI,IAAAR,EAAM,UAAN,QAAAQ,EAAa,eAAe,OAAO,OAAOR,EAAM,MAAM,YAAY,IAAI,CAAA;AAAA,KACrE,CAACA,EAAM,KAAK,CAAC;AAGd,SAAAU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKT;AAAA,MAEL,UAAA;AAAA,QAAAU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAASX,EAAM;AAAA,YACf,MAAK;AAAA,YAEL,UAAAW,gBAAAA,EAAAA,IAACC,GAAE,EAAA,WAAU,UAAU,CAAA;AAAA,UAAA;AAAA,QACzB;AAAA,QACEZ,EAAM,SAEFU,gBAAAA,EAAAA,KAAAG,EAAA,UAAA,EAAA,UAAA;AAAA,UACAV,KAAAO,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAAC,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBAEV,UAAAA,gBAAAA,EAAA;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,aAAa;AAAA,sBAAA;AAAA,oBACf;AAAA,kBAAA;AAAA,gBACF;AAAA,gBACAH,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBAEV,UAAAA,gBAAAA,EAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,KAAKR,EAAW;AAAA,wBAChB,KAAKA,EAAW;AAAA,sBAAA;AAAA,oBAClB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEFO,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAAC,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBAER,UAAAX,EAAM,MAAM,WAAW;AAAA,kBAAA;AAAA,gBAC3B;AAAA,gBACAW,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBAER,YAAE,IAAIF,GAAa,CAAC,EAAE,OAAAM,GAAO,OAAAC,QAC7BN,gBAAAA,EAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,WAAU;AAAA,wBAEV,UAAA;AAAA,0BAAAC,gBAAAA,EAAA;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACC,WAAU;AAAA,8BAER,UAAAI;AAAA,4BAAA;AAAA,0BACJ;AAAA,0BACAJ,gBAAAA,EAAA;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACC,WAAU;AAAA,8BAER,UAAAK;AAAA,4BAAA;AAAA,0BACJ;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAZKD;AAAA,oBAAA,CAcR;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,OAAOjB,EAAM;AAAA,YAAA;AAAA,UACf;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es60.js

@@ -1,20 +1,2 @@
-import a from "./index.es237.js";
-/**
- * @license lucide-react v0.321.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const e = a("Building2", [
-  ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
-  ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
-  ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
-  ["path", { d: "M10 6h4", key: "1itunk" }],
-  ["path", { d: "M10 10h4", key: "tcdvrf" }],
-  ["path", { d: "M10 14h4", key: "kelpxr" }],
-  ["path", { d: "M10 18h4", key: "1ulq68" }]
-]);
-export {
-  e as default
-};
+
 //# sourceMappingURL=index.es60.js.map

package/dist/index.es60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es60.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/building-2.js"],"sourcesContent":["/**\n * @license lucide-react v0.321.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Building2 = createLucideIcon(\"Building2\", [\n  [\"path\", { d: \"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\", key: \"1b4qmf\" }],\n  [\"path\", { d: \"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\", key: \"i71pzd\" }],\n  [\"path\", { d: \"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\", key: \"10jefs\" }],\n  [\"path\", { d: \"M10 6h4\", key: \"1itunk\" }],\n  [\"path\", { d: \"M10 10h4\", key: \"tcdvrf\" }],\n  [\"path\", { d: \"M10 14h4\", key: \"kelpxr\" }],\n  [\"path\", { d: \"M10 18h4\", key: \"1ulq68\" }]\n]);\n\nexport { Building2 as default };\n//# sourceMappingURL=building-2.js.map\n"],"names":["Building2","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASM,MAAAA,IAAYC,EAAiB,aAAa;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,UAAU;AAAA,EAC1E,CAAC,QAAQ,EAAE,GAAG,2CAA2C,KAAK,UAAU;AAAA,EACxE,CAAC,QAAQ,EAAE,GAAG,4CAA4C,KAAK,UAAU;AAAA,EACzE,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,UAAU;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,UAAU;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,UAAU;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,UAAU;AAC3C,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es60.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.es61.js

@@ -1,16 +1,50 @@
-import e from "./index.es237.js";
-/**
- * @license lucide-react v0.321.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const r = e("CircleUser", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }],
-  ["path", { d: "M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662", key: "154egf" }]
-]);
+import m from "react";
+import { Highlight as f } from "./index.es323.js";
+import { unescape as s } from "./index.es324.js";
+import { getPropertyByPath as b } from "./index.es325.js";
+import { getHighlightedParts as v } from "./index.es326.js";
+var c = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+function g() {
+  return g = Object.assign ? Object.assign.bind() : function(t) {
+    for (var a = 1; a < arguments.length; a++) {
+      var e = arguments[a];
+      for (var r in e)
+        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+    }
+    return t;
+  }, g.apply(this, arguments);
+}
+function y(t, a) {
+  if (t == null)
+    return {};
+  var e = d(t, a), r, i;
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < n.length; i++)
+      r = n[i], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (e[r] = t[r]);
+  }
+  return e;
+}
+function d(t, a) {
+  if (t == null)
+    return {};
+  var e = {}, r = Object.keys(t), i, n;
+  for (n = 0; n < r.length; n++)
+    i = r[n], !(a.indexOf(i) >= 0) && (e[i] = t[i]);
+  return e;
+}
+function T(t) {
+  var a = t.hit, e = t.attribute, r = t.highlightedTagName, i = t.nonHighlightedTagName, n = t.separator, h = y(t, c), o = b(a._highlightResult, e) || [], p = Array.isArray(o) ? o : [o], l = p.map(function(u) {
+    return v(s(u.value || ""));
+  });
+  return /* @__PURE__ */ m.createElement(f, g({}, h, {
+    parts: l,
+    highlightedTagName: r,
+    nonHighlightedTagName: i,
+    separator: n
+  }));
+}
 export {
-  r as default
+  T as Highlight
 };
 //# sourceMappingURL=index.es61.js.map