@react-spectrum/table 3.0.0-beta.0 → 3.0.0-nightly-641446f65-240905

package/dist/Resizer.main.js

@@ -0,0 +1,150 @@
+var $1a3d6ad53eb75d54$exports = require("./intlStrings.main.js");
+require("./vars.ce47d5ba.css");
+var $982885d0a34882ea$exports = require("./table_vars_css.main.js");
+var $e39c6de4eb69450d$exports = require("./TableViewBase.main.js");
+var $hxFQC$reactspectrumutils = require("@react-spectrum/utils");
+var $hxFQC$reactariafocus = require("@react-aria/focus");
+var $hxFQC$reactariautils = require("@react-aria/utils");
+var $hxFQC$react = require("react");
+var $hxFQC$reactdom = require("react-dom");
+var $hxFQC$reactariai18n = require("@react-aria/i18n");
+var $hxFQC$reactariatable = require("@react-aria/table");
+var $hxFQC$reactariaoverlays = require("@react-aria/overlays");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ResizeStateContext", () => $2877766f94c67a67$export$b517d84d4ad20b24);
+$parcel$export(module.exports, "Resizer", () => $2877766f94c67a67$export$48a76196cafe3b93);
+/* eslint-disable jsx-a11y/role-supports-aria-props */ 
+var $1ed2399e74febaae$exports = {};
+$1ed2399e74febaae$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v6.5h3v-1.74951c0-.14893,.12215-.25049,.2513-.25049,.05457,0,.1104,.01819,.15875,.05847l2.58995,2.44153-2.58995,2.44153c-.04837,.04028-.10419,.05847-.15875,.05847-.12914,0-.2513-.10156-.2513-.25049v-1.74951h-3v6.5c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v14c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5v-5.5h1v.67757c0,.40416,.1632,.80501,.48197,1.05347,.49639,.3869,1.14001,.33571,1.56838-.02144l.02344-.01953,.0222-.02087,2.97589-2.80537c.20937-.19737,.20937-.53028,0-.72765l-2.97589-2.80537-.0222-.02087-.02345-.01965c-.22456-.18713-.5083-.29028-.79895-.29028-.3208,0-.62624,.12134-.86003,.34167-.24872,.23438-.39136,.56567-.39136,.90881v.74951h-1V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n    <path d=\"M10,16.5v-6.5h3v1.74952c0,.21196,.24721,.32775,.41005,.19206l2.58995-2.44158-2.58995-2.44158c-.16283-.13569-.41005-.0199-.41005,.19206v1.74952h-3V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v14c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+var $3f4aefa9145f889b$exports = {};
+$3f4aefa9145f889b$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path fill=\"#fff\" d=\"M9.5,2a.5.5,0,0,1,.5.5V9h3V7.2505A.25014.25014,0,0,1,13.24978,7h.00152a.246.246,0,0,1,.15875.05847L16,9.5l-2.58995,2.44153A.24611.24611,0,0,1,13.2513,12,.25016.25016,0,0,1,13,11.751V10H10v6.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V10H5v1.7495A.25014.25014,0,0,1,4.75022,12H4.7487A.246.246,0,0,1,4.59,11.94153L2,9.5,4.59,7.05847A.246.246,0,0,1,4.7487,7,.25016.25016,0,0,1,5,7.249V9H8V2.5A.5.5,0,0,1,8.5,2Zm0-1h-1A1.5,1.5,0,0,0,7,2.5V8H6V7.32389a1.33,1.33,0,0,0-.4816-1.05444,1.23962,1.23962,0,0,0-1.56876.021l-.02344.01953-.0222.02088L.92812,9.13618A.5.5,0,0,0,.90726,9.843l.02086.02085L3.904,12.66919l.02221.02088.02345.01965a1.23986,1.23986,0,0,0,1.56836.02116A1.3294,1.3294,0,0,0,6,11.6765V11H7v5.5A1.5,1.5,0,0,0,8.5,18h1A1.5,1.5,0,0,0,11,16.5V11h1v.67757a1.32792,1.32792,0,0,0,.482,1.05347,1.24,1.24,0,0,0,1.56839-.02144l.02343-.01953.02221-.02088,2.97588-2.80537a.5.5,0,0,0,.02086-.70679l-.02086-.02085L14.096,6.33081l-.02221-.02087-.02345-.01965A1.24978,1.24978,0,0,0,12,7.2505V8H11V2.5A1.5,1.5,0,0,0,9.5,1Z\"></path>\n    <path d=\"M10,16.5V10h3v1.7495a.25.25,0,0,0,.41.19206L16,9.5,13.41,7.05842A.25.25,0,0,0,13,7.2505V9H10V2.5A.5.5,0,0,0,9.5,2h-1a.5.5,0,0,0-.5.5V9H5V7.2505a.25.25,0,0,0-.41-.19206L2,9.5l2.59,2.44158A.25.25,0,0,0,5,11.7495V10H8v6.5a.5.5,0,0,0,.5.5h1A.5.5,0,0,0,10,16.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+
+
+
+
+
+
+
+
+
+
+var $955f540cbcd8d857$exports = {};
+$955f540cbcd8d857$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v14c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5v-6.5h-3v1.74951c0,.14893-.12215,.25049-.2513,.25049-.05457,0-.1104-.01819-.15875-.05847l-2.58995-2.44153,2.58995-2.44153c.04837-.04028,.10419-.05847,.15875-.05847,.12914,0,.2513,.10156,.2513,.25049v1.74951h3V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v5.5h-1v-.67611c0-.40436-.1629-.80555-.48159-1.05444-.4961-.38744-1.14015-.33635-1.56876,.02095l-.02344,.01953-.0222,.02087L.92811,9.13618c-.20937,.19737-.20937,.53028,0,.72765l2.97589,2.80537,.0222,.02087,.02345,.01965c.42839,.35694,1.07208,.40833,1.56837,.02116,.31886-.24875,.48198-.64994,.48198-1.05435v-.67652s.99999,0,.99999,0v5.5c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n    <path d=\"M10,16.5V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v6.5h-3v-1.74952c0-.21196-.24721-.32775-.41005-.19206l-2.58995,2.44158,2.58995,2.44158c.16283,.13569,.41005,.0199,.41005-.19206v-1.74952h3v6.5c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+function $2877766f94c67a67$var$getCursor(svg, fallback) {
+    // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657
+    // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.
+    // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.
+    if ((0, $hxFQC$reactariautils.isWebKit)()) 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}`;
+    else return `url("data:image/svg+xml,${encodeURIComponent(svg)}") 8 8, ${fallback}`;
+}
+const $2877766f94c67a67$var$CURSORS = {
+    ew: $2877766f94c67a67$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($3f4aefa9145f889b$exports))), 'ew-resize'),
+    w: $2877766f94c67a67$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($955f540cbcd8d857$exports))), 'w-resize'),
+    e: $2877766f94c67a67$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($1ed2399e74febaae$exports))), 'e-resize')
+};
+const $2877766f94c67a67$export$b517d84d4ad20b24 = /*#__PURE__*/ (0, $hxFQC$react.createContext)(null);
+function $2877766f94c67a67$var$Resizer(props, ref) {
+    let { column: column, showResizer: showResizer } = props;
+    let { isEmpty: isEmpty, onFocusedResizer: onFocusedResizer } = (0, $e39c6de4eb69450d$exports.useTableContext)();
+    let layout = (0, $hxFQC$react.useContext)($2877766f94c67a67$export$b517d84d4ad20b24);
+    // Virtualizer re-renders, but these components are all cached
+    // in order to get around that and cause a rerender here, we use context
+    // but we don't actually need any value, they are available on the layout object
+    (0, $e39c6de4eb69450d$exports.useVirtualizerContext)();
+    let stringFormatter = (0, $hxFQC$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($1a3d6ad53eb75d54$exports))), '@react-spectrum/table');
+    let { direction: direction } = (0, $hxFQC$reactariai18n.useLocale)();
+    let [isPointerDown, setIsPointerDown] = (0, $hxFQC$react.useState)(false);
+    (0, $hxFQC$react.useEffect)(()=>{
+        let setDown = (e)=>{
+            if (e.pointerType === 'mouse') setIsPointerDown(true);
+        };
+        let setUp = (e)=>{
+            if (e.pointerType === 'mouse') setIsPointerDown(false);
+        };
+        document.addEventListener('pointerdown', setDown, {
+            capture: true
+        });
+        document.addEventListener('pointerup', setUp, {
+            capture: true
+        });
+        return ()=>{
+            document.removeEventListener('pointerdown', setDown, {
+                capture: true
+            });
+            document.removeEventListener('pointerup', setUp, {
+                capture: true
+            });
+        };
+    }, []);
+    let { inputProps: inputProps, resizerProps: resizerProps } = (0, $hxFQC$reactariatable.useTableColumnResize)((0, $hxFQC$reactariautils.mergeProps)(props, {
+        'aria-label': stringFormatter.format('columnResizer'),
+        isDisabled: isEmpty
+    }), layout, ref);
+    let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
+    let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
+    let isResizing = layout.resizingColumn === column.key;
+    let cursor = '';
+    if (isEResizable) cursor = direction === 'rtl' ? $2877766f94c67a67$var$CURSORS.w : $2877766f94c67a67$var$CURSORS.e;
+    else if (isWResizable) cursor = direction === 'rtl' ? $2877766f94c67a67$var$CURSORS.e : $2877766f94c67a67$var$CURSORS.w;
+    else cursor = $2877766f94c67a67$var$CURSORS.ew;
+    let style = {
+        ...resizerProps.style,
+        height: '100%',
+        display: showResizer ? undefined : 'none',
+        cursor: cursor
+    };
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).createElement((0, ($parcel$interopDefault($hxFQC$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).createElement((0, $hxFQC$reactariafocus.FocusRing), {
+        within: true,
+        focusRingClass: (0, $hxFQC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($982885d0a34882ea$exports))), 'focus-ring')
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).createElement("div", {
+        ...resizerProps,
+        role: "presentation",
+        style: style,
+        className: (0, $hxFQC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($982885d0a34882ea$exports))), 'spectrum-Table-columnResizer')
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).createElement("input", {
+        ref: ref,
+        ...(0, $hxFQC$reactariautils.mergeProps)(inputProps, {
+            onFocus: onFocusedResizer
+        })
+    }))), /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).createElement("div", {
+        "aria-hidden": true,
+        role: "presentation",
+        className: (0, $hxFQC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($982885d0a34882ea$exports))), 'spectrum-Table-columnResizerPlaceholder')
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).createElement($2877766f94c67a67$var$CursorOverlay, {
+        show: isResizing && isPointerDown
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).createElement("div", {
+        style: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0,
+            cursor: cursor
+        }
+    })));
+}
+function $2877766f94c67a67$var$CursorOverlay(props) {
+    let { show: show, children: children } = props;
+    let { getContainer: getContainer } = (0, $hxFQC$reactariaoverlays.useUNSTABLE_PortalContext)();
+    var _getContainer;
+    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;
+}
+const $2877766f94c67a67$export$48a76196cafe3b93 = /*#__PURE__*/ (0, ($parcel$interopDefault($hxFQC$react))).forwardRef($2877766f94c67a67$var$Resizer);
+
+
+//# sourceMappingURL=Resizer.main.js.map

package/dist/Resizer.main.js.map

@@ -0,0 +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":["/* eslint-disable jsx-a11y/role-supports-aria-props */\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} from '@react-aria/utils';\nimport {Key, RefObject} from '@react-types/shared';\nimport React, {createContext, 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\nfunction Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement | null>) {\n  let {column, showResizer} = props;\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, ref);\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={ref}\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\nconst _Resizer = React.forwardRef(Resizer);\nexport {_Resizer as Resizer};\n","module.exports = \"fd8e59d99cf6255b\";","module.exports = \"c65a0be4a6d17c91\";","module.exports = \"d9395620b1a0eaaa\";"],"names":[],"version":3,"file":"Resizer.main.js.map"}

package/dist/Resizer.mjs

@@ -0,0 +1,144 @@
+import $dIfdp$intlStringsmodulejs from "./intlStrings.mjs";
+import "./vars.ce47d5ba.css";
+import $dIfdp$table_vars_cssmodulejs from "./table_vars_css.mjs";
+import {useTableContext as $bd013581c0a4b065$export$3cb274deb6c2d854, useVirtualizerContext as $bd013581c0a4b065$export$3f8f74b6bfd2c5df} from "./TableViewBase.mjs";
+import {classNames as $dIfdp$classNames} from "@react-spectrum/utils";
+import {FocusRing as $dIfdp$FocusRing} from "@react-aria/focus";
+import {isWebKit as $dIfdp$isWebKit, mergeProps as $dIfdp$mergeProps} from "@react-aria/utils";
+import $dIfdp$react, {createContext as $dIfdp$createContext, useContext as $dIfdp$useContext, useState as $dIfdp$useState, useEffect as $dIfdp$useEffect} from "react";
+import $dIfdp$reactdom from "react-dom";
+import {useLocalizedStringFormatter as $dIfdp$useLocalizedStringFormatter, useLocale as $dIfdp$useLocale} from "@react-aria/i18n";
+import {useTableColumnResize as $dIfdp$useTableColumnResize} from "@react-aria/table";
+import {useUNSTABLE_PortalContext as $dIfdp$useUNSTABLE_PortalContext} from "@react-aria/overlays";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/* eslint-disable jsx-a11y/role-supports-aria-props */ 
+var $2fc56f9fdd93be52$exports = {};
+$2fc56f9fdd93be52$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v6.5h3v-1.74951c0-.14893,.12215-.25049,.2513-.25049,.05457,0,.1104,.01819,.15875,.05847l2.58995,2.44153-2.58995,2.44153c-.04837,.04028-.10419,.05847-.15875,.05847-.12914,0-.2513-.10156-.2513-.25049v-1.74951h-3v6.5c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v14c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5v-5.5h1v.67757c0,.40416,.1632,.80501,.48197,1.05347,.49639,.3869,1.14001,.33571,1.56838-.02144l.02344-.01953,.0222-.02087,2.97589-2.80537c.20937-.19737,.20937-.53028,0-.72765l-2.97589-2.80537-.0222-.02087-.02345-.01965c-.22456-.18713-.5083-.29028-.79895-.29028-.3208,0-.62624,.12134-.86003,.34167-.24872,.23438-.39136,.56567-.39136,.90881v.74951h-1V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n    <path d=\"M10,16.5v-6.5h3v1.74952c0,.21196,.24721,.32775,.41005,.19206l2.58995-2.44158-2.58995-2.44158c-.16283-.13569-.41005-.0199-.41005,.19206v1.74952h-3V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v14c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+var $ff1f3562a1be2216$exports = {};
+$ff1f3562a1be2216$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path fill=\"#fff\" d=\"M9.5,2a.5.5,0,0,1,.5.5V9h3V7.2505A.25014.25014,0,0,1,13.24978,7h.00152a.246.246,0,0,1,.15875.05847L16,9.5l-2.58995,2.44153A.24611.24611,0,0,1,13.2513,12,.25016.25016,0,0,1,13,11.751V10H10v6.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V10H5v1.7495A.25014.25014,0,0,1,4.75022,12H4.7487A.246.246,0,0,1,4.59,11.94153L2,9.5,4.59,7.05847A.246.246,0,0,1,4.7487,7,.25016.25016,0,0,1,5,7.249V9H8V2.5A.5.5,0,0,1,8.5,2Zm0-1h-1A1.5,1.5,0,0,0,7,2.5V8H6V7.32389a1.33,1.33,0,0,0-.4816-1.05444,1.23962,1.23962,0,0,0-1.56876.021l-.02344.01953-.0222.02088L.92812,9.13618A.5.5,0,0,0,.90726,9.843l.02086.02085L3.904,12.66919l.02221.02088.02345.01965a1.23986,1.23986,0,0,0,1.56836.02116A1.3294,1.3294,0,0,0,6,11.6765V11H7v5.5A1.5,1.5,0,0,0,8.5,18h1A1.5,1.5,0,0,0,11,16.5V11h1v.67757a1.32792,1.32792,0,0,0,.482,1.05347,1.24,1.24,0,0,0,1.56839-.02144l.02343-.01953.02221-.02088,2.97588-2.80537a.5.5,0,0,0,.02086-.70679l-.02086-.02085L14.096,6.33081l-.02221-.02087-.02345-.01965A1.24978,1.24978,0,0,0,12,7.2505V8H11V2.5A1.5,1.5,0,0,0,9.5,1Z\"></path>\n    <path d=\"M10,16.5V10h3v1.7495a.25.25,0,0,0,.41.19206L16,9.5,13.41,7.05842A.25.25,0,0,0,13,7.2505V9H10V2.5A.5.5,0,0,0,9.5,2h-1a.5.5,0,0,0-.5.5V9H5V7.2505a.25.25,0,0,0-.41-.19206L2,9.5l2.59,2.44158A.25.25,0,0,0,5,11.7495V10H8v6.5a.5.5,0,0,0,.5.5h1A.5.5,0,0,0,10,16.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+
+
+
+
+
+
+
+
+
+
+var $58407c2d4eb33511$exports = {};
+$58407c2d4eb33511$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v14c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5v-6.5h-3v1.74951c0,.14893-.12215,.25049-.2513,.25049-.05457,0-.1104-.01819-.15875-.05847l-2.58995-2.44153,2.58995-2.44153c.04837-.04028,.10419-.05847,.15875-.05847,.12914,0,.2513,.10156,.2513,.25049v1.74951h3V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v5.5h-1v-.67611c0-.40436-.1629-.80555-.48159-1.05444-.4961-.38744-1.14015-.33635-1.56876,.02095l-.02344,.01953-.0222,.02087L.92811,9.13618c-.20937,.19737-.20937,.53028,0,.72765l2.97589,2.80537,.0222,.02087,.02345,.01965c.42839,.35694,1.07208,.40833,1.56837,.02116,.31886-.24875,.48198-.64994,.48198-1.05435v-.67652s.99999,0,.99999,0v5.5c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n    <path d=\"M10,16.5V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v6.5h-3v-1.74952c0-.21196-.24721-.32775-.41005-.19206l-2.58995,2.44158,2.58995,2.44158c.16283,.13569,.41005,.0199,.41005-.19206v-1.74952h3v6.5c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+function $fc695d2eafc2b351$var$getCursor(svg, fallback) {
+    // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657
+    // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.
+    // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.
+    if ((0, $dIfdp$isWebKit)()) 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}`;
+    else return `url("data:image/svg+xml,${encodeURIComponent(svg)}") 8 8, ${fallback}`;
+}
+const $fc695d2eafc2b351$var$CURSORS = {
+    ew: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($ff1f3562a1be2216$exports))), 'ew-resize'),
+    w: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($58407c2d4eb33511$exports))), 'w-resize'),
+    e: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($2fc56f9fdd93be52$exports))), 'e-resize')
+};
+const $fc695d2eafc2b351$export$b517d84d4ad20b24 = /*#__PURE__*/ (0, $dIfdp$createContext)(null);
+function $fc695d2eafc2b351$var$Resizer(props, ref) {
+    let { column: column, showResizer: showResizer } = props;
+    let { isEmpty: isEmpty, onFocusedResizer: onFocusedResizer } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
+    let layout = (0, $dIfdp$useContext)($fc695d2eafc2b351$export$b517d84d4ad20b24);
+    // Virtualizer re-renders, but these components are all cached
+    // in order to get around that and cause a rerender here, we use context
+    // but we don't actually need any value, they are available on the layout object
+    (0, $bd013581c0a4b065$export$3f8f74b6bfd2c5df)();
+    let stringFormatter = (0, $dIfdp$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dIfdp$intlStringsmodulejs))), '@react-spectrum/table');
+    let { direction: direction } = (0, $dIfdp$useLocale)();
+    let [isPointerDown, setIsPointerDown] = (0, $dIfdp$useState)(false);
+    (0, $dIfdp$useEffect)(()=>{
+        let setDown = (e)=>{
+            if (e.pointerType === 'mouse') setIsPointerDown(true);
+        };
+        let setUp = (e)=>{
+            if (e.pointerType === 'mouse') setIsPointerDown(false);
+        };
+        document.addEventListener('pointerdown', setDown, {
+            capture: true
+        });
+        document.addEventListener('pointerup', setUp, {
+            capture: true
+        });
+        return ()=>{
+            document.removeEventListener('pointerdown', setDown, {
+                capture: true
+            });
+            document.removeEventListener('pointerup', setUp, {
+                capture: true
+            });
+        };
+    }, []);
+    let { inputProps: inputProps, resizerProps: resizerProps } = (0, $dIfdp$useTableColumnResize)((0, $dIfdp$mergeProps)(props, {
+        'aria-label': stringFormatter.format('columnResizer'),
+        isDisabled: isEmpty
+    }), layout, ref);
+    let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
+    let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
+    let isResizing = layout.resizingColumn === column.key;
+    let cursor = '';
+    if (isEResizable) cursor = direction === 'rtl' ? $fc695d2eafc2b351$var$CURSORS.w : $fc695d2eafc2b351$var$CURSORS.e;
+    else if (isWResizable) cursor = direction === 'rtl' ? $fc695d2eafc2b351$var$CURSORS.e : $fc695d2eafc2b351$var$CURSORS.w;
+    else cursor = $fc695d2eafc2b351$var$CURSORS.ew;
+    let style = {
+        ...resizerProps.style,
+        height: '100%',
+        display: showResizer ? undefined : 'none',
+        cursor: cursor
+    };
+    return /*#__PURE__*/ (0, $dIfdp$react).createElement((0, $dIfdp$react).Fragment, null, /*#__PURE__*/ (0, $dIfdp$react).createElement((0, $dIfdp$FocusRing), {
+        within: true,
+        focusRingClass: (0, $dIfdp$classNames)((0, ($parcel$interopDefault($dIfdp$table_vars_cssmodulejs))), 'focus-ring')
+    }, /*#__PURE__*/ (0, $dIfdp$react).createElement("div", {
+        ...resizerProps,
+        role: "presentation",
+        style: style,
+        className: (0, $dIfdp$classNames)((0, ($parcel$interopDefault($dIfdp$table_vars_cssmodulejs))), 'spectrum-Table-columnResizer')
+    }, /*#__PURE__*/ (0, $dIfdp$react).createElement("input", {
+        ref: ref,
+        ...(0, $dIfdp$mergeProps)(inputProps, {
+            onFocus: onFocusedResizer
+        })
+    }))), /*#__PURE__*/ (0, $dIfdp$react).createElement("div", {
+        "aria-hidden": true,
+        role: "presentation",
+        className: (0, $dIfdp$classNames)((0, ($parcel$interopDefault($dIfdp$table_vars_cssmodulejs))), 'spectrum-Table-columnResizerPlaceholder')
+    }), /*#__PURE__*/ (0, $dIfdp$react).createElement($fc695d2eafc2b351$var$CursorOverlay, {
+        show: isResizing && isPointerDown
+    }, /*#__PURE__*/ (0, $dIfdp$react).createElement("div", {
+        style: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0,
+            cursor: cursor
+        }
+    })));
+}
+function $fc695d2eafc2b351$var$CursorOverlay(props) {
+    let { show: show, children: children } = props;
+    let { getContainer: getContainer } = (0, $dIfdp$useUNSTABLE_PortalContext)();
+    var _getContainer;
+    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;
+}
+const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $dIfdp$react).forwardRef($fc695d2eafc2b351$var$Resizer);
+
+
+export {$fc695d2eafc2b351$export$b517d84d4ad20b24 as ResizeStateContext, $fc695d2eafc2b351$export$48a76196cafe3b93 as Resizer};
+//# sourceMappingURL=Resizer.module.js.map

package/dist/Resizer.module.js

@@ -0,0 +1,144 @@
+import $dIfdp$intlStringsmodulejs from "./intlStrings.module.js";
+import "./vars.ce47d5ba.css";
+import $dIfdp$table_vars_cssmodulejs from "./table_vars_css.module.js";
+import {useTableContext as $bd013581c0a4b065$export$3cb274deb6c2d854, useVirtualizerContext as $bd013581c0a4b065$export$3f8f74b6bfd2c5df} from "./TableViewBase.module.js";
+import {classNames as $dIfdp$classNames} from "@react-spectrum/utils";
+import {FocusRing as $dIfdp$FocusRing} from "@react-aria/focus";
+import {isWebKit as $dIfdp$isWebKit, mergeProps as $dIfdp$mergeProps} from "@react-aria/utils";
+import $dIfdp$react, {createContext as $dIfdp$createContext, useContext as $dIfdp$useContext, useState as $dIfdp$useState, useEffect as $dIfdp$useEffect} from "react";
+import $dIfdp$reactdom from "react-dom";
+import {useLocalizedStringFormatter as $dIfdp$useLocalizedStringFormatter, useLocale as $dIfdp$useLocale} from "@react-aria/i18n";
+import {useTableColumnResize as $dIfdp$useTableColumnResize} from "@react-aria/table";
+import {useUNSTABLE_PortalContext as $dIfdp$useUNSTABLE_PortalContext} from "@react-aria/overlays";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/* eslint-disable jsx-a11y/role-supports-aria-props */ 
+var $2fc56f9fdd93be52$exports = {};
+$2fc56f9fdd93be52$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v6.5h3v-1.74951c0-.14893,.12215-.25049,.2513-.25049,.05457,0,.1104,.01819,.15875,.05847l2.58995,2.44153-2.58995,2.44153c-.04837,.04028-.10419,.05847-.15875,.05847-.12914,0-.2513-.10156-.2513-.25049v-1.74951h-3v6.5c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v14c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5v-5.5h1v.67757c0,.40416,.1632,.80501,.48197,1.05347,.49639,.3869,1.14001,.33571,1.56838-.02144l.02344-.01953,.0222-.02087,2.97589-2.80537c.20937-.19737,.20937-.53028,0-.72765l-2.97589-2.80537-.0222-.02087-.02345-.01965c-.22456-.18713-.5083-.29028-.79895-.29028-.3208,0-.62624,.12134-.86003,.34167-.24872,.23438-.39136,.56567-.39136,.90881v.74951h-1V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n    <path d=\"M10,16.5v-6.5h3v1.74952c0,.21196,.24721,.32775,.41005,.19206l2.58995-2.44158-2.58995-2.44158c-.16283-.13569-.41005-.0199-.41005,.19206v1.74952h-3V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v14c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+var $ff1f3562a1be2216$exports = {};
+$ff1f3562a1be2216$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path fill=\"#fff\" d=\"M9.5,2a.5.5,0,0,1,.5.5V9h3V7.2505A.25014.25014,0,0,1,13.24978,7h.00152a.246.246,0,0,1,.15875.05847L16,9.5l-2.58995,2.44153A.24611.24611,0,0,1,13.2513,12,.25016.25016,0,0,1,13,11.751V10H10v6.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V10H5v1.7495A.25014.25014,0,0,1,4.75022,12H4.7487A.246.246,0,0,1,4.59,11.94153L2,9.5,4.59,7.05847A.246.246,0,0,1,4.7487,7,.25016.25016,0,0,1,5,7.249V9H8V2.5A.5.5,0,0,1,8.5,2Zm0-1h-1A1.5,1.5,0,0,0,7,2.5V8H6V7.32389a1.33,1.33,0,0,0-.4816-1.05444,1.23962,1.23962,0,0,0-1.56876.021l-.02344.01953-.0222.02088L.92812,9.13618A.5.5,0,0,0,.90726,9.843l.02086.02085L3.904,12.66919l.02221.02088.02345.01965a1.23986,1.23986,0,0,0,1.56836.02116A1.3294,1.3294,0,0,0,6,11.6765V11H7v5.5A1.5,1.5,0,0,0,8.5,18h1A1.5,1.5,0,0,0,11,16.5V11h1v.67757a1.32792,1.32792,0,0,0,.482,1.05347,1.24,1.24,0,0,0,1.56839-.02144l.02343-.01953.02221-.02088,2.97588-2.80537a.5.5,0,0,0,.02086-.70679l-.02086-.02085L14.096,6.33081l-.02221-.02087-.02345-.01965A1.24978,1.24978,0,0,0,12,7.2505V8H11V2.5A1.5,1.5,0,0,0,9.5,1Z\"></path>\n    <path d=\"M10,16.5V10h3v1.7495a.25.25,0,0,0,.41.19206L16,9.5,13.41,7.05842A.25.25,0,0,0,13,7.2505V9H10V2.5A.5.5,0,0,0,9.5,2h-1a.5.5,0,0,0-.5.5V9H5V7.2505a.25.25,0,0,0-.41-.19206L2,9.5l2.59,2.44158A.25.25,0,0,0,5,11.7495V10H8v6.5a.5.5,0,0,0,.5.5h1A.5.5,0,0,0,10,16.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+
+
+
+
+
+
+
+
+
+
+var $58407c2d4eb33511$exports = {};
+$58407c2d4eb33511$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n  <filter id=\"shadow\">\n    <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n  </filter>\n  <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n    <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v14c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5v-6.5h-3v1.74951c0,.14893-.12215,.25049-.2513,.25049-.05457,0-.1104-.01819-.15875-.05847l-2.58995-2.44153,2.58995-2.44153c.04837-.04028,.10419-.05847,.15875-.05847,.12914,0,.2513,.10156,.2513,.25049v1.74951h3V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v5.5h-1v-.67611c0-.40436-.1629-.80555-.48159-1.05444-.4961-.38744-1.14015-.33635-1.56876,.02095l-.02344,.01953-.0222,.02087L.92811,9.13618c-.20937,.19737-.20937,.53028,0,.72765l2.97589,2.80537,.0222,.02087,.02345,.01965c.42839,.35694,1.07208,.40833,1.56837,.02116,.31886-.24875,.48198-.64994,.48198-1.05435v-.67652s.99999,0,.99999,0v5.5c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n    <path d=\"M10,16.5V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v6.5h-3v-1.74952c0-.21196-.24721-.32775-.41005-.19206l-2.58995,2.44158,2.58995,2.44158c.16283,.13569,.41005,.0199,.41005-.19206v-1.74952h3v6.5c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n  </g>\n</svg>\n";
+
+
+function $fc695d2eafc2b351$var$getCursor(svg, fallback) {
+    // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657
+    // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.
+    // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.
+    if ((0, $dIfdp$isWebKit)()) 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}`;
+    else return `url("data:image/svg+xml,${encodeURIComponent(svg)}") 8 8, ${fallback}`;
+}
+const $fc695d2eafc2b351$var$CURSORS = {
+    ew: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($ff1f3562a1be2216$exports))), 'ew-resize'),
+    w: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($58407c2d4eb33511$exports))), 'w-resize'),
+    e: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($2fc56f9fdd93be52$exports))), 'e-resize')
+};
+const $fc695d2eafc2b351$export$b517d84d4ad20b24 = /*#__PURE__*/ (0, $dIfdp$createContext)(null);
+function $fc695d2eafc2b351$var$Resizer(props, ref) {
+    let { column: column, showResizer: showResizer } = props;
+    let { isEmpty: isEmpty, onFocusedResizer: onFocusedResizer } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
+    let layout = (0, $dIfdp$useContext)($fc695d2eafc2b351$export$b517d84d4ad20b24);
+    // Virtualizer re-renders, but these components are all cached
+    // in order to get around that and cause a rerender here, we use context
+    // but we don't actually need any value, they are available on the layout object
+    (0, $bd013581c0a4b065$export$3f8f74b6bfd2c5df)();
+    let stringFormatter = (0, $dIfdp$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dIfdp$intlStringsmodulejs))), '@react-spectrum/table');
+    let { direction: direction } = (0, $dIfdp$useLocale)();
+    let [isPointerDown, setIsPointerDown] = (0, $dIfdp$useState)(false);
+    (0, $dIfdp$useEffect)(()=>{
+        let setDown = (e)=>{
+            if (e.pointerType === 'mouse') setIsPointerDown(true);
+        };
+        let setUp = (e)=>{
+            if (e.pointerType === 'mouse') setIsPointerDown(false);
+        };
+        document.addEventListener('pointerdown', setDown, {
+            capture: true
+        });
+        document.addEventListener('pointerup', setUp, {
+            capture: true
+        });
+        return ()=>{
+            document.removeEventListener('pointerdown', setDown, {
+                capture: true
+            });
+            document.removeEventListener('pointerup', setUp, {
+                capture: true
+            });
+        };
+    }, []);
+    let { inputProps: inputProps, resizerProps: resizerProps } = (0, $dIfdp$useTableColumnResize)((0, $dIfdp$mergeProps)(props, {
+        'aria-label': stringFormatter.format('columnResizer'),
+        isDisabled: isEmpty
+    }), layout, ref);
+    let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
+    let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
+    let isResizing = layout.resizingColumn === column.key;
+    let cursor = '';
+    if (isEResizable) cursor = direction === 'rtl' ? $fc695d2eafc2b351$var$CURSORS.w : $fc695d2eafc2b351$var$CURSORS.e;
+    else if (isWResizable) cursor = direction === 'rtl' ? $fc695d2eafc2b351$var$CURSORS.e : $fc695d2eafc2b351$var$CURSORS.w;
+    else cursor = $fc695d2eafc2b351$var$CURSORS.ew;
+    let style = {
+        ...resizerProps.style,
+        height: '100%',
+        display: showResizer ? undefined : 'none',
+        cursor: cursor
+    };
+    return /*#__PURE__*/ (0, $dIfdp$react).createElement((0, $dIfdp$react).Fragment, null, /*#__PURE__*/ (0, $dIfdp$react).createElement((0, $dIfdp$FocusRing), {
+        within: true,
+        focusRingClass: (0, $dIfdp$classNames)((0, ($parcel$interopDefault($dIfdp$table_vars_cssmodulejs))), 'focus-ring')
+    }, /*#__PURE__*/ (0, $dIfdp$react).createElement("div", {
+        ...resizerProps,
+        role: "presentation",
+        style: style,
+        className: (0, $dIfdp$classNames)((0, ($parcel$interopDefault($dIfdp$table_vars_cssmodulejs))), 'spectrum-Table-columnResizer')
+    }, /*#__PURE__*/ (0, $dIfdp$react).createElement("input", {
+        ref: ref,
+        ...(0, $dIfdp$mergeProps)(inputProps, {
+            onFocus: onFocusedResizer
+        })
+    }))), /*#__PURE__*/ (0, $dIfdp$react).createElement("div", {
+        "aria-hidden": true,
+        role: "presentation",
+        className: (0, $dIfdp$classNames)((0, ($parcel$interopDefault($dIfdp$table_vars_cssmodulejs))), 'spectrum-Table-columnResizerPlaceholder')
+    }), /*#__PURE__*/ (0, $dIfdp$react).createElement($fc695d2eafc2b351$var$CursorOverlay, {
+        show: isResizing && isPointerDown
+    }, /*#__PURE__*/ (0, $dIfdp$react).createElement("div", {
+        style: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0,
+            cursor: cursor
+        }
+    })));
+}
+function $fc695d2eafc2b351$var$CursorOverlay(props) {
+    let { show: show, children: children } = props;
+    let { getContainer: getContainer } = (0, $dIfdp$useUNSTABLE_PortalContext)();
+    var _getContainer;
+    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;
+}
+const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $dIfdp$react).forwardRef($fc695d2eafc2b351$var$Resizer);
+
+
+export {$fc695d2eafc2b351$export$b517d84d4ad20b24 as ResizeStateContext, $fc695d2eafc2b351$export$48a76196cafe3b93 as Resizer};
+//# sourceMappingURL=Resizer.module.js.map

package/dist/Resizer.module.js.map

@@ -0,0 +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":["/* eslint-disable jsx-a11y/role-supports-aria-props */\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} from '@react-aria/utils';\nimport {Key, RefObject} from '@react-types/shared';\nimport React, {createContext, 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\nfunction Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement | null>) {\n  let {column, showResizer} = props;\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, ref);\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={ref}\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\nconst _Resizer = React.forwardRef(Resizer);\nexport {_Resizer as Resizer};\n","module.exports = \"fb5e0424109df74c\";","module.exports = \"b243267b2524b67c\";","module.exports = \"1fd435371c71f5bc\";"],"names":[],"version":3,"file":"Resizer.module.js.map"}

package/dist/RootDropIndicator.main.js

@@ -0,0 +1,57 @@
+var $e39c6de4eb69450d$exports = require("./TableViewBase.main.js");
+var $ijPMf$react = require("react");
+var $ijPMf$reactariavisuallyhidden = require("@react-aria/visually-hidden");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "RootDropIndicator", () => $4a98adf416b1ae5d$export$d30a7814cfd4033e);
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $4a98adf416b1ae5d$export$d30a7814cfd4033e() {
+    let { dropState: dropState, dragAndDropHooks: dragAndDropHooks, state: state } = (0, $e39c6de4eb69450d$exports.useTableContext)();
+    let ref = (0, $ijPMf$react.useRef)(undefined);
+    let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
+        target: {
+            type: 'root'
+        }
+    }, dropState, ref);
+    let isDropTarget = dropState.isDropTarget({
+        type: 'root'
+    });
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $ijPMf$reactariavisuallyhidden.useVisuallyHidden)();
+    if (!isDropTarget && dropIndicatorProps['aria-hidden']) return null;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($ijPMf$react))).createElement("div", {
+        role: "row",
+        "aria-hidden": dropIndicatorProps['aria-hidden']
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($ijPMf$react))).createElement("div", {
+        role: "gridcell",
+        "aria-selected": "false",
+        "aria-colspan": state.collection.columns.length
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($ijPMf$react))).createElement("div", {
+        role: "button",
+        ...visuallyHiddenProps,
+        ...dropIndicatorProps,
+        ref: ref
+    })));
+}
+
+
+//# sourceMappingURL=RootDropIndicator.main.js.map

package/dist/RootDropIndicator.main.js.map

@@ -0,0 +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,EAAE;IACjB,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAiB,gBAAgB,CAAC;QAC3D,QAAQ;YAAC,MAAM;QAAM;IACvB,GAAG,WAAW;IACd,IAAI,eAAe,UAAU,YAAY,CAAC;QAAC,MAAM;IAAM;IACvD,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(undefined);\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"}

package/dist/RootDropIndicator.mjs

@@ -0,0 +1,48 @@
+import {useTableContext as $bd013581c0a4b065$export$3cb274deb6c2d854} from "./TableViewBase.mjs";
+import $6tvhl$react, {useRef as $6tvhl$useRef} from "react";
+import {useVisuallyHidden as $6tvhl$useVisuallyHidden} from "@react-aria/visually-hidden";
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $4e6fc36ba71ba405$export$d30a7814cfd4033e() {
+    let { dropState: dropState, dragAndDropHooks: dragAndDropHooks, state: state } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
+    let ref = (0, $6tvhl$useRef)(undefined);
+    let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
+        target: {
+            type: 'root'
+        }
+    }, dropState, ref);
+    let isDropTarget = dropState.isDropTarget({
+        type: 'root'
+    });
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $6tvhl$useVisuallyHidden)();
+    if (!isDropTarget && dropIndicatorProps['aria-hidden']) return null;
+    return /*#__PURE__*/ (0, $6tvhl$react).createElement("div", {
+        role: "row",
+        "aria-hidden": dropIndicatorProps['aria-hidden']
+    }, /*#__PURE__*/ (0, $6tvhl$react).createElement("div", {
+        role: "gridcell",
+        "aria-selected": "false",
+        "aria-colspan": state.collection.columns.length
+    }, /*#__PURE__*/ (0, $6tvhl$react).createElement("div", {
+        role: "button",
+        ...visuallyHiddenProps,
+        ...dropIndicatorProps,
+        ref: ref
+    })));
+}
+
+
+export {$4e6fc36ba71ba405$export$d30a7814cfd4033e as RootDropIndicator};
+//# sourceMappingURL=RootDropIndicator.module.js.map