@react-aria/collections 3.0.0-alpha.1 → 3.0.0-nightly.2986

package/dist/Hidden.main.js

@@ -0,0 +1,79 @@
+var $a8uUY$reactdom = require("react-dom");
+var $a8uUY$react = require("react");
+var $a8uUY$reactariassr = require("@react-aria/ssr");
+
+
+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, "Hidden", () => $eaaf60978b89fc58$export$8dc98ba7eadeaa56);
+$parcel$export(module.exports, "createHideableComponent", () => $eaaf60978b89fc58$export$86427a43e3e48ebb);
+$parcel$export(module.exports, "useIsHidden", () => $eaaf60978b89fc58$export$b5d7cc18bb8d2b59);
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+// React doesn't understand the <template> element, which doesn't have children like a normal element.
+// It will throw an error during hydration when it expects the firstChild to contain content rendered
+// on the server, when in reality, the browser will have placed this inside the `content` document fragment.
+// This monkey patches the firstChild property for our special hidden template elements to work around this error.
+// See https://github.com/facebook/react/issues/19932
+if (typeof HTMLTemplateElement !== 'undefined') {
+    const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, 'firstChild').get;
+    Object.defineProperty(HTMLTemplateElement.prototype, 'firstChild', {
+        configurable: true,
+        enumerable: true,
+        get: function() {
+            if (this.dataset.reactAriaHidden) return this.content.firstChild;
+            else return getFirstChild.call(this);
+        }
+    });
+}
+const $eaaf60978b89fc58$export$94b6d0abf7d33e8c = /*#__PURE__*/ (0, $a8uUY$react.createContext)(false);
+// Portal to nowhere
+const $eaaf60978b89fc58$var$hiddenFragment = typeof DocumentFragment !== 'undefined' ? new DocumentFragment() : null;
+function $eaaf60978b89fc58$export$8dc98ba7eadeaa56(props) {
+    let isHidden = (0, $a8uUY$react.useContext)($eaaf60978b89fc58$export$94b6d0abf7d33e8c);
+    let isSSR = (0, $a8uUY$reactariassr.useIsSSR)();
+    if (isHidden) // Don't hide again if we are already hidden.
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($a8uUY$react))).createElement((0, ($parcel$interopDefault($a8uUY$react))).Fragment, null, props.children);
+    let children = /*#__PURE__*/ (0, ($parcel$interopDefault($a8uUY$react))).createElement($eaaf60978b89fc58$export$94b6d0abf7d33e8c.Provider, {
+        value: true
+    }, props.children);
+    // In SSR, portals are not supported by React. Instead, render into a <template>
+    // element, which the browser will never display to the user. In addition, the
+    // content is not part of the DOM tree, so it won't affect ids or other accessibility attributes.
+    return isSSR ? /*#__PURE__*/ (0, ($parcel$interopDefault($a8uUY$react))).createElement("template", {
+        "data-react-aria-hidden": true
+    }, children) : /*#__PURE__*/ (0, $a8uUY$reactdom.createPortal)(children, $eaaf60978b89fc58$var$hiddenFragment);
+}
+function $eaaf60978b89fc58$export$86427a43e3e48ebb(fn) {
+    let Wrapper = (props, ref)=>{
+        let isHidden = (0, $a8uUY$react.useContext)($eaaf60978b89fc58$export$94b6d0abf7d33e8c);
+        if (isHidden) return null;
+        return fn(props, ref);
+    };
+    // @ts-ignore - for react dev tools
+    Wrapper.displayName = fn.displayName || fn.name;
+    return (0, $a8uUY$react.forwardRef)(Wrapper);
+}
+function $eaaf60978b89fc58$export$b5d7cc18bb8d2b59() {
+    return (0, $a8uUY$react.useContext)($eaaf60978b89fc58$export$94b6d0abf7d33e8c);
+}
+
+
+//# sourceMappingURL=Hidden.main.js.map

package/dist/Hidden.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAOD,sGAAsG;AACtG,qGAAqG;AACrG,4GAA4G;AAC5G,kHAAkH;AAClH,qDAAqD;AACrD,IAAI,OAAO,wBAAwB,aAAa;IAC9C,MAAM,gBAAgB,OAAO,wBAAwB,CAAC,KAAK,SAAS,EAAE,cAAe,GAAG;IACxF,OAAO,cAAc,CAAC,oBAAoB,SAAS,EAAE,cAAc;QACjE,cAAc;QACd,YAAY;QACZ,KAAK;YACH,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU;iBAE9B,OAAO,cAAc,IAAI,CAAC,IAAI;QAElC;IACF;AACF;AAEO,MAAM,0DAAgB,CAAA,GAAA,0BAAY,EAAW;AAEpD,oBAAoB;AACpB,MAAM,uCAAiB,OAAO,qBAAqB,cAAc,IAAI,qBAAqB;AAEnF,SAAS,0CAAO,KAA4B;IACjD,IAAI,WAAW,CAAA,GAAA,uBAAS,EAAE;IAC1B,IAAI,QAAQ,CAAA,GAAA,4BAAO;IACnB,IAAI,UACF,6CAA6C;IAC7C,qBAAO,sHAAG,MAAM,QAAQ;IAG1B,IAAI,yBACF,0DAAC,0CAAc,QAAQ;QAAC,OAAA;OACrB,MAAM,QAAQ;IAInB,gFAAgF;IAChF,8EAA8E;IAC9E,iGAAiG;IACjG,OAAO,sBACH,0DAAC;QAAS,0BAAA;OAAwB,0BAClC,CAAA,GAAA,4BAAW,EAAE,UAAU;AAC7B;AAIO,SAAS,0CAAmC,EAAqD;IACtG,IAAI,UAAU,CAAC,OAAU;QACvB,IAAI,WAAW,CAAA,GAAA,uBAAS,EAAE;QAC1B,IAAI,UACF,OAAO;QAGT,OAAO,GAAG,OAAO;IACnB;IACA,mCAAmC;IACnC,QAAQ,WAAW,GAAG,GAAG,WAAW,IAAI,GAAG,IAAI;IAC/C,OAAO,AAAC,CAAA,GAAA,uBAAS,EAAqB;AACxC;AAGO,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE;AACpB","sources":["packages/@react-aria/collections/src/Hidden.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {createPortal} from 'react-dom';\nimport {forwardRefType} from '@react-types/shared';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\n// React doesn't understand the <template> element, which doesn't have children like a normal element.\n// It will throw an error during hydration when it expects the firstChild to contain content rendered\n// on the server, when in reality, the browser will have placed this inside the `content` document fragment.\n// This monkey patches the firstChild property for our special hidden template elements to work around this error.\n// See https://github.com/facebook/react/issues/19932\nif (typeof HTMLTemplateElement !== 'undefined') {\n  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, 'firstChild')!.get!;\n  Object.defineProperty(HTMLTemplateElement.prototype, 'firstChild', {\n    configurable: true,\n    enumerable: true,\n    get: function () {\n      if (this.dataset.reactAriaHidden) {\n        return this.content.firstChild;\n      } else {\n        return getFirstChild.call(this);\n      }\n    }\n  });\n}\n\nexport const HiddenContext = createContext<boolean>(false);\n\n// Portal to nowhere\nconst hiddenFragment = typeof DocumentFragment !== 'undefined' ? new DocumentFragment() : null;\n\nexport function Hidden(props: {children: ReactNode}) {\n  let isHidden = useContext(HiddenContext);\n  let isSSR = useIsSSR();\n  if (isHidden) {\n    // Don't hide again if we are already hidden.\n    return <>{props.children}</>;\n  }\n\n  let children = (\n    <HiddenContext.Provider value>\n      {props.children}\n    </HiddenContext.Provider>\n  );\n\n  // In SSR, portals are not supported by React. Instead, render into a <template>\n  // element, which the browser will never display to the user. In addition, the\n  // content is not part of the DOM tree, so it won't affect ids or other accessibility attributes.\n  return isSSR\n    ? <template data-react-aria-hidden>{children}</template>\n    : createPortal(children, hiddenFragment!);\n}\n\n/** Creates a component that forwards its ref and returns null if it is in a hidden subtree. */\n// Note: this function is handled specially in the documentation generator. If you change it, you'll need to update DocsTransformer as well.\nexport function createHideableComponent<T, P = {}>(fn: (props: P, ref: React.Ref<T>) => ReactNode | null): (props: P & React.RefAttributes<T>) => ReactNode | null {\n  let Wrapper = (props: P, ref: React.Ref<T>) => {\n    let isHidden = useContext(HiddenContext);\n    if (isHidden) {\n      return null;\n    }\n\n    return fn(props, ref);\n  };\n  // @ts-ignore - for react dev tools\n  Wrapper.displayName = fn.displayName || fn.name;\n  return (forwardRef as forwardRefType)(Wrapper);\n}\n\n/** Returns whether the component is in a hidden subtree. */\nexport function useIsHidden(): boolean {\n  return useContext(HiddenContext);\n}\n"],"names":[],"version":3,"file":"Hidden.main.js.map"}

package/dist/Hidden.mjs

@@ -0,0 +1,68 @@
+import {createPortal as $8SdCi$createPortal} from "react-dom";
+import $8SdCi$react, {createContext as $8SdCi$createContext, useContext as $8SdCi$useContext, forwardRef as $8SdCi$forwardRef} from "react";
+import {useIsSSR as $8SdCi$useIsSSR} from "@react-aria/ssr";
+
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+// React doesn't understand the <template> element, which doesn't have children like a normal element.
+// It will throw an error during hydration when it expects the firstChild to contain content rendered
+// on the server, when in reality, the browser will have placed this inside the `content` document fragment.
+// This monkey patches the firstChild property for our special hidden template elements to work around this error.
+// See https://github.com/facebook/react/issues/19932
+if (typeof HTMLTemplateElement !== 'undefined') {
+    const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, 'firstChild').get;
+    Object.defineProperty(HTMLTemplateElement.prototype, 'firstChild', {
+        configurable: true,
+        enumerable: true,
+        get: function() {
+            if (this.dataset.reactAriaHidden) return this.content.firstChild;
+            else return getFirstChild.call(this);
+        }
+    });
+}
+const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /*#__PURE__*/ (0, $8SdCi$createContext)(false);
+// Portal to nowhere
+const $f39a9eba43920ace$var$hiddenFragment = typeof DocumentFragment !== 'undefined' ? new DocumentFragment() : null;
+function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
+    let isHidden = (0, $8SdCi$useContext)($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+    let isSSR = (0, $8SdCi$useIsSSR)();
+    if (isHidden) // Don't hide again if we are already hidden.
+    return /*#__PURE__*/ (0, $8SdCi$react).createElement((0, $8SdCi$react).Fragment, null, props.children);
+    let children = /*#__PURE__*/ (0, $8SdCi$react).createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
+        value: true
+    }, props.children);
+    // In SSR, portals are not supported by React. Instead, render into a <template>
+    // element, which the browser will never display to the user. In addition, the
+    // content is not part of the DOM tree, so it won't affect ids or other accessibility attributes.
+    return isSSR ? /*#__PURE__*/ (0, $8SdCi$react).createElement("template", {
+        "data-react-aria-hidden": true
+    }, children) : /*#__PURE__*/ (0, $8SdCi$createPortal)(children, $f39a9eba43920ace$var$hiddenFragment);
+}
+function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
+    let Wrapper = (props, ref)=>{
+        let isHidden = (0, $8SdCi$useContext)($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+        if (isHidden) return null;
+        return fn(props, ref);
+    };
+    // @ts-ignore - for react dev tools
+    Wrapper.displayName = fn.displayName || fn.name;
+    return (0, $8SdCi$forwardRef)(Wrapper);
+}
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+    return (0, $8SdCi$useContext)($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
+
+
+export {$f39a9eba43920ace$export$94b6d0abf7d33e8c as HiddenContext, $f39a9eba43920ace$export$8dc98ba7eadeaa56 as Hidden, $f39a9eba43920ace$export$86427a43e3e48ebb as createHideableComponent, $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as useIsHidden};
+//# sourceMappingURL=Hidden.module.js.map

package/dist/Hidden.module.js

@@ -0,0 +1,68 @@
+import {createPortal as $8SdCi$createPortal} from "react-dom";
+import $8SdCi$react, {createContext as $8SdCi$createContext, useContext as $8SdCi$useContext, forwardRef as $8SdCi$forwardRef} from "react";
+import {useIsSSR as $8SdCi$useIsSSR} from "@react-aria/ssr";
+
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+// React doesn't understand the <template> element, which doesn't have children like a normal element.
+// It will throw an error during hydration when it expects the firstChild to contain content rendered
+// on the server, when in reality, the browser will have placed this inside the `content` document fragment.
+// This monkey patches the firstChild property for our special hidden template elements to work around this error.
+// See https://github.com/facebook/react/issues/19932
+if (typeof HTMLTemplateElement !== 'undefined') {
+    const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, 'firstChild').get;
+    Object.defineProperty(HTMLTemplateElement.prototype, 'firstChild', {
+        configurable: true,
+        enumerable: true,
+        get: function() {
+            if (this.dataset.reactAriaHidden) return this.content.firstChild;
+            else return getFirstChild.call(this);
+        }
+    });
+}
+const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /*#__PURE__*/ (0, $8SdCi$createContext)(false);
+// Portal to nowhere
+const $f39a9eba43920ace$var$hiddenFragment = typeof DocumentFragment !== 'undefined' ? new DocumentFragment() : null;
+function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
+    let isHidden = (0, $8SdCi$useContext)($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+    let isSSR = (0, $8SdCi$useIsSSR)();
+    if (isHidden) // Don't hide again if we are already hidden.
+    return /*#__PURE__*/ (0, $8SdCi$react).createElement((0, $8SdCi$react).Fragment, null, props.children);
+    let children = /*#__PURE__*/ (0, $8SdCi$react).createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
+        value: true
+    }, props.children);
+    // In SSR, portals are not supported by React. Instead, render into a <template>
+    // element, which the browser will never display to the user. In addition, the
+    // content is not part of the DOM tree, so it won't affect ids or other accessibility attributes.
+    return isSSR ? /*#__PURE__*/ (0, $8SdCi$react).createElement("template", {
+        "data-react-aria-hidden": true
+    }, children) : /*#__PURE__*/ (0, $8SdCi$createPortal)(children, $f39a9eba43920ace$var$hiddenFragment);
+}
+function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
+    let Wrapper = (props, ref)=>{
+        let isHidden = (0, $8SdCi$useContext)($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+        if (isHidden) return null;
+        return fn(props, ref);
+    };
+    // @ts-ignore - for react dev tools
+    Wrapper.displayName = fn.displayName || fn.name;
+    return (0, $8SdCi$forwardRef)(Wrapper);
+}
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+    return (0, $8SdCi$useContext)($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
+
+
+export {$f39a9eba43920ace$export$94b6d0abf7d33e8c as HiddenContext, $f39a9eba43920ace$export$8dc98ba7eadeaa56 as Hidden, $f39a9eba43920ace$export$86427a43e3e48ebb as createHideableComponent, $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as useIsHidden};
+//# sourceMappingURL=Hidden.module.js.map

package/dist/Hidden.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAOD,sGAAsG;AACtG,qGAAqG;AACrG,4GAA4G;AAC5G,kHAAkH;AAClH,qDAAqD;AACrD,IAAI,OAAO,wBAAwB,aAAa;IAC9C,MAAM,gBAAgB,OAAO,wBAAwB,CAAC,KAAK,SAAS,EAAE,cAAe,GAAG;IACxF,OAAO,cAAc,CAAC,oBAAoB,SAAS,EAAE,cAAc;QACjE,cAAc;QACd,YAAY;QACZ,KAAK;YACH,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU;iBAE9B,OAAO,cAAc,IAAI,CAAC,IAAI;QAElC;IACF;AACF;AAEO,MAAM,0DAAgB,CAAA,GAAA,oBAAY,EAAW;AAEpD,oBAAoB;AACpB,MAAM,uCAAiB,OAAO,qBAAqB,cAAc,IAAI,qBAAqB;AAEnF,SAAS,0CAAO,KAA4B;IACjD,IAAI,WAAW,CAAA,GAAA,iBAAS,EAAE;IAC1B,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,IAAI,UACF,6CAA6C;IAC7C,qBAAO,kEAAG,MAAM,QAAQ;IAG1B,IAAI,yBACF,gCAAC,0CAAc,QAAQ;QAAC,OAAA;OACrB,MAAM,QAAQ;IAInB,gFAAgF;IAChF,8EAA8E;IAC9E,iGAAiG;IACjG,OAAO,sBACH,gCAAC;QAAS,0BAAA;OAAwB,0BAClC,CAAA,GAAA,mBAAW,EAAE,UAAU;AAC7B;AAIO,SAAS,0CAAmC,EAAqD;IACtG,IAAI,UAAU,CAAC,OAAU;QACvB,IAAI,WAAW,CAAA,GAAA,iBAAS,EAAE;QAC1B,IAAI,UACF,OAAO;QAGT,OAAO,GAAG,OAAO;IACnB;IACA,mCAAmC;IACnC,QAAQ,WAAW,GAAG,GAAG,WAAW,IAAI,GAAG,IAAI;IAC/C,OAAO,AAAC,CAAA,GAAA,iBAAS,EAAqB;AACxC;AAGO,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE;AACpB","sources":["packages/@react-aria/collections/src/Hidden.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {createPortal} from 'react-dom';\nimport {forwardRefType} from '@react-types/shared';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\n// React doesn't understand the <template> element, which doesn't have children like a normal element.\n// It will throw an error during hydration when it expects the firstChild to contain content rendered\n// on the server, when in reality, the browser will have placed this inside the `content` document fragment.\n// This monkey patches the firstChild property for our special hidden template elements to work around this error.\n// See https://github.com/facebook/react/issues/19932\nif (typeof HTMLTemplateElement !== 'undefined') {\n  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, 'firstChild')!.get!;\n  Object.defineProperty(HTMLTemplateElement.prototype, 'firstChild', {\n    configurable: true,\n    enumerable: true,\n    get: function () {\n      if (this.dataset.reactAriaHidden) {\n        return this.content.firstChild;\n      } else {\n        return getFirstChild.call(this);\n      }\n    }\n  });\n}\n\nexport const HiddenContext = createContext<boolean>(false);\n\n// Portal to nowhere\nconst hiddenFragment = typeof DocumentFragment !== 'undefined' ? new DocumentFragment() : null;\n\nexport function Hidden(props: {children: ReactNode}) {\n  let isHidden = useContext(HiddenContext);\n  let isSSR = useIsSSR();\n  if (isHidden) {\n    // Don't hide again if we are already hidden.\n    return <>{props.children}</>;\n  }\n\n  let children = (\n    <HiddenContext.Provider value>\n      {props.children}\n    </HiddenContext.Provider>\n  );\n\n  // In SSR, portals are not supported by React. Instead, render into a <template>\n  // element, which the browser will never display to the user. In addition, the\n  // content is not part of the DOM tree, so it won't affect ids or other accessibility attributes.\n  return isSSR\n    ? <template data-react-aria-hidden>{children}</template>\n    : createPortal(children, hiddenFragment!);\n}\n\n/** Creates a component that forwards its ref and returns null if it is in a hidden subtree. */\n// Note: this function is handled specially in the documentation generator. If you change it, you'll need to update DocsTransformer as well.\nexport function createHideableComponent<T, P = {}>(fn: (props: P, ref: React.Ref<T>) => ReactNode | null): (props: P & React.RefAttributes<T>) => ReactNode | null {\n  let Wrapper = (props: P, ref: React.Ref<T>) => {\n    let isHidden = useContext(HiddenContext);\n    if (isHidden) {\n      return null;\n    }\n\n    return fn(props, ref);\n  };\n  // @ts-ignore - for react dev tools\n  Wrapper.displayName = fn.displayName || fn.name;\n  return (forwardRef as forwardRefType)(Wrapper);\n}\n\n/** Returns whether the component is in a hidden subtree. */\nexport function useIsHidden(): boolean {\n  return useContext(HiddenContext);\n}\n"],"names":[],"version":3,"file":"Hidden.module.js.map"}

package/dist/import.mjs

@@ -0,0 +1,23 @@
+import {Collection as $e1995378a142960e$export$fb8073518f34e6ec, CollectionBuilder as $e1995378a142960e$export$bf788dd355e3a401, createBranchComponent as $e1995378a142960e$export$e953bb1cd0f19726, createLeafComponent as $e1995378a142960e$export$18af5c7a9e9b3664} from "./CollectionBuilder.mjs";
+import {createHideableComponent as $f39a9eba43920ace$export$86427a43e3e48ebb, useIsHidden as $f39a9eba43920ace$export$b5d7cc18bb8d2b59} from "./Hidden.mjs";
+import {useCachedChildren as $e948873055cbafe4$export$727c8fc270210f13} from "./useCachedChildren.mjs";
+import {BaseCollection as $23b9f4fcf0fe224b$export$408d25a4e12db025, NodeValue as $23b9f4fcf0fe224b$export$f5d856d854e74713} from "./BaseCollection.mjs";
+
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+
+
+
+export {$e1995378a142960e$export$bf788dd355e3a401 as CollectionBuilder, $e1995378a142960e$export$fb8073518f34e6ec as Collection, $e1995378a142960e$export$18af5c7a9e9b3664 as createLeafComponent, $e1995378a142960e$export$e953bb1cd0f19726 as createBranchComponent, $f39a9eba43920ace$export$86427a43e3e48ebb as createHideableComponent, $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as useIsHidden, $e948873055cbafe4$export$727c8fc270210f13 as useCachedChildren, $23b9f4fcf0fe224b$export$408d25a4e12db025 as BaseCollection, $23b9f4fcf0fe224b$export$f5d856d854e74713 as NodeValue};
+//# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,357 +1,36 @@
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
+var $f20386e2aa690b4a$exports = require("./CollectionBuilder.main.js");
+var $eaaf60978b89fc58$exports = require("./Hidden.main.js");
+var $245f3f827bea6653$exports = require("./useCachedChildren.main.js");
+var $499e2959ba1abacc$exports = require("./BaseCollection.main.js");
 
-var _babelRuntimeHelpersObjectWithoutProperties = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _temp = require("@react-aria/utils");
-
-var chain = _temp.chain;
-var focusWithoutScrolling = _temp.focusWithoutScrolling;
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var useRef = _react2.useRef;
-var useCallback = _react2.useCallback;
-var useLayoutEffect = _react2.useLayoutEffect;
-var useEffect = _react2.useEffect;
-var useState = _react2.useState;
-
-var _temp2 = require("@react-stately/collections");
-
-var Size = _temp2.Size;
-var Rect = _temp2.Rect;
-var useCollectionState = _temp2.useCollectionState;
-
-var _babelRuntimeHelpersObjectSpread = $parcel$interopDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _babelRuntimeHelpersSlicedToArray = $parcel$interopDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var flushSync = require("react-dom").flushSync;
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function useCollectionItem(options) {
-  var _options$reusableView = options.reusableView,
-      layoutInfo = _options$reusableView.layoutInfo,
-      collectionManager = _options$reusableView.collectionManager,
-      ref = options.ref;
-  var updateSize = useCallback(function () {
-    var size = $d4b7ca346532dc68037d455bd5$var$getSize(ref.current);
-    collectionManager.updateItemSize(layoutInfo.key, size);
-  }, [collectionManager, layoutInfo.key, ref]);
-  useLayoutEffect(function () {
-    if (layoutInfo.estimatedSize) {
-      updateSize();
-    }
-  });
-  return {
-    updateSize: updateSize
-  };
-}
-
-exports.useCollectionItem = useCollectionItem;
-
-function $d4b7ca346532dc68037d455bd5$var$getSize(node) {
-  return new Size(node.scrollWidth, node.scrollHeight);
-}
-
-function CollectionItem(props) {
-  var reusableView = props.reusableView,
-      parent = props.parent;
-  var ref = useRef();
-  useCollectionItem({
-    reusableView: reusableView,
-    ref: ref
-  });
-  return (/*#__PURE__*/_react.createElement("div", {
-      role: "presentation",
-      ref: ref,
-      style: layoutInfoToStyle(reusableView.layoutInfo, parent && parent.layoutInfo)
-    }, reusableView.rendered)
-  );
-}
-
-exports.CollectionItem = CollectionItem;
-
-function layoutInfoToStyle(layoutInfo, parent) {
-  return {
-    position: 'absolute',
-    overflow: 'hidden',
-    top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),
-    left: layoutInfo.rect.x - (parent ? parent.rect.x : 0),
-    transition: 'all',
-    WebkitTransition: 'all',
-    WebkitTransitionDuration: 'inherit',
-    transitionDuration: 'inherit',
-    width: layoutInfo.rect.width + 'px',
-    height: layoutInfo.rect.height + 'px',
-    opacity: layoutInfo.opacity,
-    zIndex: layoutInfo.zIndex,
-    transform: layoutInfo.transform,
-    contain: 'size layout style paint'
-  };
-}
-
-exports.layoutInfoToStyle = layoutInfoToStyle;
-
-function $bb7f3410d6ad6d6e4b89d1b5$var$ScrollView(props, ref) {
-  var contentSize = props.contentSize,
-      visibleRect = props.visibleRect,
-      onVisibleRectChange = props.onVisibleRectChange,
-      children = props.children,
-      innerStyle = props.innerStyle,
-      sizeToFit = props.sizeToFit,
-      onScrollStart = props.onScrollStart,
-      onScrollEnd = props.onScrollEnd,
-      _props$scrollDirectio = props.scrollDirection,
-      scrollDirection = _props$scrollDirectio === void 0 ? 'both' : _props$scrollDirectio,
-      otherProps = _babelRuntimeHelpersObjectWithoutProperties(props, ["contentSize", "visibleRect", "onVisibleRectChange", "children", "innerStyle", "sizeToFit", "onScrollStart", "onScrollEnd", "scrollDirection"]);
-
-  var defaultRef = useRef();
-  ref = ref || defaultRef;
-  var state = useRef({
-    scrollTop: 0,
-    scrollLeft: 0,
-    scrollEndTime: 0,
-    scrollTimeout: null,
-    width: 0,
-    height: 0
-  }).current;
-
-  var _useState = useState(false),
-      _useState2 = _babelRuntimeHelpersSlicedToArray(_useState, 2),
-      isScrolling = _useState2[0],
-      setScrolling = _useState2[1];
-
-  var onScroll = useCallback(function (e) {
-    flushSync(function () {
-      var _e$currentTarget = e.currentTarget,
-          scrollTop = _e$currentTarget.scrollTop,
-          scrollLeft = _e$currentTarget.scrollLeft,
-          scrollHeight = _e$currentTarget.scrollHeight,
-          scrollWidth = _e$currentTarget.scrollWidth,
-          clientHeight = _e$currentTarget.clientHeight,
-          clientWidth = _e$currentTarget.clientWidth; // Prevent rubber band scrolling from shaking when scrolling out of bounds
-
-      state.scrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
-      state.scrollLeft = Math.max(0, Math.min(scrollLeft, scrollWidth - clientWidth));
-      onVisibleRectChange(new Rect(state.scrollLeft, state.scrollTop, state.width, state.height));
-
-      if (!isScrolling) {
-        setScrolling(true);
-
-        if (onScrollStart) {
-          onScrollStart();
-        }
-      } // So we don't constantly call clearTimeout and setTimeout,
-      // keep track of the current timeout time and only reschedule
-      // the timer when it is getting close.
-
-
-      var now = Date.now();
-
-      if (state.scrollEndTime <= now + 50) {
-        state.scrollEndTime = now + 300;
-        clearTimeout(state.scrollTimeout);
-        state.scrollTimeout = setTimeout(function () {
-          setScrolling(false);
-          state.scrollTimeout = null;
-
-          if (onScrollEnd) {
-            onScrollEnd();
-          }
-        }, 300);
-      }
-    });
-  }, [isScrolling, onScrollEnd, onScrollStart, onVisibleRectChange, state.height, state.scrollEndTime, state.scrollLeft, state.scrollTimeout, state.scrollTop, state.width]);
-  useEffect(function () {
-    // TODO: resize observer
-    // https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver
-    var updateSize = function updateSize() {
-      var dom = ref.current;
-
-      if (!dom) {
-        return;
-      }
-
-      var w = dom.clientWidth;
-      var h = dom.clientHeight;
-
-      if (sizeToFit && contentSize.width > 0 && contentSize.height > 0) {
-        var _style = window.getComputedStyle(dom);
-
-        if (sizeToFit === 'width') {
-          w = contentSize.width;
-          var maxWidth = parseInt(_style.maxWidth, 10);
-
-          if (!isNaN(maxWidth)) {
-            w = Math.min(maxWidth, w);
-          }
-        } else if (sizeToFit === 'height') {
-          h = contentSize.height;
-          var maxHeight = parseInt(_style.maxHeight, 10);
-
-          if (!isNaN(maxHeight)) {
-            h = Math.min(maxHeight, h);
-          }
-        }
-      }
-
-      if (state.width !== w || state.height !== h) {
-        state.width = w;
-        state.height = h;
-        onVisibleRectChange(new Rect(state.scrollLeft, state.scrollTop, w, h));
-      }
-    };
-
-    updateSize();
-    window.addEventListener('resize', updateSize, false);
-    return function () {
-      window.removeEventListener('resize', updateSize, false);
-    };
-  }, [onVisibleRectChange, ref, state.height, state.scrollLeft, state.scrollTop, state.width, sizeToFit, contentSize.width, contentSize.height]);
-  useLayoutEffect(function () {
-    var dom = ref.current;
-
-    if (!dom) {
-      return;
-    }
-
-    if (visibleRect.x !== state.scrollLeft) {
-      state.scrollLeft = visibleRect.x;
-      dom.scrollLeft = visibleRect.x;
-    }
-
-    if (visibleRect.y !== state.scrollTop) {
-      state.scrollTop = visibleRect.y;
-      dom.scrollTop = visibleRect.y;
-    }
-  }, [ref, state.scrollLeft, state.scrollTop, visibleRect.x, visibleRect.y]);
-
-  var style = _babelRuntimeHelpersObjectSpread({}, otherProps.style, {
-    position: 'relative',
-    // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.
-    padding: 0
-  });
-
-  if (scrollDirection === 'horizontal') {
-    style.overflowX = 'auto';
-    style.overflowY = 'hidden';
-  } else if (scrollDirection === 'vertical') {
-    style.overflowY = 'auto';
-    style.overflowX = 'hidden';
-  } else {
-    style.overflow = 'auto';
-  }
-
-  return (/*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, otherProps, {
-      style: style,
-      ref: ref,
-      onScroll: onScroll
-    }), /*#__PURE__*/_react.createElement("div", {
-      role: "presentation",
-      style: _babelRuntimeHelpersObjectSpread({
-        width: contentSize.width,
-        height: contentSize.height,
-        pointerEvents: isScrolling ? 'none' : 'auto'
-      }, innerStyle)
-    }, children))
-  );
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-var $bb7f3410d6ad6d6e4b89d1b5$export$ScrollView = _react.forwardRef($bb7f3410d6ad6d6e4b89d1b5$var$ScrollView);
-
-function $deafe93e304fe800e7ccd55076d5eed$var$CollectionView(props, ref) {
-  var renderView = props.children,
-      renderWrapper = props.renderWrapper,
-      layout = props.layout,
-      collection = props.collection,
-      focusedKey = props.focusedKey,
-      sizeToFit = props.sizeToFit,
-      scrollDirection = props.scrollDirection,
-      otherProps = _babelRuntimeHelpersObjectWithoutProperties(props, ["children", "renderWrapper", "layout", "collection", "focusedKey", "sizeToFit", "scrollDirection"]);
-
-  var _useCollectionState = useCollectionState({
-    layout: layout,
-    collection: collection,
-    renderView: renderView,
-    renderWrapper: renderWrapper || $deafe93e304fe800e7ccd55076d5eed$var$defaultRenderWrapper
-  }),
-      visibleViews = _useCollectionState.visibleViews,
-      visibleRect = _useCollectionState.visibleRect,
-      setVisibleRect = _useCollectionState.setVisibleRect,
-      contentSize = _useCollectionState.contentSize,
-      isAnimating = _useCollectionState.isAnimating,
-      collectionManager = _useCollectionState.collectionManager,
-      startScrolling = _useCollectionState.startScrolling,
-      endScrolling = _useCollectionState.endScrolling;
-
-  var fallbackRef = useRef();
-  ref = ref || fallbackRef; // Scroll to the focusedKey when it changes. Actually focusing the focusedKey
-  // is up to the implementation using CollectionView since we don't have refs
-  // to all of the item DOM nodes.
-
-  useEffect(function () {
-    if (focusedKey) {
-      collectionManager.scrollToItem(focusedKey, 0);
-    }
-  }, [focusedKey, collectionManager]);
-  var isFocusWithin = useRef(false);
-  var onFocus = useCallback(function (e) {
-    // If the focused item is scrolled out of view and is not in the DOM, the CollectionView
-    // will have tabIndex={0}. When tabbing in from outside, scroll the focused item into view.
-    // We only want to do this if the CollectionView itself is receiving focus, not a child
-    // element, and we aren't moving focus to the CollectionView from within (see below).
-    if (e.target === ref.current && !isFocusWithin.current) {
-      collectionManager.scrollToItem(focusedKey, 0);
-    }
-
-    isFocusWithin.current = e.target !== ref.current;
-  }, [ref, collectionManager, focusedKey]);
-  var onBlur = useCallback(function (e) {
-    isFocusWithin.current = ref.current.contains(e.relatedTarget);
-  }, [ref]); // When the focused item is scrolled out of view and is removed from the DOM, 
-  // move focus to the collection view as a whole if focus was within before.
+$parcel$export(module.exports, "CollectionBuilder", () => $f20386e2aa690b4a$exports.CollectionBuilder);
+$parcel$export(module.exports, "Collection", () => $f20386e2aa690b4a$exports.Collection);
+$parcel$export(module.exports, "createLeafComponent", () => $f20386e2aa690b4a$exports.createLeafComponent);
+$parcel$export(module.exports, "createBranchComponent", () => $f20386e2aa690b4a$exports.createBranchComponent);
+$parcel$export(module.exports, "createHideableComponent", () => $eaaf60978b89fc58$exports.createHideableComponent);
+$parcel$export(module.exports, "useIsHidden", () => $eaaf60978b89fc58$exports.useIsHidden);
+$parcel$export(module.exports, "useCachedChildren", () => $245f3f827bea6653$exports.useCachedChildren);
+$parcel$export(module.exports, "BaseCollection", () => $499e2959ba1abacc$exports.BaseCollection);
+$parcel$export(module.exports, "NodeValue", () => $499e2959ba1abacc$exports.NodeValue);
+/*
+ * Copyright 2024 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.
+ */ 
 
-  var focusedView = collectionManager.getItemView(focusedKey);
-  useEffect(function () {
-    if (focusedKey && !focusedView && isFocusWithin.current && document.activeElement !== ref.current) {
-      focusWithoutScrolling(ref.current);
-    }
-  });
-  return (/*#__PURE__*/_react.createElement($bb7f3410d6ad6d6e4b89d1b5$export$ScrollView, _babelRuntimeHelpersExtends({}, otherProps, {
-      tabIndex: focusedView ? -1 : 0,
-      ref: ref,
-      onFocus: chain(otherProps.onFocus, onFocus),
-      onBlur: chain(otherProps.onBlur, onBlur),
-      innerStyle: isAnimating ? {
-        transition: "none ".concat(collectionManager.transitionDuration, "ms")
-      } : undefined,
-      contentSize: contentSize,
-      visibleRect: visibleRect,
-      onVisibleRectChange: setVisibleRect,
-      onScrollStart: startScrolling,
-      onScrollEnd: endScrolling,
-      sizeToFit: sizeToFit,
-      scrollDirection: scrollDirection
-    }), visibleViews)
-  );
-} // forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
 
 
-var CollectionView = _react.forwardRef($deafe93e304fe800e7ccd55076d5eed$var$CollectionView);
 
-exports.CollectionView = CollectionView;
 
-function $deafe93e304fe800e7ccd55076d5eed$var$defaultRenderWrapper(parent, reusableView) {
-  return (/*#__PURE__*/_react.createElement(CollectionItem, {
-      key: reusableView.key,
-      reusableView: reusableView,
-      parent: parent
-    })
-  );
-}
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/collections/src/index.ts"],"sourcesContent":["/*\n * Copyright 2024 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\nexport {CollectionBuilder, Collection, createLeafComponent, createBranchComponent} from './CollectionBuilder';\nexport {createHideableComponent, useIsHidden} from './Hidden';\nexport {useCachedChildren} from './useCachedChildren';\nexport {BaseCollection, NodeValue} from './BaseCollection';\n\nexport type {CollectionBuilderProps, CollectionProps} from './CollectionBuilder';\nexport type {CachedChildrenOptions} from './useCachedChildren';\n"],"names":[],"version":3,"file":"main.js.map"}