@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/card/GridLayout.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/card/GridLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {Key, Node, Orientation} from '@react-types/shared';\nimport {LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\n\nexport interface GridLayoutOptions extends BaseLayoutOptions {\n  // /**\n  //  * The card size in the grid.\n  //  */\n  // cardSize?: 'S' | 'M' | 'L',\n  /**\n   * The minimum item size.\n   * @default 208 x 208 for horizontal card orientation. 102 x 102 for vertical card orientation.\n   */\n  minItemSize?: Size,\n  /**\n   * The maximum item size.\n   * @default Infinity\n   */\n  maxItemSize?: Size,\n  /**\n   * The minimum space required between items.\n   * @default 18 x 18\n   */\n  minSpace?: Size,\n  /**\n   * The maximum number of columns.\n   * @default Infinity\n   */\n  maxColumns?: number,\n  /**\n   * The additional padding along the card's main axis. Affects the sizing of the content area following the card image.\n   * @default 95\n   */\n  itemPadding?: number,\n  /**\n   * The orientation of the cards withn the grid.\n   * @default vertical\n   */\n  cardOrientation?: Orientation\n}\n\nconst DEFAULT_OPTIONS = {\n  S: {\n    itemPadding: 20,\n    minItemSize: {\n      'vertical': new Size(96, 96)\n    },\n    maxItemSize: new Size(Infinity, Infinity),\n    margin: 8,\n    minSpace: new Size(6, 6),\n    maxColumns: Infinity,\n    dropSpacing: 50\n  },\n  L: {\n    itemPadding: {\n      'vertical': {\n        'medium': 78,\n        'large': 98\n      },\n      'horizontal': {\n        'medium': 150,\n        'large': 170\n      }\n    },\n    minItemSize: {\n      'vertical': new Size(208, 208),\n      'horizontal': new Size(102, 102)\n    },\n    maxItemSize: new Size(Infinity, Infinity),\n    margin: 24,\n    minSpace: new Size(18, 18),\n    maxColumns: Infinity,\n    dropSpacing: 100\n  }\n};\n\nexport class GridLayout<T> extends BaseLayout<T> {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  itemPadding: number;\n  cardOrientation: Orientation;\n  protected itemSize: Size;\n  protected numColumns: number;\n  protected numRows: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: GridLayoutOptions = {}) {\n    super(options);\n    let cardSize = 'L';\n    this.cardOrientation = options.cardOrientation || 'vertical';\n    this.minItemSize = options.minItemSize || DEFAULT_OPTIONS[cardSize].minItemSize[this.cardOrientation];\n    this.maxItemSize = options.maxItemSize || DEFAULT_OPTIONS[cardSize].maxItemSize;\n    this.margin = options.margin != null ? options.margin : DEFAULT_OPTIONS[cardSize].margin;\n    this.minSpace = options.minSpace || DEFAULT_OPTIONS[cardSize].minSpace;\n    this.maxColumns = options.maxColumns || DEFAULT_OPTIONS[cardSize].maxColumns;\n    this.itemPadding = options.itemPadding != null ? options.itemPadding : DEFAULT_OPTIONS[cardSize].itemPadding[this.cardOrientation][this.scale];\n    this.itemSize = null;\n    this.numColumns = 0;\n    this.numRows = 0;\n    this.horizontalSpacing = 0;\n  }\n\n  get layoutType(): string {\n    return 'grid';\n  }\n\n  getIndexAtPoint(x: number, y: number, allowInsertingAtEnd = false): number {\n    let itemHeight = this.itemSize.height + this.minSpace.height;\n    let itemWidth = this.itemSize.width + this.horizontalSpacing;\n    return Math.max(0,\n      Math.min(\n        this.collection.size - (allowInsertingAtEnd ? 0 : 1),\n        Math.floor(y / itemHeight) * this.numColumns + Math.floor((x - this.horizontalSpacing) / itemWidth)\n      )\n    );\n  }\n\n  buildCollection(): void {\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let visibleHeight = this.virtualizer.visibleRect.height;\n    let horizontalItemPadding = this.cardOrientation === 'horizontal' ? this.itemPadding : 0;\n    let verticalItemPadding = this.cardOrientation === 'vertical' ? this.itemPadding : 0;\n    let minCardWidth = this.minItemSize.width + horizontalItemPadding;\n\n    // Compute the number of rows and columns needed to display the content\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor((availableWidth + this.minSpace.width) / (minCardWidth + this.minSpace.width));\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n    this.numRows = Math.ceil(this.collection.size / this.numColumns);\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - (this.minSpace.width * Math.max(0, this.numColumns - 1));\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.floor(width / this.numColumns);\n    itemWidth = Math.max(minCardWidth, Math.min(this.maxItemSize.width, itemWidth));\n    // Compute the item height, which is proportional to the item width\n    let t = ((itemWidth - minCardWidth) / minCardWidth);\n    let itemHeight = Math.floor(this.minItemSize.height + this.minItemSize.height * t);\n    itemHeight = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, itemHeight)) + verticalItemPadding;\n    this.itemSize = new Size(itemWidth, itemHeight);\n\n    // Compute the horizontal spacing and content height\n    this.horizontalSpacing = this.numColumns < 2 ? 0 : Math.floor((availableWidth - this.numColumns * this.itemSize.width) / (this.numColumns - 1));\n\n    let y = this.margin;\n    let index = 0;\n    for (let node of this.collection) {\n      let layoutInfo = this.buildChild(node, y, index);\n      y = layoutInfo.rect.maxY;\n      index++;\n    }\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = visibleHeight || 60;\n      }\n\n      let rect = new Rect(0, loaderY, visibleWidth, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(0, 0, visibleWidth, visibleHeight);\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(visibleWidth, y);\n  }\n\n  buildChild(node: Node<T>, y: number, index: number): LayoutInfo {\n    let row = Math.floor(index / this.numColumns);\n    let column = index % this.numColumns;\n    let x = this.margin + column * (this.itemSize.width + this.horizontalSpacing);\n    y = this.margin + row * (this.itemSize.height + this.minSpace.height);\n\n    let rect = new Rect(x, y, this.itemSize.width, this.itemSize.height);\n    // TODO: Perhaps have it so that the child key for each row is stored with the layoutInfo?\n    let layoutInfo = new LayoutInfo(node.type, node.key, rect);\n    layoutInfo.allowOverflow = true;\n    this.layoutInfos.set(node.key, layoutInfo);\n    return layoutInfo;\n  }\n\n  // Since the collection doesn't represent the visual layout, need to calculate what row and column the current key is in,\n  // then return the key that occupies the row + column below. This can be done by figuring out how many cards exist per column then dividing the\n  // collection contents by that number (which will give us the row distribution)\n  getKeyBelow(key: Key): Node<T> | undefined | null {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let indexRowBelow;\n    let index = this.collection.rows.findIndex(card => card.key === parentRowKey);\n    if (index !== -1) {\n      indexRowBelow = index + this.numColumns;\n    } else {\n      return null;\n    }\n\n    let row = this.collection.rows[indexRowBelow];\n    return row ? getFirstItem(getChildNodes(row, this.collection))?.key : null;\n  }\n\n  getKeyAbove(key: Key): Node<T> | undefined | null {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let indexRowAbove;\n    let index = this.collection.rows.findIndex(card => card.key === parentRowKey);\n    if (index !== -1) {\n      indexRowAbove = index - this.numColumns;\n    } else {\n      return null;\n    }\n\n    let row = this.collection.rows[indexRowAbove];\n    return row ? getFirstItem(getChildNodes(row, this.collection))?.key : null;\n  }\n}\n"],"names":[],"version":3,"file":"GridLayout.mjs.map"}
+{"mappings":";;;;AAAA,cAAc;AACd;;;;;;;;;;CAUC;;;AAmDD,MAAM,wCAAkB;IACtB,GAAG;QACD,aAAa;QACb,aAAa;YACX,UAAU,IAAI,CAAA,GAAA,WAAG,EAAE,IAAI;QACzB;QACA,aAAa,IAAI,CAAA,GAAA,WAAG,EAAE,UAAU;QAChC,QAAQ;QACR,UAAU,IAAI,CAAA,GAAA,WAAG,EAAE,GAAG;QACtB,YAAY;QACZ,aAAa;IACf;IACA,GAAG;QACD,aAAa;YACX,UAAU;gBACR,QAAQ;gBACR,OAAO;YACT;YACA,YAAY;gBACV,QAAQ;gBACR,OAAO;YACT;QACF;QACA,aAAa;YACX,UAAU,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK;YACxB,YAAY,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK;QAC5B;QACA,aAAa,IAAI,CAAA,GAAA,WAAG,EAAE,UAAU;QAChC,QAAQ;QACR,UAAU,IAAI,CAAA,GAAA,WAAG,EAAE,IAAI;QACvB,YAAY;QACZ,aAAa;IACf;AACF;AAEO,MAAM,kDAAsB,CAAA,GAAA,yCAAS;IAY1C,YAAY,UAA6B,CAAC,CAAC,CAAE;QAC3C,KAAK,CAAC;QACN,IAAI,WAAW;QACf,IAAI,CAAC,eAAe,GAAG,QAAQ,eAAe,IAAI;QAClD,IAAI,CAAC,WAAW,GACd,QAAQ,WAAW,IAAI,qCAAe,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC;QACpF,IAAI,CAAC,WAAW,GAAG,QAAQ,WAAW,IAAI,qCAAe,CAAC,SAAS,CAAC,WAAW;QAC/E,IAAI,CAAC,MAAM,GAAG,QAAQ,MAAM,IAAI,OAAO,QAAQ,MAAM,GAAG,qCAAe,CAAC,SAAS,CAAC,MAAM;QACxF,IAAI,CAAC,QAAQ,GAAG,QAAQ,QAAQ,IAAI,qCAAe,CAAC,SAAS,CAAC,QAAQ;QACtE,IAAI,CAAC,UAAU,GAAG,QAAQ,UAAU,IAAI,qCAAe,CAAC,SAAS,CAAC,UAAU;QAC5E,IAAI,CAAC,WAAW,GACd,QAAQ,WAAW,IAAI,OACnB,QAAQ,WAAW,GACnB,qCAAe,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7E,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,OAAO,GAAG;QACf,IAAI,CAAC,iBAAiB,GAAG;IAC3B;IAEA,IAAI,aAAqB;QACvB,OAAO;IACT;IAEA,gBAAgB,CAAS,EAAE,CAAS,EAAE,sBAAsB,KAAK,EAAU;QACzE,IAAI,aAAa,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;QAC5D,IAAI,YAAY,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB;QAC5D,OAAO,KAAK,GAAG,CACb,GACA,KAAK,GAAG,CACN,IAAI,CAAC,UAAU,CAAC,IAAI,GAAI,CAAA,sBAAsB,IAAI,CAAA,GAClD,KAAK,KAAK,CAAC,IAAI,cAAc,IAAI,CAAC,UAAU,GAC1C,KAAK,KAAK,CAAC,AAAC,CAAA,IAAI,IAAI,CAAC,iBAAiB,AAAD,IAAK;IAGlD;IAEA,kBAAwB;QACtB,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK;QACrD,IAAI,gBAAgB,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM;QACvD,IAAI,wBAAwB,IAAI,CAAC,eAAe,KAAK,eAAe,IAAI,CAAC,WAAW,GAAG;QACvF,IAAI,sBAAsB,IAAI,CAAC,eAAe,KAAK,aAAa,IAAI,CAAC,WAAW,GAAG;QACnF,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG;QAE5C,uEAAuE;QACvE,IAAI,iBAAiB,eAAe,IAAI,CAAC,MAAM,GAAG;QAClD,IAAI,UAAU,KAAK,KAAK,CACtB,AAAC,CAAA,iBAAiB,IAAI,CAAC,QAAQ,CAAC,KAAK,AAAD,IAAM,CAAA,eAAe,IAAI,CAAC,QAAQ,CAAC,KAAK,AAAD;QAE7E,IAAI,CAAC,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE;QACxD,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU;QAE/D,8DAA8D;QAC9D,IAAI,QAAQ,iBAAiB,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG;QAEjF,sDAAsD;QACtD,IAAI,YAAY,KAAK,KAAK,CAAC,QAAQ,IAAI,CAAC,UAAU;QAClD,YAAY,KAAK,GAAG,CAAC,cAAc,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;QACpE,mEAAmE;QACnE,IAAI,IAAI,AAAC,CAAA,YAAY,YAAW,IAAK;QACrC,IAAI,aAAa,KAAK,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG;QAChF,aACE,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,eACpE;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA,GAAA,WAAG,EAAE,WAAW;QAEpC,oDAAoD;QACpD,IAAI,CAAC,iBAAiB,GACpB,IAAI,CAAC,UAAU,GAAG,IACd,IACA,KAAK,KAAK,CACR,AAAC,CAAA,iBAAiB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,AAAD,IAAM,CAAA,IAAI,CAAC,UAAU,GAAG,CAAA;QAGtF,IAAI,IAAI,IAAI,CAAC,MAAM;QACnB,IAAI,QAAQ;QACZ,KAAK,IAAI,QAAQ,IAAI,CAAC,UAAU,CAAE;YAChC,IAAI,aAAa,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG;YAC1C,IAAI,WAAW,IAAI,CAAC,IAAI;YACxB;QACF;QAEA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,UAAU;YACd,IAAI,eAAe;YACnB,sGAAsG;YACtG,uBAAuB;YACvB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG;gBAC9B,UAAU;gBACV,eAAe,iBAAiB;YAClC;YAEA,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,GAAG,SAAS,cAAc;YAC9C,IAAI,SAAS,IAAI,CAAA,GAAA,iBAAS,EAAE,UAAU,UAAU;YAChD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU;YAC/B,IAAI,OAAO,IAAI,CAAC,IAAI;QACtB;QAEA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YACjD,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,GAAG,GAAG,cAAc;YACxC,IAAI,cAAc,IAAI,CAAA,GAAA,iBAAS,EAAE,eAAe,eAAe;YAC/D,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,eAAe;YACpC,IAAI,YAAY,IAAI,CAAC,IAAI;QAC3B;QAEA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA,GAAA,WAAG,EAAE,cAAc;IAC5C;IAEA,WAAW,IAAa,EAAE,CAAS,EAAE,KAAa,EAAc;QAC9D,IAAI,MAAM,KAAK,KAAK,CAAC,QAAQ,IAAI,CAAC,UAAU;QAC5C,IAAI,SAAS,QAAQ,IAAI,CAAC,UAAU;QACpC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,SAAU,CAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,AAAD;QAC3E,IAAI,IAAI,CAAC,MAAM,GAAG,MAAO,CAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,AAAD;QAEnE,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM;QACnE,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAA,GAAA,iBAAS,EAAE,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE;QACrD,WAAW,aAAa,GAAG;QAC3B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE;QAC/B,OAAO;IACT;IAEA,yHAAyH;IACzH,+IAA+I;IAC/I,+EAA+E;IAC/E,YAAY,GAAQ,EAA8B;QAChD,2EAA2E;QAC3E,IAAI,eAAe,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,SAAS;QACzD,IAAI;QACJ,IAAI,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA,OAAQ,KAAK,GAAG,KAAK;QAChE,IAAI,UAAU,IACZ,gBAAgB,QAAQ,IAAI,CAAC,UAAU;aAEvC,OAAO;QAGT,IAAI,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc;QAC7C,OAAO,MAAM,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,oBAAY,EAAE,KAAK,IAAI,CAAC,UAAU,IAAI,MAAM;IACxE;IAEA,YAAY,GAAQ,EAA8B;QAChD,2EAA2E;QAC3E,IAAI,eAAe,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,SAAS;QACzD,IAAI;QACJ,IAAI,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA,OAAQ,KAAK,GAAG,KAAK;QAChE,IAAI,UAAU,IACZ,gBAAgB,QAAQ,IAAI,CAAC,UAAU;aAEvC,OAAO;QAGT,IAAI,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc;QAC7C,OAAO,MAAM,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,oBAAY,EAAE,KAAK,IAAI,CAAC,UAAU,IAAI,MAAM;IACxE;AACF","sources":["packages/@adobe/react-spectrum/src/card/GridLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {Key, Node, Orientation} from '@react-types/shared';\nimport {LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\n\nexport interface GridLayoutOptions extends BaseLayoutOptions {\n  // /**\n  //  * The card size in the grid.\n  //  */\n  // cardSize?: 'S' | 'M' | 'L',\n  /**\n   * The minimum item size.\n   *\n   * @default 208 x 208 for horizontal card orientation. 102 x 102 for vertical card orientation.\n   */\n  minItemSize?: Size;\n  /**\n   * The maximum item size.\n   *\n   * @default Infinity\n   */\n  maxItemSize?: Size;\n  /**\n   * The minimum space required between items.\n   *\n   * @default 18 x 18\n   */\n  minSpace?: Size;\n  /**\n   * The maximum number of columns.\n   *\n   * @default Infinity\n   */\n  maxColumns?: number;\n  /**\n   * The additional padding along the card's main axis. Affects the sizing of the content area\n   * following the card image.\n   *\n   * @default 95\n   */\n  itemPadding?: number;\n  /**\n   * The orientation of the cards withn the grid.\n   *\n   * @default vertical\n   */\n  cardOrientation?: Orientation;\n}\n\nconst DEFAULT_OPTIONS = {\n  S: {\n    itemPadding: 20,\n    minItemSize: {\n      vertical: new Size(96, 96)\n    },\n    maxItemSize: new Size(Infinity, Infinity),\n    margin: 8,\n    minSpace: new Size(6, 6),\n    maxColumns: Infinity,\n    dropSpacing: 50\n  },\n  L: {\n    itemPadding: {\n      vertical: {\n        medium: 78,\n        large: 98\n      },\n      horizontal: {\n        medium: 150,\n        large: 170\n      }\n    },\n    minItemSize: {\n      vertical: new Size(208, 208),\n      horizontal: new Size(102, 102)\n    },\n    maxItemSize: new Size(Infinity, Infinity),\n    margin: 24,\n    minSpace: new Size(18, 18),\n    maxColumns: Infinity,\n    dropSpacing: 100\n  }\n};\n\nexport class GridLayout<T> extends BaseLayout<T> {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  itemPadding: number;\n  cardOrientation: Orientation;\n  protected itemSize: Size;\n  protected numColumns: number;\n  protected numRows: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: GridLayoutOptions = {}) {\n    super(options);\n    let cardSize = 'L';\n    this.cardOrientation = options.cardOrientation || 'vertical';\n    this.minItemSize =\n      options.minItemSize || DEFAULT_OPTIONS[cardSize].minItemSize[this.cardOrientation];\n    this.maxItemSize = options.maxItemSize || DEFAULT_OPTIONS[cardSize].maxItemSize;\n    this.margin = options.margin != null ? options.margin : DEFAULT_OPTIONS[cardSize].margin;\n    this.minSpace = options.minSpace || DEFAULT_OPTIONS[cardSize].minSpace;\n    this.maxColumns = options.maxColumns || DEFAULT_OPTIONS[cardSize].maxColumns;\n    this.itemPadding =\n      options.itemPadding != null\n        ? options.itemPadding\n        : DEFAULT_OPTIONS[cardSize].itemPadding[this.cardOrientation][this.scale];\n    this.itemSize = null;\n    this.numColumns = 0;\n    this.numRows = 0;\n    this.horizontalSpacing = 0;\n  }\n\n  get layoutType(): string {\n    return 'grid';\n  }\n\n  getIndexAtPoint(x: number, y: number, allowInsertingAtEnd = false): number {\n    let itemHeight = this.itemSize.height + this.minSpace.height;\n    let itemWidth = this.itemSize.width + this.horizontalSpacing;\n    return Math.max(\n      0,\n      Math.min(\n        this.collection.size - (allowInsertingAtEnd ? 0 : 1),\n        Math.floor(y / itemHeight) * this.numColumns +\n          Math.floor((x - this.horizontalSpacing) / itemWidth)\n      )\n    );\n  }\n\n  buildCollection(): void {\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let visibleHeight = this.virtualizer.visibleRect.height;\n    let horizontalItemPadding = this.cardOrientation === 'horizontal' ? this.itemPadding : 0;\n    let verticalItemPadding = this.cardOrientation === 'vertical' ? this.itemPadding : 0;\n    let minCardWidth = this.minItemSize.width + horizontalItemPadding;\n\n    // Compute the number of rows and columns needed to display the content\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor(\n      (availableWidth + this.minSpace.width) / (minCardWidth + this.minSpace.width)\n    );\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n    this.numRows = Math.ceil(this.collection.size / this.numColumns);\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - this.minSpace.width * Math.max(0, this.numColumns - 1);\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.floor(width / this.numColumns);\n    itemWidth = Math.max(minCardWidth, Math.min(this.maxItemSize.width, itemWidth));\n    // Compute the item height, which is proportional to the item width\n    let t = (itemWidth - minCardWidth) / minCardWidth;\n    let itemHeight = Math.floor(this.minItemSize.height + this.minItemSize.height * t);\n    itemHeight =\n      Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, itemHeight)) +\n      verticalItemPadding;\n    this.itemSize = new Size(itemWidth, itemHeight);\n\n    // Compute the horizontal spacing and content height\n    this.horizontalSpacing =\n      this.numColumns < 2\n        ? 0\n        : Math.floor(\n            (availableWidth - this.numColumns * this.itemSize.width) / (this.numColumns - 1)\n          );\n\n    let y = this.margin;\n    let index = 0;\n    for (let node of this.collection) {\n      let layoutInfo = this.buildChild(node, y, index);\n      y = layoutInfo.rect.maxY;\n      index++;\n    }\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = visibleHeight || 60;\n      }\n\n      let rect = new Rect(0, loaderY, visibleWidth, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(0, 0, visibleWidth, visibleHeight);\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(visibleWidth, y);\n  }\n\n  buildChild(node: Node<T>, y: number, index: number): LayoutInfo {\n    let row = Math.floor(index / this.numColumns);\n    let column = index % this.numColumns;\n    let x = this.margin + column * (this.itemSize.width + this.horizontalSpacing);\n    y = this.margin + row * (this.itemSize.height + this.minSpace.height);\n\n    let rect = new Rect(x, y, this.itemSize.width, this.itemSize.height);\n    // TODO: Perhaps have it so that the child key for each row is stored with the layoutInfo?\n    let layoutInfo = new LayoutInfo(node.type, node.key, rect);\n    layoutInfo.allowOverflow = true;\n    this.layoutInfos.set(node.key, layoutInfo);\n    return layoutInfo;\n  }\n\n  // Since the collection doesn't represent the visual layout, need to calculate what row and column the current key is in,\n  // then return the key that occupies the row + column below. This can be done by figuring out how many cards exist per column then dividing the\n  // collection contents by that number (which will give us the row distribution)\n  getKeyBelow(key: Key): Node<T> | undefined | null {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let indexRowBelow;\n    let index = this.collection.rows.findIndex(card => card.key === parentRowKey);\n    if (index !== -1) {\n      indexRowBelow = index + this.numColumns;\n    } else {\n      return null;\n    }\n\n    let row = this.collection.rows[indexRowBelow];\n    return row ? getFirstItem(getChildNodes(row, this.collection))?.key : null;\n  }\n\n  getKeyAbove(key: Key): Node<T> | undefined | null {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let indexRowAbove;\n    let index = this.collection.rows.findIndex(card => card.key === parentRowKey);\n    if (index !== -1) {\n      indexRowAbove = index - this.numColumns;\n    } else {\n      return null;\n    }\n\n    let row = this.collection.rows[indexRowAbove];\n    return row ? getFirstItem(getChildNodes(row, this.collection))?.key : null;\n  }\n}\n"],"names":[],"version":3,"file":"GridLayout.mjs.map"}

package/dist/private/card/WaterfallLayout.cjs

@@ -143,7 +143,7 @@ class $a9e1e9beb02a9157$export$e9f7cda058ba8df8 extends (0, $b9ec4ce2ddaeda0a$ex
         // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card
         let rect = new (0, $6SgqS$reactstatelyuseVirtualizerState.Rect)(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
         key = this._findClosest(layoutInfo.rect, rect)?.key;
-        if (!key) {
+        if (key == null) {
             rect = new (0, $6SgqS$reactstatelyuseVirtualizerState.Rect)(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = this._findClosest(layoutInfo.rect, rect)?.key;
         }
@@ -155,7 +155,7 @@ class $a9e1e9beb02a9157$export$e9f7cda058ba8df8 extends (0, $b9ec4ce2ddaeda0a$ex
         // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
         let rect = new (0, $6SgqS$reactstatelyuseVirtualizerState.Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
         key = this._findClosest(layoutInfo.rect, rect)?.key;
-        if (!key) {
+        if (key == null) {
             rect = new (0, $6SgqS$reactstatelyuseVirtualizerState.Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = this._findClosest(layoutInfo.rect, rect)?.key;
         }

package/dist/private/card/WaterfallLayout.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/card/WaterfallLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {InvalidationContext, LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\nimport {Key, KeyboardDelegate} from '@react-types/shared';\n\nexport interface WaterfallLayoutOptions extends BaseLayoutOptions {\n  /**\n   * The minimum item size.\n   * @default 240 x 136\n   */\n  minItemSize?: Size,\n  /**\n   * The maximum item size.\n   * @default Infinity\n   */\n  maxItemSize?: Size,\n  /**\n   * The minimum space required between items.\n   * @default 18 x 18\n   */\n  minSpace?: Size,\n  /**\n   * The maximum number of columns.\n   * @default Infinity\n   */\n  maxColumns?: number\n}\n\n// TODO: this didn't have any options that varied with card size, should it have?\nexport class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegate {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  protected numColumns: number;\n  protected itemWidth: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: WaterfallLayoutOptions = {}) {\n    // TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify\n    // minItemSize defaults or other things\n    super(options);\n    this.minItemSize = options.minItemSize || new Size(240, 136);\n    this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity);\n    this.margin = options.margin != null ? options.margin : 24;\n    this.minSpace = options.minSpace || new Size(18, 18);\n    this.maxColumns = options.maxColumns || Infinity;\n\n    this.itemWidth = 0;\n    this.numColumns = 0;\n\n    this.lastCollection = null;\n    this.collator = options.collator;\n  }\n\n  get layoutType(): string {\n    return 'waterfall';\n  }\n\n  buildCollection(invalidationContext: InvalidationContext): void {\n    // Compute the number of columns needed to display the content\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor((availableWidth + this.minSpace.width) / (this.minItemSize.width + this.minSpace.width));\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - (this.minSpace.width * (this.numColumns - 1));\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.round(width / this.numColumns);\n    itemWidth = Math.max(this.minItemSize.width, Math.min(this.maxItemSize.width, itemWidth));\n    this.itemWidth = itemWidth;\n\n    // Compute the horizontal spacing\n    // if only one column, we cannot divide by zero, so set it to 1\n    let horizontalSpacing = Math.round((availableWidth - this.numColumns * itemWidth) / Math.max(1, this.numColumns - 1));\n    this.horizontalSpacing = horizontalSpacing;\n\n    // Setup an array of column heights\n    let columnHeights = Array(this.numColumns).fill(this.margin);\n    for (let node of this.collection) {\n      let key = node.key;\n      // Compute the height of the item. Use the existing height if available,\n      // otherwise call the delegate to estimate the size.\n      let oldLayoutInfo = this.layoutInfos.get(key);\n      let height;\n      let estimatedSize = true;\n      if (oldLayoutInfo) {\n        height = oldLayoutInfo.rect.height;\n        estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize;\n      } else if (node.props.width && node.props.height) {\n        let nodeWidth = node.props.width;\n        let nodeHeight = node.props.height;\n        let scaledHeight = Math.round(nodeHeight * ((itemWidth) / nodeWidth));\n        height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));\n      } else {\n        height = itemWidth;\n      }\n\n      // Figure out which column to place the item in, and compute its position.\n      let column = this.getNextColumnIndex(columnHeights);\n      let x = this.margin + column * (itemWidth + horizontalSpacing);\n      let y = columnHeights[column];\n\n      let rect = new Rect(x, y, itemWidth, height);\n      let layoutInfo = new LayoutInfo(node.type, key, rect);\n      layoutInfo.estimatedSize = estimatedSize;\n      layoutInfo.allowOverflow = true;\n      this.layoutInfos.set(key, layoutInfo);\n\n      // TODO: From v2 figure out this bit, when does this get called and what to replace this.collectionView._transaction with?\n      // Removing it from v2 doesn't seem to do anything?\n      // if (layoutInfo.estimatedSize && !invalidationContext.contentChanged && !this.collectionView._transaction) {\n      //   this.updateItemSize(new IndexPath(section, i));\n      // }\n\n      columnHeights[column] += layoutInfo.rect.height + this.minSpace.height;\n    }\n\n    // Reset all columns to the maximum for the next section\n    let maxHeight = Math.max.apply(Math, columnHeights) - this.minSpace.height + this.margin;\n    columnHeights.fill(maxHeight);\n    let y = columnHeights[0];\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = this.virtualizer.visibleRect.height || 60;\n      }\n\n      let rect = new Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(this.virtualizer.visibleRect.width, y);\n  }\n\n  updateItemSize(key: Key, size: Size): number {\n    let layoutInfo = this.layoutInfos.get(key);\n    if (!size || !layoutInfo) {\n      return false;\n    }\n\n    if (size.height !== layoutInfo.rect.height) {\n      // TODO: also not sure about copying layout info vs mutating it. Listlayout does the below\n      // but I feel that is because it actually maintained a layoutNode map cache which this doesn't have\n      let newLayoutInfo = layoutInfo.copy();\n      newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;\n      newLayoutInfo.estimatedSize = false;\n      this.layoutInfos.set(key, newLayoutInfo);\n      return true;\n    }\n\n    return false;\n  }\n\n  getNextColumnIndex(columnHeights: number[]): number {\n    let minIndex = 0;\n    for (let i = 0; i < columnHeights.length; i++) {\n      if (columnHeights[i] < columnHeights[minIndex]) {\n        minIndex = i;\n      }\n    }\n\n    return minIndex;\n  }\n\n  getClosestRight(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // Refactored from v2. Current strategy is to find the closest card in the adjacent column.\n    // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall\n    // and thus the top corner to top corner distance was massive.\n\n    // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card\n    let rect = new Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (!key) {\n      rect = new Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getClosestLeft(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n     // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card\n    let rect = new Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (!key) {\n      rect = new Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getKeyRightOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl' ?  this.getClosestLeft(parentRowKey) : this.getClosestRight(parentRowKey);\n  }\n\n  getKeyLeftOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl' ?  this.getClosestRight(parentRowKey) : this.getClosestLeft(parentRowKey);\n  }\n}\n"],"names":[],"version":3,"file":"WaterfallLayout.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/card/WaterfallLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {InvalidationContext, LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\nimport {Key, KeyboardDelegate} from '@react-types/shared';\n\nexport interface WaterfallLayoutOptions extends BaseLayoutOptions {\n  /**\n   * The minimum item size.\n   *\n   * @default 240 x 136\n   */\n  minItemSize?: Size;\n  /**\n   * The maximum item size.\n   *\n   * @default Infinity\n   */\n  maxItemSize?: Size;\n  /**\n   * The minimum space required between items.\n   *\n   * @default 18 x 18\n   */\n  minSpace?: Size;\n  /**\n   * The maximum number of columns.\n   *\n   * @default Infinity\n   */\n  maxColumns?: number;\n}\n\n// TODO: this didn't have any options that varied with card size, should it have?\nexport class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegate {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  protected numColumns: number;\n  protected itemWidth: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: WaterfallLayoutOptions = {}) {\n    // TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify\n    // minItemSize defaults or other things\n    super(options);\n    this.minItemSize = options.minItemSize || new Size(240, 136);\n    this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity);\n    this.margin = options.margin != null ? options.margin : 24;\n    this.minSpace = options.minSpace || new Size(18, 18);\n    this.maxColumns = options.maxColumns || Infinity;\n\n    this.itemWidth = 0;\n    this.numColumns = 0;\n\n    this.lastCollection = null;\n    this.collator = options.collator;\n  }\n\n  get layoutType(): string {\n    return 'waterfall';\n  }\n\n  buildCollection(invalidationContext: InvalidationContext): void {\n    // Compute the number of columns needed to display the content\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor(\n      (availableWidth + this.minSpace.width) / (this.minItemSize.width + this.minSpace.width)\n    );\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - this.minSpace.width * (this.numColumns - 1);\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.round(width / this.numColumns);\n    itemWidth = Math.max(this.minItemSize.width, Math.min(this.maxItemSize.width, itemWidth));\n    this.itemWidth = itemWidth;\n\n    // Compute the horizontal spacing\n    // if only one column, we cannot divide by zero, so set it to 1\n    let horizontalSpacing = Math.round(\n      (availableWidth - this.numColumns * itemWidth) / Math.max(1, this.numColumns - 1)\n    );\n    this.horizontalSpacing = horizontalSpacing;\n\n    // Setup an array of column heights\n    let columnHeights = Array(this.numColumns).fill(this.margin);\n    for (let node of this.collection) {\n      let key = node.key;\n      // Compute the height of the item. Use the existing height if available,\n      // otherwise call the delegate to estimate the size.\n      let oldLayoutInfo = this.layoutInfos.get(key);\n      let height;\n      let estimatedSize = true;\n      if (oldLayoutInfo) {\n        height = oldLayoutInfo.rect.height;\n        estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize;\n      } else if (node.props.width && node.props.height) {\n        let nodeWidth = node.props.width;\n        let nodeHeight = node.props.height;\n        let scaledHeight = Math.round(nodeHeight * (itemWidth / nodeWidth));\n        height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));\n      } else {\n        height = itemWidth;\n      }\n\n      // Figure out which column to place the item in, and compute its position.\n      let column = this.getNextColumnIndex(columnHeights);\n      let x = this.margin + column * (itemWidth + horizontalSpacing);\n      let y = columnHeights[column];\n\n      let rect = new Rect(x, y, itemWidth, height);\n      let layoutInfo = new LayoutInfo(node.type, key, rect);\n      layoutInfo.estimatedSize = estimatedSize;\n      layoutInfo.allowOverflow = true;\n      this.layoutInfos.set(key, layoutInfo);\n\n      // TODO: From v2 figure out this bit, when does this get called and what to replace this.collectionView._transaction with?\n      // Removing it from v2 doesn't seem to do anything?\n      // if (layoutInfo.estimatedSize && !invalidationContext.contentChanged && !this.collectionView._transaction) {\n      //   this.updateItemSize(new IndexPath(section, i));\n      // }\n\n      columnHeights[column] += layoutInfo.rect.height + this.minSpace.height;\n    }\n\n    // Reset all columns to the maximum for the next section\n    let maxHeight = Math.max.apply(Math, columnHeights) - this.minSpace.height + this.margin;\n    columnHeights.fill(maxHeight);\n    let y = columnHeights[0];\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = this.virtualizer.visibleRect.height || 60;\n      }\n\n      let rect = new Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(\n        0,\n        0,\n        this.virtualizer.visibleRect.width,\n        this.virtualizer.visibleRect.height\n      );\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(this.virtualizer.visibleRect.width, y);\n  }\n\n  updateItemSize(key: Key, size: Size): number {\n    let layoutInfo = this.layoutInfos.get(key);\n    if (!size || !layoutInfo) {\n      return false;\n    }\n\n    if (size.height !== layoutInfo.rect.height) {\n      // TODO: also not sure about copying layout info vs mutating it. Listlayout does the below\n      // but I feel that is because it actually maintained a layoutNode map cache which this doesn't have\n      let newLayoutInfo = layoutInfo.copy();\n      newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;\n      newLayoutInfo.estimatedSize = false;\n      this.layoutInfos.set(key, newLayoutInfo);\n      return true;\n    }\n\n    return false;\n  }\n\n  getNextColumnIndex(columnHeights: number[]): number {\n    let minIndex = 0;\n    for (let i = 0; i < columnHeights.length; i++) {\n      if (columnHeights[i] < columnHeights[minIndex]) {\n        minIndex = i;\n      }\n    }\n\n    return minIndex;\n  }\n\n  getClosestRight(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // Refactored from v2. Current strategy is to find the closest card in the adjacent column.\n    // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall\n    // and thus the top corner to top corner distance was massive.\n\n    // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card\n    let rect = new Rect(\n      layoutInfo.rect.maxX + 1,\n      layoutInfo.rect.y,\n      layoutInfo.rect.width + this.horizontalSpacing,\n      layoutInfo.rect.height\n    );\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (key == null) {\n      rect = new Rect(\n        layoutInfo.rect.maxX + 1,\n        0,\n        layoutInfo.rect.width + this.horizontalSpacing,\n        this.virtualizer.contentSize.height\n      );\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getClosestLeft(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card\n    let rect = new Rect(\n      layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1,\n      layoutInfo.rect.y,\n      layoutInfo.rect.width + this.horizontalSpacing,\n      layoutInfo.rect.height\n    );\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (key == null) {\n      rect = new Rect(\n        layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1,\n        0,\n        layoutInfo.rect.width + this.horizontalSpacing,\n        this.virtualizer.contentSize.height\n      );\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getKeyRightOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl'\n      ? this.getClosestLeft(parentRowKey)\n      : this.getClosestRight(parentRowKey);\n  }\n\n  getKeyLeftOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl'\n      ? this.getClosestRight(parentRowKey)\n      : this.getClosestLeft(parentRowKey);\n  }\n}\n"],"names":[],"version":3,"file":"WaterfallLayout.cjs.map"}

package/dist/private/card/WaterfallLayout.js

@@ -124,7 +124,7 @@ class $5ec1ec2c9d2aba1a$export$e9f7cda058ba8df8 extends (0, $7c753442ee8aa648$ex
         // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card
         let rect = new (0, $IlHAI$Rect)(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
         key = (_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key;
-        if (!key) {
+        if (key == null) {
             var _this__findClosest1;
             rect = new (0, $IlHAI$Rect)(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = (_this__findClosest1 = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest1 === void 0 ? void 0 : _this__findClosest1.key;
@@ -138,7 +138,7 @@ class $5ec1ec2c9d2aba1a$export$e9f7cda058ba8df8 extends (0, $7c753442ee8aa648$ex
         // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
         let rect = new (0, $IlHAI$Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
         key = (_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key;
-        if (!key) {
+        if (key == null) {
             var _this__findClosest1;
             rect = new (0, $IlHAI$Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = (_this__findClosest1 = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest1 === void 0 ? void 0 : _this__findClosest1.key;

package/dist/private/card/WaterfallLayout.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA,cAAc;AACd;;;;;;;;;;CAUC;;;AA+BM,MAAM,kDAA2B,CAAA,GAAA,yCAAS;IA0B/C,IAAI,aAAqB;QACvB,OAAO;IACT;IAEA,gBAAgB,mBAAwC,EAAQ;QAC9D,8DAA8D;QAC9D,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK;QACrD,IAAI,iBAAiB,eAAe,IAAI,CAAC,MAAM,GAAG;QAClD,IAAI,UAAU,KAAK,KAAK,CAAC,AAAC,CAAA,iBAAiB,IAAI,CAAC,QAAQ,CAAC,KAAK,AAAD,IAAM,CAAA,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,AAAD;QAC9G,IAAI,CAAC,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE;QAGxD,8DAA8D;QAC9D,IAAI,QAAQ,iBAAkB,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAI,CAAA,IAAI,CAAC,UAAU,GAAG,CAAA;QAEvE,sDAAsD;QACtD,IAAI,YAAY,KAAK,KAAK,CAAC,QAAQ,IAAI,CAAC,UAAU;QAClD,YAAY,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;QAC9E,IAAI,CAAC,SAAS,GAAG;QAEjB,iCAAiC;QACjC,+DAA+D;QAC/D,IAAI,oBAAoB,KAAK,KAAK,CAAC,AAAC,CAAA,iBAAiB,IAAI,CAAC,UAAU,GAAG,SAAQ,IAAK,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG;QAClH,IAAI,CAAC,iBAAiB,GAAG;QAEzB,mCAAmC;QACnC,IAAI,gBAAgB,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;QAC3D,KAAK,IAAI,QAAQ,IAAI,CAAC,UAAU,CAAE;YAChC,IAAI,MAAM,KAAK,GAAG;YAClB,wEAAwE;YACxE,oDAAoD;YACpD,IAAI,gBAAgB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;YACzC,IAAI;YACJ,IAAI,gBAAgB;YACpB,IAAI,eAAe;gBACjB,SAAS,cAAc,IAAI,CAAC,MAAM;gBAClC,gBAAgB,oBAAoB,WAAW,IAAI,cAAc,aAAa;YAChF,OAAO,IAAI,KAAK,KAAK,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,MAAM,EAAE;gBAChD,IAAI,YAAY,KAAK,KAAK,CAAC,KAAK;gBAChC,IAAI,aAAa,KAAK,KAAK,CAAC,MAAM;gBAClC,IAAI,eAAe,KAAK,KAAK,CAAC,aAAc,CAAA,AAAC,YAAa,SAAQ;gBAClE,SAAS,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;YAC/E,OACE,SAAS;YAGX,0EAA0E;YAC1E,IAAI,SAAS,IAAI,CAAC,kBAAkB,CAAC;YACrC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,SAAU,CAAA,YAAY,iBAAgB;YAC5D,IAAI,IAAI,aAAa,CAAC,OAAO;YAE7B,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,GAAG,GAAG,WAAW;YACrC,IAAI,aAAa,IAAI,CAAA,GAAA,iBAAS,EAAE,KAAK,IAAI,EAAE,KAAK;YAChD,WAAW,aAAa,GAAG;YAC3B,WAAW,aAAa,GAAG;YAC3B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK;YAE1B,0HAA0H;YAC1H,mDAAmD;YACnD,8GAA8G;YAC9G,oDAAoD;YACpD,IAAI;YAEJ,aAAa,CAAC,OAAO,IAAI,WAAW,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;QACxE;QAEA,wDAAwD;QACxD,IAAI,YAAY,KAAK,GAAG,CAAC,KAAK,CAAC,MAAM,iBAAiB,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;QACxF,cAAc,IAAI,CAAC;QACnB,IAAI,IAAI,aAAa,CAAC,EAAE;QAExB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,UAAU;YACd,IAAI,eAAe;YACnB,sGAAsG;YACtG,uBAAuB;YACvB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG;gBAC9B,UAAU;gBACV,eAAe,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,IAAI;YACxD;YAEA,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,GAAG,SAAS,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,EAAE;YACpE,IAAI,SAAS,IAAI,CAAA,GAAA,iBAAS,EAAE,UAAU,UAAU;YAChD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU;YAC/B,IAAI,OAAO,IAAI,CAAC,IAAI;QACtB;QAEA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YACjD,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM;YACjG,IAAI,cAAc,IAAI,CAAA,GAAA,iBAAS,EAAE,eAAe,eAAe;YAC/D,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,eAAe;YACpC,IAAI,YAAY,IAAI,CAAC,IAAI;QAC3B;QAEA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA,GAAA,WAAG,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,EAAE;IAClE;IAEA,eAAe,GAAQ,EAAE,IAAU,EAAU;QAC3C,IAAI,aAAa,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;QACtC,IAAI,CAAC,QAAQ,CAAC,YACZ,OAAO;QAGT,IAAI,KAAK,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;YAC1C,0FAA0F;YAC1F,mGAAmG;YACnG,IAAI,gBAAgB,WAAW,IAAI;YACnC,cAAc,IAAI,CAAC,MAAM,GAAG,KAAK,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG;YAC9D,cAAc,aAAa,GAAG;YAC9B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK;YAC1B,OAAO;QACT;QAEA,OAAO;IACT;IAEA,mBAAmB,aAAuB,EAAU;QAClD,IAAI,WAAW;QACf,IAAK,IAAI,IAAI,GAAG,IAAI,cAAc,MAAM,EAAE,IACxC,IAAI,aAAa,CAAC,EAAE,GAAG,aAAa,CAAC,SAAS,EAC5C,WAAW;QAIf,OAAO;IACT;IAEA,gBAAgB,GAAQ,EAAuB;YAQvC,oBAQC;QAfP,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC;QACpC,2FAA2F;QAC3F,qJAAqJ;QACrJ,8DAA8D;QAE9D,kKAAkK;QAClK,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,WAAW,IAAI,CAAC,IAAI,GAAG,GAAG,WAAW,IAAI,CAAC,CAAC,EAAE,WAAW,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,IAAI,CAAC,MAAM;QACvI,OAAM,qBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,EAAE,mBAAnC,yCAAA,mBAA0C,GAAG;QAEnD,IAAI,CAAC,KAAK;gBAEF;YADN,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,WAAW,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,WAAW,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM;YAChI,OAAM,sBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,EAAE,mBAAnC,0CAAA,oBAA0C,GAAG;QACrD;QAEA,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QACnC,QAAO,gBAAA,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,oBAAY,EAAE,MAAM,IAAI,CAAC,UAAU,gBAAhD,oCAAA,cAAoD,GAAG;IAChE;IAEA,eAAe,GAAQ,EAAuB;YAItC,oBAQC;QAXP,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC;QACnC,gKAAgK;QACjK,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,WAAW,IAAI,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,GAAG,GAAG,WAAW,IAAI,CAAC,CAAC,EAAE,WAAW,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,IAAI,CAAC,MAAM;QACrL,OAAM,qBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,EAAE,mBAAnC,yCAAA,mBAA0C,GAAG;QAEnD,IAAI,CAAC,KAAK;gBAEF;YADN,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,WAAW,IAAI,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,GAAG,GAAG,GAAG,WAAW,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM;YAC9K,OAAM,sBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,EAAE,mBAAnC,0CAAA,oBAA0C,GAAG;QACrD;QAEA,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QACnC,QAAO,gBAAA,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,oBAAY,EAAE,MAAM,IAAI,CAAC,UAAU,gBAAhD,oCAAA,cAAoD,GAAG;IAChE;IAEA,cAAc,GAAQ,EAAuB;QAC3C,2EAA2E;QAC3E,IAAI,eAAe,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,SAAS;QACzD,OAAO,IAAI,CAAC,SAAS,KAAK,QAAS,IAAI,CAAC,cAAc,CAAC,gBAAgB,IAAI,CAAC,eAAe,CAAC;IAC9F;IAEA,aAAa,GAAQ,EAAuB;QAC1C,2EAA2E;QAC3E,IAAI,eAAe,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,SAAS;QACzD,OAAO,IAAI,CAAC,SAAS,KAAK,QAAS,IAAI,CAAC,eAAe,CAAC,gBAAgB,IAAI,CAAC,cAAc,CAAC;IAC9F;IA5LA,YAAY,UAAkC,CAAC,CAAC,CAAE;QAChD,+GAA+G;QAC/G,uCAAuC;QACvC,KAAK,CAAC;QACN,IAAI,CAAC,WAAW,GAAG,QAAQ,WAAW,IAAI,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK;QACxD,IAAI,CAAC,WAAW,GAAG,QAAQ,WAAW,IAAI,IAAI,CAAA,GAAA,WAAG,EAAE,UAAU;QAC7D,IAAI,CAAC,MAAM,GAAG,QAAQ,MAAM,IAAI,OAAO,QAAQ,MAAM,GAAG;QACxD,IAAI,CAAC,QAAQ,GAAG,QAAQ,QAAQ,IAAI,IAAI,CAAA,GAAA,WAAG,EAAE,IAAI;QACjD,IAAI,CAAC,UAAU,GAAG,QAAQ,UAAU,IAAI;QAExC,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,UAAU,GAAG;QAElB,IAAI,CAAC,cAAc,GAAG;QACtB,IAAI,CAAC,QAAQ,GAAG,QAAQ,QAAQ;IAClC;AA8KF","sources":["packages/@adobe/react-spectrum/src/card/WaterfallLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {InvalidationContext, LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\nimport {Key, KeyboardDelegate} from '@react-types/shared';\n\nexport interface WaterfallLayoutOptions extends BaseLayoutOptions {\n  /**\n   * The minimum item size.\n   * @default 240 x 136\n   */\n  minItemSize?: Size,\n  /**\n   * The maximum item size.\n   * @default Infinity\n   */\n  maxItemSize?: Size,\n  /**\n   * The minimum space required between items.\n   * @default 18 x 18\n   */\n  minSpace?: Size,\n  /**\n   * The maximum number of columns.\n   * @default Infinity\n   */\n  maxColumns?: number\n}\n\n// TODO: this didn't have any options that varied with card size, should it have?\nexport class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegate {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  protected numColumns: number;\n  protected itemWidth: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: WaterfallLayoutOptions = {}) {\n    // TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify\n    // minItemSize defaults or other things\n    super(options);\n    this.minItemSize = options.minItemSize || new Size(240, 136);\n    this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity);\n    this.margin = options.margin != null ? options.margin : 24;\n    this.minSpace = options.minSpace || new Size(18, 18);\n    this.maxColumns = options.maxColumns || Infinity;\n\n    this.itemWidth = 0;\n    this.numColumns = 0;\n\n    this.lastCollection = null;\n    this.collator = options.collator;\n  }\n\n  get layoutType(): string {\n    return 'waterfall';\n  }\n\n  buildCollection(invalidationContext: InvalidationContext): void {\n    // Compute the number of columns needed to display the content\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor((availableWidth + this.minSpace.width) / (this.minItemSize.width + this.minSpace.width));\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - (this.minSpace.width * (this.numColumns - 1));\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.round(width / this.numColumns);\n    itemWidth = Math.max(this.minItemSize.width, Math.min(this.maxItemSize.width, itemWidth));\n    this.itemWidth = itemWidth;\n\n    // Compute the horizontal spacing\n    // if only one column, we cannot divide by zero, so set it to 1\n    let horizontalSpacing = Math.round((availableWidth - this.numColumns * itemWidth) / Math.max(1, this.numColumns - 1));\n    this.horizontalSpacing = horizontalSpacing;\n\n    // Setup an array of column heights\n    let columnHeights = Array(this.numColumns).fill(this.margin);\n    for (let node of this.collection) {\n      let key = node.key;\n      // Compute the height of the item. Use the existing height if available,\n      // otherwise call the delegate to estimate the size.\n      let oldLayoutInfo = this.layoutInfos.get(key);\n      let height;\n      let estimatedSize = true;\n      if (oldLayoutInfo) {\n        height = oldLayoutInfo.rect.height;\n        estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize;\n      } else if (node.props.width && node.props.height) {\n        let nodeWidth = node.props.width;\n        let nodeHeight = node.props.height;\n        let scaledHeight = Math.round(nodeHeight * ((itemWidth) / nodeWidth));\n        height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));\n      } else {\n        height = itemWidth;\n      }\n\n      // Figure out which column to place the item in, and compute its position.\n      let column = this.getNextColumnIndex(columnHeights);\n      let x = this.margin + column * (itemWidth + horizontalSpacing);\n      let y = columnHeights[column];\n\n      let rect = new Rect(x, y, itemWidth, height);\n      let layoutInfo = new LayoutInfo(node.type, key, rect);\n      layoutInfo.estimatedSize = estimatedSize;\n      layoutInfo.allowOverflow = true;\n      this.layoutInfos.set(key, layoutInfo);\n\n      // TODO: From v2 figure out this bit, when does this get called and what to replace this.collectionView._transaction with?\n      // Removing it from v2 doesn't seem to do anything?\n      // if (layoutInfo.estimatedSize && !invalidationContext.contentChanged && !this.collectionView._transaction) {\n      //   this.updateItemSize(new IndexPath(section, i));\n      // }\n\n      columnHeights[column] += layoutInfo.rect.height + this.minSpace.height;\n    }\n\n    // Reset all columns to the maximum for the next section\n    let maxHeight = Math.max.apply(Math, columnHeights) - this.minSpace.height + this.margin;\n    columnHeights.fill(maxHeight);\n    let y = columnHeights[0];\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = this.virtualizer.visibleRect.height || 60;\n      }\n\n      let rect = new Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(this.virtualizer.visibleRect.width, y);\n  }\n\n  updateItemSize(key: Key, size: Size): number {\n    let layoutInfo = this.layoutInfos.get(key);\n    if (!size || !layoutInfo) {\n      return false;\n    }\n\n    if (size.height !== layoutInfo.rect.height) {\n      // TODO: also not sure about copying layout info vs mutating it. Listlayout does the below\n      // but I feel that is because it actually maintained a layoutNode map cache which this doesn't have\n      let newLayoutInfo = layoutInfo.copy();\n      newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;\n      newLayoutInfo.estimatedSize = false;\n      this.layoutInfos.set(key, newLayoutInfo);\n      return true;\n    }\n\n    return false;\n  }\n\n  getNextColumnIndex(columnHeights: number[]): number {\n    let minIndex = 0;\n    for (let i = 0; i < columnHeights.length; i++) {\n      if (columnHeights[i] < columnHeights[minIndex]) {\n        minIndex = i;\n      }\n    }\n\n    return minIndex;\n  }\n\n  getClosestRight(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // Refactored from v2. Current strategy is to find the closest card in the adjacent column.\n    // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall\n    // and thus the top corner to top corner distance was massive.\n\n    // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card\n    let rect = new Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (!key) {\n      rect = new Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getClosestLeft(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n     // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card\n    let rect = new Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (!key) {\n      rect = new Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getKeyRightOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl' ?  this.getClosestLeft(parentRowKey) : this.getClosestRight(parentRowKey);\n  }\n\n  getKeyLeftOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl' ?  this.getClosestRight(parentRowKey) : this.getClosestLeft(parentRowKey);\n  }\n}\n"],"names":[],"version":3,"file":"WaterfallLayout.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/card/WaterfallLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {InvalidationContext, LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\nimport {Key, KeyboardDelegate} from '@react-types/shared';\n\nexport interface WaterfallLayoutOptions extends BaseLayoutOptions {\n  /**\n   * The minimum item size.\n   *\n   * @default 240 x 136\n   */\n  minItemSize?: Size;\n  /**\n   * The maximum item size.\n   *\n   * @default Infinity\n   */\n  maxItemSize?: Size;\n  /**\n   * The minimum space required between items.\n   *\n   * @default 18 x 18\n   */\n  minSpace?: Size;\n  /**\n   * The maximum number of columns.\n   *\n   * @default Infinity\n   */\n  maxColumns?: number;\n}\n\n// TODO: this didn't have any options that varied with card size, should it have?\nexport class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegate {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  protected numColumns: number;\n  protected itemWidth: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: WaterfallLayoutOptions = {}) {\n    // TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify\n    // minItemSize defaults or other things\n    super(options);\n    this.minItemSize = options.minItemSize || new Size(240, 136);\n    this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity);\n    this.margin = options.margin != null ? options.margin : 24;\n    this.minSpace = options.minSpace || new Size(18, 18);\n    this.maxColumns = options.maxColumns || Infinity;\n\n    this.itemWidth = 0;\n    this.numColumns = 0;\n\n    this.lastCollection = null;\n    this.collator = options.collator;\n  }\n\n  get layoutType(): string {\n    return 'waterfall';\n  }\n\n  buildCollection(invalidationContext: InvalidationContext): void {\n    // Compute the number of columns needed to display the content\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor(\n      (availableWidth + this.minSpace.width) / (this.minItemSize.width + this.minSpace.width)\n    );\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - this.minSpace.width * (this.numColumns - 1);\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.round(width / this.numColumns);\n    itemWidth = Math.max(this.minItemSize.width, Math.min(this.maxItemSize.width, itemWidth));\n    this.itemWidth = itemWidth;\n\n    // Compute the horizontal spacing\n    // if only one column, we cannot divide by zero, so set it to 1\n    let horizontalSpacing = Math.round(\n      (availableWidth - this.numColumns * itemWidth) / Math.max(1, this.numColumns - 1)\n    );\n    this.horizontalSpacing = horizontalSpacing;\n\n    // Setup an array of column heights\n    let columnHeights = Array(this.numColumns).fill(this.margin);\n    for (let node of this.collection) {\n      let key = node.key;\n      // Compute the height of the item. Use the existing height if available,\n      // otherwise call the delegate to estimate the size.\n      let oldLayoutInfo = this.layoutInfos.get(key);\n      let height;\n      let estimatedSize = true;\n      if (oldLayoutInfo) {\n        height = oldLayoutInfo.rect.height;\n        estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize;\n      } else if (node.props.width && node.props.height) {\n        let nodeWidth = node.props.width;\n        let nodeHeight = node.props.height;\n        let scaledHeight = Math.round(nodeHeight * (itemWidth / nodeWidth));\n        height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));\n      } else {\n        height = itemWidth;\n      }\n\n      // Figure out which column to place the item in, and compute its position.\n      let column = this.getNextColumnIndex(columnHeights);\n      let x = this.margin + column * (itemWidth + horizontalSpacing);\n      let y = columnHeights[column];\n\n      let rect = new Rect(x, y, itemWidth, height);\n      let layoutInfo = new LayoutInfo(node.type, key, rect);\n      layoutInfo.estimatedSize = estimatedSize;\n      layoutInfo.allowOverflow = true;\n      this.layoutInfos.set(key, layoutInfo);\n\n      // TODO: From v2 figure out this bit, when does this get called and what to replace this.collectionView._transaction with?\n      // Removing it from v2 doesn't seem to do anything?\n      // if (layoutInfo.estimatedSize && !invalidationContext.contentChanged && !this.collectionView._transaction) {\n      //   this.updateItemSize(new IndexPath(section, i));\n      // }\n\n      columnHeights[column] += layoutInfo.rect.height + this.minSpace.height;\n    }\n\n    // Reset all columns to the maximum for the next section\n    let maxHeight = Math.max.apply(Math, columnHeights) - this.minSpace.height + this.margin;\n    columnHeights.fill(maxHeight);\n    let y = columnHeights[0];\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = this.virtualizer.visibleRect.height || 60;\n      }\n\n      let rect = new Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(\n        0,\n        0,\n        this.virtualizer.visibleRect.width,\n        this.virtualizer.visibleRect.height\n      );\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(this.virtualizer.visibleRect.width, y);\n  }\n\n  updateItemSize(key: Key, size: Size): number {\n    let layoutInfo = this.layoutInfos.get(key);\n    if (!size || !layoutInfo) {\n      return false;\n    }\n\n    if (size.height !== layoutInfo.rect.height) {\n      // TODO: also not sure about copying layout info vs mutating it. Listlayout does the below\n      // but I feel that is because it actually maintained a layoutNode map cache which this doesn't have\n      let newLayoutInfo = layoutInfo.copy();\n      newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;\n      newLayoutInfo.estimatedSize = false;\n      this.layoutInfos.set(key, newLayoutInfo);\n      return true;\n    }\n\n    return false;\n  }\n\n  getNextColumnIndex(columnHeights: number[]): number {\n    let minIndex = 0;\n    for (let i = 0; i < columnHeights.length; i++) {\n      if (columnHeights[i] < columnHeights[minIndex]) {\n        minIndex = i;\n      }\n    }\n\n    return minIndex;\n  }\n\n  getClosestRight(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // Refactored from v2. Current strategy is to find the closest card in the adjacent column.\n    // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall\n    // and thus the top corner to top corner distance was massive.\n\n    // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card\n    let rect = new Rect(\n      layoutInfo.rect.maxX + 1,\n      layoutInfo.rect.y,\n      layoutInfo.rect.width + this.horizontalSpacing,\n      layoutInfo.rect.height\n    );\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (key == null) {\n      rect = new Rect(\n        layoutInfo.rect.maxX + 1,\n        0,\n        layoutInfo.rect.width + this.horizontalSpacing,\n        this.virtualizer.contentSize.height\n      );\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getClosestLeft(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card\n    let rect = new Rect(\n      layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1,\n      layoutInfo.rect.y,\n      layoutInfo.rect.width + this.horizontalSpacing,\n      layoutInfo.rect.height\n    );\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (key == null) {\n      rect = new Rect(\n        layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1,\n        0,\n        layoutInfo.rect.width + this.horizontalSpacing,\n        this.virtualizer.contentSize.height\n      );\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getKeyRightOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl'\n      ? this.getClosestLeft(parentRowKey)\n      : this.getClosestRight(parentRowKey);\n  }\n\n  getKeyLeftOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl'\n      ? this.getClosestRight(parentRowKey)\n      : this.getClosestLeft(parentRowKey);\n  }\n}\n"],"names":[],"version":3,"file":"WaterfallLayout.js.map"}

package/dist/private/card/WaterfallLayout.mjs

@@ -137,7 +137,7 @@ class $b2f9202e20b8e5b3$export$e9f7cda058ba8df8 extends (0, $47544ce7688f5862$ex
         // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card
         let rect = new (0, $4R933$Rect)(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
         key = this._findClosest(layoutInfo.rect, rect)?.key;
-        if (!key) {
+        if (key == null) {
             rect = new (0, $4R933$Rect)(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = this._findClosest(layoutInfo.rect, rect)?.key;
         }
@@ -149,7 +149,7 @@ class $b2f9202e20b8e5b3$export$e9f7cda058ba8df8 extends (0, $47544ce7688f5862$ex
         // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
         let rect = new (0, $4R933$Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
         key = this._findClosest(layoutInfo.rect, rect)?.key;
-        if (!key) {
+        if (key == null) {
             rect = new (0, $4R933$Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = this._findClosest(layoutInfo.rect, rect)?.key;
         }

package/dist/private/card/WaterfallLayout.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/card/WaterfallLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {InvalidationContext, LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\nimport {Key, KeyboardDelegate} from '@react-types/shared';\n\nexport interface WaterfallLayoutOptions extends BaseLayoutOptions {\n  /**\n   * The minimum item size.\n   * @default 240 x 136\n   */\n  minItemSize?: Size,\n  /**\n   * The maximum item size.\n   * @default Infinity\n   */\n  maxItemSize?: Size,\n  /**\n   * The minimum space required between items.\n   * @default 18 x 18\n   */\n  minSpace?: Size,\n  /**\n   * The maximum number of columns.\n   * @default Infinity\n   */\n  maxColumns?: number\n}\n\n// TODO: this didn't have any options that varied with card size, should it have?\nexport class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegate {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  protected numColumns: number;\n  protected itemWidth: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: WaterfallLayoutOptions = {}) {\n    // TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify\n    // minItemSize defaults or other things\n    super(options);\n    this.minItemSize = options.minItemSize || new Size(240, 136);\n    this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity);\n    this.margin = options.margin != null ? options.margin : 24;\n    this.minSpace = options.minSpace || new Size(18, 18);\n    this.maxColumns = options.maxColumns || Infinity;\n\n    this.itemWidth = 0;\n    this.numColumns = 0;\n\n    this.lastCollection = null;\n    this.collator = options.collator;\n  }\n\n  get layoutType(): string {\n    return 'waterfall';\n  }\n\n  buildCollection(invalidationContext: InvalidationContext): void {\n    // Compute the number of columns needed to display the content\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor((availableWidth + this.minSpace.width) / (this.minItemSize.width + this.minSpace.width));\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - (this.minSpace.width * (this.numColumns - 1));\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.round(width / this.numColumns);\n    itemWidth = Math.max(this.minItemSize.width, Math.min(this.maxItemSize.width, itemWidth));\n    this.itemWidth = itemWidth;\n\n    // Compute the horizontal spacing\n    // if only one column, we cannot divide by zero, so set it to 1\n    let horizontalSpacing = Math.round((availableWidth - this.numColumns * itemWidth) / Math.max(1, this.numColumns - 1));\n    this.horizontalSpacing = horizontalSpacing;\n\n    // Setup an array of column heights\n    let columnHeights = Array(this.numColumns).fill(this.margin);\n    for (let node of this.collection) {\n      let key = node.key;\n      // Compute the height of the item. Use the existing height if available,\n      // otherwise call the delegate to estimate the size.\n      let oldLayoutInfo = this.layoutInfos.get(key);\n      let height;\n      let estimatedSize = true;\n      if (oldLayoutInfo) {\n        height = oldLayoutInfo.rect.height;\n        estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize;\n      } else if (node.props.width && node.props.height) {\n        let nodeWidth = node.props.width;\n        let nodeHeight = node.props.height;\n        let scaledHeight = Math.round(nodeHeight * ((itemWidth) / nodeWidth));\n        height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));\n      } else {\n        height = itemWidth;\n      }\n\n      // Figure out which column to place the item in, and compute its position.\n      let column = this.getNextColumnIndex(columnHeights);\n      let x = this.margin + column * (itemWidth + horizontalSpacing);\n      let y = columnHeights[column];\n\n      let rect = new Rect(x, y, itemWidth, height);\n      let layoutInfo = new LayoutInfo(node.type, key, rect);\n      layoutInfo.estimatedSize = estimatedSize;\n      layoutInfo.allowOverflow = true;\n      this.layoutInfos.set(key, layoutInfo);\n\n      // TODO: From v2 figure out this bit, when does this get called and what to replace this.collectionView._transaction with?\n      // Removing it from v2 doesn't seem to do anything?\n      // if (layoutInfo.estimatedSize && !invalidationContext.contentChanged && !this.collectionView._transaction) {\n      //   this.updateItemSize(new IndexPath(section, i));\n      // }\n\n      columnHeights[column] += layoutInfo.rect.height + this.minSpace.height;\n    }\n\n    // Reset all columns to the maximum for the next section\n    let maxHeight = Math.max.apply(Math, columnHeights) - this.minSpace.height + this.margin;\n    columnHeights.fill(maxHeight);\n    let y = columnHeights[0];\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = this.virtualizer.visibleRect.height || 60;\n      }\n\n      let rect = new Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(this.virtualizer.visibleRect.width, y);\n  }\n\n  updateItemSize(key: Key, size: Size): number {\n    let layoutInfo = this.layoutInfos.get(key);\n    if (!size || !layoutInfo) {\n      return false;\n    }\n\n    if (size.height !== layoutInfo.rect.height) {\n      // TODO: also not sure about copying layout info vs mutating it. Listlayout does the below\n      // but I feel that is because it actually maintained a layoutNode map cache which this doesn't have\n      let newLayoutInfo = layoutInfo.copy();\n      newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;\n      newLayoutInfo.estimatedSize = false;\n      this.layoutInfos.set(key, newLayoutInfo);\n      return true;\n    }\n\n    return false;\n  }\n\n  getNextColumnIndex(columnHeights: number[]): number {\n    let minIndex = 0;\n    for (let i = 0; i < columnHeights.length; i++) {\n      if (columnHeights[i] < columnHeights[minIndex]) {\n        minIndex = i;\n      }\n    }\n\n    return minIndex;\n  }\n\n  getClosestRight(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // Refactored from v2. Current strategy is to find the closest card in the adjacent column.\n    // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall\n    // and thus the top corner to top corner distance was massive.\n\n    // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card\n    let rect = new Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (!key) {\n      rect = new Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getClosestLeft(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n     // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card\n    let rect = new Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (!key) {\n      rect = new Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getKeyRightOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl' ?  this.getClosestLeft(parentRowKey) : this.getClosestRight(parentRowKey);\n  }\n\n  getKeyLeftOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl' ?  this.getClosestRight(parentRowKey) : this.getClosestLeft(parentRowKey);\n  }\n}\n"],"names":[],"version":3,"file":"WaterfallLayout.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/card/WaterfallLayout.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BaseLayout, BaseLayoutOptions} from './BaseLayout';\nimport {getChildNodes, getFirstItem} from 'react-stately/private/collections/getChildNodes';\nimport {InvalidationContext, LayoutInfo, Rect, Size} from 'react-stately/useVirtualizerState';\nimport {Key, KeyboardDelegate} from '@react-types/shared';\n\nexport interface WaterfallLayoutOptions extends BaseLayoutOptions {\n  /**\n   * The minimum item size.\n   *\n   * @default 240 x 136\n   */\n  minItemSize?: Size;\n  /**\n   * The maximum item size.\n   *\n   * @default Infinity\n   */\n  maxItemSize?: Size;\n  /**\n   * The minimum space required between items.\n   *\n   * @default 18 x 18\n   */\n  minSpace?: Size;\n  /**\n   * The maximum number of columns.\n   *\n   * @default Infinity\n   */\n  maxColumns?: number;\n}\n\n// TODO: this didn't have any options that varied with card size, should it have?\nexport class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegate {\n  protected minItemSize: Size;\n  protected maxItemSize: Size;\n  protected minSpace: Size;\n  protected maxColumns: number;\n  protected numColumns: number;\n  protected itemWidth: number;\n  protected horizontalSpacing: number;\n\n  constructor(options: WaterfallLayoutOptions = {}) {\n    // TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify\n    // minItemSize defaults or other things\n    super(options);\n    this.minItemSize = options.minItemSize || new Size(240, 136);\n    this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity);\n    this.margin = options.margin != null ? options.margin : 24;\n    this.minSpace = options.minSpace || new Size(18, 18);\n    this.maxColumns = options.maxColumns || Infinity;\n\n    this.itemWidth = 0;\n    this.numColumns = 0;\n\n    this.lastCollection = null;\n    this.collator = options.collator;\n  }\n\n  get layoutType(): string {\n    return 'waterfall';\n  }\n\n  buildCollection(invalidationContext: InvalidationContext): void {\n    // Compute the number of columns needed to display the content\n    let visibleWidth = this.virtualizer.visibleRect.width;\n    let availableWidth = visibleWidth - this.margin * 2;\n    let columns = Math.floor(\n      (availableWidth + this.minSpace.width) / (this.minItemSize.width + this.minSpace.width)\n    );\n    this.numColumns = Math.max(1, Math.min(this.maxColumns, columns));\n\n    // Compute the available width (minus the space between items)\n    let width = availableWidth - this.minSpace.width * (this.numColumns - 1);\n\n    // Compute the item width based on the space available\n    let itemWidth = Math.round(width / this.numColumns);\n    itemWidth = Math.max(this.minItemSize.width, Math.min(this.maxItemSize.width, itemWidth));\n    this.itemWidth = itemWidth;\n\n    // Compute the horizontal spacing\n    // if only one column, we cannot divide by zero, so set it to 1\n    let horizontalSpacing = Math.round(\n      (availableWidth - this.numColumns * itemWidth) / Math.max(1, this.numColumns - 1)\n    );\n    this.horizontalSpacing = horizontalSpacing;\n\n    // Setup an array of column heights\n    let columnHeights = Array(this.numColumns).fill(this.margin);\n    for (let node of this.collection) {\n      let key = node.key;\n      // Compute the height of the item. Use the existing height if available,\n      // otherwise call the delegate to estimate the size.\n      let oldLayoutInfo = this.layoutInfos.get(key);\n      let height;\n      let estimatedSize = true;\n      if (oldLayoutInfo) {\n        height = oldLayoutInfo.rect.height;\n        estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize;\n      } else if (node.props.width && node.props.height) {\n        let nodeWidth = node.props.width;\n        let nodeHeight = node.props.height;\n        let scaledHeight = Math.round(nodeHeight * (itemWidth / nodeWidth));\n        height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));\n      } else {\n        height = itemWidth;\n      }\n\n      // Figure out which column to place the item in, and compute its position.\n      let column = this.getNextColumnIndex(columnHeights);\n      let x = this.margin + column * (itemWidth + horizontalSpacing);\n      let y = columnHeights[column];\n\n      let rect = new Rect(x, y, itemWidth, height);\n      let layoutInfo = new LayoutInfo(node.type, key, rect);\n      layoutInfo.estimatedSize = estimatedSize;\n      layoutInfo.allowOverflow = true;\n      this.layoutInfos.set(key, layoutInfo);\n\n      // TODO: From v2 figure out this bit, when does this get called and what to replace this.collectionView._transaction with?\n      // Removing it from v2 doesn't seem to do anything?\n      // if (layoutInfo.estimatedSize && !invalidationContext.contentChanged && !this.collectionView._transaction) {\n      //   this.updateItemSize(new IndexPath(section, i));\n      // }\n\n      columnHeights[column] += layoutInfo.rect.height + this.minSpace.height;\n    }\n\n    // Reset all columns to the maximum for the next section\n    let maxHeight = Math.max.apply(Math, columnHeights) - this.minSpace.height + this.margin;\n    columnHeights.fill(maxHeight);\n    let y = columnHeights[0];\n\n    if (this.isLoading) {\n      let loaderY = y;\n      let loaderHeight = 60;\n      // If there aren't any items, make loader take all avaliable room and remove margin from y calculation\n      // so it doesn't scroll\n      if (this.collection.size === 0) {\n        loaderY = 0;\n        loaderHeight = this.virtualizer.visibleRect.height || 60;\n      }\n\n      let rect = new Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);\n      let loader = new LayoutInfo('loader', 'loader', rect);\n      this.layoutInfos.set('loader', loader);\n      y = loader.rect.maxY;\n    }\n\n    if (this.collection.size === 0 && !this.isLoading) {\n      let rect = new Rect(\n        0,\n        0,\n        this.virtualizer.visibleRect.width,\n        this.virtualizer.visibleRect.height\n      );\n      let placeholder = new LayoutInfo('placeholder', 'placeholder', rect);\n      this.layoutInfos.set('placeholder', placeholder);\n      y = placeholder.rect.maxY;\n    }\n\n    this.contentSize = new Size(this.virtualizer.visibleRect.width, y);\n  }\n\n  updateItemSize(key: Key, size: Size): number {\n    let layoutInfo = this.layoutInfos.get(key);\n    if (!size || !layoutInfo) {\n      return false;\n    }\n\n    if (size.height !== layoutInfo.rect.height) {\n      // TODO: also not sure about copying layout info vs mutating it. Listlayout does the below\n      // but I feel that is because it actually maintained a layoutNode map cache which this doesn't have\n      let newLayoutInfo = layoutInfo.copy();\n      newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;\n      newLayoutInfo.estimatedSize = false;\n      this.layoutInfos.set(key, newLayoutInfo);\n      return true;\n    }\n\n    return false;\n  }\n\n  getNextColumnIndex(columnHeights: number[]): number {\n    let minIndex = 0;\n    for (let i = 0; i < columnHeights.length; i++) {\n      if (columnHeights[i] < columnHeights[minIndex]) {\n        minIndex = i;\n      }\n    }\n\n    return minIndex;\n  }\n\n  getClosestRight(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // Refactored from v2. Current strategy is to find the closest card in the adjacent column.\n    // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall\n    // and thus the top corner to top corner distance was massive.\n\n    // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card\n    let rect = new Rect(\n      layoutInfo.rect.maxX + 1,\n      layoutInfo.rect.y,\n      layoutInfo.rect.width + this.horizontalSpacing,\n      layoutInfo.rect.height\n    );\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (key == null) {\n      rect = new Rect(\n        layoutInfo.rect.maxX + 1,\n        0,\n        layoutInfo.rect.width + this.horizontalSpacing,\n        this.virtualizer.contentSize.height\n      );\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getClosestLeft(key: Key): Node<T> | undefined {\n    let layoutInfo = this.getLayoutInfo(key);\n    // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card\n    let rect = new Rect(\n      layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1,\n      layoutInfo.rect.y,\n      layoutInfo.rect.width + this.horizontalSpacing,\n      layoutInfo.rect.height\n    );\n    key = this._findClosest(layoutInfo.rect, rect)?.key;\n\n    if (key == null) {\n      rect = new Rect(\n        layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1,\n        0,\n        layoutInfo.rect.width + this.horizontalSpacing,\n        this.virtualizer.contentSize.height\n      );\n      key = this._findClosest(layoutInfo.rect, rect)?.key;\n    }\n\n    let item = this.collection.getItem(key);\n    return getFirstItem(getChildNodes(item, this.collection))?.key;\n  }\n\n  getKeyRightOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl'\n      ? this.getClosestLeft(parentRowKey)\n      : this.getClosestRight(parentRowKey);\n  }\n\n  getKeyLeftOf(key: Key): Node<T> | undefined {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    return this.direction === 'rtl'\n      ? this.getClosestRight(parentRowKey)\n      : this.getClosestLeft(parentRowKey);\n  }\n}\n"],"names":[],"version":3,"file":"WaterfallLayout.mjs.map"}