@react-spectrum/table 3.16.0 → 3.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/DragPreview.main.js +1 -1
  2. package/dist/DragPreview.main.js.map +1 -1
  3. package/dist/DragPreview.mjs +1 -1
  4. package/dist/DragPreview.module.js +1 -1
  5. package/dist/DragPreview.module.js.map +1 -1
  6. package/dist/InsertionIndicator.main.js.map +1 -1
  7. package/dist/InsertionIndicator.module.js.map +1 -1
  8. package/dist/Nubbin.main.js.map +1 -1
  9. package/dist/Nubbin.module.js.map +1 -1
  10. package/dist/Resizer.main.js +2 -2
  11. package/dist/Resizer.main.js.map +1 -1
  12. package/dist/Resizer.mjs +3 -3
  13. package/dist/Resizer.module.js +3 -3
  14. package/dist/Resizer.module.js.map +1 -1
  15. package/dist/RootDropIndicator.main.js.map +1 -1
  16. package/dist/RootDropIndicator.module.js.map +1 -1
  17. package/dist/TableViewBase.main.js +4 -2
  18. package/dist/TableViewBase.main.js.map +1 -1
  19. package/dist/TableViewBase.mjs +4 -2
  20. package/dist/TableViewBase.module.js +4 -2
  21. package/dist/TableViewBase.module.js.map +1 -1
  22. package/dist/TableViewLayout.main.js +2 -1
  23. package/dist/TableViewLayout.main.js.map +1 -1
  24. package/dist/TableViewLayout.mjs +2 -1
  25. package/dist/TableViewLayout.module.js +2 -1
  26. package/dist/TableViewLayout.module.js.map +1 -1
  27. package/dist/es-ES.main.js +2 -2
  28. package/dist/es-ES.main.js.map +1 -1
  29. package/dist/es-ES.mjs +2 -2
  30. package/dist/es-ES.module.js +2 -2
  31. package/dist/es-ES.module.js.map +1 -1
  32. package/dist/{vars.27f08d5f.css → table.0cdc494a.css} +1 -1
  33. package/dist/{vars.27f08d5f.css.map → table.0cdc494a.css.map} +1 -1
  34. package/package.json +27 -27
  35. package/src/DragPreview.tsx +2 -2
  36. package/src/InsertionIndicator.tsx +2 -2
  37. package/src/Nubbin.tsx +2 -2
  38. package/src/Resizer.tsx +3 -3
  39. package/src/RootDropIndicator.tsx +2 -2
  40. package/src/TableViewBase.tsx +11 -4
  41. package/src/TableViewLayout.ts +2 -2
@@ -1,4 +1,4 @@
1
- require("./vars.27f08d5f.css");
1
+ require("./table.0cdc494a.css");
2
2
  var $982885d0a34882ea$exports = require("./table_vars_css.main.js");
3
3
  require("./table.11fc8462.css");
4
4
  var $4afcd54cfd94dbb9$exports = require("./table_css.main.js");
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAeM,SAAS,0CAAY,KAAuB;IACjD,IAAI,YACF,QAAQ,aACR,SAAS,UACT,MAAM,YACN,QAAQ,EACT,GAAG;IACJ,IAAI,qBAAqB,YAAY;IACrC,qBACE,0DAAC,CAAA,GAAA,+BAAG;QACF,gBAAe;QACf,QAAQ;QACR,UAAU;QACV,kBACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,sBACA,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAc,GACd,4BACA,wCACA;YAAC,kDAAkD;QAAkB;qBAI3E,0DAAC;QACC,WACA,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,uBACA,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAc,GACd;qBAIJ,0DAAC;QACC,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL;OAGH,YAGJ,oCACC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAc,GAAG;OAAoC;AAIxF","sources":["packages/@react-spectrum/table/src/DragPreview.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport stylesOverrides from './table.css';\n\ninterface DragPreviewProps {\n itemText: string,\n itemCount: number,\n height: number,\n maxWidth: number\n}\n\nexport function DragPreview(props: DragPreviewProps) {\n let {\n itemText,\n itemCount,\n height,\n maxWidth\n } = props;\n let isDraggingMultiple = itemCount > 1;\n return (\n <Flex\n justifyContent=\"space-between\"\n height={height}\n maxWidth={maxWidth}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Table-row',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-row',\n 'react-spectrum-Table-row-dragPreview',\n {'react-spectrum-Table-row-dragPreview--multiple': isDraggingMultiple}\n )\n )\n }>\n <div\n className={\n classNames(\n styles,\n 'spectrum-Table-cell',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-cell'\n )\n )\n }>\n <span\n className={\n classNames(\n styles,\n 'spectrum-Table-cellContents'\n )\n }>\n {itemText}\n </span>\n </div>\n {isDraggingMultiple &&\n <div className={classNames(stylesOverrides, 'react-spectrum-Table-row-badge')}>{itemCount}</div>\n }\n </Flex>\n );\n}\n"],"names":[],"version":3,"file":"DragPreview.main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAeM,SAAS,0CAAY,KAAuB;IACjD,IAAI,YACF,QAAQ,aACR,SAAS,UACT,MAAM,YACN,QAAQ,EACT,GAAG;IACJ,IAAI,qBAAqB,YAAY;IACrC,qBACE,0DAAC,CAAA,GAAA,+BAAG;QACF,gBAAe;QACf,QAAQ;QACR,UAAU;QACV,kBACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,sBACA,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAc,GACd,4BACA,wCACA;YAAC,kDAAkD;QAAkB;qBAI3E,0DAAC;QACC,WACA,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,uBACA,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAc,GACd;qBAIJ,0DAAC;QACC,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL;OAGH,YAGJ,oCACC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAc,GAAG;OAAoC;AAIxF","sources":["packages/@react-spectrum/table/src/DragPreview.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport React, {ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport stylesOverrides from './table.css';\n\ninterface DragPreviewProps {\n itemText: string,\n itemCount: number,\n height: number,\n maxWidth: number\n}\n\nexport function DragPreview(props: DragPreviewProps): ReactNode {\n let {\n itemText,\n itemCount,\n height,\n maxWidth\n } = props;\n let isDraggingMultiple = itemCount > 1;\n return (\n <Flex\n justifyContent=\"space-between\"\n height={height}\n maxWidth={maxWidth}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Table-row',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-row',\n 'react-spectrum-Table-row-dragPreview',\n {'react-spectrum-Table-row-dragPreview--multiple': isDraggingMultiple}\n )\n )\n }>\n <div\n className={\n classNames(\n styles,\n 'spectrum-Table-cell',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-cell'\n )\n )\n }>\n <span\n className={\n classNames(\n styles,\n 'spectrum-Table-cellContents'\n )\n }>\n {itemText}\n </span>\n </div>\n {isDraggingMultiple &&\n <div className={classNames(stylesOverrides, 'react-spectrum-Table-row-badge')}>{itemCount}</div>\n }\n </Flex>\n );\n}\n"],"names":[],"version":3,"file":"DragPreview.main.js.map"}
@@ -1,4 +1,4 @@
1
- import "./vars.27f08d5f.css";
1
+ import "./table.0cdc494a.css";
2
2
  import $9Othb$table_vars_cssmodulejs from "./table_vars_css.mjs";
3
3
  import "./table.11fc8462.css";
4
4
  import $9Othb$table_cssmodulejs from "./table_css.mjs";
@@ -1,4 +1,4 @@
1
- import "./vars.27f08d5f.css";
1
+ import "./table.0cdc494a.css";
2
2
  import $9Othb$table_vars_cssmodulejs from "./table_vars_css.module.js";
3
3
  import "./table.11fc8462.css";
4
4
  import $9Othb$table_cssmodulejs from "./table_css.module.js";
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAeM,SAAS,0CAAY,KAAuB;IACjD,IAAI,YACF,QAAQ,aACR,SAAS,UACT,MAAM,YACN,QAAQ,EACT,GAAG;IACJ,IAAI,qBAAqB,YAAY;IACrC,qBACE,gCAAC,CAAA,GAAA,WAAG;QACF,gBAAe;QACf,QAAQ;QACR,UAAU;QACV,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,uDAAK,GACL,sBACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,kDAAc,GACd,4BACA,wCACA;YAAC,kDAAkD;QAAkB;qBAI3E,gCAAC;QACC,WACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,uDAAK,GACL,uBACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,kDAAc,GACd;qBAIJ,gCAAC;QACC,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,uDAAK,GACL;OAGH,YAGJ,oCACC,gCAAC;QAAI,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,kDAAc,GAAG;OAAoC;AAIxF","sources":["packages/@react-spectrum/table/src/DragPreview.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport stylesOverrides from './table.css';\n\ninterface DragPreviewProps {\n itemText: string,\n itemCount: number,\n height: number,\n maxWidth: number\n}\n\nexport function DragPreview(props: DragPreviewProps) {\n let {\n itemText,\n itemCount,\n height,\n maxWidth\n } = props;\n let isDraggingMultiple = itemCount > 1;\n return (\n <Flex\n justifyContent=\"space-between\"\n height={height}\n maxWidth={maxWidth}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Table-row',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-row',\n 'react-spectrum-Table-row-dragPreview',\n {'react-spectrum-Table-row-dragPreview--multiple': isDraggingMultiple}\n )\n )\n }>\n <div\n className={\n classNames(\n styles,\n 'spectrum-Table-cell',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-cell'\n )\n )\n }>\n <span\n className={\n classNames(\n styles,\n 'spectrum-Table-cellContents'\n )\n }>\n {itemText}\n </span>\n </div>\n {isDraggingMultiple &&\n <div className={classNames(stylesOverrides, 'react-spectrum-Table-row-badge')}>{itemCount}</div>\n }\n </Flex>\n );\n}\n"],"names":[],"version":3,"file":"DragPreview.module.js.map"}
1
+ {"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAeM,SAAS,0CAAY,KAAuB;IACjD,IAAI,YACF,QAAQ,aACR,SAAS,UACT,MAAM,YACN,QAAQ,EACT,GAAG;IACJ,IAAI,qBAAqB,YAAY;IACrC,qBACE,gCAAC,CAAA,GAAA,WAAG;QACF,gBAAe;QACf,QAAQ;QACR,UAAU;QACV,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,uDAAK,GACL,sBACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,kDAAc,GACd,4BACA,wCACA;YAAC,kDAAkD;QAAkB;qBAI3E,gCAAC;QACC,WACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,uDAAK,GACL,uBACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,kDAAc,GACd;qBAIJ,gCAAC;QACC,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,uDAAK,GACL;OAGH,YAGJ,oCACC,gCAAC;QAAI,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,kDAAc,GAAG;OAAoC;AAIxF","sources":["packages/@react-spectrum/table/src/DragPreview.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport React, {ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport stylesOverrides from './table.css';\n\ninterface DragPreviewProps {\n itemText: string,\n itemCount: number,\n height: number,\n maxWidth: number\n}\n\nexport function DragPreview(props: DragPreviewProps): ReactNode {\n let {\n itemText,\n itemCount,\n height,\n maxWidth\n } = props;\n let isDraggingMultiple = itemCount > 1;\n return (\n <Flex\n justifyContent=\"space-between\"\n height={height}\n maxWidth={maxWidth}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Table-row',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-row',\n 'react-spectrum-Table-row-dragPreview',\n {'react-spectrum-Table-row-dragPreview--multiple': isDraggingMultiple}\n )\n )\n }>\n <div\n className={\n classNames(\n styles,\n 'spectrum-Table-cell',\n classNames(\n stylesOverrides,\n 'react-spectrum-Table-cell'\n )\n )\n }>\n <span\n className={\n classNames(\n styles,\n 'spectrum-Table-cellContents'\n )\n }>\n {itemText}\n </span>\n </div>\n {isDraggingMultiple &&\n <div className={classNames(stylesOverrides, 'react-spectrum-Table-row-badge')}>{itemCount}</div>\n }\n </Flex>\n );\n}\n"],"names":[],"version":3,"file":"DragPreview.module.js.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;QAkB7C,iBAA2C,kBAChD;IAlBb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QACC,OAAO;YACL,UAAU;YACV,KAAK,SAAO,kBAAA,SAAS,KAAK,cAAd,sCAAA,gBAAgB,GAAG,MAAK,YAAY,SAAO,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,MAAM,MAAK,WAAW,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAAK;YAClL,KAAK,GAAE,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,KAAK;QAC9B;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,0DAAC;QACC,MAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,2CACA;YACE,uDAAuD;QACzD;qBAEJ,0DAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface InsertionIndicatorProps {\n target: ItemDropTarget,\n rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps) {\n let {dropState, dragAndDropHooks} = useTableContext();\n const {target, rowProps} = props;\n\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n let isDropTarget = dropState!.isDropTarget(target);\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div\n style={{\n position: 'absolute',\n top: typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number' ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0) : 0,\n width: rowProps.style?.width\n }}\n role=\"row\"\n aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n className={\n classNames(\n styles,\n 'react-spectrum-Table-InsertionIndicator',\n {\n 'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n }\n )}>\n <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;QAkB7C,iBAA2C,kBAChD;IAlBb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QACC,OAAO;YACL,UAAU;YACV,KAAK,SAAO,kBAAA,SAAS,KAAK,cAAd,sCAAA,gBAAgB,GAAG,MAAK,YAAY,SAAO,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,MAAM,MAAK,WAAW,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAAK;YAClL,KAAK,GAAE,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,KAAK;QAC9B;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,0DAAC;QACC,MAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,2CACA;YACE,uDAAuD;QACzD;qBAEJ,0DAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface InsertionIndicatorProps {\n target: ItemDropTarget,\n rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n let {dropState, dragAndDropHooks} = useTableContext();\n const {target, rowProps} = props;\n\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n let isDropTarget = dropState!.isDropTarget(target);\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div\n style={{\n position: 'absolute',\n top: typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number' ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0) : 0,\n width: rowProps.style?.width\n }}\n role=\"row\"\n aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n className={\n classNames(\n styles,\n 'react-spectrum-Table-InsertionIndicator',\n {\n 'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n }\n )}>\n <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.main.js.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;QAkB7C,iBAA2C,kBAChD;IAlBb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QACC,OAAO;YACL,UAAU;YACV,KAAK,SAAO,kBAAA,SAAS,KAAK,cAAd,sCAAA,gBAAgB,GAAG,MAAK,YAAY,SAAO,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,MAAM,MAAK,WAAW,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAAK;YAClL,KAAK,GAAE,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,KAAK;QAC9B;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,gCAAC;QACC,MAAK;QACL,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,kDAAK,GACL,2CACA;YACE,uDAAuD;QACzD;qBAEJ,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface InsertionIndicatorProps {\n target: ItemDropTarget,\n rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps) {\n let {dropState, dragAndDropHooks} = useTableContext();\n const {target, rowProps} = props;\n\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n let isDropTarget = dropState!.isDropTarget(target);\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div\n style={{\n position: 'absolute',\n top: typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number' ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0) : 0,\n width: rowProps.style?.width\n }}\n role=\"row\"\n aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n className={\n classNames(\n styles,\n 'react-spectrum-Table-InsertionIndicator',\n {\n 'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n }\n )}>\n <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.module.js.map"}
1
+ {"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;QAkB7C,iBAA2C,kBAChD;IAlBb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QACC,OAAO;YACL,UAAU;YACV,KAAK,SAAO,kBAAA,SAAS,KAAK,cAAd,sCAAA,gBAAgB,GAAG,MAAK,YAAY,SAAO,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,MAAM,MAAK,WAAW,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAAK;YAClL,KAAK,GAAE,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,KAAK;QAC9B;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,gCAAC;QACC,MAAK;QACL,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,kDAAK,GACL,2CACA;YACE,uDAAuD;QACzD;qBAEJ,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '@react-spectrum/utils';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface InsertionIndicatorProps {\n target: ItemDropTarget,\n rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n let {dropState, dragAndDropHooks} = useTableContext();\n const {target, rowProps} = props;\n\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n let isDropTarget = dropState!.isDropTarget(target);\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div\n style={{\n position: 'absolute',\n top: typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number' ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0) : 0,\n width: rowProps.style?.width\n }}\n role=\"row\"\n aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n className={\n classNames(\n styles,\n 'react-spectrum-Table-InsertionIndicator',\n {\n 'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n }\n )}>\n <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.module.js.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAMM,SAAS;IACd,qBACE,0DAAC;QAAI,OAAM;QAA6B,OAAM;QAAK,QAAO;QAAK,SAAQ;qBACrE,0DAAC;QAAE,MAAK;QAAwC,QAAO;QAAwC,aAAY;qBACzG,0DAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,QAAO;sBACnC,0DAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,MAAK;uBAEnC,0DAAC;QAAK,GAAE;QAA+B,WAAU;QAA2B,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;sBACzI,0DAAC;QAAK,GAAE;QAA+B,WAAU;QAAyC,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;;AAG7J","sources":["packages/@react-spectrum/table/src/Nubbin.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 React from 'react';\n\n\n// TODO resize with scale? colors should be variables\nexport function Nubbin() {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <g fill=\"var(--spectrum-global-color-blue-600)\" stroke=\"var(--spectrum-global-color-blue-600)\" strokeWidth=\"2\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" stroke=\"none\" />\n <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"none\" />\n </g>\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(2116 7385.763)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(-2100 -7369.763) rotate(180)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n </svg>\n );\n}\n"],"names":[],"version":3,"file":"Nubbin.main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAMM,SAAS;IACd,qBACE,0DAAC;QAAI,OAAM;QAA6B,OAAM;QAAK,QAAO;QAAK,SAAQ;qBACrE,0DAAC;QAAE,MAAK;QAAwC,QAAO;QAAwC,aAAY;qBACzG,0DAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,QAAO;sBACnC,0DAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,MAAK;uBAEnC,0DAAC;QAAK,GAAE;QAA+B,WAAU;QAA2B,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;sBACzI,0DAAC;QAAK,GAAE;QAA+B,WAAU;QAAyC,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;;AAG7J","sources":["packages/@react-spectrum/table/src/Nubbin.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 React, {ReactNode} from 'react';\n\n\n// TODO resize with scale? colors should be variables\nexport function Nubbin(): ReactNode {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <g fill=\"var(--spectrum-global-color-blue-600)\" stroke=\"var(--spectrum-global-color-blue-600)\" strokeWidth=\"2\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" stroke=\"none\" />\n <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"none\" />\n </g>\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(2116 7385.763)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(-2100 -7369.763) rotate(180)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n </svg>\n );\n}\n"],"names":[],"version":3,"file":"Nubbin.main.js.map"}
@@ -1 +1 @@
1
- {"mappings":";;AAAA;;;;;;;;;;CAUC;AAMM,SAAS;IACd,qBACE,gCAAC;QAAI,OAAM;QAA6B,OAAM;QAAK,QAAO;QAAK,SAAQ;qBACrE,gCAAC;QAAE,MAAK;QAAwC,QAAO;QAAwC,aAAY;qBACzG,gCAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,QAAO;sBACnC,gCAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,MAAK;uBAEnC,gCAAC;QAAK,GAAE;QAA+B,WAAU;QAA2B,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;sBACzI,gCAAC;QAAK,GAAE;QAA+B,WAAU;QAAyC,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;;AAG7J","sources":["packages/@react-spectrum/table/src/Nubbin.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 React from 'react';\n\n\n// TODO resize with scale? colors should be variables\nexport function Nubbin() {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <g fill=\"var(--spectrum-global-color-blue-600)\" stroke=\"var(--spectrum-global-color-blue-600)\" strokeWidth=\"2\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" stroke=\"none\" />\n <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"none\" />\n </g>\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(2116 7385.763)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(-2100 -7369.763) rotate(180)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n </svg>\n );\n}\n"],"names":[],"version":3,"file":"Nubbin.module.js.map"}
1
+ {"mappings":";;AAAA;;;;;;;;;;CAUC;AAMM,SAAS;IACd,qBACE,gCAAC;QAAI,OAAM;QAA6B,OAAM;QAAK,QAAO;QAAK,SAAQ;qBACrE,gCAAC;QAAE,MAAK;QAAwC,QAAO;QAAwC,aAAY;qBACzG,gCAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,QAAO;sBACnC,gCAAC;QAAO,IAAG;QAAI,IAAG;QAAI,GAAE;QAAI,MAAK;uBAEnC,gCAAC;QAAK,GAAE;QAA+B,WAAU;QAA2B,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;sBACzI,gCAAC;QAAK,GAAE;QAA+B,WAAU;QAAyC,MAAK;QAAO,QAAO;QAAO,gBAAe;QAAQ,aAAY;;AAG7J","sources":["packages/@react-spectrum/table/src/Nubbin.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 React, {ReactNode} from 'react';\n\n\n// TODO resize with scale? colors should be variables\nexport function Nubbin(): ReactNode {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <g fill=\"var(--spectrum-global-color-blue-600)\" stroke=\"var(--spectrum-global-color-blue-600)\" strokeWidth=\"2\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" stroke=\"none\" />\n <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"none\" />\n </g>\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(2116 7385.763)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n <path d=\"M-2106-7380.263v5l2.5-2.551Z\" transform=\"translate(-2100 -7369.763) rotate(180)\" fill=\"#fff\" stroke=\"#fff\" strokeLinejoin=\"round\" strokeWidth=\"2\" />\n </svg>\n );\n}\n"],"names":[],"version":3,"file":"Nubbin.module.js.map"}
@@ -1,5 +1,5 @@
1
1
  var $1a3d6ad53eb75d54$exports = require("./intlStrings.main.js");
2
- require("./vars.27f08d5f.css");
2
+ require("./table.0cdc494a.css");
3
3
  var $982885d0a34882ea$exports = require("./table_vars_css.main.js");
4
4
  var $e39c6de4eb69450d$exports = require("./TableViewBase.main.js");
5
5
  var $hxFQC$reactspectrumutils = require("@react-spectrum/utils");
@@ -141,7 +141,7 @@ const $2877766f94c67a67$export$48a76196cafe3b93 = /*#__PURE__*/ (0, ($parcel$int
141
141
  });
142
142
  function $2877766f94c67a67$var$CursorOverlay(props) {
143
143
  let { show: show, children: children } = props;
144
- let { getContainer: getContainer } = (0, $hxFQC$reactariaoverlays.useUNSTABLE_PortalContext)();
144
+ let { getContainer: getContainer } = (0, $hxFQC$reactariaoverlays.useUNSAFE_PortalContext)();
145
145
  var _getContainer;
146
146
  return show ? /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$reactdom))).createPortal(children, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body) : null;
147
147
  }
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/table/src/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-041bd783ad0660b4.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-8e8d37d2cf10eebe.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-cba9561fd7f119d5.js"],"sourcesContent":[" \nimport {classNames} from '@react-spectrum/utils';\nimport {ColumnSize} from '@react-types/table';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from '@react-aria/focus';\nimport {GridNode} from '@react-types/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isWebKit, mergeProps, useObjectRef} from '@react-aria/utils';\nimport {Key, RefObject} from '@react-types/shared';\nimport React, {createContext, ForwardedRef, useContext, useEffect, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {TableColumnResizeState} from '@react-stately/table';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useTableColumnResize} from '@react-aria/table';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n if (isWebKit()) {\n return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n } else {\n return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n }\n}\n\ninterface ResizerProps<T> {\n column: GridNode<T>,\n showResizer: boolean,\n triggerRef: RefObject<HTMLDivElement | null>,\n onResizeStart?: (widths: Map<Key, ColumnSize>) => void,\n onResize?: (widths: Map<Key, ColumnSize>) => void,\n onResizeEnd?: (widths: Map<Key, ColumnSize>) => void\n}\n\nconst CURSORS = {\n ew: getCursor(ewCursor, 'ew-resize'),\n w: getCursor(wCursor, 'w-resize'),\n e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(props: ResizerProps<T>, ref: ForwardedRef<HTMLInputElement | null>) {\n let {column, showResizer} = props;\n let objectRef = useObjectRef(ref);\n let {isEmpty, onFocusedResizer} = useTableContext();\n let layout = useContext(ResizeStateContext)!;\n // Virtualizer re-renders, but these components are all cached\n // in order to get around that and cause a rerender here, we use context\n // but we don't actually need any value, they are available on the layout object\n useVirtualizerContext();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n let {direction} = useLocale();\n\n let [isPointerDown, setIsPointerDown] = useState(false);\n useEffect(() => {\n let setDown = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(true);\n }\n };\n let setUp = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(false);\n }\n };\n document.addEventListener('pointerdown', setDown, {capture: true});\n document.addEventListener('pointerup', setUp, {capture: true});\n return () => {\n document.removeEventListener('pointerdown', setDown, {capture: true});\n document.removeEventListener('pointerup', setUp, {capture: true});\n };\n }, []);\n\n let {inputProps, resizerProps} = useTableColumnResize<unknown>(\n mergeProps(props, {\n 'aria-label': stringFormatter.format('columnResizer'),\n isDisabled: isEmpty\n }), layout, objectRef);\n\n let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n let isResizing = layout.resizingColumn === column.key;\n let cursor = '';\n if (isEResizable) {\n cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n } else if (isWResizable) {\n cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n } else {\n cursor = CURSORS.ew;\n }\n\n let style = {\n ...resizerProps.style,\n height: '100%',\n display: showResizer ? undefined : 'none',\n cursor\n };\n\n return (\n <>\n <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n {...resizerProps}\n role=\"presentation\"\n style={style}\n className={classNames(styles, 'spectrum-Table-columnResizer')}>\n <input\n ref={objectRef}\n {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n </div>\n </FocusRing>\n {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n <div\n aria-hidden\n role=\"presentation\"\n className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')} />\n <CursorOverlay show={isResizing && isPointerDown}>\n <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n </CursorOverlay>\n </>\n );\n});\n\nfunction CursorOverlay(props) {\n let {show, children} = props;\n let {getContainer} = useUNSTABLE_PortalContext();\n return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"fd8e59d99cf6255b\";","module.exports = \"c65a0be4a6d17c91\";","module.exports = \"d9395620b1a0eaaa\";"],"names":[],"version":3,"file":"Resizer.main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;ACAA,4BAAiB;;;;ACAjB,4BAAiB;;;;;;;;;;;;;;ACAjB,4BAAiB;;;AHsBjB,SAAS,gCAAU,GAAW,EAAE,QAAgB;IAC9C,kGAAkG;IAClG,uGAAuG;IACvG,kFAAkF;IAClF,IAAI,CAAA,GAAA,8BAAO,KACT,OAAO,CAAC,kCAAkC,EAAE,mBAAmB,KAAK,+BAA+B,EAAE,mBAAmB,IAAI,OAAO,CAAC,0BAA0B,2BAA2B,YAAY,EAAE,UAAU;SAEjN,OAAO,CAAC,wBAAwB,EAAE,mBAAmB,KAAK,QAAQ,EAAE,UAAU;AAElF;AAWA,MAAM,gCAAU;IACd,IAAI,gCAAU,CAAA,GAAA,gEAAO,GAAG;IACxB,GAAG,gCAAU,CAAA,GAAA,gEAAM,GAAG;IACtB,GAAG,gCAAU,CAAA,GAAA,gEAAM,GAAG;AACxB;AAEO,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAA0C;AAEjF,MAAM,0DAAU,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,QAAW,KAAsB,EAAE,GAA0C;IAC5H,IAAI,UAAC,MAAM,eAAE,WAAW,EAAC,GAAG;IAC5B,IAAI,YAAY,CAAA,GAAA,kCAAW,EAAE;IAC7B,IAAI,WAAC,OAAO,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAChD,IAAI,SAAS,CAAA,GAAA,uBAAS,EAAE;IACxB,8DAA8D;IAC9D,wEAAwE;IACxE,gFAAgF;IAChF,CAAA,GAAA,+CAAoB;IACpB,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAE1B,IAAI,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,qBAAO,EAAE;IACjD,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU,CAAC;YACb,IAAI,EAAE,WAAW,KAAK,SACpB,iBAAiB;QAErB;QACA,IAAI,QAAQ,CAAC;YACX,IAAI,EAAE,WAAW,KAAK,SACpB,iBAAiB;QAErB;QACA,SAAS,gBAAgB,CAAC,eAAe,SAAS;YAAC,SAAS;QAAI;QAChE,SAAS,gBAAgB,CAAC,aAAa,OAAO;YAAC,SAAS;QAAI;QAC5D,OAAO;YACL,SAAS,mBAAmB,CAAC,eAAe,SAAS;gBAAC,SAAS;YAAI;YACnE,SAAS,mBAAmB,CAAC,aAAa,OAAO;gBAAC,SAAS;YAAI;QACjE;IACF,GAAG,EAAE;IAEL,IAAI,cAAC,UAAU,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,0CAAmB,EAClD,CAAA,GAAA,gCAAS,EAAE,OAAO;QAChB,cAAc,gBAAgB,MAAM,CAAC;QACrC,YAAY;IACd,IAAI,QAAQ;IAEd,IAAI,eAAe,OAAO,iBAAiB,CAAC,OAAO,GAAG,KAAK,OAAO,cAAc,CAAC,OAAO,GAAG;IAC3F,IAAI,eAAe,OAAO,iBAAiB,CAAC,OAAO,GAAG,KAAK,OAAO,cAAc,CAAC,OAAO,GAAG;IAC3F,IAAI,aAAa,OAAO,cAAc,KAAK,OAAO,GAAG;IACrD,IAAI,SAAS;IACb,IAAI,cACF,SAAS,cAAc,QAAQ,8BAAQ,CAAC,GAAG,8BAAQ,CAAC;SAC/C,IAAI,cACT,SAAS,cAAc,QAAQ,8BAAQ,CAAC,GAAG,8BAAQ,CAAC;SAEpD,SAAS,8BAAQ,EAAE;IAGrB,IAAI,QAAQ;QACV,GAAG,aAAa,KAAK;QACrB,QAAQ;QACR,SAAS,cAAc,YAAY;gBACnC;IACF;IAEA,qBACE,oIACE,0DAAC,CAAA,GAAA,+BAAQ;QAAE,QAAA;QAAO,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACnD,0DAAC;QACE,GAAG,YAAY;QAChB,MAAK;QACL,OAAO;QACP,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBAC9B,0DAAC;QACC,KAAK;QACJ,GAAG,CAAA,GAAA,gCAAS,EAAE,YAAY;YAAC,SAAS;QAAgB,EAAE;wBAI7D,0DAAC;QACC,eAAA;QACA,MAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBAChC,0DAAC;QAAc,MAAM,cAAc;qBACjC,0DAAC;QAAI,OAAO;YAAC,UAAU;YAAS,KAAK;YAAG,MAAM;YAAG,QAAQ;YAAG,OAAO;oBAAG;QAAM;;AAIpF;AAEA,SAAS,oCAAc,KAAK;IAC1B,IAAI,QAAC,IAAI,YAAE,QAAQ,EAAC,GAAG;IACvB,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,gDAAsB;QACG;IAA9C,OAAO,qBAAO,CAAA,GAAA,yCAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI,IAAI;AACrF","sources":["packages/@react-spectrum/table/src/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-041bd783ad0660b4.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-8e8d37d2cf10eebe.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-cba9561fd7f119d5.js"],"sourcesContent":["\nimport {classNames} from '@react-spectrum/utils';\nimport {ColumnSize} from '@react-types/table';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from '@react-aria/focus';\nimport {GridNode} from '@react-types/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isWebKit, mergeProps, useObjectRef} from '@react-aria/utils';\nimport {Key, RefObject} from '@react-types/shared';\nimport React, {createContext, ForwardedRef, useContext, useEffect, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {TableColumnResizeState} from '@react-stately/table';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useTableColumnResize} from '@react-aria/table';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from '@react-aria/overlays';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n if (isWebKit()) {\n return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n } else {\n return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n }\n}\n\ninterface ResizerProps<T> {\n column: GridNode<T>,\n showResizer: boolean,\n triggerRef: RefObject<HTMLDivElement | null>,\n onResizeStart?: (widths: Map<Key, ColumnSize>) => void,\n onResize?: (widths: Map<Key, ColumnSize>) => void,\n onResizeEnd?: (widths: Map<Key, ColumnSize>) => void\n}\n\nconst CURSORS = {\n ew: getCursor(ewCursor, 'ew-resize'),\n w: getCursor(wCursor, 'w-resize'),\n e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(props: ResizerProps<T>, ref: ForwardedRef<HTMLInputElement | null>) {\n let {column, showResizer} = props;\n let objectRef = useObjectRef(ref);\n let {isEmpty, onFocusedResizer} = useTableContext();\n let layout = useContext(ResizeStateContext)!;\n // Virtualizer re-renders, but these components are all cached\n // in order to get around that and cause a rerender here, we use context\n // but we don't actually need any value, they are available on the layout object\n useVirtualizerContext();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n let {direction} = useLocale();\n\n let [isPointerDown, setIsPointerDown] = useState(false);\n useEffect(() => {\n let setDown = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(true);\n }\n };\n let setUp = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(false);\n }\n };\n document.addEventListener('pointerdown', setDown, {capture: true});\n document.addEventListener('pointerup', setUp, {capture: true});\n return () => {\n document.removeEventListener('pointerdown', setDown, {capture: true});\n document.removeEventListener('pointerup', setUp, {capture: true});\n };\n }, []);\n\n let {inputProps, resizerProps} = useTableColumnResize<unknown>(\n mergeProps(props, {\n 'aria-label': stringFormatter.format('columnResizer'),\n isDisabled: isEmpty\n }), layout, objectRef);\n\n let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n let isResizing = layout.resizingColumn === column.key;\n let cursor = '';\n if (isEResizable) {\n cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n } else if (isWResizable) {\n cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n } else {\n cursor = CURSORS.ew;\n }\n\n let style = {\n ...resizerProps.style,\n height: '100%',\n display: showResizer ? undefined : 'none',\n cursor\n };\n\n return (\n <>\n <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n {...resizerProps}\n role=\"presentation\"\n style={style}\n className={classNames(styles, 'spectrum-Table-columnResizer')}>\n <input\n ref={objectRef}\n {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n </div>\n </FocusRing>\n {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n <div\n aria-hidden\n role=\"presentation\"\n className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')} />\n <CursorOverlay show={isResizing && isPointerDown}>\n <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n </CursorOverlay>\n </>\n );\n});\n\nfunction CursorOverlay(props) {\n let {show, children} = props;\n let {getContainer} = useUNSAFE_PortalContext();\n return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"fd8e59d99cf6255b\";","module.exports = \"c65a0be4a6d17c91\";","module.exports = \"d9395620b1a0eaaa\";"],"names":[],"version":3,"file":"Resizer.main.js.map"}
package/dist/Resizer.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import $dIfdp$intlStringsmodulejs from "./intlStrings.mjs";
2
- import "./vars.27f08d5f.css";
2
+ import "./table.0cdc494a.css";
3
3
  import $dIfdp$table_vars_cssmodulejs from "./table_vars_css.mjs";
4
4
  import {useTableContext as $bd013581c0a4b065$export$3cb274deb6c2d854, useVirtualizerContext as $bd013581c0a4b065$export$3f8f74b6bfd2c5df} from "./TableViewBase.mjs";
5
5
  import {classNames as $dIfdp$classNames} from "@react-spectrum/utils";
@@ -9,7 +9,7 @@ import $dIfdp$react, {createContext as $dIfdp$createContext, useContext as $dIfd
9
9
  import $dIfdp$reactdom from "react-dom";
10
10
  import {useLocalizedStringFormatter as $dIfdp$useLocalizedStringFormatter, useLocale as $dIfdp$useLocale} from "@react-aria/i18n";
11
11
  import {useTableColumnResize as $dIfdp$useTableColumnResize} from "@react-aria/table";
12
- import {useUNSTABLE_PortalContext as $dIfdp$useUNSTABLE_PortalContext} from "@react-aria/overlays";
12
+ import {useUNSAFE_PortalContext as $dIfdp$useUNSAFE_PortalContext} from "@react-aria/overlays";
13
13
 
14
14
 
15
15
  function $parcel$interopDefault(a) {
@@ -134,7 +134,7 @@ const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $dIfdp$react
134
134
  });
135
135
  function $fc695d2eafc2b351$var$CursorOverlay(props) {
136
136
  let { show: show, children: children } = props;
137
- let { getContainer: getContainer } = (0, $dIfdp$useUNSTABLE_PortalContext)();
137
+ let { getContainer: getContainer } = (0, $dIfdp$useUNSAFE_PortalContext)();
138
138
  var _getContainer;
139
139
  return show ? /*#__PURE__*/ (0, $dIfdp$reactdom).createPortal(children, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body) : null;
140
140
  }
@@ -1,5 +1,5 @@
1
1
  import $dIfdp$intlStringsmodulejs from "./intlStrings.module.js";
2
- import "./vars.27f08d5f.css";
2
+ import "./table.0cdc494a.css";
3
3
  import $dIfdp$table_vars_cssmodulejs from "./table_vars_css.module.js";
4
4
  import {useTableContext as $bd013581c0a4b065$export$3cb274deb6c2d854, useVirtualizerContext as $bd013581c0a4b065$export$3f8f74b6bfd2c5df} from "./TableViewBase.module.js";
5
5
  import {classNames as $dIfdp$classNames} from "@react-spectrum/utils";
@@ -9,7 +9,7 @@ import $dIfdp$react, {createContext as $dIfdp$createContext, useContext as $dIfd
9
9
  import $dIfdp$reactdom from "react-dom";
10
10
  import {useLocalizedStringFormatter as $dIfdp$useLocalizedStringFormatter, useLocale as $dIfdp$useLocale} from "@react-aria/i18n";
11
11
  import {useTableColumnResize as $dIfdp$useTableColumnResize} from "@react-aria/table";
12
- import {useUNSTABLE_PortalContext as $dIfdp$useUNSTABLE_PortalContext} from "@react-aria/overlays";
12
+ import {useUNSAFE_PortalContext as $dIfdp$useUNSAFE_PortalContext} from "@react-aria/overlays";
13
13
 
14
14
 
15
15
  function $parcel$interopDefault(a) {
@@ -134,7 +134,7 @@ const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $dIfdp$react
134
134
  });
135
135
  function $fc695d2eafc2b351$var$CursorOverlay(props) {
136
136
  let { show: show, children: children } = props;
137
- let { getContainer: getContainer } = (0, $dIfdp$useUNSTABLE_PortalContext)();
137
+ let { getContainer: getContainer } = (0, $dIfdp$useUNSAFE_PortalContext)();
138
138
  var _getContainer;
139
139
  return show ? /*#__PURE__*/ (0, $dIfdp$reactdom).createPortal(children, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body) : null;
140
140
  }
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/table/src/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-a4d2d5b24236251c.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-3b74b2254c084d90.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-363f6d14626169ea.js"],"sourcesContent":[" \nimport {classNames} from '@react-spectrum/utils';\nimport {ColumnSize} from '@react-types/table';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from '@react-aria/focus';\nimport {GridNode} from '@react-types/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isWebKit, mergeProps, useObjectRef} from '@react-aria/utils';\nimport {Key, RefObject} from '@react-types/shared';\nimport React, {createContext, ForwardedRef, useContext, useEffect, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {TableColumnResizeState} from '@react-stately/table';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useTableColumnResize} from '@react-aria/table';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n if (isWebKit()) {\n return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n } else {\n return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n }\n}\n\ninterface ResizerProps<T> {\n column: GridNode<T>,\n showResizer: boolean,\n triggerRef: RefObject<HTMLDivElement | null>,\n onResizeStart?: (widths: Map<Key, ColumnSize>) => void,\n onResize?: (widths: Map<Key, ColumnSize>) => void,\n onResizeEnd?: (widths: Map<Key, ColumnSize>) => void\n}\n\nconst CURSORS = {\n ew: getCursor(ewCursor, 'ew-resize'),\n w: getCursor(wCursor, 'w-resize'),\n e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(props: ResizerProps<T>, ref: ForwardedRef<HTMLInputElement | null>) {\n let {column, showResizer} = props;\n let objectRef = useObjectRef(ref);\n let {isEmpty, onFocusedResizer} = useTableContext();\n let layout = useContext(ResizeStateContext)!;\n // Virtualizer re-renders, but these components are all cached\n // in order to get around that and cause a rerender here, we use context\n // but we don't actually need any value, they are available on the layout object\n useVirtualizerContext();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n let {direction} = useLocale();\n\n let [isPointerDown, setIsPointerDown] = useState(false);\n useEffect(() => {\n let setDown = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(true);\n }\n };\n let setUp = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(false);\n }\n };\n document.addEventListener('pointerdown', setDown, {capture: true});\n document.addEventListener('pointerup', setUp, {capture: true});\n return () => {\n document.removeEventListener('pointerdown', setDown, {capture: true});\n document.removeEventListener('pointerup', setUp, {capture: true});\n };\n }, []);\n\n let {inputProps, resizerProps} = useTableColumnResize<unknown>(\n mergeProps(props, {\n 'aria-label': stringFormatter.format('columnResizer'),\n isDisabled: isEmpty\n }), layout, objectRef);\n\n let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n let isResizing = layout.resizingColumn === column.key;\n let cursor = '';\n if (isEResizable) {\n cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n } else if (isWResizable) {\n cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n } else {\n cursor = CURSORS.ew;\n }\n\n let style = {\n ...resizerProps.style,\n height: '100%',\n display: showResizer ? undefined : 'none',\n cursor\n };\n\n return (\n <>\n <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n {...resizerProps}\n role=\"presentation\"\n style={style}\n className={classNames(styles, 'spectrum-Table-columnResizer')}>\n <input\n ref={objectRef}\n {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n </div>\n </FocusRing>\n {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n <div\n aria-hidden\n role=\"presentation\"\n className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')} />\n <CursorOverlay show={isResizing && isPointerDown}>\n <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n </CursorOverlay>\n </>\n );\n});\n\nfunction CursorOverlay(props) {\n let {show, children} = props;\n let {getContainer} = useUNSTABLE_PortalContext();\n return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"fb5e0424109df74c\";","module.exports = \"b243267b2524b67c\";","module.exports = \"1fd435371c71f5bc\";"],"names":[],"version":3,"file":"Resizer.module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/table/src/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-a4d2d5b24236251c.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-3b74b2254c084d90.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-363f6d14626169ea.js"],"sourcesContent":["\nimport {classNames} from '@react-spectrum/utils';\nimport {ColumnSize} from '@react-types/table';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from '@react-aria/focus';\nimport {GridNode} from '@react-types/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isWebKit, mergeProps, useObjectRef} from '@react-aria/utils';\nimport {Key, RefObject} from '@react-types/shared';\nimport React, {createContext, ForwardedRef, useContext, useEffect, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {TableColumnResizeState} from '@react-stately/table';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useTableColumnResize} from '@react-aria/table';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from '@react-aria/overlays';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n if (isWebKit()) {\n return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n } else {\n return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n }\n}\n\ninterface ResizerProps<T> {\n column: GridNode<T>,\n showResizer: boolean,\n triggerRef: RefObject<HTMLDivElement | null>,\n onResizeStart?: (widths: Map<Key, ColumnSize>) => void,\n onResize?: (widths: Map<Key, ColumnSize>) => void,\n onResizeEnd?: (widths: Map<Key, ColumnSize>) => void\n}\n\nconst CURSORS = {\n ew: getCursor(ewCursor, 'ew-resize'),\n w: getCursor(wCursor, 'w-resize'),\n e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(props: ResizerProps<T>, ref: ForwardedRef<HTMLInputElement | null>) {\n let {column, showResizer} = props;\n let objectRef = useObjectRef(ref);\n let {isEmpty, onFocusedResizer} = useTableContext();\n let layout = useContext(ResizeStateContext)!;\n // Virtualizer re-renders, but these components are all cached\n // in order to get around that and cause a rerender here, we use context\n // but we don't actually need any value, they are available on the layout object\n useVirtualizerContext();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n let {direction} = useLocale();\n\n let [isPointerDown, setIsPointerDown] = useState(false);\n useEffect(() => {\n let setDown = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(true);\n }\n };\n let setUp = (e) => {\n if (e.pointerType === 'mouse') {\n setIsPointerDown(false);\n }\n };\n document.addEventListener('pointerdown', setDown, {capture: true});\n document.addEventListener('pointerup', setUp, {capture: true});\n return () => {\n document.removeEventListener('pointerdown', setDown, {capture: true});\n document.removeEventListener('pointerup', setUp, {capture: true});\n };\n }, []);\n\n let {inputProps, resizerProps} = useTableColumnResize<unknown>(\n mergeProps(props, {\n 'aria-label': stringFormatter.format('columnResizer'),\n isDisabled: isEmpty\n }), layout, objectRef);\n\n let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n let isResizing = layout.resizingColumn === column.key;\n let cursor = '';\n if (isEResizable) {\n cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n } else if (isWResizable) {\n cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n } else {\n cursor = CURSORS.ew;\n }\n\n let style = {\n ...resizerProps.style,\n height: '100%',\n display: showResizer ? undefined : 'none',\n cursor\n };\n\n return (\n <>\n <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n {...resizerProps}\n role=\"presentation\"\n style={style}\n className={classNames(styles, 'spectrum-Table-columnResizer')}>\n <input\n ref={objectRef}\n {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n </div>\n </FocusRing>\n {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n <div\n aria-hidden\n role=\"presentation\"\n className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')} />\n <CursorOverlay show={isResizing && isPointerDown}>\n <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n </CursorOverlay>\n </>\n );\n});\n\nfunction CursorOverlay(props) {\n let {show, children} = props;\n let {getContainer} = useUNSAFE_PortalContext();\n return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"fb5e0424109df74c\";","module.exports = \"b243267b2524b67c\";","module.exports = \"1fd435371c71f5bc\";"],"names":[],"version":3,"file":"Resizer.module.js.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE;QAC7D,QAAQ;YAAC,MAAM;QAAM;IACvB,GAAG,WAAY;IACf,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,0DAAC;QACC,MAAK;QACL,iBAAc;QACd,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBAC7C,0DAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\nexport function RootDropIndicator() {\n let {dropState, dragAndDropHooks, state} = useTableContext();\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!({\n target: {type: 'root'}\n }, dropState!, ref);\n let isDropTarget = dropState!.isDropTarget({type: 'root'});\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n aria-selected=\"false\"\n aria-colspan={state.collection.columns.length}>\n <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE;QAC7D,QAAQ;YAAC,MAAM;QAAM;IACvB,GAAG,WAAY;IACf,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,0DAAC;QACC,MAAK;QACL,iBAAc;QACd,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBAC7C,0DAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n let {dropState, dragAndDropHooks, state} = useTableContext();\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!({\n target: {type: 'root'}\n }, dropState!, ref);\n let isDropTarget = dropState!.isDropTarget({type: 'root'});\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n aria-selected=\"false\"\n aria-colspan={state.collection.columns.length}>\n <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.main.js.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE;QAC7D,QAAQ;YAAC,MAAM;QAAM;IACvB,GAAG,WAAY;IACf,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QACC,MAAK;QACL,iBAAc;QACd,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBAC7C,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\nexport function RootDropIndicator() {\n let {dropState, dragAndDropHooks, state} = useTableContext();\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!({\n target: {type: 'root'}\n }, dropState!, ref);\n let isDropTarget = dropState!.isDropTarget({type: 'root'});\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n aria-selected=\"false\"\n aria-colspan={state.collection.columns.length}>\n <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.module.js.map"}
1
+ {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE;QAC7D,QAAQ;YAAC,MAAM;QAAM;IACvB,GAAG,WAAY;IACf,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QACC,MAAK;QACL,iBAAc;QACd,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBAC7C,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@react-spectrum/table/src/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n let {dropState, dragAndDropHooks, state} = useTableContext();\n let ref = useRef<HTMLDivElement | null>(null);\n let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!({\n target: {type: 'root'}\n }, dropState!, ref);\n let isDropTarget = dropState!.isDropTarget({type: 'root'});\n let {visuallyHiddenProps} = useVisuallyHidden();\n\n if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n return null;\n }\n\n return (\n <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n <div\n role=\"gridcell\"\n aria-selected=\"false\"\n aria-colspan={state.collection.columns.length}>\n <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.module.js.map"}
@@ -4,7 +4,7 @@ var $18b3deb5c431fa13$exports = require("./Nubbin.main.js");
4
4
  var $2877766f94c67a67$exports = require("./Resizer.main.js");
5
5
  var $4a98adf416b1ae5d$exports = require("./RootDropIndicator.main.js");
6
6
  var $f65d44d222cc509b$exports = require("./DragPreview.main.js");
7
- require("./vars.27f08d5f.css");
7
+ require("./table.0cdc494a.css");
8
8
  var $982885d0a34882ea$exports = require("./table_vars_css.main.js");
9
9
  require("./table.11fc8462.css");
10
10
  var $4afcd54cfd94dbb9$exports = require("./table_css.main.js");
@@ -138,6 +138,7 @@ function $e39c6de4eb69450d$var$TableViewBase(props, ref) {
138
138
  let dragHooksProvided = (0, $idLTj$react.useRef)(isTableDraggable);
139
139
  let dropHooksProvided = (0, $idLTj$react.useRef)(isTableDroppable);
140
140
  (0, $idLTj$react.useEffect)(()=>{
141
+ if (process.env.NODE_ENV === 'production') return;
141
142
  if (dragHooksProvided.current !== isTableDraggable) console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
142
143
  if (dropHooksProvided.current !== isTableDroppable) console.warn('Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
143
144
  if ('expandedKeys' in state && (isTableDraggable || isTableDroppable)) console.warn('Drag and drop is not yet fully supported with expandable rows and may produce unexpected results.');
@@ -622,7 +623,7 @@ function $e39c6de4eb69450d$var$TableColumnHeader(props) {
622
623
  });
623
624
  let columnProps = column.props;
624
625
  (0, $idLTj$react.useEffect)(()=>{
625
- if (column.hasChildNodes && columnProps.allowsResizing) console.warn(`Column key: ${column.key}. Columns with child columns don't allow resizing.`);
626
+ if (column.hasChildNodes && columnProps.allowsResizing && process.env.NODE_ENV !== 'production') console.warn(`Column key: ${column.key}. Columns with child columns don't allow resizing.`);
626
627
  }, [
627
628
  column.hasChildNodes,
628
629
  column.key,
@@ -845,6 +846,7 @@ function $e39c6de4eb69450d$var$TableSelectAllCell({ column: column }) {
845
846
  which for single selection will be "Select."
846
847
  */ isSingleSelectionMode && /*#__PURE__*/ (0, ($parcel$interopDefault($idLTj$react))).createElement((0, $idLTj$reactariavisuallyhidden.VisuallyHidden), null, checkboxProps['aria-label']), /*#__PURE__*/ (0, ($parcel$interopDefault($idLTj$react))).createElement((0, $idLTj$reactspectrumcheckbox.Checkbox), {
847
848
  ...checkboxProps,
849
+ "data-testid": "selectAll",
848
850
  isEmphasized: true,
849
851
  UNSAFE_style: isSingleSelectionMode ? {
850
852
  visibility: 'hidden'