@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/table_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA","sources":["packages/@adobe/spectrum-css-temp/components/table/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"table_vars.css.map"}
+{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAg4BE;;;;AASA;;;;AAKE;;;;AAIA;;;;AAIA;;;;AAQF;;;;;;;;;;;;;AAuBF;;;;AAOE","sources":["packages/@adobe/spectrum-css-temp/components/table/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"table_vars.css.map"}

package/dist/private/table_vars_css.cjs

@@ -129,69 +129,69 @@ var $149bebff1c2de463$export$71150fb6934bcef6;
 var $149bebff1c2de463$export$c544a9cedcdf7e74;
 var $149bebff1c2de463$export$6bc25dc2c214dc40;
 var $149bebff1c2de463$export$7d48ded8ceef1e62;
-$149bebff1c2de463$export$fd59df041b888442 = `hm005a_contents`;
-$149bebff1c2de463$export$8537c4b9f826a67e = `hm005a_expand-button`;
-$149bebff1c2de463$export$f39a09f249340e2a = `hm005a_focus-ring`;
-$149bebff1c2de463$export$8c4ee2c50c22c514 = `hm005a_i18nFontFamily`;
-$149bebff1c2de463$export$20fd0f7cd4e6112f = `hm005a_is-active`;
-$149bebff1c2de463$export$d35bc1e505d1ebbf = `hm005a_is-disabled`;
-$149bebff1c2de463$export$d8467f38d2d00bd0 = `hm005a_is-drop-target`;
-$149bebff1c2de463$export$e7dc768d35940237 = `hm005a_is-focused`;
-$149bebff1c2de463$export$b8813cd5d7824ce7 = `hm005a_is-hovered`;
-$149bebff1c2de463$export$53aa811f86efbfad = `hm005a_is-next-selected`;
-$149bebff1c2de463$export$a9781837241c946d = `hm005a_is-open`;
-$149bebff1c2de463$export$d20629d2e587d4f = `hm005a_is-resizable`;
-$149bebff1c2de463$export$1e0fb04f31d3c22a = `hm005a_is-selected`;
-$149bebff1c2de463$export$c5f84948d72c03fb = `hm005a_is-sortable`;
-$149bebff1c2de463$export$24499792d6b87cb = `hm005a_is-sorted-asc`;
-$149bebff1c2de463$export$cda6d7b632f895cc = `hm005a_is-sorted-desc`;
-$149bebff1c2de463$export$4109102f950813a6 = `hm005a_spectrum-FocusRing-ring`;
-$149bebff1c2de463$export$24c7f46a6e3605dd = `hm005a_spectrum-FocusRing ${$149bebff1c2de463$export$4109102f950813a6}`;
-$149bebff1c2de463$export$2927016961429360 = `hm005a_spectrum-FocusRing--quiet`;
-$149bebff1c2de463$export$455c59d2b5bafef0 = `hm005a_spectrum-Table`;
-$149bebff1c2de463$export$bcb43fe016211cab = `hm005a_spectrum-Table--compact`;
-$149bebff1c2de463$export$eb2b06f9a223c9ae = `hm005a_spectrum-Table--isHorizontalScrollbarVisible`;
-$149bebff1c2de463$export$f3cbf113923c0570 = `hm005a_spectrum-Table--isVerticalScrollbarVisible`;
-$149bebff1c2de463$export$51b307035a9062f1 = `hm005a_spectrum-Table--loadingMore`;
-$149bebff1c2de463$export$80f179961079d85e = `hm005a_spectrum-Table--quiet`;
-$149bebff1c2de463$export$3be3e4ba813e9589 = `hm005a_spectrum-Table--regular`;
-$149bebff1c2de463$export$eef21b0715bc0914 = `hm005a_spectrum-Table--spacious`;
-$149bebff1c2de463$export$9d4c255d6285f0ec = `hm005a_spectrum-Table--wrap`;
-$149bebff1c2de463$export$c841a58af70827c7 = `hm005a_spectrum-Table-body`;
-$149bebff1c2de463$export$ec8d96850ac2415e = `hm005a_spectrum-Table-body--resizerAtTableEdge`;
-$149bebff1c2de463$export$9a870fddd16be630 = `hm005a_spectrum-Table-bodyResizeIndicator`;
-$149bebff1c2de463$export$c073926c283bb618 = `hm005a_spectrum-Table-cell`;
-$149bebff1c2de463$export$7e9bb4c3d8ec70e2 = `hm005a_spectrum-Table-cell--alignCenter`;
-$149bebff1c2de463$export$94db5e2e979379b6 = `hm005a_spectrum-Table-cell--alignEnd`;
-$149bebff1c2de463$export$9531650467e5785b = `hm005a_spectrum-Table-cell--divider`;
-$149bebff1c2de463$export$466223eab8fe7a73 = `hm005a_spectrum-Table-cell--hasExpandCollapseButton`;
-$149bebff1c2de463$export$8ff2ab45f5f0045d = `hm005a_spectrum-Table-cell--hideHeader`;
-$149bebff1c2de463$export$683061182a3353d3 = `hm005a_spectrum-Table-cellContents`;
-$149bebff1c2de463$export$fe4389976827e927 = `hm005a_spectrum-Table-cellWrapper`;
-$149bebff1c2de463$export$9c494845d6df55df = `hm005a_spectrum-Table-checkbox`;
-$149bebff1c2de463$export$ae17a7501a9fd0b3 = `hm005a_spectrum-Table-checkboxCell`;
-$149bebff1c2de463$export$3a270f8fab5daa8b = `hm005a_spectrum-Table-colResizeIndicator`;
-$149bebff1c2de463$export$d3861fcb1e5f6a2b = `hm005a_spectrum-Table-colResizeIndicator--resizing`;
-$149bebff1c2de463$export$b0bdf5d269bf857 = `hm005a_spectrum-Table-colResizeIndicator--visible`;
-$149bebff1c2de463$export$12c7b2fb4df461f8 = `hm005a_spectrum-Table-colResizeNubbin`;
-$149bebff1c2de463$export$56a3c5ebd77d19bf = `hm005a_spectrum-Table-colResizeNubbin--visible`;
-$149bebff1c2de463$export$a1a03b9bd1868758 = `hm005a_spectrum-Table-columnResizer`;
-$149bebff1c2de463$export$dbbe6828fb150c0d = `hm005a_spectrum-Table-columnResizerPlaceholder`;
-$149bebff1c2de463$export$ce10510e27df0512 = `hm005a_spectrum-Table-expandButton`;
-$149bebff1c2de463$export$f64307d6c29e2f55 = `hm005a_spectrum-Table-headCell`;
-$149bebff1c2de463$export$231a910aceaf76df = `hm005a_spectrum-Table-headCellButton`;
-$149bebff1c2de463$export$75a2aad672a61387 = `hm005a_spectrum-Table-headCellButton--alignCenter`;
-$149bebff1c2de463$export$7d0b6721a7bc5a4e = `hm005a_spectrum-Table-headCellButton--alignEnd`;
-$149bebff1c2de463$export$b1f0f17b71ca32b7 = `hm005a_spectrum-Table-headCellButton--alignStart`;
-$149bebff1c2de463$export$ce66f3b8316b228e = `hm005a_spectrum-Table-headCellContents`;
-$149bebff1c2de463$export$a08929593e9a2fb2 = `hm005a_spectrum-Table-headWrapper`;
-$149bebff1c2de463$export$3d7b5f594896430 = `hm005a_spectrum-Table-headerCellText`;
-$149bebff1c2de463$export$da1b2523b4f18b96 = `hm005a_spectrum-Table-menuChevron`;
-$149bebff1c2de463$export$fefa57dcd4648052 = `hm005a_spectrum-Table-row`;
-$149bebff1c2de463$export$71150fb6934bcef6 = `hm005a_spectrum-Table-row--firstRow`;
-$149bebff1c2de463$export$c544a9cedcdf7e74 = `hm005a_spectrum-Table-row--isFlushBottom`;
-$149bebff1c2de463$export$6bc25dc2c214dc40 = `hm005a_spectrum-Table-row--lastRow`;
-$149bebff1c2de463$export$7d48ded8ceef1e62 = `hm005a_spectrum-Table-sortedIcon`;
+$149bebff1c2de463$export$fd59df041b888442 = `CC22fG_contents`;
+$149bebff1c2de463$export$8537c4b9f826a67e = `CC22fG_expand-button`;
+$149bebff1c2de463$export$f39a09f249340e2a = `CC22fG_focus-ring`;
+$149bebff1c2de463$export$8c4ee2c50c22c514 = `CC22fG_i18nFontFamily`;
+$149bebff1c2de463$export$20fd0f7cd4e6112f = `CC22fG_is-active`;
+$149bebff1c2de463$export$d35bc1e505d1ebbf = `CC22fG_is-disabled`;
+$149bebff1c2de463$export$d8467f38d2d00bd0 = `CC22fG_is-drop-target`;
+$149bebff1c2de463$export$e7dc768d35940237 = `CC22fG_is-focused`;
+$149bebff1c2de463$export$b8813cd5d7824ce7 = `CC22fG_is-hovered`;
+$149bebff1c2de463$export$53aa811f86efbfad = `CC22fG_is-next-selected`;
+$149bebff1c2de463$export$a9781837241c946d = `CC22fG_is-open`;
+$149bebff1c2de463$export$d20629d2e587d4f = `CC22fG_is-resizable`;
+$149bebff1c2de463$export$1e0fb04f31d3c22a = `CC22fG_is-selected`;
+$149bebff1c2de463$export$c5f84948d72c03fb = `CC22fG_is-sortable`;
+$149bebff1c2de463$export$24499792d6b87cb = `CC22fG_is-sorted-asc`;
+$149bebff1c2de463$export$cda6d7b632f895cc = `CC22fG_is-sorted-desc`;
+$149bebff1c2de463$export$4109102f950813a6 = `CC22fG_spectrum-FocusRing-ring`;
+$149bebff1c2de463$export$24c7f46a6e3605dd = `CC22fG_spectrum-FocusRing ${$149bebff1c2de463$export$4109102f950813a6}`;
+$149bebff1c2de463$export$2927016961429360 = `CC22fG_spectrum-FocusRing--quiet`;
+$149bebff1c2de463$export$455c59d2b5bafef0 = `CC22fG_spectrum-Table`;
+$149bebff1c2de463$export$bcb43fe016211cab = `CC22fG_spectrum-Table--compact`;
+$149bebff1c2de463$export$eb2b06f9a223c9ae = `CC22fG_spectrum-Table--isHorizontalScrollbarVisible`;
+$149bebff1c2de463$export$f3cbf113923c0570 = `CC22fG_spectrum-Table--isVerticalScrollbarVisible`;
+$149bebff1c2de463$export$51b307035a9062f1 = `CC22fG_spectrum-Table--loadingMore`;
+$149bebff1c2de463$export$80f179961079d85e = `CC22fG_spectrum-Table--quiet`;
+$149bebff1c2de463$export$3be3e4ba813e9589 = `CC22fG_spectrum-Table--regular`;
+$149bebff1c2de463$export$eef21b0715bc0914 = `CC22fG_spectrum-Table--spacious`;
+$149bebff1c2de463$export$9d4c255d6285f0ec = `CC22fG_spectrum-Table--wrap`;
+$149bebff1c2de463$export$c841a58af70827c7 = `CC22fG_spectrum-Table-body`;
+$149bebff1c2de463$export$ec8d96850ac2415e = `CC22fG_spectrum-Table-body--resizerAtTableEdge`;
+$149bebff1c2de463$export$9a870fddd16be630 = `CC22fG_spectrum-Table-bodyResizeIndicator`;
+$149bebff1c2de463$export$c073926c283bb618 = `CC22fG_spectrum-Table-cell`;
+$149bebff1c2de463$export$7e9bb4c3d8ec70e2 = `CC22fG_spectrum-Table-cell--alignCenter`;
+$149bebff1c2de463$export$94db5e2e979379b6 = `CC22fG_spectrum-Table-cell--alignEnd`;
+$149bebff1c2de463$export$9531650467e5785b = `CC22fG_spectrum-Table-cell--divider`;
+$149bebff1c2de463$export$466223eab8fe7a73 = `CC22fG_spectrum-Table-cell--hasExpandCollapseButton`;
+$149bebff1c2de463$export$8ff2ab45f5f0045d = `CC22fG_spectrum-Table-cell--hideHeader`;
+$149bebff1c2de463$export$683061182a3353d3 = `CC22fG_spectrum-Table-cellContents`;
+$149bebff1c2de463$export$fe4389976827e927 = `CC22fG_spectrum-Table-cellWrapper`;
+$149bebff1c2de463$export$9c494845d6df55df = `CC22fG_spectrum-Table-checkbox`;
+$149bebff1c2de463$export$ae17a7501a9fd0b3 = `CC22fG_spectrum-Table-checkboxCell`;
+$149bebff1c2de463$export$3a270f8fab5daa8b = `CC22fG_spectrum-Table-colResizeIndicator`;
+$149bebff1c2de463$export$d3861fcb1e5f6a2b = `CC22fG_spectrum-Table-colResizeIndicator--resizing`;
+$149bebff1c2de463$export$b0bdf5d269bf857 = `CC22fG_spectrum-Table-colResizeIndicator--visible`;
+$149bebff1c2de463$export$12c7b2fb4df461f8 = `CC22fG_spectrum-Table-colResizeNubbin`;
+$149bebff1c2de463$export$56a3c5ebd77d19bf = `CC22fG_spectrum-Table-colResizeNubbin--visible`;
+$149bebff1c2de463$export$a1a03b9bd1868758 = `CC22fG_spectrum-Table-columnResizer`;
+$149bebff1c2de463$export$dbbe6828fb150c0d = `CC22fG_spectrum-Table-columnResizerPlaceholder`;
+$149bebff1c2de463$export$ce10510e27df0512 = `CC22fG_spectrum-Table-expandButton`;
+$149bebff1c2de463$export$f64307d6c29e2f55 = `CC22fG_spectrum-Table-headCell`;
+$149bebff1c2de463$export$231a910aceaf76df = `CC22fG_spectrum-Table-headCellButton`;
+$149bebff1c2de463$export$75a2aad672a61387 = `CC22fG_spectrum-Table-headCellButton--alignCenter`;
+$149bebff1c2de463$export$7d0b6721a7bc5a4e = `CC22fG_spectrum-Table-headCellButton--alignEnd`;
+$149bebff1c2de463$export$b1f0f17b71ca32b7 = `CC22fG_spectrum-Table-headCellButton--alignStart`;
+$149bebff1c2de463$export$ce66f3b8316b228e = `CC22fG_spectrum-Table-headCellContents`;
+$149bebff1c2de463$export$a08929593e9a2fb2 = `CC22fG_spectrum-Table-headWrapper`;
+$149bebff1c2de463$export$3d7b5f594896430 = `CC22fG_spectrum-Table-headerCellText`;
+$149bebff1c2de463$export$da1b2523b4f18b96 = `CC22fG_spectrum-Table-menuChevron`;
+$149bebff1c2de463$export$fefa57dcd4648052 = `CC22fG_spectrum-Table-row`;
+$149bebff1c2de463$export$71150fb6934bcef6 = `CC22fG_spectrum-Table-row--firstRow`;
+$149bebff1c2de463$export$c544a9cedcdf7e74 = `CC22fG_spectrum-Table-row--isFlushBottom`;
+$149bebff1c2de463$export$6bc25dc2c214dc40 = `CC22fG_spectrum-Table-row--lastRow`;
+$149bebff1c2de463$export$7d48ded8ceef1e62 = `CC22fG_spectrum-Table-sortedIcon`;
 
 
 //# sourceMappingURL=table_vars_css.cjs.map

package/dist/private/table_vars_css.mjs

@@ -130,69 +130,69 @@ var $d70ad7d8b63db943$export$71150fb6934bcef6;
 var $d70ad7d8b63db943$export$c544a9cedcdf7e74;
 var $d70ad7d8b63db943$export$6bc25dc2c214dc40;
 var $d70ad7d8b63db943$export$7d48ded8ceef1e62;
-$d70ad7d8b63db943$export$fd59df041b888442 = `hm005a_contents`;
-$d70ad7d8b63db943$export$8537c4b9f826a67e = `hm005a_expand-button`;
-$d70ad7d8b63db943$export$f39a09f249340e2a = `hm005a_focus-ring`;
-$d70ad7d8b63db943$export$8c4ee2c50c22c514 = `hm005a_i18nFontFamily`;
-$d70ad7d8b63db943$export$20fd0f7cd4e6112f = `hm005a_is-active`;
-$d70ad7d8b63db943$export$d35bc1e505d1ebbf = `hm005a_is-disabled`;
-$d70ad7d8b63db943$export$d8467f38d2d00bd0 = `hm005a_is-drop-target`;
-$d70ad7d8b63db943$export$e7dc768d35940237 = `hm005a_is-focused`;
-$d70ad7d8b63db943$export$b8813cd5d7824ce7 = `hm005a_is-hovered`;
-$d70ad7d8b63db943$export$53aa811f86efbfad = `hm005a_is-next-selected`;
-$d70ad7d8b63db943$export$a9781837241c946d = `hm005a_is-open`;
-$d70ad7d8b63db943$export$d20629d2e587d4f = `hm005a_is-resizable`;
-$d70ad7d8b63db943$export$1e0fb04f31d3c22a = `hm005a_is-selected`;
-$d70ad7d8b63db943$export$c5f84948d72c03fb = `hm005a_is-sortable`;
-$d70ad7d8b63db943$export$24499792d6b87cb = `hm005a_is-sorted-asc`;
-$d70ad7d8b63db943$export$cda6d7b632f895cc = `hm005a_is-sorted-desc`;
-$d70ad7d8b63db943$export$4109102f950813a6 = `hm005a_spectrum-FocusRing-ring`;
-$d70ad7d8b63db943$export$24c7f46a6e3605dd = `hm005a_spectrum-FocusRing ${$d70ad7d8b63db943$export$4109102f950813a6}`;
-$d70ad7d8b63db943$export$2927016961429360 = `hm005a_spectrum-FocusRing--quiet`;
-$d70ad7d8b63db943$export$455c59d2b5bafef0 = `hm005a_spectrum-Table`;
-$d70ad7d8b63db943$export$bcb43fe016211cab = `hm005a_spectrum-Table--compact`;
-$d70ad7d8b63db943$export$eb2b06f9a223c9ae = `hm005a_spectrum-Table--isHorizontalScrollbarVisible`;
-$d70ad7d8b63db943$export$f3cbf113923c0570 = `hm005a_spectrum-Table--isVerticalScrollbarVisible`;
-$d70ad7d8b63db943$export$51b307035a9062f1 = `hm005a_spectrum-Table--loadingMore`;
-$d70ad7d8b63db943$export$80f179961079d85e = `hm005a_spectrum-Table--quiet`;
-$d70ad7d8b63db943$export$3be3e4ba813e9589 = `hm005a_spectrum-Table--regular`;
-$d70ad7d8b63db943$export$eef21b0715bc0914 = `hm005a_spectrum-Table--spacious`;
-$d70ad7d8b63db943$export$9d4c255d6285f0ec = `hm005a_spectrum-Table--wrap`;
-$d70ad7d8b63db943$export$c841a58af70827c7 = `hm005a_spectrum-Table-body`;
-$d70ad7d8b63db943$export$ec8d96850ac2415e = `hm005a_spectrum-Table-body--resizerAtTableEdge`;
-$d70ad7d8b63db943$export$9a870fddd16be630 = `hm005a_spectrum-Table-bodyResizeIndicator`;
-$d70ad7d8b63db943$export$c073926c283bb618 = `hm005a_spectrum-Table-cell`;
-$d70ad7d8b63db943$export$7e9bb4c3d8ec70e2 = `hm005a_spectrum-Table-cell--alignCenter`;
-$d70ad7d8b63db943$export$94db5e2e979379b6 = `hm005a_spectrum-Table-cell--alignEnd`;
-$d70ad7d8b63db943$export$9531650467e5785b = `hm005a_spectrum-Table-cell--divider`;
-$d70ad7d8b63db943$export$466223eab8fe7a73 = `hm005a_spectrum-Table-cell--hasExpandCollapseButton`;
-$d70ad7d8b63db943$export$8ff2ab45f5f0045d = `hm005a_spectrum-Table-cell--hideHeader`;
-$d70ad7d8b63db943$export$683061182a3353d3 = `hm005a_spectrum-Table-cellContents`;
-$d70ad7d8b63db943$export$fe4389976827e927 = `hm005a_spectrum-Table-cellWrapper`;
-$d70ad7d8b63db943$export$9c494845d6df55df = `hm005a_spectrum-Table-checkbox`;
-$d70ad7d8b63db943$export$ae17a7501a9fd0b3 = `hm005a_spectrum-Table-checkboxCell`;
-$d70ad7d8b63db943$export$3a270f8fab5daa8b = `hm005a_spectrum-Table-colResizeIndicator`;
-$d70ad7d8b63db943$export$d3861fcb1e5f6a2b = `hm005a_spectrum-Table-colResizeIndicator--resizing`;
-$d70ad7d8b63db943$export$b0bdf5d269bf857 = `hm005a_spectrum-Table-colResizeIndicator--visible`;
-$d70ad7d8b63db943$export$12c7b2fb4df461f8 = `hm005a_spectrum-Table-colResizeNubbin`;
-$d70ad7d8b63db943$export$56a3c5ebd77d19bf = `hm005a_spectrum-Table-colResizeNubbin--visible`;
-$d70ad7d8b63db943$export$a1a03b9bd1868758 = `hm005a_spectrum-Table-columnResizer`;
-$d70ad7d8b63db943$export$dbbe6828fb150c0d = `hm005a_spectrum-Table-columnResizerPlaceholder`;
-$d70ad7d8b63db943$export$ce10510e27df0512 = `hm005a_spectrum-Table-expandButton`;
-$d70ad7d8b63db943$export$f64307d6c29e2f55 = `hm005a_spectrum-Table-headCell`;
-$d70ad7d8b63db943$export$231a910aceaf76df = `hm005a_spectrum-Table-headCellButton`;
-$d70ad7d8b63db943$export$75a2aad672a61387 = `hm005a_spectrum-Table-headCellButton--alignCenter`;
-$d70ad7d8b63db943$export$7d0b6721a7bc5a4e = `hm005a_spectrum-Table-headCellButton--alignEnd`;
-$d70ad7d8b63db943$export$b1f0f17b71ca32b7 = `hm005a_spectrum-Table-headCellButton--alignStart`;
-$d70ad7d8b63db943$export$ce66f3b8316b228e = `hm005a_spectrum-Table-headCellContents`;
-$d70ad7d8b63db943$export$a08929593e9a2fb2 = `hm005a_spectrum-Table-headWrapper`;
-$d70ad7d8b63db943$export$3d7b5f594896430 = `hm005a_spectrum-Table-headerCellText`;
-$d70ad7d8b63db943$export$da1b2523b4f18b96 = `hm005a_spectrum-Table-menuChevron`;
-$d70ad7d8b63db943$export$fefa57dcd4648052 = `hm005a_spectrum-Table-row`;
-$d70ad7d8b63db943$export$71150fb6934bcef6 = `hm005a_spectrum-Table-row--firstRow`;
-$d70ad7d8b63db943$export$c544a9cedcdf7e74 = `hm005a_spectrum-Table-row--isFlushBottom`;
-$d70ad7d8b63db943$export$6bc25dc2c214dc40 = `hm005a_spectrum-Table-row--lastRow`;
-$d70ad7d8b63db943$export$7d48ded8ceef1e62 = `hm005a_spectrum-Table-sortedIcon`;
+$d70ad7d8b63db943$export$fd59df041b888442 = `CC22fG_contents`;
+$d70ad7d8b63db943$export$8537c4b9f826a67e = `CC22fG_expand-button`;
+$d70ad7d8b63db943$export$f39a09f249340e2a = `CC22fG_focus-ring`;
+$d70ad7d8b63db943$export$8c4ee2c50c22c514 = `CC22fG_i18nFontFamily`;
+$d70ad7d8b63db943$export$20fd0f7cd4e6112f = `CC22fG_is-active`;
+$d70ad7d8b63db943$export$d35bc1e505d1ebbf = `CC22fG_is-disabled`;
+$d70ad7d8b63db943$export$d8467f38d2d00bd0 = `CC22fG_is-drop-target`;
+$d70ad7d8b63db943$export$e7dc768d35940237 = `CC22fG_is-focused`;
+$d70ad7d8b63db943$export$b8813cd5d7824ce7 = `CC22fG_is-hovered`;
+$d70ad7d8b63db943$export$53aa811f86efbfad = `CC22fG_is-next-selected`;
+$d70ad7d8b63db943$export$a9781837241c946d = `CC22fG_is-open`;
+$d70ad7d8b63db943$export$d20629d2e587d4f = `CC22fG_is-resizable`;
+$d70ad7d8b63db943$export$1e0fb04f31d3c22a = `CC22fG_is-selected`;
+$d70ad7d8b63db943$export$c5f84948d72c03fb = `CC22fG_is-sortable`;
+$d70ad7d8b63db943$export$24499792d6b87cb = `CC22fG_is-sorted-asc`;
+$d70ad7d8b63db943$export$cda6d7b632f895cc = `CC22fG_is-sorted-desc`;
+$d70ad7d8b63db943$export$4109102f950813a6 = `CC22fG_spectrum-FocusRing-ring`;
+$d70ad7d8b63db943$export$24c7f46a6e3605dd = `CC22fG_spectrum-FocusRing ${$d70ad7d8b63db943$export$4109102f950813a6}`;
+$d70ad7d8b63db943$export$2927016961429360 = `CC22fG_spectrum-FocusRing--quiet`;
+$d70ad7d8b63db943$export$455c59d2b5bafef0 = `CC22fG_spectrum-Table`;
+$d70ad7d8b63db943$export$bcb43fe016211cab = `CC22fG_spectrum-Table--compact`;
+$d70ad7d8b63db943$export$eb2b06f9a223c9ae = `CC22fG_spectrum-Table--isHorizontalScrollbarVisible`;
+$d70ad7d8b63db943$export$f3cbf113923c0570 = `CC22fG_spectrum-Table--isVerticalScrollbarVisible`;
+$d70ad7d8b63db943$export$51b307035a9062f1 = `CC22fG_spectrum-Table--loadingMore`;
+$d70ad7d8b63db943$export$80f179961079d85e = `CC22fG_spectrum-Table--quiet`;
+$d70ad7d8b63db943$export$3be3e4ba813e9589 = `CC22fG_spectrum-Table--regular`;
+$d70ad7d8b63db943$export$eef21b0715bc0914 = `CC22fG_spectrum-Table--spacious`;
+$d70ad7d8b63db943$export$9d4c255d6285f0ec = `CC22fG_spectrum-Table--wrap`;
+$d70ad7d8b63db943$export$c841a58af70827c7 = `CC22fG_spectrum-Table-body`;
+$d70ad7d8b63db943$export$ec8d96850ac2415e = `CC22fG_spectrum-Table-body--resizerAtTableEdge`;
+$d70ad7d8b63db943$export$9a870fddd16be630 = `CC22fG_spectrum-Table-bodyResizeIndicator`;
+$d70ad7d8b63db943$export$c073926c283bb618 = `CC22fG_spectrum-Table-cell`;
+$d70ad7d8b63db943$export$7e9bb4c3d8ec70e2 = `CC22fG_spectrum-Table-cell--alignCenter`;
+$d70ad7d8b63db943$export$94db5e2e979379b6 = `CC22fG_spectrum-Table-cell--alignEnd`;
+$d70ad7d8b63db943$export$9531650467e5785b = `CC22fG_spectrum-Table-cell--divider`;
+$d70ad7d8b63db943$export$466223eab8fe7a73 = `CC22fG_spectrum-Table-cell--hasExpandCollapseButton`;
+$d70ad7d8b63db943$export$8ff2ab45f5f0045d = `CC22fG_spectrum-Table-cell--hideHeader`;
+$d70ad7d8b63db943$export$683061182a3353d3 = `CC22fG_spectrum-Table-cellContents`;
+$d70ad7d8b63db943$export$fe4389976827e927 = `CC22fG_spectrum-Table-cellWrapper`;
+$d70ad7d8b63db943$export$9c494845d6df55df = `CC22fG_spectrum-Table-checkbox`;
+$d70ad7d8b63db943$export$ae17a7501a9fd0b3 = `CC22fG_spectrum-Table-checkboxCell`;
+$d70ad7d8b63db943$export$3a270f8fab5daa8b = `CC22fG_spectrum-Table-colResizeIndicator`;
+$d70ad7d8b63db943$export$d3861fcb1e5f6a2b = `CC22fG_spectrum-Table-colResizeIndicator--resizing`;
+$d70ad7d8b63db943$export$b0bdf5d269bf857 = `CC22fG_spectrum-Table-colResizeIndicator--visible`;
+$d70ad7d8b63db943$export$12c7b2fb4df461f8 = `CC22fG_spectrum-Table-colResizeNubbin`;
+$d70ad7d8b63db943$export$56a3c5ebd77d19bf = `CC22fG_spectrum-Table-colResizeNubbin--visible`;
+$d70ad7d8b63db943$export$a1a03b9bd1868758 = `CC22fG_spectrum-Table-columnResizer`;
+$d70ad7d8b63db943$export$dbbe6828fb150c0d = `CC22fG_spectrum-Table-columnResizerPlaceholder`;
+$d70ad7d8b63db943$export$ce10510e27df0512 = `CC22fG_spectrum-Table-expandButton`;
+$d70ad7d8b63db943$export$f64307d6c29e2f55 = `CC22fG_spectrum-Table-headCell`;
+$d70ad7d8b63db943$export$231a910aceaf76df = `CC22fG_spectrum-Table-headCellButton`;
+$d70ad7d8b63db943$export$75a2aad672a61387 = `CC22fG_spectrum-Table-headCellButton--alignCenter`;
+$d70ad7d8b63db943$export$7d0b6721a7bc5a4e = `CC22fG_spectrum-Table-headCellButton--alignEnd`;
+$d70ad7d8b63db943$export$b1f0f17b71ca32b7 = `CC22fG_spectrum-Table-headCellButton--alignStart`;
+$d70ad7d8b63db943$export$ce66f3b8316b228e = `CC22fG_spectrum-Table-headCellContents`;
+$d70ad7d8b63db943$export$a08929593e9a2fb2 = `CC22fG_spectrum-Table-headWrapper`;
+$d70ad7d8b63db943$export$3d7b5f594896430 = `CC22fG_spectrum-Table-headerCellText`;
+$d70ad7d8b63db943$export$da1b2523b4f18b96 = `CC22fG_spectrum-Table-menuChevron`;
+$d70ad7d8b63db943$export$fefa57dcd4648052 = `CC22fG_spectrum-Table-row`;
+$d70ad7d8b63db943$export$71150fb6934bcef6 = `CC22fG_spectrum-Table-row--firstRow`;
+$d70ad7d8b63db943$export$c544a9cedcdf7e74 = `CC22fG_spectrum-Table-row--isFlushBottom`;
+$d70ad7d8b63db943$export$6bc25dc2c214dc40 = `CC22fG_spectrum-Table-row--lastRow`;
+$d70ad7d8b63db943$export$7d48ded8ceef1e62 = `CC22fG_spectrum-Table-sortedIcon`;
 
 
 export {$d70ad7d8b63db943$exports as default};

package/dist/private/tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tabs/Tabs.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaLabelingProps, CollectionChildren, DOMProps, DOMRef, DOMRefValue, Key, Node, Orientation, RefObject, SingleSelection, StyleProps} from '@react-types/shared';\nimport {AriaTabPanelProps, useTab, useTabList, useTabPanel} from 'react-aria/useTabList';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Item} from 'react-stately/Item';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Picker, SpectrumPickerProps} from '../picker/Picker';\nimport React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/tabs/vars.css';\nimport {TabListState, useTabListState} from 'react-stately/useTabListState';\nimport {Text} from '../text/Text';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useCollection} from 'react-stately/private/collections/useCollection';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useProvider, useProviderProps} from '../provider/Provider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumTabsProps<T> extends Omit<SingleSelection, 'onSelectionChange' | 'disallowEmptySelection' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'>, AriaLabelingProps, DOMProps, StyleProps {\n  /** The children of the `<Tabs>` element. Should include `<TabList>` and `<TabPanels>` elements. */\n  children: ReactNode,\n  /** The item objects for each tab, for dynamic collections. */\n  items?: Iterable<T>,\n  /** The keys of the tabs that are disabled. These tabs cannot be selected, focused, or otherwise interacted with. */\n  disabledKeys?: Iterable<Key>,\n  /** Whether the Tabs are disabled. */\n  isDisabled?: boolean,\n  /** Whether the tabs are displayed in a quiet style. */\n  isQuiet?: boolean,\n  /** Whether the tabs are displayed in an emphasized style. */\n  isEmphasized?: boolean,\n  /** The amount of space between the tabs. */\n  density?: 'compact' | 'regular',\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: Key,\n  /** The initial selected keys in the collection (uncontrolled). */\n  defaultSelectedKey?: Key,\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void,\n  /**\n   * Whether tabs are activated automatically on focus or manually.\n   * @default 'automatic'\n   */\n  keyboardActivation?: 'automatic' | 'manual',\n  /**\n   * The orientation of the tabs.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n}\n\ninterface TabsContext<T> {\n  tabProps: SpectrumTabsProps<T>,\n  tabState: {\n    tabListState: TabListState<T> | null,\n    setTabListState: (state: TabListState<T>) => void,\n    selectedTab: HTMLElement | null,\n    collapsed: boolean\n  },\n  refs: {\n    wrapperRef: RefObject<HTMLDivElement | null>,\n    tablistRef: RefObject<HTMLDivElement | null>\n  },\n  tabPanelProps: HTMLAttributes<HTMLElement>,\n  tabLineState: Array<DOMRect>\n}\n\nconst TabContext = React.createContext<TabsContext<any> | null>(null);\n\n/**\n * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nexport const Tabs = React.forwardRef(function Tabs<T extends object>(props: SpectrumTabsProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    orientation = 'horizontal' as Orientation,\n    density = 'regular',\n    children,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let tablistRef = useRef<HTMLDivElement>(null);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  let {direction} = useLocale();\n  let {styleProps} = useStyleProps(otherProps);\n  let [collapsed, setCollapsed] = useState(false);\n  let [selectedTab, setSelectedTab] = useState<HTMLElement | null>(null);\n  const [tabListState, setTabListState] = useState<TabListState<T> | null>(null);\n  let [tabPositions, setTabPositions] = useState<DOMRect[]>([]);\n  let prevTabPositions = useRef<DOMRect[]>(tabPositions);\n\n  useEffect(() => {\n    if (tablistRef.current) {\n      let selectedTab: HTMLElement | null = tablistRef.current.querySelector(`[data-key=\"${CSS.escape(tabListState?.selectedKey?.toString() ?? '')}\"]`);\n\n      if (selectedTab != null) {\n        setSelectedTab(selectedTab);\n      }\n    }\n    // collapse is in the dep array so selectedTab can be updated for TabLine positioning\n  }, [children, tabListState?.selectedKey, collapsed, tablistRef]);\n\n  let checkShouldCollapse = useCallback(() => {\n    if (wrapperRef.current && orientation !== 'vertical') {\n      let tabsComponent = wrapperRef.current;\n      let tabs: NodeListOf<Element> = tablistRef.current?.querySelectorAll('[role=\"tab\"]') ?? new NodeList() as NodeListOf<Element>;\n      let tabDimensions = [...tabs].map((tab: Element) => tab.getBoundingClientRect());\n\n      let end = direction === 'rtl' ? 'left' : 'right';\n      let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];\n      let farEdgeLastTab = tabDimensions[tabDimensions.length - 1][end];\n      let shouldCollapse = direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;\n      setCollapsed(shouldCollapse);\n      if (tabDimensions.length !== prevTabPositions.current.length\n        || tabDimensions.some((box, index) => box?.left !== prevTabPositions.current[index]?.left || box?.right !== prevTabPositions.current[index]?.right)) {\n        setTabPositions(tabDimensions);\n        prevTabPositions.current = tabDimensions;\n      }\n    }\n  }, [tablistRef, wrapperRef, direction, orientation, setCollapsed, prevTabPositions, setTabPositions]);\n\n  useLayoutEffect(() => {\n    checkShouldCollapse();\n  }, [children, checkShouldCollapse]);\n\n  useResizeObserver({ref: wrapperRef, onResize: checkShouldCollapse});\n\n  let tabPanelProps: HTMLAttributes<HTMLElement> = {\n    'aria-labelledby': undefined\n  };\n\n  // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.\n  let collapsibleTabListId = useId();\n  if (collapsed && orientation !== 'vertical') {\n    tabPanelProps['aria-labelledby'] = collapsibleTabListId;\n  }\n  return (\n    <TabContext.Provider\n      value={{\n        tabProps: {...props, orientation, density},\n        tabState: {tabListState, setTabListState, selectedTab, collapsed},\n        refs: {tablistRef, wrapperRef},\n        tabPanelProps,\n        tabLineState: tabPositions\n      }}>\n      <div\n        {...filterDOMProps(otherProps)}\n        {...styleProps}\n        ref={domRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel',\n          `spectrum-TabsPanel--${orientation}`,\n          styleProps.className\n        )}>\n        {props.children}\n      </div>\n    </TabContext.Provider>\n  );\n}) as <T>(props: SpectrumTabsProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface TabProps<T> extends DOMProps {\n  item: Node<T>,\n  state: TabListState<T>,\n  isDisabled?: boolean,\n  orientation?: Orientation\n}\n\n// @private\nfunction Tab<T>(props: TabProps<T>) {\n  let {item, state} = props;\n  let {key, rendered} = item;\n\n  let ref = useRef<any>(undefined);\n  let {tabProps, isSelected, isDisabled} = useTab({key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props\n  });\n  let ElementType: React.ElementType = item.props.href ? 'a' : 'div';\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <ElementType\n        {...mergeProps(tabProps, hoverProps)}\n        ref={ref}\n        className={classNames(\n          styles,\n          'spectrum-Tabs-item',\n          {\n            'is-selected': isSelected,\n            'is-disabled': isDisabled,\n            'is-hovered': isHovered\n          }\n        )}>\n        <SlotProvider\n          slots={{\n            icon: {\n              size: 'S',\n              UNSAFE_className: classNames(styles, 'spectrum-Icon')\n            },\n            text: {\n              UNSAFE_className: classNames(styles, 'spectrum-Tabs-itemLabel')\n            }\n          }}>\n          {typeof rendered === 'string'\n            ? <Text>{rendered}</Text>\n            : rendered}\n        </SlotProvider>\n      </ElementType>\n    </FocusRing>\n  );\n}\n\ninterface TabLineProps {\n  orientation?: Orientation,\n  selectedTab?: HTMLElement | null,\n  selectedKey?: Key | null\n}\n\n// @private\nfunction TabLine(props: TabLineProps) {\n  let {\n    orientation,\n    // Is either the tab node (non-collapsed) or the picker node (collapsed)\n    selectedTab,\n    // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change\n    selectedKey\n  } = props;\n\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let {tabLineState} = useContext(TabContext)!;\n\n  let [style, setStyle] = useState<CSSProperties>({\n    width: undefined,\n    height: undefined\n  });\n\n  let onResize = useCallback(() => {\n    if (selectedTab) {\n      let styleObj: CSSProperties = {transform: undefined, width: undefined, height: undefined};\n      // In RTL, calculate the transform from the right edge of the tablist so that resizing the window doesn't break the Tabline position due to offsetLeft changes\n      let offset = direction === 'rtl' ?\n        -1 * ((selectedTab.offsetParent as HTMLElement)?.offsetWidth - selectedTab.offsetWidth - selectedTab.offsetLeft) :\n        selectedTab.offsetLeft;\n      styleObj.transform = orientation === 'vertical'\n        ? `translateY(${selectedTab.offsetTop}px)`\n        : `translateX(${offset}px)`;\n\n      if (orientation === 'horizontal') {\n        styleObj.width = `${selectedTab.offsetWidth}px`;\n      } else {\n        styleObj.height = `${selectedTab.offsetHeight}px`;\n      }\n      setStyle(styleObj);\n    }\n  }, [direction, setStyle, selectedTab, orientation]);\n\n  useLayoutEffect(() => {\n    onResize();\n  }, [onResize, scale, selectedKey, tabLineState]);\n\n  return <div className={classNames(styles, 'spectrum-Tabs-selectionIndicator')} role=\"presentation\" style={style} />;\n}\n\nexport interface SpectrumTabListProps<T> extends DOMProps, StyleProps {\n  /** The tab items to display. Item keys should match the key of the corresponding `<Item>` within the `<TabPanels>` element. */\n  children: CollectionChildren<T>\n}\n\n/**\n * A TabList is used within Tabs to group tabs that a user can switch between.\n * The keys of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.\n */\nexport function TabList<T>(props: SpectrumTabListProps<T>): ReactElement {\n  const tabContext = useContext(TabContext)!;\n  const {refs, tabState, tabProps, tabPanelProps} = tabContext;\n  const {isQuiet, density, isEmphasized, orientation} = tabProps;\n  const {selectedTab, collapsed, setTabListState} = tabState;\n  const {tablistRef, wrapperRef} = refs;\n  // Pass original Tab props but override children to create the collection.\n  const state = useTabListState({...tabProps, children: props.children});\n\n  let {styleProps} = useStyleProps(props);\n  const {tabListProps} = useTabList({...tabProps, ...props}, state, tablistRef);\n\n  useEffect(() => {\n    // Passing back to root as useTabPanel needs the TabListState\n    setTabListState(state);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);\n\n  let collapseStyle : React.CSSProperties = collapsed && orientation !== 'vertical' ? {maxWidth: 'calc(100% + 1px)', overflow: 'hidden', visibility: 'hidden', position: 'absolute'} : {maxWidth: 'calc(100% + 1px)'};\n  let stylePropsFinal = orientation === 'vertical' ? styleProps : {style: collapseStyle};\n\n  if (collapsed && orientation !== 'vertical') {\n    tabListProps['aria-hidden'] = true;\n  }\n\n  let tabListclassName = classNames(styles, 'spectrum-TabsPanel-tabs');\n\n  const tabContent = (\n    <div\n      {...stylePropsFinal}\n      {...tabListProps}\n      ref={tablistRef}\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        `spectrum-Tabs--${orientation}`,\n        tabListclassName,\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          'spectrum-Tabs--emphasized': isEmphasized,\n          ['spectrum-Tabs--compact']: density === 'compact'\n        },\n        orientation === 'vertical' && styleProps.className\n      )\n      }>\n      {[...state.collection].map((item) => (\n        <Tab key={item.key} item={item} state={state} orientation={orientation} />\n      ))}\n      <TabLine orientation={orientation} selectedTab={selectedTab} />\n    </div>\n  );\n\n\n  if (orientation === 'vertical') {\n    return tabContent;\n  } else {\n    return (\n      <div\n        {...styleProps}\n        ref={wrapperRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel-collapseWrapper',\n          styleProps.className\n        )}>\n        <TabPicker {...props} {...tabProps} visible={collapsed} id={tabPanelProps['aria-labelledby']} state={state} className={tabListclassName} />\n        {tabContent}\n      </div>\n    );\n  }\n}\n\nexport interface SpectrumTabPanelsProps<T> extends DOMProps, StyleProps {\n  /** The contents of each tab. Item keys should match the key of the corresponding `<Item>` within the `<TabList>` element. */\n  children: CollectionChildren<T>\n}\n\n/**\n * TabPanels is used within Tabs as a container for the content of each tab.\n * The keys of the items within the <TabPanels> must match up with a corresponding item inside the <TabList>.\n */\nexport function TabPanels<T extends object>(props: SpectrumTabPanelsProps<T>): ReactElement {\n  const {tabState, tabProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n\n  const factory = useCallback((nodes: Iterable<Node<T>>) => new ListCollection(nodes), []);\n  const collection = useCollection({items: tabProps.items, ...props}, factory, {suppressTextValueWarning: true});\n  const selectedItem = tabListState && tabListState.selectedKey != null ? collection.getItem(tabListState.selectedKey) : null;\n\n  return (\n    <TabPanel {...props} key={tabListState?.selectedKey}>\n      {selectedItem && selectedItem.props.children}\n    </TabPanel>\n  );\n}\n\ninterface TabPanelProps extends AriaTabPanelProps, StyleProps {\n  children?: ReactNode\n}\n\n// @private\nfunction TabPanel(props: TabPanelProps) {\n  const {tabState, tabPanelProps: ctxTabPanelProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n  let ref = useRef<HTMLDivElement | null>(null);\n  const {tabPanelProps} = useTabPanel(props, tabListState, ref);\n  let {styleProps} = useStyleProps(props);\n\n  if (ctxTabPanelProps['aria-labelledby']) {\n    tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];\n  }\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <div {...styleProps} {...tabPanelProps} ref={ref} className={classNames(styles, 'spectrum-TabsPanel-tabpanel', styleProps.className)}>\n        {props.children}\n      </div>\n    </FocusRing>\n  );\n}\n\ninterface TabPickerProps<T> extends Omit<SpectrumPickerProps<T>, 'children' | 'onSelectionChange'> {\n  density?: 'compact' | 'regular',\n  isEmphasized?: boolean,\n  state: TabListState<T>,\n  className?: string,\n  visible: boolean,\n  onSelectionChange?: (key: Key) => void\n}\n\nfunction TabPicker<T>(props: TabPickerProps<T>) {\n  let {\n    isDisabled,\n    isEmphasized,\n    isQuiet,\n    state,\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel,\n    density,\n    className,\n    id,\n    visible\n  } = props;\n\n  let ref = useRef<DOMRefValue<HTMLDivElement>>(null);\n  let [pickerNode, setPickerNode] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    let node = unwrapDOMRef(ref);\n    setPickerNode(node.current);\n  }, [ref]);\n\n  let items = [...state.collection];\n  let pickerProps = {\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel\n  };\n\n  const style : React.CSSProperties = visible ? {} : {visibility: 'hidden', position: 'absolute'};\n\n  return (\n    <div\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        'spectrum-Tabs--horizontal',\n        'spectrum-Tabs--isCollapsed',\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          ['spectrum-Tabs--compact']: density === 'compact',\n          'spectrum-Tabs--emphasized': isEmphasized\n        },\n        className\n      )}\n      style={style}\n      aria-hidden={visible ? undefined : true}>\n      <SlotProvider\n        slots={{\n          icon: {\n            size: 'S',\n            UNSAFE_className: classNames(styles, 'spectrum-Icon')\n          },\n          button: {\n            focusRingClass: classNames(styles, 'focus-ring')\n          }\n        }}>\n        <Picker\n          {...pickerProps}\n          id={id}\n          items={items}\n          ref={ref}\n          isQuiet\n          isDisabled={!visible || isDisabled}\n          selectedKey={state.selectedKey}\n          disabledKeys={state.disabledKeys}\n          onSelectionChange={key => {\n            if (key != null) {\n              state.setSelectedKey(key);\n            }\n          }}\n          UNSAFE_className={classNames(styles, 'spectrum-Tabs-picker')}>\n          {item => <Item {...item.props}>{item.rendered}</Item>}\n        </Picker>\n        {pickerNode && <TabLine orientation=\"horizontal\" selectedTab={pickerNode} selectedKey={state.selectedKey} />}\n      </SlotProvider>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"Tabs.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tabs/Tabs.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  AriaLabelingProps,\n  CollectionChildren,\n  DOMProps,\n  DOMRef,\n  DOMRefValue,\n  Key,\n  Node,\n  Orientation,\n  RefObject,\n  SingleSelection,\n  StyleProps\n} from '@react-types/shared';\nimport {AriaTabPanelProps, useTab, useTabList, useTabPanel} from 'react-aria/useTabList';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Item} from 'react-stately/Item';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Picker, SpectrumPickerProps} from '../picker/Picker';\nimport React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/tabs/vars.css';\nimport {TabListState, useTabListState} from 'react-stately/useTabListState';\nimport {Text} from '../text/Text';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useCollection} from 'react-stately/private/collections/useCollection';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useProvider, useProviderProps} from '../provider/Provider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumTabsProps<T>\n  extends\n    Omit<\n      SingleSelection,\n      | 'onSelectionChange'\n      | 'disallowEmptySelection'\n      | 'selectedKey'\n      | 'defaultSelectedKey'\n      | 'onSelectionChange'\n    >,\n    AriaLabelingProps,\n    DOMProps,\n    StyleProps {\n  /** The children of the `<Tabs>` element. Should include `<TabList>` and `<TabPanels>` elements. */\n  children: ReactNode;\n  /** The item objects for each tab, for dynamic collections. */\n  items?: Iterable<T>;\n  /**\n   * The keys of the tabs that are disabled. These tabs cannot be selected, focused, or otherwise\n   * interacted with.\n   */\n  disabledKeys?: Iterable<Key>;\n  /** Whether the Tabs are disabled. */\n  isDisabled?: boolean;\n  /** Whether the tabs are displayed in a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the tabs are displayed in an emphasized style. */\n  isEmphasized?: boolean;\n  /** The amount of space between the tabs. */\n  density?: 'compact' | 'regular';\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: Key;\n  /** The initial selected keys in the collection (uncontrolled). */\n  defaultSelectedKey?: Key;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void;\n  /**\n   * Whether tabs are activated automatically on focus or manually.\n   *\n   * @default 'automatic'\n   */\n  keyboardActivation?: 'automatic' | 'manual';\n  /**\n   * The orientation of the tabs.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n}\n\ninterface TabsContext<T> {\n  tabProps: SpectrumTabsProps<T>;\n  tabState: {\n    tabListState: TabListState<T> | null;\n    setTabListState: (state: TabListState<T>) => void;\n    selectedTab: HTMLElement | null;\n    collapsed: boolean;\n  };\n  refs: {\n    wrapperRef: RefObject<HTMLDivElement | null>;\n    tablistRef: RefObject<HTMLDivElement | null>;\n  };\n  tabPanelProps: HTMLAttributes<HTMLElement>;\n  tabLineState: Array<DOMRect>;\n}\n\nconst TabContext = React.createContext<TabsContext<any> | null>(null);\n\n/**\n * Tabs organize content into multiple sections and allow users to navigate between them. The\n * content under the set of tabs should be related and form a coherent unit.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nexport const Tabs = React.forwardRef(function Tabs<T extends object>(\n  props: SpectrumTabsProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let {\n    orientation = 'horizontal' as Orientation,\n    density = 'regular',\n    children,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let tablistRef = useRef<HTMLDivElement>(null);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  let {direction} = useLocale();\n  let {styleProps} = useStyleProps(otherProps);\n  let [collapsed, setCollapsed] = useState(false);\n  let [selectedTab, setSelectedTab] = useState<HTMLElement | null>(null);\n  const [tabListState, setTabListState] = useState<TabListState<T> | null>(null);\n  let [tabPositions, setTabPositions] = useState<DOMRect[]>([]);\n  let prevTabPositions = useRef<DOMRect[]>(tabPositions);\n\n  useEffect(() => {\n    if (tablistRef.current) {\n      let selectedTab: HTMLElement | null = tablistRef.current.querySelector(\n        `[data-key=\"${CSS.escape(tabListState?.selectedKey?.toString() ?? '')}\"]`\n      );\n\n      if (selectedTab != null) {\n        setSelectedTab(selectedTab);\n      }\n    }\n    // collapse is in the dep array so selectedTab can be updated for TabLine positioning\n  }, [children, tabListState?.selectedKey, collapsed, tablistRef]);\n\n  let checkShouldCollapse = useCallback(() => {\n    if (wrapperRef.current && orientation !== 'vertical') {\n      let tabsComponent = wrapperRef.current;\n      let tabs: NodeListOf<Element> =\n        tablistRef.current?.querySelectorAll('[role=\"tab\"]') ??\n        (new NodeList() as NodeListOf<Element>);\n      let tabDimensions = [...tabs].map((tab: Element) => tab.getBoundingClientRect());\n\n      let end = direction === 'rtl' ? 'left' : 'right';\n      let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];\n      let farEdgeLastTab = tabDimensions[tabDimensions.length - 1][end];\n      let shouldCollapse =\n        direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;\n      setCollapsed(shouldCollapse);\n      if (\n        tabDimensions.length !== prevTabPositions.current.length ||\n        tabDimensions.some(\n          (box, index) =>\n            box?.left !== prevTabPositions.current[index]?.left ||\n            box?.right !== prevTabPositions.current[index]?.right\n        )\n      ) {\n        setTabPositions(tabDimensions);\n        prevTabPositions.current = tabDimensions;\n      }\n    }\n  }, [\n    tablistRef,\n    wrapperRef,\n    direction,\n    orientation,\n    setCollapsed,\n    prevTabPositions,\n    setTabPositions\n  ]);\n\n  useLayoutEffect(() => {\n    checkShouldCollapse();\n  }, [children, checkShouldCollapse]);\n\n  useResizeObserver({ref: wrapperRef, onResize: checkShouldCollapse});\n\n  let tabPanelProps: HTMLAttributes<HTMLElement> = {\n    'aria-labelledby': undefined\n  };\n\n  // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.\n  let collapsibleTabListId = useId();\n  if (collapsed && orientation !== 'vertical') {\n    tabPanelProps['aria-labelledby'] = collapsibleTabListId;\n  }\n  return (\n    <TabContext.Provider\n      value={{\n        tabProps: {...props, orientation, density},\n        tabState: {tabListState, setTabListState, selectedTab, collapsed},\n        refs: {tablistRef, wrapperRef},\n        tabPanelProps,\n        tabLineState: tabPositions\n      }}>\n      <div\n        {...filterDOMProps(otherProps)}\n        {...styleProps}\n        ref={domRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel',\n          `spectrum-TabsPanel--${orientation}`,\n          styleProps.className\n        )}>\n        {props.children}\n      </div>\n    </TabContext.Provider>\n  );\n}) as <T>(props: SpectrumTabsProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface TabProps<T> extends DOMProps {\n  item: Node<T>;\n  state: TabListState<T>;\n  isDisabled?: boolean;\n  orientation?: Orientation;\n}\n\n// @private\nfunction Tab<T>(props: TabProps<T>) {\n  let {item, state} = props;\n  let {key, rendered} = item;\n\n  let ref = useRef<any>(undefined);\n  let {tabProps, isSelected, isDisabled} = useTab({key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props\n  });\n  let ElementType: React.ElementType = item.props.href ? 'a' : 'div';\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <ElementType\n        {...mergeProps(tabProps, hoverProps)}\n        ref={ref}\n        className={classNames(styles, 'spectrum-Tabs-item', {\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-hovered': isHovered\n        })}>\n        <SlotProvider\n          slots={{\n            icon: {\n              size: 'S',\n              UNSAFE_className: classNames(styles, 'spectrum-Icon')\n            },\n            text: {\n              UNSAFE_className: classNames(styles, 'spectrum-Tabs-itemLabel')\n            }\n          }}>\n          {typeof rendered === 'string' ? <Text>{rendered}</Text> : rendered}\n        </SlotProvider>\n      </ElementType>\n    </FocusRing>\n  );\n}\n\ninterface TabLineProps {\n  orientation?: Orientation;\n  selectedTab?: HTMLElement | null;\n  selectedKey?: Key | null;\n}\n\n// @private\nfunction TabLine(props: TabLineProps) {\n  let {\n    orientation,\n    // Is either the tab node (non-collapsed) or the picker node (collapsed)\n    selectedTab,\n    // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change\n    selectedKey\n  } = props;\n\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let {tabLineState} = useContext(TabContext)!;\n\n  let [style, setStyle] = useState<CSSProperties>({\n    width: undefined,\n    height: undefined\n  });\n\n  let onResize = useCallback(() => {\n    if (selectedTab) {\n      let styleObj: CSSProperties = {transform: undefined, width: undefined, height: undefined};\n      // In RTL, calculate the transform from the right edge of the tablist so that resizing the window doesn't break the Tabline position due to offsetLeft changes\n      let offset =\n        direction === 'rtl'\n          ? -1 *\n            ((selectedTab.offsetParent as HTMLElement)?.offsetWidth -\n              selectedTab.offsetWidth -\n              selectedTab.offsetLeft)\n          : selectedTab.offsetLeft;\n      styleObj.transform =\n        orientation === 'vertical'\n          ? `translateY(${selectedTab.offsetTop}px)`\n          : `translateX(${offset}px)`;\n\n      if (orientation === 'horizontal') {\n        styleObj.width = `${selectedTab.offsetWidth}px`;\n      } else {\n        styleObj.height = `${selectedTab.offsetHeight}px`;\n      }\n      setStyle(styleObj);\n    }\n  }, [direction, setStyle, selectedTab, orientation]);\n\n  useLayoutEffect(() => {\n    onResize();\n  }, [onResize, scale, selectedKey, tabLineState]);\n\n  return (\n    <div\n      className={classNames(styles, 'spectrum-Tabs-selectionIndicator')}\n      role=\"presentation\"\n      style={style}\n    />\n  );\n}\n\nexport interface SpectrumTabListProps<T> extends DOMProps, StyleProps {\n  /**\n   * The tab items to display. Item keys should match the key of the corresponding `<Item>` within\n   * the `<TabPanels>` element.\n   */\n  children: CollectionChildren<T>;\n}\n\n/**\n * A TabList is used within Tabs to group tabs that a user can switch between. The keys of the items\n * within the <TabList> must match up with a corresponding item inside the <TabPanels>.\n */\nexport function TabList<T>(props: SpectrumTabListProps<T>): ReactElement {\n  const tabContext = useContext(TabContext)!;\n  const {refs, tabState, tabProps, tabPanelProps} = tabContext;\n  const {isQuiet, density, isEmphasized, orientation} = tabProps;\n  const {selectedTab, collapsed, setTabListState} = tabState;\n  const {tablistRef, wrapperRef} = refs;\n  // Pass original Tab props but override children to create the collection.\n  const state = useTabListState({...tabProps, children: props.children});\n\n  let {styleProps} = useStyleProps(props);\n  const {tabListProps} = useTabList({...tabProps, ...props}, state, tablistRef);\n\n  useEffect(() => {\n    // Passing back to root as useTabPanel needs the TabListState\n    setTabListState(state);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);\n\n  let collapseStyle: React.CSSProperties =\n    collapsed && orientation !== 'vertical'\n      ? {\n          maxWidth: 'calc(100% + 1px)',\n          overflow: 'hidden',\n          visibility: 'hidden',\n          position: 'absolute'\n        }\n      : {maxWidth: 'calc(100% + 1px)'};\n  let stylePropsFinal = orientation === 'vertical' ? styleProps : {style: collapseStyle};\n\n  if (collapsed && orientation !== 'vertical') {\n    tabListProps['aria-hidden'] = true;\n  }\n\n  let tabListclassName = classNames(styles, 'spectrum-TabsPanel-tabs');\n\n  const tabContent = (\n    <div\n      {...stylePropsFinal}\n      {...tabListProps}\n      ref={tablistRef}\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        `spectrum-Tabs--${orientation}`,\n        tabListclassName,\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          'spectrum-Tabs--emphasized': isEmphasized,\n          ['spectrum-Tabs--compact']: density === 'compact'\n        },\n        orientation === 'vertical' && styleProps.className\n      )}>\n      {[...state.collection].map(item => (\n        <Tab key={item.key} item={item} state={state} orientation={orientation} />\n      ))}\n      <TabLine orientation={orientation} selectedTab={selectedTab} />\n    </div>\n  );\n\n  if (orientation === 'vertical') {\n    return tabContent;\n  } else {\n    return (\n      <div\n        {...styleProps}\n        ref={wrapperRef}\n        className={classNames(styles, 'spectrum-TabsPanel-collapseWrapper', styleProps.className)}>\n        <TabPicker\n          {...props}\n          {...tabProps}\n          visible={collapsed}\n          id={tabPanelProps['aria-labelledby']}\n          state={state}\n          className={tabListclassName}\n        />\n        {tabContent}\n      </div>\n    );\n  }\n}\n\nexport interface SpectrumTabPanelsProps<T> extends DOMProps, StyleProps {\n  /**\n   * The contents of each tab. Item keys should match the key of the corresponding `<Item>` within\n   * the `<TabList>` element.\n   */\n  children: CollectionChildren<T>;\n}\n\n/**\n * TabPanels is used within Tabs as a container for the content of each tab. The keys of the items\n * within the <TabPanels> must match up with a corresponding item inside the <TabList>.\n */\nexport function TabPanels<T extends object>(props: SpectrumTabPanelsProps<T>): ReactElement {\n  const {tabState, tabProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n\n  const factory = useCallback((nodes: Iterable<Node<T>>) => new ListCollection(nodes), []);\n  const collection = useCollection({items: tabProps.items, ...props}, factory, {\n    suppressTextValueWarning: true\n  });\n  const selectedItem =\n    tabListState && tabListState.selectedKey != null\n      ? collection.getItem(tabListState.selectedKey)\n      : null;\n\n  return (\n    <TabPanel {...props} key={tabListState?.selectedKey}>\n      {selectedItem && selectedItem.props.children}\n    </TabPanel>\n  );\n}\n\ninterface TabPanelProps extends AriaTabPanelProps, StyleProps {\n  children?: ReactNode;\n}\n\n// @private\nfunction TabPanel(props: TabPanelProps) {\n  const {tabState, tabPanelProps: ctxTabPanelProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n  let ref = useRef<HTMLDivElement | null>(null);\n  const {tabPanelProps} = useTabPanel(props, tabListState, ref);\n  let {styleProps} = useStyleProps(props);\n\n  if (ctxTabPanelProps['aria-labelledby']) {\n    tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];\n  }\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <div\n        {...styleProps}\n        {...tabPanelProps}\n        ref={ref}\n        className={classNames(styles, 'spectrum-TabsPanel-tabpanel', styleProps.className)}>\n        {props.children}\n      </div>\n    </FocusRing>\n  );\n}\n\ninterface TabPickerProps<T> extends Omit<SpectrumPickerProps<T>, 'children' | 'onSelectionChange'> {\n  density?: 'compact' | 'regular';\n  isEmphasized?: boolean;\n  state: TabListState<T>;\n  className?: string;\n  visible: boolean;\n  onSelectionChange?: (key: Key) => void;\n}\n\nfunction TabPicker<T>(props: TabPickerProps<T>) {\n  let {\n    isDisabled,\n    isEmphasized,\n    isQuiet,\n    state,\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel,\n    density,\n    className,\n    id,\n    visible\n  } = props;\n\n  let ref = useRef<DOMRefValue<HTMLDivElement>>(null);\n  let [pickerNode, setPickerNode] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    let node = unwrapDOMRef(ref);\n    setPickerNode(node.current);\n  }, [ref]);\n\n  let items = [...state.collection];\n  let pickerProps = {\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel\n  };\n\n  const style: React.CSSProperties = visible ? {} : {visibility: 'hidden', position: 'absolute'};\n\n  return (\n    <div\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        'spectrum-Tabs--horizontal',\n        'spectrum-Tabs--isCollapsed',\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          ['spectrum-Tabs--compact']: density === 'compact',\n          'spectrum-Tabs--emphasized': isEmphasized\n        },\n        className\n      )}\n      style={style}\n      aria-hidden={visible ? undefined : true}>\n      <SlotProvider\n        slots={{\n          icon: {\n            size: 'S',\n            UNSAFE_className: classNames(styles, 'spectrum-Icon')\n          },\n          button: {\n            focusRingClass: classNames(styles, 'focus-ring')\n          }\n        }}>\n        <Picker\n          {...pickerProps}\n          id={id}\n          items={items}\n          ref={ref}\n          isQuiet\n          isDisabled={!visible || isDisabled}\n          selectedKey={state.selectedKey}\n          disabledKeys={state.disabledKeys}\n          onSelectionChange={key => {\n            if (key != null) {\n              state.setSelectedKey(key);\n            }\n          }}\n          UNSAFE_className={classNames(styles, 'spectrum-Tabs-picker')}>\n          {item => <Item {...item.props}>{item.rendered}</Item>}\n        </Picker>\n        {pickerNode && (\n          <TabLine\n            orientation=\"horizontal\"\n            selectedTab={pickerNode}\n            selectedKey={state.selectedKey}\n          />\n        )}\n      </SlotProvider>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"Tabs.cjs.map"}

package/dist/private/tabs/Tabs.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tabs/Tabs.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaLabelingProps, CollectionChildren, DOMProps, DOMRef, DOMRefValue, Key, Node, Orientation, RefObject, SingleSelection, StyleProps} from '@react-types/shared';\nimport {AriaTabPanelProps, useTab, useTabList, useTabPanel} from 'react-aria/useTabList';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Item} from 'react-stately/Item';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Picker, SpectrumPickerProps} from '../picker/Picker';\nimport React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/tabs/vars.css';\nimport {TabListState, useTabListState} from 'react-stately/useTabListState';\nimport {Text} from '../text/Text';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useCollection} from 'react-stately/private/collections/useCollection';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useProvider, useProviderProps} from '../provider/Provider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumTabsProps<T> extends Omit<SingleSelection, 'onSelectionChange' | 'disallowEmptySelection' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'>, AriaLabelingProps, DOMProps, StyleProps {\n  /** The children of the `<Tabs>` element. Should include `<TabList>` and `<TabPanels>` elements. */\n  children: ReactNode,\n  /** The item objects for each tab, for dynamic collections. */\n  items?: Iterable<T>,\n  /** The keys of the tabs that are disabled. These tabs cannot be selected, focused, or otherwise interacted with. */\n  disabledKeys?: Iterable<Key>,\n  /** Whether the Tabs are disabled. */\n  isDisabled?: boolean,\n  /** Whether the tabs are displayed in a quiet style. */\n  isQuiet?: boolean,\n  /** Whether the tabs are displayed in an emphasized style. */\n  isEmphasized?: boolean,\n  /** The amount of space between the tabs. */\n  density?: 'compact' | 'regular',\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: Key,\n  /** The initial selected keys in the collection (uncontrolled). */\n  defaultSelectedKey?: Key,\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void,\n  /**\n   * Whether tabs are activated automatically on focus or manually.\n   * @default 'automatic'\n   */\n  keyboardActivation?: 'automatic' | 'manual',\n  /**\n   * The orientation of the tabs.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n}\n\ninterface TabsContext<T> {\n  tabProps: SpectrumTabsProps<T>,\n  tabState: {\n    tabListState: TabListState<T> | null,\n    setTabListState: (state: TabListState<T>) => void,\n    selectedTab: HTMLElement | null,\n    collapsed: boolean\n  },\n  refs: {\n    wrapperRef: RefObject<HTMLDivElement | null>,\n    tablistRef: RefObject<HTMLDivElement | null>\n  },\n  tabPanelProps: HTMLAttributes<HTMLElement>,\n  tabLineState: Array<DOMRect>\n}\n\nconst TabContext = React.createContext<TabsContext<any> | null>(null);\n\n/**\n * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nexport const Tabs = React.forwardRef(function Tabs<T extends object>(props: SpectrumTabsProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    orientation = 'horizontal' as Orientation,\n    density = 'regular',\n    children,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let tablistRef = useRef<HTMLDivElement>(null);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  let {direction} = useLocale();\n  let {styleProps} = useStyleProps(otherProps);\n  let [collapsed, setCollapsed] = useState(false);\n  let [selectedTab, setSelectedTab] = useState<HTMLElement | null>(null);\n  const [tabListState, setTabListState] = useState<TabListState<T> | null>(null);\n  let [tabPositions, setTabPositions] = useState<DOMRect[]>([]);\n  let prevTabPositions = useRef<DOMRect[]>(tabPositions);\n\n  useEffect(() => {\n    if (tablistRef.current) {\n      let selectedTab: HTMLElement | null = tablistRef.current.querySelector(`[data-key=\"${CSS.escape(tabListState?.selectedKey?.toString() ?? '')}\"]`);\n\n      if (selectedTab != null) {\n        setSelectedTab(selectedTab);\n      }\n    }\n    // collapse is in the dep array so selectedTab can be updated for TabLine positioning\n  }, [children, tabListState?.selectedKey, collapsed, tablistRef]);\n\n  let checkShouldCollapse = useCallback(() => {\n    if (wrapperRef.current && orientation !== 'vertical') {\n      let tabsComponent = wrapperRef.current;\n      let tabs: NodeListOf<Element> = tablistRef.current?.querySelectorAll('[role=\"tab\"]') ?? new NodeList() as NodeListOf<Element>;\n      let tabDimensions = [...tabs].map((tab: Element) => tab.getBoundingClientRect());\n\n      let end = direction === 'rtl' ? 'left' : 'right';\n      let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];\n      let farEdgeLastTab = tabDimensions[tabDimensions.length - 1][end];\n      let shouldCollapse = direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;\n      setCollapsed(shouldCollapse);\n      if (tabDimensions.length !== prevTabPositions.current.length\n        || tabDimensions.some((box, index) => box?.left !== prevTabPositions.current[index]?.left || box?.right !== prevTabPositions.current[index]?.right)) {\n        setTabPositions(tabDimensions);\n        prevTabPositions.current = tabDimensions;\n      }\n    }\n  }, [tablistRef, wrapperRef, direction, orientation, setCollapsed, prevTabPositions, setTabPositions]);\n\n  useLayoutEffect(() => {\n    checkShouldCollapse();\n  }, [children, checkShouldCollapse]);\n\n  useResizeObserver({ref: wrapperRef, onResize: checkShouldCollapse});\n\n  let tabPanelProps: HTMLAttributes<HTMLElement> = {\n    'aria-labelledby': undefined\n  };\n\n  // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.\n  let collapsibleTabListId = useId();\n  if (collapsed && orientation !== 'vertical') {\n    tabPanelProps['aria-labelledby'] = collapsibleTabListId;\n  }\n  return (\n    <TabContext.Provider\n      value={{\n        tabProps: {...props, orientation, density},\n        tabState: {tabListState, setTabListState, selectedTab, collapsed},\n        refs: {tablistRef, wrapperRef},\n        tabPanelProps,\n        tabLineState: tabPositions\n      }}>\n      <div\n        {...filterDOMProps(otherProps)}\n        {...styleProps}\n        ref={domRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel',\n          `spectrum-TabsPanel--${orientation}`,\n          styleProps.className\n        )}>\n        {props.children}\n      </div>\n    </TabContext.Provider>\n  );\n}) as <T>(props: SpectrumTabsProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface TabProps<T> extends DOMProps {\n  item: Node<T>,\n  state: TabListState<T>,\n  isDisabled?: boolean,\n  orientation?: Orientation\n}\n\n// @private\nfunction Tab<T>(props: TabProps<T>) {\n  let {item, state} = props;\n  let {key, rendered} = item;\n\n  let ref = useRef<any>(undefined);\n  let {tabProps, isSelected, isDisabled} = useTab({key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props\n  });\n  let ElementType: React.ElementType = item.props.href ? 'a' : 'div';\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <ElementType\n        {...mergeProps(tabProps, hoverProps)}\n        ref={ref}\n        className={classNames(\n          styles,\n          'spectrum-Tabs-item',\n          {\n            'is-selected': isSelected,\n            'is-disabled': isDisabled,\n            'is-hovered': isHovered\n          }\n        )}>\n        <SlotProvider\n          slots={{\n            icon: {\n              size: 'S',\n              UNSAFE_className: classNames(styles, 'spectrum-Icon')\n            },\n            text: {\n              UNSAFE_className: classNames(styles, 'spectrum-Tabs-itemLabel')\n            }\n          }}>\n          {typeof rendered === 'string'\n            ? <Text>{rendered}</Text>\n            : rendered}\n        </SlotProvider>\n      </ElementType>\n    </FocusRing>\n  );\n}\n\ninterface TabLineProps {\n  orientation?: Orientation,\n  selectedTab?: HTMLElement | null,\n  selectedKey?: Key | null\n}\n\n// @private\nfunction TabLine(props: TabLineProps) {\n  let {\n    orientation,\n    // Is either the tab node (non-collapsed) or the picker node (collapsed)\n    selectedTab,\n    // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change\n    selectedKey\n  } = props;\n\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let {tabLineState} = useContext(TabContext)!;\n\n  let [style, setStyle] = useState<CSSProperties>({\n    width: undefined,\n    height: undefined\n  });\n\n  let onResize = useCallback(() => {\n    if (selectedTab) {\n      let styleObj: CSSProperties = {transform: undefined, width: undefined, height: undefined};\n      // In RTL, calculate the transform from the right edge of the tablist so that resizing the window doesn't break the Tabline position due to offsetLeft changes\n      let offset = direction === 'rtl' ?\n        -1 * ((selectedTab.offsetParent as HTMLElement)?.offsetWidth - selectedTab.offsetWidth - selectedTab.offsetLeft) :\n        selectedTab.offsetLeft;\n      styleObj.transform = orientation === 'vertical'\n        ? `translateY(${selectedTab.offsetTop}px)`\n        : `translateX(${offset}px)`;\n\n      if (orientation === 'horizontal') {\n        styleObj.width = `${selectedTab.offsetWidth}px`;\n      } else {\n        styleObj.height = `${selectedTab.offsetHeight}px`;\n      }\n      setStyle(styleObj);\n    }\n  }, [direction, setStyle, selectedTab, orientation]);\n\n  useLayoutEffect(() => {\n    onResize();\n  }, [onResize, scale, selectedKey, tabLineState]);\n\n  return <div className={classNames(styles, 'spectrum-Tabs-selectionIndicator')} role=\"presentation\" style={style} />;\n}\n\nexport interface SpectrumTabListProps<T> extends DOMProps, StyleProps {\n  /** The tab items to display. Item keys should match the key of the corresponding `<Item>` within the `<TabPanels>` element. */\n  children: CollectionChildren<T>\n}\n\n/**\n * A TabList is used within Tabs to group tabs that a user can switch between.\n * The keys of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.\n */\nexport function TabList<T>(props: SpectrumTabListProps<T>): ReactElement {\n  const tabContext = useContext(TabContext)!;\n  const {refs, tabState, tabProps, tabPanelProps} = tabContext;\n  const {isQuiet, density, isEmphasized, orientation} = tabProps;\n  const {selectedTab, collapsed, setTabListState} = tabState;\n  const {tablistRef, wrapperRef} = refs;\n  // Pass original Tab props but override children to create the collection.\n  const state = useTabListState({...tabProps, children: props.children});\n\n  let {styleProps} = useStyleProps(props);\n  const {tabListProps} = useTabList({...tabProps, ...props}, state, tablistRef);\n\n  useEffect(() => {\n    // Passing back to root as useTabPanel needs the TabListState\n    setTabListState(state);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);\n\n  let collapseStyle : React.CSSProperties = collapsed && orientation !== 'vertical' ? {maxWidth: 'calc(100% + 1px)', overflow: 'hidden', visibility: 'hidden', position: 'absolute'} : {maxWidth: 'calc(100% + 1px)'};\n  let stylePropsFinal = orientation === 'vertical' ? styleProps : {style: collapseStyle};\n\n  if (collapsed && orientation !== 'vertical') {\n    tabListProps['aria-hidden'] = true;\n  }\n\n  let tabListclassName = classNames(styles, 'spectrum-TabsPanel-tabs');\n\n  const tabContent = (\n    <div\n      {...stylePropsFinal}\n      {...tabListProps}\n      ref={tablistRef}\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        `spectrum-Tabs--${orientation}`,\n        tabListclassName,\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          'spectrum-Tabs--emphasized': isEmphasized,\n          ['spectrum-Tabs--compact']: density === 'compact'\n        },\n        orientation === 'vertical' && styleProps.className\n      )\n      }>\n      {[...state.collection].map((item) => (\n        <Tab key={item.key} item={item} state={state} orientation={orientation} />\n      ))}\n      <TabLine orientation={orientation} selectedTab={selectedTab} />\n    </div>\n  );\n\n\n  if (orientation === 'vertical') {\n    return tabContent;\n  } else {\n    return (\n      <div\n        {...styleProps}\n        ref={wrapperRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel-collapseWrapper',\n          styleProps.className\n        )}>\n        <TabPicker {...props} {...tabProps} visible={collapsed} id={tabPanelProps['aria-labelledby']} state={state} className={tabListclassName} />\n        {tabContent}\n      </div>\n    );\n  }\n}\n\nexport interface SpectrumTabPanelsProps<T> extends DOMProps, StyleProps {\n  /** The contents of each tab. Item keys should match the key of the corresponding `<Item>` within the `<TabList>` element. */\n  children: CollectionChildren<T>\n}\n\n/**\n * TabPanels is used within Tabs as a container for the content of each tab.\n * The keys of the items within the <TabPanels> must match up with a corresponding item inside the <TabList>.\n */\nexport function TabPanels<T extends object>(props: SpectrumTabPanelsProps<T>): ReactElement {\n  const {tabState, tabProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n\n  const factory = useCallback((nodes: Iterable<Node<T>>) => new ListCollection(nodes), []);\n  const collection = useCollection({items: tabProps.items, ...props}, factory, {suppressTextValueWarning: true});\n  const selectedItem = tabListState && tabListState.selectedKey != null ? collection.getItem(tabListState.selectedKey) : null;\n\n  return (\n    <TabPanel {...props} key={tabListState?.selectedKey}>\n      {selectedItem && selectedItem.props.children}\n    </TabPanel>\n  );\n}\n\ninterface TabPanelProps extends AriaTabPanelProps, StyleProps {\n  children?: ReactNode\n}\n\n// @private\nfunction TabPanel(props: TabPanelProps) {\n  const {tabState, tabPanelProps: ctxTabPanelProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n  let ref = useRef<HTMLDivElement | null>(null);\n  const {tabPanelProps} = useTabPanel(props, tabListState, ref);\n  let {styleProps} = useStyleProps(props);\n\n  if (ctxTabPanelProps['aria-labelledby']) {\n    tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];\n  }\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <div {...styleProps} {...tabPanelProps} ref={ref} className={classNames(styles, 'spectrum-TabsPanel-tabpanel', styleProps.className)}>\n        {props.children}\n      </div>\n    </FocusRing>\n  );\n}\n\ninterface TabPickerProps<T> extends Omit<SpectrumPickerProps<T>, 'children' | 'onSelectionChange'> {\n  density?: 'compact' | 'regular',\n  isEmphasized?: boolean,\n  state: TabListState<T>,\n  className?: string,\n  visible: boolean,\n  onSelectionChange?: (key: Key) => void\n}\n\nfunction TabPicker<T>(props: TabPickerProps<T>) {\n  let {\n    isDisabled,\n    isEmphasized,\n    isQuiet,\n    state,\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel,\n    density,\n    className,\n    id,\n    visible\n  } = props;\n\n  let ref = useRef<DOMRefValue<HTMLDivElement>>(null);\n  let [pickerNode, setPickerNode] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    let node = unwrapDOMRef(ref);\n    setPickerNode(node.current);\n  }, [ref]);\n\n  let items = [...state.collection];\n  let pickerProps = {\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel\n  };\n\n  const style : React.CSSProperties = visible ? {} : {visibility: 'hidden', position: 'absolute'};\n\n  return (\n    <div\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        'spectrum-Tabs--horizontal',\n        'spectrum-Tabs--isCollapsed',\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          ['spectrum-Tabs--compact']: density === 'compact',\n          'spectrum-Tabs--emphasized': isEmphasized\n        },\n        className\n      )}\n      style={style}\n      aria-hidden={visible ? undefined : true}>\n      <SlotProvider\n        slots={{\n          icon: {\n            size: 'S',\n            UNSAFE_className: classNames(styles, 'spectrum-Icon')\n          },\n          button: {\n            focusRingClass: classNames(styles, 'focus-ring')\n          }\n        }}>\n        <Picker\n          {...pickerProps}\n          id={id}\n          items={items}\n          ref={ref}\n          isQuiet\n          isDisabled={!visible || isDisabled}\n          selectedKey={state.selectedKey}\n          disabledKeys={state.disabledKeys}\n          onSelectionChange={key => {\n            if (key != null) {\n              state.setSelectedKey(key);\n            }\n          }}\n          UNSAFE_className={classNames(styles, 'spectrum-Tabs-picker')}>\n          {item => <Item {...item.props}>{item.rendered}</Item>}\n        </Picker>\n        {pickerNode && <TabLine orientation=\"horizontal\" selectedTab={pickerNode} selectedKey={state.selectedKey} />}\n      </SlotProvider>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"Tabs.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tabs/Tabs.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  AriaLabelingProps,\n  CollectionChildren,\n  DOMProps,\n  DOMRef,\n  DOMRefValue,\n  Key,\n  Node,\n  Orientation,\n  RefObject,\n  SingleSelection,\n  StyleProps\n} from '@react-types/shared';\nimport {AriaTabPanelProps, useTab, useTabList, useTabPanel} from 'react-aria/useTabList';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Item} from 'react-stately/Item';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Picker, SpectrumPickerProps} from '../picker/Picker';\nimport React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/tabs/vars.css';\nimport {TabListState, useTabListState} from 'react-stately/useTabListState';\nimport {Text} from '../text/Text';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useCollection} from 'react-stately/private/collections/useCollection';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useProvider, useProviderProps} from '../provider/Provider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumTabsProps<T>\n  extends\n    Omit<\n      SingleSelection,\n      | 'onSelectionChange'\n      | 'disallowEmptySelection'\n      | 'selectedKey'\n      | 'defaultSelectedKey'\n      | 'onSelectionChange'\n    >,\n    AriaLabelingProps,\n    DOMProps,\n    StyleProps {\n  /** The children of the `<Tabs>` element. Should include `<TabList>` and `<TabPanels>` elements. */\n  children: ReactNode;\n  /** The item objects for each tab, for dynamic collections. */\n  items?: Iterable<T>;\n  /**\n   * The keys of the tabs that are disabled. These tabs cannot be selected, focused, or otherwise\n   * interacted with.\n   */\n  disabledKeys?: Iterable<Key>;\n  /** Whether the Tabs are disabled. */\n  isDisabled?: boolean;\n  /** Whether the tabs are displayed in a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the tabs are displayed in an emphasized style. */\n  isEmphasized?: boolean;\n  /** The amount of space between the tabs. */\n  density?: 'compact' | 'regular';\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: Key;\n  /** The initial selected keys in the collection (uncontrolled). */\n  defaultSelectedKey?: Key;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void;\n  /**\n   * Whether tabs are activated automatically on focus or manually.\n   *\n   * @default 'automatic'\n   */\n  keyboardActivation?: 'automatic' | 'manual';\n  /**\n   * The orientation of the tabs.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n}\n\ninterface TabsContext<T> {\n  tabProps: SpectrumTabsProps<T>;\n  tabState: {\n    tabListState: TabListState<T> | null;\n    setTabListState: (state: TabListState<T>) => void;\n    selectedTab: HTMLElement | null;\n    collapsed: boolean;\n  };\n  refs: {\n    wrapperRef: RefObject<HTMLDivElement | null>;\n    tablistRef: RefObject<HTMLDivElement | null>;\n  };\n  tabPanelProps: HTMLAttributes<HTMLElement>;\n  tabLineState: Array<DOMRect>;\n}\n\nconst TabContext = React.createContext<TabsContext<any> | null>(null);\n\n/**\n * Tabs organize content into multiple sections and allow users to navigate between them. The\n * content under the set of tabs should be related and form a coherent unit.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nexport const Tabs = React.forwardRef(function Tabs<T extends object>(\n  props: SpectrumTabsProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let {\n    orientation = 'horizontal' as Orientation,\n    density = 'regular',\n    children,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let tablistRef = useRef<HTMLDivElement>(null);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  let {direction} = useLocale();\n  let {styleProps} = useStyleProps(otherProps);\n  let [collapsed, setCollapsed] = useState(false);\n  let [selectedTab, setSelectedTab] = useState<HTMLElement | null>(null);\n  const [tabListState, setTabListState] = useState<TabListState<T> | null>(null);\n  let [tabPositions, setTabPositions] = useState<DOMRect[]>([]);\n  let prevTabPositions = useRef<DOMRect[]>(tabPositions);\n\n  useEffect(() => {\n    if (tablistRef.current) {\n      let selectedTab: HTMLElement | null = tablistRef.current.querySelector(\n        `[data-key=\"${CSS.escape(tabListState?.selectedKey?.toString() ?? '')}\"]`\n      );\n\n      if (selectedTab != null) {\n        setSelectedTab(selectedTab);\n      }\n    }\n    // collapse is in the dep array so selectedTab can be updated for TabLine positioning\n  }, [children, tabListState?.selectedKey, collapsed, tablistRef]);\n\n  let checkShouldCollapse = useCallback(() => {\n    if (wrapperRef.current && orientation !== 'vertical') {\n      let tabsComponent = wrapperRef.current;\n      let tabs: NodeListOf<Element> =\n        tablistRef.current?.querySelectorAll('[role=\"tab\"]') ??\n        (new NodeList() as NodeListOf<Element>);\n      let tabDimensions = [...tabs].map((tab: Element) => tab.getBoundingClientRect());\n\n      let end = direction === 'rtl' ? 'left' : 'right';\n      let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];\n      let farEdgeLastTab = tabDimensions[tabDimensions.length - 1][end];\n      let shouldCollapse =\n        direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;\n      setCollapsed(shouldCollapse);\n      if (\n        tabDimensions.length !== prevTabPositions.current.length ||\n        tabDimensions.some(\n          (box, index) =>\n            box?.left !== prevTabPositions.current[index]?.left ||\n            box?.right !== prevTabPositions.current[index]?.right\n        )\n      ) {\n        setTabPositions(tabDimensions);\n        prevTabPositions.current = tabDimensions;\n      }\n    }\n  }, [\n    tablistRef,\n    wrapperRef,\n    direction,\n    orientation,\n    setCollapsed,\n    prevTabPositions,\n    setTabPositions\n  ]);\n\n  useLayoutEffect(() => {\n    checkShouldCollapse();\n  }, [children, checkShouldCollapse]);\n\n  useResizeObserver({ref: wrapperRef, onResize: checkShouldCollapse});\n\n  let tabPanelProps: HTMLAttributes<HTMLElement> = {\n    'aria-labelledby': undefined\n  };\n\n  // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.\n  let collapsibleTabListId = useId();\n  if (collapsed && orientation !== 'vertical') {\n    tabPanelProps['aria-labelledby'] = collapsibleTabListId;\n  }\n  return (\n    <TabContext.Provider\n      value={{\n        tabProps: {...props, orientation, density},\n        tabState: {tabListState, setTabListState, selectedTab, collapsed},\n        refs: {tablistRef, wrapperRef},\n        tabPanelProps,\n        tabLineState: tabPositions\n      }}>\n      <div\n        {...filterDOMProps(otherProps)}\n        {...styleProps}\n        ref={domRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel',\n          `spectrum-TabsPanel--${orientation}`,\n          styleProps.className\n        )}>\n        {props.children}\n      </div>\n    </TabContext.Provider>\n  );\n}) as <T>(props: SpectrumTabsProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface TabProps<T> extends DOMProps {\n  item: Node<T>;\n  state: TabListState<T>;\n  isDisabled?: boolean;\n  orientation?: Orientation;\n}\n\n// @private\nfunction Tab<T>(props: TabProps<T>) {\n  let {item, state} = props;\n  let {key, rendered} = item;\n\n  let ref = useRef<any>(undefined);\n  let {tabProps, isSelected, isDisabled} = useTab({key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props\n  });\n  let ElementType: React.ElementType = item.props.href ? 'a' : 'div';\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <ElementType\n        {...mergeProps(tabProps, hoverProps)}\n        ref={ref}\n        className={classNames(styles, 'spectrum-Tabs-item', {\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-hovered': isHovered\n        })}>\n        <SlotProvider\n          slots={{\n            icon: {\n              size: 'S',\n              UNSAFE_className: classNames(styles, 'spectrum-Icon')\n            },\n            text: {\n              UNSAFE_className: classNames(styles, 'spectrum-Tabs-itemLabel')\n            }\n          }}>\n          {typeof rendered === 'string' ? <Text>{rendered}</Text> : rendered}\n        </SlotProvider>\n      </ElementType>\n    </FocusRing>\n  );\n}\n\ninterface TabLineProps {\n  orientation?: Orientation;\n  selectedTab?: HTMLElement | null;\n  selectedKey?: Key | null;\n}\n\n// @private\nfunction TabLine(props: TabLineProps) {\n  let {\n    orientation,\n    // Is either the tab node (non-collapsed) or the picker node (collapsed)\n    selectedTab,\n    // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change\n    selectedKey\n  } = props;\n\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let {tabLineState} = useContext(TabContext)!;\n\n  let [style, setStyle] = useState<CSSProperties>({\n    width: undefined,\n    height: undefined\n  });\n\n  let onResize = useCallback(() => {\n    if (selectedTab) {\n      let styleObj: CSSProperties = {transform: undefined, width: undefined, height: undefined};\n      // In RTL, calculate the transform from the right edge of the tablist so that resizing the window doesn't break the Tabline position due to offsetLeft changes\n      let offset =\n        direction === 'rtl'\n          ? -1 *\n            ((selectedTab.offsetParent as HTMLElement)?.offsetWidth -\n              selectedTab.offsetWidth -\n              selectedTab.offsetLeft)\n          : selectedTab.offsetLeft;\n      styleObj.transform =\n        orientation === 'vertical'\n          ? `translateY(${selectedTab.offsetTop}px)`\n          : `translateX(${offset}px)`;\n\n      if (orientation === 'horizontal') {\n        styleObj.width = `${selectedTab.offsetWidth}px`;\n      } else {\n        styleObj.height = `${selectedTab.offsetHeight}px`;\n      }\n      setStyle(styleObj);\n    }\n  }, [direction, setStyle, selectedTab, orientation]);\n\n  useLayoutEffect(() => {\n    onResize();\n  }, [onResize, scale, selectedKey, tabLineState]);\n\n  return (\n    <div\n      className={classNames(styles, 'spectrum-Tabs-selectionIndicator')}\n      role=\"presentation\"\n      style={style}\n    />\n  );\n}\n\nexport interface SpectrumTabListProps<T> extends DOMProps, StyleProps {\n  /**\n   * The tab items to display. Item keys should match the key of the corresponding `<Item>` within\n   * the `<TabPanels>` element.\n   */\n  children: CollectionChildren<T>;\n}\n\n/**\n * A TabList is used within Tabs to group tabs that a user can switch between. The keys of the items\n * within the <TabList> must match up with a corresponding item inside the <TabPanels>.\n */\nexport function TabList<T>(props: SpectrumTabListProps<T>): ReactElement {\n  const tabContext = useContext(TabContext)!;\n  const {refs, tabState, tabProps, tabPanelProps} = tabContext;\n  const {isQuiet, density, isEmphasized, orientation} = tabProps;\n  const {selectedTab, collapsed, setTabListState} = tabState;\n  const {tablistRef, wrapperRef} = refs;\n  // Pass original Tab props but override children to create the collection.\n  const state = useTabListState({...tabProps, children: props.children});\n\n  let {styleProps} = useStyleProps(props);\n  const {tabListProps} = useTabList({...tabProps, ...props}, state, tablistRef);\n\n  useEffect(() => {\n    // Passing back to root as useTabPanel needs the TabListState\n    setTabListState(state);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);\n\n  let collapseStyle: React.CSSProperties =\n    collapsed && orientation !== 'vertical'\n      ? {\n          maxWidth: 'calc(100% + 1px)',\n          overflow: 'hidden',\n          visibility: 'hidden',\n          position: 'absolute'\n        }\n      : {maxWidth: 'calc(100% + 1px)'};\n  let stylePropsFinal = orientation === 'vertical' ? styleProps : {style: collapseStyle};\n\n  if (collapsed && orientation !== 'vertical') {\n    tabListProps['aria-hidden'] = true;\n  }\n\n  let tabListclassName = classNames(styles, 'spectrum-TabsPanel-tabs');\n\n  const tabContent = (\n    <div\n      {...stylePropsFinal}\n      {...tabListProps}\n      ref={tablistRef}\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        `spectrum-Tabs--${orientation}`,\n        tabListclassName,\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          'spectrum-Tabs--emphasized': isEmphasized,\n          ['spectrum-Tabs--compact']: density === 'compact'\n        },\n        orientation === 'vertical' && styleProps.className\n      )}>\n      {[...state.collection].map(item => (\n        <Tab key={item.key} item={item} state={state} orientation={orientation} />\n      ))}\n      <TabLine orientation={orientation} selectedTab={selectedTab} />\n    </div>\n  );\n\n  if (orientation === 'vertical') {\n    return tabContent;\n  } else {\n    return (\n      <div\n        {...styleProps}\n        ref={wrapperRef}\n        className={classNames(styles, 'spectrum-TabsPanel-collapseWrapper', styleProps.className)}>\n        <TabPicker\n          {...props}\n          {...tabProps}\n          visible={collapsed}\n          id={tabPanelProps['aria-labelledby']}\n          state={state}\n          className={tabListclassName}\n        />\n        {tabContent}\n      </div>\n    );\n  }\n}\n\nexport interface SpectrumTabPanelsProps<T> extends DOMProps, StyleProps {\n  /**\n   * The contents of each tab. Item keys should match the key of the corresponding `<Item>` within\n   * the `<TabList>` element.\n   */\n  children: CollectionChildren<T>;\n}\n\n/**\n * TabPanels is used within Tabs as a container for the content of each tab. The keys of the items\n * within the <TabPanels> must match up with a corresponding item inside the <TabList>.\n */\nexport function TabPanels<T extends object>(props: SpectrumTabPanelsProps<T>): ReactElement {\n  const {tabState, tabProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n\n  const factory = useCallback((nodes: Iterable<Node<T>>) => new ListCollection(nodes), []);\n  const collection = useCollection({items: tabProps.items, ...props}, factory, {\n    suppressTextValueWarning: true\n  });\n  const selectedItem =\n    tabListState && tabListState.selectedKey != null\n      ? collection.getItem(tabListState.selectedKey)\n      : null;\n\n  return (\n    <TabPanel {...props} key={tabListState?.selectedKey}>\n      {selectedItem && selectedItem.props.children}\n    </TabPanel>\n  );\n}\n\ninterface TabPanelProps extends AriaTabPanelProps, StyleProps {\n  children?: ReactNode;\n}\n\n// @private\nfunction TabPanel(props: TabPanelProps) {\n  const {tabState, tabPanelProps: ctxTabPanelProps} = useContext(TabContext)!;\n  const {tabListState} = tabState;\n  let ref = useRef<HTMLDivElement | null>(null);\n  const {tabPanelProps} = useTabPanel(props, tabListState, ref);\n  let {styleProps} = useStyleProps(props);\n\n  if (ctxTabPanelProps['aria-labelledby']) {\n    tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];\n  }\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <div\n        {...styleProps}\n        {...tabPanelProps}\n        ref={ref}\n        className={classNames(styles, 'spectrum-TabsPanel-tabpanel', styleProps.className)}>\n        {props.children}\n      </div>\n    </FocusRing>\n  );\n}\n\ninterface TabPickerProps<T> extends Omit<SpectrumPickerProps<T>, 'children' | 'onSelectionChange'> {\n  density?: 'compact' | 'regular';\n  isEmphasized?: boolean;\n  state: TabListState<T>;\n  className?: string;\n  visible: boolean;\n  onSelectionChange?: (key: Key) => void;\n}\n\nfunction TabPicker<T>(props: TabPickerProps<T>) {\n  let {\n    isDisabled,\n    isEmphasized,\n    isQuiet,\n    state,\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel,\n    density,\n    className,\n    id,\n    visible\n  } = props;\n\n  let ref = useRef<DOMRefValue<HTMLDivElement>>(null);\n  let [pickerNode, setPickerNode] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    let node = unwrapDOMRef(ref);\n    setPickerNode(node.current);\n  }, [ref]);\n\n  let items = [...state.collection];\n  let pickerProps = {\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel\n  };\n\n  const style: React.CSSProperties = visible ? {} : {visibility: 'hidden', position: 'absolute'};\n\n  return (\n    <div\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        'spectrum-Tabs--horizontal',\n        'spectrum-Tabs--isCollapsed',\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          ['spectrum-Tabs--compact']: density === 'compact',\n          'spectrum-Tabs--emphasized': isEmphasized\n        },\n        className\n      )}\n      style={style}\n      aria-hidden={visible ? undefined : true}>\n      <SlotProvider\n        slots={{\n          icon: {\n            size: 'S',\n            UNSAFE_className: classNames(styles, 'spectrum-Icon')\n          },\n          button: {\n            focusRingClass: classNames(styles, 'focus-ring')\n          }\n        }}>\n        <Picker\n          {...pickerProps}\n          id={id}\n          items={items}\n          ref={ref}\n          isQuiet\n          isDisabled={!visible || isDisabled}\n          selectedKey={state.selectedKey}\n          disabledKeys={state.disabledKeys}\n          onSelectionChange={key => {\n            if (key != null) {\n              state.setSelectedKey(key);\n            }\n          }}\n          UNSAFE_className={classNames(styles, 'spectrum-Tabs-picker')}>\n          {item => <Item {...item.props}>{item.rendered}</Item>}\n        </Picker>\n        {pickerNode && (\n          <TabLine\n            orientation=\"horizontal\"\n            selectedTab={pickerNode}\n            selectedKey={state.selectedKey}\n          />\n        )}\n      </SlotProvider>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"Tabs.js.map"}