@okam/stack-ui 1.40.1 → 1.41.0

package/index324.mjs

@@ -1,284 +1,12 @@
-import { Selection as n } from "./index331.mjs";
-import { compareNodeOrder as r, getFirstItem as d, getChildNodes as u } from "./index330.mjs";
-class h {
-  /**
-  * The type of selection that is allowed in the collection.
-  */
-  get selectionMode() {
-    return this.state.selectionMode;
-  }
-  /**
-  * Whether the collection allows empty selection.
-  */
-  get disallowEmptySelection() {
-    return this.state.disallowEmptySelection;
-  }
-  /**
-  * The selection behavior for the collection.
-  */
-  get selectionBehavior() {
-    return this.state.selectionBehavior;
-  }
-  /**
-  * Sets the selection behavior for the collection.
-  */
-  setSelectionBehavior(t) {
-    this.state.setSelectionBehavior(t);
-  }
-  /**
-  * Whether the collection is currently focused.
-  */
-  get isFocused() {
-    return this.state.isFocused;
-  }
-  /**
-  * Sets whether the collection is focused.
-  */
-  setFocused(t) {
-    this.state.setFocused(t);
-  }
-  /**
-  * The current focused key in the collection.
-  */
-  get focusedKey() {
-    return this.state.focusedKey;
-  }
-  /** Whether the first or last child of the focused key should receive focus. */
-  get childFocusStrategy() {
-    return this.state.childFocusStrategy;
-  }
-  /**
-  * Sets the focused key.
-  */
-  setFocusedKey(t, e) {
-    (t == null || this.collection.getItem(t)) && this.state.setFocusedKey(t, e);
-  }
-  /**
-  * The currently selected keys in the collection.
-  */
-  get selectedKeys() {
-    return this.state.selectedKeys === "all" ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys;
-  }
-  /**
-  * The raw selection value for the collection.
-  * Either 'all' for select all, or a set of keys.
-  */
-  get rawSelection() {
-    return this.state.selectedKeys;
-  }
-  /**
-  * Returns whether a key is selected.
-  */
-  isSelected(t) {
-    if (this.state.selectionMode === "none") return !1;
-    let e = this.getKey(t);
-    return e == null ? !1 : this.state.selectedKeys === "all" ? this.canSelectItem(e) : this.state.selectedKeys.has(e);
-  }
-  /**
-  * Whether the selection is empty.
-  */
-  get isEmpty() {
-    return this.state.selectedKeys !== "all" && this.state.selectedKeys.size === 0;
-  }
-  /**
-  * Whether all items in the collection are selected.
-  */
-  get isSelectAll() {
-    if (this.isEmpty) return !1;
-    if (this.state.selectedKeys === "all") return !0;
-    if (this._isSelectAll != null) return this._isSelectAll;
-    let t = this.getSelectAllKeys(), e = this.state.selectedKeys;
-    return this._isSelectAll = t.every((l) => e.has(l)), this._isSelectAll;
-  }
-  get firstSelectedKey() {
-    let t = null;
-    for (let l of this.state.selectedKeys) {
-      let s = this.collection.getItem(l);
-      (!t || s && r(this.collection, s, t) < 0) && (t = s);
-    }
-    var e;
-    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
-  }
-  get lastSelectedKey() {
-    let t = null;
-    for (let l of this.state.selectedKeys) {
-      let s = this.collection.getItem(l);
-      (!t || s && r(this.collection, s, t) > 0) && (t = s);
-    }
-    var e;
-    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
-  }
-  get disabledKeys() {
-    return this.state.disabledKeys;
-  }
-  get disabledBehavior() {
-    return this.state.disabledBehavior;
-  }
-  /**
-  * Extends the selection to the given key.
-  */
-  extendSelection(t) {
-    if (this.selectionMode === "none") return;
-    if (this.selectionMode === "single") {
-      this.replaceSelection(t);
-      return;
-    }
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l;
-    if (this.state.selectedKeys === "all") l = new n([
-      e
-    ], e, e);
-    else {
-      let i = this.state.selectedKeys;
-      var s;
-      let a = (s = i.anchorKey) !== null && s !== void 0 ? s : e;
-      l = new n(i, a, e);
-      var o;
-      for (let c of this.getKeyRange(a, (o = i.currentKey) !== null && o !== void 0 ? o : e)) l.delete(c);
-      for (let c of this.getKeyRange(e, a)) this.canSelectItem(c) && l.add(c);
-    }
-    this.state.setSelectedKeys(l);
-  }
-  getKeyRange(t, e) {
-    let l = this.collection.getItem(t), s = this.collection.getItem(e);
-    return l && s ? r(this.collection, l, s) <= 0 ? this.getKeyRangeInternal(t, e) : this.getKeyRangeInternal(e, t) : [];
-  }
-  getKeyRangeInternal(t, e) {
-    var l;
-    if (!((l = this.layoutDelegate) === null || l === void 0) && l.getKeyRange) return this.layoutDelegate.getKeyRange(t, e);
-    let s = [], o = t;
-    for (; o != null; ) {
-      let i = this.collection.getItem(o);
-      if (i && (i.type === "item" || i.type === "cell" && this.allowsCellSelection) && s.push(o), o === e) return s;
-      o = this.collection.getKeyAfter(o);
-    }
-    return [];
-  }
-  getKey(t) {
-    let e = this.collection.getItem(t);
-    if (!e || e.type === "cell" && this.allowsCellSelection) return t;
-    for (; e && e.type !== "item" && e.parentKey != null; ) e = this.collection.getItem(e.parentKey);
-    return !e || e.type !== "item" ? null : e.key;
-  }
-  /**
-  * Toggles whether the given key is selected.
-  */
-  toggleSelection(t) {
-    if (this.selectionMode === "none") return;
-    if (this.selectionMode === "single" && !this.isSelected(t)) {
-      this.replaceSelection(t);
-      return;
-    }
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l = new n(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
-    l.has(e) ? l.delete(e) : this.canSelectItem(e) && (l.add(e), l.anchorKey = e, l.currentKey = e), !(this.disallowEmptySelection && l.size === 0) && this.state.setSelectedKeys(l);
-  }
-  /**
-  * Replaces the selection with only the given key.
-  */
-  replaceSelection(t) {
-    if (this.selectionMode === "none") return;
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l = this.canSelectItem(e) ? new n([
-      e
-    ], e, e) : new n();
-    this.state.setSelectedKeys(l);
-  }
-  /**
-  * Replaces the selection with the given keys.
-  */
-  setSelectedKeys(t) {
-    if (this.selectionMode === "none") return;
-    let e = new n();
-    for (let l of t) {
-      let s = this.getKey(l);
-      if (s != null && (e.add(s), this.selectionMode === "single"))
-        break;
-    }
-    this.state.setSelectedKeys(e);
-  }
-  getSelectAllKeys() {
-    let t = [], e = (l) => {
-      for (; l != null; ) {
-        if (this.canSelectItem(l)) {
-          var s;
-          let i = this.collection.getItem(l);
-          (i == null ? void 0 : i.type) === "item" && t.push(l);
-          var o;
-          i != null && i.hasChildNodes && (this.allowsCellSelection || i.type !== "item") && e((o = (s = d(u(i, this.collection))) === null || s === void 0 ? void 0 : s.key) !== null && o !== void 0 ? o : null);
-        }
-        l = this.collection.getKeyAfter(l);
-      }
-    };
-    return e(this.collection.getFirstKey()), t;
-  }
-  /**
-  * Selects all items in the collection.
-  */
-  selectAll() {
-    !this.isSelectAll && this.selectionMode === "multiple" && this.state.setSelectedKeys("all");
-  }
-  /**
-  * Removes all keys from the selection.
-  */
-  clearSelection() {
-    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new n());
-  }
-  /**
-  * Toggles between select all and an empty selection.
-  */
-  toggleSelectAll() {
-    this.isSelectAll ? this.clearSelection() : this.selectAll();
-  }
-  select(t, e) {
-    this.selectionMode !== "none" && (this.selectionMode === "single" ? this.isSelected(t) && !this.disallowEmptySelection ? this.toggleSelection(t) : this.replaceSelection(t) : this.selectionBehavior === "toggle" || e && (e.pointerType === "touch" || e.pointerType === "virtual") ? this.toggleSelection(t) : this.replaceSelection(t));
-  }
-  /**
-  * Returns whether the current selection is equal to the given selection.
-  */
-  isSelectionEqual(t) {
-    if (t === this.state.selectedKeys) return !0;
-    let e = this.selectedKeys;
-    if (t.size !== e.size) return !1;
-    for (let l of t)
-      if (!e.has(l)) return !1;
-    for (let l of e)
-      if (!t.has(l)) return !1;
-    return !0;
-  }
-  canSelectItem(t) {
-    var e;
-    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(t)) return !1;
-    let l = this.collection.getItem(t);
-    return !(!l || !(l == null || (e = l.props) === null || e === void 0) && e.isDisabled || l.type === "cell" && !this.allowsCellSelection);
-  }
-  isDisabled(t) {
-    var e, l;
-    return this.state.disabledBehavior === "all" && (this.state.disabledKeys.has(t) || !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.isDisabled));
-  }
-  isLink(t) {
-    var e, l;
-    return !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.href);
-  }
-  getItemProps(t) {
-    var e;
-    return (e = this.collection.getItem(t)) === null || e === void 0 ? void 0 : e.props;
-  }
-  withCollection(t) {
-    return new h(t, this.state, {
-      allowsCellSelection: this.allowsCellSelection,
-      layoutDelegate: this.layoutDelegate || void 0
-    });
-  }
-  constructor(t, e, l) {
-    this.collection = t, this.state = e;
-    var s;
-    this.allowsCellSelection = (s = l == null ? void 0 : l.allowsCellSelection) !== null && s !== void 0 ? s : !1, this._isSelectAll = null, this.layoutDelegate = (l == null ? void 0 : l.layoutDelegate) || null;
-  }
+import { createEventHandler as o } from "./index325.mjs";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
+    }
+  };
 }
 export {
-  h as SelectionManager
+  r as useKeyboard
 };

package/index325.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index329.js"),n=require("react");function s(u,l,t){let i=n.useMemo(()=>new d.CollectionBuilder,[]),{children:r,items:o,collection:e}=u;return n.useMemo(()=>{if(e)return e;let c=i.build({children:r,items:o},t);return l(c)},[i,r,o,e,t,l])}exports.useCollection=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o){if(!o)return;let e=!0;return t=>{let r={...t,preventDefault(){t.preventDefault()},isDefaultPrevented(){return t.isDefaultPrevented()},stopPropagation(){e&&process.env.NODE_ENV!=="production"?console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior."):e=!0},continuePropagation(){e=!1},isPropagationStopped(){return e}};o(r),e&&t.stopPropagation()}}exports.createEventHandler=n;

package/index325.mjs

@@ -1,23 +1,28 @@
-import { CollectionBuilder as u } from "./index329.mjs";
-import { useMemo as n } from "react";
-function b(d, l, r) {
-  let t = n(() => new u(), []), { children: i, items: o, collection: e } = d;
-  return n(() => {
-    if (e) return e;
-    let c = t.build({
-      children: i,
-      items: o
-    }, r);
-    return l(c);
-  }, [
-    t,
-    i,
-    o,
-    e,
-    r,
-    l
-  ]);
+function n(o) {
+  if (!o) return;
+  let e = !0;
+  return (t) => {
+    let r = {
+      ...t,
+      preventDefault() {
+        t.preventDefault();
+      },
+      isDefaultPrevented() {
+        return t.isDefaultPrevented();
+      },
+      stopPropagation() {
+        e && process.env.NODE_ENV !== "production" ? console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.") : e = !0;
+      },
+      continuePropagation() {
+        e = !1;
+      },
+      isPropagationStopped() {
+        return e;
+      }
+    };
+    o(r), e && t.stopPropagation();
+  };
 }
 export {
-  b as useCollection
+  n as createEventHandler
 };

package/index326.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(t,e){return e.get?e.get.call(t):e.value}exports._=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index235.js"),r=require("./index241.js"),c=require("./index240.js");let n="default",s="",l=new WeakMap;function u(e){if(c.isIOS()){if(n==="default"){const t=o.getOwnerDocument(e);s=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}n="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";l.set(e,e.style[t]),e.style[t]="none"}}function d(e){if(c.isIOS()){if(n!=="disabled")return;n="restoring",setTimeout(()=>{r.runAfterTransition(()=>{if(n==="restoring"){const t=o.getOwnerDocument(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=s||""),s="",n="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&l.has(e)){let t=l.get(e),i="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[i]==="none"&&(e.style[i]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),l.delete(e)}}exports.disableTextSelection=u;exports.restoreTextSelection=d;

package/index326.mjs

@@ -1,6 +1,36 @@
-function a(t, e) {
-  return e.get ? e.get.call(t) : e.value;
+import { getOwnerDocument as i } from "./index235.mjs";
+import { runAfterTransition as f } from "./index241.mjs";
+import { isIOS as o } from "./index240.mjs";
+let l = "default", s = "", n = /* @__PURE__ */ new WeakMap();
+function m(e) {
+  if (o()) {
+    if (l === "default") {
+      const t = i(e);
+      s = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
+    }
+    l = "disabled";
+  } else if (e instanceof HTMLElement || e instanceof SVGElement) {
+    let t = "userSelect" in e.style ? "userSelect" : "webkitUserSelect";
+    n.set(e, e.style[t]), e.style[t] = "none";
+  }
+}
+function $(e) {
+  if (o()) {
+    if (l !== "disabled") return;
+    l = "restoring", setTimeout(() => {
+      f(() => {
+        if (l === "restoring") {
+          const t = i(e);
+          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = s || ""), s = "", l = "default";
+        }
+      });
+    }, 300);
+  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && n.has(e)) {
+    let t = n.get(e), c = "userSelect" in e.style ? "userSelect" : "webkitUserSelect";
+    e.style[c] === "none" && (e.style[c] = t), e.getAttribute("style") === "" && e.removeAttribute("style"), n.delete(e);
+  }
 }
 export {
-  a as _
+  m as disableTextSelection,
+  $ as restoreTextSelection
 };

package/index327.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e,n){if(!e.has(t))throw new TypeError("attempted to "+n+" private field on non-instance");return e.get(t)}exports._=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index339.js"),s=require("./index340.js");function c(e,t){var r=s._(e,t,"get");return _._(e,r)}exports._=c;

package/index327.mjs

@@ -1,7 +1,9 @@
-function o(t, e, n) {
-  if (!e.has(t)) throw new TypeError("attempted to " + n + " private field on non-instance");
-  return e.get(t);
+import { _ as s } from "./index339.mjs";
+import { _ as a } from "./index340.mjs";
+function p(_, r) {
+  var t = a(_, r, "get");
+  return s(_, t);
 }
 export {
-  o as _
+  p as _
 };

package/index328.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(l,e,t){if(e.set)e.set.call(l,t);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=t}}exports._=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index341.js"),c=require("./index340.js");function i(t,r,e){var s=c._(t,r,"set");return _._(t,s,e),e}exports._=i;

package/index328.mjs

@@ -1,11 +1,9 @@
-function l(a, e, t) {
-  if (e.set) e.set.call(a, t);
-  else {
-    if (!e.writable)
-      throw new TypeError("attempted to set read only private field");
-    e.value = t;
-  }
+import { _ as a } from "./index341.mjs";
+import { _ as o } from "./index340.mjs";
+function i(s, r, _) {
+  var t = o(s, r, "set");
+  return a(s, t, _), _;
 }
 export {
-  l as _
+  i as _
 };

package/index329.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");class I{build(e,l){return this.context=l,V(()=>this.iterateCollection(e))}*iterateCollection(e){let{children:l,items:u}=e;if(y.isValidElement(l)&&l.type===y.Fragment)yield*this.iterateCollection({children:l.props.children,items:u});else if(typeof l=="function"){if(!u)throw new Error("props.children was a function but props.items is missing");let n=0;for(let r of u)yield*this.getFullNode({value:r,index:n},{renderer:l}),n++}else{let n=[];y.Children.forEach(l,t=>{t&&n.push(t)});let r=0;for(let t of n){let d=this.getFullNode({element:t,index:r},{});for(let m of d)r++,yield m}}}getKey(e,l,u,n){if(e.key!=null)return e.key;if(l.type==="cell"&&l.key!=null)return`${n}${l.key}`;let r=l.value;if(r!=null){var t;let d=(t=r.key)!==null&&t!==void 0?t:r.id;if(d==null)throw new Error("No key found for item");return d}return n?`${n}.${l.index}`:`$.${l.index}`}getChildState(e,l){return{renderer:l.renderer||e.renderer}}*getFullNode(e,l,u,n){if(y.isValidElement(e.element)&&e.element.type===y.Fragment){let i=[];y.Children.forEach(e.element.props.children,f=>{i.push(f)});var r;let s=(r=e.index)!==null&&r!==void 0?r:0;for(const f of i)yield*this.getFullNode({element:f,index:s++},l,u,n);return}let t=e.element;if(!t&&e.value&&l&&l.renderer){let i=this.cache.get(e.value);if(i&&(!i.shouldInvalidate||!i.shouldInvalidate(this.context))){i.index=e.index,i.parentKey=n?n.key:null,yield i;return}t=l.renderer(e.value)}if(y.isValidElement(t)){let i=t.type;if(typeof i!="function"&&typeof i.getCollectionNode!="function"){let c=t.type;throw new Error(`Unknown element <${c}> in collection.`)}let s=i.getCollectionNode(t.props,this.context);var d;let f=(d=e.index)!==null&&d!==void 0?d:0,v=s.next();for(;!v.done&&v.value;){let c=v.value;e.index=f;var m;let C=(m=c.key)!==null&&m!==void 0?m:null;C==null&&(C=c.element?null:this.getKey(t,e,l,u));let S=[...this.getFullNode({...c,key:C,index:f,wrapper:p(e.wrapper,c.wrapper)},this.getChildState(l,c),u?`${u}${t.key}`:t.key,n)];for(let h of S){var x,k;h.value=(k=(x=c.value)!==null&&x!==void 0?x:e.value)!==null&&k!==void 0?k:null,h.value&&this.cache.set(h.value,h);var g;if(e.type&&h.type!==e.type)throw new Error(`Unsupported type <${E(h.type)}> in <${E((g=n==null?void 0:n.type)!==null&&g!==void 0?g:"unknown parent type")}>. Only <${E(e.type)}> is supported.`);f++,yield h}v=s.next(S)}return}if(e.key==null||e.type==null)return;let F=this;var w,b;let $={type:e.type,props:e.props,key:e.key,parentKey:n?n.key:null,value:(w=e.value)!==null&&w!==void 0?w:null,level:n?n.level+1:0,index:e.index,rendered:e.rendered,textValue:(b=e.textValue)!==null&&b!==void 0?b:"","aria-label":e["aria-label"],wrapper:e.wrapper,shouldInvalidate:e.shouldInvalidate,hasChildNodes:e.hasChildNodes||!1,childNodes:V(function*(){if(!e.hasChildNodes||!e.childNodes)return;let i=0;for(let s of e.childNodes()){s.key!=null&&(s.key=`${$.key}${s.key}`);let f=F.getFullNode({...s,index:i},F.getChildState(l,s),$.key,$);for(let v of f)i++,yield v}})};yield $}constructor(){this.cache=new WeakMap}}function V(o){let e=[],l=null;return{*[Symbol.iterator](){for(let u of e)yield u;l||(l=o());for(let u of l)e.push(u),yield u}}}function p(o,e){if(o&&e)return l=>o(e(l));if(o)return o;if(e)return e}function E(o){return o[0].toUpperCase()+o.slice(1)}exports.CollectionBuilder=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index228.js"),f=require("./index235.js"),m=require("./index149.js"),L=require("./index238.js"),y=require("./index242.js"),D=require("./index250.js"),T=require("react"),h=500;function v(c){let{isDisabled:s,onLongPressStart:n,onLongPressEnd:o,onLongPress:r,threshold:l=h,accessibilityDescription:p}=c;const t=T.useRef(void 0);let{addGlobalListener:i,removeGlobalListener:a}=y.useGlobalListeners(),{pressProps:d}=b.usePress({isDisabled:s,onPressStart(e){if(e.continuePropagation(),(e.pointerType==="mouse"||e.pointerType==="touch")&&(n&&n({...e,type:"longpressstart"}),t.current=setTimeout(()=>{e.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),f.getOwnerDocument(e.target).activeElement!==e.target&&L.focusWithoutScrolling(e.target),r&&r({...e,type:"longpress"}),t.current=void 0},l),e.pointerType==="touch")){let u=P=>{P.preventDefault()};i(e.target,"contextmenu",u,{once:!0}),i(window,"pointerup",()=>{setTimeout(()=>{a(e.target,"contextmenu",u)},30)},{once:!0})}},onPressEnd(e){t.current&&clearTimeout(t.current),o&&(e.pointerType==="mouse"||e.pointerType==="touch")&&o({...e,type:"longpressend"})}}),g=D.useDescription(r&&!s?p:void 0);return{longPressProps:m.mergeProps(d,g)}}exports.useLongPress=v;